
:root{
  --grund:#ECE9E3;      
  --papier:#F5F2EC;     
  --ink:#2A2620;        
  --body:#6E685F;       
  --bronze:#805722;     
  --gold:#B08B54;       
  --gold-hell:#C9A15E;  
  --mokka:#3A2B1F;      
  --mokka-tief:#2E2218;
  --linie:#DAD3C6;      
  --radius:2px;

  
  --beige-1:#ECE9E3; --beige-2:#E7E2D9; --beige-3:#DAD3C6;
  --white:#F5F2EC; --bronze-d:#6B4A1D; --text:#2A2620; --text-mid:#6E685F;
  --cream:#F5F2EC; --espresso:#2A2620; --terracotta:#B08B54;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;background:var(--grund);color:var(--body);
  font-family:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-weight:400;line-height:1.75;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;max-width:100%;
}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}


.serif{font-family:'PT Serif',Georgia,'Times New Roman',serif}
.font-display{font-family:'Inter',sans-serif;font-weight:600}
.font-mono{font-family:'Inter',sans-serif}     

h1,h2,h3,h4{color:var(--ink);font-weight:600;line-height:1.2}
.eyebrow{                     
  display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--bronze);margin-right:-.22em;
}
.kicker{font-family:'PT Serif',serif;font-style:italic;color:var(--bronze)}


.ornm{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 1rem}
.ornm.links{justify-content:flex-start}
.ornm i{display:block;width:min(90px,16vw);height:1px;background:var(--gold);
  transform:scaleX(0);transition:transform 1s cubic-bezier(.25,.6,.3,1) .4s}
.ornm i.l{transform-origin:right}.ornm i.r{transform-origin:left}
.ornm b{display:block;width:10px;height:10px;border:1px solid var(--gold);flex:0 0 auto;
  transform:rotate(45deg) scale(.4);opacity:0;margin:0 11px;position:relative;
  transition:transform .45s ease,opacity .45s ease}
.ornm b::after{content:"";position:absolute;inset:3px;background:var(--gold)}
.in .ornm b,.ornm.in b{transform:rotate(45deg) scale(1);opacity:1}
.in .ornm i,.ornm.in i{transform:scaleX(1)}


.taste,.btn-primary,.btn-ghost,.nav-cta,.hero-nav-cta{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;overflow:visible;cursor:pointer;
  padding:.85rem 2rem;border:1px solid var(--bronze);border-radius:var(--radius);
  color:var(--ink);background:transparent;z-index:0;
  font-family:'Inter',sans-serif;font-size:.66rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;margin-right:-.2em;white-space:nowrap;
  transition:color .3s,border-color .3s,transform .3s,box-shadow .3s;
}
.taste::after,.btn-primary::after,.btn-ghost::after,.nav-cta::after,.hero-nav-cta::after{
  content:"";position:absolute;inset:0;border:1px solid var(--gold);border-radius:var(--radius);
  transform:translate(6px,6px);transition:transform .38s ease;pointer-events:none;
}
.taste:hover,.taste:focus-visible,.taste:active,
.btn-primary:hover,.btn-primary:focus-visible,.btn-primary:active,
.btn-ghost:hover,.btn-ghost:focus-visible,.btn-ghost:active,
.nav-cta:hover,.nav-cta:focus-visible,.hero-nav-cta:hover,.hero-nav-cta:focus-visible{
  border-color:var(--mokka);transform:translateY(-4px);
  box-shadow:0 16px 28px -14px rgba(42,28,18,.5);color:var(--ink);
}
.taste:hover::after,.taste:focus-visible::after,.taste:active::after,
.btn-primary:hover::after,.btn-ghost:hover::after,
.nav-cta:hover::after,.hero-nav-cta:hover::after{transform:translate(0,0)}



.nav-cta,.hero-nav-cta{padding:.6rem 1.3rem;font-size:.6rem;letter-spacing:.16em}


.filter-pill{
  border-radius:var(--radius);border:1px solid var(--linie);background:var(--papier);
  color:var(--body);padding:8px 16px;font-family:'Inter',sans-serif;font-size:11px;
  font-weight:500;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;
  transition:all .2s;
}
.filter-pill:hover{border-color:var(--bronze);color:var(--bronze)}
.filter-pill[data-active="true"]{background:var(--mokka);color:#F4EBDD;border-color:var(--mokka)}


.menu-card,.karte{
  background:var(--papier);border:1px solid var(--linie);border-top:2px solid var(--gold);
  border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s;
}
.menu-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px -18px rgba(42,28,18,.28)}


.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.in-view{opacity:1;transform:none}
.ember-divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--gold),transparent)}


nav.unified-nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:10px 40px;background:rgba(236,233,227,.94);
  box-shadow:0 1px 0 var(--linie),0 6px 24px rgba(80,55,25,.06);
  backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;
}
nav.unified-nav .nav-center{position:absolute;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:20px}
nav.unified-nav .nav-center a{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap;
  transition:color .25s;position:relative;display:inline-flex;align-items:center;line-height:1;
}
nav.unified-nav .nav-center a:hover,
nav.unified-nav .nav-center a[data-current="true"]{color:var(--bronze)}
nav.unified-nav .nav-center a[data-current="true"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold)}
nav.unified-nav .nav-logo img{height:42px;width:auto;display:block}
nav.unified-nav .nav-burger{display:none;background:none;border:none;cursor:pointer;color:var(--ink)}
.page-top-pad{padding-top:104px}
@media(max-width:1150px){nav.unified-nav .nav-center,nav.unified-nav .nav-cta{display:none}
  nav.unified-nav .nav-burger{display:block}}
@media(max-width:768px){nav.unified-nav{padding:10px 18px}}


.nav-dd{position:relative;display:inline-flex;align-items:center;line-height:1}
.nav-dd .nav-dd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav-dd .caret{width:7px;height:7px;border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .2s;
  position:relative;top:-2px}
