/* Stromhilfen v0.6.0 – unified premium palette */
:root{
  --skh-black:#050505;
  --skh-ink:#0b1115;
  --skh-paper:#f1ede6;
  --skh-white:#fffdf8;
  --skh-purple:#9b82f4;
  --skh-purple-dark:#4a355f;
  --skh-coral:#e34a3d;
  --skh-yellow:#f2bd21;
  --skh-blue:#9ebcf2;
  --skh-mint:#cfe0c9;
  --skh-line:rgba(11,17,21,.14);
  --skh-muted:#5d6367;
}

.skh-home--v060{background:var(--skh-paper);color:var(--skh-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"kern" 1,"liga" 1}
.skh-home--v060 *{box-sizing:border-box}
.skh-home--v060 .skh-wrap{width:min(1280px,calc(100% - 54px));margin-inline:auto}
.skh-home--v060 a{color:inherit;text-decoration:none}
.skh-home--v060 .skh-kicker{font-size:.72rem;font-weight:850;letter-spacing:.145em;text-transform:uppercase;color:var(--skh-ink)}

/* header */
.skh-home--v060 .skh-overlay-header{position:absolute;z-index:20;top:16px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 34px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0}
.skh-home--v060 .skh-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:820;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.skh-home--v060 .skh-brand__mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);color:#fff;background:rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.skh-home--v060 .skh-overlay-nav{display:flex;gap:9px;align-items:center}
.skh-home--v060 .skh-overlay-nav>a{min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.62);background:rgba(5,5,5,.18);backdrop-filter:blur(10px);color:#fff;font-size:.72rem;font-weight:810;letter-spacing:.05em;text-transform:uppercase}
.skh-home--v060 .skh-overlay-nav>a:hover{background:#fff;color:var(--skh-ink)}
.skh-home--v060 .skh-overlay-nav__cta{background:var(--skh-yellow)!important;border-color:var(--skh-yellow)!important;color:var(--skh-ink)!important}
.skh-home--v060 .skh-overlay-nav__cta span{margin-left:10px}
.skh-home--v060 .skh-menu-toggle{display:none;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.62);width:46px;height:42px}
.skh-home--v060 .skh-menu-toggle span{display:block;width:20px;height:2px;background:#fff;margin:5px auto}
.skh-home--v060 .skh-mobile-menu{display:none}

/* restored photo hero */
.skh-home--v060 .skh-hero--classic{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate;background:#0b1115;color:#fff}
.skh-home--v060 .skh-hero--classic:before{content:"";position:absolute;inset:0;z-index:-3;background:url("../images/hero-strom.png") center center/cover no-repeat;transform:scale(1.012)}
.skh-home--v060 .skh-hero--classic:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.08) 24%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.70) 100%),linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.04) 44%,rgba(0,0,0,.14) 100%)}
.skh-home--v060 .skh-hero__classic-content{position:relative;z-index:4;width:min(1100px,calc(100% - 46px));margin:auto;text-align:center;padding:18vh 0 16vh}
.skh-home--v060 .skh-hero__classic-eyebrow{margin-bottom:22px;font-size:.72rem;font-weight:860;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.34)}
.skh-home--v060 .skh-hero__classic-content h1{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0}
.skh-home--v060 .skh-hero__line{display:inline-block;width:max-content;max-width:100%;padding:8px 24px 12px;border-radius:999px;font-size:clamp(4.8rem,9vw,9rem);line-height:.86;letter-spacing:-.08em;font-weight:820;box-shadow:0 14px 38px rgba(0,0,0,.16)}
.skh-home--v060 .skh-hero__line--purple{background:rgba(155,130,244,.94);color:#fff}
.skh-home--v060 .skh-hero__line--coral{background:rgba(227,74,61,.95);color:#190807}
.skh-home--v060 .skh-hero__classic-content p{max-width:760px;margin:26px auto 0;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.55;font-weight:610;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.skh-home--v060 .skh-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.skh-home--v060 .skh-hero__button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;font-size:.82rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;transition:.2s ease}
.skh-home--v060 .skh-hero__button--yellow{background:var(--skh-yellow);color:var(--skh-ink);border:1px solid var(--skh-yellow);box-shadow:0 12px 28px rgba(242,189,33,.18)}
.skh-home--v060 .skh-hero__button--light{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(9px)}
.skh-home--v060 .skh-hero__button:hover{transform:translateY(-2px)}
.skh-home--v060 .skh-hero__dock{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:4;width:min(760px,calc(100% - 34px));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(5,5,5,.56);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);overflow:hidden}
.skh-home--v060 .skh-hero__dock a{min-height:74px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.14);color:#fff;font-size:.76rem;font-weight:760}
.skh-home--v060 .skh-hero__dock a:last-child{border-right:0}
.skh-home--v060 .skh-hero__dock span{display:block;margin-bottom:6px;font-size:.64rem;color:rgba(255,255,255,.55)}

/* general section rhythm */
.skh-home--v060 .skh-situations,.skh-home--v060 .skh-products,.skh-home--v060 .skh-world,.skh-home--v060 .skh-trust{padding:110px 0}
.skh-home--v060 .skh-situations,.skh-home--v060 .skh-products,.skh-home--v060 .skh-trust{background:var(--skh-paper)}
.skh-home--v060 .skh-section-intro--center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:44px}
.skh-home--v060 .skh-section-intro h2,.skh-home--v060 .skh-products__head h2,.skh-home--v060 .skh-world__head h2,.skh-home--v060 .skh-trust h2{margin:10px 0 0;font-size:clamp(3rem,5.3vw,5.7rem);line-height:.92;letter-spacing:-.06em;font-weight:790;color:var(--skh-ink)}
.skh-home--v060 .skh-section-intro p,.skh-home--v060 .skh-products__aside p,.skh-home--v060 .skh-world__head p{color:var(--skh-muted);line-height:1.62;font-size:1.02rem}

