/* MK Datenschutz-Hinweis – nur eigene Klassen, keine externen Ressourcen */
.mkds {
	--mkds-akzent: var(--akzent, #F5B400);
	--mkds-bg: #fff;
	--mkds-text: #1d2327;
	--mkds-rand: #d9dde1;
	position: fixed;
	z-index: 99999;
	left: 16px;
	bottom: 16px;
	width: min(560px, calc(100vw - 32px));
	font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--mkds-text);
	outline: none;
}
.mkds[hidden] { display: none; }
.mkds-karte {
	background: var(--mkds-bg);
	border: 1px solid var(--mkds-rand);
	border-top: 4px solid var(--mkds-akzent);
	border-radius: 12px;
	padding: 18px 20px 14px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .18);
	animation: mkds-ein .25s ease-out;
}
.mkds-titel { margin: 0 0 6px; font-size: 17px; line-height: 1.3; color: inherit; }
.mkds-text { margin: 0 0 12px; }
.mkds-einst { margin: 0 0 12px; max-height: 40vh; overflow: auto; border-top: 1px solid var(--mkds-rand); }
.mkds-kat { padding: 10px 0; border-bottom: 1px solid var(--mkds-rand); }
.mkds-kat p { margin: 4px 0 0 28px; font-size: 13.5px; opacity: .85; }
.mkds-schalter { display: flex; gap: 10px; align-items: center; cursor: pointer; }
.mkds-schalter input { width: 18px; height: 18px; margin: 0; accent-color: #1d2327; }
.mkds-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
/* „Alle akzeptieren“ und „Nur notwendige“ sind bewusst gleich gestaltet */
.mkds-btn {
	flex: 1 1 140px;
	min-height: 44px;
	padding: 10px 14px;
	font: inherit;
	font-weight: 600;
	color: #1d2327;
	background: #fff;
	border: 2px solid #1d2327;
	border-radius: 8px;
	cursor: pointer;
}
.mkds-btn:hover { background: #f3f4f5; }
.mkds-btn-voll { background: var(--mkds-akzent); border-color: var(--mkds-akzent); }
.mkds-btn-voll:hover { background: var(--mkds-akzent); filter: brightness(.95); }
.mkds-btn-leise { border-color: var(--mkds-rand); font-weight: 500; }
.mkds-btn[hidden] { display: none; }
.mkds-btn:focus-visible, .mkds-links a:focus-visible, .mkds-schalter input:focus-visible {
	outline: 3px solid #2271b1;
	outline-offset: 2px;
}
.mkds-links { display: flex; gap: 16px; margin: 10px 0 0; font-size: 13.5px; }
.mkds-links:empty { display: none; }
.mkds-links a { color: inherit; text-decoration: underline; }
.mkds-oeffnen { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }

@keyframes mkds-ein { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mkds-karte { animation: none; } }

@media (max-width: 600px) {
	.mkds { left: 8px; right: 8px; width: auto; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
	.mkds-karte { padding: 14px 14px 10px; }
	.mkds-btn { flex-basis: 100%; }
}
@media (prefers-color-scheme: dark) {
	.mkds { --mkds-bg: #1d2327; --mkds-text: #f0f0f1; --mkds-rand: #3c434a; }
	.mkds-btn { color: #f0f0f1; background: #1d2327; border-color: #f0f0f1; }
	.mkds-btn:hover { background: #2c3338; }
	.mkds-btn-voll { color: #1d2327; background: var(--mkds-akzent); border-color: var(--mkds-akzent); }
	.mkds-btn-leise { border-color: #50575e; }
	.mkds-schalter input { accent-color: var(--mkds-akzent); }
}