:root[data-modus=dunkel]{--color-grund:#0d1116;--color-creme:#0d1116}@supports (color:lab(0% 0 0)){:root[data-modus=dunkel]{--color-grund:lab(4.81128% -.435799 -3.49097);--color-creme:lab(4.81128% -.435799 -3.49097)}}:root[data-modus=dunkel] .kz-leiste{background:#161b21bd;background:lab(9.47245% -.74061 -5.06984/.74)}:root[data-modus=dunkel] .kz-leiste:before{background:#161b219e;background:lab(9.47245% -.74061 -5.06984/.62)}:root[data-modus=dunkel] .kz-leiste:after{box-shadow:inset 0 1px #ffffff12,0 0 0 1px #ffffff12,0 14px 32px -14px #0000008c;box-shadow:inset 0 1px lab(100% 0 0/.07),0 0 0 1px lab(100% 0 0/.07),0 14px 32px -14px lab(0% 0 0/.55)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root[data-modus=dunkel] .kz .kz-leiste{background:#161b21fa;background:lab(9.47245% -.74061 -5.06984/.98)}}@media (prefers-reduced-transparency:reduce){:root[data-modus=dunkel] .kz .kz-leiste{background:#161b21;background:lab(9.47245% -.74061 -5.06984)}}.kz-modus{position:relative}.kz-modus :is(.kz-modus__sonne,.kz-modus__mond){transition:opacity .36s var(--kurve-ein), rotate .52s var(--kurve-schwebe), scale .52s var(--kurve-schwebe);margin:auto;position:absolute;inset:0}.kz-modus .kz-modus__sonne{opacity:0;rotate:-60deg;scale:.6}:root[data-modus=dunkel] .kz-modus .kz-modus__sonne{opacity:1;rotate:none;scale:1}:root[data-modus=dunkel] .kz-modus .kz-modus__mond{opacity:0;rotate:60deg;scale:.6}@media (prefers-reduced-motion:reduce){.kz-modus :is(.kz-modus__sonne,.kz-modus__mond){transition-property:opacity;rotate:none;scale:1}}:root[data-modus=dunkel] .iso-platte__oben{fill:#272c32;fill:lab(17.5961% -.808239 -5.09725)}:root[data-modus=dunkel] .iso-platte__seite{fill:#191d24;fill:lab(10.6331% -.752881 -5.0746)}:root[data-modus=dunkel] .iso-platte__schatten{fill:#00000173;fill:lab(.109497% -.0038743 -.280035/.45)}:root[data-modus=dunkel] :is(.iso-glas,.ob-haus--spa) .iso-platte__oben{fill:url(#ob-glas)}:root[data-modus=dunkel] .wg-zone--spa .iso-platte__oben{fill:url(#wg-glas)}:root[data-modus=dunkel] .nw-app .iso-platte__oben{fill:url(#nw-glas)}:root[data-modus=dunkel] :is(.iso-glas,.ob-haus--spa,.wg-zone--spa,.nw-app) .iso-platte__seite{fill:var(--color-akzent-900)}:root[data-modus=dunkel] .ob-deck .iso-platte__oben{fill:#1d2228;fill:lab(12.9543% -.774369 -5.08317)}:root[data-modus=dunkel] .ob-deck .iso-platte__seite{fill:#12161c;fill:lab(7.1806% -.658035 -5.00801)}:root[data-modus=dunkel] .ob-kachel__flaeche{fill:#1d2228;fill:lab(12.9543% -.774369 -5.08317);stroke:#ffffff14;stroke:lab(100% 0 0/.08)}:root[data-modus=dunkel] .ob-kachel[data-aktiv] .ob-kachel__flaeche{fill:#2f3640;fill:lab(22.2131% -1.07723 -7.25008)}:root[data-modus=dunkel] :is(.wg-kachel,.nw-haus,.nw-db) .iso-platte__oben{fill:#2c3138;fill:lab(19.9169% -.821829 -5.10311)}:root[data-modus=dunkel] :is(.wg-kachel,.nw-haus,.nw-db) .iso-platte__seite{fill:#1b2026;fill:lab(11.7937% -.764102 -5.07903)}:root[data-modus=dunkel] .wg-kachel--spa .iso-platte__oben{fill:color-mix(in oklab, var(--brand-500,#14b8a6) 22%, #252930)}@supports (color:lab(0% 0 0)){:root[data-modus=dunkel] .wg-kachel--spa .iso-platte__oben{fill:color-mix(in oklab, var(--brand-500,#14b8a6) 22%, lab(16.4357% -.800684 -5.09405))}}:root[data-modus=dunkel] .wg-station[data-aktiv] .iso-platte__oben{fill:#373e48;fill:lab(25.6949% -1.10908 -7.26279)}:root[data-modus=dunkel] .wg-gast{fill:#272c32;fill:lab(17.5961% -.808239 -5.09725)}:root[data-modus=dunkel] .hausfarbe-tafel{background:var(--color-papier);box-shadow:var(--schatten-3), 0 0 0 1px #ffffff14}@supports (color:lab(0% 0 0)){:root[data-modus=dunkel] .hausfarbe-tafel{box-shadow:var(--schatten-3), 0 0 0 1px lab(100% 0 0/.08)}}:root[data-modus=dunkel] .ob-legende[aria-pressed=true]{background:#1b2026;background:lab(11.7937% -.764102 -5.07903)}:root[data-modus=dunkel] .fz-b-marke{background:var(--color-grund);color:#fff;mix-blend-mode:multiply}:root[data-modus=dunkel] .aquarell :is(video,img){filter:brightness(.86)saturate(.95)}:root[data-modus=dunkel] :is([data-seite],.bg-grund){background-color:var(--color-grund)}
[data-seite]{isolation:isolate}.grund-ebene{z-index:-1;pointer-events:none;--schein-alpha:.13;--korn-alpha:.013;height:100lvh;position:fixed;inset:0 0 auto;overflow:hidden}:root[data-modus=dunkel] .grund-ebene{--schein-alpha:.13;--korn-alpha:.045}.grund-schein{--c:var(--color-akzent-400);background:radial-gradient(closest-side in oklch, oklch(from var(--c) l c h / var(--schein-alpha)) 0%, oklch(from var(--c) l c h / calc(var(--schein-alpha) * .72)) 24%, oklch(from var(--c) l c h / calc(var(--schein-alpha) * .4)) 48%, oklch(from var(--c) l c h / calc(var(--schein-alpha) * .14)) 72%, oklch(from var(--c) l c h / 0) 100%);will-change:transform;border-radius:50%;position:absolute}.grund-schein--a{width:78lvmax;height:62lvmax;animation:48s ease-in-out infinite alternate grund-drift-a;top:-30lvmax;right:-24lvmax}@supports (animation-timeline:scroll()){.grund-schein--a{animation:48s ease-in-out infinite alternate grund-drift-a,linear both grund-sonne;animation-timeline:auto,scroll(root)}}@keyframes grund-sonne{0%{translate:0}45%{translate:-38vw -4lvh}to{translate:-84vw 58lvh}}.grund-schein--b{--c:var(--color-akzent-600);width:70lvmax;height:58lvmax;animation:62s ease-in-out infinite alternate grund-drift-b;bottom:-32lvmax;left:-26lvmax}@keyframes grund-drift-a{to{transform:scale(1.08)}}@keyframes grund-drift-b{to{transform:translate(8lvmax,-6lvmax)scale(1.06)}}.grund-korn{opacity:var(--korn-alpha);will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='k' x='0' y='0' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23k)'/%3E%3C/svg%3E") 0 0/240px 240px;position:absolute;inset:-50%}@media (prefers-reduced-motion:reduce){.grund-schein{animation:none}}
@layer base{:where(button,a):not([aria-label])>svg{translate:0 .07em}@media not (min-width:40rem){[data-aktionsleiste] button>svg{translate:none}}}[data-seite] .kz-nav a{min-height:2.5rem;transition:color var(--bew-hover-aus) var(--kurve-ein), background-color var(--bew-hover-aus) var(--kurve-ein), scale var(--bew-druck) var(--kurve-ein);align-items:center;display:inline-flex}[data-seite] .kz-nav a:focus-visible{outline:2px solid var(--color-akzent-600);outline-offset:2px;color:var(--color-basis-950)}[data-seite] .kz-nav a:focus-visible:after{opacity:1;translate:-50%}@media (hover:hover) and (pointer:fine){[data-seite] .kz-nav a:hover{transition-duration:var(--bew-hover-ein)}}[data-seite] .ob-legende{transition:background-color var(--bew-hover-aus) var(--kurve-ein), box-shadow var(--bew-hover-aus) var(--kurve-ein), scale var(--bew-druck) var(--kurve-ein)}@media (hover:hover) and (pointer:fine){[data-seite] .ob-legende:hover{transition-duration:var(--bew-hover-ein)}}[data-seite] :is(.ob-legende,.ob-legende:hover){background-color:var(--color-papier);box-shadow:var(--spa-shadow-card)}[data-seite] .ob-legende[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--color-akzent-500), var(--spa-shadow-modal)}:root[data-modus=dunkel] [data-seite] .ob-legende[aria-pressed=true]{background-color:var(--color-basis-100)}@media (hover:hover) and (pointer:fine){[data-seite] .ob-legende:not([aria-pressed=true]):hover{box-shadow:var(--spa-shadow-modal)}}[data-seite] #demo [role=tab]:not([data-insel] *):after{content:"";position:absolute;inset:-5px 0}@media (pointer:fine){[data-seite] #demo [role=tablist]:not([data-insel] *){padding-block:6px}}[data-seite] #demo [role=tab]:not([data-insel] *){transition-property:color,background-color,border-color,scale}[data-seite] :is(.fz-spalte a,.fz-recht a,.fz-cookie){transition:color var(--bew-hover-aus) var(--kurve-ein), opacity var(--bew-druck) var(--kurve-ein)}[data-seite] .fz-spalte a:before{content:"";position:absolute;inset:-.6rem -.25rem}@media (pointer:coarse){[data-seite] .fz-spalte ul{gap:0}[data-seite] .fz-spalte a{padding-block:calc(1.25rem - .5lh);display:inline-block}[data-seite] .fz-spalte a:before{inset:0 -.25rem}[data-seite] .fz-spalte a:after{bottom:calc(1.25rem - .5lh - 2px)}}@media (prefers-reduced-motion:no-preference){[data-seite] .kz-nav a:active{scale:.97}[data-seite] .ob-legende:active{scale:.98}[data-seite] #demo [role=tab]:not([data-insel] *):active{transition-duration:var(--bew-druck);scale:.97}[data-seite] .hausfarbe-feld:active{scale:.97}@media (hover:hover) and (pointer:fine){[data-seite] .hausfarbe-feld:hover{scale:1.08}[data-seite] .hausfarbe-feld:hover:active{transition-duration:var(--bew-druck);scale:1.03}}}@media (prefers-reduced-motion:reduce){[data-seite] :is(.ob-legende,.hausfarbe-feld):active{scale:1}}
.telefon{--telefon-rund:2.25rem;--telefon-rand:.5rem;--telefon-metall:#1a1d23;border-radius:var(--telefon-rund);padding:var(--telefon-rand);background:var(--telefon-metall);box-shadow:inset 0 0 0 1px #ffffff14, inset 0 1px 0 #ffffff29, var(--spa-shadow-modal)}@supports (color:lab(0% 0 0)){.telefon{--telefon-metall:lab(10.633% -.468597 -4.40754);box-shadow:inset 0 0 0 1px lab(100% 0 0/.08), inset 0 1px 0 lab(100% 0 0/.16), var(--spa-shadow-modal)}}.telefon__bildschirm{border-radius:calc(var(--telefon-rund) - var(--telefon-rand))}.telefon__insel{background:#020202;background:lab(.462488% 0 0)}:root[data-modus=dunkel] .telefon{--telefon-metall:#23272c;box-shadow:inset 0 0 0 1px #ffffff1a, inset 0 1px 0 #fff3, 0 0 0 1px #ffffff12, var(--spa-shadow-modal)}@supports (color:lab(0% 0 0)){:root[data-modus=dunkel] .telefon{--telefon-metall:lab(15.2746% -.497594 -4.42001);box-shadow:inset 0 0 0 1px lab(100% 0 0/.1), inset 0 1px 0 lab(100% 0 0/.2), 0 0 0 1px lab(100% 0 0/.07), var(--spa-shadow-modal)}}[data-seite] :has(>.film-tiefe){-webkit-mask-image:linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:calc(100% + 20rem) calc(100% + 20rem);mask-size:calc(100% + 20rem) calc(100% + 20rem);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:no-clip;mask-clip:no-clip}.ts-uhr__blatt{-webkit-user-select:none;user-select:none;display:inline-block}.ts-uhr__z{display:inline-block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.ts-zeile:hover .ts-uhr__blatt{clip-path:inset(calc(.5lh - .455em) 0 calc(.5lh - .42em))}.ts-zeile:hover .ts-uhr__z{text-shadow:0 .875em}.ts-zeile:hover .ts-uhr__z:not(:nth-child(3)){animation:ts-fallblatt .56s var(--kurve-schwebe) both}.ts-zeile:hover .ts-uhr__z:nth-child(2){animation-delay:45ms}.ts-zeile:hover .ts-uhr__z:nth-child(4){animation-delay:.11s}.ts-zeile:hover .ts-uhr__z:nth-child(5){animation-delay:.155s}}@keyframes ts-fallblatt{0%{translate:0}to{translate:0 -.875em}}[data-seite] :is(p,li,dd)>a.underline{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(var(--color-akzent-500) 0 0), linear-gradient(color-mix(in oklab, currentColor 40%, transparent) 0 0);transition:background-size var(--bew-hover-aus,.2s) var(--kurve-ein), color var(--bew-hover-aus,.2s) var(--kurve-ein);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:0% 1px,100% 1px;padding-bottom:.08em;text-decoration-line:none}:root[data-modus=dunkel] [data-seite] :is(p,li,dd)>a.underline{background-image:linear-gradient(var(--color-akzent-400) 0 0), linear-gradient(color-mix(in oklab, currentColor 40%, transparent) 0 0)}[data-seite] :is(p,li,dd)>a.underline:focus-visible{background-size:100% 1px,100% 1px;transition:none}@media (hover:hover) and (pointer:fine){[data-seite] :is(p,li,dd)>a.underline:hover{transition-duration:.46s;transition-timing-function:var(--kurve-schwebe);background-position:0 100%,0 100%;background-size:100% 1px,100% 1px}}@media (prefers-reduced-motion:reduce){[data-seite] :is(p,li,dd)>a.underline{transition-property:color}}@media (forced-colors:active){[data-seite] :is(p,li,dd)>a.underline{background:0 0;text-decoration-line:underline}}.eingang-raster{gap:2.5rem;display:grid}.eingang-foto{--rund:1.5rem;border-radius:var(--rund);aspect-ratio:4/3;background:var(--color-basis-100);box-shadow:var(--schatten-2);position:relative;overflow:hidden}.eingang-foto img{object-fit:cover;object-position:50% 45%;width:100%;height:100%}.eingang-foto:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px oklch(from var(--color-basis-900) l c h / .06);position:absolute;inset:0}:root[data-modus=dunkel] .eingang-foto:after{background:#00000024;background:lab(0% 0 0/.14);box-shadow:inset 0 0 0 1px #ffffff12;box-shadow:inset 0 0 0 1px lab(100% 0 0/.07)}@media (min-width:1024px){.eingang-raster{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;column-gap:clamp(3rem,6vw,6rem)}.eingang-foto{--rund:2rem;aspect-ratio:4/5}.eingang-foto img{object-position:50% 40%;transform-origin:50% 46%;scale:1.2}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){[data-konfigurator] [data-choreo] .eingang-foto[data-auftritt]{transition-property:opacity,translate,scale;transition-duration:.8s,1s,1.3s;transition-timing-function:var(--film,cubic-bezier(.22, .8, .28, 1)), var(--film,cubic-bezier(.22, .8, .28, 1)), var(--film-malen,cubic-bezier(.65, 0, .25, 1));transition-delay:var(--verz,0s);scale:.95}[data-konfigurator] [data-choreo][data-sichtbar] .eingang-foto[data-auftritt]{scale:1}}:root[data-modus=dunkel] .a11y-settings{--a11y-control:var(--color-akzent-400);background:var(--color-papier);color:var(--color-basis-950);box-shadow:var(--schatten-3), 0 0 0 1px #ffffff0f;border-color:#ffffff1a;border-color:lab(100% 0 0/.1)}@supports (color:lab(0% 0 0)){:root[data-modus=dunkel] .a11y-settings{box-shadow:var(--schatten-3), 0 0 0 1px lab(100% 0 0/.06)}}:root[data-modus=dunkel] .a11y-settings .bg-background{background-color:var(--color-papier)}:root[data-modus=dunkel] .a11y-settings :is(.border-border,.a11y-option,.a11y-close){border-color:#ffffff1f;border-color:lab(100% 0 0/.12)}:root[data-modus=dunkel] .a11y-settings .text-muted-foreground{color:var(--color-basis-600)}:root[data-modus=dunkel] .a11y-settings .a11y-option[data-selected=true]{background:color-mix(in oklab, var(--color-akzent-500) 14%, var(--color-papier));border-color:var(--color-akzent-400);color:var(--color-basis-950)}:root[data-modus=dunkel] .a11y-settings .bg-primary{background-color:var(--color-akzent-700);color:#fff}html:has([data-seite]){--weit:clamp(0px, (100vw - 1920px) * .004167, 4px);font-size:calc(100% + var(--weit))}html[data-a11y-text=large]:has([data-seite]){font-size:calc(112.5% + var(--weit) * 1.125)}html[data-a11y-text=larger]:has([data-seite]){font-size:calc(125% + var(--weit) * 1.25)}html[data-a11y-text=largest]:has([data-seite]){font-size:calc(150% + var(--weit) * 1.5)}