/* ============================================================
   PITSCHNA SCENA — Ergänzungen für die Inhalte aus dem CMS
   style.css bleibt unverändert wie in der Demo. Hier stehen nur die
   Bausteine, die es dort nicht gab: das Band oben, das Hinweisfenster
   und „Heute" oben auf der Speisekarte. Alles aus den Tokens der Demo.
   ============================================================ */

/* ---------- Band oben ---------- */
:root{--band-h:0px}
body:has(.aktuell-band){--band-h:2.25rem}
.aktuell-band{
  position:fixed;top:0;left:0;width:100%;height:var(--band-h);z-index:810;
  background:var(--gold);color:var(--espresso);
}
.aktuell-band__inner{
  height:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter);
  display:flex;align-items:center;justify-content:center;gap:1rem;
  font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  white-space:nowrap;overflow:hidden;
}
.aktuell-band__text{overflow:hidden;text-overflow:ellipsis}
.aktuell-band__link{flex:none;border-bottom:1px solid currentColor;padding-bottom:1px}
a.aktuell-band__inner:hover .aktuell-band__link{opacity:.7}
body:has(.aktuell-band) .header{top:var(--band-h)}
body:has(.aktuell-band) .scroll-progress{top:var(--band-h)}
@media (max-width:600px){
  body:has(.aktuell-band){--band-h:2rem}
  .aktuell-band__inner{font-size:.64rem;letter-spacing:.1em;justify-content:space-between}
}

/* ---------- Hinweisfenster ---------- */
.aktuell-fenster{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--gutter)}
.aktuell-fenster[hidden]{display:none}
.aktuell-fenster__schleier{
  position:absolute;inset:0;background:rgba(27,22,17,.62);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;transition:opacity .6s var(--ease);
}
.aktuell-fenster__karte{
  position:relative;width:min(100%,34rem);max-height:calc(100vh - 2*var(--gutter));overflow:auto;
  background:var(--creme);color:var(--ink);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.55);
  opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);
}
.aktuell-fenster.offen .aktuell-fenster__schleier{opacity:1}
.aktuell-fenster.offen .aktuell-fenster__karte{opacity:1;transform:none}
.aktuell-fenster__bild{aspect-ratio:16/9;overflow:hidden;background:var(--espresso)}
.aktuell-fenster__bild img{width:100%;height:100%;object-fit:cover;display:block}
.aktuell-fenster__text{padding:clamp(1.8rem,5vw,2.8rem)}
.aktuell-fenster__titel{
  font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.12;
  margin:.6rem 0 1rem;color:var(--ink);
}
.aktuell-fenster__text p{color:var(--muted);font-weight:300;line-height:1.65;margin-bottom:1.6rem}
.aktuell-fenster__zu{
  position:absolute;top:.8rem;right:.8rem;z-index:2;width:2.6rem;height:2.6rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(245,241,232,.92);border:1px solid var(--line);color:var(--ink);
  transition:background .3s var(--ease),color .3s var(--ease);
}
.aktuell-fenster__zu:hover{background:var(--copper);color:var(--creme)}

/* ---------- Heute auf der Speisekarte ---------- */
.menu-cat--heute{
  background:var(--creme-2);padding:clamp(1.4rem,4vw,2.2rem) clamp(1.2rem,4vw,2.4rem) clamp(.6rem,2vw,1rem);
  border-top:2px solid var(--gold);
}
.menu-cat--heute .menu-item:last-child{border-bottom:0}
.menu-item--mit-bild{grid-template-columns:auto 1fr auto}
.menu-item--mit-bild .menu-item__bild{grid-row:1 / span 3;width:clamp(5rem,14vw,8.5rem);aspect-ratio:1;overflow:hidden;margin-right:.4rem}
.menu-item--mit-bild .menu-item__bild img{width:100%;height:100%;object-fit:cover;display:block}
.menu-item--mit-bild .menu-item__desc,.menu-item--mit-bild .menu-item__link{grid-column:2 / -1}
.menu-item__link{
  grid-column:1 / -1;justify-self:start;margin-top:.5rem;
  font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
  color:var(--copper);border-bottom:1px solid currentColor;padding-bottom:2px;
}
@media (max-width:600px){
  .menu-item--mit-bild{grid-template-columns:auto 1fr}
  .menu-item--mit-bild .menu-item__price{grid-column:2}
}

/* ---------- Impressum & Datenschutz ---------- */
.page-hero--recht{min-height:0;height:auto;background:var(--espresso);padding-top:clamp(9rem,18vh,12rem);padding-bottom:clamp(3rem,7vh,4.5rem)}
.page-hero--recht .page-hero__inner{position:relative;inset:auto}
.recht{max-width:760px;margin:0 auto;padding:clamp(3.5rem,8vh,6rem) var(--gutter) clamp(5rem,11vh,8rem)}
.recht__abschnitt + .recht__abschnitt{margin-top:2.6rem}
.recht__titel{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.2vw,1.6rem);color:var(--ink);margin-bottom:.9rem}
.recht p{color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:1rem}
.recht p strong{color:var(--ink);font-weight:500}
.footer__credit a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.footer__credit a:hover{border-bottom-color:currentColor}