@font-face{font-family:'IBM Plex Sans Condensed';src:url(../fonts/ibm-plex-sans-condensed-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Condensed';src:url(../fonts/ibm-plex-sans-condensed-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}

:root{
  --hellgrau:#F6F5F4;--hellrot:#F05653;--graphit:#231E1D;--grau:#4F4A48;--grau-leise:#5C5755;
  --dunkelrot:#65201E;--weiss:#fff;--radius:4px;--radius-gross:6px;
  --papier:#EFEDEB;
  --linie:rgba(35,30,29,.16);--linie-stark:rgba(35,30,29,.32);
  --sans:'IBM Plex Sans Condensed','Arial Narrow',Arial,sans-serif;
  --mono:'IBM Plex Mono','Courier New',monospace;
  --rand:clamp(20px,5vw,76px);--rail:clamp(11px,2.6vw,36px);--spalte:1520px;--luft:clamp(56px,8.5vw,128px);
  --ease:cubic-bezier(.22,.85,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hellgrau);color:var(--graphit);font-family:var(--sans);
  font-size:clamp(16.5px,1.06vw,18px);line-height:1.68;-webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;overflow-x:hidden}
body.fixiert{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
.huelle{width:100%;max-width:var(--spalte);margin:0 auto;padding:0 var(--rand)}
.eng{max-width:860px}

h1,h2,h3,h4{font-weight:600;margin:0;text-wrap:balance}
h1{font-size:clamp(1.95rem,4.3vw,3.9rem);line-height:1.02;letter-spacing:-.018em;
  overflow-wrap:break-word;hyphens:auto}
h2{font-size:clamp(1.45rem,2.7vw,2.45rem);line-height:1.1;letter-spacing:-.012em;
  overflow-wrap:break-word;hyphens:auto}
h3{font-size:clamp(1.15rem,1.45vw,1.4rem);line-height:1.26;letter-spacing:-.006em}
h4{font-size:1rem}
p{margin:0 0 1em;max-width:38em}
p:last-child{margin-bottom:0}
.grau{color:var(--grau)}
.lead{font-size:clamp(1.1rem,1.5vw,1.38rem);line-height:1.52;max-width:34em;letter-spacing:-.004em;color:var(--graphit)}
.lead.grau{color:var(--grau)}
.statement{overflow-wrap:break-word;hyphens:auto;font-size:clamp(1.5rem,3.1vw,2.7rem);line-height:1.14;letter-spacing:-.016em;font-weight:600;max-width:20em}
.gross-zahl{font-size:clamp(2.2rem,4vw,3.4rem);line-height:.95;font-weight:600;letter-spacing:-.02em}

.marke-klein{font-family:var(--mono);font-size:clamp(10px,.68vw,11.5px);letter-spacing:.14em;overflow-wrap:anywhere;
  text-transform:uppercase;color:var(--grau);margin:0;display:flex;align-items:center;gap:.9em}
.marke-klein::before{content:"";width:22px;height:2px;background:var(--hellrot);flex:none}
.label{font-family:var(--mono);font-size:clamp(10px,.68vw,11.5px);letter-spacing:.1em;
  text-transform:uppercase;color:var(--grau-leise);margin:0;overflow-wrap:anywhere}
.label--rot{color:var(--dunkelrot)}
.bu{font-size:.9rem;color:var(--grau);line-height:1.45;margin-top:10px}
.dunkel .bu{color:rgba(246,245,244,.82)}
.rot .bu{color:var(--graphit)}

.knopf{display:inline-flex;align-items:center;gap:.7em;font-family:var(--sans);font-weight:600;
  font-size:19px;line-height:1.25;letter-spacing:.005em;text-decoration:none;padding:.72em 1.4em;
  border-radius:var(--radius-gross);
  background:var(--hellrot);color:var(--weiss);border:1px solid var(--hellrot);cursor:pointer;
  transition:background .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease)}
.knopf:hover{background:var(--dunkelrot);border-color:var(--dunkelrot)}
.knopf:active{transform:translateY(1px)}
.knopf .pf{transition:transform .28s var(--ease)}
.knopf:hover .pf{transform:translateX(4px)}
.knopf--linie{background:transparent;color:var(--graphit);border-color:var(--linie-stark)}
.knopf--linie:hover{background:var(--graphit);color:var(--weiss);border-color:var(--graphit)}
.knopf--weiss{background:var(--weiss);color:var(--graphit);border-color:var(--weiss)}
.knopf--weiss:hover{background:var(--graphit);color:var(--weiss);border-color:var(--graphit)}
.knopf[disabled]{opacity:.35;cursor:not-allowed}
.textlink{display:inline-flex;align-items:center;gap:.5em;font-weight:600;text-decoration:none;
  color:var(--dunkelrot);border-bottom:1px solid rgba(101,32,30,.35);
  transition:border-color .25s var(--ease),color .25s var(--ease)}
.textlink:hover{color:var(--hellrot);border-color:var(--hellrot)}
.dunkel .textlink{color:var(--hellgrau);border-color:rgba(246,245,244,.45)}
.dunkel .textlink:hover{color:var(--hellrot);border-color:var(--hellrot)}
.dunkel .anfrage .textlink,.dunkel .fakten .textlink{color:var(--dunkelrot);border-color:rgba(101,32,30,.35)}
:focus-visible{outline:2px solid var(--hellrot);outline-offset:3px}
.sprung{position:absolute;left:-9999px}
.sprung:focus{left:var(--rand);top:10px;z-index:100;background:var(--weiss);padding:10px 16px}

#fortschritt{position:fixed;top:0;left:0;height:2px;width:0;background:var(--hellrot);z-index:70;transition:width .1s linear}
.kopf{position:sticky;top:0;z-index:60;background:rgba(246,245,244,.97);border-bottom:1px solid var(--linie)}
.kopf-zeile{display:flex;align-items:center;gap:20px;height:clamp(60px,7.6vh,82px)}
.kopf .marke img{height:clamp(19px,2.3vw,26px);width:auto}

main section{padding:var(--luft) 0;position:relative}
.weiss{background:var(--weiss)}
.papier{background:var(--papier)}
.dunkel{background:var(--graphit);color:var(--hellgrau)}
.dunkel .grau{color:rgba(246,245,244,.84)}
.dunkel .label{color:rgba(246,245,244,.72)}
.dunkel .label--rot,.dunkel .marke-klein{color:var(--hellrot)}
.rot{background:var(--hellrot);color:var(--weiss)}
.rot{color:var(--graphit)}
.rot .grau{color:var(--graphit)}
.rot .label,.rot .marke-klein{color:var(--graphit)}
.rot .marke-klein::before{background:var(--graphit)}
.trenner{border-top:1px solid var(--linie)}

.raster-grund{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--linie) 1px,transparent 1px),
    linear-gradient(90deg,var(--linie) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 72%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 72%)}

.abschnittskopf{display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:clamp(14px,3vw,52px);
  align-items:start;margin-bottom:clamp(30px,4vw,58px)}
@media(max-width:760px){.abschnittskopf{grid-template-columns:1fr;gap:12px}}

.raster{display:grid;gap:clamp(16px,2vw,28px)}
.r2{grid-template-columns:repeat(2,1fr)}
.r3{grid-template-columns:repeat(3,1fr)}
.r4{grid-template-columns:repeat(4,1fr)}
@media(max-width:940px){.r3,.r4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.r2,.r3,.r4{grid-template-columns:1fr}}

.karte{position:relative;background:var(--weiss);border-top:3px solid var(--graphit);
  border-radius:0 0 var(--radius) var(--radius);
  padding:clamp(20px,2.4vw,32px);box-shadow:0 1px 2px rgba(35,30,29,.05);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.weiss .karte,.rot .karte{background:var(--hellgrau);color:var(--graphit)}
.papier .karte{background:var(--weiss)}
.karte::before{content:"";position:absolute;top:-3px;left:0;width:0;height:3px;background:var(--hellrot);
  transition:width .8s var(--ease) .1s}
.karte.sichtbar::before,.sichtbar .karte::before{width:52px}
.karte h3{margin-top:10px}
.karte p{margin-top:10px}
.karte .mehr{display:inline-flex;align-items:center;gap:.45em;margin-top:18px;font-weight:600;
  text-decoration:none;color:var(--dunkelrot)}
a.karte:hover .mehr{color:var(--hellrot)}
.karte .mehr .pf{transition:transform .28s var(--ease)}
a.karte{text-decoration:none;display:block}
a.karte:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(35,30,29,.12)}
a.karte:hover .mehr .pf{transform:translateX(4px)}

.buehne{padding:clamp(48px,6.4vw,96px) 0 clamp(36px,4.8vw,68px)}
.buehne-raster{display:grid;grid-template-columns:1.38fr .62fr;gap:clamp(24px,4vw,60px);align-items:end}
.buehne-raster>*{min-width:0}
.zitat>*{min-width:0}
.ablauf>*{min-width:0}
@media(max-width:900px){.buehne-raster{grid-template-columns:1fr}}
.buehne h1{margin-top:.34em}
.buehne .lead{margin-top:1em}
.buehne .aktionen{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:clamp(24px,2.8vw,36px)}
.buehne-motiv{color:var(--graphit)}
.buehne-motiv svg{max-height:min(340px,38vh);width:auto;margin-left:auto}
@media(max-width:900px){.buehne-motiv{display:none}}
.belege{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.8vw,30px);
  margin-top:clamp(34px,4.4vw,64px);border-top:1px solid var(--linie-stark);padding-top:clamp(18px,2.2vw,28px)}
