*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:6rem;scroll-padding-top:5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift-text);font-size:clamp(1rem,.97rem + .15vw,1.075rem);line-height:1.65;-webkit-font-smoothing:antialiased}img,picture,svg{max-width:100%;height:auto;display:block}[hidden]{display:none!important}h1,h2,h3{font-family:var(--schrift-titel);font-weight:var(--titel-gewicht);letter-spacing:var(--titel-weite);text-transform:var(--titel-transform);line-height:1.15;margin:0 0 .5em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}h1{font-size:clamp(2rem,1.5rem + 2.4vw,3.25rem)}h2{font-size:clamp(1.5rem,1.25rem + 1.2vw,2.25rem)}h3{font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}p{margin:0 0 1em;text-wrap:pretty}p:last-child{margin-bottom:0}a{color:var(--akzent);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;border-radius:2px}.nur-fuer-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.behaelter{width:min(100% - 2.5rem,var(--breite, 1180px));margin-inline:auto}.abschnitt{padding-block:var(--abstand)}.abschnitt--wechsel{background:var(--grund-alt)}:root[data-rhythmus=kompakt] .abschnitt{padding-block:calc(var(--abstand) * .72)}.abschnitt__kopf{max-width:46rem;margin-bottom:2.5rem}.abschnitt__einleitung{color:var(--text-leise);font-size:1.075em;margin:0}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--knopf-radius);border:2px solid transparent;font:inherit;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease,color .15s ease;min-height:44px}.knopf:hover{transform:translateY(-1px)}.knopf--gefuellt{background:var(--akzent);color:var(--akzent-text)}.knopf--umrandet{background:transparent;color:var(--akzent);border-color:var(--akzent)}.knopf--umrandet:hover{background:var(--akzent-leise)}.knopf-reihe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.icon{--icon-groesse: 1.5rem;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--akzent);line-height:0}.icon svg{display:block;width:var(--icon-groesse);height:var(--icon-groesse);stroke-width:1.6}.icon--kontur svg,:root[data-icons=kontur] .icon--erbt svg{stroke-width:2.3}.icon--kreis,:root[data-icons=kreis] .icon--erbt{padding:.6rem;border:1px solid var(--rand);border-radius:999px;background:var(--flaeche-2)}.icon--kachel,:root[data-icons=kachel] .icon--erbt{padding:.6rem;border-radius:var(--radius-klein);background:var(--akzent-leise)}.icon--siegel,:root[data-icons=siegel] .icon--erbt{padding:.65rem;border-radius:999px;background:var(--akzent);color:var(--akzent-text)}.icon--siegel svg,:root[data-icons=siegel] .icon--erbt svg{stroke-width:1.9}.knopf .icon{color:inherit}.icon-zeile{display:flex;align-items:flex-start;gap:.6rem}.karte{background:var(--flaeche);border-radius:var(--radius);padding:1.75rem;height:100%;transition:transform .15s ease}.karte:hover{transform:translateY(-2px)}.karte__icon{margin-bottom:.9rem}.karte__text{color:var(--text-leise);margin:0}:root[data-karten=erhaben] .karte{box-shadow:var(--schatten)}:root[data-karten=flach] .karte{background:var(--flaeche-2)}:root[data-karten=umrandet] .karte{border:1px solid var(--rand)}.raster{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.hero{padding-block:calc(var(--abstand) * .9)}.hero__text{color:var(--text-leise);font-size:clamp(1.05rem,1rem + .35vw,1.25rem);max-width:38rem;margin:0}:root[data-hero=geteilt] .hero__innen{display:grid;gap:3rem;grid-template-columns:1fr;align-items:center}@media(min-width:60rem){:root[data-hero=geteilt] .hero__innen{grid-template-columns:1.15fr .85fr}}:root[data-hero=vollbild] .hero{background:var(--grund-alt);text-align:center}:root[data-hero=vollbild] .hero__text{margin-inline:auto}:root[data-hero=vollbild] .knopf-reihe{justify-content:center}:root[data-hero=schlicht] .hero{padding-block:calc(var(--abstand) * .6) 0}.heromosaik{display:grid;grid-template-columns:1.35fr 1fr;gap:.9rem;align-items:start;list-style:none;margin:0;padding:0}.heromosaik__stueck a{display:block;border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;background:var(--flaeche);box-shadow:var(--schatten);text-decoration:none;color:var(--text-leise);transition:transform .15s ease,border-color .15s ease}.heromosaik__stueck a:hover{transform:translateY(-3px);border-color:var(--akzent);color:var(--akzent)}.heromosaik__stueck--1{grid-row:span 2}.heromosaik__name{display:block;padding:.5rem .7rem;border-top:1px solid var(--rand);font-size:.78rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:60rem){.heromosaik{grid-template-columns:repeat(3,1fr)}.heromosaik__stueck--1{grid-row:auto}}.hero__bild--marke{aspect-ratio:4 / 3;object-fit:contain;background:#000;border-radius:var(--radius);box-shadow:var(--schatten)}.hero__bildplatz{aspect-ratio:4 / 3;border-radius:var(--radius);background:var(--flaeche-2);border:1px dashed var(--rand-stark);display:grid;place-items:center;color:var(--text-leise);font-size:.875rem;text-align:center;padding:1rem}:root[data-hero=vollbild] .hero__bildplatz,:root[data-hero=schlicht] .hero__bildplatz{display:none}.kopf{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--grund) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--rand)}.kopf__innen{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.9rem}.kopf__marke{font-family:var(--schrift-titel);font-weight:var(--titel-gewicht);font-size:1.075rem;line-height:1.2;color:var(--text);text-decoration:none}.kopf__marke span{display:block;font-family:var(--schrift-text);font-weight:400;font-size:.8rem;color:var(--text-leise);text-transform:none;letter-spacing:normal}.kopf__marke--mitzeichen{display:flex;align-items:center;gap:.7rem}.kopf__zeichen{width:2.5rem;height:2.5rem;object-fit:contain;flex:none}.kopf__marke-text{display:block}.kopf__nav{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;align-items:center}.kopf__nav a{color:var(--text);text-decoration:none;font-weight:500;padding:.4rem 0;border-bottom:2px solid transparent}.kopf__nav a:hover{border-bottom-color:var(--akzent)}.kopf__nav a[aria-current=page]{color:var(--akzent);border-bottom-color:var(--akzent)}:root[data-nav=zentriert] .kopf__innen{flex-direction:column;gap:.75rem;text-align:center}:root[data-nav=zentriert] .kopf__nav{justify-content:center}@media(min-width:64rem){:root[data-nav=seitlich] body{display:grid;grid-template-columns:15.5rem 1fr;grid-template-areas:"leiste inhalt" "leiste fuss";align-items:start}:root[data-nav=seitlich] .kopf{grid-area:leiste;position:sticky;top:0;height:100vh;overflow-y:auto;border-bottom:none;border-right:1px solid var(--rand);padding:1.5rem 1.25rem 7rem}:root[data-nav=seitlich] .kopf__innen{width:auto;flex-direction:column;align-items:stretch;gap:2rem;padding-block:0}:root[data-nav=seitlich] .kopf__nav{flex-direction:column;align-items:stretch;gap:.15rem}:root[data-nav=seitlich] .kopf__nav a{padding:.55rem .75rem;border-bottom:none;border-radius:var(--radius-klein)}:root[data-nav=seitlich] .kopf__nav a:hover{background:var(--flaeche-2)}:root[data-nav=seitlich] .kopf__nav a[aria-current=page]{background:var(--akzent-leise);color:var(--akzent)}:root[data-nav=seitlich] main{grid-area:inhalt;min-width:0}:root[data-nav=seitlich] .fuss{grid-area:fuss}:root[data-nav=seitlich] .kopf__korb{align-self:flex-start}}.fuss{background:var(--grund-alt);border-top:1px solid var(--rand);padding-block:3rem 2rem;margin-top:var(--abstand)}.fuss__raster{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.fuss h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);margin-bottom:.75rem}.fuss__titel{display:flex;align-items:center;gap:.5rem}.fuss__titel .icon{color:var(--text-leise)}.fuss__zeile{color:var(--text-leise);margin:0 0 .35rem}.fuss__zeiten{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;color:var(--text-leise)}.fuss__zeiten dt{font-weight:600;color:var(--text)}.fuss__zeiten dd{margin:0}.fuss__unten{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--rand);color:var(--text-leise);font-size:.875rem}.fliesstext{max-width:42rem}.fliesstext--mitte{margin-inline:auto;text-align:center}.aufruf{background:var(--akzent-leise);border-radius:var(--radius);padding:clamp(2rem,5vw,3.25rem);text-align:center}.aufruf__text{color:var(--text-leise);max-width:34rem;margin-inline:auto}.aufruf .knopf-reihe{justify-content:center}.demoleiste{position:fixed;inset-inline:0;bottom:0;z-index:100;background:#10141a;color:#e8edf3;border-top:1px solid #2a323d;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.4}.demoleiste__innen{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.7rem 0}.demoleiste a{color:#e8edf3}.demoleiste :focus-visible{outline-color:#7cc4ff}.demoleiste__zurueck{text-decoration:none;font-weight:600;white-space:nowrap}.demoleiste__zurueck:hover{text-decoration:underline}.demoleiste__name{font-weight:600;white-space:nowrap}.demoleiste__hinweis{color:#97a3b2;flex:1 1 12rem;min-width:0}.demoleiste__design{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.demoleiste__design>span{color:#97a3b2}.demoleiste__anfrage{display:inline-flex;align-items:center;min-height:40px;padding:.5rem 1.1rem;border-radius:6px;background:#4aa8ff;color:#06121c;font-weight:700;text-decoration:none;white-space:nowrap}.demoleiste__anfrage:hover{background:#6fbcff}body[data-demo]{padding-bottom:calc(var(--leiste-hoehe, 5.5rem) + 1rem)}@media(max-width:40rem){.demoleiste__hinweis{display:none}body[data-demo]{padding-bottom:calc(var(--leiste-hoehe, 7.5rem) + 1rem)}}.demoleiste__pillen{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}.demoleiste__pille{display:inline-flex;align-items:center;min-height:32px;padding:.25rem .7rem;border-radius:999px;border:1px solid #39424f;color:#c3ccd8;text-decoration:none;font-size:.8125rem;white-space:nowrap}.demoleiste__pille:hover{border-color:#6a7787;color:#e8edf3}.demoleiste__pille.ist-aktiv{background:#e8edf3;border-color:#e8edf3;color:#10141a;font-weight:600}.karte__meta{color:var(--text-leise);font-size:.875rem;margin:.75rem 0 0}.karte__meta strong{color:var(--text)}.oeffnungsstatus{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-weight:600;color:var(--text)}.oeffnungsstatus__punkt{width:.6rem;height:.6rem;border-radius:50%;flex:none;background:var(--text-leise)}.oeffnungsstatus[data-offen=ja] .oeffnungsstatus__punkt{background:#1a8f4c}.oeffnungsstatus[data-offen=nein] .oeffnungsstatus__punkt{background:#b23b3b}.hero{position:relative;isolation:isolate}.hero__innen{position:relative;z-index:1}.hero__bild{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--schatten)}.hero__hintergrund{position:absolute;inset:0;z-index:0;overflow:hidden}.hero__hintergrund img{width:100%;height:100%;object-fit:cover}.hero__schleier{position:absolute;inset:0;background:color-mix(in srgb,var(--grund) 78%,transparent)}:root[data-hero=vollbild] .hero{display:grid;align-items:center;min-height:min(60vh,34rem);background:var(--grund-alt)}.bildblock{margin:0}.bildblock img{width:100%;height:auto;border-radius:var(--radius)}.bildblock figcaption{margin-top:.75rem;color:var(--text-leise);font-size:.9375rem}.hinweiskasten{background:var(--flaeche-2);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:1rem 1.25rem;margin:0}.buchung{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2.25rem)}.buchung__demohinweis{background:var(--akzent-leise);border-radius:var(--radius-klein);padding:.7rem 1rem;margin:0 0 1.75rem;font-size:.9375rem}.buchung__schritte{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;margin:0 0 2rem;padding:0;font-size:.9375rem}.buchung__schritt{display:flex;align-items:center;gap:.5rem;color:var(--text-leise)}.buchung__schritt[data-zustand=aktiv]{color:var(--text);font-weight:600}.buchung__schrittnummer{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--rand-stark);font-size:.8125rem;flex:none}.buchung__schritt[data-zustand=aktiv] .buchung__schrittnummer{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}.buchung__schritt[data-zustand=erledigt] .buchung__schrittnummer{border-color:var(--akzent);color:var(--akzent)}.buchung__seite>h3{margin-top:0}.buchung__seite>h3:focus-visible{outline:3px solid var(--fokus);outline-offset:4px}.buchung__auswahl{border:0;margin:0 0 1.5rem;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.buchung__auswahl legend{padding:0 0 .75rem;font-weight:600}.buchung__karte{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border:1px solid var(--rand-stark);border-radius:var(--radius-klein);cursor:pointer}.buchung__karte:hover{border-color:var(--akzent)}.buchung__karte:has(input:checked){border-color:var(--akzent);background:var(--akzent-leise)}.buchung__karte:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:2px}.buchung__karte input{margin-top:.25rem;flex:none;accent-color:var(--akzent);width:1.1rem;height:1.1rem}.buchung__kartentext{display:grid;gap:.15rem}.buchung__dauer,.buchung__hinweis{color:var(--text-leise);font-size:.875rem}.buchung__tage{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.5rem;scrollbar-width:thin}.buchung__tag{flex:none;display:grid;gap:.1rem;min-width:6.5rem;padding:.6rem .75rem;border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:var(--flaeche);color:var(--text);font:inherit;text-align:left;cursor:pointer}.buchung__tag:hover{border-color:var(--akzent)}.buchung__tag[aria-pressed=true]{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}.buchung__tagname{font-weight:700}.buchung__tagdatum{font-size:.875rem}.buchung__tagfrei{font-size:.8125rem;opacity:.8}.buchung__slotkopf{font-weight:600;margin:0 0 .75rem}.buchung__slotliste{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));margin-bottom:1.5rem}.buchung__slot{padding:.6rem .5rem;border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:var(--flaeche);color:var(--text);font:inherit;cursor:pointer;min-height:44px}.buchung__slot:hover:not(:disabled){border-color:var(--akzent);background:var(--akzent-leise)}.buchung__slot:disabled{color:var(--text-leise);border-style:dashed;border-color:var(--rand);text-decoration:line-through;cursor:not-allowed;opacity:.65}.buchung__gewaehlt{background:var(--akzent-leise);border-radius:var(--radius-klein);padding:.7rem 1rem;font-weight:600;margin:0 0 1.5rem}.formular{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.feld{display:grid;gap:.35rem;align-content:start}.feld--breit{grid-column:1 / -1}.feld label,.feld legend{font-weight:600;font-size:.9375rem}.feld input[type=text],.feld input[type=tel],.feld input[type=email],.feld input[type=date],.feld select,.feld textarea{width:100%;padding:.65rem .8rem;border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:var(--grund);color:var(--text);font:inherit;min-height:44px}.feld textarea{resize:vertical}.feld input[aria-invalid=true],.feld select[aria-invalid=true],.feld textarea[aria-invalid=true]{border-color:#c0392b;border-width:2px}fieldset.feld{border:0;margin:0;padding:0}.feld__wahl{display:flex;align-items:flex-start;gap:.5rem;font-weight:400;font-size:.9375rem;cursor:pointer}.feld__wahl input{margin-top:.2rem;accent-color:var(--akzent);width:1.05rem;height:1.05rem;flex:none}.feld__hinweis{color:var(--text-leise);font-size:.875rem;margin:0}.feld__fehler{color:#a32b1e;font-size:.875rem;font-weight:600;margin:0}:root[data-hero=vollbild] .feld__fehler,:root[data-karten=umrandet] .feld__fehler{color:#ff9a8f}.datenliste{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.25rem;margin:0 0 1.75rem}.datenliste dt{font-weight:600;color:var(--text-leise)}.datenliste dd{margin:0}.mailvorschau{border:1px solid var(--rand);border-radius:var(--radius-klein);overflow:hidden;margin-bottom:1.5rem}.fertigkopf{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem}.fertigkopf h3{margin:0}.mailvorschau__kopf{display:flex;align-items:center;gap:.5rem;background:var(--flaeche-2);border-bottom:1px solid var(--rand);margin:0;padding:.6rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-leise)}.mailvorschau__koerper{padding:1.25rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.875rem}.mailvorschau__koerper p{margin:0;min-height:1.4em}.kontakt__innen{max-width:48rem}.kontakt__ersatz{border-left:3px solid var(--akzent);padding-left:1rem;color:var(--text-leise)}.kontakt__falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.kontakt__meldung{margin-top:1.5rem;padding:.9rem 1.1rem;border-left:3px solid var(--akzent);background:var(--flaeche-2);border-radius:var(--radius-klein);color:var(--text-leise);font-size:.9375rem}.kontakt__hinweis{color:var(--text-leise);font-size:.875rem}:root[data-js=ja]:is([data-animation=dezent],[data-animation=lebhaft]) [data-einblenden=warte]{opacity:0;transform:translateY(18px)}:root[data-js=ja][data-animation=lebhaft] [data-einblenden=warte]{transform:translateY(30px) scale(.995)}[data-einblenden]{transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}[data-einblenden=fertig]{opacity:1;transform:none}:root[data-js=ja][data-animation=lebhaft] [data-einblenden=warte] .karte{opacity:0;transform:translateY(16px)}:root[data-animation=lebhaft] .karte{transition:opacity .5s ease var(--verzug, 0ms),transform .5s ease var(--verzug, 0ms)}:root[data-animation=lebhaft][data-hero=vollbild] .hero__hintergrund img{animation:langsam-zoomen 24s ease-out forwards}@keyframes langsam-zoomen{0%{transform:scale(1.07)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){[data-einblenden],[data-einblenden] .karte{opacity:1!important;transform:none!important}}.galerie{position:relative}.galerie__spur{display:flex;gap:1.25rem;margin:0;padding:0 0 .75rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.galerie__feld{flex:0 0 min(82%,30rem);scroll-snap-align:start}.galerie__rahmen{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten)}.galerie__rahmen img{width:100%;aspect-ratio:3 / 2;object-fit:cover}.galerie__lupe{position:absolute;right:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;border:1px solid var(--rand-stark);border-radius:var(--knopf-radius);background:color-mix(in srgb,var(--flaeche) 90%,transparent);color:var(--text);font:inherit;font-size:.875rem;cursor:pointer;backdrop-filter:blur(6px)}.galerie__pfeil{position:absolute;top:38%;z-index:2;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--rand);border-radius:999px;background:var(--flaeche);color:var(--akzent);cursor:pointer;box-shadow:var(--schatten)}.galerie__pfeil--zurueck{left:-.5rem}.galerie__pfeil--zurueck .icon{transform:rotate(180deg)}.galerie__pfeil--vor{right:-.5rem}.galerie__punkte{display:flex;justify-content:center;gap:.15rem;margin:.5rem 0 0;padding:0;list-style:none}.galerie__punkte button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:none;cursor:pointer}.galerie__punkte button:before{content:"";width:.7rem;height:.7rem;border-radius:999px;background:var(--rand-stark);transition:background-color .2s ease,transform .2s ease}.galerie__punkte button.ist-aktiv:before{background:var(--akzent);transform:scale(1.35)}.galerie__gross{max-width:96vw;max-height:94vh;padding:0;border:0;background:none;color:var(--text)}.galerie__gross::backdrop{background:#04080ed1}.galerie__grossinnen{border-radius:var(--radius);overflow:hidden;background:var(--flaeche)}.galerie__grossbild img{width:100%;max-height:76vh;object-fit:contain;background:var(--grund-alt)}.galerie__grosstext{margin:0;padding:.9rem 1.1rem;color:var(--text-leise);font-size:.9rem}.galerie__grosszeile{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem}.motiv{display:grid;gap:2rem;align-items:start}@media(min-width:48rem){.motiv{grid-template-columns:minmax(11rem,17rem) 1fr}.motiv[data-zeichnung=fahrzeug],.motiv[data-zeichnung=gebaeude]{grid-template-columns:minmax(18rem,28rem) 1fr}.motiv[data-abbildung]{grid-template-columns:minmax(14rem,21rem) 1fr}}.motiv__svg{width:100%;max-width:15rem;margin-inline:auto}.motiv[data-zeichnung=fahrzeug] .motiv__svg,.motiv[data-zeichnung=gebaeude] .motiv__svg{max-width:26rem}.motiv__umriss{fill:var(--text);opacity:.1;pointer-events:none}.motiv[data-abbildung] .motiv__figur{position:relative;max-width:24rem;margin-inline:auto}.motiv__abbildung{display:block;width:100%;height:auto;border-radius:var(--radius)}.motiv[data-abbildung] .motiv__svg{position:absolute;inset:0;width:100%;height:100%;max-width:none}.motiv[data-abbildung] .motiv__bereich{fill:transparent;stroke:transparent;stroke-width:2}.motiv[data-abbildung] .motiv__bereich:hover,.motiv[data-abbildung] .motiv__bereich.ist-aktiv{fill:color-mix(in srgb,var(--akzent) 42%,transparent);stroke:var(--akzent)}@media(hover:none){.motiv[data-abbildung] .motiv__bereich{fill:color-mix(in srgb,var(--akzent) 14%,transparent);stroke:color-mix(in srgb,var(--akzent) 45%,transparent)}}.motiv__bereich{fill:var(--akzent-leise);stroke:var(--akzent);stroke-width:1.5;cursor:pointer;transition:fill .2s ease}.motiv__bereich:hover,.motiv__bereich.ist-aktiv{fill:var(--akzent)}.motiv__bereich--still{fill:var(--flaeche-2);stroke:var(--rand);cursor:default}.motiv__bereich:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}.motiv__tafel{align-self:center}.motiv__inhalt{padding:1.5rem;border-radius:var(--radius);background:var(--flaeche-2);min-height:9rem}.motiv__titel{margin-bottom:.4rem}.motiv__text{margin:0;color:var(--text-leise)}.motiv__hinweis{margin:.9rem 0 0;color:var(--text-leise);font-size:.875rem}.motiv__liste{grid-column:1 / -1;display:grid;gap:.35rem 1.5rem;margin:0}@media(min-width:40rem){.motiv__liste{grid-template-columns:auto 1fr}}.motiv__liste dt{font-weight:600}.motiv__liste dd{margin:0 0 .75rem;color:var(--text-leise)}.vergleich{margin:0;max-width:60rem}.vergleich__buehne{position:relative;aspect-ratio:3 / 2;border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten);isolation:isolate}.vergleich__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vergleich__ausschnitt{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--anteil)) 0 0)}.vergleich__linie{position:absolute;top:0;bottom:0;left:var(--anteil);width:2px;margin-left:-1px;background:var(--flaeche);box-shadow:0 0 0 1px #00000026;z-index:2}.vergleich__griff{position:absolute;top:50%;left:var(--anteil);z-index:2;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;border-radius:999px;background:var(--flaeche);box-shadow:var(--schatten),0 0 0 1px var(--rand);pointer-events:none}.vergleich__griff:before,.vergleich__griff:after{content:"";position:absolute;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem;border-top:2px solid var(--akzent);border-right:2px solid var(--akzent)}.vergleich__griff:before{left:.7rem;transform:rotate(-135deg)}.vergleich__griff:after{right:.7rem;transform:rotate(45deg)}.vergleich__regler{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;background:none}.vergleich__regler::-webkit-slider-thumb{appearance:none;width:3rem;height:100%}.vergleich__regler::-moz-range-thumb{width:3rem;height:100%;border:0;background:none}.vergleich__regler:focus-visible~.vergleich__griff{outline:3px solid var(--fokus);outline-offset:3px}.vergleich__marke{position:absolute;top:.9rem;z-index:2;padding:.3rem .7rem;border-radius:var(--knopf-radius);background:color-mix(in srgb,var(--flaeche) 88%,transparent);color:var(--text);font-size:.8125rem;font-weight:600;backdrop-filter:blur(6px)}.vergleich__marke--links{left:.9rem}.vergleich__marke--rechts{right:.9rem}.vergleich__text{margin-top:.9rem;color:var(--text-leise);font-size:.9375rem}.verkauf__filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.verkauf__filterknopf{min-height:44px;padding:.5rem 1.1rem;border:1px solid var(--rand-stark);border-radius:var(--knopf-radius);background:transparent;color:var(--text);font:inherit;font-size:.9375rem;cursor:pointer}.verkauf__filterknopf.ist-aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text);font-weight:600}.verkauf__raster{display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none}.artikel{display:flex;flex-direction:column}.artikel__bild{position:relative;margin-bottom:1rem;border-radius:var(--radius);overflow:hidden;background:var(--flaeche-2)}.artikel__bild img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.artikel__marke{position:absolute;top:.7rem;left:.7rem;padding:.25rem .65rem;border-radius:var(--knopf-radius);background:var(--text);color:var(--grund);font-size:.8125rem;font-weight:600}.artikel__name{margin-bottom:.35rem;font-size:1.05rem}.artikel__text{color:var(--text-leise);font-size:.9375rem;margin-bottom:.75rem}.artikel__wahl{margin-bottom:.75rem}.artikel__preis{margin:0 0 .25rem;font-weight:700;font-size:1.1rem}.artikel__bestand{margin:0 0 .5rem;color:var(--text-leise);font-size:.875rem}.artikel__knopf{margin-top:auto;width:100%}.artikel__knopf:disabled{opacity:.55;cursor:not-allowed}.artikel__knopf.ist-bestaetigt{background:var(--akzent-leise);color:var(--akzent)}.verkauf__leer,.verkauf__hinweis{display:flex;align-items:flex-start;gap:.6rem;margin-top:2rem;color:var(--text-leise);font-size:.9375rem}.kopf__korb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;padding:0;border:1px solid var(--rand);border-radius:999px;background:var(--flaeche);color:var(--akzent);cursor:pointer;flex:none}.kopf__korbzahl{position:absolute;top:-.3rem;right:-.3rem;min-width:1.35rem;height:1.35rem;padding:0 .3rem;border-radius:999px;background:var(--akzent);color:var(--akzent-text);font-size:.75rem;font-weight:700;line-height:1.35rem;text-align:center}.korb{width:min(30rem,100vw);max-width:100vw;height:100%;max-height:100%;margin:0 0 0 auto;padding:0;border:0;background:var(--grund);color:var(--text)}.korb::backdrop{background:#04080e8c}.korb__innen{display:flex;flex-direction:column;height:100%;padding:1.5rem;overflow-y:auto}.korb__kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.korb__titel{margin:0;font-size:1.35rem}.korb__zu{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:var(--flaeche-2);color:var(--text);cursor:pointer}.korb__liste{margin:0 0 1.5rem;padding:0;list-style:none}.korb__zeile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.9rem 0;border-bottom:1px solid var(--rand)}.korb__bild{width:3.5rem;height:3.5rem;border-radius:var(--radius-klein);object-fit:cover}.korb__zeilenname{margin:0;font-weight:600;font-size:.9375rem}.korb__zeilenpreis{margin:0;color:var(--text-leise);font-size:.875rem}.korb__mengen{display:flex;gap:.35rem}.korb__mengenknopf{width:2.4rem;height:2.4rem;border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:transparent;color:var(--text);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer}.korb__weg{grid-column:2 / -1;justify-self:start;padding:0;border:0;background:none;color:var(--text-leise);font:inherit;font-size:.8125rem;text-decoration:underline;cursor:pointer}.korb__summe{display:flex;justify-content:space-between;gap:1rem;margin:0 0 1.5rem;font-size:1.05rem;font-weight:700}.korb__summe dd{margin:0}.korb__leer{color:var(--text-leise)}.korb__simuliert{display:flex;align-items:flex-start;gap:.6rem;margin:1.25rem 0;padding:.9rem 1rem;border-left:3px solid var(--akzent);border-radius:var(--radius-klein);background:var(--flaeche-2);color:var(--text-leise);font-size:.9375rem}.korb__hinweis{color:var(--text-leise);font-size:.875rem}.korb .formular{grid-template-columns:1fr 1fr}@media(max-width:30rem){.korb .formular{grid-template-columns:1fr}}.kursplan__liste{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none}.kurs{padding:1.75rem;border-radius:var(--radius);background:var(--flaeche);border:1px solid var(--rand)}.kurs__kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem}.kurs__name{margin:0}.kurs__stufe{padding:.2rem .6rem;border-radius:var(--knopf-radius);background:var(--akzent-leise);color:var(--akzent);font-size:.8125rem;font-weight:600}.kurs__text{margin:.75rem 0;color:var(--text-leise)}.kurs__eckdaten{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin:0 0 1.25rem;font-size:.9375rem}.kurs__preis{font-weight:700}.kurs__ort{color:var(--text-leise)}.kurs__termine{margin:0;padding:0;list-style:none;border-top:1px solid var(--rand)}.kurs__termin{display:grid;gap:.35rem 1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--rand)}@media(min-width:45rem){.kurs__termin{grid-template-columns:1fr auto auto auto}}.kurs__datum{font-weight:600}.kurs__zeit,.kurs__frei{color:var(--text-leise);font-size:.9375rem}.kurs__frei.ist-voll{font-weight:600}.kurs__knopf{min-height:44px;padding-block:.5rem}.kurs__knopf:disabled{opacity:.55;cursor:not-allowed}.kurs__ersatz,.kursplan__hinweis{display:flex;align-items:flex-start;gap:.6rem;margin:1rem 0 0;color:var(--text-leise);font-size:.9375rem}.kursplan__hinweis{margin-top:2rem}.anmeldung{width:min(38rem,94vw);max-height:92vh;padding:0;border:0;border-radius:var(--radius);background:var(--grund);color:var(--text)}.anmeldung::backdrop{background:#04080e99}.anmeldung__innen{padding:1.75rem;overflow-y:auto;max-height:92vh}.baukasten__seite h2{margin-bottom:.75rem}.baukasten__hinweis{max-width:46rem;margin-bottom:2rem;color:var(--text-leise)}.baukasten__zwischentitel{margin-top:2.5rem;margin-bottom:1.25rem}.wahlkarten{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.wahlkarte{display:block;cursor:pointer}.wahlkarte input{position:absolute;opacity:0;pointer-events:none}.wahlkarte__innen{display:block;height:100%;padding:1.35rem;border:2px solid var(--rand);border-radius:var(--radius);background:var(--flaeche);transition:border-color .15s ease,background-color .15s ease}.wahlkarte:hover .wahlkarte__innen{border-color:var(--rand-stark)}.wahlkarte input:checked+.wahlkarte__innen{border-color:var(--akzent);background:var(--akzent-leise)}.wahlkarte input:focus-visible+.wahlkarte__innen{outline:3px solid var(--fokus);outline-offset:2px}.wahlkarte__name{display:block;font-weight:700;margin-bottom:.35rem}.wahlkarte__text{display:block;color:var(--text-leise);font-size:.9375rem}.hakenliste{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}.hakenliste .feld__wahl{align-items:flex-start;padding:1rem 1.1rem;border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--flaeche)}.hakenliste__text{display:block;margin-top:.2rem;color:var(--text-leise);font-size:.875rem;font-weight:400}.hakenliste__pflicht{color:var(--text-leise);font-size:.875rem}.baukasten__zusammenfassung{margin-bottom:2rem;padding:1.5rem;border-radius:var(--radius);background:var(--flaeche-2)}.baukasten__zusammenfassung h3{margin-bottom:1rem}.artikel__merken{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;min-height:44px;margin-bottom:.5rem;padding:0;border:0;background:none;color:var(--text-leise);font:inherit;font-size:.875rem;cursor:pointer}.artikel__merken.ist-gemerkt{color:var(--akzent);font-weight:600}.artikel__merken.ist-gemerkt .icon svg{fill:currentColor}.stimmen__schnitt{margin:.75rem 0 0;color:var(--text-leise)}.stimmen__schnitt strong{font-size:1.5em;color:var(--text)}.stimmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.stimme{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;border-radius:var(--radius);background:var(--flaeche)}:root[data-karten=erhaben] .stimme{box-shadow:var(--schatten)}:root[data-karten=umrandet] .stimme{border:1px solid var(--rand)}.stimme__sterne{display:flex;gap:.15rem;margin:0}.stimme__stern{color:var(--rand-stark);opacity:.35;line-height:0}.stimme__stern.ist-voll{color:var(--akzent);opacity:1}.stimme__text{margin:0;padding:0;border:0;font-size:1.05em}.stimme__text p{margin:0}.stimme__wer{margin:auto 0 0;font-weight:600;font-size:.9375rem}.stimme__herkunft{display:block;font-weight:400;color:var(--text-leise)}.behaelter--schmal{width:min(100% - 2.5rem,52rem);margin-inline:auto}.fragen{border-top:1px solid var(--rand)}.frage{border-bottom:1px solid var(--rand)}.frage__frage{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:1rem 0;font-weight:600;cursor:pointer;list-style:none}.frage__frage::-webkit-details-marker{display:none}.frage__frage:hover{color:var(--akzent)}.frage__pfeil{flex:0 0 auto;color:var(--akzent);transition:transform .2s ease}.frage[open] .frage__pfeil{transform:rotate(180deg)}.frage__antwort{padding:0 0 1.25rem;max-width:44rem;color:var(--text-leise)}.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.75rem 1.25rem;margin:0;padding:0;list-style:none}.person{text-align:center}.person__bild,.person__kuerzel{width:6.5rem;height:6.5rem;margin:0 auto .9rem;border-radius:50%;object-fit:cover}.person__kuerzel{display:grid;place-items:center;background:var(--akzent-leise);color:var(--akzent);font-family:var(--schrift-titel);font-size:1.75rem;font-weight:700;letter-spacing:.02em}.person__name{margin:0 0 .15rem;font-size:1.0625rem}.person__rolle{margin:0 0 .5rem;color:var(--akzent);font-size:.9375rem;font-weight:600}.person__text{margin:0;color:var(--text-leise);font-size:.9375rem}.rechner{display:grid;gap:1.5rem;align-items:start}:root[data-js=ja] .rechner[data-bedienbar=ja]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}@media(max-width:52rem){:root[data-js=ja] .rechner[data-bedienbar=ja]{grid-template-columns:1fr}}.preisliste{width:100%;border-collapse:collapse;text-align:left}.preisliste th,.preisliste td{padding:.75rem .75rem .75rem 0;border-bottom:1px solid var(--rand);vertical-align:top}.preisliste thead th{font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise)}.preisliste tbody th{font-weight:600}.preisliste__text{display:block;font-weight:400;font-size:.9375rem;color:var(--text-leise)}.rechner__form{display:grid;gap:1.5rem;margin:0}.rechner__feld{margin:0;padding:0;border:0}.rechner__feld legend{padding:0;margin-bottom:.75rem;font-weight:600}.rechner__wahl{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.wahl{display:flex;align-items:flex-start;gap:.75rem;min-height:44px;padding:.7rem .9rem;border:1px solid var(--rand);border-radius:var(--radius-klein);background:var(--flaeche);cursor:pointer}.wahl:hover{border-color:var(--akzent)}.wahl:has(input:checked){border-color:var(--akzent);background:var(--akzent-leise)}.wahl input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--akzent)}.wahl__text{display:block}.wahl__name{display:block;font-weight:600}.wahl__zusatz{display:block;font-size:.9375rem;color:var(--text-leise)}.wahl__preis{display:block;margin-top:.15rem;font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--text-leise)}.rechner__menge label{display:block;margin-bottom:.5rem;font-weight:600}.rechner__mengefeld{display:flex;align-items:center;gap:.5rem}.rechner__mengefeld input{width:7rem;min-height:44px;padding:.6rem .75rem;border:1px solid var(--rand-stark);border-radius:var(--radius-klein);background:var(--flaeche);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.rechner__kurz{color:var(--text-leise)}.rechner__schieber{width:100%;margin-top:.75rem;accent-color:var(--akzent)}.rechner__ergebnis{position:sticky;top:6rem;padding:1.5rem;border-radius:var(--radius);background:var(--flaeche-2)}.rechner__label{margin:0 0 .25rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise)}.rechner__summe{margin:0 0 .35rem;font-family:var(--schrift-titel);font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;text-wrap:balance}.rechner__erklaerung{margin:0 0 1.25rem;color:var(--text-leise);font-size:.9375rem}.rechner__kleingedruckt{margin:1rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--text-leise)}.abschnitt__fussnote{max-width:44rem;margin:1.5rem 0 0;font-size:.875rem;color:var(--text-leise)}.pakete{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.paket{display:flex;flex-direction:column;gap:.9rem;padding:1.75rem;border-radius:var(--radius);background:var(--flaeche);box-shadow:var(--schatten)}.paket__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.paket__kopf h3{margin:0;font-size:1.375rem}.paket__zusatz{padding:.2rem .6rem;border-radius:999px;background:var(--akzent);color:var(--akzent-text);font-size:.75rem;font-weight:600;white-space:nowrap}.paket__fuer{margin:0;color:var(--text-leise)}.paket__liste{display:grid;gap:.4rem;margin:0;padding:0;list-style:none;font-size:.9375rem}.paket__liste li{display:flex;align-items:flex-start;gap:.5rem}.paket__liste .icon{flex:0 0 auto;margin-top:.15rem;color:var(--akzent)}.paket .knopf{margin-top:auto;align-self:flex-start}.merkmalfilter{display:grid;gap:1rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem;border-radius:var(--radius);background:var(--flaeche-2)}.merkmalfilter fieldset{margin:0;padding:0;border:0}.merkmalfilter legend{padding:0;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise)}.merkmalfilter__reihe{display:flex;flex-wrap:wrap;gap:.4rem}.pille{min-height:44px;padding:.5rem 1rem;border:1px solid var(--rand-stark);border-radius:999px;background:var(--flaeche);color:var(--text);font:inherit;font-size:.9375rem;cursor:pointer}.pille:hover{border-color:var(--akzent);color:var(--akzent)}.pille.ist-aktiv{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text);font-weight:600}.merkmalfilter__haken{display:flex;align-items:center;gap:.6rem;min-height:44px;cursor:pointer}.merkmalfilter__haken input{width:1.15rem;height:1.15rem;accent-color:var(--akzent)}.merkmalfilter__zahl{margin:0;font-size:.875rem;color:var(--text-leise)}.merkmalgruppe{margin-bottom:3rem}.merkmalgruppe__titel{margin-bottom:.35rem;font-size:1.375rem}.merkmalgruppe__text{max-width:46rem;margin:0 0 1.5rem;color:var(--text-leise)}.merkmalliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}.merkmal{display:flex;flex-direction:column;gap:.5rem;padding:1.35rem;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche)}.merkmal__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.merkmal__name{display:flex;align-items:center;gap:.4rem;margin:0;font-size:1.0625rem}.merkmal__stern{display:inline-flex;color:var(--akzent)}.stufe{flex:0 0 auto;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;background:var(--flaeche-2);color:var(--text-leise)}.stufe--premium{background:var(--akzent-leise);color:var(--akzent)}.merkmal__kurz{margin:0;font-weight:500}.merkmal__nutzen{margin:0;color:var(--text-leise);font-size:.9375rem}.merkmal__hinweis{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding-top:.5rem;border-top:1px solid var(--rand);color:var(--text-leise);font-size:.875rem}.merkmal__hinweis .icon{flex:0 0 auto;margin-top:.15rem}.merkmal__zusehen{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.5rem;font-size:.875rem;font-weight:600}.merkmal__nichtzusehen{margin:auto 0 0;padding-top:.5rem;font-size:.8125rem;color:var(--text-leise)}.merkmale__leer{padding:2rem;border-radius:var(--radius);background:var(--flaeche-2);color:var(--text-leise);text-align:center}.spartenblock{margin-bottom:3rem}.karte__branche{margin:0 0 .3rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--akzent)}.karte h4{font-family:var(--schrift-titel);font-weight:var(--titel-gewicht);font-size:1.1875rem;line-height:1.25;margin:0 0 .5rem}.baukasten__paket{margin:0 0 1.5rem;padding:.85rem 1.1rem;border-radius:var(--radius-klein);background:var(--akzent-leise);color:var(--text);font-size:.9375rem}.extragruppe{margin-bottom:1.75rem}.extragruppe__titel{margin-bottom:.6rem;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise)}@media(max-width:52rem){:root[data-js=ja] .rechner[data-bedienbar=ja] .rechner__ergebnis{order:-1;position:sticky;top:4.75rem;z-index:5;padding:1rem 1.15rem;box-shadow:0 8px 24px #0000001f}.rechner__summe{font-size:1.35rem}.rechner__erklaerung{margin-bottom:.85rem}.rechner__kleingedruckt{margin-top:.75rem;font-size:.75rem}}.kachelraster{display:grid;gap:1.25rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.kachel{position:relative;display:flex;overflow:hidden;min-height:10rem;background:var(--flaeche);border-radius:var(--radius);transition:transform .15s ease}.kachel:hover{transform:translateY(-2px)}:root[data-karten=erhaben] .kachel{box-shadow:var(--schatten)}:root[data-karten=flach] .kachel{background:var(--flaeche-2)}:root[data-karten=umrandet] .kachel{border:1px solid var(--rand)}.kachel__inhalt{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;padding:1.5rem;width:100%}.kachel__icon{align-self:flex-start;margin-bottom:.35rem;color:var(--akzent)}.kachel__zahl{margin:0;font-family:var(--schrift-titel);font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:var(--titel-gewicht);letter-spacing:var(--titel-weite);line-height:1;color:var(--akzent)}.kachel__titel{margin:0;font-size:1.15rem}.kachel__text{margin:0;color:var(--text-leise);font-size:.95rem}.kachel__verweis{color:inherit;text-decoration:none}.kachel__verweis:after{content:"";position:absolute;inset:0}.kachel__verweis:hover{text-decoration:underline}.kachel:focus-within{outline:3px solid var(--fokus);outline-offset:2px}.kachel__verweis:focus-visible{outline:none}.kachel--bild .kachel__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kachel--bild .kachel__inhalt{min-height:13rem;background:linear-gradient(to top,#0c0a08e0,#0c0a089e 45%,#0c0a081a)}.kachel--bild .kachel__titel,.kachel--bild .kachel__text,.kachel--bild .kachel__zahl{color:#fff}@media(min-width:44rem){.kachelraster{grid-template-columns:repeat(2,1fr)}.kachel--breit{grid-column:span 2}}@media(min-width:66rem){.kachelraster{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(11rem,auto)}.kachel--hoch{grid-row:span 2}}.zeichenreihe{display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));list-style:none;margin:0;padding:0}.zeichen{display:flex;align-items:flex-start;gap:.9rem}.zeichen__scheibe{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--akzent-leise);color:var(--akzent)}.zeichen__titel{margin:0;font-family:var(--schrift-titel);font-weight:600;line-height:1.3}.zeichen__text{margin:.2rem 0 0;color:var(--text-leise);font-size:.9rem}.starttafel{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));list-style:none;margin:0;padding:0;position:relative;z-index:2}.hero--kacheln{padding-bottom:calc(var(--abstand) * .5)}.hero--kacheln .hero__innen{padding-bottom:2.5rem}.starttafel__kachel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;min-height:7.5rem;padding:1.25rem 1rem;height:100%;text-align:center;text-decoration:none;color:var(--text);background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);font-family:var(--schrift-titel);font-weight:600;line-height:1.25;transition:transform .15s ease,border-color .15s ease}.starttafel__kachel .icon{color:var(--akzent)}.starttafel__kachel:hover{transform:translateY(-3px);border-color:var(--akzent)}.schnellaktionen{position:fixed;z-index:30;display:flex;gap:.6rem;bottom:calc(env(safe-area-inset-bottom,0px) + var(--leiste-hoehe, 5.5rem) + .75rem);left:1rem;right:1rem;justify-content:center}@media(min-width:48rem){.schnellaktionen{left:auto;right:1.5rem;flex-direction:column;align-items:flex-end}}.schnellaktionen__knopf{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:999px;background:var(--akzent);color:var(--akzent-text);font-weight:600;text-decoration:none;box-shadow:0 10px 30px #00000038}.schnellaktionen__knopf--leise{background:var(--flaeche);color:var(--text);border:1px solid var(--rand)}.schnellaktionen__knopf:hover{filter:brightness(1.06)}:root[data-aktionen=schwebend] .fuss{padding-bottom:5rem}:root[data-karten=linie] .karte,:root[data-karten=linie] .kachel{background:transparent;border:none;border-top:2px solid var(--text);border-radius:0;box-shadow:none;padding:1.25rem 0 0}:root[data-karten=linie] .karte:hover,:root[data-karten=linie] .kachel:hover{transform:none}:root[data-karten=linie] .kachel--bild{border-top:none;padding:0}:root[data-karten=linie] .starttafel__kachel{box-shadow:none}.vorschau{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--flaeche-2);aspect-ratio:4 / 3}.vorschau__flaeche{position:absolute;inset:0}.vorschau__rahmen{border:0;display:block;transform:scale(var(--massstab));transform-origin:top left;width:calc(100% / var(--massstab));height:calc(100% / var(--massstab));pointer-events:none}:root[data-eingebettet=ja] .demoleiste,:root[data-eingebettet=ja] .schnellaktionen{display:none}:root[data-eingebettet=ja] body[data-demo]{padding-bottom:0}:root[data-eingebettet=ja]{scrollbar-width:none}:root[data-eingebettet=ja]::-webkit-scrollbar{display:none}.ansichtwechsel{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem}.mitleiste{display:grid;gap:2rem;align-items:start;padding-bottom:var(--abstand)}@media(min-width:60rem){.mitleiste{grid-template-columns:15rem 1fr;gap:2.5rem}.mitleiste__leiste{position:sticky;top:5.5rem}}.mitleiste__titel{margin:0 0 .75rem;font-family:var(--schrift-titel);font-weight:600;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise)}.mitleiste__liste{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.15rem}.mitleiste__punkt{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;border-radius:var(--radius-klein);color:var(--text);text-decoration:none;font-weight:500}.mitleiste__punkt:hover{background:var(--flaeche-2)}.mitleiste__punkt.ist-aktiv{background:var(--akzent-leise);color:var(--akzent)}.mitleiste__zahl{font-size:.8rem;color:var(--text-leise);font-variant-numeric:tabular-nums}.mitleiste__punkt.ist-aktiv .mitleiste__zahl{color:inherit}.mitleiste__hinweis{margin:0;padding:.9rem 1rem;border-radius:var(--radius-klein);background:var(--flaeche-2);color:var(--text-leise);font-size:.85rem}.mitleiste__inhalt{min-width:0;scroll-margin-top:5.5rem}.vorschaugruppe+.vorschaugruppe{margin-top:3rem}.vorschaugruppe__titel{margin:0 0 1.25rem;font-size:1.35rem}.vorschauraster{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));list-style:none;margin:0;padding:0}.vorschaukarte{display:flex;flex-direction:column;border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;background:var(--flaeche)}.vorschaukarte__flaeche{position:relative;display:block;border-bottom:1px solid var(--rand)}.vorschaukarte__lupe{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem;background:color-mix(in srgb,var(--akzent) 92%,transparent);color:var(--akzent-text);font-size:.85rem;font-weight:600;opacity:0;transition:opacity .15s ease}.vorschaukarte__flaeche:hover .vorschaukarte__lupe,.vorschaukarte__flaeche:focus-visible .vorschaukarte__lupe{opacity:1}.vorschaukarte__text{display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1.25rem 1.25rem}.vorschaukarte__text h3{margin:0;font-size:1.1rem}.vorschaukarte__text h3 a{color:inherit;text-decoration:none}.vorschaukarte__text h3 a:hover{text-decoration:underline}.vorschaukarte__kurz{margin:0;color:var(--text-leise);font-size:.9rem}.vorschaukarte__designs{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:.35rem 0 0;padding:0}.vorschaukarte__designs .pille{font-size:.78rem;padding:.28rem .6rem;text-decoration:none}.vorschaukarte__stellen{margin:.35rem 0 0;font-size:.85rem;color:var(--text-leise)}.variantenzahl{margin:1.5rem 0 0;padding:.9rem 1.1rem;border-left:3px solid var(--akzent);background:var(--flaeche-2);color:var(--text-leise)}.variante+.variante{border-top:1px solid var(--rand)}.variante__kopf{padding-top:calc(var(--abstand) * .6);max-width:46rem}.variante__nummer{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--akzent);font-weight:600}.variante__kopf h2{margin:0 0 .5rem}.variante__fuer{margin:0;color:var(--text-leise)}.variante__buehne{margin-top:1.5rem;border-radius:var(--radius);background:var(--grund-alt);overflow:hidden}.stellenliste{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:1.25rem 0 0;padding:0}.stellenliste a{display:inline-block;padding:.5rem .9rem;border:1px solid var(--rand);border-radius:var(--knopf-radius);color:var(--text);text-decoration:none}.stellenliste a:hover{border-color:var(--akzent);color:var(--akzent)}