/* Zusammenfügen: existing visual language, one room for the explanation. */
html{scroll-padding-top:0}
.hero .service-line{font:500 15px/1.5 Instrument,sans-serif;letter-spacing:0;margin-bottom:24px}
.hero-display{font:500 clamp(66px,7vw,112px)/.96 Familjen,sans-serif;letter-spacing:-.055em;max-width:9em}
.hero-copy{top:19%}.hero-intro{margin-top:22px}.hero-services{margin-top:12px}
.demo-scroll{overscroll-behavior:auto}
.lit-pavilion .cover{object-fit:cover}
.example-chapter{position:relative;background:#092b3c}.live-example{min-height:100svh;padding:36px var(--gutter) 26px;display:grid;grid-template-rows:auto minmax(400px,1fr) auto;gap:22px;position:relative}
.example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px}.example-toolbar p{font-size:13px;color:#bdcfd3;margin-bottom:8px}.example-toolbar h2{font-size:clamp(28px,3vw,48px);max-width:20ch}
.example-tabs{display:flex;gap:4px;flex-shrink:0}.example-tabs button{min-height:48px;padding:9px 18px;background:transparent;color:#c6dce5;border-bottom:2px solid #9db8c44d;font-size:15px}.example-tabs button[aria-pressed=true]{color:white;border-color:#eee7cf}
.example-room{position:relative;min-height:52svh;isolation:isolate;overflow:hidden;background:#173a46}.example-room>.cover{z-index:-3;object-position:center}.example-room>video{opacity:0}.example-room>video.playing{opacity:1}.example-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061c2be8,transparent 88%)}
.example-offer{padding:clamp(30px,4vw,80px);max-width:700px}.example-offer>p:first-child{font:28px Georgia,serif;margin-bottom:40px}.example-offer h3{font:clamp(40px,4.7vw,76px)/1.04 Georgia,serif;max-width:12ch;margin-bottom:22px;overflow-wrap:anywhere}.example-offer p{font-size:16px;max-width:40ch}.example-offer .button{margin-top:28px}
.example-contact{margin:30px;padding:28px;background:#092b3cf2;max-width:480px}.example-contact h3{font-size:35px;margin-bottom:18px}.example-contact label,.seo-editor label{display:block;font-size:14px;margin:12px 0 6px}.example-contact input,.example-contact select,.example-contact textarea,.seo-editor input,.seo-editor textarea{width:100%;background:#f5f5ed;color:#12333e;border:1px solid #a6c3c9;border-radius:2px;padding:10px 12px;min-height:44px;font:15px/1.4 Instrument,sans-serif}.example-contact textarea,.seo-editor textarea{resize:vertical}.example-contact .button{margin-top:14px}.example-contact #live-status{font-size:12px;margin-top:12px}
.example-seo{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:30px 4vw;background:#082536e8;min-height:100%}.seo-editor{max-width:530px}.seo-editor h3{font-size:clamp(28px,3vw,42px)}.seo-editor>p{font-size:14px;line-height:1.55;margin:14px 0}.seo-editor>a{font-size:14px;text-decoration:underline;text-underline-offset:5px;display:inline-flex;min-height:44px;align-items:center}.search-example{align-self:center;min-width:0}.search-example>p:first-child{font-size:12px;color:#c0cdd0;margin-bottom:12px}.search-example>strong{font:500 clamp(20px,2vw,32px)/1.2 Familjen,sans-serif;color:#b7d3ff;display:block;overflow-wrap:anywhere}.search-example>p{font-size:14px;margin-top:12px;overflow-wrap:anywhere}.search-example .seo-limit{font-size:11px;max-width:43ch}
.elevator{height:185px;position:relative;margin-top:22px;padding-left:32px;display:flex;align-items:center;gap:28px}.floor-one,.floor-ten{position:absolute;left:0;font-size:14px;font-variant-numeric:tabular-nums}.floor-one{top:0}.floor-ten{bottom:0}.elevator-track{position:relative;width:130px;height:100%;border-left:1px solid #a5c2d6;border-right:1px solid #a5c2d6;background:repeating-linear-gradient(0deg,transparent 0 19px,#a7ced522 20px 21px)}.elevator-cabin{position:absolute;bottom:0;left:8px;right:8px;height:55px;background:#d6e8eb;color:#103344;display:grid;place-content:center;overflow:hidden;transition:transform 1100ms var(--ease-in-out)}.elevator-cabin span{font:600 14px Familjen,sans-serif;z-index:2}.elevator-cabin i{position:absolute;inset:0 50% 0 0;border-right:1px solid #799ca8}.elevator-cabin i+i{inset:0 0 0 50%;border:0}.elevator.go .elevator-cabin{transform:translateY(-130px)}.elevator button{background:transparent;color:#e5eff0;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:10px;font-size:13px;max-width:145px}
.example-process{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw}.example-process .process-nav{grid-column:auto;margin:0;align-self:center}.example-process .creation-steps,.js.motion .example-process .creation-steps{grid-column:auto;grid-row:auto;min-height:72px;margin:0;align-self:center}.example-process .creation-steps li,.js.motion .example-process .creation-steps li{grid-area:1/1;margin:0;padding:0;transition:none}.example-process .creation-steps li.active{opacity:1;visibility:visible;pointer-events:auto}.example-process .creation-steps h3{font-size:22px;margin-bottom:7px}.example-process .creation-steps p{font-size:13px;line-height:1.5}
.example-wire{position:absolute;inset:0;width:100%;height:100%;color:#a7dae7;opacity:0;pointer-events:none;transition:opacity 200ms var(--ease-out)}.live-example[data-step="0"] .example-room>.cover{opacity:.25}.live-example[data-step="1"] .example-wire{opacity:.7}.live-example[data-step="1"] .example-room>.cover{opacity:.35}.live-example[data-step="2"] .example-shade{opacity:.55}
.ground-content{grid-template-columns:1fr 1fr}.ground .answer-scene{opacity:.95}.ground .glass-phone{background:#103a4b;border-radius:3px;box-shadow:none;backdrop-filter:none}.ground .check-bubble{border-radius:3px;box-shadow:none;background:transparent;backdrop-filter:none}
.workshop{height:210svh;position:relative;background:#071d2a}.workshop-stage{position:sticky;top:0;height:100svh;min-height:580px;display:grid;grid-template-columns:1fr 1.2fr;gap:4vw;align-items:center;padding:60px var(--gutter);overflow:hidden;background:radial-gradient(ellipse at 72% 52%,#213b40,transparent 65%)}.workshop-copy{position:relative;z-index:2;max-width:530px}.workshop-copy>p:first-child{font-size:14px;color:#b8cbd4;margin-bottom:22px}.workshop-copy h2{font-size:clamp(45px,5.4vw,86px)}.workshop-copy>p{margin-top:24px;font-size:18px}.workshop-copy nav{display:flex;flex-wrap:wrap;margin-top:35px;gap:5px}.workshop-copy button{background:transparent;color:#c5d6dc;border-bottom:2px solid #95a5b144;padding:10px 14px;min-height:48px;font-size:15px}.workshop-copy button[aria-pressed=true]{color:#eff7df;border-color:#ccdb91}.workshop-copy #workshop-status{font-size:14px}.workshop-copy small{display:block;margin-top:14px;color:#a5bbc5;font-size:12px}.workshop-object{position:relative;height:min(83svh,900px);width:100%;isolation:isolate}.workshop-object img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.workshop-object img:first-child{opacity:1}.workshop-object canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workshop-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#d7e4ed19}.workshop-progress i{display:block;height:100%;background:#c6dc99;transform:scaleX(0);transform-origin:left}
.service-selection{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px 28px;padding:25px 0 18px!important;border:0;border-bottom:1px solid #b1d5e855!important;margin:0!important}.service-selection legend{font:500 24px Familjen,sans-serif;margin-bottom:14px}.service-selection>label[for]{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.service-selection select{width:100%;background:#143d50;color:#f0f7f6;border:1px solid #8cafbd;min-height:50px;padding:10px 14px;border-radius:2px;font-size:16px}.service-selection .service-check{display:flex;align-items:center;gap:12px;font-size:15px;min-height:50px}.service-selection input{width:20px;height:20px;accent-color:#cfe4e4}.service-selection #included-services{grid-column:1/-1;font-size:13px;color:#c4d9df}.project-guide{max-width:none}.project-guide .guide-scene{min-width:0}.price-principle{max-width:64ch;font-size:18px;line-height:1.7;margin:35px 0;color:#e7eff0}.extended-packages:empty{display:none}
.pavilion{min-height:100svh;height:100svh;display:flex;align-items:center;position:relative;padding:70px var(--gutter);overflow:hidden}.pavilion-content{position:relative;max-width:800px;margin:0;text-align:left;z-index:2}.pavilion-offer,.pavilion-intro{text-align:left;margin-left:0;padding:0}.pavilion-content h2{font-size:clamp(48px,5.8vw,92px);max-width:12ch;margin:16px 0 26px}.pavilion-intro{font-size:18px;max-width:48ch;margin-bottom:20px}.pavilion .pavilion-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#051722ee,#05172255 70%,transparent)}.finish-selection{font-size:13px;color:#cee1e6;margin:20px 0;max-width:60ch}.finish-edit{display:inline-block;font-size:14px;margin-left:20px;text-decoration:underline;text-underline-offset:5px}.pavilion .human-note{display:block;max-width:50ch;margin:26px 0 0}.pavilion .human-note p{font-size:14px;text-align:left}.surface-arrival{height:35svh;min-height:0}.surface-arrival .cover{object-fit:cover}
@media(min-width:2100px){.live-example{padding-block:60px;gap:32px}.example-room{min-height:62svh}.example-toolbar p,.example-tabs button{font-size:22px}.example-process .creation-steps h3{font-size:32px}.example-process .creation-steps p,.process-nav button{font-size:21px}.example-offer p{font-size:24px}.example-seo{padding:60px 5vw}.seo-editor{max-width:800px}.seo-editor label,.seo-editor>p,.seo-editor>a,.search-example>p{font-size:22px}.seo-editor input,.seo-editor textarea{font-size:23px}.elevator{height:280px}.elevator.go .elevator-cabin{transform:translateY(-225px)}.elevator button{font-size:20px;max-width:240px}.search-example .seo-limit{font-size:17px}.guide-scene .site-model.demo-site{height:650px}.service-selection{grid-template-columns:1.2fr 1fr 1fr}.service-selection select,.service-selection .service-check{font-size:22px}}
@media(max-width:700px){.hero-copy{top:118px}.hero .service-line{font-size:14px;margin-bottom:18px}.hero-display{font-size:58px;max-width:9ch}.hero-intro{font-size:16px;line-height:1.45;margin-top:18px}.hero-services{font-size:11px;margin-top:9px}.hero-actions{margin-top:14px;gap:15px}.hero-actions .button{font-size:12px;padding-inline:13px}.hero-actions .price-link{font-size:12px}.glass-screen{height:135px;bottom:83px}.example-chapter{min-height:100svh}.live-example{padding:28px 20px 98px;min-height:100svh;grid-template-rows:auto minmax(390px,1fr) auto;gap:15px}.example-toolbar{display:block}.example-toolbar h2{font-size:29px;max-width:21ch}.example-toolbar p{font-size:11px;margin-bottom:8px}.example-tabs{margin-top:13px;gap:0}.example-tabs button{font-size:13px;flex:1;padding:8px;min-height:44px}.example-room{min-height:390px}.example-offer{padding:30px 22px}.example-offer>p:first-child{font-size:21px;margin-bottom:32px}.example-offer h3{font-size:39px}.example-offer p{font-size:14px}.example-offer .button{font-size:13px;margin-top:22px}.example-room>.cover{object-position:58% center}.example-process{display:block}.example-process .process-nav{display:flex;margin:0}.example-process .process-nav button{font-size:11px;min-height:44px;padding:8px 2px}.example-process .creation-steps,.js.motion .example-process .creation-steps{min-height:72px;display:grid!important;margin-top:10px}.example-process .creation-steps h3{font-size:18px}.example-process .creation-steps p{font-size:12px}.example-contact{margin:0;padding:20px;min-height:390px}.example-contact h3{font-size:28px}.example-contact label{font-size:12px}.example-contact input,.example-contact select,.example-contact textarea{font-size:14px}.example-seo{display:block;padding:18px;min-height:390px}.seo-editor h3{font-size:24px}.seo-editor label{font-size:12px;margin:8px 0 4px}.seo-editor input,.seo-editor textarea{font-size:13px;padding:8px;min-height:40px}.seo-editor textarea{height:58px}.seo-editor>p{display:none}.seo-editor>a{font-size:12px;min-height:32px}.search-example{margin-top:10px}.search-example>p:first-child{font-size:10px;margin-bottom:5px}.search-example>strong{font-size:19px}.search-example>p{font-size:12px;line-height:1.4;margin-top:6px}.elevator{height:70px;margin-top:10px;padding-left:25px;gap:14px}.elevator-track{width:95px}.elevator-cabin{height:30px;left:4px;right:4px}.elevator-cabin span{font-size:10px}.elevator.go .elevator-cabin{transform:translateY(-40px)}.elevator button{font-size:11px;max-width:145px}.search-example .seo-limit{font-size:10px;max-width:none}.floor-one,.floor-ten{font-size:11px}.live-example:has([data-live-panel="seo"]:not([hidden])) .example-room{min-height:470px}.workshop{height:170svh}.workshop-stage{height:100svh;min-height:650px;display:block;padding:38px 24px 95px}.workshop-copy{max-width:none}.workshop-copy>p:first-child{font-size:11px;margin:0 0 12px}.workshop-copy h2{font-size:40px}.workshop-copy>p{font-size:14px;margin-top:14px;max-width:30ch}.workshop-copy nav{margin-top:16px;flex-wrap:nowrap}.workshop-copy button{font-size:12px;min-height:44px;padding:8px 12px}.workshop-copy #workshop-status{font-size:12px;margin-top:10px}.workshop-copy small{font-size:10px;margin-top:6px}.workshop-object{position:absolute;height:48svh;bottom:60px;left:18%;width:75%;z-index:0}.workshop-copy{pointer-events:none}.workshop-copy nav{pointer-events:auto}.service-selection{grid-template-columns:1fr;gap:5px;padding:20px 0!important}.service-selection legend{font-size:20px}.service-selection select{font-size:14px}.service-selection .service-check{font-size:14px;min-height:44px}.service-selection #included-services{font-size:12px}.price-principle{font-size:15px}.pavilion{height:100svh;min-height:700px;padding:40px 24px 95px;align-items:center}.pavilion-content h2{font-size:45px;margin:16px 0 20px;max-width:11ch}.pavilion-offer{font-size:14px}.pavilion-intro{font-size:15px!important;line-height:1.5;max-width:31ch}.finish-selection{font-size:12px;margin:18px 0}.pavilion .human-note{margin-top:22px}.pavilion .human-note p{font-size:12px;line-height:1.6}.finish-edit{font-size:12px;margin-left:14px}.pavilion .pavilion-scene:after{background:linear-gradient(90deg,#051722ed,#0517228a)}.surface-arrival{height:20svh}.ground .answer-scene{display:none}.ground-content{display:block}.ground{padding-block:55px}.ground-heading{margin-bottom:24px}.ground-heading h2{font-size:34px}.ground .check-bubbles{display:flex;flex-direction:column;gap:0}.ground .check-bubble{width:100%;min-height:66px;border:0;border-bottom:1px solid #9cbac644;transform:none!important;padding:12px 0;text-align:left}.ground .check-bubble span{font-size:14px}.ground .check-bubble small{font-size:11px}.ground .tech-curious{margin-top:25px}.ground #bubble-choice{padding:15px 0}}
@media(prefers-reduced-motion:reduce){.workshop{height:auto}.workshop-stage{position:relative}.elevator-cabin,.example-wire{transition:none}.example-process .creation-steps li:not(.active){display:none!important}.example-process .process-nav{display:flex!important}.example-room video{display:none}}
.paused .elevator-cabin{transition:none}
.elevator.keyboard .elevator-cabin{transition:none}
#kontakt .human-note p{text-align:left}
html.in-example .mobile-ask{display:none}
@media(max-width:700px){.live-example{padding:24px 20px 58px}.example-toolbar h2{font-size:26px}.example-tabs{margin-top:8px}.live-example:has([data-live-panel="seo"]:not([hidden])) .example-room{min-height:450px}}
@media(max-width:700px){.hero-display{font-size:50px;max-width:none;line-height:1}.workshop-object{width:140%;left:-20%;height:65svh}}
.pavilion .pavilion-content h2,.pavilion .pavilion-intro,.pavilion .pavilion-offer,.pavilion .human-note p{text-align:left;margin-left:0}
.project-guide .water-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 22px;margin:0;border-bottom:1px solid #a7c4d344}
.project-guide .water-total output{font-size:clamp(35px,4vw,58px)}
.project-guide .water-total #total-reflection{display:none}
.project-guide .water-total>div>span{font-size:12px}
@media(max-width:700px){.surface-price{padding-top:35px}.price-heading h2{font-size:43px}.price-heading p{font-size:14px;margin-top:12px}.entwurf-hinweis{font-size:12px!important;line-height:1.5;margin-top:16px!important}.project-guide{margin-top:20px;padding-top:0;gap:18px}.project-guide .water-total{align-items:flex-start;gap:10px;padding-bottom:18px}.project-guide .water-total .button{font-size:11px;min-height:44px;padding:10px;max-width:145px}.project-guide .water-total output{font-size:33px}.project-guide .water-total>div>span{font-size:10px}.hero-poster,.hero-idle{object-position:72% center}}
@media(hover:hover) and (pointer:fine){.example-tabs button:hover,.workshop-copy button:hover{color:#fff;background:#ffffff0d}.service-selection select:hover{border-color:#d1e7ee}}