/* ======================================================================
   Daum CD – Feinheiten, die theme.json nicht abdeckt.
   Farben, Schriften, Abstände: theme.json (CSS-Variablen --wp--preset--…).
   Regeln des Handbuchs: Daum ist eckig, keine Schatten, Messing sparsam.
   ====================================================================== */

:root {
	--daum-tinte: var(--wp--preset--color--tinte);
	--daum-tinte-70: var(--wp--preset--color--tinte-70);
	--daum-taubenblau: var(--wp--preset--color--taubenblau);
	--daum-messing: var(--wp--preset--color--messing);
	--daum-messing-dunkel: var(--wp--preset--color--messing-dunkel);
	--daum-messing-hell: var(--wp--preset--color--messing-hell);
	--daum-kalkstein: var(--wp--preset--color--kalkstein);
	--daum-sandstein: var(--wp--preset--color--sandstein);
	--daum-warmgrau: var(--wp--preset--color--warmgrau);
	--daum-schrift: var(--wp--preset--color--schrift);
	--daum-weiss: var(--wp--preset--color--weiss);
	--daum-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

:where(h1, h2, h3, h4) {
	overflow-wrap: break-word;
	hyphens: auto;
	text-wrap: balance;
}

p { text-wrap: pretty; }

a { text-underline-offset: 3px; text-decoration-thickness: 1px; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--daum-messing-dunkel);
	outline-offset: 2px;
}

:where(.has-tinte-background-color) :where(a, button, summary):focus-visible {
	outline-color: var(--daum-messing-hell);
}

table, .zahl { font-variant-numeric: tabular-nums; }

/* ---------- Label (Überzeile) --------------------------------------- */

.is-style-label {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 12px !important;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--daum-messing-dunkel);
	margin-bottom: 0;
}
.has-tinte-background-color .is-style-label { color: var(--daum-taubenblau); }

/* Label direkt über einem Titel: Abstand 2 (8 px). */
.is-style-label + :where(h1, h2, h3) { margin-top: 8px; }

/* ---------- Kopfzeile ------------------------------------------------ */

.daum-kopf-bereich {
	position: relative;
	z-index: 20;
	background: var(--daum-weiss);
	border-bottom: 1px solid var(--daum-sandstein);
}

.daum-kopf-zeile {
	min-height: 88px;
	gap: 32px;
}

.daum-logo {
	display: block;
	flex-shrink: 0;
	line-height: 0;
	padding: 16px 0;
}
.daum-logo img {
	display: block;
	width: 220px;
	height: auto;
}

.daum-nav .wp-block-navigation-item__content {
	color: var(--daum-schrift);
	text-decoration: none;
	padding: 6px 0;
}
.daum-nav .wp-block-navigation-item__content:hover {
	color: var(--daum-tinte);
}
.daum-nav .current-menu-item > .wp-block-navigation-item__content,
.daum-nav .current-menu-ancestor > .wp-block-navigation-item__content {
	color: var(--daum-tinte);
	box-shadow: inset 0 -2px 0 var(--daum-messing);
}

/* Untermenü: weiß, Rahmen Sandstein, eckig, ohne Schatten. */
.daum-nav .wp-block-navigation__submenu-container {
	border: 1px solid var(--daum-sandstein) !important;
	background: var(--daum-weiss) !important;
	padding: 8px 0 !important;
	min-width: 280px !important;
}
.daum-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 10px 20px !important;
}
.daum-nav .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
	box-shadow: inset 2px 0 0 var(--daum-messing);
}

/* Untermenü am Computer: WordPress färbt Untermenüs mit den Farben des Handy-Menüs
   (Weiß auf Tintenblau, mit !important). Auf der weißen Fläche hier Schrift in Tintenblau. */
.daum-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--daum-schrift) !important;
}
.daum-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.daum-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	color: var(--daum-tinte) !important;
	background: var(--daum-kalkstein);
}
.daum-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
	color: var(--daum-tinte) !important;
	font-weight: 600;
}

