/*
 * Eigene Ergaenzungen zum eingefrorenen Bricks-CSS. Laedt als letzte Datei.
 * Jede Regel hier ist eine bewusste Abweichung vom Bestand - im Protokoll
 * (docs/PROTOKOLL-BRICKS-AUSBAU.md) begruenden.
 *
 * Warum es diese Datei braucht: Das Tailwind-CSS je Seite (css/seiten/) enthaelt
 * nur Klassen, die beim Einfrieren im DOM standen. Bloecke hinter einer
 * Bedingung, die damals falsch war (leeres ACF-Feld), haben dort kein CSS.
 * Ihre Klassen stehen hier - Werte = Tailwind v3 (Winden-Konfiguration).
 *
 * Begrenzt mit :where(#id): :where() zaehlt nicht zur Spezifitaet. Die Regeln
 * wiegen so viel wie das Original-Tailwind (eine Klasse) und laden wie dieses
 * zuletzt - sie gewinnen also nicht ueber Bricks' #brxe-ID-Regeln (z. B. die
 * Bildbreite 80%), wo das Original es auch nicht tat.
 */

/*
 * Programm (1685): Download-Block fuer die Programm-PDF (Feld war leer).
 * Werte aus css/seiten/1836.css (Musikprogramm, gleicher Block).
 */
:where(#brxe-vxsatw).mt-1 { margin-top: 0.25rem; }
:where(#brxe-vxsatw) .text-sm { font-size: var(--step--1); }
:where(#brxe-vxsatw) .mb-2 { margin-bottom: 0.5rem; }
:where(#brxe-vxsatw) .px-4 { padding-left: 1rem; padding-right: 1rem; }
:where(#brxe-vxsatw) .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
:where(#brxe-vxsatw) .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
:where(#brxe-vxsatw) .whitespace-nowrap { white-space: nowrap; }
:where(#brxe-vxsatw) .border-solid { border-style: solid; }
:where(#brxe-vxsatw) .border-secondary { --tw-border-opacity: 1; border-color: rgb(34 34 34 / var(--tw-border-opacity, 1)); }
:where(#brxe-vxsatw) .hover\:cursor-pointer:hover { cursor: pointer; }
:where(#brxe-vxsatw) .hover\:bg-secondary:hover { --tw-bg-opacity: 1; background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)); }
:where(#brxe-vxsatw) .group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
@media (min-width: 768px) {
	:where(#brxe-vxsatw).md\:mt-8 { margin-top: 2rem; }
}

/*
 * Startseite (139): Einleitung mit Bild (Feld acf_lp_introimage war leer).
 */
:where(#brxe-dobnqw).grid { display: grid; }
:where(#brxe-dobnqw).max-w-screen-2xl { max-width: 1536px; }
:where(#brxe-dobnqw) .relative { position: relative; }
:where(#brxe-dobnqw) .min-h-\[250px\] { min-height: 250px; }
:where(#brxe-dobnqw) .w-full { width: 100%; }
:where(#brxe-dobnqw) .h-full { height: 100%; }
:where(#brxe-dobnqw) .p-4 { padding: 1rem; }
:where(#brxe-dobnqw) .mt-6 { margin-top: 1.5rem; }
@media (min-width: 1024px) {
	:where(#brxe-dobnqw).lg\:grid { display: grid; }
	:where(#brxe-dobnqw).lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	:where(#brxe-dobnqw).lg\:gap-x-8 { column-gap: 2rem; }
	:where(#brxe-dobnqw) .lg\:col-span-5 { grid-column: span 5 / span 5; }
	:where(#brxe-dobnqw) .lg\:col-span-7 { grid-column: span 7 / span 7; }
	:where(#brxe-dobnqw) .lg\:-mr-8 { margin-right: -2rem; }
}
@media (min-width: 1280px) {
	:where(#brxe-dobnqw) .xl\:col-span-6 { grid-column: span 6 / span 6; }
	:where(#brxe-dobnqw) .xl\:absolute { position: absolute; }
	:where(#brxe-dobnqw) .xl\:inset-0 { inset: 0px; }
	:where(#brxe-dobnqw) .xl\:left-1\/2 { left: 50%; }
	:where(#brxe-dobnqw) .xl\:mr-0 { margin-right: 0px; }
}

/*
 * Modus "Infos folgen" (custom-functionality/infos-folgen): Platzhalter auf
 * stillgelegten Seiten, im Stil der Programmtag-Ueberschriften
 * (bg-primary py-4 px-5). Neu, kein Bestand.
 */
.sk-infos-folgen { background-color: var(--primary); padding: 1rem 1.25rem; margin: 0; }