/* =========================================================
   CookieYes – Farben und Schrift von toboit.de
   Wird über BaseLayout geladen (Custom CSS ist im CookieYes-Free-Plan nicht verfügbar).
   CookieYes bringt eigene Styles mit, daher !important
   ========================================================= */

/* ---------- Banner ---------- */
.cky-consent-container .cky-consent-bar,
.cky-preference-center,
.cky-preference-center .cky-footer-wrapper,
.cky-preference-center .cky-prefrence-btn-wrapper {
	background: #0b0d10 !important;
	border: 1px solid #2a2e35 !important;
	border-radius: 8px !important;
	font-family: "barlow-v13", sans-serif !important;
}
.cky-preference-center .cky-footer-wrapper,
.cky-preference-center .cky-prefrence-btn-wrapper {
	border-width: 1px 0 0 !important;
	border-radius: 0 !important;
}

.cky-consent-container .cky-title,
.cky-preference-center .cky-preference-title,
.cky-preference-center .cky-accordion-btn {
	color: #ffffff !important;
	font-family: "barlow-v13", sans-serif !important;
	font-weight: 400 !important;
}
.cky-consent-container .cky-title { font-size: 20px !important; }

.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des *,
.cky-preference-center .cky-preference-content-wrapper,
.cky-preference-center .cky-preference-content-wrapper *,
.cky-preference-center .cky-accordion-header-des,
.cky-preference-center .cky-accordion-header-des * {
	color: #b4bac2 !important;
	font-family: "barlow-v13", sans-serif !important;
}

.cky-consent-container a,
.cky-preference-center a,
.cky-preference-center .cky-show-desc-btn {
	color: #ff5b23 !important;
}

/* ---------- Buttons ---------- */
.cky-btn {
	font-family: "barlow-v13", sans-serif !important;
	font-size: 15px !important;
	letter-spacing: 0.02em !important;
	border-radius: 8px !important;
	padding: 12px 20px !important;
	transition: background-color .2s, border-color .2s, color .2s !important;
}

/* Akzeptieren + Ablehnen: gleichwertig, beide Orange wie "Jetzt anfragen" */
.cky-btn.cky-btn-accept,
.cky-btn.cky-btn-reject {
	background: #c63f0e !important;
	border: 1px solid #c63f0e !important;
	color: #ffffff !important;
}
.cky-btn.cky-btn-accept:hover,
.cky-btn.cky-btn-reject:hover {
	background: #a8330a !important;
	border-color: #a8330a !important;
}

/* Anpassen / Einstellungen speichern: Kontur wie "Referenzen ansehen" */
.cky-btn.cky-btn-customize,
.cky-btn.cky-btn-preferences {
	background: transparent !important;
	border: 1px solid #8a9099 !important;
	color: #ffffff !important;
}
.cky-btn.cky-btn-customize:hover,
.cky-btn.cky-btn-preferences:hover {
	border-color: #ffffff !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

/* Banner: Ablehnen und Akzeptieren gleich groß nebeneinander, Anpassen darunter */
.cky-consent-container .cky-notice-btn-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn { margin: 0 !important; }
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-reject { order: 1; flex: 1 1 0 !important; }
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-accept { order: 2; flex: 1 1 0 !important; }
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize { order: 3; flex: 1 1 100% !important; }

/* ---------- Einstellungsdialog ---------- */
.cky-preference-center .cky-preference-header,
.cky-preference-center .cky-accordion {
	border-color: #2a2e35 !important;
}
.cky-preference-center .cky-btn-close img,
.cky-preference-center .cky-accordion-chevron i::before {
	filter: invert(1) !important;
}
.cky-preference-center .cky-always-active {
	color: #ff5b23 !important;
}

/* Schalter: an = Orange, aus = Grau */
.cky-switch input[type="checkbox"] {
	background: #2a2e35 !important;
}
.cky-switch input[type="checkbox"]:checked {
	background: #c63f0e !important;
}

/* Overlay hinter dem Dialog */
.cky-overlay {
	background: rgba(11, 13, 16, 0.7) !important;
}

/* ---------- "Powered by" ---------- */
.cky-consent-container .cky-footer-wrapper,
.cky-preference-center .cky-footer-wrapper {
	background: #0b0d10 !important;
}
.cky-footer-shadow { display: none !important; }

/* ---------- Symbol unten links (Einstellungen erneut öffnen) ---------- */
.cky-btn-revisit-wrapper {
	background: #c63f0e !important;
}
.cky-btn-revisit-wrapper:hover {
	background: #a8330a !important;
}

/* Tastaturfokus sichtbar halten */
.cky-btn:focus-visible,
.cky-btn-revisit-wrapper:focus-visible {
	outline: 2px solid #ff5b23 !important;
	outline-offset: 2px !important;
}