/* „Angebot anfragen“ als Schaltfläche. */
.daum-nav .daum-nav-cta > .wp-block-navigation-item__content {
	background: var(--daum-tinte);
	color: var(--daum-weiss);
	border-radius: 2px;
	padding: 12px 20px;
	font-weight: 600;
	box-shadow: none !important;
}
.daum-nav .daum-nav-cta > .wp-block-navigation-item__content:hover {
	background: var(--daum-tinte-70);
	color: var(--daum-weiss);
}

/* Handy-Menü: Fläche Tintenblau, große Einträge. */
.daum-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: 24px clamp(16px, 5vw, 80px) 48px;
}
.daum-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: var(--daum-weiss);
	font-size: 19px;
	padding: 6px 0;
	box-shadow: none;
}
.daum-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	background: transparent !important;
	border: 0 !important;
	padding: 4px 0 8px 16px !important;
}
.daum-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 16px;
	color: var(--daum-taubenblau);
	padding: 4px 0 !important;
}
.daum-nav .wp-block-navigation__responsive-container.is-menu-open .daum-nav-cta > .wp-block-navigation-item__content {
	background: var(--daum-weiss);
	color: var(--daum-tinte);
	margin-top: 16px;
	padding: 14px 24px;
}
.daum-nav .wp-block-navigation__responsive-container-open,
.daum-nav .wp-block-navigation__responsive-container-close {
	color: var(--daum-tinte);
}
.daum-nav .is-menu-open .wp-block-navigation__responsive-container-close { color: var(--daum-weiss); }

/* ---------- Seitenkopf und Abschnitte ------------------------------- */

.daum-seite > .alignfull:first-child { margin-top: 0; }
.daum-inhalt { margin-top: 0; }
.daum-seite { padding-bottom: 0; }

.daum-seitenkopf {
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
	border-bottom: 1px solid var(--daum-sandstein);
}
.daum-seitenkopf h1 { max-width: 30ch; margin-top: 8px; margin-bottom: 0; }
.daum-seitenkopf .has-lead-font-size { max-width: 62ch; margin-top: 16px; }

.daum-abschnitt {
	padding-top: var(--wp--preset--spacing--90);
	padding-bottom: var(--wp--preset--spacing--90);
}
/* Zwei Abschnitte gleicher Farbe hintereinander: kein doppelter Abstand. */
.daum-abschnitt:not(.has-background) + .daum-abschnitt:not(.has-background) { padding-top: 0; }

.daum-abschnittskopf { max-width: 720px; margin-bottom: 32px; }
.daum-abschnittskopf h2 { margin-top: 8px; }

/* Fließtext höchstens ca. 65 Zeichen breit. */
.daum-text { max-width: 680px; }
.daum-text > h2 {
	margin-top: 48px;
	margin-bottom: 0;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--titel-3);
	font-weight: 600;
	line-height: 1.4;
}
.daum-text > h2 + * { margin-top: 12px; }
.daum-text > h3 { margin-top: 36px; margin-bottom: 0; }
.daum-text > h3 + p,
.daum-text > h3 + ul { margin-top: 12px; }
.daum-text > :first-child { margin-top: 0; }

.daum-spalten { gap: var(--wp--preset--spacing--80) !important; }

/* ---------- Startseite: Kopfbereich mit Fensterraster --------------- */

.daum-hero {
	padding-top: var(--wp--preset--spacing--90);
	padding-bottom: var(--wp--preset--spacing--90);
	overflow: hidden;
}
.daum-hero h1 {
	max-width: 16ch !important;
	hyphens: manual;
	overflow-wrap: normal;
	color: var(--daum-weiss);
	font-size: var(--wp--preset--font-size--display);
	line-height: 1.1;
	letter-spacing: -0.015em;
	margin-top: 12px;
}
.daum-hero .has-lead-font-size { color: var(--daum-weiss); max-width: 34ch; opacity: 1; }
.daum-hero .daum-hero-neben { color: var(--daum-taubenblau); }
.daum-hero .wp-block-image { margin: 0; }
.daum-hero .wp-block-image img { width: 100%; height: auto; display: block; }

/* ---------- Leistungskarte ------------------------------------------ */