.belege .wert{font-size:clamp(1.6rem,2.5vw,2.3rem);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--hellrot)}
.belege .was{margin-top:.55em;color:var(--grau);font-size:.96rem;line-height:1.4}
@media(max-width:620px){.belege{grid-template-columns:repeat(2,1fr);gap:22px}}

.einstieg{display:flex;flex-direction:column;text-decoration:none;background:var(--weiss);
  padding:clamp(22px,2.6vw,34px);height:100%;border-top:3px solid var(--graphit);position:relative;
  border-radius:0 0 var(--radius) var(--radius);box-shadow:0 1px 2px rgba(35,30,29,.05);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.einstieg::before{content:"";position:absolute;top:-3px;left:0;width:52px;height:3px;background:var(--hellrot)}
.einstieg:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(35,30,29,.1)}
.einstieg .frage{font-size:clamp(1.18rem,1.5vw,1.45rem);font-weight:600;line-height:1.24;margin-top:12px;letter-spacing:-.01em}
.einstieg .weg{margin-top:auto;padding-top:18px;font-weight:600;color:var(--dunkelrot);display:inline-flex;gap:.45em}
.einstieg:hover .weg{color:var(--hellrot)}
.einstieg:hover .pf{transform:translateX(4px)}
.einstieg .pf{transition:transform .28s var(--ease)}

.zitat{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,44px);align-items:start}
@media(max-width:760px){.zitat{grid-template-columns:1fr}}
.zitat .zeichen{width:clamp(54px,6vw,78px);flex:none}
.zitat blockquote{margin:0;font-size:clamp(1.45rem,2.6vw,2.2rem);line-height:1.22;font-weight:600;
  letter-spacing:-.014em;max-width:21em;color:var(--weiss)}
.zitat .signatur{margin-top:clamp(20px,2.4vw,30px);display:flex;align-items:center;gap:14px}
.zitat .signatur .strich{width:40px;height:2px;background:var(--graphit);flex:none}
.zitat .signatur p{margin:0;line-height:1.35}

.kunden{display:flex;flex-wrap:wrap;gap:12px clamp(18px,2.4vw,40px);align-items:center;margin-top:20px}
.kunden li{font-weight:600;font-size:clamp(1rem,1.3vw,1.22rem);color:var(--grau);letter-spacing:-.005em}
.dunkel .kunden li{color:rgba(246,245,244,.78)}

.ablauf{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,32px)}
@media(max-width:860px){.ablauf{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ablauf{grid-template-columns:1fr}}
.ablauf li{border-top:2px solid var(--linie-stark);padding-top:16px;position:relative}
.ablauf li::before{content:"";position:absolute;top:-2px;left:0;width:0;height:2px;background:var(--hellrot);
  transition:width .7s var(--ease)}
.ablauf li.sichtbar::before,.sichtbar .ablauf li::before{width:32px}
.dunkel .ablauf li{border-color:rgba(246,245,244,.32)}
.dunkel .ablauf .nr{color:var(--hellrot)}
.ablauf .nr{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dunkelrot)}
.ablauf h3{margin-top:10px;font-size:1.1rem}
.ablauf p{margin-top:8px;font-size:.98rem}

.motiv{color:var(--graphit)}
.dunkel .motiv,.rot .motiv{color:currentColor}
.motiv svg{width:100%;height:auto}
.motiv--klein svg{max-width:200px}
.motiv--seite svg{max-width:310px}
.schienen-trenner{color:var(--graphit);opacity:.35;margin:0 auto;max-width:980px;padding:clamp(16px,2.6vw,32px) 0}

.branche{background:var(--weiss);padding:clamp(18px,2vw,26px);text-decoration:none;display:block;
  border-radius:var(--radius);box-shadow:0 1px 2px rgba(35,30,29,.05);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.weiss .branche,.papier .branche{background:var(--hellgrau)}
.branche:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(35,30,29,.09)}
.branche .ikone{display:flex;align-items:center;justify-content:center;height:clamp(66px,6.6vw,88px);color:var(--graphit)}
.branche .ikone svg{height:clamp(34px,3.4vw,46px);width:auto}
.branche .name{margin-top:12px;text-align:center;font-weight:600}

.liste li{padding:11px 0;border-bottom:1px solid var(--linie);font-weight:600;overflow-wrap:anywhere}
.liste li a{text-decoration:none}
.liste li a:hover{color:var(--dunkelrot)}
.dunkel .liste li{border-color:rgba(246,245,244,.2)}
.liste li:first-child{border-top:1px solid var(--linie)}
.dunkel .liste li:first-child{border-top-color:rgba(246,245,244,.2)}
.haken li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid var(--linie)}
.haken li::before{content:"";position:absolute;left:0;top:19px;width:11px;height:11px;background:var(--hellrot)}
table{width:100%;border-collapse:collapse;margin:20px 0}
.tabelle{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.tabelle table{min-width:30em;margin-top:0}
.tabelle td,.tabelle th{padding-right:18px}
th,td{text-align:left;padding:13px 16px 13px 0;border-bottom:1px solid var(--linie);vertical-align:top}
th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau);font-weight:400}
.fakten{background:var(--weiss);border-top:3px solid var(--graphit);padding:clamp(20px,2.2vw,28px);
  position:relative;border-radius:0 0 var(--radius) var(--radius)}
.papier .fakten,.weiss .fakten{background:var(--hellgrau)}
.fakten::before{content:"";position:absolute;top:-3px;left:0;width:52px;height:3px;background:var(--hellrot)}
.fakten dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 22px}
.fakten dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau);padding-top:4px}
.fakten dd{margin:0;font-weight:600;overflow-wrap:anywhere}

.brot{padding:clamp(12px,1.8vw,20px) 0;border-bottom:1px solid var(--linie);background:var(--hellgrau)}
.brot ol{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem;color:var(--grau)}
.brot a{text-decoration:none}
.brot a:hover{color:var(--dunkelrot)}
.brot li+li::before{content:"/";margin-right:8px;opacity:.45}
.text h2{margin-top:clamp(34px,4.2vw,56px)}
.text h3{margin-top:clamp(22px,2.6vw,34px)}
.text p,.text ul{margin-top:16px}
.inhalt-sprung{background:var(--weiss);padding:clamp(18px,2vw,26px);margin:30px 0;border-radius:var(--radius)}
.papier .inhalt-sprung,.weiss .inhalt-sprung{background:var(--hellgrau)}
.inhalt-sprung li{padding:7px 0}
.inhalt-sprung a{text-decoration:none;font-weight:600}
.inhalt-sprung a{color:var(--graphit)}
.inhalt-sprung a:hover{color:var(--dunkelrot)}
.frageblock{border-top:1px solid var(--linie);padding:20px 0}
.frageblock h3{font-size:1.14rem}
.frageblock p{margin-top:10px}
.seitenraster{display:grid;grid-template-columns:1fr 330px;gap:clamp(28px,4vw,68px);align-items:start}
.seitenraster>*{min-width:0}
.raster>*{min-width:0}
@media(max-width:900px){.seitenraster{grid-template-columns:1fr}}
.randspalte{position:sticky;top:112px;display:grid;gap:24px}
@media(max-width:900px){.randspalte{position:static}}

.anfrage{background:var(--weiss);border-top:3px solid var(--graphit);position:relative;
  padding:clamp(22px,2.8vw,38px);border-radius:0 0 var(--radius) var(--radius)}
.papier .anfrage,.weiss .anfrage{background:var(--hellgrau)}
.anfrage::before{content:"";position:absolute;top:-3px;left:0;width:52px;height:3px;background:var(--hellrot)}
.schritt{display:none}.schritt.aktiv{display:block}
.schritt h3{margin:10px 0 20px}
.wahl{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.wahl button{font-family:var(--sans);font-weight:600;font-size:.98rem;padding:.72em 1.15em;border-radius:var(--radius-gross);
  background:var(--weiss);color:var(--graphit);border:1px solid var(--linie-stark);cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.papier .wahl button,.weiss .wahl button{background:var(--weiss)}
.wahl button:hover{border-color:var(--graphit)}
.wahl button[aria-pressed="true"]{background:var(--graphit);color:var(--weiss);border-color:var(--graphit)}
.feldgruppe{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:18px}
@media(max-width:600px){.feldgruppe{grid-template-columns:1fr}}
.feldgruppe span,label>span{display:block;margin-bottom:6px}
input,textarea{width:100%;font:inherit;font-size:1rem;padding:.78em .9em;background:var(--weiss);
  border:1px solid var(--linie-stark);color:var(--graphit);border-radius:var(--radius-gross)}
.papier input,.papier textarea,.weiss input,.weiss textarea{background:var(--weiss)}
textarea{min-height:110px;resize:vertical}
input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--hellrot);background:#FDF0EF}
.fehler{color:var(--dunkelrot);font-size:.9rem;margin-top:8px}
.steuer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--linie);padding-top:20px}
.fortschritt{display:flex;gap:6px}
.fortschritt i{display:block;width:26px;height:3px;background:var(--linie-stark)}
.fortschritt i.an{background:var(--hellrot)}
.steuer .rechts{display:flex;gap:10px;margin-left:auto}
.danke{display:none;text-align:left}
.danke.an{display:block}

@media(max-width:1000px){

  body{padding-bottom:62px}
}

