/* ==========================================================================
   LIVA — Design-System
   Abgeleitet aus dem Bildmaterial von @liva.eventlocation:
   dunkler, warmer Grund; goldenes Streiflicht; hohe Serifen-Wortmarke;
   Rundbögen; Kerzenlicht. Schriften sind selbst gehostet (DSGVO) — es wird
   KEINE externe Font-CDN geladen.
   Die Datei wird als ir.attachment abgelegt und über eine ir.ui.view, die
   website.layout erbt, in den <head> eingehängt.
   ========================================================================== */

/* --- Schriften (Platzhalter __FONT_*__ werden beim Seeding ersetzt) ------- */
@font-face {
  font-family: 'LIVA Serif';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/web/content/286/CormorantGaramond-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'LIVA Serif';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/web/content/287/CormorantGaramond-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
                 U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
                 U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'LIVA Sans';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('/web/content/288/Jost-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'LIVA Sans';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url('/web/content/289/Jost-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
                 U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
                 U+2C60-2C7F, U+A720-A7FF;
}

/* --- Tokens -------------------------------------------------------------- */
:root {
  /* Grundtöne: warmes Schwarz, kein Blaustich — wie die Nachtaufnahmen */
  --liva-ink:      #0B0908;
  --liva-ink-2:    #12100C;
  --liva-ink-3:    #1A1610;
  --liva-ink-4:    #241E16;

  /* Gold aus den angestrahlten Lettern der Fassade */
  --liva-gold:     #C9A063;
  --liva-gold-hi:  #E8C489;
  --liva-amber:    #E0954A;

  --liva-cream:    #EFE7DA;
  --liva-muted:    #A2937E;
  --liva-line:     rgba(201, 160, 99, .22);
  --liva-line-soft: rgba(201, 160, 99, .10);

  --liva-serif: 'LIVA Serif', 'Cormorant Garamond', Garamond, 'Times New Roman', serif;
  --liva-sans:  'LIVA Sans', 'Jost', 'Helvetica Neue', Arial, sans-serif;

  --liva-shell: min(1180px, 92vw);
  --liva-arch: 50% 50% 6px 6px / 34% 34% 2% 2%;
}

/* ==========================================================================
   Grundlayout — überschreibt Odoos helle Voreinstellungen
   ========================================================================== */
body, #wrapwrap {
  background: var(--liva-ink);
  color: var(--liva-cream);
  font-family: var(--liva-sans);
  font-weight: 300;
  font-size: 1.02rem;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
#wrapwrap { overflow-x: hidden; }

.liva h1, .liva h2, .liva h3, .liva h4 {
  font-family: var(--liva-serif);
  font-weight: 400;
  color: var(--liva-cream);
  letter-spacing: .01em;
  line-height: 1.12;
  margin: 0;
}
.liva p { margin: 0 0 1.1em; color: var(--liva-muted); }
.liva p:last-child { margin-bottom: 0; }
.liva a { color: var(--liva-gold-hi); text-decoration: none; }
.liva a:hover { color: var(--liva-cream); }
.liva strong { color: var(--liva-cream); font-weight: 500; }

.liva-shell { width: var(--liva-shell); margin-inline: auto; }
.liva-section { padding: clamp(4.5rem, 9vw, 8.5rem) 0; position: relative; }
.liva-section--tint { background: var(--liva-ink-2); }

/* Kleine Überzeile — gesperrte Versalien, wie in den Instagram-Grafiken */
.liva-eyebrow {
  font-family: var(--liva-sans);
  font-size: .70rem;
  font-weight: 400;
  letter-spacing: .34em;
  text-transform: uppercase;
  color: var(--liva-gold);
  margin: 0 0 1.4rem;
  display: block;
}

.liva-h2 { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }
.liva-h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.liva .liva-lead { font-size: clamp(1.05rem, 1.5vw, 1.2rem); color: var(--liva-cream); opacity: .82; }

/* Goldene Haarlinie als Trenner — das wiederkehrende Motiv der Vorlagen */
.liva-rule {
  width: 74px; height: 1px; border: 0; margin: 1.8rem 0;
  background: linear-gradient(90deg, var(--liva-gold), transparent);
}
.liva-rule--center { margin-inline: auto;
  background: linear-gradient(90deg, transparent, var(--liva-gold), transparent); }

/* ==========================================================================
   Wortmarke — in Typo nachgebaut, damit sie in jeder Größe scharf bleibt
   ========================================================================== */
.liva-mark { display: inline-block; text-align: center; line-height: 1; }
.liva-mark__name {
  font-family: var(--liva-serif);
  font-weight: 400;
  letter-spacing: .30em;
  text-indent: .30em;            /* letzte Sperrung optisch ausgleichen */
  color: var(--liva-cream);
  display: block;
}
.liva-mark__swash { display: block; margin: .10em auto .22em; opacity: .95; }
.liva-mark__swash svg { display: block; width: 100%; height: auto; }
.liva-mark__sub {
  font-family: var(--liva-sans);
  font-weight: 300;
  letter-spacing: .42em;
  text-indent: .42em;
  text-transform: uppercase;
  color: var(--liva-muted);
  display: block;
}

/* ==========================================================================
   Kopfzeile — Odoos Header wird umlackiert, bleibt aber Odoos Header,
   damit der Website-Builder weiter funktioniert
   ========================================================================== */
#wrapwrap header#top,
#wrapwrap header .navbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#wrapwrap header#top {
  position: absolute; inset: 0 0 auto 0; z-index: 30;
  transition: background .35s ease, backdrop-filter .35s ease;
}
#wrapwrap header#top.liva-header--solid {
  position: fixed;
  background: rgba(11, 9, 8, .88) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--liva-line-soft) !important;
}
#wrapwrap header#top .nav-link,
#wrapwrap header#top .navbar-nav .nav-link {
  font-family: var(--liva-sans);
  font-size: .78rem !important;
  font-weight: 300;
  letter-spacing: .19em;
  text-transform: uppercase;
  color: var(--liva-cream) !important;
  opacity: .78;
  padding: .55rem 1.05rem !important;
  transition: opacity .2s, color .2s;
}
#wrapwrap header#top .nav-link:hover,
#wrapwrap header#top .nav-item.active .nav-link { opacity: 1; color: var(--liva-gold-hi) !important; }
#wrapwrap header#top .navbar-toggler {
  border: 1px solid var(--liva-line); color: var(--liva-cream);
  background: rgba(11,9,8,.6);
}
#wrapwrap header#top .navbar-toggler-icon {
  filter: invert(1) sepia(1) saturate(.4) hue-rotate(-10deg);
}
/* Ausgeklapptes Menü auf Mobil sichtbar hinterlegen */
#wrapwrap header#top .navbar-collapse.show,
#wrapwrap header#top .offcanvas-body {
  background: rgba(11, 9, 8, .96);
  border: 1px solid var(--liva-line-soft);
  border-radius: 4px;
  padding: .8rem;
}
/* Die Wortmarke im Header */
.liva-brand { display: inline-flex; align-items: center; padding: .2rem 0; }
.liva-brand .liva-mark__name { font-size: 1.45rem; letter-spacing: .26em; text-indent: .26em; }
.liva-brand .liva-mark__sub  { font-size: .46rem; letter-spacing: .34em; text-indent: .34em; }
.liva-brand .liva-mark__swash { width: 62px; }

