.verborgen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wand-abschnitt.folgt,.fragen-abschnitt.folgt{padding-top:0}.wand-abschnitt.vor-tafel,.fragen-abschnitt.vor-tafel,.teile.vor-tafel,.mensch.vor-tafel{padding-bottom:clamp(16px,3vw,48px)}.wand-abschnitt.nach-tafel{padding-top:clamp(16px,3vw,48px)}@media (width<=479px){main :is(h2,h3){overflow-wrap:break-word}}.punkte{gap:8px;display:grid}.punkte li{font-size:var(--schrift-text);padding-left:24px;line-height:1.4;position:relative}.punkte li:before{content:"";background:var(--gelb);border-radius:var(--rund-klein);outline:1px solid #00000024;width:8px;height:8px;position:absolute;top:calc(.7em - 4px);left:0}.ton-dunkel .punkte li:before{outline:0}.betrag{font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.03em;white-space:nowrap;line-height:1}.je{font-size:var(--schrift-zeile);letter-spacing:0;color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);font-weight:500;font-stretch:100%}.zusatz{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);line-height:1.4}.lesetext{max-width:38em;font-size:var(--schrift-text);text-wrap:pretty;line-height:1.55}.lesetext+.lesetext{margin-top:16px}.lesetext a,.fussnote a{text-underline-offset:4px;text-decoration-thickness:1px}.lesetext a:hover,.fussnote a:hover{text-decoration-thickness:2px}.fussnote{max-width:44em;font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);line-height:1.5}.preisband{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding-top:32px;display:flex}.preisband-satz{font-size:var(--schrift-h3);font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.025em;text-wrap:balance;line-height:1.1}.preisband .knoepfe{flex:320px;max-width:540px}@media (width<=599px){.preisband .knoepfe{flex-basis:100%}}@media (width>=900px){.liste-zwei{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,96px);display:grid}}html.zahlweg-schaltbar[data-zahlweg=einmal] .zahl-monat,html.zahlweg-schaltbar[data-zahlweg=monatlich] .zahl-einmal,html.zahlweg-schaltbar .oder{display:none}html.zahlweg-gewechselt .paket-preis,html.zahlweg-gewechselt .zahlweg-text p{animation:.25s ease-out wechsel-ein}@keyframes wechsel-ein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.schalter{border:0;min-width:0;margin:0;padding:0;position:relative}.schalter[hidden]{display:none}.schalter-titel{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);margin-bottom:12px;padding:0;font-weight:500}.schalter-reihe{grid-template-columns:repeat(var(--anzahl,2), minmax(0, 1fr));background:var(--weiss);border:1px solid var(--linie);border-radius:var(--rund-gross);gap:4px;max-width:480px;padding:4px;display:grid}.schalter input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.schalter label{border-radius:var(--rund);cursor:pointer;min-height:48px;font-size:var(--schrift-text);text-align:center;justify-content:center;align-items:center;padding:4px 12px;font-weight:500;line-height:1.15;transition:background-color .2s,color .2s;display:flex}.schalter label:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.schalter input:checked+label{background:var(--haupt-bg);color:var(--haupt-text)}@media (width<=479px){.schalter label{padding-inline:4px}}.schalter input:focus-visible+label{outline:3px solid var(--text);outline-offset:3px}.ton-dunkel .schalter-reihe{border-color:color-mix(in srgb, var(--text) 28%, transparent);background:0 0}.zahlweg-kopf{align-items:center;gap:20px 48px;margin-bottom:clamp(40px,5vw,64px);display:grid}.zahlweg-text p{max-width:36em;font-size:var(--schrift-text);color:color-mix(in srgb, var(--text) 78%, transparent);line-height:1.5}.zahlweg-text p+p{margin-top:8px}.zahlweg-text strong{color:var(--text);font-weight:600}@media (width>=900px){.zahlweg-kopf{grid-template-columns:minmax(0,420px) minmax(0,1fr)}}.pakete{grid-template-columns:minmax(0,1fr);row-gap:0;display:grid}.paket{grid-row:span 6;grid-template-rows:subgrid;border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);margin-bottom:48px;padding-top:28px;display:grid}.paket:last-child{margin-bottom:0}.paket h3{font-size:var(--schrift-h3-gross)}.paket-umfang{font-size:var(--schrift-text);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);margin-top:8px;line-height:1.4}.paket-preis{margin-top:24px}.paket-preis .betrag{font-size:var(--schrift-h2)}.paket-preis .je{margin-left:4px}.paket-preis .zusatz{margin-top:12px}.paket-preis .oder{font-size:var(--schrift-klein);margin-bottom:12px;font-weight:500}.paket>.punkte{border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);margin-top:24px;padding-top:24px}@media (width>=900px){.pakete{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}.paket{margin-bottom:0}}.stapel{height:112px;margin-bottom:28px;position:relative}.stapel i{z-index:calc(20 - var(--i));background:var(--weiss);border:1px solid var(--linie);border-radius:var(--rund-klein);width:60px;height:80px;transform:translate(calc(var(--i) * 8px), calc(var(--i) * -3px));transition:transform .4s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * 30ms), opacity .3s ease calc(var(--i) * 30ms);position:absolute;bottom:0;left:0;box-shadow:1px 2px 2px #1e1e1c12}.stapel i:first-child{box-shadow:var(--schatten-nah);background-image:linear-gradient(var(--gelb), var(--gelb)), linear-gradient(#222c, #222c), linear-gradient(#22222247, #22222247), linear-gradient(#22222247, #22222247), linear-gradient(#22222247, #22222247);background-position:8px 8px,8px 32px,8px 44px,8px 52px,8px 60px;background-repeat:no-repeat;background-size:10px 10px,32px 4px,40px 2px,40px 2px,24px 2px}.stapel.wartet i{opacity:0;transform:translate(0)}@media (hover:hover) and (pointer:fine){.paket:hover .stapel:not(.wartet) i{transform:translate(calc(var(--i) * 10px), calc(var(--i) * -4px))}}.paket-offen{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);gap:24px;margin-top:clamp(48px,6vw,80px);padding-top:28px;display:grid}.paket-offen h3{font-size:var(--schrift-h3-gross)}.paket-offen .betrag{font-size:var(--schrift-h3-gross);margin-top:12px}.paket-offen .zusatz{margin-top:12px}.paket-offen .paket-umfang{margin-top:0}.paket-offen .punkte{margin-top:16px}.paket-offen .knopf{width:100%}@media (width>=700px){.paket-offen .punkte{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}@media (width>=900px){.paket-offen{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) auto;align-items:start;column-gap:clamp(32px,4vw,64px)}.paket-offen .knopf{width:auto;min-width:232px}}.tarife{grid-template-columns:minmax(0,1fr);display:grid}.tarif{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);padding:32px 0}.tarif h3{font-size:var(--schrift-h3-gross)}.tarif-preis{margin-top:16px}.tarif-preis .betrag{font-size:var(--schrift-h2)}.tarif-preis .je{margin-left:4px}.tarif-kurz{font-size:var(--schrift-text);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);margin-top:12px;line-height:1.4}.tarif .punkte{margin-top:24px}.tarif--vor{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--rund);box-shadow:var(--schatten-mittel);margin-block:8px 40px;padding:28px 24px 32px;position:relative}.tarif-marke{font-size:var(--schrift-klein);align-items:center;gap:12px;margin-bottom:16px;font-weight:500;line-height:1.2;display:flex}.tarif-marke:before{content:"";background:var(--gelb);border-radius:var(--rund-klein);outline:1px solid #00000024;flex:none;width:10px;height:10px}.tarife-fuss{gap:24px;margin-top:clamp(40px,5vw,64px);display:grid}@media (width>=900px){.tarife{border-block:1px solid color-mix(in srgb, var(--text) 20%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));margin-block:24px}.tarif{border-top:0;padding:48px clamp(24px,3vw,44px)}.tarif:first-child{padding-left:0}.tarif:last-child{padding-right:0}.tarif-kurz{min-height:2.8em}.tarif--vor{margin-block:-25px;padding-block:72px}.tarif-marke{margin:0;position:absolute;top:28px;left:clamp(24px,3vw,44px)}.tarife-fuss{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;column-gap:clamp(32px,5vw,96px)}.tarife-fuss .knoepfe{justify-self:end;width:100%}}.rechner{grid-template-columns:minmax(0,1fr);row-gap:48px;display:grid}.rechner-kopf>.vorzeile{margin-bottom:18px}.rechner-kopf>.einleitung{max-width:30em;color:color-mix(in srgb, var(--text) 78%, transparent);margin-top:26px}.rechner-ergebnis{order:1}.rechner-wahl{order:2}.rechner-tabelle{order:3}.rechner-wahl:has(.rechner-form[hidden]){display:none}.rechner-form{gap:32px;display:grid}.rechner-form[hidden]{display:none}.rechner-leiste.sp{z-index:2;min-height:64px;box-shadow:0 8px 0 var(--kante), 0 24px 36px -12px #000000e6;align-items:center;padding-block:12px;position:sticky;bottom:20px}.rechner-leiste .sp-wert{font-size:32px;font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.03em;line-height:1}.wahl{border:0;min-width:0;margin:0;padding:0;position:relative}.wahl legend{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);margin-bottom:12px;padding:0;font-weight:500}.wahl-zeilen{gap:8px;display:grid}.wahl input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.wahl label{border:1px solid color-mix(in srgb, var(--text) 26%, transparent);border-radius:var(--rund);cursor:pointer;min-height:56px;font-size:var(--schrift-zeile);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 20px 8px 16px;line-height:1.25;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;display:flex}.wahl label:hover{border-color:color-mix(in srgb, var(--text) 64%, transparent)}.wahl-marke{border-radius:var(--rund-klein);border:1px solid color-mix(in srgb, currentColor 56%, transparent);flex:none;width:12px;height:12px;transition:background-color .2s,border-color .2s}.wahl-name{font-weight:600}.wahl-wert{white-space:nowrap;opacity:.78;margin-left:auto;font-weight:500}.wahl input:checked+label{background:var(--weiss);border-color:var(--weiss);color:var(--tinte)}.wahl input:checked+label .wahl-marke{background:var(--gelb);border-color:#00000029}.wahl input:focus-visible+label{outline:3px solid var(--text);outline-offset:3px}.wahl:disabled label{cursor:default;opacity:.42}.wahl:disabled label:hover{border-color:color-mix(in srgb, var(--text) 26%, transparent)}.wahl:disabled input:checked+label{opacity:1}.wahl-hinweis{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);margin-top:12px;line-height:1.4}.rechner-auswahl{font-size:24px;font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.01em;margin-bottom:20px;line-height:1.2}.summe{gap:16px;display:grid}.sp{--p-bg:var(--weiss);--p-fg:var(--tinte);--kante:#b9b9b9;background-color:var(--p-bg);min-height:80px;color:var(--p-fg);border-radius:var(--rund);box-shadow:0 8px 0 var(--kante), 0 48px 50px -26px #000000bf;font-size:var(--schrift-zeile);background-image:linear-gradient(#ffffff4d,#fff0 55%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 20px;padding:20px 24px;line-height:1.25;display:flex}.sp--betrieb{--p-bg:var(--tinte);--p-fg:var(--weiss);--kante:#4d4d4d}.sp--summe{--p-bg:var(--gelb);--kante:#c2a800;align-items:flex-end;min-height:144px;padding-block:28px 24px}.sp-lab{font-weight:600}.sp-wert{white-space:nowrap;margin-left:auto;font-weight:500}.sp-gross{font-size:clamp(48px,6.4vw,84px);font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.04em;line-height:.86}.sp.gedrueckt{animation:.34s ease-out druck}@keyframes druck{35%{box-shadow:0 3px 0 var(--kante), 0 30px 40px -26px #000000bf;transform:translateY(5px)}}.summe-danach{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);margin-top:32px;line-height:1.4}.rechner-tabelle{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);padding-top:16px}.rechner-tabelle summary{cursor:pointer;min-height:48px;font-size:var(--schrift-text);align-items:center;gap:12px;font-weight:500;list-style:none;display:inline-flex}.rechner-tabelle summary::-webkit-details-marker{display:none}.rechner-tabelle summary:before{content:"";border-radius:var(--rund-klein);border:1px solid color-mix(in srgb, var(--text) 56%, transparent);flex:none;width:10px;height:10px;transition:background-color .2s,border-color .2s}.rechner-tabelle[open] summary:before{background:var(--gelb);border-color:#0000}.rechner-tabelle table{border-collapse:collapse;width:100%;font-size:var(--schrift-text);margin-top:12px;line-height:1.3}.rechner-tabelle caption{text-align:left;font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);padding-bottom:12px}.rechner-tabelle th,.rechner-tabelle td{text-align:left;border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);padding:16px 16px 16px 0;font-weight:400}.rechner-tabelle thead th{color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);border-top:0;font-weight:500}.rechner-tabelle tbody th{font-weight:600}.rechner-tabelle td{white-space:nowrap}@media (width<=699px){.rechner-tabelle thead{display:none}.rechner-tabelle table,.rechner-tabelle tbody{display:block}.rechner-tabelle tr{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:16px 0;display:grid}.rechner-tabelle tbody th{border:0;grid-column:1/-1;padding:0}.rechner-tabelle td{display:contents}.rechner-tabelle td:before{content:attr(data-kopf);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent)}}@media (width>=900px){.rechner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px clamp(48px,7vw,120px)}.rechner-kopf,.rechner-wahl{grid-column:1}.rechner-ergebnis{grid-area:1/2/span 2;padding-top:8px;position:sticky;top:clamp(112px,18svh,180px)}.rechner-tabelle{grid-column:1/-1;margin-top:16px}.rechner-leiste.sp{display:none}}.vergleich{border-collapse:collapse;width:100%}.vergleich caption{text-align:left;font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);padding-bottom:20px}.vergleich th,.vergleich td{text-align:left;vertical-align:baseline;border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);padding:20px 24px 20px 0;font-weight:400}.vergleich thead th{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);border-top:0;padding-block:0 16px;font-weight:500;line-height:1.3}.vergleich tbody th{font-size:var(--schrift-h3);font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.02em;line-height:1.1}.vergleich td{font-size:var(--schrift-zeile)}.vergleich .betrag{font-size:var(--schrift-h3)}.vergleich-abstand{color:color-mix(in srgb, var(--text) var(--gedaempft), transparent)}.vergleich tr>:last-child{padding-right:0}@media (width<=699px){.vergleich thead{display:none}.vergleich,.vergleich tbody,.vergleich caption{display:block}.vergleich tr{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:24px 0;display:grid}.vergleich tbody th{border:0;grid-column:1/-1;padding:0 0 4px}.vergleich td{display:contents}.vergleich td:before{content:attr(data-kopf);font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent)}}.vergleich+.lesetext{margin-top:32px}.fragen-abschnitt{padding-block:var(--abschnitt)}.fragen-raster{grid-template-columns:minmax(0,1fr);gap:36px;display:grid}.fragen{border-bottom:1px solid color-mix(in srgb, var(--text) 20%, transparent)}.frage{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent)}.frage summary{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 0;list-style:none;display:flex}.frage summary h3{min-width:0}.frage summary::-webkit-details-marker{display:none}.frage h3{letter-spacing:-.015em;text-wrap:pretty;padding-top:8px;font-size:clamp(21px,1.8vw,25px);line-height:1.2}.frage-plus{border:1px solid color-mix(in srgb, var(--text) 26%, transparent);border-radius:var(--rund);flex:none;width:44px;height:44px;transition:background-color .2s,border-color .2s;position:relative}.frage-plus:before,.frage-plus:after{content:"";background:currentColor;width:14px;height:2px;margin:-1px 0 0 -7px;transition:transform .25s;position:absolute;top:50%;left:50%}.frage-plus:after{transform:rotate(90deg)}.frage[open] .frage-plus:after{transform:rotate(0)}.frage summary:hover .frage-plus{background:var(--weiss);border-color:var(--tinte)}.frage>p{max-width:42em;font-size:var(--schrift-text);color:color-mix(in srgb, var(--text) 80%, transparent);text-wrap:pretty;padding:0 0 32px;line-height:1.55}.frage[open]>p{animation:.25s ease-out wechsel-ein}@media (width>=900px){.fragen-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;column-gap:clamp(32px,5vw,96px)}.fragen-raster h2{position:sticky;top:120px}.frage>p{padding-right:68px}}.teile{padding-bottom:var(--abschnitt)}.teile-raster{grid-template-columns:minmax(0,1fr);display:grid}.teile .werk{margin-bottom:56px}.kapitel{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);padding-block:clamp(40px,6vw,72px)}.kapitel:last-child{padding-bottom:0}.kapitel h2{margin-bottom:20px}.kapitel .einleitung{max-width:26em}.kapitel .lesetext{color:color-mix(in srgb, var(--text) 80%, transparent);margin-top:16px}.kapitel-liste{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);margin-top:28px;font-weight:500}.kapitel .punkte{max-width:36em;margin-top:12px}@media (width>=900px){.teile-raster{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:start;column-gap:clamp(48px,6vw,104px)}.teile-kapitel{grid-area:1/1}.teile .werk{grid-area:1/2;margin:40px 0 0}.kapitel{padding-block:clamp(56px,9svh,96px)}}@media (width>=900px) and (height>=640px){.teile .werk{position:sticky;top:clamp(104px,15svh,152px)}}.werk{--roh:#d6d6d2;width:100%;max-width:600px;margin-inline:auto}.werk-buehne{padding-bottom:max(13%,104px);position:relative}.werk b,.werk i{transition:background-color .45s;display:block}.werk-fenster{background:var(--weiss);border:1px solid var(--linie);border-radius:var(--rund);width:88%;box-shadow:var(--schatten-mittel);margin-inline:auto;overflow:hidden;container-type:inline-size}.werk-leiste{border-bottom:1px solid var(--linie);align-items:center;gap:8px;height:36px;padding-inline:16px;display:flex}.werk-leiste i{border-radius:var(--rund-klein);background:#1a1a1a29;flex:none;width:10px;height:10px}.werk-adresse{min-width:0;font-size:var(--schrift-klein);white-space:nowrap;color:color-mix(in srgb, var(--tinte) 72%, transparent);align-items:center;gap:8px;margin-left:12px;line-height:1;display:flex;overflow:hidden}.werk-schloss{border-radius:var(--rund-klein);background:var(--roh);flex:none;width:10px;height:10px}@container (width<=280px){.werk-leiste{gap:6px;padding-inline:10px}.werk-adresse{gap:6px;margin-left:0}}.werk.s3 .werk-schloss{background:var(--gruen)}.werk-seite{aspect-ratio:16/10;filter:blur(5px);background:#fafaf8;flex-direction:column;gap:5cqw;padding:4cqw 5cqw 0;transition:filter .6s;display:flex;overflow:hidden}.werk.s1 .werk-seite{filter:none}.ws-kopf{align-items:center;gap:3cqw;display:flex}.ws-marke{border-radius:var(--rund-klein);background:var(--roh);width:max(10px,3.2cqw);height:max(10px,3.2cqw)}.werk.s1 .ws-marke{background:var(--gelb);outline:1px solid #00000024}.ws-nav{gap:2.4cqw;margin-left:auto;display:flex}.ws-nav i{border-radius:var(--rund-klein);background:var(--roh);width:8cqw;height:max(4px,1.4cqw)}.werk.s2 .ws-nav i{background:color-mix(in srgb, var(--tinte) 44%, transparent)}.ws-knopf{border-radius:var(--rund-klein);background:var(--roh);width:15cqw;height:5.4cqw}.werk.s1 .ws-knopf{background:var(--tinte)}.ws-einstieg{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:5cqw;display:grid}.ws-titel{min-height:calc(2*clamp(22px,6.4cqw,36px));position:relative}.ws-roh{gap:2cqw;transition:opacity .4s;display:grid}.ws-roh i{border-radius:var(--rund-klein);background:var(--roh);height:5.4cqw}.ws-roh i:last-child{width:64%}.ws-wort{max-width:100%;font-size:clamp(22px,6.4cqw,36px);font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.035em;color:var(--tinte);opacity:0;filter:blur(8px);line-height:1;transition:opacity .5s,filter .6s;position:absolute;top:0;left:0}.werk.s2 .ws-roh{opacity:0}.werk.s2 .ws-wort{opacity:1;filter:none}.ws-absatz{gap:1.6cqw;margin-top:3cqw;display:grid}.ws-absatz i{border-radius:var(--rund-klein);background:var(--roh);transform-origin:0;height:max(4px,1.4cqw);transition:background-color .45s,transform .6s cubic-bezier(.2,.7,.2,1);transform:scaleX(.62)}.ws-absatz i:nth-child(2){transition-delay:80ms}.ws-absatz i:nth-child(3){width:72%;transition-delay:.16s}.werk.s2 .ws-absatz i{background:color-mix(in srgb, var(--tinte) 34%, transparent);transform:none}.ws-taste{border-radius:var(--rund-klein);background:var(--roh);width:19cqw;height:6.4cqw;margin-top:4cqw}.werk.s1 .ws-taste{background:var(--tinte)}.ws-bild{aspect-ratio:1/1.02;position:relative}.ws-platte{border-radius:var(--rund);background:var(--roh);position:absolute;inset:16% 10% 0 0}.werk.s1 .ws-platte{background:var(--gelb)}.ws-figur{border-radius:var(--rund);background:color-mix(in srgb, var(--tinte) 16%, #fafaf8);transition:box-shadow .45s;position:absolute;inset:0 0 12% 24%;overflow:hidden}.ws-figur:after,.wh-platte:after{content:"";opacity:0;background:url(/bilder/faser.webp) 96% 19%/400% no-repeat;transition:opacity .6s;position:absolute;inset:0}.werk.s1 .ws-figur{box-shadow:-4px 6px 10px #00000029}.werk.s1 .ws-figur:after,.werk.s1 .wh-platte:after{opacity:1}.ws-reihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:3cqw;display:grid}.ws-reihe i{border-radius:var(--rund-klein);background:var(--roh);height:18cqw}.werk.s1 .ws-reihe i{background:var(--weiss);outline:1px solid var(--linie)}.werk-treffer{background:var(--weiss);width:max(54%,232px);max-width:100%;color:var(--tinte);border:1px solid var(--linie);border-radius:var(--rund);box-shadow:var(--schatten-mittel);opacity:0;padding:16px 20px 20px;transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;transform:translateY(16px)}.werk.s4 .werk-treffer{opacity:1;transform:none}.wt-quelle{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--tinte) 72%, transparent);align-items:center;gap:8px;line-height:1.2;display:flex}.wt-quelle b{border-radius:var(--rund-klein);background:var(--gelb);outline:1px solid #00000024;flex:none;width:10px;height:10px}.wt-titel{font-size:var(--schrift-zeile);margin-top:8px;font-weight:600;line-height:1.2}.wt-zeilen{gap:6px;margin-top:12px;display:grid}.wt-zeilen i{border-radius:var(--rund-klein);background:color-mix(in srgb, var(--tinte) 22%, transparent);height:4px}.wt-zeilen i:last-child{width:64%}.werk-handy{aspect-ratio:9/17;background:var(--weiss);border:1px solid var(--linie);border-radius:var(--rund-gross);width:22%;min-width:68px;box-shadow:var(--schatten-mittel);opacity:0;flex-direction:column;gap:6px;padding:10px 8px;transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;bottom:24px;right:0;transform:translateY(24px)}.werk.s3 .werk-handy{opacity:1;transform:none}.wh-kopf{justify-content:space-between;align-items:center;display:flex}.wh-kopf b{border-radius:var(--rund-klein);background:var(--gelb);outline:1px solid #00000024;width:8px;height:8px}.wh-kopf i{border-radius:var(--rund-klein);background:color-mix(in srgb, var(--tinte) 44%, transparent);width:32%;height:4px}.wh-platte{aspect-ratio:1/.86;border-radius:var(--rund-klein);background:var(--gelb);position:relative}.wh-platte:after{border-radius:var(--rund-klein);inset:0 0 16% 20%}.wh-zeilen{gap:4px;display:grid}.wh-zeilen i{border-radius:var(--rund-klein);background:color-mix(in srgb, var(--tinte) 30%, transparent);height:4px}.wh-zeilen i:first-child{background:color-mix(in srgb, var(--tinte) 88%, transparent);width:78%;height:8px}.wh-zeilen i:last-child{width:60%}.wh-taste{border-radius:var(--rund-klein);background:var(--tinte);height:16px;margin-top:auto}.werk-stufen{font-size:var(--schrift-klein);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:28px;font-weight:500;line-height:1.2;display:flex}.werk-stufen li{color:color-mix(in srgb, var(--text) 52%, transparent);align-items:center;gap:8px;transition:color .3s;display:inline-flex}.werk-stufen li:before{content:"";border-radius:var(--rund-klein);border:1px solid color-mix(in srgb, var(--text) 40%, transparent);flex:none;width:10px;height:10px;transition:background-color .3s,border-color .3s}.werk.s1 .werk-stufen li:first-child,.werk.s2 .werk-stufen li:nth-child(2),.werk.s3 .werk-stufen li:nth-child(3),.werk.s4 .werk-stufen li:nth-child(4){color:var(--text)}.werk.s1 .werk-stufen li:first-child:before,.werk.s2 .werk-stufen li:nth-child(2):before,.werk.s3 .werk-stufen li:nth-child(3):before,.werk.s4 .werk-stufen li:nth-child(4):before{background:var(--gelb);border-color:#00000029}.ablauf-kopf>.vorzeile{margin-bottom:18px}.ablauf-kopf>.einleitung{max-width:30em;color:color-mix(in srgb, var(--text) 78%, transparent);margin-top:26px}.ablauf{margin-top:clamp(48px,6vw,80px);position:relative}.ablauf ol{gap:48px;max-width:40em;display:grid}.ablauf-schritt{padding-left:40px;position:relative}.ablauf-spur{background:color-mix(in srgb, var(--text) 20%, transparent);width:2px;position:absolute;top:8px;bottom:0;left:5px}.ablauf-linie{background:var(--gelb);transform-origin:0 0;width:100%;height:100%;display:block}.ablauf-marke{z-index:1;border-radius:var(--rund-klein);background:var(--gelb);width:12px;height:12px;transition:background-color .3s;position:absolute;top:6px;left:0}.ablauf.wartet .ablauf-schritt:not(.ist-da) .ablauf-marke{background:#5c5c5c}.ablauf-nummer{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) var(--gedaempft), transparent);font-weight:500;line-height:1.4}.ablauf-titel{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:4px;display:flex}.ablauf h3{font-size:var(--schrift-h3-gross)}.ablauf-tage{gap:6px;display:flex}.ablauf-tage i{border-radius:var(--rund-klein);background:var(--gelb);width:12px;height:12px;transition:background-color .3s ease calc(var(--i) * .11s), box-shadow .3s ease calc(var(--i) * .11s);box-shadow:inset 0 0 0 1px #0000}.ablauf.wartet .ablauf-schritt:not(.ist-da) .ablauf-tage i{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 44%, transparent);background:0 0}.ablauf dl{gap:16px;margin-top:20px;display:grid}.ablauf dt{font-size:var(--schrift-klein);font-weight:600;line-height:1.4}.ablauf dd{font-size:var(--schrift-text);color:color-mix(in srgb, var(--text) 78%, transparent);margin-top:4px;line-height:1.45}@media (width>=1100px){.ablauf ol{grid-template-columns:repeat(var(--schritte,4), minmax(0, 1fr));column-gap:clamp(28px,3vw,48px);max-width:none}.ablauf-schritt{padding:44px 0 0}.ablauf-spur{width:auto;height:2px;inset:5px 0 auto}.ablauf-marke{top:0}}.teil-raster{gap:56px;display:grid}.teil h3{font-size:var(--schrift-h3-gross);border-bottom:1px solid color-mix(in srgb, var(--text) 20%, transparent);padding-bottom:20px}.teil-liste li{font-size:var(--schrift-zeile);border-bottom:1px solid color-mix(in srgb, var(--text) 12%, transparent);padding:16px 0 16px 32px;line-height:1.4;position:relative}.teil-liste li:before{content:"";border-radius:var(--rund-klein);background:var(--gelb);width:12px;height:12px;transition:background-color .3s ease calc(var(--i,0) * 70ms), box-shadow .3s ease calc(var(--i,0) * 70ms);position:absolute;top:calc(.7em + 10px);left:0;box-shadow:inset 0 0 0 1px #00000024}.teil--sie .teil-liste li:before,.teil-liste.wartet li:before{box-shadow:inset 0 0 0 1.5px var(--tinte);background:0 0}.teil-raster+.preisband{margin-top:clamp(56px,7vw,96px)}@media (width>=700px){.teil--wir .teil-liste{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);display:grid}}@media (width>=900px){.teil-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:start;column-gap:clamp(48px,6vw,104px)}}.standort{grid-template-columns:minmax(0,1fr);display:grid}.standort>.vorzeile{margin-bottom:18px}.standort>.einleitung{max-width:30em;color:color-mix(in srgb, var(--text) 78%, transparent);margin-top:26px}.standort>.liste-quadrat{margin-top:clamp(40px,5vw,64px)}.standort>.karte{margin-top:56px}@media (width>=900px){.standort{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:clamp(48px,7vw,120px)}.standort>*{grid-column:1}.standort>.karte{grid-area:1/2/span 5;place-self:start center;margin-top:0}}@media (width>=900px) and (height>=640px){.standort>.karte{width:min(100%,520px,75.6svh - 199.584px);position:sticky;top:clamp(104px,13svh,136px)}}.karte{width:min(100%,520px);margin-inline:auto}.karte-feld{position:relative}.karte svg{width:100%;height:100%;display:block;overflow:visible}.karte-quadrate{fill:#fff;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.karte-zeigerlicht{opacity:0;transition:opacity .4s}.karte.zeigt-licht .karte-zeigerlicht{opacity:1}.karte-blende{transition:transform 1.8s cubic-bezier(.22,.7,.2,1)}.karte-ort{transition:opacity .5s}.karte-ort--server{fill:var(--gelb);transition-delay:.1s}.karte-ort--wir{fill:#fff;transition-delay:.7s}.karte-name{border-radius:var(--rund-klein);font-size:var(--schrift-klein);white-space:nowrap;color:var(--schwarz);padding:4px 10px;font-weight:600;line-height:1.2;transition:opacity .5s;position:absolute}.karte-name--server{background:var(--gelb);transition-delay:.3s;transform:translate(8px,-50%)}.karte-name--wir{background:var(--weiss);transition-delay:.9s;transform:translate(-50%,calc(-100% - 8px))}.karte.wartet .karte-blende{transform:scale(0)}.karte.wartet .karte-ort,.karte.wartet .karte-name{opacity:0}.karte-legende{font-size:var(--schrift-klein);color:color-mix(in srgb, var(--text) 78%, transparent);gap:8px;margin-top:32px;line-height:1.4;display:grid}.karte-legende li{align-items:center;gap:12px;display:flex}.karte-zeichen{border-radius:var(--rund-klein);flex:none;width:12px;height:12px}.karte-zeichen--server{background:var(--gelb)}.karte-zeichen--wir{background:var(--weiss)}.takt>li{border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);gap:12px 32px;padding:28px 0 32px;display:grid}.takt>li:last-child{border-bottom:1px solid color-mix(in srgb, var(--text) 20%, transparent)}.takt-wann{font-size:var(--schrift-h3-gross);font-weight:600;font-stretch:var(--titel-breite);letter-spacing:-.025em;line-height:1.08}.takt h3{font-size:var(--schrift-einleitung);letter-spacing:-.01em;line-height:1.25}.takt-was p{max-width:34em;font-size:var(--schrift-text);color:color-mix(in srgb, var(--text) 78%, transparent);margin-top:8px;line-height:1.5}.takt-was ul{margin-top:12px}.takt-tarif{font-size:var(--schrift-klein);align-items:center;gap:12px;font-weight:500;line-height:1.3;display:flex}.takt-stufen{flex:none;gap:4px;display:inline-flex}.takt-stufen i{border-radius:var(--rund-klein);width:10px;height:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 44%, transparent)}.takt-stufen i.an{background:var(--gelb);box-shadow:inset 0 0 0 1px #00000029}@media (width>=900px){.takt>li{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.7fr);align-items:baseline}.takt-tarif{justify-content:flex-end}}.mensch{padding-bottom:var(--abschnitt)}.mensch-raster{align-items:center;gap:48px;display:grid}.mensch-figur{aspect-ratio:1;width:min(100%,320px);margin-top:56px;position:relative}.mensch-platte{background-color:var(--gelb);border-radius:var(--rund-gross);box-shadow:var(--schatten-fern);background-image:linear-gradient(135deg,#ffffff38,#fff0 42%);position:absolute;inset:0}.mensch-maske{clip-path:inset(-20% -20% 0);position:absolute;inset:0}.mensch-bild{filter:drop-shadow(-10px 14px 16px #00000029);width:92%;height:auto;position:absolute;bottom:0;left:4%}.mensch-text h2{max-width:13em}.mensch-text .einleitung{max-width:30em;margin-top:24px}.mensch-text .lesetext{color:color-mix(in srgb, var(--text) 80%, transparent);margin-top:16px}.mensch-text .knoepfe{margin-top:32px}@media (width>=900px){.mensch-raster{grid-template-columns:minmax(0,340px) minmax(0,1fr);column-gap:clamp(56px,8vw,136px)}.mensch-figur{margin-top:56px}}