.wp-block-group.is-style-karte {
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: var(--daum-weiss);
	border: 1px solid var(--daum-sandstein);
	padding: 36px var(--wp--preset--spacing--60);
	height: 100%;
}
.wp-block-group.is-style-karte::before {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: var(--daum-messing);
}
.wp-block-group.is-style-karte > * { margin: 0 !important; }
.wp-block-group.is-style-karte h3 { color: var(--daum-tinte); }
.wp-block-group.is-style-karte > .is-style-mehr { margin-top: auto !important; padding-top: 8px; }
.daum-karten > .wp-block-column { display: flex; flex-direction: column; }

/* Ganze Karte anklickbar über den Textlink. */
.wp-block-group.is-style-karte { position: relative; }
.wp-block-group.is-style-karte .is-style-mehr a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.wp-block-group.is-style-karte:hover { border-color: var(--daum-messing); }

/* ---------- Textlink mit Pfeil --------------------------------------- */

.is-style-mehr a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	font-weight: 600;
	font-size: 15px;
	color: var(--daum-messing-dunkel);
	text-decoration: none;
}
.is-style-mehr a::before {
	content: "";
	order: 2;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--daum-pfeil) center / contain no-repeat;
	mask: var(--daum-pfeil) center / contain no-repeat;
	transition: transform .15s ease;
}
.is-style-mehr a:hover { color: var(--daum-tinte); }
.is-style-mehr a:hover::before { transform: translateX(3px); }
.has-tinte-background-color .is-style-mehr a { color: var(--daum-messing-hell); }
.has-tinte-background-color .is-style-mehr a:hover { color: var(--daum-weiss); }

/* ---------- Hinweisbox ----------------------------------------------- */

.wp-block-group.is-style-hinweisbox {
	background: var(--daum-kalkstein);
	padding: 28px;
}
.wp-block-group.is-style-hinweisbox > * { margin-top: 0; margin-bottom: 0; }
.wp-block-group.is-style-hinweisbox > * + * { margin-top: 12px; }
.wp-block-group.is-style-hinweisbox h2,
.wp-block-group.is-style-hinweisbox h3 { font-family: var(--wp--preset--font-family--sans); font-size: var(--wp--preset--font-size--titel-3); font-weight: 600; line-height: 1.4; }

/* Seitenleiste neben dem Text bleibt beim Scrollen sichtbar. */
@media (min-width: 782px) {
	.daum-seitenleiste > .wp-block-group:first-child { position: sticky; top: 24px; }
}

/* ---------- Listen ---------------------------------------------------- */

.daum-seite ul.wp-block-list:not(.daum-fuss-liste):not(.is-style-haken) {
	list-style: square;
	padding-left: 1.2em;
}
.daum-seite ul.wp-block-list:not(.daum-fuss-liste) li::marker { color: var(--daum-messing); }
.daum-seite ul.wp-block-list li + li { margin-top: 8px; }

ul.is-style-haken { list-style: none; padding-left: 0; }
ul.is-style-haken li { position: relative; padding-left: 30px; }
ul.is-style-haken li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 18px;
	height: 18px;
	background: var(--daum-messing-dunkel);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Schaltflächen -------------------------------------------- */

.wp-block-button__link { border-radius: 2px; min-height: 48px; display: inline-flex; align-items: center; }
.wp-block-button.is-style-kontur .wp-block-button__link {
	background: transparent;
	color: var(--daum-tinte);
	box-shadow: inset 0 0 0 1px var(--daum-tinte);
}
.wp-block-button.is-style-kontur .wp-block-button__link:hover { background: var(--daum-tinte); color: var(--daum-weiss); }
.wp-block-button.is-style-hell .wp-block-button__link { background: var(--daum-weiss); color: var(--daum-tinte); }
.wp-block-button.is-style-hell .wp-block-button__link:hover { background: var(--daum-kalkstein); color: var(--daum-tinte); }
.has-tinte-background-color .wp-block-button.is-style-kontur .wp-block-button__link { color: var(--daum-weiss); box-shadow: inset 0 0 0 1px var(--daum-taubenblau); }
.has-tinte-background-color .wp-block-button.is-style-kontur .wp-block-button__link:hover { background: var(--daum-tinte-70); }

/* ---------- Trennlinie ------------------------------------------------ */

