:root{
  --dossier-breite:1312px;
  --rand:clamp(16px,4.4vw,64px);
  --spalt:var(--s5);                                  
  --kopf-hoehe:64px;
  --wert-gross:clamp(54px,5.6vw,84px);
  --wert-mittel:clamp(32px,2.8vw,40px);
  --titel-abschnitt:clamp(26px,2.4vw,32px);
  --feder:linear(0,.086 4%,.3 10%,.55 18%,.74 27%,.86 36%,.93 46%,.97 58%,.99 72%,1);
  --t-fach:360ms;          
  --t-zeichnen:1100ms;     
}
[data-theme=hell]{
  --plan-grenze:#D0AA63; --plan-halo:rgba(250,247,240,.92); --plan-flaeche:rgba(208,170,99,.20);
  --beleg-amtlich:#335A48; --beleg-abgeleitet:#7A5019; --beleg-angabe:#414C5E;
  --band:rgba(208,170,99,.30); --band-kante:#8A5D22;
  --kurve-linie:#1E314F; --kurve-flaeche:rgba(30,49,79,.07); --kurve-gitter:rgba(30,49,79,.10);
  --platzhalter-linie:#A89E88;
  --aktiv-grund:#FCFAF5;
  --briefpapier:#FFFDF8; --briefpapier-tinte:#1E314F;
  --anteil-boden:#B08433; --anteil-gebaeude:#3F68A6; --anteil-aussen:#23946A;
}
[data-theme=dunkel]{
  --plan-grenze:#E2C084; --plan-halo:rgba(16,29,48,.88); --plan-flaeche:rgba(226,192,132,.18);
  --beleg-amtlich:#8FCBB0; --beleg-abgeleitet:#E2C084; --beleg-angabe:#BCCBE1;
  --band:rgba(208,170,99,.26); --band-kante:#D0AA63;
  --kurve-linie:#EFEADD; --kurve-flaeche:rgba(239,234,221,.06); --kurve-gitter:rgba(239,234,221,.10);
  --platzhalter-linie:#6B7C96;
  --aktiv-grund:#27364D;
  --briefpapier:#F8F4EC; --briefpapier-tinte:#1E314F;
  --anteil-boden:#A98033; --anteil-gebaeude:#6A8FD8; --anteil-aussen:#2E9E73;
}

[data-theme=hell]{
  --merkmal-plus:var(--ja); --merkmal-plus-grund:rgba(63,107,87,.11);
  --merkmal-minus:var(--fehler); --merkmal-minus-grund:rgba(168,52,42,.09);
  --merkmal-erfasst-grund:rgba(30,49,79,.045);
  --diktat-aufnahme:#A8342A;
  --flurkarte-grund:#F3EEE3; --flurkarte-linie:rgba(30,49,79,.30); --flurkarte-strasse:rgba(30,49,79,.07);
  --flurkarte-haus:rgba(30,49,79,.13);
}
[data-theme=dunkel]{
  --merkmal-plus:var(--ja); --merkmal-plus-grund:rgba(133,193,166,.13);
  --merkmal-minus:var(--fehler); --merkmal-minus-grund:rgba(240,147,138,.12);
  --merkmal-erfasst-grund:rgba(239,234,221,.045);
  --diktat-aufnahme:#F0938A;
  --flurkarte-grund:#1A2A40; --flurkarte-linie:rgba(239,234,221,.30); --flurkarte-strasse:rgba(239,234,221,.06);
  --flurkarte-haus:rgba(239,234,221,.14);
}

::selection{background:var(--akzent-tint);color:var(--tinte)}
[data-theme=dunkel] ::selection{background:rgba(208,170,99,.32)}
input,textarea{caret-color:var(--akzent)}
body{font-variant-numeric:lining-nums}
html{scrollbar-color:var(--linie) transparent;scroll-padding-top:calc(var(--kopf-hoehe) + 16px)}
body{-webkit-tap-highlight-color:transparent}
button,a,input,select,textarea{touch-action:manipulation}

