/* CRA Response Center. Klarer, heller Auftritt: Weiss und kuehles Hellgrau, Marineblau
   als Schriftfarbe, ein Akzent. Schrift: Geist (variabel, selbst gehostet). */
@font-face{font-family:"Geist";font-weight:100 900;font-style:normal;font-display:swap;src:url("/assets/fonts/Geist-Variable.woff2") format("woff2")}

:root{
  --weiss:#FFFFFF; --grund:#F6F8FC; --linie:#E3E8F0; --linie-2:#CDD5E1;
  --marine:#0B2239; --text:#0B2239; --text-2:#46566B; --text-3:#64748B;
  --akzent:#5A4BFF; --akzent-tief:#4334E0; --akzent-hell:#EEECFF;
  --rot:#DF1B41; --rot-hell:#FDECEF; --gruen:#0E9F6E; --gruen-tief:#067A55; --gruen-hell:#E3F7EF;
  --gelb-tief:#8A5A00; --gelb-hell:#FFF3D6; --blau-tief:#1552C2; --blau-hell:#E6EFFE;
  --schrift:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rand:clamp(20px,4vw,40px);
  --r-klein:6px; --r:10px; --r-gross:14px;
  --schatten-1:0 1px 2px rgba(11,34,57,.06),0 2px 6px -1px rgba(11,34,57,.08);
  --schatten-2:0 13px 27px -5px rgba(50,50,93,.18),0 8px 16px -8px rgba(11,34,57,.22);
  --schatten-3:0 50px 100px -20px rgba(50,50,93,.22),0 30px 60px -30px rgba(11,34,57,.28);
  --aus:cubic-bezier(.16,1,.3,1);
  --kopf:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;scrollbar-color:var(--linie-2) var(--weiss);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--weiss);color:var(--text);font:400 1.0625rem/1.6 var(--schrift);font-feature-settings:"ss01";caret-color:var(--akzent);accent-color:var(--akzent);-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--akzent);color:#fff}
:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:4px}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.07em}
img,svg{max-width:100%;display:block}
h1,h2,h3{margin:0;text-wrap:balance;font-weight:600;overflow-wrap:break-word}
@media (max-width:600px){h1,h2,h3{hyphens:auto}} /* lange Komposita ("Cybersicherheitsanforderungen") sonst rechts abgeschnitten */
p{margin:0;text-wrap:pretty}
.wrap{width:min(1160px,100% - 2*var(--rand));margin-inline:auto}
.skip{position:absolute;left:12px;top:-80px;z-index:60;background:var(--marine);color:#fff;padding:10px 16px;border-radius:999px;font-weight:500}
.skip:focus{top:12px}

/* Kopfleiste */
.top{position:sticky;top:0;z-index:30;background:var(--weiss);transition:box-shadow .3s var(--aus)}
.top.is-unten{box-shadow:0 1px 0 var(--linie),0 8px 24px -16px rgba(11,34,57,.25)}
.top__row{display:flex;align-items:center;gap:28px;min-height:var(--kopf)}
.marke{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:1.0625rem;letter-spacing:-.015em;white-space:nowrap}
.marke svg{width:28px;height:28px;flex:none}
.marke__ring{stroke-dasharray:1;stroke-dashoffset:0;animation:marke-zug 9s cubic-bezier(.4,0,.2,1) infinite}
.marke__ring--innen{animation-delay:.3s}
@keyframes marke-zug{0%{stroke-dashoffset:1}16%{stroke-dashoffset:0}80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.marke__wort{display:inline-flex;white-space:pre}
.marke__mass{position:absolute;left:0;top:0;visibility:hidden;white-space:pre;pointer-events:none}
.marke b{font-weight:inherit}
.marke__rest,.marke__auf{display:inline-block;max-width:12em;overflow:hidden;opacity:1;transition:max-width 1.2s var(--aus),opacity .9s var(--aus) .15s}
.marke__auf,.top.is-kurz .marke__rest,.top:not(.is-bereit) .marke__rest{max-width:0;opacity:0}
.top.is-kurz .marke__auf,.top:not(.is-bereit) .marke__auf{max-width:6em;opacity:1}
/* Erst einklappen, dann ausklappen: sonst sind kurz beide Fassungen halb sichtbar, das Logo wird breiter als beide und schiebt den Demo-Knopf. */
.top.is-bereit:not(.is-kurz) .marke__rest,.top.is-kurz .marke__auf{transition-delay:.4s,.55s}
.top__nav{display:flex;gap:clamp(16px,2.2vw,30px);margin-left:auto}
.top__nav a{text-decoration:none;font-weight:500;font-size:.9375rem;color:var(--text);padding:6px 0;transition:color .2s var(--aus)}
.top__nav a:hover,.top__nav a.is-aktiv{color:var(--akzent)}
.top__nav{align-items:center;align-self:stretch} /* volle Kopfhoehe, damit .mega bis an das Panel reicht (sonst Hover-Luecke) */
.top__trenner{width:1px;height:18px;background:var(--linie-2)}
.streifen{display:none}
/* Mega-Menue Werkzeuge (seit 2026-10-08): oeffnet per Hover und Fokus, ohne JS; site.js ergaenzt Escape und aria-expanded. */
.top__row{position:relative}
.mega{display:flex;align-items:center;align-self:stretch}
.top__nav .mega__ausloeser{display:inline-flex;align-items:center;gap:5px}
.mega__winkel{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--aus)}
.mega__panel{position:absolute;top:100%;right:0;width:min(760px,100%);padding-top:6px;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .2s var(--aus),transform .25s var(--aus),visibility 0s linear .2s;z-index:40}
.mega:hover .mega__panel,.mega:focus-within .mega__panel{visibility:visible;opacity:1;transform:none;transition-delay:.06s,.06s,0s}
.mega.is-zu .mega__panel{visibility:hidden;opacity:0;transition:none}
.mega:hover .mega__winkel,.mega:focus-within .mega__winkel{transform:rotate(180deg)}
.mega.is-zu .mega__winkel{transform:none}
.mega:hover .mega__ausloeser,.mega:focus-within .mega__ausloeser{color:var(--akzent)}
.mega__box{overflow:hidden;border-radius:var(--r-gross);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-2)}
.mega__karte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8px;padding:8px}
.top__nav .mega__kit{display:grid;align-content:start;gap:4px;padding:16px 18px 18px;border-radius:var(--r);background:var(--grund);color:var(--text)}
.mega__bilder{position:relative;display:block;aspect-ratio:1200/760;margin:0 0 10px;overflow:hidden;border-radius:8px;box-shadow:var(--schatten-1);background:var(--grund)}
.mega__bilder img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s var(--aus)}
.mega__bilder img.ist-an{opacity:1}
.mega__marke{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--akzent-tief)}
.mega__kit b{font-size:1rem;font-weight:600;letter-spacing:-.01em}
.mega__text{font-size:.8438rem;line-height:1.5;color:var(--text-2);font-weight:400}
.mega__kit .link{margin-top:6px;font-size:.875rem;color:var(--akzent-tief)}
.mega__kit:hover{background:var(--akzent-hell)}
.mega__liste{list-style:none;margin:0;padding:4px 0;display:grid;align-content:start;gap:2px}
.top__nav .mega__liste a,.menue__werkzeuge a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;padding:12px 14px;border-radius:var(--r);color:var(--text);transition:background .2s var(--aus)}
.mega__liste a:hover{background:var(--grund)}
.mega__liste i{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r);background:var(--akzent-hell);color:var(--akzent-tief);transition:background .2s var(--aus),color .2s var(--aus)}
.mega__liste a:hover i{background:var(--akzent);color:#fff}
.mega__liste svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mega__liste b{display:block;font-size:.9375rem;font-weight:600;line-height:1.35}
.mega__liste span span{display:block;margin-top:2px;font-size:.8438rem;line-height:1.45;color:var(--text-3);font-weight:400}
.mega__liste a:hover b{color:var(--akzent)}
.mega__fuss{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 22px;border-top:1px solid var(--linie);background:var(--grund);font-size:.8438rem;color:var(--text-3)}
.top__nav .mega__fuss a{font-weight:600;color:var(--akzent-tief)}
.top__nav .mega__fuss a{font-size:.8438rem}
.top__nav .mega__fuss a:hover{color:var(--akzent)}
@media (prefers-reduced-motion:reduce){.mega__panel,.mega__winkel,.mega__bilder img{transition:none}}

/* Menue fuer schmale Fenster (seit 2026-10-08): Knopf im Kopf, Panel darunter, site.js oeffnet und schliesst. */
.menue-knopf,.menue{display:none}
.menue__inhalt{padding-block:4px 32px}
.menue__titel{margin:22px 0 4px;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.menue__titel span{margin-left:6px;font-weight:400;letter-spacing:0;text-transform:none}
.menue__links{list-style:none;margin:0;padding:0}
.menue__links a{display:block;padding:12px 0;border-bottom:1px solid var(--linie);font-size:1.0625rem;font-weight:500;color:var(--text);text-decoration:none}
.menue__links li:last-child a{border-bottom:0}
.menue__links a:hover{color:var(--akzent)}
.menue__werkzeuge{margin:0 -14px;padding:0}
.menue__werkzeuge a{text-decoration:none}
.menue__demo{width:100%;margin-top:24px}

/* Knoepfe und Links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px 0 22px;font:600 1rem/1 var(--schrift);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;border:0;border-radius:999px;cursor:pointer;transition:background-color .2s var(--aus),color .2s var(--aus),box-shadow .2s var(--aus)}
@media (max-width:400px){.btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px}} /* lange Knopftexte ("Meldung senden / Submit report") sonst breiter als 320 px */
.btn--primary{background:var(--akzent);color:#fff}
.btn--primary:hover{background:var(--marine)}
.btn[hidden]{display:none}
.btn--klein{min-height:36px;padding:0 14px 0 16px;font-size:.9375rem}
.btn--leise{background:var(--weiss);color:var(--text);box-shadow:inset 0 0 0 1px var(--linie-2)}
.btn--leise:hover{box-shadow:inset 0 0 0 1px var(--text-3)}
.btn[aria-disabled="true"]{cursor:progress;color:var(--text-3)}
.pfeil{width:10px;height:10px;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pfeil__linie{opacity:0;transition:opacity .2s var(--aus)}
.pfeil__spitze{transition:transform .2s var(--aus)}
a:hover>.pfeil .pfeil__linie,button:hover>.pfeil .pfeil__linie{opacity:1}
a:hover>.pfeil .pfeil__spitze,button:hover>.pfeil .pfeil__spitze{transform:translateX(3px)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--akzent);text-decoration:none}
.link:hover{color:var(--marine)}

/* Erster Bildschirm */
.hero{position:relative;overflow-x:clip;padding-block:clamp(40px,6vw,84px) clamp(56px,7vw,104px)}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero h1{font-size:clamp(2.3rem,4.4vw,3.625rem);line-height:1.06;letter-spacing:-.035em;max-width:11.5em}
.lead{font-size:clamp(1.125rem,1.5vw,1.25rem);line-height:1.55;color:var(--text-2)}
.hero .lead{margin-top:22px;max-width:34em}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.hero__note{margin-top:26px;font-size:.9375rem;color:var(--text-3);max-width:36em}
.hero__note a{color:var(--text-2)}
.hero__note a:hover{color:var(--akzent)}
.hero__glow{position:absolute;top:-90px;right:-12%;width:min(74%,980px);height:calc(100% + 60px);pointer-events:none;-webkit-mask-image:radial-gradient(64% 60% at 58% 46%,#000 42%,transparent 100%);mask-image:radial-gradient(64% 60% at 58% 46%,#000 42%,transparent 100%)}
.hero__glow i{position:absolute;border-radius:50%;filter:blur(54px);opacity:.9;animation:treiben 22s var(--aus) infinite alternate}
.hero__glow i:nth-child(1){width:46%;height:52%;left:8%;top:10%;background:#7B61FF}
.hero__glow i:nth-child(2){width:44%;height:48%;left:44%;top:4%;background:#2F9BFF;animation-duration:26s;animation-direction:alternate-reverse}
.hero__glow i:nth-child(3){width:40%;height:44%;left:50%;top:44%;background:#19CFC3;animation-duration:30s}
.hero__glow i:nth-child(4){width:36%;height:40%;left:14%;top:50%;background:#FF8A5B;opacity:.75;animation-duration:24s;animation-direction:alternate-reverse}
@keyframes treiben{from{transform:translate3d(-4%,-3%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.08)}}

/* Produktkarte im ersten Bildschirm */
.hero__ui{position:relative;padding-bottom:52px}
.ui{background:var(--weiss);border-radius:var(--r-gross);box-shadow:var(--schatten-3)}
.ui__app{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 20px;border-bottom:1px solid var(--linie);font-size:.8438rem;line-height:1.3}
.ui__marke{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.ui__marke i{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--akzent);color:var(--weiss)}
.ui__marke svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ui__raum{color:var(--text-3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui__kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid var(--linie)}
.ui__kopf>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ui__titel{font-weight:600;letter-spacing:-.01em}
.pill{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;white-space:nowrap}
.pill--rot{background:var(--rot-hell);color:#B3123A}
.ui--postfach.pf-wartet{opacity:0}
.pf__ki{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:var(--gruen-hell);color:var(--gruen-tief);font-size:.8125rem;font-weight:600;line-height:1;white-space:nowrap}
.pf__ki svg{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pf__eingang{position:relative;height:64px;margin:12px 12px 0;border-radius:var(--r);background:var(--grund);box-shadow:inset 0 0 0 1px var(--linie);overflow:hidden}
.pf__ruhe{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--text-3)}
.pf__ruhe i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--gruen-hell);color:var(--gruen-tief)}
.pf__ruhe svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pf__neu{position:absolute;inset:0;padding:12px 14px;background:var(--weiss);border-radius:var(--r);box-shadow:0 0 0 1px var(--linie),var(--schatten-1);overflow:hidden;transition:box-shadow .3s var(--aus)}
.pf__neu .sortier__zeile b,.ui--postfach .ui__titel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ui--postfach .ui__kopf{flex-wrap:nowrap}
.pf__neu.is-wichtig{box-shadow:inset 3px 0 0 var(--rot),0 0 0 1px var(--linie),var(--schatten-1)}
.pf__scan{position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,rgba(90,75,255,.16),transparent);pointer-events:none;transform:translateX(-100%)}
.pf__neu.is-wichtig .pf__scan{background:linear-gradient(90deg,transparent,rgba(223,27,65,.14),transparent)}
.pill--ki{background:var(--akzent-hell);color:var(--akzent-tief)}
.pf__leer{display:grid;place-items:center;height:100%;margin:0 12px;padding:12px 14px;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--linie);font-size:.875rem;color:var(--text-3);text-align:center}
.pf__wichtig{display:grid}
.pf__rest{overflow:hidden}
.pf__rest li{overflow:hidden}
.sortier__wichtig .pf__frist{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:10px;padding-top:9px;border-top:1px solid var(--linie);font-size:.8125rem;font-weight:500}
.pf__frist b{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.ui--postfach .ui__fuss{margin-top:12px}
.ui__fuss{display:flex;align-items:center;gap:14px;padding:12px 20px 14px;border-top:1px solid var(--linie)}
.ui__status{flex:1;min-width:0;min-height:2.9em;display:flex;align-items:center;font-size:.875rem;line-height:1.45;color:var(--text-2)}
#probealarm{min-width:10.6em}
.ui--anruf{position:absolute;left:-32px;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:var(--r);box-shadow:var(--schatten-2);min-width:19.5em}
.anruf__icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--gruen-hell);color:var(--gruen-tief);transition:background-color .3s var(--aus),color .3s var(--aus)}
.anruf__icon svg{width:20px;height:20px}
.anruf__text b{display:block;font-size:.9375rem;font-weight:600;line-height:1.3}
.anruf__text span{display:block;font-size:.8438rem;color:var(--text-2);line-height:1.4}
.ui--anruf.is-still .anruf__icon{background:var(--grund);color:var(--text-3)}
.ui--anruf.is-ruft .anruf__icon{background:var(--akzent-hell);color:var(--akzent);animation:klingeln .9s var(--aus) infinite}
@keyframes klingeln{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg)}45%{transform:rotate(9deg)}70%{transform:rotate(-5deg)}}

/* Belege */
.belege{border-block:1px solid var(--linie);background:var(--weiss)}
.belege ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.belege li{padding:26px clamp(18px,2.6vw,36px);border-left:1px solid var(--linie)}
.belege li:first-child{border-left:0;padding-left:0}
.belege li:last-child{padding-right:0}
.belege p{line-height:1.5;color:var(--text-2)}
.belege strong{color:var(--text);font-weight:600}
.belege cite{display:block;margin-top:8px;font-style:normal;font-size:.8438rem;color:var(--text-3)}

/* Abschnitte */
.abschnitt{padding-block:clamp(64px,9vw,128px) 0}
.kopf{max-width:44rem;margin-bottom:clamp(32px,4.5vw,56px)}
.kopf h2,.fragen>h2,.demo h2{font-size:clamp(1.9rem,3.3vw,2.75rem);line-height:1.1;letter-spacing:-.03em}
.kopf p{margin-top:16px;font-size:clamp(1.0625rem,1.4vw,1.1875rem);color:var(--text-2);max-width:38em}

/* Fristen */
.fristen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.fristen::before{content:"";position:absolute;left:7px;right:12%;top:7px;height:2px;background:linear-gradient(90deg,var(--akzent),#2F9BFF 60%,#19CFC3);transform:scaleX(var(--zug,1));transform-origin:left top}
.fristen li{position:relative;padding:34px 28px 0 0}
.fristen li::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--weiss);box-shadow:inset 0 0 0 3px var(--akzent)}
.fristen li:nth-child(3)::before{box-shadow:inset 0 0 0 3px #2F9BFF}
.fristen li:nth-child(4)::before{box-shadow:inset 0 0 0 3px #12B5AA}
.fristen b{display:block;font-size:1.375rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fristen span{display:block;margin-top:6px;font-size:.9688rem;line-height:1.5;color:var(--text-2)}
.hinweis{margin-top:clamp(28px,4vw,44px);padding:16px 20px;border-radius:var(--r);background:var(--grund);color:var(--text-2);max-width:46rem}

/* Schraege Flaechen */
.schraeg,.dunkel{position:relative;margin-top:clamp(72px,10vw,140px);padding-block:clamp(72px,9vw,128px)}
.schraeg::before,.dunkel::before{content:"";position:absolute;inset:0;z-index:-1;transform:skewY(-3.2deg);transform-origin:50% 50%}
.schraeg::before{background:var(--grund)}
.dunkel{color:#fff}
.dunkel::before{background:var(--marine)}
.schraeg+.dunkel{margin-top:0}

/* Ansichten */
.viewer__tabs{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#E6EBF3;margin-bottom:22px}
.viewer__tabs button{font:500 .9375rem/1 var(--schrift);padding:10px 18px;border:0;border-radius:999px;background:transparent;color:var(--text-2);cursor:pointer;white-space:nowrap;transition:background-color .2s var(--aus),color .2s var(--aus),box-shadow .2s var(--aus)}
.viewer__tabs button:hover{color:var(--text)}
.viewer__tabs button[aria-selected="true"]{background:var(--weiss);color:var(--text);box-shadow:var(--schatten-1)}
.viewer__panel figure{margin:0}
.viewer__panel[hidden]{display:none}
.fenster{border-radius:var(--r-gross);overflow:hidden;background:var(--weiss);box-shadow:var(--schatten-3)}
.fenster picture{display:block}
.fenster img{width:100%;height:auto}
.viewer figcaption{margin-top:26px;max-width:46rem;color:var(--text-2)}
.viewer figcaption b{color:var(--text);font-weight:600}
.viewer__hinweis{margin-top:10px;font-size:.875rem;color:var(--text-3)}

/* Aufgaben, dunkel */
.dunkel .kopf p{color:#B4C2D6}
.aufgaben__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.aufgaben h3{font-size:1.1875rem;letter-spacing:-.015em;margin-bottom:20px}
.haken-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 36px}
.haken-liste li{position:relative;padding-left:34px}
.haken-liste li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:rgba(92,225,214,.16)}
.haken-liste li::after{content:"";position:absolute;left:8px;top:6px;width:5px;height:10px;border:solid #5CE1D6;border-width:0 2px 2px 0;transform:rotate(45deg)}
.haken-liste b{display:block;font-weight:600}
.haken-liste span{display:block;margin-top:3px;font-size:.9688rem;line-height:1.55;color:#B4C2D6}
.bleibt{padding:26px 28px 28px;border-radius:var(--r-gross);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.bleibt ul{list-style:none;margin:0;padding:0}
.bleibt li{padding:12px 0;border-top:1px solid rgba(255,255,255,.12);color:#D6DEEA}
.bleibt li:first-child{border-top:0;padding-top:0}
.bleibt li b{color:#fff;font-weight:600}
.bleibt p{margin-top:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:.9375rem;line-height:1.55;color:#B4C2D6}
.dunkel :focus-visible{outline-color:#fff}

/* Einrichtung */
.einrichtung__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.schritte{list-style:none;margin:0;padding:0;counter-reset:s}
.schritte li{position:relative;counter-increment:s;padding:0 0 26px 54px}
.schritte li:last-child{padding-bottom:0}
.schritte li::before{content:counter(s);position:absolute;left:0;top:-3px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--akzent-hell);color:var(--akzent-tief);font-weight:600;font-size:.9375rem;font-variant-numeric:tabular-nums}
.schritte li:not(:last-child)::after{content:"";position:absolute;left:16px;top:37px;bottom:6px;width:2px;background:var(--linie)}
.schritte b{display:block;font-weight:600;letter-spacing:-.005em}
.schritte span{display:block;margin-top:2px;color:var(--text-2);font-size:.9688rem}
.karte{background:var(--weiss);border-radius:var(--r-gross);box-shadow:0 0 0 1px var(--linie),var(--schatten-2)}
.rufliste{padding:24px 26px 24px}
.rufliste h3{font-size:1.125rem;letter-spacing:-.015em;margin-bottom:10px}
.rufliste table{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}
.rufliste th,.rufliste td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-bottom:1px solid var(--linie)}
.rufliste thead th{font-weight:500;font-size:.8438rem;color:var(--text-3);padding-top:6px}
.rufliste tbody th{font-weight:600}
.rufliste tbody tr:last-child>*{border-bottom:0}
@property --leucht{syntax:"<number>";inherits:false;initial-value:0}
.rufliste tbody tr{--leucht:0;background:rgba(90,75,255,calc(var(--leucht) * .09));box-shadow:inset 3px 0 0 rgba(90,75,255,var(--leucht))}
.rufliste p{margin-top:12px;font-size:.9063rem;line-height:1.55;color:var(--text-2)}

/* Preise */
.preisliste{margin:0 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:var(--r-gross);box-shadow:0 0 0 1px var(--linie),var(--schatten-1)}
.preisliste>div{padding:28px 30px 30px;border-left:1px solid var(--linie)}
.preise__pilot{margin:0;font-size:.9688rem;line-height:1.55;color:var(--text-2)}
.preise .actions{margin-top:22px}
.preisliste>div:first-child{border-left:0}
.preisliste dt{font-size:1.1875rem;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.preisliste dd{margin:0;font-size:.9688rem;line-height:1.55;color:var(--text-2)}
.preisliste .preis{margin:6px 0 14px;font-size:1.75rem;line-height:1.15;font-weight:600;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}
.preis small{font-size:.9375rem;font-weight:400;letter-spacing:0;color:var(--text-3);white-space:nowrap}

/* Fragen */
.fragen{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(24px,5vw,72px);align-items:start}
.fragen__liste{border-top:1px solid var(--linie)}
.fragen details{border-bottom:1px solid var(--linie)}
.fragen summary{list-style:none;cursor:pointer;position:relative;padding:20px 44px 20px 0}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary h3{display:inline;font-size:1.0938rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}
.fragen summary::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;margin-top:-7px;border:solid var(--text-3);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .25s var(--aus)}
.fragen details[open] summary::after{transform:translateY(4px) rotate(-135deg)}
.fragen summary:hover h3{color:var(--akzent)}
.fragen details p{padding:0 44px 22px 0;color:var(--text-2);max-width:66ch}

/* Demo */
.demo{position:relative;margin-top:clamp(72px,10vw,140px);padding-block:clamp(64px,8vw,112px);background:var(--grund)}
.demo__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.demo .lead{margin-top:16px}
.demo__punkte{list-style:none;margin:28px 0 0;padding:0}
.demo__punkte li{position:relative;padding:8px 0 8px 32px;color:var(--text-2)}
.demo__punkte li::before{content:"";position:absolute;left:0;top:11px;width:20px;height:20px;border-radius:50%;background:var(--akzent-hell)}
.demo__punkte li::after{content:"";position:absolute;left:7px;top:15px;width:5px;height:9px;border:solid var(--akzent-tief);border-width:0 2px 2px 0;transform:rotate(45deg)}
.vordruck{padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px}
.feldgruppe--breit{grid-column:1/-1}
.vordruck label{display:block;font-weight:500;font-size:.9375rem;margin-bottom:6px}
.anliegen{margin:0 0 2px;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}
.anliegen legend{float:left;width:100%;padding:0;font-weight:500;font-size:.9375rem;margin-bottom:8px}
.vordruck .anliegen__wahl{display:inline-flex;align-items:center;margin:0;padding:9px 18px;border-radius:999px;font-weight:500;font-size:.9688rem;color:var(--text-2);background:var(--weiss);box-shadow:inset 0 0 0 1px var(--linie-2);cursor:pointer;transition:background-color .15s var(--aus),box-shadow .15s var(--aus),color .15s var(--aus)}
.anliegen__wahl:hover{box-shadow:inset 0 0 0 1px var(--text-3)}
.anliegen__wahl:has(input:checked){background:var(--akzent-hell);color:var(--akzent-tief);box-shadow:inset 0 0 0 2px var(--akzent)}
.anliegen__wahl:has(input:focus-visible){outline:3px solid var(--akzent-hell);outline-offset:2px}
.anliegen__wahl input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.frei{font-weight:400;font-size:.8438rem;color:var(--text-3);margin-left:6px}
.vordruck input[type="text"],.vordruck input[type="email"],.vordruck input[type="tel"],.vordruck select,.vordruck textarea{width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:1rem;color:var(--text);background:var(--weiss);border:1px solid var(--linie-2);border-radius:var(--r-klein);box-shadow:0 1px 1px rgba(11,34,57,.04);transition:border-color .15s var(--aus),box-shadow .15s var(--aus)}
.vordruck textarea{resize:vertical;min-height:5.6rem}
.vordruck select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-size:6px 6px;background-repeat:no-repeat}
.vordruck input:focus-visible,.vordruck select:focus-visible,.vordruck textarea:focus-visible{outline:0;border-color:var(--akzent);box-shadow:0 0 0 3px rgba(90,75,255,.22)}
.vordruck [aria-invalid="true"]{border-color:var(--rot)}
.fehler{margin-top:6px;color:#B3123A;font-size:.9063rem}
.vordruck .haken{display:flex;align-items:center;gap:10px;margin:0;font-weight:400;font-size:1rem;cursor:pointer}
.haken input{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:none;margin:0;display:grid;place-content:center;background:var(--weiss);border:1px solid var(--linie-2);border-radius:5px;cursor:pointer;transition:background-color .15s var(--aus),border-color .15s var(--aus)}
.haken input::after{content:"";width:5px;height:10px;margin-top:-2px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.haken input:checked{background:var(--akzent);border-color:var(--akzent)}
.haken input:checked::after{opacity:1}
.haken input:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(90,75,255,.25)}
.vordruck__ende{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:4px}
.klein{font-size:.875rem;line-height:1.5;color:var(--text-3)}
.vordruck__ende .klein{max-width:30em}
.form-status{padding:13px 16px;border-radius:var(--r-klein);background:var(--gruen-hell);color:var(--gruen-tief);font-weight:500}
.form-status[data-art="hinweis"]{background:var(--grund);color:var(--text)}
.vordruck [hidden]{display:none}
/* Termin im Demo-Formular und Fenster mit freien Zeiten (seit 2026-10-08) */
.feld-titel{margin:0 0 6px;font-weight:500;font-size:.9375rem}
.termin-feld__zeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.termin-feld__wert{margin:0;padding:8px 14px;border-radius:var(--r-klein);background:var(--akzent-hell);color:var(--akzent-tief);font-weight:500}
.termin-feld__weg{padding:0;border:0;background:none;font:inherit;font-size:.9063rem;color:var(--text-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.termin-feld__weg:hover{color:var(--text)}
.termin-feld__hilfe{margin:8px 0 0}
html:has(.termin-dialog[open]){overflow:hidden}
.termin-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--r-gross);background:var(--weiss);color:var(--text);box-shadow:var(--schatten-3);overflow:auto;overscroll-behavior:contain}
.termin-dialog::backdrop{background:rgba(11,34,57,.45)}
.termin-dialog[open]{animation:termin-auf .22s var(--aus)}
@keyframes termin-auf{from{opacity:0;transform:translateY(8px) scale(.985)}}
.termin-dialog__innen{padding:clamp(20px,3vw,30px)}
.termin-dialog__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.termin-dialog__kopf h3{margin:0;font-size:1.375rem;line-height:1.25;letter-spacing:-.02em}
.termin-dialog__kopf .klein{margin:6px 0 0}
.termin-dialog__zu{flex:none;display:grid;place-items:center;width:38px;height:38px;margin:-6px -6px 0 0;padding:0;border:0;border-radius:50%;background:none;color:var(--text-2);cursor:pointer;transition:background-color .15s var(--aus)}
.termin-dialog__zu:hover{background:var(--grund);color:var(--text)}
.termin-dialog__zu svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.termin-dialog__leiste{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}
.termin-dialog__blatt{margin:0;font-weight:500}
.termin-dialog__blaettern{display:flex;gap:8px;margin:0}
.termin-dialog__blaettern .btn{width:40px;padding:0}
.termin-dialog__blaettern .btn:disabled{opacity:.4;cursor:default}
.pfeil--zurueck{transform:scaleX(-1)}
.termin-dialog__hinweis{margin:0 0 14px;padding:10px 14px;border-radius:var(--r-klein);background:var(--gelb-hell);color:var(--gelb-tief);font-size:.9375rem}
.termin-raster{display:grid;grid-template-columns:48px repeat(var(--tage,5),minmax(0,1fr));gap:6px;min-height:200px}
.termin-raster__ecke,.termin-raster__tag{padding-bottom:4px;font-size:.875rem;font-weight:500;text-align:center;color:var(--text-2)}
.termin-raster__zeit{align-self:center;font-size:.8125rem;color:var(--text-3);font-variant-numeric:tabular-nums}
.termin-raster__pause{grid-column:1/-1;padding:4px 0;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);border-top:1px dashed var(--linie)}
.termin-slot{display:grid;place-items:center;min-height:38px;padding:0;border:0;border-radius:var(--r-klein);font:500 .9375rem/1 var(--schrift);font-variant-numeric:tabular-nums;color:var(--akzent-tief);background:var(--weiss);box-shadow:inset 0 0 0 1px var(--linie-2);cursor:pointer;transition:background-color .15s var(--aus),box-shadow .15s var(--aus),color .15s var(--aus)}
@media (hover:hover){.termin-slot:hover{box-shadow:inset 0 0 0 2px var(--akzent);background:var(--akzent-hell)}}
.termin-slot[aria-pressed="true"]{background:var(--akzent);color:#fff;box-shadow:none}
.termin-slot--belegt{cursor:default;background:repeating-linear-gradient(135deg,var(--grund) 0 6px,transparent 6px 9px);box-shadow:none}
.termin-raster__leer{grid-column:1/-1;margin:0;padding:28px 0;color:var(--text-2)}
.termin-raster__laden{grid-column:1/-1;display:grid;place-items:center;margin:0;min-height:200px}
.termin-raster__kreis{width:28px;height:28px;border-radius:50%;border:3px solid var(--akzent-hell);border-top-color:var(--akzent);animation:termin-dreh .8s linear infinite}
@keyframes termin-dreh{to{transform:rotate(360deg)}}

/* Fuss */
.fuss{padding-block:44px 52px;font-size:.9063rem;color:var(--text-2);border-top:1px solid var(--linie)}
.fuss__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto auto;gap:clamp(24px,4vw,56px)}
.fuss p{max-width:46em}
.fuss p+p{margin-top:.7em}
.fuss strong{color:var(--text);font-weight:600}
.fuss__marke{font-weight:600;color:var(--text);letter-spacing:-.01em;margin-bottom:6px}
.fuss nav a{display:block;padding:4px 0;color:var(--text);text-decoration:none;font-weight:500}
.fuss nav a:hover{color:var(--akzent)}
/* Sprachumschalter im Fuss: beide Sprachen als Schalter, die aktive gefuellt */
.fuss__sprache{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:4px 4px 4px 12px;border:1px solid var(--linie-2);border-radius:999px;background:var(--weiss);color:var(--text-3);font-size:.875rem;font-weight:500}
.fuss__sprache span,.fuss__sprache a{padding:5px 13px;border-radius:999px;line-height:1.3;text-decoration:none;color:var(--text)}
.fuss__sprache .ist-aktiv{background:var(--marine);color:#fff}
.fuss__sprache a:hover{background:var(--akzent-hell);color:var(--akzent-tief)}
/* Sprachhinweis: Karte unten rechts, wenn die Browsersprache nicht zur Seite passt (site.js) */
.sprachhinweis{position:fixed;right:20px;bottom:20px;z-index:50;width:min(380px,calc(100vw - 32px));padding:18px 20px 16px;border-radius:var(--r-gross);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-2);font-size:.9375rem;line-height:1.5;animation:sprachhinweis-auf .5s var(--aus) both}
.sprachhinweis p{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;color:var(--text)}
.sprachhinweis svg{flex:none;margin-top:3px;color:var(--akzent)}
.sprachhinweis__leiste{display:flex;gap:8px;flex-wrap:wrap}
@keyframes sprachhinweis-auf{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:600px){.sprachhinweis{right:16px;bottom:16px}}

/* Textseiten */
.prosa{max-width:44rem;padding-block:clamp(40px,6vw,80px) clamp(64px,9vw,120px)}
.prosa h1{font-size:clamp(2.1rem,4vw,3rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:.6em}
.prosa h2{font-size:1.1875rem;letter-spacing:-.015em;margin:2em 0 .4em}
.prosa p{margin-bottom:1em;color:var(--text-2);max-width:68ch}
.prosa a{color:var(--akzent)}

@media (max-width:1000px){
  .top__nav{display:none}
  .top__row .btn{margin-left:auto}
  .menue-knopf{display:grid;place-content:center;gap:5px;flex:none;width:44px;height:44px;margin:0 -10px 0 -6px;padding:0;border:0;border-radius:var(--r);background:none;color:var(--text);cursor:pointer}
  .menue-knopf span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--aus),opacity .2s var(--aus)}
  .menue-knopf[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menue-knopf[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menue-knopf[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .menue:not([hidden]){display:block;position:fixed;inset:var(--kopf) 0 0;z-index:35;overflow-y:auto;overscroll-behavior:contain;background:var(--weiss);border-top:1px solid var(--linie)}
  html.menue-offen{overflow:hidden}
  .top.ohne-demo .top__row>.btn{display:none}
  .top.ohne-demo .menue-knopf{margin-left:auto}
  .seite-start .top.is-unten{box-shadow:none}
  .seite-start .streifen{display:flex;position:sticky;top:var(--kopf);z-index:29;gap:clamp(16px,5vw,28px);overflow-x:auto;white-space:nowrap;padding:10px var(--rand) 11px;background:var(--weiss);border-bottom:1px solid var(--linie);scrollbar-width:none}
  :root:has(.seite-start){scroll-padding-top:calc(var(--kopf) + 64px)}
  .streifen::-webkit-scrollbar{display:none}
  .streifen a{font-weight:500;font-size:.9375rem;color:var(--text-2);text-decoration:none;padding:4px 0}
  .hero__grid{grid-template-columns:minmax(0,1fr)}
  .hero__glow{top:auto;bottom:-40px;right:-20%;width:140%;height:62%}
  .hero__glow i:nth-child(4){opacity:.35;top:4%;left:30%;background:#FF6B9D}
  .hero__ui{max-width:36rem}
  .ui--anruf{left:auto;right:-8px}
  .aufgaben__grid,.einrichtung__grid,.demo__grid,.fragen{grid-template-columns:minmax(0,1fr)}
  .fuss__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:760px){
  .belege ul{grid-template-columns:minmax(0,1fr)}
  .belege li{border-left:0;border-top:1px solid var(--linie);padding:20px 0}
  .belege li:first-child{border-top:0}
  .fristen{grid-template-columns:minmax(0,1fr)}
  .fristen::before{left:7px;right:auto;top:7px;bottom:40px;width:2px;height:auto;background:linear-gradient(180deg,var(--akzent),#2F9BFF 60%,#19CFC3);transform:scaleY(var(--zug,1))}
  .fristen li{padding:0 0 26px 34px}
  .fristen li:last-child{padding-bottom:0}
  .preisliste{grid-template-columns:minmax(0,1fr)}
  .preisliste>div{border-left:0;border-top:1px solid var(--linie);padding:24px 22px}
  .preisliste>div:first-child{border-top:0}
  .haken-liste{grid-template-columns:minmax(0,1fr);gap:20px}
}
.top__kurz{display:none}
@media (max-width:480px){.top__lang{display:none}.top__kurz{display:inline}}
@media (max-width:640px){
  :root{--kopf:60px}
  body{font-size:1rem}
  .top__row{gap:12px}
  .marke{gap:8px}
  .marke svg{width:24px;height:24px}
  .marke span{font-size:.9688rem}
  .top__row .btn{padding:0 14px}
  .top__row .pfeil{display:none}
  .ui__app{flex-wrap:wrap;gap:2px 12px;padding:8px 16px}
  .ui__raum{flex-basis:100%;padding-left:30px;font-size:.8125rem}
  .ui__kopf{padding:12px 16px}
  .pf__eingang{margin:10px 10px 0}
  .ui--postfach .sortier__wichtig,.ui--postfach .sortier__rest,.pf__leer{margin-inline:10px}
  .ui__fuss{padding:12px 16px 14px;flex-wrap:wrap}
  .ui__status{flex-basis:100%;min-height:2.9em}
  .ui--anruf{position:relative;left:auto;right:auto;margin:14px 0 0;min-width:0}
  .hero__ui{padding-bottom:0}
  .viewer__tabs{display:flex}
  .viewer__tabs button{flex:1 1 auto;padding:10px 8px}
  .fenster{border-radius:var(--r)}
  .bleibt{padding:22px 20px}
  .rufliste{padding:20px 18px}
  .rufliste table{display:block}
  .rufliste thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .rufliste tbody{display:block}
  .rufliste tr{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 10px;padding:12px 0;border-bottom:1px solid var(--linie)}
  .rufliste tbody tr:last-child{border-bottom:0}
  .rufliste th,.rufliste td{display:block;padding:0;border:0}
  .rufliste tbody th{width:auto}
  .rufliste td{grid-column:1}
  .rufliste td[data-l]{color:var(--text-2)}
  .rufliste td[data-l]::before{content:attr(data-l) ": ";color:var(--text-3)}
  .vordruck{grid-template-columns:minmax(0,1fr)}
  .anliegen__wahl{flex:1 1 auto;justify-content:center;padding-inline:12px}
  .termin-raster{grid-template-columns:40px repeat(var(--tage,3),minmax(0,1fr))}
  .termin-dialog__leiste{margin-top:16px}
  .fuss__grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .marke__ring{animation:none}
  .marke__rest,.marke__auf{transition:none}
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation:none !important}
}

.fest{white-space:nowrap}

/* Unterseiten: Betroffenheitscheck, Meldepflicht */
.unterseite{padding-top:clamp(28px,4vw,48px)}
.pfad{display:flex;gap:10px;font-size:.875rem;color:var(--text-3);margin-bottom:clamp(20px,3vw,32px)}
.pfad>*{flex:none}
.pfad>:last-child{flex:0 1 auto;min-width:0;overflow-wrap:break-word;hyphens:auto} /* nur der (lange) Seitentitel bricht um, sonst breiter als 320 px */
.pfad a{color:var(--text-3);text-decoration:none}
.pfad a:hover{color:var(--akzent)}
.unterseite__kopf{max-width:46rem;margin-bottom:clamp(32px,4.5vw,52px)}
.unterseite--zwei{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 clamp(28px,5vw,72px);align-items:start}
.unterseite--zwei .unterseite__kopf{padding-top:12px}
.unterseite--zwei .pfad{grid-column:1/-1}
.unterseite--zwei .unterseite__kopf{margin-bottom:0}
.unterseite__kopf--klebt{position:sticky;top:88px}
.unterseite__kopf h1{font-size:clamp(1.9rem,3vw,2.5rem)}
.unterseite__klein{margin-top:18px;font-size:.875rem;color:var(--text-3)}
.unterseite__kopf h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.03em;margin-bottom:.5em}
.prosa-breit h3{font-size:1.0625rem;letter-spacing:-.01em;margin:1.6em 0 .35em}
.prosa-breit h3:first-child{margin-top:0}
.prosa-breit p{color:var(--text-2);max-width:62ch}
.prosa-breit a{color:var(--akzent)}
.spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px)}
.abschluss{margin-bottom:clamp(72px,10vw,140px)}
.abschluss__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,56px)}
.abschluss h2{font-size:clamp(1.6rem,2.8vw,2.25rem);letter-spacing:-.025em;margin-bottom:.5em}
.abschluss p{color:#B4C2D6;max-width:56ch}

/* Check */
.check{background:var(--weiss);border-radius:var(--r-gross);box-shadow:0 0 0 1px var(--linie),var(--schatten-2);padding:clamp(24px,3.5vw,44px);max-width:52rem}
.check__kopf{margin-bottom:24px}
.check__schritt{font-size:.875rem;font-weight:500;color:var(--text-3);margin:0 0 10px}
.check__balken{height:4px;border-radius:999px;background:var(--grund);overflow:hidden}
.check__balken i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--akzent),#2F9BFF);transform:scaleX(var(--p,0));transform-origin:left;transition:transform .5s var(--aus)}
.check__frage{border:0;margin:0;padding:0;min-width:0}
.check__frage legend{padding:0;margin-bottom:18px}
.check__frage h2,.check--ergebnis h2{font-size:clamp(1.3rem,2.2vw,1.625rem);line-height:1.25;letter-spacing:-.02em;outline:none}
.check__hilfe{margin:8px 0 0;color:var(--text-2);line-height:1.5}
.check__optionen{display:grid;gap:10px}
.wahl{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--linie-2);cursor:pointer;transition:box-shadow .2s var(--aus),background-color .2s var(--aus)}
.wahl:hover{box-shadow:inset 0 0 0 1px var(--text-3)}
.wahl:has(input:checked){background:var(--akzent-hell);box-shadow:inset 0 0 0 2px var(--akzent)}
.wahl:has(input:focus-visible){outline:3px solid var(--akzent-hell);outline-offset:2px}
.wahl input{appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border-radius:50%;box-shadow:inset 0 0 0 2px var(--linie-2);background:var(--weiss);transition:box-shadow .2s var(--aus)}
.wahl input[type=checkbox]{border-radius:5px}
.wahl input:checked{background:var(--akzent);box-shadow:inset 0 0 0 2px var(--akzent)}
.wahl input:checked::after{content:"";display:block;width:6px;height:10px;margin:3px 0 0 7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.wahl__text{display:grid;gap:3px;line-height:1.4}
.wahl__text b{font-weight:500;color:var(--text)}
.wahl__text span{font-size:.9375rem;color:var(--text-2)}
.check__fuss{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.check__fuss .btn[disabled]{opacity:.45;cursor:default;transform:none}
.check__stufe{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:14px 0 0;padding:12px 14px;border-radius:var(--r);background:var(--grund);line-height:1.4}
.check__stufe span{font-size:.875rem;color:var(--text-3)}
.check__stufe b{font-weight:600;color:var(--text)}
.check--e2 .check__stufe,.check--e3 .check__stufe{background:var(--akzent-hell)}
.check--e2 .check__stufe b,.check--e3 .check__stufe b{color:var(--akzent-tief)}
.check--e0 .check__stufe{background:var(--gruen-hell)}
.check--e0 .check__stufe b{color:var(--gruen-tief)}
.check__bereit{margin-top:8px}
.check__bereit-detail{flex-basis:100%;font-size:.9063rem;color:var(--text-2)}
.check--e2 .check__bereit--fehlt,.check--e3 .check__bereit--fehlt{background:var(--rot-hell)}
.check--e2 .check__bereit--fehlt b,.check--e3 .check__bereit--fehlt b{color:#B3123A}
.check--e2 .check__bereit--teilweise,.check--e3 .check__bereit--teilweise{background:var(--gelb-hell)}
.check--e2 .check__bereit--teilweise b,.check--e3 .check__bereit--teilweise b{color:var(--gelb-tief)}
.check--e2 .check__bereit--vorhanden,.check--e3 .check__bereit--vorhanden{background:var(--gruen-hell)}
.check--e2 .check__bereit--vorhanden b,.check--e3 .check__bereit--vorhanden b{color:var(--gruen-tief)}
.check__mail{padding:24px 0 0;margin-top:28px;border-top:1px solid var(--linie)}
.check--ergebnis .check__mail h3{margin:0 0 8px}
.check__mail-text{margin:0;line-height:1.55;color:var(--text-2);max-width:60ch}
.check__tipp{margin:0;align-self:center;font-size:.875rem;color:var(--text-3)}
.check__text{margin:14px 0 0;line-height:1.6;color:var(--text-2);max-width:64ch}
.check__punkte{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.check__punkte li{position:relative;padding-left:26px;line-height:1.5;color:var(--text)}
.check__punkte li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:var(--akzent-hell);box-shadow:inset 0 0 0 4px var(--akzent)}
.fristen--check{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}
.fristen--check::before{right:8%}
.fristen--check li:nth-child(2)::before{box-shadow:inset 0 0 0 3px #2F9BFF}
.fristen--check li:nth-child(3)::before{box-shadow:inset 0 0 0 3px #12B5AA}
.fristen--check b{font-size:1.1875rem}
.check--ergebnis h3{margin:32px 0 12px;font-size:1.0625rem}
.check__schritte{margin:0;padding:0 0 0 1.4em;display:grid;gap:10px;line-height:1.5;color:var(--text)}
.check__schritte li::marker{font-weight:600;color:var(--akzent)}
.check__aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:28px}
.check__aktionen .link{background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer}
.check__bewertung{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.check__bewertung-frage{margin:0;font-weight:600}
.check__bewertung-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
.check__bewertung-form.vordruck{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:560px;padding:0}
.check__bewertung-form label{font-weight:600}
.check__bewertung-form .klein{margin:0}
.check__disclaimer{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--linie);font-size:.875rem;line-height:1.5;color:var(--text-3)}
@media (max-width:1000px){
  .unterseite--zwei{grid-template-columns:minmax(0,1fr)}
  .unterseite__kopf--klebt{position:static;margin-bottom:28px}
}
@media (max-width:760px){
  .spalten,.abschluss__grid{grid-template-columns:minmax(0,1fr)}
  .fristen--check{grid-template-columns:minmax(0,1fr)}
  .fristen--check::before{right:auto;bottom:40px}
  .check__fuss{flex-direction:column-reverse}
  .check__fuss .btn{justify-content:center}
}

/* Meldepflicht: Rechner, Listen */
.rechner{padding:clamp(24px,3.5vw,40px)}
.rechner h2{font-size:1.375rem;letter-spacing:-.02em;margin-bottom:8px}
.rechner>p{color:var(--text-2);line-height:1.55;max-width:60ch}
.rechner__eingabe{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:22px 0 26px}
.rechner__eingabe label{font-weight:500}
.rechner__eingabe input{font:inherit;padding:10px 12px;border:1px solid var(--linie-2);border-radius:var(--r-klein,6px);color:var(--text);background:var(--weiss)}
.rechner__eingabe input:focus-visible{outline:3px solid var(--akzent-hell);border-color:var(--akzent)}
.rechner__fristen{list-style:none;margin:0;padding:0;display:grid;gap:0}
.rechner__fristen li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titel dauer" "zeit zeit" "hinweis hinweis";gap:2px 16px;padding:16px 0;border-top:1px solid var(--linie)}
.rechner__fristen b{grid-area:titel;font-weight:600}
.rechner__fristen span{grid-area:dauer;font-size:.875rem;color:var(--text-3);font-variant-numeric:tabular-nums}
.rechner__fristen time{grid-area:zeit;font-size:1.125rem;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rechner__fristen em{grid-area:hinweis;font-style:normal;font-size:.875rem;color:var(--text-3);display:flex;align-items:center;gap:8px}
.rechner__fristen em::before{content:"";width:8px;height:8px;border-radius:50%;background:#F2A900;flex:none}
.rechner__fristen em.vorbei{color:var(--rot)}
.rechner__fristen em.vorbei::before{background:var(--rot)}
.rechner__fristen em:empty{display:none}
.rechner__klein{margin:18px 0 0;font-size:.875rem;color:var(--text-3)}
/* security.txt Generator (seit 2026-10-08) */
.generator__form input[type="date"]{width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:1rem;color:var(--text);background:var(--weiss);border:1px solid var(--linie-2);border-radius:var(--r-klein)}
.generator__form input[type="date"]:focus-visible{outline:0;border-color:var(--akzent);box-shadow:0 0 0 3px rgba(90,75,255,.22)}
.generator__form input::placeholder{color:var(--text-3);opacity:.75}
.generator .anliegen legend{float:none;margin-bottom:8px}
.generator__mehr{border-top:1px solid var(--linie);padding-top:14px}
.generator__mehr summary{cursor:pointer;font-weight:500;font-size:.9375rem;color:var(--text-2)}
.generator__mehr summary:hover{color:var(--akzent)}
.generator__mehr-felder{display:grid;gap:18px;margin-top:16px}
.generator__ausgabe,.generator__cvd{padding:clamp(22px,3vw,34px);border-top:1px solid var(--linie)}
.generator__ausgabe{background:var(--grund)}
.generator__kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:16px}
.generator h2{font-size:1.25rem;letter-spacing:-.02em}
.generator__knoepfe{display:flex;gap:10px}
.generator__datei,.generator__befehl{margin:0;padding:16px 18px;border-radius:var(--r);background:var(--marine);color:#E6EDF6;font:.8438rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre}
.generator__befehl{margin:0 0 1em}
.generator__befehl code{font:inherit;background:none;color:inherit;padding:0}
.generator__status{margin:10px 0 0;font-size:.9063rem;color:var(--gruen-tief);font-weight:500}
.generator__status:empty{display:none}
.generator__pruefung{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.generator__hinweis{position:relative;padding:10px 14px 10px 34px;border-radius:var(--r-klein);font-size:.9063rem;line-height:1.5;background:var(--weiss);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--linie)}
.generator__hinweis::before{content:"";position:absolute;left:14px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--blau-tief)}
.generator__hinweis--warnung{background:var(--gelb-hell);color:var(--gelb-tief);box-shadow:none}
.generator__hinweis--warnung::before{background:#F2A900}
.generator__hinweis--fehler{background:var(--rot-hell);color:#B3123A;box-shadow:none}
.generator__hinweis--fehler::before{background:var(--rot)}
.generator__cvd>p{margin:8px 0 0;color:var(--text-2);line-height:1.55;max-width:62ch}
.generator__cvd .vordruck{padding:20px 0}
.generator [hidden]{display:none}
.generator__intro{display:grid;gap:10px;padding:14px 16px;border-radius:var(--r);background:var(--grund);font-size:.9375rem;line-height:1.55;color:var(--text-2)}
.generator__intro b{font-weight:600;color:var(--text)}
.generator__legende{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.875rem}
.generator__legende .stufe+.stufe,.generator__legende .stufe~.stufe{margin-left:8px}
.generator__i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--text-3);color:var(--text-3);font-size:.75rem;font-weight:600;font-style:normal}
.feld__kopf{display:flex;align-items:center;gap:4px 8px;margin-bottom:6px;min-height:30px}
.feld__kopf label{min-width:0}
.feld__kopf .stufe{flex:none}
.vordruck .feld__kopf label{margin:0}
legend .feld__kopf{margin-bottom:0}
.stufe{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.55;white-space:nowrap}
.stufe--pflicht{background:var(--akzent-hell);color:var(--akzent-tief)}
.stufe--soll{background:var(--blau-hell);color:var(--blau-tief)}
.stufe--optional{background:var(--weiss);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--linie-2)}
.feld__info{margin:-4px -6px -4px auto;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:var(--text-3);cursor:pointer;transition:color .15s var(--aus),background-color .15s var(--aus)}
.feld__info svg{width:19px;height:19px}
.feld__info:hover,.feld__info[aria-expanded="true"]{color:var(--akzent-tief);background:var(--akzent-hell)}
.feld__hilfe{margin-top:6px;font-size:.875rem;line-height:1.5;color:var(--text-3);overflow-wrap:anywhere}
.feld__hilfe [data-abgeleitet]{color:var(--text-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}
.feld__hilfe--voll{flex-basis:100%;margin-top:2px}
.feld__details{flex-basis:100%;margin-top:8px;padding:12px 14px;border-radius:var(--r-klein);background:var(--grund);box-shadow:inset 3px 0 0 var(--akzent);font-size:.875rem;line-height:1.55;color:var(--text-2)}
.feld__details p+p{margin-top:8px}
.feld__details code{font:.8125rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:1px 5px;border-radius:4px;background:var(--weiss);color:var(--text);overflow-wrap:anywhere}
.generator__urteil{margin:0 0 12px;padding:10px 14px 10px 36px;position:relative;border-radius:var(--r-klein);font-size:.9375rem;font-weight:500;line-height:1.45;background:var(--weiss);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--linie)}
.generator__urteil::before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--text-3)}
.generator__urteil--ok{background:var(--gruen-hell);color:var(--gruen-tief);box-shadow:none}
.generator__urteil--ok::before{background:var(--gruen)}
.generator__urteil--fehler{background:var(--rot-hell);color:#B3123A;box-shadow:none}
.generator__urteil--fehler::before{background:var(--rot)}
.generator__datei--entwurf{opacity:.72}
.generator__knoepfe .btn:disabled{opacity:.45;cursor:not-allowed}
.generator__sprachen{flex-basis:100%;margin-top:4px}
.generator__sprachen summary{cursor:pointer;font-weight:500;font-size:.9375rem;color:var(--text-2);padding:4px 0}
.generator__sprachen summary:hover{color:var(--akzent)}
.generator__sprachen summary span{font-weight:400;color:var(--text-3)}
.generator__sprachen-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;margin-top:10px;padding:14px 16px;border-radius:var(--r);background:var(--grund)}
.generator__sprachen-liste .haken{font-size:.9375rem}
#g-sprachen-hinweis:empty{display:none}
.generator__knoepfe .btn--primary:disabled:hover{background:var(--akzent)}
.h-klein{font-size:1.25rem;letter-spacing:-.02em;margin:1.8em 0 .5em}
.h-klein:first-child{margin-top:0}
.liste{margin:0 0 1em;padding:0;list-style:none;display:grid;gap:10px}
.liste li{position:relative;padding-left:22px;line-height:1.55;color:var(--text-2);max-width:62ch}
.liste li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--akzent)}
.liste b{color:var(--text);font-weight:600}
.stufen{list-style:none;margin:0 0 1em;padding:0;counter-reset:s;display:grid;gap:14px}
.stufen li{position:relative;padding-left:44px;counter-increment:s}
.stufen li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--akzent-hell);color:var(--akzent-tief);font-weight:600;font-size:.9375rem;display:grid;place-items:center}
.stufen b{display:block;font-weight:600;margin-bottom:3px}
.stufen span{display:block;color:var(--text-2);line-height:1.55;max-width:60ch}
.schritte--vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.schritte--vier li{padding:46px 0 0}
.schritte--vier li::before{top:0}
.schritte--vier li::after{display:none}
@media (max-width:1000px){.schritte--vier{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.schritte--vier{grid-template-columns:minmax(0,1fr)}}

/* Einstieg in den Check auf der Startseite */
.einstieg{margin-top:clamp(40px,6vw,72px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:start;padding:clamp(24px,3.5vw,40px);border-radius:var(--r-gross);background:var(--grund)}
.einstieg h3{font-size:1.375rem;letter-spacing:-.02em;margin-bottom:8px}
.einstieg__text p{color:var(--text-2);line-height:1.55}
.einstieg__wahl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.einstieg__wahl a{display:grid;gap:2px;padding:14px 16px;border-radius:var(--r);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-1);text-decoration:none;color:var(--text);transition:box-shadow .2s var(--aus),transform .2s var(--aus)}
.einstieg__wahl a:hover{box-shadow:0 0 0 1px var(--akzent),var(--schatten-2);transform:translateY(-1px)}
.einstieg__wahl b{font-weight:500}
.einstieg__wahl span{font-size:.9rem;color:var(--text-2)}
.fragen a{color:var(--akzent)}
@media (max-width:1000px){.einstieg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.einstieg__wahl{grid-template-columns:minmax(0,1fr)}}

/* Heuhaufen: Wichtiges vom Rest trennen */
.pill--grau{background:var(--grund);color:var(--text-2);font-weight:500;box-shadow:inset 0 0 0 1px var(--linie)}
.heuhaufen__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:center}
.heuhaufen .kopf{margin-bottom:28px}
.heuhaufen__punkte{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.heuhaufen__punkte li{position:relative;padding-left:34px}
.heuhaufen__punkte li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--akzent-hell)}
.heuhaufen__punkte li::after{content:"";position:absolute;left:8px;top:5px;width:5px;height:10px;border:solid var(--akzent);border-width:0 2px 2px 0;transform:rotate(45deg)}
.heuhaufen__punkte b{display:block;font-weight:600}
.heuhaufen__punkte span{display:block;margin-top:3px;font-size:.9688rem;line-height:1.55;color:var(--text-2)}
.ki-schutz{margin-top:28px;padding:20px 22px;border-radius:var(--r);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-1)}
.ki-schutz__titel{display:flex;align-items:center;gap:10px;font-weight:600}
.ki-schutz__titel i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--akzent-hell);color:var(--akzent)}
.ki-schutz__titel svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ki-schutz ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.ki-schutz b{display:block;font-size:.9375rem;font-weight:600}
.ki-schutz span{display:block;margin-top:2px;font-size:.9063rem;line-height:1.5;color:var(--text-2)}
@media (max-width:560px){.ki-schutz ul{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.pf__lang{display:none}}
.heuhaufen__beleg{margin-top:28px;padding-top:20px;border-top:1px solid var(--linie);font-size:.9375rem;line-height:1.55;color:var(--text-3)}
.sortier__gruppe{display:flex;justify-content:space-between;padding:16px 20px 8px;font-size:.8125rem;font-weight:600;color:var(--text-3)}
.sortier__zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.sortier__zeile b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;letter-spacing:-.005em}
.sortier small{display:block;margin-top:2px;font-size:.8125rem;color:var(--text-3)}
.sortier__wichtig{margin:0 12px;padding:12px 14px;border-radius:var(--r);box-shadow:inset 3px 0 0 var(--rot),0 0 0 1px var(--linie),var(--schatten-1)}
.sortier__wichtig b{font-weight:600}
.sortier__wichtig p{margin-top:8px;font-size:.875rem;line-height:1.45;color:var(--text-2)}
.sortier__rest{list-style:none;margin:0 12px;padding:0}
.sortier__rest li{padding:9px 14px;border-top:1px solid var(--linie)}
.sortier__rest li:first-child{border-top:0}
.sortier__rest b{font-weight:500;color:var(--text-2)}
.sortier__fuss{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 20px;border-top:1px solid var(--linie);background:var(--grund);border-radius:0 0 var(--r-gross) var(--r-gross);font-size:.8125rem;font-weight:500;color:var(--text-2)}
.sortier__fuss i{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--gruen-hell);color:var(--gruen-tief)}
.sortier__fuss svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1000px){.heuhaufen__grid{grid-template-columns:minmax(0,1fr)}}
.spam-seite .unterseite__kopf{margin-bottom:0}
.mailarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mailarten li{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-gross);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-1)}
.mailarten b{font-weight:600}
.mailarten q{quotes:none;padding:9px 11px;border-radius:var(--r);background:var(--grund);font-size:.875rem;line-height:1.4;color:var(--text)}
.mailarten span{font-size:.9375rem;line-height:1.55;color:var(--text-2)}
@media (max-width:1000px){.mailarten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mailarten{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.sortier__zeile{align-items:flex-start}.sortier__zeile b{white-space:normal;line-height:1.35}}

/* Honeypot des Anfrageformulars: fuer Menschen unsichtbar, fuer Bots ein normales Feld. */
.honig { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Wissensbereich: Leitfaeden, Glossar, Aktuelles */
.artikel{padding-top:clamp(28px,4vw,48px)}
.artikel__kopf{max-width:50rem;margin-bottom:clamp(32px,4.5vw,56px)}
.artikel__meta{display:flex;flex-wrap:wrap;gap:6px 0;font-size:.875rem;font-weight:500;color:var(--text-3);margin-bottom:14px}
.artikel__meta>*+*::before{content:"·";margin:0 10px;color:var(--linie-2)}
.artikel__meta>:first-child{color:var(--akzent-tief)}
.artikel__kopf h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.03em;margin-bottom:.5em}
.artikel__kopf .lead{max-width:40em}
.artikel__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:0 clamp(32px,5vw,80px);align-items:start}
.artikel__seite{position:sticky;top:88px;display:grid;gap:22px}
.artikel__toc p{font-size:.8438rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px}
.artikel__toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--linie)}
.artikel__toc li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:.9063rem;line-height:1.4;color:var(--text-2);text-decoration:none;transition:color .2s var(--aus),border-color .2s var(--aus)}
.artikel__toc li a:hover{color:var(--text)}
.artikel__toc li a.is-aktiv{color:var(--akzent-tief);border-color:var(--akzent)}
.artikel__kasten{padding:16px 18px;border-radius:var(--r);background:var(--grund);font-size:.875rem;line-height:1.5;color:var(--text-2)}
.artikel__kasten b{color:var(--text);font-weight:600}
.artikel__kasten .link{margin-top:12px;font-size:.9063rem}
.artikel__text{max-width:46rem;padding-bottom:clamp(16px,3vw,32px)}
.artikel__text h2{font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.2;letter-spacing:-.025em;margin:2.2em 0 .6em;scroll-margin-top:96px}
.artikel__text h2:first-child{margin-top:0}
.artikel__text h3{font-size:1.1875rem;letter-spacing:-.015em;margin:1.8em 0 .5em}
.artikel__text p{margin:0 0 1.1em;color:var(--text-2);line-height:1.65}
.artikel__text p.lead{color:var(--text-2)}
.artikel__text strong,.artikel__text b{color:var(--text);font-weight:600}
.artikel__text a{color:var(--akzent)}
.artikel__text a:hover{color:var(--marine)}
.artikel__text ul,.artikel__text ol{margin:0 0 1.2em;padding-left:1.4em;color:var(--text-2);display:grid;gap:8px}
.artikel__text li{line-height:1.55;padding-left:4px}
.artikel__text ul li::marker{color:var(--akzent)}
.artikel__text ol li::marker{font-weight:600;color:var(--akzent-tief);font-variant-numeric:tabular-nums}
.artikel__text ul.liste{padding-left:0;list-style:none}
.artikel__text ul.liste li{padding-left:22px}
.artikel__text .stufen{padding-left:0;list-style:none}
.artikel__text .stufen li{padding-left:44px}
.artikel__text table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.9375rem;line-height:1.5}
.artikel__text th,.artikel__text td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;border-bottom:1px solid var(--linie);color:var(--text-2)}
.artikel__text th{font-weight:600;color:var(--text)}
.artikel__text thead th{font-size:.8438rem;font-weight:500;color:var(--text-3);padding-top:0}
.artikel__text tbody tr:last-child>*{border-bottom:0}
.artikel__text tbody th{width:28%}
.tabelle{overflow-x:auto;margin:0 0 1.4em;border-radius:var(--r);box-shadow:0 0 0 1px var(--linie);padding:4px 18px}
.tabelle table{margin:0}
.artikel__text blockquote{margin:0 0 1.4em;padding:16px 20px;border-left:3px solid var(--akzent);border-radius:0 var(--r) var(--r) 0;background:var(--grund);color:var(--text-2);font-size:.9688rem;line-height:1.55}
.artikel__text blockquote p{margin:0}
.artikel__text blockquote p+p{margin-top:.6em}
.artikel__text blockquote cite{display:block;margin-top:8px;font-style:normal;font-size:.8438rem;color:var(--text-3)}
.artikel__text .hinweis{margin:0 0 1.4em;max-width:none}
.artikel__text .merke{margin:0 0 1.4em;padding:18px 22px;border-radius:var(--r);background:var(--akzent-hell);color:var(--text)}
.artikel__text .merke p{color:var(--text);margin:0}
.artikel__text .merke p+p{margin-top:.6em}
.artikel__text .merke b{color:var(--akzent-tief)}
.artikel__text dl{margin:0 0 1.4em;display:grid;gap:12px}
.artikel__text dt{font-weight:600;color:var(--text)}
.artikel__text dd{margin:0;color:var(--text-2);line-height:1.55}
.artikel__text code{font:.9em/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:2px 6px;border-radius:4px;background:var(--grund);color:var(--text)}
.artikel__text pre{margin:0 0 1.4em;padding:16px 18px;border-radius:var(--r);background:var(--marine);color:#E6EDF6;font:.875rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}
.artikel__text pre code{padding:0;background:none;color:inherit;font:inherit}
.artikel__text .faq{border-top:1px solid var(--linie);margin:0 0 1.4em}
.artikel__text .faq details{border-bottom:1px solid var(--linie)}
.artikel__text .faq summary{list-style:none;cursor:pointer;position:relative;padding:16px 40px 16px 0;font-weight:600;color:var(--text);line-height:1.4}
.artikel__text .faq summary::-webkit-details-marker{display:none}
.artikel__text .faq summary::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;margin-top:-7px;border:solid var(--text-3);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .25s var(--aus)}
.artikel__text .faq details[open] summary::after{transform:translateY(4px) rotate(-135deg)}
.artikel__text .faq summary:hover{color:var(--akzent)}
.artikel__text .faq details>p,.artikel__text .faq details>ul{padding-right:40px}
.artikel__text .faq details>p:last-child{margin-bottom:18px}
.artikel__text .quellen{font-size:.9063rem}
.artikel__text .quellen li{color:var(--text-3)}
.artikel__text .quellen a{word-break:break-word}
.artikel__text .verwandt{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.artikel__text .verwandt li{padding:0}
.artikel__text .verwandt a{display:grid;gap:3px;padding:14px 16px;border-radius:var(--r);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-1);text-decoration:none;color:var(--text);transition:box-shadow .2s var(--aus),transform .2s var(--aus)}
.artikel__text .verwandt a:hover{box-shadow:0 0 0 1px var(--akzent),var(--schatten-2);transform:translateY(-1px);color:var(--text)}
.artikel__text .verwandt b{font-weight:500}
.artikel__text .verwandt span{font-size:.875rem;color:var(--text-2)}
.artikel__text .glossar__def{font-size:clamp(1.0625rem,1.4vw,1.1875rem);color:var(--text);margin-bottom:1.4em}
.artikel__text .glossar__def b{color:var(--akzent-tief)}
.artikel__text .zeitleiste{list-style:none;padding:0;margin:0 0 1.4em;border-left:2px solid var(--linie)}
.artikel__text .zeitleiste li{position:relative;padding:0 0 18px 24px}
.artikel__text .zeitleiste li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--weiss);box-shadow:inset 0 0 0 3px var(--akzent)}
.artikel__text .zeitleiste li.ist-vorbei::before{background:var(--akzent);box-shadow:none}
.artikel__text .zeitleiste b{display:block;color:var(--text);font-variant-numeric:tabular-nums}
.artikel__text .zeitleiste span{display:block;color:var(--text-2);line-height:1.5}