/* situations */
.skh-home--v060 .skh-situation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.skh-home--v060 .skh-situation-card{min-height:380px;padding:28px;border:1px solid var(--skh-line);border-radius:26px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 48px rgba(11,17,21,.05);transition:.22s ease}
.skh-home--v060 .skh-situation-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(11,17,21,.08)}
.skh-home--v060 .skh-situation-card--blue{background:var(--skh-blue)}
.skh-home--v060 .skh-situation-card--green{background:var(--skh-yellow);color:var(--skh-ink)}
.skh-home--v060 .skh-situation-card--paper{background:var(--skh-white)}
.skh-home--v060 .skh-situation-card--dark{background:var(--skh-black);color:#fff}
.skh-home--v060 .skh-situation-card h3{margin:auto 0 14px;font-size:clamp(2.1rem,3vw,3.65rem);line-height:.96;letter-spacing:-.05em;font-weight:770;color:inherit}
.skh-home--v060 .skh-situation-card p{max-width:560px;margin:0 0 18px;line-height:1.58;color:inherit;opacity:.84}
.skh-home--v060 .skh-situation-card__meta{display:flex;justify-content:space-between;font-size:.68rem;font-weight:850;letter-spacing:.12em}
.skh-home--v060 .skh-statement-amount{margin:auto 0 8px;color:var(--skh-coral);font-size:clamp(4.5rem,8vw,8rem);line-height:.82;font-weight:860;letter-spacing:-.07em}

/* products */
.skh-home--v060 .skh-products__head{display:grid;grid-template-columns:1.1fr .65fr;gap:60px;align-items:end;margin-bottom:34px}
.skh-home--v060 .skh-products__viewport{position:relative;border-radius:34px;border:1px solid var(--skh-line);background:#e7e2da;box-shadow:0 20px 60px rgba(11,17,21,.05);overflow:hidden}
.skh-home--v060 .skh-products__controls{display:flex;gap:10px;margin-top:16px}
.skh-home--v060 .skh-products__controls button{width:48px;height:48px;border-radius:999px;border:1px solid var(--skh-line);background:var(--skh-white);color:var(--skh-ink)}
.skh-home--v060 .skh-products__energy-lines{opacity:.10;filter:hue-rotate(180deg) saturate(.75)}
.skh-home--v060 .skh-product-card__face--front{background:linear-gradient(150deg,#fff 0%,#ded6ff 100%)!important;color:var(--skh-ink)!important}
.skh-home--v060 .skh-product-card:nth-child(2n) .skh-product-card__face--front{background:linear-gradient(150deg,#ffd8d3 0%,#fff5ef 100%)!important}
.skh-home--v060 .skh-product-card:nth-child(3n) .skh-product-card__face--front{background:linear-gradient(150deg,#f7d75b 0%,#fff5be 100%)!important}
.skh-home--v060 .skh-product-card:nth-child(4n) .skh-product-card__face--front{background:linear-gradient(150deg,#c9d9fb 0%,#eef4ff 100%)!important}
.skh-home--v060 .skh-product-card__label,.skh-home--v060 .skh-product-card__chips span{background:rgba(255,255,255,.65)!important;border:1px solid rgba(11,17,21,.12)!important;color:var(--skh-ink)!important}
.skh-home--v060 .skh-product-card__face--back{background:var(--skh-black)!important;color:#fff!important}
.skh-home--v060 .skh-back-note{color:#d7d7d7!important}

/* finder */
.skh-home--v060 .skh-finder-section{padding:110px 0;background:var(--skh-black)}
.skh-home--v060 .skh-finder__top h2{font-size:clamp(3.6rem,5.8vw,6rem);line-height:.9;letter-spacing:-.06em;color:#fff}
.skh-home--v060 .skh-finder__intro-text p{color:#d7d7da}
.skh-home--v060 .skh-finder__badges span{background:rgba(155,130,244,.16);border-color:rgba(155,130,244,.28);color:#fff}
.skh-home--v060 .skh-finder__leadbar{background:linear-gradient(90deg,var(--skh-purple-dark),var(--skh-coral))}
.skh-home--v060 .skh-finder-option.is-selected{background:var(--skh-purple);color:#111;border-color:transparent;box-shadow:0 18px 42px rgba(155,130,244,.24)}
.skh-home--v060 .skh-finder-btn--primary{background:var(--skh-yellow);color:var(--skh-ink);border-color:var(--skh-yellow)}

/* world */
.skh-home--v060 .skh-world{background:#0a0a0a;color:#fff}
.skh-home--v060 .skh-world .skh-kicker,.skh-home--v060 .skh-world__head h2{color:#fff}
.skh-home--v060 .skh-world__head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:42px}
.skh-home--v060 .skh-world__head p{color:#c9c9ce}
.skh-home--v060 .skh-world__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.skh-home--v060 .skh-world__badges span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);font-size:.69rem;font-weight:800;text-transform:uppercase}
.skh-home--v060 .skh-world__grid--six{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.skh-home--v060 .skh-world-card{min-height:290px;padding:28px;border-radius:26px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);box-shadow:none}
.skh-home--v060 .skh-world-card h3{margin:auto 0 16px;font-size:clamp(2rem,2.8vw,3.35rem);line-height:.96;letter-spacing:-.05em;font-weight:760}
.skh-home--v060 .skh-world-card--green{background:var(--skh-coral);color:#160706}
.skh-home--v060 .skh-world-card--blue{background:var(--skh-blue);color:var(--skh-ink)}
.skh-home--v060 .skh-world-card--paper{background:var(--skh-white);color:var(--skh-ink)}
.skh-home--v060 .skh-world-card--mint{background:var(--skh-mint);color:var(--skh-ink)}
.skh-home--v060 .skh-world-card--cyan{background:var(--skh-purple);color:#150d2b}
.skh-home--v060 .skh-world-card--navy{background:var(--skh-yellow);color:var(--skh-ink)}
.skh-home--v060 .skh-world-card__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.skh-home--v060 .skh-world-card__badges b{padding:8px 10px;border-radius:999px;border:1px solid rgba(11,17,21,.12);background:rgba(255,255,255,.56);font-size:.66rem;font-weight:800;text-transform:uppercase}

/* trust */
.skh-home--v060 .skh-trust__grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;padding:40px;border:1px solid var(--skh-line);border-radius:28px;background:var(--skh-white);box-shadow:0 18px 50px rgba(11,17,21,.05)}
.skh-home--v060 .skh-family-link{display:inline-flex;align-items:center;min-height:48px;margin-top:18px;padding:0 16px;border-radius:999px;background:var(--skh-black);color:#fff!important;font-size:.8rem;font-weight:800;text-transform:uppercase}
.skh-home--v060 .skh-trust__list{border-top:1px solid var(--skh-line)}
.skh-home--v060 .skh-trust__list>div{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--skh-line)}
.skh-home--v060 .skh-trust__list strong{color:var(--skh-coral);font-size:.72rem}

/* crosslink */
.skh-home--v060 .skh-crosslink{padding:0 0 100px;background:var(--skh-paper)}
.skh-home--v060 .skh-crosslink__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border-radius:28px;background:var(--skh-coral);color:#fff;box-shadow:0 22px 54px rgba(227,74,61,.18)}
.skh-home--v060 .skh-crosslink .skh-kicker{color:#fff}
.skh-home--v060 .skh-crosslink h2{margin:10px 0 12px;font-size:clamp(2.1rem,4vw,4rem);line-height:.96;letter-spacing:-.055em;color:#fff}
.skh-home--v060 .skh-crosslink p{max-width:740px;margin:0;color:rgba(255,255,255,.86);line-height:1.6}
.skh-home--v060 .skh-crosslink__button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;border-radius:999px;background:#fff;color:var(--skh-coral);font-size:.82rem;font-weight:820;text-transform:uppercase;white-space:nowrap}

/* footer */
.skh-home--v060 .skh-footer{background:var(--skh-black);color:#fff;padding:58px 0 28px}
.skh-home--v060 .skh-footer__top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.12)}
.skh-home--v060 .skh-footer__brand{font-size:clamp(2.5rem,5vw,5rem);font-weight:760;letter-spacing:-.055em}
.skh-home--v060 .skh-footer__top>a{padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.24)}
.skh-home--v060 .skh-footer__bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:22px;color:rgba(255,255,255,.7);font-size:.78rem}
.skh-home--v060 .skh-footer__bottom div{display:flex;gap:18px}

@media(max-width:980px){
  .skh-home--v060 .skh-overlay-nav{display:none}
  .skh-home--v060 .skh-menu-toggle{display:block}
  .skh-home--v060 .skh-mobile-menu{position:absolute;z-index:19;top:66px;left:14px;right:14px;padding:10px}
  .skh-home--v060 .skh-mobile-menu.is-open{display:grid}
  .skh-home--v060 .skh-mobile-menu a{padding:15px;color:var(--skh-ink)}
  .skh-home--v060 .skh-products__head,.skh-home--v060 .skh-world__head,.skh-home--v060 .skh-trust__grid{grid-template-columns:1fr}
  .skh-home--v060 .skh-world__grid--six{grid-template-columns:1fr}
  .skh-home--v060 .skh-crosslink__inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:720px){
  .skh-home--v060 .skh-wrap{width:min(100% - 22px,1280px)}
  .skh-home--v060 .skh-hero--classic:before{background-position:60% center}
  .skh-home--v060 .skh-hero__classic-content{width:min(100% - 24px,1100px);padding:18vh 0 20vh}
  .skh-home--v060 .skh-hero__line{padding:8px 18px 12px;font-size:clamp(3rem,15vw,4.8rem)}
  .skh-home--v060 .skh-hero__classic-content p{font-size:1rem}
  .skh-home--v060 .skh-hero__dock{grid-template-columns:1fr 1fr;bottom:12px}
  .skh-home--v060 .skh-hero__dock a:nth-child(2){border-right:0}
  .skh-home--v060 .skh-hero__dock a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
  .skh-home--v060 .skh-situation-grid{grid-template-columns:1fr}
  .skh-home--v060 .skh-situations,.skh-home--v060 .skh-products,.skh-home--v060 .skh-world,.skh-home--v060 .skh-trust,.skh-home--v060 .skh-finder-section{padding:78px 0}
  .skh-home--v060 .skh-crosslink{padding-bottom:78px}
  .skh-home--v060 .skh-trust__grid,.skh-home--v060 .skh-crosslink__inner{padding:26px}
  .skh-home--v060 .skh-footer__top{align-items:flex-start;flex-direction:column}
}


/* v0.6.1 – premium refinement based on visual feedback */
:root{
  --skh-purple:#a38af7;
  --skh-purple-soft:#ddd2ff;
  --skh-coral:#e34a3d;
  --skh-coral-soft:#ffd7d2;
  --skh-yellow:#efc11d;
  --skh-yellow-soft:#fff1b8;
  --skh-blue:#bed1ff;
  --skh-blue-soft:#eaf0ff;
  --skh-paper:#f0ede8;
  --skh-white:#fffdf8;
  --skh-ink:#091018;
  --skh-muted:#66707a;
  --skh-black:#050505;
}

/* wider premium header in white + yellow */
.skh-home--v060 .skh-overlay-header{
  top:12px;
  width:min(1680px,calc(100% - 22px));
  padding:0 2px;
}
.skh-home--v060 .skh-brand{
  color:#fff;
  font-weight:840;
}
.skh-home--v060 .skh-brand__mark{
  border-color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.10);
}
.skh-home--v060 .skh-overlay-nav{gap:8px}
.skh-home--v060 .skh-overlay-nav>a{
  min-height:46px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.96);
  color:var(--skh-ink);
  box-shadow:0 8px 26px rgba(0,0,0,.10);
  backdrop-filter:none;
}
.skh-home--v060 .skh-overlay-nav>a:hover{
  background:#fff4c0;
  color:var(--skh-ink);
}
.skh-home--v060 .skh-overlay-nav__cta{
  background:#fff !important;
  border-color:rgba(255,255,255,.12)!important;
  color:var(--skh-ink)!important;
  padding-right:0 !important;
}
.skh-home--v060 .skh-overlay-nav__cta span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-left:14px;
  background:var(--skh-yellow);
  color:var(--skh-ink);
  font-weight:900;
}
.skh-home--v060 .skh-menu-toggle{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 8px 26px rgba(0,0,0,.10);
}
.skh-home--v060 .skh-menu-toggle span{background:var(--skh-ink)}
.skh-home--v060 .skh-mobile-menu{background:rgba(255,255,255,.98);border:1px solid rgba(11,17,21,.10);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.skh-home--v060 .skh-mobile-menu a{border-bottom:1px solid rgba(11,17,21,.08);font-weight:780}
.skh-home--v060 .skh-mobile-menu a:last-child{border-bottom:0}

/* hero polish */
.skh-home--v060 .skh-hero__classic-content{padding-top:20vh;padding-bottom:17vh}
.skh-home--v060 .skh-hero__line{
  border-radius:34px;
  padding:12px 28px 16px;
  box-shadow:0 20px 54px rgba(0,0,0,.20);
}
.skh-home--v060 .skh-hero__line--purple{background:rgba(163,138,247,.94)}
.skh-home--v060 .skh-hero__line--coral{background:rgba(227,74,61,.94);color:#220809}
.skh-home--v060 .skh-hero__button--yellow{background:var(--skh-yellow);border-color:var(--skh-yellow);box-shadow:0 14px 34px rgba(239,193,29,.24)}
.skh-home--v060 .skh-hero__button--light{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.80)}
.skh-home--v060 .skh-hero__dock{background:rgba(5,5,5,.62);border-color:rgba(255,255,255,.18);box-shadow:0 18px 42px rgba(0,0,0,.16)}

/* section rhythm / typography */
.skh-home--v060 .skh-products{padding-top:132px}
.skh-home--v060 .skh-products__head{align-items:start;margin-bottom:42px;padding-top:8px}
.skh-home--v060 .skh-products__head h2{max-width:760px}
.skh-home--v060 .skh-products__aside{padding-top:22px}
.skh-home--v060 .skh-products__viewport{background:#e9e4dd;border-radius:36px}
.skh-home--v060 .skh-products__controls button:hover{background:var(--skh-yellow);border-color:var(--skh-yellow);color:var(--skh-ink)}

/* coverflow cards aligned to the chosen palette */
.skh-home--v060 .skh-product-card__face--front{
  background:linear-gradient(155deg,var(--skh-blue-soft) 0%, #c9d6ff 100%) !important;
  color:var(--skh-ink)!important;
}
.skh-home--v060 .skh-product-card:nth-child(2n) .skh-product-card__face--front{
  background:linear-gradient(155deg,var(--skh-coral-soft) 0%, #ffdcd7 100%) !important;
}
.skh-home--v060 .skh-product-card:nth-child(3n) .skh-product-card__face--front{
  background:linear-gradient(155deg,var(--skh-yellow-soft) 0%, #ffe181 100%) !important;
}
.skh-home--v060 .skh-product-card:nth-child(4n) .skh-product-card__face--front{
  background:linear-gradient(155deg,var(--skh-purple-soft) 0%, #cbbdff 100%) !important;
}
.skh-home--v060 .skh-product-card:nth-child(5n) .skh-product-card__face--front{
  background:linear-gradient(155deg,#fffdf8 0%, #f2ede7 100%) !important;
}
.skh-home--v060 .skh-product-card__label,
.skh-home--v060 .skh-product-card__chips span{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(9,16,24,.10)!important;
  color:var(--skh-ink)!important;
}
.skh-home--v060 .skh-product-card__face--back{
  background:linear-gradient(145deg,#0f1720 0%, #1a2430 100%)!important;
  color:#fff!important;
}

/* finder premium alignment */
.skh-home--v060 .skh-finder__badges span{
  background:rgba(163,138,247,.16);
  border-color:rgba(163,138,247,.24);
  color:#fff;
}
.skh-home--v060 .skh-finder__leadbar{
  background:linear-gradient(90deg,#5b3f70 0%, #8e6fee 46%, var(--skh-coral) 100%);
}
.skh-home--v060 .skh-finder__shell{
  background:linear-gradient(180deg,#f4f1ec 0%, #efebe4 100%);
  border-radius:26px;
}
.skh-home--v060 .skh-finder-option{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(9,16,24,.10);
  box-shadow:none;
}
.skh-home--v060 .skh-finder-option:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:6px;
  background:var(--skh-purple);
}
.skh-home--v060 .skh-finder-option:nth-child(1){background:linear-gradient(180deg,#fff 0%, #faf7ff 100%)}
.skh-home--v060 .skh-finder-option:nth-child(1):before,.skh-home--v060 .skh-finder-option:nth-child(1) .skh-finder-option__arrow{color:var(--skh-purple);background:var(--skh-purple)}
.skh-home--v060 .skh-finder-option:nth-child(2){background:linear-gradient(180deg,#fff 0%, #fff3f0 100%)}
.skh-home--v060 .skh-finder-option:nth-child(2):before,.skh-home--v060 .skh-finder-option:nth-child(2) .skh-finder-option__arrow{color:var(--skh-coral);background:var(--skh-coral)}
.skh-home--v060 .skh-finder-option:nth-child(3){background:linear-gradient(180deg,#fff 0%, #f4f8ff 100%)}
.skh-home--v060 .skh-finder-option:nth-child(3):before,.skh-home--v060 .skh-finder-option:nth-child(3) .skh-finder-option__arrow{color:#79a2ff;background:#79a2ff}
.skh-home--v060 .skh-finder-option:nth-child(4){background:linear-gradient(180deg,#fff 0%, #fff7de 100%)}
.skh-home--v060 .skh-finder-option:nth-child(4):before,.skh-home--v060 .skh-finder-option:nth-child(4) .skh-finder-option__arrow{color:var(--skh-yellow);background:var(--skh-yellow)}
.skh-home--v060 .skh-finder-option:nth-child(5){background:linear-gradient(180deg,#fff 0%, #faf7ff 100%)}
.skh-home--v060 .skh-finder-option:nth-child(5):before,.skh-home--v060 .skh-finder-option:nth-child(5) .skh-finder-option__arrow{color:#7756d8;background:#7756d8}
.skh-home--v060 .skh-finder-option:nth-child(6){background:linear-gradient(180deg,#fff 0%, #fff3f0 100%)}
.skh-home--v060 .skh-finder-option:nth-child(6):before,.skh-home--v060 .skh-finder-option:nth-child(6) .skh-finder-option__arrow{color:#df5d4f;background:#df5d4f}
.skh-home--v060 .skh-finder-option__arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:#fff !important;font-size:1rem}
.skh-home--v060 .skh-finder-option__copy small{color:#666c74}
.skh-home--v060 .skh-finder-option:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(9,16,24,.08)}
.skh-home--v060 .skh-finder-option.is-selected{color:var(--skh-ink);border-color:transparent;box-shadow:0 20px 44px rgba(9,16,24,.10)}
.skh-home--v060 .skh-finder-option.is-selected .skh-finder-option__copy small{color:#48505a}
.skh-home--v060 .skh-finder-option:nth-child(1).is-selected{background:linear-gradient(135deg,#d9ceff 0%, #f5f1ff 100%)}
.skh-home--v060 .skh-finder-option:nth-child(2).is-selected{background:linear-gradient(135deg,#ffd1ca 0%, #fff5f2 100%)}
.skh-home--v060 .skh-finder-option:nth-child(3).is-selected{background:linear-gradient(135deg,#d7e3ff 0%, #f5f8ff 100%)}
.skh-home--v060 .skh-finder-option:nth-child(4).is-selected{background:linear-gradient(135deg,#ffe286 0%, #fff6d2 100%)}
.skh-home--v060 .skh-finder-option:nth-child(5).is-selected{background:linear-gradient(135deg,#d9ceff 0%, #f5f1ff 100%)}
.skh-home--v060 .skh-finder-option:nth-child(6).is-selected{background:linear-gradient(135deg,#ffd1ca 0%, #fff5f2 100%)}
.skh-home--v060 .skh-finder-btn--primary{background:var(--skh-yellow);color:var(--skh-ink);border-color:var(--skh-yellow);box-shadow:0 16px 30px rgba(239,193,29,.22)}
.skh-home--v060 .skh-finder-question__label{color:#45a66c}
.skh-home--v060 .skh-results__intro h3{color:var(--skh-ink)}
.skh-home--v060 .skh-result:before{width:6px}
.skh-home--v060 .skh-result__badge{background:#f2eee8}

/* more harmonious knowledge cards */
.skh-home--v060 .skh-world__grid--six{gap:18px}
.skh-home--v060 .skh-world-card{
  min-height:300px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.06);
  transition:transform .22s ease, box-shadow .22s ease;
}
.skh-home--v060 .skh-world-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.22)}
.skh-home--v060 .skh-world-card--green{background:var(--skh-coral);color:#190807}
.skh-home--v060 .skh-world-card--blue{background:var(--skh-blue);color:var(--skh-ink)}
.skh-home--v060 .skh-world-card--paper{background:#fffdf8;color:var(--skh-ink)}
.skh-home--v060 .skh-world-card--mint{background:#dcd0ff;color:#160f2d}
.skh-home--v060 .skh-world-card--cyan{background:#f7da5d;color:#241b03}
.skh-home--v060 .skh-world-card--navy{background:#192335;color:#fff}
.skh-home--v060 .skh-world-card__badges b{
  background:rgba(255,255,255,.68);
  border-color:rgba(9,16,24,.10);
  color:inherit;
}
.skh-home--v060 .skh-world-card--navy .skh-world-card__badges b{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);color:#fff}
.skh-home--v060 .skh-world-card>span{font-weight:840;letter-spacing:.13em}

/* trust/crosslink / footer polish */
.skh-home--v060 .skh-trust__grid{background:#fffdf9}
.skh-home--v060 .skh-crosslink__inner{background:var(--skh-coral)}
.skh-home--v060 .skh-crosslink__button{color:var(--skh-ink)}
.skh-home--v060 .skh-footer__top>a:hover{background:var(--skh-yellow);color:var(--skh-ink);border-color:var(--skh-yellow)}

@media(max-width:980px){
  .skh-home--v060 .skh-overlay-header{width:min(100% - 16px,1680px)}
}
@media(max-width:720px){
  .skh-home--v060 .skh-overlay-header{top:10px;width:min(100% - 10px,1680px)}
  .skh-home--v060 .skh-brand__mark{width:30px;height:30px}
  .skh-home--v060 .skh-hero__classic-content{padding-top:16vh;padding-bottom:21vh}
  .skh-home--v060 .skh-hero__line{font-size:clamp(3rem,14vw,4.6rem);padding:10px 16px 13px;border-radius:24px}
  .skh-home--v060 .skh-products{padding-top:86px}
  .skh-home--v060 .skh-products__aside{padding-top:8px}
}


/* =========================================================
   v0.7.0 FINAL – responsive Stromhilfen hero + page polish
   ========================================================= */

/* desktop hero remains image-led and brand-consistent */
.skh-home--v060 .skh-hero--classic{
  min-height:100svh;
  background:#0a0d10;
}
.skh-home--v060 .skh-hero--classic:before{
  background-image:url("../images/hero-strom.png");
  background-size:cover;
  background-position:center 48%;
  transform:scale(1.01);
}
.skh-home--v060 .skh-hero--classic:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.04) 24%,rgba(0,0,0,.10) 52%,rgba(0,0,0,.66) 100%),
    linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.02) 44%,rgba(0,0,0,.14));
}
.skh-home--v060 .skh-hero__classic-content{
  padding-top:22vh;
  padding-bottom:15vh;
}
.skh-home--v060 .skh-hero__classic-eyebrow{
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.skh-home--v060 .skh-hero__line--purple{
  background:rgba(163,138,247,.96);
}
.skh-home--v060 .skh-hero__line--coral{
  background:rgba(227,74,61,.96);
}
.skh-home--v060 .skh-hero__button--yellow{
  background:#efc11d;
  border-color:#efc11d;
  color:#091018;
}
.skh-home--v060 .skh-hero__button--yellow:hover{
  background:#ffcf2e;
  border-color:#ffcf2e;
  transform:translateY(-2px);
}
.skh-home--v060 .skh-hero__button--light:hover{
  background:#fff;
  color:#091018;
}

/* make all main section spacing feel intentional */
.skh-home--v060 .skh-situations{padding-top:118px;padding-bottom:92px}
.skh-home--v060 .skh-products{padding-top:124px;padding-bottom:120px}
.skh-home--v060 .skh-finder-section{padding-top:116px;padding-bottom:116px}
.skh-home--v060 .skh-world{padding-top:116px;padding-bottom:116px}
.skh-home--v060 .skh-trust{padding-top:104px;padding-bottom:104px}

/* mobile hero: dedicated 9:16 asset, text lower, strong brand pills */
@media(max-width:720px){
  .skh-home--v060 .skh-hero--classic{
    min-height:100svh;
    min-height:760px;
    justify-content:flex-end;
    background:#080b0d;
  }
  .skh-home--v060 .skh-hero--classic:before{
    background-image:url("../images/hero-strom-mobile.jpg");
    background-size:cover;
    background-position:center top;
    transform:none;
  }
  .skh-home--v060 .skh-hero--classic:after{
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.08) 0%,
        rgba(0,0,0,.03) 34%,
        rgba(0,0,0,.28) 55%,
        rgba(0,0,0,.74) 76%,
        rgba(0,0,0,.92) 100%);
  }

  .skh-home--v060 .skh-overlay-header{
    position:absolute;
    top:10px;
    left:0;
    right:0;
    z-index:20;
    width:calc(100% - 20px);
    min-height:56px;
    padding:0 8px;
    border-radius:18px;
    background:rgba(5,8,10,.30);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
  }
  .skh-home--v060 .skh-brand{
    color:#fff;
    font-size:.95rem;
  }
  .skh-home--v060 .skh-brand__mark{
    width:34px;
    height:34px;
    border-radius:9px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.72);
    color:#fff;
  }
  .skh-home--v060 .skh-menu-toggle{
    width:44px;
    height:44px;
    border-radius:12px;
    background:rgba(255,255,255,.96);
    border:0;
  }
  .skh-home--v060 .skh-menu-toggle span{
    background:#091018;
  }
  .skh-home--v060 .skh-mobile-menu{
    top:76px;
    left:10px;
    right:10px;
    border-radius:16px;
    overflow:hidden;
  }

  .skh-home--v060 .skh-hero__classic-content{
    width:calc(100% - 28px);
    margin:0 auto;
    padding:0 0 34px;
    text-align:left;
    align-items:stretch;
  }
  .skh-home--v060 .skh-hero__classic-eyebrow{
    margin:0 0 12px 4px;
    font-size:.69rem;
    letter-spacing:.18em;
    text-align:left;
    color:#fff;
  }
  .skh-home--v060 .skh-hero__classic-content h1{
    align-items:stretch;
    gap:8px;
  }
  .skh-home--v060 .skh-hero__line{
    width:100%;
    max-width:none;
    padding:12px 16px 15px;
    border-radius:24px;
    font-size:clamp(2.75rem,13vw,4.05rem);
    line-height:.91;
    letter-spacing:-.075em;
    text-align:center;
    box-shadow:0 18px 42px rgba(0,0,0,.24);
  }
  .skh-home--v060 .skh-hero__line--purple{
    background:rgba(163,138,247,.97);
    color:#fff;
  }
  .skh-home--v060 .skh-hero__line--coral{
    background:rgba(227,74,61,.97);
    color:#1b0806;
  }
  .skh-home--v060 .skh-hero__classic-content p{
    max-width:none;
    margin:18px 4px 0;
    font-size:1rem;
    line-height:1.55;
    text-align:left;
    color:#fff;
  }
  .skh-home--v060 .skh-hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px;
  }
  .skh-home--v060 .skh-hero__button{
    width:100%;
    min-height:54px;
    border-radius:999px;
    padding:0 20px;
    font-size:.78rem;
  }
  .skh-home--v060 .skh-hero__button--yellow{
    background:#efc11d;
    border-color:#efc11d;
    color:#091018;
    box-shadow:0 14px 28px rgba(239,193,29,.18);
  }
  .skh-home--v060 .skh-hero__button--light{
    background:rgba(0,0,0,.20);
    border-color:rgba(255,255,255,.75);
  }

  /* Dock is useful on desktop, but clutters a phone hero */
  .skh-home--v060 .skh-hero__dock{
    display:none;
  }

  /* mobile section rhythm */
  .skh-home--v060 .skh-situations,
  .skh-home--v060 .skh-products,
  .skh-home--v060 .skh-finder-section,
  .skh-home--v060 .skh-world,
  .skh-home--v060 .skh-trust{
    padding-top:76px;
    padding-bottom:76px;
  }
  .skh-home--v060 .skh-section-intro--center{
    text-align:left;
    align-items:flex-start;
  }
  .skh-home--v060 .skh-section-intro h2,
  .skh-home--v060 .skh-products__head h2,
  .skh-home--v060 .skh-world__head h2,
  .skh-home--v060 .skh-trust h2{
    font-size:clamp(2.45rem,11.5vw,3.7rem);
  }
  .skh-home--v060 .skh-products__head{
    gap:20px;
  }
  .skh-home--v060 .skh-products__aside{
    padding-top:0;
  }
  .skh-home--v060 .skh-products__viewport{
    border-radius:24px;
  }
  .skh-home--v060 .skh-finder__shell{
    border-radius:22px;
  }
  .skh-home--v060 .skh-world-card{
    min-height:260px;
  }
  .skh-home--v060 .skh-crosslink__inner{
    border-radius:22px;
  }
}


/* =========================================================
   v0.7.1 – Header wie Heizkosten + ruhigere Karten/Finder
   ========================================================= */

/* HEADER: nur letzter Menüpunkt weiß + gelb.
   Alle vorherigen wieder transparent/dunkel wie bei Heizkosten. */
.skh-home--v060 .skh-overlay-header{
  top:10px;
  width:min(100% - 18px, 1680px);
  padding:0;
}

.skh-home--v060 .skh-overlay-nav{
  gap:8px;
}

.skh-home--v060 .skh-overlay-nav>a{
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.78);
  background:rgba(5,10,13,.16);
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(8px);
  font-size:.73rem;
  font-weight:820;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.skh-home--v060 .skh-overlay-nav>a:hover{
  background:#fff;
  color:#091018;
}

.skh-home--v060 .skh-overlay-nav__cta{
  padding-right:0 !important;
  background:#fff !important;
  color:#091018 !important;
  border-color:#fff !important;
}

.skh-home--v060 .skh-overlay-nav__cta span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-left:14px;
  background:#efc11d;
  color:#091018;
  font-weight:900;
}

.skh-home--v060 .skh-brand{
  color:#fff;
}

.skh-home--v060 .skh-brand__mark{
  border-color:rgba(255,255,255,.86);
  background:rgba(0,0,0,.12);
  color:#fff;
}

/* Bild 4: kWh-Visual deutlich ruhiger und hochwertiger */
.skh-home--v060 .skh-card-power{
  position:relative;
  display:grid;
  place-items:center;
  width:210px;
  height:210px;
  margin:auto 0 22px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, #d9e3ff 0 54%, transparent 55%),
    conic-gradient(
      #a38af7 0 18%,
      #a38af7 18% 33%,
      #efc11d 33% 46%,
      #bed1ff 46% 100%
    );
  box-shadow:inset 0 0 0 1px rgba(9,16,24,.06);
}

.skh-home--v060 .skh-card-power:after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  background:#cbd8fa;
}

.skh-home--v060 .skh-power-ring{
  display:none;
}

.skh-home--v060 .skh-card-power strong{
  position:relative;
  z-index:2;
  margin-top:-6px;
  font-size:3.6rem;
  line-height:.9;
  letter-spacing:-.06em;
  color:#091018;
}

.skh-home--v060 .skh-card-power small{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:42px;
  width:160px;
  transform:translateX(-50%);
  text-align:center;
  font-size:.75rem;
  font-weight:760;
  line-height:1.25;
  color:#314052;
}

/* FINDER: weniger bunt – 1 Hauptfarbe + 1 Akzent.
   Die Karten bleiben hell, die Orientierung kommt nur über feine Linien/Icons. */
.skh-home--v060 .skh-finder__leadbar{
  background:linear-gradient(90deg,#5f4a7d 0%, #7c68cb 62%, #7663c5 100%);
}

.skh-home--v060 .skh-finder__badges span{
  background:rgba(163,138,247,.10);
  border-color:rgba(163,138,247,.22);
  color:#fff;
}

.skh-home--v060 .skh-finder__progress-track span{
  background:linear-gradient(90deg,#a38af7 0%, #c3b6ff 100%);
}

.skh-home--v060 .skh-finder-question__label{
  color:#7862d8;
}

.skh-home--v060 .skh-finder-option{
  background:#fff;
  border:1px solid rgba(9,16,24,.10);
  box-shadow:none;
}

.skh-home--v060 .skh-finder-option:before{
  width:5px;
  background:#a38af7 !important;
}

.skh-home--v060 .skh-finder-option:nth-child(even):before{
  background:#efc11d !important;
}

.skh-home--v060 .skh-finder-option__arrow{
  width:30px;
  height:30px;
  border-radius:999px;
  background:#efeaff !important;
  color:#6f59d4 !important;
}

.skh-home--v060 .skh-finder-option:nth-child(even) .skh-finder-option__arrow{
  background:#fff5c9 !important;
  color:#a87c00 !important;
}

.skh-home--v060 .skh-finder-option:hover{
  background:#fbfaff;
  border-color:rgba(163,138,247,.28);
  box-shadow:0 14px 28px rgba(9,16,24,.06);
}

.skh-home--v060 .skh-finder-option.is-selected{
  background:#f1edff !important;
  color:#091018;
  border-color:rgba(163,138,247,.34);
  box-shadow:0 16px 34px rgba(87,65,168,.10);
}

.skh-home--v060 .skh-finder-option:nth-child(even).is-selected{
  background:#fff8df !important;
  border-color:rgba(239,193,29,.38);
}

.skh-home--v060 .skh-finder-option.is-selected .skh-finder-option__copy small{
  color:#5e6670;
}

.skh-home--v060 .skh-finder-btn--primary{
  background:#efc11d;
  color:#091018;
  border-color:#efc11d;
  box-shadow:0 12px 28px rgba(239,193,29,.16);
}

/* Wissens-/Toolkarten ebenfalls etwas ruhiger */
.skh-home--v060 .skh-world-card--green{
  background:#e8e3fb;
  color:#14101f;
}

.skh-home--v060 .skh-world-card--blue{
  background:#dbe5ff;
  color:#091018;
}

.skh-home--v060 .skh-world-card--paper{
  background:#fffdf8;
  color:#091018;
}

.skh-home--v060 .skh-world-card--mint{
  background:#ece9f8;
  color:#171326;
}

.skh-home--v060 .skh-world-card--cyan{
  background:#fff0bd;
  color:#211a04;
}

.skh-home--v060 .skh-world-card--navy{
  background:#1b2431;
  color:#fff;
}

.skh-home--v060 .skh-world-card__badges b{
  background:rgba(255,255,255,.68);
  border-color:rgba(9,16,24,.08);
  color:inherit;
}

/* mobile header remains compact */
@media(max-width:720px){
  .skh-home--v060 .skh-overlay-header{
    width:calc(100% - 20px);
    top:10px;
  }
}


/* =========================================================
   v0.7.2 – FIXED BRAND PALETTE
   Only: blue / cream / black / yellow
   Red remains exclusively for Heizkostenhilfen crosslink.
   ========================================================= */

.skh-home--v060{
  --strom-blue:#c5d0f7;
  --strom-cream:#f1efeb;
  --strom-black:#0f0a04;
  --strom-yellow:#e0be33;
  --strom-text:#111820;
  --strom-muted:#66707a;
}

/* Global light sections */
.skh-home--v060 .skh-situations,
.skh-home--v060 .skh-products,
.skh-home--v060 .skh-trust{
  background:var(--strom-cream);
}

/* HERO – same fixed palette */
.skh-home--v060 .skh-hero__line--purple{
  background:var(--strom-blue) !important;
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-hero__line--coral{
  background:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-hero__button--yellow{
  background:var(--strom-yellow) !important;
  border-color:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-hero__button--light{
  color:#fff;
  border-color:rgba(255,255,255,.78);
}
.skh-home--v060 .skh-overlay-nav__cta span{
  background:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}

/* SITUATION CARDS – exact recurring set */
.skh-home--v060 .skh-situation-card--blue{
  background:var(--strom-blue) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-situation-card--paper{
  background:var(--strom-cream) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-situation-card--dark{
  background:var(--strom-black) !important;
  color:#fff !important;
}
.skh-home--v060 .skh-situation-card--green{
  background:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-statement-amount{
  color:#c94238 !important; /* number accent retained for readability */
}

/* kWh graphic: only blue/yellow/cream/black */
.skh-home--v060 .skh-card-power{
  background:
    radial-gradient(circle at 50% 50%, var(--strom-blue) 0 54%, transparent 55%),
    conic-gradient(
      var(--strom-yellow) 0 24%,
      var(--strom-blue) 24% 68%,
      var(--strom-cream) 68% 100%
    ) !important;
}
.skh-home--v060 .skh-card-power:after{
  background:#d9e1fb !important;
}
.skh-home--v060 .skh-card-power strong,
.skh-home--v060 .skh-card-power small{
  color:var(--strom-black) !important;
}

/* PRODUCTS – no new colors, repeating the same brand set */
.skh-home--v060 .skh-products__viewport{
  background:#e7e3dc !important;
}
.skh-home--v060 .skh-product-card__face--front{
  background:var(--strom-blue) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-product-card:nth-child(2n) .skh-product-card__face--front{
  background:var(--strom-cream) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-product-card:nth-child(3n) .skh-product-card__face--front{
  background:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-product-card:nth-child(4n) .skh-product-card__face--front{
  background:var(--strom-black) !important;
  color:#fff !important;
}
.skh-home--v060 .skh-product-card:nth-child(4n) .skh-product-card__label,
.skh-home--v060 .skh-product-card:nth-child(4n) .skh-product-card__chips span{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
.skh-home--v060 .skh-product-card:nth-child(5n) .skh-product-card__face--front{
  background:var(--strom-blue) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-product-card__label,
.skh-home--v060 .skh-product-card__chips span{
  background:rgba(255,255,255,.72) !important;
  color:var(--strom-black) !important;
  border-color:rgba(15,10,4,.08) !important;
}
.skh-home--v060 .skh-product-card__face--back{
  background:var(--strom-black) !important;
  color:#fff !important;
}

/* FINDER – minimalist: cream base, blue + yellow only */
.skh-home--v060 .skh-finder-section{
  background:var(--strom-black) !important;
}
.skh-home--v060 .skh-finder__leadbar{
  background:var(--strom-blue) !important;
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-finder__leadbar strong,
.skh-home--v060 .skh-finder__leadbar span{
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-finder__badges span{
  background:rgba(197,208,247,.12) !important;
  border-color:rgba(197,208,247,.28) !important;
  color:#fff !important;
}
.skh-home--v060 .skh-finder__shell{
  background:var(--strom-cream) !important;
}
.skh-home--v060 .skh-finder__progress-track span{
  background:var(--strom-blue) !important;
}
.skh-home--v060 .skh-finder-question__label{
  color:#6173bd !important;
}
.skh-home--v060 .skh-finder-option{
  background:#fffdf9 !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-finder-option:before{
  background:var(--strom-blue) !important;
}
.skh-home--v060 .skh-finder-option:nth-child(even):before{
  background:var(--strom-yellow) !important;
}
.skh-home--v060 .skh-finder-option__arrow{
  background:#e6ebff !important;
  color:#5269c4 !important;
}
.skh-home--v060 .skh-finder-option:nth-child(even) .skh-finder-option__arrow{
  background:#fff2b4 !important;
  color:#8c6d00 !important;
}
.skh-home--v060 .skh-finder-option:hover{
  background:#faf9f5 !important;
  border-color:rgba(15,10,4,.16) !important;
}
.skh-home--v060 .skh-finder-option.is-selected{
  background:var(--strom-blue) !important;
  color:var(--strom-black) !important;
  border-color:transparent !important;
}
.skh-home--v060 .skh-finder-option:nth-child(even).is-selected{
  background:var(--strom-yellow) !important;
}
.skh-home--v060 .skh-finder-btn--primary{
  background:var(--strom-yellow) !important;
  border-color:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}

/* KNOWLEDGE / TOOLS – fixed repeating palette, nothing else */
.skh-home--v060 .skh-world{
  background:var(--strom-black) !important;
}
.skh-home--v060 .skh-world-card--green{
  background:var(--strom-blue) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-world-card--blue{
  background:var(--strom-cream) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-world-card--paper{
  background:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}
.skh-home--v060 .skh-world-card--mint{
  background:var(--strom-blue) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-world-card--cyan{
  background:var(--strom-cream) !important;
  color:var(--strom-text) !important;
}
.skh-home--v060 .skh-world-card--navy{
  background:var(--strom-black) !important;
  color:#fff !important;
}
.skh-home--v060 .skh-world-card__badges b{
  background:rgba(255,255,255,.68) !important;
  border-color:rgba(15,10,4,.08) !important;
  color:inherit !important;
}
.skh-home--v060 .skh-world-card--navy .skh-world-card__badges b{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:#fff !important;
}

/* TRUST */
.skh-home--v060 .skh-trust__grid{
  background:#fffdf9 !important;
}

/* Only exception: sister-brand link intentionally stays heating-red */
.skh-home--v060 .skh-crosslink__inner{
  background:#cf292f !important;
}

/* Footer remains black */
.skh-home--v060 .skh-footer{
  background:var(--strom-black) !important;
}

/* Mobile uses exactly the same palette */
@media(max-width:720px){
  .skh-home--v060 .skh-hero__line--purple{
    background:var(--strom-blue) !important;
    color:var(--strom-black) !important;
  }
  .skh-home--v060 .skh-hero__line--coral{
    background:var(--strom-yellow) !important;
    color:var(--strom-black) !important;
  }
}


/* =========================================================
   v0.7.3 – HERO exakt zurück auf gewünschte Stromhilfen-Optik
   Cards keep the fixed Stromhilfen palette.
   ========================================================= */

/* Desktop Hero: restored purple + coral treatment */
.skh-home--v060 .skh-hero__line--purple{
  background:#9b82ef !important;
  color:#fff !important;
}

.skh-home--v060 .skh-hero__line--coral{
  background:#d94f42 !important;
  color:#230706 !important;
}

.skh-home--v060 .skh-hero__button--yellow{
  background:#efc11d !important;
  border-color:#efc11d !important;
  color:#091018 !important;
}

/* Header restored to screenshot logic:
   normal menu dark/transparent, final CTA white + yellow */
.skh-home--v060 .skh-overlay-nav>a{
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.78);
  background:rgba(5,10,13,.16);
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(8px);
}

.skh-home--v060 .skh-overlay-nav>a:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}

.skh-home--v060 .skh-overlay-nav__cta{
  background:#fff !important;
  color:#091018 !important;
  border-color:#fff !important;
  padding-right:0 !important;
}

.skh-home--v060 .skh-overlay-nav__cta span{
  background:#efc11d !important;
  color:#091018 !important;
}

/* Keep mobile hero in same brand language */
@media(max-width:720px){
  .skh-home--v060 .skh-hero__line--purple{
    background:#9b82ef !important;
    color:#fff !important;
  }

  .skh-home--v060 .skh-hero__line--coral{
    background:#d94f42 !important;
    color:#230706 !important;
  }

  .skh-home--v060 .skh-hero__button--yellow{
    background:#efc11d !important;
    border-color:#efc11d !important;
    color:#091018 !important;
  }
}

/* Cards remain in the fixed Stromhilfen colors */
.skh-home--v060{
  --strom-blue:#c5d0f7;
  --strom-cream:#f1efeb;
  --strom-black:#0f0a04;
  --strom-yellow:#e0be33;
}

/* Situation cards */
.skh-home--v060 .skh-situation-card--blue{
  background:var(--strom-blue) !important;
  color:#111820 !important;
}
.skh-home--v060 .skh-situation-card--paper{
  background:var(--strom-cream) !important;
  color:#111820 !important;
}
.skh-home--v060 .skh-situation-card--dark{
  background:var(--strom-black) !important;
  color:#fff !important;
}
.skh-home--v060 .skh-situation-card--green{
  background:var(--strom-yellow) !important;
  color:#0f0a04 !important;
}

/* Product slider repeats same 4-color system */
.skh-home--v060 .skh-product-card__face--front{
  background:var(--strom-blue) !important;
  color:#111820 !important;
}
.skh-home--v060 .skh-product-card:nth-child(2n) .skh-product-card__face--front{
  background:var(--strom-cream) !important;
  color:#111820 !important;
}
.skh-home--v060 .skh-product-card:nth-child(3n) .skh-product-card__face--front{
  background:var(--strom-yellow) !important;
  color:#0f0a04 !important;
}
.skh-home--v060 .skh-product-card:nth-child(4n) .skh-product-card__face--front{
  background:var(--strom-black) !important;
  color:#fff !important;
}

/* Knowledge cards same repeating palette */
.skh-home--v060 .skh-world-card--green,
.skh-home--v060 .skh-world-card--mint{
  background:var(--strom-blue) !important;
  color:#111820 !important;
}
.skh-home--v060 .skh-world-card--blue,
.skh-home--v060 .skh-world-card--cyan{
  background:var(--strom-cream) !important;
  color:#111820 !important;
}
.skh-home--v060 .skh-world-card--paper{
  background:var(--strom-yellow) !important;
  color:#0f0a04 !important;
}
.skh-home--v060 .skh-world-card--navy{
  background:var(--strom-black) !important;
  color:#fff !important;
}


/* v0.7.4 – Stromspar-Check in Markenrot */
.skh-home--v060 .skh-world-card--mint{
  background:#d94f42 !important;
  color:#170706 !important;
}

.skh-home--v060 .skh-world-card--mint .skh-world-card__badges b{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(23,7,6,.08) !important;
  color:#170706 !important;
}

.skh-home--v060 .skh-world-card--mint i{
  color:#170706 !important;
}


/* =========================================================
   v0.7.5 – Stromhilfen Hero wie Heizkostenhilfe
   ========================================================= */

.skh-home--v060{
  --strom-blue:#c5d0f7;
  --strom-cream:#f1efeb;
  --strom-black:#0f0a04;
  --strom-yellow:#e0be33;
  --strom-text:#111820;
}

.skh-home--v060 .skh-hero--classic{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  background:#0a0d10;
  color:#fff;
}

.skh-home--v060 .skh-hero--classic:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:url("http://stromhilfen.de/wp-content/uploads/2026/09/Stromkostenhilfe.png") !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:right center !important;
  transform:scale(1.01) !important;
}

.skh-home--v060 .skh-hero--classic:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(6,10,14,.62) 0%,rgba(6,10,14,.38) 28%,rgba(6,10,14,.14) 54%,rgba(6,10,14,.08) 100%),
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.04) 24%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.72) 100%) !important;
}

.skh-home--v060 .skh-overlay-header{
  top:10px;
  width:min(100% - 18px,1680px);
  padding:0;
}

.skh-home--v060 .skh-overlay-nav>a{
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.78);
  background:rgba(5,10,13,.16);
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(8px);
  font-size:.73rem;
  font-weight:820;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.skh-home--v060 .skh-overlay-nav>a:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}

.skh-home--v060 .skh-overlay-nav__cta{
  background:#fff !important;
  color:#091018 !important;
  border-color:#fff !important;
  padding-right:0 !important;
}

.skh-home--v060 .skh-overlay-nav__cta span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-left:14px;
  background:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
  font-weight:900;
}

.skh-home--v060 .skh-hero__classic-content{
  position:relative;
  z-index:4;
  width:min(1400px,calc(100% - 56px));
  margin:auto;
  padding:20vh 0 18vh;
  text-align:left;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.skh-home--v060 .skh-hero__classic-content h1{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  margin:0;
}

.skh-home--v060 .skh-hero__line{
  display:inline-block;
  width:max-content;
  max-width:100%;
  padding:12px 28px 16px;
  border-radius:30px;
  font-size:clamp(4.8rem,8vw,8.3rem);
  line-height:.88;
  letter-spacing:-.08em;
  font-weight:820;
  box-shadow:0 20px 54px rgba(0,0,0,.18);
}

.skh-home--v060 .skh-hero__line--purple{
  background:var(--strom-blue) !important;
  color:var(--strom-text) !important;
}

.skh-home--v060 .skh-hero__line--coral{
  background:var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}

.skh-home--v060 .skh-hero__classic-content p{
  max-width:650px;
  margin:24px 0 0;
  font-size:clamp(1rem,1.35vw,1.24rem);
  line-height:1.55;
  font-weight:610;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}

.skh-home--v060 .skh-hero__actions{
  display:flex;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}

.skh-home--v060 .skh-hero__button--yellow{
  background:var(--strom-yellow) !important;
  border:1px solid var(--strom-yellow) !important;
  color:var(--strom-black) !important;
}

.skh-home--v060 .skh-hero__button--light{
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.78);
}

.skh-home--v060 .skh-hero__dock{
  bottom:18px !important;
}

@media(max-width:720px){
  .skh-home--v060 .skh-hero--classic{
    min-height:100svh;
    min-height:760px;
    justify-content:flex-end;
  }

  .skh-home--v060 .skh-hero--classic:before{
    background-image:url("http://stromhilfen.de/wp-content/uploads/2026/09/Stromkostenhilfe.png") !important;
    background-size:cover !important;
    background-position:68% center !important;
    transform:none !important;
  }

  .skh-home--v060 .skh-hero--classic:after{
    background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.04) 30%,rgba(0,0,0,.30) 58%,rgba(0,0,0,.82) 100%) !important;
  }

  .skh-home--v060 .skh-hero__classic-content{
    width:calc(100% - 28px);
    margin:0 auto;
    padding:0 0 34px;
    text-align:left;
    align-items:stretch;
  }

  .skh-home--v060 .skh-hero__classic-content h1{
    align-items:stretch;
    gap:8px;
  }

  .skh-home--v060 .skh-hero__line{
    width:100%;
    max-width:none;
    padding:12px 16px 15px;
    border-radius:24px;
    font-size:clamp(2.75rem,13vw,4.05rem);
    line-height:.91;
    letter-spacing:-.075em;
    text-align:center;
  }

  .skh-home--v060 .skh-hero__classic-content p{
    max-width:none;
    margin:18px 4px 0;
    font-size:1rem;
    line-height:1.55;
  }

  .skh-home--v060 .skh-hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px;
  }

  .skh-home--v060 .skh-hero__dock{
    display:none;
  }
}


/* =========================================================
   v0.7.6 – Hero-Layout wie Heizkostenhilfe,
   Stromhilfen-Farben wiederhergestellt
   ========================================================= */

/* Nur die Farbindentität des Hero zurücksetzen */
.skh-home--v060 .skh-hero__line--purple{
  background:#9b82ef !important;
  color:#ffffff !important;
}

.skh-home--v060 .skh-hero__line--coral{
  background:#d94f42 !important;
  color:#230706 !important;
}

.skh-home--v060 .skh-hero__button--yellow{
  background:#efc11d !important;
  border-color:#efc11d !important;
  color:#091018 !important;
}

/* Navigation wie zuvor: letzte CTA weiß + gelber Pfeil */
.skh-home--v060 .skh-overlay-nav__cta{
  background:#ffffff !important;
  color:#091018 !important;
  border-color:#ffffff !important;
}

.skh-home--v060 .skh-overlay-nav__cta span{
  background:#efc11d !important;
  color:#091018 !important;
}

/* Mobile exakt dieselbe Stromhilfen-Farbwelt */
@media(max-width:720px){
  .skh-home--v060 .skh-hero__line--purple{
    background:#9b82ef !important;
    color:#ffffff !important;
  }

  .skh-home--v060 .skh-hero__line--coral{
    background:#d94f42 !important;
    color:#230706 !important;
  }

  .skh-home--v060 .skh-hero__button--yellow{
    background:#efc11d !important;
    border-color:#efc11d !important;
    color:#091018 !important;
  }
}


/* =========================================================
   v0.7.7 – Hero links feinjustiert (Flucht mit Logo)
   ========================================================= */
@media (min-width: 1025px){
  .skh-home--v060 .skh-hero__classic-content{
    width:min(1640px,calc(100% - 42px));
    margin:0 auto;
    padding-left:0;
    align-items:flex-start;
  }

  .skh-home--v060 .skh-hero__classic-content h1,
  .skh-home--v060 .skh-hero__classic-eyebrow,
  .skh-home--v060 .skh-hero__classic-content p,
  .skh-home--v060 .skh-hero__actions{
    margin-left:0;
  }
}

/* v0.8.0 – Stromspar-Check featured card + multi-select finder */
.skh-home--v060 .skh-product-card--featured .skh-product-card__face--front{padding:0 0 24px;overflow:hidden;background:linear-gradient(155deg,#d9ceff 0%,#f5f1ff 58%,#fff 100%)!important}
.skh-home--v060 .skh-product-card--featured .skh-product-card__label,.skh-home--v060 .skh-product-card--featured h3,.skh-home--v060 .skh-product-card--featured p,.skh-home--v060 .skh-product-card--featured .skh-product-card__chips,.skh-home--v060 .skh-product-card--featured em{margin-left:24px;margin-right:24px}
.skh-product-card__image{width:100%;height:150px;display:block;object-fit:cover;margin:0 0 18px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.skh-product-card__back-image{width:100%;height:112px;display:block;object-fit:cover;border-radius:12px;margin:0 0 16px;opacity:.94}
.skh-product-card__external{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:11px 15px;border-radius:999px;background:#050607!important;color:#fff!important;text-decoration:none!important;font-size:.78rem;font-weight:850;letter-spacing:.02em;box-shadow:0 10px 22px rgba(0,0,0,.22);position:relative;z-index:5}
.skh-product-card__external:hover{transform:translateY(-1px);color:#fff!important}
.skh-finder-multi-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 18px;color:#59626b;font-size:.86rem}.skh-finder-multi-note strong{padding:7px 10px;border-radius:999px;background:#071b28;color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.skh-finder-selection-count{display:inline-flex;margin-top:14px;padding:8px 11px;border-radius:999px;background:#e9f7ef;color:#165f38;font-size:.78rem;font-weight:800}
.skh-home--v060 .skh-finder-option__check{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:999px;background:#071b28;color:#fff;font-size:1rem;font-weight:900}
.skh-home--v060 .skh-finder-option.is-selected .skh-finder-option__check{background:#071b28;color:#fff}
.skh-result-group{margin-top:30px}.skh-result-group__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(7,27,40,.12)}.skh-result-group__head h4{margin:0;color:#071b28;font-size:1.25rem}.skh-result-group__head span{padding:6px 9px;border-radius:999px;background:#071b28;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:700px){.skh-product-card__image{height:132px}.skh-finder-multi-note{align-items:flex-start;flex-direction:column}.skh-result-group__head{align-items:flex-start}.skh-home--v060 .skh-finder-option__check{width:30px;height:30px;flex-basis:30px}}


/* v0.8.1 – Karten-Slider nach Heizkostenhilfen: klare aktive Karte, Dots unter den Karten */
.skh-home--v060 .skh-products__viewport.skh-products__viewport--coverflow{
  position:relative;
  min-height:590px;
  padding:30px 20px 26px;
  overflow:hidden;
  border-radius:36px;
  background:#e9e4dd;
}
.skh-home--v060 .skh-products__stack{
  height:490px;
  perspective:1500px;
  z-index:2;
}
.skh-home--v060 .skh-product-card{
  top:8px;
  width:min(332px,78vw);
  height:452px;
}
.skh-home--v060 .skh-product-card__face{
  padding:20px;
  border-radius:26px;
  box-shadow:0 24px 52px rgba(9,16,24,.13);
}
.skh-home--v060 .skh-product-card.is-active .skh-product-card__face{
  box-shadow:0 30px 68px rgba(9,16,24,.18);
}
.skh-home--v060 .skh-product-card.is-near{opacity:.62;filter:saturate(.72)}
.skh-home--v060 .skh-product-card.is-far{opacity:.28;filter:saturate(.55)}
.skh-home--v060 .skh-products__dots{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:5;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  min-height:22px;
  margin:8px auto 0;
  padding:0;
}
.skh-home--v060 .skh-products__dots button{
  width:12px;height:12px;flex:0 0 12px;padding:0;border:0;border-radius:999px;
  background:#d5d1ca;box-shadow:none;
}
.skh-home--v060 .skh-products__dots button.is-active{
  background:var(--skh-coral);transform:scale(1.18);
}
/* Rückseite wie Heizkostenhilfen: hell, ruhig, mit schwarzem Link-Badge */
.skh-home--v060 .skh-product-card__face--back{
  justify-content:flex-start;
  background:#fff!important;
  color:var(--skh-ink)!important;
  border:1px solid rgba(9,16,24,.08)!important;
}
.skh-home--v060 .skh-product-card__face--back h4{
  margin:2px 0 2px;font-size:1.32rem;line-height:1.08;letter-spacing:-.025em;color:var(--skh-ink)!important;
}
.skh-home--v060 .skh-product-card__face--back p{
  color:#5e6470!important;font-size:.94rem;line-height:1.48;
}
.skh-home--v060 .skh-product-card__back-image{
  width:100%;height:108px;object-fit:contain;background:#fff;border:1px solid rgba(9,16,24,.08);
  border-radius:16px;padding:10px;margin:0 0 14px;opacity:1;
}
.skh-home--v060 .skh-product-card__external{
  width:100%;min-height:48px;margin-top:auto;padding:13px 16px;border-radius:999px;
  background:#090a0b!important;color:#fff!important;font-size:.78rem;font-weight:850;
}
.skh-home--v060 .skh-back-note{margin-top:auto;color:#69707b!important}
@media(max-width:700px){
  .skh-home--v060 .skh-products__viewport.skh-products__viewport--coverflow{min-height:535px;padding:22px 8px 22px}
  .skh-home--v060 .skh-products__stack{height:440px}
  .skh-home--v060 .skh-product-card{top:4px;width:min(286px,78vw);height:410px}
  .skh-home--v060 .skh-product-card__face{padding:18px;border-radius:22px}
  .skh-home--v060 .skh-product-card__back-image{height:92px}
  .skh-home--v060 .skh-products__dots{margin-top:4px}
}

/* v0.8.2 – Soforthilfe-Container nach Heizkostenhilfen, in Stromhilfen-Farben */
.skh-home--v060 .skh-emergency{padding:76px 0 72px;background:#f3f1ed}
.skh-home--v060 .skh-emergency__panel{display:grid;grid-template-columns:90px minmax(0,1.65fr) minmax(300px,.95fr);gap:32px;align-items:center;min-height:350px;padding:34px;border-radius:30px;background:#17191f;color:#fff;box-shadow:0 28px 70px rgba(9,16,24,.14)}
.skh-home--v060 .skh-emergency__rail{align-self:stretch;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#c91d2a;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.12em}
.skh-home--v060 .skh-emergency__rail span{writing-mode:vertical-rl;transform:rotate(180deg)}
.skh-home--v060 .skh-emergency__eyebrow{display:block;margin-bottom:18px;color:#ff6972;font-size:.76rem;font-weight:900;letter-spacing:.105em}
.skh-home--v060 .skh-emergency__content h2{max-width:720px;margin:0;color:#fff;font-size:clamp(2.65rem,4.25vw,4.8rem);line-height:.96;letter-spacing:-.055em}
.skh-home--v060 .skh-emergency__content p{max-width:760px;margin:20px 0 0;color:#f0f0f1;font-size:1rem;line-height:1.62}
.skh-home--v060 .skh-emergency__actions{display:grid;gap:10px}
.skh-home--v060 .skh-emergency__action{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:13px 17px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:#27292f;color:#fff!important;text-decoration:none!important;font-weight:850;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.skh-home--v060 .skh-emergency__action small{display:block;margin-bottom:3px;color:#bfc2c9;font-size:.58rem;letter-spacing:.09em;font-weight:800}
.skh-home--v060 .skh-emergency__action b{font-size:1rem}
.skh-home--v060 .skh-emergency__action--primary{background:#c91d2a;border-color:#c91d2a}
.skh-home--v060 .skh-emergency__action--primary small{color:#fff}
.skh-home--v060 .skh-emergency__action:hover{transform:translateY(-2px);background:#32343b}
.skh-home--v060 .skh-emergency__action--primary:hover{background:#b61925}
@media(max-width:980px){.skh-home--v060 .skh-emergency__panel{grid-template-columns:70px 1fr;padding:28px}.skh-home--v060 .skh-emergency__actions{grid-column:2}.skh-home--v060 .skh-emergency__content h2{font-size:clamp(2.5rem,7vw,4rem)}}
@media(max-width:680px){.skh-home--v060 .skh-emergency{padding:48px 0}.skh-home--v060 .skh-emergency__panel{display:block;min-height:0;padding:20px;border-radius:24px}.skh-home--v060 .skh-emergency__rail{height:48px;margin-bottom:22px;border-radius:12px}.skh-home--v060 .skh-emergency__rail span{writing-mode:horizontal-tb;transform:none}.skh-home--v060 .skh-emergency__eyebrow{line-height:1.45}.skh-home--v060 .skh-emergency__content h2{font-size:clamp(2.25rem,12vw,3.25rem)}.skh-home--v060 .skh-emergency__content p{font-size:.94rem}.skh-home--v060 .skh-emergency__actions{margin-top:24px}.skh-home--v060 .skh-emergency__action{min-height:62px}}

/* v1.1.2 – Rechner-Hero exakt in der Startseiten-Designsprache */
.skh-rechner-homehero.skh-app{
  max-width:none;
  width:100%;
  margin:0;
  padding:0 0 100px;
  background:var(--strom-cream,#f1efeb);
}
.skh-rechner-homehero .skh-rechner-hero:before{
  background-image:url("http://stromhilfen.de/wp-content/uploads/2026/09/Stromkosten-Rechner.png") !important;
  background-position:center center !important;
  background-size:cover !important;
}
.skh-rechner-homehero .skh-rechner-hero:after{
  background:
    linear-gradient(90deg,rgba(6,10,14,.58) 0%,rgba(6,10,14,.34) 31%,rgba(6,10,14,.08) 58%,rgba(6,10,14,.03) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 28%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.70) 100%) !important;
}
.skh-rechner-homehero .skh-app-shell{
  width:min(1500px,calc(100% - 48px));
  margin:28px auto 0;
}
@media(max-width:720px){
  .skh-rechner-homehero.skh-app{padding:0 0 60px}
  .skh-rechner-homehero .skh-rechner-hero:before{
    background-image:url("http://stromhilfen.de/wp-content/uploads/2026/09/Stromkosten-Rechner.png") !important;
    background-position:64% center !important;
  }
  .skh-rechner-homehero .skh-app-shell{width:calc(100% - 20px);margin:10px auto 0}
}


/* === v1.2.5 Global master header + premium comparison after finder === */
.skh-home--v060 .skh-overlay-header,
.skh-app .skh-overlay-header,
.skh-compare-page .skh-overlay-header,
.skh-bill-page .skh-overlay-header {
  width:min(1680px,calc(100% - 48px))!important;
  max-width:none!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
.skh-home--v060 .skh-overlay-nav,
.skh-app .skh-overlay-nav,
.skh-compare-page .skh-overlay-nav,
.skh-bill-page .skh-overlay-nav { margin-left:auto!important; }

.skh-home-compare{
  background:#466b5b;
  padding:clamp(64px,7vw,100px) 24px;
  color:#f7f4eb;
  position:relative;
  overflow:hidden;
}
.skh-home-compare:before{
  content:"";position:absolute;inset:auto -10% -55% 38%;height:520px;
  background:none;
  pointer-events:none;
}
.skh-home-compare__inner{
  width:min(1280px,calc(100% - 0px));margin:auto;position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,1fr);
  gap:clamp(42px,6vw,96px);align-items:center;
}
.skh-home-compare__copy .skh-kicker{color:#f4e75b!important;letter-spacing:.14em;font-weight:900;font-size:.74rem}
.skh-home-compare__copy h2{
  color:#fff!important;font-size:clamp(2.8rem,4.5vw,5rem)!important;line-height:.94!important;
  letter-spacing:-.055em!important;margin:.22em 0 .26em!important;max-width:780px;
}
.skh-home-compare__copy>p{color:rgba(255,255,255,.86)!important;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65;max-width:650px;margin:0}
.skh-home-compare__form{
  background:#f1efe9;padding:clamp(24px,3vw,40px);color:#202124;
  border-radius:28px;box-shadow:0 32px 90px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16);
}
.skh-home-compare__switch{display:grid;grid-template-columns:1fr 1fr;background:#ddd9d0;padding:5px;border-radius:999px;margin-bottom:24px}
.skh-home-compare__switch label{margin:0!important;cursor:pointer}.skh-home-compare__switch input{position:absolute;opacity:0;pointer-events:none}
.skh-home-compare__switch span{display:flex;justify-content:center;align-items:center;min-height:52px;padding:8px 12px;border-radius:999px;font-weight:850;font-size:.9rem;color:#2f2f30}
.skh-home-compare__switch input:checked+span{background:#f4e75b;color:#202124;box-shadow:0 5px 18px rgba(0,0,0,.10)}
.skh-home-compare__fields{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}
.skh-home-compare__fields label>span{display:block;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#2f2f30}
.skh-home-compare__fields input{width:100%;min-height:60px;border:1px solid #c9c5bc!important;background:#fff!important;color:#202124!important;padding:0 16px!important;font-size:1.06rem!important;font-weight:760;box-shadow:none!important;border-radius:14px!important}
.skh-home-compare__fields label>div{position:relative}.skh-home-compare__fields em{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-style:normal;font-size:.78rem;font-weight:850;color:#68645e}
.skh-home-compare__form>button{width:100%;min-height:62px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:900;font-size:.94rem;margin-top:16px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s ease}
.skh-home-compare__form>button:hover{background:#f4e75b;color:#1d1d1d;transform:translateY(-1px)}
.skh-home-compare__form>small{display:block;color:#69655f;margin-top:13px;line-height:1.45;text-align:center}
@media(max-width:980px){
 .skh-home--v060 .skh-overlay-header,.skh-app .skh-overlay-header,.skh-compare-page .skh-overlay-header,.skh-bill-page .skh-overlay-header{width:min(100% - 28px,1680px)!important}
 .skh-home-compare__inner{grid-template-columns:1fr}.skh-home-compare__copy{max-width:780px}.skh-home-compare__form{max-width:780px;width:100%}
}
@media(max-width:620px){
 .skh-home--v060 .skh-overlay-header,.skh-app .skh-overlay-header,.skh-compare-page .skh-overlay-header,.skh-bill-page .skh-overlay-header{width:calc(100% - 20px)!important}
 .skh-home-compare{padding:54px 14px}.skh-home-compare__fields{grid-template-columns:1fr}.skh-home-compare__switch span{font-size:.78rem}.skh-home-compare__form{padding:18px;border-radius:22px}
}

/* v1.22.0 – consistent lavender section labels on homepage and clean comparison background */
.skh-home--v060 .skh-home-compare::before{display:none!important;content:none!important;}
.skh-home--v060 .skh-home-compare__copy .skh-kicker,
.skh-home--v060 .skh-situations .skh-kicker,
.skh-home--v060 .skh-products .skh-kicker,
.skh-home--v060 .skh-world .skh-kicker,
.skh-home--v060 .skh-trust .skh-kicker,
.skh-home--v060 .skh-crosslink .skh-kicker{color:#d6c5f5!important;}
.skh-home--v060 .skh-home-compare__form input:focus-visible,
.skh-home--v060 .skh-home-compare__form button:focus-visible{outline:3px solid #8d71ce;outline-offset:3px;}


/* v1.24.0 — calm premium warm-grey product section, directly after tariff comparison. */
.skh-home--v060 .skh-home-compare + .skh-products{margin-top:0}
.skh-home--v060 .skh-products{
  background:linear-gradient(145deg,#e1e1df 0%,#d4d5d2 52%,#e8e7e3 100%) !important;
  padding-top:112px !important;
  padding-bottom:118px !important;
}
.skh-home--v060 .skh-products .skh-kicker,
.skh-home--v060 .skh-products__head .skh-kicker{
  color:#634b97 !important;
}
.skh-home--v060 .skh-products__head h2{color:#17191c !important}
.skh-home--v060 .skh-products__aside p{color:#50545a !important}
.skh-home--v060 .skh-products__controls button{
  background:#f7f6f2 !important;
  color:#1a1b1d !important;
  border-color:#bfc0bc !important;
  backdrop-filter:none;
}
.skh-home--v060 .skh-products__controls button:hover{
  background:#27292c !important;
  color:#fff !important;
  border-color:#27292c !important;
}
.skh-home--v060 .skh-products__viewport{
  background:#ecebe7 !important;
  border:1px solid rgba(36,37,39,.12) !important;
  box-shadow:0 28px 62px rgba(37,37,38,.09) !important;
}
.skh-home--v060 .skh-products__energy-lines{
  opacity:.08 !important;
  filter:saturate(.45) brightness(1.03) !important;
}
.skh-home--v060 .skh-products__dots button{background:#b4b3b0 !important}
.skh-home--v060 .skh-products__dots button.is-active{background:#b94c46 !important}
@media(max-width:767px){
  .skh-home--v060 .skh-products{padding-top:82px !important;padding-bottom:88px !important}
}


/* v1.25.0 – warm gray products, then black knowledge world, then light situation cards */
.skh-home--v060 .skh-products + .skh-world{
  margin-top:0;
}
.skh-home--v060 .skh-world + .skh-situations{
  margin-top:0;
}
.skh-home--v060 .skh-world{
  padding-top:120px !important;
  padding-bottom:116px !important;
  background:#070707 !important;
}
.skh-home--v060 .skh-world__head{
  margin-bottom:54px !important;
}
.skh-home--v060 .skh-situations{
  padding-top:110px !important;
  padding-bottom:96px !important;
  background:var(--skh-paper) !important;
}
.skh-home--v060 .skh-situations .skh-kicker{
  color:var(--skh-purple) !important;
}
.skh-home--v060 .skh-situations .skh-section-intro p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width: 767px){
  .skh-home--v060 .skh-world{padding-top:86px !important;padding-bottom:84px !important;}
  .skh-home--v060 .skh-situations{padding-top:78px !important;padding-bottom:76px !important;}
}


/* v1.26.0 – combine situation themes into the black knowledge area, remove redundant situation section */
.skh-home--v060 #situationen{display:block;position:relative;top:-80px;visibility:hidden}
.skh-home--v060 .skh-world__badges span{color:#fff}
.skh-home--v060 .skh-world-card--navy{background:#090909 !important;border-color:rgba(255,255,255,.12) !important;color:#fff !important}
.skh-home--v060 .skh-world-card--navy .skh-world-card__badges b{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.16) !important;color:#fff !important}
.skh-home--v060 .skh-world-card--mint h3,
.skh-home--v060 .skh-world-card--paper h3,
.skh-home--v060 .skh-world-card--cyan h3,
.skh-home--v060 .skh-world-card--green h3,
.skh-home--v060 .skh-world-card--navy h3{max-width:95%}
.skh-home--v060 .skh-world-card--mint{background:#cfcff5 !important;color:#172544 !important}
.skh-home--v060 .skh-world-card--paper{background:#f3f1eb !important;color:var(--skh-ink) !important}
.skh-home--v060 .skh-world-card--cyan{background:#dbc445 !important;color:#120f04 !important}
.skh-home--v060 .skh-world-card--green{background:#c75345 !important;color:#120806 !important}
.skh-home--v060 .skh-world-card--mint .skh-world-card__badges b,
.skh-home--v060 .skh-world-card--paper .skh-world-card__badges b,
.skh-home--v060 .skh-world-card--cyan .skh-world-card__badges b,
.skh-home--v060 .skh-world-card--green .skh-world-card__badges b{background:rgba(255,255,255,.72) !important;border-color:rgba(15,18,28,.10) !important;color:#171d2f !important}

/* v1.27.0 – unified expressive headline typography, without affecting positions or sizes */
.skh-home--v060 .skh-products__head h2,
.skh-home--v060 .skh-world__head h2,
.skh-home--v060 .skh-emergency__content h2,
.skh-home--v060 .skh-home-compare__copy h2,
.skh-home--v060 .skh-crosslink h2,
.skh-home--v060 .skh-section-intro h2 {
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.065em !important;
  text-wrap:balance;
}
.skh-home--v060 .skh-world-card h3,
.skh-home--v060 .skh-product-card h3,
.skh-home--v060 .skh-product-card h4 {
  font-weight:850 !important;
  letter-spacing:-.052em !important;
}

/* v1.34.0 – premium legal aid page */
.skh-aw{background:#ecebe7;color:#222733;font-family:inherit}.skh-aw *{box-sizing:border-box}.skh-aw__wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.skh-aw__hero{padding:118px 0 110px;background:#0b0d13;color:#fff}.skh-aw__label,.skh-aw__eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:800;color:#cdbdf9}.skh-aw h1{font-size:clamp(3.2rem,7vw,7.2rem);line-height:.99;letter-spacing:-.065em;margin:22px 0 28px;font-weight:850;color:inherit}.skh-aw h1 em{font-style:normal;color:#e2c957}.skh-aw__hero p{font-size:clamp(1.1rem,1.6vw,1.4rem);max-width:760px;line-height:1.65;color:#dbdce2}.skh-aw__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.skh-aw__actions a,.skh-aw__actions button,.skh-aw__card a{display:inline-flex;align-items:center;justify-content:center;background:#dbc8f6;color:#161320;padding:15px 22px;border-radius:12px;border:0;text-decoration:none;font-weight:800;cursor:pointer}.skh-aw__actions a:nth-child(2),.skh-aw__actions button:nth-child(2){background:#f2eee5}.skh-aw__section{padding:105px 0}.skh-aw__section--dark{background:#11141b;color:#fff}.skh-aw h2{font-size:clamp(2.6rem,5vw,5.1rem);line-height:1.02;letter-spacing:-.06em;margin:14px 0 38px;color:inherit;font-weight:850}.skh-aw__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.skh-aw__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.skh-aw__card{background:#faf8f2;color:#252535;padding:32px;border-radius:24px;min-height:240px}.skh-aw__card--lav{background:#d4c8f0}.skh-aw__section--dark .skh-aw__card{background:#292b33;color:#fff}.skh-aw__card strong{font-size:.77rem;letter-spacing:.1em}.skh-aw__card h3{font-size:clamp(1.55rem,2.3vw,2.3rem);line-height:1.1;letter-spacing:-.04em;margin:24px 0 14px;color:inherit}.skh-aw__card p,.skh-aw__section p{line-height:1.75}.skh-aw__hint{font-size:.93rem;opacity:.82;margin-top:24px}.skh-aw__calculator,.skh-aw__letter{background:#fff;border-radius:24px;padding:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.skh-aw__calculator label,.skh-aw__fields label{display:flex;flex-direction:column;gap:9px;font-weight:750}.skh-aw input,.skh-aw select{width:100%;padding:16px;border:1px solid #bcbcc5;border-radius:10px;background:#fff;color:#1a1a24;font:inherit}.skh-aw__total{grid-column:1/-1;background:#e1d7f2;padding:28px;border-radius:16px}.skh-aw__total strong{display:block;font-size:clamp(2rem,4vw,3.2rem)}.skh-aw__fields{display:grid;gap:16px;align-content:start}.skh-aw__preview{min-width:0}.skh-aw__preview pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:#f5f3ed;color:#111;line-height:1.6;border-radius:14px;min-height:350px;max-height:700px;overflow:auto;font-size:.9rem}.skh-aw__section--dark .skh-aw__hint{color:#e4e4e9}.skh-aw a{overflow-wrap:anywhere}@media(max-width:800px){.skh-aw__grid,.skh-aw__grid--three,.skh-aw__calculator,.skh-aw__letter{grid-template-columns:1fr}.skh-aw__hero{padding:86px 0}.skh-aw__section{padding:72px 0}.skh-aw__card{padding:25px}.skh-aw__calculator,.skh-aw__letter{padding:20px}}@media print{.skh-aw__hero,.skh-aw__section:not(:has(#skh-aw-preview)),.skh-aw__fields,.skh-aw__actions,.skh-aw__hint{display:none!important}.skh-aw__preview pre{max-height:none;border:0}}