hr.wp-block-separator { border: 0; border-top: 1px solid var(--daum-sandstein); opacity: 1; }
hr.wp-block-separator.is-style-strich { width: 40px; border-top: 2px solid var(--daum-messing); margin-left: 0; }

/* ---------- Referenzen ------------------------------------------------ */

.daum-referenz .wp-block-image { margin: 0 0 16px; aspect-ratio: 4 / 3; overflow: hidden; background: var(--daum-kalkstein); }
.daum-referenz .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.daum-referenz h3 { margin: 0; }
.daum-referenz p { margin: 4px 0 0; color: var(--daum-warmgrau); }

/* ---------- Partnerlogos --------------------------------------------- */

.daum-partner {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 0;
	border-top: 1px solid var(--daum-sandstein);
	border-left: 1px solid var(--daum-sandstein);
}
.daum-partner > .wp-block-image {
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 96px;
	padding: 16px 20px;
	border-right: 1px solid var(--daum-sandstein);
	border-bottom: 1px solid var(--daum-sandstein);
	background: var(--daum-weiss);
}
.daum-partner img {
	max-height: 44px;
	max-width: 100%;
	width: auto !important;
	height: auto;
	filter: grayscale(1);
	opacity: .7;
	transition: filter .2s ease, opacity .2s ease;
}
.daum-partner > .wp-block-image:hover img { filter: none; opacity: 1; }

/* ---------- Aufklapp-Abschnitte (Details) ----------------------------- */

.wp-block-details { border-top: 0; }
.wp-block-details:first-of-type { border-top: 1px solid var(--daum-sandstein); }
.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--titel-3);
	line-height: 1.4;
	color: var(--daum-tinte);
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 4px 0;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
	content: "+";
	font-weight: 400;
	font-size: 26px;
	line-height: 1;
	color: var(--daum-messing-dunkel);
}
.wp-block-details[open] summary::after { content: "−"; }
.wp-block-details > :not(summary) { margin-top: 12px; }

/* ---------- Zitat (Gesetzestexte) ------------------------------------- */

.wp-block-quote { border-left: 0; }
.wp-block-quote cite { display: block; margin-top: 8px; font-style: normal; font-size: 13px; color: var(--daum-warmgrau); }

/* ---------- Kontakt- und Impressumsangaben ---------------------------- */

.daum-angaben { margin: 0; }
.daum-angaben dt {
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--daum-warmgrau);
	margin-top: 20px;
}
.daum-angaben dt:first-child { margin-top: 0; }
.daum-angaben dd { margin: 4px 0 0; }

/* ---------- Fußzeile -------------------------------------------------- */

.daum-fuss { font-size: 15px; line-height: 1.6; }
.daum-fuss p { margin: 0; }
.daum-fuss p + p { margin-top: 12px; }
.daum-fuss .is-style-label { color: var(--daum-taubenblau); margin-bottom: 16px; }
.daum-fuss .daum-logo { padding-top: 0; }
.daum-fuss .daum-fuss-neben { color: var(--daum-taubenblau); font-size: 14px; }
.daum-fuss a { color: var(--daum-weiss); text-decoration: none; }
.daum-fuss a:hover { color: var(--daum-messing-hell); text-decoration: underline; }
.daum-fuss-liste { list-style: none; padding: 0; margin: 0; }
.daum-fuss-liste li + li { margin-top: 8px; }
.daum-fuss-unten {
	margin-top: var(--wp--preset--spacing--80) !important;
	padding-top: 24px;
	border-top: 1px solid var(--daum-messing);
	font-size: 13px;
	color: var(--daum-taubenblau);
	gap: 12px 32px;
}
.daum-fuss-unten a { color: var(--daum-taubenblau); }
.daum-fuss-unten p + p { margin-top: 0; }

/* ---------- Formulare (Contact Form 7, Quiz) -------------------------- */

