.s-hero{--u:54px;--fuge:3px;padding:calc(72px + 32px) var(--rand) 0;overflow-x:clip}@media (max-width:389px){.s-hero{--u:48px}}@media (min-width:640px){.s-hero{--u:78px;--fuge:4px;padding-top:136px}}@media (min-width:901px){.s-hero{--u:60px;padding-top:196px}}@media (min-width:1100px){.s-hero{--u:78px}}@media (min-width:1320px){.s-hero{--u:93px}}.s-hero-raster{max-width:var(--breite);grid-template-columns:minmax(0,1fr);grid-template-areas:"titel""buehne""satz""knoepfe";margin:0 auto;display:grid}.s-hero-raster>.s-h1{grid-area:titel}.s-hero-raster>.hb{grid-area:buehne}.s-hero-raster>.s-unterzeile{grid-area:satz}.s-hero-raster>.s-knoepfe{grid-area:knoepfe}.s-hero .s-h1{font-size:min(calc(var(--u) * .82), 11.2vw);line-height:var(--u);letter-spacing:-.045em;text-wrap:nowrap;white-space:nowrap;margin:0}.hb-z1{display:block}.hb-z2{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.hb-z2>.s-leise{display:block}.s-hero .s-unterzeile{margin-top:26px}.s-hero .s-knoepfe{margin-top:28px}.hb{width:min(100%, calc(var(--u) * 20 / 3));height:calc(3.25 * var(--u));pointer-events:none;justify-self:end;margin-top:18px;position:relative}.hb-grund{left:calc(100% - 3 * var(--u));right:var(--fuge);background:var(--linie);transform-origin:100%;height:1px;position:absolute;bottom:0}.hb-plan,.hb-w{left:calc(100% - (3 - var(--sp)) * var(--u));bottom:calc(var(--re) * var(--u));width:calc(var(--u) - var(--fuge));height:calc(var(--u) - var(--fuge));position:absolute}.hb-plan{background:var(--kalk);opacity:0;display:block}.hb-x,.hb-y,.hb-r{width:100%;height:100%;display:block}.hb-r{background:var(--farbe);border-radius:0}@media (min-width:901px){.s-hero-raster{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 20 / 3);grid-template-rows:calc(2 * var(--u)) 1fr auto;column-gap:calc(var(--u) * 2 / 3);grid-template-areas:"titel buehne""satz buehne""knoepfe buehne"}.s-hero .s-h1{font-size:calc(var(--u) * .86)}.s-hero .s-unterzeile{margin-top:calc(var(--u) / 3);align-self:start}.s-hero .s-knoepfe{align-self:end;margin-top:24px}.hb{aspect-ratio:5/3;place-self:end stretch;width:100%;height:auto;margin-top:0}}@keyframes hb-ein{0%{opacity:0}to{opacity:1}}@keyframes hb-aus{0%{opacity:1}to{opacity:0}}@keyframes hb-zeile{0%{transform:translateY(125%)}}@keyframes hb-auftritt{0%{opacity:0;transform:translateY(12px)}}@keyframes hb-atem{0%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translateY(0)}4.545%{transform:translateY(calc(-.25 * var(--u)));animation-timing-function:linear}7.273%{transform:translateY(calc(-.25 * var(--u)));animation-timing-function:cubic-bezier(.45,0,.15,1)}12.727%,to{transform:translateY(0)}}@keyframes hb-plan-atem{0%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}3.636%,12.727%{opacity:1}13.182%,to{opacity:0}}@media (prefers-reduced-motion:no-preference) and (min-width:360px){:root:not([data-hero-intro=aus]) .hb-grund{animation:hb-grund var(--grund) linear backwards}:root:not([data-hero-intro=aus]) .hb-plan{animation:hb-ein .22s cubic-bezier(.23, 1, .32, 1) var(--pe) both, hb-aus .12s cubic-bezier(.23, 1, .32, 1) var(--pa) forwards}:root:not([data-hero-intro=aus]) .hb-w{animation:hb-ein .2s cubic-bezier(.23, 1, .32, 1) var(--ein) backwards}:root:not([data-hero-intro=aus]) .hb-x{animation:var(--kx) var(--dur) linear var(--d) backwards}:root:not([data-hero-intro=aus]) .hb-y{animation:var(--ky) var(--dur) linear var(--d) backwards}:root:not([data-hero-intro=aus]) .hb-r{animation:var(--kr) var(--dur) linear var(--d) backwards}:root:not([data-hero-intro=aus]) .hb-z2>.s-leise{animation:hb-zeile .38s cubic-bezier(.16, 1, .3, 1) var(--d) backwards}:root:not([data-hero-intro=aus]) .s-hero .hb-auftritt{animation:hb-auftritt .6s cubic-bezier(.16, 1, .3, 1) var(--d) backwards}:root:not([data-hero-intro=aus]) .s-hero:focus-within .hb-auftritt{animation:none}.hb-w--m{animation:11s linear 7s infinite hb-atem}.hb-plan--m{animation:11s linear 7s infinite hb-plan-atem}:root:not([data-hero-intro=aus]) .hb-w--m{animation:hb-ein .2s cubic-bezier(.23, 1, .32, 1) var(--ein) backwards, hb-atem 11s linear 7s infinite}:root:not([data-hero-intro=aus]) .hb-plan--m{animation:hb-ein .22s cubic-bezier(.23, 1, .32, 1) var(--pe) both, hb-aus .12s cubic-bezier(.23, 1, .32, 1) var(--pa) forwards, hb-plan-atem 11s linear 7s infinite}.hb[data-ruhe] *,:root[data-hero-warte] .s-hero,:root[data-hero-warte] .s-hero *{animation-play-state:paused!important}}
.s-marke{color:var(--schiefer);align-items:center;gap:.6rem;font-size:.92rem;font-weight:500;display:inline-flex}.s-punkt{background:currentColor;border-radius:50%;width:6px;height:6px}.s-h1{letter-spacing:-.045em;font-size:clamp(2.7rem,5.4vw,4.6rem);line-height:.98}.s-kopf>div{gap:.75rem;display:grid}.s-raster{gap:var(--spalt);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(300px,auto);display:grid}.kachel--gross{grid-area:span 2/span 2}.kachel--breit{grid-column:span 2}.s-raster .kachel-text{gap:.4rem;padding:clamp(1.5rem,2.6vw,2.25rem);display:grid}.kachel-titel{font-family:var(--font-titel), var(--font-sans), sans-serif;letter-spacing:-.025em;font-size:clamp(1.35rem,1.9vw,1.7rem);font-weight:600;line-height:1.1}.kachel-satz{color:var(--schiefer);max-width:30ch;font-size:1rem;line-height:1.45}.kachel--obsidian .kachel-satz{color:#ffffffb3}.kachel-satz--gross{font-family:var(--font-titel), var(--font-sans), sans-serif;letter-spacing:-.03em;max-width:none;margin-top:auto;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:500;line-height:1.08;color:var(--obsidian)!important}.s-immer .kachel-text{align-content:space-between;height:100%}.s-immer .kachel-satz--gross{font-size:clamp(1.35rem,1.9vw,1.7rem);line-height:1.12}.kachel--quer .kachel-link{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;display:grid}.kachel--quer .kachel-text{align-content:start}.kachel--quer .kachel-bild{min-height:260px;margin:clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem) 0}.s-immer .kachel-preis{color:var(--schiefer);font-weight:500}.s-immer-etikett{color:var(--schiefer);align-items:center;gap:.6rem;font-size:.95rem;font-weight:500;display:inline-flex}.kachel-preis{font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.92rem;font-weight:600}.kachel-bild{border-radius:var(--r-kachel-klein);flex:1;min-height:150px;margin:0 clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem);position:relative;overflow:hidden}.kachel--obsidian .bildplatz--leer{background:#ffffff14}.kachel--obsidian .bildplatz-etikett,.kachel--obsidian .bildplatz-etikett strong{color:#fffc}.kachel--gross .kachel-bild{min-height:340px}.s-marke-raster{gap:var(--spalt);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.s-marke-bild{aspect-ratio:4/3;grid-row:span 2}.s-marke-raster .kachel-text{gap:.4rem;padding:clamp(1.5rem,2.6vw,2.25rem);display:grid}@media (max-width:900px){.s-marke-raster{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.s-marke-bild{grid-row:auto}}.s-arbeiten{gap:var(--spalt);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);list-style:none;display:grid}.s-arbeit{flex-direction:column;justify-content:flex-end;gap:14px;min-height:380px;padding:clamp(1.75rem,3.2vw,2.75rem);display:flex}.s-arbeit-branche{color:var(--schiefer);font-size:14px}.kachel--obsidian .s-arbeit-branche{color:var(--mist)}.s-arbeit-titel{font-family:var(--font-titel), var(--font-sans), sans-serif;letter-spacing:-.02em;font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.02}.s-arbeit-text{max-width:440px}.s-arbeit .s-knoepfe{margin-top:10px}.s-pruefen{background:var(--obsidian);gap:1rem;padding:clamp(2.25rem,6vw,5rem);display:grid}.s-pruefen-form{border-radius:var(--r-knopf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;gap:.6rem;max-width:560px;margin-top:1rem;padding:.4rem;display:flex;box-shadow:inset 0 1px #ffffff14}.s-pruefen-form input{min-width:0;font:inherit;color:var(--weiss);background:0 0;border:none;flex:1;padding:0 1rem;font-size:1.05rem}.s-pruefen-form input::placeholder{color:#ffffff80}.s-pruefen-form input:focus-visible{outline:none}.s-pruefen-form:focus-within{border-color:#ffffff73}.s-zusagen{list-style:none}.s-zusagen>li{border-top:1px solid #1c1b191a;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.6rem 0;display:grid}.s-zusagen>li:last-child{border-bottom:1px solid #1c1b191a}.s-zusagen .s-nummer{padding-top:.45rem}.s-zusage-titel{font-family:var(--font-titel), var(--font-sans), sans-serif;letter-spacing:-.025em;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600;line-height:1.15}.s-zusage-satz{color:var(--schiefer);margin-top:.35rem;font-size:1.05rem}.s-ablauf-raster{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.s-studio-bild{aspect-ratio:3/2}.s-ablauf{margin-top:clamp(1.5rem,3vw,2.25rem);list-style:none}.s-ablauf>li{border-top:1px solid #1c1b191a;grid-template-columns:2.5rem 7.5rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding:1rem 0;display:grid}.s-ablauf-titel{font-size:1.05rem;font-weight:600}.s-ablauf-satz{color:var(--schiefer)}.s-pflege{gap:var(--spalt);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);list-style:none;display:grid}.s-pflege>li{padding:clamp(1.75rem,3vw,2.5rem)}.s-pflege-name{align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;display:flex}.s-abzeichen{border-radius:var(--r-knopf);background:var(--weiss);color:var(--obsidian);padding:.25rem .6rem;font-size:.75rem;font-weight:600}.s-pflege-preis{font-family:var(--font-titel), var(--font-sans), sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:1rem 0 1.5rem;font-size:clamp(2.2rem,3.6vw,3rem);font-weight:600}.s-pflege-preis span{font-family:var(--font-sans), sans-serif;letter-spacing:0;color:var(--schiefer);font-size:1rem;font-weight:400}.kachel--obsidian .s-pflege-preis span{color:#fff9}.s-pflege-liste{gap:.55rem;font-size:.97rem;list-style:none;display:grid}.s-pflege-liste li{grid-template-columns:1rem minmax(0,1fr);gap:.5rem;display:grid}.s-pflege-liste li:before{content:"";opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;margin-top:.55em}.s-fragen{gap:.5rem;list-style:none;display:grid}.s-frage{border-radius:var(--r-kachel-klein);background:var(--ghost);transition:background-color .2s var(--ease-out)}.s-frage h3{font:inherit}.s-frage button{border-radius:inherit;width:100%;font:inherit;text-align:left;color:var(--obsidian);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;font-size:1.08rem;font-weight:500;display:flex}.s-frage-zeichen{background:var(--weiss);border-radius:50%;flex:0 0 28px;height:28px;position:relative}.s-frage-zeichen:before,.s-frage-zeichen:after{content:"";background:var(--obsidian);width:11px;height:1.5px;transition:transform .24s var(--ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-frage-zeichen:after{transform:translate(-50%,-50%)rotate(90deg)}.s-frage.ist-offen .s-frage-zeichen:after{transform:translate(-50%,-50%)rotate(0)}.s-antwort{max-width:68ch;color:var(--schiefer);padding:0 1.5rem 1.5rem;line-height:1.65}.s-antwort a{color:var(--obsidian);text-underline-offset:3px}.s-antwort ul{margin-top:.5rem;padding-left:1.2rem}@media (max-width:900px){.s-ablauf-raster{grid-template-columns:minmax(0,1fr)}.s-raster{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.kachel--gross,.kachel--breit{grid-area:auto/1/auto/-1}.s-raster .kachel{min-height:280px}.s-pflege{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.s-raster,.kachel--quer .kachel-link{grid-template-columns:minmax(0,1fr)}.kachel--quer .kachel-bild{margin:0 1rem 1rem}.s-arbeiten{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.s-arbeit{min-height:300px}.s-ablauf>li{grid-template-columns:2.25rem minmax(0,1fr)}.s-ablauf-satz{grid-column:2}.s-pruefen-form{border-radius:var(--r-kachel-klein);flex-direction:column}.s-pruefen-form input{padding:.9rem 1rem}}@media (prefers-reduced-motion:reduce){.s-frage,.s-frage-zeichen:before,.s-frage-zeichen:after{transition-duration:.01ms}}.rb-buehne{place-items:center;display:grid;position:absolute;inset:0}.s-marke-bild{min-height:340px;position:relative}.s-arbeit-bild{margin-bottom:auto;padding-bottom:2.5rem}.s-pruefen{position:relative}.s-pruefen-bild{position:absolute;top:clamp(2.25rem,6vw,5rem);right:clamp(2.25rem,6vw,5rem)}@media (max-width:900px){.s-pruefen-bild{margin-bottom:.5rem;position:static}}.s-ablauf-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}.s-ablauf-kopf{gap:1rem;display:grid}.s-ablauf{border-top:1px solid var(--linie);margin-top:0}.s-ablauf>li{border-bottom:1px solid var(--linie);grid-template-columns:4.5rem 8rem minmax(0,1fr);align-items:center}.s-fortschritt{grid-template-columns:repeat(5,9px);gap:3px;display:grid}.s-fortschritt i{background:var(--linie);width:9px;height:9px;display:block}.s-fortschritt i.ist-fertig{background:var(--tinte)}.s-fortschritt i.ist-jetzt{background:var(--mennige);animation:3.2s ease-in-out infinite s-glimmt}@keyframes s-glimmt{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:900px){.s-ablauf-raster{grid-template-columns:minmax(0,1fr)}.s-ablauf>li{grid-template-columns:4.5rem minmax(0,1fr)}.s-ablauf-satz{grid-column:2}}@media (prefers-reduced-motion:reduce){.s-fortschritt i.ist-jetzt{animation:none}}.kachel--gross .rb{--zg:clamp(14px, 1.7vw, 22px)}.s-marke-bild .rb-zeichen{--zg:clamp(22px, 3.2vw, 40px);gap:4px}.kachel--quer .kachel-link{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.s-zusage-marke{background:var(--estrich);width:9px;height:9px;margin-top:.55rem;display:block}@media (max-width:640px){.kachel--quer .kachel-link{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.s-marke-bild{aspect-ratio:auto;width:100%;min-height:300px}}
