/*
 * EMEU Design-Klassen — uebersetzt aus dem Bricks-Style-Manager
 * GENERIERT (Bricks-Uebersetzung) — ab 2026-08-29 KURATIERT (A3, Lumina-Setzung): Generator eingefroren (build.php-Guard), Pflege von Hand HIER; Bricks-Rueckweg via Archiv-Quellen (_bricksbuilder__styles plus bricks-child).
 *
 * Generator: emeu-design-system build.php | Version b398e8b88e6a (Quell-Hash)
 * Quellen:
 *   - emeu_brand-dna__bricks-classes.json (Stand 2026-08-04 19:27 UTC)
 *   - emeu_brand-dna__bricks-variables.json (Stand 2026-08-18 22:04 UTC)
 *   - emeu_brand-dna__color-palette-emeu-color.json (Stand 2026-08-18 21:08 UTC)
 *   - style.css (Stand 2026-08-06 00:06 UTC)
 * Bilanz: 518 Klassen = 224 uebersetzt + 37 nur-Kontext-definiert + 255 Aufraeum-Bericht + 2 Rest-Bericht
 *
 * HAND-KORRIGIERT 2026-08-29 (Lumina-Setzung, wert-identisch, parallel zur tokens.css-Bereinigung):
 *   - --spaccing__navigation-to-hero__* zu --spacing__* (5 Stellen, Tippfehler-Paar mit tokens.css)
 *   - var(--state-success-dark/-light) zu var(--signal-green / --signal-green-d-2)
 *     (design-ci-01__badge; Alt-Aliase entfielen in tokens.css, Rampen-Werte identisch)
 *   - SLIDER-LEGACY ENTFERNT 2026-08-29 (Lumina-Setzung): alle .drag-slider__*- und
 *     .three-media-drag-slider__*-Regeln geschnitten — das neue Modul
 *     mu-plugins/emeu-drag-slider traegt eigenen Namespace plus eigene Assets.
 *   - HINWEIS-STAND NACH A3: die frueher hier gelisteten Alt-Bricks-Klassen
 *     (five-navigation, f-pattern, fact-card, nav-message, design-ci, Grid-Subs)
 *     sind vollstaendig geschnitten — keine toten Token-Referenzen mehr;
 *     Sanierung mit Generator-Lauf A3. Sicherung: emeu-classes.css.alt-20260829
 *   - A3-NUTZUNGS-SCHNITT 2026-08-29 (Lumina-GO): 160 fund-lose Alt-Bricks-Klassen
 *     entfernt (Nutzungs-Scan gegen DB aller Sites plus Code-Flaechen, Protokoll
 *     a3_nutzungs_scan_2026-08-29.txt in wpmu-pro-operations). Verbleib: System-API
 *     (Worker, Kontext, Pille, Grid) plus Code-Funde. Rueckweg: Archiv-Quellen.
 */

.bg-context {
	background-color: var(--color-bg);
}

.bg-signal {
	background-color: var(--color-primary);
	color: var(--color-on-primary);
}

.button__rounded-corner {
	background-color: var(--button-rounded-bg);
	border-radius: var(--btn__rounded__border-radius) var(--btn__rounded__border-radius) var(--btn__rounded__border-radius) var(--btn__rounded__border-radius);
	padding-bottom: var(--btn__rounded__padding__top-bottom);
	padding-left: var(--btn__rounded__padding__left-right);
	padding-right: var(--btn__rounded__padding__left-right);
	padding-top: var(--btn__rounded__padding__top-bottom);
}

.button__rounded-corner:hover {
	background-color: var(--button-rounded-bg__hover);
}

.color-border {
	border-bottom-width: 1px;
	border-color: var(--color-border);
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-top-width: 1px;
}

.color-subhead {
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
	font-weight: 300;
	line-height: 1.6;
	text-align: center;
	text-wrap: balance;
}

.edge-padding {
	padding-left: var(--edge-padding__bp-x);
	padding-right: var(--edge-padding__bp-x);
}

.full-width {
	max-width: 100%;
	overflow: hidden;
	width: 100vw;
}

.spacing__section-to-section {
	margin-top: var(--spacing__secion-to-section__bp-x);
}

