@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-ext-400-normal-DzElnxZw.woff2)format("woff2"),url(/assets/young-serif-latin-ext-400-normal-4arC2Gh9.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:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-wght-normal-CGKlZYBf.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-wght-normal-DLqwHbi6.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-wght-normal-e3e57Shi.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-wght-normal-CO1l-giJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-wght-normal-LcSrhZ7T.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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-wght-normal-BnEbWgdZ.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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-wght-normal-DLxlUchJ.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{--logo:#007439;--gruen:#0b4a2e;--nacht:#0a1d14;--glas:#eef3ee;--tinte:#12241a;--kante:#8fd1ae;--bg:var(--glas);--fg:var(--tinte);--akzent:var(--logo);--display:"Young Serif", Georgia, serif;--text:"Literata Variable", Georgia, serif;--gross:clamp(2.2rem, 4.4vw, 4.8rem);--normal:1.0625rem;--klein:.84rem;--rand:clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{background:var(--bg);color:var(--fg);font:400 var(--normal)/1.6 var(--text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.04}h2{font-size:var(--gross)}p{max-width:36em;margin:0 0 1em}.klein,cite,.quelle{font-size:var(--klein);font-style:normal}.frame{display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}button{font:inherit;color:inherit}.ritz{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;text-decoration:none;position:relative}.motion .ritz{background-size:0 1px;transition:background-size .38s cubic-bezier(.3,.7,.2,1)}.motion .ritz:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:5px;height:5px;transition:transform .38s cubic-bezier(.3,.7,.2,1),opacity .2s;position:absolute;bottom:-2px;left:0;transform:translate(0)}.motion .ritz:hover,.motion .ritz:focus-visible{background-size:100% 1px}.motion .ritz:hover:after,.motion .ritz:focus-visible:after{opacity:1;transform:translateX(calc(var(--w,100px) - 5px))}.knopf.ritz{background:var(--glas)}.motion .knopf.ritz:after{display:none}.leiste{z-index:30;height:68px;padding:0 var(--rand);color:var(--logo);justify-content:space-between;align-items:center;transition:background-color .3s,color .3s,transform .35s;display:flex;position:fixed;inset:0 0 auto}.leiste .marke{line-height:0;display:block}.leiste .logo{transform-origin:0;width:calc(4.475*clamp(1.6rem,1.9vw,2.5rem));height:clamp(1.6rem,1.9vw,2.5rem);transition:transform .3s}.leiste .links{color:var(--tinte);gap:clamp(18px,2.4vw,40px);font-size:clamp(.95rem,.9vw,1.2rem);display:flex}.leiste .links a{text-decoration:none}.leiste .tel{font-variant-numeric:tabular-nums}.leiste .kurz{display:none}.leiste.fest{background:var(--glas);box-shadow:0 1px #12241a1f}.leiste.fest .logo{transform:scale(.82)}.leiste.weg{transform:translateY(-100%)}.einstieg{height:175vh;position:relative}.no-motion .einstieg,.kompakt .einstieg{height:auto}.buehne{height:100svh;padding:76px var(--rand) 0;flex-direction:column;display:flex;position:sticky;top:0}.no-motion .buehne,.kompakt .buehne{position:relative}.scheibe{border:10px solid var(--logo);outline-offset:4px;touch-action:pan-y;cursor:crosshair;background:#cfdcd4;outline:1px solid #12241a33;flex:1;min-height:0;position:relative;overflow:hidden}.scheibe .foto,.scheibe canvas{object-fit:cover;object-position:50% 55%;width:100%;height:100%;position:absolute;inset:0}.scheibe canvas{display:block}.unterschrift{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 40px;padding:22px 0 26px;display:grid}.unterschrift h1{font-size:clamp(2.2rem,3.7vw,5.2rem)}.unterschrift .zeile{font-size:var(--klein);text-align:right;font-variant-numeric:tabular-nums;margin:0}.dunst{opacity:0;pointer-events:none;background:#e3ebe6;position:absolute;inset:0}[data-farbe=gruen]{--fg:var(--glas);--akzent:var(--kante)}[data-farbe=nacht]{--fg:#e6efe9;--akzent:var(--kante)}[data-farbe=glas]{--fg:var(--tinte);--akzent:var(--logo)}section[data-farbe]{color:var(--fg);z-index:2;position:relative}section[data-farbe=gruen]{background:var(--gruen)}section[data-farbe=nacht]{background:var(--nacht)}section[data-farbe=glas]{background:var(--glas)}.auftakt{padding:clamp(80px, 14vh, 160px) var(--rand) clamp(70px, 12vh, 140px);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:40px 64px;display:grid}.durchblick{margin:0}.durchblick p{font-family:var(--display);font-size:var(--gross);max-width:15em;margin-bottom:.5em;line-height:1.08}.durchblick em{color:var(--kante);font-style:normal}.durchblick cite{color:var(--kante)}.auftakt-text p{max-width:30em}.fenster{padding:clamp(60px, 10vh, 120px) var(--rand) clamp(60px, 10vh, 120px) 0;grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:center;gap:48px;display:grid}.film{aspect-ratio:3/2;background:#d6ded8;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 .6s}.film.is-live canvas{opacity:1}.fenster h2{margin-bottom:.45em}.schlaege{padding:clamp(80px, 14vh, 160px) var(--rand);grid-template-rows:auto auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 48px;display:grid;overflow:hidden}.schlaege-bild{grid-row:1/span 2}.schlaege-bild .frame{aspect-ratio:3/2}.schlag-woerter{font-family:var(--display);font-size:var(--gross);align-self:start;margin:0;padding:0;line-height:1.12;list-style:none;position:relative;left:-12%}.schlag-woerter li:nth-child(2){color:var(--kante);padding-left:1.2em}.schlag-woerter li:nth-child(3){padding-left:.5em}.schlaege-text{align-self:end}.schlaege-text h2{font-size:var(--normal);font-family:var(--text);letter-spacing:0;margin-bottom:.4em;font-weight:600;line-height:1.4}.haus{padding:clamp(80px, 13vh, 150px) var(--rand)}.haus-kopf{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 48px;margin-bottom:48px;display:grid}.haus-kopf p{margin:0}.haus-raster{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:48px;display:grid}.stapel{margin:0;padding:0;list-style:none}.stapel li+li{margin-top:6px}.stapel button{text-align:left;cursor:pointer;border:0;border-left:4px solid var(--kante);background:#0074390f;gap:2px;width:100%;padding:14px 18px 14px 22px;transition:transform .32s cubic-bezier(.3,.7,.2,1),background-color .3s,border-color .3s;display:grid;box-shadow:inset 0 1px #ffffffe6}.stapel .name{font-family:var(--display);font-size:clamp(1.3rem,1.7vw,1.9rem);line-height:1.15}.stapel .detail{font-size:var(--klein);opacity:0;max-height:0;transition:opacity .3s;overflow:hidden}.stapel button[aria-pressed=true]{border-left-color:var(--logo);background:#00743921;transform:translate(28px)}.stapel button[aria-pressed=true] .detail{opacity:1;max-height:4em}.stapel button:hover{transform:translate(10px)}.stapel button[aria-pressed=true]:hover{transform:translate(28px)}.stapel-bild{margin:0;position:sticky;top:90px}.stapel-bild .frame{aspect-ratio:4/3;border:8px solid var(--logo)}.stapel-bild img{transition:opacity .25s}.stapel-bild figcaption{font-size:var(--klein);max-width:34em;margin-top:12px}.prien{padding:clamp(80px,14vh,160px) 0 clamp(80px,12vh,140px)}.prien-kopf{padding:0 var(--rand);max-width:64em}.prien-kopf .ort{font-size:var(--klein);color:var(--kante);margin-bottom:1.2em}.prien-kopf h2{margin-bottom:.5em}.leisten-zahl{padding:clamp(40px, 8vh, 90px) var(--rand);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:4px 48px;display:grid}.zahl{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--kante);grid-row:1/span 2;margin:0;font-size:clamp(6rem,13vw,12rem);line-height:.85}.zahl .ca{vertical-align:top;color:var(--glas);margin-right:.35em;font-size:.22em}.einheit{align-self:end;margin:0}.ecken{grid-column:1/-1;width:100%;height:auto;margin-top:28px}.ecken path{fill:none;stroke-width:2.4px;stroke-linecap:square}.leisten-zahl .quelle{color:var(--kante);grid-column:1/-1;margin-top:10px}.prien .film{aspect-ratio:auto;height:min(78vh,66vw)}.herzblut{margin:clamp(48px, 9vh, 100px) var(--rand) 0 auto;max-width:40em;padding-right:var(--rand)}.herzblut p{font-family:var(--display);font-size:clamp(1.4rem,2.2vw,2.2rem);line-height:1.25}.herzblut cite{color:var(--kante)}.stimmen{padding:clamp(80px, 13vh, 150px) var(--rand)}.leise{font-family:var(--text);font-size:var(--klein);letter-spacing:.02em;margin-bottom:28px;font-weight:600}.stimmen ul{margin:0;padding:0;list-style:none}.stimmen li{border-top:1px solid #00743959;padding:22px 0}.stimmen li:nth-child(2){padding-left:12%}.stimmen li:nth-child(3){padding-left:24%}.stimmen li p{font-family:var(--display);max-width:none;margin:0;font-size:clamp(1.4rem,2.6vw,2.6rem);line-height:1.2}.besuch{padding:clamp(80px, 13vh, 150px) var(--rand) clamp(60px, 10vh, 120px)}.besuch h2{max-width:14em;margin-bottom:1.1em}.orte{border-top:4px solid var(--kante);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.ort-karte{padding:22px 28px 8px 0}.ort-karte+.ort-karte{border-left:1px solid #eef3ee40;padding-left:28px}.ort-name{font-family:var(--display);margin-bottom:.5em;font-size:clamp(1.3rem,1.7vw,1.9rem)}.knopf{background:var(--glas);color:var(--gruen);font-variant-numeric:tabular-nums;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.knopf:hover{background:#fff}.textlink{text-underline-offset:3px}.fuss{z-index:2;background:var(--glas);color:var(--tinte);padding:48px var(--rand) 64px;gap:10px;display:grid;position:relative}.fuss .logo{width:152.15px;height:34px;color:var(--logo);margin-bottom:8px}.fuss button{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}dialog{background:var(--glas);max-width:34em;color:var(--tinte);border:0;padding:28px}dialog::backdrop{background:#0a1d148c}dialog h2{margin-bottom:.6em;font-size:1.6rem}dialog .close{background:var(--logo);color:#fff;cursor:pointer;border:0;margin-top:8px;padding:10px 16px}@media (width<=760px){:root{--gross:clamp(2rem, 9vw, 2.7rem)}.leiste{height:56px}.leiste .logo{width:89.5px;height:20px}.leiste .nur-gross,.leiste .lang{display:none}.leiste .kurz{display:inline}.buehne{height:auto;min-height:100svh;padding-top:62px}.scheibe{border-width:7px;flex:none;height:58svh}.unterschrift{grid-template-columns:1fr;padding:18px 0 24px}.unterschrift h1{font-size:clamp(2.3rem,10.5vw,3rem)}.unterschrift .zeile{text-align:left;font-size:.95rem}.auftakt,.fenster,.schlaege,.haus-kopf,.haus-raster,.leisten-zahl{grid-template-columns:1fr}.fenster{padding-right:var(--rand);gap:28px;padding-left:0}.fenster-text{padding-left:var(--rand)}.schlaege-bild{grid-row:auto}.schlag-woerter{margin:-1.4em 0 28px;left:0}.stapel button[aria-pressed=true],.stapel button[aria-pressed=true]:hover{transform:translate(12px)}.stapel-bild{position:relative;top:0}.zahl{grid-row:auto}.prien .film{height:62svh}.herzblut{margin-left:var(--rand)}.stimmen li:nth-child(2),.stimmen li:nth-child(3){padding-left:0}.orte{grid-template-columns:1fr}.ort-karte,.ort-karte+.ort-karte{border-bottom:1px solid #eef3ee40;border-left:0;padding:20px 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a[href^=tel\:]{white-space:nowrap}@media (width<=760px){.schlag-woerter{margin:22px 0 24px}}.buehne{grid-template-columns:minmax(0,30fr) minmax(0,70fr);padding:0;display:grid}.unterschrift{background:var(--gruen);color:var(--glas);padding:0 var(--rand) clamp(36px, 7vh, 72px);flex-direction:column;order:-1;justify-content:flex-end;display:flex}.unterschrift h1{font-size:clamp(2.2rem,3.5vw,4.8rem);line-height:1.02}.unterschrift .zeile{text-align:left;font-size:var(--klein);color:var(--kante);margin-top:22px}.unterschrift .zeile a{color:var(--glas)}.scheibe{border:0;border-left:10px solid var(--logo);outline:0;height:100%}.leiste:not(.fest) .logo{color:var(--glas)}@media (width<=760px){.buehne{grid-template-columns:1fr;min-height:0}.unterschrift{padding:22px var(--rand) 28px;order:0}.unterschrift h1{font-size:clamp(2.2rem,10vw,2.9rem)}.scheibe{border-left:0;border-bottom:7px solid var(--logo);height:60svh}.leiste:not(.fest) .logo{color:var(--logo)}}.unterschrift{align-items:flex-start}.zahl{white-space:nowrap}.zahl .ca{transition:opacity .3s}