.fuss{background:var(--graphit);color:var(--hellgrau);padding:clamp(44px,5.8vw,78px) 0 clamp(22px,2.6vw,32px)}
.fuss-raster{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:clamp(22px,2.6vw,42px)}
@media(max-width:860px){.fuss-raster{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fuss-raster{grid-template-columns:1fr}}
.fuss img{height:clamp(21px,2.4vw,27px);width:auto}
.fuss .label{color:rgba(246,245,244,.7)}
.fuss h4{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;
  color:rgba(246,245,244,.72);margin-bottom:14px}
.fuss nav li{margin-bottom:10px}
.fuss a{text-decoration:none;color:rgba(246,245,244,.92)}
.fuss a:hover{color:var(--weiss);text-decoration:underline;text-underline-offset:3px}
.fuss-unten{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:center;
  margin-top:clamp(30px,3.8vw,52px);padding-top:18px;border-top:1px solid rgba(246,245,244,.2)}

.auf{opacity:0;transform:translateY(12px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.auf.sichtbar{opacity:1;transform:none}

.dunkel .anfrage,.dunkel .fakten,.rot .anfrage,.rot .fakten,.rot .karte{color:var(--graphit)}
.dunkel .anfrage .grau,.dunkel .fakten .grau,.rot .anfrage .grau,.rot .fakten .grau{color:var(--grau)}
.dunkel .anfrage .label,.dunkel .fakten .label,.rot .fakten .label{color:var(--grau-leise)}
.dunkel .anfrage .marke-klein,.dunkel .fakten .marke-klein,.rot .fakten .marke-klein{color:var(--grau)}
.dunkel .anfrage .marke-klein::before,.dunkel .fakten .marke-klein::before{background:var(--hellrot)}
.dunkel .anfrage .label--rot,.dunkel .fakten .label--rot{color:var(--dunkelrot)}
.dunkel .anfrage input,.dunkel .anfrage textarea{color:var(--graphit);background:var(--weiss)}
.dunkel .anfrage .liste li,.dunkel .fakten .liste li{border-color:var(--linie)}
.dunkel .anfrage .liste li:first-child,.dunkel .fakten .liste li:first-child{border-top-color:var(--linie)}
.dunkel .anfrage h3,.dunkel .fakten h3,.dunkel .anfrage p,.dunkel .fakten p{color:inherit}
.dunkel .anfrage .danke p.grau{color:var(--grau)}

@media print{
  .kopf,#fortschritt,.brot,.auf{position:static;display:revert;opacity:1;transform:none}
  #fortschritt{display:none}
  body{background:#fff;font-size:11pt}
  .dunkel,.rot{background:#fff;color:#000}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
  main section{padding:18pt 0}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .auf{opacity:1;transform:none;transition:none}
  .karte::before,.ablauf li::before{width:52px;transition:none}
  a.karte:hover,.einstieg:hover,.branche:hover{transform:none}
}

main section>.huelle{position:relative}
.leitung{position:absolute;top:0;bottom:0;width:2px;background:var(--linie);
  pointer-events:none;z-index:2;
  left:max(calc(50% - var(--spalte)/2 + var(--rand) - var(--rail)),calc(var(--rand) - var(--rail)))}
.leitung>i{position:absolute;left:0;right:0;top:0;bottom:0;background:var(--hellrot);
  transform-origin:top;transform:scaleY(var(--fluss,1))}
.dunkel>.leitung{background:rgba(246,245,244,.2)}
.rot>.leitung{background:rgba(35,30,29,.2)}
.rot>.leitung>i{background:var(--graphit)}

.leitung .quelle{position:absolute;left:50%;top:0;width:13px;height:13px;border-radius:50%;
  background:var(--hellrot);transform:translate(-50%,-50%)}
.leitung .trenn{position:absolute;left:50%;top:calc(var(--luft) + clamp(8px,1.4vw,22px));
  width:10px;height:36px;transform:translateX(-50%);background:var(--hellrot)}
.leitung .trenn::before{content:"";position:absolute;left:50%;bottom:0;width:3px;height:42px;
  background:var(--graphit);transform-origin:bottom center;transform:translateX(-50%) rotate(-30deg)}
.leitung .erde{position:absolute;left:50%;bottom:-1px;width:28px;height:19px;max-width:none;
  transform:translateX(-50%);color:var(--hellrot)}
.dunkel>.leitung .erde{color:var(--hellrot)}

.huelle>.abschnittskopf{position:relative}
.huelle>.abschnittskopf::before{content:"";position:absolute;left:calc(-1 * var(--rail));top:9px;
  width:var(--rail);height:2px;background:var(--hellrot)}
.huelle>.abschnittskopf::after{content:"";position:absolute;left:calc(-1 * var(--rail));top:9px;
  width:12px;height:12px;margin:-5px 0 0 -6px;border-radius:50%;background:var(--hellrot)}
.rot .huelle>.abschnittskopf::before,.rot .huelle>.abschnittskopf::after{background:var(--graphit)}

.huelle>.schienenfeld{position:relative;padding-top:var(--abgang,clamp(24px,2.8vw,38px));
  border-top:0!important;margin-top:clamp(34px,4.4vw,64px)}
.huelle>.schienenfeld::before{content:"";position:absolute;top:0;left:calc(-1 * var(--rail));right:0;
  height:2px;background:var(--hellrot)}
.huelle>.schienenfeld>*{position:relative}
.huelle>.schienenfeld>*::after{content:"";position:absolute;left:clamp(14px,1.8vw,26px);
  top:calc(-1 * var(--abgang,clamp(24px,2.8vw,38px)));width:2px;
  height:var(--abgang,clamp(24px,2.8vw,38px));background:var(--hellrot)}
.rot .huelle>.schienenfeld::before,.rot .huelle>.schienenfeld>*::after{background:var(--graphit)}
.schienenfeld .karte,.schienenfeld .einstieg{border-top:1px solid var(--linie)}
.schienenfeld .karte::before,.schienenfeld .einstieg::before{display:none}
.huelle>.schienenfeld.ablauf{padding-top:0}
.schienenfeld.ablauf li{border-top:0;padding-top:clamp(20px,2.4vw,30px)}
.schienenfeld.ablauf li::before{display:none}
.huelle>.schienenfeld.ablauf>li::after{top:-5px;left:0;width:12px;height:12px;border-radius:50%}
@media(max-width:860px){.huelle>.schienenfeld.ablauf>li:nth-child(n+3)::after{top:-6px}}

@media(max-width:620px){
  .huelle>.schienenfeld>*::after{display:none}
  .huelle>.schienenfeld>*:first-child::after{display:block}
}
@media(prefers-reduced-motion:reduce){.leitung>i{transform:scaleY(1)}}

.zitat{align-items:center}
.zitat-bild{margin:0;width:clamp(170px,21vw,290px);flex:none}
.zitat-bild img{display:block;width:100%;height:auto;border-radius:var(--radius)}
@media(max-width:760px){.zitat-bild{width:min(64%,260px)}}

::selection{background:var(--hellrot);color:#fff}
.rot ::selection,.knopf::selection,.knopf ::selection{background:var(--graphit);color:#fff}

@media(max-width:1000px){.kopf .marke img{height:22px}}

.kontakt-raster{grid-template-columns:1.5fr 1fr;gap:clamp(20px,3vw,46px)}
@media(max-width:900px){.kontakt-raster{grid-template-columns:1fr;gap:34px}}

@media(max-width:520px){
  .buehne .aktionen{flex-direction:column;align-items:stretch}
  .buehne .aktionen .knopf{justify-content:center}
}
@media(max-width:620px){
  .r4-kompakt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .huelle>.schienenfeld.r4-kompakt>*:nth-child(2)::after{display:block}
  .r4-kompakt .branche{padding:18px 12px}
}
@media(max-width:520px){
  .fuss-raster{grid-template-columns:1fr 1fr;gap:30px 18px}
  .fuss-raster>div:first-child{grid-column:1/-1}
  .fuss nav li{margin-bottom:12px}
  .fuss-unten{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(max-width:620px){
  .steuer{gap:12px}
  .steuer .rechts{margin-left:0;width:100%}
  .steuer .rechts .knopf{flex:1;justify-content:center}
  .anfrage{padding:22px 18px}
}
@media(max-width:620px){
  .tabelle{overflow:visible}
  .tabelle table{min-width:0}
  .tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabelle tr{display:block;padding:14px 0;border-bottom:1px solid var(--linie)}
  .tabelle td{display:grid;grid-template-columns:5.2em 1fr;gap:12px;padding:4px 0;border:0}
  .tabelle td::before{content:attr(data-spalte);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;
    text-transform:uppercase;color:var(--grau-leise);padding-top:.35em}
}

.buehne--film{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(600px,86vh,920px);padding-top:clamp(110px,16vh,180px)}
.buehne--film>.huelle{position:relative;z-index:1;width:100%}
.buehne-text{max-width:790px}
.film{position:absolute;inset:0;z-index:0;background:var(--graphit) url(../video/schaltanlage-poster.jpg) center/cover no-repeat}
.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s var(--ease)}
.film-video.laeuft{opacity:1}
.film-schleier{position:absolute;inset:0;background:
  linear-gradient(rgba(246,245,244,.045) 1px,transparent 1px) 0 0/72px 72px,
  linear-gradient(90deg,rgba(246,245,244,.045) 1px,transparent 1px) 0 0/72px 72px,
  linear-gradient(0deg,rgba(35,30,29,.9) 0%,rgba(35,30,29,.86) 24%,rgba(35,30,29,0) 52%),
  linear-gradient(90deg,rgba(35,30,29,.93) 0%,rgba(35,30,29,.86) 54%,rgba(35,30,29,.52) 80%,rgba(35,30,29,.36) 100%)}
.buehne--film .marke-klein{color:rgba(246,245,244,.92)}
.buehne--film .lead.grau{color:rgba(246,245,244,.92)}
.buehne--film .belege .was{color:rgba(246,245,244,.88)}
.dunkel .knopf--linie{color:var(--hellgrau);border-color:rgba(246,245,244,.62)}
.dunkel .knopf--linie:hover{background:var(--hellgrau);color:var(--graphit);border-color:var(--hellgrau)}
.dunkel .anfrage .knopf--linie{color:var(--graphit);border-color:var(--linie-stark)}
.dunkel .anfrage .knopf--linie:hover{background:var(--graphit);color:var(--weiss)}

@media(max-width:900px){
  .buehne--film{min-height:0;padding-top:clamp(210px,34vh,320px)}
  .film{bottom:auto;height:clamp(320px,104vw,460px)}
  .film,.film-video{background-position:72% 40%;object-position:72% 40%}
  .film-schleier{background:
    linear-gradient(rgba(246,245,244,.04) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg,rgba(246,245,244,.04) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(180deg,rgba(35,30,29,.3) 0,rgba(35,30,29,.55) 42%,rgba(35,30,29,.88) 72%,rgba(35,30,29,1) 100%)}
}
@media(prefers-reduced-motion:reduce){.film-video{transition:none}}
@media print{.film{display:none}.buehne--film{background:none;color:var(--graphit);min-height:0;padding-top:0}}

.spannung{margin:0;display:flex;flex-direction:column;gap:12px}
.spannung-flaeche{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(35,30,29,.32);
  border-radius:4px;aspect-ratio:4/5}
.sp-legende{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-family:'IBM Plex Mono','Courier New',monospace;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#4F4A48}
.sp-legende span{display:inline-flex;align-items:center;gap:7px}
.sp-legende i{display:inline-block;width:18px;height:2px;background:#231E1D}
.sp-legende .sp-l1{background:#F05653;height:3px}
.sp-legende .sp-l3{opacity:.42}
.sp-legende .sp-hz{margin-left:auto}
@media(prefers-reduced-motion:reduce){
  .sp-dz-lauf,.sp-sw-messer,.sp-sw-messer-rot,.sp-sw-zu,.sp-sw-schiene,.sp-sw-abgang,.sp-sw-trafo,
  .sp-sw-quelle,.sp-sw-ls,.sp-mg-spur,.sp-mg-led{animation:none}
  .sp-sw-messer{transform:none}
  .sp-sw-messer-rot,.sp-sw-trafo,.sp-sw-quelle,.sp-sw-ls{opacity:1}
  .sp-sw-zu,.sp-sw-schiene,.sp-sw-abgang,.sp-mg-spur{stroke-dashoffset:0}
}

.sp-dz{display:block;width:100%;height:100%}
.sp-dz-mass{transform-box:view-box;transform-origin:400px 200px}
.sp-dz-lauf{animation:sp-dz 3.6s linear infinite}
@keyframes sp-dz{from{transform:translateX(-200px)}to{transform:translateX(0)}}

.wissen-seite{display:flex;flex-direction:column;gap:clamp(22px,2.6vw,34px)}
.wissen-seite .spannung-flaeche{aspect-ratio:16/9;background:var(--weiss)}
.wissen-seite .bu{margin-top:0}
.spannung:not(.im-bild) .sp-dz-lauf{animation-play-state:paused}
.wissen-seite .sp-dz-mass{transform:scaleX(1.5)}
@media(max-width:620px){.wissen-seite{margin-top:22px}}

.huelle>.abschnittskopf>.marke-klein{line-height:20px;min-height:20px}
.huelle>.abschnittskopf>.marke-klein::before{visibility:hidden}
.huelle>.abschnittskopf::before{top:9px;width:calc(var(--rail) + 22px)}
.huelle>.abschnittskopf::after{top:10px;margin:-6px 0 0 -6px}

.huelle>.schienenfeld>*::after{left:var(--abgang-x,0);margin-left:-1px}
.huelle>.schienenfeld>.einstieg{--abgang-x:clamp(22px,2.6vw,34px)}
.huelle>.schienenfeld>.karte{--abgang-x:clamp(20px,2.4vw,32px)}
.huelle>.schienenfeld>.branche{--abgang-x:50%}
.huelle>.belege.schienenfeld>*{--abgang-x:1px}
.huelle>.schienenfeld.ablauf>li::after{left:0;margin-left:0}
.huelle>.schienenfeld>.auf{transform:none}

.einwilligung{position:fixed;z-index:80;left:max(16px,calc((100% - var(--spalte)) / 2 + var(--rand)));bottom:20px;
  width:min(720px,calc(100% - 32px));background:var(--graphit);color:var(--hellgrau);border-radius:var(--radius-gross);
  box-shadow:0 24px 60px rgba(35,30,29,.32);border-top:3px solid var(--hellrot)}
.einwilligung[hidden]{display:none}
.einwilligung-innen{padding:clamp(20px,2.4vw,28px);display:grid;gap:16px}
.einwilligung .marke-klein{color:var(--hellrot)}
.einwilligung-text p{margin:0;color:rgba(246,245,244,.92);font-size:.98rem;line-height:1.55;max-width:none}
.einwilligung-text p+p{margin-top:8px}
.einwilligung-text a{color:var(--hellgrau);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.einwilligung-text a:hover{color:var(--weiss)}
.einwilligung-wahl{display:grid;gap:10px;border-top:1px solid rgba(246,245,244,.2);padding-top:14px}
.einwilligung-wahl[hidden]{display:none}
.wahlzeile{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;cursor:pointer;font-size:.95rem;
  color:rgba(246,245,244,.86);line-height:1.45}
.wahlzeile strong{display:block;color:var(--weiss);font-weight:600}
.wahlzeile input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--hellrot);cursor:pointer}
.wahlzeile input:disabled{cursor:not-allowed}
.einwilligung-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.einwilligung-knopf{background:var(--hellgrau);color:var(--graphit);border-color:var(--hellgrau);font-size:17px;padding:.6em 1.3em;min-width:9.5em;justify-content:center}
.einwilligung-knopf:hover{background:var(--weiss);border-color:var(--weiss);color:var(--graphit)}
.einwilligung-knopf[hidden]{display:none}
.einwilligung-mehr{background:none;border:0;color:var(--hellgrau);font:inherit;font-weight:600;cursor:pointer;
  padding:.6em .4em;text-decoration:underline;text-underline-offset:4px;margin-left:auto}
.einwilligung-mehr:hover{color:var(--weiss)}
.einwilligung-mehr[hidden]{display:none}
.fuss-cookies{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.fuss-cookies:hover{color:var(--weiss)}

@media(max-width:620px){
  .einwilligung{left:0;bottom:0;width:100%;border-radius:var(--radius-gross) var(--radius-gross) 0 0;
    padding-bottom:env(safe-area-inset-bottom)}
  .einwilligung-knoepfe{display:grid;grid-template-columns:1fr 1fr}
  .einwilligung-knopf{min-width:0}
  .einwilligung-mehr,.einwilligung-knopf[data-wahl="speichern"]{grid-column:1/-1;margin:0;justify-self:center}
  .einwilligung-knopf[data-wahl="speichern"]{justify-self:stretch}
}
@media print{.einwilligung{display:none}}

.falle{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.anfrage .hinweis{font-size:.92rem;line-height:1.5;margin:18px 0 0}
.anfrage .hinweis .textlink{display:inline}
.einwilligung{outline:1px solid rgba(246,245,244,.16);outline-offset:-1px}
.einwilligung{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:620px){.einwilligung{max-height:calc(100dvh - 8px)}}

:root{--kopf-h:clamp(62px,7.6vh,80px)}
.kopf-zeile{display:flex;align-items:stretch;gap:clamp(18px,2.2vw,36px);height:var(--kopf-h)}
.kopf .marke{align-self:center;display:block}
.hauptnav-rahmen{margin-left:auto;display:flex}
.hauptnav{display:flex;align-items:stretch;gap:clamp(16px,2.1vw,34px)}
.hauptnav>li{display:flex}
.hauptnav>li>a,.hauptnav>li>button{position:relative;display:inline-flex;align-items:center;gap:9px;padding:0 2px;
  font-family:var(--sans);font-weight:600;font-size:1.02rem;letter-spacing:.004em;color:var(--graphit);
  text-decoration:none;background:none;border:0;cursor:pointer;transition:color .25s var(--ease)}
.hauptnav>li>a::after,.hauptnav>li>button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;
  background:var(--hellrot);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.hauptnav>li>a:hover::after,.hauptnav>li>button:hover::after,
.hauptnav>li>a[aria-current]::after,.hauptnav>li>button[data-aktiv]::after,
.hauptnav>li>button[aria-expanded="true"]::after{transform:scaleX(1)}
.hauptnav>li>a[aria-current],.hauptnav>li>button[data-aktiv]{color:var(--dunkelrot)}
.hauptnav .pfeil{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--ease);opacity:.75}
.hauptnav>li>button[aria-expanded="true"] .pfeil{transform:translateY(2px) rotate(-135deg)}
.kopf .cta{align-self:center}
@media(max-width:1000px){.hauptnav-rahmen,.kopf .cta{display:none}}

.cta{--cta-h:46px;--cta-rand:var(--graphit);--cta-text:var(--graphit);--cta-fuell:var(--graphit);--cta-fuelltext:var(--weiss);
  position:relative;isolation:isolate;display:inline-flex;align-items:stretch;height:var(--cta-h);overflow:hidden;
  border:1.5px solid var(--cta-rand);border-radius:var(--radius);color:var(--cta-text);background:transparent;
  font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:.005em;line-height:1;text-decoration:none;white-space:nowrap;
  transition:border-color .3s var(--ease)}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cta-fuell);
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.cta-text{display:flex;align-items:center;padding:0 18px 0 20px;transition:color .3s var(--ease)}
.cta-feld{flex:none;width:calc(var(--cta-h) - 3px);display:grid;place-items:center;background:var(--hellrot);color:var(--weiss)}
.cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;transition:transform .4s var(--ease)}
.cta:hover::before,.cta:focus-visible::before,.cta[aria-current]::before{transform:scaleX(1)}
.cta:hover .cta-text,.cta:focus-visible .cta-text,.cta[aria-current] .cta-text{color:var(--cta-fuelltext)}
.cta:hover svg,.cta:focus-visible svg{transform:translateX(3px)}
.cta:active svg{transform:translateX(5px)}
.cta[aria-current]{background:var(--cta-fuell)}
.cta:focus-visible{outline:2px solid var(--hellrot);outline-offset:3px}
.cta--hell{--cta-rand:rgba(246,245,244,.7);--cta-text:var(--hellgrau);--cta-fuell:var(--hellgrau);--cta-fuelltext:var(--graphit)}
.cta--hell:hover{--cta-rand:var(--hellgrau)}
.cta--voll{display:flex;width:100%;--cta-h:54px;font-size:18px}
.cta--voll .cta-text{flex:1}
.cta--balken{--cta-h:58px;--cta-rand:var(--graphit);--cta-text:var(--weiss);--cta-fuell:var(--dunkelrot);--cta-fuelltext:var(--weiss);
  background:var(--graphit);border:0;border-radius:0;font-size:18px}
.cta--balken .cta-feld{width:58px}
.cta--balken .cta-text{flex:1;justify-content:center}

.mega{position:fixed;left:0;right:0;top:var(--kopf-h);z-index:57;display:none;background:var(--weiss);
  border-bottom:1px solid var(--linie);box-shadow:0 30px 60px rgba(35,30,29,.14);
  max-height:calc(100vh - var(--kopf-h));overflow-y:auto}
.mega.offen{display:block;animation:mega-auf .32s var(--ease) both}
@keyframes mega-auf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega-raster{position:relative;display:grid;grid-template-columns:1.15fr 1fr 1fr 1.12fr;gap:clamp(22px,2.6vw,46px);
  padding-top:clamp(34px,3.6vw,50px);padding-bottom:clamp(30px,3.4vw,48px)}
.mega-schiene{position:absolute;top:0;left:var(--rand);right:var(--rand);height:2px;background:var(--hellrot);transform-origin:left}
.mega.offen .mega-schiene{animation:mega-schiene .55s var(--ease) both}
@keyframes mega-schiene{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mega-spalte{display:flex;flex-direction:column;min-width:0}
.mega-kopf{position:relative;margin:0 0 16px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grau);line-height:20px;padding-left:22px}
.mega-kopf::before{content:"";position:absolute;left:4px;bottom:9px;width:2px;
  height:calc(clamp(34px,3.6vw,50px) + 11px);background:var(--hellrot);transform-origin:top}
.mega-kopf::after{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:50%;background:var(--hellrot)}
.mega.offen .mega-kopf::before{animation:mega-abgang .35s var(--ease) .28s both}
.mega.offen .mega-kopf::after{animation:mega-knoten .3s var(--ease) .5s both}
@keyframes mega-abgang{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes mega-knoten{from{transform:scale(0)}to{transform:scale(1)}}
.mega-liste{display:grid;gap:2px}
.mega-liste a{position:relative;display:block;padding:11px 12px 11px 22px;margin-left:-0px;border-radius:var(--radius);
  text-decoration:none;transition:background .2s var(--ease)}
.mega-liste a::before{content:"";position:absolute;left:6px;top:19px;width:8px;height:8px;background:var(--hellrot);
  transform:scale(0);transition:transform .25s var(--ease)}
.mega-liste strong{display:block;font-weight:600;font-size:1.06rem;line-height:1.3;color:var(--graphit);transition:color .2s var(--ease)}
.mega-liste span{display:block;margin-top:3px;font-size:.93rem;line-height:1.42;color:var(--grau)}
.mega-liste a:hover,.mega-liste a:focus-visible{background:var(--hellgrau)}
.mega-liste a:hover::before,.mega-liste a:focus-visible::before{transform:scale(1)}
.mega-liste a:hover strong,.mega-liste a:focus-visible strong{color:var(--dunkelrot)}
.mega-liste a.mit-ikone{display:grid;grid-template-columns:26px 1fr;column-gap:14px;align-items:center;padding-top:13px;padding-bottom:13px}
.mega-liste a.mit-ikone strong{grid-column:2}
.mega-liste a.mit-ikone::before{top:50%;margin-top:-4px}
.mega-ikone{display:block;width:24px;height:24px;color:var(--graphit)}
.mega-ikone svg{width:100%;height:100%}
.mega-alle{align-self:flex-start;margin:14px 0 0 22px;font-weight:600;font-size:.98rem;color:var(--dunkelrot);
  text-decoration:none;border-bottom:1px solid rgba(101,32,30,.35);transition:color .2s,border-color .2s}
.mega-alle:hover{color:var(--hellrot);border-color:var(--hellrot)}
.mega-kontakt{align-self:start;position:relative;background:var(--graphit);color:var(--hellgrau);border-radius:var(--radius-gross);
  padding:clamp(22px,2.2vw,30px);overflow:hidden}
.mega-kontakt .marke-klein{color:var(--hellrot)}
.mega-kontakt-titel{margin:12px 0 0;font-size:1.32rem;font-weight:600;line-height:1.18;letter-spacing:-.01em;color:var(--weiss)}
.mega-kontakt-text{margin:10px 0 20px;font-size:.95rem;line-height:1.5;color:rgba(246,245,244,.86)}
.mega-kontakt-mail{margin:16px 0 0;font-size:.95rem}
.mega-kontakt-mail a{color:var(--hellgrau);text-decoration:underline;text-underline-offset:3px}
.mega-kontakt-mail a:hover{color:var(--weiss)}
.mega-kontakt-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding-top:14px;
  border-top:1px solid rgba(246,245,244,.2);font-size:.93rem}
.mega-kontakt-links a{color:rgba(246,245,244,.9);text-decoration:none}
.mega-kontakt-links a:hover{color:var(--weiss);text-decoration:underline;text-underline-offset:3px}
.mega-schleier{position:fixed;inset:var(--kopf-h) 0 0 0;z-index:56;background:rgba(35,30,29,.32);
  opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
html.mega-offen .mega-schleier{opacity:1;pointer-events:auto}
@media(max-width:1000px){.mega,.mega-schleier{display:none!important}}
@media(max-width:1180px){.mega-raster{grid-template-columns:1fr 1fr 1fr}.mega-kontakt{grid-column:1/-1;display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;column-gap:44px;align-items:center}.mega-kontakt>*{grid-column:1}
  .mega-kontakt-text{margin-bottom:0}.mega-kontakt-mail{grid-column:2;grid-row:1/3;align-self:end;margin:0}
  .mega-kontakt-links{grid-column:2;grid-row:3;align-self:start;margin:10px 0 0;padding-top:10px}
  .mega-kontakt .cta{grid-column:3;grid-row:1/4}}

.burger{display:none;align-self:center;margin-left:auto;width:48px;height:48px;padding:0;align-items:center;justify-content:center;
  background:transparent;border:1.5px solid var(--graphit);border-radius:var(--radius);cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:background .25s var(--ease)}
.burger-linien{position:relative;display:block;width:20px;height:14px}
.burger-linien i{position:absolute;right:0;height:2px;background:var(--graphit);
  transition:top .3s var(--ease),transform .3s var(--ease),width .3s var(--ease),background .25s var(--ease)}
.burger-linien i:nth-child(1){top:0;width:20px}
.burger-linien i:nth-child(2){top:6px;width:20px}
.burger-linien i:nth-child(3){top:12px;width:11px;background:var(--hellrot)}
.burger:hover .burger-linien i:nth-child(3){width:20px}
.burger[aria-expanded="true"]{background:var(--graphit)}
.burger[aria-expanded="true"] .burger-linien i{background:var(--weiss);width:20px}
.burger[aria-expanded="true"] .burger-linien i:nth-child(1){top:6px;transform:rotate(45deg)}
.burger[aria-expanded="true"] .burger-linien i:nth-child(2){transform:scaleX(0)}
.burger[aria-expanded="true"] .burger-linien i:nth-child(3){top:6px;transform:rotate(-45deg);background:var(--hellrot)}
@media(max-width:1000px){.burger{display:inline-flex}}

.mobilnav{position:fixed;left:0;right:0;top:var(--kopf-h);bottom:0;z-index:59;background:var(--hellgrau);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  visibility:hidden;opacity:0;transform:translateY(-8px);
  transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}
.mobilnav.offen{visibility:visible;opacity:1;transform:none;transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s}
@media(min-width:1001px){.mobilnav{display:none}}
.mobilnav-innen{position:relative;min-height:100%;display:flex;flex-direction:column;
  padding-top:24px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}
.mobilnav-innen::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--rand) - var(--rail));width:2px;background:var(--linie-stark)}
.mobilnav-kopf{position:relative;margin:0 0 4px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grau);line-height:20px}
.mobilnav-kopf+ul+.mobilnav-kopf{margin-top:28px}
.mobilnav a{text-decoration:none;color:var(--graphit)}
.mobilnav-unter a,.mobilnav-haupt a{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--linie)}
.mobilnav-unter a{min-height:52px;font-size:1.18rem;font-weight:600}
.mobilnav-haupt a{min-height:58px;font-size:1.48rem;font-weight:600;letter-spacing:-.012em}
.mobilnav-unter a::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.6px solid var(--hellrot);
  border-top:1.6px solid var(--hellrot);transform:rotate(45deg)}
.mobilnav a[aria-current="page"]{color:var(--dunkelrot)}
.mobilnav a[aria-current="page"]::before{content:"";position:absolute;top:50%;left:calc(-1 * var(--rail) - 5px);width:calc(var(--rail) - 1px);height:12px;margin-top:-6px;background:radial-gradient(circle at 6px 6px,var(--hellrot) 5.5px,transparent 6px),linear-gradient(var(--hellrot),var(--hellrot)) 6px 5px/100% 2px no-repeat}
.mobilnav-fuss{margin-top:auto;padding-top:30px}
.mobilnav-direkt{margin:20px 0 0;color:var(--grau);font-size:1rem;line-height:1.6}
.mobilnav-direkt a{color:var(--dunkelrot);border-bottom:1px solid rgba(101,32,30,.35)}
html.menu-offen,html.menu-offen body{overflow:hidden}
html.menu-offen .mobil-cta{display:none}

.mobil-cta{display:none}
@media(max-width:1000px){
  .mobil-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:58;background:var(--graphit);
    padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 30px rgba(35,30,29,.12)}
  .mobil-cta .cta{flex:1}
  .mobil-mail{flex:none;display:flex;align-items:center;padding:0 22px;background:var(--hellgrau);color:var(--graphit);
    font-weight:600;font-size:18px;text-decoration:none;border-top:1px solid var(--linie)}
  body{padding-bottom:58px}
}
html.einwilligung-offen .mobil-cta{display:none}
@media(prefers-reduced-motion:reduce){
  .mega.offen,.mega.offen .mega-schiene,.mega.offen .mega-kopf::before,.mega.offen .mega-kopf::after{animation:none}
  .cta::before,.cta svg,.burger-linien i,.mobilnav,.mobilnav.offen{transition:none}
}
@media print{.mega,.mega-schleier,.mobilnav,.mobil-cta,.burger,.kopf .cta{display:none!important}}

.huelle>.schienenfeld{--sch:var(--hellrot);--aus:var(--linie-stark);--ab-farbe:var(--grau-leise)}
.dunkel .huelle>.schienenfeld{--aus:rgba(246,245,244,.3);--ab-farbe:rgba(246,245,244,.62)}
.huelle>.schienenfeld:not(.belege):not(.ablauf){--abgang:clamp(48px,5.2vw,72px)}
.huelle>.schienenfeld::before{top:-4px;height:11px;left:calc(-1 * var(--rail) - 4.5px);right:0;
  background:radial-gradient(circle at 5.5px 5.5px,var(--sch) 5px,transparent 5.6px) no-repeat,
    linear-gradient(var(--sch),var(--sch)) 5.5px 4px/calc(100% - 5.5px) 3px no-repeat}
.huelle>.schienenfeld[data-schiene]::after{content:attr(data-schiene);position:absolute;right:0;top:-22px;
  font-family:var(--mono);font-size:10px;line-height:1;letter-spacing:.14em;color:var(--ab-farbe)}
.huelle>.schienenfeld:not(.ablauf)>*::after{content:none}

.huelle>.schienenfeld>*{--strom:var(--aus);--t0:calc(var(--i,0) * 150ms + 260ms);--t2:calc(var(--t0) + 300ms);
  --t3:calc(var(--t0) + 440ms);--t4:calc(var(--t0) + 560ms)}
.huelle>.schienenfeld>:nth-child(2){--i:1}
.huelle>.schienenfeld>:nth-child(3){--i:2}
.huelle>.schienenfeld>:nth-child(4){--i:3}
.huelle>.schienenfeld>.sichtbar,.huelle>.belege.schienenfeld>*{--strom:var(--sch)}
.huelle>.schienenfeld>:hover{transform:none}

.abgang{position:absolute;z-index:1;left:var(--ab-x,0px);top:calc(-1 * (var(--abgang) + var(--bt,0px)));width:2px;
  height:calc(var(--abgang) + var(--bt,0px));pointer-events:none}
.abgang::before{content:"";position:absolute;left:0;top:0;width:2px;height:32%;background:var(--sch)}
.abgang::after{content:"";position:absolute;left:0;top:64%;bottom:0;width:2px;background:var(--strom);
  transition:background-color .3s linear var(--t2)}
.abgang i,.abgang b{position:absolute;display:block}
.ab-knoten{left:1px;top:1.5px;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--sch);
  transition:transform .3s var(--ease)}
.ab-kontakt{left:1px;top:calc(32% - 2px);width:12px;height:2px;margin-left:-6px;background:var(--sch)}
.ab-messer{left:0;top:calc(32% - 1px);width:2px;height:calc(32% + 1px);background:var(--strom);
  transform-origin:50% 100%;transform:rotate(-34deg);
  transition:transform .55s cubic-bezier(.45,1.55,.5,1) var(--t0),background-color .3s linear var(--t0)}
.sichtbar>.abgang .ab-messer{transform:none}
.abgang b{left:13px;top:calc(48% - 5px);font-family:var(--mono);font-size:9.5px;font-weight:400;line-height:1;
  letter-spacing:.08em;color:var(--ab-farbe);white-space:nowrap}
.abgang--glatt::before{height:100%}
.abgang--glatt::after,.abgang--klemme::after{content:none}
.abgang--klemme::before{height:auto;bottom:9px}
.ab-klemme{left:1px;bottom:0;width:10px;height:10px;margin-left:-5px;border:2px solid var(--sch);border-radius:50%}
.abgang--klemme b{top:calc(50% - 9px)}

.huelle>.schienenfeld>.einstieg{--ab-x:clamp(22px,2.6vw,34px);--pad:clamp(22px,2.6vw,34px);--bt:1px}
.huelle>.schienenfeld>.karte{--ab-x:clamp(20px,2.4vw,32px);--pad:clamp(20px,2.4vw,32px);--bt:1px}
.huelle>.schienenfeld>.branche{--ab-x:calc(50% - 1px);--pad:clamp(18px,2vw,26px)}
.huelle>.belege.schienenfeld>*,.huelle>.merkmale.schienenfeld>*{position:relative;--ab-x:0px}

.huelle>.schienenfeld>*>.marke-klein{position:relative}
.huelle>.schienenfeld>*>.marke-klein::after{content:"";position:absolute;left:0;width:2px;top:calc(-1 * var(--pad));
  bottom:calc(50% - 1px);background:var(--strom);transition:background-color .3s linear var(--t3)}
.huelle>.schienenfeld>*>.marke-klein::before{background:var(--strom);
  transition:background-color .3s linear var(--t4),width .4s var(--ease)}
.huelle>.schienenfeld>.branche .ikone{position:relative}
.huelle>.schienenfeld>.branche .ikone::before{content:"";position:absolute;left:calc(50% - 1px);width:2px;
  top:calc(-1 * var(--pad));height:calc(var(--pad) + (clamp(66px,6.6vw,88px) - clamp(34px,3.4vw,46px)) / 2 - 13px);
  background:var(--strom);transition:background-color .3s linear var(--t3)}
.huelle>.schienenfeld>.branche .ikone::after{content:"";position:absolute;left:calc(50% - 5px);width:10px;height:10px;
  top:calc((clamp(66px,6.6vw,88px) - clamp(34px,3.4vw,46px)) / 2 - 13px);border:2px solid var(--strom);border-radius:50%;
  background:transparent;transition:border-color .3s linear var(--t3),background-color .25s var(--ease)}

.huelle>.schienenfeld>:hover .ab-knoten{transform:scale(1.45)}
.huelle>.schienenfeld>:hover>.marke-klein::before{width:38px}
.huelle>.schienenfeld>.branche:hover .ikone::after{background:var(--strom)}

@media(max-width:940px){
  .huelle>.schienenfeld:not(.belege)>:nth-child(n+3){--strom:var(--sch)}
  .huelle>.schienenfeld:not(.belege)>:nth-child(n+3)>.abgang,
  .huelle>.schienenfeld:not(.belege)>:nth-child(n+3)>.marke-klein::after,
  .huelle>.schienenfeld:not(.belege)>:nth-child(n+3) .ikone::before,
  .huelle>.schienenfeld:not(.belege)>:nth-child(n+3) .ikone::after{display:none}
}
@media(max-width:620px){
  .huelle>.belege.schienenfeld>:nth-child(n+3)>.abgang{display:none}
  .huelle>.merkmale.schienenfeld>:nth-child(n+2)>.abgang{display:none}
  .huelle>.schienenfeld.r4-kompakt>.branche{--pad:18px}
  .huelle>.schienenfeld.r3,.huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale){padding-top:0}
  .huelle>.schienenfeld.r3::before,.huelle>.schienenfeld.r3::after,
  .huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale)::before,
  .huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale)::after{display:none}
  .huelle>.schienenfeld.r3>*,.huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale)>*{--strom:var(--sch)}
  .huelle>.schienenfeld.r3>*>.abgang,.huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale)>*>.abgang{display:none}
  .huelle>.schienenfeld.r3>*>.marke-klein::after,
  .huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale)>*>.marke-klein::after{display:block;
    left:calc(-1 * (var(--rail) + var(--pad)) - 4px);width:calc(var(--rail) + var(--pad) + 4px);
    top:50%;bottom:auto;height:11px;margin-top:-5.5px;
    background:radial-gradient(circle at 5px 5.5px,var(--sch) 4.5px,transparent 5px) no-repeat,
      linear-gradient(var(--sch),var(--sch)) 5px 4.5px/100% 2px no-repeat}
}
@media(prefers-reduced-motion:reduce){
  .abgang::after,.ab-messer,.ab-knoten,.huelle>.schienenfeld>*>.marke-klein::after,
  .huelle>.schienenfeld>*>.marke-klein::before,.huelle>.schienenfeld>.branche .ikone::before,
  .huelle>.schienenfeld>.branche .ikone::after{transition:none}
}
.huelle>.belege.schienenfeld{--abgang:clamp(24px,2.8vw,38px)}
.abgang--schalter::after{top:calc(64% + 3px)}
.ab-messer::after{content:"";position:absolute;left:50%;bottom:-3.5px;width:7px;height:7px;margin-left:-3.5px;
  border-radius:50%;box-sizing:border-box;border:1.5px solid var(--strom);background:var(--hg,var(--hellgrau));
  transition:border-color .3s linear var(--t0)}