/* ==========================================================================
   Hero
   ========================================================================== */
.liva-hero {
  position: relative;
  min-height: clamp(600px, 92vh, 940px);
  display: grid; place-items: center;
  text-align: center;
  overflow: hidden;
  isolation: isolate;
}
.liva-hero__media { position: absolute; inset: 0; z-index: -2; }
.liva-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 58%; }
/* Doppelter Verlauf: unten sattes Schwarz für den Text, oben Luft für den Header;
   dazu ein warmes Streiflicht, das die Uplights der Fassade aufnimmt. */
.liva-hero__scrim {
  position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(120% 78% at 50% 108%, rgba(224,149,74,.30) 0%, transparent 62%),
    linear-gradient(180deg, rgba(11,9,8,.86) 0%, rgba(11,9,8,.42) 34%,
                            rgba(11,9,8,.72) 72%, var(--liva-ink) 100%);
}
.liva-hero__inner { padding: 9rem 1.2rem 5rem; width: var(--liva-shell); }
.liva-hero .liva-mark__name { font-size: clamp(3.6rem, 12vw, 8.2rem); }
.liva-hero .liva-mark__sub  { font-size: clamp(.6rem, 1.5vw, .82rem); }
.liva-hero .liva-mark__swash { width: clamp(150px, 40vw, 330px); }
.liva .liva-hero__claim {
  font-family: var(--liva-serif);
  font-style: italic;
  font-size: clamp(1.2rem, 2.5vw, 1.85rem);
  color: var(--liva-cream);
  opacity: .93;
  margin: 2.4rem auto 0;
  max-width: 26ch;
  line-height: 1.45;
}
/* Sachinformation unter dem Claim — leiser als dieser, aber lesbar */
.liva-hero__note {
  margin: 1.6rem auto 0;
  max-width: 52ch;
}
.liva-hero__note p {
  font-size: .96rem;
  color: var(--liva-cream);
  opacity: .68;
  margin: 0;
}
.liva-hero__meta {
  font-family: var(--liva-sans);
  font-size: .72rem; font-weight: 400;
  letter-spacing: .32em; text-transform: uppercase;
  color: var(--liva-gold);
  margin-top: 1.9rem;
}
.liva-hero__actions {
  margin-top: 2.9rem; display: flex; gap: .9rem;
  justify-content: center; flex-wrap: wrap;
}
/* Sanfter Hinweis, dass es weitergeht */
.liva-scroll {
  position: absolute; bottom: 2rem; left: 50%; translate: -50% 0;
  width: 1px; height: 54px;
  background: linear-gradient(180deg, transparent, var(--liva-gold));
  opacity: .5;
}

