@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-normal-DdKr49mV.woff2)format("woff2"),url(/assets/newsreader-vietnamese-400-normal-BekUZro8.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-normal-svq1FPys.woff2)format("woff2"),url(/assets/newsreader-latin-ext-400-normal-DYA1XoQK.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-normal-BFBkh4jY.woff2)format("woff2"),url(/assets/newsreader-latin-400-normal-gRTjlS2D.woff)format("woff");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:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-italic-bZegYFuM.woff2)format("woff2"),url(/assets/newsreader-vietnamese-400-italic-QbB8kb5s.woff)format("woff");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;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-italic-BMTE_bNQ.woff2)format("woff2"),url(/assets/newsreader-latin-ext-400-italic-qdgKLcPG.woff)format("woff");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;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-italic-CEihAR-f.woff2)format("woff2"),url(/assets/newsreader-latin-400-italic-CNZoH1hn.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");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{--kalk:#eeefeb;--stein:#dcdfd9;--schiefer:#263238;--lack:#2f5d4e;--linie:#b9bfb8;--weiss:#f7f8f5;--display:clamp(2.3rem, 5vw, 5.4rem);--text:clamp(1.04rem, .94rem + .32vw, 1.3rem);--klein:clamp(.82rem, .78rem + .14vw, .94rem);--rand:clamp(1rem, 4.4vw, 5rem);--serif:"Newsreader", Georgia, serif;--sans:"Public Sans", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--kalk);color:var(--schiefer);font:400 var(--text)/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,p,figure,blockquote,ol,ul,dl,dd{margin:0;padding:0}ol,ul{list-style:none}h1,h2{font-family:var(--serif);letter-spacing:-.015em;font-weight:400;line-height:1.02}h2{font-size:var(--display)}a{color:inherit}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.skip{z-index:50;background:var(--weiss);padding:.6em 1em;position:absolute;top:0;left:-999px}.skip:focus{top:1rem;left:1rem}[id]{scroll-margin-top:2rem}.klein{font-size:var(--klein)}:focus-visible{outline:2px solid var(--lack);outline-offset:3px}.mass{background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 8px) 0 100%/100% 4px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:6px;text-decoration:none}.mass:hover,.mass:active,.mass:focus-visible{animation:.38s cubic-bezier(.3,.7,.2,1) aufklappen}@keyframes aufklappen{0%{background-size:12% 4px,12% 1px}to{background-size:100% 4px,100% 1px}}.kopf{z-index:20;padding:clamp(1rem, 2.2vw, 2.2rem) var(--rand);justify-content:space-between;align-items:center;font-size:clamp(.9rem,.66rem + .4vw,1.25rem);display:flex;position:absolute;inset:0 0 auto}.marke{align-items:center;gap:.6em;text-decoration:none;display:flex}.bildmarke{aspect-ratio:1;width:auto;height:clamp(1.5rem,1.7vw,2.4rem)}.wortmarke{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(1.15rem,1.35vw,1.9rem);line-height:1}.kopf-tel{font-variant-numeric:tabular-nums;padding-top:.6em}.einstieg{height:200vh;position:relative}.buehne{height:100svh;position:sticky;top:0}.film{background:#c9ccc6;position:relative;overflow:hidden}.buehne .film{position:absolute;inset:0}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .5s}.film.is-live canvas{opacity:1}.einstieg-text{left:var(--rand);position:absolute;bottom:clamp(1.6rem,5vh,4rem)}.einstieg h1{font-weight:400}.einstieg .wort{letter-spacing:-.035em;margin-left:-.05em;font-size:min(9vw,15vh);line-height:.86;display:block}.einstieg .zeile{font-family:var(--sans);font-size:var(--text);letter-spacing:0;margin-top:.9rem;line-height:1.4;display:block}.hero-anruf{display:none}.plan{padding:clamp(4rem, 9vw, 8rem) var(--rand);background:var(--stein)}.plan-kopf{grid-template-columns:1.3fr 1fr;align-items:end;gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(2rem,4vw,4rem);display:grid}.plan-kopf p{max-width:30em}.plan-raster{grid-template-columns:1.3fr 1fr;align-items:start;gap:clamp(2rem,5vw,6rem);display:grid}.zeichnung{color:var(--schiefer);position:relative}.zeichnung svg{width:100%;height:auto;display:block}.zeichnung .zug{transition:stroke .3s,stroke-width .3s}.zeichnung .zug.an{stroke:var(--lack);stroke-width:3px}.marke-nr{left:var(--x);top:var(--y);background:var(--stein);border:1.5px solid var(--lack);width:2.6rem;height:2.6rem;color:var(--lack);font-variant-numeric:tabular-nums;border-radius:50%;font-size:.86rem;transition:background-color .25s,color .25s,transform .25s cubic-bezier(.3,.7,.2,1);position:absolute;transform:translate(-50%,-50%)}.marke-nr[aria-pressed=true]{background:var(--lack);color:var(--weiss)}.marke-nr:hover{transform:translate(-50%,-50%)scale(1.08)}.tafel h3{font-family:var(--serif);margin:1.2rem 0 .7rem;font-size:clamp(1.6rem,1rem + 1.6vw,2.7rem);font-weight:400;line-height:1.08}.tafel p{max-width:28em;margin:0}.nr{font-family:var(--sans);font-size:var(--klein);color:var(--lack);vertical-align:.5em;margin-right:.4em}.motion .tafel.kommt .frame{transform-origin:0;animation:.42s cubic-bezier(.3,.7,.2,1) fluegel}@keyframes fluegel{0%{opacity:.2;transform:perspective(1400px)rotateY(-24deg)}to{opacity:1;transform:none}}.frame{display:block;overflow:hidden}.tafel[hidden]{display:none}.schwelle{background:var(--schiefer)}.schwelle .film{width:100%;height:min(84vh,56vw)}.beratung{padding:clamp(5rem, 10vw, 10rem) var(--rand)}.stimme{margin-bottom:clamp(3rem,6vw,6rem)}.stimme p{max-width:15ch;font-family:var(--serif);font-style:italic;font-size:min(var(--display), 5vw);letter-spacing:-.015em;margin-bottom:1rem;line-height:1.04}.stimme footer{color:#4d5a58}.beratung-raster{grid-template-columns:1.3fr 1fr;align-items:end;gap:clamp(2rem,5vw,6rem);display:grid}.beratung figcaption{color:#4d5a58;margin-top:.7rem}.beratung h2{font-size:min(var(--display), 3.8vw);margin-bottom:1.4rem}.beratung-text p+p{margin-top:1rem}.familie{background:var(--schiefer);color:var(--kalk);padding:clamp(5rem, 10vw, 9rem) var(--rand);grid-template-columns:1fr 1fr;align-items:end;gap:clamp(2rem,5vw,6rem);display:grid}.riesenzahl{font-family:var(--serif);letter-spacing:-.05em;font-variant-numeric:lining-nums tabular-nums;font-size:min(26vw,23rem);line-height:.78}.riesenzahl span{display:inline-block}.familie-text h2{font-size:min(var(--display), 3.6vw);margin-bottom:1.6rem}.jahre{border-top:1px solid var(--kalk);margin-bottom:1.6rem}.jahre li{border-bottom:1px solid #4d5a58;grid-template-columns:4.2em 1fr;gap:1rem;padding:.8rem 0;transition:color .3s;display:grid}.jahre .j{font-variant-numeric:tabular-nums}.motion .jahre li:not(.an){color:#7d8a87}.besuch{padding:clamp(4rem, 8vw, 8rem) var(--rand);border-top:1px solid var(--schiefer)}.besuch h2{margin-bottom:clamp(2rem,4vw,3.5rem)}.besuch-raster{grid-template-columns:1fr 1.3fr auto;align-items:start;gap:2rem clamp(2rem,5vw,6rem);display:grid}address{font-style:normal;line-height:1.6}address .mass{margin-top:.9rem;display:inline-block}.kontakt{grid-template-columns:auto 1fr;gap:.5rem 1.6rem;display:grid}.kontakt dt{font-size:var(--klein);color:#4d5a58;padding-top:.2em}.kontakt dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.anrufen{background:var(--lack);color:var(--weiss);text-align:center;border-radius:2px;min-width:10.5em;padding:.85em 1.5em;text-decoration:none;display:inline-block}.anrufen span{transition:opacity .2s;display:inline-block}.fuss{padding:3rem var(--rand) 6rem;background:var(--schiefer);color:var(--kalk);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex}.gruss{font-family:var(--serif);font-size:clamp(1.3rem,1rem + 1vw,2.1rem)}.fuss button{text-underline-offset:3px;text-decoration:underline}.daumen{display:none}dialog{background:var(--weiss);max-width:min(36rem,92vw);color:var(--schiefer);border:0;padding:2rem}dialog::backdrop{background:#2632388c}dialog h2{margin-bottom:1rem;font-size:2rem}dialog p{margin-bottom:1rem}dialog .close{border-bottom:1px solid}@media (width<=760px){.kopf{padding:.9rem 1rem}.wortmarke{font-size:1.12rem}.bildmarke{height:1.2rem}.kopf-tel{padding-top:0}.einstieg{height:auto}.buehne{height:auto;position:relative}.buehne .film{height:58svh;position:relative}.einstieg-text{padding:1.2rem 1rem .4rem;position:static}.einstieg .wort{font-size:21vw}.hero-anruf{background:var(--lack);color:var(--weiss);text-align:center;border-radius:2px;margin-top:1.1rem;padding:.9em 1em;text-decoration:none;display:block}.plan-kopf,.plan-raster,.beratung-raster,.familie{grid-template-columns:1fr}.marke-nr{width:2.2rem;height:2.2rem;font-size:.78rem}.stimme p{font-size:clamp(2.1rem,9.5vw,2.8rem)}.familie{gap:1.5rem}.riesenzahl{font-size:40vw}.familie-text h2,.beratung h2{font-size:clamp(2.1rem,9vw,2.8rem)}.schwelle .film{height:72vw}.besuch-raster{grid-template-columns:1fr}.daumen{left:1rem;right:1rem;bottom:calc(.8rem + env(safe-area-inset-bottom));z-index:30;text-align:center;background:var(--lack);color:var(--weiss);border-radius:2px;padding:.9em 1em;text-decoration:none;transition:transform .3s;display:block;position:fixed;transform:translateY(160%)}.daumen.da{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.no-motion .einstieg{height:auto}.no-motion .buehne{position:relative}
