/* Developed by Enjyn Gruppe — https://enjyn.de */
:root{--grund:#f4eee3;--grund-tief:#ece3d4;--tinte:#2a2017;--gedimmt:#94846f;--cognac:#8a4d15;--gold:#a87b3f;--linie:#2a201729;--schrift-display:"Fraunces", Georgia, serif;--schrift-text:"Jost", sans-serif;--schrift-mono:"IBM Plex Mono", monospace;--rand:clamp(1.25rem, 4vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--grund);color:var(--tinte);font-family:var(--schrift-text);letter-spacing:.015em;-webkit-font-smoothing:antialiased;font-size:1.02rem;font-weight:300;line-height:1.65;overflow-x:hidden}::selection{background:var(--cognac);color:var(--grund)}.mono{font-family:var(--schrift-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gedimmt);font-size:.7rem}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}#buehne{z-index:0;width:100%;height:100%;position:fixed;inset:0}.koernung{z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.12 0 0 0 0 0.08 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23r)'/%3E%3C/svg%3E");animation:.7s steps(3,end) infinite flimmern;position:fixed;inset:-100px}@keyframes flimmern{0%{transform:translate(0)}33%{transform:translate(-38px,22px)}66%{transform:translate(28px,-32px)}to{transform:translate(0)}}.vignette{z-index:40;pointer-events:none;background:radial-gradient(115% 92% at 50% 44%,#0000 58%,#78563229 100%);position:fixed;inset:0}.laden{z-index:100;background:var(--grund);text-align:center;place-content:center;justify-items:center;gap:1.5rem;display:grid;position:fixed;inset:0}.laden-tropfen{width:clamp(40px,5vw,54px);height:auto;overflow:visible}.laden-umriss{fill:none;stroke:var(--cognac);stroke-width:1.6px;opacity:.9}.laden-fuellung{fill:var(--cognac);opacity:.9}.laden-wortmarke{font-family:var(--schrift-display);letter-spacing:.34em;color:var(--tinte);opacity:0;margin-right:-.34em;font-size:clamp(2rem,5vw,3.4rem);font-style:italic;font-weight:420}.laden-status{font-size:.62rem}.zeiger{background:var(--cognac);z-index:110;pointer-events:none;opacity:0;border-radius:50%;width:10px;height:10px;transition:width .25s,height .25s,opacity .25s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.zeiger.aktiv{opacity:.85}.zeiger.wachsend{opacity:.25;width:44px;height:44px}@media (pointer:coarse){.zeiger{display:none}}.kopfleiste{z-index:60;padding:1.2rem var(--rand);justify-content:space-between;align-items:center;transition:padding .45s,background .45s,box-shadow .45s;display:flex;position:fixed;top:0;left:0;right:0}.kopfleiste.kompakt{padding:.65rem var(--rand);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--linie);background:#f4eee3db}.marke{font-family:var(--schrift-display);color:var(--tinte);font-size:1.45rem;font-style:italic;font-weight:460}.kapitel-label{color:var(--cognac);display:none;position:absolute;left:50%;transform:translate(-50%)}.navigation{font-family:var(--schrift-mono);letter-spacing:.12em;text-transform:uppercase;gap:2.2rem;font-size:.68rem;display:flex}.navigation a{color:var(--gedimmt);padding:.2rem 0;transition:color .3s;position:relative}.navigation a:hover{color:var(--tinte)}.navigation a:after{content:"";background:var(--cognac);transform-origin:100%;width:100%;height:1px;transition:transform .35s cubic-bezier(.65,0,.35,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.navigation a:hover:after,.navigation a.aktiv:after{transform-origin:0;transform:scaleX(1)}.navigation a.aktiv{color:var(--cognac)}.knopf{border:1px solid var(--cognac);color:var(--cognac);font-family:var(--schrift-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;font-size:.68rem;transition:background .3s,color .3s;display:inline-block}.knopf-klein{padding:.55rem 1.25rem}.knopf-gross{padding:1.05rem 3.4rem;font-size:.78rem}.knopf:hover{background:var(--cognac);color:var(--grund)}.fortschritt{left:var(--rand);z-index:60;flex-direction:column;align-items:center;gap:.8rem;display:flex;position:fixed;bottom:8vh}.fortschritt-bahn{background:var(--linie);width:1px;height:18vh;position:relative;overflow:hidden}.fortschritt-linie{background:var(--cognac);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.seite{z-index:10;position:relative}.abschnitt{min-height:100vh;padding:14vh var(--rand);align-items:center;display:flex;position:relative}.abschnitt-inhalt{width:100%;max-width:1500px;margin:0 auto}.rechtsbuendig{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.linksbuendig{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.mittig{text-align:center;flex-direction:column;align-items:center;display:flex}.kicker{color:var(--cognac);align-items:center;gap:.9rem;margin-bottom:1.7rem;display:flex}.kicker:before{content:"";background:var(--cognac);flex:none;width:2.6rem;height:1px}.rechtsbuendig .kicker{flex-direction:row-reverse}.kapitel-ziffer{z-index:-1;font-family:var(--schrift-display);color:#0000;-webkit-text-stroke:1px #8a4d1538;pointer-events:none;will-change:transform;font-size:clamp(10rem,26vw,26rem);font-style:italic;font-weight:300;line-height:1;position:absolute;top:8vh;left:2vw}.kapitel-ziffer.ziffer-rechts{left:auto;right:2vw}.seiten-label{z-index:60;writing-mode:vertical-rl;letter-spacing:.34em;color:var(--gedimmt);font-size:.58rem;position:fixed;top:50%;right:1.1rem;transform:translateY(-50%)rotate(180deg)}.titel{font-family:var(--schrift-display);font-optical-sizing:auto;letter-spacing:-.01em;text-shadow:0 1px 30px #f4eee3d9;font-size:clamp(2.9rem,7.5vw,7.2rem);font-weight:440;line-height:1.02}.titel em,.held-claim em,.outro-titel em{color:var(--cognac);font-style:italic;font-weight:400}.zeile{padding:.06em 0;display:block;overflow:hidden}.zeile>span{will-change:transform;display:block}.absatz{max-width:30rem;color:var(--gedimmt);text-shadow:0 1px 18px #f4eee3e6;margin-top:2.2rem;font-size:clamp(.98rem,1.2vw,1.12rem)}.held{text-align:center;flex-direction:column;justify-content:center;align-items:center}.held-titel{font-family:var(--schrift-display);font-optical-sizing:auto;letter-spacing:.005em;text-shadow:0 2px 40px #f4eee3bf;margin-top:1vh;font-size:clamp(4.4rem,17.5vw,19rem);font-weight:420;line-height:.94;display:flex}.held-buchstabe{will-change:transform, filter;display:inline-block}.held-claim{left:var(--rand);font-family:var(--schrift-display);color:var(--tinte);text-align:left;border-top:1px solid var(--cognac);padding-top:1rem;font-size:clamp(1.2rem,2.2vw,1.9rem);font-weight:400;line-height:1.25;position:absolute;bottom:16vh}.held-meta{right:var(--rand);text-align:right;border-top:1px solid var(--linie);padding-top:1rem;line-height:1.9;position:absolute;bottom:16vh}.held-hinweis{flex-direction:column;align-items:center;gap:.9rem;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.held-hinweis-linie{background:linear-gradient(to bottom, var(--cognac), transparent);transform-origin:top;width:1px;height:6vh;animation:2.4s ease-in-out infinite tropfen}@keyframes tropfen{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.zutaten{width:min(26rem,100%);margin-top:2.6rem;list-style:none}.zutaten li{border-bottom:1px solid var(--linie);text-shadow:0 1px 16px #f4eee3e6;justify-content:space-between;gap:2rem;padding:.85rem 0;display:flex}.zutaten li span:first-child{color:var(--tinte);transition:color .3s}.zutat-ort{color:var(--gedimmt)}@media (hover:hover){.zutaten li{transition:border-color .3s,padding-left .3s,padding-right .3s}.rechtsbuendig .zutaten li:hover{padding-right:.6rem}.linksbuendig .zutaten li:hover{padding-left:.6rem}.zutaten li:hover{border-color:var(--cognac)}.zutaten li:hover span:first-child{color:var(--cognac)}}.gravur{overflow:hidden}.gravur-marquee{pointer-events:none;opacity:.14;position:absolute;top:9vh;left:-4vw;right:-4vw;overflow:hidden;transform:rotate(-2deg)}.gravur-marquee-spur{white-space:nowrap;font-family:var(--schrift-display);color:var(--cognac);font-size:clamp(2.2rem,5vw,4.4rem);font-style:italic;font-weight:400;animation:26s linear infinite marquee;display:flex}.gravur-marquee-spur span{flex:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gravur-feld{flex-direction:column;align-items:center;gap:1.1rem;width:min(24rem,100%);margin-top:3.2rem;display:flex}.gravur-feld label{color:var(--cognac)}#gravurEingabe{text-align:center;width:100%;font-family:var(--schrift-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--tinte);border-bottom:1px solid var(--cognac);caret-color:var(--cognac);padding:.7rem 0 .8rem;font-size:clamp(1.1rem,2vw,1.5rem);transition:border-color .3s}#gravurEingabe::placeholder{color:#94846f8c}#gravurEingabe:focus{border-bottom-color:var(--tinte);outline:none}.gravur-hinweis{font-size:.62rem}.outro{flex-direction:column;justify-content:center;gap:4vh;padding-bottom:26vh}.outro-titel{font-family:var(--schrift-display);font-optical-sizing:auto;text-shadow:0 1px 30px #f4eee3d9;font-size:clamp(3.4rem,11vw,12rem);font-weight:440;line-height:.96}.outro-preis{color:var(--gedimmt)}.outro-preis .mono{color:var(--cognac);margin-right:.6rem}.kringel-wort{display:inline-block;position:relative}.kringel{pointer-events:none;width:114%;height:130%;position:absolute;inset:-12% -7% -18%;overflow:visible}.kringel path{stroke:var(--cognac);stroke-width:3.2px;stroke-linecap:round;opacity:.85}.outro-hinweis{min-height:1.2em;color:var(--cognac)}.fusszeile{padding:1.8rem var(--rand) 1.4rem;color:var(--gedimmt);border-top:1px solid var(--linie);flex-direction:column;gap:1.2rem;font-size:.74rem;display:flex;position:absolute;bottom:0;left:0;right:0}.fusszeile a{color:var(--tinte);border-bottom:1px solid var(--linie);transition:color .3s,border-color .3s}.fusszeile a:hover{color:var(--cognac);border-color:var(--cognac)}.fusszeile-oben{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.fusszeile-marke{font-family:var(--schrift-display);color:var(--tinte);font-size:1.3rem;font-style:italic;font-weight:460}.fusszeile-nav{gap:1.8rem;display:flex}.fusszeile-nav a{border-bottom:none}.fusszeile-unten{justify-content:space-between;gap:1rem;display:flex}@media (width<=900px){.navigation,.fortschritt,.seiten-label{display:none}.held-claim{bottom:19vh}.held-meta{display:none}.kapitel-ziffer{font-size:clamp(8rem,34vw,12rem);top:5vh}.fusszeile-oben,.fusszeile-unten{flex-direction:column;gap:.4rem}.fusszeile-nav{flex-wrap:wrap;gap:1rem 1.4rem}.kapitel-label{display:block}.abschnitt{padding:12vh 1.4rem}.rechtsbuendig,.linksbuendig{text-align:left;align-items:flex-start}.fusszeile{flex-direction:column;gap:.3rem}}@media (prefers-reduced-motion:reduce){.koernung,.held-hinweis-linie,.gravur-marquee-spur{animation:none}}