/* Uebersichten */
.wissen__gruppe{margin-top:clamp(36px,5vw,56px)}
.wissen__gruppe h2{font-size:1.375rem;letter-spacing:-.02em;margin-bottom:16px}
.wissen__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wissen__liste a,.glossar__gruppe a{display:grid;gap:4px;height:100%;padding:18px 20px;border-radius:var(--r);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-1);text-decoration:none;color:var(--text);transition:box-shadow .2s var(--aus),transform .2s var(--aus)}
.wissen__liste a:hover,.glossar__gruppe a:hover{box-shadow:0 0 0 1px var(--akzent),var(--schatten-2);transform:translateY(-1px)}
.wissen__liste b{font-weight:600;letter-spacing:-.01em;line-height:1.35}
.wissen__liste span,.glossar__gruppe span{font-size:.9063rem;line-height:1.5;color:var(--text-2)}
.wissen__start{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(28px,4vw,40px)}
.wissen__start a{display:grid;gap:6px;padding:22px 24px;border-radius:var(--r-gross);background:var(--marine);color:#fff;text-decoration:none;box-shadow:var(--schatten-2);transition:transform .2s var(--aus),box-shadow .2s var(--aus)}
.wissen__start a:hover{transform:translateY(-2px);box-shadow:var(--schatten-3)}
.wissen__start b{font-size:1.125rem;letter-spacing:-.015em}
.wissen__start span{font-size:.9063rem;line-height:1.5;color:#B4C2D6}
.wissen__start .link{color:#fff;margin-top:6px;font-size:.9375rem}
.glossar__abc{display:flex;flex-wrap:wrap;gap:6px;margin:clamp(24px,3vw,36px) 0 8px}
.glossar__abc a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border-radius:999px;background:var(--grund);font-weight:600;font-size:.9375rem;text-decoration:none;color:var(--text);transition:background-color .2s var(--aus),color .2s var(--aus)}
.glossar__abc a:hover{background:var(--akzent);color:#fff}
.glossar__gruppe{margin-top:clamp(28px,4vw,44px);scroll-margin-top:96px}
.glossar__gruppe h2{font-size:1.75rem;letter-spacing:-.025em;color:var(--akzent-tief);margin-bottom:14px}
.glossar__gruppe ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.glossar__gruppe b{font-weight:600;letter-spacing:-.01em}
.aktuell__liste{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;border-top:1px solid var(--linie)}
.aktuell__liste li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:8px 24px;padding:20px 0;border-bottom:1px solid var(--linie)}
.aktuell__liste time{font-size:.9063rem;color:var(--text-3);font-variant-numeric:tabular-nums;padding-top:2px}
.aktuell__liste a{display:grid;gap:4px;text-decoration:none;color:var(--text)}
.aktuell__liste b{font-weight:600;letter-spacing:-.01em;line-height:1.35;transition:color .2s var(--aus)}
.aktuell__liste a:hover b{color:var(--akzent)}
.aktuell__liste span{color:var(--text-2);line-height:1.5}
.uebersicht{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(64px,9vw,120px)}
.uebersicht .pfad{margin-bottom:clamp(20px,3vw,32px)}
.uebersicht__kopf{max-width:48rem}
.uebersicht__kopf h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.03em;margin-bottom:.5em}
.uebersicht__kopf .lead{max-width:40em}
.uebersicht__kopf .unterseite__klein{margin-top:14px}
.uebersicht .aktuell__liste a span{max-width:60ch}

/* Startseite: Hinweis auf den Wissensbereich */
.wissen-start__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(28px,4vw,64px);align-items:start}
.wissen-start .aktuell__liste{margin-top:0}
.wissen-start .aktuell__liste li{grid-template-columns:8rem minmax(0,1fr)}
.wissen-start__text .btn{margin-top:22px}

