/* ═══════════════════════════════════════════════════════════════
   Fantasie-Festival 2026 – Custom CSS
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Max-width: 1080px, responsive (bootstrap.css überschreiben) ─────────────────────────── */
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
      max-width: 720px; /* 960px */
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 720px; /* 1140px */
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 720px; /* 1320px */
  }
}

/* ── 2. Sticky navbar anchor-offset fix ───────────────────────── */
:target,
[id] {
  scroll-margin-top: 80px;
}

/* ── 3. Hero section ──────────────────────────────────────────── */
/*
.hero-section {
  background: linear-gradient(135deg, #fff7e6 0%, #e8f5e9 100%);
  border-bottom: 3px solid var(--bs-primary);
}
[data-bs-theme="dark"] .hero-section {
  background: linear-gradient(135deg, #1a1200 0%, #001a08 100%);
}
*/

/* ── 4. Section headings with left accent ─────────────────────── */
/*
.section-heading {
  border-left: 4px solid var(--bs-primary);
  padding-left: 0.75rem;
}
*/

/* ── 5. Accordion: make day-headers a bit bolder ─────────────── */
#scheduleAccordion .accordion-button {
  font-weight: 600;
}

/* ── 6. Schedule table: no outer border inside accordion ─────── */
#scheduleAccordion .table {
  border: 0;
}
#scheduleAccordion .table th,
#scheduleAccordion .table td {
  vertical-align: middle;
}

/* ── 7. Detail page: wiki_headingtitle ────────────────────────── */
.wiki_headingtitle h1 {
  font-size: 1.75rem;
  border-bottom: 2px solid var(--bs-primary);
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

/* ── 8. Card uniform heights in highlight grid ────────────────── */
.card {
  border-radius: 0.6rem;
}

/* ── 9. Smooth scroll ─────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
}

/* ── A. Firework animation at click no selection ──────────────── */

/* https://codesandbox.io/p/sandbox/firework-animation-at-click-4ovk0 */
.noselect {
  user-select: none !important;
}

/* ── B. Skaliert alle Schriftgrössen (mit Fallback für FF) ────── */

body { zoom: 1.4; }
@supports not (zoom: 1.4) {
  body { transform: scale(1.4); transform-origin: top left; width: 71.4%; }
}