@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#f3f6f8;--weiss:#fff;--tinte:#1c3247;--tinte-2:#4c6378;--himmel:#28aee2;--himmel-tief:#1588bd;--linie:#1c32472e;--nacht:#1c3247;--serif:"Newsreader Variable", "Newsreader", Georgia, serif;--sans:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--display:clamp(2.3rem, 4.4vw, 4.6rem);--text:clamp(1.06rem, .98rem + .3vw, 1.3rem);--klein:clamp(.82rem, .78rem + .12vw, .92rem);--rand:clamp(16px, 3.2vw, 56px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--tinte);font:400 var(--text)/1.5 var(--serif);font-optical-sizing:auto;margin:0;transition:background-color .45s}body.abend{background:var(--nacht);color:#eef3f7}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}h1,h2,h3{letter-spacing:-.012em;margin:0;font-weight:400}h2{font-size:var(--display);text-wrap:balance;line-height:1.04}p{margin:0}.klein,figcaption,.plan-quelle,.stimmen-quelle,.anfrage-hinweis{font:400 var(--klein)/1.45 var(--sans);color:var(--tinte-2)}body.abend .anfrage-hinweis,body.abend .fuss-links{color:#eef3f7b8}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leiste{z-index:20;padding:clamp(14px, 1.6vw, 26px) var(--rand);font:500 clamp(.92rem, .8rem + .35vw, 1.25rem)/1 var(--sans);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.marke{align-items:center;gap:.55em;text-decoration:none;display:inline-flex}.zeichen{width:clamp(1.25rem,1.5vw,2.1rem);height:clamp(1.25rem,1.5vw,2.1rem);color:var(--himmel-tief);display:inline-block}.zeichen svg{width:100%;height:100%;display:block}.marke-name{letter-spacing:.01em}.leiste-tel{font-variant-numeric:tabular-nums;text-decoration:underline;-webkit-text-decoration-color:var(--himmel);text-decoration-color:var(--himmel);text-underline-offset:.3em;text-decoration-thickness:2px}.leiste-tel.tippt span{color:var(--himmel-tief)}.einstieg{height:230vh;position:relative}.buehne{height:100svh;padding:clamp(64px, 7.4vw, 112px) var(--rand) var(--rand);grid-template-rows:auto 1fr;gap:clamp(10px,1.4vw,22px);display:grid;position:sticky;top:0}.einstieg-titel{grid-template-columns:auto minmax(0,24rem);align-items:end;gap:0 clamp(20px,3vw,56px);display:grid}.einstieg-titel .wort{letter-spacing:-.035em;white-space:nowrap;font-variation-settings:"opsz" 72;font-size:clamp(3.1rem,12.4vw,13.5rem);line-height:.84}.einstieg-titel .zeile{font:400 var(--text)/1.4 var(--serif);color:var(--tinte-2);text-wrap:pretty;padding-bottom:.55em}.einstieg-film{min-height:0;position:relative}.film{background:#dfe6ea;position:relative;overflow:hidden}.film .still,.film canvas{width:100%;height:100%;position:absolute;inset:0}.film .still{object-fit:cover;transform-origin:50%;transform:scale(1.03)}.film canvas{opacity:0;transition:opacity .6s}.film.is-live canvas{opacity:1}.film-wohnen{border-radius:2px;position:absolute;inset:0}.film-wohnen .still{object-position:50% 18%}.hoehe{right:calc(-1 * var(--rand) + 6px);width:calc(var(--rand) - 12px);pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.hoehe-linie{background:var(--tinte);transform-origin:50% 100%;width:1px;position:absolute;top:6%;bottom:6%;left:50%;transform:scaleY(0)}.hoehe-linie:before,.hoehe-linie:after{content:"";background:var(--tinte);width:11px;height:1px;position:absolute;left:-5px}.hoehe-linie:before{top:0}.hoehe-linie:after{bottom:0}.hoehe-wert{background:var(--papier);font:500 var(--klein)/1 var(--sans);writing-mode:vertical-rl;letter-spacing:.04em;padding:.4em 0;position:relative;transform:rotate(180deg)}.statt{z-index:2;background:var(--papier);padding:clamp(56px, 8vw, 128px) var(--rand) clamp(48px, 6vw, 96px);box-shadow:0 -1px 0 var(--linie);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(24px,4vw,80px);margin-top:-30vh;display:grid;position:relative}.statt-text{gap:1em;max-width:30rem;display:grid}.anfahrt{z-index:2;background:var(--papier);padding:clamp(40px, 6vw, 96px) var(--rand);position:relative}.anfahrt-kopf{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(24px,4vw,80px);margin-bottom:clamp(28px,4vw,64px);display:grid}.anfahrt-kopf p{max-width:30rem}.weg{margin:0;position:relative}.weg-svg{width:100%;height:auto;display:block;overflow:visible}.weg-grund{stroke:var(--linie);stroke-width:2px;fill:none;vector-effect:non-scaling-stroke}.weg-linie{stroke:var(--himmel-tief);stroke-width:4px;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.weg-striche line{stroke:var(--tinte);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.45}.weg-striche line.gross{opacity:1}.weg-striche circle{fill:var(--papier);stroke:var(--tinte);stroke-width:1.5px;vector-effect:non-scaling-stroke}.halte{height:clamp(7rem,11vw,9rem);font:400 var(--klein)/1.35 var(--sans);margin:-4.2vw 0 0;padding:0;list-style:none;position:relative}.halte li{left:calc(4% + var(--x) * 92%);text-align:center;width:min(15rem,22vw);color:var(--tinte-2);position:absolute;transform:translate(-50%)}.halte li:first-child{text-align:left;transform:none}.halte li:last-child{text-align:right;transform:translate(-100%)}.halte b{font:400 clamp(1.3rem, 1.1rem + .8vw, 2rem)/1.1 var(--serif);color:var(--tinte);font-variant-numeric:tabular-nums;margin-bottom:.25em;display:block}.weg figcaption{max-width:46rem;margin-top:1.2em}.zaehler{font:500 var(--klein)/1 var(--sans);color:var(--himmel-tief);font-variant-numeric:tabular-nums;margin-right:.6em}.plan{z-index:2;background:var(--papier);position:relative}.plan-buehne{min-height:100svh;padding:clamp(40px, 5vw, 80px) var(--rand);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-content:center;gap:clamp(16px,2.4vw,40px) clamp(24px,4vw,72px);display:grid}.plan-kopf{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:end;gap:1em;display:flex}.plan-hilfe{font:500 var(--klein)/1 var(--sans);color:var(--tinte-2)}.plan-grafik{align-self:center}.grundriss{width:100%;height:auto;display:block;overflow:visible}.raum{fill:var(--weiss);stroke:none;cursor:pointer;outline:none;transition:fill .35s,opacity .35s}.raum.flur{fill:#e9eef2;cursor:default}.raum.privat{fill:#d3dbe1;cursor:default}.raum.an{fill:#cfe9f6}.grundriss.waehlt .raum:not(.an):not(.flur):not(.privat){fill:var(--weiss)}.raum:focus-visible{stroke:var(--himmel-tief);stroke-width:3px}.waende path{fill:none;stroke:var(--tinte);stroke-width:6px;stroke-linejoin:miter}.waende path+path{stroke-width:2.5px}.schilder text{font:400 22px var(--serif);fill:var(--tinte);text-anchor:middle;pointer-events:none}.schilder text.qm{font:500 15px var(--sans);fill:var(--tinte-2);font-variant-numeric:tabular-nums}.schilder .klein-schild{font-size:15px}.schilder text.qm.klein-schild{font-size:12px}.plan-quelle{margin-top:1em}.plan-raum{align-self:center}.raumliste{margin:0;padding:0;list-style:none;display:grid}.raumliste li{grid-area:1/1;align-content:start;gap:.7em;display:grid}.raumliste .foto{aspect-ratio:3/2;background:#dfe6ea;display:block;overflow:hidden}.raumliste .foto img{object-fit:cover;width:100%;height:100%}.raumliste h3{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6em;font-size:clamp(1.5rem,1.2rem + 1vw,2.3rem);line-height:1.1;display:flex}.raumliste h3 .qm{font:500 var(--klein)/1 var(--sans);color:var(--himmel-tief);font-variant-numeric:tabular-nums}.raumliste p{max-width:30rem}html.js .raumliste li{opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility 0s linear .4s;transform:translateY(18px)}html.js .raumliste li.an{opacity:1;visibility:visible;transition:opacity .4s,transform .4s,visibility;transform:none}html.js .raumliste li.weg-oben{transform:translateY(-18px)}html.still-modus .raumliste{gap:clamp(28px,4vw,56px)}html.still-modus .raumliste li{grid-area:auto}.stimmen{z-index:2;background:var(--papier);padding:clamp(64px, 9vw, 150px) var(--rand);position:relative}.stimmen-kopf{flex-wrap:wrap;align-items:baseline;gap:.4em;margin-bottom:clamp(28px,4vw,64px);display:flex}.stimmen-kopf .zahl{color:var(--himmel-tief);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(4.5rem,3rem + 7vw,10rem);line-height:.85}.stimmen-kopf .stimmen-text{font:400 var(--text)/1.4 var(--sans);color:var(--tinte-2)}.zitate{gap:clamp(28px,4vw,64px);margin:0;padding:0;list-style:none;display:grid}.zitate li{font-size:var(--display);text-wrap:balance;max-width:22ch;line-height:1.08}.zitate li:nth-child(2){text-align:right;justify-self:end}.zitate q{quotes:"„" "“"}.zitate .w{opacity:.16;transition:opacity .25s linear}.zitate .w.an,html.still-modus .zitate .w{opacity:1}.stimmen-quelle{margin-top:clamp(28px,4vw,56px)}.kueche{z-index:2;background:var(--papier);padding:0 var(--rand) clamp(64px, 9vw, 150px);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:clamp(24px,4vw,72px);display:grid;position:relative}.film-kueche{aspect-ratio:3/2}.kueche-text{gap:1em;padding-bottom:.4em;display:grid}.kueche-text h2{font-size:clamp(2rem,3.4vw,3.6rem)}.umgebung{z-index:2;padding:clamp(48px, 7vw, 120px) var(--rand);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,80px);display:grid;position:relative}.umgebung h2{grid-row:span 2}.umgebung-intro{max-width:34rem}.tipps{border-top:1px solid var(--linie);margin:0;padding:0;list-style:none}.tipps li{border-bottom:1px solid var(--linie);grid-template-columns:minmax(8.5rem,2fr) minmax(0,5fr);gap:1em;padding:.95em 0;display:grid}.tipp-weg{font:500 var(--klein)/1.5 var(--sans);color:var(--himmel-tief);font-variant-numeric:tabular-nums;padding-top:.2em}.anfrage{z-index:2;padding:clamp(72px, 10vw, 170px) var(--rand) clamp(48px, 6vw, 96px);position:relative}.anfrage h2{max-width:14ch}.anfrage-nummer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:clamp(24px,3vw,48px);font-size:clamp(2.4rem,1.6rem + 4.4vw,6.2rem);line-height:1}.anfrage-nummer a{text-decoration:underline;-webkit-text-decoration-color:var(--himmel);text-decoration-color:var(--himmel);text-underline-offset:.12em;text-decoration-thickness:3px}.anfrage-mail{font:400 var(--text)/1.4 var(--sans);margin-top:.6em}.anfrage-raster{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,80px);margin-top:clamp(40px,5vw,80px);display:grid}.anfrage dl{border-top:1px solid;margin:0}.anfrage dl div{border-bottom:1px solid #7f96aa73;grid-template-columns:8.5rem 1fr;gap:1em;padding:.8em 0;display:grid}.anfrage dt{font:500 var(--klein)/1.6 var(--sans);opacity:.75}.anfrage dd{margin:0}.anfrage-hinweis{max-width:44rem;margin-top:1.4em}.fuss{z-index:2;padding:clamp(48px, 6vw, 96px) var(--rand) clamp(32px, 4vw, 56px);position:relative}.fuss-wort{letter-spacing:-.04em;white-space:nowrap;opacity:.95;font-size:clamp(3.4rem,14vw,15rem);line-height:.82}.fuss-links{font:400 var(--klein)/1.4 var(--sans);color:var(--tinte-2);flex-wrap:wrap;align-items:center;gap:.8em 1.4em;margin-top:1.6em;display:flex}.fuss-links button{font:inherit;color:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;text-decoration:underline}dialog{background:var(--weiss);max-width:min(38rem,100vw - 32px);color:var(--tinte);font:400 1rem/1.55 var(--sans);border:0;padding:28px}dialog::backdrop{background:#1c324780}dialog h3{font:400 1.6rem/1.2 var(--serif);margin-bottom:.6em}dialog p+p{margin-top:.8em}dialog button{font:500 1rem var(--sans);background:var(--tinte);color:#fff;cursor:pointer;border:0;margin-top:1.2em;padding:.6em 1em}.kontakt-unten{display:none}@media (width<=900px){.einstieg{height:210vh}.buehne{grid-template-rows:auto 1fr;padding-top:64px}.einstieg-titel{grid-template-columns:1fr;gap:.5em}.einstieg-titel .wort{font-size:clamp(2.6rem,14.2vw,4.6rem)}.einstieg-titel .zeile{padding-bottom:.2em;font-size:1.04rem}.hoehe{display:none}.statt,.anfahrt-kopf,.plan-buehne,.kueche,.umgebung,.anfrage-raster{grid-template-columns:1fr}.statt{margin-top:-28vh}.umgebung h2{grid-row:auto}.weg-svg{display:none}.halte{border-left:3px solid var(--linie);gap:0;height:auto;margin:0;padding-left:18px;display:grid;position:relative}.halte:before{content:"";width:3px;height:var(--weg,100%);background:var(--himmel-tief);position:absolute;top:0;left:-3px}.halte li{width:auto;padding:0 0 1.4em;position:relative;left:auto;text-align:left!important;transform:none!important}.halte li:first-child{padding-bottom:6.42857rem}.halte li:nth-child(2){padding-bottom:3.85714rem}.halte li:nth-child(3){padding-bottom:4.71429rem}.halte li:before{content:"";background:var(--papier);border:1.5px solid var(--tinte);border-radius:50%;width:11px;height:11px;position:absolute;top:.55em;left:-26px}.plan-buehne{align-content:start;padding-top:48px}.schilder text{font-size:34px}.schilder text.qm{font-size:27px}.schilder .klein-schild{font-size:24px}.schilder text.qm.klein-schild{display:none}.schilder text.qm.eng{font-size:20px}.zitate li:nth-child(2){text-align:left;justify-self:start}.tipps li{grid-template-columns:1fr;gap:.2em}.anfrage dl div{grid-template-columns:6.5rem 1fr}.kontakt-unten{z-index:30;text-align:center;background:var(--tinte);color:#fff;font:500 1rem/1 var(--sans);padding:14px 16px;text-decoration:none;transition:transform .35s;display:block;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(160%)}.kontakt-unten.zeigen{transform:none}.film-wohnen .still{object-position:72% 50%}.umgebung{padding-bottom:96px}body.abend .kontakt-unten{background:var(--himmel-tief)}}@media (prefers-reduced-motion:reduce){.einstieg{height:auto}.buehne{height:92vh;position:relative}.statt{margin-top:0}*{transition:none!important}}html.still-modus .einstieg{height:auto}html.still-modus .buehne{height:100vh;position:relative}html.still-modus .statt{margin-top:0}