.daum-seite input[type="text"],
.daum-seite input[type="email"],
.daum-seite input[type="tel"],
.daum-seite input[type="number"],
.daum-seite input[type="url"],
.daum-seite input[type="password"],
.daum-seite select,
.daum-seite textarea {
	font: inherit;
	color: var(--daum-schrift);
	background: var(--daum-weiss);
	border: 1px solid var(--daum-sandstein);
	border-radius: 2px;
	padding: 10px 12px;
	max-width: 100%;
}
.daum-seite input:focus,
.daum-seite select:focus,
.daum-seite textarea:focus { border-color: var(--daum-messing-dunkel); outline: 2px solid var(--daum-messing-dunkel); outline-offset: 0; }
.daum-seite input[type="submit"],
.daum-seite button[type="submit"],
.post-password-form input[type="submit"] {
	font: 600 16px/20px var(--wp--preset--font-family--sans);
	background: var(--daum-tinte);
	color: var(--daum-weiss);
	border: 0;
	border-radius: 2px;
	padding: 14px 24px;
	cursor: pointer;
}
.daum-seite input[type="submit"]:hover,
.daum-seite button[type="submit"]:hover { background: var(--daum-tinte-70); }

/* Passwortgeschützte Seite (Kalkulation) */
.post-password-form { max-width: 520px; }
.post-password-form input[type="password"] { border: 1px solid var(--daum-sandstein); border-radius: 2px; padding: 10px 12px; font: inherit; }

/* ---------- Handy ----------------------------------------------------- */

@media (max-width: 781px) {
	.daum-kopf-zeile { min-height: 68px; }
	.daum-logo img { width: 180px; }
	.daum-hero .wp-block-columns { gap: 32px; }
	.daum-hero-bild { max-width: 360px; }
	.daum-fuss-unten { flex-direction: column; align-items: flex-start !important; }
}

/* Abschnitte über die volle Breite schließen ohne Lücke aneinander an. */
.daum-seite > .alignfull,
.daum-seite > .alignfull + * { margin-block-start: 0; }
.daum-seite > .alignfull:last-child { margin-block-end: 0; }

/* Titel und Text auf Tintenblau. */
.has-tinte-background-color :where(h1, h2, h3, h4) { color: var(--daum-weiss); }
.has-tinte-background-color .has-lead-font-size { color: var(--daum-weiss); }

/* Gestapelte Karten (Startseite, „Über uns“). */
.daum-karten-stapel { display: flex; flex-direction: column; gap: 24px; }
.daum-karten-stapel > .wp-block-group.is-style-karte { height: auto; margin: 0 !important; }

/* Unterschrift unter dem Einleitungstext. */
.daum-unterschrift { margin-top: 24px; }

/* Leistungsumfang in zwei Spalten. */
@media (min-width: 900px) {
	ul.daum-zweispaltig { columns: 2; column-gap: 64px; }
	ul.daum-zweispaltig li { break-inside: avoid; }
}
ul.is-style-haken li + li { margin-top: 12px; }

/* Seitenleiste: Konsument-Hinweis. */
.daum-seitenleiste-info { margin-top: 32px; font-size: 15px; }
.daum-seitenleiste-info .wp-block-image img { width: 160px; height: auto; border: 1px solid var(--daum-sandstein); }

@media (max-width: 600px) {
	.daum-hero-bild { display: none; }
	.daum-partner { grid-template-columns: repeat(3, 1fr); }
	.daum-partner > .wp-block-image { min-height: 72px; padding: 10px; }
	.daum-partner img { max-height: 32px; }
}

/* Abstand vor einem zweiten Abschnittskopf innerhalb eines Abschnitts. */
.daum-abstand-oben { margin-top: var(--wp--preset--spacing--80) !important; }

/* Impressum: Bezeichnung direkt über dem Wert. */
.daum-impressum-angaben .is-style-label { margin-top: 24px; color: var(--daum-warmgrau); }
.daum-impressum-angaben .is-style-label + p { margin-top: 4px; }

/* Kontaktseite */
.daum-kontakt .is-style-label + p { margin-top: 8px; }

/* Passwortgeschützte Seite */
.daum-seite > .post-password-form { padding: var(--wp--preset--spacing--90) 0; }

/* ---------- Datenschutz-Hinweis (WP DSGVO Tools) im CD ---------------- */

