/* Einwilligungs-Banner highrizz (19.09.2026). Beide Hauptknoepfe gleich gross und gleich
   auffaellig: Ablehnen darf nicht schwerer sein als Zustimmen (EDSA-Leitlinien 03/2022). */
.hrz-einw[hidden], .hrz-einw-wahl[hidden] { display: none !important; }
.hrz-einw {
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 99990;
	max-width: 420px;
	width: calc(100% - 32px);
}
.hrz-einw-karte {
	background: var(--hrz-karte, #F7F3EA);
	color: var(--hrz-tinte, #161512);
	border: 2px solid var(--hrz-tinte, #161512);
	border-radius: 14px;
	box-shadow: 5px 5px 0 var(--hrz-tinte, #161512);
	padding: 18px 18px 16px;
	font-family: var(--hrz-text, system-ui, sans-serif);
}
.hrz-einw-titel {
	font-family: var(--hrz-anzeige, system-ui, sans-serif);
	font-size: 20px;
	line-height: 1.15;
	margin: 0 0 8px;
}
.hrz-einw-text {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 14px;
}
.hrz-einw-text a { color: var(--hrz-rot, #992014); text-decoration: underline; }
.hrz-einw-wahl { display: grid; gap: 10px; margin: 0 0 14px; }
.hrz-einw-wahl label {
	display: grid;
	grid-template-columns: 22px 1fr;
	column-gap: 8px;
	align-items: start;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.hrz-einw-wahl input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--hrz-rot, #992014); }
.hrz-einw-wahl span {
	grid-column: 2;
	font-weight: 400;
	font-size: 13px;
	color: var(--hrz-grau, #524B3D);
}
.hrz-einw-knoepfe {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.hrz-einw-knopf {
	min-height: 46px;
	border: 2px solid var(--hrz-tinte, #161512);
	border-radius: 12px;
	background: var(--hrz-tinte, #161512);
	color: var(--hrz-creme, #FBF7EE);
	font: 700 14px/1 var(--hrz-text, system-ui, sans-serif);
	cursor: pointer;
	padding: 0 12px;
}
/* Zustimmen im Markenrot wie "but wearable." auf der Startseite (Wunsch Maho 19.09.). Ablehnen bleibt
   gleich gross und kontrastreich (Creme auf Tinte 17:1), sonst waere es ein Dark Pattern. */
.hrz-einw-knopf[data-hrz-einw="ja"] { background: var(--hrz-rot, #992014); border-color: var(--hrz-rot, #992014); }
.hrz-einw-knopf:hover, .hrz-einw-knopf:focus-visible { background: var(--hrz-grau, #524B3D); border-color: var(--hrz-grau, #524B3D); }
.hrz-einw-knopf[data-hrz-einw="ja"]:hover, .hrz-einw-knopf[data-hrz-einw="ja"]:focus-visible { background: var(--hrz-rot-dunkel, #6E150E); border-color: var(--hrz-rot-dunkel, #6E150E); }
/* Ablehnen im durchsichtigen Stil wie "All designs" auf der Startseite (hrz-p-btn-ghost, Wunsch Maho).
   Tinte auf Karte 16:1, gleich gross wie Zustimmen: klar lesbar, kein Verstecken. */
.hrz-einw-knopf[data-hrz-einw="nein"] { background: transparent; color: var(--hrz-tinte, #161512); border-color: var(--hrz-tinte, #161512); }
.hrz-einw-knopf[data-hrz-einw="nein"]:hover, .hrz-einw-knopf[data-hrz-einw="nein"]:focus-visible { background: var(--hrz-tinte, #161512); color: var(--hrz-creme, #FBF7EE); border-color: var(--hrz-tinte, #161512); }
.hrz-einw-knopf[data-hrz-einw="speichern"] { grid-column: 1 / -1; }
.hrz-einw-link {
	grid-column: 1 / -1;
	justify-self: center;
	min-height: 44px;
	background: none;
	border: 0;
	color: var(--hrz-tinte, #161512);
	font: 600 13px/1 var(--hrz-text, system-ui, sans-serif);
	text-decoration: underline;
	cursor: pointer;
	padding: 0 12px;
}
.hrz-einw-knopf[hidden], .hrz-einw-link[hidden] { display: none; }
@media (max-width: 520px) {
	/* 10.10.2026 (#578): am Handy knapp halten, der Banner deckte 247 von 844 Pixel. Text bleibt
	   wortgleich, nur kleiner gesetzt; "Choose" rueckt in die Knopfzeile. */
	.hrz-einw { left: 8px; bottom: 8px; width: calc(100% - 16px); }
	.hrz-einw-karte { padding: 10px 12px 10px; box-shadow: 3px 3px 0 var(--hrz-tinte, #161512); }
	.hrz-einw-titel { font-size: 15px; margin: 0 0 4px; }
	.hrz-einw-text { font-size: 12px; line-height: 1.35; margin: 0 0 8px; }
	.hrz-einw-wahl { gap: 6px; margin: 0 0 8px; }
	.hrz-einw-knoepfe { grid-template-columns: 1fr 1fr auto; gap: 6px; }
	.hrz-einw-knopf { min-height: 44px; font-size: 13px; padding: 0 8px; }
	.hrz-einw-link { grid-column: auto; min-height: 44px; padding: 0 6px; }
	.hrz-einw-knopf[data-hrz-einw="speichern"] { grid-column: 1 / -1; }
}