/*
 * Markenanpassung fuer Klaro (Consent-Manager).
 * Klaro selbst setzt keine Standardwerte fuer seine CSS-Variablen, sondern
 * nutzt nur var(--name, Fallback) -- hier werden die verticus-Tokens aus
 * style.css eingehaengt, ohne Klaros Basis-Stylesheet zu kopieren.
 */
.klaro {
	--dark1: var(--vtc-navy, #0b2853);
	--dark2: var(--vtc-blue-dark, #062d63);
	--dark3: #9db3d6;
	--light1: #ffffff;
	--light2: var(--vtc-line, #dfe8f3);
	--light3: #c7d6ec;
	--white1: #ffffff;
	--white2: var(--vtc-soft, #f4f8fd);
	--white3: var(--vtc-soft-2, #edf5ff);
	--green1: var(--vtc-blue, #075bd8);
	--green2: var(--vtc-blue-2, #0b70f0);
	--green3: var(--vtc-blue-2, #0b70f0);
	--blue1: var(--vtc-blue, #075bd8);
	--blue2: var(--vtc-blue-2, #0b70f0);
	--button-text-color: #ffffff;
	--border-radius: var(--vtc-radius, 10px);
	--font-family: var(--vtc-font, Arial, sans-serif);
	--notice-max-width: 380px;
}

.klaro .cookie-modal .cm-modal.cm-klaro,
.klaro .cookie-modal-notice {
	box-shadow: var(--vtc-shadow-md, 0 18px 44px rgba(8, 45, 99, .10));
}

/*
 * Kontrast-Fix: "Ich lehne ab" nutzte Klaros --dark2 als Hintergrund, fast
 * identisch zum --dark1-Hintergrund von Notice-Leiste und Modal - der
 * Button war dadurch praktisch unsichtbar. Als Outline-Button auf dem
 * dunklen Grund geloest, passend zu .vtc-button--outline andernorts im
 * Theme. Gleichzeitig Rang-Unterschied zwischen "Ausgewaehlte akzeptieren"
 * (sekundaer, outline) und "Alle akzeptieren" (primaer, gefuellt) ergaenzt.
 */
.klaro .cm-btn.cm-btn-danger,
.klaro .cm-btn.cm-btn-info {
	background: transparent !important;
	border: 1.5px solid rgba(255, 255, 255, .55) !important;
	color: #fff !important;
}

.klaro .cm-btn.cm-btn-danger:hover,
.klaro .cm-btn.cm-btn-info:hover {
	background: rgba(255, 255, 255, .12) !important;
	border-color: #fff !important;
	color: #fff !important;
}

.klaro .cm-btn.cm-btn-accept-all {
	box-shadow: var(--vtc-shadow-btn, 0 14px 28px rgba(7, 91, 216, .18));
}