:root{--fach-navy:#0d2b55;--fach-tinte:#0e1b3d;--fach-blau:#1b4fd8;--fach-lime:#d8ff58;--fach-papier:#f7f8fb;--fach-linie:#d7dfed;--fach-grau:#5d6b86}.fachthema-seite{background:var(--fach-papier);color:var(--fach-tinte);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}.fachthema-seite *,.fachthema-seite :before,.fachthema-seite :after{box-sizing:border-box}.fachthema-seite h1,.fachthema-seite h2,.fachthema-seite h3,.fachthema-seite p{margin-top:0}.fach-schiene{width:min(var(--schiene), calc(100% - var(--schiene-luft)));margin-inline:auto}.fachthema-seite main a:focus-visible{outline:2px solid var(--fach-blau);outline-offset:3px;border-radius:4px}.fach-hero{background:var(--fach-navy);color:#fff;padding:clamp(56px,8vw,92px) 0 clamp(54px,7vw,82px);position:relative;overflow:hidden}.fach-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#5088ff7a,#0000 68%);border-radius:50%;width:500px;height:500px;position:absolute;top:-250px;right:-170px}.fach-hero .fach-schiene{z-index:1;position:relative}.fach-eyebrow,.fach-label{color:#8fb1ed;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:18px;font:10px JetBrains Mono,ui-monospace,monospace}.fach-hero h1{max-width:950px;letter-spacing:var(--spur-display);text-wrap:balance;margin-bottom:24px;font-size:clamp(2.3rem,5vw,5.2rem);line-height:1}.fach-hero h1 em,.fachthema-seite h2 em{color:#7aa5ff;font-style:normal}.fach-inhalt h2 em{color:var(--fach-blau)}.fach-intro{color:#b5c5df;max-width:760px;font-size:16px;line-height:1.78}.fach-intro p{margin-bottom:14px}.fach-intro p:last-child{margin-bottom:0}.fach-sprung{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:0 0 clamp(42px,6vw,70px);padding:0;list-style:none;display:grid}.fach-sprung a,.fach-themen a{border:1px solid var(--fach-linie);min-height:62px;color:var(--fach-tinte);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;font-size:14px;font-weight:650;line-height:1.35;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.fach-sprung a:hover,.fach-themen a:hover{border-color:#9db7eb;transform:translateY(-2px);box-shadow:0 14px 32px #0d2b5517}.fach-inhalt{padding:clamp(52px,7vw,88px) 0}.fach-kopf{max-width:760px;margin-bottom:clamp(28px,4vw,46px)}.fach-kopf h2,.fach-abschluss h2{letter-spacing:var(--spur-gross);text-wrap:balance;margin-bottom:18px;font-size:clamp(1.9rem,3.4vw,3.05rem);line-height:1.05}.fach-kopf p,.fach-abschnitt p,.fach-abschluss p{color:var(--fach-grau);font-size:15px;line-height:1.78}.fach-abschnitt{max-width:850px}.fach-abschnitt+.fach-abschnitt{border-top:1px solid var(--fach-linie);margin-top:38px;padding-top:38px}.fach-abschnitt h3{margin-bottom:10px;font-size:19px;line-height:1.25}.fach-abschnitt p:last-child{margin-bottom:0}.fach-abschnitt ul,.fach-abschnitt ol{color:var(--fach-grau);margin:0 0 14px;padding-left:1.25em;font-size:15px;line-height:1.78}.fach-abschnitt li+li{margin-top:4px}.fach-abschnitt li strong{color:var(--fach-tinte)}@media (width<=560px){.fach-abschnitt ul,.fach-abschnitt ol{font-size:14.5px}}.fach-glossar{gap:10px;display:grid}.fach-glossar details{border:1px solid var(--fach-linie);background:#fff;border-radius:7px}.fach-glossar summary{cursor:pointer;padding:17px 20px;font-size:16px;font-weight:700;list-style-position:inside}.fach-glossar summary::marker{color:var(--fach-blau)}.fach-glossar details p{margin:0;padding:0 20px 19px 42px}.fach-glossar details:focus-within{border-color:#9db7eb}.fach-themen{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px;display:grid}.fach-abschluss{background:var(--fach-navy);color:#fff;padding:clamp(54px,7vw,82px) 0}.fach-abschluss-raster{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.fach-abschluss h2{color:#fff}.fach-abschluss p{color:#b5c5df;max-width:60ch}.fach-aktion{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.fach-knopf{background:var(--fach-lime);min-height:52px;color:var(--fach-navy);border-radius:7px;align-items:center;padding:0 24px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.fach-abschluss a:focus-visible{outline-color:var(--fach-lime)}@media (width<=820px){.fach-abschluss-raster{grid-template-columns:1fr;gap:22px}}@media (width<=560px){.fach-hero h1{font-size:clamp(2.15rem,10vw,3.2rem)}.fach-intro,.fach-kopf p,.fach-abschnitt p,.fach-abschluss p{font-size:14.5px}.fach-glossar details p{padding-left:30px}.fach-aktion{flex-direction:column;align-items:stretch}.fach-knopf{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.fach-sprung a,.fach-themen a{transition:none}.fach-sprung a:hover,.fach-themen a:hover{transform:none}}.fach-inhalt section.fach-abschnitt:has(>div.fach-abschnitt){counter-reset:fach-karte;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px;max-width:none;display:grid}.fach-inhalt section.fach-abschnitt:has(>div.fach-abschnitt)>.fach-kopf{grid-column:1/-1;margin-bottom:0}.fach-inhalt section.fach-abschnitt>div.fach-abschnitt,.fach-inhalt section.fach-abschnitt>div.fach-abschnitt+div.fach-abschnitt{border:0;border-top:1px solid var(--fach-linie);counter-increment:fach-karte;background:0 0;border-radius:0;max-width:none;margin:0;padding:24px 0 0 54px;position:relative}.fach-inhalt section.fach-abschnitt>div.fach-abschnitt:before{content:counter(fach-karte, decimal-leading-zero);width:36px;height:36px;color:var(--fach-blau);letter-spacing:.5px;background:#e9effd;border-radius:50%;place-items:center;font:600 11px JetBrains Mono,ui-monospace,monospace;display:grid;position:absolute;top:22px;left:0}.fach-inhalt section.fach-abschnitt>div.fach-abschnitt:last-child:nth-child(2n){grid-column:1/-1}.fach-inhalt section.fach-abschnitt>div.fach-abschnitt h3{font-size:17px}@media (width<=760px){.fach-inhalt section.fach-abschnitt:has(>div.fach-abschnitt){grid-template-columns:1fr;gap:22px}}.fach-themen{grid-template-columns:repeat(3,minmax(0,1fr))}.fach-themen a{background:var(--fach-navy);border-color:var(--fach-navy);color:#fff}.fach-themen a .kapa-icon{color:var(--fach-lime)}.fach-themen a:hover{background:#163f7d;border-color:#163f7d;box-shadow:0 14px 32px #0d2b552e}.fachthema-seite main .fach-themen a:focus-visible{outline-color:var(--fach-lime);outline-offset:3px}@media (width<=760px){.fach-themen{grid-template-columns:1fr}}.fach-abschnitt.fach-weg{max-width:none}.fach-weg-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,4.5vw,64px);display:grid}.fach-weg-medium{margin:0}.fach-weg-medium video,.fach-weg-medium img{aspect-ratio:4/5;object-fit:cover;background:var(--fach-navy);border-radius:10px;width:100%;height:auto;display:block}.fach-weg .fach-weg-schritte{gap:16px;margin:0 0 22px;padding:0;list-style:none;display:grid;position:relative}.fach-weg-schritte:before{content:"";border-left:2px dashed #9db7eb;position:absolute;top:22px;bottom:22px;left:21px}.fach-weg-schritte li{align-items:center;gap:16px;display:flex;position:relative}.fach-weg-symbol{width:44px;height:44px;color:var(--fach-blau);background:#e9effd;border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.fach-weg-symbol .kapa-icon{width:22px;height:22px}.fach-weg-schritte strong{color:var(--fach-tinte);font-size:16px;line-height:1.3;display:block}.fach-weg-schritte small{color:var(--fach-grau);font-size:14px;line-height:1.5;display:block}.fach-weg-wahl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fach-weg-karte{border:1px solid var(--fach-linie);color:var(--fach-tinte);background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.fach-weg-karte strong{-webkit-hyphens:manual;hyphens:manual;margin-top:8px;font-size:15px;line-height:1.25}.fach-weg-karte small{color:var(--fach-grau);font-size:13px;line-height:1.45}.fach-weg-karte:hover{border-color:#9db7eb;transform:translateY(-2px);box-shadow:0 14px 32px #0d2b5517}.fach-abschnitt.fach-faelle{max-width:none}@media (width<=900px){.fach-weg-raster{grid-template-columns:1fr}.fach-weg-medium{max-width:420px}}@media (width<=560px){.fach-weg-wahl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fach-weg-karte{transition:none}.fach-weg-karte:hover{transform:none}}.fach-hero{padding:clamp(64px,9vw,104px) 0 clamp(56px,8vw,88px)}.fach-hero h1{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;line-height:1.03}.fach-kopf h2{font-size:clamp(1.9rem,3.6vw,3.1rem);font-weight:800;line-height:1.04}.fach-abschluss h2{font-size:clamp(1.8rem,3.4vw,2.9rem);font-weight:800;line-height:1.05}.fach-abschluss p{max-width:54ch;line-height:1.75}.fach-abschluss-raster{gap:clamp(32px,5vw,64px)}.fach-inhalt .fach-label{color:var(--fach-grau)}.fach-knopf{gap:10px;padding:0 26px;transition:transform .18s,box-shadow .18s}.fach-knopf:hover{transform:translateY(-2px);box-shadow:0 16px 34px #d8ff5838}.fach-zweitknopf{color:#dce7f8;align-items:center;gap:9px;min-height:52px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.fach-zweitknopf:hover{color:var(--fach-lime)}.fach-themen a{min-height:62px}@media (prefers-reduced-motion:reduce){.fach-knopf{transition:none}.fach-knopf:hover{transform:none}}
