/* Nur Demo-Zutaten — das Layout kommt vollständig aus theme/ */

:root{ --lime:#E8FF00; }

/* Wortmarke mittig halten.
   Das Theme zentriert sie mit transform:translateX(-50%). Die Eingangs-
   animation schreibt eine eigene transform-Eigenschaft und löscht diese
   Zentrierung – die Marke rutscht dauerhaft nach rechts. Deshalb hier
   ohne transform zentrieren, dann darf die Animation frei bewegen. */
.block-header__logo{
  left:0;right:0;transform:none;
  margin-inline:auto;width:-webkit-fit-content;width:fit-content;
  justify-content:center;
}

/* Bildunterschrift im Menü: Texte an die Ränder, damit sie nicht
   in den Gläsern liegen, und ein zarter Verlauf für die Lesbarkeit. */
.header-image{position:relative}
.header-image::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:5;
  background:linear-gradient(90deg,
    rgba(3,9,13,.62) 0%, rgba(3,9,13,.15) 26%,
    rgba(3,9,13,.10) 74%, rgba(3,9,13,.62) 100%);
}
.header-image__text{padding:0 1em;z-index:10}
.header-image__text-left,.header-image__text-right{
  max-width:9em;text-shadow:0 1px 6px rgba(3,9,13,.65);
}
.header-image__text-left{text-align:left}
.header-image__text-right{text-align:right}

/* Video im Split-Block wie das Originalbild behandeln */
.split-gallery__image{ display:block; }
video.split-gallery__image{ object-fit:cover; }

/* Schwebender Reservierungs-Knopf */
#reserve{
  position:fixed;right:1.4em;bottom:1.4em;z-index:90;
  display:inline-flex;align-items:center;gap:.7em;
  background:var(--color-1);color:var(--color-2);border-radius:999px;padding:1em 1.8em;
  font-family:var(--font-primary);font-size:.75em;font-weight:500;
  letter-spacing:.04375em;text-transform:uppercase;
  box-shadow:0 14px 34px rgba(3,9,13,.28);
  transition:transform .4s cubic-bezier(0.16,1,0.3,1);
}
#reserve:hover{transform:translateY(-3px)}

/* Hinweis, dass es eine Beispielseite ist */
#lw-badge{
  position:fixed;left:1.4em;bottom:1.4em;z-index:90;
  font-family:var(--font-primary);font-size:.6875em;font-weight:500;
  letter-spacing:.04375em;text-transform:uppercase;
  background:rgba(3,9,13,.82);color:var(--color-1);border-radius:999px;padding:.8em 1.4em;
}
#lw-badge span{color:var(--lime)}

/* ---------- Speisekarte / Listen (Unterseiten) ---------- */
.block-menu-list{padding:clamp(48px,6vw,120px) 0}
.menu-list__inner{max-width:70em;margin:0 auto;padding:0 var(--grid-margin,20px)}
.menu-list__group + .menu-list__group{margin-top:clamp(40px,4vw,80px)}
.menu-list__group-title{margin-bottom:1.6em;color:var(--color-2)}
.menu-list__items{list-style:none;margin:0;padding:0}
.menu-list__item{padding:1.1em 0;border-bottom:1px solid rgba(3,9,13,.14)}
.menu-list__row{display:flex;align-items:baseline;gap:.8em}
.menu-list__name{white-space:nowrap}
.menu-list__dots{flex:1;height:1px;background:rgba(3,9,13,.2);transform:translateY(-.25em)}
.menu-list__price{white-space:nowrap;color:var(--color-2)}
.menu-list__desc{margin-top:.5em;color:#4a4a45;max-width:46em}

/* ---------- Bildraster (Galerie) ---------- */
.block-gallery-grid{padding:0 0 clamp(48px,6vw,120px)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  max-width:100em;margin:0 auto;padding:0 var(--grid-margin,20px)}
.gallery-grid__item{overflow:hidden}
.gallery-grid__item img{width:100%;aspect-ratio:4/3;object-fit:cover;
  transition:transform 1.2s cubic-bezier(0.16,1,0.3,1)}
.gallery-grid__item:hover img{transform:scale(1.04)}
@media screen and (max-width:767px){
  .gallery-grid{grid-template-columns:1fr 1fr;gap:10px}
}

/* Demo-Formular */
.form-footer .form__note{
  margin-top:1.1em;font-family:var(--font-primary);font-size:.75em;
  letter-spacing:.04375em;text-transform:uppercase;color:rgba(248,242,229,.5);
}