/* ==========================================================================
   Schaltflächen
   ========================================================================== */
.liva-btn {
  display: inline-block;
  font-family: var(--liva-sans);
  font-size: .76rem; font-weight: 400;
  letter-spacing: .22em; text-transform: uppercase;
  padding: 1.02rem 2.3rem;
  border: 1px solid var(--liva-gold);
  color: var(--liva-gold-hi);
  background: transparent;
  border-radius: 2px;
  transition: background .28s ease, color .28s ease, border-color .28s ease;
}
/* Die Farbe muss mit .liva a mithalten (Klasse+Element), sonst gewinnt die
   allgemeine Linkfarbe und die gefuellte Schaltflaeche wird unlesbar. */
.liva a.liva-btn { color: var(--liva-gold-hi); }
.liva a.liva-btn:hover { background: var(--liva-gold); color: var(--liva-ink); border-color: var(--liva-gold); }
.liva a.liva-btn--solid { background: var(--liva-gold); color: var(--liva-ink); }
.liva a.liva-btn--solid:hover { background: var(--liva-gold-hi); border-color: var(--liva-gold-hi); color: var(--liva-ink); }
.liva a.liva-btn--ghost { border-color: var(--liva-line); color: var(--liva-cream); }
.liva a.liva-btn--ghost:hover { border-color: var(--liva-gold); background: transparent; color: var(--liva-gold-hi); }

/* ==========================================================================
   Rundbogen — das Architekturmotiv des Saals als Bildrahmen
   ========================================================================== */
.liva-arch {
  border-radius: var(--liva-arch);
  overflow: hidden;
  position: relative;
  border: 1px solid var(--liva-line-soft);
  background: var(--liva-ink-3);
}
.liva-arch img { display: block; width: 100%; height: 100%; object-fit: cover; }
.liva-arch::after {                      /* warmes Licht von unten, wie im Saal */
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(80% 46% at 50% 104%, rgba(224,149,74,.24), transparent 68%);
}
.liva-figure { position: relative; }
.liva-figure figcaption {
  font-family: var(--liva-sans);
  font-size: .68rem; letter-spacing: .24em; text-transform: uppercase;
  color: var(--liva-muted); margin-top: 1rem; text-align: center;
}

/* ==========================================================================
   Zweispalter Text/Bild
   ========================================================================== */
.liva-split {
  display: grid; gap: clamp(2.4rem, 5vw, 5rem);
  grid-template-columns: 1fr; align-items: center;
}
@media (min-width: 900px) {
  .liva-split { grid-template-columns: 1fr 1fr; }
  .liva-split--wide-text { grid-template-columns: 1.15fr .85fr; align-items: start; }
  .liva-split--flip .liva-split__media { order: -1; }
}

