@font-face{font-family:Pathway Extreme Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:75% 100%;src:url(/assets/pathway-extreme-vietnamese-standard-normal-D3BHwGa_.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:Pathway Extreme Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:75% 100%;src:url(/assets/pathway-extreme-latin-ext-standard-normal-B3kx6GLN.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:Pathway Extreme Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:75% 100%;src:url(/assets/pathway-extreme-latin-standard-normal-B9CKxsFA.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{--weiss:#fff;--tinte:#1d1a1b;--grau:#66605f;--linie:#e7e3e1;--karmin:#b41243;--karmin-d:#8e0c33;--rahmen:clamp(10px, 1.9vw, 30px);--display:clamp(2.5rem, 6.6vw, 6.4rem);--text:clamp(1.06rem, .98rem + .3vw, 1.25rem);--klein:.875rem;--schrift:"Pathway Extreme Variable", "Arial Narrow", sans-serif;--stich:repeating-linear-gradient(118deg, #c92a59 0 .8px, var(--karmin) .8px 2.6px, var(--karmin-d) 2.6px 3.4px, #fff0 3.4px 4.4px);--stich-v:repeating-linear-gradient(28deg, #c92a59 0 .8px, var(--karmin) .8px 2.6px, var(--karmin-d) 2.6px 3.4px, #fff0 3.4px 4.4px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{background:var(--weiss);color:var(--tinte);font-family:var(--schrift);font-size:var(--text);margin:0;font-weight:400;font-stretch:100%;line-height:1.5;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}h1,h2,.wort{font-family:var(--schrift);letter-spacing:-.005em;margin:0;font-weight:800;font-stretch:75%;line-height:.95}h1,h2{font-size:var(--display)}.klein,small{font-size:var(--klein);letter-spacing:.01em;font-weight:500;font-stretch:88%}.stich{background-image:var(--stich);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:4px;text-decoration:none;transition:background-size .26s cubic-bezier(.3,.7,.3,1)}.stich:hover,.stich:focus-visible,.stich:active{background-size:100% 6px}a:focus-visible,button:focus-visible{outline:2px solid var(--karmin);outline-offset:3px}.faden{left:calc(var(--rahmen) / 2 - 3px);z-index:5;pointer-events:none;width:6px;position:fixed;top:0;bottom:0}.faden span{background:var(--stich-v);transform-origin:50% 0;transform:scaleY(var(--f,0));position:absolute;inset:0}@media (width<=760px){.faden{display:none}}.kopf{z-index:10;height:calc(var(--rahmen) + 52px);padding:0 calc(var(--rahmen) + 6px);align-items:center;gap:2.2rem;font-size:clamp(.9rem,.6rem + .45vw,1.2rem);font-weight:600;font-stretch:88%;display:flex;position:absolute;top:0;left:0;right:0}.marke{color:var(--karmin);line-height:0;display:block}.marke svg{aspect-ratio:1540/515;width:auto;height:clamp(1.75rem,2.2vw,2.8rem)}.kopf-nav{gap:1.6rem;margin-left:auto;display:flex}.kopf-tel{font-variant-numeric:tabular-nums}.einstieg{height:150vh;position:relative}.einstieg-buehne{height:100svh;padding:calc(var(--rahmen) + 52px) var(--rahmen) 0;flex-direction:column;display:flex;position:sticky;top:0}.bild{background:#c9cbc8;flex:auto;min-height:0;margin:0;position:relative;overflow:visible}.bild .foto,.bild .raster{object-fit:cover;object-position:50% 8%;width:100%;height:100%;position:absolute;inset:0}.bild .raster{opacity:0;transition:opacity .5s}.motion .bild.rastert .raster{opacity:1;transition:none}.naht{pointer-events:none;transform-origin:0 0;position:absolute}.naht-o,.naht-u{background:var(--stich);height:9px;left:-9px;right:-9px}.naht-l,.naht-r{background:var(--stich-v);width:9px;top:-9px;bottom:-9px}.naht-o{top:-9px}.naht-u{transform-origin:100% 0;bottom:-9px}.naht-r{right:-9px}.naht-l{transform-origin:0 100%;left:-9px}.motion .bild:not(.gekettelt) .naht-o,.motion .bild:not(.gekettelt) .naht-u{transform:scaleX(0)}.motion .bild:not(.gekettelt) .naht-l,.motion .bild:not(.gekettelt) .naht-r{transform:scaleY(0)}.motion .bild.gekettelt .naht{transition:transform .26s linear}.motion .bild.gekettelt .naht-r{transition-delay:.24s}.motion .bild.gekettelt .naht-u{transition-delay:.48s}.motion .bild.gekettelt .naht-l{transition-delay:.72s}.unterschrift{justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(1.2rem,2vw,1.8rem) 0 clamp(1rem,1.8vw,1.6rem);display:flex}.unterschrift h1{white-space:nowrap;font-size:min(5.6rem,5.4vw)}.unterschrift-text p{max-width:34em;color:var(--grau);margin:.6rem 0 0}.unterschrift-ort{text-align:right;font-size:var(--klein);white-space:nowrap;margin:0;font-weight:500;font-stretch:88%;line-height:1.6}.auftakt{z-index:2;background:var(--weiss);min-height:56vh;padding:clamp(4rem, 9vw, 9rem) var(--rahmen) clamp(4rem, 8vw, 8rem);margin-top:-48vh;position:relative}.auftakt-kante{background:var(--stich);height:9px;position:absolute;top:-9px;left:0;right:0}.auftakt-innen{grid-template-columns:repeat(12,1fr);gap:1.5rem;max-width:1500px;margin:0 auto;display:grid}.auftakt-satz{grid-column:1/span 8;margin:0;font-size:clamp(1.7rem,.8rem + 3.1vw,4.4rem);font-weight:600;font-stretch:80%;line-height:1.08}.auftakt-stimme{grid-column:9/span 4;align-self:end;margin:0}.auftakt-stimme p{color:var(--karmin);font-weight:600;font-stretch:85%;font-size:var(--text);margin:0;line-height:1.35}.auftakt-stimme footer,.familie-stimme footer{font-size:var(--klein);color:var(--grau);margin-top:.6rem}.kanten{z-index:2;background:var(--weiss);padding:0 var(--rahmen);position:relative}main>section:not(.einstieg){z-index:2;background:var(--weiss);position:relative}.kanten-kicker{font-size:var(--klein);letter-spacing:.04em;color:var(--karmin);max-width:1500px;margin:0 auto;padding-bottom:1rem;font-weight:600;font-stretch:88%;line-height:1.4}.kanten-buehne{max-width:1500px;margin:0 auto;position:relative}.kanten-liste{margin:0;padding:0;list-style:none}.wort{color:var(--tinte);white-space:nowrap;z-index:1;font-size:clamp(3rem,7.6vw,8.6rem);position:relative}.stueck-text{max-width:26em;margin:1rem 0 0}.kanten-zaehler{font-size:var(--klein);font-variant-numeric:tabular-nums;color:var(--grau);margin:0}@media (width>=761px){.motion .kanten-buehne{height:100vh}.motion .kanten-liste{height:100%;position:relative}.motion .stueck{grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:2vw;display:grid;position:absolute;inset:0}.motion .stueck .wort{grid-area:2/1;align-self:end}.motion .stueck .stueck-text{grid-area:3/1;align-self:start}.motion .stueck .frame{margin-right:calc(-1 * var(--rahmen));grid-area:1/2/span 3;align-self:center}.motion .stueck .frame img{aspect-ratio:auto;height:76vh}.motion .stueck .wort{font-size:clamp(2.8rem,5vw,5rem)}.motion .kanten-zaehler{position:absolute;bottom:8vh;left:0}.motion .kanten-kicker{z-index:1;position:absolute;top:9vh;left:0}.motion .stueck .frame{clip-path:inset(0 0 100%)}.motion .stueck:first-child .frame{clip-path:inset(0)}.motion .stueck .wort,.motion .stueck .stueck-text{opacity:0}.motion .stueck:first-child .wort,.motion .stueck:first-child .stueck-text{opacity:1}.no-motion .stueck{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:3vw;margin-bottom:5rem;display:grid}.no-motion .stueck .frame{grid-area:1/2/span 2}.no-motion .kanten-zaehler{display:none}}.frame{display:block;position:relative}.frame img{aspect-ratio:3/2;object-fit:cover;width:100%}.frame:after{content:"";left:0;right:0;top:var(--kante,100%);background:var(--stich);height:7px;opacity:var(--kante-a,0);pointer-events:none;margin-top:-3px;position:absolute}@media (width<=760px){.stueck{margin-bottom:3.5rem}.wort{font-size:clamp(2.4rem,11vw,3rem)}.stueck .frame{margin-top:1.2rem}.kanten-zaehler{display:none}}.treppe{padding:clamp(5rem, 10vw, 10rem) var(--rahmen) 0;grid-template-columns:repeat(12,1fr);align-items:end;gap:1.5rem;max-width:1560px;margin:0 auto;display:grid}.treppe-text{z-index:1;grid-area:1/1/auto/span 3;padding-bottom:3vw;position:relative}.treppe-text p{max-width:15em;margin:1rem 0 0}.treppe-film{aspect-ratio:3/2;grid-area:1/4/auto/-1}.film{background:#d8d4cf;position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .3s}.film.is-live canvas{opacity:1}.familie{padding:clamp(5rem, 10vw, 10rem) var(--rahmen);max-width:1500px;margin:0 auto}.familie-kopf{grid-template-columns:repeat(12,1fr);align-items:end;gap:1.5rem;display:grid}.familie-kopf h2{grid-column:1/span 6}.familie-kopf p{grid-column:8/span 5;margin:0}.faden-bild{margin:clamp(3rem,6vw,5rem) 0 0}.faden-buehne{margin-right:calc(-1 * var(--rahmen));position:relative}.faden-svg{width:100%;height:auto;display:block;overflow:visible}.faden-konus{color:var(--karmin)}.faden-lauf{fill:none;stroke:var(--karmin);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1}.faden-marke{font-size:var(--klein);margin:0;font-weight:500;font-stretch:88%;line-height:1.25;position:absolute}.faden-marke b{font-size:clamp(1.5rem,1rem + 1.4vw,2.4rem);font-weight:800;font-stretch:75%;line-height:1;display:block}.m1960{top:36%;left:28%}.m1998{color:var(--karmin);opacity:.15;max-width:16em;transition:opacity .3s;top:34%;left:49%}.m1998.da,.no-motion .m1998{opacity:1}.no-motion .m1998{transition:none}.faden-bild figcaption{font-size:var(--klein);color:var(--grau);margin-top:1.2rem}.familie-stimme{margin:0;position:absolute;top:0;left:72%;right:2%}.familie-stimme p{color:var(--karmin);margin:0;font-size:clamp(1.3rem,.8rem + 1.2vw,2.2rem);font-weight:600;font-stretch:85%;line-height:1.2}.wohnmobil{padding:0 var(--rahmen) clamp(5rem, 10vw, 10rem);grid-template-columns:repeat(12,1fr);align-items:start;gap:1.5rem;max-width:1560px;margin:0 auto;display:grid}.wohnmobil-film{aspect-ratio:3/2;grid-column:1/span 7}.wohnmobil-text{grid-column:8/span 5;padding-top:10vw}.wohnmobil-text h2,.treppe-text h2{font-size:min(var(--display), 5.4vw)}.wohnmobil-text p{margin:1rem 0 0}.wohnmobil-text .klein{color:var(--grau);margin-top:1.6rem}.besuch{padding:clamp(4rem, 8vw, 8rem) var(--rahmen);border-top:1px solid var(--linie);max-width:1500px;margin:0 auto}.besuch-raster{grid-template-columns:7fr 5fr;gap:4vw;margin-top:clamp(2rem,4vw,3.5rem);display:grid}.status{color:var(--karmin);margin:0 0 1rem;font-weight:700}.woche-tage{margin:0;padding:0;list-style:none}.woche-tage li{height:2.1rem;font-size:var(--klein);grid-template-columns:2.4rem 1fr;align-items:center;font-weight:600;font-stretch:88%;display:grid}.woche-tage i{border-bottom:1px solid var(--linie);height:100%;position:relative}.woche-tage li:not(.zu) i:before{content:"";background:var(--stich);width:60%;position:absolute;top:.55rem;bottom:.55rem;left:20%}.woche-tage li.zu{color:#a9a3a1}.woche-tage li.heute span{color:var(--karmin)}.woche-tage .jetzt{background:var(--tinte);width:2px;position:absolute;top:-.2rem;bottom:-.2rem}.woche-skala{height:1.4em;color:var(--grau);margin:.4rem 0 1.4rem 2.4rem;position:relative}.woche-skala span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.woche-skala span:last-child{transform:translate(-100%)}.adresse{font-style:normal}.adresse p{margin:0 0 1.2rem}.besuch-aktion{align-items:center;gap:1.6rem;display:flex;margin-top:2rem!important}.knopf{background:var(--karmin);color:var(--weiss);border-radius:3px;padding:.85rem 1.6rem;font-weight:700;font-stretch:88%;text-decoration:none;display:inline-block;position:relative}.knopf svg{width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px;overflow:visible}.knopf rect{fill:none;width:calc(100% - 3px);height:calc(100% - 3px);stroke:var(--karmin);stroke-width:3px;stroke-dasharray:4 3;stroke-dashoffset:0;opacity:0}.knopf.kettelt rect{opacity:1;animation:.38s linear umlauf}@keyframes umlauf{0%{clip-path:inset(0 100% 100% 0)}50%{clip-path:inset(0 0 50%)}to{clip-path:inset(0)}}.fuss{padding:3rem var(--rahmen) 3.5rem;text-align:center;font-size:var(--klein);color:var(--grau);border-top:1px solid var(--linie)}.fuss-konus{aspect-ratio:400/515;width:2.2rem;height:auto;color:var(--karmin)}.fuss p{margin:.8rem 0 0}.fuss-links button{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.4rem .6rem;text-decoration:underline}dialog{max-width:36rem;color:var(--tinte);border:0;border-top:7px solid var(--karmin);padding:2rem;font-size:1rem}dialog::backdrop{background:#1d1a1b8c}dialog h2{margin-bottom:1rem;font-size:2.2rem}dialog .close{font:inherit;background:var(--tinte);color:var(--weiss);cursor:pointer;border:0;padding:.6rem 1.2rem;font-weight:700}@media (width<=760px){:root{--display:clamp(2.3rem, 10.5vw, 3rem)}.kopf{gap:1rem;height:56px;padding:0 16px}.marke svg{height:1.25rem}.kopf-nav{display:none}.kopf-tel{margin-left:auto;font-size:.95rem}.einstieg{height:auto}.einstieg-buehne{height:auto;padding:56px 10px 0;position:relative}.bild{flex:none;height:58svh}.bild .foto,.bild .raster{object-position:66% 60%}.unterschrift{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.1rem 6px 1.6rem}.unterschrift h1{font-size:var(--display);white-space:normal}.unterschrift-text p{margin-top:.4rem;font-size:1rem}.unterschrift-ort{text-align:left}.auftakt{min-height:0;margin-top:0;padding:3.5rem 16px 3rem}.kanten{padding-top:0}.auftakt-innen,.familie-kopf{display:block}.auftakt-stimme{margin-top:2rem}.kanten,.treppe,.familie,.wohnmobil,.besuch{padding-left:16px;padding-right:16px}.treppe,.wohnmobil{display:block}.treppe-text{padding-bottom:1.4rem}.wohnmobil-text{padding-top:1.4rem}.familie-kopf p{margin-top:1rem}.besuch-raster{display:block}.adresse{margin-top:2rem}.wohnmobil-text h2,.treppe-text h2{font-size:var(--display)}.faden-buehne{margin-right:-16px}.m1960{top:calc(33.3333vw - 5.33333px + .8rem);left:0}.m1998{text-align:right;max-width:11em;top:-1.2rem;left:auto;right:0}.faden-bild figcaption{margin-top:1.4rem}.familie-stimme{margin:5rem 16px 0 0;position:static}.faden-buehne{flex-direction:column;display:flex}}.no-motion .raster{display:none}@media (prefers-reduced-motion:reduce){.stich,.faden span,.m1998{transition:none}.knopf.kettelt rect{animation:none}}