.nav-dd:hover .caret,.nav-dd.open .caret{transform:rotate(-135deg);top:1px}
.nav-dd-menu{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);
  min-width:184px;background:#F5F2EC !important;border:1px solid var(--bronze);
  border-top:2px solid var(--gold);border-radius:var(--radius);
  box-shadow:0 22px 50px rgba(20,12,6,.4);padding:8px;margin-top:10px;
  opacity:0;visibility:hidden;transition:opacity .2s,transform .22s,visibility .2s;z-index:200;
}

.nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-dd:hover .nav-dd-menu,.nav-dd.open .nav-dd-menu{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dd-menu a{display:block;padding:9px 14px;border-radius:var(--radius);
  color:#2A2620 !important;background:transparent;text-decoration:none;font-family:'Inter',sans-serif;font-size:13px;
  text-transform:none;letter-spacing:0;white-space:nowrap;transition:background .15s,color .15s}
.nav-dd-menu a:hover{background:var(--grund) !important;color:var(--bronze) !important}


.mobile-nav{position:fixed;top:0;right:0;height:100%;width:280px;background:var(--papier);
  z-index:200;padding:24px 26px;display:flex;flex-direction:column;gap:6px;
  box-shadow:-8px 0 32px rgba(0,0,0,.12);transform:translateX(100%);
  transition:transform .35s cubic-bezier(.76,0,.24,1)}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav a{font-family:'Inter',sans-serif;font-size:14px;text-transform:uppercase;
  letter-spacing:.08em;color:var(--ink);text-decoration:none;padding:13px 0;
  border-bottom:1px solid var(--linie)}
.mnav-dd-toggle{cursor:pointer;display:flex;align-items:center;gap:8px}
.mnav-dd-toggle .caret{width:7px;height:7px;border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.mnav-dd.open .mnav-dd-toggle .caret{transform:rotate(-135deg)}
.mnav-dd-sub{display:none;flex-direction:column;gap:0;padding:0 0 2px 14px}
.mnav-dd.open .mnav-dd-sub{display:flex}


.status{display:inline-flex;align-items:center;gap:.55em;
  font-family:'Inter',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em;
  color:var(--ink);background:var(--papier);border:1px solid var(--linie);
  border-radius:var(--radius);padding:.5em .9em}
.status .dot{width:8px;height:8px;border-radius:50%;background:var(--linie);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(0,0,0,0)}
.status[data-oz-state="offen"] .dot{background:#4B7A43;box-shadow:0 0 0 3px rgba(75,122,67,.18)}
.status[data-oz-state="bald"]  .dot{background:#C08A2E;box-shadow:0 0 0 3px rgba(192,138,46,.18)}
.status[data-oz-state="zu"]    .dot{background:#9A9086}


.oz-woche{display:flex;flex-direction:column;gap:.42rem}
.oz-zeile{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;font-size:.84rem;line-height:1.35}
.oz-zeile .oz-tag{color:var(--body)}
.oz-zeile .oz-zeit{display:flex;flex-direction:column;align-items:flex-end;color:var(--ink)}
.oz-zeile .oz-sh{display:block;white-space:nowrap}
.oz-zeile .oz-ruhe{color:var(--gold)}
.oz-heute .oz-tag,.oz-heute .oz-zeit{color:var(--ink);font-weight:600}
.oz-hinweis{display:block;margin-top:.6rem;font-size:.78rem;color:var(--bronze);
  font-style:italic}


.map-consent{position:relative;width:100%;min-height:340px;border:1px solid var(--linie);
  border-radius:var(--radius);background:var(--papier);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.map-consent__inner{text-align:center;max-width:340px;padding:2rem}
.map-consent__inner p{color:var(--body);font-size:.9rem;margin:.6rem 0 1.1rem}
.map-consent iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}


.site-footer{background:var(--mokka);color:#D9CFC2;
  font-family:'Inter',sans-serif;font-size:.85rem;line-height:1.7}
.sf-wrap{max-width:none;margin:0;padding:1.4rem clamp(1.4rem,4vw,2.8rem) .9rem;
  display:grid;grid-template-columns:1.5fr 1.1fr 1.2fr 1fr;gap:.6rem 2.6rem;align-items:start}
.sf-col h4{color:#F4EBDD;font-size:.62rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;margin:0 0 .5rem}
.sf-brand img{height:30px;width:auto;filter:brightness(0) invert(1) opacity(.92);margin-bottom:.4rem}
.sf-brand p{margin:0;color:#B8AC9C;font-size:.8rem;line-height:1.45}
.site-footer{line-height:1.55}
.sf-col a{color:#D9CFC2;text-decoration:none;transition:color .2s}
.sf-col a:hover{color:var(--gold-hell)}
.sf-nav{display:flex;flex-direction:column;gap:.35rem}
.sf-kontakt a{display:block;margin-bottom:.3rem}
.sf-route{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.sf-route a{display:inline-flex;align-items:center;gap:.4em;border:1px solid rgba(217,207,194,.35);
  border-radius:var(--radius);padding:.45rem .8rem;font-size:.66rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase}
.sf-route a:hover{border-color:var(--gold-hell);color:var(--gold-hell)}
.site-footer .oz-zeile .oz-tag{color:#B8AC9C}
.site-footer .oz-zeile .oz-zeit{color:#E7DECF}
.site-footer .oz-zeile .oz-ruhe{color:var(--gold-hell)}
.site-footer .oz-heute .oz-tag,.site-footer .oz-heute .oz-zeit{color:#fff}

.oz-kompakt{display:flex;flex-direction:column;gap:.12rem}
.oz-kzeile{display:flex;gap:.5rem;font-size:.8rem;flex-wrap:wrap;line-height:1.45}
.oz-ktag{color:var(--body);min-width:5em}
.oz-kzeit{color:var(--ink)}
.oz-kzeit.oz-ruhe{color:var(--gold)}
.site-footer .oz-ktag{color:#B8AC9C}
.site-footer .oz-kzeit{color:#E7DECF}
.site-footer .oz-kzeit.oz-ruhe{color:var(--gold-hell)}
.sf-bottom{border-top:1px solid rgba(217,207,194,.18);
  max-width:none;margin:0;padding:.7rem clamp(1.4rem,4vw,2.8rem);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.4rem;
  font-size:.72rem;color:#9C9081}
.sf-legal{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.sf-legal a,.sf-legal button{color:#9C9081;background:none;border:none;padding:0;cursor:pointer;
  font-family:inherit;font-size:.72rem;text-decoration:none;transition:color .2s}
.sf-legal a:hover,.sf-legal button:hover{color:var(--gold-hell)}
@media(max-width:860px){.sf-wrap{grid-template-columns:1fr 1fr;gap:1.6rem}}
@media(max-width:520px){.sf-wrap{grid-template-columns:1fr}
  .sf-bottom{flex-direction:column}}


.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:300;
  background:var(--mokka-tief);color:#E7DECF;padding:1rem clamp(1.2rem,5vw,2.4rem);
  box-shadow:0 -8px 30px rgba(0,0,0,.25);display:none}
.cookie-banner.show{display:block}
.cookie-wrap{max-width:1150px;margin:0 auto;display:flex;flex-wrap:wrap;
  align-items:center;gap:1rem 1.4rem;justify-content:space-between}
.cookie-wrap p{margin:0;font-size:.82rem;max-width:60ch;line-height:1.6}
.cookie-wrap a{color:var(--gold-hell)}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.cookie-actions button{cursor:pointer;font-family:'Inter',sans-serif;font-size:.62rem;
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.3rem;
  border-radius:var(--radius);border:1px solid rgba(231,222,207,.4);background:transparent;color:#E7DECF}
.cookie-actions .c-accept{background:var(--gold);border-color:var(--gold);color:#2A1C10}
.cookie-actions button:hover{border-color:var(--gold-hell)}


a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--bronze);outline-offset:2px}


@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .ornm i,.ornm b{transition:none;transform:none;opacity:1}
  *{scroll-behavior:auto}
}


.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(1.4rem,5vw,2.4rem)}
.wrap-narrow{max-width:760px;margin:0 auto;padding:0 clamp(1.4rem,5vw,2.4rem)}
.page-head{padding:calc(104px + clamp(1.5rem,5vw,3rem)) 0 clamp(1.5rem,4vw,2.4rem)}
.page-head h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.01em;margin:.4rem 0 0}
.page-head .lead{margin-top:.9rem;max-width:48ch;font-size:1.02rem}
.sect{padding:clamp(2rem,5vw,3.4rem) 0}
.info-card{background:var(--papier);border:1px solid var(--linie);border-top:2px solid var(--gold);
  border-radius:var(--radius);padding:1.5rem 1.6rem}
.info-card h2,.info-card h3{font-size:1.05rem;letter-spacing:.02em;margin:0 0 .8rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,2.4rem)}
.link-gold{color:var(--bronze);font-weight:600;font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none}
.link-gold:hover{color:var(--gold)}
.prose{max-width:70ch}
.prose h2{font-size:1.15rem;margin:1.8rem 0 .6rem;letter-spacing:.02em}
.prose h3{font-size:1rem;margin:1.4rem 0 .4rem}
.prose p{margin:0 0 .9rem}
.prose a{color:var(--bronze);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--gold)}
@media(max-width:760px){.grid-2{grid-template-columns:1fr}}
.prose ul{margin:.4rem 0 1rem;padding-left:1.2rem;list-style:disc}
.prose li{margin:.3rem 0}
.prose strong{color:var(--ink)}


.kontakt-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.2rem,3vw,2rem);align-items:stretch}
.k-left{display:flex;flex-direction:column;gap:clamp(1.1rem,2.5vw,1.5rem)}
.k-right{display:flex}
.k-right .map-consent{flex:1;width:100%;min-height:340px}
@media(max-width:820px){.kontakt-grid{grid-template-columns:1fr}.k-right .map-consent{min-height:300px}}


.feat-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(1.4rem,3vw,2.2rem)}
.feat-3 .info-card h3{margin:.1rem 0 .45rem;font-family:'Inter',sans-serif;font-weight:600;letter-spacing:.02em}
.feat-3 .info-card p{color:var(--body);font-size:.94rem;margin:0}
@media(max-width:760px){.feat-3{grid-template-columns:1fr}}
.cta-band{text-align:center;background:var(--papier);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);margin-top:clamp(2rem,5vw,3.4rem)}
.cta-band h2{margin-bottom:.55rem}
.cta-band p{max-width:52ch;margin:0 auto 1.5rem;color:var(--body)}



html{scroll-behavior:smooth}


.om{display:flex;align-items:center;justify-content:center}
.om i{display:block;width:min(90px,14vw);height:1px;background:var(--gold)}
.om b{display:block;width:11px;height:11px;border:1px solid var(--gold);transform:rotate(45deg);margin:0 12px;position:relative;flex:0 0 auto}
.om b::after{content:"";position:absolute;inset:3px;background:var(--gold)}
.om.kurz i{width:min(52px,8vw)}
.om.links{justify-content:flex-start}
.om.rechts{justify-content:flex-end}
.om.hell i{background:var(--gold-hell)}
.om.hell b{border-color:var(--gold-hell)}
.om.hell b::after{background:var(--gold-hell)}


.nav-cta,.hero-nav-cta{background:var(--mokka) !important;color:#F6EEE0 !important;border:1px solid var(--mokka) !important;border-radius:999px !important;transition:transform .25s,box-shadow .25s,background .25s !important}
.nav-cta::after,.hero-nav-cta::after{display:none !important}
.nav-cta:hover,.hero-nav-cta:hover{background:#4A3729 !important;color:#fff !important;transform:translateY(-3px);box-shadow:0 10px 22px -12px rgba(42,28,18,.6)}


@media(min-width:1151px){nav.unified-nav .nav-center{display:flex;align-items:center;gap:20px}}
nav.unified-nav .nav-center>a,nav.unified-nav .nav-center .nav-dd>a,nav.unified-nav .nav-center .nav-dd-toggle{display:inline-flex !important;align-items:center !important;line-height:1 !important}
@media(min-width:1151px){.nav-links li{display:flex !important;align-items:center !important}}
@media(min-width:1151px){.nav-links a{display:inline-flex !important;align-items:center !important;line-height:1 !important}}


nav.unified-nav .nav-center:hover>a:not(:hover){opacity:.5}
nav.unified-nav .nav-center:hover .nav-dd:not(:hover)>.nav-dd-toggle{opacity:.5}
.nav-links:hover>li>a:not(:hover){opacity:.5}
nav a{transition:opacity .25s,color .25s}


@keyframes omline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
nav.unified-nav .nav-center a[data-current="true"]{position:relative}
nav.unified-nav .nav-center a[data-current="true"]::after{content:"" !important;position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold);transform-origin:left;animation:omline 1s .25s cubic-bezier(.25,.6,.3,1) both}
.nav-links a[data-current="true"]{position:relative}
.nav-links a[data-current="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--gold-hell);transform-origin:left;animation:omline 1s .25s cubic-bezier(.25,.6,.3,1) both}


nav.unified-nav .nav-dd-menu{border-radius:14px !important;overflow:hidden;box-shadow:0 18px 40px -18px rgba(42,28,18,.35) !important}
nav.unified-nav .nav-dd-menu a{transition:background .2s,color .2s}


.taste,.btn-ghost{border-radius:999px !important}
.taste::after,.btn-ghost::after{display:none !important}
main .taste,.btn-ghost{border:1px solid var(--ink) !important;color:var(--ink)}
.taste:hover,.btn-primary:hover,.btn-ghost:hover,.nav-cta:hover{transform:translateY(-3px)}
.btn-primary{border-radius:999px !important}


#toTop{position:fixed;right:22px;bottom:22px;z-index:220;width:46px;height:46px;border-radius:50%;border:none;background:var(--mokka);color:#F6EEE0;font-size:1.05rem;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .35s,transform .35s,background .25s;box-shadow:0 12px 26px -12px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
#toTop.show{opacity:1;pointer-events:auto;transform:none}
#toTop:hover{background:#4A3729;transform:translateY(-3px)}


.reveal{transition-duration:.9s !important;transition-timing-function:cubic-bezier(.22,.61,.36,1) !important}


.kopf--l .kopf__in,.kopf--r .kopf__in{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:1.2rem clamp(1.4rem,5vw,3.5rem)}
.kopf--l .kopf__in{align-items:flex-start;text-align:left}
.kopf--r .kopf__in{align-items:flex-end;text-align:right}
.kopf--l .kopf__s{margin-left:0}
.kopf--r .kopf__s{margin-right:0}
.kopf__om{margin-bottom:1.05rem}
.om.halb-r i.l{display:none}
.om.halb-r b{margin-left:0}
.om.halb-l i.r{display:none}
.om.halb-l b{margin-right:0}
.kopf--l .kopf__in h1,.kopf--r .kopf__in h1{margin:0}

.kopf--l .kopf__s,.kopf--l .kopf__sub{margin-left:0 !important;margin-right:0 !important}
.kopf--r .kopf__s,.kopf--r .kopf__sub{margin-left:0 !important;margin-right:0 !important}
.kopf--r .kopf__marke{display:none}
.kopf--l .kopf__marke{display:none}

.cta-mokka{display:inline-block;padding:.9rem 2rem;border-radius:999px;background:var(--mokka) !important;border:1px solid var(--mokka) !important;color:#F6EEE0 !important;font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}
.cta-mokka:hover{background:#4A3729 !important;transform:translateY(-3px);box-shadow:0 12px 24px -12px rgba(42,28,18,.55)}

.om.lang i{width:min(150px,22vw)}
.kopf--l .kopf__in,.kopf--r .kopf__in{width:100%}



.kopf__om i{width:clamp(70px,9vw,100px) !important}
.kopf__om{margin-bottom:1.05rem !important}
.kopf__om b{width:11px !important;height:11px !important}


.mnav .mnav-dd{border-bottom:1px solid var(--linie)}
.mnav .mnav-dd-toggle{font-size:inherit;font-family:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:14px 0;width:100%;justify-content:space-between;background:none;border:none}
.mnav .mnav-dd-toggle span{font:inherit}


@media(max-width:768px){
  .site-footer{padding:26px 18px 14px !important}
  .sf-wrap{grid-template-columns:1fr 1fr !important;gap:.9rem 1.2rem !important}
  .site-footer .sf-brand{grid-column:1 / -1;margin-bottom:.2rem}
  .site-footer h4{margin-bottom:.4rem !important;font-size:.62rem !important}
  .site-footer,.site-footer p,.site-footer a,.site-footer li,.site-footer td{font-size:.78rem !important;line-height:1.5 !important}
  .site-footer .oz-row,.site-footer .sf-oz div{padding:1px 0 !important}
  .sf-nav a{display:inline-block;margin:0 10px 4px 0}
  .sf-bottom{margin-top:.9rem !important;padding-top:.7rem !important;font-size:.68rem !important}
}


.mobile-nav .mnav-dd{padding:0;border-bottom:1px solid var(--linie)}
.mobile-nav .mnav-dd-toggle{font-family:'Inter',sans-serif;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:14px 0;display:flex;align-items:center;justify-content:space-between;border:none;background:none;width:100%}
.mobile-nav .mnav-dd-sub a{border-bottom:none !important;padding:9px 0 !important;font-size:13px !important}

@media(max-width:768px){
  .site-footer{padding:22px 18px 10px !important}
  .sf-wrap{gap:.8rem 1.1rem !important}
  .sf-brand img{width:44px !important}
  .sf-brand p{margin:.4rem 0 0 !important}
}



.reveal{transition-property:opacity,transform !important;will-change:opacity,transform}
@media(max-width:768px){.reveal{transition-duration:.55s !important}}


.oz-kurz{font-size:.86rem;line-height:1.7;color:#E7DECF}
.oz-kurz b{color:#fff}
.sf-adr{margin:.1rem 0 .45rem}


.hswipe{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 18px 16px;scrollbar-width:none}
.hswipe::-webkit-scrollbar{display:none}
.hswipe>*{flex:0 0 82%;scroll-snap-align:center;border-radius:18px;overflow:hidden}
@media(min-width:769px){.hswipe{padding:4px 0 16px}.hswipe>*{flex:0 0 340px}}


@media(max-width:768px){
  .exp-grid{display:flex !important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 4px 14px;scrollbar-width:none}
  .exp-grid::-webkit-scrollbar{display:none}
  .exp-grid .hl-card{flex:0 0 82%;scroll-snap-align:center;aspect-ratio:.85 !important}
  .sig2-grid{display:flex !important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 4px 14px;scrollbar-width:none}
  .sig2-grid::-webkit-scrollbar{display:none}
  .sig2-card{flex:0 0 78%;scroll-snap-align:center}
  .hstats{grid-template-columns:repeat(3,1fr) !important;gap:.5rem !important;padding:1.3rem .8rem !important;max-width:none}
  .hstat .hnum,.hstat .hsuf{font-size:1.45rem !important}
  .hstat p{font-size:.52rem !important;letter-spacing:.09em !important}
}


.grev-card{border-radius:16px !important}
@media(max-width:768px){
  .grev{overflow:visible !important}
  .grev-track{animation:none !important;width:auto !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 16px 12px;scrollbar-width:none}
  .grev-track::-webkit-scrollbar{display:none}
  .grev-card{flex:0 0 82%;scroll-snap-align:center;width:auto !important}
}


.oz-popwrap{position:relative;display:inline-flex}
.oz-pop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-4px);min-width:250px;background:rgba(20,13,7,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(244,236,219,.28);border-radius:14px;padding:.85rem 1.1rem;color:#F6EEE0;font-family:'Inter',sans-serif;font-size:.8rem;line-height:1.7;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:60}
.oz-popwrap.open .oz-pop{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.oz-pop b{color:#fff}


.ctx-steps .st{opacity:0;transform:translateY(14px)}
.ctx-steps.in-view .st{animation:stStep .55s cubic-bezier(.25,.6,.3,1) forwards}
.ctx-steps.in-view .st:nth-child(1){animation-delay:.1s}
.ctx-steps.in-view .st:nth-child(2){animation-delay:.5s}
.ctx-steps.in-view .st:nth-child(3){animation-delay:.9s}
.ctx-steps.in-view .st:nth-child(4){animation-delay:1.3s}
@keyframes stStep{to{opacity:1;transform:none}}
.ctx-steps .st::after{transform:scaleX(0);transform-origin:left}
.ctx-steps.in-view .st:nth-child(1)::after{animation:stLine .45s .45s forwards}
.ctx-steps.in-view .st:nth-child(2)::after{animation:stLine .45s .85s forwards}
.ctx-steps.in-view .st:nth-child(3)::after{animation:stLine .45s 1.25s forwards}
@keyframes stLine{to{transform:scaleX(1)}}
@media(max-width:820px){
  .ctx-steps .st::after{transform:scaleY(0);transform-origin:top}
  @keyframes stLine{to{transform:scaleY(1)}}
}


.cta-line{display:inline-block;padding:.9rem 2rem;border-radius:999px;border:1px solid var(--ink) !important;background:transparent !important;color:var(--ink) !important;font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.cta-line:hover{background:var(--ink) !important;color:#F6EEE0 !important;transform:translateY(-3px)}


.ende .vgl{border-radius:18px;overflow:hidden}
.ende .tn{border-radius:999px !important;overflow:hidden}
.ende .tn button{border-radius:999px !important}


@media(max-width:768px){
  .info-card{border:none !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:0 0 18px !important;margin:0 0 18px !important;border-bottom:1px solid var(--linie) !important}
  .info-card:last-child{border-bottom:none !important}
  .kontakt-grid{gap:1.1rem !important}
  .info-card h2{margin:0 0 .55rem !important}
}


.c-accept,.c-necessary,.c-decline,.cookie-bar button,.cookiebar button{border-radius:999px !important}
.sf-kontakt a,.site-footer a.btn,.sf-route{border-radius:999px !important}
.add{border-radius:999px !important}

[data-consent]{border-radius:999px !important}
button.add{border-radius:999px !important}
a[data-route]{border-radius:999px !important}

.info-card .oz-kurz{color:var(--body)}
.info-card .oz-kurz b{color:var(--ink)}



.grev-card{border-top:1px solid var(--linie) !important}
.s3{border-radius:16px !important;border-top:1px solid var(--linie) !important}


.status{border-radius:100px !important;overflow:hidden}
.status:has([data-oz-state="offen"]) .dot{background:#4ec06f !important;box-shadow:0 0 8px rgba(78,192,111,.7)}
.status:has([data-oz-state="zu"]) .dot{background:#C4392B !important;box-shadow:0 0 8px rgba(196,57,43,.6)}
@media(max-width:768px){.status{padding:6px 12px !important;font-size:.72rem !important}}


#toTop{left:22px;right:auto}


.evx-sep{grid-column:1 / -1;justify-content:center !important;width:100%;max-width:520px;justify-self:center;margin:0 auto .3rem}
.evx-sep i{flex:1;max-width:190px;transform:scaleX(0);transition:transform .95s cubic-bezier(.22,.61,.36,1) .2s}
.evx-sep i.l{transform-origin:right}
.evx-sep i.r{transform-origin:left}
.evx-sep b{opacity:0;transform:rotate(45deg) scale(.4);transition:opacity .45s ease,transform .45s ease}
.evx-room.in-view .evx-sep i{transform:scaleX(1)}
.evx-room.in-view .evx-sep b{opacity:1;transform:rotate(45deg) scale(1)}


.evx-obtn{border-color:var(--ink) !important;color:var(--ink) !important}
.evx-obtn:hover{background:var(--ink) !important;color:#F6EEE0 !important}


.info-card{border-top:1px solid var(--linie) !important}
.map-consent,.map-consent iframe,.k-right iframe{border-radius:18px !important;overflow:hidden}


.mobile-nav{background:var(--mokka) !important;color:#F3E9DA;opacity:.35;transition:transform .42s cubic-bezier(.25,.7,.3,1),opacity .42s ease !important}
.mobile-nav.open{opacity:1}
.mobile-nav a{color:#F3E9DA !important;border-bottom:1px solid rgba(243,233,218,.13) !important;font-size:19px !important;text-transform:none !important;letter-spacing:.02em !important;font-weight:500 !important;padding:15px 0 !important}
.mobile-nav a[data-current="true"]{color:var(--gold-hell) !important}
.mobile-nav .mnav-dd{border-bottom:1px solid rgba(243,233,218,.13) !important}
.mobile-nav .mnav-dd-toggle{color:#F3E9DA !important;font-size:19px !important;text-transform:none !important;letter-spacing:.02em !important;font-weight:500 !important;padding:15px 0 !important}
.mobile-nav .mnav-dd-sub a{font-size:15px !important;padding:9px 0 9px 16px !important;border-bottom:none !important;color:rgba(243,233,218,.85) !important}
.mobile-nav .caret{transition:transform .3s ease;transform:rotate(-225deg)}
.mobile-nav .mnav-dd.open .caret,.mobile-nav .mnav-dd.on .caret{transform:rotate(-135deg)}
#navClose{color:#F3E9DA !important}


@media(max-width:768px){.nav-cta,.hero-nav-cta{padding:8px 14px !important;font-size:.6rem !important;letter-spacing:.1em !important}}


@media(max-width:768px){
  #skm .tabs{flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none}
  #skm .tabs::-webkit-scrollbar{display:none}
  #skm .cat{margin-top:14px !important}
  #skm .sub{padding:8px 0 4px !important;margin:0 0 2px !important}
  #skm .sub b,#skm .sub{font-size:1.02rem !important}
  #skm .en-sub{margin:0 0 4px !important}
}
#skm .eu{font-size:1em !important;color:inherit !important;opacity:1 !important}


@media(max-width:768px){.gal-lbl{margin-left:18px !important;margin-right:18px !important}}


@media(max-width:768px){.band3 .bild,.band3 .bild img{border-radius:18px !important}}


@media(max-width:768px){.hero{height:100svh !important;height:100dvh !important;min-height:-webkit-fill-available}}
.hero-scroll{display:none !important}


@media(max-width:768px){
  .pillbar{flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none}
  .pillbar::-webkit-scrollbar{display:none}
  .tools input{border-radius:999px !important}
  .item>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
  button.add{width:36px;height:36px;border-radius:50% !important;padding:0 !important;font-size:0 !important;display:flex;align-items:center;justify-content:center;line-height:1}
  button.add::after{content:"+";font-size:20px;line-height:1}
}


@media(max-width:768px){
  .kopf--l .kopf__t{font-size:clamp(1.35rem,6.4vw,1.9rem) !important}
}



.k-mobile{display:none}
@media(max-width:768px){
  .k-left .info-card{display:none !important}
  .k-mobile{display:block;padding:6px 4px 4px}
  .km-t{font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:1.9rem;color:var(--ink);margin:0 0 .35rem;letter-spacing:.01em}
  .km-a{color:var(--body);font-size:1.02rem;line-height:1.65;margin:0 0 1.6rem}
  .km-lbl{font-family:'PT Serif',Georgia,serif;font-size:1.05rem;color:var(--ink);margin:0 0 .4rem;font-weight:700}
  .km-x{color:var(--body);font-size:1rem;line-height:1.8;margin:0 0 1.5rem}
  .km-x a{color:var(--body);text-decoration:none}
  .k-mobile .status{margin:-0.6rem 0 1.5rem}
  .km-route{display:inline-block;border:1px solid var(--ink);color:var(--ink);background:transparent;border-radius:999px;padding:.85rem 1.9rem;font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
}

a[data-route]{background:transparent !important;color:var(--ink) !important;border:1px solid var(--ink) !important;border-radius:999px !important}


.colR{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.colR .pr{white-space:nowrap}
@media(max-width:768px){
  .colR{flex-direction:column;align-items:flex-end;gap:8px}
  button.add{width:54px;height:34px;border-radius:999px !important;padding:0 !important;font-size:0 !important;display:flex;align-items:center;justify-content:center}
  button.add::after{content:"+";font-size:19px;line-height:1}
}
.tag{border-radius:999px !important;padding:2px 10px !important}
.search{border-radius:999px !important;overflow:hidden}
.search input{border-radius:999px !important}


.cartpanel{top:64px !important;bottom:16px !important}
@media(min-width:769px){.cartpanel{top:86px !important;bottom:24px !important}}
.cartclose{position:absolute;top:12px;right:12px;z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid var(--line,#DAD3C6);background:#fff;color:var(--terra,#3A2B1F);font-size:1.05rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}


#skm .stickybar.fx{background:#F5F2EC !important;box-shadow:0 10px 22px -14px rgba(42,28,18,.28);padding:8px 14px}
#skm .cat{scroll-margin-top:118px}


.site-footer{padding:32px 22px 14px !important}
.sf-wrap{max-width:1100px !important;grid-template-columns:1.45fr 1fr 1fr .85fr;gap:1.1rem 2.2rem !important}
.site-footer p,.site-footer a,.site-footer li,.site-footer .oz-kurz{font-size:.82rem !important;line-height:1.6 !important}
.site-footer h4{font-size:.6rem !important;margin-bottom:.45rem !important}
.sf-bottom{margin-top:.9rem !important;padding-top:.6rem !important;font-size:.68rem !important}
@media(max-width:768px){.sf-wrap{grid-template-columns:1fr 1fr !important}}

.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;display:flex;justify-content:center;pointer-events:none}
.ck[hidden]{display:none}
.ck-in{pointer-events:auto;width:min(580px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#FBF8F2;border:1px solid #E2D7C3;border-top:2px solid #C9A15E;border-radius:20px;box-shadow:0 24px 60px -24px rgba(30,18,10,.45);padding:1.3rem 1.4rem 1.1rem;transform:translateY(20px);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s}
.ck.auf .ck-in{transform:none;opacity:1}
.ck-titel{margin:0 0 .45rem;font-family:'PT Serif',serif;font-weight:700;font-size:1.15rem;color:#2A2520}
.ck-text{margin:0;font:400 .8rem/1.6 'Inter',sans-serif;color:#5B5347}
.ck-text a{color:#7E5A22;text-decoration:underline;text-underline-offset:2px}
.ck-opt{margin-top:.9rem;border-top:1px solid #E7DFD0}
.ck-opt[hidden]{display:none}
.ck-zeile{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;border-bottom:1px solid #E7DFD0;cursor:pointer}
.ck-zeile b{display:block;font:600 .82rem/1.3 'Inter',sans-serif;color:#2A2520}
.ck-zeile small{display:block;font:400 .74rem/1.4 'Inter',sans-serif;color:#6E685F;margin-top:.15rem}
.ck-zeile input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:#CFC4B1;position:relative;cursor:pointer;transition:background .2s;margin:0}
.ck-zeile input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ck-zeile input:checked{background:#3A2B1F}
.ck-zeile input:checked::after{transform:translateX(18px)}
.ck-zeile input:disabled{opacity:.55;cursor:default}
.ck-zeile input:focus-visible{outline:2px solid #C9A15E;outline-offset:2px}
.ck-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
.ck-b{border-radius:999px;padding:.85rem 1rem;font:600 .72rem/1.15 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid #3A2B1F}
.ck-nein,.ck-ja{background:#3A2B1F;color:#F7EFE3}
.ck-nein:hover,.ck-ja:hover{background:#2E2218}
.ck-b:focus-visible,.ck-link:focus-visible{outline:2px solid #C9A15E;outline-offset:2px}
.ck-unten{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.7rem}
.ck-link{background:none;border:0;padding:.3rem 0;font:500 .78rem/1 'Inter',sans-serif;color:#7E5A22;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ck-link[hidden]{display:none}
.ck-speichern{background:#F3EADB;color:#3A2B1F;border-color:#D9C7A5;padding:.7rem 1rem;margin-left:auto}
.ck-speichern[hidden]{display:none}
@media(max-width:480px){.ck{left:10px;right:10px;bottom:10px}.ck-in{padding:1.1rem 1.1rem 1rem}}
@media(prefers-reduced-motion:reduce){.ck-in{transition:none}}
.sf-legal .sf-ck{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-decoration:inherit}
.sf-legal .sf-ck:hover{text-decoration:underline}

.erfolg .erf-lead{font-family:var(--serif,'PT Serif',Georgia,serif);font-size:1.3rem;line-height:1.5;color:#3A2B1F}
.erfolg .erf-box{background:#F7F2EA;border:1px solid #E6DCCB;border-radius:16px;padding:1.1rem 1.3rem;margin:1.2rem 0}
.erfolg .erf-box p{margin:.25rem 0}
.erfolg .erf-liste{margin:.6rem 0 1rem 1.1rem}
.erfolg .erf-gs{display:grid;gap:.2rem;justify-items:center;background:#3A2B1F;color:#F7EFE3;border-radius:18px;padding:1.4rem;margin:1.2rem 0;text-align:center}
.erfolg .erf-gs span{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#C9A15E;margin-top:.4rem}
.erfolg .erf-gs b{font-family:var(--serif,'PT Serif',Georgia,serif);font-size:2.2rem;font-weight:400}
.erfolg .erf-gs code{font-family:Menlo,Consolas,monospace;font-size:1.4rem;letter-spacing:.12em;background:none;color:#fff}
.erfolg .cta-mokka,.erfolg .cta-line{margin-top:.6rem}

/* Handy: kein Zoomen beim Antippen von Feldern, kein seitliches Wackeln */
@media (max-width:1024px){input,select,textarea{font-size:16px !important}}
html,body{overflow-x:clip}
@supports not (overflow-x:clip){body{overflow-x:hidden}}

/* Schwebender Warenkorb – Handy wie auf der Bestellseite (rund, Mokka, Preis), Laptop wie dort (Pille) */
.zpa-fcart{position:fixed;right:18px;bottom:18px;z-index:90;height:56px;min-width:56px;padding:0 16px;border-radius:999px;background:#3A2B1F;color:#F6EEE0;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 16px 30px -12px rgba(20,13,7,.55);text-decoration:none;font-family:'Inter',sans-serif;-webkit-tap-highlight-color:transparent;transition:transform .2s}
.zpa-fcart svg{width:23px;height:23px;flex:0 0 auto;display:none}
.zpa-fcart .fc-1{display:none}
.zpa-fcart .fc-2{font-size:.92rem;font-weight:700;white-space:nowrap}
.zpa-fcart .fc-n{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;border-radius:999px;background:#B08B54;color:#fff;font-size:.66rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}
@media (min-width:769px){
  .zpa-fcart{bottom:28px;right:28px;height:62px;min-width:62px;gap:12px;padding:0 22px 0 18px;background:#C9A15E;color:#221D18;box-shadow:0 16px 40px rgba(70,45,25,.30)}
  .zpa-fcart:hover{background:#B08B54;transform:translateY(-3px)}
  .zpa-fcart svg{display:block;width:24px;height:24px}
  .zpa-fcart .fc-info{text-align:left;line-height:1.06}
  .zpa-fcart .fc-1{display:block;font-size:11px;font-weight:700;opacity:.8}
  .zpa-fcart .fc-2{font-size:18px;font-weight:800}
  .zpa-fcart .fc-n{display:none}
}
@media print{.zpa-fcart{display:none}}

/* ===== Aktuelle Events: Zeitungs-Symbol + Fenster (alle Seiten) ===== */
.akt-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;margin-right:10px;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s}
.akt-btn svg{width:24px;height:24px}
.akt-btn:hover{background:rgba(176,139,84,.14)}
nav.unified-nav .akt-btn{color:var(--ink,#2A2620)}
nav.nav .akt-btn{color:#F4ECDB;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}
nav.nav.scrolled .akt-btn,nav.nav.solid .akt-btn{color:var(--ink,#2A2620);filter:none}
.akt-n{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#C0392B;color:#fff;font:700 11px/18px 'Inter',system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
.akt-n[hidden]{display:none !important}
#navToggle{position:relative}
.akt-burger{top:-4px;right:-6px}
.akt-mbtn{display:flex;align-items:center;gap:10px;position:absolute;top:18px;left:24px;background:none;border:0;padding:6px 2px;color:#E9CF94;font:500 15px/1.2 'Inter',system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.akt-mbtn svg{width:24px;height:24px;flex:0 0 auto}
.akt-mbtn .akt-n{position:static;margin-left:2px;box-shadow:none}
.mobile-nav{position:fixed}
@media (min-width:1151px){.akt-mbtn,.akt-burger{display:none !important}}
@media (max-width:1150px){.akt-btn{display:none !important}}

.akt-modal{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}
.akt-modal[hidden]{display:none}
.akt-scrim{position:absolute;inset:0;background:rgba(28,19,13,.55);opacity:0;transition:opacity .26s ease}
.akt-card{position:relative;width:100%;max-width:540px;max-height:100%;display:flex;flex-direction:column;background:#FBF7F0;color:#2A2620;border-radius:22px;box-shadow:0 30px 80px rgba(20,12,6,.35);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .26s ease,transform .26s ease;outline:none;overflow:hidden}
.akt-modal.auf .akt-scrim{opacity:1}
.akt-modal.auf .akt-card{opacity:1;transform:none}
.akt-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px 22px;border-bottom:1px solid #EADFCB;flex:0 0 auto}
.akt-kopf h2{margin:0;font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:1.35rem;color:#2A2620}
.akt-x{width:40px;height:40px;border-radius:999px;border:1px solid #E3D6BF;background:#fff;color:#3A2B1F;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.akt-liste{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 18px 20px}
.akt-ev{background:#fff;border:1px solid #EADFCB;border-radius:18px;overflow:hidden}
.akt-ev+.akt-ev{margin-top:16px}
.akt-bild{aspect-ratio:16/9;background:#EDE4D3}
.akt-bild img{width:100%;height:100%;object-fit:cover;display:block}
.akt-body{padding:16px 18px 18px}
.akt-body h3{margin:0 0 .55rem;font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:1.25rem;line-height:1.25;color:#2A2620}
.akt-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:.7rem}
.akt-meta span{display:inline-flex;align-items:center;gap:6px;font:500 .86rem/1.3 'Inter',system-ui,sans-serif;color:#8A6A3E}
.akt-meta svg{flex:0 0 auto}
.akt-text{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:#4A4036;white-space:pre-line}
.akt-akt{display:flex;flex-wrap:wrap;gap:10px}
.akt-kal,.akt-res{flex:1 1 180px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:999px;font:600 .9rem/1 'Inter',system-ui,sans-serif;text-decoration:none;cursor:pointer}
.akt-kal{background:#fff;color:#3A2B1F;border:1px solid #D9C7A6}
.akt-res{background:#3A2B1F;color:#F7EFE3 !important;border:1px solid #3A2B1F}
.akt-leer{text-align:center;padding:26px 10px 18px;color:#6B5A48}
.akt-leer svg{width:38px;height:38px;color:#B08B54}
.akt-leer p{margin:.6rem 0 .3rem;font-family:'PT Serif',Georgia,serif;font-size:1.2rem;color:#2A2620}
.akt-leer span{font-size:.9rem;line-height:1.5}
html.akt-offen,html.akt-offen body{overflow:hidden}
@media (max-width:480px){.akt-card{border-radius:18px}.akt-kopf{padding:14px 14px 12px 18px}.akt-liste{padding:14px 12px 16px}.akt-body{padding:14px 15px 16px}}
@media print{.akt-btn,.akt-modal{display:none !important}}
nav.unified-nav .akt-btn+.nav-logo,nav.nav .akt-btn+.logo{margin-right:auto}
#toTop.am-ende{opacity:0 !important;pointer-events:none !important}

/* Fußzeile: „Webseite erstellt bei UNique“ (Laptop: unter „Route öffnen“, Handy: an Stelle der E-Mail) */
.site-footer a.unq,a.unq{display:flex !important;flex-direction:column !important;gap:.42rem;text-decoration:none !important;width:max-content;max-width:100%;border:0 !important;background:none !important;padding:0 !important;font-size:inherit !important;line-height:1.2 !important}
.unq .unq-t{font-family:'Inter',sans-serif;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62);white-space:nowrap;line-height:1.2}
.unq .unq-b{display:inline-block;width:max-content;background:#fff;border-radius:8px;padding:.42rem .8rem;font-family:'Inter',sans-serif;font-weight:800;font-size:.95rem;letter-spacing:-.01em;color:#16181d;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.18);transition:transform .2s}
.unq .unq-b i{font-style:normal;color:#2563eb}
.unq:hover .unq-b{transform:translateY(-1px)}
.unq-lap{align-items:flex-end;margin:1.15rem 0 0 auto !important}
.unq-mob{align-items:flex-start;margin:1rem 0 0 !important}
.unq-mob .unq-t{font-size:.56rem}
.unq-mob .unq-b{font-size:1rem;padding:.45rem .85rem}
.sf-akt{display:flex;flex-direction:column;align-items:flex-end}
/* Tablet und Handy quer: Laptop-Fußzeile in zwei Spalten statt vier gedrängten */
@media (min-width:769px) and (max-width:1150px){
  footer.site-footer .sf-top{display:grid !important;grid-template-columns:1fr 1fr !important;gap:22px 40px !important;align-items:start}
  footer.site-footer .sf-top>*{max-width:none !important;width:auto !important;min-width:0}
  footer.site-footer .sf-akt{align-items:flex-start !important}
  footer.site-footer .sf-statuszeile{justify-content:flex-start !important;flex-wrap:wrap}
  footer.site-footer .unq-lap{align-items:flex-start;margin:1rem 0 0 !important}
  footer.site-footer .sf-navrow{flex-wrap:wrap !important;gap:8px 22px !important;justify-content:flex-start !important}
}

.gs-slide.raus{opacity:1;z-index:1;transition:none}.gs-slide.active{z-index:2}

html body footer.site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom)) !important}
