/**
 * MUP — Visibility per Viewport (v6.2.32)
 * ─────────────────────────────────────────────────────────────────
 * User-Bug-Fix: Mobile-Hide-Klassen wirkten nicht im Frontend.
 * Diese CSS-Datei stellt verlässliche Visibility-Klassen bereit,
 * inklusive Aliase für die häufigsten Theme-Klassen (Kadence-Style).
 *
 * Klassen:
 *   .mup-hide-mobile      → versteckt unter 782px
 *   .mup-hide-tablet      → versteckt zwischen 782px und 1024px
 *   .mup-hide-desktop     → versteckt ab 1024px
 *   .mup-show-mobile-only → nur unter 782px sichtbar
 *   .mup-show-desktop-only → nur ab 1024px sichtbar
 *
 * Plus Kompat-Aliase (gleiche Wirkung):
 *   .hide-mobile, .hide-tablet, .hide-desktop,
 *   .is-hidden-mobile, .is-hidden-tablet, .is-hidden-desktop,
 *   .kadence-hide-mobile, .kadence-hide-tablet, .kadence-hide-desktop
 */

/* ── Mobile: < 782px ───────────────────────────────────────────── */
@media (max-width: 781.98px) {
	.mup-hide-mobile,
	.hide-mobile,
	.is-hidden-mobile,
	.kadence-hide-mobile,
	[data-mup-hide-mobile="1"] {
		display: none !important;
	}
	.mup-show-desktop-only,
	.show-desktop-only,
	.is-hidden-mobile-not {
		display: none !important;
	}
}

/* ── Tablet: 782px – 1023px ────────────────────────────────────── */
@media (min-width: 782px) and (max-width: 1023.98px) {
	.mup-hide-tablet,
	.hide-tablet,
	.is-hidden-tablet,
	.kadence-hide-tablet,
	[data-mup-hide-tablet="1"] {
		display: none !important;
	}
	.mup-show-mobile-only,
	.show-mobile-only {
		display: none !important;
	}
}

/* ── Desktop: ≥ 1024px ─────────────────────────────────────────── */
@media (min-width: 1024px) {
	.mup-hide-desktop,
	.hide-desktop,
	.is-hidden-desktop,
	.kadence-hide-desktop,
	[data-mup-hide-desktop="1"] {
		display: none !important;
	}
	.mup-show-mobile-only,
	.show-mobile-only {
		display: none !important;
	}
}

/* v6.2.33 — Visibility-Inheritance (User-Wunsch):
   Wenn ein Container (Row, Spalte, Figure, Gallery-Item) eine Hide-Klasse hat,
   sind ALLE Children automatisch mit ausgeblendet — Bild, Untertitel, Caption, alles.
   Das ist die natürliche Erwartung: „ich blende die Zeile aus, alles drin geht mit weg".
   Funktioniert per Display:none am Container — Children erben das automatisch.
   Diese Regel macht sicher, dass Bildunterschriften (figcaption) UND Gallery-Items
   nicht durch eigene CSS-Regeln „durchschlagen". */
@media (max-width: 781.98px) {
	.mup-hide-mobile *,
	.hide-mobile *,
	.is-hidden-mobile *,
	.kadence-hide-mobile * {
		display: none !important;
	}
}
@media (min-width: 782px) and (max-width: 1023.98px) {
	.mup-hide-tablet *,
	.hide-tablet *,
	.is-hidden-tablet *,
	.kadence-hide-tablet * {
		display: none !important;
	}
}
@media (min-width: 1024px) {
	.mup-hide-desktop *,
	.hide-desktop *,
	.is-hidden-desktop *,
	.kadence-hide-desktop * {
		display: none !important;
	}
}

/* Print: alle Visibility-Helper außer Druck-Override */
@media print {
	.mup-hide-print,
	.hide-print {
		display: none !important;
	}
}