#cookie-notice.sp-dsgvo {
	background: var(--daum-tinte) !important;
	color: var(--daum-weiss) !important;
	font-family: var(--wp--preset--font-family--sans) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	border-top: 1px solid var(--daum-messing);
	box-shadow: none !important;
}
#cookie-notice .cookie-notice-container {
	padding: 12px clamp(16px, 5vw, 80px) !important;
	gap: 16px;
}
#cookie-notice #cn-notice-text { color: var(--daum-weiss) !important; font-size: 14px !important; }
#cookie-notice .cn-set-cookie,
#cookie-notice .button {
	background: var(--daum-weiss) !important;
	color: var(--daum-tinte) !important;
	border: 0 !important;
	border-radius: 2px !important;
	font: 600 14px/18px var(--wp--preset--font-family--sans) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	padding: 10px 18px !important;
	box-shadow: none !important;
	margin-left: 12px;
}
#cookie-notice .cn-set-cookie:hover,
#cookie-notice .button:hover { background: var(--daum-kalkstein) !important; }
#cookie-notice a:focus-visible { outline: 2px solid var(--daum-messing-hell) !important; outline-offset: 2px; }

/* Einstellungsfenster */
.sp-dsgvo .sp-dsgvo-privacy-popup {
	background: var(--daum-tinte) !important;
	color: var(--daum-weiss) !important;
	font-family: var(--wp--preset--font-family--sans) !important;
	border-radius: 0 !important;
	border-top: 2px solid var(--daum-messing) !important;
}
.sp-dsgvo .sp-dsgvo-privacy-popup a:not(.sp-dsgvo-popup-button) { color: var(--daum-messing-hell) !important; }
.sp-dsgvo .sp-dsgvo-privacy-popup .sp-dsgvo-popup-button {
	background: var(--daum-weiss) !important;
	border: 0 !important;
	color: var(--daum-tinte) !important;
	border-radius: 2px !important;
	font: 600 14px/18px var(--wp--preset--font-family--sans) !important;
	padding: 10px 18px !important;
}
.sp-dsgvo .sp-dsgvo-privacy-popup .sp-dsgvo-popup-button:hover { background: var(--daum-kalkstein) !important; }

/* ---------- Quiz (Quiz Maker) im CD ----------------------------------- */

.ays-quiz-container {
	box-shadow: none !important;
	border: 1px solid var(--daum-sandstein) !important;
	border-radius: 0 !important;
	font-family: var(--wp--preset--font-family--sans) !important;
	max-width: 100% !important;
}
.ays-quiz-container .ays-fs-title {
	font-family: var(--wp--preset--font-family--serif) !important;
	color: var(--daum-tinte) !important;
	text-transform: none !important;
	font-weight: 400 !important;
}
.ays-quiz-container .action-button:not(.ays_arrow),
.ays-quiz-container input[type="button"],
.ays-quiz-container input[type="submit"] {
	background: var(--daum-tinte) !important;
	color: var(--daum-weiss) !important;
	border: 0 !important;
	border-radius: 2px !important;
	font: 600 16px/20px var(--wp--preset--font-family--sans) !important;
	box-shadow: none !important;
}
.ays-quiz-container .action-button:not(.ays_arrow):hover { background: var(--daum-tinte-70) !important; }
.ays-quiz-container .ays_arrow { color: var(--daum-tinte) !important; }
.ays-quiz-container .ays-field label,
.ays-quiz-container .ays-quiz-answers label { border-radius: 2px !important; }
.ays-quiz-container .ays-field input:checked + label { background: var(--daum-kalkstein) !important; border-color: var(--daum-messing) !important; color: var(--daum-schrift) !important; }
.ays-quiz-container .ays-progress-bar,
.ays-quiz-container .ays-progress-value { background-color: var(--daum-messing) !important; }

/* Platz für den Datenschutz-Hinweis setzt functions.php (nur solange er sichtbar ist). */

/* Handy-Menü linksbündig, Fokusring in Messing hell auf Tintenblau. */
.daum-nav .wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: flex-start;
	--navigation-layout-justify: flex-start;
}
.daum-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.daum-nav .is-menu-open .wp-block-navigation__container,
.daum-nav .is-menu-open .wp-block-navigation-item,
.daum-nav .is-menu-open .wp-block-navigation__submenu-container {
	align-items: flex-start !important;
	text-align: left !important;
}
.daum-nav .is-menu-open :focus-visible { outline-color: var(--daum-messing-hell) !important; }