.kopf-in--breit{max-width:none;width:min(var(--dossier-breite),100% - 2 * var(--rand));padding:0;margin-inline:auto}
.kopf--dossier .kopf-reihe{position:relative;min-height:var(--kopf-hoehe);display:flex;align-items:center;gap:var(--s2)}
.kopf--dossier .wortmarke{margin-left:-4px}
.kopf--dossier .kopf-reihe > a.zurueck{flex:none;justify-content:center;width:44px;min-height:44px;padding:0;border-radius:50%;margin-left:-10px}
.kopf--dossier .kopf-reihe > a.zurueck svg{width:18px;height:18px}
.kopf--dossier .kopf-reihe > a.zurueck:hover{background:var(--akzent-tint)}
.zurueck-wort{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kopf--dossier .kopf-rechts,.kopf--dossier .kopf-reihe > .thema{margin-left:auto}
.kopfmenue{display:none;margin-left:var(--s5)}.kopfmenue a{font-weight:500;color:var(--tinte-2);text-decoration:none;white-space:nowrap}@media (min-width:1280px){.kopfmenue{display:flex}}
.kopf--start .wortmarke{flex-shrink:0}
.kopf--dossier .neu-beginnen{flex:none;margin-left:auto;min-height:44px;padding:0 12px;border:0;border-radius:var(--r-chip);background:none;
  font:500 14px/1 var(--sans);color:var(--tinte-2);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  transition:color var(--t-fast) var(--ease-state),background-color var(--t-fast) var(--ease-state)}
.kopf--dossier .neu-beginnen:hover{color:var(--tinte);background:var(--akzent-tint)}
.kopf--dossier .nb-zeichen{display:inline-flex}
.nb-kurz{display:none}
.kopf--dossier .neu-beginnen + .kopf-rechts,.kopf--dossier .neu-beginnen + .thema{margin-left:0}
.kopfmitte{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);display:grid;place-items:center;min-width:0;max-width:52%}
.kopfmitte > *{grid-area:1/1;transition:opacity var(--t-base) var(--ease-state),transform var(--t-base) var(--ease-state)}
.kopfmitte > .kopfobjekt{opacity:0;transform:translateY(6px);pointer-events:none}
.kopfmitte[data-zeige=objekt] > :not(.kopfobjekt){opacity:0;transform:translateY(-6px);pointer-events:none}
.kopfmitte[data-zeige=objekt] > .kopfobjekt{opacity:1;transform:none;pointer-events:auto}

.pfad{display:flex;align-items:center;gap:var(--s1);margin:0;padding:0;list-style:none;font:500 14px/1 var(--sans);color:var(--tinte-2)}
.pfad li{display:flex;align-items:center;gap:var(--s1)}
.pfad li[hidden]{display:none}
.pfad li + li::before{content:"";width:18px;height:1px;background:var(--linie);margin-right:var(--s1)}
.pfad li[hidden] + li::before{content:none}
.pfad a,.pfad span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;
  border-radius:var(--r-chip);color:inherit;text-decoration:none;white-space:nowrap}
.pfad a:hover{color:var(--tinte);background:var(--akzent-tint)}
.pfad .war a{color:var(--tinte)}
.pfad .war svg{width:14px;height:14px;color:var(--ja);flex:none}
.pfad [aria-current=step] > span{color:var(--tinte);font-weight:650;position:relative}
.pfad [aria-current=step] > span::after{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:2px;
  border-radius:1px;background:var(--akzent-flaeche)}
