/* Stromhilfen Premium 2.77.0 – Stromausfall. Scoped only to /stromausfall/. */
body.skh-stromausfall-page .skh-blackout77{--bo-ink:#192235;--bo-dark:#10151f;--bo-lav:#cfc3f4;--bo-purple:#6850a0;--bo-blue:#bcddf0;--bo-sage:#dce7d6;--bo-paper:#f0efe9;--bo-white:#fffdfa;font-family:Inter,system-ui,sans-serif;color:var(--bo-ink);background:var(--bo-paper);overflow:hidden}
.skh-blackout77 *{box-sizing:border-box}
.skh-blackout77 :is(h1,h2,h3,h4){font-family:'Inter Tight',Inter,system-ui,sans-serif;font-weight:850;letter-spacing:-.055em;line-height:1.04;margin:0;color:var(--bo-ink);overflow-wrap:break-word;word-break:normal;hyphens:none;text-wrap:balance}
.skh-blackout77 p{line-height:1.73;margin:0}
.skh-blackout77 strong{font-weight:780}
.skh-blackout77 a{color:inherit}
.skh-blackout77 button{cursor:pointer;font:inherit}
.skh-blackout77 .bo77-wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}
.skh-blackout77 .bo77-section{padding:clamp(76px,8.5vw,128px) 0}
.skh-blackout77 .bo77-eyebrow{display:block;color:var(--bo-purple);font-weight:850;letter-spacing:.13em;font-size:.77rem;text-transform:uppercase;line-height:1.45;margin-bottom:20px}
.skh-blackout77 .bo77-eyebrow--light{color:#d8cbfd}
.skh-blackout77 .bo77-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:54px;padding:14px 22px;border-radius:14px;text-align:center;text-decoration:none!important;font-size:.94rem;line-height:1.3;font-weight:820;white-space:normal;transition:transform .16s,background .16s}
.skh-blackout77 .bo77-button:hover{transform:translateY(-2px)}
.skh-blackout77 .bo77-button:focus-visible,.skh-blackout77 button:focus-visible,.skh-blackout77 a:focus-visible,.skh-blackout77 summary:focus-visible,.skh-blackout77 input:focus-visible{outline:3px solid #9872d0;outline-offset:3px}
.skh-blackout77 .bo77-button--blue{color:#162237;background:var(--bo-blue);border:1px solid var(--bo-blue)}
.skh-blackout77 .bo77-button--outline{color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.55)}
.skh-blackout77 .bo77-heading{margin:0 0 38px;max-width:930px}
.skh-blackout77 .bo77-heading h2{font-size:clamp(2.7rem,5.3vw,5.3rem);margin:0 0 20px}
.skh-blackout77 .bo77-heading h2 em,.skh-blackout77 .bo77-prep h2 em,.skh-blackout77 .bo77-report h2 em,.skh-blackout77 .bo77-faq h2 em,.skh-blackout77 .bo77-last h2 em{font-style:normal;color:var(--bo-purple)}
.skh-blackout77 .bo77-heading>p{font-size:clamp(1.02rem,1.3vw,1.19rem);color:#43506a;max-width:720px}
.skh-blackout77 .bo77-heading--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:38px;max-width:none;align-items:end}
.skh-blackout77 .bo77-heading--split h2{max-width:770px}
/* Header picture from user's existing WordPress media library */
.skh-blackout77 .bo77-hero{min-height:100svh;height:100svh;padding:174px 0 112px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;background:#07111c;overflow:hidden}
.skh-blackout77 .bo77-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('https://stromhilfen.de/wp-content/uploads/2026/11/Stromausfall-scaled.jpeg') 57% center/cover no-repeat}
.skh-blackout77 .bo77-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,25,.97) 0%,rgba(6,12,25,.90) 27%,rgba(6,12,25,.52) 56%,rgba(6,12,25,.12) 100%),linear-gradient(180deg,rgba(6,12,25,.21),rgba(6,12,25,.12) 55%,rgba(6,12,25,.74))}
.skh-blackout77 .bo77-hero__content{position:relative;z-index:2}
.skh-blackout77 .bo77-hero h1{display:flex;align-items:flex-start;flex-direction:column;gap:9px;color:#fff;max-width:980px;font-size:clamp(3.5rem,7vw,7.4rem);margin:0 0 27px;line-height:.98}
.skh-blackout77 .bo77-hero__mark{display:inline;padding:5px 18px 10px;border-radius:15px;color:#192235;background:var(--bo-lav);font-size:.84em;max-width:100%;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.skh-blackout77 .bo77-hero__content>p{max-width:720px;color:#f0f4fc;font-size:clamp(1.09rem,1.5vw,1.31rem);font-weight:550;line-height:1.65}
.skh-blackout77 .bo77-hero__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.skh-blackout77 .bo77-hero__meta{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:flex;gap:27px;flex-wrap:wrap;color:#d7e5f8;font-weight:720;font-size:.76rem;z-index:2}
.skh-blackout77 .bo77-hero__meta span{padding-left:13px;position:relative}
.skh-blackout77 .bo77-hero__meta span::before{content:'';width:6px;height:6px;position:absolute;left:0;top:.5em;background:#bcddf0;border-radius:50%}
/* Emergency banner */
.skh-blackout77 .bo77-emergency{background:#dce9f6;padding:27px 0;border-bottom:1px solid #c5d7e8}
.skh-blackout77 .bo77-emergency__row{display:flex;align-items:center;gap:21px}
.skh-blackout77 .bo77-emergency__symbol{display:grid;place-items:center;width:51px;height:51px;flex:0 0 51px;background:#162740;color:#fff;border-radius:15px;font-size:1.75rem;font-weight:900}
.skh-blackout77 .bo77-emergency__row>div{flex:1;min-width:0}
.skh-blackout77 .bo77-emergency strong{display:block;color:#162740;font-size:1.09rem;margin-bottom:4px}
.skh-blackout77 .bo77-emergency p{font-size:.95rem;color:#2b3f5c;line-height:1.55}
.skh-blackout77 .bo77-emergency__call{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border-radius:12px;padding:12px 18px;background:#18283f;color:#fff;font-weight:800;text-decoration:none!important;white-space:nowrap}
/* Triage checker */
.skh-blackout77 .bo77-check{background:#f0efe9}
.skh-blackout77 .bo77-picker{padding:14px;background:#fdfcf8;border:1px solid #dddcd6;border-radius:30px;box-shadow:0 22px 48px rgba(13,24,39,.055)}
.skh-blackout77 .bo77-picker__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.skh-blackout77 .bo77-picker__choice{border:2px solid transparent;text-align:left;border-radius:20px;background:#e9e4fa;padding:28px;min-width:0;display:flex;flex-direction:column;gap:13px;transition:border-color .16s,transform .16s;color:#192235}
.skh-blackout77 .bo77-picker__choice:nth-child(2){background:#e2ecdf}
.skh-blackout77 .bo77-picker__choice:nth-child(3){background:#dfebf7}
.skh-blackout77 .bo77-picker__choice.is-active{border-color:#614b98;box-shadow:inset 0 0 0 1px #614b98}
.skh-blackout77 .bo77-picker__choice:hover{transform:translateY(-2px)}
.skh-blackout77 .bo77-picker__choice>span{font-size:.74rem;color:#554283;letter-spacing:.10em;font-weight:860}
.skh-blackout77 .bo77-picker__choice>strong{font-family:'Inter Tight',Inter,sans-serif;font-size:clamp(1.5rem,2.1vw,2.2rem);font-weight:850;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}
.skh-blackout77 .bo77-picker__choice>small{font-size:.91rem;line-height:1.6;color:#394660}
.skh-blackout77 .bo77-picker__result{margin-top:12px;background:#17263c;color:#fff;border-radius:21px;padding:32px 36px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 35px}
.skh-blackout77 .bo77-picker__result>span{grid-column:1 / -1;color:#bfc8fb;font-size:.72rem;font-weight:880;letter-spacing:.13em;margin-bottom:14px}
.skh-blackout77 .bo77-picker__result h3{color:#fff!important;font-size:clamp(1.9rem,2.6vw,2.9rem);line-height:1.08}
.skh-blackout77 .bo77-picker__result>p{color:#e3eaf5;font-size:1.03rem;line-height:1.7}
.skh-blackout77 .bo77-picker__resultnote{grid-column:2;background:#243751;color:#cde1f1;font-size:.91rem;border-radius:13px;padding:13px 16px;margin-top:15px;line-height:1.55}
.skh-blackout77 .bo77-distinction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:27px 32px;margin-top:24px;border-radius:23px;background:#e9e4fb}
.skh-blackout77 .bo77-distinction span{font-size:.72rem;color:#645097;font-weight:860;letter-spacing:.11em}
.skh-blackout77 .bo77-distinction h3{font-size:clamp(1.7rem,2.4vw,2.55rem);margin:8px 0 10px}
.skh-blackout77 .bo77-distinction p{color:#35405b;max-width:860px;font-size:.99rem}
/* First steps: dark premium band */
.skh-blackout77 .bo77-now{background:#10151f;color:#fff}
.skh-blackout77 .bo77-heading--dark h2{color:#fff}
.skh-blackout77 .bo77-heading--dark h2 em{color:#cfc3f4}
.skh-blackout77 .bo77-heading--dark>p{color:#ced6e3}
.skh-blackout77 .bo77-now__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.skh-blackout77 .bo77-now__grid article{border:1px solid #38465c;background:#182335;border-radius:23px;padding:31px 27px;min-height:325px}
.skh-blackout77 .bo77-now__grid article>span{display:block;color:#bfdaf4;letter-spacing:.11em;font-size:.72rem;font-weight:870;margin-bottom:33px}
.skh-blackout77 .bo77-now__grid h3{color:#fff;font-size:clamp(1.7rem,2vw,2.3rem);margin-bottom:16px}
.skh-blackout77 .bo77-now__grid p{color:#d6deea;font-size:.97rem;line-height:1.67}
/* Report */
.skh-blackout77 .bo77-report{background:#dae6d5}
.skh-blackout77 .bo77-report__layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(40px,6vw,95px)}
.skh-blackout77 .bo77-report h2{font-size:clamp(3rem,5.7vw,5.8rem);margin-bottom:24px}
.skh-blackout77 .bo77-report__layout>div:first-child>p{font-size:clamp(1rem,1.3vw,1.2rem);max-width:480px;color:#344456}
.skh-blackout77 .bo77-report__hint{margin-top:26px;border-radius:19px;border:1px solid rgba(24,37,44,.14);background:rgba(255,255,255,.52);padding:22px 24px;line-height:1.65;color:#2f4356}
.skh-blackout77 .bo77-report__cards{display:grid;gap:13px}
.skh-blackout77 .bo77-report__cards article{border-radius:21px;background:#fffdfa;padding:26px 29px}
.skh-blackout77 .bo77-report__cards span{color:#675195;font-size:.74rem;letter-spacing:.1em;font-weight:850}
.skh-blackout77 .bo77-report__cards h3{font-size:clamp(1.6rem,2.1vw,2.4rem);margin:9px 0}
.skh-blackout77 .bo77-report__cards p{font-size:.96rem;color:#3f4b5b}
.skh-blackout77 .bo77-report__cards .bo77-report__critical{background:#17283e}
.skh-blackout77 .bo77-report__critical :is(h3,p){color:#fff}
.skh-blackout77 .bo77-report__critical span{color:#c5d8ff}
/* Large blackout */
.skh-blackout77 .bo77-long{background:#f0efe9}
.skh-blackout77 .bo77-long__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.skh-blackout77 .bo77-long__card{min-height:275px;padding:35px 36px;border-radius:26px}
.skh-blackout77 .bo77-long__card--lav{background:#cfc3f4}
.skh-blackout77 .bo77-long__card--sage{background:#dce7d6}
.skh-blackout77 .bo77-long__card--blue{background:#dcecf7}
.skh-blackout77 .bo77-long__card--paper{background:#fffdfa;border:1px solid #dedbd5}
.skh-blackout77 .bo77-long__card>span{display:block;color:#5b4a90;font-size:.74rem;font-weight:870;letter-spacing:.11em;margin-bottom:24px}
.skh-blackout77 .bo77-long__card h3{font-size:clamp(2rem,3vw,3rem);margin-bottom:13px}
.skh-blackout77 .bo77-long__card p{color:#2f3d54;font-size:1.01rem}
.skh-blackout77 .bo77-health{margin-top:21px;background:#18273d;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border-radius:26px;padding:33px 36px}
.skh-blackout77 .bo77-health span{color:#c8b7f2;letter-spacing:.12em;font-size:.72rem;font-weight:850}
.skh-blackout77 .bo77-health h3{color:#fff;font-size:clamp(1.7rem,2.3vw,2.7rem);margin:9px 0 12px;max-width:800px}
.skh-blackout77 .bo77-health p{color:#e1e8f2;font-size:.96rem;max-width:850px}
/* Preparedness */
.skh-blackout77 .bo77-prep{background:#e5e0f4}
.skh-blackout77 .bo77-prep__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,80px);align-items:start}
.skh-blackout77 .bo77-prep h2{font-size:clamp(2.8rem,5.2vw,5.3rem);margin-bottom:23px}
.skh-blackout77 .bo77-prep__copy>p{max-width:510px;color:#3c4760;font-size:1.1rem}
.skh-blackout77 .bo77-prep__copy .bo77-prep__aside{font-size:.96rem;background:#f8f6ff;border-radius:18px;padding:20px 23px;margin-top:23px}
.skh-blackout77 .bo77-prep__panel{background:#fffdfa;border:1px solid #d6cee4;border-radius:27px;padding:30px;box-shadow:0 18px 42px rgba(35,24,60,.055)}
.skh-blackout77 .bo77-prep__panelhead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.skh-blackout77 .bo77-prep__panelhead span{display:block;color:#675396;font-size:.72rem;font-weight:850;letter-spacing:.12em}
.skh-blackout77 .bo77-prep__panelhead h3{font-size:clamp(1.6rem,2.3vw,2.4rem);margin-top:7px}
.skh-blackout77 .bo77-prep__panelhead>strong{background:#e4ddf5;border-radius:14px;padding:11px 14px;white-space:nowrap;color:#4d3b7f}
.skh-blackout77 .bo77-prep__panel label{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid #e7e2e7;font-size:1rem;line-height:1.45;color:#2c3852;cursor:pointer}
.skh-blackout77 .bo77-prep__panel label>input{flex:0 0 21px;width:21px;height:21px;accent-color:#745ab4;margin:1px 0 0}
.skh-blackout77 .bo77-prep__panel label:has(input:checked)>span{color:#4b5471}
.skh-blackout77 .bo77-prep__foot{margin-top:19px;font-size:.79rem;color:#657187;line-height:1.6}
/* Return */
.skh-blackout77 .bo77-return{background:#fffdfa}
.skh-blackout77 .bo77-return__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.skh-blackout77 .bo77-return__grid article{background:#f0efe9;padding:32px 31px;border-radius:23px;min-height:250px}
.skh-blackout77 .bo77-return__grid span{color:#675195;font-weight:850;font-size:.82rem}
.skh-blackout77 .bo77-return__grid h3{font-size:clamp(1.75rem,2.2vw,2.6rem);margin:23px 0 13px}
.skh-blackout77 .bo77-return__grid p{color:#3b465a;font-size:.98rem}
/* FAQ */
.skh-blackout77 .bo77-faq{background:#f0efe9}
.skh-blackout77 .bo77-faq__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,88px)}
.skh-blackout77 .bo77-faq h2{font-size:clamp(2.7rem,5vw,5rem);margin-bottom:23px}
.skh-blackout77 .bo77-faq__layout>div:first-child>p{font-size:1.04rem;color:#465166}
.skh-blackout77 .bo77-faq__items details{border-bottom:1px solid #d0d1d4;padding:0 0 1px}
.skh-blackout77 .bo77-faq__items details:first-child{border-top:1px solid #d0d1d4}
.skh-blackout77 .bo77-faq summary{list-style:none;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:24px 0;color:#1d2a40;font-weight:800;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.4;cursor:pointer}
.skh-blackout77 .bo77-faq summary::-webkit-details-marker{display:none}
.skh-blackout77 .bo77-faq summary::after{content:'+';font-size:1.7rem;flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;color:#604793;line-height:1}
.skh-blackout77 .bo77-faq details[open] summary::after{content:'−'}
.skh-blackout77 .bo77-faq details>p{font-size:.98rem;color:#45536a;line-height:1.73;max-width:690px;padding:0 35px 22px 0}
.skh-blackout77 .bo77-faq details a{color:#4d4f99;text-decoration:underline;text-underline-offset:3px}
/* CTA / sources */
.skh-blackout77 .bo77-last{background:#fffdfa;padding-top:78px;padding-bottom:88px}
.skh-blackout77 .bo77-last__card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;background:#16243a;padding:clamp(32px,4vw,56px);border-radius:28px;color:#fff}
.skh-blackout77 .bo77-last h2{font-size:clamp(2.3rem,4.7vw,4.8rem);color:#fff;margin-bottom:16px}
.skh-blackout77 .bo77-last h2 em{color:#cfc3f4}
.skh-blackout77 .bo77-last p{font-size:1.03rem;line-height:1.65;max-width:720px;color:#dce6f6}
.skh-blackout77 .bo77-sources{border-top:1px solid #d9dad7;margin-top:45px;padding-top:25px}
.skh-blackout77 .bo77-sources>strong{display:block;margin-bottom:13px;color:#253248;font-size:.91rem}
.skh-blackout77 .bo77-sources>div{display:flex;gap:12px 25px;flex-wrap:wrap}
.skh-blackout77 .bo77-sources a{font-size:.87rem;color:#5d4a91;text-decoration:underline;text-underline-offset:4px}
.skh-blackout77 .bo77-sources p{font-size:.8rem;color:#637085;margin-top:16px}
@media (max-width:1100px){
 .skh-blackout77 .bo77-now__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .skh-blackout77 .bo77-picker__choice{padding:24px}
 .skh-blackout77 .bo77-picker__choice>strong{font-size:1.6rem}
}
@media (max-width:850px){
 .skh-blackout77 .bo77-report__layout,.skh-blackout77 .bo77-prep__layout,.skh-blackout77 .bo77-faq__layout,.skh-blackout77 .bo77-heading--split{grid-template-columns:1fr}
 .skh-blackout77 .bo77-picker__choices{grid-template-columns:1fr}
 .skh-blackout77 .bo77-picker__choice{gap:7px;min-height:0;padding:20px 23px}
 .skh-blackout77 .bo77-picker__result{grid-template-columns:1fr;gap:10px}
 .skh-blackout77 .bo77-picker__resultnote{grid-column:1}
 .skh-blackout77 .bo77-distinction,.skh-blackout77 .bo77-health,.skh-blackout77 .bo77-last__card{grid-template-columns:1fr}
 .skh-blackout77 .bo77-long__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
 .skh-blackout77 .bo77-wrap{width:calc(100% - 36px)}
 .skh-blackout77 .bo77-section{padding:68px 0}
 .skh-blackout77 .bo77-hero{min-height:100svh;height:auto;padding:132px 0 48px;justify-content:center}
 .skh-blackout77 .bo77-hero::before{background-position:62% center}
 .skh-blackout77 .bo77-hero::after{background:linear-gradient(180deg,rgba(6,12,25,.75),rgba(6,12,25,.82) 70%,rgba(6,12,25,.93))}
 .skh-blackout77 .bo77-hero h1{font-size:clamp(2.65rem,11vw,4.2rem);line-height:1.02;gap:11px;margin-bottom:20px}
 .skh-blackout77 .bo77-hero__mark{font-size:.85em;padding:6px 11px 10px;border-radius:12px}
 .skh-blackout77 .bo77-hero__content>p{font-size:1.04rem;line-height:1.62}
 .skh-blackout77 .bo77-hero__buttons{flex-direction:column;align-items:stretch;margin-top:23px}
 .skh-blackout77 .bo77-hero__buttons .bo77-button{width:100%;min-height:51px}
 .skh-blackout77 .bo77-hero__meta{position:static;left:auto;bottom:auto;transform:none;gap:8px 17px;padding-top:22px;font-size:.68rem}
 .skh-blackout77 .bo77-emergency__row{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .skh-blackout77 .bo77-emergency__symbol{width:38px;height:38px;flex-basis:38px;border-radius:10px}
 .skh-blackout77 .bo77-emergency__row>div{flex:1 1 calc(100% - 60px)}
 .skh-blackout77 .bo77-emergency__call{margin-left:50px}
 .skh-blackout77 .bo77-heading h2,.skh-blackout77 .bo77-faq h2,.skh-blackout77 .bo77-prep h2,.skh-blackout77 .bo77-report h2{font-size:clamp(2.45rem,9vw,3.7rem)}
 .skh-blackout77 .bo77-picker{padding:8px;border-radius:22px}
 .skh-blackout77 .bo77-picker__choice{padding:19px;border-radius:16px}
 .skh-blackout77 .bo77-picker__result{padding:23px 20px;border-radius:17px}
 .skh-blackout77 .bo77-distinction{padding:24px 20px}
 .skh-blackout77 .bo77-now__grid,.skh-blackout77 .bo77-return__grid{grid-template-columns:1fr}
 .skh-blackout77 .bo77-now__grid article{min-height:0;padding:26px 24px}
 .skh-blackout77 .bo77-now__grid article>span{margin-bottom:19px}
 .skh-blackout77 .bo77-report__cards article{padding:23px 20px}
 .skh-blackout77 .bo77-long__card{min-height:0;padding:27px 24px}
 .skh-blackout77 .bo77-health{padding:27px 23px}
 .skh-blackout77 .bo77-prep__panel{padding:24px 18px}
 .skh-blackout77 .bo77-return__grid article{min-height:0;padding:25px}
 .skh-blackout77 .bo77-faq summary{padding:21px 0}
 .skh-blackout77 .bo77-last__card{padding:30px 24px}
 .skh-blackout77 .bo77-last__card .bo77-button{width:100%}
}
@media (prefers-reduced-motion:reduce){.skh-blackout77 *{scroll-behavior:auto!important;transition:none!important}}
