/* ===== Schriften (lokal eingebunden, keine Verbindung zu Google) ===== */
@font-face{font-family:"Righteous";src:url("../fonts/righteous-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

/* ===== Farben & Grundwerte – hier zentral anpassen ===== */
:root{
  --gelb:#F9BB2C; --blau:#0084CA; --blau-dunkel:#006fa9; --hellblau:#D8EAF6;
  --text:#2b2b2b; --weiss:#fff; --gedaempft:#5a4a1c; --feld:#fffdf6; --fehler:#b3261e;
  --display:"Righteous","Arial Rounded MT Bold","Trebuchet MS",sans-serif;
  --body:"Poppins","Segoe UI",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--gelb);color:var(--text);font-family:var(--body);font-size:1.0625rem;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--blau)}
:focus-visible{outline:3px solid var(--blau);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.wrap{max-width:62rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,3.5rem)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--blau);color:#fff;padding:.5rem 1rem;z-index:10}
.skip-link:focus{left:1rem}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== Kopf ===== */
.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-top:clamp(2rem,6vw,4rem);flex-wrap:wrap}
.site-logo img{width:clamp(9rem,26vw,13rem)}
.claim{font-family:var(--display);font-weight:400;color:var(--blau);font-size:clamp(2.2rem,6.4vw,4.4rem);line-height:1.02;text-align:right;margin:0}
.claim span{display:block}
.claim.klein{font-size:clamp(1.6rem,4vw,2.4rem)}

/* ===== Fragen ===== */
.fragen{list-style:none;margin:clamp(3rem,8vw,5.5rem) 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem}
.fragen li{background:var(--hellblau);color:var(--blau);font-weight:700;font-size:clamp(1.05rem,2.3vw,1.45rem);line-height:1.3;padding:.3em .55em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ===== Abschnitte ===== */
.abschnitt{margin-top:clamp(3.5rem,9vw,6rem)}
.gepunktet{border:6px dotted var(--blau);border-radius:28px;padding:clamp(1.25rem,3.5vw,2.25rem)}
.titel-gross{font-family:var(--display);font-weight:400;color:var(--blau);font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.05;margin:0 0 1.25rem}
.titel-linie{font-weight:700;color:var(--blau);font-size:clamp(1.15rem,2.4vw,1.5rem);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:5px dotted var(--blau);text-transform:uppercase}

/* ===== Karte (Zwei-Klick-Lösung) ===== */
.karte{position:relative;width:100%;aspect-ratio:4/3;background:var(--weiss);border-radius:14px;overflow:hidden}
@media (min-width:48rem){.karte{aspect-ratio:16/9}}
.karte iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.karte-hinweis{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;padding:1.5rem;font-size:.95rem;color:var(--gedaempft)}
.karte-hinweis p{max-width:40ch;margin:0}
.karte-link{display:inline-block;margin-top:.75rem;font-size:.9rem}

/* ===== Buttons ===== */
.btn{font-family:var(--display);font-size:1.5rem;background:var(--blau);color:#fff;border:0;border-radius:999px;padding:.55em 1.6em;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}
.btn:hover{background:var(--blau-dunkel);color:#fff}
.btn-klein{font-family:var(--body);font-weight:600;font-size:.95rem;padding:.6em 1.3em}
.cta{display:flex;justify-content:center;margin-top:clamp(2rem,5vw,3rem)}

/* ===== Formular ===== */
.formular-klappe{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.formular-klappe.offen{grid-template-rows:1fr}
.formular-klappe>div{overflow:hidden}
.no-js .formular-klappe{grid-template-rows:1fr}
.karte-weiss{background:var(--weiss);border-radius:22px;padding:clamp(1.25rem,4vw,2.25rem);margin-top:1.5rem}
.feld{margin-bottom:1.1rem}
.feld label{display:block;font-weight:600;color:var(--blau);margin-bottom:.35rem}
.feld input[type=text],.feld textarea{width:100%;font:inherit;color:var(--text);background:var(--feld);border:2px solid var(--hellblau);border-radius:10px;padding:.65rem .8rem}
.feld input:focus,.feld textarea:focus{border-color:var(--blau);outline:none}
.feld textarea{min-height:9rem;resize:vertical}
.feld-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;margin-bottom:1.25rem}
.feld-check input{margin-top:.3rem;width:1.1rem;height:1.1rem;accent-color:var(--blau)}
.hp{position:absolute;left:-9999px}
.meldung{padding:1rem 1.25rem;border-radius:12px;font-weight:600;margin-top:1.5rem}
.meldung.ok{background:var(--hellblau);color:var(--blau)}
.meldung.fehler{background:#fde8e6;color:var(--fehler)}

/* ===== ISEK-Text ===== */
.isek-text{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(1rem,1.9vw,1.2rem);line-height:1.7}
.isek-text strong{color:var(--blau)}

/* ===== News ===== */
.news-liste{display:flex;flex-direction:column;gap:2.25rem}
.news{border-left:5px solid var(--blau);padding-left:1.25rem}
.news time{font-size:.85rem;color:var(--gedaempft);font-weight:500}
.news h2,.news h3{margin:.1rem 0 .5rem;color:var(--blau);font-size:1.3rem;line-height:1.3}
.news h2 a,.news h3 a{text-decoration:none;color:inherit}
.news h2 a:hover,.news h3 a:hover{text-decoration:underline}
.news p{margin:0 0 .6rem;max-width:68ch}
.leer{color:var(--gedaempft)}
.mehr{margin-top:2rem}
.pagination{display:flex;gap:1rem;margin-top:2.5rem;font-weight:600}

/* ===== Einzelseiten / Beiträge ===== */
.inhalt{max-width:44rem;margin-top:clamp(2.5rem,7vw,4rem)}
.inhalt h1{font-family:var(--display);font-weight:400;color:var(--blau);font-size:clamp(1.9rem,4.6vw,2.8rem);line-height:1.1;margin:0 0 .5rem}
.inhalt h2,.inhalt h3{color:var(--blau)}
.inhalt .meta{color:var(--gedaempft);font-size:.9rem;margin-bottom:2rem}
.inhalt img{border-radius:12px}
.zurueck{display:inline-block;margin-top:3rem;font-weight:600}

/* ===== Fuß ===== */
.site-footer{margin-top:clamp(4rem,10vw,7rem);padding:1.5rem 0 2rem}
.site-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;flex-wrap:wrap}
.fuss-menu{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0;font-size:.9rem}
.fuss-menu a{color:var(--gedaempft)}
.fuss-logos{width:min(19rem,70vw)}