/* Umbruch large_desktop: (min-width: 1536px) — verified Server-DB 2026-08-04 (custom) */
@media (min-width: 1536px) {
	.color-subhead {
		text-wrap: balance;
	}

	.edge-padding {
		padding-left: var(--edge-padding__bp-a);
		padding-right: var(--edge-padding__bp-a);
	}

	.spacing__section-to-section {
		margin-top: var(--spacing__secion-to-section__bp-a);
	}

}

/* Umbruch compact: (max-width: 1279px) — verified Server-DB 2026-08-04 (custom) */
@media (max-width: 1279px) {
	.edge-padding {
		padding-left: var(--edge-padding__bp-b);
		padding-right: var(--edge-padding__bp-b);
	}

	.spacing__section-to-section {
		margin-top: var(--spacing__secion-to-section__bp-b);
	}

}

/* Umbruch tablet_portrait: (max-width: 1024px) — verified Server-DB 2026-08-04 (edited, NICHT Default 991) */
@media (max-width: 1024px) {

	.edge-padding {
		padding-left: var(--edge-padding__bp-d);
		padding-right: var(--edge-padding__bp-d);
	}

	.spacing__section-to-section {
		margin-top: var(--spacing__secion-to-section__bp-d);
	}

}

/* Umbruch mobile_landscape: (max-width: 899px) — verified Server-DB 2026-08-04 (edited, NICHT Default 767) */

/* Umbruch mobile_portrait: (max-width: 600px) — verified Server-DB 2026-08-04 (edited, NICHT Default 478) */
@media (max-width: 600px) {

	.edge-padding {
		padding-left: var(--edge-padding__bp-f);
		padding-right: var(--edge-padding__bp-f);
	}

	.spacing__section-to-section {
		margin-top: var(--spacing__secion-to-section__bp-f);
	}

}

/* ============ Custom-CSS-Roh-Bloecke (Quell-Treue: eigene Selektoren, unveraendert) ============ */

/* MODIFIER --fade: Forge-Naht-Prinzip — Verlauf MEDIA-seitig,
   volle Deckung exakt am Content-Beginn (Farbe trifft identische Farbe).
   --fade-band-start ist der EIN-WERT-REGLER fuer die Feinjustierung. */

/* MODIFIER --glass: Voll-Bleed-Media, Inhalt auf Glas-Panel,
   Masken-Fade (Keyword black) statt harter Kante. Kippt Text- und
   Badge-Kontext selbst (kein on-dark-Doppel-Setzen noetig). */

/* Verifiziert-Badge: SVG-freier 9-Spitzen-Stern (clip-path), kontext-getrennt:
   signal-green-d-2 im Hell-Kontext, --glass kippt auf signal-green. */

/* CSS-Haken im Badge-Stern */

/* CTA Follow-Pill (a-Element; Plus-Zeichen via ::after) */

/* Beschreibung (Content-Text -> H6-Transport, p2-Optik) */

/* Headline-Zeile: Name + Badge (Badge faehrt in der Headline-Staffel) */

/* Media-Zone (Basis: geboxt, schlanke Einfassung) */

/* Name (H-Tag ist Transport-Vehikel; UA-Margin-Reset an der ROLLEN-Klasse,
   nie am Tag — Kontrakt: Styles binden nie an Tags) */

/* Icon-Element-Wrapper (Kontrakt Sektion 4: brxe-div + Icon-Widget + h6-Wert) */

/* Icon-Widget-Optik (Rollen-Klasse am i-Tag — Styles binden nie an Tags) */

/* Stat-Wert (Meta -> H6-Transport) */

/** VISUAL GRID BUILDER - START **/

/** aozixt - 1 **/

/** sgwzxk - 2 **/

/** VISUAL GRID BUILDER - END **/

/* Custom-CSS aus Klasse: test-layout-sequenz (Roh-Block, eigene Selektoren) */
#brxe-kgwhpg { 
  color:white;
}

/** VISUAL GRID BUILDER - START **/

/** pdkohb - 1 **/

/** VISUAL GRID BUILDER - END **/

/** VISUAL GRID BUILDER - START **/

/** opkmhp - 1 **/

/** kkwxzf - 5 **/

/** jgwrcy - 4 **/

/** frwlad - 3 **/

/** nniokn - 2 **/

/** VISUAL GRID BUILDER - END **/