/* ==========================================================================
   Leistungsmerkmale — Häkchen + Haarlinie, direkt aus der Instagram-Grafik
   ========================================================================== */
.liva-features { list-style: none; margin: 0; padding: 0; }
.liva-features li {
  display: grid; grid-template-columns: auto 1fr; gap: 1.1rem;
  align-items: start;
  padding: 1.35rem 0;
  border-bottom: 1px solid var(--liva-line-soft);
}
.liva-features li:first-child { border-top: 1px solid var(--liva-line-soft); }
.liva-features__icon {
  width: 26px; height: 26px; margin-top: .18rem;
  border: 1px solid var(--liva-gold); border-radius: 50%;
  display: grid; place-items: center; flex: none;
}
.liva-features__icon svg { width: 12px; height: 12px; stroke: var(--liva-gold); fill: none;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.liva-features__label {
  font-family: var(--liva-serif); font-size: 1.28rem; color: var(--liva-cream);
  display: block; line-height: 1.3;
}
.liva-features__text { font-size: .93rem; color: var(--liva-muted); margin-top: .2rem; display: block; }

/* ==========================================================================
   Anlass-Karten
   ========================================================================== */
.liva-cards { display: grid; gap: 1.6rem; grid-template-columns: 1fr; }
@media (min-width: 760px)  { .liva-cards { grid-template-columns: repeat(3, 1fr); } }
.liva-card {
  background: var(--liva-ink-3);
  border: 1px solid var(--liva-line-soft);
  border-radius: 3px;
  padding: 2.4rem 2rem;
  transition: border-color .3s ease, transform .3s ease, background .3s ease;
}
.liva-card:hover { border-color: var(--liva-line); transform: translateY(-3px); background: var(--liva-ink-4); }
.liva-card h3 { font-size: 1.5rem; margin-bottom: .9rem; }
.liva-card p { font-size: .95rem; margin: 0; }
.liva-card__num {
  font-family: var(--liva-serif); font-size: 1rem; letter-spacing: .3em;
  color: var(--liva-gold); display: block; margin-bottom: 1.1rem;
}

/* ==========================================================================
   Zitat / Claim-Band
   ========================================================================== */
.liva-quote { text-align: center; }
.liva-quote blockquote {
  font-family: var(--liva-serif); font-style: italic;
  font-size: clamp(1.5rem, 3.4vw, 2.5rem);
  line-height: 1.4; color: var(--liva-cream);
  margin: 0 auto; max-width: 22ch; border: 0; padding: 0;
}

/* ==========================================================================
   Galerie
   ========================================================================== */
/* Sechs Spalten als Raster: das Auftaktbild nimmt alle sechs, die uebrigen
   je zwei. Bei vier Bildern ergibt das eine volle Breite plus eine Dreierreihe
   — ohne Luecke. */
.liva-gallery { display: grid; gap: 1.1rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 860px) { .liva-gallery { grid-template-columns: repeat(6, 1fr); } }
.liva-gallery figure { margin: 0; overflow: hidden; border-radius: 3px; background: var(--liva-ink-3); }
.liva-gallery img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform .7s cubic-bezier(.2,.7,.3,1), opacity .4s;
  opacity: .88;
}
.liva-gallery figure:hover img { transform: scale(1.04); opacity: 1; }

.liva-gallery__lead  { grid-column: 1 / -1; }
.liva-gallery__lead img  { aspect-ratio: 16 / 7; object-position: center 42%; }
.liva-gallery__third img { aspect-ratio: 4 / 5; }
@media (min-width: 860px) { .liva-gallery__third { grid-column: span 2; } }

/* ==========================================================================
   Kontaktzeile
   ========================================================================== */
.liva-contact { display: grid; gap: 2.2rem; grid-template-columns: 1fr; }
@media (min-width: 820px) { .liva-contact { grid-template-columns: repeat(3, 1fr); } }
.liva-contact__item { border-top: 1px solid var(--liva-line-soft); padding-top: 1.4rem; }
.liva-contact__k {
  font-size: .68rem; letter-spacing: .28em; text-transform: uppercase;
  color: var(--liva-gold); display: block; margin-bottom: .6rem;
}
.liva-contact__v { font-family: var(--liva-serif); font-size: 1.35rem; color: var(--liva-cream); }
.liva-contact__v a { color: inherit; }
.liva-contact__v a:hover { color: var(--liva-gold-hi); }