@media (max-width:1000px){
  .artikel__grid{grid-template-columns:minmax(0,1fr)}
  .artikel__seite{position:static;margin-bottom:32px}
  .artikel__toc{display:none}
  .wissen__liste,.glossar__gruppe ul,.wissen__start{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wissen-start__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .wissen__liste,.glossar__gruppe ul,.wissen__start,.artikel__text .verwandt{grid-template-columns:minmax(0,1fr)}
  .aktuell__liste li,.wissen-start .aktuell__liste li{grid-template-columns:minmax(0,1fr);gap:4px}
  .artikel__text tbody th{width:auto}
}
/* Teaser fuer kostenlose Werkzeuge (seit 2026-10-08), in Leitfaeden, Glossar und Startseite */
.werkzeug{display:grid;gap:4px;margin:clamp(20px,3vw,28px) 0;padding:18px 20px 18px 22px;border-radius:var(--r);background:var(--akzent-hell);box-shadow:inset 3px 0 0 var(--akzent);color:var(--text);text-decoration:none;transition:box-shadow .2s var(--aus),transform .2s var(--aus)}
.werkzeug:hover{box-shadow:inset 3px 0 0 var(--akzent),var(--schatten-1);transform:translateY(-1px)}
.werkzeug__marke{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--akzent-tief)}
.werkzeug b{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}
.werkzeug__text{font-size:.9375rem;line-height:1.55;color:var(--text-2)}
.werkzeug .link{margin-top:4px;font-size:.9375rem;font-weight:500;color:var(--akzent-tief)}
.artikel__text .werkzeug{text-decoration:none}
.einrichtung__grid .werkzeug{margin:30px 0 0}
.werkzeuge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:clamp(20px,3vw,28px) 0 clamp(28px,4vw,40px)}
.werkzeuge .werkzeug{margin:0;padding:22px 24px 22px 26px;align-content:start}
.check__werkzeuge{grid-template-columns:minmax(0,1fr);margin:24px 0 8px}
@media (max-width:760px){.werkzeuge{grid-template-columns:minmax(0,1fr)}}
.artikel__kasten .link{display:flex}
.artikel__kasten .link + .link{margin-top:8px}
/* Eigene Meldeseite /security-contact/ (seit 2026-10-08) */
.sicherheit__wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 22px}
.sicherheit__weg{padding:22px 24px}
.sicherheit__weg h3{font-size:1.0625rem;letter-spacing:-.01em;margin-bottom:6px}
.sicherheit__weg p{color:var(--text-2);line-height:1.55}
.sicherheit__adresse{margin:12px 0 10px;font-size:1.0625rem;font-weight:600}
.sicherheit__adresse a{color:var(--akzent-tief)}
.sicherheit__klein{font-size:.875rem}
.sicherheit code,.sicherheit__klein code{font:.8125rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.sicherheit__form{margin-top:20px}
.sicherheit__senden{display:grid;gap:12px;justify-items:start}
@media (max-width:760px){.sicherheit__wege{grid-template-columns:minmax(0,1fr)}}
#danksagungen{margin-top:1.6em}
/* Meldepflicht-Kit (seit 2026-10-08) */
.kit-rechts{display:grid;gap:22px;align-content:start}
.kit-hinweis{padding:clamp(20px,3vw,28px);display:grid;gap:12px;justify-items:start;box-shadow:inset 3px 0 0 var(--akzent),var(--schatten-1)}
.kit-hinweis[hidden]{display:none}
.kit-hinweis p{margin:0;color:var(--text-2)}
.kit-hinweis .form-status{color:var(--gruen-tief)}
.kit-hinweis--schritt{padding:clamp(24px,4vw,40px);gap:14px;box-shadow:inset 4px 0 0 var(--akzent),0 0 0 1px var(--linie),var(--schatten-1)}
.kit-hinweis--schritt h2{margin:0;font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.15;letter-spacing:-.02em}
.kit-hinweis--schritt p{font-size:1.0625rem}
.kit-hinweis p.kit-hinweis__marke{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--akzent)}
.kit-hinweis--schritt .btn{margin-top:6px}
.btn--gross{min-height:56px;padding:0 26px 0 30px;font-size:1.0625rem}
.kit-form{grid-template-columns:minmax(0,1fr)}
.kit-form[hidden]{display:none}
.kit-hinweis--schritt p.klein{font-size:.9375rem;color:var(--text-3)}
.kit-hinweis h2[tabindex]:focus{outline:0}
.kit-form__titel{margin:0 0 4px}
.vordruck .haken--oben{align-items:flex-start;font-size:.9375rem;line-height:1.5;color:var(--text-2)}
.vordruck .haken--oben input{margin-top:1px}
.kit-vorschau{display:block;width:100%;height:auto;border-radius:var(--r)}
.kit-dateien{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.kit-dateien li{display:grid;align-content:start;gap:6px;padding:20px 20px 22px;border-radius:var(--r);background:var(--weiss);box-shadow:inset 0 0 0 1px var(--linie)}
.kit-dateien b{font-weight:600;letter-spacing:-.005em}
.kit-dateien li>span:last-child{font-size:.9375rem;line-height:1.55;color:var(--text-2)}
.kit-dateien__typ{justify-self:start;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--akzent-hell);color:var(--akzent-tief)}

