/* Erlebnisansicht im Stil der neuen Startseite (Blaue Stunde + Brief).
   Wird NACH style.css geladen und überschreibt nur Farben, Schriften und Auszeichnungen. */
:root {
  --plaster-a:  #F3F5F8;
  --plaster-b:  #DCE2EA;
  --frame:      #14213A;
  --fascia-a:   #24314B;
  --fascia-b:   #141E33;
  --deck-a:     #E1E6EC;
  --deck-b:     #CBD3DD;
  --soffit:     #0D1626;

  --bronze:      #FFCE7B;   /* Gold wie die Fensterlichter */
  --bronze-deep: #1D3B8B;   /* Tintenblau wie im Brief */

  --ink:        #14213A;
  --ink-soft:   #33415A;
  --ink-muted:  #66748A;
  --light-1:    #F3F6FB;
  --light-2:    #B9C6D8;
  --light-3:    #7F8FA6;

  --sky-1: #071226;
  --sky-2: #0E2142;
  --sky-3: #1B3560;
  --sky-4: #2E4E7C;
  --sky-5: #5A7FA6;

  --day-1: #D6E6F2;
  --day-2: #E6EEF5;
  --day-3: #EEF2F6;

  --font-display: "Libre Baskerville", Georgia, serif;
  --font-sans:    "Mona Sans", system-ui, -apple-system, "Helvetica Neue", sans-serif;
}

/* Auszeichnungen ohne Großbuchstaben-Sperrsatz */
.eyebrow, .entry-eyebrow, .sheet-eyebrow, .trust-row {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}
.eyebrow { font-size: max(calc(var(--u)*1.35), 10px); }
.trust-row { font-size: max(calc(var(--u)*1.2), 9px); }
.trust-row i { display: inline-block; width: 1px; height: 1em; background: currentColor; opacity: .35; }

.hero-title, .face-title { font-stretch: 112%; font-weight: 700; }
.hero-title em { font-weight: 400; color: var(--bronze-deep); }

.btn { background: var(--ink); color: #fff; }
.btn:hover { background: var(--bronze-deep); box-shadow: 0 0 calc(var(--u)*2.4) rgba(29,59,139,.35), 0 calc(var(--u)*0.7) calc(var(--u)*1.6) rgba(10,20,40,.3); }
.btn-ghost { background: rgba(255,255,255,.6); color: var(--ink); box-shadow: inset 0 0 0 1.5px rgba(20,33,58,.5); }
.btn-ghost:hover { background: var(--ink); color: #fff; }

.mark { background: rgba(255,255,255,.7); box-shadow: inset 0 0 0 1px rgba(29,59,139,.35), 0 calc(var(--u)*0.5) calc(var(--u)*1.4) rgba(10,20,40,.2); }
.vgl-gain .vgl-tag { color: #1D3B8B; }
.vgl-gain li::before { background: #FFCE7B; box-shadow: 0 0 calc(var(--u)*0.9) rgba(255,206,123,.7); }
.vgl-arrow { border-color: #1D3B8B; }
.icon-day { box-shadow: 0 0 0 2.5px rgba(29,59,139,.3); }
.facenav button.active i, .facenav-kontakt i { box-shadow: 0 0 5px rgba(255,206,123,.9); }

/* Altstadt-Häuserzeile als Horizont, wie unten auf allen anderen Seiten (als Band wiederholt, damit Dächer und Fahne ganz sichtbar bleiben) */
.erl-altstadt { position: fixed; left: 0; right: 0; bottom: 0; height: 26vh; min-height: 140px; z-index: -4; pointer-events: none;
  background: url("altstadt.svg?v=20261007-2") center bottom / auto 100% repeat-x; }
body.day .erl-altstadt { opacity: .9; }