/* Mobil-Optimierung der Ressourcen-Übersicht (/ressourcen/) – MKT-976.
   Reines Plugin-CSS auf die festen Bricks-Element-IDs; greift NICHT in den Bricks-Baum ein.
   !important, damit es die per-Element-/ACSS-Regeln (gleiche #brxe-id-Spezifität) zuverlässig überschreibt. */

/* Tablet: Card-Grid auf 2 Spalten */
@media (max-width: 991px) {
	#brxe-looprs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Smartphone */
@media (max-width: 767px) {
	/* Hero kompakter */
	#brxe-sechro { padding-top: 40px !important; padding-bottom: 40px !important; }

	/* Featured-Card: Bild + Text untereinander statt nebeneinander */
	#brxe-cdfea1 { grid-template-columns: 1fr !important; }

	/* Card-Grid einspaltig */
	#brxe-looprs { grid-template-columns: 1fr !important; gap: 24px !important; }

	/* Filterleiste: Selects untereinander, volle Breite */
	#brxe-barflt { flex-direction: column !important; align-items: stretch !important; }
	#brxe-barflt > select { width: 100% !important; max-width: none !important; flex: 1 1 auto !important; }
}