@font-face{font-family:"Gelasio";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/gelasio-var.woff2") format("woff2") tech(variations),url("../fonts/gelasio-var.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+0100-02FF,U+0300-036F,U+1D00-1DBF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url("../fonts/source-sans-3-var.woff2") format("woff2") tech(variations),url("../fonts/source-sans-3-var.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+0100-02FF,U+0300-036F,U+1D00-1DBF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--anthrazit:#22272B;--anthrazit-2:#2C3237;--fuss:#1A1E21;--weiss:#FFFFFF;--offwhite:#F5F3EF;--gold:#B08D57;--gold-text:#BE9A62;--gold-dunkel:#7E6330;--ink:#1A1D20;--ink-2:#5C6368;--hell:#E8E4DC;--hell-2:#A9B0B6;--fuss-text:#868E94;--linie:#E2DED6;--linie-dunkel:#3A4147;--linie-bedien:#918C7F;--grund:var(--weiss);--schrift:var(--ink);--schrift-neben:var(--ink-2);--akzent:var(--gold-dunkel);--strich:var(--linie);--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:30px;--r-pill:999px;--r-sig:20px 6rem 20px 6rem;--breite:1240px;--breite-schmal:68ch;--rand:clamp(1.25rem,4vw,2.5rem);--platte-rand:clamp(0.75rem,2vw,1.5rem);--luft-1:0.5rem;--luft-2:0.75rem;--luft-3:1.25rem;--luft-4:2rem;--luft-5:3rem;--luft-6:5rem;--luft-7:7.5rem;--t-h1:clamp(2.75rem,1.9rem + 3.4vw,4rem);--t-h2:clamp(1.875rem,1.5rem + 1.5vw,2.375rem);--t-h3:clamp(1.1875rem,1.12rem + 0.3vw,1.3125rem);--t-text:clamp(1.0625rem,1.03rem + 0.15vw,1.125rem);--t-klein:1rem;--t-mini:0.75rem;--gew-titel:700;--gew-fest:600;--gew-fester:680;--gew-text:400;--kurve:cubic-bezier(.16,1,.3,1);--zeit-kurz:200ms;--zeit:420ms;--zeit-marke:260ms;--zeit-lang:520ms;--serife:"Gelasio",Georgia,"Times New Roman",Times,serif;--grotesk:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--z-grund:0;--z-flaeche:1;--z-kopf:40;--z-menue:50;--z-banner:60;--z-sprung:100;--kopf-raum:7rem}
@property --gew{syntax:"<number>";inherits:true;initial-value:600}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light;scroll-padding-top:var(--kopf-raum)}
body{margin:0;background-color:var(--grund);color:var(--schrift);font-family:var(--grotesk);font-size:var(--t-text);font-weight:var(--gew-text);line-height:1.62;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:where(svg){display:block;width:100%;height:auto}
:where(img){display:block;max-width:100%;height:auto}
:where(a){color:inherit;text-decoration:none}
:where(p,ul,ol,dl,dd,figure){margin:0}
:where(ul,ol){padding:0;list-style:none}
:where(button,input,textarea){font:inherit;color:inherit;letter-spacing:inherit;margin:0}
:where(button){padding:0;border:0;background:none;text-align:inherit;cursor:pointer}
:where(textarea){resize:vertical}
[hidden]{display:none !important}
:where(h1,h2,h3,h4){margin:0;font-family:var(--serife);font-weight:var(--gew-titel);line-height:1.14;letter-spacing:-0.01em;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:16 8 6}
:where(h1){font-size:var(--t-h1)}
:where(h2){font-size:var(--t-h2)}
:where(h3){font-size:var(--t-h3)}
:where(h4){font-size:var(--t-text)}
:where(p){text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 4}
::selection{background-color:var(--gold);color:var(--anthrazit)}
:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}
.sprung{position:fixed;inset-block-start:-6rem;inset-inline-start:var(--rand);z-index:var(--z-sprung);padding:var(--luft-2) var(--luft-3);border-radius:var(--r-sm);background-color:var(--anthrazit);color:var(--hell);font-size:var(--t-klein);font-weight:var(--gew-fest);line-height:1.2}
.sprung:focus{inset-block-start:var(--luft-2)}
.nur-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.inhalt{display:block}
.bahn{width:100%;max-width:var(--breite);margin-inline:auto;padding-inline:var(--rand)}
.bahn.bahn--schmal{max-width:calc(var(--breite-schmal) + 2 * var(--rand))}
.kopf{position:sticky;inset-block-start:0;z-index:40;background-color:var(--grund);border-block-end:1px solid var(--strich);transition:padding var(--zeit-lang) var(--kurve),background-color var(--zeit-lang) var(--kurve),border-color var(--zeit-lang) var(--kurve),color var(--zeit-lang) var(--kurve)}
.kopf__leiste{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--luft-2) var(--luft-1);min-block-size:4.25rem;max-inline-size:var(--breite);margin-inline:auto;padding-inline:var(--rand);transition:max-inline-size var(--zeit-lang) var(--kurve),min-block-size var(--zeit-lang) var(--kurve),padding var(--zeit-lang) var(--kurve),background-color var(--zeit-lang) var(--kurve),border-color var(--zeit-lang) var(--kurve),border-radius var(--zeit-lang) var(--kurve),box-shadow var(--zeit-lang) var(--kurve)}
.kopf__marke,.kopf__telefon,.kopf__schalter{position:relative;z-index:2}
.kopf__marke{margin-inline-end:auto;text-decoration:none}
.kopf__nav{flex-basis:100%}
.kopf__liste{display:flex;flex-direction:column;gap:var(--luft-2);padding-block-end:var(--luft-3)}
.kopf__punkt{margin:0}
.kopf__ziel{position:relative;display:inline-block;color:var(--schrift);font-size:var(--t-klein);font-weight:var(--gew-fest);text-decoration:none;transition:color var(--zeit-lang) var(--kurve)}
.kopf__ziel::after{content:"";position:absolute;inset-inline:0;inset-block-end:-0.25rem;block-size:1px;background-color:var(--akzent);transform:scaleX(0);transform-origin:right center;transition:transform var(--zeit) var(--kurve)}
.kopf__ziel:hover::after,.kopf__ziel:focus-visible::after,.kopf__ziel:active::after{transform:scaleX(1);transform-origin:left center}
.kopf.ist-bereit .kopf__nav{display:none}
.kopf.ist-bereit.ist-offen .kopf__nav{display:block;position:fixed;inset:0;z-index:1;padding-block:5.75rem var(--luft-5);padding-inline:var(--rand);background-color:var(--grund);overflow-y:auto;overscroll-behavior:contain}
.kopf.ist-offen .kopf__liste{gap:var(--luft-3);padding-block-end:0}
.kopf.ist-offen .kopf__ziel{font-family:"Gelasio",Georgia,"Times New Roman",serif;font-size:var(--t-h2);font-weight:var(--gew-titel);letter-spacing:-0.012em}
.kopf__telefon{display:inline-flex;align-items:center;gap:var(--luft-2)}
.kopf__nummer{color:var(--schrift);font-size:var(--t-klein);font-weight:var(--gew-fest);font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap;transition:color var(--zeit-lang) var(--kurve)}
.kopf__nummer:hover,.kopf__nummer:active{color:var(--akzent)}
.kopf .kopf__knopf{display:none}
.kopf__schalter{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;inline-size:2.75rem;block-size:2.75rem;margin-inline-end:calc(var(--luft-1) * -1);padding:0;border:0;border-radius:var(--r-pill);background-color:transparent;color:var(--schrift);cursor:pointer}
.kopf.ist-bereit .kopf__schalter{display:inline-flex}
@media (max-width:25rem){.kopf__nummer{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kopf__telefon{justify-content:center;min-inline-size:2.75rem;min-block-size:2.75rem}
}
.kopf__strich{display:block;inline-size:1.25rem;block-size:1px;background-color:currentColor;transition:transform var(--zeit) var(--kurve),opacity var(--zeit-kurz) var(--kurve)}
.kopf.ist-offen .kopf__strich:first-child{transform:translateY(6px) rotate(45deg)}
.kopf.ist-offen .kopf__strich:nth-child(2){opacity:0}
.kopf.ist-offen .kopf__strich:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.kopf.ist-dunkel{--grund:var(--anthrazit-2);--schrift:var(--hell);--schrift-neben:var(--hell-2);--akzent:var(--gold-text);--strich:var(--linie-dunkel)}
@media (max-width:639px){.kopf__telefon{display:none}
.kopf.ist-bereit.ist-offen .kopf__telefon{display:flex;position:fixed;inset-inline:0;inset-block-end:0;justify-content:flex-start;align-items:center;gap:var(--luft-2);min-block-size:0;padding-block:var(--luft-3);padding-inline:var(--rand);padding-block-end:calc(var(--luft-3) + env(safe-area-inset-bottom,0px));background-color:var(--grund);border-block-start:1px solid var(--strich)}
.kopf.ist-offen .kopf__nummer{position:static;inline-size:auto;block-size:auto;margin:0;padding:0;overflow:visible;clip-path:none;font-size:var(--t-text)}
.kopf.kopf--ohne-telefon.ist-bereit.ist-offen .kopf__knopf{display:inline-flex;position:fixed;inset-inline:var(--rand);inset-block-end:calc(var(--luft-3) + env(safe-area-inset-bottom,0px));justify-content:center;z-index:2}
.kopf.ist-bereit.ist-offen .kopf__nav{padding-block-end:6rem}
}
@media (min-width:640px){.kopf__leiste{gap:var(--luft-3)}
.kopf__nummer{font-size:var(--t-text)}
}
@media (min-width:640px) and (max-width:899px){.kopf.kopf--ohne-telefon .kopf__knopf{display:inline-flex}
}
@media (min-width:900px){.kopf__leiste{flex-wrap:nowrap;min-block-size:4.75rem;gap:var(--luft-4)}
.kopf__nav,.kopf.ist-bereit .kopf__nav,.kopf.ist-bereit.ist-offen .kopf__nav{display:block;position:static;flex-basis:auto;padding:0;background-color:transparent;overflow:visible}
.kopf__liste,.kopf.ist-offen .kopf__liste{flex-direction:row;gap:var(--luft-4);padding-block-end:0}
.kopf__ziel,.kopf.ist-offen .kopf__ziel{font-family:inherit;font-size:var(--t-klein);font-weight:var(--gew-fest);letter-spacing:normal}
.kopf .kopf__knopf{display:inline-flex}
.kopf.ist-bereit .kopf__schalter{display:none}
.kopf.ist-verdichtet{padding-block-start:0.75rem;background-color:transparent;border-block-end-color:transparent}
.kopf.ist-verdichtet .kopf__leiste{max-inline-size:68rem;min-block-size:4rem;padding-inline:var(--luft-4);border:1px solid var(--strich);border-radius:var(--r-lg);background-color:color-mix(in srgb,var(--grund) 84%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 2px color-mix(in srgb,var(--anthrazit) 6%,transparent),0 18px 44px -16px color-mix(in srgb,var(--anthrazit) 30%,transparent)}
}
.fuss{margin-block-start:var(--luft-6)}
.fuss__platte{position:relative;padding-block:calc(var(--luft-6) + 1rem) var(--luft-4)}
.fuss__gitter{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-5)}
.fuss__marke{display:grid;gap:var(--luft-2);justify-items:start;align-content:start}
.fuss__wort{font-family:"Gelasio",Georgia,"Times New Roman",serif;font-size:var(--t-h3);font-weight:var(--gew-titel);color:var(--schrift);letter-spacing:-0.012em}
.fuss__zeile{max-inline-size:34ch;font-size:var(--t-klein);color:var(--schrift-neben);text-wrap:pretty}
.fuss__spalte{display:grid;gap:var(--luft-3);align-content:start}
.fuss__ueber{font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--t-mini);font-weight:var(--gew-fest);letter-spacing:0.16em;text-transform:uppercase;color:var(--akzent)}
.fuss__liste{display:grid;gap:var(--luft-2)}
.fuss__ziel{color:var(--schrift-neben);font-size:var(--t-klein);text-decoration:none;transition:color var(--zeit) var(--kurve)}
.fuss__ziel:hover,.fuss__ziel:active{color:var(--schrift)}
.fuss__schluss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--luft-3) var(--luft-4);margin-block-start:var(--luft-5);padding-block-start:var(--luft-3);border-block-start:1px solid var(--strich)}
.fuss__urheber{font-size:var(--t-mini);color:var(--schrift-neben);letter-spacing:0.02em}
.fuss__partner{display:flex;align-items:center;gap:var(--luft-2)}
.fuss__wappen{display:block;inline-size:28px;block-size:auto}
.fuss__partner-marke{font-family:var(--grotesk);font-size:var(--t-mini);font-variation-settings:"wght" var(--gew-fest);letter-spacing:0.08em;text-transform:uppercase;color:var(--schrift-neben)}
@media (min-width:640px){.fuss__gitter{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--luft-5)}
.fuss__marke{grid-column:1 / -1}
}
@media (min-width:900px){.fuss__platte{padding-block:var(--luft-7) var(--luft-5)}
.fuss__gitter{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.fuss__marke{grid-column:auto}
}
.banner{position:fixed;inset-block-end:var(--rand);inset-inline:var(--rand);z-index:60;max-inline-size:44rem;margin-inline:auto;padding:var(--luft-4);border:1px solid var(--strich);border-radius:var(--r-md);background-color:var(--grund);box-shadow:0 1px 3px color-mix(in srgb,var(--anthrazit) 8%,transparent),0 18px 46px -18px color-mix(in srgb,var(--anthrazit) 30%,transparent);pointer-events:none}
.banner.ist-sichtbar{pointer-events:auto}
.banner__innen{display:grid;gap:var(--luft-2)}
.banner__text{font-size:var(--t-klein);color:var(--schrift-neben);text-wrap:pretty}
.banner__knoepfe{display:flex;flex-wrap:wrap;gap:var(--luft-2);margin-block-start:var(--luft-1)}
.banner__wege{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--luft-2);margin-block-start:var(--luft-1);font-size:var(--t-mini)}
.banner__trenner{color:var(--schrift-neben)}
@media (min-width:640px){.banner{inset-inline:var(--rand) var(--rand);margin-inline:auto 0}
}
.abschnitt--dunkel{--grund:var(--anthrazit);--schrift:var(--hell);--schrift-neben:var(--hell-2);--akzent:var(--gold-text);--strich:var(--linie-dunkel)}
.abschnitt--hell{--grund:var(--offwhite);--schrift:var(--ink);--schrift-neben:var(--ink-2);--akzent:var(--gold-dunkel);--strich:var(--linie)}
.abschnitt{position:relative;padding-block:var(--luft-6);color:var(--schrift)}
.abschnitt--knapp{padding-block:var(--luft-5)}
.abschnitt__kopf{max-inline-size:46rem;margin-block-end:var(--luft-5)}
.abschnitt__titel{margin-block-start:var(--luft-2);max-inline-size:26ch}
.abschnitt__lauftext{margin-block-start:var(--luft-3)}
.abschnitt__weg{display:flex;flex-wrap:wrap;align-items:center;gap:var(--luft-3);margin-block-start:var(--luft-5)}
.platte{margin-inline:var(--platte-rand);border-radius:var(--r-lg)}
.abschnitt{margin-inline:var(--platte-rand)}
.platte > .abschnitt{margin-inline:0}
.platte + .platte{margin-block-start:var(--platte-rand)}
.platte--anthrazit{background-color:var(--anthrazit);--grund:var(--anthrazit);--schrift:var(--hell);--schrift-neben:var(--hell-2);--akzent:var(--gold-text);--strich:var(--linie-dunkel)}
.platte--offwhite{background-color:var(--offwhite);--grund:var(--offwhite);--schrift:var(--ink);--schrift-neben:var(--ink-2);--akzent:var(--gold-dunkel);--strich:var(--linie)}
.platte--fuss{margin-inline:0;border-radius:var(--r-lg) var(--r-lg) 0 0;background-color:var(--fuss);--grund:var(--fuss);--schrift:var(--hell);--schrift-neben:var(--fuss-text);--akzent:var(--gold-text);--strich:var(--linie-dunkel)}
.platte__fuge{display:block;inline-size:calc(100% - 2 * var(--rand));max-inline-size:calc(var(--breite) - 2 * var(--rand));block-size:1px;margin-inline:auto;background-color:var(--strich)}
.augenbraue{font-size:var(--t-mini);font-weight:var(--gew-fest);letter-spacing:0.2em;text-transform:uppercase;color:var(--akzent)}
.augenbraue__fest{white-space:nowrap}
.augenbraue__trenner{margin-inline:0.4em;color:var(--schrift-neben)}
.titel{font-family:"Gelasio",Georgia,"Times New Roman",serif;font-size:var(--t-h2);font-weight:var(--gew-titel);line-height:1.1;letter-spacing:-0.012em;color:var(--schrift);text-wrap:balance}
.titel--gross{font-size:var(--t-h1);max-inline-size:16ch}
.lauftext{max-inline-size:58ch;font-size:var(--t-text);line-height:1.6;color:var(--schrift-neben);text-wrap:pretty;hyphens:auto}
.zahl{font-family:"Gelasio",Georgia,"Times New Roman",serif;font-weight:var(--gew-titel);font-variant-numeric:tabular-nums;color:var(--akzent)}
.klein{font-size:var(--t-klein);color:var(--schrift-neben)}
.knopf{--knopf-grund:var(--anthrazit);--knopf-schrift:var(--weiss);--knopf-fuell:var(--gold-dunkel);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--luft-1);min-block-size:3rem;padding:0.85rem 1.8rem;border:0;border-radius:var(--r-pill);isolation:isolate;overflow:clip;font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--t-klein);font-weight:var(--gew-fest);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;background-color:var(--knopf-grund);color:var(--knopf-schrift);transition:background-color var(--zeit) var(--kurve),border-color var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}
.knopf.knopf--haupt::before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--knopf-fuell);transform:translateY(101%);transition:transform var(--zeit) var(--kurve)}
.knopf.knopf--haupt:hover::before,.knopf.knopf--haupt:focus-visible::before,.knopf.knopf--haupt:active::before{transform:translateY(0)}
.knopf.knopf--neben{background-color:transparent;border:1px solid var(--linie-bedien);color:var(--schrift)}
.knopf.knopf--neben:hover,.knopf.knopf--neben:focus-visible,.knopf.knopf--neben:active{border-color:var(--akzent);background-color:color-mix(in srgb,var(--akzent) 8%,transparent)}
.knopf.knopf--banner{flex:1 1 0;min-block-size:2.75rem;padding:0.7rem 1.4rem;border:1px solid var(--linie-bedien);background-color:var(--grund);color:var(--schrift)}
.knopf.knopf--banner:hover,.knopf.knopf--banner:focus-visible,.knopf.knopf--banner:active{border-color:var(--akzent)}
.abschnitt--dunkel .knopf.knopf--haupt{--knopf-grund:var(--hell);--knopf-schrift:var(--anthrazit);--knopf-fuell:var(--gold)}
.textweg{color:var(--akzent);font-weight:var(--gew-fest);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.25em;text-decoration-color:color-mix(in srgb,var(--akzent) 45%,transparent);transition:text-decoration-color var(--zeit) var(--kurve)}
.textweg:hover,.textweg:focus-visible,.textweg:active{text-decoration-color:var(--akzent)}
.telefonweg{display:inline-flex;align-items:center;gap:var(--luft-2);color:var(--schrift);font-weight:var(--gew-fest);font-variant-numeric:tabular-nums;text-decoration:none;transition:color var(--zeit) var(--kurve)}
.telefonweg:hover,.telefonweg:focus-visible,.telefonweg:active{color:var(--akzent)}
.flaeche{--gew:var(--gew-fest);position:relative;padding:var(--luft-4);border:1px solid var(--strich);border-radius:var(--r-md);background-color:var(--grund);transition:background-color var(--zeit) var(--kurve)}
.flaeche h3{font-variation-settings:"wght" var(--gew)}
.flaeche:hover,.flaeche:focus-within,.flaeche:active{background-color:color-mix(in srgb,var(--offwhite) 40%,var(--grund))}
.abschnitt--dunkel .flaeche{background-color:var(--anthrazit-2)}
.abschnitt--dunkel .flaeche:hover,.abschnitt--dunkel .flaeche:focus-within,.abschnitt--dunkel .flaeche:active{background-color:color-mix(in srgb,var(--hell) 7%,var(--anthrazit-2))}
.marken{display:block;position:absolute;inset:0.75rem;pointer-events:none}
.marken__eck{position:absolute;inline-size:14px;block-size:14px}
.marken__eck::before,.marken__eck::after{content:"";position:absolute;background-color:var(--akzent);transition:transform var(--zeit-kurz) var(--kurve)}
.marken__eck::before{inline-size:100%;block-size:1px;transform:scaleX(0)}
.marken__eck::after{inline-size:1px;block-size:100%;transform:scaleY(0)}
.marken__eck.e1{inset-block-start:0;inset-inline-start:0}
.marken__eck.e1::before{inset-block-start:0;inset-inline-start:0;transform-origin:left center}
.marken__eck.e1::after{inset-block-start:0;inset-inline-start:0;transform-origin:center top}
.marken__eck.e2{inset-block-end:0;inset-inline-start:0}
.marken__eck.e2::before{inset-block-end:0;inset-inline-start:0;transform-origin:left center}
.marken__eck.e2::after{inset-block-end:0;inset-inline-start:0;transform-origin:center bottom}
.marken__eck.e3{inset-block-end:0;inset-inline-end:0}
.marken__eck.e3::before{inset-block-end:0;inset-inline-end:0;transform-origin:right center}
.marken__eck.e3::after{inset-block-end:0;inset-inline-end:0;transform-origin:center bottom}
.marken__eck.e4{inset-block-start:0;inset-inline-end:0}
.marken__eck.e4::before{inset-block-start:0;inset-inline-end:0;transform-origin:right center}
.marken__eck.e4::after{inset-block-start:0;inset-inline-end:0;transform-origin:center top}
.flaeche:hover .marken__eck::before,.flaeche:focus-within .marken__eck::before,.flaeche:active .marken__eck::before{transform:scaleX(1);transition-duration:var(--zeit-marke)}
.flaeche:hover .marken__eck::after,.flaeche:focus-within .marken__eck::after,.flaeche:active .marken__eck::after{transform:scaleY(1);transition-duration:var(--zeit-marke)}
.flaeche:hover .marken__eck.e2::before,.flaeche:hover .marken__eck.e2::after,.flaeche:focus-within .marken__eck.e2::before,.flaeche:focus-within .marken__eck.e2::after,.flaeche:active .marken__eck.e2::before,.flaeche:active .marken__eck.e2::after{transition-delay:40ms}
.flaeche:hover .marken__eck.e3::before,.flaeche:hover .marken__eck.e3::after,.flaeche:focus-within .marken__eck.e3::before,.flaeche:focus-within .marken__eck.e3::after,.flaeche:active .marken__eck.e3::before,.flaeche:active .marken__eck.e3::after{transition-delay:80ms}
.flaeche:hover .marken__eck.e4::before,.flaeche:hover .marken__eck.e4::after,.flaeche:focus-within .marken__eck.e4::before,.flaeche:focus-within .marken__eck.e4::after,.flaeche:active .marken__eck.e4::before,.flaeche:active .marken__eck.e4::after{transition-delay:120ms}
.bildflaeche{position:relative;margin:0;border-radius:var(--r-lg);background-color:var(--anthrazit)}
.bildflaeche > picture,.bildflaeche > img,.bildflaeche > svg,.bildflaeche picture > img{position:relative;z-index:1;display:block;inline-size:100%;block-size:auto;border-radius:inherit}
.bildflaeche__rahmen{display:none}
.bildflaeche__zeile{margin-block-start:var(--luft-2);font-size:var(--t-klein);color:var(--schrift-neben)}
@media (min-width:900px){.bildflaeche--sig{border-radius:var(--r-sig)}
}
@media (min-width:1180px){.bildflaeche__rahmen{display:block;position:absolute;inset:1.25rem -1.25rem -1.25rem 1.25rem;z-index:-1;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:var(--r-sig);pointer-events:none;transition:inset var(--zeit-lang) var(--kurve),border-color var(--zeit) var(--kurve)}
.bildflaeche:hover .bildflaeche__rahmen,.bildflaeche:active .bildflaeche__rahmen{inset:1.9rem -1.9rem -1.9rem 1.9rem;border-color:color-mix(in srgb,var(--gold) 85%,transparent)}
}
.marke{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--luft-2);align-items:center;line-height:1.05;text-decoration:none}
.marke .zeichen{grid-row:1 / span 2}
.marke__wort{font-family:"Gelasio",Georgia,"Times New Roman",serif;font-size:var(--t-h3);font-weight:var(--gew-titel);letter-spacing:-0.012em;color:var(--schrift);transition:color var(--zeit-lang) var(--kurve)}
.marke__zusatz{font-size:var(--t-mini);letter-spacing:calc(0.44628 * var(--t-h3) - 7.21px);margin-inline-end:calc(-1 * (0.44628 * var(--t-h3) - 7.21px));text-transform:uppercase;color:var(--schrift-neben);transition:color var(--zeit-lang) var(--kurve),opacity var(--zeit-lang) var(--kurve),visibility var(--zeit-lang) var(--kurve)}
.zeichen{display:inline-flex;inline-size:2rem;block-size:2rem;flex:none;color:var(--akzent)}
.zeichen svg{inline-size:100%;block-size:100%}
.zeichen--bild{inline-size:2.174rem;block-size:1.9rem}
.zeichen__bild{inline-size:100%;block-size:100%;object-fit:contain}
.hoerer,.kopf__hoerer{display:inline-flex;flex:none;inline-size:1em;block-size:1em;margin-inline-end:0.5em;translate:0 0.06em;color:var(--akzent)}
.hoerer svg,.kopf__hoerer svg{inline-size:100%;block-size:100%}
.pille{display:inline-flex;align-items:center;padding:0.35rem 0.95rem;border:1px solid var(--strich);border-radius:var(--r-pill);font-size:var(--t-klein);color:var(--schrift-neben);transition:border-color var(--zeit) var(--kurve),color var(--zeit) var(--kurve)}
.pille:hover,.pille:active{border-color:var(--akzent);color:var(--schrift)}
.gr-aufmacher,.gr-kreis,.gr-bericht,.gr-blatt,.gr-linie{display:block;inline-size:100%;block-size:auto}
.gr-bild{display:block;inline-size:100%;block-size:auto}
.gr-aufmacher{position:relative;z-index:1;aspect-ratio:4 / 3;overflow:hidden;border-radius:inherit;--strich:var(--linie-dunkel);--akzent:var(--gold-text)}
.gr-bild.gr-bild--deckend{block-size:100%}
.gr-aufmacher__flaeche{fill:transparent}
.gr-aufmacher__raster{fill:none;stroke:color-mix(in srgb,var(--strich) 55%,transparent);stroke-width:1}
.gr-aufmacher__ring,.gr-aufmacher__marke{fill:none;stroke:var(--strich);stroke-width:1}
.gr-aufmacher__bogen{fill:none;stroke:var(--akzent);stroke-width:2;stroke-linecap:round}
.gr-aufmacher__kern{fill:var(--akzent)}
.gr-kreis__feld{fill:transparent}
.gr-kreis__bahn{fill:none;stroke:var(--strich);stroke-width:1}
.gr-kreis__station{fill:var(--grund);stroke:var(--akzent);stroke-width:1}
.gr-kreis__pfeil{fill:none;stroke:var(--akzent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gr-kreis__kern{fill:var(--akzent)}
.gr-kreis__laeufer{display:none;fill:var(--akzent)}
.gr-kreis__schein{fill:color-mix(in srgb,var(--akzent) 28%,transparent)}
.gr-kreis__punkt{fill:var(--akzent)}
.gr-bericht__achse{fill:none;stroke:var(--strich);stroke-width:1}
.gr-bericht__einheit{fill:var(--grund);stroke:var(--akzent);stroke-width:1}
.gr-bericht__spur,.gr-bericht__bogen{fill:none;stroke:color-mix(in srgb,var(--strich) 80%,transparent);stroke-width:1}
.gr-bericht__balken{fill:var(--akzent)}
.gr-bericht__ring{fill:none;stroke:var(--strich);stroke-width:2}
.gr-bericht__ring-fuellung{fill:none;stroke:var(--akzent);stroke-width:2;stroke-linecap:round}
.gr-bericht__summe{fill:var(--akzent)}
.gr-linie__spur{fill:none;stroke:color-mix(in srgb,var(--strich) 60%,transparent);stroke-width:1;stroke-linejoin:round}
.gr-linie__pfad{fill:none;stroke:var(--akzent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.gr-linie__ring{fill:var(--grund);stroke:var(--strich);stroke-width:1}
.gr-linie__punkt{fill:var(--akzent)}
.gr-blatt__papier{fill:var(--grund);stroke:var(--strich);stroke-width:1}
.gr-blatt__trenner{stroke:var(--strich);stroke-width:1}
.gr-blatt__marke{fill:var(--akzent)}
.gr-blatt__siegel{stroke:var(--akzent);stroke-width:1.2}
.gr-blatt__siegel-kern{fill:var(--akzent)}
.gr-blatt__grund{fill:transparent;transition:fill var(--zeit) var(--kurve)}
.gr-blatt__stift{fill:color-mix(in srgb,var(--akzent) 45%,transparent);transition:fill var(--zeit) var(--kurve)}
.gr-blatt__kopfzeile{fill:color-mix(in srgb,var(--schrift) 24%,transparent);transition:fill var(--zeit) var(--kurve)}
.gr-blatt__zeile{fill:color-mix(in srgb,var(--schrift) 11%,transparent)}
.gr-blatt__ziffer{fill:color-mix(in srgb,var(--schrift) 20%,transparent);transition:fill var(--zeit) var(--kurve)}
.gr-blatt__spur-klein{stroke:color-mix(in srgb,var(--schrift) 22%,transparent);stroke-width:1;stroke-linecap:round}
.gr-blatt__zug,.gr-blatt__haken{stroke:var(--akzent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.gr-blatt__ring-klein{stroke:color-mix(in srgb,var(--schrift) 20%,transparent);stroke-width:1.4}
.gr-blatt__ring-teil{stroke:var(--akzent);stroke-width:1.4;stroke-linecap:round}
@media (min-width:900px){.abschnitt{padding-block:var(--luft-7)}
.abschnitt--knapp{padding-block:var(--luft-6)}
.abschnitt__kopf{margin-block-end:var(--luft-6)}
.flaeche{padding:var(--luft-5) var(--luft-4)}
}
.platte--anthrazit{position:relative}
.platte--anthrazit::after{content:"";position:absolute;inset-block-start:0;inset-inline:14%;block-size:1px;z-index:3;pointer-events:none;background-image:linear-gradient( to right,transparent,color-mix(in srgb,var(--gold-text) 42%,transparent) 26%,color-mix(in srgb,var(--gold-text) 42%,transparent) 74%,transparent)}
.gr-berge{position:absolute;inset-inline:calc(-1 * var(--platte-rand));inset-block-end:14px;block-size:76px;z-index:1;pointer-events:none}
.gr-berge__bild{display:block;inline-size:100%;block-size:100%}
.gr-berge__grat{stroke:var(--gold);stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.gr-berge__grat--hinten{stroke-width:1;opacity:.28}
.gr-berge__grat--vorn{stroke-width:1.7;opacity:.62}
.gr-berge--fuss{inset-inline:0;inset-block-start:0;inset-block-end:auto;block-size:52px}
.gr-berge--fuss .gr-berge__grat{stroke:var(--gold-text)}
@media (max-width:700px){.gr-berge{block-size:52px}
.gr-berge--fuss{block-size:38px}
}
@media print{.gr-berge{display:none}
.platte--anthrazit::after{display:none}
}
.aufmacher{position:relative;isolation:isolate;padding-top:clamp(4.5rem,9vw,7rem);padding-bottom:calc(var(--luft-6) + var(--luft-4) + 14px)}
.aufmacher__bahn{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-5);align-items:center}
.partner{padding-block:var(--luft-4);text-align:center}
.partner__marke{display:inline-flex;align-items:center;gap:var(--luft-3);max-inline-size:100%;padding:var(--luft-2) var(--luft-4) var(--luft-2) var(--luft-2);border:1px solid var(--strich);border-radius:var(--r-pill)}
.partner__wappen{display:block;flex:none;inline-size:44px;block-size:auto}
.partner__wort{min-inline-size:0;color:var(--schrift-neben);font-family:var(--grotesk);font-size:var(--t-mini);font-variation-settings:"wght" var(--gew-fest);letter-spacing:0.08em;text-transform:uppercase}
@media (min-width:900px){.partner{display:none}
}
.aufmacher__augenbraue{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--luft-1)}
.aufmacher__titel{margin-top:var(--luft-3);max-width:15ch}
.aufmacher__lauftext{margin-top:var(--luft-4);max-width:46ch}
.aufmacher__text{max-inline-size:46rem}
.aufmacher__wege{margin-top:var(--luft-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--luft-3) var(--luft-4)}
.aufmacher__bild{position:absolute;inset-block:0;inset-inline-end:calc(-1 * var(--platte-rand));inset-inline-start:auto;align-self:stretch;inline-size:min(58%,900px);block-size:auto;z-index:-1;margin:0;overflow:hidden;pointer-events:none}
.aufmacher__leer{display:none}
@media (min-width:900px){.aufmacher__leer{display:block}
}
.aufmacher__foto{display:block;inline-size:100%;block-size:100%;aspect-ratio:auto;object-fit:cover;object-position:56% 46%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.10) 20%,rgba(0,0,0,.48) 42%,rgba(0,0,0,.86) 60%,#000 72%),linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.10) 20%,rgba(0,0,0,.48) 42%,rgba(0,0,0,.86) 60%,#000 72%),linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-composite:intersect}
@media (max-width:899px){.aufmacher{margin-block-end:var(--luft-3)}
}
@media (max-width:899px){.aufmacher__bild{inset-inline:calc(-1 * var(--platte-rand));inline-size:auto;opacity:.14}
.aufmacher__foto{-webkit-mask-image:linear-gradient( to bottom,#000 0%,#000 78%,rgba(0,0,0,.62) 88%,rgba(0,0,0,.24) 95%,transparent 100%);mask-image:linear-gradient( to bottom,#000 0%,#000 78%,rgba(0,0,0,.62) 88%,rgba(0,0,0,.24) 95%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
}
.aufmacher__person{display:grid;grid-template-columns:4.5rem minmax(0,1fr);column-gap:var(--luft-3);align-items:center;margin-block:var(--luft-4) 0;padding-block-start:var(--luft-3);border-block-start:1px solid var(--strich)}
.aufmacher__portraet-rahmen{display:block;inline-size:4.5rem;block-size:4.5rem;overflow:hidden;border-radius:var(--r-pill);background-color:var(--offwhite)}
.aufmacher__portraet{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 22%}
.aufmacher__person-text{display:grid;gap:0.15rem}
.aufmacher__person-name{font-family:"Gelasio",Georgia,"Times New Roman",serif;font-size:var(--t-text);font-weight:var(--gew-titel);letter-spacing:-0.008em}
.aufmacher__person-rolle{color:var(--schrift-neben);font-size:var(--t-klein);line-height:1.4}
.wort{display:inline-block}
.wechsler{display:inline-grid;text-align:left}
.wechsler__wort{grid-area:1 / 1;background-color:var(--grund)}
.wechsler__wort:nth-child(1){z-index:3}
.wechsler__wort:nth-child(2){z-index:2}
.wechsler__wort:nth-child(3){z-index:1}
@media (min-width:900px){.aufmacher__bahn{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:clamp(2rem,5vw,4.5rem);align-items:center}
}
.mehrwerte__bahn{display:grid;grid-template-columns:minmax(0,1fr)}
.mehrwerte__partner{display:none}
.mehrwerte__wappen-rahmen{display:block;inline-size:96px}
.mehrwerte__wappen{display:block;inline-size:100%;block-size:auto}
@media (min-width:900px){.mehrwerte__bahn{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kopf   partner" "felder felder";column-gap:var(--luft-6);align-items:start}
.mehrwerte__kopf{grid-area:kopf}
.mehrwerte__felder{grid-area:felder}
.mehrwerte__partner{display:grid;grid-area:partner;justify-items:center;justify-self:end;gap:var(--luft-3);margin-block-start:0}
}
.mehrwerte__felder{list-style:none;margin:var(--luft-6) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-3)}
.mehrwerte__feld{position:relative;padding:var(--luft-4) var(--luft-3);border-radius:var(--r-md);background-color:color-mix(in srgb,var(--hell) 5%,transparent);transition:background-color var(--zeit) var(--kurve)}
.mehrwerte__zeichnung{display:grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;margin-block-end:var(--luft-3);border:1px solid var(--strich);border-radius:var(--r-sm);background-color:color-mix(in srgb,var(--hell) 4%,transparent);color:var(--schrift-neben);transition:border-color var(--zeit) var(--kurve),background-color var(--zeit) var(--kurve)}
.mehrwerte__zeichnung svg{display:block;inline-size:2.5rem;block-size:2.5rem}
.mehrwerte__zeichnung .zeichnung__gold{stroke:var(--akzent)}
.mehrwerte__titel{font-size:var(--t-h3);font-variation-settings:"wght" var(--gew)}
.mehrwerte__text{margin-top:var(--luft-2);color:var(--schrift-neben);font-size:var(--t-klein)}
@media (min-width:640px){.mehrwerte__felder{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){.mehrwerte__felder{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--luft-2)}
}
@media (hover:hover){.mehrwerte__feld:hover,.mehrwerte__feld:focus-within{background-color:color-mix(in srgb,var(--hell) 9%,transparent)}
.mehrwerte__feld:hover .mehrwerte__zeichnung,.mehrwerte__feld:focus-within .mehrwerte__zeichnung{border-color:color-mix(in srgb,var(--akzent) 55%,transparent);background-color:color-mix(in srgb,var(--hell) 7%,transparent)}
}
.mandanten__zeilen{list-style:none;margin:var(--luft-6) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-3)}
.mandanten__zeile{position:relative;padding:var(--luft-4) var(--luft-3);border-top:1px solid var(--strich);border-radius:var(--r-md);transition:background-color var(--zeit) var(--kurve)}
.mandanten__zeichen{display:block;inline-size:1.75rem;block-size:1.75rem;color:var(--akzent)}
.mandanten__zeichen svg{inline-size:100%;block-size:100%}
.mandanten__titel{margin-top:var(--luft-3);font-size:var(--t-h3);font-variation-settings:"wght" var(--gew)}
.mandanten__text{margin-top:var(--luft-2);color:var(--schrift-neben);font-size:var(--t-klein)}
.mandanten__weg{margin-top:var(--luft-5)}
.mandanten{padding-block-end:0}
.mandanten__band{margin-block-start:var(--luft-6)}
.gr-bestand{display:block;inline-size:100%}
@media (max-width:759px){.gr-bestand{overflow:hidden}
.gr-bestand > svg{inline-size:179%;max-inline-size:none;margin-inline-start:-79%}
}
.mandanten__bandzeile{inline-size:100%;max-inline-size:var(--breite);margin-inline:auto;margin-block-end:var(--luft-3);padding-inline:var(--rand);color:var(--schrift);font-size:var(--t-text);font-weight:var(--gew-fest)}
.gr-bestand__grundlinie{stroke:var(--strich);stroke-width:1;stroke-linecap:round}
.gr-bestand__haus{stroke:color-mix(in srgb,var(--schrift) 42%,transparent);stroke-width:1.2;stroke-linejoin:round}
.gr-bestand__dach{stroke:color-mix(in srgb,var(--schrift) 62%,transparent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gr-bestand__fenster{fill:color-mix(in srgb,var(--schrift) 12%,transparent)}
.gr-bestand__leitung{stroke:color-mix(in srgb,var(--akzent) 28%,transparent);stroke-width:0.8;stroke-linecap:round}
.gr-bestand__schiene{stroke:var(--akzent);stroke-width:1.5;stroke-linecap:round}
.gr-bestand__knoten{fill:var(--akzent)}
.gr-bestand__ring,.gr-bestand__ring-giebel{stroke:var(--akzent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gr-bestand__ring-grund{stroke:var(--akzent);stroke-width:1;stroke-linecap:round}
@media (hover:hover){.mandanten__zeile:hover,.mandanten__zeile:focus-within{background-color:var(--offwhite)}
}
@media (min-width:760px){.mandanten__zeilen{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--luft-2)}
}
.mandanten__zeile:active{background-color:var(--offwhite)}
.mehrwerte__feld:active{background-color:color-mix(in srgb,var(--hell) 9%,transparent)}
.mehrwerte__feld:active .mehrwerte__zeichnung{border-color:color-mix(in srgb,var(--akzent) 55%,transparent);background-color:color-mix(in srgb,var(--hell) 7%,transparent)}
.betreuung__gitter{margin-top:var(--luft-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-6)}
.betreuung__seite{display:grid;gap:var(--luft-5);align-content:start}
.betreuung__stapel{list-style:none;margin:0;padding:0;display:grid;gap:var(--luft-3)}
.betreuung__karte{position:relative;padding:var(--luft-4) var(--luft-3);border:1px solid var(--strich);border-radius:var(--r-md);background-color:var(--anthrazit-2)}
.betreuung__nummer{display:block;font-size:var(--t-klein);color:var(--akzent)}
.betreuung__titel{margin-top:var(--luft-1);font-size:var(--t-h3);font-variation-settings:"wght" var(--gew)}
.betreuung__text{margin-top:var(--luft-2);color:var(--schrift-neben);font-size:var(--t-klein)}
.betreuung__merkmale{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-4)}
.betreuung__merkmal{display:grid;grid-template-columns:1.75rem minmax(0,1fr);column-gap:var(--luft-3);row-gap:0;padding-top:var(--luft-3);border-top:1px solid var(--strich)}
.betreuung__zeichen{grid-row:1 / span 2;inline-size:1.75rem;block-size:1.75rem;translate:0 0.15rem;color:var(--akzent)}
.betreuung__zeichen svg{inline-size:100%;block-size:100%}
.betreuung__merkmal-titel{font-size:var(--t-text);font-variation-settings:"wght" var(--gew-fest)}
.betreuung__merkmal-text{margin-top:var(--luft-1);color:var(--schrift-neben);font-size:var(--t-klein)}
.betreuung__folge{margin:0;padding-top:var(--luft-4);border-top:1px solid var(--strich);color:var(--schrift-neben);font-size:var(--t-klein)}
.betreuung__wege{display:flex;flex-wrap:wrap;align-items:center;gap:var(--luft-3) var(--luft-4)}
.betreuung__zugang{margin-block-start:var(--luft-6);padding-block-start:var(--luft-6);border-block-start:1px solid var(--strich);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-5);align-items:center}
.betreuung__zugang-bild{justify-self:center;inline-size:min(100%,15rem)}
.gr-zugang{display:block;inline-size:100%}
.betreuung__zugang-text{display:grid;gap:var(--luft-3);align-content:start}
.betreuung__zugang-titel{font-size:var(--t-h3)}
.betreuung__zugang-lauf{max-inline-size:52ch;color:var(--schrift-neben)}
.betreuung__zugang-punkte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--luft-2) var(--luft-4)}
.betreuung__zugang-punkt{display:grid;grid-template-columns:1.1rem minmax(0,1fr);column-gap:var(--luft-2);align-items:center;font-size:var(--t-klein);font-weight:var(--gew-fest)}
.betreuung__zugang-haken{inline-size:1.1rem;block-size:1.1rem;color:var(--akzent)}
.betreuung__zugang-haken svg{inline-size:100%;block-size:100%}
.betreuung__zugang-zeile{padding-block-start:var(--luft-3);border-block-start:1px solid var(--strich);max-inline-size:52ch;color:var(--schrift-neben);font-size:var(--t-klein)}
.gr-zugang__geraet{fill:var(--anthrazit-2);stroke:var(--strich);stroke-width:1.2}
.gr-zugang__schlitz{fill:color-mix(in srgb,var(--schrift) 22%,transparent)}
.gr-zugang__marke{stroke:var(--akzent);stroke-width:1.4}
.gr-zugang__titel{fill:var(--akzent)}
.gr-zugang__trenner{stroke:var(--strich);stroke-width:1}
.gr-zugang__karte{fill:color-mix(in srgb,var(--hell) 6%,transparent)}
.gr-zugang__haken{stroke:var(--akzent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gr-zugang__zeile{fill:color-mix(in srgb,var(--schrift) 30%,transparent)}
.gr-zugang__zeile-klein{fill:color-mix(in srgb,var(--schrift) 15%,transparent)}
.gr-zugang__balken{fill:color-mix(in srgb,var(--akzent) 55%,transparent)}
@media (min-width:760px){.betreuung__zugang{grid-template-columns:15rem minmax(0,1fr);column-gap:clamp(2rem,5vw,4rem)}
.betreuung__zugang-bild{justify-self:start}
}
@media (min-width:640px){.betreuung__karte{position:sticky}
.betreuung__karte:nth-child(1){top:6.5rem}
.betreuung__karte:nth-child(2){top:8rem}
.betreuung__karte:nth-child(3){top:9.5rem}
.betreuung__karte:nth-child(4){top:11rem}
.betreuung__merkmale{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.5rem,4vw,3rem)}
}
@media (min-width:900px){.betreuung__gitter{grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);column-gap:clamp(2.5rem,6vw,5rem);align-items:start}
.betreuung__seite{position:sticky;top:6.5rem}
.betreuung__merkmale{grid-template-columns:minmax(0,1fr)}
.betreuung__karte{padding:var(--luft-5) var(--luft-4)}
}
.bericht__kopf{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-4)}
.bericht__kopf-links{display:grid;gap:0;align-content:end}
.bericht__vorspann{max-width:52ch}
.bericht__gitter{margin-top:var(--luft-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-5)}
.bericht__inhalte{list-style:none;margin:0;padding:0}
.bericht__inhalt{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:var(--luft-3);row-gap:0.15rem;margin-inline:calc(var(--luft-2) * -1);padding:var(--luft-4) var(--luft-2);border-top:1px solid var(--strich);border-radius:var(--r-sm);transition:background-color var(--zeit) var(--kurve)}
.bericht__nummer{grid-row:1 / span 2;align-self:start;padding-block-start:0.2em;color:var(--akzent);font-size:var(--t-klein);line-height:1.2}
.bericht__titel{grid-column:2;font-size:var(--t-h3)}
.bericht__text{grid-column:2;margin-top:var(--luft-1);color:var(--schrift-neben);font-size:var(--t-klein)}
.bericht__grafik{margin:0;display:grid;align-content:start;gap:var(--luft-2)}
.bericht__fussnote{color:var(--schrift-neben);font-size:var(--t-klein);text-align:center}
.bericht__schluss{margin-top:var(--luft-6);display:grid;justify-items:center;gap:var(--luft-4);text-align:center}
.bericht__turnus{color:var(--schrift-neben);font-size:var(--t-klein)}
@media (hover:hover){.bericht__inhalt:hover,.bericht__inhalt:focus-within{background-color:var(--weiss)}
}
@media (min-width:900px){.bericht__kopf{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);column-gap:clamp(2.5rem,6vw,5rem);align-items:end}
.bericht__gitter{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);column-gap:clamp(2.5rem,6vw,5rem);align-items:start}
.bericht__grafik{grid-column:1;grid-row:1}
.bericht__inhalte{grid-column:2;grid-row:1}
}
.bericht__gitter:has(.bericht__inhalt:nth-child(1):hover) .gr-blatt__teil--1 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(1):focus-within) .gr-blatt__teil--1 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(2):hover) .gr-blatt__teil--2 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(2):focus-within) .gr-blatt__teil--2 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(3):hover) .gr-blatt__teil--3 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(3):focus-within) .gr-blatt__teil--3 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(4):hover) .gr-blatt__teil--4 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(4):focus-within) .gr-blatt__teil--4 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(5):hover) .gr-blatt__teil--5 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(5):focus-within) .gr-blatt__teil--5 .gr-blatt__grund,damit die .bericht__gitter:has(.bericht__inhalt:nth-child(1):active) .gr-blatt__teil--1 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(2):active) .gr-blatt__teil--2 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(3):active) .gr-blatt__teil--3 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(4):active) .gr-blatt__teil--4 .gr-blatt__grund,.bericht__gitter:has(.bericht__inhalt:nth-child(5):active) .gr-blatt__teil--5 .gr-blatt__grund{fill:color-mix(in srgb,var(--akzent) 10%,transparent)}
.bericht__gitter:has(.bericht__inhalt:nth-child(1):hover) .gr-blatt__teil--1 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(1):focus-within) .gr-blatt__teil--1 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(2):hover) .gr-blatt__teil--2 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(2):focus-within) .gr-blatt__teil--2 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(3):hover) .gr-blatt__teil--3 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(3):focus-within) .gr-blatt__teil--3 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(4):hover) .gr-blatt__teil--4 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(4):focus-within) .gr-blatt__teil--4 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(5):hover) .gr-blatt__teil--5 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(5):focus-within) .gr-blatt__teil--5 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(1):active) .gr-blatt__teil--1 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(2):active) .gr-blatt__teil--2 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(3):active) .gr-blatt__teil--3 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(4):active) .gr-blatt__teil--4 .gr-blatt__stift,.bericht__gitter:has(.bericht__inhalt:nth-child(5):active) .gr-blatt__teil--5 .gr-blatt__stift{fill:var(--akzent)}
.bericht__gitter:has(.bericht__inhalt:nth-child(1):hover) .gr-blatt__teil--1 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(1):focus-within) .gr-blatt__teil--1 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(2):hover) .gr-blatt__teil--2 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(2):focus-within) .gr-blatt__teil--2 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(3):hover) .gr-blatt__teil--3 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(3):focus-within) .gr-blatt__teil--3 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(4):hover) .gr-blatt__teil--4 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(4):focus-within) .gr-blatt__teil--4 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(5):hover) .gr-blatt__teil--5 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(5):focus-within) .gr-blatt__teil--5 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(1):active) .gr-blatt__teil--1 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(2):active) .gr-blatt__teil--2 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(3):active) .gr-blatt__teil--3 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(4):active) .gr-blatt__teil--4 .gr-blatt__kopfzeile,.bericht__gitter:has(.bericht__inhalt:nth-child(5):active) .gr-blatt__teil--5 .gr-blatt__kopfzeile{fill:color-mix(in srgb,var(--schrift) 45%,transparent)}
.bericht__inhalt:active{background-color:var(--weiss)}
.leistungen__band{display:none;position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--luft-1);margin-block-start:var(--luft-5);padding:var(--luft-1);border:1px solid var(--strich);border-radius:var(--r-pill)}
.leistungen.ist-bereit .leistungen__band{display:grid}
.leistungen__marke{position:absolute;inset-block:var(--luft-1);inset-inline-start:var(--luft-1);inline-size:calc((100% - var(--luft-1) * 2 - var(--luft-1) * 2) / 3);border-radius:var(--r-pill);background:var(--schrift);transition:transform var(--zeit) var(--kurve)}
.leistungen__band.ist-1 .leistungen__marke{transform:translateX(0)}
.leistungen__band.ist-2 .leistungen__marke{transform:translateX(calc(100% + var(--luft-1)))}
.leistungen__band.ist-3 .leistungen__marke{transform:translateX(calc(200% + var(--luft-1) * 2))}
@media (max-width:560px){.leistungen__band{grid-template-columns:minmax(0,1fr);border-radius:var(--r-lg)}
.leistungen__marke{inset-block-start:var(--luft-1);inset-block-end:auto;inline-size:calc(100% - var(--luft-1) * 2);block-size:calc((100% - var(--luft-1) * 2 - var(--luft-1) * 2) / 3);border-radius:var(--r-md)}
.leistungen__band.ist-1 .leistungen__marke{transform:translateY(0)}
.leistungen__band.ist-2 .leistungen__marke{transform:translateY(calc(100% + var(--luft-1)))}
.leistungen__band.ist-3 .leistungen__marke{transform:translateY(calc(200% + var(--luft-1) * 2))}
}
.leistungen__schalter{position:relative;z-index:1;padding:var(--luft-2) var(--luft-3);border:0;border-radius:var(--r-pill);color:var(--schrift-neben);font-size:var(--t-klein);font-weight:var(--gew-fest);line-height:1.2;text-align:center;cursor:pointer;transition:color var(--zeit) var(--kurve)}
.leistungen__schalter.ist-aktiv{color:var(--grund)}
.leistungen__gruppen{display:grid;gap:var(--luft-6);margin-block-start:var(--luft-5)}
.leistungen.ist-bereit .leistungen__gruppen{gap:0}
.leistungen__gruppe:not([hidden]){display:grid;gap:var(--luft-3)}
.leistungen__titel{font-size:var(--t-h3);color:var(--schrift-neben)}
.leistungen.ist-bereit .leistungen__titel{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.leistungen__zeilen:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);list-style:none;column-gap:clamp(2rem,5vw,4rem);margin-inline:calc(var(--luft-2) * -1);border-block-start:1px solid var(--strich)}
.leistungen__zeile{display:grid;grid-template-columns:1.25rem minmax(0,1fr);column-gap:var(--luft-3);row-gap:0.2rem;align-content:start;padding-block:var(--luft-3);padding-inline:var(--luft-2);border-block-end:1px solid var(--strich);border-radius:var(--r-sm);transition:background-color var(--zeit) var(--kurve)}
.leistungen__haken{grid-row:1 / span 2;align-self:start;display:block;inline-size:1.25rem;block-size:1.25rem;margin-block-start:0.1em;color:var(--akzent)}
.leistungen__haken svg{inline-size:100%;block-size:100%}
.leistungen__punkt{grid-column:2;font-weight:var(--gew-fest);line-height:1.45}
.leistungen__erklaerung{grid-column:2;color:var(--schrift-neben);font-size:var(--t-klein);line-height:1.5}
@media (hover:hover){.leistungen__zeile:hover,.leistungen__zeile:focus-within{background-color:var(--offwhite)}
}
@media (min-width:760px){.leistungen__zeilen:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}
}
.uebernahme__lauf{margin-block-start:var(--luft-5)}
.uebernahme__schritte{--zug-luft:clamp(1rem,2.5vw,2rem);--marke:2.75rem;display:grid;list-style:none}
.uebernahme__schritt{position:relative;display:grid;grid-template-columns:var(--marke) minmax(0,1fr);column-gap:var(--luft-3);row-gap:var(--luft-1);align-content:start;padding-block:var(--luft-4);--kopfluft:var(--luft-4)}
.uebernahme__schritt:first-child{padding-block-start:0;--kopfluft:0px}
.uebernahme__schritt::after{content:"";position:absolute;inset-block-start:calc(var(--kopfluft) + var(--marke));inset-block-end:calc(var(--luft-4) * -1);inset-inline-start:calc(var(--marke) / 2);inline-size:1px;background-color:var(--strich)}
.uebernahme__schritt:last-child::after{content:none}
.uebernahme__marke{grid-row:1 / span 2;align-self:start;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:1px solid var(--strich);border-radius:var(--r-pill);background-color:var(--grund);transition:border-color var(--zeit) var(--kurve),background-color var(--zeit) var(--kurve)}
.uebernahme__nummer{color:var(--akzent);font-size:var(--t-text);line-height:1}
@media (hover:hover){.uebernahme__schritt:hover .uebernahme__marke,.uebernahme__schritt:focus-within .uebernahme__marke{border-color:var(--akzent);background-color:color-mix(in srgb,var(--akzent) 8%,transparent)}
}
.uebernahme__titel{grid-column:2;font-size:var(--t-h3)}
.uebernahme__text{grid-column:2;color:var(--schrift-neben);line-height:1.6}
.uebernahme__dauer{margin-block-start:var(--luft-4);font-weight:var(--gew-fest)}
.uebernahme__zusatz{margin-block-start:var(--luft-2);color:var(--schrift-neben)}
@media (min-width:900px){.uebernahme__schritte{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--zug-luft)}
.uebernahme__schritt{grid-template-columns:minmax(0,1fr);padding-block:0}
.uebernahme__schritt::after{inset-block:calc(var(--marke) / 2) auto;inset-inline:var(--marke) calc(var(--zug-luft) * -1);inline-size:auto;block-size:1px}
.uebernahme__marke{grid-row:auto;margin-block-end:var(--luft-3)}
.uebernahme__titel,.uebernahme__text{grid-column:1}
.uebernahme__text{font-size:var(--t-klein)}
}
.person__bahn{display:grid;gap:var(--luft-5)}
.person__bild{margin:0}
.person__foto{display:block;inline-size:100%;block-size:auto;aspect-ratio:3 / 4;object-fit:cover}
.person__text{display:grid;align-content:center;gap:var(--luft-3)}
.person__text > :first-child{margin-block-end:0}
.person__name{font-family:"Gelasio",Georgia,"Times New Roman",serif;font-size:var(--t-h3);font-weight:var(--gew-fest);line-height:1.2}
.person__zweit{margin-block-start:calc(var(--luft-2) * -1);color:var(--schrift-neben);font-size:var(--t-klein)}
.person__wege{display:flex;flex-wrap:wrap;align-items:center;gap:var(--luft-3) var(--luft-4);margin-block-start:var(--luft-2)}
@media (min-width:900px){.person__bahn{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:var(--luft-6);align-items:center}
}
.nachweise__karten{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-3);margin-block-start:var(--luft-5);list-style:none}
.nachweise__karte{display:grid;align-content:start;gap:var(--luft-2)}
.nachweise__titel{font-size:var(--t-h3);font-variation-settings:"wght" var(--gew);line-height:1.3}
.nachweise__text{color:var(--schrift-neben);font-size:var(--t-klein);line-height:1.6}
@media (min-width:640px){.nachweise__karten{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1180px){.nachweise__karten{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--luft-3)}
}
.fragen__liste{margin-block-start:var(--luft-5);border-block-start:1px solid var(--strich)}
.fragen__frage{border-block-end:1px solid var(--strich);break-inside:avoid}
.fragen__auf{display:grid;grid-template-columns:minmax(0,1fr) 1.5rem;column-gap:var(--luft-3);row-gap:0.35rem;padding-block:var(--luft-4);padding-inline:var(--luft-2);margin-inline:calc(var(--luft-2) * -1);border-radius:var(--r-sm);list-style:none;cursor:pointer;transition:background-color var(--zeit) var(--kurve)}
@media (hover:hover){.fragen__auf:hover{background-color:var(--offwhite)}
}
.fragen__auf::-webkit-details-marker{display:none}
.fragen__text{grid-column:1;font-size:var(--t-h3);font-family:"Gelasio",Georgia,"Times New Roman",serif;font-variation-settings:"wght" var(--gew);line-height:1.35}
.fragen__hinweis{grid-column:1;color:var(--schrift-neben);font-size:var(--t-klein)}
.fragen__zeichen{position:relative;grid-column:2;grid-row:1 / span 2;align-self:start;margin-block-start:0.45em;inline-size:1rem;block-size:1rem}
.fragen__zeichen::before,.fragen__zeichen::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:100%;block-size:1px;background:var(--akzent);transition:transform var(--zeit) var(--kurve)}
.fragen__zeichen::after{transform:rotate(90deg)}
.fragen__frage.ist-offen .fragen__zeichen::after{transform:rotate(0deg)}
.fragen__antwort{display:grid;grid-template-rows:1fr}
.fragen__antwort > *{min-block-size:0}
.fragen__antwort p{padding-block-end:var(--luft-4);padding-inline:0 var(--luft-5);max-width:68ch;color:var(--schrift-neben);line-height:1.7}
.fragen__antwort p + p{padding-block-start:var(--luft-2)}
.fragen__zeile{margin-block-start:var(--luft-3);color:var(--schrift-neben);font-size:var(--t-klein)}
.fragen__weg{margin-block-start:var(--luft-4)}
@media (min-width:900px){.fragen__bahn{display:grid;grid-template-columns:minmax(0,0.78fr) minmax(0,1.22fr);column-gap:clamp(2.5rem,6vw,5rem);align-items:start}
.fragen__seite{position:sticky;top:7.5rem}
.fragen__liste{margin-block-start:0}
}
.fragen.ist-bereit .fragen__antwort{grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--zeit) var(--kurve)}
.fragen.ist-bereit .fragen__frage.ist-offen .fragen__antwort{grid-template-rows:1fr}
.fragen__auf:active{background-color:var(--offwhite)}
.uebernahme__schritt:active .uebernahme__marke{border-color:var(--akzent);background-color:color-mix(in srgb,var(--akzent) 8%,transparent)}
.leistungen__zeile:active{background-color:var(--offwhite)}
.kontakt__gitter{display:grid;gap:var(--luft-5);margin-block-start:var(--luft-5)}
.formular{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luft-3)}
.formular__falle{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.formular__meldung:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--luft-2);padding:var(--luft-3);border:1px solid var(--akzent);border-radius:var(--r-sm);background:var(--weiss);color:var(--schrift);line-height:1.5}
.formular__meldung::before{content:"";inline-size:1.15rem;block-size:1.15rem;margin-block-start:0.15em;background:var(--akzent);clip-path:polygon(50% 0,100% 100%,0 100%)}
.formular.ist-gesendet .formular__meldung::before{clip-path:polygon( 14% 52%,0 66%,38% 100%,100% 22%,86% 10%,36% 72% )}
.formular__pruefung{min-block-size:4.5rem}
.formular__senden{justify-self:start;margin-block-start:var(--luft-2)}
.formular.ist-gesendet .formular__senden{opacity:0.6;cursor:default}
.formular__neben{font-size:var(--t-klein);color:var(--schrift-neben)}
@media (min-width:640px){.formular{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--luft-3)}
.formular__meldung:not([hidden]),.formular__pruefung,.formular__senden,.formular__neben,.feld.feld--breit,.feld.feld--haken{grid-column:1 / 3}
}
@media (min-width:900px){.formular{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(15rem,0.85fr);column-gap:var(--luft-5)}
.direkt{grid-column:3;grid-row:1 / 5}
}
.feld{display:grid;gap:var(--luft-1);align-content:start}
.feld__marke{font-size:var(--t-klein);font-weight:var(--gew-fest);line-height:1.3}
.feld__pflicht{margin-inline-start:0.15em;color:var(--akzent)}
.feld__eingabe{inline-size:100%;padding:0.7rem 0.875rem;border:1px solid var(--linie-bedien);border-radius:var(--r-sm);background:var(--weiss);color:var(--schrift);font:inherit;line-height:1.4;transition:border-color var(--zeit-kurz) var(--kurve),box-shadow var(--zeit-kurz) var(--kurve)}
.feld__eingabe:hover,.feld__eingabe:active{border-color:var(--schrift-neben)}
.feld__eingabe:focus{border-color:var(--akzent)}
.feld__eingabe.feld__eingabe--flaeche{min-block-size:7rem;resize:vertical}
.feld__hinweis{color:var(--schrift-neben);font-size:var(--t-mini);line-height:1.4}
.feld__eingabe:user-invalid{border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent)}
.feld:has(.feld__eingabe:user-invalid) .feld__marke::after{content:"";display:inline-block;inline-size:0.8em;block-size:0.8em;margin-inline-start:0.4em;vertical-align:-0.05em;background:var(--akzent);clip-path:polygon(50% 0,100% 100%,0 100%)}
.feld.feld--haken{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--luft-2);margin-block-start:var(--luft-2)}
.feld__haken{inline-size:1.15rem;block-size:1.15rem;margin:0;margin-block-start:0.15rem;accent-color:var(--akzent)}
.feld__marke.feld__marke--haken{font-weight:var(--gew-text);font-size:var(--t-klein);line-height:1.55;color:var(--schrift-neben)}
.feld__marke--haken a{color:var(--schrift);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
.direkt{display:flex;flex-direction:column;gap:var(--luft-3);padding:var(--luft-4);border:1px solid var(--strich);border-radius:var(--r-md);background:var(--weiss)}
.direkt__titel{font-size:var(--t-h3)}
.direkt__liste{display:grid;gap:var(--luft-2);list-style:none}
.direkt__ziel{text-decoration-line:underline;font-weight:var(--gew-fest);text-decoration-thickness:1px;text-underline-offset:0.25em}
.direkt__zeile{color:var(--schrift-neben);font-size:var(--t-klein);line-height:1.5}
.direkt__hinweis{padding-block-start:var(--luft-3);border-block-start:1px solid var(--strich);color:var(--schrift-neben);font-size:var(--t-klein);line-height:1.55;text-wrap:pretty}
.direkt__hinweis + .direkt__hinweis{padding-block-start:0;border-block-start:0}
.direkt__antwort{margin-block-start:auto;padding-block-start:var(--luft-4);border-block-start:1px solid var(--strich);color:var(--schrift-neben);font-size:var(--t-klein)}
.danke__titel{max-inline-size:20ch}
.danke__text{margin-block-start:var(--luft-3);color:var(--schrift-neben)}
.fehlseite__titel{max-inline-size:24ch}
.fehlseite__grund{margin-block-start:var(--luft-3);color:var(--schrift-neben)}
.fehlseite__wege{display:flex;flex-wrap:wrap;align-items:center;gap:var(--luft-3) var(--luft-4);margin-block-start:var(--luft-5)}
.krume{margin-block-end:var(--luft-4)}
.krume__liste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--luft-1);list-style:none;font-size:var(--t-klein);color:var(--schrift-neben)}
.krume__punkt{position:relative}
.krume__punkt + .krume__punkt{padding-inline-start:var(--luft-3)}
.krume__punkt + .krume__punkt::before{content:"";position:absolute;inset-inline-start:var(--luft-1);inset-block-start:0.15em;inline-size:1px;block-size:0.9em;background:var(--strich);transform:rotate(15deg)}
.krume__ziel{color:var(--schrift-neben);text-decoration:underline;text-underline-offset:0.25em}
.prosa__absatz a,.prosa__liste a{text-decoration:underline;text-underline-offset:0.25em;text-decoration-thickness:1px}
.rechtsseite{--breite-schmal:82ch}
.rechtsseite__titel{max-inline-size:24ch}
.rechtsseite__stand{margin-block-start:var(--luft-2);color:var(--schrift-neben);font-size:var(--t-klein)}
.prosa{margin-block-start:var(--luft-5);font-size:var(--t-text);line-height:1.7}
.prosa__titel{margin-block-start:var(--luft-5);margin-block-end:var(--luft-2);font-size:var(--t-h3);line-height:1.3}
.prosa__titel:first-child{margin-block-start:0}
h3.prosa__titel{margin-block-start:var(--luft-4);font-size:var(--t-text);font-weight:var(--gew-fest)}
.prosa__absatz{margin-block-start:var(--luft-3)}
.prosa__einbau{margin-block-start:var(--luft-3)}
.prosa__liste{margin-block-start:var(--luft-3);padding-inline-start:1.5rem;list-style:outside disc}
.prosa__liste li + li{margin-block-start:var(--luft-1)}
.prosa__paare{margin-block-start:var(--luft-3)}
.prosa__paare dt{margin-block-start:var(--luft-2);font-weight:var(--gew-fest)}
.prosa__paare dt:first-child{margin-block-start:0}
.prosa__paare dd{margin:0}
.prosa__anschrift{margin-block-start:var(--luft-3);font-style:normal;line-height:1.7}
.prosa__hinweis{margin-block-start:var(--luft-3);color:var(--schrift-neben)}
.prosa__linie{margin-block:var(--luft-5);border:0;border-block-start:1px solid var(--strich)}
.prosa__tabelle-rahmen{margin-block-start:var(--luft-4);overflow-x:auto}
.prosa__tabelle{inline-size:100%;min-inline-size:30rem;border-collapse:collapse;font-size:var(--t-klein)}
.prosa__tabelle th,.prosa__tabelle td{padding:var(--luft-2);border-block-end:1px solid var(--strich);text-align:start;vertical-align:top;line-height:1.5}
.prosa__tabelle th{font-weight:var(--gew-fest)}
.nichtgefunden__code{color:var(--akzent)}
.nichtgefunden__titel{margin-block-start:var(--luft-2);max-inline-size:20ch}
.nichtgefunden__text{margin-block-start:var(--luft-3);color:var(--schrift-neben)}
.nichtgefunden__wege{display:flex;flex-wrap:wrap;gap:var(--luft-3) var(--luft-4);margin-block-start:var(--luft-5);list-style:none}
.d1{animation-delay:calc(1 * var(--stufe,60ms))}
.d2{animation-delay:calc(2 * var(--stufe,60ms))}
.d3{animation-delay:calc(3 * var(--stufe,60ms))}
.d4{animation-delay:calc(4 * var(--stufe,60ms))}
.d5{animation-delay:calc(5 * var(--stufe,60ms))}
.d6{animation-delay:calc(6 * var(--stufe,60ms))}
.d7{animation-delay:calc(7 * var(--stufe,60ms))}
.d8{animation-delay:calc(8 * var(--stufe,60ms))}
.d9{animation-delay:calc(9 * var(--stufe,60ms))}
.d10{animation-delay:calc(10 * var(--stufe,60ms))}
.d11{animation-delay:calc(11 * var(--stufe,60ms))}
.d12{animation-delay:calc(12 * var(--stufe,60ms))}
.w1{animation-delay:0s}
.w2{animation-delay:3s}
.w3{animation-delay:6s}
@keyframes eintritt{from{opacity:0;transform:translateY(10px)}
}
.inhalt{animation:eintritt var(--zeit-lang) var(--kurve) both}
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}
}
@keyframes wort-ein{from{opacity:0;filter:blur(10px);transform:translateY(0.18em)}
}
.aufmacher__titel .wort{animation-name:wort-ein;animation-duration:620ms;animation-timing-function:var(--kurve);animation-fill-mode:both}
@keyframes wort-rollen{0%{opacity:0;transform:translateY(0.5em)}
4%{opacity:1;transform:translateY(0)}
29%{opacity:1;transform:translateY(0)}
33%{opacity:0;transform:translateY(-0.5em)}
40%{opacity:0;transform:translateY(0.5em)}
100%{opacity:0;transform:translateY(0.5em)}
}
.wechsler__wort{animation-name:wort-rollen;animation-duration:9s;animation-timing-function:var(--kurve);animation-iteration-count:infinite;animation-fill-mode:both}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}
}
@keyframes zeile-ein{from{opacity:0;transform:translateY(12px)}
}
.leistungen__zeile{--stufe:40ms;animation-name:zeile-ein;animation-duration:var(--zeit);animation-timing-function:var(--kurve);animation-fill-mode:backwards}
@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference){@keyframes karte-weichen{to{opacity:0.62;transform:scale(0.965)}
}
.betreuung__karte{animation-name:karte-weichen;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:exit 0% exit 60%}
@keyframes punkt-setzen{from{opacity:0}
}
@keyframes balken-wachsen{from{transform:scaleY(0)}
}
.gr-zugang__balken{transform-box:fill-box;transform-origin:bottom;animation-name:balken-wachsen;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 20% cover 45%}
.gr-zugang__balken.d1{animation-range:cover 22% cover 40%}
.gr-zugang__balken.d2{animation-range:cover 26% cover 44%}
.gr-zugang__balken.d3{animation-range:cover 30% cover 48%}
.gr-zugang__balken.d4{animation-range:cover 34% cover 52%}
.gr-zugang__balken.d5{animation-range:cover 38% cover 56%}
.gr-zugang__balken.d6{animation-range:cover 42% cover 60%}
@keyframes blatt-schreiben{from{opacity:0;transform:translateX(-10px)}
}
.gr-blatt__teil{transform-box:fill-box;animation-name:blatt-schreiben;animation-timing-function:var(--kurve);animation-fill-mode:both;animation-timeline:view();animation-range:entry 15% cover 35%}
.gr-blatt__teil.d1{animation-range:cover 18% cover 30%}
.gr-blatt__teil.d2{animation-range:cover 23% cover 35%}
.gr-blatt__teil.d3{animation-range:cover 28% cover 40%}
.gr-blatt__teil.d4{animation-range:cover 33% cover 45%}
.gr-blatt__teil.d5{animation-range:cover 38% cover 50%}
.gr-blatt__siegel{stroke-dasharray:1;animation-name:strich-ziehen;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 44% cover 58%}
.gr-blatt__siegel-kern{animation-name:punkt-setzen;animation-timing-function:var(--kurve);animation-fill-mode:both;animation-timeline:view();animation-range:cover 52% cover 62%}
@keyframes strich-ziehen{from{stroke-dashoffset:1}
}
@keyframes haus-stellen{from{opacity:0;transform:translateY(10px)}
}
.gr-bestand__grundlinie{stroke-dasharray:1;animation:strich-ziehen linear both;animation-timeline:view();animation-range:entry 10% cover 30%}
.gr-bestand__haus,.gr-bestand__dach,.gr-bestand__fenster{transform-box:fill-box;transform-origin:bottom;animation-name:haus-stellen;animation-timing-function:var(--kurve);animation-fill-mode:both;animation-timeline:view();animation-range:entry 20% cover 40%}
.gr-bestand__leitung{stroke-dasharray:1;animation-name:strich-ziehen;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 30% cover 52%}
.gr-bestand__knoten{animation-name:punkt-setzen;animation-timing-function:var(--kurve);animation-fill-mode:both;animation-timeline:view();animation-range:cover 44% cover 58%}
.gr-bestand__haus.d1,.gr-bestand__dach.d1,.gr-bestand__fenster.d1{animation-range:cover 12% cover 26%}
.gr-bestand__haus.d2,.gr-bestand__dach.d2,.gr-bestand__fenster.d2{animation-range:cover 14% cover 28%}
.gr-bestand__haus.d3,.gr-bestand__dach.d3,.gr-bestand__fenster.d3{animation-range:cover 16% cover 30%}
.gr-bestand__haus.d4,.gr-bestand__dach.d4,.gr-bestand__fenster.d4{animation-range:cover 18% cover 32%}
.gr-bestand__haus.d5,.gr-bestand__dach.d5,.gr-bestand__fenster.d5{animation-range:cover 20% cover 34%}
.gr-bestand__haus.d6,.gr-bestand__dach.d6,.gr-bestand__fenster.d6{animation-range:cover 22% cover 36%}
.gr-bestand__haus.d7,.gr-bestand__dach.d7,.gr-bestand__fenster.d7{animation-range:cover 24% cover 38%}
.gr-bestand__haus.d8,.gr-bestand__dach.d8,.gr-bestand__fenster.d8{animation-range:cover 26% cover 40%}
.gr-bestand__haus.d9,.gr-bestand__dach.d9,.gr-bestand__fenster.d9{animation-range:cover 28% cover 42%}
.gr-bestand__haus.d10,.gr-bestand__dach.d10,.gr-bestand__fenster.d10{animation-range:cover 30% cover 44%}
.gr-bestand__haus.d11,.gr-bestand__dach.d11,.gr-bestand__fenster.d11{animation-range:cover 32% cover 46%}
.gr-bestand__leitung.d1{animation-range:cover 26% cover 44%}
.gr-bestand__leitung.d2{animation-range:cover 28% cover 46%}
.gr-bestand__leitung.d3{animation-range:cover 30% cover 48%}
.gr-bestand__leitung.d4{animation-range:cover 32% cover 50%}
.gr-bestand__leitung.d5{animation-range:cover 34% cover 52%}
.gr-bestand__leitung.d6{animation-range:cover 36% cover 54%}
.gr-bestand__leitung.d7{animation-range:cover 38% cover 56%}
.gr-bestand__leitung.d8{animation-range:cover 40% cover 58%}
.gr-bestand__leitung.d9{animation-range:cover 42% cover 60%}
.gr-bestand__leitung.d10{animation-range:cover 44% cover 62%}
.gr-bestand__leitung.d11{animation-range:cover 46% cover 64%}
.gr-bestand__schiene{stroke-dasharray:1;animation:strich-ziehen linear both;animation-timeline:view();animation-range:cover 40% cover 68%}
.gr-bestand__ring{stroke-dasharray:1;animation:strich-ziehen linear both;animation-timeline:view();animation-range:cover 62% cover 84%}
@keyframes marke-setzen{from{transform:translateY(10px)}
}
.gr-bestand__marke{transform-box:fill-box;transform-origin:bottom;animation-name:marke-setzen;animation-timing-function:var(--kurve);animation-fill-mode:both;animation-timeline:view();animation-range:cover 56% cover 70%}
@keyframes zug-marke{from{opacity:0;transform:scale(0.86)}
}
@keyframes zug-zahl{from{opacity:0}
}
@keyframes zug-text{from{opacity:0;transform:translateY(8px)}
}
@keyframes zug-linie-hoch{from{transform:scaleY(0)}
}
@keyframes zug-linie-quer{from{transform:scaleX(0)}
}
.uebernahme__marke{animation-name:zug-marke;animation-timing-function:var(--kurve);animation-fill-mode:both;animation-timeline:view();animation-range:cover 5% cover 22%}
.uebernahme__nummer{animation-name:zug-zahl;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 10% cover 27%}
.uebernahme__titel,.uebernahme__text{animation-name:zug-text;animation-timing-function:var(--kurve);animation-fill-mode:both;animation-timeline:view();animation-range:cover 12% cover 30%}
.uebernahme__schritt::after{transform-origin:center top;animation-name:zug-linie-hoch;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 16% cover 34%}
@media (min-width:900px){.uebernahme__schritte{view-timeline-name:--zug}
.uebernahme__marke,.uebernahme__nummer,.uebernahme__titel,.uebernahme__text,.uebernahme__schritt::after{animation-timeline:--zug}
.uebernahme__schritt::after{transform-origin:left center;animation-name:zug-linie-quer}
.uebernahme__schritt.d1 .uebernahme__marke{animation-range:cover 12% cover 21%}
.uebernahme__schritt.d2 .uebernahme__marke{animation-range:cover 19% cover 28%}
.uebernahme__schritt.d3 .uebernahme__marke{animation-range:cover 26% cover 35%}
.uebernahme__schritt.d4 .uebernahme__marke{animation-range:cover 33% cover 42%}
.uebernahme__schritt.d5 .uebernahme__marke{animation-range:cover 40% cover 49%}
.uebernahme__schritt.d1 .uebernahme__nummer{animation-range:cover 15% cover 24%}
.uebernahme__schritt.d2 .uebernahme__nummer{animation-range:cover 22% cover 31%}
.uebernahme__schritt.d3 .uebernahme__nummer{animation-range:cover 29% cover 38%}
.uebernahme__schritt.d4 .uebernahme__nummer{animation-range:cover 36% cover 45%}
.uebernahme__schritt.d5 .uebernahme__nummer{animation-range:cover 43% cover 52%}
.uebernahme__schritt.d1 .uebernahme__titel,.uebernahme__schritt.d1 .uebernahme__text{animation-range:cover 17% cover 26%}
.uebernahme__schritt.d2 .uebernahme__titel,.uebernahme__schritt.d2 .uebernahme__text{animation-range:cover 24% cover 33%}
.uebernahme__schritt.d3 .uebernahme__titel,.uebernahme__schritt.d3 .uebernahme__text{animation-range:cover 31% cover 40%}
.uebernahme__schritt.d4 .uebernahme__titel,.uebernahme__schritt.d4 .uebernahme__text{animation-range:cover 38% cover 47%}
.uebernahme__schritt.d5 .uebernahme__titel,.uebernahme__schritt.d5 .uebernahme__text{animation-range:cover 45% cover 54%}
.uebernahme__schritt.d1::after{animation-range:cover 18% cover 27%}
.uebernahme__schritt.d2::after{animation-range:cover 25% cover 34%}
.uebernahme__schritt.d3::after{animation-range:cover 32% cover 41%}
.uebernahme__schritt.d4::after{animation-range:cover 39% cover 48%}
}
}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;animation-delay:0ms !important}
.wechsler__wort{animation:none}
.wechsler__wort + .wechsler__wort{display:none}
}
.druck{display:none}
@media print{@page{margin:18mm 16mm}
html[lang]{--anthrazit:var(--weiss);--anthrazit-2:var(--weiss);--fuss:var(--weiss);--offwhite:var(--weiss);--hell:var(--ink);--hell-2:var(--ink-2);--fuss-text:var(--ink-2);--gold:var(--gold-dunkel);--linie-dunkel:var(--linie)}
body{font-size:10.5pt;line-height:1.5}
.sprung,.kopf,.banner,.knopf,.leistungen__band,.formular,.marken,.bildflaeche__rahmen,.platte__fuge{display:none !important}
.betreuung__karte{position:static}
a[href^="/"]::after,a[href^="http"]::after{content:" (" attr(href) ")";color:var(--ink-2);font-size:0.85em;word-break:break-all}
h1,h2,h3{break-after:avoid}
p{orphans:3;widows:3}
.abschnitt__kopf,.mehrwerte__feld,.mandanten__zeile,.betreuung__karte,.betreuung__merkmal,.bericht__inhalt,.leistungen__zeile,.uebernahme__schritt,.nachweise__karte,.fragen__frage,.direkt,.druck{break-inside:avoid}
.fuss{break-before:avoid}
img{max-height:11cm;width:auto}
details::details-content{content-visibility:visible;block-size:auto}
.druck{display:block;margin-block-start:var(--luft-5);padding-block-start:var(--luft-3);border-block-start:1px solid var(--linie);color:var(--ink-2);font-size:9pt;line-height:1.55}
.druck__marke{margin-block-end:var(--luft-1);font-family:var(--serife);font-size:12pt;font-weight:var(--gew-titel);color:var(--ink)}
.druck__zeile{-webkit-hyphens:manual;hyphens:manual}
}
