.fdp-view{font-family:'Public Sans',system-ui,sans-serif;color:#3a3f4b}
    .th-wrap{max-width:var(--shell);margin:0 auto;padding:0 clamp(20px,5vw,40px)}
    .th-hero{position:relative;overflow:hidden;background:#021E47;color:#fff}
    .th-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.30}
    .th-hero-schleier{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,16,40,.85),rgba(2,16,40,.35))}
    .th-hero-in{position:relative;padding-top:var(--section);padding-bottom:var(--section)}
    .th-marke{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}
    .th-marke span{width:26px;height:4px;background:#FFE000;display:block}
    .th-hero h1{font-weight:900;font-size:clamp(32px,4.8vw,56px);line-height:1.08;margin:0 0 16px;color:#fff}
    .th-hero p{font-size:18px;line-height:1.55;max-width:640px;margin:0;color:#fff}
    .th-uebersicht{background:#fff;padding:clamp(32px,5vw,56px) 0 0}
    .th-kacheln{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(20px,3vw,40px)}
    @media(min-width:900px){.th-kacheln{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:520px){.th-kacheln{grid-template-columns:1fr}}
    .th-kachel{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-content:start;padding:16px 0 18px;border-top:3px solid #032D67;text-decoration:none;color:#3a3f4b;min-height:44px;margin-bottom:12px}
    .th-kachel .th-kn{grid-row:span 2;min-width:1.5em;font-weight:900;font-size:22px;color:#032D67;line-height:1.2}
    .th-kachel strong{font-weight:800;font-size:17px;color:#1b2130;line-height:1.25}
    .th-kachel span:last-child{font-size:15px;line-height:1.4}
    .th-kachel:hover strong{text-decoration:underline;text-underline-offset:3px}
    .th-kachel:focus-visible,.th-mehr summary:focus-visible,.th-btn:focus-visible,.th-dl a:focus-visible{outline:3px solid #0A76A8;outline-offset:3px;border-radius:7px}
    .th-sek{padding:var(--section) 0;background:#fff}
    .th-sek.th-hell{background:#F6F8FB}
    .th-zeile{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,56px);align-items:center}
    @media(min-width:900px){.th-zeile{grid-template-columns:1.05fr .95fr}.th-zeile.th-flip{grid-template-columns:.95fr 1.05fr}.th-flip .th-text{order:2}.th-flip .th-medien{order:1}}
    /* Kachel und Bild so hoch wie die Textspalte, auch wenn „Mehr zu diesem Schwerpunkt“ aufgeklappt ist (Timo, 28.10.) */
    @media(min-width:900px){.th-zeile{align-items:stretch}.th-text{align-self:center}.th-medien,.th-bild,.th-flaeche{height:100%;min-height:260px}.th-bild{position:relative}.th-zeile .th-bild img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}}
    /* Aufgeklappt behält die Kachel die zugeklappte Höhe (gemessen in static-app.js) und läuft neben dem Text mit */
    @media(min-width:900px){.th-zeile.th-fix .th-medien{align-self:start;height:var(--th-h);position:sticky;top:var(--th-top,96px)}}
    .th-text h2,.th-umfrage h2,.th-schluss h2{font-weight:900;font-size:clamp(26px,3.4vw,38px);line-height:1.12;margin:0 0 14px;color:#032D67}
    .th-kern{font-size:19px;line-height:1.5;color:#1b2130;margin:0 0 20px;max-width:56ch}
    .th-fo{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
    .th-fo li{border-left:4px solid #FFE000;padding:4px 0 4px 14px;font-size:16px;line-height:1.45;color:#1b2130;font-weight:600}
    .th-zahl{margin:0 0 20px;display:grid;gap:4px}
    .th-zahl-n{font-weight:900;font-size:clamp(52px,7vw,84px);line-height:1;color:#032D67}
    .th-zahl-n small{font-size:.5em;color:#0A76A8}
    .th-zahl-t{font-size:16px;line-height:1.45;max-width:46ch}
    .th-bild img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px}
    .th-flaeche{background:#032D67;border-radius:7px;padding:clamp(28px,5vw,56px);min-height:260px;display:flex;align-items:center}
    .th-flaeche .th-zahl{margin:0}
    .th-flaeche .th-zahl-n{color:#fff}
    .th-flaeche .th-zahl-n small{color:#FFE000}
    .th-flaeche .th-zahl-t{color:#fff}
    .th-mehr{border-top:1px solid rgba(3,45,103,.16);border-bottom:1px solid rgba(3,45,103,.16);interpolate-size:allow-keywords}
    .th-mehr summary{cursor:pointer;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#032D67;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;transition:color .2s ease}
    .th-mehr summary::-webkit-details-marker{display:none}
    .th-mehr summary::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:#032D67 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .2s ease}
    .th-mehr summary:hover{color:#0A76A8}
    .th-mehr summary:hover::after{background-color:#0A76A8}
    .th-mehr[open] summary::after{transform:rotate(180deg)}
    .th-mehr::details-content{block-size:0;overflow:clip;transition:block-size .4s cubic-bezier(.22,1,.36,1),content-visibility .4s allow-discrete}
    .th-mehr[open]::details-content{block-size:auto}
    .th-mehr[open] .th-mehr-in{animation:th-mehr-auf .4s cubic-bezier(.22,1,.36,1)}
    @keyframes th-mehr-auf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
    @media (prefers-reduced-motion:reduce){.th-mehr summary::after,.th-mehr::details-content{transition:none}.th-mehr[open] .th-mehr-in{animation:none}}
    .th-mehr-in{padding:0 0 18px;max-width:60ch}
    .th-mehr-in h4{font-weight:800;font-size:16px;color:#1b2130;margin:14px 0 4px}
    .th-mehr-in h4:first-child{margin-top:2px}
    .th-mehr-in p{margin:0;font-size:16px;line-height:1.6}
    .th-umfrage{background:#032D67;color:#fff;padding:var(--section) 0}
    .th-umfrage h2{color:#fff}
    .th-u-lead{font-size:18px;margin:0 0 28px;color:#fff}
    .th-balken{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:22px;max-width:860px}
    .th-balken li{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:8px;align-items:baseline}
    .th-bw{font-weight:900;font-size:clamp(26px,3.4vw,34px);color:#FFE000;line-height:1;min-width:3.6em}
    .th-bw small{font-size:.55em}
    .th-bt{font-size:17px;line-height:1.35;color:#fff}
    .th-bar{grid-column:1 / -1;height:12px;background:rgba(255,255,255,.18);border-radius:7px;overflow:hidden;display:block}
    .th-bar i{display:block;height:100%;background:#FFE000;border-radius:7px}
    .th-hinweis{max-width:70ch;font-size:15px;line-height:1.6;margin:0;color:#fff;border-top:1px solid rgba(255,255,255,.3);padding-top:16px}
    .th-schluss{background:#F1F5FA;padding:var(--section) 0}
    .th-knoepfe{display:flex;flex-wrap:wrap;gap:12px}
    .th-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 24px;border-radius:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:14px;text-decoration:none;white-space:nowrap}
    .th-btn-blau{background:#032D67;color:#fff;border:2px solid #032D67}
    .th-btn-rand{background:transparent;color:#032D67;border:2px solid #7C8CA8}
    .th-btn:hover{filter:brightness(1.12)}
    .th-dl-titel{font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.08em;color:#032D67;margin:0 0 6px}
    .th-dl{list-style:none;margin:0;padding:0}
    .th-dl li{border-top:1px solid #C3CDDD}
    .th-dl li:last-child{border-bottom:1px solid #C3CDDD}
    .th-dl a{display:grid;padding:14px 0;text-decoration:none;color:#3a3f4b;min-height:44px}
    .th-dl a strong{color:#032D67;font-size:17px;font-weight:800}
    .th-dl a:hover strong{text-decoration:underline}
    .th-sek[id]{scroll-margin-top:84px}