.ab-kontakt{width:14px;margin-left:-7px}
.weiss .schienenfeld{--hg:var(--weiss)}
.papier .schienenfeld{--hg:var(--papier)}
.dunkel .schienenfeld{--hg:var(--graphit)}
@media(min-width:621px) and (max-width:940px){
  .huelle>.schienenfeld.r3>:nth-child(2n+3)>.marke-klein::after,
  .huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale)>:nth-child(2n+3)>.marke-klein::after{display:block;
    left:calc(-1 * (var(--rail) + var(--pad)) - 4px);width:calc(var(--rail) + var(--pad) + 4px);
    top:50%;bottom:auto;height:11px;margin-top:-5.5px;
    background:radial-gradient(circle at 5px 5.5px,var(--sch) 4.5px,transparent 5px) no-repeat,
      linear-gradient(var(--sch),var(--sch)) 5px 4.5px/100% 2px no-repeat}
}
.huelle>.schienenfeld>.karte>.marke-klein{margin-top:0}

main section{--hg:var(--hellgrau);--leitung:var(--hellrot);--leitung:color-mix(in srgb,var(--hellrot) 64%,var(--hg))}
main section.weiss{--hg:var(--weiss)}
main section.papier{--hg:var(--papier)}
main section.dunkel{--hg:var(--graphit);--leitung:color-mix(in srgb,var(--hellrot) 74%,var(--hg))}
main section.rot{--hg:var(--hellrot);--leitung:var(--graphit);--leitung:color-mix(in srgb,var(--graphit) 64%,var(--hg))}
.leitung>i,.leitung .quelle,.rot>.leitung>i{background:var(--leitung)}
.leitung .trenn{background:var(--hg)}
.leitung .trenn::before{background:var(--leitung)}
.leitung .erde,.dunkel>.leitung .erde{color:var(--leitung)}
.huelle>.abschnittskopf::before,.huelle>.abschnittskopf::after,
.rot .huelle>.abschnittskopf::before,.rot .huelle>.abschnittskopf::after{background:var(--leitung)}
.huelle>.schienenfeld,.dunkel .huelle>.schienenfeld{--sch:var(--leitung)}
.huelle>.schienenfeld.ablauf>li::after{background:var(--leitung)}
@media(min-width:901px){.seitenraster{grid-template-columns:minmax(0,1fr) clamp(330px,26vw,400px)}}
.seitenraster .fakten dl{grid-template-columns:minmax(0,1fr);gap:0}
.seitenraster .fakten dt{padding-top:0}
.seitenraster .fakten dd{margin:6px 0 16px}
.seitenraster .fakten dd:last-child{margin-bottom:0}
.kunden{justify-content:space-between;gap:28px clamp(24px,3.4vw,64px);margin-top:26px;padding:0}
.kunden li{display:flex;align-items:center;height:48px;flex:none}
.kunden img{display:block;height:var(--h);width:auto;opacity:.74;transition:opacity .3s var(--ease)}
.kunden li:hover img{opacity:1}
@media(max-width:940px){.kunden{justify-content:flex-start}}
@media(max-width:620px){
  .kunden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
  .kunden li{height:40px}
  .kunden img{height:calc(var(--h) * .82);max-width:100%;object-fit:contain;object-position:left center}
}
@media(max-width:620px){.leitung .trenn::before{height:34px;transform:translateX(-50%) rotate(-16deg)}}
.marke-klein{gap:.8em}
.marke-klein::before{width:7px;height:7px}
.huelle>.schienenfeld>*>.marke-klein::before{width:22px;height:2px}
.huelle>.schienenfeld>:hover>.marke-klein::before{width:38px}
@media(min-width:621px) and (max-width:940px){
  .huelle>.schienenfeld.r4:not(.r4-kompakt):not(.merkmale)>:nth-child(4)>.marke-klein::before{width:7px;height:7px}
}
.zitat .signatur .strich{display:none}
.fortschritt i{width:8px;height:8px}
.sp-legende i,.sp-legende .sp-l1{width:8px;height:8px}
@media(pointer:coarse){
  .kopf .marke{padding:11px 0;margin:-11px 0}
  .fuss a,.brot a{padding:8px 0}
  .fuss-cookies{padding:12px 0;margin:-12px 0}
}
.pflicht{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau-leise);margin-left:6px;font-weight:400}
.pflicht[hidden],.stoer-hinweis[hidden]{display:none}
.anfrage .stoer-hinweis{margin:14px 0 4px;padding:12px 14px;background:#FDF0EF;border-left:3px solid var(--hellrot);color:var(--graphit)}
.mobil-cta .cta{min-width:0}
.mobil-cta .cta-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobil-mail+.mobil-mail{border-left:1px solid var(--linie)}
@media(max-width:480px){
  .mit-tel .mobil-mail{padding:0 14px;font-size:16px}
  .mit-tel .cta--balken{font-size:16px}
  .mit-tel .cta--balken .cta-text{padding:0 12px}
  .mit-tel .cta--balken .cta-feld{width:48px}
}
@media(min-width:901px){
  .buehne--film{--leitung:color-mix(in srgb,var(--hellrot) 64%,var(--hellgrau))}
  .buehne--film>.leitung{background:var(--linie)}
  .film-schleier{background:
    linear-gradient(rgba(35,30,29,.035) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(90deg,rgba(35,30,29,.035) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(rgba(35,30,29,.1),rgba(35,30,29,.1))}
  .buehne--film .buehne-text{position:relative;color:var(--graphit);--weiss-r:clamp(170px,19vw,380px)}
  .buehne--film .buehne-text::before{content:"";position:absolute;z-index:-1;pointer-events:none;
    top:-100vh;bottom:-100vh;left:-100vw;right:calc(-1 * var(--weiss-r));
    background:linear-gradient(to left,rgba(246,245,244,0) 0,rgba(246,245,244,.14) calc(var(--weiss-r) * .25),rgba(246,245,244,.46) calc(var(--weiss-r) * .55),
      rgba(246,245,244,.76) calc(var(--weiss-r) * .82),rgba(246,245,244,.84) var(--weiss-r))}
  .buehne--film .belege{max-width:790px}
  .buehne--film .belege .wert{color:var(--dunkelrot);font-size:clamp(1.4rem,2vw,1.95rem)}
  .buehne--film .belege .was{color:var(--grau);font-size:.92rem}
  .buehne--film .huelle>.schienenfeld{--ab-farbe:var(--grau-leise)}
  .buehne--film .buehne-text h1{color:var(--graphit)}
  .buehne--film .buehne-text .marke-klein{color:var(--grau)}
  .buehne--film .buehne-text .lead.grau{color:var(--grau)}
  .buehne--film .buehne-text .knopf--linie{color:var(--graphit);border-color:rgba(35,30,29,.42)}
  .buehne--film .buehne-text .knopf--linie:hover{background:var(--graphit);color:var(--weiss);border-color:var(--graphit)}
  .buehne--film ::selection{background:var(--hellrot);color:#fff}
}
.huelle>.abschnittskopf>.marke-klein::before{width:22px;height:2px}
.schrittleiste{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--linie)}
.schrittleiste li{position:relative}
.schrittleiste li::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent;transition:background-color .3s var(--ease)}
.schrittleiste li.aktiv::after{background:var(--hellrot)}
.schrittleiste button{display:flex;align-items:center;gap:9px;width:100%;padding:0 6px 13px 0;background:none;border:0;cursor:pointer;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau-leise);text-align:left}
.schrittleiste button:disabled{cursor:default}
.schrittleiste b{flex:none;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--linie-stark);
  font-weight:500;letter-spacing:0;color:var(--grau);transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.schrittleiste .aktiv button{color:var(--graphit)}
.schrittleiste .aktiv b{background:var(--graphit);border-color:var(--graphit);color:var(--weiss)}
.schrittleiste .erledigt button{color:var(--graphit)}
.schrittleiste .erledigt b{background:var(--hellrot);border-color:var(--hellrot);color:var(--weiss)}
.schrittleiste .erledigt button:hover{color:var(--dunkelrot)}
.schrittleiste .uebersprungen{opacity:.4}
.schrittleiste button:focus-visible{outline:2px solid var(--hellrot);outline-offset:2px}
.schritt h3{margin:0 0 18px}
.schritt-unter{margin:-8px 0 20px!important}
.wahl-titel{font-weight:600;margin:0 0 9px}
.wahl--gross{gap:10px}
.wahl--gross button{font-size:1.04rem;padding:.9em 1.3em}
.wahl .wahl-stoerung{border-color:rgba(240,86,83,.6)}
.wahl .wahl-stoerung:hover{border-color:var(--hellrot)}
.wahl .wahl-stoerung[aria-pressed="true"]{background:var(--hellrot);border-color:var(--hellrot);color:var(--graphit)}
.auswahl-zeile{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-4px 0 20px}
.auswahl-zeile[hidden]{display:none}
.chip{display:inline-block;padding:6px 11px;background:var(--hellgrau);border-radius:var(--radius);font-size:.9rem;font-weight:600;color:var(--graphit)}
.chip-aendern{background:none;border:0;padding:8px 4px;font:inherit;font-size:.9rem;font-weight:600;color:var(--dunkelrot);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.empfaenger{display:flex;align-items:center;gap:14px;margin-top:20px;padding:12px 14px;background:var(--hellgrau);border-radius:var(--radius)}
.empfaenger img{flex:none;width:42px;height:56px;display:block;border-radius:2px}
.empfaenger p{margin:0;font-size:.95rem;line-height:1.45}
.danke-kopf{display:flex;align-items:center;gap:18px}
.danke-kopf img{flex:none;width:66px;height:88px;display:block;border-radius:2px}
.danke-titel{margin:10px 0 0}
.danke-schritte{list-style:none;margin:24px 0 0;padding:0}
.danke-schritte li{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:13px 0;border-top:1px solid var(--linie)}
.danke-schritte b{display:grid;place-items:center;width:22px;height:22px;background:var(--hellrot);color:var(--weiss);
  font-family:var(--mono);font-size:11px;font-weight:500}
.danke-schritte span{line-height:1.5}

.person{position:relative;background:var(--weiss);color:var(--graphit);border-top:3px solid var(--graphit);
  padding:clamp(20px,2.2vw,28px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 20px;align-items:start}
.person::before{content:"";position:absolute;top:-3px;left:0;width:52px;height:3px;background:var(--hellrot)}
.papier .person,.weiss .person{background:var(--hellgrau)}
.person-bild{display:block;width:clamp(96px,8vw,120px);height:auto;border-radius:2px}
.person .label{color:var(--grau-leise)}
.person-name{margin:8px 0 0;font-size:1.3rem;font-weight:600;line-height:1.2}
.person-rolle{margin:3px 0 0;color:var(--grau);font-size:.95rem}
.person-wege{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.person-wege a{color:var(--dunkelrot);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(101,32,30,.35);overflow-wrap:anywhere}
.person-wege a:hover{color:var(--hellrot)}
.person-daten{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid var(--linie);display:grid;gap:10px}
.person-daten div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px}
.person-daten dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau);padding-top:3px}
.person-daten dd{margin:0;font-weight:600;font-size:.96rem}
.person-knopf{grid-column:1/-1;justify-self:start}
.einsatz{margin-top:18px}
@media(max-width:620px){
  .schrittleiste button{font-size:10px;gap:7px;letter-spacing:.06em}
  .wahl--gross button{flex:1 1 calc(50% - 5px)}
  .person{grid-template-columns:96px minmax(0,1fr)}
}
.anfrage .steuer[hidden]{display:none}
.anfrage .steuer .fortschritt{display:none}
.anfrage #schrittzahl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main .anfrage .schritt{padding:0}
.chip{background:transparent;border:1px solid var(--linie-stark)}
.empfaenger{background:rgba(35,30,29,.045)}
.buehne--kompakt{padding:clamp(36px,4.6vw,72px) 0 clamp(28px,3.4vw,48px)}
main section.abschnitt--direkt{padding-top:clamp(32px,4vw,60px)}
.person-wege{grid-column:1/-1;margin:0}
.person-text{align-self:center}
.kontakt-raster{align-items:start}
@media(max-width:1000px){
  .mobil-cta{transition:transform .3s var(--ease)}
  html.formular-im-bild .mobil-cta{transform:translateY(110%)}
}
@media(max-width:620px){
  .anfrage .steuer .rechts{width:100%}
  .anfrage .steuer .knopf{white-space:nowrap}
  .anfrage #weiter,.anfrage #senden{flex:1;justify-content:center}
}
@media(max-width:620px){
  .anfrage .steuer .rechts{gap:8px}
  .anfrage #zurueck{flex:none;padding-left:16px;padding-right:16px}
  .anfrage #weiter,.anfrage #senden{min-width:0;padding-left:14px;padding-right:14px}
}
.kunden.partner{justify-content:flex-start;gap:28px clamp(44px,6.4vw,110px)}
@media(max-width:620px){.kunden.partner{gap:24px}}
.hintergrund{position:absolute;left:0;right:0;top:0;height:min(100%,clamp(340px,36vw,560px));z-index:0;pointer-events:none;
  background:var(--bild) center 40%/cover no-repeat;opacity:.17;filter:grayscale(.35);
  -webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent),linear-gradient(to right,rgba(0,0,0,.25) 0%,#000 60%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,#000 35%,transparent),linear-gradient(to right,rgba(0,0,0,.25) 0%,#000 60%);
  mask-composite:intersect}
.dunkel>.hintergrund{opacity:.2;filter:grayscale(.5)}
.buehne>.hintergrund{height:auto;bottom:0;opacity:.2;
  -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.18) 0%,rgba(0,0,0,.55) 45%,#000 75%);
  mask-image:linear-gradient(to right,rgba(0,0,0,.18) 0%,rgba(0,0,0,.55) 45%,#000 75%)}
.hg-station{--bild:url(../img/hintergrund/hg-station.jpg)}
.hg-anschluss{--bild:url(../img/hintergrund/hg-anschluss.jpg)}
.hg-felder{--bild:url(../img/hintergrund/hg-felder.jpg)}
.hg-trenner{--bild:url(../img/hintergrund/hg-trenner.jpg)}
.hg-trafo{--bild:url(../img/hintergrund/hg-trafo.jpg)}
@media(max-width:620px){.hintergrund{height:min(100%,300px)}.buehne>.hintergrund{opacity:.14}}
@media print{.hintergrund{display:none}}
.dunkel .marke-klein,.dunkel .label--rot{color:#F68A87}
@media(max-width:620px){.dunkel>.hintergrund{opacity:.13}}
.hintergrund,.buehne>.hintergrund{left:auto;right:0;top:0;bottom:auto;height:auto;max-height:100%;
  width:min(var(--b-w),58%);aspect-ratio:var(--b-ar);background-size:cover;background-position:center;opacity:.2;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to bottom,#000 55%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to bottom,#000 55%,transparent);
  mask-composite:intersect}
.buehne>.hintergrund{top:50%;transform:translateY(-50%);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to bottom,transparent 0,#000 22%,#000 72%,transparent);
  mask-image:linear-gradient(to right,transparent 0,#000 38%),linear-gradient(to bottom,transparent 0,#000 22%,#000 72%,transparent)}
.dunkel>.hintergrund{opacity:.24}
.hg-station{--b-w:714px;--b-ar:714/468}
.hg-anschluss{--b-w:885px;--b-ar:885/581}
.hg-felder{--b-w:873px;--b-ar:873/308}
.hg-trenner{--b-w:875px;--b-ar:875/306}
.hg-trafo{--b-w:876px;--b-ar:876/304}
@media(max-width:620px){.hintergrund,.buehne>.hintergrund{width:100%;opacity:.12}.dunkel>.hintergrund{opacity:.13}}
@media(min-width:761px){.zitat{grid-template-columns:auto minmax(0,max-content);justify-content:center;gap:clamp(28px,4vw,64px)}}
.kopf .marke img{height:clamp(20px,1.9vw,27px);width:auto;max-width:none}
@media(max-width:1000px){.kopf .marke img{height:21px}}
@media(max-width:420px){.kopf .marke img{height:18px}}
.fuss img{height:clamp(20px,1.9vw,26px);width:auto;max-width:100%}
@media(max-width:360px){.kopf .marke img{height:15px}}
.kopf .marke img{height:clamp(28px,2.35vw,34px)}
@media(max-width:1000px){.kopf .marke img{height:28px}}
@media(max-width:420px){.kopf .marke img{height:24px}}
@media(max-width:360px){.kopf .marke img{height:20px}}
.fuss img{height:clamp(28px,2.3vw,32px)}