/* ==========================================================================
   Abschluss-Band mit Lichtstimmung
   ========================================================================== */
.liva-cta-band {
  position: relative; text-align: center; overflow: hidden;
  background: var(--liva-ink-2);
}
.liva-cta-band::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(70% 100% at 50% 118%, rgba(224,149,74,.26), transparent 66%);
}
.liva-cta-band > * { position: relative; }

/* ==========================================================================
   Fußzeile — ebenfalls Odoos Footer, nur umlackiert
   ========================================================================== */
#wrapwrap footer, #wrapwrap footer .o_footer_copyright {
  background: var(--liva-ink) !important;
  color: var(--liva-muted) !important;
  border-top: 1px solid var(--liva-line-soft);
}
#wrapwrap footer a { color: var(--liva-muted) !important; }
#wrapwrap footer a:hover { color: var(--liva-gold-hi) !important; }
.liva-footer { padding: 4.5rem 0 2rem; }
.liva-footer__grid { display: grid; gap: 2.6rem; grid-template-columns: 1fr; }
@media (min-width: 820px) { .liva-footer__grid { grid-template-columns: 1.4fr 1fr 1fr; } }
.liva-footer h4 {
  font-family: var(--liva-sans); font-size: .68rem; font-weight: 400;
  letter-spacing: .28em; text-transform: uppercase; color: var(--liva-gold);
  margin-bottom: 1.1rem;
}
.liva-footer ul { list-style: none; margin: 0; padding: 0; }
.liva-footer li { margin-bottom: .55rem; font-size: .93rem; }
.liva-footer__bottom {
  margin-top: 3.2rem; padding-top: 1.6rem;
  border-top: 1px solid var(--liva-line-soft);
  display: flex; flex-wrap: wrap; gap: .8rem 1.6rem;
  justify-content: space-between;
  font-size: .8rem; color: var(--liva-muted);
}

/* ==========================================================================
   Formular (Odoo-Snippet umlackiert)
   ========================================================================== */
.liva-form .form-control, .liva-form .form-select, .liva-form textarea, .liva-form input {
  background: var(--liva-ink-3) !important;
  border: 1px solid var(--liva-line-soft) !important;
  color: var(--liva-cream) !important;
  border-radius: 2px !important;
  padding: .85rem 1rem !important;
  font-family: var(--liva-sans); font-weight: 300;
  box-shadow: none !important;
}
.liva-form .form-control:focus, .liva-form textarea:focus, .liva-form input:focus {
  border-color: var(--liva-gold) !important;
  background: var(--liva-ink-4) !important;
}
.liva-form .form-control::placeholder { color: rgba(162,147,126,.6) !important; }
.liva-form label, .liva-form .col-form-label {
  font-size: .70rem !important; letter-spacing: .2em; text-transform: uppercase;
  color: var(--liva-gold) !important; font-weight: 400 !important;
  margin-bottom: .45rem;
}
.liva-form .btn-primary, .liva-form .s_website_form_send {
  background: var(--liva-gold) !important; border-color: var(--liva-gold) !important;
  color: var(--liva-ink) !important;
  font-family: var(--liva-sans); font-size: .76rem !important;
  letter-spacing: .22em; text-transform: uppercase;
  padding: 1rem 2.3rem !important; border-radius: 2px !important;
}
.liva-form .btn-primary:hover, .liva-form .s_website_form_send:hover {
  background: var(--liva-gold-hi) !important; border-color: var(--liva-gold-hi) !important;
}

/* ==========================================================================
   Sanftes Einblenden beim Scrollen — nur wenn es gewünscht ist
   ========================================================================== */
/* Der Ausgangszustand ist SICHTBAR. Erst wenn das Skript laeuft, setzt es die
   Klasse liva-js auf <html> und blendet die Abschnitte zunaechst aus. Ohne
   JavaScript — und in jedem Crawler, der keins ausfuehrt — bleibt der Inhalt
   damit vollstaendig sichtbar. */
@media (prefers-reduced-motion: no-preference) {
  html.liva-js .liva-reveal {
    opacity: 0; transform: translateY(22px);
    transition: opacity .9s ease, transform .9s ease;
  }
  html.liva-js .liva-reveal.is-in { opacity: 1; transform: none; }
}