.pfad-kurz{display:none;margin:0;font:600 13.5px/1.2 var(--sans);color:var(--tinte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfad-kurz span{color:var(--tinte-2);font-weight:500}

.kopfobjekt{display:flex;align-items:baseline;gap:var(--s3);white-space:nowrap;font-size:14.5px;color:var(--tinte-2);min-width:0}
.kopfobjekt b{font:600 15px/1 var(--sans);color:var(--tinte);overflow:hidden;text-overflow:ellipsis}
.kopfobjekt .zahl{font:600 20px/1 var(--serif);color:var(--tinte);letter-spacing:-.01em;
  font-variant-numeric:lining-nums tabular-nums}

.dossier{position:relative;z-index:1;width:min(var(--dossier-breite),100% - 2 * var(--rand));
  margin-inline:auto;padding:var(--s6) 0 var(--s8)}
.start > .dossier{flex:1}
[data-schirm=start i] > .tiefenfeld{position:fixed}
.startseite{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s6) var(--s8);align-items:center;align-content:center;
  grid-template-areas:"held bild";min-height:calc(100svh - var(--kopf-hoehe) - var(--s6))}
.start-held{grid-area:held;display:flex;flex-direction:column;gap:var(--s5)}
.start-held .werbesatz{font:600 clamp(40px,4.2vw,60px)/1.03 var(--serif);letter-spacing:-.02em;max-width:none}
.adressstart__satz{font-size:18px;line-height:1.55;color:var(--tinte-2);max-width:38ch}
.start-held__knoepfe{display:flex;flex-wrap:wrap;gap:var(--s3)}
.start-vertrauen{display:flex;flex-wrap:wrap;align-items:center;row-gap:13px;margin-top:calc(-1 * var(--s2));font-size:13px;line-height:1.5;color:var(--tinte-2)}
.start-vertrauen span{white-space:nowrap}.start-vertrauen span:not(:last-child)::after{content:'\00b7';margin:0 .45em}
.start-vertrauen .link{font-size:13px;margin-block:-11px}
.start-zusagen{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin:calc(var(--s2) - var(--s5)) 0 0;padding:0;list-style:none;font-size:14px;line-height:1.5;color:var(--tinte-2)}
.start-zusagen a{color:var(--tinte);font-weight:600;text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:12px 0;margin:-12px 0;line-height:20px;min-width:44px;box-sizing:border-box}
.schnelleinstieg{max-width:520px;padding-top:var(--s4);border-top:1px solid var(--linie-zart)}
.startseite > .kartenblatt{grid-area:bild}
.startseite > .kartenblatt[data-zustand=leer]{display:none}
dl.rechenweg{margin:var(--s5) 0 0;border-top:1px solid var(--linie-zart)}
dl.rechenweg div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 0;border-bottom:1px solid var(--linie-zart);font-size:13.5px;line-height:1.4}
dl.rechenweg dt{color:var(--tinte-2)}
dl.rechenweg dd{margin:0;font-weight:600;text-align:right}
dl.rechenweg small{grid-column:1/-1;font:600 12px/1.3 var(--sans);color:var(--tinte-2)}
[data-herkunft=amtlich]{display:inline-flex;align-items:center;gap:6px}
span[data-herkunft=amtlich]{color:var(--akzent-schrift,var(--akzent))}
.amtlich-punkt{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--akzent-flaeche);box-shadow:0 0 0 1px var(--akzent)}
.amtlich-punkt::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid var(--akzent-flaeche);
  opacity:0;animation:amtlichRing 2.4s cubic-bezier(.2,.6,.3,1) infinite}
@keyframes amtlichRing{0%{opacity:.8;transform:scale(1)}80%,100%{opacity:0;transform:scale(2.6)}}
@media (prefers-reduced-motion:reduce){.amtlich-punkt::after{animation:none;opacity:.6;transform:scale(1.9)}}
.adressfeld{display:flex;flex-direction:column;gap:var(--s2)}
.adressfeld label{font:600 14px/1.3 var(--sans)}
.adressfeld__reihe{display:flex;gap:var(--s2);padding:6px;border-radius:calc(var(--r-knopf) + 4px);
  background:var(--feld);border:1px solid var(--feld-linie);box-shadow:var(--senke);
  transition:border-color var(--t-base) var(--ease-state),box-shadow var(--t-base) var(--ease-state)}
.adressfeld__reihe:has([aria-invalid=true]){border-color:var(--fehler)}
.adressfeld__reihe:focus-within{border-color:var(--akzent-flaeche);box-shadow:0 0 0 3px var(--akzent-tint),var(--senke)}
.adressfeld__reihe > svg{width:20px;height:20px;align-self:center;margin-left:8px;color:var(--tinte-2)}
.adressfeld input{flex:1;min-width:0;border:0;background:none;color:var(--tinte);font:500 17px/1.3 var(--sans);
  padding:0 6px;min-height:50px}