/* security.txt Check (/security-txt-check/, seit 2026-10-08), baut auf .generator auf */
.pruefer__zeile{display:flex;gap:10px}
.pruefer__zeile input{flex:1;min-width:0}
.pruefer__zeile .btn{flex:none}
.pruefer__zeile .btn[aria-disabled="true"]{cursor:progress;opacity:.75}
.generator__hinweis--ok{background:var(--gruen-hell);color:var(--gruen-tief);box-shadow:none}
.generator__hinweis--ok::before{background:var(--gruen)}
.pruefer__rat,.pruefer__quelle{display:block;margin-top:4px}
.pruefer__rat{color:var(--text-2)}
.pruefer__rat::before{content:"So beheben: ";font-weight:600;color:var(--text)}
.pruefer__quelle{font-size:.8125rem;opacity:.8}
.pruefer__datei{margin-top:16px}
.pruefer__datei summary{cursor:pointer;font-weight:500;font-size:.9375rem;color:var(--text-2)}
.pruefer__datei summary:hover{color:var(--akzent)}
.pruefer__datei .generator__datei{margin-top:10px;max-height:28rem;overflow:auto}
.pruefer__liste{margin:14px 0 0;padding-left:1.2em;color:var(--text-2);line-height:1.55;max-width:62ch;display:grid;gap:6px}
.pruefer__preis{margin:16px 0 0;color:var(--text-2)}
.pruefer__preis b{color:var(--text);font-weight:600}
.pruefer__wache .vordruck{padding:20px 0 0}
.pruefer .vordruck label .stufe{margin-left:6px;vertical-align:1px}
@media (max-width:560px){.pruefer__zeile{flex-direction:column}}
.kit-form[hidden]{display:none}
.pruefer__cf:empty{display:none}
.pruefer__cf{margin-top:10px}

