html.app-modus #main-nav,html.app-modus footer.ft,html.app-modus .to-top,html.app-modus .dm-toggle,html.app-modus .dm-prompt,html.app-modus .resume-banner,html.app-modus #sum-send-mail,html.app-modus #sk-btn,html.app-modus .sk-err{display:none!important}
html.app-modus .conf-prog{top:0!important}
#main-nav .nav-links>li>a,#nav .nav-links>li>a,#main-nav .nvd-btn,#nav .nvd-btn{position:relative}
#main-nav .nav-links>li>a::before,#nav .nav-links>li>a::before,#main-nav .nvd-btn::before,#nav .nvd-btn::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
#main-nav .nvd-liste a,#nav .nvd-liste a{min-height:44px;align-items:center}
#main-nav .nav-mark,#nav .nav-mark,#main-nav .kx-btn,#nav .kx-btn,#main-nav .kx-thema,#nav .kx-thema,.sm-mobile__close,.kx-thema-top{min-width:44px;min-height:44px}
html{touch-action:manipulation}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300 600;src:url('/fonts/newsreader.woff2') format('woff2');font-display:swap;size-adjust:96%;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300 600;src:url('/fonts/newsreader-italic.woff2') format('woff2');font-display:swap;size-adjust:96%;}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;src:url("/fonts/marcellus-regular.woff2") format('woff2');font-display:swap;}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:300;src:url("/fonts/dm-sans-light.woff2") format('woff2');font-display:swap;}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;src:url("/fonts/dm-sans-regular.woff2") format('woff2');font-display:swap;}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;src:url("/fonts/dm-sans-medium.woff2") format('woff2');font-display:swap;}
.cal-wrap{margin-bottom:1.1rem;background:var(--white);border:1px solid var(--cream-dk);border-radius:16px;padding:1.4rem 1.4rem 1.3rem;max-width:440px;box-shadow:0 10px 34px -20px rgba(43,30,20,.4)}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.cal-title{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.5rem;font-weight:600;color:var(--choc-dark);letter-spacing:.01em}
.cal-nav{display:flex;gap:.5rem}
.cal-nav button{width:44px;height:44px;border:1px solid var(--cream-dk);background:var(--cream);border-radius:50%;cursor:pointer;color:var(--choc);font-size:1.05rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}
.cal-nav button:hover:not(:disabled){background:var(--choc);color:#fff;border-color:var(--choc);transform:translateY(-1px)}
.cal-nav button:disabled{opacity:.28;cursor:not-allowed}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}
.cal-wd{text-align:center;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--choc-mid);font-family:'DM Sans','DM Sans Ersatz',sans-serif;padding:.2rem 0}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;cursor:pointer;border:1.5px solid transparent;transition:background .18s,color .18s,border-color .18s,transform .12s;color:var(--choc-dark)}
.cal-day.empty{cursor:default}
.cal-day.available:hover{background:var(--cream);border-color:var(--gold);transform:scale(1.08)}
.cal-day.today{box-shadow:inset 0 0 0 1.5px var(--gold-lt);font-weight:600}
.cal-day.disabled{color:var(--warm-grey);cursor:not-allowed;opacity:.4}
.cal-day.ab-hier:not(.selected){box-shadow:inset 0 0 0 2px var(--gold);font-weight:600}
.cal-day.selected{background:var(--choc)!important;color:#fff!important;border-color:var(--choc-dark);font-weight:600;box-shadow:0 4px 12px -3px rgba(90,62,43,.5)}
.cal-hint{font-size:.72rem;color:var(--choc-mid);margin-top:.55rem;line-height:1.55}
.cal-selected{display:none;align-items:center;gap:.75rem;margin:0 0 1.3rem;padding:.9rem 1.15rem;border:1px solid var(--gold-lt);border-left:3px solid var(--gold);border-radius:12px;background:linear-gradient(135deg,var(--white),var(--cream));font-family:'DM Sans','DM Sans Ersatz',sans-serif;animation:csIn .4s cubic-bezier(.22,1,.36,1) both}
.cal-selected.show{display:flex}
@keyframes csIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cal-selected{animation:none}}
.cal-selected .cs-ic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center}
.cal-selected .cs-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.cal-selected .cs-day{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.3rem;font-weight:600;color:var(--choc-dark);line-height:1.12}
.cal-selected .cs-note{font-size:.76rem;color:var(--choc-mid);line-height:1.4}
.time-block{margin-bottom:1.5rem}
.f-sel{appearance:none;-webkit-appearance:none;width:100%;min-height:48px;padding:.7rem 2.6rem .7rem 1rem;
border:1.5px solid var(--warm-grey);border-radius:10px;background:var(--white);
font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:16px;color:var(--choc-dark);cursor:pointer;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235A3E2B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 1rem center;
transition:border-color .2s}
.f-sel:focus{outline:none;border-color:var(--gold)}
.f-opt{font-family:'DM Sans','DM Sans Ersatz',sans-serif;text-transform:none;letter-spacing:0;color:var(--choc-mid);font-size:.78rem}
html.dark .f-sel{background-color:rgba(255,255,255,.05);color:#F0E7D8;border-color:rgba(240,231,216,.25)}
.time-hint{font-size:.74rem;color:var(--choc-mid);margin-top:.55rem;line-height:1.5}
@media(max-width:480px){
.cal-wrap{max-width:100%;padding:1rem .85rem}
.cal-day{font-size:.9rem}
.cal-grid,.cal-weekdays{gap:3px}
.steps-col{min-width:0}
}
@media(max-width:400px){
.cal-day{aspect-ratio:auto;height:44px;border-radius:14px}
}
:focus-visible { outline: 2px solid var(--gold,#B8A07A); outline-offset: 2px; border-radius: 3px; }
a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
html.dark :focus-visible { outline-color: var(--gold-lt); }
.skip-link{position:absolute;left:8px;top:-48px;z-index:2000;background:#3B2719;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font:600 .95rem system-ui,sans-serif;transition:top .15s}.skip-link:focus{top:8px;outline:2px solid #fff}
@keyframes pwTick{0%{transform:scale(1)}35%{transform:scale(1.045);color:var(--gold-lt,#d4c4a0)}100%{transform:scale(1)}}
.pw-total.tick{animation:pwTick .45s ease}
.m-pb-v.tick{animation:pwTick .45s ease}
@media(prefers-reduced-motion:reduce){.pw-total.tick,.m-pb-v.tick{animation:none}}
[role="button"]{cursor:pointer}
.to-top { position:fixed; right:1.5rem; bottom:1.5rem; width:46px; height:46px; border-radius:50%; background:var(--choc,#5A3E2B); color:var(--cream,#F5F2ED); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .3s, transform .3s, background .2s, visibility .3s; z-index:1500; box-shadow:0 6px 20px rgba(43,30,20,.28); }
.to-top.show { opacity:1; visibility:visible; transform:translateY(0); }
.to-top:hover { background:#3B2719; }
@media (max-width:560px){ .to-top { right:1rem; bottom:1rem; width:42px; height:42px; } }
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--choc:#5A3E2B;--choc-dark:#3B2719;--choc-mid:#7a5540;
--gold:#B8A07A;--gold-lt:#d4c4a0;--gold-pale:rgba(184,160,122,.12);
--gold-ink:   #7d5d20;
--cream:#F5F2ED;--cream-dk:#EDE8DF;--warm-grey:#D8D1C6;
--dark:#2A2A2A;--white:#FFFFFF;--err:#a33;
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-weight:300;color:var(--dark);background:var(--cream);max-width:100%;position:relative}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
background:
radial-gradient(ellipse 60% 50% at 12% 8%,rgba(184,160,122,.10),transparent 60%),
radial-gradient(ellipse 50% 45% at 88% 18%,rgba(184,160,122,.07),transparent 55%),
radial-gradient(ellipse 55% 50% at 80% 92%,rgba(90,62,43,.05),transparent 60%);
animation:bgDrift 22s ease-in-out infinite alternate}
@keyframes bgDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-14px,0) scale(1.04)}}
body>*{position:relative;z-index:1}
nav{position:sticky;top:0;z-index:999;background:rgba(245,242,237,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,160,122,0.34);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:64px;transition:box-shadow .32s ease}
nav.scrolled{box-shadow:0 4px 24px rgba(58,39,25,0.1)}
.nav-logo {display:flex;align-items:center;overflow:hidden;height:64px;text-decoration:none;flex-shrink:0; color:inherit; }
.nav-logo img{height:135px;width:auto;display:block;object-fit:cover;object-position:center top;margin-top:26px;}
.nav-links{display:flex;align-items:center;list-style:none;gap:.15rem}
.nav-links li a{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--choc);text-decoration:none;padding:.45rem .9rem;border-radius:2px;transition:background .2s,color .2s;white-space:nowrap;position:relative}
.nav-links li:not(.nav-cta) a::after{ content:""; position:absolute; left:0.9rem; right:0.9rem; bottom:0.18rem; height:1.5px; background:linear-gradient(90deg, var(--gold-lt), var(--gold)); transform:scaleX(0); transform-origin:left; transition:transform .42s cubic-bezier(.22,.61,.36,1); }
.nav-links li:not(.nav-cta) a:hover::after,
.nav-links li:not(.nav-cta) a.active::after{ transform:scaleX(1); }
.nav-links li a:hover{background:none; color:var(--choc-dark);}
.nav-links li a.active{ color:var(--choc-dark); font-weight:500; }
.nav-links .nav-cta a{background:var(--gold,#B8A07A);color:#3B2719!important;padding:.5rem 1.2rem;margin-left:.5rem
border-radius: 100px;
}
.nav-links .nav-cta a:hover{background:#3B2719!important}
.nav-burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;position:relative;z-index:1002;width:34px;height:34px;align-items:center;justify-content:center}
.nav-only-mobile{display:none}
.nav-burger span{display:block;width:24px;height:2px;background:var(--choc);border-radius:2px;transition:transform .35s cubic-bezier(.5,.2,.2,1),opacity .25s,background .3s}
.nav-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.active span:nth-child(2){opacity:0}
.nav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.page-hero{background:radial-gradient(60% 80% at 50% -8%,rgba(212,196,160,.18),transparent 60%),linear-gradient(180deg,#2a1909,#140b03);padding:6rem 2rem 5rem;text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(184,160,122,.18) 0%,transparent 60%)}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,160,122,.4),transparent)}
.page-hero-inner{position:relative;max-width:700px;margin:0 auto}
.gal-hero-dust{position:absolute;inset:0;background-image:url('/bilder/golddust.png');background-size:420px;opacity:.38;mix-blend-mode:screen;pointer-events:none}
.page-hero h1{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:300;font-size:clamp(2.2rem,5vw,3.8rem);color:var(--cream);line-height:1.1;margin-bottom:.9rem;position:relative}
.page-hero h1 em{font-style:italic;color:var(--gold-lt)}
.page-hero.has-img{padding:0;min-height:46vh;display:flex;align-items:center;justify-content:center}
.page-hero.has-img .page-hero-bg{position:absolute;inset:0;z-index:0}
.page-hero.has-img .page-hero-bg img{width:100%;height:100%;object-fit:cover;display:block}
.page-hero.has-img .page-hero-bg .foto-platzhalter{width:100%!important;height:100%!important;padding:0!important;background:#3B2719!important}
.page-hero.has-img .page-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,30,20,.80) 0%,rgba(43,30,20,.60) 55%,rgba(43,30,20,.82) 100%)}
.page-hero.has-img .page-hero-inner{position:relative;z-index:2;text-align:center;padding:3.5rem 2rem 3rem;width:100%}
.page-hero.has-img .page-hero-inner::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115%;height:135%;z-index:-1;background:radial-gradient(ellipse 60% 62% at 50% 50%,rgba(16,10,6,.72) 0%,rgba(16,10,6,.5) 48%,rgba(16,10,6,.22) 70%,transparent 84%);pointer-events:none}
@media(max-width:640px){.page-hero.has-img .page-hero-inner::before{width:130%;height:125%}}
@media(max-width:640px){.page-hero.has-img{min-height:auto}.page-hero.has-img .page-hero-inner{padding:2.5rem 1.5rem 2.2rem}}
.ph-sub{font-size:.88rem;color:rgba(245,242,237,.5);max-width:26.85em;margin:0 auto 2rem;line-height:1.9;position:relative}
.hero-prog{display:flex;align-items:flex-start;justify-content:center;flex-wrap:nowrap;max-width:620px;margin:0 auto;width:100%;padding-bottom:1rem}
.conf-prog{background:var(--white);border-bottom:1px solid var(--cream-dk);position:sticky;top:64px;z-index:998}
.conf-prog-inner{max-width:1200px;margin:0 auto;padding:.85rem 2rem}
.conf-prog-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--choc);gap:1rem}
.conf-prog-row #cp-step{font-weight:500}
.conf-prog-row #cp-pct{color:var(--gold-ink);white-space:nowrap}
.conf-progbar{height:4px;background:var(--cream-dk);border-radius:50px;margin-top:.5rem;overflow:hidden}
.conf-progbar-fill{height:100%;width:0;background:var(--gold);border-radius:50px;transition:width .6s cubic-bezier(.22,1,.36,1)}
.conf-encour{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-style:italic;color:var(--choc);font-size:1.08rem;text-align:center;margin-top:.5rem;min-height:1.3em;transition:opacity .35s}
@media(max-width:560px){.conf-prog-inner{padding:.7rem 1.2rem}.conf-encour{font-size:.9rem}.conf-prog-row{font-size:.74rem}.conf-trust{font-size:.7rem;gap:.2rem .7rem;margin:.55rem auto .4rem;line-height:1.3}.conf-trust svg{width:12px;height:12px}.conf-social-row{margin-top:.45rem}}
.hs{display:flex;flex-direction:column;align-items:center;gap:.45rem;flex-shrink:0;cursor:pointer;width:30px;position:relative}.hs.done{cursor:pointer}.hs.active{cursor:default}
.hs-btn{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(184,160,122,.35);display:flex;align-items:center;justify-content:center;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.72rem;color:rgba(184,160,122,.5);transition:all .3s;background:transparent;cursor:inherit;flex-shrink:0}
.hs-btn.active{border-color:var(--gold);background:var(--gold);color:var(--choc-dark)}
.hs.active .hs-lbl{color:var(--gold)}
.hs-btn.done{border-color:rgba(184,160,122,.55);background:rgba(184,160,122,.15);color:var(--gold)}
.hs-btn.done:hover{background:rgba(184,160,122,.3);border-color:var(--gold)}
.hs.done .hs-btn::after{content:'↩';position:absolute;font-size:.45rem;bottom:-1px;right:-1px;opacity:0;transition:opacity .2s}
.hs.done:hover .hs-btn::after{opacity:.7}
.hs-lbl{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(184,160,122,.5);white-space:nowrap;transition:color .3s;pointer-events:none;position:absolute;top:38px;left:50%;transform:translateX(-50%)}
@media(max-width:600px){
.hero-prog{max-width:100%;padding:0 0 1.4rem}
.hs{width:27px}
.hs-btn{width:27px;height:27px;font-size:.7rem}
.hs-lbl{font-size:.7rem;letter-spacing:.04em;top:36px}
.hs-line{flex:1;height:1.5px;background:rgba(184,160,122,.25);flex-shrink:1;margin-top:13px}
}
@media(max-width:400px){
.hero-prog{padding-bottom:0}
.hs-lbl{display:none}
.hs{width:26px}
.hs-btn{width:26px;height:26px}
.hs-line{flex:1;height:1.5px;background:rgba(184,160,122,.25);flex-shrink:1;margin-top:13px}
}
.hs.active .hs-lbl,.hs.done .hs-lbl{color:rgba(184,160,122,.6)}
.hs-line{flex:1;height:1px;background:rgba(184,160,122,.2);flex-shrink:1;transition:background .35s;align-self:flex-start;margin-top:14px}
.hs-line.done{background:rgba(184,160,122,.5)}
.btn{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;padding:.85rem 2rem;border-radius:2px;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s;white-space:nowrap;cursor:pointer;border:none;text-decoration:none}
.btn-dark{background:var(--choc);color:var(--cream);box-shadow:0 5px 16px -6px rgba(58,39,25,.42)}
.btn-ghost-gold{background:transparent;color:var(--gold-ink,#7d5d20);border:1.5px solid var(--gold-lt,#d4c4a0)}
.btn-ghost-gold:hover{background:var(--cream,#f3ead9);border-color:var(--gold,#b8a07a)}
.btn-dark:hover{background:#3B2719;transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(58,39,25,.46)}
.btn-outline{border:1.5px solid var(--warm-grey);color:var(--choc);background:transparent}
.btn-outline:hover{border-color:var(--gold);transform:translateY(-2px)}
.btn-ghost{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--choc-mid);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:color .2s;padding:0}
.btn-ghost:hover{color:var(--choc)}.btn-ghost:disabled{opacity:.3;cursor:not-allowed}
.btn-wa{background:#25D366;color:#fff;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;padding:.82rem 1.6rem;border-radius:2px;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;transition:all .25s;text-decoration:none}
.btn-wa:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 5px 16px rgba(37,211,102,.35)}
.gen-outer{max-width:1200px;margin:0 auto;padding:1.3rem 2rem 6rem;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1fr);gap:2.5rem;align-items:start}
.step-panel{display:none}
.step-panel.active{display:block;animation:fadeUp .5s cubic-bezier(.22,1,.36,1)}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.step-panel.active .g-card,
.step-panel.active .stock-card,
.step-panel.active .type-card,
.step-panel.active .ub-opt,
.step-panel.active .extra-row,
.step-panel.active .s-item{
animation:revealUp .55s cubic-bezier(.22,1,.36,1) backwards;
}
@keyframes revealUp{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.step-panel.active .g-card:nth-child(1),.step-panel.active .type-card:nth-child(1),.step-panel.active .ub-opt:nth-child(1),.step-panel.active .extra-row:nth-child(1){animation-delay:.04s}
.step-panel.active .g-card:nth-child(2),.step-panel.active .type-card:nth-child(2),.step-panel.active .ub-opt:nth-child(2),.step-panel.active .extra-row:nth-child(2){animation-delay:.10s}
.step-panel.active .g-card:nth-child(3),.step-panel.active .ub-opt:nth-child(3),.step-panel.active .extra-row:nth-child(3){animation-delay:.16s}
.step-panel.active .ub-opt:nth-child(4),.step-panel.active .extra-row:nth-child(4){animation-delay:.22s}
.step-panel.active .extra-row:nth-child(5){animation-delay:.28s}
.step-panel.active .stock-card:nth-child(1){animation-delay:.18s}
.step-panel.active .stock-card:nth-child(2){animation-delay:.24s}
.step-panel.active .stock-card:nth-child(3){animation-delay:.30s}
@keyframes goldShimmer{0%{background-position:-180% 0}100%{background-position:180% 0}}
.g-card.selected::after,.stock-card.selected::after,.type-card.selected::after{
content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
background:linear-gradient(105deg,transparent 35%,rgba(212,196,160,.5) 50%,transparent 65%);
background-size:200% 100%;animation:goldShimmer .9s cubic-bezier(.22,1,.36,1)}
@keyframes popIn{0%{transform:scale(0)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
.ex-chk-svg,.g-check,.selected .ub-radio-dot{animation:popIn .32s cubic-bezier(.34,1.56,.64,1)}
@keyframes priceFlash{0%{color:var(--gold);transform:scale(1.06)}100%{color:inherit;transform:scale(1)}}
.price-flash{animation:priceFlash .5s ease-out}
.confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}
.confetti-piece{position:absolute;top:-9%;opacity:0;will-change:transform,opacity;animation-name:confettiFall;animation-timing-function:cubic-bezier(.32,.62,.5,1);animation-fill-mode:both}
@keyframes confettiFall{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translate(var(--cx,0),112vh) rotate(var(--rot,360deg))}}
@media(prefers-reduced-motion:reduce){.confetti-layer{display:none}}
.btn-dark{position:relative;overflow:hidden}
.btn-dark::before{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);
transform:skewX(-20deg);transition:left .6s cubic-bezier(.22,1,.36,1)}
.btn-dark:hover::before{left:130%}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes dankePop{0%{opacity:0;transform:translateY(30px) scale(.94)}60%{transform:translateY(-4px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
.danke-dialog{animation:dankePop .6s cubic-bezier(.34,1.56,.64,1)!important}
@keyframes tierRise{from{opacity:0;transform:translateY(8px) scaleY(.4)}to{opacity:1;transform:translateY(0) scaleY(1)}}
.danke-cake .dc-tier{transform-origin:bottom center;animation:tierRise .45s cubic-bezier(.22,1,.36,1) backwards}
.danke-cake .dc-tier-1{animation-delay:.25s}
.danke-cake .dc-tier-2{animation-delay:.42s}
.danke-cake .dc-tier-3{animation-delay:.58s}
@keyframes candleRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.danke-cake .dc-candle{animation:candleRise .4s ease-out .72s backwards}
@keyframes flameFlicker{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
@keyframes flameLive{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-.5px)}}
.danke-cake .dc-flame{transform-origin:center bottom;animation:flameFlicker .5s ease-out .92s backwards,flameLive 1.6s ease-in-out 1.4s infinite}
@keyframes dankeFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.danke-dialog .cd-title{animation:dankeFade .5s ease-out .5s backwards}
.danke-dialog .cd-body{animation:dankeFade .5s ease-out .68s backwards}
.danke-dialog .cd-actions{animation:dankeFade .5s ease-out .84s backwards}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.step-header{margin-bottom:2rem}
#step-1 .step-h,#step-2 .step-h,#step-3 .step-h,#step-5 .step-h{
position:absolute!important;width:1px!important;height:1px!important;
margin:0!important;padding:0!important;overflow:hidden!important;
clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap!important}
#step-1 .step-header,#step-2 .step-header,#step-3 .step-header,#step-5 .step-header{margin-bottom:1.1rem}
#step-7 .step-header{text-align:center}
#step-7 .step-header .step-sub{max-width:35.36em;margin-left:auto;margin-right:auto}
.step-num{display:none}
.step-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:300;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--choc-dark);line-height:1.15;margin-bottom:.5rem}
.step-sub{font-size:.85rem;color:var(--choc-mid);line-height:1.55;max-width:42.16em;text-wrap:balance}
.step-sub strong{color:var(--choc-dark);font-weight:400}
.info-box{background:var(--gold-pale);border:1px solid rgba(184,160,122,.28);border-radius:3px;padding:.85rem 1.1rem;font-size:.82rem;color:var(--choc-mid);line-height:1.72;margin-bottom:1.2rem;display:flex;align-items:flex-start;gap:.7rem}
.notice-box{background:rgba(90,62,43,.05);border:1px solid rgba(90,62,43,.18);border-left:3px solid var(--choc);border-radius:0 3px 3px 0;padding:.85rem 1.1rem;font-size:.82rem;color:var(--choc-mid);line-height:1.72;margin-top:.5rem}
.notice-box strong{color:var(--choc);font-weight:400}
.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem}
.s5-preview{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.3rem;padding:.85rem 1.1rem;border:1px solid var(--cream-dk);border-radius:10px;background:linear-gradient(180deg,rgba(184,160,122,.12),rgba(184,160,122,.04))}
.s5p-k{display:block;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--choc-mid);margin-bottom:.15rem}
.s5p-v{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.9rem;color:var(--choc-dark);font-weight:500;line-height:1.3}
.s5p-r{text-align:right;flex:none}
.s5p-p{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.55rem;color:var(--choc-dark);font-weight:600;white-space:nowrap}
.type-card{border:1.5px solid var(--warm-grey);border-radius:4px;overflow:hidden;cursor:pointer;transition:all .28s;background:var(--white);position:relative;min-height:160px;display:flex;flex-direction:column}
.type-card:hover{border-color:var(--gold-lt);box-shadow:0 16px 40px rgba(90,62,43,.15);transform:translateY(-6px)}
.type-card.selected{border-color:var(--choc);box-shadow:0 8px 32px rgba(90,62,43,.18);transform:translateY(-3px)}
.tc-img{height:195px;overflow:hidden;position:relative}
.tc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.type-card:hover .tc-img img,.type-card.selected .tc-img img{transform:scale(1.05)}
.tc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(58,39,25,.55) 0%,transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
.type-card:hover .tc-overlay,.type-card.selected .tc-overlay{opacity:1}
.tc-check{position:absolute;top:.8rem;right:.8rem;width:26px;height:26px;border-radius:50%;background:var(--choc);color:var(--cream);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,transform .25s;transform:scale(.7);pointer-events:none}
.type-card.selected .tc-check{opacity:1;transform:scale(1)}
.tc-body{padding:1.6rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}
.tc-title{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.4rem;font-weight:400;color:var(--choc-dark);margin-bottom:.25rem}
.tc-price{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:.95rem;color:var(--choc);margin-bottom:.45rem}
.tc-desc{font-size:.8rem;color:var(--choc-mid);line-height:1.72}
.tc-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;align-self:flex-start;padding:.55rem 1.15rem;background:var(--choc);color:var(--cream);border-radius:3px;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:background .25s;animation:tcCtaNudge 2.4s ease .9s 2}
.tc-desc{margin-bottom:1rem}
#step-1 .step-nav{display:none}
.type-card:hover .tc-cta{background:#3B2719}
.tc-cta-sel,.tc-cta-chk{display:none}
.type-card.selected .tc-cta{animation:none}
.type-card.selected .tc-cta-txt,.type-card.selected .tc-cta-arr{display:none}
.type-card.selected .tc-cta-sel{display:inline}
.type-card.selected .tc-cta-chk{display:block}
.type-card:active{transform:translateY(-1px) scale(.985)}
@keyframes tcCtaNudge{0%,100%{box-shadow:0 0 0 0 rgba(90,62,43,0)}45%{box-shadow:0 0 0 7px rgba(90,62,43,.16)}}
@media (prefers-reduced-motion:reduce){.tc-cta{animation:none}}
.conf-wa-hint{margin:1.5rem 0 0;font-size:.8rem;color:var(--choc-mid);line-height:1.6;text-wrap:balance}
.conf-wa-hint svg{vertical-align:-3px;margin-right:.35rem;color:#1a7a4f}
.conf-wa-hint a{color:#1a7a4f;text-decoration:underline;text-underline-offset:3px;font-weight:500}
.conf-wa-hint a:hover{color:#14603e}
html.dark .conf-wa-hint svg,html.dark .conf-wa-hint a{color:#69d39a}
.conf-wa-hint .cwh-kurz{display:none}
.conf-wa-hint a.cwh-faq{color:var(--gold-ink)}
.conf-wa-hint a.cwh-faq:hover{color:var(--choc-dark)}
html.dark .conf-wa-hint a.cwh-faq{color:var(--gold-lt)}
#weg-formular{margin-top:1.5rem;padding-top:1.4rem;border-top:1px solid var(--cream-dk)}
.sum-kurz{padding:.35rem 0 .8rem;text-align:center}
.sum-kurz-ey{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:.15rem}
.sum-kurz-ey:empty{display:none}
.sum-kurz-t{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.35rem;color:var(--choc-dark);line-height:1.25;text-wrap:balance;hyphens:none}
.sum-kurz-u{font-size:.85rem;color:var(--choc-mid);margin-top:.25rem;text-wrap:balance}
.sum-mehr{margin:0 0 .9rem;border-top:1px solid var(--cream-dk)}
.sum-mehr summary{cursor:pointer;padding:.7rem 0;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;font-weight:500;color:var(--choc);list-style:none;display:flex;align-items:center;justify-content:center;gap:.4rem}
.sum-mehr summary::-webkit-details-marker{display:none}
.sum-mehr summary::after{content:'⌄';font-size:.9rem;transition:transform .2s}
.sum-mehr[open] summary::after{transform:rotate(180deg)}
.sum-tv-mwst{display:block;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;font-weight:300;line-height:1.4;color:var(--choc-mid);margin-top:.45rem;text-align:right;white-space:nowrap}
#step-7 .ablauf-more{margin:.9rem 0 1rem;text-align:center}
#step-7 .ablauf-more summary{display:block;padding:.55rem 0}
#step-7 .ablauf-more>:not(summary){text-align:left;max-width:31.28em;margin:0 auto}
.wegform-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:400;font-size:1.45rem;color:var(--choc-dark);line-height:1.2;margin:0 0 1rem}
.rr-chips{display:flex;gap:.6rem;flex-wrap:wrap}
.rr-chip{flex:1;min-height:56px;padding:.55rem .7rem;border:1.5px solid var(--cream-dk);background:var(--white);border-radius:10px;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.88rem;color:var(--choc);cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;line-height:1.25}
.rr-chip .rr-h{display:inline-flex;align-items:center;gap:.35rem;font-weight:500}
.rr-chip .rr-s{font-size:.72rem;opacity:.72}
.rr-chip.selected{background:#3B2719;border-color:var(--choc-dark);color:var(--cream)}
html.dark .rr-chip{background:rgba(255,255,255,.04)}
html.dark .rr-chip.selected{background:var(--gold);border-color:var(--gold);color:#241A12}
body.from-ad .page-hero{display:none}
.ad-eingang{display:grid}
body.from-ad .ad-eingang{display:grid}
.ad-eingang{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.5rem;width:100%;margin:0 0 1.5rem;padding:1.2rem .85rem 1.1rem 1.25rem;border:0;border-radius:20px;background:#3B2719;color:#F7F1E6;text-align:left;cursor:pointer;position:relative;overflow:hidden;font:inherit;-webkit-tap-highlight-color:transparent;box-shadow:0 14px 30px -18px rgba(59,39,25,.7)}
.ad-eingang::before{content:'';position:absolute;right:-18%;top:-30%;width:78%;height:160%;background:radial-gradient(ellipse at 50% 56%,rgba(214,170,110,.30),rgba(214,170,110,.07) 44%,transparent 68%);pointer-events:none}
.ade-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-width:0}
.ade-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:400;font-size:1.5rem;line-height:1.1;color:#F7F1E6;text-wrap:balance}
.ade-sub{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.84rem;line-height:1.45;color:#E8D9C4;text-wrap:pretty}
.ade-knopf{margin-top:.4rem;display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 1.15rem;border-radius:999px;background:#F7F1E6;color:#3B2719;font:500 .92rem/1 'DM Sans','DM Sans Ersatz',sans-serif;transition:transform .15s ease,background-color .15s ease}
.ade-bild{position:relative;z-index:1;width:136px;align-self:end}
.ade-bild i{position:relative;z-index:1;display:block;width:100%;aspect-ratio:360/386;background:url('/bilder/konfigurator-3d-etagentorte-rosa-360.webp') center/contain no-repeat;filter:drop-shadow(0 12px 14px rgba(0,0,0,.38))}
@media(min-resolution:2.6dppx),(min-width:600px) and (min-resolution:2dppx){.ade-bild i{background-image:url('/bilder/konfigurator-3d-etagentorte-rosa-720.webp')}}
.ade-bild::after{content:'';position:absolute;left:8%;right:8%;bottom:-3%;height:9%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),rgba(0,0,0,0) 70%)}
.ade-video{position:absolute;z-index:2;top:.8rem;right:.8rem;display:none;align-items:center;gap:.35rem;padding:.34rem .6rem .34rem .5rem;border-radius:999px;font:500 .72rem/1 'DM Sans','DM Sans Ersatz',sans-serif;letter-spacing:.02em;color:#F7F1E6;background:rgba(255,255,255,.09);border:1px solid rgba(245,242,237,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ade-video svg{flex:none;opacity:.9}
.ad-eingang:active .ade-knopf{transform:scale(.96)}
.ad-eingang:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(hover:hover){.ad-eingang:hover .ade-knopf{background:#fff}}
html.dark .ad-eingang{background:#4A3223;box-shadow:inset 0 0 0 1px rgba(245,242,237,.08)}
@media(min-width:600px){.ade-bild{width:170px}.ade-h{font-size:1.75rem}.ade-sub{font-size:.92rem;max-width:23.12em}.ad-eingang{padding:1.5rem 1.4rem 1.4rem 1.9rem}}
@media(prefers-reduced-motion:reduce){.ade-knopf{transition:none}}
.tc-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}
.tc-tag{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;padding:.18rem .55rem;border:1px solid var(--warm-grey);border-radius:100px;color:var(--choc-mid)}
.kat-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-bottom:1.1rem}
@media(min-width:1025px){.kat-tabs{display:flex;flex-wrap:wrap}}
.kat-tab{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.42rem .7rem;border:1.5px solid var(--warm-grey);border-radius:100px;cursor:pointer;color:var(--choc-mid);background:var(--white);transition:all .2s}
.kat-tab:hover{border-color:var(--gold-lt)}
.kat-tab.active{background:#3B2719;border-color:var(--choc-dark);color:var(--cream)}
.sorten-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin-bottom:1.5rem}
.s-item{border:1.5px solid var(--warm-grey);border-radius:3px;padding:.85rem 1rem;cursor:pointer;transition:all .2s;background:var(--white);position:relative;min-height:3.7rem;display:flex;flex-direction:column;justify-content:center}
.s-item:hover{border-color:var(--gold-lt);background:var(--cream);transform:translateY(-1px)}
.s-item.selected{border-color:var(--choc);background:rgba(90,62,43,.04)}
.s-item.spezial{border-color:rgba(184,160,122,.4);background:rgba(184,160,122,.06)}
.s-item.spezial:hover{border-color:var(--gold)}
.s-item.spezial.selected{border-color:var(--gold);background:rgba(184,160,122,.12)}
.s-check{position:absolute;top:.5rem;right:.5rem;width:14px;height:14px;border-radius:50%;background:var(--choc);color:var(--cream);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;transform:scale(.5)}
.s-item.selected .s-check{opacity:1;transform:scale(1)}
.s-item.spezial.selected .s-check{background:var(--gold);color:var(--choc-dark)}
.s-name{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:.93rem;color:var(--choc-dark);
hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.s-pop{display:inline-block;vertical-align:middle;margin-left:.35rem;background:var(--gold);color:#fff;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.09rem .4rem;border-radius:99px;line-height:1.5;position:relative;top:-1px}
.s-badge{font-size:.7rem;color:var(--gold-ink);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-weight:500;margin-top:.1rem;letter-spacing:0}
.s-thumb{position:relative;width:100%;aspect-ratio:16/10;max-height:118px;border-radius:2px;margin-bottom:.5rem;
overflow:hidden;background:linear-gradient(135deg,var(--sf,#caa46e),color-mix(in srgb,var(--sf,#caa46e) 55%,#fff));
flex:none}
.s-thumb img{width:100%;height:100%;object-fit:cover;display:block;
opacity:0;transition:opacity .35s}
.s-thumb img.geladen{opacity:1}
.s-item{justify-content:flex-start}
.s-name{hyphenate-limit-chars:8 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4}
.s-item.has-foto{padding-right:1rem}
.s-foto{position:absolute;right:.3rem;bottom:.3rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:rgba(255,255,255,.86);color:#3B2719;cursor:zoom-in;padding:0;transition:background .2s,transform .15s;backdrop-filter:blur(2px)}
.s-foto:hover{background:#fff;transform:scale(1.08)}
.s-foto:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#sfoto-ov{position:fixed;inset:0;z-index:2600;background:rgba(30,20,12,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1.2rem;cursor:zoom-out}
#sfoto-ov[hidden]{display:none}
#sfoto-ov img{max-width:min(94vw,900px);max-height:78vh;border-radius:6px;box-shadow:0 24px 80px rgba(0,0,0,.55);cursor:default}
#sfoto-ov .sfoto-cap{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.9rem;color:#EFE7DB;text-align:center;cursor:default}
#sfoto-ov .sfoto-cap a{color:var(--gold-lt,#d9b877);text-decoration:underline;text-underline-offset:3px;margin-left:.4rem}
#sfoto-ov .sfoto-x{position:absolute;top:.9rem;right:1.1rem;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
#sfoto-ov .sfoto-x:hover{background:rgba(255,255,255,.22)}
body.im-trichter .tm-band,
body.im-trichter .region-band{display:none}
.g-sec{margin-bottom:1.4rem}
.g-lbl{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-ink);display:block;margin-bottom:.75rem}
.pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
@media(max-width:380px){.pills{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1025px){.pills{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pill{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.06em;padding:.45rem .6rem;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;hyphens:auto;border:1.5px solid var(--warm-grey);border-radius:100px;cursor:pointer;color:var(--choc);background:var(--white);transition:all .2s;user-select:none}
.pill:hover{border-color:var(--gold-lt)}
.schild-art{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.6rem}
.schild-art .pill{font-size:.7rem;padding:.4rem .8rem;min-height:40px}
.pill{flex-direction:column}
.pill-zus{font-size:.7rem;opacity:.7;letter-spacing:.04em;margin-top:.1rem}
.pill.sel1{background:var(--choc);border-color:var(--choc);color:var(--cream)}
.pill.sel2{background:var(--gold);border-color:var(--gold);color:var(--choc-dark)}
.pill.sel3{background:var(--choc-mid);border-color:var(--choc-mid);color:var(--cream)}
.mix-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--gold-pale);border:1px solid rgba(184,160,122,.3);border-radius:100px;padding:.38rem .95rem;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.07em;color:var(--choc-mid);margin-top:.9rem}
.mix-badge strong{color:var(--choc)}
.schichten-hint{font-size:.78rem;color:var(--choc-mid);margin:.1rem 0 .7rem}
.layer-rows{display:flex;flex-direction:column;gap:.6rem}
.layer-row{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .85rem;border:1px solid var(--warm-grey);border-radius:9px;background:var(--white)}
.layer-name{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--choc-mid)}
.layer-swatches{display:flex;flex-wrap:wrap;gap:.45rem}
.layer-sw{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;line-height:1;padding:.55rem .9rem;border-radius:100px;border:none;background:var(--sw);cursor:pointer;min-height:40px;
opacity:.5;filter:saturate(.8);transition:opacity .15s,transform .15s,box-shadow .15s,outline-color .15s;outline:2px solid transparent;outline-offset:2px}
.layer-sw:hover{opacity:.82;transform:translateY(-1px)}
.layer-sw.sel{opacity:1;filter:none;box-shadow:0 4px 14px rgba(90,62,43,.28);outline-color:var(--choc-dark)}
@media(max-width:480px){.layer-sw{font-size:.76rem;padding:.6rem .85rem}}
.zahlart-row{display:flex;flex-wrap:wrap;gap:.5rem}
.zahlart-opt{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;padding:.65rem 1.05rem;border:1.5px solid var(--warm-grey);border-radius:100px;background:var(--white);cursor:pointer;min-height:44px;transition:all .18s;color:var(--choc-dark)}
.zahlart-opt:hover{border-color:var(--gold-lt);background:var(--cream)}
.zahlart-opt.sel{background:var(--choc);border-color:var(--choc);color:var(--cream)}
.ablauf-note{font-size:.78rem;color:var(--choc-mid);line-height:1.65;margin-top:.7rem;padding:.7rem .9rem;background:var(--cream-dk);border-radius:6px;text-wrap:balance}
.ablauf-note strong{color:var(--choc-dark);font-weight:500}
.ablauf-more{margin-top:.45rem;font-size:.72rem;color:var(--choc-mid);line-height:1.6}
.ablauf-more summary{cursor:pointer;color:var(--choc);font-family:'Marcellus','Marcellus Ersatz',serif;letter-spacing:.04em;font-size:.74rem;padding:.2rem 0;list-style:none}
.ablauf-more summary::-webkit-details-marker{display:none}
.ablauf-more summary::before{content:'+ ';font-weight:400}
.ablauf-more[open] summary::before{content:'– '}
.ablauf-more>:not(summary){padding:.5rem .1rem .1rem}
.helper-sect{margin-top:1.8rem;border-top:1px solid var(--warm-grey);padding-top:1.4rem}
.helper-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.4rem 0;user-select:none}
.helper-title{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink)}
.helper-arr{width:16px;height:16px;color:var(--choc-mid);transition:transform .3s;flex-shrink:0}
.helper-arr.open{transform:rotate(180deg)}
.helper-body{display:none;padding-top:.9rem}
.mengen-card{margin-top:2rem;background:linear-gradient(135deg,var(--gold-pale) 0%,rgba(184,160,122,.04) 100%);border:1.5px solid var(--gold-lt);border-radius:10px;padding:1.3rem 1.4rem;transition:box-shadow .25s}
.mengen-card:hover{box-shadow:0 6px 24px rgba(184,160,122,.18)}
.mengen-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;gap:1rem}
.mengen-head{display:flex;align-items:center;gap:.9rem}
.mengen-icon{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--choc);color:var(--cream);display:flex;align-items:center;justify-content:center}
.mengen-icon svg{width:24px;height:24px}
.mengen-title{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.32rem;color:var(--choc-dark);line-height:1.15}
.mengen-subtitle{font-size:.78rem;color:var(--choc-mid);margin-top:.15rem;line-height:1.4}
.helper-body.show{display:block;animation:fadeUp .3s ease}
.mengen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.mengen-lbl{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-ink);display:block;margin-bottom:.5rem}
input[type=range].mengen-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--warm-grey);border-radius:2px;outline:none;cursor:pointer}
input[type=range].mengen-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--choc);border:2px solid var(--gold-lt)}
.mengen-val{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.5rem;color:var(--choc);text-align:center;margin-top:.3rem}
.mengen-result{margin-top:1.2rem;padding:1rem 1.2rem;background:rgba(90,62,43,.05);border:1px solid rgba(90,62,43,.15);border-radius:3px;font-size:.82rem;color:var(--choc-mid);line-height:1.75}
.mengen-result strong{color:var(--choc-dark);font-weight:400}
.g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.5rem}
.g-card{border:1.5px solid var(--warm-grey);border-radius:4px;padding:1.4rem 1rem 1.2rem;text-align:center;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .25s;background:var(--white);position:relative;overflow:hidden}
.g-card:hover{border-color:var(--gold-lt);transform:translateY(-5px);box-shadow:0 14px 34px rgba(90,62,43,.13)}
.g-card.selected{border-color:var(--choc);box-shadow:0 5px 18px rgba(90,62,43,.14);transform:translateY(-2px)}
.g-circle{border-radius:50%;background:var(--gold-pale);border:2px solid rgba(184,160,122,.3);margin:0 auto .65rem;transition:all .25s}
.g-card.selected .g-circle{background:rgba(90,62,43,.08);border-color:var(--choc)}
.g-cm{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.45rem;font-weight:300;color:var(--choc);line-height:1;margin-bottom:.18rem}
.g-lbl2{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--choc-mid);margin-bottom:.45rem}
.g-persons{font-size:.72rem;color:var(--choc-mid);font-family:'Marcellus','Marcellus Ersatz',serif}
.g-tip{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#3B2719;color:var(--cream);font-size:.73rem;padding:.45rem .85rem;border-radius:3px;white-space:nowrap;z-index:10;pointer-events:none;font-family:'Marcellus','Marcellus Ersatz',serif}
.g-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--choc-dark)}
.g-card:hover .g-tip{display:block}
.form-wahl{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;max-width:800px;margin:0 auto .8rem}
.fw-card{font-family:inherit;appearance:none;display:flex;flex-direction:column;align-items:center;gap:.15rem;
padding:.85rem .6rem .75rem;border:1.5px solid var(--warm-grey);border-radius:4px;background:var(--white);
color:var(--choc);cursor:pointer;position:relative;overflow:hidden;
transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .25s}
.fw-card:hover{border-color:var(--gold-lt);transform:translateY(-3px);box-shadow:0 10px 26px rgba(90,62,43,.12)}
.fw-card .fw-ico{width:38px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:.2rem}
.fw-card .fw-ico svg{width:100%;height:100%;display:block}
.fw-card .fw-name{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.12rem;line-height:1.15}
.fw-card .fw-sub{font-size:.7rem;color:var(--choc-mid);font-family:'DM Sans','DM Sans Ersatz',sans-serif}
.fw-card.sel{border-color:var(--choc);box-shadow:0 5px 16px rgba(90,62,43,.14)}
.fw-card.sel .fw-ico{color:var(--choc)}
.fw-card.sel::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--choc)}
@media(max-width:480px){.form-wahl{grid-template-columns:repeat(2,1fr);gap:.6rem;max-width:360px}.fw-card{padding:.7rem .4rem .6rem}.fw-card .fw-name{font-size:1rem}}
.form-hint{font-size:.78rem;color:var(--choc-mid);line-height:1.6;text-align:center;margin:0 auto 1.4rem;max-width:38.08em}
.g-card.herz .g-circle{border-radius:0;border-color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 106 97.42'%3E%3Cpath d='M50 91.42L91.42 50A29.29 29.29 0 0 0 50 8.58A29.29 29.29 0 0 0 8.58 50Z' fill='%23B8A07A' fill-opacity='.12' stroke='%23B8A07A' stroke-opacity='.3' stroke-width='4'/%3E%3C/svg%3E") center/96% no-repeat}
.g-card.herz.selected .g-circle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 106 97.42'%3E%3Cpath d='M50 91.42L91.42 50A29.29 29.29 0 0 0 50 8.58A29.29 29.29 0 0 0 8.58 50Z' fill='%235A3E2B' fill-opacity='.08' stroke='%235A3E2B' stroke-width='4'/%3E%3C/svg%3E") center/96% no-repeat}
.g-card.stern .g-circle{border-radius:0;border-color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 106 106'%3E%3Cpath d='M50.0 3.0 L66.6 27.2 L94.7 35.5 L76.8 58.7 L77.6 88.0 L50.0 78.2 L22.4 88.0 L23.2 58.7 L5.3 35.5 L33.4 27.2Z' fill='%23B8A07A' fill-opacity='.12' stroke='%23B8A07A' stroke-opacity='.3' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E") center/96% no-repeat}
.g-card.stern.selected .g-circle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 106 106'%3E%3Cpath d='M50.0 3.0 L66.6 27.2 L94.7 35.5 L76.8 58.7 L77.6 88.0 L50.0 78.2 L22.4 88.0 L23.2 58.7 L5.3 35.5 L33.4 27.2Z' fill='%235A3E2B' fill-opacity='.08' stroke='%235A3E2B' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E") center/96% no-repeat}
.g-card.eckig .g-circle{border-radius:0;border-color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='20' fill='%23B8A07A' fill-opacity='.12' stroke='%23B8A07A' stroke-opacity='.3' stroke-width='4'/%3E%3C/svg%3E") center/96% no-repeat}
.g-card.eckig.selected .g-circle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='6' y='6' width='88' height='88' rx='20' fill='%235A3E2B' fill-opacity='.08' stroke='%235A3E2B' stroke-width='4'/%3E%3C/svg%3E") center/96% no-repeat}
.g-card.eckig[data-g="40x60"] .g-circle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 100'%3E%3Crect x='6' y='16' width='138' height='68' rx='16' fill='%23B8A07A' fill-opacity='.12' stroke='%23B8A07A' stroke-opacity='.3' stroke-width='4'/%3E%3C/svg%3E")}
.g-card.eckig[data-g="40x60"].selected .g-circle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 100'%3E%3Crect x='6' y='16' width='138' height='68' rx='16' fill='%235A3E2B' fill-opacity='.08' stroke='%235A3E2B' stroke-width='4'/%3E%3C/svg%3E")}
.g-card.schult .g-circle{border-radius:0;border-color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 96 L15 32 Q15 8 50 8 Q85 8 85 32 Z' fill='%23B8A07A' fill-opacity='.12' stroke='%23B8A07A' stroke-opacity='.3' stroke-width='4'/%3E%3C/svg%3E") center/96% no-repeat}
.g-card.schult.selected .g-circle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 96 L15 32 Q15 8 50 8 Q85 8 85 32 Z' fill='%235A3E2B' fill-opacity='.08' stroke='%235A3E2B' stroke-width='4'/%3E%3C/svg%3E") center/96% no-repeat}
.mehr-sect{border-top:1px solid var(--warm-grey);padding-top:1.4rem;margin-top:.5rem}
.mehr-lbl{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-ink);display:block;margin-bottom:1rem}
.stock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.stock-card{border:1.5px solid var(--warm-grey);border-radius:4px;padding:1.1rem 1rem;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .25s;background:var(--white);text-align:center;position:relative;overflow:hidden}
.stock-card:hover{border-color:var(--gold-lt);transform:translateY(-5px);box-shadow:0 14px 34px rgba(90,62,43,.13)}
.stock-card.selected{border-color:var(--choc);background:rgba(90,62,43,.03);transform:translateY(-1px)}
.stock-vis{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:.75rem}
.s-tier{background:var(--gold-pale);border:1.5px solid rgba(184,160,122,.45);border-bottom:none;height:24px;border-radius:5px 5px 0 0;position:relative;transition:all .25s}
.s-tier:last-child{border-bottom:1.5px solid rgba(184,160,122,.45);border-radius:5px 5px 3px 3px}
.s-tier::after{content:'';position:absolute;top:5px;left:8%;right:8%;height:1px;background:rgba(184,160,122,.35)}
.stock-card.selected .s-tier{background:rgba(90,62,43,.1);border-color:var(--choc)}
.stock-card.selected .s-tier::after{background:rgba(90,62,43,.3)}
.stock-lbl{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:.93rem;color:var(--choc-dark);margin-bottom:.18rem}
.stock-price{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.06em;color:var(--choc)}
.stock-persons{font-size:.7rem;color:var(--choc-mid);margin-top:.18rem}
.ub-group{background:var(--white);border:1px solid var(--warm-grey);border-radius:4px;overflow:hidden;margin-bottom:.65rem}
.ub-header{padding:.85rem 1.2rem;background:var(--gold-pale);border-bottom:1px solid rgba(184,160,122,.2)}
.ub-title{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.05rem;color:var(--choc-dark)}
.ub-sub{font-size:.78rem;color:var(--choc-mid);margin-top:.1rem}
.ub-options{display:flex;flex-direction:column}
.ub-opt{display:flex;align-items:flex-start;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--cream-dk);cursor:pointer;transition:background .2s}
.ub-opt:last-child{border-bottom:none}
.ub-opt:hover{background:var(--cream)}
.ub-opt.selected{background:rgba(90,62,43,.04)}
.ub-opt.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}
.ub-opt.fondant-opt.selected{border-left:3px solid var(--gold)}
.ub-radio{width:17px;height:17px;border-radius:50%;border:1.5px solid var(--warm-grey);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:3px}
.ub-opt.selected .ub-radio{border-color:var(--choc);background:var(--choc)}
.ub-radio-dot{width:6px;height:6px;border-radius:50%;background:var(--cream);opacity:0;transition:opacity .2s}
.ub-opt.selected .ub-radio-dot{opacity:1}
.ub-name{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1rem;color:var(--choc-dark)}
.ub-desc{font-size:.78rem;color:var(--choc-mid);margin-top:.08rem;line-height:1.6}
.ub-price{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.76rem;color:var(--choc);margin-left:auto;flex-shrink:0;white-space:nowrap}
.fondant-badge{display:inline-flex;align-items:center;gap:.3rem;background:rgba(184,160,122,.15);border:1px solid rgba(184,160,122,.4);border-radius:2px;padding:.18rem .55rem;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);margin-left:.5rem;vertical-align:middle}
.extras-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}
.extra-row{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.2rem;border:1.5px solid var(--warm-grey);border-radius:4px;cursor:pointer;background:var(--white);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .25s,background .25s;gap:1rem;position:relative}
.extra-row:hover{border-color:var(--gold-lt);background:var(--cream);transform:translateX(3px);box-shadow:0 4px 16px rgba(90,62,43,.07)}
.extra-row.selected{border-color:var(--choc);background:rgba(90,62,43,.03)}
.ex-icon{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;color:var(--choc);transition:all .22s;margin-top:1px}
.ex-icon svg{width:23px;height:23px}
.extra-row.selected .ex-icon{background:var(--choc);color:var(--cream)}
.ex-left{display:flex;align-items:flex-start;gap:1rem;flex:1}
.ex-left>div:last-child{flex:1;min-width:0}
.ex-chk{width:19px;height:19px;flex-shrink:0;border:1.5px solid var(--warm-grey);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:2px}
.extra-row.selected .ex-chk{background:var(--choc);border-color:var(--choc)}
.ex-chk-svg{opacity:0;transition:opacity .2s}
.extra-row.selected .ex-chk-svg{opacity:1}
.ex-name{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.02rem;color:var(--choc-dark);margin-bottom:.12rem}
.extra-row.disabled{opacity:.45;pointer-events:none}
.ex-lock{display:inline-block;margin-top:.4rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.72rem;line-height:1.45;letter-spacing:.03em;color:#7d5d20;background:var(--cream);border:1px solid var(--gold-lt);border-radius:10px;padding:.3rem .7rem;max-width:100%}
.sm-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(12px);background:var(--choc,#5A3E2B);color:#fff;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.83rem;line-height:1.45;padding:.7rem 1.05rem;border-radius:11px;box-shadow:0 10px 28px rgba(43,30,20,.28);z-index:9999;opacity:0;transition:opacity .3s ease,transform .3s ease;max-width:min(88vw,360px);text-align:center;pointer-events:none}
.sm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (prefers-reduced-motion:reduce){.sm-toast{transition:opacity .2s ease;transform:translateX(-50%)}.sm-toast.show{transform:translateX(-50%)}}
.ex-desc{font-size:.78rem;color:var(--choc-mid);line-height:1.65}
.ex-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:.9rem}
.ex-kopf .ex-name{flex:1 1 auto;min-width:0}
.ex-price{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.76rem;color:var(--choc);white-space:nowrap;text-align:right;flex:0 0 auto}
.ex-sub{display:none;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--cream-dk)}
.extra-row.selected .ex-sub{display:block}
.ex-inp{width:100%;padding:.62rem .88rem;border:1.5px solid var(--warm-grey);border-radius:3px;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:16px;color:var(--dark);background:var(--cream);outline:none;transition:border-color .2s}
.ex-inp:focus{border-color:var(--gold)}
.ex-inp.error{border-color:var(--err)}
.rose-ctr{display:flex;align-items:center;gap:.75rem}
.rose-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--warm-grey);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--choc);transition:all .2s;line-height:1}
.rose-btn:hover{border-color:var(--choc);background:var(--cream-dk)}
.rose-btn:disabled{opacity:.32;cursor:default;border-color:var(--warm-grey);background:var(--white)}
.rose-n{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.4rem;color:var(--choc);min-width:1.6rem;text-align:center}
.rose-live{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.75rem;color:var(--gold-ink)}
.mix-liste{display:flex;flex-direction:column;gap:.35rem;margin-top:.55rem}
.mix-liste:empty{display:none}
.mix-zeile{display:flex;align-items:center;gap:.6rem;padding:.3rem .45rem .3rem .6rem;border:1px solid var(--warm-grey);border-radius:16px;background:var(--white)}
.mix-disc{width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(43,30,20,.14),inset 0 -4px 6px rgba(43,30,20,.08);flex:none}
.mix-disc.bunt,.fb-sw.fb-bunt .fb-disc{background:conic-gradient(#d9687e,#e8c440,#a9b563,#f0dcb2,#6e4633,#c99155,#d9687e)}
.mix-name{flex:1;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;color:var(--choc);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mix-zeile .rose-ctr{gap:.4rem}.mix-zeile .rose-btn{width:36px;height:36px}.mix-zeile .rose-n{font-size:1.15rem;min-width:1.3rem}
.mix-summe{margin-top:.55rem;gap:.45rem}.mix-einheit{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;color:var(--choc-mid)}
html.dark .mix-zeile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
html.dark .mix-name{color:var(--cream,#F5F2ED)}
.foto-lbl{display:inline-flex;align-items:center;gap:.5rem;padding:.58rem 1rem;border:1.5px dashed var(--warm-grey);border-radius:3px;cursor:pointer;font-size:.8rem;color:var(--choc-mid);transition:all .2s;background:var(--cream)}
.foto-lbl:hover{border-color:var(--gold);color:var(--choc)}
.foto-lbl.error{border-color:var(--err);color:var(--err)}
.foto-later{display:flex;align-items:flex-start;gap:.55rem;margin-top:.65rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.78rem;color:var(--choc-mid);cursor:pointer;line-height:1.5;max-width:34rem}
.foto-later input{accent-color:var(--gold);width:15px;height:15px;margin-top:.1rem;flex:none;cursor:pointer}
.foto-later strong{color:var(--choc-dark);font-weight:500}
.foto-prev{display:none;margin-top:.65rem;align-items:center;gap:.75rem}
.foto-prev.show{display:flex}
.foto-prev img{width:52px;height:52px;object-fit:cover;border-radius:3px;border:1px solid var(--warm-grey)}
.foto-prev-name{font-size:.78rem;color:var(--choc-mid)}
.foto-hint{font-size:.75rem;color:var(--choc-mid);margin-top:.4rem;line-height:1.6}
.ex-bsp{font-size:.75rem;color:var(--choc-mid);margin:.35rem 0 0;line-height:1.55}
.foto-hint strong{color:var(--choc-dark);font-weight:400}
.ref-block{margin:1.3rem 0 .2rem;padding:1.1rem 1.2rem;border:1px dashed var(--warm-grey);border-radius:8px;background:var(--cream-dk)}
.ref-head{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.85rem}
.ref-ico{flex:none;color:var(--gold);margin-top:.1rem}
.ref-title{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.96rem;color:var(--choc);letter-spacing:.02em;line-height:1.3}
.ref-free{display:inline-block;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);border:1px solid var(--gold-lt);border-radius:20px;padding:.1rem .5rem;margin-left:.35rem;white-space:nowrap;vertical-align:middle}
.ref-desc{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;color:var(--choc-mid);line-height:1.55;margin-top:.3rem}
.ref-desc strong{color:var(--choc-dark);font-weight:400}
.ref-prev{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}
.ref-thumb{position:relative;width:84px;height:84px;border-radius:6px;overflow:hidden;border:1px solid var(--warm-grey)}
.ref-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ref-del{position:absolute;top:3px;right:3px;width:30px;height:30px;border-radius:50%;border:none;background:rgba(43,30,20,.72);color:#fff;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.ref-del:hover{background:rgba(43,30,20,.92)}
.gal-ref-note{display:flex;gap:.8rem;align-items:center;margin-bottom:.9rem;padding:.6rem .7rem;border:1px solid var(--gold-lt);border-radius:8px;background:var(--cream)}
.gal-ref-note img{flex:none;width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--warm-grey)}
.gal-ref-note strong{display:block;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.86rem;color:var(--choc);font-weight:400;margin-bottom:.15rem}
.gal-ref-note span{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.78rem;color:var(--choc-mid);line-height:1.45}
.deko-notice{padding:.7rem .9rem;background:rgba(184,160,122,.08);border:1px dashed rgba(184,160,122,.4);border-radius:3px;font-size:.78rem;color:var(--choc-mid);line-height:1.65;margin-top:.5rem}
.termin-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.5rem}
.field-wrap{display:flex;flex-direction:column;gap:.4rem}
.f-lbl{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}
.f-inp{padding:.8rem 1rem;border:1.5px solid var(--warm-grey);border-radius:3px;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:16px;color:var(--dark);background:var(--white);outline:none;transition:border-color .2s;width:100%}
.f-inp:focus{border-color:var(--choc)}
.f-inp.error{border-color:var(--err)}
.f-err{font-size:.74rem;color:var(--err);display:none}
.f-err.show{display:block}
.liefer-opts{display:flex;gap:.6rem;margin-bottom:1.2rem}
.lo{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem .55rem;border:1.5px solid var(--warm-grey);border-radius:4px;cursor:pointer;transition:all .22s;background:var(--white)}
.lo:hover{border-color:var(--gold-lt)}
.lo.selected{border-color:var(--choc);background:rgba(90,62,43,.03)}
.lo-icon{margin:0;flex:none;width:20px;height:20px;color:var(--choc-mid);transition:color .2s}
.lo-icon svg{width:100%;height:100%}
.lo.selected .lo-icon{color:var(--choc-dark)}
.lo-name{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--choc-mid);line-height:1.2}
.lo.selected .lo-name{color:var(--choc-dark)}
.liefer-box{display:none;margin-top:.5rem}
.liefer-box.show{display:block;animation:fadeUp .3s ease}
.dist-result{margin-top:.7rem;padding:.8rem 1.1rem;background:var(--gold-pale);border:1px solid rgba(184,160,122,.3);border-radius:3px;font-size:.82rem;color:var(--choc-mid);line-height:1.7;display:none;align-items:flex-start;gap:.6rem}
.dist-result.show{display:flex}
.dist-result svg{flex-shrink:0;color:var(--gold);margin-top:.1rem}
.dist-fee{display:none;margin-top:.65rem;padding:.45rem .9rem;background:rgba(90,62,43,.06);border-radius:3px;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.72rem;color:var(--choc);align-items:center;gap:.5rem}
.dist-fee.show{display:inline-flex}
.dist-fee strong{color:var(--gold-ink)}
.dist-weit{display:none;margin-top:.7rem;padding:.95rem 1.1rem;background:var(--cream);border-left:3px solid var(--err);border-radius:0 3px 3px 0}
.dist-weit.show{display:block}
.dw-titel{margin:0 0 .3rem;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.88rem;color:var(--choc)}
.dw-text{margin:0;font-size:.82rem;color:var(--choc-mid);line-height:1.7}
.dw-text strong{color:var(--choc);font-weight:400}
.dw-gross{margin-top:.5rem}
.dw-gross a{color:var(--gold-ink);text-decoration:none;border-bottom:1px solid rgba(184,160,122,.5)}
.dw-btn{margin-top:.8rem}
.kuehlung{margin-top:1.3rem;padding:.85rem 1.1rem;background:var(--gold-pale);border-left:3px solid rgba(184,160,122,.4);border-radius:0 3px 3px 0;cursor:pointer;display:flex;gap:.7rem;align-items:flex-start}
.k-body{font-size:.8rem;color:var(--choc-mid);line-height:1.65}
.k-body strong{font-weight:400;color:var(--choc-mid)}
.k-toggle{font-size:.7rem;color:var(--gold-ink);font-family:'Marcellus','Marcellus Ersatz',serif;display:block;margin-top:.28rem}
.k-detail{display:none;margin-top:.45rem}
.k-detail.show{display:block}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.5rem}
.kontakt-grid .full{grid-column:1/-1}
.ds-row{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;background:var(--gold-pale);border:1px solid rgba(184,160,122,.25);border-radius:3px;cursor:pointer;margin-top:.5rem}
.ds-chk{width:18px;height:18px;border:1.5px solid var(--warm-grey);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:1px}
.ds-row.checked .ds-chk{background:var(--choc);border-color:var(--choc)}
.ds-text{font-size:.8rem;color:var(--choc-mid);line-height:1.65}
.ds-text a{color:var(--gold-ink);text-decoration:underline}
.step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid var(--warm-grey)}
.s5-step-next{display:flex;justify-content:flex-end;margin-top:1.6rem}
#s5-next[hidden]{display:none}
.sum-card{background:var(--white);border:1px solid var(--warm-grey);border-radius:4px;overflow:hidden;margin-bottom:1.2rem}
.sum-sec{padding:1.3rem 1.5rem;border-bottom:1px solid var(--cream-dk)}
.sum-sec:last-child{border-bottom:none}
.sum-sec-lbl{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);display:block;margin-bottom:.75rem}
.sum-row{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem 0;font-size:.86rem;gap:1rem}
.sum-rl{color:var(--choc-mid)}
.sum-rv{color:var(--choc-dark);text-align:right}
.sum-rp{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:.98rem;color:var(--choc);text-align:right}
.sum-total-row{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.4rem 1.6rem;background:linear-gradient(180deg,var(--cream),var(--cream-dk));border-top:2px solid var(--gold);border-radius:0 0 6px 6px}
.sum-tl-wrap{min-width:0}
.sum-tl{display:flex;align-items:center;gap:.45rem;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--choc)}
.sum-tl::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}
.sum-tn{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-style:italic;font-size:.9rem;line-height:1.35;color:var(--choc);margin-top:.32rem}
.sum-tl-wrap{flex:1}
.sum-tv{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:300;color:var(--choc-dark);white-space:nowrap;text-align:right;line-height:1.05;flex:none}
.sum-tv-ca{display:block;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--choc-mid);margin-bottom:.2rem}
.sum-tv-num{font-size:2.4rem}
@media(max-width:480px){
.sum-total-row{align-items:center;gap:.9rem;padding:1.2rem 1.1rem}
.sum-tn{max-width:none;font-size:.82rem}
.sum-tv-num{font-size:1.95rem}
}
.sum-vat{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
padding:.6rem 1.6rem 0;font-size:.8rem;color:var(--choc-mid);line-height:1.5}
.sum-vat b{font-weight:600;color:var(--choc);white-space:nowrap;font-variant-numeric:tabular-nums}
.kaution-box{background:rgba(90,62,43,.05);border:1px solid rgba(90,62,43,.2);border-left:3px solid var(--choc);border-radius:0 4px 4px 0;padding:1.1rem 1.4rem;font-size:.83rem;color:var(--choc-mid);line-height:1.6;margin-bottom:1.2rem}
.kaution-box strong{color:var(--choc);font-weight:500}
.conf-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin:1.1rem auto .9rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;color:var(--choc-mid);max-width:640px;text-align:center}
.conf-trust span{display:inline-flex;align-items:center;gap:.4rem}
.conf-trust svg{color:var(--gold);flex:none}
.reassure-band{background:var(--white);border-bottom:1px solid var(--cream-dk)}
.reassure-inner{max-width:1200px;margin:0 auto;padding:.7rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem 1.4rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;color:var(--choc-mid)}
.rb-item{display:inline-flex;align-items:center;gap:.4rem}
.rb-item svg{color:var(--gold);flex:none}
.rb-call{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--choc);font-weight:500;white-space:nowrap}
.rb-call svg{color:var(--gold);flex:none}
.rb-call:hover{color:var(--choc-dark)}
@media(max-width:560px){.reassure-inner{padding:.6rem 1.1rem;font-size:.74rem;gap:.3rem 1rem}}
.nx-steps{margin:0 0 1.2rem;padding:1.1rem 1.3rem;background:var(--cream-dk);border-radius:8px}
.nx-title{font-family:'Marcellus','Marcellus Ersatz',serif;letter-spacing:.05em;color:var(--choc);font-size:.82rem;text-transform:uppercase;margin-bottom:.7rem}
.nx-row{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.5rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.83rem;color:var(--choc-mid);line-height:1.55}
.nx-row:last-child{margin-bottom:0}
.nx-num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--choc);color:var(--cream);font-size:.74rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}
.nx-row strong{color:var(--choc-dark);font-weight:500}
.sum-reassure{font-size:.78rem;color:var(--choc-mid);line-height:1.6;margin:.3rem auto 0;max-width:31.28em;text-align:center}
.sum-reassure a{color:var(--gold-ink);text-decoration:none;border-bottom:1px solid var(--gold-lt);display:inline-block;padding:.8rem .35rem;margin:-.8rem -.35rem}
.kaution-amount{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.6rem;color:var(--choc-dark);display:block;margin-top:.3rem}
.social-box{background:var(--gold-pale);border:1px solid rgba(184,160,122,.3);border-radius:4px;padding:1rem 1.3rem;font-size:.82rem;color:var(--choc-mid);line-height:1.75;margin-bottom:1.2rem}
.social-box strong{color:var(--choc-dark);font-weight:400}
.payment-box{background:var(--white);border:1px solid var(--warm-grey);border-radius:4px;padding:.9rem 1.3rem;font-size:.8rem;color:var(--choc-mid);line-height:1.75;margin-bottom:1.2rem;display:flex;align-items:flex-start;gap:.7rem}
.payment-box svg{flex-shrink:0;margin-top:.2rem}
.payment-box span{min-width:0;overflow-wrap:anywhere}
.payment-box svg{flex-shrink:0;color:var(--gold);margin-top:.05rem}
.finish-card{background:var(--cream-dk);border-radius:10px;padding:1.4rem 1.5rem;margin-bottom:1.3rem}
.finish-title{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--choc);margin-bottom:1rem}
.finish-steps{list-style:none;counter-reset:fs;margin:0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.6rem}
.finish-steps li{counter-increment:fs;display:flex;gap:.65rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.85rem;color:var(--choc-mid);line-height:1.5}
.finish-steps li::before{content:counter(fs);flex:none;width:22px;height:22px;border-radius:50%;background:var(--choc);color:var(--cream);font-size:.72rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}
.finish-steps strong{color:var(--choc-dark);font-weight:500}
.finish-pay{border-top:1px solid rgba(122,85,64,.18);padding-top:1.1rem}
.finish-pay-title{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--choc);margin-bottom:.6rem}
.finish-pay>div:not(.finish-pay-title){font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.84rem;color:var(--choc-mid);line-height:1.55;margin-bottom:.45rem}
.finish-pay strong{color:var(--choc-dark);font-weight:500}
.finish-pay #kaution-wrap:empty{display:none}
#kaution-wrap:empty{display:none}
#kaution-wrap{margin-bottom:1.3rem}
.finish-pay .kaution-box{margin-top:.7rem;margin-bottom:0}
.sum-actions{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin:1.9rem 0 1.1rem}
.sum-restart{text-align:center;margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--cream-dk)}
.sum-google{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto 1rem;width:fit-content;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;color:var(--choc-mid);text-decoration:none;border:1px solid var(--warm-grey);border-radius:999px;padding:.45rem 1rem;background:var(--white);transition:border-color .2s,box-shadow .2s}
.sum-google:hover{border-color:var(--gold);box-shadow:0 3px 12px rgba(90,62,43,.12)}
.sum-google[hidden]{display:none}
.sum-google .sg-stars{color:#f5b301;letter-spacing:.05em;font-size:.85rem}
.sum-google .sg-txt strong{color:var(--choc-dark);font-weight:600}
html.dark .sum-google{background:#2a211b;border-color:#443628}
.btn-wa-soft{display:inline-flex;align-items:center;gap:.5rem;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.4rem;border-radius:3px;cursor:pointer;background:transparent;color:#1a7a4f;border:1px solid #1a7a4f;transition:background .2s,color .2s}
.btn-wa-soft:hover{background:#1a7a4f;color:#fff}
html.dark .btn-wa-soft{color:#69d39a;border-color:#69d39a}
html.dark .btn-wa-soft:hover{background:#1a7a4f;color:#fff}
.btn-wa-main{background:#1a7a4f;font-size:.78rem;padding:1rem 2rem;letter-spacing:.12em;border-radius:2px;gap:.6rem;box-shadow:0 4px 20px rgba(26,122,79,.32)}
.btn-wa-main:hover{background:#14603e;box-shadow:0 5px 16px rgba(20,96,62,.4)}
.btn-wa-main svg{flex:none}
.conf-google{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--choc-mid);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem}
.conf-google:hover{color:var(--choc-dark)}
.conf-google .cg-star{color:#e8b923;flex:none}
.conf-google strong{color:var(--choc-dark);font-weight:600}
.sum-google{margin:.4rem auto 1rem}
@media(max-width:480px){.sum-actions .btn-wa-soft{width:100%;justify-content:center}}
.conf-social-row{display:flex;justify-content:center;margin-top:.75rem}
.conf-google .cg-star{width:15px;height:15px}
.region-band{background:var(--white);border-top:1px solid var(--cream-dk);padding:4.2rem 2rem 4.6rem}
.region-inner{max-width:860px;margin:0 auto}
.rgb-eyebrow{display:block;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:.9rem}
.rgb-title{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:300;font-size:clamp(1.7rem,3.2vw,2.4rem);color:var(--choc-dark);line-height:1.2;margin-bottom:1.3rem}
.rgb-title em{color:var(--gold-ink);font-style:italic}
.region-inner>p{font-size:.92rem;line-height:1.85;color:var(--choc-mid);margin-bottom:1rem;max-width:48.96em}
.region-faq{margin-top:2rem;border-top:1px solid var(--cream-dk)}
.region-faq details{border-bottom:1px solid var(--cream-dk)}
.region-faq summary{cursor:pointer;padding:1rem 0.2rem;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.95rem;color:var(--choc-dark);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.region-faq summary::-webkit-details-marker{display:none}
.region-faq summary::after{content:'+';font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:1.2rem;color:var(--gold-ink);flex:none;transition:transform .25s}
.region-faq details[open] summary::after{transform:rotate(45deg)}
.region-faq details p{font-size:.88rem;line-height:1.75;color:var(--choc-mid);padding:0 .2rem 1.1rem;max-width:47.6em}
.region-faq details p:last-child{padding-bottom:1.1rem}
.region-faq details p strong{color:var(--choc-dark);font-weight:500}
.region-faq details ul{list-style:none;margin:0 0 1.1rem;padding:0 .2rem;max-width:47.6em}
.region-faq details ul li{position:relative;font-size:.88rem;line-height:1.7;color:var(--choc-mid);padding:.12rem 0 .12rem 1.1rem}
.region-faq details ul li::before{content:'';position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--gold-ink)}
.region-faq details ul li strong{color:var(--choc-dark);font-weight:500}
.faq-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:400;font-size:1.5rem;color:var(--choc-dark);margin:1.6rem 0 .2rem;padding-top:.2rem}
@media (prefers-reduced-motion: reduce){.region-faq summary::after{transition:none}}
html.dark .region-band{background:#171009;border-top-color:rgba(184,160,122,.2)}
html.dark .rgb-title{color:#f0e8da}
html.dark .region-inner>p, html.dark .region-faq details p, html.dark .region-faq details ul li{color:rgba(240,232,218,.75)}
html.dark .region-faq summary, html.dark .faq-h{color:#f0e8da}
html.dark .region-faq details p strong, html.dark .region-faq details ul li strong{color:#fbf4e8}
html.dark .region-faq details, html.dark .region-faq{border-color:rgba(184,160,122,.2)}
.tm-band{background:var(--white);border-top:1px solid var(--cream-dk);border-bottom:1px solid var(--cream-dk)}
.tm-inner{max-width:1200px;margin:0 auto;padding:3rem 2rem}
.tm-head{text-align:center;margin-bottom:1.9rem}
.tm-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:300;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--choc-dark);line-height:1.15}
.tm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.tm-card{background:var(--cream);border:1px solid var(--cream-dk);border-radius:6px;padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}
.tm-stars{display:flex;gap:.12rem;color:#e8b923}
.tm-quote{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-style:italic;font-size:1.18rem;line-height:1.5;color:var(--choc-dark)}
.tm-name{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.78rem;color:var(--choc-mid);margin-top:auto}
.tm-name strong{color:var(--choc-dark);font-weight:500}
@media(max-width:768px){
.tm-inner{padding:2.4rem 1.2rem}
.tm-grid{grid-template-columns:1fr;gap:1rem}
}
.sidebar{position:sticky;top:var(--pw-stick,152px);order:-1}
@media(min-width:1025px){
.sidebar{align-self:start;
max-height:calc(100vh - var(--pw-stick,152px) - 18px);
max-height:calc(100dvh - var(--pw-stick,152px) - 18px);
overflow-y:auto;scrollbar-gutter:stable;padding-right:.3rem;
scrollbar-width:thin;scrollbar-color:rgba(184,160,122,.6) transparent}
.sidebar::-webkit-scrollbar{width:9px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(184,160,122,.55);border-radius:9px;border:2px solid transparent;background-clip:padding-box}
.sidebar:hover::-webkit-scrollbar-thumb{background:rgba(150,124,84,.7);background-clip:padding-box}
}
.pw{background:#3B2719;border-radius:4px;overflow:hidden;margin-bottom:1.1rem}
.pw-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.05rem;height:100%;min-height:240px;padding:1.6rem;text-align:center}
.pw-empty .pw-empty-art{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center;border-radius:50%;
background:radial-gradient(circle at 50% 42%, rgba(197,164,109,.22), rgba(197,164,109,.05) 68%, transparent 72%);
animation:pwFloat 3.6s ease-in-out infinite alternate}
.pw-empty .pw-empty-art::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px dashed rgba(197,164,109,.45)}
.pw-empty svg{color:var(--gold-lt);opacity:.95}
.pw-empty span{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.3rem;line-height:1.4;color:rgba(245,242,237,.9);font-style:italic}
.pw-empty .pw-empty-sub{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-style:normal;font-size:.8rem;line-height:1.6;color:rgba(245,242,237,.66);max-width:20.4em}
@keyframes pwFloat{from{transform:translateY(2px)}to{transform:translateY(-5px)}}
@media (prefers-reduced-motion: reduce){.pw-empty .pw-empty-art{animation:none}}
.pw-empty.pw-empty-v2{gap:.55rem;padding:1rem 1.4rem 1.4rem}
.pw-hero{position:relative;height:clamp(140px,44%,320px);aspect-ratio:1/1;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:center;margin-bottom:.2rem}
.pw-hero::before{content:'';position:absolute;inset:-22% -34% -8%;background:radial-gradient(ellipse at 50% 58%,rgba(214,170,110,.30),rgba(214,170,110,.07) 46%,transparent 70%);pointer-events:none}
.pw-hero::after{content:'';position:absolute;left:14%;right:14%;bottom:2%;height:9%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.6),rgba(0,0,0,0) 70%);filter:blur(2px)}
.pw-hero-img{position:relative;z-index:1;width:auto;height:100%;max-width:100%;object-fit:contain;display:block;filter:drop-shadow(0 16px 22px rgba(0,0,0,.38));animation:pwFloat 7s ease-in-out infinite}
@keyframes pwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.pw-empty-v2>span:not(.pw-empty-sub):not(.pw-hero-pills){font-size:1.45rem}
.pw-hero-pills{display:flex;gap:.4rem;margin-top:.35rem;font-style:normal}
.pw-hero-pills i{font:500 .68rem/1 'DM Sans','DM Sans Ersatz',sans-serif;font-style:normal;letter-spacing:.04em;color:rgba(245,242,237,.8);padding:.44rem .72rem;border-radius:999px;border:1px solid rgba(245,242,237,.18);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (prefers-reduced-motion: reduce){.pw-hero-img{animation:none}}
@media (max-height:560px){.pw-hero{width:min(46%,240px)}}
.pw-img{height:170px;overflow:hidden;position:relative}
.pw-img img{width:100%;height:100%;object-fit:cover;display:block}
.pw-img-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(58,39,25,.7) 0%,transparent 50%)}
.pw-cake{height:460px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
background:radial-gradient(120% 90% at 50% 14%,rgba(184,160,122,.20),transparent 60%),linear-gradient(180deg,#2a2018,#1c150f)}
.pw-cake::before{content:'';position:absolute;inset:0;pointer-events:none;
background-image:radial-gradient(circle at 20% 24%,rgba(255,255,255,.55) 0 1px,transparent 2px),radial-gradient(circle at 74% 16%,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(circle at 52% 32%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 33% 12%,rgba(255,255,255,.35) 0 1px,transparent 2px)}
.pw-cake svg{position:relative;width:88%;height:auto;max-height:176px;
filter:drop-shadow(0 10px 13px rgba(59,39,25,.24));animation:cakeBob 5.5s cubic-bezier(.45,0,.55,1) infinite}
.pw-cake .ct-tier{transform-box:fill-box;transform-origin:center bottom;animation:tierIn .5s cubic-bezier(.22,1,.36,1) both}
.pw-cake .ct-deco{transform-box:fill-box;transform-origin:center;animation:decoPop .5s cubic-bezier(.22,1,.36,1) both}
@keyframes cakeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes tierIn{from{opacity:0;transform:translateY(9px) scaleY(.68)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes decoPop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.pw-cake svg,.pw-cake .ct-tier,.pw-cake .ct-deco{animation:none}}
@media(max-width:1024px){.pw-cake{height:360px}}
.pw-body{padding:1.4rem}
.pw-ey{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.25rem}
.pw-total{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:2.8rem;font-weight:300;color:var(--cream);line-height:1;margin-bottom:.28rem}
.pw-sub{font-size:.76rem;color:rgba(245,242,237,.62);margin-bottom:.5rem}
.pw-richt-note{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;line-height:1.5;color:rgba(245,242,237,.55);margin:0 0 1.2rem;border-left:2px solid rgba(201,168,106,.55);padding-left:.6rem}
.pw-lines{border-top:1px solid rgba(184,160,122,.2);padding-top:.7rem}
.pw-line{display:flex;justify-content:space-between;font-size:.78rem;padding:.28rem 0;color:rgba(245,242,237,.62)}
.pw-lv{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:.92rem;color:var(--gold-lt)}
.tracker{background:var(--white);border:1px solid var(--warm-grey);border-radius:4px;overflow:hidden}
.tr-r{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--cream-dk);font-size:.8rem;cursor:default;transition:background .2s}
.tr-r:last-child{border-bottom:none}
.tr-r.done{cursor:pointer}
.tr-r.done:hover{background:var(--cream-dk)}
.tr-n{width:19px;height:19px;border-radius:50%;flex-shrink:0;border:1px solid var(--warm-grey);display:flex;align-items:center;justify-content:center;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;color:var(--warm-grey);transition:all .3s}
.tr-r.done .tr-n{background:var(--gold);border-color:var(--gold);color:var(--choc-dark)}
.tr-r.active .tr-n{background:var(--choc);border-color:var(--choc);color:var(--cream)}
.tr-l{flex:1;color:var(--choc-mid)}
.tr-r.done .tr-l{color:var(--choc)}
.tr-r.active .tr-l{color:var(--choc-dark);font-weight:400}
.tr-v{font-size:.73rem;color:var(--gold-ink);text-align:right;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.confirm-overlay{display:none;position:fixed;inset:0;background:rgba(58,39,25,.45);z-index:9999;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.confirm-overlay.show{display:flex}
.confirm-dialog{background:var(--white);border-radius:6px;padding:2rem 2.2rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(58,39,25,.25);animation:fadeUp .3s ease}
.cd-title{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.5rem;color:var(--choc-dark);margin-bottom:.6rem}
.cd-body{font-size:.85rem;color:var(--choc-mid);line-height:1.75;margin-bottom:1.5rem}
.cd-actions{display:flex;gap:.7rem;flex-wrap:wrap}
footer{background:#3B2719;color:var(--cream);padding:4.5rem 2rem 2rem}
@media print{nav,.page-hero,.sidebar,.sum-3d-slot,.step-nav,.sum-actions,.confirm-overlay{display:none!important}.gen-outer{grid-template-columns:1fr;padding:1rem}#step-7{display:block!important}}
@media(max-width:1024px){.gen-outer{grid-template-columns:1fr}.sidebar{position:static}.pw-img{height:140px}}
@media(max-width:768px){
nav{padding:0 1.2rem}
.nav-burger{display:flex}
.nav-only-mobile{display:block}
.nav-links{
position:fixed;top:0;left:0;right:0;
height:100vh;height:100dvh;
background:linear-gradient(165deg,var(--choc-dark) 0%,var(--choc) 100%);
flex-direction:column;align-items:center;justify-content:center;
gap:.8rem;margin:0;padding:5rem 1.5rem 2rem;
overflow-y:auto;-webkit-overflow-scrolling:touch;
opacity:0;visibility:hidden;
transform:scale(0.96);
transition:opacity .4s ease,transform .4s ease,visibility .4s;
z-index:1000;
}
.nav-links.open{opacity:1;visibility:visible;transform:scale(1)}
.nav-links li{
width:100%;max-width:320px;text-align:center;
opacity:0;transform:translateY(14px);
transition:opacity .4s ease,transform .4s ease;
}
.nav-links.open li{opacity:1;transform:translateY(0)}
.nav-links.open li:nth-child(1){transition-delay:.10s}
.nav-links.open li:nth-child(2){transition-delay:.16s}
.nav-links.open li:nth-child(3){transition-delay:.22s}
.nav-links.open li:nth-child(4){transition-delay:.28s}
.nav-links.open li:nth-child(5){transition-delay:.34s}
.nav-links.open li:nth-child(6){transition-delay:.40s}
.nav-links.open li:nth-child(7){transition-delay:.46s}
.nav-links li a{
display:block;width:100%;
color:var(--cream)!important;
font-family:'Marcellus','Marcellus Ersatz',serif;font-size:1.2rem;letter-spacing:.06em;
padding:.95rem 1.2rem;margin:0;
background:rgba(245,242,237,.07);
border:1px solid rgba(184,160,122,.28);
border-radius:8px;
transition:background .2s,border-color .2s,transform .15s;
}
.nav-links li a:active{transform:scale(.97);background:rgba(245,242,237,.14)}
.nav-links li.nav-only-mobile a{font-size:.98rem;color:var(--gold-lt)!important;background:transparent;border:1px solid rgba(184,160,122,.18)}
.nav-links li.nav-cta{max-width:320px}
.nav-links li.nav-cta a{
display:block;width:100%;text-align:center;box-sizing:border-box;
margin-left:0;margin-right:0;
background:var(--gold);color:var(--choc-dark)!important;
border:1px solid var(--gold);font-family:'DM Sans','DM Sans Ersatz',sans-serif;
font-size:1rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
padding:.95rem 1.2rem;text-indent:0;
}
.type-grid{grid-template-columns:1fr}
.page-hero{padding:1rem 1.5rem .9rem}
.page-hero h1{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:.3rem}
.page-hero h1 br{display:none}
.page-hero h1 em::before{content:" "}
.page-hero
#step-1 .step-header .step-sub:first-of-type{display:none}
.step-header{margin-bottom:.75rem}
.gen-outer{padding-top:.5rem}
.reassure-band .reassure-inner{padding-top:.5rem;padding-bottom:.5rem;gap:.2rem .9rem}
.reassure-band .rb-item{font-size:.78rem}
.tc-img{height:150px}
.tc-body{padding:1.15rem 1.25rem 1.2rem}
.g-grid{grid-template-columns:1fr 1fr}
.stock-cards{grid-template-columns:1fr}
.termin-grid{grid-template-columns:1fr}
.kontakt-grid{grid-template-columns:1fr}
.kontakt-grid .full{grid-column:1}
.gen-outer{padding-right:1.2rem;padding-bottom:4rem;padding-left:1.2rem}
.step-sub{line-height:1.5;font-size:.84rem}
.page-hero .ph-sub{display:none}
.liefer-opts{gap:.5rem}
.mengen-grid{grid-template-columns:1fr}
.btn{white-space:normal;text-align:center;justify-content:center}
.sum-actions{flex-direction:column}
.sum-actions .btn,.sum-actions .btn-wa{width:100%;justify-content:center}
}
@media(max-width:480px){.sorten-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:1.1rem}.s-item{padding:.4rem .4rem .5rem}.s-item.has-foto{padding-right:.4rem}.s-name{font-size:.74rem;line-height:1.16}.s-thumb{margin-bottom:.35rem}.s-pop{font-size:.7rem;padding:.05rem .3rem;margin-left:.2rem}.s-badge{font-size:.7rem;margin-top:.05rem}.s-check{width:13px;height:13px;top:.4rem;right:.4rem}.g-grid{grid-template-columns:1fr}.sum-actions{flex-direction:column}.sum-actions .btn,.sum-actions .btn-wa{width:100%;justify-content:center}}
.m-pricebar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.2rem;background:#3B2719;border-top:2px solid var(--gold);box-shadow:0 -6px 22px rgba(43,30,20,.4);will-change:transform;transition:transform .32s cubic-bezier(.4,0,.2,1)}
.m-pricebar.docked{transform:translateY(135%)}
.m-pricebar .m-pb-left{display:flex;flex-direction:column;gap:1px;min-width:0}
.m-pricebar .m-pb-l{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lt);white-space:nowrap}
.m-pricebar .m-pb-v{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.45rem;font-weight:400;color:#F5F2ED;line-height:1.05}
.m-pb-next{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:48px;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--choc-dark);background:linear-gradient(180deg,var(--gold-lt),var(--gold));border:0;border-radius:12px;padding:.85rem 1.5rem;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.25);transition:transform .15s,filter .15s}
.m-pb-next:active{transform:scale(.97)}
.m-pb-next:hover{filter:brightness(1.05)}
@media(prefers-reduced-motion:reduce){.m-pb-next{transition:none}}
@media(max-width:1024px){.m-pricebar.on{display:flex}.gen-outer{padding-bottom:5rem}footer{margin-top:1.4rem}body.mpb-on .to-top{display:none}.conf-prog{position:sticky;top:64px;z-index:998;box-shadow:0 3px 12px rgba(43,30,20,.07)}.conf-prog .conf-encour{display:none}.conf-prog-inner{padding-top:.6rem;padding-bottom:.6rem}.pw-body{display:none}.step-nav{display:none}}
.conf-prog-top{display:flex;align-items:center;gap:.7rem}
.conf-prog-main{flex:1;min-width:0}
.conf-mini-wrap{display:none;flex-direction:column;align-items:center;gap:3px;flex:none}
@media(max-width:1024px){.conf-mini-wrap{display:flex}}
.conf-mini-arlbl{display:block;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:0;color:var(--choc-mid);white-space:nowrap;line-height:1;cursor:pointer}
.conf-mini-cake{display:none;flex:none;width:52px;height:52px;padding:0;border:1px solid var(--warm-grey);border-radius:10px;background:var(--white);cursor:pointer;position:relative;overflow:hidden;align-items:center;justify-content:center}
.conf-mini-cake svg{width:100%;height:100%;display:block}
.conf-mini-cake img{width:100%;height:100%;object-fit:contain;display:block}
.conf-mini-cake .cmc-laden{position:absolute;inset:9px 8px 12px;border-radius:50% 50% 10px 10px/30% 30% 10px 10px;background:linear-gradient(100deg,rgba(59,39,25,.08) 30%,rgba(216,190,138,.35) 50%,rgba(59,39,25,.08) 70%) 0 0/250% 100%;animation:cmcLaden 1.3s ease-in-out infinite}
@keyframes cmcLaden{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.conf-mini-cake .cmc-laden{animation:none}}
.conf-mini-cake canvas{pointer-events:none}
.conf-mini-cake .cmc-zoom{position:absolute;right:-1px;bottom:-1px;background:var(--gold);color:var(--choc-dark);padding:3px 4px;border-top-left-radius:8px;display:flex}
@keyframes cmcPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,168,106,0)}50%{box-shadow:0 0 0 7px rgba(201,168,106,.55)}}
.conf-mini-cake.cmc-pulse{animation:cmcPulse 1.7s ease-in-out .6s 3}
@media(prefers-reduced-motion:reduce){.conf-mini-cake.cmc-pulse{animation:none}}
.conf-dots{display:none;align-items:center;justify-content:center;gap:9px;margin-top:.6rem}
.conf-dot{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--warm-grey);background:transparent;color:var(--choc-mid);font:500 .82rem/1 'DM Sans','DM Sans Ersatz',sans-serif;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s}
.conf-dot::before{content:'';position:absolute;inset:-5px -4px}
.conf-dot.done{background:var(--gold);border-color:var(--gold);color:var(--choc-dark)}
.conf-dot.active{background:var(--choc);border-color:var(--choc);color:var(--cream)}
.cake-lb-close{display:none;position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;z-index:8;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(43,30,20,.62);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.cake-lb-share{display:none;align-self:center;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:50px;padding:.85rem 1.4rem;margin:.1rem 0 .25rem;background:var(--gold);color:var(--choc-dark);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 18px rgba(43,30,20,.32);transition:transform .12s ease,opacity .2s ease}
.cake-lb-share svg{width:18px;height:18px;flex:none}
.cake-lb-share:active{transform:scale(.97)}
.cake-lb-ar{background:linear-gradient(135deg,var(--gold),#e2c48c);color:var(--choc-dark);border:none;font-weight:700;box-shadow:0 6px 20px rgba(201,168,106,.5)}
.pw.cake-fs .cake-lb-ar:not([hidden]){animation:arPulse 2.2s ease-in-out 1.2s 3}
@keyframes arPulse{0%,100%{box-shadow:0 6px 20px rgba(201,168,106,.5)}50%{box-shadow:0 6px 26px rgba(201,168,106,.85),0 0 0 6px rgba(201,168,106,.16)}}
@media(prefers-reduced-motion:reduce){.pw.cake-fs .cake-lb-ar:not([hidden]){animation:none}}
.cake-lb-share[disabled]{opacity:.6;cursor:default}
.cake-lb-hint{display:none;position:absolute;top:66px;left:50%;transform:translateX(-50%);z-index:7;max-width:86%;text-align:center;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;line-height:1.45;color:var(--cream);background:rgba(43,30,20,.84);padding:.7rem 1.1rem;border-radius:14px;border:1px solid rgba(184,160,122,.4);box-shadow:0 8px 26px rgba(0,0,0,.4);pointer-events:none}
.cake-lb-hint strong{color:var(--gold-lt);font-weight:600}
.pw.cake-fs.show-hint .cake-lb-hint{display:block;animation:lbHintIn .4s ease both}
@keyframes lbHintIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.resume-banner{max-width:1200px;margin:1.5rem auto 0;padding:1rem 1.3rem;display:flex;align-items:center;gap:1rem;background:var(--white);border:1px solid var(--gold-lt);border-left:4px solid var(--gold);border-radius:12px;box-shadow:0 8px 26px rgba(43,30,20,.10);animation:rbIn .45s cubic-bezier(.22,1,.36,1) both}
.resume-banner .rb-ico{flex:none;width:42px;height:42px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--choc)}
.resume-banner .rb-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.resume-banner .rb-txt strong{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.3rem;font-weight:500;color:var(--choc-dark);line-height:1.1}
.resume-banner .rb-txt span{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;color:var(--choc-mid)}
.resume-banner .rb-act{flex:none;display:flex;gap:.6rem;flex-wrap:wrap}
.resume-banner .rb-act .btn{padding:.6rem 1.1rem;font-size:.82rem;white-space:normal;text-align:center;flex:1 1 auto;min-width:0;justify-content:center}
@keyframes rbIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.resume-banner{flex-direction:column;align-items:stretch;text-align:center;margin:1rem auto 0}.resume-banner .rb-act{justify-content:center}.resume-banner .rb-txt{align-items:center}}
@media(max-width:1024px){
.sidebar{display:contents}
.pw{display:none}
.tracker{display:none}
.conf-mini-cake{display:flex}
.conf-dots{display:flex}
.pw.cake-fs{display:flex;position:fixed;inset:0;z-index:2400;flex-direction:column;margin:0;border-radius:0;padding:0}
.pw.cake-fs .pw-cake{height:auto;flex:1;min-height:0}
.pw.cake-fs .pw-disclaimer{flex:none;margin:.4rem 0 1rem}
.pw.cake-fs .cake-lb-close{display:flex}
.pw.cake-fs .cake-lb-share{display:inline-flex}
.pw.cake-fs .cake-lb-ar[hidden]{display:none}
body.cake-fs-open{overflow:hidden}
body.cake-fs-open nav{pointer-events:none}
}
.pv-fs{display:none;position:absolute;right:10px;bottom:10px;z-index:6;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(43,30,20,.55);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.3)}
@media(max-width:1024px){
body.sum-view .conf-prog{display:none}
.pw.in-sum:not(.cake-fs){display:block;margin:0 0 1.4rem}
.pw.in-sum:not(.cake-fs) .pw-cake{height:320px}
.pw.in-sum:not(.cake-fs) .pw-disclaimer{margin:.5rem 0 0;padding:0 .8rem .8rem}
.pw.in-sum:not(.cake-fs) .pv-fs{display:flex}
}
@keyframes heroIn { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
.page-hero-inner > * { opacity:0; animation: heroIn .8s cubic-bezier(.2,.7,.2,1) forwards; }
.page-hero-inner > *:nth-child(1) { animation-delay:.06s; }
.page-hero-inner > *:nth-child(2) { animation-delay:.18s; }
.page-hero-inner > *:nth-child(3) { animation-delay:.30s; }
.page-hero-inner > *:nth-child(4) { animation-delay:.42s; }
.page-hero-inner > *:nth-child(5) { animation-delay:.54s; }
.page-hero-inner > *:nth-child(n+6) { animation-delay:.62s; }
.nav-cta a { position:relative; overflow:hidden; }
.nav-cta a::after { content:''; position:absolute; top:0; left:-80%; width:45%; height:100%; background:linear-gradient(105deg, transparent, rgba(255,255,255,.28), transparent); transform:skewX(-20deg); transition:left .65s ease, opacity .25s ease; pointer-events:none; opacity:0; }
.nav-cta a:hover::after { left:130%; opacity:1; }
.pw-cake.is-3d{cursor:grab;}
.c3d-hint{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-family:'DM Sans','DM Sans Ersatz',sans-serif;
font-size:.7rem;letter-spacing:.04em;color:var(--choc-mid);background:rgba(255,255,255,.72);
padding:.25rem .7rem;border-radius:50px;pointer-events:none;opacity:.9;transition:opacity .5s;white-space:nowrap;}
.pw-cake.c3d-touched .c3d-hint{opacity:0;}
.pw-cake{position:relative}
.pv-2d,.pv-3d{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center}
.pv-2d.on,.pv-3d.on{opacity:1;visibility:visible}
.pv-2d svg{max-width:100%;max-height:100%}
.pw-state{position:absolute;inset:0;z-index:4;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.95rem;padding:1.4rem;text-align:center;pointer-events:none}
.pw-state.on{display:flex}
.pw-state .pw-spin{width:30px;height:30px;border-radius:50%;border:2.5px solid rgba(120,93,32,.22);border-top-color:#7d5d20;animation:pwSpin .8s linear infinite}
.pw-state span:not(.pw-spin){font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.04rem;line-height:1.45;color:var(--choc);font-style:italic;max-width:17rem}
@keyframes pwSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pw-state .pw-spin{animation:none}}
html.dark .pw-state span:not(.pw-spin){color:rgba(245,242,237,.84)}
html.dark .pw-state .pw-spin{border-color:rgba(212,196,160,.25);border-top-color:var(--gold-lt)}
.c3d-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:5;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;letter-spacing:.04em;color:#3B2719;background:rgba(255,255,255,.9);padding:.25rem .7rem;border-radius:50px;pointer-events:none;opacity:.9;transition:opacity .5s;white-space:nowrap}
.pw-cake.c3d-touched .c3d-hint{opacity:0}
.pv-toggle{position:absolute;top:10px;right:10px;z-index:6;display:inline-flex;gap:2px;padding:3px;border-radius:50px;
background:rgba(255,255,255,.82);box-shadow:0 2px 8px rgba(59,39,25,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.pv-tg{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;font-weight:600;
letter-spacing:.06em;color:var(--choc-mid);background:transparent;padding:.3rem .72rem;border-radius:50px;line-height:1;
min-height:44px;display:inline-flex;align-items:center;justify-content:center;
transition:background .2s ease,color .2s ease}
.pv-tg:hover{color:var(--choc-dark)}
.pv-tg.active{background:var(--choc);color:var(--cream)}
.pv-tg:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pv-view{top:10px;right:auto;bottom:auto;left:10px}
@media(max-width:1024px){.pw.cake-fs .pv-view{top:calc(10px + env(safe-area-inset-top,0px))}.pw.cake-fs .pv-toggle:not(.pv-view){top:calc(10px + env(safe-area-inset-top,0px))}}
.pw-disclaimer{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;line-height:1.5;color:rgba(245,242,237,.6);opacity:1;text-align:center;margin:.5rem 0 0;padding:0 .8rem;}
:where(main a:not([class])) { color: var(--gold-ink); }
html.dark {
--cream:      #1c1714;
--cream-dk:   #251e19;
--white:      #221b17;
--warm-grey:  #3a302a;
--dark:       #ECE5DC;
--choc:       #E8D9C4;
--choc-mid:   #c9b79c;
--choc-dark:  #F0E7D8;
--gold-ink:   var(--gold-lt);
}
html.dark .torte-section,
html.dark .nav-links { background: #120d0a !important; }
html.dark footer { background: #120d0a !important; }
html.dark .to-top:hover,
html.dark .btn-dark:hover,
html.dark .nav-links .nav-cta a:hover { background: #0d0907 !important; }
html.dark .hero-title, html.dark .page-hero h1,
html.dark .hero-title em, html.dark .page-hero h1 em { color: #F0E7D8 !important; }
html.dark .hero-sub, html.dark .page-hero-sub, html.dark .page-hero p { color: #E0D5C4 !important; }
html.dark #main-nav { background: var(--cream); border-bottom: 1px solid rgba(184,160,122,0.34); }
html.dark .nav-links li a { color: var(--choc) !important; }
html.dark .nav-links li a:hover { background: none !important; color: var(--gold-lt) !important; }
html.dark .hero-pill.status-open { background:#16301d !important; border-color:#2c5238 !important; color:#9ed8a8 !important; }
html.dark .hero-pill.status-soon { background:#332a14 !important; border-color:#5a4a1f !important; color:#e8cf8f !important; }
html.dark img:not(.nav-logo img):not([src*="logo"]) { filter: brightness(0.93); }
html.dark .page-hero.has-img .page-hero-bg::after { background: linear-gradient(180deg, rgba(10,7,5,0.82) 0%, rgba(10,7,5,0.66) 60%, rgba(10,7,5,0.80) 100%) !important; }
html, body, footer, #main-nav, .card, section { transition: background-color .35s ease, color .35s ease, border-color .35s ease; }
.dm-toggle { position:fixed; right:1.5rem; bottom:5.2rem; width:46px; height:46px; border-radius:50%;
background:var(--choc); color:var(--cream); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;
box-shadow:0 6px 20px rgba(43,30,20,.28); z-index:1500; transition:background .2s, transform .2s; }
.dm-toggle:hover { transform:translateY(-2px); }
.dm-toggle .dm-moon { display:none; }
html.dark .dm-toggle .dm-sun { display:none; }
html.dark .dm-toggle .dm-moon { display:block; }
.dm-prompt { position:fixed; right:1.5rem; bottom:1.5rem; max-width:330px; z-index:2400;
background:var(--white); color:var(--dark); border:1px solid var(--warm-grey); border-radius:12px;
padding:1.1rem 1.2rem; box-shadow:0 12px 40px rgba(43,30,20,.22);
font-family:'DM Sans','DM Sans Ersatz',sans-serif; opacity:0; transform:translateY(12px); transition:opacity .35s ease, transform .35s ease; }
.dm-prompt.show { opacity:1; transform:translateY(0); }
.dm-prompt-txt { font-size:0.93rem; line-height:1.5; color:var(--choc-mid); display:block; margin-bottom:0.9rem; }
.dm-prompt-btns { display:flex; gap:0.6rem; }
.dm-yes, .dm-no { font-family:'Marcellus','Marcellus Ersatz',serif; font-size:0.74rem; letter-spacing:0.08em; text-transform:uppercase;
padding:0.6rem 1.1rem; border-radius:3px; cursor:pointer; transition:all .2s; }
.dm-yes { background:var(--choc); color:var(--cream); border:none; }
.dm-yes:hover { background:#3B2719; }
html.dark .dm-yes { background:var(--gold); color:#1c1714; }
.dm-no { background:transparent; color:var(--choc-mid); border:1px solid var(--warm-grey); }
.dm-no:hover { border-color:var(--gold); color:var(--choc); }
@media (max-width:600px){ .dm-prompt{ left:1rem; right:1rem; max-width:none; } .dm-toggle{ bottom:5rem; } }
html.dark .nav-logo img { filter: brightness(0) invert(1) !important; }
html.dark .nav-links .nav-cta a { background: var(--gold) !important; color: #1c1714 !important; }
html.dark .nav-links .nav-cta a:hover { background: var(--gold-lt) !important; color:#140f0c !important; }
html.dark body { color: var(--dark); }
html.dark input, html.dark textarea, html.dark select { background: var(--white) !important; color: var(--dark) !important; border-color: var(--warm-grey) !important; }
html.dark input::placeholder, html.dark textarea::placeholder { color: var(--choc-mid) !important; }
@media (max-width:900px){
body:has(.nav-links.open) .dm-toggle,
body:has(.nav-links.open) .to-top { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
}
@media (max-width:560px){
.to-top { right:1rem; bottom:1rem; width:42px; height:42px; }
.dm-toggle { right:1rem; bottom:4.6rem; width:42px; height:42px; }
}
html.dark .pw-cake,
html.dark #pw-cake { background: radial-gradient(120% 90% at 50% 14%,rgba(184,160,122,.20),transparent 60%), linear-gradient(180deg,#2a2018,#1c150f) !important; }
html.dark .pw-cake .pv-2d svg,
html.dark #pw-cake canvas { filter: none !important; }
html.dark .pw { background: linear-gradient(180deg,#2c2219,#211a13) !important; }
html.dark .pw-total { color:#F5F2ED !important; }
html.dark .pw-line { color:rgba(245,242,237,.6) !important; }
html.dark .pw-lv { color:#d4c4a0 !important; }
html.dark .pw-disclaimer { color:rgba(245,242,237,.62) !important; opacity:1; }
html.dark .c3d-hint { color:#6b5a47 !important; background:rgba(255,255,255,.72) !important; }
html.dark .pv-toggle { background:rgba(255,255,255,.82) !important; }
html.dark .pv-tg { color:#6b5a47 !important; }
html.dark .pv-tg.active { background:var(--choc) !important; color:#1c1714 !important; }
html.dark .btn-ghost { color:#F0E7D8 !important; border-color:rgba(240,231,216,0.5) !important; }
html.dark .hs-btn.active, html.dark .s-item.spezial.selected .s-check, html.dark .tr-r.done .tr-n, html.dark .conf-dot.done { color:#1c1714 !important; }
html.dark .cal-day.selected { background:#5A3E2B !important; color:#F5F2ED !important; border-color:#B8A07A !important; }
html.dark .cal-nav button:hover:not(:disabled) { background:var(--gold) !important; color:#1c1714 !important; border-color:var(--gold) !important; }
.sm-shimmer{ color:#d4c4a0; background-image:linear-gradient(100deg,#a9885a 0%,#cbae72 30%,#fff4d8 50%,#cbae72 70%,#a9885a 100%); background-size:220% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:smShimmer 7s linear infinite; }
@keyframes smShimmer{ to{ background-position:-220% 0; } }
@supports not ((-webkit-background-clip:text) or (background-clip:text)){ .sm-shimmer{ -webkit-text-fill-color:#d4c4a0; background-image:none; } }
@media (prefers-reduced-motion: reduce){ .sm-shimmer{ animation:none; } }
.sm-divider{ --sm-div:#9a7d4f; display:flex; align-items:center; justify-content:center; gap:1rem; width:min(360px,72%); margin:1.6rem auto 0; }
html.dark .sm-divider{ --sm-div:var(--gold-lt,#d4c4a0); }
.sm-divider::before, .sm-divider::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg, transparent, var(--sm-div)); }
.sm-divider::after{ background:linear-gradient(90deg, var(--sm-div), transparent); }
.sm-divider i{ width:7px; height:7px; flex:none; background:var(--sm-div); transform:rotate(45deg); border-radius:1px; }
.sm-btn{ display:inline-flex; align-items:center; gap:.5em; font-family:'Marcellus','Marcellus Ersatz',serif; letter-spacing:.04em; text-decoration:none; border-radius:2px; cursor:pointer; transition:transform .25s ease, background .25s ease, box-shadow .25s ease; }
.sm-btn--gold{ background:var(--gold); color:#2a1b10; padding:.85rem 1.5rem; font-size:.95rem; }
.sm-btn--gold:hover{ background:var(--gold-lt); transform:translateY(-2px); box-shadow:0 8px 20px rgba(90,62,43,.22); }
.sm-btn--sm{ padding:.6rem 1.1rem; font-size:.85rem; }
@media (max-width:768px){ #main-nav .nav-links{ display:none !important; } }
@media (min-width:769px) and (max-width:1009px){
nav{ padding:0 1.2rem; }
.nav-burger{ display:flex; }
#main-nav .nav-links{ display:none !important; }
}
body:has(.sm-mobile.is-open) .dm-toggle, body:has(.sm-mobile.is-open) .to-top{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
.sm-mobile{ position:fixed; inset:0; z-index:2000; padding:22px 26px 30px; display:flex; flex-direction:column; overflow-y:auto; background:radial-gradient(70% 50% at 50% 8%, rgba(212,196,160,.22), transparent 60%), linear-gradient(160deg,#3a2415,#160c03); opacity:0; transform:translateY(-8px); pointer-events:none; transition:opacity .5s cubic-bezier(.22,.61,.36,1), transform .5s cubic-bezier(.22,.61,.36,1); }
.sm-mobile.is-open{ opacity:1; transform:none; pointer-events:auto; }
.sm-mobile[hidden]{ display:none; }
.sm-mobile [data-sm-dust]{ position:absolute; inset:0; background-image:url('/bilder/golddust.png'); background-size:340px; opacity:.5; mix-blend-mode:screen; pointer-events:none; }
.sm-mobile__close{ position:relative; align-self:flex-end; width:42px; height:42px; border-radius:50%; border:1px solid rgba(184,160,122,.4); background:transparent; color:#e7dcc8; font-size:24px; line-height:1; cursor:pointer; }
.sm-mobile__top{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sm-mobile__top .sm-mobile__close{ align-self:auto; flex:none; }
.sm-mobile__status{ display:inline-flex; align-items:center; gap:.55rem; min-width:0; padding:.5rem .95rem; border:1px solid rgba(184,160,122,.34); border-radius:100px; font-family:'DM Sans','DM Sans Ersatz',sans-serif; font-size:.8rem; letter-spacing:.02em; color:rgba(243,234,217,.9); text-decoration:none; white-space:nowrap; }
.sm-mobile__status[hidden]{ display:none; }
.sm-mobile__status strong{ color:#fbf4e8; font-weight:500; }
.sm-mobile__status:hover{ border-color:rgba(212,196,160,.6); }
.smo-txt{ overflow:hidden; text-overflow:ellipsis; }
.smo-dot{ width:8px; height:8px; border-radius:50%; background:rgba(243,234,217,.45); flex:none; }
.sm-mobile__status.hl-open .smo-dot{ background:#7ED09A; }
.sm-mobile__status.hl-soon .smo-dot{ background:var(--gold-lt); }
.sm-mobile__wege{ position:relative; z-index:1; display:flex; flex-direction:column; gap:10px; margin-top:auto; padding-top:26px; }
.smw{ display:flex; align-items:center; gap:14px; padding:15px 17px; border:1px solid rgba(184,160,122,.3); border-radius:14px; background:rgba(243,234,217,.045); text-decoration:none; color:#d4c4a0; transition:background .3s, border-color .3s; }
.smw.smw-hero{ border-color:rgba(212,196,160,.6); background:linear-gradient(135deg, rgba(212,196,160,.14), rgba(212,196,160,.055)); color:#f2e5c6; }
.smw.smw-hero .smw-ic{ border-color:rgba(212,196,160,.62); background:rgba(212,196,160,.1); color:#f2e5c6; }
.smw.smw-hero .smw-t b{ color:#fbf3e2; }
.smw.smw-hero .smw-t i{ color:rgba(243,234,217,.78); }
.smw:hover{ background:rgba(243,234,217,.09); border-color:rgba(212,196,160,.6); }
.smw-ic{ flex:none; width:42px; height:42px; border-radius:50%; border:1px solid rgba(184,160,122,.34); display:flex; align-items:center; justify-content:center; color:#d4c4a0; }
.smw-t{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.smw-t b{ font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif; font-weight:400; font-size:1.45rem; line-height:1.2; color:#f3ead9; }
.smw-t i{ font-style:normal; font-family:'DM Sans','DM Sans Ersatz',sans-serif; font-size:.8rem; letter-spacing:.03em; color:rgba(243,234,217,.6); }
.sm-mobile__gal{ position:relative; z-index:1; display:flex; align-items:center; gap:13px; margin-top:22px; padding:13px 17px; border:1px solid transparent; border-radius:12px; background:rgba(184,160,122,.11); text-decoration:none; transition:background .3s; color:#e8dcc4; }
.sm-mobile__gal::before{ content:""; position:absolute; left:0; right:0; top:-11px; height:1px; background:rgba(184,160,122,.2); }
.sm-mobile__gal:hover{ background:rgba(184,160,122,.2); }
.smg-thumbs{ flex:none; display:flex; gap:3px; }
.smg-thumbs > span, .smg-thumbs > img{ width:34px; height:34px; border-radius:6px; background:rgba(243,234,217,.13); object-fit:cover; display:block; }
.smg-t{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.smg-t b{ font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif; font-weight:400; font-size:1.16rem; line-height:1.2; color:#f3ead9; }
.smg-t i{ font-style:normal; font-family:'DM Sans','DM Sans Ersatz',sans-serif; font-size:.76rem; letter-spacing:.03em; color:rgba(243,234,217,.58); }
.sm-mobile__nav{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:0; margin-top:auto; padding:22px 0 0; height:auto; background:none; border:0; top:auto; backdrop-filter:none; -webkit-backdrop-filter:none; }
.smn-reihe{ display:flex; justify-content:space-between; align-items:center; gap:6px; width:100%; }
.smn-reihe + .smn-reihe{ justify-content:center; gap:clamp(2.5rem, calc(50vw - 117px), 5.5rem); }
.sm-mobile__nav a{ position:relative; font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif; font-weight:400; font-size:1.55rem; color:rgba(243,234,217,.92); text-decoration:none; text-align:center; padding:13px 0; transition:color .25s; }
.sm-mobile__nav a:hover{ color:#f3ead9; }
.sm-mobile__nav a[aria-current="page"]{ color:#e7d2a2; }
.sm-mobile__nav a[aria-current="page"]::after{ content:""; position:absolute; left:50%; bottom:6px; transform:translateX(-50%); width:28px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--gold-lt),var(--gold)); }
.sm-mobile__foot{ position:relative; z-index:1; margin-top:auto; padding-top:20px; border-top:1px solid rgba(184,160,122,.18); display:flex; align-items:center; justify-content:space-between; gap:14px; }
.sm-mobile__tel{ display:inline-flex; align-items:center; gap:9px; font-family:'Marcellus','Marcellus Ersatz',serif; color:#d4c4a0; text-decoration:none; letter-spacing:.04em; font-size:1.05rem; }
.sm-mobile__tel svg{ width:17px; height:17px; flex:none; }
.sm-mobile__soc{ display:flex; gap:10px; }
.sm-mobile__soc a{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(184,160,122,.4); display:flex; align-items:center; justify-content:center; color:#d4c4a0; transition:background .3s, border-color .3s; }
.sm-mobile__soc a:hover{ background:rgba(184,160,122,.16); border-color:#d4c4a0; color:#f0e4cc; }
.sm-mobile__top, .sm-mobile__wege, .sm-mobile__gal, .sm-mobile__nav, .sm-mobile__foot{ width:100%; max-width:520px; margin-inline:auto; }
@media (max-width:360px){
.sm-mobile{ padding-left:20px; padding-right:20px; }
.sm-mobile__status{ font-size:.74rem; letter-spacing:0; padding:.5rem .8rem; }
}
footer.ft{ position:relative; padding:0; background:#3B2719; color:#f3ead9; }
.ft-grid{ position:relative; z-index:1; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.5fr 1fr 0.95fr 1fr 1.05fr; gap:36px; padding:5rem 2rem 0; }
.ft-col h3{ font-family:'Marcellus','Marcellus Ersatz',serif; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#cdbb98; margin:0 0 18px; }
.ft-col a{ display:block; font-family:'DM Sans','DM Sans Ersatz',sans-serif; font-size:14px; color:rgba(243,234,217,.78); text-decoration:none; padding:6px 0; position:relative; width:fit-content; }
.ft-col a::after{ content:""; position:absolute; left:0; bottom:2px; height:1px; width:100%; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.22,.61,.36,1); }
.ft-col a:hover{ color:#f6efe1; }
.ft-col a:hover::after{ transform:scaleX(1); }
.ft-brand img{ height:88px; width:auto; display:block; }
.ft-tag{ font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif; font-style:italic; font-size:21px; color:#cdbb98; margin-top:14px; }
.ft-addr{ font-size:13.5px; line-height:1.7; color:rgba(243,234,217,.72); margin-top:12px; }
.addr-link{ color:inherit; text-decoration:none; }
.addr-link:hover{ text-decoration:underline; text-underline-offset:3px; }
.ft-soc{ display:flex; gap:10px; margin-top:18px; }
.ft-soc a{ width:38px; height:38px; border-radius:50%; border:1px solid rgba(184,160,122,.34); display:flex; align-items:center; justify-content:center; color:#d4c4a0; transition:background .3s, border-color .3s; padding:0; }
.ft-soc a::after{ display:none; }
.ft-soc a:hover{ background:rgba(184,160,122,.16); border-color:#d4c4a0; color:#f0e4cc; }
.ft-contact .ft-hours{ font-size:12.5px; line-height:1.7; color:rgba(243,234,217,.55); margin-top:16px; }
.ft-anlass{ position:relative; z-index:1; max-width:1180px; margin:44px auto 0; border-top:1px solid rgba(184,160,122,.2);  padding:20px 2rem 18px; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 18px; }
.ft-anlass-lbl{ font-family:'Marcellus','Marcellus Ersatz',serif; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#cdbb98; margin-right:8px; }
.ft-anlass a{ font-family:'DM Sans','DM Sans Ersatz',sans-serif; font-size:13px; color:rgba(243,234,217,.62); text-decoration:none; }
.ft-anlass a:hover{ color:#f6efe1; text-decoration:underline; text-underline-offset:3px; }
.ft-bottom{ position:relative; z-index:1; max-width:1180px; margin:22px auto 0; border-top:1px solid rgba(184,160,122,.2); padding:22px 2rem 30px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.ft-copy{ font-size:12.5px; color:rgba(243,234,217,.6); }
.ft-legal{ display:flex; gap:22px; }
.ft-legal a{ font-family:'DM Sans','DM Sans Ersatz',sans-serif; font-size:12.5px; color:rgba(243,234,217,.6); text-decoration:none; }
.ft-legal a:hover{ color:#cdbb98; }
@media (max-width:900px){ .ft-grid{ grid-template-columns:1fr 1fr; } .ft-brand{ grid-column:1 / -1; } }
@media (max-width:560px){ .ft-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px 18px; } .ft-brand{ grid-column:1 / -1; }  .ft-contact{ grid-column:1 / -1; } .ft-col a{ overflow-wrap:anywhere; } .ft-bottom{ justify-content:flex-start; } }
@media (prefers-reduced-motion: reduce){
nav, .nav-logo, .nav-logo img, .sm-mobile, .ft-col a::after{ transition:none !important; }
}
#konf-anlass-links a{ color:var(--gold-ink); text-decoration:none; border-bottom:1px solid rgba(154,125,79,.32); transition:color .15s, border-color .15s; }
#konf-anlass-links a:hover{ color:#6f5836; border-bottom-color:#9a7d4f; }
#main-nav .nav-mark { display: none; }
@media (max-width: 900px) {
#main-nav { display: flex; align-items: center; gap: 8px; height: 64px; padding: 0 .55rem 0 .35rem; }
#main-nav .nav-logo { display: none; }
#main-nav .nav-burger { order: 1; margin: 0; width: 44px; height: 44px;
align-items: center; justify-content: center; padding: 0; }
#main-nav .nav-mark { padding: 2px 10px; }
#main-nav .nav-mark { display: block; order: 2; margin: 0 auto; line-height: 0; }
#main-nav .nav-mark img { height: 38px; width: auto; display: block; }
#main-nav #kx-btn { order: 3; margin: 0; }
#main-nav.scrolled .nav-mark img { height: 38px; }
#main-nav .nav-links { display: none !important; }
}
html.dark #main-nav .nav-mark img { filter: brightness(0) invert(1) opacity(.9); }
#main-nav .kx-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid rgba(184,160,122,.42);color:var(--choc,#5A3E2B);font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;padding:.5rem .8rem;border-radius:100px;cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent}
#main-nav .kx-btn svg{flex:0 0 auto;width:19px;height:19px}
#main-nav .kx-btn .kx-name{max-width:6.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main-nav .kx-btn:hover{background:rgba(184,160,122,.14);border-color:rgba(184,160,122,.7)}
#main-nav .kx-btn.kx-in{background:rgba(184,160,122,.16);border-color:rgba(184,160,122,.6)}
@media (max-width:900px){
#main-nav .kx-btn,#main-nav .kx-btn.kx-in,#main-nav .kx-btn:hover{padding:0;width:44px;height:44px;justify-content:center;border:0;background:none}
#main-nav .kx-btn svg{width:27px;height:27px;stroke-width:1.5}#main-nav .kx-btn .kx-name{display:none}
#main-nav .nav-burger{width:44px;height:44px;gap:7px;padding:0;border:0;background:none}
#main-nav .nav-burger span{width:24px;height:1.8px}#main-nav .nav-burger span:nth-child(2){display:none}
#main-nav .nav-burger.active span:nth-child(1),#main-nav .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(4.4px) rotate(45deg)}
#main-nav .nav-burger.active span:nth-child(3),#main-nav .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-4.4px) rotate(-45deg)}
}
@media (min-width: 901px) {
#main-nav #kx-btn { order: 3; margin-left: 10px; }
#main-nav .nav-links { align-self: stretch; }
#main-nav .nav-links .nvd { position: relative; align-self: stretch;
display: flex; align-items: center; }
#main-nav .nvd-btn {
font-family: 'Marcellus','Marcellus Ersatz',serif; font-size: .78rem; letter-spacing: .1em;
text-transform: uppercase; color: var(--choc); background: none; border: 0;
cursor: pointer; padding: .45rem .9rem; display: inline-flex; align-items: center;
gap: 7px; white-space: nowrap; line-height: 1;
}
#main-nav .nvd-btn:hover, #main-nav .nvd.is-open .nvd-btn { color: var(--choc-dark); }
.nvd-chev { width: 6px; height: 6px; border-right: 1.6px solid currentColor;
border-bottom: 1.6px solid currentColor; transform: translateY(-2px) rotate(45deg);
opacity: .55; transition: transform .22s ease; }
.nvd.is-open .nvd-chev { transform: translateY(1px) rotate(-135deg); }
#main-nav .nvd-pan {
position: absolute; top: calc(100% + 1px); left: -8px; z-index: 5;
background: rgba(245,242,237,.99); backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(184,160,122,.34); border-top: 0;
border-radius: 0 0 16px 16px; box-shadow: 0 20px 46px rgba(58,39,25,.17);
padding: 13px; min-width: 268px;
opacity: 0; visibility: hidden; transform: translateY(-7px);
transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
#main-nav .nvd-pan-r { left: auto; right: -8px; }
#main-nav .nvd-pan-w { min-width: 476px; }
#main-nav .nvd.is-open .nvd-pan { opacity: 1; visibility: visible; transform: none; }
.nvd-pan a { display: flex; align-items: center; gap: 11px; padding: 9px 12px;
border-radius: 10px; text-decoration: none; color: var(--choc); }
.nvd-pan a:hover { background: rgba(184,160,122,.15); }
.nvd-pan a b { font-family: 'DM Sans','DM Sans Ersatz',sans-serif; font-size: .95rem; font-weight: 500;
display: block; line-height: 1.35; text-transform: none; letter-spacing: .005em; }
.nvd-pan a i { font-family: 'DM Sans','DM Sans Ersatz',sans-serif; font-style: normal; font-size: .7rem;
letter-spacing: .09em; text-transform: uppercase; opacity: .55; display: block;
margin-top: 2px; }
.nvd-ic { flex: 0 0 auto; width: 21px; height: 21px; display: grid; place-items: center;
color: var(--gold-ink); }
.nvd-ic svg { width: 18px; height: 18px; }
.nvd-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 4px;
padding-bottom: 10px; margin-bottom: 8px;
border-bottom: 1px solid rgba(184,160,122,.28); }
.nvd-hero a b { color: var(--gold-ink); font-size: 1rem; }
html.dark .nvd-hero a b { color: var(--gold-lt); }
#main-nav .nvd-btn:focus-visible, .nvd-pan a:focus-visible {
outline: 2px solid var(--gold-ink); outline-offset: 2px; border-radius: 8px; }
.nvd-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 1px 8px; }
html.dark #main-nav .nvd-pan { background: #241812; border-color: rgba(184,160,122,.3);
box-shadow: 0 20px 46px rgba(0,0,0,.5); }
html.dark .nvd-pan a:hover { background: rgba(212,196,160,.14); }
}
#main-nav ~ .sm-mobile, .sm-mobile {
padding: 0 !important; background: rgba(24,15,8,.55) !important;
backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
display: block !important; overflow: hidden !important;
transform: none !important; transition: opacity .28s ease !important;
}
.sm-mobile .sm-panel {
position: absolute; inset: 0 auto 0 0; width: min(370px, 88vw);
display: flex; flex-direction: column; overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 22px 20px calc(30px + env(safe-area-inset-bottom));
background: #221610;
box-shadow: 6px 0 34px rgba(0,0,0,.42);
transform: translateX(-100%);
transition: transform .34s cubic-bezier(.22,.61,.36,1);
}
.sm-mobile.is-open .sm-panel { transform: translateX(0); }
@media (prefers-reduced-motion: reduce) { .sm-mobile .sm-panel { transition: none; } }
#sm-mobile .sm-mobile__top { display: flex; align-items: center; margin-bottom: .4rem; }
#sm-mobile .sm-mobile__nav { display: flex; flex-direction: column;
align-items: stretch; margin-top: 0; padding: 0; }
#sm-mobile .sm-mobile__nav .smn-top,
#sm-mobile .sm-mobile__nav .smn-grp > summary {
display: flex; align-items: center; justify-content: space-between;
font-family: 'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif; font-size: 1.5rem; font-weight: 600;
padding: 13px 2px; color: #F3EAD9; text-decoration: none; line-height: 1.2;
text-align: left; border-bottom: 1px solid rgba(184,160,122,.22); cursor: pointer;
list-style: none; -webkit-tap-highlight-color: transparent;
}
#sm-mobile .sm-mobile__nav .smn-grp > summary::-webkit-details-marker { display: none; }
#sm-mobile .sm-mobile__nav a[aria-current="page"] { color: #E7D2A2; }
#sm-mobile .sm-mobile__nav a[aria-current="page"]::after { content: none; }
.smn-chev { width: 9px; height: 9px; border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor; transform: rotate(45deg);
opacity: .5; transition: transform .22s ease; margin-right: 4px; }
.smn-grp[open] .smn-chev { transform: rotate(-135deg); }
#sm-mobile .smn-grp > a { display: block; font-family: 'DM Sans','DM Sans Ersatz',sans-serif;
font-size: .96rem; font-weight: 400; padding: 11px 2px 11px 16px;
color: rgba(243,234,217,.86); text-decoration: none; text-align: left;
border-bottom: 1px solid rgba(184,160,122,.13); }
#sm-mobile .smn-grp > a:last-of-type { border-bottom: 1px solid rgba(184,160,122,.22); }
#sm-mobile .smn-grp > a.smn-wichtig { color: #F3EAD9; font-weight: 500; }
#sm-mobile .smn-grp > a.smn-wichtig { font-size: 1.02rem; padding: 12px 2px 12px 16px; }
#sm-mobile .smn-anl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 0 14px 8px; border-bottom: 1px solid rgba(184,160,122,.22); }
#sm-mobile .sm-mobile__nav .smn-anl a { display: flex; align-items: center; min-height: 46px; padding: 8px 10px; border: 1px solid rgba(184,160,122,.26); border-radius: 10px; background: rgba(184,160,122,.06); font-family: 'DM Sans','DM Sans Ersatz',sans-serif; font-size: .86rem; line-height: 1.25; color: rgba(243,234,217,.92); text-decoration: none; text-align: left; hyphens: auto; overflow-wrap: anywhere; -webkit-tap-highlight-color: transparent; }
#sm-mobile .sm-mobile__nav .smn-anl a[aria-current="page"] { border-color: #E7D2A2; color: #E7D2A2; }
#sm-mobile .sm-mobile__dienste { display: flex; flex-direction: column; margin-top: 1rem; }
#sm-mobile .sm-mobile__dienste a { display: flex; align-items: center; gap: 12px;
font-family: 'DM Sans','DM Sans Ersatz',sans-serif; font-size: .9rem; font-weight: 400;
color: rgba(243,234,217,.86); text-decoration: none; padding: 11px 2px;
min-height: 46px; text-align: left; }
#sm-mobile .smd-ic { flex: 0 0 auto; width: 20px; height: 20px; display: grid;
place-items: center; color: #D4C4A0; }
#sm-mobile .smd-ic svg { width: 17px; height: 17px; }
.dm-toggle { display: none !important; }
.to-top.kx-weg { opacity: 0 !important; pointer-events: none !important; }
.kx-thema { background: none; border: 0; cursor: pointer; width: 100%;
display: flex; align-items: center; text-align: left;
font-family: 'DM Sans','DM Sans Ersatz',sans-serif; -webkit-tap-highlight-color: transparent; }
#sm-mobile .sm-mobile__dienste .kx-thema {
gap: 12px; font-size: .9rem; color: rgba(243,234,217,.86); padding: 15px 2px 11px;
min-height: 46px; margin-top: 6px; border-top: 1px solid rgba(184,160,122,.18); }
#main-nav .nvd-pan .kx-thema {
gap: 11px; padding: 9px 12px; border-radius: 10px; color: var(--choc);
font-size: .95rem; font-weight: 500; margin-top: 6px;
border-top: 1px solid rgba(184,160,122,.2); border-radius: 0 0 10px 10px; }
#main-nav .nvd-pan .kx-thema:hover { background: rgba(184,160,122,.15); }
.sm-mobile__nav { position: static; height: auto; background: none;
backdrop-filter: none; border: 0; padding: 0; justify-content: flex-start; }
.ft.ft-slim { padding: 3rem 0 1.6rem; }
.ft-v7 .ftx { max-width: 1080px; margin: 0 auto; padding: 0 1.6rem; text-align: left;
font-family: 'DM Sans','DM Sans Ersatz',sans-serif; }
.ft-v7 .ftx-oben { display: grid; grid-template-columns: 1fr 1fr; gap: 1.9rem 1.4rem; }
.ft-v7 .ftx-marke, .ft-v7 .ftx-besuch { grid-column: 1 / -1; }
.ft-v7 .ftx-mark { width: 40px; height: auto; display: block; margin: 0 0 .85rem; }
.ft-v7 .ftx-name { font-family: 'Marcellus','Marcellus Ersatz',serif; font-size: 1.05rem; letter-spacing: .02em; color: #F7F1E6; }
.ft-v7 .ftx-tag { font-family: 'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif; font-style: italic; font-size: 1.02rem;
color: var(--gold-lt); margin-top: .15rem; }
.ft-v7 .ftx-soc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1.1rem; }
.ft-v7 .ftx-soc a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
background: rgba(243,234,217,.07); color: #F0E7D8; flex: 0 0 auto; transition: background .18s ease; }
.ft-v7 .ftx-soc a:hover { background: rgba(243,234,217,.15); }
.ft-v7 .ftx-soc a img, .ft-v7 .ftx-soc a svg { display: block; }
.ft-v7 .ftx-h { font-family: 'Marcellus','Marcellus Ersatz',serif; font-size: .74rem; letter-spacing: .16em;
text-transform: uppercase; color: rgba(243,234,217,.58); margin: 0 0 .3rem; }
.ft-v7 .ftx-list { list-style: none; margin: 0; padding: 0; }
.ft-v7 .ftx-list a, .ft-v7 .ftx-adr a, .ft-v7 .ftx-kontakt a { display: inline-flex; align-items: center;
min-height: 44px; color: rgba(243,234,217,.86); text-decoration: none; font-size: .88rem; line-height: 1.35; }
.ft-v7 .ftx-list a:hover, .ft-v7 .ftx-adr a:hover, .ft-v7 .ftx-kontakt a:hover { color: var(--gold-lt); }
.ft-v7 .ftx-adr { font-style: normal; margin: 0; }
.ft-v7 .ftx-zeiten { margin: .35rem 0 0; font-size: .84rem; line-height: 1.75; color: rgba(243,234,217,.62); }
.ft-v7 .ftx-zeiten a { color: inherit; text-decoration: underline; text-decoration-color: rgba(205,187,152,.45);
text-underline-offset: 3px; }
.ft-v7 .ftx-zeiten a:hover { color: var(--gold-lt); }
.ft-v7 .ftx-kontakt { margin: .4rem 0 0; display: flex; flex-direction: column; }
.ft-v7 .ftx-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 6px; list-style: none;
margin: 2.2rem 0 0; padding: 1.2rem 0 0; border-top: 1px solid rgba(243,234,217,.12); }
.ft-v7 .ftx-pay img { display: block; height: 20px; width: 33px; border-radius: 3px; opacity: .92; }
.ft-v7 .ftx-pay-txt { font-size: .78rem; line-height: 1.4; color: rgba(243,234,217,.62); margin-left: .5rem; white-space: nowrap; }
.ft-v7 .ftx-bottom { margin-top: 1.1rem; padding-top: .9rem; border-top: 1px solid rgba(243,234,217,.12);
display: grid; gap: .2rem; font-size: .76rem; line-height: 1.6; color: rgba(243,234,217,.58); }
.ft-v7 .ftx-legal { display: flex; flex-wrap: wrap; gap: 0 18px; }
.ft-v7 .ftx-legal a, .ft-v7 .ftx-legal .smc-fusslink { display: inline-flex; align-items: center;
min-height: 44px; color: rgba(243,234,217,.78); text-decoration: none; font-size: .8rem;
flex-basis: auto; justify-content: flex-start; margin: 0; }
.ft-v7 .ftx-legal a:hover { color: var(--gold-lt); }
.ft-v7 .ftx-marken { font-size: .72rem; color: rgba(243,234,217,.64); }
@media (max-width: 899px) { .ft.ft-slim { padding-bottom: 5.6rem; } }
@media (max-width: 340px) { .ft-v7 .ftx-oben { grid-template-columns: 1fr; } }
@media (min-width: 900px) {
.ft.ft-slim { padding: 3.6rem 0 1.8rem; }
.ft-v7 .ftx { padding: 0 2.5rem; }
.ft-v7 .ftx-soc { gap: 6px; }
.ft-v7 .ftx-soc a { width: 40px; height: 40px; }
.ft-v7 .ftx-oben { grid-template-columns: 1.5fr 1fr 1fr 1.25fr; gap: 2rem 2.5rem; }
.ft-v7 .ftx-marke, .ft-v7 .ftx-besuch { grid-column: auto; }
.ft-v7 .ftx-bottom { grid-template-columns: 1fr auto; align-items: center; }
.ft-v7 .ftx-marken { grid-column: 1 / -1; }
}
.page-hero{background:#3B2719}
.page-hero::before{opacity:.14}
.page-hero::after{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
@media(min-width:1025px){
.page-hero{padding:clamp(2rem,4vw,3rem) 2rem clamp(1.6rem,3vw,2.4rem);text-align:left}
.page-hero-inner{max-width:66rem}
.page-hero.page-hero h1{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:500;font-size:clamp(2.1rem,3.98vw,2.76rem);line-height:1.13;color:#F7F1E6;margin:0 0 .7rem}
.page-hero h1 em{font-style:italic;font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;color:var(--gold-lt);font-size:1.1em}
.page-hero .ph-sub{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.45;color:#E8D9C4;max-width:30.07em;margin:0}
.page-hero .ph-sub b{font-weight:600;color:#F7F1E6}
html.dark .page-hero h1 em{color:var(--gold-lt)!important}
}
#main-nav .nav-links { flex: 1; gap: 0.2rem; }
#main-nav .nav-links li:first-child { margin-left: auto; }
#main-nav .nav-links .nav-cta { margin-left: auto; }
#main-nav .nav-links li a {
font-size: 0.79rem;
letter-spacing: 0.13em;
padding: 0.58rem 1.05rem;
border-radius: 100px;
color: var(--choc-mid, #7a5540);
transition: background-color .22s ease, color .22s ease;
}
#main-nav .nav-links li:not(.nav-cta) a::after { display: none !important; }
#main-nav .nav-links li:not(.nav-cta) a:hover {
background: rgba(184,160,122,0.17);
color: var(--choc-dark, #3B2719);
}
#main-nav .nav-links li:not(.nav-cta) a.active {
background: rgba(184,160,122,0.28);
color: var(--choc-dark, #3B2719);
font-weight: 500;
}
#main-nav .nav-links .nav-cta a {
background: var(--choc, #5A3E2B);
color: #F5F2ED !important;
padding: 0.62rem 1.35rem;
margin-left: 0.8rem;
border-radius: 100px;
font-weight: 500;
}
#main-nav .nav-links .nav-cta a:hover {
background: var(--gold-lt, #d4c4a0) !important;
color: #2b1c10 !important;
}
html.dark #main-nav .nav-links li:not(.nav-cta) a { color: var(--choc) !important; }
html.dark #main-nav .nav-links li:not(.nav-cta) a:hover {
background: rgba(212,196,160,0.15) !important;
color: var(--gold-lt, #d4c4a0) !important;
}
html.dark #main-nav .nav-links li:not(.nav-cta) a.active {
background: rgba(212,196,160,0.22) !important;
color: #F0E7D8 !important;
}
#sm-mobile .sm-mobile__wege { gap: 12px; padding-top: 0; }
#sm-mobile .smw {
gap: 14px;
padding: 15px 16px;
border-radius: 16px;
border: 1px solid rgba(184,160,122,0.26);
background: rgba(243,234,217,0.045);
}
#sm-mobile .smw.smw-hero {
border-color: rgba(212,196,160,0.5);
background: rgba(212,196,160,0.115);
}
#sm-mobile .smw-ic { width: 40px; height: 40px; }
#sm-mobile .smw-t { gap: 3px; }
#sm-mobile .smw-t b { font-size: 1.32rem; }
#sm-mobile .smw-t i {
font-size: 0.68rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(243,234,217,0.7);
}
#sm-mobile .smw-ar {
margin-left: auto;
flex: none;
font-size: 1.1rem;
line-height: 1;
color: rgba(243,234,217,0.58);
}
#sm-mobile .smw.smw-hero .smw-ar { color: rgba(243,234,217,0.78); }
#sm-mobile .sm-mobile__nav {
display: block;
margin-top: 30px;
padding: 0;
}
#sm-mobile .sm-mobile__nav a {
display: block;
text-align: left;
font-size: 1.32rem;
line-height: 1.25;
padding: 12px 2px;
border-top: 1px solid rgba(184,160,122,0.15);
color: rgba(243,234,217,0.86);
}
#sm-mobile .sm-mobile__nav a[aria-current="page"] { color: #e7d2a2; }
#sm-mobile .sm-mobile__nav a::after { display: none !important; }
@media (max-width: 1024px) {
.page-hero { padding: 0 !important; min-height: 0 !important; border: 0 !important; }
.page-hero-inner { padding: 0 !important; margin: 0 !important; }
.page-hero .gal-hero-dust, .page-hero .ph-sub { display: none !important; }
.page-hero h1 {
position: absolute !important; width: 1px !important; height: 1px !important;
margin: 0 !important; padding: 0 !important; overflow: hidden !important;
clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap !important;
}
.reassure-band { display: none !important; }
#step-1 .step-header .step-sub + .step-sub { display: none !important; }
#step-1 .type-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: .7rem !important;
align-items: stretch;
}
#step-1 .type-card { display: flex; flex-direction: column; }
#step-1 .type-card .tc-img { aspect-ratio: 3 / 2; }
#step-1 .type-card .tc-img img { width: 100%; height: 100%; object-fit: cover; }
#step-1 .type-card .tc-body { flex: 1; display: flex; flex-direction: column; padding: .8rem .8rem .9rem; }
#step-1 .tc-title { font-size: .98rem; line-height: 1.25; }
#step-1 .tc-price { font-size: .82rem; margin-top: .15rem; }
#step-1 .tc-desc  { font-size: .74rem; line-height: 1.45; margin-top: .35rem; }
#step-1 .tc-cta   { margin-top: auto; padding-top: .6rem; font-size: .7rem; letter-spacing: .1em; }
@media (max-width: 340px) {
#step-1 .type-grid { grid-template-columns: 1fr !important; }
#step-1 .type-card .tc-img { aspect-ratio: 21 / 9; }
}
.conf-prog { top: var(--nav-h, 64px) !important; }
.dm-toggle { display: none !important; }
}
.cal-day.ruhetag { position: relative; }
.cal-day.ruhetag::after {
content: ""; position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%);
width: 4px; height: 4px; border-radius: 50%;
background: var(--gold-dk, #8a6f43); opacity: .9;
}
.cal-day.ruhetag.selected::after { background: var(--cream, #F5F2ED); opacity: .85; }
.cal-ruhetag-hint {
display: flex; align-items: center; gap: .5rem;
font-family: 'DM Sans','DM Sans Ersatz',sans-serif; font-size: .78rem; line-height: 1.5;
color: var(--choc-mid); margin: 0 0 .7rem;
}
.cal-ruhetag-hint .crh-dot {
width: 5px; height: 5px; border-radius: 50%; flex: none;
background: var(--gold-dk, #8a6f43);
}
.m-pb-next.is-send { letter-spacing: 0; }
@media (hover: none) {
.type-card:active, .cal-day.available:active { transform: scale(.985); }
.type-card, .cal-day.available { transition: transform .12s ease; }
}
@media (prefers-reduced-motion: reduce) {
.type-card, .cal-day.available, .m-pricebar { transition: none !important; }
}
.sk-box{margin:1.4rem 0 0;padding:1.1rem 1.2rem;border:1.5px solid var(--gold-lt,#d4c4a0);border-radius:6px;background:var(--white,#fff)}
.sk-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.25rem;color:var(--choc-dark,#3B2719);margin:0 0 .3rem}
.sk-p{font-size:.84rem;line-height:1.6;color:var(--choc-mid,#7a5540);margin:0 0 .85rem}
.sk-recht{font-size:.76rem;line-height:1.5;color:var(--choc-mid,#7a5540);margin:0 0 .7rem;text-wrap:balance}
.sk-recht a{color:var(--gold-ink,#7d5d20);text-decoration:underline;text-underline-offset:2px}
.sk-btn{width:100%;justify-content:center}
.sk-btn[disabled]{opacity:.45;cursor:default}
.sk-err{display:none;margin:.7rem 0 0;font-size:.8rem;line-height:1.5;color:var(--err,#a33)}
.sk-err.show{display:block}
.sk-frueh{display:none;margin:1.2rem 0 0;font-size:.82rem;line-height:1.55;color:var(--choc-mid,#7a5540);text-align:center;text-wrap:balance}
.sk-frueh.show{display:block}
.sk-frueh strong{color:var(--choc-dark,#3B2719);font-weight:600}
.adm-bar{position:fixed;left:0;right:0;bottom:0;z-index:4000;display:flex;align-items:center;gap:.8rem;
padding:.7rem 1rem;background:#3B2719;color:#F0E7D8;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;
box-shadow:0 -6px 24px rgba(0,0,0,.25)}
.adm-bar b{font-weight:600;color:#d4c4a0}
.adm-bar .adm-tx{flex:1;min-width:0;line-height:1.4}
.adm-bar a{color:#d4c4a0}
.adm-bar .adm-btn{flex:0 0 auto;background:#B8A07A;color:#241608;border:0;border-radius:4px;
padding:.55rem 1rem;font:inherit;font-weight:600;cursor:pointer;min-height:40px}
html.adm-modus #sk-box, html.adm-modus #sk-frueh{display:none!important}
html.adm-modus #sum-send-mail{display:inline-flex!important}
html.adm-modus body{padding-bottom:64px}
@media (max-width:820px){
.g-grid{grid-template-columns:1fr;gap:.55rem;margin-bottom:1rem}
.g-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"circ cm pers" "circ lbl pers";align-items:center;column-gap:.85rem;text-align:left;padding:.7rem .95rem;border-radius:12px}
.g-card:hover,.g-card.selected{transform:none}
.g-card:active{transform:scale(.985)}
.g-circle{grid-area:circ;margin:0;justify-self:center}
.g-card[data-g="20"] .g-circle{width:26px !important;height:26px !important}
.g-card[data-g="28"] .g-circle{width:36px !important;height:36px !important}
.g-card[data-g="40"] .g-circle{width:48px !important;height:48px !important}
.g-card[data-g="40x40"] .g-circle{width:42px !important;height:42px !important}
.g-card[data-g="40x60"] .g-circle{width:60px !important;height:40px !important}
.g-card[data-g="st-klein"] .g-circle{width:26px !important;height:30px !important}
.g-card[data-g="st-normal"] .g-circle{width:36px !important;height:41px !important}
.g-card[data-g="st-gross"] .g-circle{width:48px !important;height:55px !important}
.g-grid-eckig .g-card,.g-grid-schult .g-card{grid-template-columns:62px minmax(0,1fr) auto}
.g-cm{grid-area:cm;font-size:1.35rem;margin:0;line-height:1.05;align-self:end}
.g-lbl2{grid-area:lbl;margin:0;align-self:start;padding-top:.15rem}
.g-persons{grid-area:pers;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;text-align:right;white-space:nowrap}
.stock-cards{grid-template-columns:1fr;gap:.55rem}
.stock-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"vis lbl price" "vis pers price";align-items:center;column-gap:.85rem;text-align:left;padding:.65rem .95rem;border-radius:12px}
.stock-card:hover,.stock-card.selected{transform:none}
.stock-card:active{transform:scale(.985)}
.stock-vis{grid-area:vis;margin:0;zoom:.6;justify-self:center}
.stock-lbl{grid-area:lbl;font-size:1.12rem;margin:0;line-height:1.1;align-self:end}
.stock-persons{grid-area:pers;margin:0;font-size:.78rem;align-self:start;padding-top:.15rem}
.stock-price{grid-area:price;font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.2rem;letter-spacing:0;text-align:right;white-space:nowrap}
.mehr-sect{padding-top:1.1rem}
.mehr-lbl{margin-bottom:.7rem}
.kat-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.45rem;margin:0 -1.2rem 1rem;padding:0 1.2rem .15rem}
.kat-tabs::-webkit-scrollbar{display:none}
.kat-tab{flex:none;font-family:'DM Sans','DM Sans Ersatz',sans-serif;text-transform:none;letter-spacing:0;font-size:.86rem;min-height:38px;padding:.45rem 1rem;border:0;border-radius:999px;background:var(--cream-dk);color:var(--choc)}
.kat-tab.active{background:var(--gold);color:#241608}
html.dark .kat-tab{background:#241d17;color:#e8ddcf}
html.dark .kat-tab.active{background:var(--gold);color:#1c1714}
.gen-outer:has(#step-1.active){padding-bottom:1rem}
.tm-grid .tm-card:nth-child(3){display:none}
.region-band{padding:2.6rem 1.2rem 3rem}
.region-band .region-inner > p:nth-of-type(2){display:none}
}
html.dark .wa-optin-wrap strong{color:#6fcf97!important}
.s-item.s-wunsch{border-color:var(--gold);background:linear-gradient(180deg,rgba(184,160,122,.14),rgba(184,160,122,.05))}
.s-item.s-wunsch:hover{border-color:var(--gold-ink);background:rgba(184,160,122,.16)}
.s-item.s-wunsch.selected{border-color:var(--choc);background:rgba(90,62,43,.06)}
.s-item.s-wunsch.selected .s-check{background:var(--choc);color:var(--cream)}
.s-wunsch .s-thumb{background:#3B2719}
.s-wunsch .s-thumb img{opacity:1;object-position:50% 45%}
.s-wunsch-tag{position:absolute;left:.3rem;bottom:.3rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.01em;line-height:1.2;color:#3B2719;background:rgba(255,255,255,.92);padding:.2rem .45rem;border-radius:99px;pointer-events:none;white-space:nowrap;max-width:calc(100% - .6rem);overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){.s-wunsch-tag{left:.22rem;bottom:.22rem;padding:.14rem .36rem}}
html.dt-gross .s-wunsch-tag{display:none}
.s2-zurueck{display:inline-flex;align-items:center;gap:.3rem;min-height:44px;padding:0 .3rem 0 0;margin:-.4rem 0 .1rem;border:0;background:none;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.85rem;font-weight:500;color:var(--choc);cursor:pointer;border-radius:4px}
.s2-zurueck:hover{color:var(--choc-dark);text-decoration:underline;text-underline-offset:3px}
.s2-zurueck:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
body:not(.s2-creme-an) #s2-back{visibility:hidden}
#s2-creme.s2-anim{animation:fadeUp .4s cubic-bezier(.22,1,.36,1)}
.cal-schnell{display:flex;align-items:center;gap:.65rem;width:100%;max-width:440px;min-height:48px;margin:0 0 .8rem;padding:.55rem .9rem;border:1.5px solid var(--gold-lt);border-radius:12px;background:var(--white);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.85rem;color:var(--choc);text-align:left;cursor:pointer;transition:border-color .2s,background .2s;box-sizing:border-box}
.cal-schnell[hidden]{display:none}
.cal-schnell:hover{border-color:var(--gold);background:var(--cream)}
.cal-schnell:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cal-schnell .cs-ic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--gold-pale);color:var(--gold-ink);display:flex;align-items:center;justify-content:center}
.cal-schnell .cs-l{flex:1;min-width:0;line-height:1.35}
.cal-schnell .cs-l strong{font-weight:600;color:var(--choc-dark)}
.cal-schnell .cs-go{flex:none;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.cal-schnell[aria-pressed="true"]{border-color:var(--choc);background:rgba(90,62,43,.05)}
.cal-schnell[aria-pressed="true"] .cs-ic{background:var(--choc);color:var(--cream)}
.cal-schnell[aria-pressed="true"] .cs-go{color:var(--choc)}
@media(max-width:480px){.cal-schnell{font-size:.82rem;gap:.55rem;padding:.5rem .75rem}}
.s5-weiter{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap;max-width:440px;margin:.2rem 0 1.4rem;padding:.9rem 1rem;border:1px solid var(--gold-lt);border-left:3px solid var(--gold);border-radius:12px;background:linear-gradient(135deg,var(--white),var(--cream));box-sizing:border-box;animation:fadeUp .4s cubic-bezier(.22,1,.36,1)}
.s5-weiter[hidden]{display:none}
.s5w-txt{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}
.s5w-ey{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.s5w-txt strong{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:400;font-size:1.1rem;color:var(--choc-dark);line-height:1.25;text-wrap:balance}
.s5w-btn{flex:none;padding:.8rem 1.3rem}
@media(max-width:480px){.s5-weiter{flex-direction:column;align-items:stretch;gap:.8rem}.s5w-txt{flex:0 0 auto}.s5w-btn{width:100%;justify-content:center}}
.s5-opt{margin:0 0 1.2rem;border-top:1px solid var(--cream-dk);border-bottom:1px solid var(--cream-dk)}
.s5-opt summary{list-style:none;display:flex;align-items:center;gap:.5rem;min-height:48px;padding:.6rem 0;cursor:pointer;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.88rem;font-weight:500;color:var(--choc)}
.s5-opt summary::-webkit-details-marker{display:none}
.s5-opt summary .f-opt{font-weight:400}
.s5-opt summary::after{content:'';margin-left:auto;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.s5-opt[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.s5-opt summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.s5-opt-body{padding:.4rem 0 .6rem}
.sum-extras{margin:0 0 1.2rem;border:1px solid var(--warm-grey);border-radius:4px;background:var(--white)}
.sum-extras[hidden]{display:none}
.sum-extras summary{list-style:none;display:flex;align-items:center;gap:.8rem;min-height:56px;padding:.8rem 1rem;cursor:pointer}
.sum-extras summary::-webkit-details-marker{display:none}
.sum-extras summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.se-ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--gold-pale);color:var(--gold-ink);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.sum-extras[open] .se-ic{transform:rotate(45deg)}
.se-txt{flex:1;min-width:0}
.se-t{display:block;font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.05rem;color:var(--choc-dark);line-height:1.2}
.se-sub{display:block;font-size:.78rem;color:var(--choc-mid);line-height:1.4;margin-top:.15rem}
.se-chev{flex:none;color:var(--choc-mid);display:flex;transition:transform .2s}
.sum-extras[open] .se-chev{transform:rotate(180deg)}
.se-body{padding:.2rem 1rem 1rem;border-top:1px solid var(--cream-dk)}
#sum-extras #s3-wuensche-kopf,#sum-extras .conf-wa-hint{display:none}
#sum-extras .extras-list{margin-top:1rem}
#sum-extras .ref-block{margin-bottom:.4rem}
@media(max-width:480px){.sum-extras summary{padding:.7rem .8rem;gap:.6rem}.se-body{padding:.2rem .6rem .8rem}}
#tr1{display:none}
html.dark .s-item.s-wunsch{background:rgba(184,160,122,.08)}
html.dark .s-item.s-wunsch.selected{background:rgba(184,160,122,.16);border-color:var(--gold)}
html.dark .cal-schnell[aria-pressed="true"]{border-color:var(--gold);background:rgba(184,160,122,.1)}
html.dark .cal-schnell[aria-pressed="true"] .cs-ic{background:var(--gold);color:#1c1714}
html.dark .cal-schnell[aria-pressed="true"] .cs-go{color:var(--gold)}
html.dark .s5-weiter{background:rgba(255,255,255,.04)}
@media(prefers-reduced-motion:reduce){#s2-creme.s2-anim,.s5-weiter{animation:none}}
.ly-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.35rem}
.ly-head .g-lbl{margin:0}
.ly-reset{border:0;background:none;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:500;color:var(--choc);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 .2rem}
.ly-reset:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.ly-stack{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem 0 .2rem}
.ly-tier{width:var(--w,100%);min-width:min(100%,15rem);box-sizing:border-box;padding:.7rem .85rem .8rem;border:1px solid var(--warm-grey);border-radius:10px;background:linear-gradient(180deg,var(--white),var(--cream));box-shadow:0 8px 18px -14px rgba(43,30,20,.5);transition:width .3s cubic-bezier(.22,1,.36,1)}
.ly-tier-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.55rem;flex-wrap:wrap}
.ly-name{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--choc-dark)}
.ly-size{font-size:.74rem;color:var(--choc-mid)}
.ly-mix{margin-left:auto;font-size:.72rem;color:var(--choc-mid);white-space:nowrap}
.ly-mix.on{color:var(--gold-ink);font-weight:500}
.ly-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.ly-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .85rem .45rem .6rem;border-radius:100px;border:1.5px solid var(--warm-grey);background:var(--white);color:var(--choc);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.ly-dot{position:relative;flex:none;width:14px;height:14px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.ly-chip.on{background:var(--sw);border-color:var(--sw);color:var(--fg);box-shadow:0 4px 12px -6px rgba(43,30,20,.5)}
.ly-chip.on .ly-dot{background:rgba(255,255,255,.28);box-shadow:none}
.ly-chip.on .ly-dot::after{content:'';position:absolute;left:4.5px;top:1.5px;width:3.5px;height:7px;border-right:2px solid var(--fg);border-bottom:2px solid var(--fg);transform:rotate(45deg)}
.ly-chip:hover{transform:translateY(-1px)}
.ly-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:480px){.ly-chip{font-size:.76rem;padding:.5rem .75rem .5rem .55rem}}
html.dark .ly-tier{background:rgba(255,255,255,.04)}
body.s5-weiter-an #s5-next{display:none}
@media(max-width:1024px){ body.mpb-on footer.ft{padding-bottom:calc(var(--mpb-h,0px) + .6rem)} }
.ly-reset{visibility:hidden}
.ly-reset.an{visibility:visible}
.ly-tier-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.6rem;margin-bottom:.55rem}
.ly-tit{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;min-width:0}
.ly-mix{margin-left:0;text-align:right}
.ly-txt{min-width:0}
.ly-ok{display:none}
@media(max-width:640px){
.ly-tier{padding:.65rem .75rem .7rem}
.ly-tier-head{grid-template-columns:1fr;row-gap:.15rem}
.ly-mix{text-align:left}
.ly-chips{flex-direction:column;flex-wrap:nowrap;gap:.3rem}
.ly-chip{width:100%;justify-content:flex-start;border-radius:10px;min-height:44px;padding:.45rem .7rem;font-size:.82rem}
.ly-chip:hover{transform:none}
.ly-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ly-chip.on{background:var(--white);border-color:var(--warm-grey);color:var(--choc);box-shadow:none}
.ly-chip.on .ly-dot{background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.ly-chip.on .ly-dot::after{display:none}
.ly-chip:not(.on){color:var(--choc-mid)}
.ly-chip:not(.on) .ly-dot{opacity:.4}
.ly-ok{display:block;position:relative;flex:none;margin-left:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--warm-grey);transition:background .15s,border-color .15s}
.ly-chip.on .ly-ok{background:var(--choc);border-color:var(--choc)}
.ly-chip.on .ly-ok::after{content:'';position:absolute;left:7px;top:3.5px;width:5px;height:9px;border-right:2px solid var(--cream);border-bottom:2px solid var(--cream);transform:rotate(45deg)}
}
.ub-header.fb-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.fb-akt{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:500;color:var(--choc);white-space:nowrap}
.fb-body{padding:.85rem .9rem .95rem}
.fb-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:.45rem .3rem}
.fb-sw{display:flex;flex-direction:column;align-items:center;gap:.35rem;border:0;background:none;padding:.3rem 0 .15rem;cursor:pointer;color:var(--choc-mid);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.7rem;line-height:1.2;border-radius:10px;min-height:44px}
.fb-disc{position:relative;width:38px;height:38px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(43,30,20,.14),inset 0 -6px 10px rgba(43,30,20,.08),inset 0 5px 8px rgba(255,255,255,.35);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s}
.fb-sw:hover .fb-disc{transform:scale(1.06)}
.fb-sw.on{color:var(--choc-dark);font-weight:500}
.fb-sw.on .fb-disc{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--choc),inset 0 0 0 1px rgba(43,30,20,.14)}
.fb-sw.on .fb-disc::after{content:'';position:absolute;left:14px;top:9px;width:6px;height:12px;border-right:2px solid rgba(43,30,20,.72);border-bottom:2px solid rgba(43,30,20,.72);transform:rotate(45deg)}
.fb-sw[data-k="kakao"].on .fb-disc::after{border-color:rgba(255,255,255,.88)}
.fb-sw:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.fb-group.fb-ruht .fb-row{opacity:.38;pointer-events:none;filter:saturate(.4)}
.fb-note{margin:.7rem 0 0}
.ue-body[hidden]{display:none!important}
.ue-kopf{display:flex;align-items:center;gap:.8rem;width:100%;min-height:56px;padding:.85rem 1.2rem;border:0;background:var(--gold-pale);text-align:left;cursor:pointer;color:inherit;font:inherit}
.ue-kopf[aria-expanded="true"]{border-bottom:1px solid rgba(184,160,122,.2)}
.ue-kopf-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.ue-kopf .ub-sub{overflow-wrap:anywhere}
.ue-chev{flex:none;width:9px;height:9px;margin:0 .25rem -.1rem 0;border-right:2px solid var(--choc-mid);border-bottom:2px solid var(--choc-mid);transform:translateY(-3px) rotate(45deg);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.ue-kopf[aria-expanded="true"] .ue-chev{transform:translateY(2px) rotate(225deg)}
.ue-kopf:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.ue-body{padding:.55rem .9rem .9rem}
.ue-tier .ly-tier-head{margin-bottom:.5rem}
.ue-coats{margin-bottom:.6rem}
.ue-chip.on{border-color:var(--choc)}
.ue-chip .ue-pr{font-size:.72rem;opacity:.78}
.ue-farben{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.3rem .15rem}
.ue-farben .fb-sw{font-size:.64rem;gap:.25rem}
.ue-farben .fb-disc{width:30px;height:30px}
.ue-farben .fb-sw.on .fb-disc::after{left:10.5px;top:6px;width:5px;height:10px}
.ue-hinweis{margin:.1rem 0 0;font-size:.76rem;line-height:1.45;color:var(--choc-mid)}
@media(max-width:640px){
#ue-stack .ue-tier{width:100%}
.ue-group .ue-coats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}
.ue-group .ue-chip{min-width:0;padding:.45rem .6rem}
.ue-group .ue-chip:not(.on) .ly-dot{opacity:1}
.ue-group .ue-chip .ue-pr{margin-left:auto;padding-left:.3rem;white-space:nowrap}
}
#ub-group.ub-je-etage .ub-opt.selected{border-color:transparent;background:none}
#ub-group.ub-je-etage .ub-opt.selected .ub-mat::after{display:none}
html.dark .ue-kopf{background:rgba(255,255,255,.04)}
html.dark .ue-chip.on{border-color:var(--gold-lt)}
@media (prefers-reduced-motion:reduce){.ue-chev{transition:none}}
html.dark .fb-sw.on .fb-disc{box-shadow:0 0 0 2px #1c1714,0 0 0 4px var(--gold-lt),inset 0 0 0 1px rgba(0,0,0,.2)}
.gk{margin-top:.9rem;border:1.5px solid var(--warm-grey);border-radius:6px;background:var(--white);overflow:hidden}
.gk-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem .95rem;border:0;background:none;text-align:left;cursor:pointer;font-family:inherit;color:var(--choc);min-height:56px}
.gk-ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;color:var(--choc)}
.gk-ic svg{width:17px;height:17px}
.gk-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.gk-name{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.02rem;color:var(--choc-dark)}
.gk-desc{font-size:.76rem;color:var(--choc-mid);line-height:1.45}
.gk-preis{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;font-weight:500;color:var(--choc);white-space:nowrap}
.gk-knob{flex:none;width:44px;height:26px;border-radius:100px;background:var(--warm-grey);position:relative;transition:background .2s}
.gk-knob::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.22,1,.36,1)}
.gk-row.on .gk-knob{background:var(--choc)}
.gk-row.on .gk-knob::after{transform:translateX(18px)}
.gk-row:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.gk-body{padding:.85rem .95rem .95rem;border-top:1px solid var(--cream-dk)}
.gk-ta{resize:vertical;min-height:84px;line-height:1.5;font-family:'DM Sans','DM Sans Ersatz',sans-serif}
.gk-foot{display:flex;justify-content:space-between;gap:.8rem;margin-top:.4rem;font-size:.72rem;color:var(--choc-mid)}
.gk-count{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:480px){ .gk-desc{display:none} .gk-row{gap:.6rem} }
.txt-vs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.55rem}
.vs-l{font-size:.72rem;color:var(--choc-mid);margin-right:.1rem}
.vs-chip{border:1px solid var(--warm-grey);background:var(--cream);color:var(--choc);border-radius:100px;padding:.5rem .8rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.76rem;line-height:1.2;min-height:40px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.vs-chip:hover{border-color:var(--gold-lt);transform:translateY(-1px)}
.vs-chip:active{transform:none}
.vs-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ub-v2 .ub-header-v2{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.ub-akt{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:500;color:var(--choc);white-space:nowrap}
.ub-v2 .ub-options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.45rem;padding:.8rem .8rem .25rem}
.ub-v2 .ub-opt{flex:1 1 0;min-width:96px;max-width:150px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;padding:.75rem .35rem .65rem;border:1.5px solid transparent;border-radius:12px;background:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.ub-v2 .ub-opt:hover{background:var(--cream);transform:translateY(-1px)}
.ub-v2 .ub-opt.selected{border-color:var(--choc);background:rgba(90,62,43,.04)}
.ub-v2 .ub-opt.fondant-opt.selected{border-left:1.5px solid var(--choc)}
.ub-v2 .ub-opt.disabled{opacity:.35;pointer-events:none}
.ub-v2 .ub-opt:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ub-v2 .ub-name{font-size:.9rem;line-height:1.2;margin:0}
.ub-v2 .ub-price{margin-left:0;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.72rem;color:var(--choc-mid);white-space:nowrap}
.ub-v2 .ub-opt.selected .ub-price{color:var(--choc)}
.ub-v2 .ub-desc{display:none}
.ub-desc-line{margin:0;padding:.3rem 1rem .95rem;font-size:.78rem;line-height:1.55;color:var(--choc-mid);text-align:center;min-height:2.4em}
.ub-mat{position:relative;width:54px;height:54px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(43,30,20,.14),inset 0 -7px 10px rgba(43,30,20,.10),inset 0 6px 8px rgba(255,255,255,.28);transition:transform .18s cubic-bezier(.22,1,.36,1)}
.ub-v2 .ub-opt:hover .ub-mat{transform:scale(1.05)}
.ub-mat-cv{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;display:block}
.ub-mat-kein{background:repeating-linear-gradient(180deg,#d9b57e 0 8px,#f5ebd6 8px 12px)}
.ub-mat-buttercreme{background:repeating-linear-gradient(174deg,rgba(255,255,255,.22) 0 3px,rgba(255,255,255,0) 3px 9px),var(--ub-fbc,#ecdcbd)}
.ub-mat-fondant{background:linear-gradient(120deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 66%),var(--ub-fbc2,#efe6d2)}
.ub-mat-marzipan{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .18 0 0 0 .22 0'/></filter><rect width='64' height='64' filter='url(%23n)'/></svg>"),#e7cf9e}
.ub-mat-ganache{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.38),rgba(255,255,255,0) 40%),#46281a}
.ub-v2 .ub-opt.selected .ub-mat::after{content:'';position:absolute;left:21px;top:14px;width:8px;height:15px;border-right:2.2px solid rgba(43,30,20,.75);border-bottom:2.2px solid rgba(43,30,20,.75);transform:rotate(45deg)}
.ub-v2 #ub-ganache.selected .ub-mat::after{border-color:rgba(255,255,255,.9)}
html.dark .ub-v2 .ub-opt.selected{border-color:var(--gold-lt);background:rgba(255,255,255,.05)}
html.dark .ub-v2 .ub-opt:hover{background:rgba(255,255,255,.04)}
.g-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;margin-bottom:.75rem}
.g-head .g-lbl{margin-bottom:0}
.g-count{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.74rem;color:var(--choc-mid);white-space:nowrap;font-variant-numeric:tabular-nums}
.g-maxrow{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:-.2rem 0 1.4rem}
.g-maxrow #g-max-txt{flex:1 1 12rem;min-width:0}
.g-maxrow .g-count{flex:0 0 auto}
.pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
@media(min-width:600px){.pills{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1025px){.pills{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pill.gp{flex-direction:row;justify-content:flex-start;text-align:left;gap:.55rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.84rem;letter-spacing:0;padding:.5rem .7rem .5rem .7rem;min-height:46px;border-radius:12px;border:1.5px solid var(--warm-grey);background:var(--white);color:var(--choc);hyphens:manual;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s,opacity .18s}
.gp-dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--sw,#caa46e);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.gp-txt{flex:1;min-width:0;line-height:1.2;overflow-wrap:break-word;hyphens:auto}
.pill.gp .pill-zus{display:block;font-size:.72rem;opacity:.7;letter-spacing:0;margin-top:.05rem}
.gp-ok{flex:none;position:relative;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--warm-grey);background:var(--white);transition:background .18s,border-color .18s}
.gp-ok::after{content:'';position:absolute;left:6.5px;top:3px;width:5px;height:9px;border-right:2px solid var(--fg,#fff);border-bottom:2px solid var(--fg,#fff);transform:rotate(45deg);opacity:0;transition:opacity .15s}
.pill.gp.sel1,.pill.gp.sel2,.pill.gp.sel3{background:color-mix(in srgb,var(--sw) 14%,var(--white));border-color:var(--sw);color:var(--choc-dark);box-shadow:0 6px 16px -12px rgba(43,30,20,.6)}
.pill.gp.sel1 .gp-ok,.pill.gp.sel2 .gp-ok,.pill.gp.sel3 .gp-ok{background:var(--sw);border-color:var(--sw)}
.pill.gp.sel1 .gp-ok::after,.pill.gp.sel2 .gp-ok::after,.pill.gp.sel3 .gp-ok::after{opacity:1}
.pill.gp.gp-max{opacity:.45}
@media(hover:hover){.pill.gp:hover{border-color:var(--gold-lt);transform:translateY(-1px)}}
.pill.gp:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mix-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;background:var(--white);border:1px solid var(--warm-grey);border-radius:12px;padding:.55rem .85rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;letter-spacing:0;color:var(--choc);margin-top:.9rem;max-width:100%}
.mix-badge>span:first-child{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--choc-mid)}
.mix-badge strong{font-weight:400;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}
.mb-g{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;color:var(--choc-dark)}
.mb-dot{width:10px;height:10px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.mb-x{color:var(--choc-mid)}
.mb-p{color:var(--gold-ink);font-weight:500;margin-left:.15rem}
.extras-list{gap:.5rem}
.ex-sec{margin:.85rem 0 .1rem}
.ex-sec:first-child{margin-top:0}
.ex-sec .g-lbl{margin-bottom:0}
.extra-row{border-radius:12px;padding:.95rem 1rem;transition:border-color .18s,background .18s,box-shadow .18s}
.ex-kopf{padding-right:34px}
.extra-row:hover{transform:none;background:var(--white);border-color:var(--gold-lt);box-shadow:0 6px 18px -12px rgba(43,30,20,.35)}
.extra-row.selected{border-color:var(--choc);background:var(--white);box-shadow:0 8px 22px -14px rgba(43,30,20,.45)}
.ex-left{gap:.85rem}
.ex-chk{position:absolute;top:.95rem;right:1rem;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--warm-grey);margin:0;background:var(--white)}
.ex-chk-svg{width:11px;height:9px}
.ex-name{font-size:1.04rem;line-height:1.25;margin-bottom:.15rem}
.ex-price{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:500}
.ex-sub{margin-top:.8rem;padding:.85rem .9rem;border-top:0;background:var(--cream);border-radius:10px}
.ex-inp{border-radius:10px;background:var(--white);padding:.7rem .9rem;min-height:44px}
.ex-lock{border-radius:8px}
.schild-art{display:inline-flex;flex-wrap:nowrap;gap:2px;background:var(--cream-dk);border-radius:10px;padding:3px;margin-bottom:.7rem}
.schild-art .pill{flex-direction:row;border:0;border-radius:8px;background:transparent;min-height:42px;padding:.45rem .9rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;letter-spacing:0;color:var(--choc-mid);white-space:nowrap;transition:background .18s,color .18s}
.bl-stil{display:flex;flex-wrap:wrap;gap:.45rem;margin:.15rem 0 .65rem}
.bl-stil .pill{flex:0 1 auto;flex-direction:row;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.82rem;font-weight:500;letter-spacing:0;line-height:1.2;border:1.5px solid var(--warm-grey);border-radius:100px;background:var(--white);min-height:40px;padding:.45rem .95rem;white-space:normal;hyphens:manual;-webkit-hyphens:manual;text-align:center;color:var(--choc);transition:background .18s,border-color .18s,color .18s,transform .12s}
.bl-stil .pill.sel1{background:var(--choc);border-color:var(--choc);color:var(--cream)}
.bl-stil .pill:active{transform:scale(.97)}
.bl-stil .pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(hover:hover){.bl-stil .pill:not(.sel1):hover{border-color:var(--choc-mid)}}
@media(max-width:480px){
.bl-stil{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.bl-stil .pill{min-height:46px;padding:.4rem .55rem;font-size:.8rem;line-height:1.18;width:100%}
}
.schild-art .pill.sel1{background:var(--white);color:var(--choc-dark);box-shadow:0 1px 3px rgba(43,30,20,.16)}
.schild-art .pill:hover{border-color:transparent}
.rose-btn{width:44px;height:44px}
.ref-block{border-radius:12px}
@media(max-width:480px){.schild-art{display:flex}.schild-art .pill{flex:1;white-space:normal;padding:.45rem .5rem;line-height:1.2}}
html.dark .pill.gp.sel1,html.dark .pill.gp.sel2,html.dark .pill.gp.sel3{background:color-mix(in srgb,var(--sw) 22%,var(--white))}
#schild-alter.ex-inp{flex:0 0 88px}
@media (max-width:480px){
#schild-alter.ex-inp{flex-basis:68px;padding-left:.4rem;padding-right:.4rem}
#schild-text.ex-inp{padding-left:.7rem;padding-right:.7rem}
}
.schild-art .pill{hyphens:manual;-webkit-hyphens:manual}
.btn{border-radius:12px}
.f-inp,.f-sel{border-radius:12px;min-height:48px;border-color:var(--cream-dk)}
.f-inp:focus,.f-sel:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,160,122,.22)}
.f-inp.error{border-color:var(--err);box-shadow:none}
.type-card,.g-card,.stock-card,.fw-card{border-radius:14px}
.step-h:focus{outline:none}
.q-lbl{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:500;color:var(--choc-dark);margin:1.1rem 0 .6rem}
#cp-pct{display:none}
.conf-prog-row{justify-content:flex-start}
.conf-progbar{height:3px}
.txt-vs{display:block;margin-top:.65rem}
.vs-l{display:block;font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 .4rem}
.vs-row{display:flex;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -.9rem;padding:0 .9rem .15rem;scroll-padding:0 .9rem}
.vs-row::-webkit-scrollbar{display:none}
.txt-vs,.vs-row,.ex-sub,.ex-left>div{min-width:0;max-width:100%}
.ex-left>div:last-child{flex:1 1 auto}
.ex-left{min-width:0}
.schild-art{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.schild-art .pill{white-space:normal;min-width:0}
.vs-chip{flex:none;white-space:nowrap;background:var(--white);border-color:var(--cream-dk)}
#step-2 .step-h{position:static!important;width:auto!important;height:auto!important;margin:0 0 .3rem!important;padding:0!important;overflow:visible!important;clip:auto;clip-path:none;white-space:normal!important;font-size:clamp(1.35rem,4.6vw,2.1rem)}
#step-2 .step-header{margin-bottom:.9rem}
#step-2 .step-sub{font-size:.84rem}
.kat-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;background:var(--cream-dk);border-radius:12px;margin:0 0 1rem;overflow:visible}
.kat-tab{min-height:38px;padding:.3rem .25rem;border:0;border-radius:9px;background:transparent;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--choc-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kat-tab:hover{background:rgba(255,255,255,.55)}
.kat-tab.active{background:var(--white);color:var(--choc-dark);box-shadow:0 1px 4px rgba(43,30,20,.14);border:0}
html.dark .kat-tab.active{background:#3B2719;color:#F3EAD9}
@media(max-width:360px){.kat-tab{font-size:.72rem}}
.s-item{border-radius:14px;border-color:var(--cream-dk)}
.s-thumb{border-radius:9px}
.s-item.selected{border-color:var(--choc);box-shadow:0 0 0 1px var(--choc)}
.s-check{width:18px;height:18px;top:.55rem;right:.55rem}
.s-check svg{width:9px;height:7px}
.conf-wa-hint{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;position:relative;margin:1.1rem 0 0;padding:.85rem 1rem .85rem 2.5rem;background:var(--white);border:1px solid var(--cream-dk);border-radius:14px;text-wrap:pretty}
.conf-wa-hint .cwh-sep,.conf-wa-hint .cwh-satz{display:none}
.conf-wa-hint .cwh-kurz{display:inline}
.conf-wa-hint .cwh-lead{flex:0 0 auto}
@media(max-width:520px){.conf-wa-hint .cwh-lead{flex:0 0 100%;margin-bottom:.15rem}}
.conf-wa-hint a{display:inline-flex;align-items:center;min-height:44px;padding:0 .95rem;border-radius:999px;background:var(--cream);border:1px solid var(--cream-dk);text-decoration:none;font-size:.82rem;line-height:1.2}
.conf-wa-hint a.cwh-wa{border-color:rgba(26,122,79,.32)}
html.dark .conf-wa-hint a{background:var(--cream);border-color:var(--warm-grey)}
.conf-wa-hint svg{position:absolute;left:1rem;top:calc(.85rem + 22px);transform:translateY(-50%);margin:0}
@media(max-width:520px){.conf-wa-hint svg{top:calc(.85rem + .66em)}}
.sk-box{border-radius:16px;border-color:var(--cream-dk)}
.sk-btn{border-radius:14px}
#step-5 .step-h{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto;clip-path:none;white-space:normal!important;font-size:clamp(1.35rem,4.6vw,2.1rem)}
#step-5 .step-header{margin-bottom:1rem}
.cal-schnell{max-width:none;border:1px solid var(--cream-dk);border-radius:14px;background:var(--white);padding:.6rem .7rem .6rem .9rem;margin-bottom:.7rem}
.cal-schnell .cs-go{background:var(--gold);color:var(--choc-dark);border-radius:100px;padding:.5rem .85rem;font-size:.64rem;letter-spacing:.1em}
.cal-schnell[aria-pressed="true"]{background:var(--white);border-color:var(--choc)}
.cal-schnell[aria-pressed="true"] .cs-go{background:var(--choc);color:var(--cream)}
.cal-wrap{border-radius:16px;border-color:var(--cream-dk);padding:1.1rem 1.1rem 1rem;box-shadow:0 2px 10px rgba(43,30,20,.04)}
.cal-title{font-size:1.25rem;font-weight:500}
.cal-nav button{width:40px;height:40px;border-color:var(--cream-dk);background:var(--white)}
.cal-wd{font-size:.64rem;color:var(--warm-grey-ink,var(--choc-mid));opacity:.85}
.cal-selected{border-radius:14px;border-left-width:1px;background:var(--white)}
.liefer-opts{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;background:var(--cream-dk);border-radius:14px;margin-bottom:.9rem}
.lo{border:0;background:transparent;border-radius:11px;min-height:46px;padding:.5rem .4rem;gap:.45rem}
.lo:hover{border-color:transparent;background:rgba(255,255,255,.55)}
.lo.selected{background:var(--white);box-shadow:0 1px 4px rgba(43,30,20,.14);border-color:transparent}
.lo-name{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.88rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--choc-mid);line-height:1.2}
.lo.selected .lo-name{color:var(--choc-dark)}
.lo-icon{width:18px;height:18px}
html.dark .lo.selected{background:#3B2719}
.liefer-box{margin-top:.2rem}
.dist-result,.dist-fee{border-radius:12px}
.dist-weit{border-radius:0 12px 12px 0}
.gk{border-radius:14px;border-color:var(--cream-dk)}
.s5-weiter{max-width:none;border-radius:16px}
.s5-opt{border:1px solid var(--cream-dk);border-radius:14px;background:var(--white);padding:0 1rem;margin:0 0 1.2rem}
.s5-opt summary{min-height:52px}
.s5-opt .s5-opt-body{padding:0 0 1rem}
.sum-card{border-radius:16px;border-color:var(--cream-dk);box-shadow:0 2px 10px rgba(43,30,20,.05)}
.sum-extras{border-radius:16px;border-color:var(--cream-dk)}
.sum-extras summary{padding:.8rem 1.05rem}
.se-body{padding:0 .9rem .9rem}
.wegform-h{font-size:1.3rem;margin:0 0 .9rem}
.rr-chip{border-radius:12px;border-color:var(--cream-dk)}
.sw-row{position:relative;display:flex;align-items:center;gap:.8rem;padding:.8rem .95rem;border:1px solid var(--cream-dk);border-radius:14px;background:var(--white);cursor:pointer;margin-bottom:.8rem}
.sw-ic{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sw-ic-wa{background:rgba(26,122,79,.10);color:#1a7a4f}
.sw-txt{flex:1;min-width:0}
.sw-name{display:block;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.92rem;font-weight:500;color:var(--choc-dark);line-height:1.25}
.sw-desc{display:block;font-size:.76rem;color:var(--choc-mid);line-height:1.45;margin-top:.15rem}
.sw-inp{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.sw-knob{flex:none;width:50px;height:30px;border-radius:15px;background:var(--cream-dk);position:relative;transition:background .2s}
.sw-knob::after{content:'';position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .2s cubic-bezier(.22,1,.36,1)}
.sw-inp:checked ~ .sw-knob{background:#1a7a4f}
.sw-inp:checked ~ .sw-knob::after{transform:translateX(20px)}
.sw-inp:focus-visible ~ .sw-knob{outline:2px solid var(--gold);outline-offset:2px}
.sw-inp:disabled ~ .sw-knob{opacity:.45}
html.dark .sw-knob::after{background:#f0e7d8}
.ds-row{border-radius:14px;background:var(--white);border-color:var(--cream-dk);align-items:center}
.ds-chk{width:22px;height:22px;border-radius:7px;border-color:var(--warm-grey);margin-top:0}
.ds-chk svg{width:11px;height:9px}
.sum-actions{margin:1.3rem 0 .6rem}
#sum-send-mail{width:100%;justify-content:center;border-radius:14px;padding:1.05rem 1.4rem!important;font-size:.8rem!important;letter-spacing:.16em!important;min-height:54px}
.ablauf-note{background:none;padding:0 .4rem;margin:.6rem 0 0;text-align:center;font-size:.78rem;color:var(--choc-mid)}
.ablauf-note strong{font-weight:500}
@media(prefers-reduced-motion:reduce){.sw-knob,.sw-knob::after{transition:none}}
.cal-schnell .cs-go{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none;background:rgba(184,160,122,.16);color:var(--gold-ink);border-radius:100px;padding:0 .9rem;min-height:32px;display:inline-flex;align-items:center;transition:background .18s ease,color .18s ease}
.cal-schnell:hover .cs-go{background:rgba(184,160,122,.26)}
.cal-schnell[aria-pressed="true"] .cs-go{background:var(--choc);color:var(--cream)}
html.dark .cal-schnell .cs-go{background:rgba(184,160,122,.16);color:var(--gold-lt)}
html.dark .cal-schnell[aria-pressed="true"] .cs-go{background:var(--gold);color:#1c1714}
@media(prefers-reduced-motion:reduce){.cal-schnell .cs-go{transition:none}}
.tm-card{border-radius:18px;border:none;background:var(--cream);padding:1.7rem 1.6rem}
html.dark .tm-card{background:#1c1714}
.tm-stars{color:var(--gold)}
.tm-more-wrap{text-align:center}
.tm-more{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 1.15rem;border-radius:100px;background:rgba(184,160,122,.16);color:var(--gold-ink);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;margin-top:1.6rem}
.tm-more::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);margin-left:.1rem}
.tm-more:hover{background:rgba(184,160,122,.28)}
.region-band .faq-h{margin-bottom:.8rem}
.region-faq{margin-top:.6rem;border-top:none;background:var(--white);border:1px solid var(--cream-dk);border-radius:16px;overflow:hidden}
html.dark .region-faq{background:#1c1714;border-color:#3a302a}
.region-faq details{border-bottom:none}
.region-faq details+details{border-top:1px solid var(--cream-dk)}
html.dark .region-faq details+details{border-top-color:#3a302a}
.region-faq summary{padding:1rem 1.1rem;min-height:56px;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:1rem;font-weight:500;line-height:1.4}
.region-faq summary::after{content:"";width:9px;height:9px;border-right:1.6px solid var(--gold-ink);border-bottom:1.6px solid var(--gold-ink);transform:rotate(45deg);margin-top:-5px;transition:transform .22s ease,margin-top .22s ease}
.region-faq details[open] summary::after{transform:rotate(-135deg);margin-top:5px}
.region-faq details p{padding-left:1.1rem;padding-right:1.1rem;font-size:.95rem}
.region-faq details ul{padding:0 1.1rem}
.region-faq details ul li{font-size:.93rem}
.rf-more{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:54px;margin-top:.8rem;padding:.6rem 1.1rem;border-radius:14px;background:var(--cream);color:var(--choc-dark);text-decoration:none;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:500;line-height:1.35}
.rf-more::after{content:"";flex:none;width:8px;height:8px;border-right:1.6px solid var(--gold-ink);border-top:1.6px solid var(--gold-ink);transform:rotate(45deg);margin-right:.3rem}
.rf-more:hover span{color:var(--gold-ink)}
html.dark .rf-more{background:#1c1714;color:#e8ddcf}
.anlass-links{margin-top:2rem}
.anlass-h{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 .6rem}
.anlass-chips{display:flex;flex-wrap:wrap;gap:.5rem}
#konf-anlass-links .anlass-chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 .95rem;border-radius:100px;background:var(--cream);border:1px solid var(--cream-dk);color:var(--choc-dark);text-decoration:none;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.88rem;font-weight:500;transition:border-color .15s,color .15s}
#konf-anlass-links .anlass-chips a:hover{border-color:var(--gold);color:var(--gold-ink)}
html.dark #konf-anlass-links .anlass-chips a{background:#1c1714;border-color:#3a302a;color:#e8ddcf}
@media(prefers-reduced-motion:reduce){.region-faq summary::after,.tm-more{transition:none}}
.btn,.sm-btn,.tcta,.anl-btn,.dk-btn,.do-btn,.hp-btn,.th-btn,.btn-submit,.btn-gold-jobs,.fs-btn,.ko-btn,.map-btn,.region-cta,.faq-cta-btn,.sx-btn,.hero-resv-btn,.shopstrip-cta,.lb-cta,.btn-wa,.ausflug-cta .kuchen-link{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:0 1.5rem;border-radius:100px;border:0;box-shadow:none;text-decoration:none;white-space:normal;text-align:center;cursor:pointer;transition:background .18s ease,color .18s ease,transform .12s ease}
.btn:hover,.sm-btn:hover,.tcta:hover,.anl-btn:hover,.anl-hero-btns .anl-btn:hover,.dk-btn:hover,.do-btn:hover,.hp-btn:hover,.th-btn:hover,.btn-submit:hover,.btn-gold-jobs:hover,.fs-btn:hover,.ko-btn:hover,.map-btn:hover,.region-cta:hover,.faq-cta-btn:hover,.sx-btn:hover,.hero-resv-btn:hover,.shopstrip-cta:hover,.lb-cta:hover,.btn-wa:hover,.ausflug-cta .kuchen-link:hover,.hero-cta .btn-gold,.hero-cta .btn-gold:hover,.wg-fuss .btn-gold{transform:none;box-shadow:none;letter-spacing:0}
.btn:active,.sm-btn:active,.tcta:active,.anl-btn:active,.dk-btn:active,.do-btn:active,.hp-btn:active,.th-btn:active,.btn-submit:active,.btn-gold-jobs:active,.fs-btn:active,.ko-btn:active,.map-btn:active,.region-cta:active,.faq-cta-btn:active,.sx-btn:active,.hero-resv-btn:active,.shopstrip-cta:active,.btn-wa:active{transform:scale(.98)}
.btn-dark::before,.nav-cta a::after{display:none}
.btn-outline,.btn-ghost-gold,.anl-btn--ghost,.faq-cta-btn--ghost,.ko-btn.ghost,.do-btn--linie,.ausflug-cta .kuchen-link{background:rgba(184,160,122,.18);color:var(--choc-dark);border:0}
.btn-outline:hover,.btn-ghost-gold:hover,.anl-btn--ghost:hover,.faq-cta-btn--ghost:hover,.ko-btn.ghost:hover,.do-btn--linie:hover,.ausflug-cta .kuchen-link:hover{background:rgba(184,160,122,.3);color:var(--choc-dark);border:0}
html.dark .btn-outline,html.dark .btn-ghost-gold,html.dark .anl-btn--ghost,html.dark .faq-cta-btn--ghost,html.dark .ko-btn.ghost,html.dark .do-btn--linie,html.dark .ausflug-cta .kuchen-link{background:rgba(184,160,122,.18);color:#e8ddcf;border:0}
html.dark .btn-outline:hover,html.dark .btn-ghost-gold:hover,html.dark .anl-btn--ghost:hover,html.dark .faq-cta-btn--ghost:hover,html.dark .ko-btn.ghost:hover,html.dark .do-btn--linie:hover,html.dark .ausflug-cta .kuchen-link:hover{background:rgba(184,160,122,.3);color:#F0E7D8}
.ko-btn.ko-gefahr{background:rgba(138,46,46,.1);color:#8a2e2e}
html.dark .ko-btn.ko-gefahr{background:rgba(240,169,169,.12);color:#f0a9a9}
.btn.btn-ghost,.anl-hero-btns .anl-btn--ghost,.anl-cta-band .anl-btn--ghost,.anl-sec--espresso .anl-btn--ghost,.dk-btn--linie,.do-kopf .do-btn--linie,.hp-btn--linie,.th-btn--linie,.lb-cta{background:rgba(245,242,237,.14);color:#F5F2ED;border:0}
.btn.btn-ghost:hover,.anl-hero-btns .anl-btn--ghost:hover,.anl-cta-band .anl-btn--ghost:hover,.anl-sec--espresso .anl-btn--ghost:hover,.dk-btn--linie:hover,.do-kopf .do-btn--linie:hover,.hp-btn--linie:hover,.th-btn--linie:hover,.lb-cta:hover{background:rgba(245,242,237,.24);color:#F5F2ED;border:0;transform:none}
html.dark .dk-btn--linie,html.dark .anl-hero-btns .anl-btn--ghost,html.dark .anl-cta-band .anl-btn--ghost,html.dark .anl-sec--espresso .anl-btn--ghost{background:rgba(245,242,237,.12);color:#e8ddcf;border:0}
.hero-cta .btn-ghost{background:rgba(20,13,8,.34);border:0}
.hero-cta .btn-ghost:hover{background:rgba(20,13,8,.48)}
.lb-cta-primary,.lb-cta-primary:hover{background:var(--gold-lt);color:#241a10}
.btn-ghost:not(.btn){font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.92rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--choc-mid);background:none;border:0;min-height:44px;padding:0 .5rem;border-radius:100px;box-shadow:none;display:inline-flex;align-items:center;gap:.4rem}
.btn-ghost:not(.btn):hover{color:var(--choc-dark);background:rgba(184,160,122,.12)}
.kuchen-link,.kulissen-btn{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;border-bottom:0;padding-bottom:0}
.kuchen-link{color:var(--gold-ink)}
.kuchen-link:hover,.kulissen-btn:hover{letter-spacing:0}
.kuchen-link:hover{color:var(--choc-dark)}
.ausflug-cta .kuchen-link{color:var(--choc-dark);margin-top:0}
.btn-wa-soft{background:rgba(26,122,79,.12);color:#1a7a4f;border:0}
.btn-wa-soft:hover{background:#1a7a4f;color:#fff}
.btn-wa-main{box-shadow:none}
.hero-cta .btn{font-size:.95rem;letter-spacing:0;padding:0 1.6rem}
#sum-send-mail{border-radius:100px;padding:0 1.4rem!important;font-size:.95rem!important;letter-spacing:0!important}
.m-pb-next{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;border-radius:100px;padding:0 1.25rem;background:var(--gold);box-shadow:none}
.m-pb-next:hover{filter:none;background:var(--gold-lt)}
.dm-yes,.dm-no{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.88rem;font-weight:500;letter-spacing:0;text-transform:none;border-radius:100px;min-height:40px}
.sm-btn--sm,.ko-btn.small,.btn-mini,.resume-banner .rb-act .btn,.s5w-btn{min-height:42px;padding:0 1.1rem;font-size:.88rem}
.btn-submit{min-height:52px}
#main-nav .nav-links .nav-cta a{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.9rem;font-weight:500;letter-spacing:0;text-transform:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 1.15rem;border-radius:100px;line-height:1.2}
#main-nav .nav-links .nav-cta a:hover{background:#3B2719 !important;color:#F5F2ED !important}
html.dark #main-nav .nav-links .nav-cta a{color:#1c1714 !important}
html.dark #main-nav .nav-links .nav-cta a:hover{background:var(--gold-lt) !important;color:#140f0c !important}
@media(max-width:768px){#main-nav .nav-links li.nav-cta a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.2rem;border:0;border-radius:100px;font-size:1rem;letter-spacing:0;text-transform:none}}
@media(min-width:821px){.filter-btn{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;font-weight:500;letter-spacing:0;text-transform:none;border-radius:100px;padding:.5rem 1.05rem;min-height:40px;border-color:var(--cream-dk)}}
.tcta:focus-visible,.anl-btn:focus-visible,.dk-btn:focus-visible,.do-btn:focus-visible,.hp-btn:focus-visible,.th-btn:focus-visible,.fs-btn:focus-visible,.ko-btn:focus-visible,.sx-btn:focus-visible,.lb-cta:focus-visible,.kuchen-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.btn,.sm-btn,.tcta,.anl-btn,.dk-btn,.do-btn,.hp-btn,.th-btn,.btn-submit,.ko-btn,.fs-btn{transition:none}.btn:active,.sm-btn:active,.tcta:active,.anl-btn:active,.dk-btn:active,.btn-submit:active,.ko-btn:active{transform:none}}
.pw{border-radius:20px;box-shadow:0 24px 60px -30px rgba(43,30,20,.55)}
.pw-cake{border-radius:20px 20px 0 0}
.pv-toggle{top:12px;padding:3px;gap:2px;border-radius:100px;background:rgba(20,13,8,.42);
box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 0 0 1px rgba(245,242,237,.14);
backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}
.pv-view{left:12px}
.pv-tg{font-size:.8rem;font-weight:500;letter-spacing:0;color:rgba(245,242,237,.84);padding:0 .9rem;min-height:36px;border-radius:100px}
.pv-tg:hover{color:#F5F2ED}
.pv-tg.active{background:#F5F2ED;color:#3B2719;box-shadow:0 1px 3px rgba(0,0,0,.25)}
html.dark .pv-toggle{background:rgba(20,13,8,.42) !important}
html.dark .pv-tg{color:rgba(245,242,237,.84) !important}
html.dark .pv-tg.active{background:#F5F2ED !important;color:#3B2719 !important}
.c3d-hint{bottom:12px;font-size:.76rem;font-weight:500;letter-spacing:0;color:rgba(245,242,237,.9);background:rgba(20,13,8,.42);
padding:.4rem .85rem;border-radius:100px;box-shadow:inset 0 0 0 1px rgba(245,242,237,.14);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html.dark .c3d-hint{color:rgba(245,242,237,.9) !important;background:rgba(20,13,8,.42) !important}
.pv-fs{right:12px;bottom:12px;border:0;background:rgba(20,13,8,.42);
box-shadow:inset 0 0 0 1px rgba(245,242,237,.14),0 4px 16px rgba(0,0,0,.25);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pw-disclaimer{font-size:.76rem;color:rgba(245,242,237,.62);margin:.75rem 0 0;padding:0 1.4rem}
.pw-body{padding:1.1rem 1.4rem 1.4rem}
.pw-ey{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--gold-lt);margin-bottom:.35rem}
.pw-total{font-size:2.6rem;letter-spacing:-.01em}
.pw-sub{font-size:.8rem}
.pw-richt-note{font-size:.76rem;line-height:1.55;border-left:0;padding:.65rem .8rem;border-radius:12px;background:rgba(245,242,237,.06);color:rgba(245,242,237,.72)}
.pw-lines{border-top-color:rgba(245,242,237,.12)}
.pw-line{font-size:.84rem;padding:.36rem 0;color:rgba(245,242,237,.72)}
.pw-lv{font-size:.95rem}
.tracker{border-radius:16px}
.m-pricebar .m-pb-l{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none}
@media(prefers-reduced-motion:reduce){.pv-tg{transition:none}}
.stock-cards-eckig{grid-template-columns:repeat(2,1fr)}
@media(max-width:768px){.stock-cards-eckig{grid-template-columns:1fr}}
@media(max-width:480px){#fw-schultuete{grid-column:1/-1;flex-direction:row;justify-content:center;align-items:center;gap:.25rem .7rem;padding:.6rem .8rem}#fw-schultuete .fw-ico{margin-bottom:0;width:30px;height:28px}#fw-schultuete .fw-name{margin-right:.3rem}}
.oben-form{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.55rem}
.oben-form .schild-art{justify-content:center;flex-wrap:wrap}
.oben-form-hint{margin:0;font-size:.82rem;line-height:1.5;color:var(--choc-mid);text-align:center;max-width:36rem}
.eck-picker{position:relative;width:min(230px,72vw);aspect-ratio:3/2;margin:.1rem auto 0;border:1.5px solid var(--warm-grey);border-radius:10px;background:var(--white)}
.eck-picker .eck-dot{position:absolute;width:30px;height:30px;margin:0;padding:0;border-radius:50%;border:1.5px solid var(--gold-ink);background:var(--white);cursor:pointer;transform:translate(-50%,-50%);transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,box-shadow .2s,border-color .2s}
.eck-picker .eck-dot::after{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--cream);opacity:0;transition:opacity .2s}
.eck-picker .eck-dot:hover{transform:translate(-50%,-50%) scale(1.1)}
.eck-picker .eck-dot.sel1{background:var(--choc);border-color:var(--choc);box-shadow:0 0 0 5px rgba(90,62,43,.14)}
.eck-picker .eck-dot.sel1::after{opacity:1}
.eck-picker .eck-dot:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
.eck-picker [data-p="hl"]{left:17%;top:25%}.eck-picker [data-p="hr"]{left:83%;top:25%}.eck-picker [data-p="mitte"]{left:50%;top:50%}.eck-picker [data-p="vl"]{left:17%;top:75%}.eck-picker [data-p="vr"]{left:83%;top:75%}
.eck-vorn{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font:500 .58rem/1 'DM Sans','DM Sans Ersatz',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--choc-mid);opacity:.75}
.eck-wort{margin:.55rem 0 0;font:500 .85rem/1.4 'DM Sans','DM Sans Ersatz',sans-serif;color:var(--choc);text-align:center}
.ex-price-offen{color:var(--choc-mid);font-size:.72rem;line-height:1.4;white-space:normal;max-width:6.4rem;text-wrap:balance}
.kx-fb{margin-top:.15rem}
.drip-et{margin-top:.85rem;padding-top:.8rem;border-top:1px solid var(--cream-dk)}
.drip-et[hidden]{display:none}
.drip-et-kopf{font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--choc-mid);margin-bottom:.5rem}
.drip-et-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.drip-et-chips .ly-chip{min-height:44px}
.drip-et-chips .ly-chip .de-pr{font-size:.72rem;opacity:.78;white-space:nowrap}
.drip-et-chips .ly-chip:not(.on) .de-pr{opacity:.6}
@media(max-width:640px){.drip-et-chips{flex-direction:column}.drip-et-chips .ly-chip .de-pr{margin-left:auto;padding-left:.3rem}.drip-et-chips .ly-ok{margin-left:.65rem}}
.fb-sw[data-k="dunkel"].on .fb-disc::after,.fb-sw[data-k="schoko"].on .fb-disc::after{border-color:rgba(255,255,255,.88)}
.ex-sub p.ex-price-offen{max-width:none;text-wrap:pretty}
#spritz-fb,#buchstaben-fb{grid-template-columns:repeat(4,minmax(0,1fr))}
.ex-inp.kx-motiv{min-height:64px;resize:vertical;line-height:1.45;display:block}
.g-grid-eckig .g-card.eckig .g-circle,.g-grid-schult .g-card.schult .g-circle{background-size:100% 100%}
.s-tier-eckig{border-radius:2px 2px 2px 2px}
.stock-card.selected .s-tier-eckig{background:rgba(90,62,43,.1)}
.cake-lb-close{top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:44px;height:44px;border:0;background:rgba(20,13,8,.42);color:#F5F2ED;font-size:1.55rem;font-weight:300;box-shadow:inset 0 0 0 1px rgba(245,242,237,.14),0 4px 16px rgba(0,0,0,.25);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);transition:transform .12s ease}
.cake-lb-close:active{transform:scale(.96)}
.cake-lb-hint{top:calc(64px + env(safe-area-inset-top,0px));font-size:.8rem;font-weight:500;line-height:1.4;color:rgba(245,242,237,.92);background:rgba(20,13,8,.42);border:0;border-radius:18px;padding:.55rem 1rem;box-shadow:inset 0 0 0 1px rgba(245,242,237,.14),0 4px 16px rgba(0,0,0,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.cake-lb-hint strong{color:#F5F2ED;font-weight:500}
@media(max-width:1024px){
.pw.cake-fs{background:#1c150f}
.pw.cake-fs .pw-cake{border-radius:0}
.pw.cake-fs .cake-lb-share{width:calc(100% - 2.5rem);max-width:420px;min-height:52px;margin:0;padding:0 1.4rem;border-radius:100px;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:500;letter-spacing:0;background:rgba(245,242,237,.14);color:#F5F2ED;box-shadow:inset 0 0 0 1px rgba(245,242,237,.14);transition:background .18s ease,transform .12s ease}
.pw.cake-fs .cake-lb-share:hover{background:rgba(245,242,237,.22)}
.pw.cake-fs #cakeLbShare{margin-top:.9rem}
.pw.cake-fs .cake-lb-ar{margin-top:.6rem;background:var(--gold);color:#241608;box-shadow:none;font-weight:500}
.pw.cake-fs .cake-lb-ar:hover{background:var(--gold-lt)}
.pw.cake-fs .cake-lb-share svg{width:18px;height:18px}
.pw.cake-fs .pw-disclaimer{margin:.7rem 0 calc(.9rem + env(safe-area-inset-bottom,0px));font-size:.74rem}
}
html.dark .cake-lb-close,html.dark .cake-lb-hint{background:rgba(20,13,8,.42) !important;color:#F5F2ED !important}
@media(prefers-reduced-motion:reduce){.cake-lb-close,.pw.cake-fs .cake-lb-share{transition:none}}
html.sg-warte .tm-band,html.sg-warte .region-band,html.sg-warte footer.ft{display:none}
.termin-offen{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.35rem;max-width:440px;min-height:44px;margin:-.35rem 0 .9rem;padding:.55rem 0;background:none;border:0;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;line-height:1.4;color:var(--choc-mid);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.termin-offen .to-go{color:var(--choc-dark);font-weight:500;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1.5px;text-underline-offset:3px}
.termin-offen:hover .to-go{text-decoration-color:var(--choc)}
.termin-offen:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.termin-offen.an{cursor:default}
.termin-offen.an .to-f{color:var(--choc-dark);font-weight:500}
.termin-offen.an .to-go{font-weight:400;color:var(--choc-mid);text-decoration:none}
.lf-regel{margin:-.2rem 0 .7rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;line-height:1.5;color:var(--choc-mid)}
@media(max-width:1024px){
.konf-buehne{display:block;border-top:1px solid rgba(201,168,106,.28)}
.konf-buehne[hidden]{display:none}
body.buehne-an .conf-mini-wrap{display:none}
body.buehne-an .conf-prog-inner{padding-top:.5rem;padding-bottom:.5rem}
body.buehne-an .conf-prog-main{display:flex;align-items:center;gap:.75rem}
body.buehne-an .conf-prog-row{flex:1 1 auto;min-width:0;line-height:1.25}
body.buehne-an #cp-pct,body.buehne-an .conf-progbar{display:none}
body.buehne-an .conf-dots{flex:none;margin-top:0;gap:6px}
body.buehne-an .conf-dot{width:30px;height:30px;font-size:.76rem}
.pw.in-buehne:not(.cake-fs){display:block;margin:0;border-radius:0}
.pw.in-buehne:not(.cake-fs) .pw-cake{height:clamp(170px,30vh,270px);height:clamp(170px,30svh,270px);border-radius:0}
.pw.in-buehne:not(.cake-fs) .pw-disclaimer,.pw.in-buehne:not(.cake-fs) .pw-body{display:none}
.pw.in-buehne:not(.cake-fs) .c3d-hint{display:none!important}
.pw.in-buehne:not(.cake-fs) .pv-view{top:8px;left:8px}
.pw.in-buehne:not(.cake-fs) .pv-fs{display:flex;right:8px;bottom:8px;width:40px;height:40px}
.pw.in-buehne:not(.cake-fs) canvas{touch-action:pan-y!important}
}
.kx-nav{position:sticky;top:var(--kx-top,64px);z-index:40;background:var(--cream);margin:0 0 .5rem;padding:.5rem 0;transition:box-shadow .2s}
.kx-nav[hidden]{display:none}
.kx-nav.klebt{box-shadow:0 1px 0 var(--cream-dk),0 8px 14px -12px rgba(43,30,20,.35)}
.kx-nav-in{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:1px}
.kx-nav-in::-webkit-scrollbar{display:none}
.kx-nav.am-anfang:not(.am-ende) .kx-nav-in{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.kx-nav.am-ende:not(.am-anfang) .kx-nav-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px);mask-image:linear-gradient(90deg,transparent,#000 32px)}
.kx-nav:not(.am-anfang):not(.am-ende) .kx-nav-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.kx-nb{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;border:1px solid var(--warm-grey);border-radius:100px;background:var(--white);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.84rem;font-weight:500;letter-spacing:0;line-height:1;color:var(--choc-mid);white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,border-color .18s;-webkit-tap-highlight-color:transparent}
.kx-nb[hidden]{display:none}
.kx-nb.an{background:var(--choc);border-color:var(--choc);color:var(--cream)}
.kx-nb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.kx-nb:active{transform:scale(.97)}
@media(hover:hover){.kx-nb:not(.an):hover{border-color:var(--choc-mid);color:var(--choc-dark)}}
.kx-n{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--choc);color:var(--cream);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}
.kx-n:empty{display:none}
.kx-nb.an .kx-n{background:var(--cream);color:var(--choc)}
#extras-list{gap:.45rem}
#extras-list .ex-sec{margin:1.15rem 0 .15rem}
#extras-list .ex-sec:first-of-type{margin-top:.2rem}
.ex-sec-note{font-size:.76rem;line-height:1.45;color:var(--choc-mid);margin:.25rem 0 0}
#extras-list .extra-row{padding:.75rem .9rem;align-items:center}
#extras-list .extra-row.offen{align-items:flex-start}
#extras-list .ex-left{gap:.75rem;align-items:center}
#extras-list .extra-row.offen .ex-left{align-items:flex-start}
#extras-list .ex-icon{width:38px;height:38px;margin-top:0}
#extras-list .ex-icon svg{width:21px;height:21px}
#extras-list .ex-chk{top:50%;margin-top:-12px}
#extras-list .extra-row.offen .ex-chk{top:.8rem;margin-top:0}
#extras-list .ex-chk::after{content:'';position:absolute;inset:-10px;border-radius:50%}
#extras-list .ex-name{font-size:1rem;margin-bottom:.1rem}
.ex-kurz,.ex-wahl{font-size:.78rem;line-height:1.4;color:var(--choc-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:34px}
.ex-wahl{display:none;color:var(--choc-dark);font-weight:500}
.ex-wahl.fehlt{color:var(--gold-ink)}
.ex-wahl.fehlt::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 .4rem .1rem 0;vertical-align:middle}
#extras-list .ex-desc{display:none}
#extras-list .extra-row.offen .ex-desc{display:block;margin-top:.1rem}
#extras-list .extra-row.selected .ex-kurz,#extras-list .extra-row.offen .ex-kurz{display:none}
#extras-list .extra-row.selected:not(.offen) .ex-wahl{display:block}
#extras-list .extra-row.disabled{opacity:1;background:transparent}
#extras-list .extra-row.hat-grund,#extras-list .extra-row.hat-grund .ex-left{align-items:flex-start}
#extras-list .extra-row.hat-grund .ex-chk{top:.8rem;margin-top:0}
#extras-list .extra-row.hat-grund .ex-kurz{display:none}
#extras-list .extra-row.disabled .ex-icon,#extras-list .extra-row.disabled .ex-kopf,#extras-list .extra-row.disabled .ex-kurz,#extras-list .extra-row.disabled .ex-chk{opacity:.45}
#extras-list .ex-lock{margin-top:.35rem}
.ex-fix{pointer-events:auto;display:inline-flex;align-items:center;min-height:40px;margin-top:.45rem;padding:0 1rem;border:0;border-radius:100px;background:var(--cream-dk);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:500;color:var(--choc-dark);cursor:pointer}
.ex-fix[hidden]{display:none}
@media(max-width:1024px){
.kx-nav{margin-left:calc(-1 * var(--kx-l,0px));margin-right:calc(-1 * var(--kx-r,0px));padding-left:var(--kx-l,0px);padding-right:var(--kx-r,0px);background:color-mix(in srgb,var(--cream) 90%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}
}
@media(max-width:1024px){
body.buehne-tippt .pw.in-buehne:not(.cake-fs) .pw-cake{height:120px}
body.buehne-tippt .kx-nav{position:static}
body.buehne-tippt .pw.in-buehne:not(.cake-fs) .pv-view,body.buehne-tippt .pw.in-buehne:not(.cake-fs) .pv-fs{display:none!important}
}
#extras-list .extra-row.selected .ex-sub{display:grid;grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);max-width:none;margin:0 0 0 calc(-38px - .75rem);padding:0;border:0;border-radius:0;background:none;transition:grid-template-rows .3s cubic-bezier(.32,.72,0,1)}
#extras-list .extra-row.selected.offen .ex-sub{grid-template-rows:1fr}
#extras-list .extra-row.sofort .ex-sub{transition:none}
#extras-list .extra-row.selected:not(.offen) .ex-sub{display:grid}
#extras-list .extra-row.selected:not(.offen):not(.klappt) .ex-sub{visibility:hidden}
.ex-sub-in{min-height:0;min-width:0}
.ex-sub-in::before{content:'';display:block;margin:.85rem 0 .95rem;border-top:1px solid var(--cream-dk)}
#extras-list .extra-row.klappt .ex-sub-in,#extras-list .extra-row.selected:not(.offen) .ex-sub-in{overflow:hidden}
#extras-list .extra-row.offen .ex-sub-in{animation:kxEin .34s cubic-bezier(.32,.72,0,1)}
@keyframes kxEin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.kx-lbl{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:1.15rem 0 .55rem;line-height:1.2}
.ex-sub-in>.kx-lbl:first-child,.ex-sub-in>p:first-child+.kx-lbl{margin-top:0}
.ex-sub-in>p:first-child{margin-bottom:1rem!important}
#extras-list .ex-sub .kx-fb{margin-top:0}
#extras-list .ex-sub .fb-row{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.55rem .2rem}
#extras-list .ex-sub .schild-art{display:flex;width:100%;margin-bottom:0}
#extras-list .ex-sub .schild-art .pill{flex:1}
#extras-list .ex-sub .bl-stil{margin:0}
#extras-list .ex-sub .ex-bsp{margin-top:.5rem}
.drip-et-kopf{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.64rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:1.15rem 0 .55rem}
#extras-list .ex-sub .ex-inp{background:var(--cream);border:1px solid transparent;border-radius:12px;min-height:48px;padding:.75rem .95rem;font-size:1rem}
#extras-list .ex-sub .ex-inp:focus{background:var(--white);border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,160,122,.22);outline:none}
#extras-list .ex-sub .ex-inp.error{border-color:var(--err);background:var(--white)}
#extras-list .ex-sub .vs-row{margin:0;padding:0 0 .15rem;scroll-padding:0}
#extras-list .ex-sub .rose-ctr{gap:0;flex-wrap:nowrap}
#extras-list .ex-sub .rose-ctr .rose-btn{width:46px;height:42px;border:0;border-radius:0;background:var(--cream-dk);color:var(--choc-dark);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
#extras-list .ex-sub .rose-ctr .rose-btn:first-child{border-radius:12px 0 0 12px}
#extras-list .ex-sub .rose-ctr .rose-n+.rose-btn{border-radius:0 12px 12px 0}
#extras-list .ex-sub .rose-ctr .rose-btn:active:not(:disabled){background:var(--warm-grey)}
#extras-list .ex-sub .rose-ctr .rose-btn:disabled{color:var(--warm-grey);opacity:1}
#extras-list .ex-sub .rose-ctr .rose-btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
#extras-list .ex-sub .rose-ctr .rose-n{height:42px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--cream-dk);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:1.05rem;font-weight:500;color:var(--choc-dark);font-variant-numeric:tabular-nums;box-shadow:inset 1px 0 0 var(--cream),inset -1px 0 0 var(--cream)}
#extras-list .ex-sub .rose-ctr .rose-live{margin-left:auto;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:500;color:var(--choc-dark);font-variant-numeric:tabular-nums}
#extras-list .ex-sub .rose-ctr .rose-btn[hidden]{display:none}
#macarons-minus[hidden]~#macarons-n{background:none;box-shadow:none;min-width:0;justify-content:flex-start;height:auto;font-size:.9rem;color:var(--choc-mid);font-weight:400}
#macarons-minus[hidden]~#macarons-n::before{content:'Zusammen ';white-space:pre}
#macarons-minus[hidden]~#macarons-n::after{content:' Stück';white-space:pre}
#extras-list .ex-sub .mix-summe{margin-top:.6rem}
#extras-list .ex-sub .mix-summe .rose-n{background:none;box-shadow:none;min-width:0;height:auto;font-size:.9rem;color:var(--choc-mid);font-weight:400;padding-right:.25rem}
#extras-list .ex-sub .mix-summe .mix-einheit{font-size:.9rem}
#extras-list .ex-sub .mix-liste{margin-top:0;gap:.45rem}
#extras-list .ex-sub .mix-zeile{border:0;background:var(--cream);border-radius:14px;padding:.35rem .35rem .35rem .75rem}
#extras-list .ex-sub .mix-zeile .rose-ctr{margin-left:auto}
#extras-list .ex-sub .mix-zeile .rose-btn{width:40px;height:36px;background:var(--white)}
#extras-list .ex-sub .mix-zeile .rose-n{height:36px;min-width:40px;background:var(--white);box-shadow:inset 1px 0 0 var(--cream),inset -1px 0 0 var(--cream);font-size:.95rem}
#extras-list .ex-sub .mix-liste:empty{display:none}
.ex-fuss{display:flex;align-items:center;justify-content:flex-end;margin-top:1.2rem;padding-top:.85rem;border-top:1px solid var(--cream-dk)}
.ex-fertig{display:inline-flex;align-items:center;min-height:40px;padding:0 1.4rem;border:0;border-radius:100px;background:var(--cream-dk);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;font-weight:600;color:var(--choc-dark);cursor:pointer;transition:background .15s}
.ex-fertig:active{transform:scale(.97);background:var(--warm-grey)}
.ex-fertig:focus-visible,.ex-fix:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(hover:hover){.ex-fertig:hover{background:var(--warm-grey)}}
#extras-list .extra-row.selected .ex-chk{animation:kxHaken .32s cubic-bezier(.32,.72,0,1)}
@keyframes kxHaken{0%{transform:scale(.7)}55%{transform:scale(1.1)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
#extras-list .extra-row.selected .ex-sub{transition:none}
#extras-list .extra-row.offen .ex-sub-in,#extras-list .extra-row.selected .ex-chk{animation:none}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
@media(max-width:1024px){.kx-nav{background:var(--cream)}}
}
@media(max-height:540px){.kx-nav{position:static}}
.vs-chip{border:0;background:var(--cream-dk);color:var(--choc-dark);min-height:36px;font-size:.8rem}
@media(hover:hover){.vs-chip:hover{background:var(--warm-grey);transform:none}}
@media(max-width:1024px){
body.buehne-an .conf-prog-inner{display:none}
.conf-prog .conf-progbar,#cp-pct{display:none}
#m-pricebar{padding-top:calc(.7rem + 5px)}
#m-pricebar .conf-dots{position:absolute;left:50%;top:0;transform:translate(-50%,-55%);display:flex;gap:3px;margin:0;padding:3px;background:#3B2719;border:1.5px solid var(--gold);border-radius:100px;box-shadow:0 -4px 12px rgba(43,30,20,.25)}
#m-pricebar .conf-dot{width:24px;height:24px;border:0;background:transparent;color:rgba(245,242,237,.5);font:600 .72rem/1 'DM Sans','DM Sans Ersatz',sans-serif;cursor:default}
#m-pricebar .conf-dot::before{inset:-10px -2px}
#m-pricebar .conf-dot.done{background:var(--gold);color:#3B2719;cursor:pointer}
#m-pricebar .conf-dot.active{background:#F5F2ED;color:#3B2719}
#m-pricebar .conf-dot:focus-visible{outline:2px solid #F5F2ED;outline-offset:2px}
#m-pricebar .conf-dot.done:active{transform:scale(.92)}
}
.kx-ic,.kx-tk,.kx-weiter,.kx-zurueck{display:none}
@media(max-width:1024px){
body.kx-werk #step-3>.step-header,body.kx-werk #s3-wuensche-kopf{display:none}
body.kx-werk .kx-nav{margin-bottom:.9rem;padding:.3rem 4px;box-shadow:0 1px 0 var(--cream-dk),0 8px 14px -12px rgba(43,30,20,.3)}
body.kx-werk .kx-nav-in{flex:1 1 auto;width:100%;gap:0;overflow:visible;-webkit-mask-image:none!important;mask-image:none!important}
body.kx-werk .kx-nb{position:relative;flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:3px;min-height:54px;padding:2px 0;border:0;border-radius:12px;background:none;color:var(--choc-mid);font-size:.66rem;font-weight:500;letter-spacing:0}
body.kx-werk .kx-nb .kx-t{display:none}
body.kx-werk .kx-tk{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
body.kx-werk .kx-ic{display:flex;align-items:center;justify-content:center;width:50px;height:30px;border-radius:15px;transition:background .2s,color .2s,transform .15s}
body.kx-werk .kx-ic svg{width:22px;height:22px}
body.kx-werk .kx-nb.an{background:none;border:0;color:var(--choc-dark);font-weight:600}
body.kx-werk .kx-nb.an .kx-ic{background:var(--choc);color:var(--cream)}
body.kx-werk .kx-nb:active{transform:none}
body.kx-werk .kx-nb:active .kx-ic{transform:scale(.9)}
body.kx-werk .kx-nb .kx-n,body.kx-werk .kx-nb.an .kx-n{position:absolute;top:0;left:calc(50% + 12px);min-width:17px;height:17px;padding:0 4px;font-size:.6rem;background:var(--gold);color:#3B2719;box-shadow:0 0 0 2px var(--cream)}
body.kx-werk[data-kx="geschmack"] #kx-seiten [data-seite]:not([data-seite="geschmack"]),
body.kx-werk[data-kx="ueberzug"] #kx-seiten [data-seite]:not([data-seite="ueberzug"]),
body.kx-werk[data-kx="oben"] #kx-seiten [data-seite]:not([data-seite="oben"]),
body.kx-werk[data-kx="schrift"] #kx-seiten [data-seite]:not([data-seite="schrift"]),
body.kx-werk[data-kx="rand"] #kx-seiten [data-seite]:not([data-seite="rand"]),
body.kx-werk[data-kx="ideen"] #kx-seiten [data-seite]:not([data-seite="ideen"]){display:none!important}
body.kx-werk #kx-seiten{min-height:calc(100svh - var(--kx-top,330px) - 70px - var(--mpb-h,72px));padding-bottom:18px;touch-action:pan-y pinch-zoom}
body.kx-werk #step-3 .ub-group{margin-top:0}
body.kx-werk #extras-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:0}
body.kx-werk #extras-list .ex-sec{grid-column:1/-1;margin:0}
body.kx-werk #extras-list .ex-sec .g-lbl{display:none}
body.kx-werk #extras-list .ex-sec-note{margin:0 0 .3rem}
body.kx-werk #extras-list .extra-row:not(.offen){flex-direction:column;align-items:stretch;justify-content:flex-start;padding:.85rem .35rem .8rem;border-radius:16px;text-align:center}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-left{flex-direction:column;align-items:center;gap:.5rem}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-left>div:last-child{width:100%;flex:none}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-icon{width:50px;height:50px}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-icon svg{width:25px;height:25px}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-kopf{flex-direction:column;align-items:center;gap:.2rem;padding-right:0}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-name{font-size:.9rem;line-height:1.2;margin:0;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-price{font-size:.72rem;text-align:center;max-width:none}
body.kx-werk #extras-list .extra-row:not(.offen) :is(.ex-kurz,.ex-desc,.ex-wahl,.ex-sub,.ex-lock,.ex-fix){display:none}
body.kx-werk #extras-list .extra-row.kx-fehlt:not(.offen) .ex-price{display:none}
body.kx-werk #extras-list .extra-row.kx-fehlt:not(.offen) .ex-wahl{display:block;padding:0;margin-top:.2rem;white-space:normal;font-size:.7rem;line-height:1.3}
body.kx-werk #extras-list .extra-row:not(.offen) .ex-chk{top:7px;right:7px;width:22px;height:22px;margin:0}
body.kx-werk #extras-list .extra-row:not(.offen):not(.selected) .ex-chk{visibility:hidden}
body.kx-werk #extras-list .extra-row.disabled{pointer-events:auto}
body.kx-werk #extras-list .extra-row.disabled:not(.offen)::after{content:'';position:absolute;top:10px;right:10px;width:14px;height:14px;background:var(--choc-mid);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat}
body.kx-werk #extras-list.kx-drill>:not(.offen){display:none!important}
body.kx-werk #extras-list.kx-drill>.extra-row.offen{grid-column:1/-1;flex-direction:column;align-items:stretch;padding:.35rem 1rem 1rem;border-radius:18px}
body.kx-werk #extras-list .extra-row.offen .kx-zurueck{display:inline-flex;align-self:flex-start;align-items:center;gap:.2rem;min-height:40px;margin:0 0 .3rem -.5rem;padding:0 .7rem 0 .3rem;border:0;border-radius:100px;background:none;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;font-weight:500;color:var(--choc-mid);cursor:pointer;-webkit-tap-highlight-color:transparent}
body.kx-werk #extras-list .extra-row.offen .kx-zurueck:active{background:var(--cream)}
body.kx-werk #extras-list .extra-row.offen .kx-zurueck:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
body.kx-werk #extras-list .extra-row.offen .ex-chk{top:calc(.35rem + 40px + .3rem + .15rem);right:1rem}
body.kx-werk #extras-list .extra-row.offen .ex-sub{grid-template-rows:1fr;transition:none}
body.kx-werk #extras-list .extra-row.offen .ex-sub-in{animation:none}
body.kx-werk #extras-list .extra-row.disabled.offen .ex-desc{display:block}
body.kx-werk #extras-list .extra-row.disabled.offen .ex-icon,body.kx-werk #extras-list .extra-row.disabled.offen .ex-kopf{opacity:.6}
body.kx-werk .kx-rein-r{animation:kxVonRechts .3s cubic-bezier(.32,.72,0,1)}
body.kx-werk .kx-rein-l{animation:kxVonLinks .3s cubic-bezier(.32,.72,0,1)}
body.kx-werk .kx-weiter:not([hidden]){display:flex}
body.kx-werk.kx-drill-an .kx-weiter{display:none!important}
.kx-weiter{align-items:center;gap:.65rem;width:100%;min-height:54px;margin:1.2rem 0 .6rem;padding:0 .9rem 0 1.1rem;border:0;border-radius:16px;background:var(--cream-dk);color:var(--choc-dark);font-family:'DM Sans','DM Sans Ersatz',sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}
.kx-weiter-l{font-family:'Marcellus','Marcellus Ersatz',serif;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.kx-weiter-n{flex:1;font-size:.95rem;font-weight:600}
.kx-weiter:active{background:var(--warm-grey)}
.kx-weiter:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
}
@keyframes kxVonRechts{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes kxVonLinks{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.kx-werk .kx-rein-r,body.kx-werk .kx-rein-l{animation:none}}
@media(max-width:1024px){
body.kx-werk #s3-geschmack-wrap .g-sec{margin-bottom:1rem}
body.kx-werk #s3-geschmack-wrap .g-maxrow{margin:0 0 .9rem}
body.kx-werk #s3-geschmack-wrap .pills{display:flex;flex-wrap:wrap;gap:.4rem}
body.kx-werk #s3-geschmack-wrap .pill.gp{flex:0 0 auto;min-height:40px;padding:.35rem .85rem .35rem .65rem;border-radius:100px;gap:.45rem;font-size:.86rem}
body.kx-werk #s3-geschmack-wrap .pill.gp .gp-txt{flex:0 1 auto;white-space:nowrap}
body.kx-werk #s3-geschmack-wrap .pill.gp .pill-zus{display:inline;margin:0 0 0 .25rem;font-size:.72rem}
body.kx-werk #s3-geschmack-wrap .pill.gp:not(.sel1):not(.sel2):not(.sel3) .gp-ok{display:none}
body.kx-werk #s3-geschmack-wrap .pill.gp .gp-ok{width:18px;height:18px;margin-right:-.3rem}
body.kx-werk #s3-geschmack-wrap .pill.gp .gp-ok::after{left:5.5px;top:2.5px;width:4.5px;height:8px}
body.kx-werk #ub-group .ub-options{flex-wrap:nowrap;gap:.2rem;padding:.6rem .45rem .2rem}
body.kx-werk #ub-group .ub-opt{flex:1 1 0;min-width:0;max-width:none;padding:.55rem .1rem .5rem;gap:.25rem}
body.kx-werk #ub-group .ub-mat{width:42px;height:42px}
body.kx-werk #ub-group .ub-name{font-size:.74rem;line-height:1.15;text-wrap:balance}
body.kx-werk #ub-group .ub-price{font-size:.66rem}
body.kx-werk #fb-group .fb-row{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.35rem .15rem}
}
@media(max-width:379px){body.kx-werk .kx-nb{font-size:.6rem;letter-spacing:-.01em}body.kx-werk .kx-ic{width:44px}}
.kx-ic .kx-f{display:none}
@media(max-width:1024px){
body.kx-werk .kx-nb{margin:0 1px;padding:5px 0 4px;border-radius:16px;gap:2px;transition:background .2s,color .2s}
body.kx-werk .kx-ic{width:auto;height:26px;border-radius:0;background:none!important}
body.kx-werk .kx-ic svg{width:24px;height:24px;display:block}
body.kx-werk .kx-nb:not(.an) .kx-ic .kx-f{display:none}
body.kx-werk .kx-nb.an{background:color-mix(in srgb,var(--choc) 10%,transparent);color:var(--choc-dark)}
body.kx-werk .kx-nb.an .kx-ic{color:var(--choc)}
body.kx-werk .kx-nb.an .kx-ic .kx-o{display:none}
body.kx-werk .kx-nb.an .kx-ic .kx-f{display:block}
body.kx-werk .kx-nb .kx-n,body.kx-werk .kx-nb.an .kx-n{top:2px;left:calc(50% + 7px)}
body.kx-werk .kx-nb:active .kx-ic{transform:scale(.88)}
}
@supports not (background:color-mix(in srgb,red 10%,transparent)){@media(max-width:1024px){body.kx-werk .kx-nb.an{background:var(--cream-dk)}}}
@media(max-width:1024px){
#m-pricebar{padding-top:.7rem}
#m-pricebar .m-pb-left{gap:4px}
#m-pricebar .conf-dots{position:static;transform:none;display:flex;gap:5px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
#m-pricebar .conf-dot{position:relative;width:20px;height:20px;border:1px solid rgba(245,242,237,.34);background:transparent;color:rgba(245,242,237,.62);font:600 .64rem/1 'DM Sans','DM Sans Ersatz',sans-serif}
#m-pricebar .conf-dot.done{border-color:var(--gold);background:var(--gold);color:#3B2719}
#m-pricebar .conf-dot.active{border-color:#F5F2ED;background:#F5F2ED;color:#3B2719}
#m-pricebar .conf-dot::before{inset:-12px -3px -6px}
#m-pricebar .m-pb-l{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.kx-werk #kx-seiten{padding-bottom:0}
body.kx-werk footer.ft .ftx-oben,body.kx-werk footer.ft .ftx-pay,body.kx-werk footer.ft .ftx-marken{display:none}
body.kx-werk footer.ft{background:transparent;color:var(--choc-mid);padding:0 0 calc(var(--mpb-h,72px) + .6rem)}
body.kx-werk footer.ft::before,body.kx-werk footer.ft::after{display:none}
body.kx-werk footer.ft .ftx{padding:0 1.2rem!important;margin:0 auto}
body.kx-werk footer.ft .ftx-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin:0;padding:.9rem 0 0;border-top:1px solid var(--cream-dk);font-size:.72rem;line-height:1.4;color:var(--choc-mid)}
body.kx-werk footer.ft .ftx-bottom a{color:var(--choc-mid)}
}
@media(max-width:1024px){
body.kx-werk #main-nav{position:relative}
body.kx-werk .conf-prog{top:0!important}
body.kx-werk{overflow-anchor:none}
body.kx-werk:not(.buehne-tippt) .pw.in-buehne:not(.cake-fs) .pw-cake{height:var(--kx-bh,clamp(170px,30svh,270px));transition:height .34s cubic-bezier(.32,.72,0,1)}
body.kx-werk.kx-buehne-klein .pw.in-buehne:not(.cake-fs) .pv-view{display:none!important}
body.kx-werk #extras-list .extra-row.offen .kx-kopfzeile{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:40px;margin:0 0 .3rem}
body.kx-werk #extras-list .extra-row.offen .kx-kopfzeile .kx-zurueck{margin:0 0 0 -.5rem}
body.kx-werk #extras-list .extra-row.offen .kx-fertig{display:inline-flex;align-items:center;min-height:36px;margin-right:-.35rem;padding:0 1rem;border:0;border-radius:100px;background:var(--cream-dk);font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.84rem;font-weight:600;color:var(--choc-dark);cursor:pointer;-webkit-tap-highlight-color:transparent}
body.kx-werk #extras-list .extra-row.offen .kx-fertig:active{background:var(--warm-grey)}
body.kx-werk #extras-list .extra-row.offen .kx-fertig:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
body.kx-werk #extras-list .extra-row.disabled.offen .kx-fertig{display:none}
body.kx-werk #extras-list .extra-row.offen .ex-fuss{display:none}
}
.kx-kopfzeile{display:none}
@media(prefers-reduced-motion:reduce){body.kx-werk .pw.in-buehne .pw-cake{transition:none!important}}
@media(max-width:1024px){
body.kx-werk :is(#fb-row,#extras-list .kx-fb:not(#macarons-fb)){grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:.2rem .1rem}
body.kx-werk :is(#fb-row,#extras-list .kx-fb:not(#macarons-fb)) .fb-sw{gap:0;min-height:44px;padding:5px 0;justify-content:center}
body.kx-werk :is(#fb-row,#extras-list .kx-fb:not(#macarons-fb)) .fb-n{display:none}
body.kx-werk :is(#fb-row,#extras-list .kx-fb:not(#macarons-fb)) .fb-disc{width:32px;height:32px}
body.kx-werk :is(#fb-row,#extras-list .kx-fb:not(#macarons-fb)) .fb-sw.on .fb-disc::after{left:11.5px;top:7px;width:5.5px;height:11px}
body.kx-werk #extras-list .kx-lbl[data-wert]:not([data-wert=""])::after{content:attr(data-wert);margin-left:.55rem;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.78rem;letter-spacing:0;text-transform:none;color:var(--choc-dark)}
body.kx-werk #fb-group .fb-body{padding-top:.55rem;padding-bottom:.6rem}
body.kx-werk #step-3 :is(#ub-group,#fb-group) .ub-header,body.kx-werk #ue-kopf{padding-top:.6rem;padding-bottom:.6rem}
body.kx-werk #ub-desc-line{padding-bottom:.6rem}
body.kx-werk #extras-list .extra-row.offen .ex-sub-in::before{margin:.6rem 0 .7rem}
body.kx-werk #extras-list .extra-row.offen .kx-lbl{margin-top:.85rem;margin-bottom:.45rem}
body.kx-werk #extras-list .extra-row.offen .ex-sub-in>.kx-lbl:first-child{margin-top:0}
body.kx-werk #extras-list .drip-et-kopf{margin-top:.85rem}
body.kx-werk #extras-list .drip-et-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.4rem}
body.kx-werk #extras-list .drip-et-chips .ly-chip{flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:auto;min-height:58px;padding:.5rem .35rem;border-radius:14px;border-color:var(--warm-grey);background:var(--white);color:var(--choc);text-align:center;line-height:1.25}
body.kx-werk #extras-list .drip-et-chips .ly-chip.on{background:var(--choc);border-color:var(--choc);color:var(--cream)}
body.kx-werk #extras-list .drip-et-chips .ly-dot,body.kx-werk #extras-list .drip-et-chips .ly-ok{display:none}
body.kx-werk #extras-list .drip-et-chips .ly-chip .de-pr{margin:0;padding:0;opacity:.8}
}
@media(max-width:1024px){
body.kx-werk #extras-list.kx-drill>.extra-row.offen{padding-bottom:.7rem}
body.kx-werk #extras-list #macarons-fb{row-gap:.25rem}
}
.step-h{font-weight:500;letter-spacing:-.012em;line-height:1.12;text-wrap:balance}
.step-h .sh-a{color:var(--choc-dark)}
.step-h .sh-b{color:var(--choc-mid)}
#step-2 .step-h,#step-5 .step-h,#step-7 .step-h{font-size:clamp(1.6rem,6.6vw,2.4rem)}
#step-2 .step-header .step-sub,#step-5 .step-header .step-sub,#step-7 .step-header .step-sub{font-size:.9rem;line-height:1.5;margin-top:.45rem}
.step-h.sh-klein{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-size:1.5rem;margin:0}
.mehr-lbl,.g-lbl,.kx-lbl,.drip-et-kopf{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--choc-dark);text-align:left;line-height:1.3}
.mehr-lbl{margin-bottom:.65rem}
.g-lbl{margin-bottom:.55rem}
.ly-name{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--choc-dark)}
@media(max-width:1024px){
body.kx-werk #extras-list .kx-lbl[data-wert]:not([data-wert=""])::after{font-size:.9rem;font-weight:400;color:var(--choc-mid)}
body.kx-werk #extras-list .extra-row.offen .kx-lbl{margin-top:.9rem;margin-bottom:.5rem}
body.kx-werk #s3-geschmack-wrap .g-maxrow{margin:0 0 1.1rem;font-size:.84rem}
body.kx-werk #s3-geschmack-wrap .g-sec{margin-bottom:1.25rem}
body.kx-werk #s3-geschmack-wrap .pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
body.kx-werk #s3-geschmack-wrap .pill.gp{position:relative;min-width:0;min-height:46px;padding:.4rem .45rem .4rem .5rem;border-radius:14px;gap:.4rem;font-size:.82rem}
body.kx-werk #s3-geschmack-wrap .pill.gp .gp-dot{width:10px;height:10px}
body.kx-werk #s3-geschmack-wrap .pill.gp .gp-txt{white-space:normal;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}
body.kx-werk #s3-geschmack-wrap .pill.gp .pill-zus{display:block;margin:.05rem 0 0;font-size:.68rem}
body.kx-werk #s3-geschmack-wrap .pill.gp .gp-ok{position:absolute;top:-7px;right:-7px;width:22px;height:22px;margin:0;border:2px solid var(--cream)}
body.kx-werk #s3-geschmack-wrap .pill.gp .gp-ok::after{left:5.5px;top:2.5px;width:5px;height:9px}
body.kx-werk #mix-badge{display:none!important}
body.kx-werk #schichten{margin-top:1.4rem!important;padding-top:1.2rem;border-top:1px solid var(--cream-dk)}
body.kx-werk #schichten .ly-head{margin-bottom:.2rem}
body.kx-werk #schichten .ly-head .g-lbl{margin:0}
body.kx-werk #schichten .schichten-hint{margin:0 0 .8rem;font-size:.8rem;line-height:1.5}
body.kx-werk #schichten .ly-stack{align-items:stretch;gap:.5rem;padding:0}
body.kx-werk #schichten .ly-tier{width:auto;min-width:0;padding:.7rem .8rem .8rem;border-radius:14px;background:var(--white);box-shadow:none}
body.kx-werk #schichten .ly-tier-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.55rem}
body.kx-werk #schichten .ly-mix{margin-left:auto;text-align:right}
body.kx-werk #schichten .ly-chips{flex-direction:row;flex-wrap:wrap;gap:.4rem}
body.kx-werk #schichten .ly-chip{width:auto;min-height:40px;padding:.3rem .85rem .3rem .65rem;border-radius:100px;font-size:.84rem}
body.kx-werk #schichten .ly-chip.on{background:color-mix(in srgb,var(--sw) 14%,var(--white));border-color:var(--sw);color:var(--choc-dark)}
body.kx-werk #schichten .ly-ok{display:none}
}
input.rose-n{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;border-radius:0;box-sizing:border-box;text-align:center;font-size:1rem;outline:none;caret-color:var(--choc)}
#extras-list .ex-sub .rose-ctr input.rose-n{width:48px}
#extras-list .ex-sub .rose-ctr input.rose-n:focus{box-shadow:inset 0 0 0 2px var(--gold-ink)}
@media(max-width:1024px){
body.kx-werk #extras-list .drip-et-chips .ly-chip{white-space:normal;gap:.1rem;min-height:62px;padding:.5rem .3rem}
body.kx-werk #extras-list .drip-et-chips .ly-txt{display:flex;flex-direction:column;align-items:center;gap:.05rem;white-space:normal}
body.kx-werk #extras-list .drip-et-chips .de-et{font-weight:600;font-size:.88rem}
body.kx-werk #extras-list .drip-et-chips .de-sep{display:none}
body.kx-werk #extras-list .drip-et-chips .de-gr{font-size:.74rem;opacity:.85}
body.kx-werk #extras-list .drip-et-chips .ly-chip .de-pr{font-size:.74rem}
}
@media(max-width:1024px){
body.kx-werk #ub-group .ub-header .ub-sub{display:none}
body.kx-werk #ub-desc-line{padding-top:.2rem;padding-bottom:.5rem}
}
.kx-zu-sorten,.kx-gr-fehler,.g-preis,.kx-klapp{display:none}
.gr-kopf{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1rem;margin:0 0 .9rem}
.gr-kopf .mehr-lbl{margin:0}
.gr-wieviel{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.84rem;color:var(--choc-mid);text-decoration:underline;text-underline-offset:3px}
.gr-wieviel:hover{color:var(--choc-dark)}
.mehr-lbl-2{margin-top:1.1rem}
.konf-buehne{position:relative}
@keyframes kxRuetteln{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}
@media(max-width:1024px){
body.kx-werk .step-panel.active,body.kx-werk .step-panel.active :is(.g-card,.stock-card,.type-card,.ub-opt,.extra-row,.s-item){animation:none}
body.kx-werk #s2-creme>.step-header,body.kx-werk #step-2 .conf-wa-hint{display:none}
body.kx-werk .tm-band,body.kx-werk .region-band{display:none}
body.kx-werk #kx-groesse{min-height:calc(100svh - var(--kx-top,330px) - 70px - var(--mpb-h,72px));touch-action:pan-y pinch-zoom}
body.kx-werk .kx-zu-sorten{display:inline-flex;align-items:center;gap:.2rem;min-height:40px;margin:-.4rem 0 .2rem -.5rem;padding:0 .7rem 0 .3rem;border:0;border-radius:100px;background:none;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;font-weight:500;color:var(--choc-mid);cursor:pointer;-webkit-tap-highlight-color:transparent}
body.kx-werk .kx-zu-sorten:active{background:var(--cream-dk)}
body.kx-werk .kx-zu-sorten:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
body.kx-werk #kx-groesse .mehr-lbl{margin:0 0 .6rem}
body.kx-werk #kx-groesse .gr-kopf .mehr-lbl{margin:0}
body.kx-werk #form-lbl[data-wert]:not([data-wert=""])::after{content:attr(data-wert);margin-left:.55rem;font-size:.9rem;font-weight:400;color:var(--choc-mid)}
body.kx-werk #kx-groesse .form-wahl{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;max-width:none;margin:0 0 1.1rem}
body.kx-werk #kx-groesse .fw-card,body.kx-werk #kx-groesse #fw-schultuete{grid-column:auto;flex-direction:column;justify-content:flex-start;align-items:center;gap:.3rem;min-width:0;padding:.65rem .1rem .55rem;border-radius:16px;box-shadow:none;transform:none}
body.kx-werk #kx-groesse .fw-card::after{display:none}
body.kx-werk #kx-groesse .fw-card .fw-ico,body.kx-werk #kx-groesse #fw-schultuete .fw-ico{width:30px;height:28px;margin:0}
body.kx-werk #kx-groesse .fw-card .fw-name,body.kx-werk #kx-groesse #fw-schultuete .fw-name{margin:0;max-width:100%;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.72rem;font-weight:500;line-height:1.15;letter-spacing:-.01em;color:var(--choc);overflow:hidden;text-overflow:ellipsis}
body.kx-werk #kx-groesse .fw-card .fw-sub{display:none}
body.kx-werk #kx-groesse .fw-card:active{transform:scale(.95)}
body.kx-werk #kx-groesse .fw-card.sel{border-color:var(--choc);box-shadow:0 8px 22px -14px rgba(43,30,20,.45)}
body.kx-werk #kx-groesse .fw-card.sel .fw-name{font-weight:600;color:var(--choc-dark)}
body.kx-werk #kx-groesse #form-hint{margin:-.45rem 0 1.1rem;max-width:none;text-align:left;font-size:.8rem;line-height:1.5}
body.kx-werk #kx-groesse #form-hint.fh-rund{display:none}
body.kx-werk #kx-groesse .kx-gr-fehler{margin:0;font-size:.82rem;line-height:1.3;text-align:right}
body.kx-werk #kx-groesse .gr-kopf:has(.kx-gr-fehler.sub-err) .gr-wieviel{display:none}
body.kx-werk #kx-groesse .gr-kopf{margin:0 0 .6rem}
body.kx-werk #kx-groesse .gr-wieviel{font-size:.8rem}
body.kx-werk #kx-groesse :is(.g-grid,.stock-cards){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0 0 1.1rem}
body.kx-werk #kx-groesse :is(.g-grid-eckig,.g-grid-schult,.stock-cards-eckig){grid-template-columns:repeat(2,minmax(0,1fr))}
body.kx-werk #kx-groesse .mehr-sect{margin:0;padding:0;border-top:0}
body.kx-werk #kx-groesse .mehr-lbl-2{margin-top:0}
body.kx-werk #kx-groesse :is(.g-card,.stock-card){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:0;padding:.7rem .3rem .65rem;border-radius:16px;text-align:center;box-shadow:none;transform:none}
body.kx-werk #kx-groesse :is(.g-card,.stock-card):active{transform:scale(.97)}
body.kx-werk #kx-groesse :is(.g-card,.stock-card).selected{border-color:var(--choc);background:var(--white);box-shadow:0 8px 22px -14px rgba(43,30,20,.45)}
body.kx-werk #kx-groesse :is(.g-card,.stock-card).selected::after{display:none}
body.kx-werk #kx-groesse :is(.g-circle,.g-tip,.stock-vis){display:none}
body.kx-werk #kx-groesse .g-card:not(.schult) .g-lbl2{display:none}
body.kx-werk #kx-groesse .g-card:not(.schult) .g-cm::after{content:'\00a0 cm'}
body.kx-werk #kx-groesse :is(.g-card,.stock-card)>*{grid-area:auto;align-self:auto;justify-self:auto;max-width:100%;text-align:center}
body.kx-werk #kx-groesse .stock-lbl{order:1}
body.kx-werk #kx-groesse .stock-persons{order:2}
body.kx-werk #kx-groesse .stock-price{order:3}
body.kx-werk #kx-groesse :is(.g-cm,.stock-lbl){margin:0;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--choc-dark);text-wrap:balance}
body.kx-werk #kx-groesse .stock-lbl{font-size:.84rem;letter-spacing:-.015em;white-space:nowrap}
body.kx-werk #kx-groesse .stock-cards:not(.stock-cards-eckig) .stock-card{padding-left:2px;padding-right:2px}
body.kx-werk #kx-groesse .stock-cards-eckig .stock-lbl{white-space:normal}
body.kx-werk #kx-groesse .g-lbl2{margin:0;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.72rem;letter-spacing:0;text-transform:none;color:var(--choc-mid)}
body.kx-werk #kx-groesse :is(.g-persons,.stock-persons){margin:0;padding:0;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.74rem;line-height:1.3;text-align:center;white-space:normal;color:var(--choc-mid)}
body.kx-werk #kx-groesse :is(.g-preis,.stock-price){display:block;margin:.12rem 0 0;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:0;line-height:1.2;color:var(--choc);text-align:center}
body.kx-werk .kx-ruetteln{animation:kxRuetteln .44s cubic-bezier(.36,.07,.19,.97)}
body.kx-werk #kx-groesse .oben-form{display:grid;grid-template-columns:124px minmax(0,1fr);column-gap:.9rem;align-items:start;margin:0 0 1rem;gap:0 .9rem}
body.kx-werk #kx-groesse .oben-form>*{grid-column:1/-1}
body.kx-werk #kx-groesse .oben-form .g-lbl{display:block;margin:0 0 .5rem!important;text-align:left}
body.kx-werk #kx-groesse .oben-form .g-lbl~.g-lbl{margin-top:.9rem!important}
body.kx-werk #kx-groesse .oben-form .schild-art{display:flex;width:100%;margin:0 0 .45rem}
body.kx-werk #kx-groesse .oben-form .schild-art .pill{flex:1 1 0;min-width:0;white-space:nowrap;padding:.45rem .3rem}
body.kx-werk #kx-groesse .oben-form .oben-form-hint{max-width:none;text-align:left;font-size:.78rem;line-height:1.45}
body.kx-werk #kx-groesse #eck-picker{grid-column:1;grid-row:span 2;width:124px;margin:0}
body.kx-werk #kx-groesse #eck-picker .eck-dot{width:24px;height:24px}
body.kx-werk #kx-groesse #eck-picker .eck-dot::after{inset:6px}
body.kx-werk #kx-groesse #eck-picker .eck-vorn{bottom:2px;font-size:.5rem}
body.kx-werk #kx-groesse #eck-picker .eck-dot.sel1{box-shadow:0 0 0 4px rgba(90,62,43,.14)}
body.kx-werk #kx-groesse #eck-wort{grid-column:2;margin:0 0 .2rem;text-align:left}
body.kx-werk #kx-groesse .oben-form .oben-form-hint:last-child{grid-column:2}
body.kx-werk .kx-nb{flex:1 1 auto}
body.kx-werk .kx-nb.an{font-weight:500}
body.kx-werk .kx-klapp{display:flex;position:absolute;top:8px;right:8px;z-index:7;width:36px;height:36px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgba(20,13,8,.42);color:#fff;box-shadow:inset 0 0 0 1px rgba(245,242,237,.14),0 4px 16px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
body.kx-werk .kx-klapp::before{content:'';position:absolute;inset:-4px}
body.kx-werk .kx-klapp svg{transition:transform .34s cubic-bezier(.32,.72,0,1)}
body.kx-werk.kx-buehne-zu .kx-klapp svg{transform:rotate(180deg)}
body.kx-werk .kx-klapp:active{transform:scale(.9)}
body.kx-werk .kx-klapp:focus-visible{outline:2px solid #F5F2ED;outline-offset:2px}
body.buehne-tippt .kx-klapp{display:none!important}
body.kx-werk .pw.in-buehne:not(.cake-fs) .pv-fs{transition:opacity .25s,visibility .25s}
body.kx-werk.kx-buehne-zu .pw.in-buehne:not(.cake-fs) .pv-fs{opacity:0;visibility:hidden;pointer-events:none}
body.kx-werk.kx-buehne-zu.buehne-tippt .pw.in-buehne:not(.cake-fs) .pw-cake{height:var(--kx-bh,100px)}
}
@media(prefers-reduced-motion:reduce){body.kx-werk .kx-ruetteln{animation:none}body.kx-werk .kx-klapp svg{transition:none}}
@media(max-width:385px){body.kx-werk #kx-groesse .stock-cards:not(.stock-cards-eckig) .stock-lbl{font-size:.76rem}}
.g-lbl2{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.78rem;letter-spacing:0;text-transform:none}
.g-persons,.g-tip{font-family:'DM Sans','DM Sans Ersatz',sans-serif}
@media(max-width:1024px) and (max-height:700px){
body.kx-werk .kx-zu-sorten{min-height:34px;margin-bottom:.1rem}
body.kx-werk #kx-groesse .form-wahl{margin-bottom:.85rem}
body.kx-werk #kx-groesse .fw-card,body.kx-werk #kx-groesse #fw-schultuete{padding-top:.5rem;padding-bottom:.45rem;gap:.25rem}
body.kx-werk #kx-groesse .fw-card .fw-ico,body.kx-werk #kx-groesse #fw-schultuete .fw-ico{width:26px;height:24px}
body.kx-werk #kx-groesse :is(.g-grid,.stock-cards){margin-bottom:.85rem}
body.kx-werk #kx-groesse :is(.g-card,.stock-card){padding-top:.55rem;padding-bottom:.5rem}
body.kx-werk #kx-groesse .mehr-lbl,body.kx-werk #kx-groesse .gr-kopf{margin-bottom:.5rem}
}
@keyframes kxSchiebR{from{transform:translateX(16px)}to{transform:none}}
@keyframes kxSchiebL{from{transform:translateX(-16px)}to{transform:none}}
@media(max-width:1024px){
body.kx-werk .kx-rein-r{animation:kxSchiebR .3s cubic-bezier(.32,.72,0,1)}
body.kx-werk .kx-rein-l{animation:kxSchiebL .3s cubic-bezier(.32,.72,0,1)}
}
@media(max-width:1024px) and (prefers-reduced-motion:reduce){body.kx-werk .kx-rein-r,body.kx-werk .kx-rein-l{animation:none}}
@media(max-width:1024px){
body.kx-werk .conf-prog{border-bottom-color:#3B2719}
body.kx-werk .kx-nav,body.kx-werk .kx-nav.klebt{background:#3B2719;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 18px -14px rgba(20,12,6,.6)}
body.kx-werk .kx-nb{color:rgba(245,236,224,.66)}
body.kx-werk .kx-nb.an{background:rgba(245,236,224,.14);color:#F5ECE0}
body.kx-werk .kx-nb.an .kx-ic{color:#F5ECE0}
body.kx-werk .kx-nb .kx-n,body.kx-werk .kx-nb.an .kx-n{box-shadow:0 0 0 2px #3B2719}
body.kx-werk .kx-nb:focus-visible{outline:2px solid #B8A07A;outline-offset:-2px}
}
@media(max-width:1024px){body.kx-werk .gen-outer{padding-top:0}}
body.from-ad .ade-video{display:inline-flex}
.s1-sub:empty{display:none}
.s1-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:500;font-size:1.28rem;line-height:1.2;letter-spacing:-.008em;margin:0 0 .75rem;text-wrap:balance}
.s1-h .sh-a{color:var(--choc-dark)}
.s1-h .sh-b{color:var(--choc-mid)}
.s1-galerie{margin:0 0 1.7rem}
.s1-gal-reihe{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 2px 4px}
.s1-gal-reihe::-webkit-scrollbar{display:none}
.gal-k{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.gal-bild{position:relative;display:block;width:132px;height:132px;border-radius:16px;overflow:hidden;background:var(--cream-dk);box-shadow:inset 0 0 0 1px rgba(59,39,25,.06);transition:transform .15s ease}
.gal-bild img{width:100%;height:100%;object-fit:cover;display:block}
.gal-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;font:500 .78rem/1.25 'DM Sans','DM Sans Ersatz',sans-serif;color:var(--choc-dark)}
.gal-leer .gal-t{background:linear-gradient(var(--cream-dk),var(--cream-dk)) 0 .25em/78% .75em no-repeat}
.gal-k:active .gal-bild{transform:scale(.96)}
.gal-k:focus-visible{outline:none}
.gal-k:focus-visible .gal-bild{outline:2px solid var(--gold);outline-offset:2px}
.gal-3d{position:absolute;left:.4rem;bottom:.4rem;padding:.22rem .45rem;border-radius:999px;background:rgba(43,30,20,.72);color:#F7F1E6;font:500 .66rem/1 'DM Sans','DM Sans Ersatz',sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gal-mehr .gal-bild{display:flex;align-items:center;justify-content:center;background:var(--white);box-shadow:inset 0 0 0 1px var(--warm-grey);color:var(--choc)}
.s1-theke-h{margin-top:.1rem}
@media(max-width:1024px){.s1-gal-reihe{margin:0 -1.2rem;padding:2px 1.2rem 4px;scroll-padding-inline:1.2rem}}
@media(min-width:1025px){.gal-k{flex-basis:148px}.gal-bild{width:148px;height:148px}}
@media(prefers-reduced-motion:reduce){.gal-bild{transition:none}}
.resume-banner{border:1px solid var(--cream-dk);border-radius:18px;box-shadow:0 12px 30px -18px rgba(43,30,20,.4)}
@media(max-width:680px){
.resume-banner{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:.85rem;row-gap:.95rem;align-items:center;text-align:left;margin:.9rem 1.2rem 0;padding:1rem 1rem 1.05rem}
.resume-banner .rb-txt{align-items:flex-start}
.resume-banner .rb-txt strong{font-size:1.18rem}
.resume-banner .rb-act{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
}
.s1-gal-kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .75rem}
.s1-gal-kopf .s1-h{margin:0}
.gal-pds{display:none;gap:.5rem;flex:none}
.gal-pd{width:36px;height:36px;padding:0;border-radius:50%;border:0;background:var(--cream-dk);color:var(--choc-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,opacity .15s}
.gal-pd:disabled{opacity:.35;cursor:default}
.gal-pd:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(hover:hover) and (pointer:fine){.gal-pds{display:flex}.gal-pd:not(:disabled):hover{background:var(--warm-grey)}}
.f-lbl{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.88rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--choc-dark)}
.wegform-h{font-weight:500;letter-spacing:-.01em;text-wrap:balance}
.wegform-h .sh-a{color:var(--choc-dark)}
.wegform-h .sh-b{color:var(--choc-mid)}
#step-7 .step-header{text-align:left}
#step-7 .step-header .step-sub{margin-left:0;margin-right:0}
.sum-kurz-ey{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--choc-mid)}
.sum-sec-lbl{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--choc-dark)}
.sum-tl{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--choc-dark)}
.sum-tl::before{display:none}
.sum-total-row{background:var(--cream);border-top:1px solid var(--cream-dk);border-radius:0 0 16px 16px}
.sum-tv-ca{font-size:.78rem;letter-spacing:0;text-transform:none}
.kaution-box{border:1px solid var(--cream-dk);border-radius:14px;background:var(--cream)}
@media(max-width:1024px){
.conf-prog-top.mit-mini{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mini main" "mini lbl";column-gap:.85rem;row-gap:.3rem;align-items:center}
.conf-prog-top.mit-mini .conf-mini-wrap{display:contents}
.conf-prog-top.mit-mini .conf-mini-cake{grid-area:mini;width:64px;height:64px;border-radius:14px;border-color:var(--cream-dk)}
.conf-prog-top.mit-mini .conf-prog-main{grid-area:main;align-self:end}
.conf-prog-top.mit-mini .conf-mini-arlbl{grid-area:lbl;align-self:start;justify-self:start;display:inline-flex;align-items:center;gap:.3rem;min-height:24px;font-size:.82rem;color:var(--choc)}
.conf-prog-top.mit-mini .conf-mini-arlbl::after{content:'';width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg)}
}
.f-lbl span{font-weight:400}
.ade-bild img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.38))}
.m-pb-preis{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m-pb-preis::before{content:'';position:absolute;inset:-2px -12px -12px -8px}
.m-pb-vz{display:inline-flex;align-items:center;gap:7px}
.m-pb-auf{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(245,242,237,.16);color:#F5F2ED;transition:transform .32s cubic-bezier(.32,.72,0,1)}
body.pb-offen .m-pb-auf{transform:rotate(180deg)}
.m-pb-preis:focus-visible{outline:2px solid #F5F2ED;outline-offset:4px;border-radius:8px}
.m-pb-preis:active .m-pb-v{opacity:.75}
.pb-schleier{position:fixed;inset:0;z-index:898;background:rgba(20,13,8,.45);opacity:0;visibility:hidden;touch-action:none;transition:opacity .25s,visibility 0s linear .25s}
body.pb-offen .pb-schleier{opacity:1;visibility:visible;transition:opacity .25s}
.pb-blatt{position:fixed;left:0;right:0;bottom:0;z-index:899;max-width:560px;max-height:82vh;margin:0 auto;overflow:auto;overscroll-behavior:contain;padding:16px 20px 0;background:#3B2719;color:#F5F2ED;border-radius:20px 20px 0 0;box-shadow:0 -12px 32px rgba(20,13,8,.35);transform:translateY(100%);visibility:hidden;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s}
body.pb-offen .pb-blatt{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.32,.72,0,1)}
.pb-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.pb-h{margin:0;font:500 1.3rem/1.2 'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;color:#F5F2ED;letter-spacing:0;text-transform:none}
.pb-zu,.kx-vb-zu{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:100px;background:rgba(245,242,237,.16);color:#F5F2ED;font:600 .9rem/1 'DM Sans','DM Sans Ersatz',sans-serif;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pb-zu:focus-visible,.kx-vb-zu:focus-visible{outline:2px solid #F5F2ED;outline-offset:2px}
.pb-liste{display:flex;flex-direction:column}
.pb-z{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid rgba(245,242,237,.14);font:400 .95rem/1.35 'DM Sans','DM Sans Ersatz',sans-serif}
.pb-l{min-width:0;color:#F5F2ED}
.pb-u{display:block;margin-top:2px;font-size:.82rem;color:rgba(245,242,237,.78)}
.pb-p{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums;color:#F5F2ED}
.pb-z-offen .pb-p{color:rgba(245,242,237,.82)}
.pb-summe{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0 2px}
.pb-summe .pb-l{font:600 1rem/1.4 'DM Sans','DM Sans Ersatz',sans-serif}
.pb-sr{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.pb-summe .pb-p{font:400 1.55rem/1 'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif}
.pb-mwst{font:400 .78rem/1.2 'DM Sans','DM Sans Ersatz',sans-serif;color:rgba(245,242,237,.78)}
.pb-hinweis{margin:10px 0 0;font:400 .84rem/1.45 'DM Sans','DM Sans Ersatz',sans-serif;color:rgba(245,242,237,.82)}
@media(prefers-reduced-motion:reduce){.pb-blatt,body.pb-offen .pb-blatt,.m-pb-auf{transition:none}}
.kx-vorlage{display:none}
body.kx-werk .kx-vorlage{display:flex;position:absolute;top:8px;left:8px;z-index:7;height:36px;align-items:center;gap:7px;padding:0 13px 0 4px;border:0;border-radius:100px;background:rgba(20,13,8,.42);color:#fff;font:600 .82rem/1 'DM Sans','DM Sans Ersatz',sans-serif;letter-spacing:0;box-shadow:inset 0 0 0 1px rgba(245,242,237,.14),0 4px 16px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
body.kx-werk .kx-vorlage::before{content:'';position:absolute;inset:-4px}
body.kx-werk .kx-vorlage img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:rgba(245,242,237,.2)}
body.kx-werk .kx-vorlage:active{transform:scale(.95)}
body.kx-werk .kx-vorlage:focus-visible{outline:2px solid #F5F2ED;outline-offset:2px}
body.kx-werk .kx-vorlage[aria-expanded="true"]{background:#F5F2ED;color:#3B2719}
body.buehne-tippt .kx-vorlage{display:none!important}
.kx-vorlage-blatt{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;flex-direction:column;background:#3B2719;color:#F5F2ED;border-top:1px solid rgba(245,242,237,.14);overscroll-behavior:contain;touch-action:none;transform:translateY(100%);visibility:hidden;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s}
body.vorlage-offen .kx-vorlage-blatt{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.32,.72,0,1)}
.kx-vb-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 18px}
.kx-vb-t{min-width:0;font:600 .95rem/1.3 'DM Sans','DM Sans Ersatz',sans-serif;color:#F5F2ED}
.kx-vb-u{display:block;margin-top:2px;font-weight:400;font-size:.8rem;color:rgba(245,242,237,.78)}
.kx-vb-bild{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:4px 12px calc(12px + env(safe-area-inset-bottom,0px))}
.kx-vb-bild img{display:block;max-width:100%;max-height:100%;border-radius:12px;object-fit:contain}
@media(prefers-reduced-motion:reduce){.kx-vorlage-blatt,body.vorlage-offen .kx-vorlage-blatt{transition:none}}
html:not(.dark) body.kx-werk{--choc-mid:#684634;--gold-ink:#6b4f1a}
body.kx-werk :is(#kx-groesse,#kx-seiten){font-weight:400}
.pill.gp.sel1,.pill.gp.sel2,.pill.gp.sel3{border-color:var(--choc-dark);box-shadow:inset 0 0 0 .5px var(--choc-dark),0 6px 16px -12px rgba(43,30,20,.6);font-weight:500}
.pill.gp.sel1 .gp-ok,.pill.gp.sel2 .gp-ok,.pill.gp.sel3 .gp-ok{background:var(--choc-dark);border-color:var(--choc-dark);--fg:var(--white)}
body.kx-werk #s3-geschmack-wrap .pill.gp:is(.sel1,.sel2,.sel3) .gp-ok{border-color:var(--cream)}
.gp-dot{box-shadow:inset 0 0 0 1px rgba(43,30,20,.24)}
.pill.gp .pill-zus,body.kx-werk #s3-geschmack-wrap .pill.gp .pill-zus{opacity:1;color:var(--choc-mid)}
.fb-disc{box-shadow:inset 0 0 0 1px rgba(43,30,20,.26),inset 0 -6px 10px rgba(43,30,20,.08),inset 0 5px 8px rgba(255,255,255,.35)}
.schild-art .pill.sel1{font-weight:500;box-shadow:0 1px 4px rgba(43,30,20,.22),0 0 0 1px rgba(43,30,20,.1)}
body.kx-werk .kx-nb{color:rgba(245,236,224,.84)}
#m-pricebar .conf-dot:not(.done):not(.active){color:rgba(245,242,237,.86);border-color:rgba(245,242,237,.52)}
#extras-list .extra-row.disabled :is(.ex-icon,.ex-kopf,.ex-kurz,.ex-chk){opacity:.62}
body.kx-werk #step-3 .ub-title{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.98rem;font-weight:600;letter-spacing:0;color:var(--choc-dark)}
body.kx-werk #ub-group .ub-name{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-weight:500;font-size:.76rem}
html:not(.dark) body.kx-werk .conf-wa-hint .cwh-wa{color:#15663f}
.kx-fehlt{margin:0 0 .65rem;padding:.75rem .9rem;border-radius:12px;background:#fbeeee;border:1px solid rgba(170,51,51,.32);font:500 .88rem/1.4 'DM Sans','DM Sans Ersatz',sans-serif;letter-spacing:0;color:#9a2c2c}
html.dark .kx-fehlt{background:rgba(240,160,160,.1);border-color:rgba(240,160,160,.35);color:#f2b3b3}
.sm-toast{left:16px;right:16px;margin:0 auto;width:fit-content;max-width:min(calc(100% - 32px),360px);transform:translateY(12px)}
.sm-toast.show{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.sm-toast,.sm-toast.show{transform:none}}
body.kx-werk .txt-vs .vs-l{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--choc-dark)}
body.kx-werk .kx-nav,body.kx-werk .kx-nav.klebt{box-shadow:-3px 0 0 #3B2719,3px 0 0 #3B2719,0 10px 18px -14px rgba(20,12,6,.6)}
body.kx-werk .konf-buehne{border-top-color:#3B2719}
body.kx-werk .conf-prog{background:#3B2719}
#m-pricebar{border-top-color:#3B2719}
.kx-linse{display:none}
@media(max-width:1024px){
body.kx-werk .kx-nav-in{position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.kx-werk .kx-nb{z-index:1;margin:0;-webkit-tap-highlight-color:transparent}
body.kx-werk .kx-nav.hat-linse .kx-nb.an{background:none}
body.kx-werk .kx-linse{display:block;position:absolute;left:0;top:0;width:0;height:0;z-index:0;border-radius:18px;pointer-events:none;will-change:transform;
background:rgba(245,236,224,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 .5px rgba(255,255,255,.07);
transition:scale .3s cubic-bezier(.32,.72,0,1),background-color .2s}
body.kx-werk .kx-nav:not(.hat-linse) .kx-linse{opacity:0}
body.kx-werk .kx-nav.drueckt .kx-linse{scale:1.05 1.08;background:rgba(245,236,224,.21)}
body.kx-werk .kx-nav.drueckt .kx-nb.an:not(.unter){color:rgba(245,236,224,.84)}
body.kx-werk .kx-nav.drueckt .kx-nb.an:not(.unter) .kx-ic{color:inherit}
body.kx-werk .kx-nav.drueckt .kx-nb.an:not(.unter) .kx-ic .kx-f{display:none}
body.kx-werk .kx-nav.drueckt .kx-nb.an:not(.unter) .kx-ic .kx-o{display:block}
body.kx-werk .kx-nav.drueckt .kx-nb.unter,body.kx-werk .kx-nav.drueckt .kx-nb.unter .kx-ic{color:#F5ECE0}
body.kx-werk .kx-nav.drueckt .kx-nb.unter .kx-ic .kx-o{display:none}
body.kx-werk .kx-nav.drueckt .kx-nb.unter .kx-ic .kx-f{display:block}
body.kx-werk .kx-nb:active .kx-ic{transform:none}
body.kx-werk .kx-nb.kx-hops .kx-ic svg{animation:kxHops .46s cubic-bezier(.32,.72,0,1)}
body.kx-werk .kx-nb .kx-n.kx-pop{animation:kxPop .42s cubic-bezier(.32,.72,0,1)}
}
@keyframes kxHops{0%{transform:scale(1)}30%{transform:scale(.84)}64%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes kxPop{0%{transform:scale(.4)}55%{transform:scale(1.18)}100%{transform:scale(1)}}
@media(max-width:1024px) and (prefers-reduced-motion:reduce){
body.kx-werk .kx-linse{transition:none}
body.kx-werk .kx-nav.drueckt .kx-linse{scale:none}
body.kx-werk .kx-nb.kx-hops .kx-ic svg,body.kx-werk .kx-nb .kx-n.kx-pop{animation:none}
}
.tm-band{background:#3B2719;border-top:0;border-bottom:0;color:#F5ECE0}
.tm-band .tm-inner{padding:3.4rem 2rem 3.6rem}
.tm-band .tm-head{text-align:left;margin:0 0 1.5rem}
.tm-band .tm-h{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-weight:500;font-size:clamp(1.6rem,6.6vw,2.4rem);letter-spacing:-.012em;line-height:1.12;text-wrap:balance;margin:0}
.tm-band .tm-h .sh-a{color:#F5ECE0}
.tm-band .tm-h .sh-b{color:var(--gold-lt)}
.tm-band .tm-card,html.dark .tm-band .tm-card{background:rgba(245,236,224,.07);border:1px solid rgba(245,236,224,.1);border-radius:18px;box-shadow:none;padding:1.5rem 1.4rem 1.4rem;gap:.75rem}
.tm-band .tm-stars{color:var(--gold)}
.tm-band .tm-quote{font-family:'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif;font-style:normal;font-weight:400;font-size:1.2rem;line-height:1.45;color:#F5ECE0;margin:0;text-wrap:pretty}
.tm-band .tm-name{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.86rem;line-height:1.35;color:#E0D5C6}
.tm-band .tm-name strong{color:#F5ECE0;font-weight:600}
.tm-band .tm-more-wrap{text-align:left}
.tm-band .tm-more{margin-top:1.4rem;background:rgba(245,236,224,.12);color:#F5ECE0;font-weight:600}
.tm-band .tm-more:hover{background:rgba(245,236,224,.2)}
.tm-band .tm-more:focus-visible{outline:2px solid #F5ECE0;outline-offset:3px}
@media(max-width:768px){.tm-band .tm-inner{padding:2.8rem 1.2rem 3rem}}
@media(max-width:1024px){
body.kx-werk #ub-group .ub-name{min-height:2.3em;display:flex;align-items:center;justify-content:center;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
}
.ft.ft-slim { padding: 3rem 0 1.6rem; }
.ft-v8 .ftx { max-width: 1080px; margin: 0 auto; padding: 0 1.25rem; text-align: left;
font-family: 'DM Sans','DM Sans Ersatz',sans-serif; color: rgba(245,236,224,.88); }
.ft-v8 .ftx-oben { display: grid; grid-template-columns: 1fr 1fr; gap: 2.1rem 1.25rem; }
.ft-v8 .ftx-marke, .ft-v8 .ftx-besuch { grid-column: 1 / -1; }
.ft-v8 .ftx-mark { width: 34px; height: auto; display: block; margin: 0 0 1rem; }
.ft-v8 .ftx-satz { margin: 0; max-width: 22em; font-family: 'Newsreader','Newsreader Ersatz','Newsreader Ersatz 2',serif; font-weight: 500;
font-size: 1.42rem; line-height: 1.22; letter-spacing: -.005em; text-wrap: balance; hyphens: manual; }
.ft-v8 .ftx-satz .sh-a { color: #F5ECE0; white-space: nowrap; }
.ft-v8 .ftx-satz .sh-b { color: var(--gold-lt, #d4c4a0); }
.ft-v8 .ftx-soc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1.3rem; }
.ft-v8 .ftx-soc a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
background: rgba(245,236,224,.08); flex: 0 0 auto; transition: background .18s ease; }
.ft-v8 .ftx-soc a:hover { background: rgba(245,236,224,.16); }
.ft-v8 .ftx-soc a img, .ft-v8 .ftx-soc a svg { display: block; }
.ft-v8 .ftx-h { font: 600 .8rem/1.3 'DM Sans','DM Sans Ersatz',sans-serif; letter-spacing: 0; text-transform: none;
color: rgba(245,236,224,.56); margin: 0 0 .3rem; }
.ft-v8 .ftx-list { list-style: none; margin: 0; padding: 0; }
.ft-v8 .ftx-list a, .ft-v8 .ftx-adr a, .ft-v8 .ftx-kontakt a { display: inline-flex; align-items: center;
min-height: 44px; color: rgba(245,236,224,.9); text-decoration: none; font-size: .9rem; line-height: 1.35; }
.ft-v8 .ftx-list a:hover, .ft-v8 .ftx-adr a:hover, .ft-v8 .ftx-kontakt a:hover { color: #F5ECE0;
text-decoration: underline; text-decoration-color: rgba(212,196,160,.6); text-underline-offset: 4px; }
.ft-v8 .ftx-adr { font-style: normal; margin: 0; }
.ft-v8 .ftx-zeiten { margin: .2rem 0 .4rem; max-width: 340px; font-size: .88rem; line-height: 1.35; }
.ft-v8 .ftx-zeiten > div { display: flex; justify-content: space-between; align-items: center; gap: 1rem;
min-height: 44px; border-top: 1px solid rgba(245,236,224,.1); }
.ft-v8 .ftx-zeiten > div:first-child { border-top: 0; }
.ft-v8 .ftx-zeiten dt { margin: 0; color: rgba(245,236,224,.74); }
.ft-v8 .ftx-zeiten dd { margin: 0; color: #F5ECE0; font-variant-numeric: tabular-nums; text-align: right;
white-space: nowrap; }
.ft-v8 .ftx-zeiten .zu dd { color: rgba(245,236,224,.56); }
.ft-v8 .ftx-zeiten dt a { color: inherit; text-decoration: underline; text-decoration-color: rgba(212,196,160,.45);
text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; }
.ft-v8 .ftx-zeiten dt a:hover { color: #F5ECE0; }
.ft-v8 .ftx-zeiten .heute dt, .ft-v8 .ftx-zeiten .heute dd { color: #F5ECE0; font-weight: 600; }
.ft-v8 .ftx-zeiten .heute dt::before { content: ""; display: inline-block; width: 6px; height: 6px;
border-radius: 50%; background: var(--gold-lt, #d4c4a0); margin: 0 .5rem .15em 0; vertical-align: middle; }
.ft-v8 .ftx-kontakt { margin: .1rem 0 0; display: flex; flex-direction: column; }
.ft-v8 .ftx-zahlung { margin: 2.3rem 0 0; padding: 1.3rem 0 0; border-top: 1px solid rgba(245,236,224,.12); }
.ft-v8 .ftx-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.ft-v8 .ftx-pay img { display: block; height: 20px; width: 33px; border-radius: 3px; opacity: .92; }
.ft-v8 .ftx-pay-txt { margin: .7rem 0 0; font-size: .8rem; line-height: 1.5; color: rgba(245,236,224,.62); }
.ft-v8 .ftx-bottom { margin-top: 1.2rem; padding-top: .9rem; border-top: 1px solid rgba(245,236,224,.12);
display: grid; gap: .2rem; font-size: .76rem; line-height: 1.6; color: rgba(245,236,224,.58); }
.ft-v8 .ftx-legal { display: flex; flex-wrap: wrap; gap: 0 18px; }
.ft-v8 .ftx-legal a, .ft-v8 .ftx-legal .smc-fusslink { display: inline-flex; align-items: center;
min-height: 44px; color: rgba(245,236,224,.8); text-decoration: none; font-size: .8rem;
flex-basis: auto; justify-content: flex-start; margin: 0; }
.ft-v8 .ftx-legal a:hover { color: #F5ECE0; }
.ft-v8 .ftx-marken { font-size: .72rem; color: rgba(245,236,224,.64); }
@media (max-width: 899px) { .ft.ft-slim { padding-bottom: 5.6rem; } }
@media (max-width: 340px) { .ft-v8 .ftx-oben { grid-template-columns: 1fr; } }
@media (min-width: 900px) {
.ft.ft-slim { padding: 3.8rem 0 1.8rem; }
.ft-v8 .ftx { padding: 0 2.5rem; }
.ft-v8 .ftx-soc { gap: 6px; }
.ft-v8 .ftx-soc a { width: 40px; height: 40px; }
.ft-v8 .ftx-oben { grid-template-columns: 1.7fr 1fr 1fr 1.5fr; gap: 2rem; }
.ft-v8 .ftx-marke, .ft-v8 .ftx-besuch { grid-column: auto; }
.ft-v8 .ftx-zahlung { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.ft-v8 .ftx-pay-txt { margin: 0; text-align: right; }
.ft-v8 .ftx-bottom { grid-template-columns: 1fr auto; align-items: center; }
.ft-v8 .ftx-marken { grid-column: 1 / -1; }
}
@media(max-width:1024px){ body.kx-werk footer.ft .ftx-zahlung{display:none} }
.region-band .rgb-title{font-weight:400;letter-spacing:-.005em;text-wrap:balance}
.region-band .rgb-title .sh-a{color:var(--choc-dark)}
.region-band .rgb-title .sh-b{color:var(--choc-mid)}
html.dark .region-band .rgb-title .sh-a{color:#f0e8da}
html.dark .region-band .rgb-title .sh-b{color:rgba(240,232,218,.62)}
.rgb-liefer{margin:.4rem 0 0;max-width:520px;font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-size:.92rem;line-height:1.35}
.rgb-liefer>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;border-top:1px solid var(--cream-dk)}
.rgb-liefer>div:first-child{border-top:0}
.rgb-liefer dt{margin:0;color:var(--choc-mid)}
.rgb-liefer dd{margin:0;color:var(--choc-dark);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.region-band .region-inner > p.rgb-klein{display:block;margin:.7rem 0 0;font-size:.84rem;line-height:1.6;color:var(--choc-mid);max-width:40.8em}
html.dark .rgb-liefer>div{border-top-color:rgba(184,160,122,.2)}
html.dark .rgb-liefer dt,html.dark .region-band .region-inner > p.rgb-klein{color:rgba(240,232,218,.72)}
html.dark .rgb-liefer dd{color:#f0e8da}
.anlass-h{font:600 .85rem/1.3 'DM Sans','DM Sans Ersatz',sans-serif;letter-spacing:0;text-transform:none;color:var(--choc-mid);margin:0 0 .6rem}
html.dark .anlass-h{color:rgba(240,232,218,.62)}
@media(max-width:1024px){nav#main-nav{background:var(--cream);-webkit-backdrop-filter:none;backdrop-filter:none}}
.ref-title{font-family:'DM Sans','DM Sans Ersatz',sans-serif;font-weight:600;letter-spacing:0;color:var(--choc-dark)}
.ref-free{letter-spacing:0;text-transform:none;font-weight:600;font-size:.74rem;color:var(--choc-mid);border-color:transparent;background:rgba(184,160,122,.18)}
html.dark .ref-title{color:#f0e8da}
html.dark .ref-free{color:rgba(240,232,218,.72)}