/* ==========================================================================
   Wasted! Openair — Marke.

   Aussehen und Layout stehen in festival.css (wird vom dd_clubs-Set vor
   dieser Datei geladen). Hier steht nur, was diese Site von den anderen
   unterscheidet. Frueher lagen hier zusaetzlich 380 Zeilen, die wortgleich
   auch in NBGPunkfest.css und Weinturm.css standen.
   ========================================================================== */

:root {
    /* ========= PRIMARY ========= */

    --bs-primary: #0aa8b0;
    --bs-primary-rgb: 10, 168, 176;

    --bs-primary-bg-subtle: #ceeeef;
    --bs-primary-border-subtle: #9ddcdf;
    --bs-primary-text-emphasis: #044346;

    /* Schwarz auf der Basisflaeche ergibt 7,24:1, auf der Emphasis-Flaeche 11,07:1. */
    --klaro-primary-contrast: #000000;
    --klaro-primary-emphasis-contrast: #ffffff;
    --klaro-primary-hover-contrast: #ffffff;

    /* ========= SECONDARY ========= */

    --bs-secondary: #e74f0c;
    --bs-secondary-rgb: 231, 79, 12;

    --bs-secondary-bg-subtle: #fadcce;
    --bs-secondary-border-subtle: #f5b99e;
    --bs-secondary-text-emphasis: #5c2005;

    /* Schwarz auf der Basisflaeche ergibt 5,52:1, auf der Emphasis-Flaeche 12,62:1. */
    --klaro-secondary-contrast: #000000;
    --klaro-secondary-emphasis-contrast: #ffffff;
    --klaro-secondary-hover-contrast: #ffffff;
}

/* Der Stoerer im Hero ist gelb — die Datumszeile darauf bleibt weiss mit
   dem Schlagschatten aus festival.css. */
.divide-cloud-inside .cloud-text h1 {
    color: #fff !important;
}

/* Die Buehne dieser Site endet bei der halben Fensterhoehe — so stand es
   hier vor der Zusammenfuehrung (.swiper-container { height: 50vh }).
   Der gemeinsame Deckel in festival.css liegt bei 78vh; das passt den
   anderen Festivals, hier schob es alles andere unter den Falz.
   Nur ab 992px, damit die Buehne auf dem Telefon hochkant bleibt. */
@media (min-width: 992px) {
    .swiper-container {
        max-height: 50vh;
    }
}

/* Die Wortmarke ist weiss auf dem lila Hintergrundbild der Leiste und
   darf deshalb etwas groesser stehen als der gemeinsame Standard. */
@media (min-width: 992px) {
    .navbar-logo-wrapper img {
        max-height: 76px;
    }
}