/* Fachkuerzel mit Tooltip (seit 2026-10-09): Markup setzt build.py (erstes Vorkommen je Seite),
   Tooltip baut site.js. Ohne JS bleiben abbr-title und Link ins Glossar. */
a.kuerzel,.artikel__text a.kuerzel,.prosa a.kuerzel,.prosa-breit a.kuerzel{color:inherit;text-decoration:underline dotted;text-decoration-color:var(--text-3);text-decoration-thickness:1px;text-underline-offset:.22em;cursor:help}
a.kuerzel:hover,a.kuerzel.is-offen,.artikel__text a.kuerzel:hover{color:var(--akzent-tief);text-decoration-color:currentColor}
.kuerzel abbr{text-decoration:none;font-style:normal}
.kuerzel-tipp{position:absolute;z-index:45;width:max-content;max-width:min(300px,calc(100vw - 32px));padding:12px 14px;border-radius:var(--r);background:var(--weiss);box-shadow:0 0 0 1px var(--linie),var(--schatten-2);font-size:.875rem;line-height:1.5;color:var(--text-2);opacity:0;transform:translateY(4px);transition:opacity .15s var(--aus),transform .2s var(--aus);pointer-events:none}
.kuerzel-tipp.is-offen{opacity:1;transform:none;pointer-events:auto}
.kuerzel-tipp b{display:block;margin-bottom:2px;color:var(--text);font-weight:600}
.kuerzel-tipp p{margin:0}
.kuerzel-tipp a{display:inline-block;margin-top:8px;color:var(--akzent-tief);font-weight:500;text-decoration:none}
.kuerzel-tipp a:hover{text-decoration:underline}
@media (prefers-reduced-motion:reduce){.kuerzel-tipp{transition:none;transform:none}}