.adressfeld input:focus{outline:none}
input::placeholder,textarea::placeholder{color:#6A6F78;opacity:1}
[data-theme=dunkel] input::placeholder,[data-theme=dunkel] textarea::placeholder{color:#9AA8BD}
.adressfeld .hinweis{font-size:13px;color:var(--tinte-2)}

.adressfeld__reihe .knopf{position:relative}
.adressfeld__reihe{flex-wrap:wrap}
.adressfeld input{flex:999 1 8.5em}
.adressfeld__reihe .knopf{flex:1 0 auto}

@media (max-width:980px){
  .startseite{grid-template-columns:minmax(0,1fr);grid-template-areas:"held" "bild";min-height:0}
}
@media (max-width:760px){
  .start-held .werbesatz{font-size:clamp(34px,10vw,44px)}
  .adressstart__satz{font-size:16.5px}
  .start-held{gap:var(--s4)}
  .startseite{row-gap:var(--s5)}
  .start-held__knoepfe .knopf{flex:1 1 100%}
  .start-zusagen{margin-top:calc(var(--s2) - var(--s4))}
  .adressfeld__reihe{flex-wrap:wrap}
  .adressfeld__reihe .knopf{width:100%}
}

@media (min-width:761px) and (max-width:1439px){
  .kopfmitte{position:static;transform:none;flex:1 1 auto;max-width:none}
  .kopf--dossier:not(.kopf--start) .marke-bild{display:none}
  .kopf--dossier:not(.kopf--start) .marke-zeichen{display:block}
}
@media (min-width:761px) and (max-width:1023px){
  .pfad{display:none}
  .pfad-kurz{display:flex;flex-direction:column;gap:3px;max-width:100%}
  .pfad-kurz span{font-size:12px}
}
@media (max-width:1199px){
  .kopf--dossier .neu-beginnen .nb-wort{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .kopf--dossier .neu-beginnen{width:44px;justify-content:center;padding:0}
}
@media (max-width:760px){
  :root{--kopf-hoehe:58px}
  .kopf--dossier .kopf-reihe{gap:var(--s1)}
  .kopf--dossier .kopf-reihe > a.zurueck{margin-left:-8px}
  .kopfmitte{position:static;transform:none;flex:1 1 auto;justify-items:start;max-width:none;overflow:hidden}
  .pfad{display:none}
  .pfad-kurz{display:flex;flex-direction:column;gap:3px;max-width:100%}
  .pfad-kurz b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
  .pfad-kurz span{font-size:12px}
  .kopfobjekt{font-size:13px;gap:var(--s2)}
  .kopfobjekt b{display:none}
  .kopfobjekt .zahl{font-size:18px}
  .kopf--dossier .kopf-rechts,.kopf--dossier .kopf-reihe > .thema{margin-left:0}
}
@media (max-width:560px){
  .kopf--dossier .neu-beginnen{flex-direction:column;gap:2px;width:auto;min-width:44px;padding:0 6px;font-size:12px;line-height:1}
  .kopf--dossier .nb-kurz{display:block;font-weight:600;color:var(--tinte)}
}
@media (min-width:761px){.nur-schmal{display:none!important}}
@media (max-width:760px){.nur-breit{display:none!important}}

@media (prefers-reduced-transparency:reduce){
  .kartenzeichen,.vorschlaege,.aktionsleiste,.kurve__tipp{background:var(--flaeche);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-contrast:more){
  .spanne__band{box-shadow:inset 0 0 0 2px var(--tinte)}
  .umfeldkachel,.werkzeugwahl{border-color:var(--tinte-2)}
}
@media print{
  .kopf,.aktionsleiste,.thema{display:none}
}

.kopf--dossier ~ .spalte--breit:not(.ek-main),.kopf--dossier:not(:has(~ .ek-main)) ~ .fuss{max-width:calc(var(--dossier-breite) + 40px)}
.kopf--dossier ~ .spalte--breit:not(.ek-main){max-width:none;width:min(var(--dossier-breite),100% - 2 * var(--rand));padding-inline:0}

.held__echt{white-space:nowrap}
.held__echt--zaehlt{color:transparent}
.held__lauf{display:inline-block;width:0;white-space:nowrap;color:var(--tinte)}
.held__lauf::after{content:attr(data-z)}
.wertkarte__zahl .held__echt,.wertkarte__zahl .held__lauf{font-size:1em;margin-left:0;letter-spacing:inherit}
.wertkarte__zahl .held__echt{color:inherit}
.wertkarte__zahl .held__echt--zaehlt{color:transparent}
.wertkarte__zahl .held__lauf{color:var(--tinte)}
html:not(.erlebnis-da) .erz,html:not(.erlebnis-da) .www{opacity:0}
@media (prefers-reduced-motion:no-preference){
  [data-staffel=warte] > *{transform:translateY(10px)}
  [data-staffel=da] > *{transition:opacity 320ms var(--feder) calc(var(--i) * 70ms),transform 320ms var(--feder) calc(var(--i) * 70ms)}
}

.kopf.kopf--gemeinsam{position:sticky;top:8px;z-index:30;background:none;border:0;box-shadow:none;padding:0 var(--rand);animation:none}
.kopf--gemeinsam .kopf-in{width:min(var(--dossier-breite),100%);max-width:none;margin-inline:auto;padding:0 14px;border-radius:var(--r-flaeche);background:var(--glas-fest);border:1px solid var(--linie-zart);box-shadow:var(--schatten-kopf)}
.kopf--gemeinsam .kopf-reihe{min-height:64px;display:flex;align-items:center;gap:8px}
.kopf--gemeinsam .wortmarke{flex:0 1 242px;min-width:0;min-height:44px;margin:0}
.kopf.kopf--gemeinsam .wortmarke .marke-bild{display:block;width:100%;height:auto}
.kopf.kopf--gemeinsam .wortmarke .marke-zeichen{display:none}
.kopf--gemeinsam .kopf-reihe>a.zurueck{margin:0;flex:none}
.kopf--gemeinsam .kopfmenue{display:none;gap:0;margin:0 auto 0 8px}
.kopf--gemeinsam .kopfmenue>.thema{color:var(--tinte);font:500 14px/1.3 var(--sans);text-decoration:none;min-height:44px;padding:0 10px;border-radius:var(--r-chip);display:inline-flex;align-items:center;white-space:nowrap}
.kopf--gemeinsam .kopf-rechts{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none}
.kopf--gemeinsam .kopf-rechts>.thema,.kopf--gemeinsam .kopf-konto{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:48px;padding:0 8px;margin:0;border:0;border-radius:var(--r-chip);background:none;color:var(--tinte);font:500 14px/1.2 var(--sans);text-decoration:none;cursor:pointer;box-sizing:border-box}
.kopf--gemeinsam .thema:hover,.kopf--gemeinsam .kopf-konto:hover{background:var(--akzent-tint)}
.kopf--gemeinsam .thema:focus-visible,.kopf--gemeinsam .kopf-konto:focus-visible,.menue-blatt a:focus-visible,.menue-blatt button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
.kopf--gemeinsam .kopf-rechts>.thema:not(.kopf-menue-knopf)::before,.kopf--gemeinsam .kopf-konto::before{content:'';width:18px;height:18px;flex:none;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M16.5 12.4A7 7 0 0 1 7.6 3.5a7 7 0 1 0 8.9 8.9z'/%3E%3C/svg%3E")}
.kopf--gemeinsam .kopf-rechts>.thema[aria-label*='hellen']::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='3.4'/%3E%3Cpath d='M10 1.9v1.8M10 16.3v1.8M3.3 3.3l1.3 1.3M15.4 15.4l1.3 1.3M1.9 10h1.8M16.3 10h1.8M3.3 16.7l1.3-1.3M15.4 4.6l1.3-1.3'/%3E%3C/g%3E%3C/svg%3E")}
.kopf--gemeinsam .kopf-konto::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='7' r='3.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M3.5 17c1-3 3.5-4.5 6.5-4.5s5.5 1.5 6.5 4.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E")}
.kopf--gemeinsam .kopf-rechts>.thema>svg{display:none}
.menue-zeichen{font-size:18px;line-height:1}
.kopf--gemeinsam .kopf-ablauf{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 0;border-top:1px solid var(--linie-zart)}
.kopf--gemeinsam .kopfmitte{position:relative;left:auto;top:auto;bottom:auto;transform:none;max-width:none;flex:1;justify-items:start;overflow:hidden;min-height:32px}
.kopf--gemeinsam .kopf-ablauf .neu-beginnen{margin-left:auto}
.kopf--gemeinsam .pfad{justify-content:flex-start}
.kopf--gemeinsam .kopfobjekt{font-size:14px;max-width:100%}
.kopf--gemeinsam .kopfobjekt b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kopf--gemeinsam .kopfobjekt .zahl{font-size:16px}
@media(min-width:1200px){.kopf--gemeinsam .kopfmenue{display:flex}.kopf--gemeinsam .kopf-rechts>.kopf-menue-knopf{display:none}.kopf--gemeinsam .kopfmenue .menue-zeichen{display:none}}
@media(max-width:1023px){.kopf--gemeinsam .pfad{display:none}.kopf--gemeinsam .pfad-kurz{display:flex;flex-direction:row;gap:5px;align-items:baseline}.kopf--gemeinsam .kopf-konto,.kopf--gemeinsam .kopf-rechts>.thema{flex-direction:column;gap:3px;padding:0 5px;font-size:12px;line-height:1}.kopf--gemeinsam .kopf-in{padding-inline:10px}}
@media(max-width:767px){.kopf.kopf--gemeinsam{top:8px;padding-inline:16px}.kopf--gemeinsam .kopf-reihe{min-height:58px;gap:4px}.kopf--gemeinsam .wortmarke{flex:1 1 auto;min-width:0}.kopf--gemeinsam .kopf-rechts{gap:0}.kopf--gemeinsam .kopfmitte{min-height:28px}.kopf--gemeinsam .pfad-kurz{font-size:13px}.kopf--gemeinsam .neu-beginnen{min-height:44px}.kopf.kopf--gemeinsam .wortmarke .marke-bild{height:auto!important}.kopf--gemeinsam .kopf-ablauf{padding-block:0}}
@media(max-width:359px){.kopf.kopf--gemeinsam .wortmarke .marke-bild{display:none}.kopf.kopf--gemeinsam .wortmarke{min-width:44px;justify-content:center}.kopf.kopf--gemeinsam .wortmarke .marke-zeichen{display:block;width:24px;height:24px}}
@media (orientation:landscape) and (max-height:500px){
  html{scroll-padding-top:60px}
  .kopf.kopf--gemeinsam{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
  .kopf--gemeinsam .kopf-in{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-width:0;
    box-shadow:var(--schatten-kopf),0 0 0 1px var(--linie-zart)}
  .kopf--gemeinsam :is(.kopf-reihe,.kopf-ablauf){display:contents}
  .kopf--gemeinsam .kopf-ablauf{border-top:0}
  .kopf--gemeinsam .kopf-reihe>a.zurueck{order:1;margin:0}
  .kopf--gemeinsam .wortmarke{order:2;flex:none;min-width:44px;justify-content:center}
  .kopf.kopf--gemeinsam .wortmarke .marke-bild{display:none}
  .kopf.kopf--gemeinsam .wortmarke .marke-zeichen{display:block;width:24px;height:24px}
  .kopf--gemeinsam .kopfmitte{order:3;flex:1 1 auto;min-width:0;min-height:0}
  .kopf--gemeinsam .kopfobjekt{flex-wrap:nowrap;padding-bottom:0}
  .kopf--gemeinsam .kopfobjekt b{min-width:0;flex:0 1 auto}
  .kopf--gemeinsam .kopf-ablauf .neu-beginnen{order:4;margin-left:0}
  .kopf--gemeinsam .kopf-rechts{order:5;margin-left:0}
  .kopf--gemeinsam .kopf-rechts>.thema,.kopf--gemeinsam .kopf-konto{min-height:44px}
  .kopf--gemeinsam .kopfmenue{display:none}
}
.menue-blatt{position:fixed;inset:var(--menue-top,80px) 0 auto;margin:0 auto;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - var(--menue-top,80px) - 24px);padding:16px 20px 20px;border:1px solid var(--linie-zart);border-radius:var(--r-flaeche);background:var(--karte);color:var(--tinte);box-shadow:var(--schatten-karte);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;font:400 16px/1.45 var(--sans)}
.menue-blatt::backdrop{background:var(--tinte);opacity:.35}
.menue-griff{display:none}
.menue-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}
.menue-kopf h2{font:600 22px/1.3 var(--sans);margin:0}
.menue-kopf button{min-height:44px;color:var(--tinte);font:500 14px/1.3 var(--sans)}
.menue-gruppe{padding-top:12px}
.menue-gruppe h3{font:500 12px/1.4 var(--sans);color:var(--tinte-2);margin:0 0 4px}
.menue-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:9px 8px;color:var(--tinte);text-decoration:none;border-radius:var(--r-chip);box-sizing:border-box}
.menue-zeile:hover{background:var(--akzent-tint)}
.menue-zeile b{display:block;font-size:16px;font-weight:500}
.menue-zeile small{display:block;font-size:14px;color:var(--tinte-2);line-height:1.4}
.menue-zeile svg{width:18px;height:18px;flex:none}
.menue-unten{margin-top:12px;padding-top:8px;border-top:1px solid var(--linie-zart)}
@media(max-width:1023px){
  .menue-blatt{inset:auto 0 0;width:100%;max-height:92dvh;padding:8px 16px max(18px,env(safe-area-inset-bottom));border-radius:var(--r-flaeche) var(--r-flaeche) 0 0;border-bottom:0}
  .menue-griff{display:block;height:24px;width:100%;touch-action:none;cursor:grab}
  .menue-griff::before{content:'';display:block;width:40px;height:4px;margin:6px auto 0;border-radius:var(--r-chip);background:var(--linie)}
}
@media(prefers-reduced-motion:no-preference){.menue-blatt[open]{animation:menueAuf var(--t-enter) var(--ease-enter)}}
@keyframes menueAuf{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1023px) and (prefers-reduced-motion:no-preference){@keyframes menueAuf{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.menue-blatt[open]{animation:none}}

.kopf--gemeinsam .kopf-in{padding-inline:16px}
.kopf--gemeinsam .kopfmenue{gap:2px}
.kopf--gemeinsam .kopfmenue>.thema{color:var(--tinte-2);padding:0 12px;background:none;transition:color var(--t-fast) ease,background-color var(--t-fast) ease}
.kopf--gemeinsam .kopfmenue>.thema:hover{color:var(--tinte);background:var(--linie-zart)}
.kopf--gemeinsam .kopf-rechts{gap:2px}
.kopf--gemeinsam .thema:hover,.kopf--gemeinsam .kopf-konto:hover{background:var(--linie-zart)}
.kopf--gemeinsam .kopf-rechts>.thema:not(.kopf-menue-knopf){font-size:0;gap:0;width:44px;padding:0;border-radius:50%;transition:background-color var(--t-fast) ease}
.kopf--gemeinsam .kopf-konto{padding:0 12px;transition:background-color var(--t-fast) ease}
@media(max-width:1023px){
  .kopf--gemeinsam .kopf-rechts>.thema:not(.kopf-menue-knopf){font-size:0;gap:0;width:44px;min-width:44px;padding:0;border-radius:50%;flex-direction:row}
  .kopf--gemeinsam .kopf-konto,.kopf--gemeinsam .kopf-rechts>.kopf-menue-knopf{flex-direction:row;gap:6px;width:auto;min-width:44px;padding:0 10px;font:500 14px/1 var(--sans);border-radius:var(--r-chip);white-space:nowrap}
  .kopf--gemeinsam .kopf-konto::before{display:none}
  .kopf--gemeinsam .kopf-rechts>.kopf-menue-knopf .menue-zeichen{font-size:17px;line-height:1;color:var(--tinte)}
}
@media(max-width:359px){.kopf--gemeinsam .kopf-konto,.kopf--gemeinsam .kopf-rechts>.kopf-menue-knopf{padding:0 6px;font-size:13px}}
@media(max-width:480px){
  .kopf--gemeinsam .kopf-in{padding-inline:8px 6px}
  .kopf--gemeinsam .kopf-konto,.kopf--gemeinsam .kopf-rechts>.kopf-menue-knopf{padding:0 8px}
  .kopf.kopf--gemeinsam .wortmarke{flex:0 0 auto;min-width:44px;justify-content:center}
  .kopf.kopf--gemeinsam .wortmarke .marke-bild{display:none}
  .kopf.kopf--gemeinsam .wortmarke .marke-zeichen{display:block;width:24px;height:24px}
}
.menue-blatt{--menue-einzug:14px;width:min(600px,calc(100% - 32px));max-width:none;padding:18px 22px 22px;box-shadow:var(--schatten-lift)}
.menue-blatt::backdrop{background:rgba(16,29,48,.42);opacity:1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.menue-kopf{align-items:center;padding-left:calc(var(--menue-einzug) + 1px);margin-right:-8px}
.menue-kopf h2{font:600 28px/1.15 var(--serif);letter-spacing:-.005em}
.menue-kopf .menue-zu{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;color:var(--tinte-2);background:transparent;transition:background-color var(--t-fast) ease,color var(--t-fast) ease}
.menue-kopf .menue-zu:hover{color:var(--tinte);background:var(--linie-zart)}
.menue-zu svg{width:18px;height:18px}
.menue-zu-wort{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.menue-gruppe{padding-top:18px}
.menue-gruppe h3{font:600 11.5px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-2);margin:0 0 7px;padding-left:calc(var(--menue-einzug) + 1px)}
.menue-liste{border-radius:14px;background:var(--flaeche);border:1px solid var(--linie-zart);overflow:hidden}
.menue-liste .menue-zeile{position:relative;min-height:56px;gap:16px;padding:9px 14px 9px var(--menue-einzug);border-radius:0;transition:background-color var(--t-fast) ease}
.menue-liste .menue-zeile+.menue-zeile::before{content:'';position:absolute;top:0;left:var(--menue-einzug);right:0;height:1px;background:var(--linie-zart)}
.menue-liste .menue-zeile:hover{background:var(--linie-zart)}
.menue-liste .menue-zeile:focus-visible{outline-offset:-3px;border-radius:13px}
.menue-liste--knapp .menue-zeile{min-height:48px;font-size:15.5px}
.menue-zeile b{font-size:16px;font-weight:500;line-height:1.3}
.menue-zeile small{margin-top:1px;font-size:13.5px;line-height:1.4}
.menue-zeile svg{color:var(--tinte-2);opacity:.7;transition:transform var(--t-fast) ease,opacity var(--t-fast) ease}
.menue-zeile:hover svg{transform:translateX(2px);opacity:1}
.menue-unten{margin-top:18px;padding-top:0;border-top:1px solid var(--linie-zart)}
.menue-weiter{position:sticky;bottom:calc(-1 * max(16px,env(safe-area-inset-bottom)));height:48px;margin:-48px -16px 0;background:linear-gradient(to bottom,transparent,var(--karte) 85%);pointer-events:none;opacity:0;transition:opacity var(--t-fast) ease}
.menue-blatt--weiter .menue-weiter{opacity:1}
.menue-zeichen{display:inline-grid;place-items:center}.menue-zeichen svg{width:18px;height:18px}
@media(max-width:1023px){
  .menue-blatt{width:min(100%,640px);padding:0 16px max(16px,env(safe-area-inset-bottom))}
  .menue-griff{height:22px}
  .menue-kopf h2{font-size:25px}
  .menue-gruppe{padding-top:14px}
  .menue-gruppe h3{margin-bottom:6px}
  .menue-unten{margin-top:14px}
}
@media(min-width:1024px){.menue-weiter{bottom:-22px;margin-inline:-22px}}
@media(prefers-reduced-motion:reduce){.menue-zeile svg,.menue-weiter{transition:none}.menue-zeile:hover svg{transform:none}}
.start-vertrauen{font-size:12.5px;color:var(--tinte-2)}
.start-vertrauen .link{font-size:12.5px;font-weight:500;color:var(--tinte-2);text-decoration:underline;text-decoration-color:var(--linie);text-underline-offset:3px}
.start-zusagen{font-size:13.5px;color:var(--tinte-2)}
.start-zusagen a{font-weight:500;color:var(--tinte-2);text-decoration-color:var(--linie);text-underline-offset:3px}
.start-vertrauen .link:hover,.start-zusagen a:hover{color:var(--tinte);text-decoration-color:currentColor}
@media (min-width:1200px) and (max-width:1279px){.kopf--gemeinsam .kopfmenue>.thema{padding:0 8px}}
details.klapp > summary .chip{border:0;background:none;box-shadow:none;padding:0;min-height:0;font:500 13px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--tinte-2)}

section,main h2[id]{scroll-margin-top:96px}
body:has(.kopf-ablauf) :is(section,main h2[id]){scroll-margin-top:150px}
@media (max-width:389px){
  html .start-vertrauen,html .start-vertrauen .link,html .start-zusagen,html .start-zusagen a{font-size:12px}
}
@media(max-width:359px){
  .kopf.kopf--gemeinsam .wortmarke,.kopf.kopf--gemeinsam.kopf--start .wortmarke{flex:0 0 auto;min-width:44px;justify-content:center}
  .kopf.kopf--gemeinsam .wortmarke .marke-bild{display:none}
  .kopf.kopf--gemeinsam .wortmarke .marke-zeichen{display:block;width:24px;height:24px}
  .kopf.kopf--gemeinsam:has(.zurueck) .kopf-konto{font-size:0;gap:0;width:44px;min-width:44px;padding:0;border-radius:50%}
  .kopf.kopf--gemeinsam:has(.zurueck) .kopf-konto::before{display:block}
}
@media(max-width:599px){
  .kopf.kopf--gemeinsam .wortmarke{flex:0 0 auto;min-width:44px;justify-content:center}
  .kopf.kopf--gemeinsam .wortmarke .marke-bild{display:none}
  .kopf.kopf--gemeinsam .wortmarke .marke-zeichen{display:block;width:24px;height:24px}
}
@media(min-width:600px){
  .kopf.kopf--gemeinsam .wortmarke{flex:0 0 auto}
  .kopf.kopf--gemeinsam .wortmarke .marke-bild{width:234px;height:auto}
}
@media(min-width:360px) and (max-width:599px){
  .kopf.kopf--gemeinsam.kopf--start .wortmarke{flex:1 1 auto;min-width:0;justify-content:flex-start}
  .kopf.kopf--gemeinsam.kopf--start .wortmarke .marke-zeichen{display:none}
  .kopf.kopf--gemeinsam.kopf--start .wortmarke .marke-bild{display:block;width:100%;max-width:206px;height:auto;overflow:visible}
  .kopf.kopf--gemeinsam.kopf--start .marke-bild use[href="#lgWort"]{stroke:currentColor;stroke-width:3.2px}
  .kopf--gemeinsam.kopf--start .kopf-rechts>*{color:var(--tinte-2)}
  .kopf--gemeinsam.kopf--start .kopf-konto,.kopf--gemeinsam.kopf--start .kopf-rechts>.kopf-menue-knopf{font-size:0;gap:0;width:44px;min-width:44px;padding:0}
  .kopf--gemeinsam.kopf--start .kopf-konto::before{display:block}
  .kopf--gemeinsam.kopf--start .kopf-rechts>.kopf-menue-knopf .menue-zeichen{color:var(--tinte-2)}
}
