/* steckdosenheld.de – Design „Heldenwappen“: Heldenrot, Nachtblau, Creme; Plakat-Stil, Wappenschild als Rahmen */
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-var.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-var.woff2) format("woff2");font-weight:200 900;font-display:optional}
:root{--rot:#C1121F;--rot-d:#9A0E19;--blau:#14213D;--blau-2:#22335A;--creme:#FDF0D5;--creme-2:#F6E2BA;--papier:#FFFBF2;--tinte:#14213D;--grau:#5B6275;--linie:#E7D3AA;
--schild:polygon(50% 0,100% 9%,100% 58%,94% 72%,82% 84%,50% 100%,18% 84%,6% 72%,0 58%,0 9%);--r:6px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--papier);color:var(--tinte);font:400 1.08rem/1.62 "Source Sans 3",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--rot-d);text-underline-offset:3px}
a:hover{color:var(--rot)}
h1,h2,h3,.hd-titel{font-family:"Bricolage Grotesque",system-ui,Arial,sans-serif;line-height:1.08;letter-spacing:-.01em;margin:0 0 .5em;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:800;hyphens:manual;-webkit-hyphens:manual}
h2{font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:800}
h3{font-size:1.22rem;font-weight:700}
p{margin:0 0 1em}
.hd-rahmen{width:min(1160px,100% - 32px);margin-inline:auto}
.hd-schmal>*{max-width:760px}
/* Kopf */
.hd-kopf{position:sticky;top:0;z-index:50;background:var(--creme);border-bottom:4px solid var(--blau)}
.hd-kopf-in{display:flex;align-items:center;gap:18px;min-height:72px}
.hd-marke{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.hd-marke svg{height:44px;width:auto}
.hd-menue{display:flex;align-items:center;gap:4px;margin-left:auto}
.hd-menue>a,.hd-menue summary{font:700 .98rem "Bricolage Grotesque",Arial,sans-serif;color:var(--blau);text-decoration:none;padding:10px 12px;border-radius:var(--r);cursor:pointer;list-style:none;white-space:nowrap}
.hd-menue summary::-webkit-details-marker{display:none}
.hd-menue summary::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:8px}
.hd-menue>a.hd-ruf,.hd-menue>a.hd-ruf:hover{color:#fff;background:var(--rot)}
.hd-menue>a.hd-ruf:hover{background:var(--rot-d)}
.hd-menue>a:not(.hd-ruf):hover,.hd-menue summary:hover,.hd-menue details[open] summary{background:var(--creme-2)}
.hd-menue details{position:relative}
.hd-menue details:not([open]) .hd-auf{display:none}
.hd-auf{position:absolute;top:calc(100% + 8px);left:0;min-width:270px;background:var(--papier);border:2px solid var(--blau);border-radius:var(--r);box-shadow:6px 6px 0 var(--rot);padding:8px;display:grid}
.hd-auf a{color:var(--blau);text-decoration:none;padding:9px 12px;border-radius:4px;font-weight:600}
.hd-auf a:hover{background:var(--creme)}
.hd-auf .hd-auf-alle{border-top:1px solid var(--linie);margin-top:6px;padding-top:12px;color:var(--rot-d)}
.hd-ruf{display:inline-flex;align-items:center;gap:10px;background:var(--rot);color:#fff;text-decoration:none;font:800 1rem "Bricolage Grotesque",Arial,sans-serif;padding:11px 18px;border-radius:999px;white-space:nowrap;border:2px solid var(--rot)}
.hd-ruf svg{width:18px;height:18px;flex:0 0 auto}
.hd-ruf:hover{background:var(--rot-d);color:#fff}
.hd-ruf-hell{background:var(--creme);color:var(--blau);border-color:var(--creme)}
.hd-ruf-hell:hover{background:#fff;color:var(--blau)}
.hd-ruf-rand{background:transparent;color:var(--blau);border-color:var(--blau)}
.hd-ruf-rand:hover{background:var(--blau);color:#fff}
.hd-burger{display:none;margin-left:auto;width:46px;height:46px;border:2px solid var(--blau);background:transparent;border-radius:var(--r);cursor:pointer;position:relative}
.hd-burger span,.hd-burger span::before,.hd-burger span::after{position:absolute;left:11px;width:20px;height:2.5px;background:var(--blau);content:""}
.hd-burger span{top:21px}.hd-burger span::before{top:-7px;left:0}.hd-burger span::after{top:7px;left:0}
/* Plakat-Kopf */
.hd-plakat{background:var(--creme);color:var(--blau);position:relative;overflow:hidden;border-bottom:4px solid var(--blau)}
.hd-plakat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:clamp(14px,2.2vw,30px);background:repeating-linear-gradient(180deg,var(--rot) 0 46px,var(--blau) 46px 52px)}
.hd-plakat::after{content:"";position:absolute;right:-6%;top:-18%;width:min(520px,48vw);aspect-ratio:5/6;clip-path:var(--schild);background:var(--creme-2);pointer-events:none}
.hd-plakat-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center;padding:52px 0 60px;position:relative;z-index:1}
.hd-plakat h1{color:var(--blau)}
.hd-plakat h1::after{content:"";display:block;width:90px;height:8px;background:var(--rot);margin-top:18px}
.hd-plakat .hd-lede{font-size:1.18rem;color:var(--tinte);max-width:60ch}
.hd-plakat a:not(.hd-ruf){color:var(--rot-d)}
.hd-plakat .hd-steckbrief a{color:var(--rot-d)}
.hd-zeile{font:800 .82rem "Bricolage Grotesque",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rot);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.hd-plakat .hd-zeile{color:var(--rot-d)}
.hd-zeile::before{content:"";width:28px;height:4px;background:currentColor}
.hd-schildbild{position:relative;justify-self:center;width:min(430px,100%)}
.hd-schildbild figure{margin:0;clip-path:var(--schild);background:var(--rot);padding:10px}
.hd-schildbild figure img{clip-path:var(--schild);aspect-ratio:5/6;object-fit:cover;width:100%}
.hd-schildbild::after{content:"";position:absolute;inset:18px -14px -14px 18px;clip-path:var(--schild);background:var(--blau);z-index:-1}
.hd-pfad{font-size:.92rem;margin:0 0 18px;color:var(--grau);overflow-wrap:anywhere}
.hd-pfad a{color:var(--blau)}
.hd-pfad span{opacity:.8}
.hd-hell .hd-pfad,.hd-hell .hd-pfad a{color:var(--grau)}
/* Steckbrief (Ortsseite) */
.hd-steckbrief{background:#fff;color:var(--blau);border-radius:var(--r);padding:26px 26px 20px;border:3px solid var(--blau);border-top:10px solid var(--rot);box-shadow:8px 8px 0 var(--blau)}
.hd-steckbrief-t{font:800 1.15rem "Bricolage Grotesque",Arial,sans-serif;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.hd-steckbrief-t svg{width:30px;height:34px;flex:0 0 auto}
.hd-steckbrief dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0}
.hd-steckbrief dt{font-weight:700;color:var(--grau)}
.hd-steckbrief dd{margin:0;overflow-wrap:anywhere}
.hd-steckbrief a{color:var(--rot-d)}
.hd-steckbrief small{display:block;margin-top:12px;color:var(--grau);font-size:.86rem}
/* Module */
.hd-modul{padding:64px 0}
.hd-modul.hd-creme{background:var(--creme)}
.hd-modul.hd-nacht{background:var(--blau);color:var(--creme)}
.hd-modul.hd-nacht h2,.hd-modul.hd-nacht h3{color:#fff}
.hd-modul.hd-nacht a{color:var(--creme)}
.hd-einl{max-width:68ch;font-size:1.1rem}
.hd-zwei{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start}
.hd-zwei>figure,.hd-zwei>.hd-bildsp{position:sticky;top:96px}
.hd-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}
.hd-gitter-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hd-gitter-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hd-karte{background:var(--papier);border:2px solid var(--blau);border-radius:var(--r);padding:22px 22px 18px;position:relative;box-shadow:5px 5px 0 var(--blau);display:flex;flex-direction:column}
.hd-creme .hd-karte{background:#fff}
.hd-karte h3{margin-bottom:.4em}
.hd-karte p:last-child{margin-bottom:0}
a.hd-karte{text-decoration:none;color:var(--tinte);transition:transform .15s,box-shadow .15s}
a.hd-karte:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--rot)}
.hd-karte .hd-weiter{margin-top:auto;padding-top:12px;font:800 .95rem "Bricolage Grotesque",Arial,sans-serif;color:var(--rot-d)}
.hd-karte .hd-weiter::after{content:" →"}
.hd-symbol{width:58px;height:66px;margin:0 0 12px;flex:0 0 auto}
.hd-hilfe-raster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hd-hilfe-raster a.hd-karte{align-items:flex-start;padding:20px 18px 18px}
.hd-hilfe-raster h3{font-size:1.12rem}
.hd-hilfe-raster p{font-size:.98rem}
/* Wappenliste (Fakten) */
.hd-wappenliste{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}
.hd-wappenliste li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;background:var(--creme);border-radius:var(--r);padding:12px 14px}
.hd-creme .hd-wappenliste li{background:#fff}
.hd-wappenliste li::before{content:"";width:22px;height:25px;margin-top:2px;background:var(--rot);clip-path:var(--schild)}
/* Heldenregeln */
.hd-regeln{list-style:none;counter-reset:r;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hd-regeln li{counter-increment:r;background:var(--papier);border-radius:var(--r);padding:20px 20px 18px 74px;position:relative;border:2px solid var(--linie)}
.hd-nacht .hd-regeln li{background:var(--blau-2);border-color:var(--blau-2);color:var(--creme)}
.hd-regeln li::before{content:counter(r);position:absolute;left:18px;top:16px;width:40px;height:46px;background:var(--rot);color:#fff;clip-path:var(--schild);display:grid;place-items:center;font:800 1.2rem "Bricolage Grotesque",Arial,sans-serif;padding-bottom:6px}
.hd-regeln b{display:block;font:700 1.1rem "Bricolage Grotesque",Arial,sans-serif;margin-bottom:4px}
.hd-heldenregel{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:center;background:var(--rot);color:#fff;border-radius:var(--r);padding:18px 22px;margin:24px 0 0;font:700 1.12rem/1.4 "Bricolage Grotesque",Arial,sans-serif}
.hd-heldenregel svg{width:52px;height:60px}
.hd-absatzkasten{background:var(--creme);border-left:6px solid var(--blau);border-radius:0 var(--r) var(--r) 0;padding:18px 22px;margin:20px 0}
.hd-creme .hd-absatzkasten{background:#fff}
.hd-nacht .hd-absatzkasten{background:var(--blau-2);border-color:var(--rot)}
.hd-absatzkasten p:last-child{margin:0}
/* Haustypen-Schilde */
.hd-haus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.hd-haus div{background:#fff;border-radius:var(--r);padding:20px;border-top:6px solid var(--blau)}
.hd-haus h3{font-size:1.08rem}
.hd-haus p{margin:0;font-size:1rem}
/* Vorsorge */
.hd-haken{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.hd-haken li{padding-left:40px;position:relative}
.hd-haken li::before{content:"";position:absolute;left:0;top:3px;width:26px;height:26px;border-radius:50%;background:var(--blau);box-shadow:inset 0 0 0 6px var(--creme-2)}
.hd-haken li::after{content:"";position:absolute;left:9px;top:9px;width:8px;height:12px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(40deg) translate(-1px,-2px)}
.hd-haken b{display:block;font-weight:700}
/* Bilder */
.hd-foto{margin:0}
.hd-foto img{border-radius:var(--r);border:3px solid var(--blau);box-shadow:8px 8px 0 var(--rot);aspect-ratio:3/2;object-fit:cover;width:100%}
.hd-foto figcaption{font-size:.9rem;color:var(--grau);margin-top:10px}
.hd-nacht .hd-foto figcaption{color:var(--creme-2)}
/* Anruf-Banner */
.hd-banner{background:var(--rot);color:#fff;border-radius:var(--r);margin:56px auto;padding:32px 34px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:24px;align-items:center;position:relative;overflow:hidden}
.hd-banner::after{content:"";position:absolute;right:-40px;top:-30px;width:180px;height:210px;background:rgba(255,255,255,.08);clip-path:var(--schild)}
.hd-banner h2{color:#fff;font-size:1.6rem;margin:0 0 6px}
.hd-banner p{margin:0;color:var(--creme)}
.hd-banner svg.hd-banner-schild{width:66px;height:76px}
.hd-banner .hd-ruf{position:relative;z-index:1}
/* Fragen (offene Liste) */
.hd-fragen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:24px}
.hd-frage{border-top:3px solid var(--blau);padding-top:16px}
.hd-frage h3{font-size:1.14rem;display:flex;gap:10px}
.hd-frage h3::before{content:"?";flex:0 0 28px;height:32px;display:grid;place-items:center;background:var(--rot);color:#fff;clip-path:var(--schild);font-size:1rem;padding-bottom:4px}
.hd-frage p{margin:0}
/* Orte */
.hd-ortskacheln{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px}
.hd-ortskacheln a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:2px solid var(--blau);border-radius:var(--r);padding:11px 14px;text-decoration:none;color:var(--blau);font-weight:700;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
.hd-ortskacheln a:hover{background:var(--blau);color:#fff}
.hd-ortskacheln small{font-weight:400;color:var(--grau);white-space:normal;font-size:.88rem}
.hd-ortskacheln a:hover small{color:var(--creme)}
.hd-kreisblock{background:#fff;border-radius:var(--r);padding:22px;border:2px solid var(--linie)}
.hd-kreisblock h3 a{color:var(--blau);text-decoration:none}
.hd-kreisblock h3 a:hover{color:var(--rot)}
.hd-kreisblock ul{list-style:none;padding:0;margin:0;columns:2 150px;column-gap:18px}
.hd-kreisblock li{break-inside:avoid;padding:2px 0}
.hd-kreisblock li a,.hd-punkte li a,.hd-fuss li a{display:inline-block;padding:6px 0}
.hd-kreisraster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
/* Heldenwissen */
.hd-wissen-karte{border-top:8px solid var(--rot)}
.hd-etikett{display:inline-block;font:800 .76rem "Bricolage Grotesque",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;background:var(--blau);color:var(--creme);padding:4px 9px;border-radius:3px;margin-bottom:12px;align-self:flex-start}
.hd-artikel{padding:44px 0 20px}
.hd-artikel h2{margin-top:1.4em;font-size:clamp(1.4rem,3vw,1.95rem)}
.hd-kurz{background:var(--creme);border-radius:var(--r);padding:20px 22px;margin:20px 0 26px;border-left:8px solid var(--rot);font-size:1.12rem}
.hd-kurz b{display:block;font:800 .82rem "Bricolage Grotesque",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--rot-d);margin-bottom:6px}
.hd-kurz p{margin:0}
.hd-merkschild{background:var(--blau);color:var(--creme);border-radius:var(--r);padding:22px 24px;margin:26px 0}
.hd-merkschild h3{color:#fff}
.hd-merkschild ul{margin:0;padding-left:20px}
.hd-merkschild li{margin:5px 0}
.hd-punkte{padding-left:22px;margin:0 0 1em}
.hd-punkte li{margin:6px 0}
.hd-punkte li::marker{color:var(--rot)}
/* Ja / Nein */
.hd-janein{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hd-janein>div{border-radius:var(--r);padding:22px}
.hd-ja{background:#E9F2E6;border:2px solid #2F6B3A}
.hd-nein{background:#FBE4E4;border:2px solid var(--rot)}
.hd-janein h3{display:flex;align-items:center;gap:10px}
.hd-janein ul{margin:0;padding-left:20px}
.hd-janein li{margin:6px 0}
/* Ablauf */
.hd-ablauf{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:a}
.hd-ablauf li{counter-increment:a;border-top:6px solid var(--rot);background:#fff;border-radius:0 0 var(--r) var(--r);padding:16px 16px 14px}
.hd-ablauf li::before{content:"Schritt " counter(a);display:block;font:800 .78rem "Bricolage Grotesque",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--rot-d);margin-bottom:6px}
.hd-ablauf b{display:block}
/* Recht */
.hd-recht{padding:44px 0 64px;max-width:820px}
.hd-recht h1{font-size:2.4rem}
.hd-recht h2{font-size:1.4rem;margin-top:1.6em}
/* Fuß */
.hd-fuss{background:var(--blau);color:var(--creme);padding:56px 0 110px;margin-top:0;border-top:10px solid var(--rot)}
.hd-fuss a{color:var(--creme)}
.hd-fuss-raster{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:30px}
.hd-fuss h2{font-size:1.05rem;color:#fff;margin-bottom:12px;letter-spacing:.02em}
.hd-fuss ul{list-style:none;padding:0;margin:0}
.hd-fuss li{margin:6px 0;overflow-wrap:anywhere}
.hd-fuss .hd-marke tspan{fill:#FF8A8F}
.hd-fuss-nr{font:800 1.4rem "Bricolage Grotesque",Arial,sans-serif;text-decoration:none}
.hd-pflicht{border-top:1px solid rgba(253,240,213,.25);margin-top:34px;padding-top:24px;font-size:.92rem;color:var(--creme-2)}
.hd-pflicht h2{font-size:1rem}
.hd-koop{font-size:.92rem;margin-top:18px;color:var(--creme-2)}
.hd-rufleiste{display:none}
.hd-rl-kurz{display:none}
/* Responsive */
@media (max-width:1080px){.hd-hilfe-raster{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-ablauf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
 .hd-burger{display:block}
 .hd-kopf-in{flex-wrap:wrap}
 .hd-menue{display:none;width:100%;flex-direction:column;align-items:stretch;padding:4px 0 16px;margin-left:0}
 .hd-kopf.hd-offen .hd-menue{display:flex}
 .hd-auf{position:static;box-shadow:none;border-width:1px;margin:4px 0 8px}
 .hd-kopf>.hd-rahmen>.hd-ruf{display:none}
 .hd-plakat-in,.hd-zwei{grid-template-columns:minmax(0,1fr);gap:30px}
 .hd-zwei>figure,.hd-zwei>.hd-bildsp{position:static}
 .hd-kreisraster,.hd-gitter-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hd-fuss-raster{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hd-schildbild{width:min(340px,100%)}
}
@media (max-width:680px){
 .hd-plakat::after{display:none}
 .hd-plakat::before{width:8px}
 .hd-plakat-in{padding-left:6px}
 .hd-plakat .hd-lede{font-size:1.05rem}
 body{font-size:1.03rem}
 .hd-modul{padding:44px 0}
 .hd-plakat-in{padding:34px 0 44px}
 .hd-hilfe-raster,.hd-gitter-2,.hd-gitter-3,.hd-kreisraster,.hd-regeln,.hd-haus,.hd-haken,.hd-janein,.hd-fragen,.hd-ablauf,.hd-fuss-raster{grid-template-columns:minmax(0,1fr)}
 .hd-banner{grid-template-columns:minmax(0,1fr);padding:26px 22px;margin:40px auto}
 .hd-banner svg.hd-banner-schild{display:none}
 .hd-ruf{white-space:normal;justify-content:center}
 .hd-regeln li{padding-left:66px}
 .hd-marke svg{height:38px}
 .hd-rufleiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:center;gap:10px;background:var(--rot);color:#fff;font:800 1.05rem "Bricolage Grotesque",Arial,sans-serif;text-decoration:none;padding:14px 16px;border-top:3px solid var(--blau)}
 .hd-rufleiste svg{width:20px;height:20px;flex:0 0 auto}
 .hd-rufleiste span{white-space:nowrap}
 .hd-rufleiste:hover{color:#fff}
}
@media (max-width:360px){.hd-rufleiste{font-size:.98rem;padding:13px 10px}.hd-rufleiste .hd-rl-lang{display:none}.hd-rufleiste .hd-rl-kurz{display:inline}}
/* Ablauf-Leiste Startseite */
.hd-weg{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:w;position:relative}
.hd-weg li{counter-increment:w;position:relative;padding:72px 18px 0 0}
.hd-weg li::before{content:counter(w);position:absolute;left:0;top:0;width:48px;height:56px;background:var(--rot);color:#fff;clip-path:var(--schild);display:grid;place-items:center;font:800 1.3rem "Bricolage Grotesque",Arial,sans-serif;padding-bottom:6px;z-index:1}
.hd-weg li::after{content:"";position:absolute;left:48px;right:0;top:26px;height:4px;background:var(--creme-2)}
.hd-weg li:last-child::after{display:none}
.hd-weg b{display:block;font:700 1.12rem "Bricolage Grotesque",Arial,sans-serif;margin-bottom:4px;color:#fff}
@media (max-width:680px){.hd-weg{grid-template-columns:minmax(0,1fr);gap:18px}.hd-weg li{padding:0 0 0 66px;min-height:56px}.hd-weg li::after{display:none}}
.hd-vermittlung-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center}
@media (max-width:980px){.hd-vermittlung-g{grid-template-columns:minmax(0,1fr)}}
.hd-fuss .hd-marke svg text tspan{fill:#FF8A8F}
.hd-kreisblock h3 a,.hd-steckbrief dd a,.hd-wissensteil .hd-rahmen>p>a{display:inline-block;padding:6px 0}