/* AB Media Headline */
.ab-mh {
	margin: 0;
}

.ab-mh a {
	color: inherit;
	text-decoration: none;
}

/* Wort mit Medium nie umbrechen */
.ab-mh__w {
	white-space: nowrap;
}

.ab-mh__m {
	--_h: var(--ab-mh-h, var(--ab-mh-gh, 0.9em));
	--_w: var(--ab-mh-w, var(--ab-mh-gw, auto));
	--_r: var(--ab-mh-r, var(--ab-mh-gr, 0.18em));
	position: relative;
	top: var(--ab-mh-y, var(--ab-mh-gy, -0.1em));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	height: var(--_h);
	width: var(--_w);
	margin: 0 var(--ab-mh-gap, var(--ab-mh-ggap, 0.04em));
	line-height: 1;
	transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* GIF / Bild / Video */
.ab-mh__m--media {
	overflow: hidden;
	border-radius: var(--_r);
	-webkit-mask-image: -webkit-radial-gradient(white, black); /* Safari: runde Ecken bei Video */
}

.ab-mh__m--media img,
.ab-mh__m--media video {
	display: block;
	height: 100% !important;
	width: var(--_w) !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	border: 0;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: var(--ab-mh-fit, var(--ab-mh-gfit, cover));
}

/* Emoji: Größe folgt der eingestellten Höhe, eigene Emoji-Schrift statt Headline-Font */
.ab-mh__m--emoji > span {
	display: block;
	font-size: var(--_h);
	line-height: 1;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-text-stroke: 0;
	text-shadow: none;
	color: initial;
}

/* em-Höhe im Emoji relativ zur Headline, nicht doppelt skalieren */
.ab-mh__m--emoji {
	font-size: inherit;
}

/* Hover-Effekte */
.ab-mh-hover-pop .ab-mh__m:hover {
	transform: scale(1.18);
}

.ab-mh-hover-tilt .ab-mh__m:hover {
	animation: ab-mh-tilt 0.6s ease-in-out;
}

@keyframes ab-mh-tilt {
	0%, 100% { transform: rotate(0); }
	25% { transform: rotate(-10deg) scale(1.08); }
	75% { transform: rotate(10deg) scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
	.ab-mh__m { transition: none; animation: none !important; }
}