/* Hinweisbox für noch offene Inhalte (Impressum/Datenschutz) */
.liva-note {
  border: 1px dashed var(--liva-line);
  border-radius: 3px;
  padding: 1.3rem 1.5rem;
  background: rgba(201,160,99,.05);
  font-size: .92rem;
  color: var(--liva-muted);
}
.liva-note strong { color: var(--liva-gold-hi); }

/* Handlungsaufforderung in der Kopfzeile (Odoos .btn_cta) */
#wrapwrap header#top .btn_cta,
#wrapwrap header#top .btn-primary {
  background: transparent !important;
  border: 1px solid var(--liva-gold) !important;
  color: var(--liva-gold-hi) !important;
  font-family: var(--liva-sans);
  font-size: .72rem !important;
  font-weight: 400 !important;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: .72rem 1.6rem !important;
  border-radius: 2px !important;
  transition: background .28s ease, color .28s ease;
}
#wrapwrap header#top .btn_cta:hover,
#wrapwrap header#top .btn-primary:hover {
  background: var(--liva-gold) !important;
  color: var(--liva-ink) !important;
}
/* Der CTA sitzt in einem oe_structure-Container mit Odoo-Abstaenden */
#wrapwrap header#top .btn_cta,
#wrapwrap header#top section.s_text_block { padding: 0 !important; margin: 0 !important; }
#wrapwrap header#top section.s_text_block .container { padding: 0 !important; }

/* --------------------------------------------------------------------------
   Lesbarkeit der Wortmarke über unruhigen Bildern
   Der Kronleuchter im Auftakt bringt viele helle Lichtpunkte genau dorthin, wo
   „EVENTLOCATION" steht. Ein zusätzlicher Schleier hinter dem Text und ein
   weicher Schatten halten die Marke lesbar, ohne das Bild flachzudrücken.
   -------------------------------------------------------------------------- */
.liva-hero__scrim {
  background:
    radial-gradient(46% 34% at 50% 42%, rgba(11,9,8,.72) 0%, transparent 74%),
    radial-gradient(120% 78% at 50% 108%, rgba(224,149,74,.30) 0%, transparent 62%),
    linear-gradient(180deg, rgba(11,9,8,.86) 0%, rgba(11,9,8,.42) 34%,
                            rgba(11,9,8,.72) 72%, var(--liva-ink) 100%);
}
.liva-hero .liva-mark__name { text-shadow: 0 2px 26px rgba(0,0,0,.75); }
.liva-hero .liva-mark__sub {
  color: var(--liva-cream);
  opacity: .8;
  text-shadow: 0 1px 14px rgba(0,0,0,.9);
}
.liva .liva-hero__claim { text-shadow: 0 2px 18px rgba(0,0,0,.7); }

/* == LIVA media 2026-10 == */
/* ==========================================================================
   Ergänzung 13.10.2026 — neues Bildmaterial (Profi-Aufnahmen des fertigen
   Saals) und das Rundgang-Video im Hochformat
   ========================================================================== */

/* Die neuen Saalaufnahmen tragen den Kronleuchter im oberen Drittel —
   der Bildfokus im Hero rückt deshalb nach oben (vorher: center 58%). */
.liva-hero__media img { object-position: center 40%; }

/* Rundgang-Video im Hochformat (9:16), gerahmt wie die Rundbogen-Bilder.
   Breite bewusst begrenzt: ein Hochkant-Video wirkt wie ein Fenster in den
   Saal, nicht wie ein Fernseher. */
.liva-video {
  position: relative;
  width: min(100%, 420px);
  margin-inline: auto;
  aspect-ratio: 9 / 16;
  border-radius: var(--liva-arch);
  overflow: hidden;
  border: 1px solid var(--liva-line-soft);
  background: var(--liva-ink-3);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .55);
}
.liva-video video { display: block; width: 100%; height: 100%; object-fit: cover; }
.liva-video::after {                      /* warmes Licht von unten, wie beim Bildrahmen */
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(80% 40% at 50% 104%, rgba(224,149,74,.20), transparent 68%);
}
/* Mit Steuerleiste (Galerie): kein Lichtschleier über den Bedienelementen */
.liva-video--controls::after { display: none; }