:root{--blau:#0a4981;--blau-dunkel:#203a54;--text:#1d2228;--grau:#5b6570;--linie:#dde3ea;--hell:#f3f6f9;--breite:46rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.65}a{color:var(--blau);text-underline-offset:2px;font-weight:600;text-decoration:underline 1px}a:hover{color:var(--blau-dunkel)}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:#fff;padding:.5rem 1rem;top:1rem;left:1rem}.kopf{background:var(--blau);color:#fff}.kopf-innen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;max-width:64rem;margin:0 auto;padding:.5rem 1rem;display:flex}.marke{color:#fff;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.marke:hover{color:#fff}.kopf nav ul{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.kopf nav a{color:#fff;border-radius:6px;padding:.4rem .7rem;font-weight:500;text-decoration:none;display:block}.kopf nav a:hover,.kopf nav a[aria-current=page]{background:var(--blau-dunkel);color:#fff}main{max-width:var(--breite);margin:0 auto;padding:1.5rem 1rem 2rem}h1{color:var(--blau);margin:.5rem 0 1rem;font-size:clamp(1.7rem,4.5vw,2.3rem);line-height:1.2}h2{margin:2.2rem 0 .8rem;font-size:1.45rem;line-height:1.3}h3{margin:1.6rem 0 .5rem;font-size:1.15rem}p,ul,ol{margin:0 0 1.1rem}li{margin-bottom:.3rem}.vorspann{color:var(--grau);font-size:1.15rem}.kapitel-nr{color:var(--grau);margin:0;font-size:.95rem}img,video{max-width:100%;height:auto}.inhalt img{border:2px solid var(--blau);border-radius:14px;width:auto;max-height:80vh;margin:1.5rem auto;display:block;box-shadow:0 4px 24px #0000001f}.inhalt picture{display:block}.inhalt video{background:#000;border-radius:14px;width:auto;max-height:80vh;margin:1.5rem auto;display:block}.hinweis{color:var(--grau);border-left:3px solid var(--linie);padding-left:.8rem;font-size:.9rem;font-style:italic}.galerie{margin:1.5rem 0}.galerie-streifen{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.galerie-streifen picture{scroll-snap-align:center;flex:none}.galerie-streifen img{border-width:1px;width:min(70vw,300px);height:auto;max-height:none;margin:0}.galerie figcaption{color:var(--grau);text-align:center;font-size:.9rem}.blaettern{grid-template-columns:1fr 1fr;gap:.75rem;margin:2.5rem 0 1.5rem;display:grid}.blaettern a{border:1px solid var(--linie);background:var(--hell);border-radius:10px;padding:.8rem 1rem;text-decoration:none;display:block}.blaettern a span{color:var(--grau);font-size:.85rem;font-weight:400;display:block}.blaettern .weiter{text-align:right;grid-column:2}.kapitel{background:var(--hell);border-radius:12px;margin:1.5rem 0;padding:1rem 1.25rem}.kapitel h2{margin-top:0;font-size:1.15rem}.kapitel ol,.kapitel ul{margin:0;padding-left:1.3rem}.kapitel .themen-titel{margin-top:1rem}.autor{border-top:1px solid var(--linie);align-items:flex-start;gap:1rem;margin-top:2rem;padding-top:1.25rem;display:flex}.autor img{object-fit:cover;border-radius:50%;flex:none;width:72px;height:72px}.autor p{margin:0 0 .5rem}.autor-name{font-weight:700}.klein{color:var(--grau);font-size:.88rem}.liste{padding:0;list-style:none}.liste>li{border:1px solid var(--linie);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.liste h2{margin-top:0;font-size:1.2rem}form label{margin:1rem 0 .3rem;font-weight:600;display:block}form input,form textarea{width:100%;font:inherit;border:1px solid #b7c2cd;border-radius:8px;padding:.6rem .7rem}form textarea{min-height:10rem}.knopf,button{background:var(--blau);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:1.2rem;padding:.7rem 1.3rem;font-weight:600;text-decoration:none;display:inline-block}.knopf:hover,button:hover{background:var(--blau-dunkel);color:#fff}.versteckt{display:none}.hilfe{color:var(--grau);margin-top:.3rem;font-size:.88rem}.faq h2{font-size:1.2rem}.fuss{border-top:1px solid var(--linie);text-align:center;color:var(--grau);padding:1.5rem 1rem 2.5rem;font-size:.92rem}.fuss p{margin:.3rem 0}@media (width<=40rem){.kopf-innen{padding:.4rem .6rem .5rem}.marke{font-size:1.15rem}.marke svg{width:40px;height:40px}.kopf nav ul{gap:0}.kopf nav a{padding:.3rem .45rem;font-size:.9rem}.blaettern{grid-template-columns:1fr}.blaettern .weiter{grid-column:1}}.held{align-items:center;gap:1.5rem;margin-bottom:1rem;display:grid}.dachzeile{text-transform:uppercase;letter-spacing:.06em;color:var(--grau);margin:0;font-size:.8rem;font-weight:700}.held h1{margin-top:.3rem}.knoepfe{flex-wrap:wrap;gap:.6rem;display:flex}.knoepfe .knopf{margin-top:0}.knopf-hell{color:var(--blau);border:2px solid var(--blau);background:#fff}.knopf-hell:hover{background:var(--hell);color:var(--blau-dunkel)}.held-bild{margin:0}.held-bild img{border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 4px 24px #0000001f}.held-bild figcaption{color:var(--grau);text-align:center;margin-top:.4rem;font-size:.85rem}.eckdaten{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.eckdaten li{background:var(--hell);border-radius:10px;margin:0;padding:.8rem 1rem}.eckdaten strong{color:var(--blau);font-size:1.3rem;line-height:1.2;display:block}.eckdaten span{color:var(--grau);font-size:.9rem}.kacheln{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.kacheln li{margin:0}.kacheln a{border:1px solid var(--linie);border-radius:12px;height:100%;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.kacheln a:hover{border-color:var(--blau);box-shadow:0 2px 12px #0a49811f}.kachel-frage{font-size:1.05rem;display:block}.kachel-frage:after{content:" →"}.kachel-text{color:var(--grau);margin-top:.2rem;font-size:.92rem;font-weight:400;display:block}.zeitleiste{border-left:3px solid var(--linie);margin:0;padding:0 0 0 1.4rem;list-style:none}.zeitleiste li{margin:0 0 1.3rem;position:relative}.zeitleiste li:before{content:"";border:3px solid var(--blau);background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:.35rem;left:calc(-1.4rem - 8px)}.zeitleiste .phase{text-transform:uppercase;letter-spacing:.04em;color:var(--grau);font-size:.8rem;font-weight:700;display:block}.zeitleiste a{font-size:1.1rem}.zeitleiste p{color:var(--grau);margin:.2rem 0 0;font-size:.95rem}.aufruf{background:var(--blau);color:#fff;border-radius:14px;margin:2.5rem 0 1rem;padding:1.4rem 1.4rem 1.6rem}.aufruf h2{color:#fff;margin-top:0;font-size:1.3rem}.aufruf .knopf{color:var(--blau);background:#fff}.aufruf .knopf:hover{background:var(--hell);color:var(--blau-dunkel)}@media (width>=48rem){main:has(.held){max-width:60rem}.held{grid-template-columns:1.1fr 1fr}.eckdaten{grid-template-columns:repeat(3,1fr)}.kacheln{grid-template-columns:repeat(2,1fr)}main:has(.held) .inhalt,main:has(.held) .zeitleiste{max-width:var(--breite)}}.inhalt table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:.95rem}.inhalt th,.inhalt td{text-align:left;border-bottom:1px solid var(--linie);vertical-align:top;padding:.55rem .6rem}.inhalt th{background:var(--hell)}.inhalt blockquote{background:var(--hell);border-left:4px solid var(--blau);border-radius:8px;margin:1.5rem 0;padding:.9rem 1.1rem}.inhalt blockquote p{margin:0}.kurz{background:var(--hell);border-left:4px solid var(--blau);border-radius:10px;margin:0 0 1.8rem;padding:1rem 1.2rem}.kurz-titel{text-transform:uppercase;letter-spacing:.05em;color:var(--blau);margin:0 0 .4rem;font-size:.85rem;font-weight:700}.kurz ul,.kurz ol{margin:0 0 .2rem;padding-left:1.2rem}.kurz li{margin-bottom:.25rem}.kurz nav{border-top:1px solid var(--linie);margin-top:.8rem;padding-top:.7rem}.inhalt h2{scroll-margin-top:1rem}.gruppe{margin-top:2rem}.gruppe h2{margin-bottom:.1rem}.gruppe-wann{color:var(--grau);margin-bottom:.9rem;font-size:.92rem}.karten{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.karte{border:1px solid var(--linie);border-radius:12px;margin:0;padding:1rem 1.15rem 1.15rem;position:relative}.karte.wichtig{border:2px solid var(--blau)}.karte h3{margin:0 0 .35rem;font-size:1.1rem}.karte p{margin:0 0 .2rem;font-size:.97rem}.karte .knopf{margin-top:.7rem;padding:.55rem 1rem;font-size:.95rem}.abzeichen{background:var(--blau);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-bottom:.4rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}@media (width>=48rem){.karten{grid-template-columns:repeat(2,1fr)}}.aufruf .knopf-hell{color:#fff;background:0 0;border-color:#fff}.aufruf .knopf-hell:hover{background:var(--blau-dunkel);color:#fff}form .haken{align-items:flex-start;gap:.6rem;margin-top:1rem;font-size:.95rem;font-weight:400;display:flex}form .haken input{flex:none;width:auto;margin-top:.3rem}
