*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:root{color-scheme:dark;--grund: #1a1618;--grund-hell: #262022;--kreide: #f4efe9;--kreide-leise: #a9a09a;--gold: #e0a94f;--linie: #3a3236;--kopf-hoehe: 5.5rem}html{font-family:system-ui,-apple-system,Segoe UI,sans-serif;scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-hoehe) + 1rem)}body{margin:0;background:var(--grund);color:var(--kreide);line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.gold{background-image:linear-gradient(100deg,#a97a34,#e0a94f 30%,#fff4d6,#e0a94f 66%,#a97a34);background-size:250% 100%;display:inline-block;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@media(prefers-reduced-motion:no-preference){.gold{animation:gold-wandern 7s linear infinite}}@keyframes gold-wandern{to{background-position:-250% 0}}@supports not ((-webkit-background-clip: text) or (background-clip: text)){.gold{color:var(--gold);-webkit-text-fill-color:var(--gold);background-image:none}}.cta{position:relative;display:inline-block;overflow:hidden;padding:.85rem 1.9rem;border:1px solid var(--gold);border-radius:999px;background:linear-gradient(135deg,#f0c877,#e0a94f 45%,#c9913c);color:#1a1618;font-weight:700;text-decoration:none;box-shadow:0 6px 20px -8px #e0a94f8c;transition:box-shadow .25s ease,transform .25s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px -8px #e0a94fbf}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgb(255 255 255 / .55) 50%,transparent 62%);transform:translate(-120%)}.cta:hover:after,.cta:focus-visible:after{animation:cta-reflex .75s ease-out}@keyframes cta-reflex{to{transform:translate(120%)}}.cta.zweit{background:transparent;color:var(--kreide);border-color:#ffffff59;box-shadow:none}.cta.zweit:hover{border-color:var(--gold);color:var(--gold)}.cta.kompakt{padding:.6rem 1.4rem;font-size:.92rem}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){h2 .gold{animation:gold-wandern 7s linear infinite,enthuellen linear both;animation-timeline:auto,view();animation-range:normal,entry 10% entry 70%}}}@keyframes enthuellen{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 -2% 0 0);opacity:1}}@property --rahmen-winkel{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.goldrahmen{position:relative;isolation:isolate}.goldrahmen:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .35s ease;background:conic-gradient(from var(--rahmen-winkel),transparent 0deg,color-mix(in srgb,var(--gold) 55%,transparent) 55deg,var(--gold) 80deg,color-mix(in srgb,var(--gold) 55%,transparent) 105deg,transparent 160deg,transparent 360deg)}.goldrahmen:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--grund-hell)}.goldrahmen:hover:before,.goldrahmen:focus-within:before{opacity:.55;animation:rahmen-drehen 4.5s linear infinite}@keyframes rahmen-drehen{to{--rahmen-winkel: 360deg}}@media(prefers-reduced-motion:reduce){.goldrahmen:hover:before,.goldrahmen:focus-within:before{animation:none;background:var(--gold)}}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.028;background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .42) 0 1px,transparent 1px 42px),repeating-linear-gradient(-45deg,rgb(255 255 255 / .42) 0 1px,transparent 1px 42px),repeating-linear-gradient(45deg,transparent 0 2px,rgb(0 0 0 / .85) 2px 4px,transparent 4px 42px),repeating-linear-gradient(-45deg,transparent 0 2px,rgb(0 0 0 / .85) 2px 4px,transparent 4px 42px),repeating-linear-gradient(45deg,var(--gold) 0 1px,transparent 1px 42px),repeating-linear-gradient(-45deg,var(--gold) 0 1px,transparent 1px 42px),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .38) 0 14%,rgb(255 255 255 / .12) 38%,transparent 66%),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .38) 0 14%,rgb(255 255 255 / .12) 38%,transparent 66%);background-size:auto,auto,auto,auto,auto,auto,59.4px 59.4px,59.4px 59.4px;background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,29.7px 29.7px}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){main>.block{animation:auftauchen linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@keyframes auftauchen{0%{opacity:0;transform:translateY(2rem)}}main>.block#konfigurator{animation:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero{position:relative;min-height:min(86vh,50rem);display:grid;align-items:center;overflow:clip}.hintergrund{position:absolute;inset:0;z-index:0}.video,.hintergrund img{width:100%;height:100%;object-fit:cover;display:block}.schleier{position:absolute;inset:0;background:linear-gradient(to right,#141113eb,#141113b8 45%,#14111359),linear-gradient(to top,var(--grund) 2%,transparent 40%)}.ton{position:absolute;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:3;display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;border:1px solid rgb(255 255 255 / .3);background:#14111399;backdrop-filter:blur(6px);color:var(--kreide);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.ton:hover{border-color:var(--gold);color:var(--gold)}.ton[aria-pressed=true] .ton-symbol{color:var(--gold)}.inhalt{position:relative;z-index:1;max-width:44rem;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,3rem)}.hero-logo{display:block;height:auto;margin-bottom:1.1rem;filter:drop-shadow(0 6px 20px rgb(0 0 0 / .6))}.hero .eyebrow{margin:0 0 1.35rem;font-size:.78rem;font-weight:700;letter-spacing:.16em;line-height:1.7;text-transform:uppercase;color:var(--gold)}.hero h1{margin:0 0 1.25rem;font-size:clamp(2.1rem,6.4vw,3.9rem);line-height:1.18;letter-spacing:-.012em;text-wrap:balance;filter:drop-shadow(0 2px 20px rgb(0 0 0 / .6))}.hero .text{margin:0 0 2rem;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.65;max-width:34rem;color:#ded6d0}.hero .knoepfe{display:flex;flex-wrap:wrap;gap:.7rem;margin:0 0 1.1rem}.hero .klein{margin:0;font-size:.9rem;color:var(--kreide-leise)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hintergrund{animation:schieben linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.inhalt{animation:aufloesen linear both;animation-timeline:view();animation-range:exit 0% exit 90%}}}@keyframes schieben{0%{transform:translateY(-8%) scale(1.12)}to{transform:translateY(8%) scale(1.12)}}@keyframes aufloesen{to{opacity:0;transform:translateY(-2.5rem)}}.logo{position:relative;display:block;width:var(--g);height:var(--g);flex:none}.logo img{position:absolute;inset:0;width:100%;height:100%;display:block}.sauce{clip-path:inset(0 0 67.5% 0);animation:sauce-laeuft 1.9s cubic-bezier(.3,.7,.25,1) var(--v) forwards}@keyframes sauce-laeuft{0%{clip-path:inset(0 0 67.5% 0)}to{clip-path:inset(0 0 53% 0)}}@media(prefers-reduced-motion:reduce){.sauce{clip-path:none;animation:none}}.leiste,.karten{list-style:none;margin:0;padding:0}.leiste{display:flex;align-items:center;gap:.6rem}.leiste a{display:grid;place-items:center;min-width:44px;min-height:44px;margin:-3px;border-radius:999px;transition:transform .15s ease}.leiste a:hover{transform:translateY(-2px) scale(1.06)}.leiste img{display:block;width:var(--groesse);height:var(--groesse)}.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem}.karten li{border-radius:16px;transform:perspective(800px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));transition:transform .3s cubic-bezier(.22,1,.36,1)}.karten a{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--linie);border-radius:16px;background:var(--grund-hell);color:var(--kreide);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.karten a:hover{border-color:var(--gold);transform:translateY(-3px)}.karten img{display:block;width:3.25rem;height:3.25rem;flex:none}.karte-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}:is(.leiste,.karten) .karte-name{font-weight:700;font-size:1.05rem}.karte-handle{font-size:.82rem;color:var(--gold);overflow-wrap:anywhere}.karte-zeile{font-size:.82rem;color:var(--kreide-leise);line-height:1.4}.pfeil{margin-left:auto;font-size:1.3rem;color:var(--kreide-leise)}.karten a:hover .pfeil{color:var(--gold)}:is(.leiste,.karten) .nur-vorlesen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.leiste a:hover,.karten a:hover{transform:none}}.inhaber{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}@media(max-width:52rem){.inhaber{grid-template-columns:1fr;justify-items:center;text-align:center}}.bild{position:relative}.bild:before{content:"";position:absolute;inset:12% 4% 0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 30%,transparent),transparent 68%);filter:blur(28px);z-index:0}.bild img{position:relative;z-index:1;width:100%;height:auto;display:block}.inhaber .eyebrow{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.inhaber h2{margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.inhaber .text p{margin:0 0 .9rem;color:var(--kreide-leise);max-width:36rem}.inhaber .claim{font-size:1.15rem;font-weight:700;color:var(--gold)!important}.bewertungen{display:flex;flex-direction:column;gap:1.1rem}.kopfzeile{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem}.note{display:flex;align-items:baseline;gap:.45rem;margin:0}.note-sterne{color:var(--gold);font-size:1.8rem;line-height:1}@property --z-ganz{syntax: "<integer>"; initial-value: 0; inherits: true;}@property --z-zehntel{syntax: "<integer>"; initial-value: 0; inherits: true;}@property --z-anzahl{syntax: "<integer>"; initial-value: 0; inherits: true;}.note-zahl:after{counter-reset:ganz var(--z-ganz) zehntel var(--z-zehntel);content:counter(ganz) "," counter(zehntel)}.zaehler-anzahl:after{counter-reset:anzahl var(--z-anzahl);content:counter(anzahl)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.note-zahl{animation:zahl-hoch 1s linear both;animation-timeline:view();animation-range:entry 20% entry 90%}.zaehler-anzahl{animation:anzahl-hoch 1s linear both;animation-timeline:view();animation-range:entry 20% entry 90%}}}@keyframes zahl-hoch{to{--z-ganz: var(--ziel-ganz);--z-zehntel: var(--ziel-zehntel)}}@keyframes anzahl-hoch{to{--z-anzahl: var(--ziel-anzahl)}}@supports not (animation-timeline: view()){.note-zahl{--z-ganz: var(--ziel-ganz);--z-zehntel: var(--ziel-zehntel)}.zaehler-anzahl{--z-anzahl: var(--ziel-anzahl)}}@media(prefers-reduced-motion:reduce){.note-zahl{--z-ganz: var(--ziel-ganz);--z-zehntel: var(--ziel-zehntel)}.zaehler-anzahl{--z-anzahl: var(--ziel-anzahl)}}.note-zahl{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.note-von{font-size:1rem;font-weight:600;color:var(--kreide-leise)}.note-quelle{margin:0;font-size:.95rem;line-height:1.5;color:var(--kreide-leise);max-width:52rem;text-wrap:pretty}.note-quelle a{display:inline-block}.note-quelle strong{color:var(--kreide)}.note-quelle a{color:var(--gold)}.lauf{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;min-width:0}.lauf::-webkit-scrollbar{display:none}.lauf.wird-gezogen{cursor:grabbing;scroll-behavior:auto}.lauf{-webkit-mask-image:linear-gradient(to right,transparent,#000 3.5rem,#000 calc(100% - 3.5rem),transparent);mask-image:linear-gradient(to right,transparent,#000 3.5rem,#000 calc(100% - 3.5rem),transparent)}.bewertungsspur{display:flex;width:max-content}.reihe{display:flex;gap:1rem;margin:0;padding:0 .5rem 0 0;list-style:none}.karte{flex:0 0 20rem;transform:perspective(700px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;border:1px solid var(--linie);border-radius:14px;background:var(--grund-hell)}.karte-sterne{margin:0;color:var(--gold);font-size:1rem;letter-spacing:.1em}.bewertungen blockquote{white-space:pre-line;margin:0;font-size:.95rem;line-height:1.55}.karte-fuss{display:flex;flex-direction:column;gap:.1rem;margin:auto 0 0;padding-top:.5rem;border-top:1px solid var(--linie)}.bewertungen .karte-name{font-weight:700;font-size:.9rem}.karte-wann{font-size:.78rem;color:var(--kreide-leise)}.bewertungshinweis{margin:0;font-size:.88rem;line-height:1.55;color:var(--kreide-leise);max-width:64rem;text-wrap:pretty}.bewertungen .nur-vorlesen{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.bewertungsspur{animation:none}.lauf{overflow-x:auto}.lauf:before,.lauf:after{display:none}}.reel-reihe{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.reel-reihe iframe{flex:0 0 min(20rem,82vw);scroll-snap-align:start;height:32rem;border:0;border-radius:12px;background:var(--grund-hell)}.leer{margin:0;padding:1.1rem 1.25rem;border:1px dashed var(--linie);border-radius:12px;font-size:.9rem;line-height:1.6;color:var(--kreide-leise)}.leer strong{color:var(--kreide)}.leer code{font-size:.86em;background:var(--grund-hell);padding:.1em .4em;border-radius:4px}.leer a{color:var(--gold)}.konf{--grund: #1a1618;--grund-hell: #262022;--kreide: #f4efe9;--kreide-leise: #a9a09a;--gold: #e0a94f;--linie: #3a3236;background:var(--grund);color:var(--kreide);border-radius:20px;padding:clamp(1rem,3vw,2rem)}.konf-hinweis{margin:0 0 1.1rem;padding:.7rem 1rem;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--gold) 8%,transparent);font-size:.86rem;line-height:1.55;color:var(--kreide-leise);text-wrap:pretty}.konf-raum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:clamp(1rem,3vw,2.5rem);align-items:start}.vorschau-anker{display:none}@media(max-width:60rem){.konf-raum{display:flex;flex-direction:column;align-items:stretch}.vorschau-anker{display:block}.vorschau{position:static}.vorschau.schwebt{position:fixed;top:calc(var(--kopf-hoehe) + .4rem);right:.6rem;width:52vw;max-width:13.5rem;z-index:40;pointer-events:none;animation:teller-schwebt-ein .45s cubic-bezier(.22,1,.36,1) both}.vorschau.schwebt .bilanz{display:none}.vorschau.schwebt .buehne{background:transparent;border-color:transparent;padding:0;filter:drop-shadow(0 10px 16px rgb(0 0 0 / .55))}.bilanz-hinweis{display:none}}@keyframes teller-schwebt-ein{0%{opacity:0;transform:translate(1.6rem) scale(.92)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vorschau.schwebt{animation:none}}.bilanz-titel{margin:0 0 .35rem;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.buehne.zeigt-fertig .bilanz-titel{display:none}.fertig-hinweis{margin:0 0 .8rem;padding:.6rem .9rem;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--gold) 16%,var(--grund-hell));font-size:.92rem;font-weight:600;line-height:1.5;color:var(--kreide);text-wrap:pretty}.steps{display:flex;flex-direction:column;gap:1rem;min-width:0}.step{position:relative;min-width:0;border-radius:16px;padding:clamp(1.1rem,3vw,2rem) 0;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--produkt-farbe) 42%,transparent),transparent 70%),var(--grund-hell);transition:background .5s ease}.step:before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(38% 44% at 22% 30%,var(--bunt-a, transparent),transparent 68%),radial-gradient(42% 38% at 78% 68%,var(--bunt-b, transparent),transparent 68%);filter:blur(38px) saturate(150%);opacity:.75;animation:schlieren 18s ease-in-out infinite alternate;transition:background .6s ease}.step-kopf,.karussell,.step-fuss{position:relative;z-index:1}@keyframes schlieren{0%{transform:translate3d(-4%,-3%,0) scale(1)}50%{transform:translate3d(5%,4%,0) scale(1.12)}to{transform:translate3d(-2%,6%,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){.step:before{animation:none}}.step-kopf{display:flex;flex-direction:column;gap:.2rem;padding:0 clamp(1rem,3vw,2rem);margin-bottom:1rem}.step-nummer{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.step-hinweis{margin:.25rem 0 0;font-size:.85rem;color:var(--kreide-leise)}.step-kopf h3{margin:0;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.1;letter-spacing:-.02em}.karussell{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.karussell::-webkit-scrollbar{display:none}.karussell:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.spur{display:flex;align-items:center;gap:1.5rem;width:max-content;perspective:1100px;transform-style:flat}.vorlauf{flex:0 0 var(--vorlauf, 0px);width:var(--vorlauf, 0px);align-self:stretch}.produkt{flex:0 0 13rem;width:13rem;scroll-snap-align:center;cursor:pointer;position:relative;z-index:var(--z, 1);display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;padding:1rem .75rem;transform:rotateY(var(--ry, 0deg)) scale(var(--sc, 1));opacity:var(--op, 1);will-change:transform}.fertigwaffel{width:100%;aspect-ratio:360 / 260;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.drehraum{perspective:900px;touch-action:none;cursor:grab}.drehraum.wird-gedreht{cursor:grabbing}.waffelbau{transform:rotateX(var(--kx, 0deg)) rotateY(var(--ky, 0deg));transform-origin:50% 62%;transition:transform .45s cubic-bezier(.22,1,.36,1)}.drehraum.wird-gedreht .waffelbau{transition:none}.teller-bild,.waffel-bild{animation:.7s cubic-bezier(.22,1,.36,1) both}.teller-bild{animation-name:von-links}.waffel-bild{animation-name:von-rechts;animation-delay:.16s}@keyframes von-links{0%{transform:translate(-160px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes von-rechts{0%{transform:translate(170px);opacity:0}to{transform:translate(0);opacity:1}}.ebene.aufstrich .belag{clip-path:inset(0 0 100% 0)}.ebene.aufstrich.is-aktiv .belag{animation:belag-fliesst .9s cubic-bezier(.35,.8,.3,1) forwards}@keyframes belag-fliesst{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}.fertigwaffel img{min-height:0;width:auto;max-width:100%;max-height:74%;object-fit:contain;filter:drop-shadow(0 16px 24px rgb(0 0 0 / .55))}.fertigwaffel figcaption{font-size:.88rem;line-height:1.5;text-align:center;color:var(--kreide);text-wrap:balance}.produkt-bild{width:9rem;height:9rem;display:grid;place-items:center;transition:filter .25s ease,transform .25s ease;filter:drop-shadow(0 12px 18px rgb(0 0 0 / .55))}.produkt-bild:empty{border-radius:50%;background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--farbe) 65%,#fff),var(--farbe) 62%)}.produkt[aria-selected=true] .produkt-bild{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 70%,transparent)) drop-shadow(0 14px 20px rgb(0 0 0 / .6))}.produkt-name{margin:0;font-size:1.15rem;font-weight:700;line-height:1.2;text-wrap:balance}.produkt-preis{margin:0;font-size:1rem;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.produkt-info{margin:0;font-size:.8rem;line-height:1.4;color:var(--kreide-leise)}.step-fuss{display:flex;align-items:center;justify-content:center;gap:.9rem;padding:.6rem clamp(1rem,3vw,2rem) 0}.karussell-raum{position:relative;z-index:1}.karussell-pfeil{position:absolute;top:50%;translate:0 -50%;z-index:2;width:3rem;height:3rem;flex:none;border-radius:50%;border:1px solid var(--linie);background:color-mix(in srgb,var(--grund) 88%,transparent);backdrop-filter:blur(6px);color:var(--kreide);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .2s ease,border-color .2s ease,scale .2s ease}.karussell-pfeil svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.karussell-pfeil.links{left:clamp(.35rem,1.5vw,1rem)}.karussell-pfeil.rechts{right:clamp(.35rem,1.5vw,1rem)}.karussell-pfeil:hover{background:var(--grund);border-color:var(--gold);scale:1.08}.karussell-pfeil:hover{border-color:var(--gold);color:var(--gold)}.karussell-pfeil:focus-visible,.waehlen:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.waehlen{min-width:11rem;padding:.65rem 1.4rem;border-radius:999px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:inherit;font-weight:700;cursor:pointer}.waehlen.is-drin{background:var(--gold);color:#1a1618}.gewaehlt-hinweis{margin:0;font-size:.78rem;color:var(--kreide-leise);text-align:center}.vorschau{position:sticky;top:calc(var(--kopf-hoehe) + 1rem);min-width:0}.buehne{--px: 0;--py: 0;position:relative;background:var(--grund-hell);border:1px solid var(--linie);border-radius:16px;padding:1rem}.buehne svg{width:100%;height:auto;display:block;overflow:visible;position:relative;z-index:1}.teller{fill:#322a2e}.ebene{display:none;transform:translate(calc(var(--px) * var(--tiefe) * 1px),calc(var(--py) * var(--tiefe) * .55px));transition:transform .35s cubic-bezier(.22,1,.36,1)}.ebene.is-aktiv{display:inline}.waffel-kante{fill:#8f5f26}.waffel-deck{fill:#d9a45b}.waffel-gitter{stroke:#b47c37;stroke-width:4;opacity:.8;fill:none}.waffel-rand{fill:none;stroke:#8f5f26;stroke-width:2;opacity:.45}.stueck{fill:var(--farbe);transform-box:fill-box;transform-origin:center;transform:rotate(var(--r));filter:drop-shadow(0 2px 2px rgb(60 30 10 / .55))}.ebene.schicht .stueck{filter:none}.ebene.schicht{filter:drop-shadow(0 3px 3px rgb(60 30 10 / .5))}.ebene.is-faellt .stueck{animation:fallen .62s cubic-bezier(.3,1.35,.55,1) backwards;animation-delay:var(--d)}@keyframes fallen{0%{transform:translateY(-110px) rotate(0) scale(.4);opacity:0}60%{opacity:1}to{transform:translateY(0) rotate(var(--r)) scale(1);opacity:1}}.bilanz{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--linie);display:flex;flex-direction:column;gap:.25rem}.bilanz-liste{margin:0;font-size:.85rem;line-height:1.45;color:var(--kreide-leise)}.bilanz-hinweis{margin:.5rem 0 0;padding-top:.6rem;border-top:1px solid var(--linie);font-size:.78rem;line-height:1.5;color:var(--kreide-leise)}.bilanz-preis{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--gold);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.karussell{scroll-behavior:auto}.produkt{transform:none;opacity:1}.ebene{transition:none;transform:none}.ebene.is-faellt .stueck{animation:none}.step{transition:none}}.getraenke{display:flex;flex-direction:column;gap:1.5rem}.getraenke .eyebrow{margin:0 0 .2rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.getraenke h2{margin:0;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.1;letter-spacing:-.02em}.neuheiten{margin-bottom:clamp(1.5rem,4vw,2.75rem)}.getraenke .neuheiten dl{display:block;columns:3 17rem;column-gap:clamp(1.5rem,3vw,2.75rem)}.getraenke .neuheiten .zeile{break-inside:avoid;margin-bottom:.6rem}.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:clamp(1.25rem,3vw,2.5rem)}.gruppe h3{margin:0 0 .75rem;font-size:1rem;font-weight:700;letter-spacing:.02em;padding-bottom:.5rem;border-bottom:1px solid var(--linie)}.getraenke dl{margin:0;display:flex;flex-direction:column;gap:.55rem}.zeile{display:flex;align-items:flex-start;gap:.6rem;--erste-zeile: 1.62em}.getraenke dt{flex:0 1 auto;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.5rem;min-width:0}.getraenk-name{min-width:0;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;line-height:var(--erste-zeile)}.zeile:after{content:"";flex:1 0 2rem;order:1;align-self:flex-start;margin-top:calc(var(--erste-zeile) / 2);border-bottom:1px dotted var(--linie)}.getraenke dd{order:2;align-self:flex-start;margin:0;line-height:var(--erste-zeile);font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}.menge,.getraenke .hinweis{font-size:.78rem;color:var(--kreide-leise)}.fussnote{margin:0;font-size:.8rem;color:var(--kreide-leise)}.gutschein{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,24rem);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}@media(max-width:52rem){.gutschein{grid-template-columns:1fr}}.gutschein .eyebrow{margin:0 0 .3rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.gutschein h2{margin:0 0 .8rem;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.1;letter-spacing:-.02em}.lead{margin:0 0 1.5rem;color:var(--kreide-leise);max-width:34rem}.fragen{margin:0;display:flex;flex-direction:column;gap:.9rem}.fragen dt{font-weight:700;font-size:.98rem}.fragen dd{margin:.15rem 0 0;color:var(--kreide-leise);font-size:.92rem;line-height:1.5}.hashtag{margin:1.5rem 0 0;font-size:1.1rem;font-weight:800;letter-spacing:.04em;color:var(--gold)}.gutschein-buehne{display:flex;flex-direction:column;align-items:center;gap:1rem;perspective:1400px}.gutschein-karte{position:relative;width:min(100%,22rem);aspect-ratio:1;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.32,1,.36,1);transform:rotateY(calc(var(--flip, 0deg) + var(--ty, 0deg))) rotateX(var(--tx, 0deg))}.gutschein-karte.is-gedreht{--flip: 180deg}.seite{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.seite img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 26px rgb(0 0 0 / .7))}.rueckseite{transform:rotateY(180deg)}.seite img{width:100%;height:100%;object-fit:cover;display:block}.drehen{padding:.6rem 1.4rem;border-radius:999px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:inherit;font-weight:700;cursor:pointer}.drehen:hover{background:var(--gold);color:#1a1618}@media(prefers-reduced-motion:reduce){.gutschein-karte{transition:none;transform:rotateY(var(--flip, 0deg))}}.extern{position:relative;min-height:var(--hoehe);border:1px solid var(--linie);border-radius:14px;overflow:hidden;background:var(--grund-hell)}.platzhalter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;min-height:var(--hoehe);padding:clamp(1.25rem,4vw,2.5rem)}.anbieter{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.extern h3{margin:0;font-size:1.3rem;line-height:1.2}.extern .hinweis{margin:0;max-width:32rem;font-size:.9rem;line-height:1.55;color:var(--kreide-leise)}.extern button{margin-top:.4rem;padding:.7rem 1.6rem;border-radius:999px;border:1px solid var(--gold);background:var(--gold);color:#141113;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#efbc63}.extern .klein{margin:0;font-size:.76rem;color:var(--kreide-leise);max-width:30rem}.extern .klein a{color:var(--kreide-leise)}.extern iframe{display:block;width:100%;height:var(--hoehe);border:0}.banner{position:fixed;inset:auto 0 0;z-index:100;background:#141113;border-top:2px solid var(--gold);box-shadow:0 -12px 40px -12px #000c}.banner-inhalt{max-width:60rem;margin:0 auto;padding:clamp(1rem,3vw,1.6rem);display:flex;flex-direction:column;gap:.8rem}.banner h2{margin:0;font-size:1.15rem}.banner .text{margin:0;font-size:.88rem;line-height:1.55;color:var(--kreide-leise);max-width:46rem}.schalter{display:flex;flex-direction:column;gap:.6rem;padding:.8rem;border:1px solid var(--linie);border-radius:10px}.schalter-zeile{display:flex;gap:.7rem;align-items:start;cursor:pointer}.schalter-zeile input{margin-top:.25rem;width:1.1rem;height:1.1rem;flex:none;accent-color:var(--gold);cursor:pointer}.schalter-zeile span{display:flex;flex-direction:column;gap:.15rem}.zweck{font-size:.8rem;line-height:1.45;color:var(--kreide-leise)}.banner .knoepfe{display:flex;flex-wrap:wrap;gap:.6rem}.knopf{padding:.7rem 1.5rem;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.haupt{flex:1 1 12rem;border:1px solid var(--gold);background:var(--gold);color:#141113}.haupt:hover{background:#efbc63}.neben{flex:0 1 auto;border:1px solid var(--linie);background:transparent;color:var(--kreide)}.neben:hover{border-color:var(--gold);color:var(--gold)}.rechtliches{margin:0;font-size:.8rem;color:var(--kreide-leise)}.rechtliches a{color:var(--kreide-leise)}.fuss{margin-top:clamp(3rem,8vw,6rem);border-top:1px solid var(--linie);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--gold) 4%,transparent))}.raum{max-width:78rem;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,3rem) 2.5rem;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(1.75rem,4vw,3rem)}@media(max-width:60rem){.raum{grid-template-columns:repeat(2,minmax(0,1fr))}.marke-spalte{grid-column:1 / -1}}@media(max-width:34rem){.raum{grid-template-columns:1fr}}.spalte{display:flex;flex-direction:column;gap:.7rem;min-width:0}.fuss .marke{display:flex;align-items:center;gap:.7rem;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--kreide);text-decoration:none}.fuss .marke img{display:block;height:auto}.fuss .claim{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.beschreibung{margin:0 0 .4rem;font-size:.9rem;line-height:1.55;color:var(--kreide-leise);max-width:22rem}.fuss h2{margin:0 0 .2rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--kreide)}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}nav a{display:inline-block;padding-block:.4rem}.fuss address{font-style:normal;font-size:.92rem;line-height:1.6;color:var(--kreide-leise)}.spalte p{margin:0;font-size:.92rem;line-height:1.6;color:var(--kreide-leise)}.leise{color:var(--kreide-leise);font-size:.86rem}.fuss a{color:var(--kreide-leise);text-decoration:none;font-size:.92rem}.fuss a:hover{color:var(--gold)}.fuss-knopf{padding:0;border:0;background:none;font:inherit;font-size:.92rem;color:var(--kreide-leise);cursor:pointer}.fuss-knopf:hover{color:var(--gold)}.fuss-knopf:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.marke,.fuss .marke:hover{color:var(--kreide)}.fussleiste{border-top:1px solid var(--linie)}.fussleiste{max-width:78rem;margin:0 auto;padding:1.1rem clamp(1rem,4vw,3rem);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.5rem;font-size:.82rem;color:var(--kreide-leise)}.fussleiste p{margin:0}.urheber strong{color:var(--kreide);font-weight:600}.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:#1a1618;padding:.75rem 1.25rem;font-weight:700;z-index:200}.skip:focus{left:.5rem;top:.5rem}.kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--kopf-hoehe);padding:.7rem clamp(1rem,4vw,3rem);position:sticky;top:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,min-height .3s ease,padding .3s ease}.kopf:has(.hauptnav[data-offen]){z-index:110}.kopf.ist-gescrollt{background:color-mix(in srgb,var(--grund) 68%,transparent);backdrop-filter:blur(14px);border-bottom-color:color-mix(in srgb,var(--linie) 70%,transparent);min-height:3.2rem;padding-block:.25rem}.kopf.ist-gescrollt .logo{--g: 30px}.kopf.ist-gescrollt .marke{font-size:.98rem;gap:.45rem}.kopf.ist-gescrollt .leiste{--groesse: 26px}.kopf.ist-gescrollt nav{font-size:.9rem}.logo,.marke,.kopf .leiste{transition:font-size .3s ease,gap .3s ease}.kopf-links{display:flex;align-items:center;gap:clamp(.9rem,2.5vw,1.6rem)}.marke{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:var(--kreide);text-decoration:none}.marke img{display:block;height:auto}.kopf .menue-liste{display:flex;flex-wrap:wrap;gap:1.1rem}.kopf .menue-knopf{display:none}@media(max-width:40rem){.kopf{flex-wrap:nowrap}.kopf-links{min-width:0}.kopf .logo{--g: 30px}.kopf .marke{font-size:.98rem;gap:.45rem}.kopf .leiste{--groesse: 26px}.kopf .hauptnav{position:relative;flex:0 0 auto}.kopf .hauptnav .menue-knopf{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem 1.1rem;border:1px solid var(--linie);border-radius:999px;background:#14111399;color:var(--kreide);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}.kopf .hauptnav .menue-knopf:after{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15em) rotate(45deg);transition:transform .2s ease}.kopf .hauptnav .menue-knopf[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}.kopf .hauptnav .menue-knopf[aria-expanded=true]:after{transform:translateY(.1em) rotate(-135deg)}.kopf .hauptnav .menue-liste{position:absolute;top:calc(100% + .6rem);right:0;z-index:60;display:none;flex-direction:column;gap:0;min-width:13rem;padding:.4rem;border:1px solid var(--linie);border-radius:14px;background:var(--grund);box-shadow:0 18px 40px -18px #000000e6}.kopf .hauptnav[data-offen] .menue-liste{display:flex}.kopf .hauptnav .menue-liste a{display:flex;align-items:center;min-height:44px;padding:0 .75rem;border-radius:10px;font-size:1rem}.kopf .hauptnav .menue-liste a:hover,.kopf .hauptnav .menue-liste a:focus-visible{background:var(--grund-hell)}}.kopf .menue-liste a{color:var(--kreide-leise);text-decoration:none;font-size:.9rem;font-weight:600}.kopf .menue-liste a{padding-block:.6rem}.kopf .menue-liste{margin-block:-.6rem}.kopf .menue-liste a:hover{color:var(--gold)}main{display:flex;flex-direction:column;gap:clamp(3rem,8vw,6rem)}.block{width:100%;max-width:78rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:flex;flex-direction:column;gap:1.5rem}.eyebrow{margin:0 0 .3rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.block>header h2{margin:0;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.block-text{margin:.6rem 0 0;color:var(--kreide-leise);max-width:38rem}.standort-raum{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:start}@media(max-width:48rem){.standort-raum{grid-template-columns:1fr}}.standort-daten{display:flex;flex-direction:column;gap:1rem}.standort-daten p{margin:0}.adresse{font-size:1.05rem}.zusatz{color:var(--kreide-leise);font-size:.92rem}.zeiten{color:var(--kreide-leise)}.zeiten strong{color:var(--kreide)}.standort-daten a:not(.cta){color:var(--gold)}.sticky-cta{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:90;padding:.8rem 1.6rem;border-radius:999px;background:var(--gold);color:#1a1618;font-weight:700;text-decoration:none;box-shadow:0 12px 30px -10px #000000e6;animation:einblenden .35s cubic-bezier(.3,1.2,.5,1)}.sticky-cta:hover{background:#efbc63}@keyframes einblenden{0%{opacity:0;transform:translateY(1.2rem)}}@media(prefers-reduced-motion:reduce){.sticky-cta{animation:none}}.textseite{display:block;max-width:48rem;margin:0 auto;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,3rem) 4rem}.textseite h1{margin:0 0 2rem;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1;letter-spacing:-.02em}.textseite h2{margin:2.5rem 0 .75rem;font-size:1.3rem;line-height:1.25;color:var(--gold)}.textseite h3{margin:1.75rem 0 .5rem;font-size:1.05rem}.textseite p,.textseite li{line-height:1.7;color:var(--kreide-leise)}.textseite p{margin:0 0 .9rem}.textseite ul{margin:0 0 1rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.textseite li::marker{color:var(--gold)}.textseite a{color:var(--gold)}.textseite strong{color:var(--kreide)}.textseite .offen{display:block;padding:.9rem 1.1rem;margin:0 0 1rem;border-left:3px solid #9a4a00;background:#2a1f12;border-radius:0 8px 8px 0;color:#f0c98a;font-size:.92rem}.textseite dl{margin:0 0 1.25rem;display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:.4rem 1.25rem}.textseite dt{font-weight:700;color:var(--kreide)}.textseite dd{margin:0;color:var(--kreide-leise)}@media(max-width:34rem){.textseite dl{grid-template-columns:1fr;gap:.1rem}.textseite dd{margin-bottom:.6rem}}.zurueck{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--linie)}.aktueller-hinweis{margin:0;padding:.7rem 1.25rem;background:var(--gold);color:#1a1618;font-size:.9rem;font-weight:700;line-height:1.5;text-align:center}.admin-bar .kopf{top:32px}@media(max-width:782px){.admin-bar .kopf{top:46px}}.neu-abzeichen{align-self:center;padding:.12em .5em;border-radius:999px;background:#d92b3a;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.5;white-space:nowrap;box-shadow:0 0 0 1px #ffffff2e,0 4px 10px -3px #d92b3acc}.produkt .neu-abzeichen{position:absolute;top:.6rem;right:.5rem;z-index:2;animation:neu-puls 2.4s ease-in-out infinite}@keyframes neu-puls{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.produkt .neu-abzeichen{animation:none}}.produkt-bild img{width:100%;height:100%;object-fit:contain}.getraenk-bild{flex:none;margin-top:calc((1.62em - 2.6rem)/2);width:2.6rem;height:2.6rem;filter:drop-shadow(0 4px 7px rgb(0 0 0 / .5));transition:scale .2s ease}.getraenke .zeile:hover .getraenk-bild,.getraenke .zeile:focus-within .getraenk-bild{scale:2.1;position:relative;z-index:5;filter:drop-shadow(0 10px 16px rgb(0 0 0 / .7))}.preisvorsatz{font-size:.8em;font-weight:600;color:var(--kreide-leise)}.getraenk-bild img{width:100%;height:100%;object-fit:contain}.getraenk-bild:empty{background:none;box-shadow:none}