/* Energieausweis Pforzheim & Enzkreis, CI von immo75.de (wie immobilien-im-enzkreis.de) */

@font-face{font-family:'Antonio';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Antonio-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Antonio';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Antonio-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Antonio';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Antonio-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/PTSansNarrow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/PTSansNarrow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/PTSansNarrow-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/PTSansNarrow-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --papier:#FFFFFF; --papier-2:#F6F9F4; --papier-3:#E6EEE2;
  --tinte:#0C0F26; --tinte-2:#585C62; --tinte-3:#6C7177;
  --linie:#E3E8E0; --linie-2:#C5CFC0;
  --gruen:#4DAD32; --akzent:#35801F; --akzent-dunkel:#2A6B17; --gruen-hell:#DDEED8; --gruen-auf-dunkel:#8CD66F;
  --nacht:#0C0F26; --nacht-2:#161A36; --nacht-3:#272C4A; --fuss:#06080F;
  --auf-nacht:#EEF1F4; --auf-nacht-2:#AAB1BA;
  --ok:#2A6B17; --ok-hell:#E3F1DE; --fehler:#8A1C1C; --fehler-hell:#FBEAEA;
  --text:'PT Sans Narrow','Arial Narrow',Arial,sans-serif;
  --titel:'Antonio','Arial Narrow',Impact,sans-serif;
  --schatten:0 1px 2px rgba(12,15,38,.05),0 12px 30px -14px rgba(12,15,38,.18);
  --rand:clamp(16px,4vw,40px);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--text);font-size:19px;line-height:1.55;letter-spacing:.016em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:var(--akzent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--akzent-dunkel)}
