/*
 * TikTok-Abschnitt [yakobs_tiktok] (Runde R2, Rolle B).
 *
 * Alles ist unter .yr2-tiktok gekapselt. Ueberschrift, Einleitung, Abstaende
 * und Hintergrund des umgebenden Abschnitts gestaltet Rolle A. Farben, Schriften
 * und Symbole kommen aus den vorhandenen Variablen der Live-Gestaltung (--yl-*),
 * mit gleichen Werten als Rueckfall.
 *
 * Gestaltungsregel: ein praegnantes Element, der sandfarbene Abspielring auf dem
 * Bordeaux-Ziegelgrund. Alles andere bleibt ruhig. Vor der Einwilligung zeigt die
 * Buehne nur lokale Gestaltung, keine Bilder von TikTok.
 *
 * Spezifitaet: Selektoren beginnen mit .yr2-tiktok, damit die globalen Regeln
 * body.yk a, body.yk p und body.yk img (0,1,2) die Komponente nicht ueberschreiben.
 * Die globale Fokusregel (body.yk :focus-visible, !important) bleibt wirksam; nur
 * in der beschnittenen Buehne liegt der Rahmen innen.
 */

.yr2-tiktok {
	--yr2-grund: var(--yl-brand, #310001);
	--yr2-tinte: var(--yl-ink, #141422);
	--yr2-sand: var(--yl-sand, #f0e4b9);
	--yr2-rauch: var(--yl-smoke, #f3f1f2);
	--yr2-text: var(--yl-body, #6f6e77);
	--yr2-weiss: var(--yl-white, #ffffff);
	--yr2-akzent: var(--yr2-tiktok-akzent, var(--yr2-grund));
	--yr2-akzent-text: var(--yr2-weiss);
	--yr2-hinweisgrund: var(--yr2-rauch);
	/* Aussenraum von Rolle A (R2/A/SCHNITTSTELLE_TIKTOK.md) hat Vorrang, sonst eigene Werte. */
	--yr2-karte: var(--yr2-tiktok-karte, 320px);
	--yr2-abstand: var(--yr2-tiktok-gap, 28px);
	--yr2-radius: var(--yr2-tiktok-radius, var(--yl-radius, 4px));
	--yr2-ease: var(--yl-ease, cubic-bezier(0.23, 1, 0.32, 1));
	--yr2-titelschrift: var(--yl-font-title, 'Manrope', 'Segoe UI', system-ui, sans-serif);
	--yr2-schrift: var(--yl-font-body, 'Roboto', 'Segoe UI', system-ui, sans-serif);
	--yr2-ziegel: var(--yl-bricks, none);
	--yr2-i-tiktok: var(--yl-i-tiktok, url("../icons/tabler/brand-tiktok.svg"));
	--yr2-i-schraeg: var(--yl-i-schraeg, url("../icons/tabler/arrow-up-right.svg"));
	position: relative;
	max-width: 100%;
	min-width: 0;
	font-family: var(--yr2-schrift);
	color: var(--yr2-tinte);
}

/* Dunkle Abschnitte der Live-Gestaltung oder ausdruecklich .yr2-tiktok--dunkel. */
.yl-sec--ink .yr2-tiktok,
.yl-sec--brand .yr2-tiktok,
.yr2-tiktok.yr2-tiktok--dunkel {
	--yr2-tinte: var(--yl-white, #ffffff);
	--yr2-text: rgba(255, 255, 255, 0.78);
	--yr2-akzent: var(--yl-sand, #f0e4b9);
	--yr2-akzent-text: var(--yl-brand, #310001);
	--yr2-hinweisgrund: rgba(255, 255, 255, 0.08);
}

.yr2-tiktok *,
.yr2-tiktok *::before,
.yr2-tiktok *::after {
	box-sizing: border-box;
}

.yr2-tiktok .yr2-tiktok__sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* ------------------------------------------------------------------ Profil */

.yr2-tiktok .yr2-tiktok__profil {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 20px 28px;
	max-width: 880px;
	padding: 28px 32px;
	border-radius: var(--yr2-radius);
	background-color: var(--yr2-grund);
	background-image: var(--yr2-ziegel);
	color: var(--yr2-weiss);
	text-decoration: none;
}

.yl-sec--brand .yr2-tiktok .yr2-tiktok__profil,
.yr2-tiktok.yr2-tiktok--dunkel .yr2-tiktok__profil {
	box-shadow: inset 0 0 0 1px rgba(240, 228, 185, 0.35);
}

.yr2-tiktok .yr2-tiktok__profil:hover,
.yr2-tiktok .yr2-tiktok__profil:focus {
	color: var(--yr2-weiss);
}

.yr2-tiktok .yr2-tiktok__marke {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 2px solid var(--yr2-sand);
	border-radius: 50%;
}

.yr2-tiktok .yr2-tiktok__marke::before {
	content: '';
	width: 28px;
	height: 28px;
	background-color: var(--yr2-sand);
	-webkit-mask: var(--yr2-i-tiktok) center / contain no-repeat;
	mask: var(--yr2-i-tiktok) center / contain no-repeat;
}

.yr2-tiktok .yr2-tiktok__profiltext {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.yr2-tiktok .yr2-tiktok__handle {
	font-family: var(--yr2-titelschrift);
	font-size: clamp(19px, 1.2vw + 14px, 24px);
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.yr2-tiktok .yr2-tiktok__satz {
	font-size: 16px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.8);
}

.yr2-tiktok .yr2-tiktok__aktion {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 16px 24px;
	border-radius: var(--yr2-radius);
	background-color: var(--yr2-sand);
	color: var(--yr2-grund);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background-color 200ms var(--yr2-ease);
}

.yr2-tiktok .yr2-tiktok__aktion::after,
.yr2-tiktok .yr2-tiktok__link::after,
.yr2-tiktok .yr2-tiktok__mehr::after {
	content: '';
	flex: none;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: var(--yr2-i-schraeg) center / contain no-repeat;
	mask: var(--yr2-i-schraeg) center / contain no-repeat;
	transition: transform 200ms var(--yr2-ease);
}

@media (hover: hover) and (pointer: fine) {
	.yr2-tiktok .yr2-tiktok__profil:hover .yr2-tiktok__aktion {
		background-color: var(--yr2-weiss);
	}

	.yr2-tiktok .yr2-tiktok__profil:hover .yr2-tiktok__aktion::after,
	.yr2-tiktok .yr2-tiktok__link:hover::after,
	.yr2-tiktok .yr2-tiktok__mehr:hover::after {
		transform: translate(2px, -2px);
	}
}

@media (max-width: 639px) {
	.yr2-tiktok .yr2-tiktok__profil {
		grid-template-columns: auto minmax(0, 1fr);
		padding: 24px 20px;
	}

	.yr2-tiktok .yr2-tiktok__marke {
		width: 52px;
		height: 52px;
	}

	.yr2-tiktok .yr2-tiktok__marke::before {
		width: 24px;
		height: 24px;
	}

	.yr2-tiktok .yr2-tiktok__aktion {
		grid-column: 1 / -1;
		white-space: normal;
		text-align: center;
	}
}

/* Sehr schmal: Zeichen ueber dem Text, damit der Kontoname nicht im Wort bricht. */
@media (max-width: 419px) {
	.yr2-tiktok .yr2-tiktok__profil {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.yr2-tiktok .yr2-tiktok__marke {
		width: 48px;
		height: 48px;
	}

	.yr2-tiktok .yr2-tiktok__marke::before {
		width: 22px;
		height: 22px;
	}

	.yr2-tiktok .yr2-tiktok__handle {
		font-size: 17px;
		overflow-wrap: normal;
	}
}

/* ------------------------------------------------------------------ Zwischenloesung (R3) */

/* Ohne Kontoanschluss: Profilkarte, darunter ruhig die Einwilligungszeile. Nach
   Einwilligung ersetzt das offizielle Creator-Embed die Karte; darunter ein Hinweis
   auf die Auswahl durch TikTok und der Profilverweis. Ohne Skript nur die Karte. */
.yr2-tiktok.yr3-tiktok--creator {
	display: grid;
	gap: 16px;
	max-width: 880px;
}

.yl-einblicke__buehne .yr2-tiktok.yr3-tiktok--creator,
.yr2-tiktok.yr3-tiktok--creator.yr3-tiktok--mittig {
	margin-inline: auto;
	width: 100%;
}

/* Karte, Einwilligungszeile und Hinweise teilen dieselben Kanten. */
.yr2-tiktok.yr3-tiktok--creator > .yr2-tiktok__profil,
.yl-einblicke__buehne .yr2-tiktok.yr3-tiktok--creator > .yr2-tiktok__profil {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

.yr2-tiktok .yr3-tiktok__einwilligung {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	padding: 16px 20px;
	border-left: 3px solid var(--yr2-akzent);
	background-color: var(--yr2-hinweisgrund);
}

.yr2-tiktok .yr3-tiktok__einwilligung[hidden],
.yr2-tiktok .yr3-tiktok__embed[hidden],
.yr2-tiktok .yr3-tiktok__status[hidden],
.yr2-tiktok .yr3-tiktok__fuss[hidden] {
	display: none;
}

.yr2-tiktok .yr3-tiktok__hinweis {
	flex: 1 1 32ch;
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--yr2-tinte);
}

.yr2-tiktok .yr3-tiktok__laden {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 0;
	padding: 10px 20px;
	border: 2px solid var(--yr2-akzent);
	border-radius: var(--yr2-radius);
	background: var(--yr2-akzent);
	color: var(--yr2-akzent-text);
	font-family: var(--yr2-schrift);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
	transition: background-color 200ms var(--yr2-ease), color 200ms var(--yr2-ease), transform 140ms var(--yr2-ease);
}

.yr2-tiktok .yr3-tiktok__laden:active {
	transform: scale(0.97);
}

@media (hover: hover) and (pointer: fine) {
	.yr2-tiktok .yr3-tiktok__laden:hover {
		background: transparent;
		color: var(--yr2-akzent);
	}
}

.yr2-tiktok .yr3-tiktok__embed {
	min-height: 120px;
}

/* Das offizielle Embed begrenzt sich selbst (288 bis 720 px); mittig setzen. */
.yr2-tiktok .yr3-tiktok__embed blockquote.tiktok-embed,
.yr2-tiktok .yr3-tiktok__embed iframe {
	margin-inline: auto !important;
}

.yr2-tiktok.yr3-tiktok--geladen .yr2-tiktok__profil {
	display: none;
}

.yr2-tiktok .yr3-tiktok__status {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--yr2-text);
}

.yr2-tiktok.yr3-tiktok--fehler .yr3-tiktok__status {
	padding: 12px 16px;
	border-left: 3px solid var(--yr2-akzent);
	background-color: var(--yr2-hinweisgrund);
	color: var(--yr2-tinte);
}

.yr2-tiktok .yr3-tiktok__status:focus {
	outline: none;
}

/* Unter dem Embed, auf dessen Breite (hoechstens 720 px) und mittig. */
.yr2-tiktok .yr3-tiktok__fuss {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 24px;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.5;
	color: var(--yr2-text);
}

/* ------------------------------------------------------------------ Hinweis */

.yr2-tiktok .yr2-tiktok__hinweis {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin: 0 0 24px;
	padding: 16px 20px;
	border-left: 3px solid var(--yr2-akzent);
	background-color: var(--yr2-hinweisgrund);
}

.yr2-tiktok .yr2-tiktok__hinweis[hidden] {
	display: none;
}

.yr2-tiktok .yr2-tiktok__hinweis p {
	flex: 1 1 32ch;
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--yr2-tinte);
}

.yr2-tiktok .yr2-tiktok__zulassen,
.yr2-tiktok .yr2-tiktok__schliessen {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 0;
	padding: 10px 18px;
	border: 2px solid var(--yr2-akzent);
	border-radius: var(--yr2-radius);
	background: transparent;
	color: var(--yr2-akzent);
	font-family: var(--yr2-schrift);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
	transition: background-color 200ms var(--yr2-ease), color 200ms var(--yr2-ease);
}

@media (hover: hover) and (pointer: fine) {
	.yr2-tiktok .yr2-tiktok__zulassen:hover,
	.yr2-tiktok .yr2-tiktok__schliessen:hover {
		background-color: var(--yr2-akzent);
		color: var(--yr2-akzent-text);
	}
}

/* ------------------------------------------------------------------ Karten */

.yr2-tiktok .yr2-tiktok__liste {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, var(--yr2-karte)));
	gap: var(--yr2-abstand);
	margin: 0;
	padding: 0;
	list-style: none;
}

.yr2-tiktok[data-yr2-anzahl="2"] .yr2-tiktok__liste {
	grid-template-columns: repeat(2, minmax(0, var(--yr2-karte)));
}

.yr2-tiktok[data-yr2-anzahl="1"] .yr2-tiktok__liste {
	grid-template-columns: minmax(0, var(--yr2-karte));
}

/* In der mittigen Buehne von Rolle A (/projekte/#tiktok) stehen Karten und Profil mittig. */
.yl-einblicke__buehne .yr2-tiktok .yr2-tiktok__liste {
	justify-content: center;
}

.yl-einblicke__buehne .yr2-tiktok .yr2-tiktok__profil {
	margin-inline: auto;
}

/* position: relative haelt die versteckten Bildschirmleser-Texte der Karte in der
   scrollenden Reihe; sonst entkommen sie deren Beschnitt und verbreitern die Seite. */
.yr2-tiktok .yr2-tiktok__karte {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.yr2-tiktok .yr2-tiktok__karte::before,
.yr2-tiktok .yr2-tiktok__karte::after {
	content: none;
}

.yr2-tiktok .yr2-tiktok__buehne {
	position: relative;
	overflow: hidden;
	aspect-ratio: 9 / 16;
	border-radius: var(--yr2-radius);
	background-color: var(--yr2-grund);
	background-image: var(--yr2-ziegel);
}

.yl-sec--brand .yr2-tiktok .yr2-tiktok__buehne,
.yr2-tiktok.yr2-tiktok--dunkel .yr2-tiktok__buehne {
	box-shadow: inset 0 0 0 1px rgba(240, 228, 185, 0.35);
}

.yr2-tiktok .yr2-tiktok__herkunft {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
	width: 22px;
	height: 22px;
	background-color: var(--yr2-sand);
	opacity: 0.8;
	-webkit-mask: var(--yr2-i-tiktok) center / contain no-repeat;
	mask: var(--yr2-i-tiktok) center / contain no-repeat;
	pointer-events: none;
}

.yr2-tiktok .yr2-tiktok__cover {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.yr2-tiktok .yr2-tiktok__abspielen {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: none;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: var(--yr2-radius);
	background: transparent;
	color: var(--yr2-sand);
	cursor: pointer;
}

.yr2-tiktok.yr2-tiktok--js .yr2-tiktok__abspielen {
	display: grid;
}

/* Die Buehne beschneidet: der globale Fokusrahmen liegt hier innen und doppelt,
   damit er auf Ziegelgrund und hellem Vorschaubild sichtbar bleibt. */
body .yr2-tiktok .yr2-tiktok__abspielen:focus-visible {
	outline: 3px solid var(--yr2-sand) !important;
	outline-offset: -7px !important;
	box-shadow: inset 0 0 0 7px var(--yr2-tinte);
}

.yl-sec--ink .yr2-tiktok .yr2-tiktok__abspielen:focus-visible,
.yl-sec--brand .yr2-tiktok .yr2-tiktok__abspielen:focus-visible,
.yr2-tiktok.yr2-tiktok--dunkel .yr2-tiktok__abspielen:focus-visible {
	box-shadow: inset 0 0 0 7px var(--yl-ink, #141422);
}

.yr2-tiktok .yr2-tiktok__ring {
	display: grid;
	place-items: center;
	width: 76px;
	height: 76px;
	border: 2px solid currentColor;
	border-radius: 50%;
	background-color: rgba(20, 20, 34, 0.42);
	transition: background-color 200ms var(--yr2-ease), color 200ms var(--yr2-ease), transform 160ms var(--yr2-ease);
}

.yr2-tiktok .yr2-tiktok__ring::before {
	content: '';
	width: 24px;
	height: 28px;
	margin-left: 5px;
	background-color: currentColor;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.yr2-tiktok .yr2-tiktok__abspielen:active .yr2-tiktok__ring {
	transform: scale(0.96);
}

@media (hover: hover) and (pointer: fine) {
	.yr2-tiktok .yr2-tiktok__abspielen:hover .yr2-tiktok__ring {
		background-color: var(--yr2-sand);
		color: var(--yr2-grund);
	}
}

.yr2-tiktok .yr2-tiktok__player {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background-color: #000000;
}

.yr2-tiktok .yr2-tiktok__karte--spielt .yr2-tiktok__abspielen,
.yr2-tiktok .yr2-tiktok__karte--spielt .yr2-tiktok__herkunft {
	display: none;
}

.yr2-tiktok .yr2-tiktok__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.yr2-tiktok .yr2-tiktok__titel {
	margin: 0;
	font-family: var(--yr2-titelschrift);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: normal;
	text-transform: none;
	color: var(--yr2-tinte);
	overflow-wrap: anywhere;
}

.yr2-tiktok .yr2-tiktok__meta {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--yr2-text);
}

.yr2-tiktok .yr2-tiktok__link,
.yr2-tiktok .yr2-tiktok__mehr {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 24px;
	color: var(--yr2-akzent);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.yr2-tiktok .yr2-tiktok__link:hover,
.yr2-tiktok .yr2-tiktok__mehr:hover {
	color: var(--yr2-akzent);
}

.yr2-tiktok .yr2-tiktok__link::after,
.yr2-tiktok .yr2-tiktok__mehr::after {
	width: 14px;
	height: 14px;
}

.yr2-tiktok .yr2-tiktok__schliessen {
	margin-top: 4px;
}

.yr2-tiktok .yr2-tiktok__fuss {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 24px;
	margin: 28px 0 0;
}

.yr2-tiktok .yr2-tiktok__stand {
	font-size: 13px;
	line-height: 1.5;
	color: var(--yr2-text);
}

/* Dunkle Abschnitte: Fokusfarbe hell, damit der globale Rahmen sichtbar bleibt. */
.yl-sec--ink .yr2-tiktok :focus-visible,
.yl-sec--brand .yr2-tiktok :focus-visible,
.yr2-tiktok.yr2-tiktok--dunkel :focus-visible {
	outline-color: var(--yl-sand, #f0e4b9) !important;
}

/* Schmal: bedienbare waagerechte Reihe mit Einrasten, die naechste Karte ist
   angeschnitten sichtbar. Die Reihe scrollt in sich, die Seite nicht. */
@media (max-width: 719px) {
	.yr2-tiktok .yr2-tiktok__liste,
	.yr2-tiktok[data-yr2-anzahl="2"] .yr2-tiktok__liste {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: max(220px, 76%);
		gap: 16px;
		padding: 6px 6px 14px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 6px;
		scroll-behavior: smooth;
	}

	.yr2-tiktok[data-yr2-anzahl="1"] .yr2-tiktok__liste {
		grid-auto-flow: row;
		grid-template-columns: minmax(0, 340px);
		padding: 0;
		overflow: visible;
	}

	.yr2-tiktok .yr2-tiktok__karte {
		scroll-snap-align: start;
	}

	.yr2-tiktok .yr2-tiktok__ring {
		width: 68px;
		height: 68px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yr2-tiktok *,
	.yr2-tiktok *::before,
	.yr2-tiktok *::after {
		transition: none !important;
		animation: none !important;
	}

	.yr2-tiktok .yr2-tiktok__liste {
		scroll-behavior: auto !important;
	}
}

@media (forced-colors: active) {
	.yr2-tiktok .yr2-tiktok__profil,
	.yr2-tiktok .yr2-tiktok__buehne,
	.yr2-tiktok .yr2-tiktok__hinweis {
		border: 1px solid CanvasText;
	}

	.yr2-tiktok .yr2-tiktok__marke::before,
	.yr2-tiktok .yr2-tiktok__herkunft,
	.yr2-tiktok .yr2-tiktok__ring::before,
	.yr2-tiktok .yr2-tiktok__aktion::after,
	.yr2-tiktok .yr2-tiktok__link::after,
	.yr2-tiktok .yr2-tiktok__mehr::after {
		background-color: CanvasText;
	}
}

/* R4: data cards use the complete editorial column; no oversized creator iframe. */
.yr2-tiktok.yr2-tiktok--karten { width:100%; max-width:none; }
@media(min-width:720px) { .yr2-tiktok .yr2-tiktok__liste { grid-template-columns:repeat(3,minmax(0,1fr)); } .yr2-tiktok[data-yr2-anzahl="2"] .yr2-tiktok__liste { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.yr2-tiktok .yr2-tiktok__buehne { aspect-ratio:3 / 4; }
.yr2-tiktok .yr4-tiktok__poster { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover; }
.yr2-tiktok .yr4-tiktok__auswahl { margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--yr2-text); }