/**
 * ATEM-WEG Hero-Bild – Frontend-Styles.
 * Dynamische Werte (max-width, top, right, Breakpoint) werden per Inline-CSS ergänzt.
 */

/* Gemeinsames Bild-Verhalten. */
.awhi-image {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Titelblock: Theme-seitiges "overflow:hidden" aufheben, damit das Bild
   nach unten nicht abgeschnitten wird bzw. nicht hinter dem nächsten
   Element verschwindet. Gilt nur fuer den Host-Block dieses Plugins. */
.awhi-host {
	overflow: visible !important;
}

/* Desktop: absolut oben rechts im Titelblock. */
.awhi-desktop {
	position: absolute;
	z-index: 10;
	/* top / right / max-width kommen aus dem Inline-CSS des Plugins. */
}

a.awhi-desktop {
	position: absolute;
	z-index: 10;
	display: block;
}

a.awhi-desktop .awhi-image {
	width: 100%;
}

/* Mobile-Variante standardmässig ausblenden (Desktop-First). */
.awhi-mobile {
	display: none;
	margin: 0 0 20px;
}