.mgic.mgic-bw {

	--mgic-bw-s-titel: var(--text-dark, #0f172a);
	--mgic-bw-s-text: var(--text-dark-muted, #334155);
	--mgic-bw-s-leise: var(--mgic-bw-leise, #64748b);
	--mgic-bw-s-link: var(--mgic-bw-link, #334155);
	--mgic-bw-s-linie: #cbd5e1;
	--mgic-bw-pfeil-flaeche: var(--white, #fff);
	--mgic-bw-pfeil-rand: #e2e8f0;
	--mgic-bw-pfeil-farbe: #334155;
	--mgic-bw-pfeil-hover: #f8fafc;
	--mgic-bw-punkt: #cbd5e1;
	--mgic-bw-punkt-an: var(--text-dark, #0f172a);
	--mgic-bw-akzent: var(--primary, #2563eb);
	--mgic-bw-gelb: #fbbc04;
	--mgic-bw-luecke: 16px;

	--mgic-bw-k-flaeche: var(--white, #fff);
	--mgic-bw-k-rahmen: #e2e8f0;
	--mgic-bw-k-schatten: none;
	--mgic-bw-k-blur: none;
	--mgic-bw-k-radius: 16px;
	--mgic-bw-k-titel: var(--text-dark, #0f172a);
	--mgic-bw-k-text: var(--text-dark-muted, #334155);
	--mgic-bw-k-leise: #64748b;
	--mgic-bw-k-oberzeile: var(--mgic-bw-k-leise);
	--mgic-bw-k-akzent: var(--mgic-bw-akzent);
	--mgic-bw-k-antwort: #f8fafc;
	--mgic-bw-k-antwort-rand: #cbd5e1;
	--mgic-bw-k-antwort-text: #475569;
	--mgic-bw-k-antwort-titel: #1e293b;
	--mgic-bw-k-linie: #e2e8f0;
	--mgic-bw-k-leer: rgb(203 213 225 / .6);
	--mgic-bw-k-spur: rgb(226 232 240 / .7);
	--mgic-bw-k-ring: var(--white, #fff);

	--mgic-bw-c-akzent: var(--mgic-bw-f-akzent, var(--accent, var(--mgic-primary-light, #94a3b8)));
	--mgic-bw-c-primaer: var(--primary, var(--mgic-primary, #1f2937));
	--mgic-bw-c-dunkel: var(--primary-ultra-dark, color-mix(in srgb, var(--mgic-primary, #1f2937) 30%, #000));
	--mgic-bw-c-von: var(--mgic-bw-f-von, var(--mgic-bw-c-dunkel));
	--mgic-bw-c-mitte: var(--mgic-bw-f-mitte, var(--primary-dark, color-mix(in srgb, var(--mgic-primary, #1f2937) 65%, #000)));
	--mgic-bw-c-bis: var(--mgic-bw-f-bis, var(--mgic-bw-c-primaer));
	container: mgic-bw / inline-size;
	display: grid;

	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
	width: 100%;
	min-width: 0;
	color: var(--mgic-bw-s-text);
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

:where(.mgic-bricks-el, .mgic-elementor-el):has(> .mgic-bw:not(.mgic-bw--schwebend)) { width: 100%; align-self: stretch; }
.mgic.mgic-bw *,
.mgic.mgic-bw *::before,
.mgic.mgic-bw *::after { box-sizing: border-box; }

.mgic.mgic-bw :where(p, figure, blockquote) { margin: 0; }
.mgic.mgic-bw b { font-weight: 700; }
.mgic .mgic-bw__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.mgic.mgic-bw--stil-auto {
	--mgic-bw-k-flaeche: var(--white, #fff);
	--mgic-bw-k-rahmen: var(--neutral-ultra-light, #e2e8f0);
	--mgic-bw-k-schatten: var(--box-shadow-m, 0 1px 2px rgb(16 24 40 / .04), 0 14px 36px -10px rgb(16 24 40 / .16));
	--mgic-bw-k-radius: var(--card-radius, var(--radius, 16px));
}
.mgic.mgic-bw--stil-weich {
	--mgic-bw-k-rahmen: transparent;
	--mgic-bw-k-schatten: 0 1px 2px rgb(16 24 40 / .04), 0 14px 36px -10px rgb(16 24 40 / .16);
}
.mgic.mgic-bw--stil-glas {
	--mgic-bw-k-flaeche: rgb(255 255 255 / .55);
	--mgic-bw-k-rahmen: rgb(255 255 255 / .8);
	--mgic-bw-k-schatten: 0 8px 32px rgb(31 38 135 / .12);
	--mgic-bw-k-blur: blur(24px);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.mgic.mgic-bw--stil-glas { --mgic-bw-k-flaeche: rgb(255 255 255 / .94); }
}
.mgic.mgic-bw--stil-dunkel,
.mgic.mgic-bw--stil-verlauf {
	--mgic-bw-k-flaeche: var(--mgic-bw-f-von, #141b2d);
	--mgic-bw-k-rahmen: rgb(255 255 255 / .06);
	--mgic-bw-k-schatten: 0 14px 34px -12px rgb(0 0 0 / .7);
	--mgic-bw-k-titel: var(--mgic-bw-f-text, var(--text-light, #fff));
	--mgic-bw-k-text: var(--mgic-bw-f-text, rgb(255 255 255 / .85));
	--mgic-bw-k-leise: rgb(255 255 255 / .6);
	--mgic-bw-k-akzent: var(--mgic-bw-f-akzent, var(--primary-light, #93c5fd));
	--mgic-bw-k-antwort: rgb(255 255 255 / .1);
	--mgic-bw-k-antwort-rand: rgb(255 255 255 / .4);
	--mgic-bw-k-antwort-text: rgb(255 255 255 / .8);
	--mgic-bw-k-antwort-titel: #fff;
	--mgic-bw-k-linie: rgb(255 255 255 / .1);
	--mgic-bw-k-spur: rgb(255 255 255 / .12);
}
.mgic.mgic-bw--stil-elfenbein {
	--mgic-bw-licht: radial-gradient(120% 95% at 100% 0%, color-mix(in srgb, var(--mgic-bw-c-akzent) 30%, transparent) 0%, transparent 60%);
	--mgic-bw-k-flaeche:
		var(--mgic-bw-licht),
		linear-gradient(160deg, var(--mgic-bw-f-von, var(--white, #fff)) 0%, color-mix(in srgb, var(--mgic-bw-f-bis, var(--mgic-bw-c-akzent)) 10%, var(--mgic-bw-f-von, var(--white, #fff))) 100%);
	--mgic-bw-k-rahmen: transparent;
	--mgic-bw-k-radius: var(--radius-l, 24px);
	--mgic-bw-e-text: var(--mgic-bw-f-text, var(--mgic-bw-c-primaer));
	--mgic-bw-k-titel: var(--mgic-bw-e-text);
	--mgic-bw-k-text: var(--mgic-bw-e-text);
	--mgic-bw-k-leise: color-mix(in srgb, var(--mgic-bw-e-text) 72%, transparent);
	--mgic-bw-k-oberzeile: var(--mgic-bw-e-text);
	--mgic-bw-k-akzent: var(--mgic-bw-f-akzent, var(--mgic-bw-e-text));
	--mgic-bw-k-antwort: rgb(255 255 255 / .7);
	--mgic-bw-k-antwort-rand: color-mix(in srgb, var(--mgic-bw-e-text) 30%, transparent);
	--mgic-bw-k-antwort-text: var(--mgic-bw-e-text);
	--mgic-bw-k-antwort-titel: var(--mgic-bw-e-text);
}
.mgic.mgic-bw--stil-verlauf {
	--mgic-bw-licht: radial-gradient(105% 85% at 100% 12%, color-mix(in srgb, var(--mgic-bw-c-akzent) 30%, transparent) 0%, transparent 60%);
	--mgic-bw-k-flaeche:
		var(--mgic-bw-licht),
		linear-gradient(150deg, var(--mgic-bw-c-von) 0%, var(--mgic-bw-c-mitte) 55%, var(--mgic-bw-c-bis) 100%);
	--mgic-bw-k-rahmen: transparent;
	--mgic-bw-k-schatten: none;
	--mgic-bw-k-radius: var(--radius-l, 24px);
	--mgic-bw-k-text: var(--mgic-bw-f-text, #fff);
	--mgic-bw-k-leise: rgb(255 255 255 / .72);
	--mgic-bw-k-oberzeile: var(--mgic-bw-c-akzent);
	--mgic-bw-k-akzent: var(--mgic-bw-c-akzent);
}

.mgic.mgic-bw--ohne-licht { --mgic-bw-licht: linear-gradient(transparent, transparent); }

.mgic.mgic-bw:is(.mgic-bw--stil-auto, .mgic-bw--stil-flach, .mgic-bw--stil-weich, .mgic-bw--stil-glas)[style*="--mgic-bw-f-von"] { --mgic-bw-k-flaeche: var(--mgic-bw-f-von); }
.mgic.mgic-bw:is(.mgic-bw--stil-auto, .mgic-bw--stil-flach, .mgic-bw--stil-weich, .mgic-bw--stil-glas)[style*="--mgic-bw-f-text"] { --mgic-bw-k-titel: var(--mgic-bw-f-text); --mgic-bw-k-text: var(--mgic-bw-f-text); }
.mgic.mgic-bw:is(.mgic-bw--stil-auto, .mgic-bw--stil-flach, .mgic-bw--stil-weich, .mgic-bw--stil-glas)[style*="--mgic-bw-f-akzent"] { --mgic-bw-k-akzent: var(--mgic-bw-f-akzent); }

.mgic.mgic-bw:is(.mgic-bw--stil-verlauf, .mgic-bw--stil-dunkel) { --mgic-bw-spot-flaeche: var(--mgic-bw-k-flaeche); }
.mgic.mgic-bw:not(.mgic-bw--stil-verlauf, .mgic-bw--stil-dunkel) { --mgic-bw-spot-flaeche: var(--mgic-bw-c-dunkel); }

.mgic.mgic-bw :is(.mgic-bw__karte, .mgic-bw__uebersicht, .mgic-bw__buehne, .mgic-bw__band-wert, .mgic-bw__abzeichen, .mgic-bw__leiste, .mgic-bw__schwebe, .mgic-bw__siegel) {
	background: var(--mgic-bw-k-flaeche);
	border: 1px solid var(--mgic-bw-k-rahmen);
	border-radius: var(--mgic-bw-k-radius);
	box-shadow: var(--mgic-bw-k-schatten);
	color: var(--mgic-bw-k-text);
	-webkit-backdrop-filter: var(--mgic-bw-k-blur);
	backdrop-filter: var(--mgic-bw-k-blur);
}

.mgic .mgic-bw__sterne {
	--mgic-bw-st: 16px;
	position: relative;
	display: inline-block;
	flex: none;
	width: calc(5 * var(--mgic-bw-st) + 8px);
	height: var(--mgic-bw-st);
	vertical-align: middle;
}

.mgic :is(.mgic-bw__karte, .mgic-bw__spot-oben, .mgic-bw__uebersicht-wert, .mgic-bw__siegel-wert) > .mgic-bw__sterne { display: block; margin-bottom: 6px; }

.mgic .mgic-bw__uebersicht-wert { display: flex; flex-direction: column; align-items: flex-start; }
.mgic .mgic-bw__sterne--xs { --mgic-bw-st: 12px; }
.mgic .mgic-bw__sterne--s { --mgic-bw-st: 14px; }
.mgic .mgic-bw__sterne--l { --mgic-bw-st: 20px; }
.mgic .mgic-bw__sterne--xl { --mgic-bw-st: 24px; }
.mgic .mgic-bw__sterne::before,
.mgic .mgic-bw__sterne::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.mgic .mgic-bw__sterne::before {
	width: 100%;
	background: var(--mgic-bw-k-leer, rgb(203 213 225 / .6));
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") -1px 0 / calc(var(--mgic-bw-st) + 2px) var(--mgic-bw-st) repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") -1px 0 / calc(var(--mgic-bw-st) + 2px) var(--mgic-bw-st) repeat-x;
}
.mgic .mgic-bw__sterne::after {
	width: calc(var(--mgic-bw-voll, 5) * (var(--mgic-bw-st) + 2px) + var(--mgic-bw-teil, 0) * var(--mgic-bw-st));
	max-width: 100%;
	background: var(--mgic-bw-gelb, #fbbc04);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") -1px 0 / calc(var(--mgic-bw-st) + 2px) var(--mgic-bw-st) repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") -1px 0 / calc(var(--mgic-bw-st) + 2px) var(--mgic-bw-st) repeat-x;
}

.mgic .mgic-bw__g {
	display: inline-block;
	flex: none;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.1H42V20H24v8h11.3c-1.6 4.7-6.1 8-11.3 8-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 8 3l5.7-5.7C34 6.1 29.3 4 24 4 13 4 4 13 4 24s9 20 20 20 20-9 20-20c0-1.3-.1-2.6-.4-3.9z'/%3E%3Cpath fill='%23FF3D00' d='m6.3 14.7 6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 8 3l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2A11.9 11.9 0 0 1 24 36c-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.1H42V20H24v8h11.3a12 12 0 0 1-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.6-.4-3.9z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mgic .mgic-bw__foto,
.mgic .mgic-bw__initialen {
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 999px;
}
.mgic .mgic-bw__foto { object-fit: cover; background: #e2e8f0; }
.mgic .mgic-bw__initialen {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #1a73e8;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}
.mgic .mgic-bw__farbe-1 { background: #5f6368; }
.mgic .mgic-bw__farbe-2 { background: #9334e6; }
.mgic .mgic-bw__farbe-3 { background: #e8710a; }
.mgic .mgic-bw__farbe-4 { background: #12b5cb; }
.mgic .mgic-bw__farbe-5 { background: #188038; }

.mgic .mgic-bw__kopf {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.mgic .mgic-bw__wertung { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mgic .mgic-bw__kopf .mgic-bw__g { width: 32px; height: 32px; }
.mgic .mgic-bw__wertung-text { display: grid; line-height: 1.25; min-width: 0; }
.mgic .mgic-bw__wertung-zeile { display: flex; align-items: center; gap: 8px; }
.mgic .mgic-bw__kopf .mgic-bw__schnitt { font-size: 24px; font-weight: 700; color: var(--mgic-bw-s-titel); }
.mgic .mgic-bw__kopf .mgic-bw__anzahl { font-size: 12.5px; color: var(--mgic-bw-s-leise); }
.mgic .mgic-bw__schnitt { font-variant-numeric: tabular-nums; }

.mgic .mgic-bw__kopf--zentriert { display: grid; justify-items: center; justify-content: center; gap: 8px; margin-bottom: 16px; text-align: center; }
.mgic .mgic-bw__oberzeile { font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--mgic-bw-s-leise); }
.mgic .mgic-bw__kopf--zentriert .mgic-bw__wertung { justify-content: center; gap: 8px; font-size: 14px; color: var(--mgic-bw-s-text); }
.mgic .mgic-bw__kopf--zentriert :is(.mgic-bw__schnitt, .mgic-bw__anzahl) { font-size: 14px; }
.mgic .mgic-bw__kopf--zentriert .mgic-bw__schnitt { color: var(--mgic-bw-s-titel); }
.mgic .mgic-bw__kopf--zentriert .mgic-bw__anzahl { color: inherit; }

.mgic .mgic-bw__schreiben { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; text-decoration: none; white-space: nowrap; }

.mgic .mgic-bw__schreiben--hell {
	--btn-background: var(--primary-ultra-light, #fff);
	--btn-background-hover: var(--white, #fff);
	--btn-text-color: var(--primary-ultra-dark, #0f172a);
	--btn-text-color-hover: var(--primary-ultra-dark, #0f172a);
	--btn-border-color: var(--primary-ultra-light, #fff);
	--btn-border-color-hover: var(--white, #fff);
	--mgic-btn-bg: #fff;
	--mgic-btn-color: #0f172a;
	--mgic-primary-hover: #f1f5f9;
}

.mgic .mgic-bw__raster,
.mgic .mgic-bw__spur,
.mgic .mgic-bw__band-spur,
.mgic .mgic-bw__balken { list-style: none; margin: 0; padding: 0; }
.mgic .mgic-bw__raster {
	--mgic-bw-n: 1;
	display: grid;
	grid-template-columns: repeat(var(--mgic-bw-n), minmax(0, 1fr));
	gap: 16px;
	align-items: start;
}

.mgic.mgic-bw--gleich :is(.mgic-bw__raster, .mgic-bw__spur) { align-items: stretch; }
.mgic .mgic-bw__eintrag { min-width: 0; margin: 0; padding: 0; }

.mgic .mgic-bw__karte {

	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	padding: 20px;
	min-width: 0;
}
.mgic .mgic-bw__karte-kopf { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0; }
.mgic .mgic-bw__karte-kopf > .mgic-bw__g { width: 20px; height: 20px; }
.mgic .mgic-bw__person { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mgic .mgic-bw__wer { display: grid; min-width: 0; line-height: 1.25; }
.mgic .mgic-bw__name { font-size: 14px; font-weight: 600; color: var(--mgic-bw-k-titel); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgic .mgic-bw__datum { font-size: 12px; color: var(--mgic-bw-k-leise); }

.mgic .mgic-bw__karte.has-badge { padding-left: 56px; }
.mgic .mgic-bw__badge {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 1;
	padding: 12px 7px;
	background: var(--mgic-bw-badge, #188038);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .02em;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	border-radius: 0 4px 4px 0;
}
@container mgic-bw (max-width: 480px) {
	.mgic .mgic-bw__karte.has-badge { padding-left: 20px; }
	.mgic .mgic-bw__badge { position: static; align-self: flex-start; padding: 5px 10px; writing-mode: horizontal-tb; transform: none; border-radius: 4px; font-size: 12px; }
}

.mgic .mgic-bw__haken { display: inline-flex; align-items: center; gap: 4px; vertical-align: -3px; font-weight: 500; }
.mgic .mgic-bw__haken-zeichen {
	position: relative;
	flex: none;
	width: 18px;
	height: 18px;
	background: var(--mgic-bw-haken, #1a73e8);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mgic .mgic-bw__haken-zeichen::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mgic .mgic-bw__haken-text { font-size: .86em; color: var(--mgic-bw-k-leise); }

.mgic .mgic-bw__knopf-unten { display: flex; justify-content: center; margin: 0; }

.mgic .mgic-bw__inhalt { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.mgic .mgic-bw__text { font-size: 13.5px; line-height: 1.625; color: var(--mgic-bw-k-text); }
.mgic .mgic-bw__text.is-kurz {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--mgic-bw-zeilen, 4);
	line-clamp: var(--mgic-bw-zeilen, 4);
	overflow: hidden;
}
.mgic .mgic-bw__mehr-an,
.mgic .mgic-bw__alle-an {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
	opacity: 0;
}
.mgic .mgic-bw__mehr-an:checked ~ .mgic-bw__text {
	display: block;
	-webkit-line-clamp: unset;
	line-clamp: none;
	overflow: visible;
}
.mgic .mgic-bw__mehr {
	align-self: flex-start;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--mgic-bw-k-akzent);
	cursor: pointer;
}
.mgic .mgic-bw__mehr:hover { text-decoration: underline; }

.mgic .mgic-bw__mehr { position: relative; }
.mgic .mgic-bw__mehr::after { content: ""; position: absolute; inset: -3px -4px; }
.mgic .mgic-bw__mehr-auf { display: none; }
.mgic .mgic-bw__mehr-an:checked ~ .mgic-bw__mehr .mgic-bw__mehr-zu,
.mgic .mgic-bw__alle-an:checked ~ .mgic-bw__alle-zeile .mgic-bw__mehr-zu { display: none; }
.mgic .mgic-bw__mehr-an:checked ~ .mgic-bw__mehr .mgic-bw__mehr-auf,
.mgic .mgic-bw__alle-an:checked ~ .mgic-bw__alle-zeile .mgic-bw__mehr-auf { display: inline; }
.mgic .mgic-bw__mehr-an:focus-visible ~ .mgic-bw__mehr,
.mgic .mgic-bw__alle-an:focus-visible ~ .mgic-bw__alle-zeile .mgic-bw__alle {
	outline: 2px solid var(--mgic-focus, #1171c5);
	outline-offset: 2px;
	border-radius: 4px;
}

.mgic .mgic-bw__antwort {
	padding: 8px 12px;
	background: var(--mgic-bw-k-antwort);
	border-left: 2px solid var(--mgic-bw-k-antwort-rand);
	border-radius: 8px;
	font-size: 12.5px;
	color: var(--mgic-bw-k-antwort-text);
}
.mgic .mgic-bw__antwort-titel { margin-bottom: 2px; font-weight: 600; color: var(--mgic-bw-k-antwort-titel); }

.mgic .mgic-bw__quelle { font-size: 12px; line-height: 1.5; text-align: center; color: var(--mgic-bw-s-leise); }
.mgic .mgic-bw__quelle-link { color: var(--mgic-bw-s-link); text-decoration: underline; }
.mgic .mgic-bw__quelle-link:hover,
.mgic .mgic-bw__quelle-link:focus-visible { color: var(--mgic-bw-s-titel); }
.mgic .mgic-bw__beispiel {
	justify-self: start;
	padding: 4px 10px;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
	font-size: 12px;
	color: var(--mgic-bw-s-leise);
}

.mgic .mgic-bw__alle-zeile { display: none; text-align: center; }
.mgic .mgic-bw__alle {
	display: inline-block;
	padding: 8px 20px;
	background: var(--white, #fff);
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	color: #1e293b;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.mgic.mgic-bw--minimal .mgic-bw__raster { gap: 48px 40px; }
.mgic.mgic-bw .mgic-bw__karte.mgic-bw__karte--zitat {
	align-items: center;
	gap: 0;
	max-width: 340px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	text-align: center;
	color: var(--mgic-bw-s-text);
}
.mgic .mgic-bw__zeichen {
	flex: none;
	width: 28px;
	height: 28px;
	margin-bottom: 16px;
	background: var(--mgic-bw-s-titel);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mgic .mgic-bw__karte--zitat .mgic-bw__text { --mgic-bw-zeilen: 5; font-size: 15.5px; color: var(--mgic-bw-s-text); }
.mgic .mgic-bw__karte--zitat .mgic-bw__mehr { align-self: center; margin-top: 8px; color: var(--mgic-bw-akzent); }
.mgic .mgic-bw__strich { flex: none; width: 40px; height: 1px; margin: 16px 0; background: var(--mgic-bw-s-linie); }
.mgic .mgic-bw__karte--zitat .mgic-bw__person { flex-direction: column; gap: 6px; }
.mgic .mgic-bw__karte--zitat .mgic-bw__name { font-size: 13px; color: var(--mgic-bw-s-titel); white-space: normal; }
.mgic.mgic-bw--minimal:not(.mgic-bw--mittig) .mgic-bw__karte--zitat { align-items: flex-start; margin: 0; text-align: left; }
.mgic.mgic-bw--minimal:not(.mgic-bw--mittig) .mgic-bw__karte--zitat :is(.mgic-bw__person, .mgic-bw__mehr) { align-items: flex-start; align-self: flex-start; }

.mgic.mgic-bw:not(.mgic-bw--spot-hell) .mgic-bw__karte--gross {
	--mgic-bw-k-titel: var(--text-light, #fff);
	--mgic-bw-k-text: rgb(255 255 255 / .85);
	--mgic-bw-k-leise: rgb(255 255 255 / .6);
	--mgic-bw-k-akzent: var(--mgic-bw-f-akzent, var(--primary-light, #93c5fd));
	--mgic-bw-k-antwort: rgb(255 255 255 / .1);
	--mgic-bw-k-antwort-rand: rgb(255 255 255 / .4);
	--mgic-bw-k-antwort-text: rgb(255 255 255 / .8);
	--mgic-bw-k-antwort-titel: #fff;
	--mgic-bw-k-linie: rgb(255 255 255 / .1);
}
.mgic.mgic-bw--stil-verlauf .mgic-bw__karte--gross { --mgic-bw-k-akzent: var(--mgic-bw-c-akzent); }
.mgic .mgic-bw__karte--gross {
	justify-content: space-between;
	gap: 24px;
	padding: 28px;
}
.mgic.mgic-bw:not(.mgic-bw--spot-hell) .mgic-bw__karte.mgic-bw__karte--gross {
	background: var(--mgic-bw-spot-flaeche, var(--base-ultra-dark, #0f172a));
	border: 0;
	border-radius: 16px;
	box-shadow: 0 18px 40px -16px rgb(15 23 42 / .55);
	color: #fff;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.mgic .mgic-bw__spot-oben { display: flex; flex-direction: column; gap: 16px; }
.mgic .mgic-bw__spot-marke { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__spot-marke .mgic-bw__g { width: 16px; height: 16px; }
.mgic .mgic-bw__spot-fuss { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-top: 20px; border-top: 1px solid var(--mgic-bw-k-linie); }
.mgic .mgic-bw__spot-wert { display: grid; justify-items: end; text-align: right; line-height: 1.25; }
.mgic .mgic-bw__spot-wert .mgic-bw__schnitt { font-size: 30px; font-weight: 700; color: var(--mgic-bw-k-titel); }
.mgic .mgic-bw__spot-wert .mgic-bw__anzahl { font-size: 11px; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__karte--klein { gap: 10px; padding: 16px; }
.mgic .mgic-bw__karte--klein .mgic-bw__karte-kopf { align-items: center; }
.mgic .mgic-bw__karte--klein .mgic-bw__karte-kopf > .mgic-bw__g { width: 16px; height: 16px; }
.mgic .mgic-bw__karte--klein .mgic-bw__text { font-size: 13px; }
.mgic .mgic-bw__karte--klein .mgic-bw__person { gap: 8px; }
.mgic .mgic-bw__karte--klein .mgic-bw__name { font-size: 12px; line-height: 1.5; }
.mgic .mgic-bw__karte--klein :is(.mgic-bw__foto, .mgic-bw__initialen) { width: 24px; height: 24px; font-size: 11px; }

.mgic .mgic-bw__zweispalt { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.mgic .mgic-bw__rechts { container: mgic-bw-r / inline-size; display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-content: start; min-width: 0; }
.mgic .mgic-bw__uebersicht { display: flex; flex-direction: column; gap: 20px; padding: 24px; min-width: 0; }
.mgic .mgic-bw__uebersicht .mgic-bw__oberzeile { letter-spacing: .16em; color: var(--mgic-bw-k-oberzeile); }
.mgic .mgic-bw__gross { font-size: 52px; font-weight: 700; line-height: 1; color: var(--mgic-bw-k-titel); font-variant-numeric: tabular-nums; }
.mgic .mgic-bw__uebersicht-wert > .mgic-bw__sterne { margin-top: 8px; }
.mgic .mgic-bw__uebersicht-anzahl { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12.5px; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__uebersicht-anzahl .mgic-bw__g { width: 16px; height: 16px; }
.mgic .mgic-bw__balken { display: flex; flex-direction: column; gap: 6px; font-size: 11.5px; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__balken li { display: flex; align-items: center; gap: 8px; margin: 0; }
.mgic .mgic-bw__balken-stern { flex: none; width: 12px; }
.mgic .mgic-bw__balken-spur { flex: 1; height: 8px; overflow: hidden; background: var(--mgic-bw-k-spur); border-radius: 999px; }
.mgic .mgic-bw__balken-spur i { display: block; height: 100%; background: var(--mgic-bw-gelb, #fbbc04); border-radius: 999px; }
.mgic .mgic-bw__balken-zahl { flex: none; width: 16px; text-align: right; font-variant-numeric: tabular-nums; }

.mgic.mgic-bw--abstand-klein { --mgic-bw-luecke: 8px; }
.mgic.mgic-bw--abstand-gross { --mgic-bw-luecke: 24px; }
.mgic .mgic-bw__karussell { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.mgic .mgic-bw__reihe { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mgic .mgic-bw__fenster { flex: 1; min-width: 0; }
.mgic .mgic-bw__spur {
	--mgic-bw-k: var(--mgic-bw-kh, 1);
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - (var(--mgic-bw-k) - 1) * var(--mgic-bw-luecke)) / var(--mgic-bw-k));
	gap: var(--mgic-bw-luecke);
	align-items: start;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 8px;

	padding: 12px 8px;
	scrollbar-width: none;
}
.mgic .mgic-bw__spur::-webkit-scrollbar { display: none; }
.mgic .mgic-bw__spur > .mgic-bw__eintrag { scroll-snap-align: start; }
.mgic .mgic-bw__spur:focus-visible { outline: 2px solid var(--mgic-focus, #1171c5); outline-offset: 2px; border-radius: 16px; }
.mgic .mgic-bw__pfeil,
.mgic .mgic-bw__pause,
.mgic .mgic-bw__zu {
	position: relative;
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	background: var(--mgic-bw-pfeil-flaeche);
	color: var(--mgic-bw-pfeil-farbe);
	border: 1px solid var(--mgic-bw-pfeil-rand);
	border-radius: 999px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .05);
	cursor: pointer;
	transition: background-color .15s;
}

.mgic .mgic-bw__pfeil::after,
.mgic .mgic-bw__pause::after,
.mgic .mgic-bw__zu::after { content: ""; position: absolute; inset: -2px; }
.mgic .mgic-bw__pfeil:hover,
.mgic .mgic-bw__pause:hover { background: var(--mgic-bw-pfeil-hover); }
.mgic .mgic-bw__pfeil:focus-visible,
.mgic .mgic-bw__pause:focus-visible,
.mgic .mgic-bw__zu:focus-visible,
.mgic .mgic-bw__punkt:focus-visible { outline: 2px solid var(--mgic-focus, #1171c5); outline-offset: 2px; }
.mgic .mgic-bw__pfeil[aria-disabled="true"] { opacity: .4; cursor: default; }
.mgic .mgic-bw__pfeil .mgic-ico,
.mgic .mgic-bw__pause .mgic-ico,
.mgic .mgic-bw__zu .mgic-ico { width: 16px; height: 16px; }
.mgic .mgic-bw__pause { width: 32px; height: 32px; margin-left: 8px; }
.mgic .mgic-bw__pause .mgic-ico { width: 14px; height: 14px; }
.mgic .mgic-bw__pause::after { inset: -6px; }
.mgic .mgic-bw__pause-aus,
.mgic .mgic-bw__pause[aria-pressed="true"] .mgic-bw__pause-an { display: none; }
.mgic .mgic-bw__pause[aria-pressed="true"] .mgic-bw__pause-aus { display: inline-flex; }
.mgic .mgic-bw__pause-an { display: inline-flex; }
.mgic .mgic-bw__steuerung { display: flex; align-items: center; justify-content: center; gap: 6px; }
.mgic .mgic-bw__punkte { display: flex; justify-content: center; gap: 6px; }

.mgic .mgic-bw__punkt {
	position: relative;
	width: 6px;
	height: 6px;
	padding: 0;
	background: var(--mgic-bw-punkt);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	transition: width .2s, background-color .2s;
}
.mgic .mgic-bw__punkt::after { content: ""; position: absolute; inset: -19px -3px; }
.mgic .mgic-bw__punkt[aria-current="true"] { width: 20px; background: var(--mgic-bw-punkt-an); }
@media (prefers-reduced-motion: no-preference) {
	.mgic .mgic-bw__spur { scroll-behavior: smooth; }
}
@container mgic-bw (min-width: 600px) {
	.mgic .mgic-bw__spur { --mgic-bw-k: var(--mgic-bw-kt, 2); }
}
@container mgic-bw (min-width: 760px) {
	.mgic .mgic-bw__spur { --mgic-bw-k: var(--mgic-bw-kd, 3); }
	.mgic.mgic-bw--karussell .mgic-bw__zweispalt { grid-template-columns: 260px minmax(0, 1fr); align-items: center; }
}

.mgic.mgic-bw--karussell.mgic-bw--uebersicht .mgic-bw__spur { --mgic-bw-k: 1; }
@container mgic-bw-r (min-width: 400px) {
	.mgic.mgic-bw--karussell.mgic-bw--uebersicht .mgic-bw__spur { --mgic-bw-k: min(2, var(--mgic-bw-kd, 3)); }
}
@container mgic-bw-r (min-width: 700px) {
	.mgic.mgic-bw--karussell.mgic-bw--uebersicht .mgic-bw__spur { --mgic-bw-k: min(3, var(--mgic-bw-kd, 3)); }
}

.mgic .mgic-bw__buehne { display: flex; flex-direction: column; align-items: center; padding: 48px 24px; text-align: center; min-width: 0; }
.mgic.mgic-bw .mgic-bw__buehne { border-radius: 24px; }
.mgic .mgic-bw__buehne-wert {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 28px;
	padding: 6px 12px;
	background: var(--white, #fff);
	border-radius: 999px;
	box-shadow: 0 1px 2px rgb(0 0 0 / .05);
	color: #475569;
	font-size: 12.5px;
}
.mgic .mgic-bw__buehne-wert .mgic-bw__g { width: 16px; height: 16px; }
.mgic .mgic-bw__buehne-wert .mgic-bw__schnitt { color: var(--text-dark, #0f172a); }
.mgic .mgic-bw__buehne .mgic-bw__karussell { width: 100%; gap: 32px; }
.mgic .mgic-bw__buehne .mgic-bw__spur { --mgic-bw-k: 1; grid-auto-columns: 100%; padding: 0; scroll-padding-inline: 0; }
.mgic .mgic-bw__buehne .mgic-bw__steuerung { gap: 16px; }
.mgic .mgic-bw__karte--buehne {
	align-items: center;
	gap: 24px;
	max-width: 672px;
	margin: 0 auto;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.mgic.mgic-bw .mgic-bw__karte--buehne { background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.mgic .mgic-bw__karte--buehne .mgic-bw__text { font-size: 21px; font-weight: 500; line-height: 1.375; color: var(--mgic-bw-k-titel); }
.mgic .mgic-bw__karte--buehne .mgic-bw__text::before { content: "\201E"; }
.mgic .mgic-bw__karte--buehne .mgic-bw__text::after { content: "\201C"; }
.mgic .mgic-bw__karte--buehne .mgic-bw__mehr { align-self: center; margin-top: -12px; }
.mgic .mgic-bw__karte--buehne .mgic-bw__wer { text-align: left; }

.mgic .mgic-bw__band { position: relative; display: flex; align-items: stretch; gap: 16px; overflow: hidden; min-width: 0; }
.mgic.mgic-bw .mgic-bw__band-wert { display: flex; flex: none; flex-direction: column; justify-content: center; padding: 0 20px; text-align: center; }
.mgic .mgic-bw__band-wert .mgic-bw__g { margin: 0 auto; }
.mgic .mgic-bw__band-wert .mgic-bw__schnitt { margin-top: 4px; font-size: 24px; font-weight: 700; line-height: 1; color: var(--mgic-bw-k-titel); }
.mgic .mgic-bw__band-wert .mgic-bw__anzahl { margin-top: 4px; font-size: 10.5px; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__band-fenster {
	display: flex;
	flex: 1;
	gap: 12px;
	min-width: 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.mgic .mgic-bw__band-fenster:focus-visible { outline: 2px solid var(--mgic-focus, #1171c5); outline-offset: -2px; }
.mgic .mgic-bw__band-spur { display: flex; flex: none; gap: 12px; padding: 8px 0; animation: mgic-bw-band var(--mgic-bw-dauer, 40s) linear infinite; }
.mgic .mgic-bw__band:is(:hover, :focus-within, .is-pausiert) .mgic-bw__band-spur { animation-play-state: paused; }
@keyframes mgic-bw-band { to { transform: translateX(calc(-100% - 12px)); } }
.mgic .mgic-bw__band > .mgic-bw__pause { position: absolute; right: 0; bottom: 4px; margin: 0; }
.mgic .mgic-bw__karte--band { flex: none; width: 290px; height: auto; gap: 8px; padding: 14px 16px; }
.mgic .mgic-bw__karte--band .mgic-bw__person { gap: 8px; }
.mgic .mgic-bw__karte--band :is(.mgic-bw__foto, .mgic-bw__initialen) { width: 28px; height: 28px; font-size: 12px; }
.mgic .mgic-bw__karte--band .mgic-bw__name { flex: 1; min-width: 0; font-size: 12.5px; line-height: 1.5; }
.mgic .mgic-bw__karte--band .mgic-bw__text { --mgic-bw-zeilen: 2; font-size: 12.5px; line-height: 1.375; }
@media (prefers-reduced-motion: reduce) {
	.mgic .mgic-bw__band-spur { animation: none; }
	.mgic .mgic-bw__band-spur.is-kopie { display: none; }
	.mgic .mgic-bw__band-fenster { overflow-x: auto; -webkit-mask-image: none; mask-image: none; scroll-snap-type: x mandatory; }
	.mgic .mgic-bw__band-spur > .mgic-bw__eintrag { scroll-snap-align: start; }
	.mgic .mgic-bw__band .mgic-bw__pause { display: none; }
}

.mgic.mgic-bw :is(a.mgic-bw__abzeichen, a.mgic-bw__leiste-wert, a.mgic-bw__siegel-wert, a.mgic-bw__schwebe-wert) { color: inherit; text-decoration: none; }
.mgic.mgic-bw :is(a.mgic-bw__abzeichen, a.mgic-bw__leiste-wert, a.mgic-bw__siegel-wert, a.mgic-bw__schwebe-wert):focus-visible { outline: 2px solid var(--mgic-focus, #1171c5); outline-offset: 2px; }

.mgic .mgic-bw__pille-buehne { display: flex; align-items: center; justify-content: center; padding: 32px 0; }
.mgic .mgic-bw__abzeichen { display: inline-flex; align-items: center; gap: 12px; padding: 8px 20px 8px 8px; }
.mgic.mgic-bw .mgic-bw__abzeichen { border-radius: 999px; }
.mgic .mgic-bw__g-kreis { display: flex; flex: none; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--white, #fff); border-radius: 999px; box-shadow: 0 1px 2px rgb(0 0 0 / .05); }
.mgic .mgic-bw__abzeichen .mgic-bw__schnitt { font-size: 18px; font-weight: 700; color: var(--mgic-bw-k-titel); }
.mgic .mgic-bw__abzeichen .mgic-bw__anzahl { font-size: 13px; color: var(--mgic-bw-k-leise); }

.mgic .mgic-bw__leiste { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 16px 24px; }
.mgic .mgic-bw__leiste-wert { display: flex; align-items: center; gap: 20px; min-width: 0; }
.mgic .mgic-bw__leiste-wert > .mgic-bw__g { width: 32px; height: 32px; }
.mgic .mgic-bw__leiste-text { display: grid; line-height: 1.25; }
.mgic .mgic-bw__leiste-zahl { display: flex; align-items: center; gap: 8px; }
.mgic .mgic-bw__leiste .mgic-bw__schnitt { font-size: 22px; font-weight: 700; color: var(--mgic-bw-k-titel); }
.mgic .mgic-bw__leiste .mgic-bw__anzahl { font-size: 12px; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__koepfe { display: flex; }
.mgic .mgic-bw__kopfbild { width: 32px; height: 32px; font-size: 12px; box-shadow: 0 0 0 2px var(--mgic-bw-k-ring); }
.mgic .mgic-bw__kopfbild + .mgic-bw__kopfbild { margin-left: -8px; }
.mgic .mgic-bw__leiste > .mgic-bw__schreiben { margin-left: auto; }

.mgic .mgic-bw__siegel-buehne { display: flex; justify-content: center; padding: 16px 0; }
.mgic .mgic-bw__siegel { display: flex; align-items: center; gap: 28px; width: 100%; max-width: 480px; padding: 28px; }
.mgic .mgic-bw__siegel-wert { display: flex; flex: none; flex-direction: column; align-items: center; text-align: center; }
.mgic .mgic-bw__siegel-wert .mgic-bw__schnitt { display: block; font-size: 46px; font-weight: 700; line-height: 1; color: var(--mgic-bw-k-titel); }
.mgic .mgic-bw__siegel-wert > .mgic-bw__sterne { margin-top: 8px; }
.mgic .mgic-bw__siegel-anzahl { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 6px; font-size: 11.5px; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__siegel-anzahl .mgic-bw__g { width: 14px; height: 14px; }
.mgic .mgic-bw__siegel .mgic-bw__balken { flex: 1; min-width: 0; }

.mgic.mgic-bw--schwebend {
	position: fixed;
	bottom: var(--mgic-bw-rand, 20px);
	left: var(--mgic-bw-rand, 20px);
	z-index: 9990;
	display: block;
	width: min(290px, calc(100vw - 2 * var(--mgic-bw-rand, 20px)));
}
.mgic.mgic-bw--schwebend.mgic-bw--seite-rechts { left: auto; right: var(--mgic-bw-rand, 20px); }
body:has(#mgcb[data-position="right-bottom"]) .mgic.mgic-bw--schwebend.mgic-bw--seite-rechts { bottom: calc(var(--mgic-bw-rand, 20px) + 84px); }
.mgic.mgic-bw--schwebend.is-zu { display: none; }
.mgic .mgic-bw__schwebe { position: relative; padding: 16px; }
.mgic .mgic-bw__schwebe-wert { display: flex; align-items: center; gap: 10px; }
.mgic .mgic-bw__schwebe-wert > .mgic-bw__g { width: 24px; height: 24px; }
.mgic .mgic-bw__schwebe-text { display: grid; line-height: 1.25; }
.mgic .mgic-bw__schwebe-zahl { display: flex; align-items: center; gap: 6px; }
.mgic .mgic-bw__schwebe-zahl .mgic-bw__schnitt { font-size: 15px; color: var(--mgic-bw-k-titel); }
.mgic .mgic-bw__schwebe .mgic-bw__anzahl { font-size: 11.5px; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__schwebe-zitat { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--mgic-bw-k-linie); font-size: 12.5px; font-style: italic; color: var(--mgic-bw-k-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgic .mgic-bw__schwebe-info { margin-top: 8px; font-size: 11.5px; }
.mgic .mgic-bw__schwebe-info summary { cursor: pointer; color: var(--mgic-bw-k-leise); text-decoration: underline; }
.mgic .mgic-bw__schwebe-info .mgic-bw__quelle { margin-top: 6px; font-size: 11.5px; text-align: left; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__schwebe-info .mgic-bw__quelle-link { color: inherit; }
.mgic .mgic-bw__zu { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; background: transparent; border: 0; box-shadow: none; color: var(--mgic-bw-k-leise); }
.mgic .mgic-bw__zu::after { inset: -8px; }
@media (max-width: 600px) {
	.mgic.mgic-bw--schwebend.mgic-bw--ohne-handy { display: none; }
	.mgic .mgic-bw__schwebe-zitat { display: none; }
}

.mgic.mgic-bw-hinweis {
	padding: 12px 20px;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
	color: #64748b;
	font-size: 13.5px;
}

@container mgic-bw (max-width: 599.98px) {
	.mgic .mgic-bw__eintrag.is-mehr { display: none; }
	.mgic .mgic-bw__alle-an:checked ~ .mgic-bw__raster .mgic-bw__eintrag.is-mehr,
	.mgic .mgic-bw__alle-an:checked ~ .mgic-bw__zweispalt .mgic-bw__eintrag.is-mehr { display: block; }
	.mgic .mgic-bw__alle-zeile { display: block; }
}

@container mgic-bw (min-width: 600px) {
	.mgic.mgic-bw:is(.mgic-bw--sp2, .mgic-bw--sp3, .mgic-bw--sp4) .mgic-bw__raster { --mgic-bw-n: 2; }
	.mgic.mgic-bw--spotlight .mgic-bw__eintrag.is-spotlight { grid-column: 1 / -1; }
}
@container mgic-bw (min-width: 760px) {
	.mgic.mgic-bw:is(.mgic-bw--sp3, .mgic-bw--sp4) .mgic-bw__raster { --mgic-bw-n: 3; }
	.mgic.mgic-bw--raster .mgic-bw__zweispalt { grid-template-columns: 280px minmax(0, 1fr); }

	.mgic.mgic-bw--spotlight .mgic-bw__raster { grid-template-columns: calc((100% - 16px) * 1.1 / 2.5) repeat(2, minmax(0, 1fr)); }
	.mgic.mgic-bw--spotlight .mgic-bw__eintrag.is-spotlight { grid-column: 1; grid-row: span var(--mgic-bw-spot, 2); }
}
@container mgic-bw (min-width: 1100px) {
	.mgic.mgic-bw--sp4 .mgic-bw__raster { --mgic-bw-n: 4; }
}

.mgic.mgic-bw--raster.mgic-bw--uebersicht .mgic-bw__raster { --mgic-bw-n: 1; align-content: start; }
@container mgic-bw-r (min-width: 440px) {
	.mgic.mgic-bw--raster.mgic-bw--uebersicht:is(.mgic-bw--sp3, .mgic-bw--sp4) .mgic-bw__raster { --mgic-bw-n: 2; }
}
@container mgic-bw-r (min-width: 820px) {
	.mgic.mgic-bw--raster.mgic-bw--uebersicht.mgic-bw--sp4 .mgic-bw__raster { --mgic-bw-n: 3; }
}

.mgic.mgic-bw--mauerwerk .mgic-bw__raster { display: block; column-count: var(--mgic-bw-n); column-gap: 16px; }
.mgic.mgic-bw--mauerwerk .mgic-bw__eintrag { margin-bottom: 16px; break-inside: avoid; }
.mgic.mgic-bw--mauerwerk .mgic-bw__karte { height: auto; }