/* Cookie-Banner (consent_manager ab Version 4) im Design der Website.
   Bildet das bisherige Aussehen mit consent_manager 2.0.1 nach und überschreibt
   das mitgelieferte Standard-Design (deshalb die ID im Selektor). */

#consent_manager-background {
	background: rgba(0, 0, 0, 0.6);
}

#consent_manager-background .consent_manager-wrapper {
	max-width: 60em;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	color: inherit;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.7;
}

#consent_manager-background .consent_manager-headline {
	margin: 0 0 1em 0;
	color: inherit;
	font-size: 1.2em;
	font-weight: bold;
}

#consent_manager-background .consent_manager-text {
	margin: 0 0 1em 0;
}

/* Auswahl der Cookie-Gruppen */
#consent_manager-background .consent_manager-cookiegroups label {
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}

#consent_manager-background .consent_manager-cookiegroups label > input[type="checkbox"] {
	filter: none;
	transform: scale(1.3);
	accent-color: green;
}

#consent_manager-background .consent_manager-cookiegroups label > input[type="checkbox"]:disabled {
	opacity: 1;
}

/* Link "Details anzeigen/ausblenden" */
#consent_manager-background .consent_manager-show-details .icon-info-circled {
	padding: 0;
	border: 0;
	background: none;
	color: green;
	font-family: inherit;
	font-size: 0.95em;
}

#consent_manager-background .consent_manager-show-details .icon-info-circled:hover {
	color: #004000;
}

#consent_manager-background .consent_manager-show-details .icon-info-circled::before {
	background-color: green;
	color: #fff;
	opacity: 1;
}

/* Buttons: "Alle auswählen" grün, die übrigen als Kontur-Buttons */
#consent_manager-background .consent_manager-buttons button {
	min-height: 0;
	padding: 0.5em 2em;
	border: 1px solid #999;
	border-radius: 0.2em;
	background: transparent;
	color: #666;
	font-family: inherit;
	font-size: 15px;
	font-weight: bold;
}

#consent_manager-background .consent_manager-buttons button:hover {
	border-color: #666;
	background: #666;
	color: #fff;
}

#consent_manager-background .consent_manager-buttons button.consent_manager-accept-all {
	border-color: green;
	background: green;
	color: #fff;
}

#consent_manager-background .consent_manager-buttons button.consent_manager-accept-all:hover {
	border-color: #004000;
	background: #004000;
}

/* Links zu Datenschutzerklärung und Impressum (#666 statt #999 für genug Kontrast, WCAG 1.4.3) */
#consent_manager-background .consent_manager-sitelinks a {
	color: #666;
}

#consent_manager-background .consent_manager-sitelinks a:hover {
	color: #404040;
}

/* Schließen-Button oben rechts */
#consent_manager-background .consent_manager-close-box {
	border-color: #666;
	background-color: #666;
	color: #fff;
	opacity: 1;
}

#consent_manager-background .consent_manager-close-box:hover {
	border-color: #404040;
	background-color: #404040;
}

/* Details-Bereich */
#consent_manager-background .consent_manager-detail a {
	color: green;
}

/* Tastatur-Fokus sichtbar (WCAG 2.4.7) */
#consent_manager-background a:focus-visible,
#consent_manager-background button:focus-visible,
#consent_manager-background input:focus-visible {
	outline: 2px solid #404040;
	outline-offset: 2px;
}