/*
 * Dialog „Sie verlassen jetzt die Website der Werbegemeinschaft“
 * (assets/js/verlassen.js), nur auf Profilseiten eingebunden.
 */
.wir-verlassen {
	width: min(32rem, calc(100vw - 2rem));
	max-height: calc(100dvh - 2rem);
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius--kachel);
	background: var(--wp--preset--color--flaeche);
	color: var(--wp--preset--color--text);
	box-shadow: var(--wp--custom--schatten--schwebend);
}
.wir-verlassen::backdrop { background: rgba(6, 27, 15, .55); }
.wir-verlassen__innen { padding: var(--wp--custom--box--innen); }
.wir-verlassen__symbol {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--wp--preset--color--primaer-hell);
	color: var(--wp--preset--color--primaer);
	margin-bottom: 1rem;
}
.wir-verlassen__symbol .wir-symbol { width: 26px; height: 26px; }
.wir-verlassen__titel { margin: 0 0 .6rem; font-size: var(--wp--preset--font-size--titel-3); line-height: 1.2; }
.wir-verlassen__text { margin: 0 0 .5rem; font-size: var(--wp--preset--font-size--normal); }
.wir-verlassen__ziel {
	margin: 0 0 1.5rem;
	font-size: var(--wp--preset--font-size--meta);
	color: var(--wp--preset--color--text-leise);
	overflow-wrap: anywhere;
}
.wir-verlassen__knoepfe { display: grid; gap: .6rem; }
.wir-verlassen__knoepfe .wir-knopf { width: 100%; justify-content: center; text-align: center; }
.wir-verlassen__weiter span { overflow-wrap: anywhere; }
html.wir-verlassen-offen { overflow: hidden; }

@media (prefers-reduced-motion: no-preference) {
	.wir-verlassen[open] { animation: wir-verlassen-auf .18s ease-out; }
	@keyframes wir-verlassen-auf { from { opacity: 0; transform: translateY(8px) scale(.98); } }
}

/* Wenig Höhe (Querformat, 200 % Zoom): Symbol weg, damit beide Knöpfe ohne Scrollen sichtbar sind. */
@media (max-height: 520px) {
	.wir-verlassen__symbol { display: none; }
	.wir-verlassen__innen { padding: 1.2rem 1.4rem; }
}