:focus-visible{outline:3px solid var(--gruen);outline-offset:2px}
h1,h2,h3{font-family:var(--titel);font-weight:400;line-height:1.1;letter-spacing:.03em;margin:0;text-wrap:balance;text-transform:uppercase;color:var(--tinte)}
h1{font-size:clamp(2.4rem,5.4vw,4.2rem)}
h2{font-size:clamp(1.9rem,3.8vw,3.1rem);margin-bottom:.9rem}
h3{font-size:1.35rem;letter-spacing:.02em;margin-bottom:.6rem}
p{margin:0 0 1em}
.sprung{position:absolute;left:-9999px;top:0;z-index:200;background:var(--tinte);color:#fff;padding:.7rem 1.1rem}
.sprung:focus{left:0}
.huelle{width:min(1240px,100%);margin-inline:auto;padding-inline:var(--rand)}
.schmal{width:min(900px,100%)}
.klein{font-size:.92rem;color:var(--tinte-2)}
.dachzeile{font-family:var(--titel);text-transform:uppercase;letter-spacing:.18em;font-size:.9rem;color:var(--akzent);margin-bottom:.8rem}
.unterzeile{font-family:var(--titel);font-style:italic;color:var(--akzent);font-size:clamp(1.15rem,2vw,1.4rem);letter-spacing:.02em;margin:.5rem 0 1.2rem}
.kurz-text{font-size:1.12rem;max-width:62ch}
.seitenkopf .kurz-text{max-width:80ch}
.h2-abstand{margin-top:clamp(2.4rem,5vw,3.2rem)}

/* Knöpfe */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.85rem 1.6rem;background:var(--akzent);color:#fff;font:400 1rem/1.2 var(--titel);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:2px solid var(--akzent);cursor:pointer;transition:background-color .15s,border-color .15s}
.knopf:hover{background:var(--akzent-dunkel);border-color:var(--akzent-dunkel);color:#fff}
.knopf-zweit{background:transparent;color:var(--tinte);border-color:var(--linie-2)}
.knopf-zweit:hover{background:var(--papier-2);border-color:var(--akzent);color:var(--akzent-dunkel)}
.knopf-klein{min-height:40px;padding:.5rem 1.1rem;font-size:.9rem;letter-spacing:.12em}
.knoepfe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.mehr{font-weight:700;text-decoration:none}
.mehr::after{content:" →"}
.weiter-links{margin-top:1.4rem}

/* Oben, Kopf, Menü */
.oben{background:var(--nacht);color:var(--auf-nacht-2);font-size:.92rem}
.oben-innen{display:flex;align-items:center;justify-content:space-between;gap:.4rem 1.4rem;min-height:38px;flex-wrap:wrap}
.oben-text{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
.oben-links{list-style:none;margin:0;padding:0;display:flex;gap:1.1rem;flex-wrap:wrap}
.oben a{color:var(--auf-nacht);text-decoration:none;font-weight:700}
.oben a:hover{color:var(--gruen-auf-dunkel)}
.kanaele{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.kanaele a{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .6rem;color:inherit;text-decoration:none}
.kanaele svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kanaele svg .voll{fill:currentColor;stroke:none}
.kanaele-mini{gap:.1rem}
.kanaele-mini a{padding:.3rem;color:var(--auf-nacht)}
.kanaele-mini a:hover{color:var(--gruen-auf-dunkel)}
.kanaele-mini svg{width:18px;height:18px}
.kanaele-mini span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kanaele-dunkel a{border:1px solid var(--nacht-3);color:var(--auf-nacht)}
.kanaele-dunkel a:hover{border-color:var(--gruen);color:#fff}
@media (max-width:1180px){.oben-text{display:none}}

.kopf{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--linie)}
.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}
.marke-link{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--tinte)}
.logo{height:56px;width:auto}
.wortmarke{display:flex;flex-direction:column;font-family:var(--titel);font-size:1.25rem;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;padding-left:.9rem;border-left:2px solid var(--gruen);white-space:nowrap}
.wortmarke b{font-weight:400;color:var(--akzent)}
.wortmarke span{font-size:.82em;color:var(--tinte-2)}
.haupt-nav{display:flex;align-items:center;gap:1.2rem}
.nav-links{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}
.nav-links a{font-family:var(--titel);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;color:var(--tinte);text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--akzent);border-bottom-color:var(--gruen)}
.menue{position:relative}
.menue summary{list-style:none;cursor:pointer;display:grid;gap:5px;padding:12px 10px;border:1px solid var(--linie-2)}
.menue summary::-webkit-details-marker{display:none}
.menue summary span{display:block;width:22px;height:2px;background:var(--tinte)}
.menue ul{position:absolute;right:0;top:calc(100% + 10px);list-style:none;margin:0;padding:.6rem 0;background:#fff;border:1px solid var(--linie);box-shadow:var(--schatten);min-width:270px;z-index:60}
.menue li a{display:block;padding:.55rem 1.2rem;color:var(--tinte);text-decoration:none;font-family:var(--titel);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
.menue li a:hover{background:var(--papier-2);color:var(--akzent)}
.menue-extern{border-top:1px solid var(--linie);margin-top:.4rem;padding-top:.4rem}
@media (max-width:1160px){.nav-links{display:none}}
@media (max-width:620px){.haupt-nav .knopf-klein{display:none}.logo{height:44px}.wortmarke{font-size:1.05rem}}

/* Abschnitte */
.abschnitt{padding-block:clamp(56px,8vw,104px)}
.abschnitt-hell{background:var(--papier-2)}
.abschnitt-dunkel{background:var(--nacht);color:var(--auf-nacht)}
.abschnitt-dunkel h2{color:#fff}
.abschnitt-dunkel .dachzeile,.abschnitt-dunkel .unterzeile{color:var(--gruen-auf-dunkel)}
.zwei-spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.seitenkopf{padding-block:clamp(40px,6vw,80px) clamp(32px,5vw,56px);background:linear-gradient(180deg,var(--papier-2),#fff);border-bottom:1px solid var(--linie)}
.krumen{font-size:.95rem;color:var(--tinte-3);margin-bottom:1.4rem}
.krumen a{color:var(--tinte-2)}

/* Held */
.held{padding-block:clamp(48px,7vw,96px);background:linear-gradient(180deg,var(--papier-2) 0%,#fff 100%);border-bottom:1px solid var(--linie)}
.held-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
.held-karte{background:#fff;border:1px solid var(--linie);box-shadow:var(--schatten);padding:clamp(20px,3vw,32px);border-top:4px solid var(--gruen)}
.karte-titel{font-family:var(--titel);text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem;margin-bottom:1rem}
.karte-klein{font-size:.95rem;color:var(--tinte-2);margin:1rem 0 0}

/* Hinweisband */
.hinweis-band{background:var(--gruen-hell);border-bottom:1px solid var(--linie)}
.hinweis-innen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1.6rem;padding-block:1rem}
.hinweis-innen p{margin:0}

/* Effizienzskala */
.skala{display:grid;gap:4px}
.skala-stufe{--breite:calc(42% + var(--i) * 6.5%);display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:var(--breite);min-height:30px;padding:0 .9rem 0 .7rem;background:var(--f);color:#0C0F26;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);font-size:.88rem;transition:transform .2s}
.skala-stufe b{font-family:var(--titel);font-weight:700;font-size:1.05rem;letter-spacing:.04em}
.skala-stufe span{white-space:nowrap;padding-right:6px}
.skala-stufe:nth-child(n+8){color:#fff}
.skala-stufe.ist-markiert{position:relative;outline:3px solid var(--tinte);outline-offset:2px;clip-path:none;transform:translateX(6px)}
.skala-stufe.ist-markiert::after{content:"Ihr Haus?";position:absolute;left:calc(100% + 12px);font-family:var(--titel);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--tinte);white-space:nowrap}
.skala-text{font-size:.85rem;color:var(--tinte-3);margin:.6rem 0 0}

/* Karten */
.karten{display:grid;gap:20px;margin-top:1.8rem}
.karten.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.karten.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.karte{background:#fff;border:1px solid var(--linie);padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;box-shadow:var(--schatten)}
.karte p:last-of-type{flex:1}
.karte .mehr{margin-top:.4rem}
.karte-marke{font-family:var(--titel);text-transform:uppercase;letter-spacing:.16em;font-size:.85rem;color:var(--akzent);margin-bottom:.6rem;flex:0!important}
.karte-betont{border-top:4px solid var(--gruen);background:var(--papier-2)}
.karte-link{text-decoration:none;color:var(--tinte)}
.karte-link:hover{border-color:var(--gruen)}
.kasten{background:#fff;border:1px solid var(--linie);border-left:4px solid var(--gruen);padding:clamp(20px,3vw,32px)}
.abschnitt-hell .kasten{background:#fff}

/* Listen */
.haken-liste{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.haken-liste li{position:relative;padding-left:2rem}
.haken-liste li::before{content:"";position:absolute;left:0;top:.35em;width:1.1rem;height:.6rem;border-left:3px solid var(--gruen-auf-dunkel);border-bottom:3px solid var(--gruen-auf-dunkel);transform:rotate(-45deg)}
.abschnitt-dunkel .haken-liste b{color:#fff}
.haken-hell li::before{border-color:var(--gruen)}
.nummern-liste{margin:0;padding:0;list-style:none;counter-reset:n;display:grid;gap:.6rem}
.nummern-liste li{counter-increment:n;display:flex;gap:1rem;align-items:baseline;background:#fff;border:1px solid var(--linie);padding:.8rem 1rem}
.nummern-liste li::before{content:counter(n);font-family:var(--titel);font-size:1.4rem;color:var(--akzent);min-width:1.2rem}
.schritte{list-style:none;margin:1.8rem 0 0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:20px}
.schritte li{counter-increment:s;position:relative;padding:1.4rem 1.3rem 1.3rem;background:#fff;border:1px solid var(--linie);display:flex;flex-direction:column;gap:.4rem}
.schritte li::before{content:counter(s,decimal-leading-zero);font-family:var(--titel);font-size:2.6rem;line-height:1;color:var(--gruen)}
.schritte b{font-family:var(--titel);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem}
.schritte span{color:var(--tinte-2)}
.orte{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.orte li{padding:.35rem .8rem;background:var(--papier-2);border:1px solid var(--linie);font-size:1rem}
.orte-leicht li{background:#fff;border-style:dashed}
.orte-klein li{font-size:.92rem;padding:.25rem .6rem}

/* Ortsseiten */
.fakten{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.fakten li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--linie)}
.fakten span{color:var(--tinte-2)}
.fakten b{font-family:var(--titel);font-weight:400;font-size:1.15rem;letter-spacing:.03em;white-space:nowrap}
.fakten-abstand{margin-top:1.4rem}
.fakten-quelle{margin:1rem 0 0}
.h2-klein{font-size:clamp(1.5rem,3vw,2.1rem)}
.weiter-links{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.orte a{text-decoration:none;color:var(--tinte)}
.orte li:has(a):hover{border-color:var(--gruen);background:var(--gruen-hell)}

/* Person */
.person{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;max-width:980px}
.person-bild{width:220px;height:auto;aspect-ratio:2/3;object-fit:cover;border-bottom:5px solid var(--gruen);box-shadow:var(--schatten)}
.bild-rahmen{margin:0}
.bild-rahmen img{width:100%;height:auto;border-bottom:6px solid var(--gruen)}
.bild-rahmen figcaption{font-size:.92rem;color:var(--tinte-2);margin-top:.6rem}

/* Fragen */
.fragen{border-top:1px solid var(--linie-2);margin-top:1.4rem}
.fragen details{border-bottom:1px solid var(--linie-2)}
.fragen summary{cursor:pointer;list-style:none;padding:1.1rem 2.6rem 1.1rem 0;position:relative;font-weight:700;font-size:1.12rem}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"+";position:absolute;right:.4rem;top:.7rem;font-family:var(--titel);font-size:1.8rem;color:var(--akzent);transition:transform .2s}
.fragen details[open] summary::after{transform:rotate(45deg)}
.antwort{padding:0 0 1.2rem;color:var(--tinte-2);max-width:70ch}

/* Vergleich */
.vergleich{margin-top:1.6rem;border:1px solid var(--linie);background:#fff}
.vergleich-zeile{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 2fr;border-top:1px solid var(--linie)}
.vergleich-zeile:first-child{border-top:0}
.vergleich-zeile>span{padding:.85rem 1rem}
.vergleich-zeile>span:first-child{font-weight:700;color:var(--tinte-2)}
.vergleich-kopf{background:var(--nacht);color:#fff;font-family:var(--titel);text-transform:uppercase;letter-spacing:.06em}
.vergleich-kopf>span:first-child{color:#fff}

/* Schnellprüfung */
.pruefung{background:#fff;border:1px solid var(--linie);border-top:4px solid var(--gruen);padding:clamp(20px,3vw,32px);box-shadow:var(--schatten);display:grid;gap:1.2rem}
.pruefung fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.pruefung legend{font-weight:700;margin-bottom:.6rem;width:100%}
.pruefung label{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid var(--linie-2);cursor:pointer;background:var(--papier-2)}
.pruefung label:has(input:checked){border-color:var(--akzent);background:var(--gruen-hell)}
.pruefung input{accent-color:var(--akzent)}
.ergebnis{padding:1.2rem 1.3rem;background:var(--nacht);color:var(--auf-nacht)}
.ergebnis b{display:block;font-family:var(--titel);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:1.5rem;color:var(--gruen-auf-dunkel);margin-bottom:.4rem}
.ergebnis p{margin:0 0 .8rem}
.ergebnis a{color:#fff}

/* Kontakt und Formular */
.kontakt{background:var(--nacht);color:var(--auf-nacht)}
.kontakt h1,.kontakt h2{color:#fff}
.kontakt .dachzeile,.kontakt .unterzeile{color:var(--gruen-auf-dunkel)}
.kontakt a{color:#fff}
.kontakt .krumen,.kontakt .krumen a,.kontakt .klein{color:var(--auf-nacht-2)}
.kontakt-raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.kontakt-direkt{font-family:var(--titel);font-size:1.5rem;letter-spacing:.04em;line-height:1.5;margin-top:1.6rem}
.kontakt-direkt a{text-decoration:none}
.meldung-ok{background:var(--ok-hell);color:var(--ok);padding:.9rem 1.1rem;font-weight:700}
.formular{background:#fff;color:var(--tinte);padding:clamp(20px,3vw,36px);display:grid;gap:1.1rem}
.formular a{color:var(--akzent)}
.formular fieldset{border:0;margin:0;padding:0}
.formular legend{font-weight:700;margin-bottom:.6rem}
.wahl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.wahl-knopf{display:flex;align-items:center;gap:.55rem;padding:.65rem .8rem;border:1px solid var(--linie-2);cursor:pointer;background:var(--papier-2);font-size:1rem;line-height:1.25}
.wahl-knopf:has(input:checked){border-color:var(--akzent);background:var(--gruen-hell)}
.wahl-knopf input{accent-color:var(--akzent);flex:none}
.felder{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1rem}
.formular label:not(.wahl-knopf){display:grid;gap:.3rem;font-size:.95rem;font-weight:700;color:var(--tinte-2)}
.formular input[type=text],.formular input[type=email],.formular input[type=tel],.formular select,.formular textarea{width:100%;font:inherit;font-weight:400;color:var(--tinte);padding:.65rem .75rem;border:1px solid var(--linie-2);background:#fff;border-radius:0;min-height:46px}
.formular textarea{resize:vertical}
.formular input:focus,.formular select:focus,.formular textarea:focus{outline:2px solid var(--gruen);outline-offset:0;border-color:var(--gruen)}
.feld-breit{grid-column:1/-1}
.feld-versteckt{position:absolute;left:-9999px}
.formular-hinweis{font-size:.88rem;color:var(--tinte-3);margin:0}
.formular .knopf{justify-self:start}
.formular-meldung{margin:0;font-weight:700}
.formular-meldung.ok{color:var(--ok)}
.formular-meldung.fehler{color:var(--fehler)}
.formular.gesendet .felder,.formular.gesendet fieldset,.formular.gesendet .feld-breit,.formular.gesendet .knopf,.formular.gesendet .formular-hinweis{display:none}
.formular.gesendet .formular-meldung{background:var(--ok-hell);padding:1.2rem}

/* Rechtstexte */
.rechtstext h2{font-size:1.5rem;margin:2rem 0 .6rem}

/* Fuß */
.fuss{background:var(--fuss);color:var(--auf-nacht-2);padding-block:clamp(48px,6vw,72px) 28px;font-size:1rem}
.kontakt+.fuss{border-top:1px solid var(--nacht-3)}
.fuss a{color:var(--auf-nacht);text-decoration:none}
.fuss a:hover{text-decoration:underline;color:#fff}
.fuss-raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(24px,4vw,56px)}
.fuss-logo{width:190px;height:auto;background:#fff;padding:10px 14px;margin-bottom:1.2rem}
.fuss-titel{color:#fff;font-family:var(--titel);text-transform:uppercase;font-size:1.1rem;letter-spacing:.04em;margin-bottom:.8rem}
.fuss-liste{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.fuss-betreiber{margin:1.2rem 0 1.4rem;line-height:1.65}
.fuss-unten{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--nacht-3);font-size:.92rem}
.fuss-unten p{margin:0}
.fuss-hinweis{flex-basis:100%;font-size:.86rem}

/* Schnellkontakt auf dem Telefon */
.schnell{display:none}
@media (max-width:760px){
  .schnell{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--nacht);border-top:1px solid var(--nacht-3)}
  .schnell a{padding:.9rem;text-align:center;color:#fff;text-decoration:none;font-family:var(--titel);text-transform:uppercase;letter-spacing:.1em;font-size:.95rem}
  .schnell a+a{background:var(--akzent)}
  body{padding-bottom:54px}
}

/* Schmale Bildschirme */
@media (max-width:980px){
  .held-raster,.zwei-spalten,.kontakt-raster,.person{grid-template-columns:minmax(0,1fr)}
  .karten.drei{grid-template-columns:minmax(0,1fr)}
  .fuss-raster{grid-template-columns:1fr 1fr}
  .fuss-raster>div:first-child{grid-column:1/-1}
  .person-bild{width:180px}
}
@media (max-width:640px){
  body{font-size:18px}
  .karten.zwei,.wahl,.felder{grid-template-columns:minmax(0,1fr)}
  .fuss-raster{grid-template-columns:1fr}
  .vergleich-zeile{grid-template-columns:1fr 1fr}
  .vergleich-zeile>span:first-child{grid-column:1/-1;padding-bottom:0}
  .vergleich-kopf>span:first-child{display:none}
  .skala-stufe{--breite:calc(48% + var(--i) * 5.2%)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}