/*
Theme Name: Musikverein Mühlacker
Description: Eigenes Block-Theme des Musikverein Mühlacker e.V. – Farbschema „Wappenblau“.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: mvm
*/

/* Ergänzungen, die theme.json nicht abdeckt. Farben nur über die Palette aus theme.json. */

:where(body) { -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 3px solid #3468a8; outline-offset: 3px; }
.mvm-kopf :focus-visible, .mvm-leiste :focus-visible, .mvm-fuss :focus-visible { outline-color: var(--wp--preset--color--messing); }
img { height: auto; }

/* ---------- Kopfzeile ---------- */
.mvm-kopf {
	position: relative;
	z-index: 50;
	background: var(--wp--preset--color--blau-dunkel);
	color: var(--wp--preset--color--weiss);
}
.mvm-kopf a { color: inherit; }
.mvm-kopf .wp-block-site-logo img { width: 38px; filter: invert(1); }
.mvm-kopf .wp-block-site-title { max-width: 7em; }
.mvm-kopf .wp-block-navigation a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.mvm-kopf .wp-block-navigation__submenu-container { background: var(--wp--preset--color--blau-dunkel) !important; color: var(--wp--preset--color--weiss) !important; border: 0 !important; padding: .5rem 0; }
.mvm-kopf .wp-block-navigation__submenu-container a { padding: .4rem 1rem; }
.mvm-kopf .wp-block-navigation__responsive-container-open,
.mvm-kopf .wp-block-navigation__responsive-container-close { color: inherit; }

/* Auf der Startseite liegt die Kopfzeile halbtransparent über dem Foto */
body.home .mvm-kopf-huelle { position: absolute; inset: 0 0 auto; z-index: 50; }
.admin-bar.home .mvm-kopf-huelle { top: var(--wp-admin--admin-bar--height, 0); }
/* Die Unschärfe liegt auf einer eigenen Ebene: backdrop-filter direkt an der Kopfzeile
   würde das aufklappende Handy-Menü (position: fixed) in die Kopfzeile einsperren. */
body.home .mvm-kopf {
	background: transparent;
	border-bottom: 1px solid rgb(255 255 255 / .12);
}
body.home .mvm-kopf::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgb(13 37 70 / .62);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* ---------- Startbild ---------- */
.mvm-hero { min-height: 100svh !important; align-items: flex-end !important; }
.mvm-hero .wp-block-cover__image-background { filter: brightness(.62) saturate(.9); }
.mvm-hero .wp-block-cover__background {
	background: linear-gradient(to top, rgb(0 0 0 / .8), rgb(0 0 0 / .25) 45%, rgb(0 0 0 / 0) 70%, rgb(0 0 0 / .35)),
		linear-gradient(to right, rgb(13 37 70 / .75), rgb(13 37 70 / .35) 45%, rgb(13 37 70 / 0) 75%) !important;
	opacity: 1 !important;
}
.mvm-hero .wp-block-cover__inner-container { max-width: var(--wp--style--global--wide-size); width: 100%; margin: 0 auto; }
.mvm-hero h1 { text-transform: uppercase; line-height: 1.02; letter-spacing: .01em; }

/* Leiste „Als Nächstes“ */
.mvm-leiste p { margin: 0; }
.mvm-leiste strong { font-family: var(--wp--preset--font-family--titel); font-size: 1.6rem; font-weight: 700; margin-right: .4rem; }

/* ---------- Abschnittsköpfe: Überschrift mit Linie ---------- */
.mvm-kopfzeile { border-bottom: 3px solid var(--wp--preset--color--tinte); padding-bottom: 1rem; }
.mvm-kopfzeile h2, .mvm-kopfzeile h1 { margin: 0; font-size: var(--wp--preset--font-size--xxl); }
.mvm-mitmachen h2 { font-size: var(--wp--preset--font-size--xxl); margin-bottom: 1.5rem; }
.mvm-kopfzeile a { font-weight: 600; }

/* ---------- Knöpfe ---------- */
.wp-block-button.is-style-mvm-hell .wp-block-button__link { background: var(--wp--preset--color--weiss); color: var(--wp--preset--color--blau-dunkel); }
.wp-block-button.is-style-mvm-hell .wp-block-button__link:hover { background: var(--wp--preset--color--blau-hell); }
.wp-block-button.is-style-mvm-rahmen .wp-block-button__link { background: transparent; color: var(--wp--preset--color--tinte); box-shadow: inset 0 0 0 2px var(--wp--preset--color--tinte); }
.wp-block-button.is-style-mvm-rahmen .wp-block-button__link:hover { background: var(--wp--preset--color--tinte); color: var(--wp--preset--color--weiss); }

/* ---------- Terminliste (Block „Terminliste“) ---------- */
.mvm-termine { list-style: none; margin: 0; padding: 0; }
.mvm-termin { position: relative; display: grid; grid-template-columns: minmax(8rem, 15rem) 1fr auto; gap: .5rem 2.5rem; align-items: center; padding: 1.6rem 0; border-bottom: 1px solid var(--wp--preset--color--linie); }
.mvm-termin time { font: 800 clamp(3rem, 6.5vw, 5.2rem)/.9 var(--wp--preset--font-family--titel); color: var(--wp--preset--color--blau); }
.mvm-termin h3 { font-size: clamp(1.7rem, 2.8vw, 2.3rem); margin: 0 0 .3rem; }
.mvm-termin h3 a { color: inherit; text-decoration: none; }
.mvm-termin h3 a::after { content: ""; position: absolute; inset: 0; }
.mvm-termin:hover h3 a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.mvm-termin p { margin: 0; color: var(--wp--preset--color--grau); }
.mvm-termin__art { font-size: .9rem; border: 1px solid var(--wp--preset--color--tinte); padding: .15rem .6rem; white-space: nowrap; }
.mvm-termin__art.is-neu { border-color: var(--wp--preset--color--rot); color: var(--wp--preset--color--rot); font-weight: 600; }
.mvm-termine--leer { color: var(--wp--preset--color--grau); }
.mvm-termine.is-klein .mvm-termin time { font-size: clamp(2rem, 4vw, 3rem); }

/* ---------- Probenliste (Block „Gruppen-Übersicht“) ---------- */
.mvm-proben { list-style: none; margin: 0; padding: 0; }
.mvm-proben a { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: baseline; padding: 1.15rem 0; border-bottom: 1px solid var(--wp--preset--color--linie); text-decoration: none; color: inherit; }
.mvm-proben li:first-child a { padding-top: 0; }
.mvm-proben strong { font: 700 clamp(1.7rem, 2.6vw, 2.2rem)/1 var(--wp--preset--font-family--titel); }
.mvm-proben span { color: var(--wp--preset--color--blau); font-weight: 600; text-align: right; max-width: 16rem; }
.mvm-proben a:hover strong { text-decoration: underline; text-underline-offset: 5px; }

/* ---------- News ---------- */
.mvm-news .wp-block-post-template { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 2rem; }
.mvm-news .wp-block-post-featured-image { margin: 0; }
.mvm-news .wp-block-post-featured-image img { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; }
.mvm-news .wp-block-post-title { font-size: 1.75rem; line-height: 1; margin: 1rem 0 .35rem; }
.mvm-news .wp-block-post-template > li:first-child .wp-block-post-title { font-size: 2.3rem; }
.mvm-news .wp-block-post-title a:hover { color: var(--wp--preset--color--blau); }
/* Beiträge ohne Bild: ruhige Fläche mit Logo */
.mvm-news .wp-block-post:not(:has(.wp-block-post-featured-image))::before {
	content: ""; display: block; aspect-ratio: 4 / 3;
	background: var(--wp--preset--color--blau-hell) url("assets/images/logo.png") no-repeat center / auto 45%;
}
/* News-Übersicht: gleichmäßiges Raster */
.mvm-news.is-archiv .wp-block-post-template { grid-template-columns: repeat(3, 1fr); row-gap: 3rem; }
.mvm-news.is-archiv .wp-block-post-template > li:first-child .wp-block-post-title { font-size: 1.75rem; }

/* ---------- Dabei sein ---------- */
.mvm-mitmachen .wp-block-image { height: 100%; margin: 0; }
.mvm-mitmachen .wp-block-image img { object-fit: cover; height: 100%; min-height: 28rem; width: 100%; }
.mvm-wege { list-style: none; padding: 0; margin: 0; max-width: 34rem; }
.mvm-wege li { border-top: 1px solid var(--wp--preset--color--linie); padding: 1.1rem 0; color: var(--wp--preset--color--grau); }
.mvm-wege li:last-child { border-bottom: 1px solid var(--wp--preset--color--linie); }
.mvm-wege a { display: block; font: 700 1.9rem/1 var(--wp--preset--font-family--titel); color: var(--wp--preset--color--tinte); text-decoration: none; margin-bottom: .3rem; }
.mvm-wege a:hover { color: var(--wp--preset--color--blau); }

/* ---------- Sponsoren ---------- */
.mvm-sponsoren { display: flex; flex-wrap: wrap; gap: 3rem 4rem; align-items: center; }
.mvm-sponsoren img { height: 56px; width: auto; filter: grayscale(1); transition: filter .2s; }
.mvm-sponsoren a:hover img, .mvm-sponsoren a:focus-visible img { filter: none; }
.mvm-unterstuetzer { margin-top: 2.5rem; color: var(--wp--preset--color--grau); max-width: 60rem; }

/* ---------- Downloads ---------- */
.mvm-downloads .wp-block-file { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid var(--wp--preset--color--linie); margin: 0; }
.mvm-downloads .wp-block-file a:first-child { font-weight: 600; }
.mvm-downloads .wp-block-file__button { border-radius: 0; font-family: var(--wp--preset--font-family--titel); font-weight: 700; }

/* ---------- Fußzeile ---------- */
.mvm-fuss { color: var(--wp--preset--color--blau-200); }
.mvm-fuss a { color: var(--wp--preset--color--weiss); text-decoration: none; }
.mvm-fuss a:hover { text-decoration: underline; }
.mvm-fuss .mvm-seit { font: 800 clamp(3rem, 6vw, 4.5rem)/.9 var(--wp--preset--font-family--titel); text-transform: uppercase; color: var(--wp--preset--color--messing); margin: 0 0 1rem; }
.mvm-schlicht { list-style: none; padding-left: 0; line-height: 2; margin: 0; }

/* ---------- Klein ---------- */
@media (max-width: 860px) {
	.mvm-proben a { grid-template-columns: 1fr; gap: .35rem; }
	.mvm-proben span { text-align: left; max-width: none; }
	.mvm-termin { grid-template-columns: 1fr; gap: .3rem; }
	.mvm-termin__art { justify-self: start; }
	.mvm-news .wp-block-post-template, .mvm-news.is-archiv .wp-block-post-template { grid-template-columns: 1fr; }
	.mvm-mitmachen .wp-block-image img { min-height: 16rem; }
}
@media (max-width: 600px) {
	/* Hochformat: Ausschnitt auf die Tuba legen */
	.mvm-hero .wp-block-cover__image-background { object-position: 40% 50% !important; }
}
@media (prefers-reduced-motion: reduce) {
	.mvm-sponsoren img { transition: none; }
}

/* ---------- Nächster Termin, Termin- und Gruppenkopf ---------- */
.mvm-naechster { margin: 0; font-size: 1.1rem; }
.mvm-naechster a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.mvm-naechster a:hover { text-decoration-thickness: 2px; }
.mvm-termin-kopf { font: 700 clamp(1.7rem, 3vw, 2.4rem)/1.05 var(--wp--preset--font-family--titel); color: var(--wp--preset--color--blau); margin: 0 0 .4rem; }
.mvm-termin-details p:not(.mvm-termin-kopf) { color: var(--wp--preset--color--grau); margin: 0 0 1.25rem; }

/* ---------- Zwei Spalten: Inhalt links, Seitenleiste rechts ---------- */
.mvm-mit-seitenleiste > .wp-block-column:first-child { min-width: 0; }
.mvm-mit-seitenleiste .wp-block-post-content > :first-child { margin-top: 0; }
.mvm-seitenleiste { position: sticky; top: calc(2rem + var(--wp-admin--admin-bar--height, 0px)); display: grid; gap: 2.5rem; }
.mvm-leistentitel { font-size: 1.9rem !important; padding-bottom: .6rem; border-bottom: 3px solid var(--wp--preset--color--tinte); margin: 0 0 .25rem; }
.mvm-dateien { list-style: none; padding: 0; margin: 0; }
.mvm-dateien li { border-bottom: 1px solid var(--wp--preset--color--linie); }
.mvm-dateien a { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .8rem 0; text-decoration: none; color: var(--wp--preset--color--tinte); font-weight: 600; }
.mvm-dateien a::after { content: "PDF"; font-size: .8rem; font-weight: 600; color: var(--wp--preset--color--blau); border: 1px solid currentColor; padding: 0 .4rem; flex: none; }
.mvm-dateien a:hover { color: var(--wp--preset--color--blau); }
.mvm-social.wp-block-social-links { gap: .5rem !important; margin: .5rem 0 0; }
.mvm-social .wp-social-link { border-radius: 0 !important; width: 100%; }
.mvm-social .wp-social-link a { padding: .6rem .9rem !important; width: 100%; box-sizing: border-box; justify-content: flex-start; font-weight: 600; }
.mvm-social .wp-social-link:hover { background-color: var(--wp--preset--color--blau-800) !important; transform: none !important; }
.mvm-social .wp-block-social-link-label { font-size: 1rem; }
/* News-Raster neben der Seitenleiste: zwei Spalten */
.mvm-mit-seitenleiste .mvm-news.is-archiv .wp-block-post-template { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 781px) {
	.mvm-seitenleiste { position: static; margin-top: 1rem; }
	.mvm-mit-seitenleiste .mvm-news.is-archiv .wp-block-post-template { grid-template-columns: 1fr; }
}
.mvm-downloads .wp-block-file a:first-child { font-size: 1rem; color: var(--wp--preset--color--tinte); text-decoration: none; }
.mvm-downloads .wp-block-file a:first-child:hover { color: var(--wp--preset--color--blau); }
.mvm-downloads .wp-block-file__button { font-size: 1.05rem; padding: .55rem 1rem; white-space: nowrap; }

/* Downloadbereich leicht abgehoben */
.mvm-leistenblock.is-downloads { background: var(--wp--preset--color--blau-hell); padding: 1.4rem 1.4rem .6rem; border-top: 4px solid var(--wp--preset--color--blau); }
.mvm-leistenblock.is-downloads .mvm-leistentitel { border-bottom-color: var(--wp--preset--color--blau-200); }
.mvm-leistenblock.is-downloads .mvm-dateien li { border-bottom-color: var(--wp--preset--color--blau-200); }
.mvm-leistenblock.is-downloads .mvm-dateien li:last-child { border-bottom: 0; }
.mvm-leistenblock.is-downloads .mvm-dateien a::after { background: var(--wp--preset--color--weiss); }

/* Schmalere, ruhigere Seitenleiste */
.mvm-seitenleiste { gap: 2rem; font-size: .95rem; }
.mvm-leistentitel { font-size: 1.5rem !important; padding-bottom: .5rem; }
.mvm-leistenblock.is-downloads { padding: 1.1rem 1.1rem .3rem; }
.mvm-dateien a { padding: .65rem 0; font-weight: 500; }
.mvm-social .wp-social-link a { padding: .5rem .8rem !important; }
.mvm-social .wp-block-social-link-label { font-size: .95rem; }

/* Mehr Luft vor Zwischenüberschriften im Seiteninhalt */
.wp-block-post-content > :is(h2, h3, h4):not(:first-child),
.wp-block-post-content > .wp-block-group > :is(h2, h3, h4):not(:first-child) { margin-top: 3rem; }
.wp-block-post-content > :is(h2, h3, h4) + * { margin-top: .9rem; }
.wp-block-post-content .wp-block-columns { margin-top: 2.5rem; }
.wp-block-post-content .mvm-downloads { margin-top: 3rem !important; }

/* ---------- Kontaktseite ---------- */
.mvm-kontakte { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--wp--preset--color--tinte); }
.mvm-kontakte li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: "anliegen mail" "name mail";
	column-gap: 1.5rem; row-gap: .2rem;
	align-items: center;
	padding: 1rem 0;
	border-bottom: 1px solid var(--wp--preset--color--linie);
}
.mvm-kontakte strong { grid-area: anliegen; font: 700 1.45rem/1.1 var(--wp--preset--font-family--titel); }
.mvm-kontakte span { grid-area: name; color: var(--wp--preset--color--grau); line-height: 1.3; }
.mvm-kontakte a { grid-area: mail; justify-self: end; font-weight: 600; text-decoration: none; }
.mvm-kontakte a:hover { text-decoration: underline; }
.mvm-kontakt-fuss { margin-top: 3.5rem !important; background: var(--wp--preset--color--hellgrau); padding: 1.5rem 1.75rem; }
.mvm-kontakt-fuss h3 { margin-top: 0 !important; font-size: 1.5rem; }
.mvm-kontakt-fuss p { margin: .4rem 0; }
@media (max-width: 1000px) {
	.mvm-kontakte li { grid-template-columns: 1fr; grid-template-areas: "anliegen" "name" "mail"; }
	.mvm-kontakte a { justify-self: start; overflow-wrap: anywhere; margin-top: .2rem; }
}

/* ---------- Über uns: Gruppenbilder und Personen ---------- */
.mvm-gruppenbild { margin: 1.5rem 0 1.25rem; }
.mvm-gruppenbild img { width: 100%; }
.mvm-personen { margin-top: 1.5rem !important; gap: 1.5rem !important; }
.mvm-person .wp-block-image { margin: 0 0 .75rem; }
.mvm-person .wp-block-image img { width: 100%; }
.mvm-person-platzhalter { aspect-ratio: 4 / 5; background: var(--wp--preset--color--blau-hell) url("assets/images/logo.png") no-repeat center / auto 40%; margin: 0 0 .75rem; }
.mvm-person__name { font: 700 1.5rem/1.1 var(--wp--preset--font-family--titel); margin: 0 !important; }
.mvm-person__rolle { color: var(--wp--preset--color--grau); margin: .2rem 0 0 !important; }
.mvm-antrag-knopf { margin: .6rem 0 .4rem; }
.mvm-antrag-knopf .wp-block-button__link { font-size: 1.15rem; padding: .7rem 1rem; }

/* ---------- Startseite: mehr Luft zwischen den Abschnitten ---------- */
body.home .wp-block-post-content > .wp-block-group.alignfull:not(.mvm-leiste):not(.mvm-mitmachen) {
	padding-bottom: clamp(5.5rem, 12vw, 10rem) !important;
}
body.home #termine { padding-top: clamp(5.5rem, 12vw, 10rem) !important; }
body.home .mvm-mitmachen + .wp-block-group { padding-top: clamp(5.5rem, 12vw, 10rem) !important; }
body.home .wp-block-post-content .mvm-kopfzeile { margin-bottom: 1.5rem; }

/* Sponsoren: größere Logos, beim Darüberfahren farbig (auch ohne Link) */
.mvm-sponsoren { gap: 3.5rem 5rem; }
.mvm-sponsoren img { height: 96px; max-width: 280px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .25s, opacity .25s; }
.mvm-sponsoren > :hover img, .mvm-sponsoren > :focus-visible img { filter: none; opacity: 1; }
@media (max-width: 600px) {
	.mvm-sponsoren { gap: 2rem 2.5rem; }
	.mvm-sponsoren img { height: 64px; max-width: 200px; }
}
@media (prefers-reduced-motion: reduce) { .mvm-sponsoren img { transition: none; } }

/* ---------- Unterstützen ---------- */
.mvm-zahlen { margin: 2.5rem 0 1rem !important; gap: 1.5rem !important; border-top: 1px solid var(--wp--preset--color--linie); border-bottom: 1px solid var(--wp--preset--color--linie); padding: 1.5rem 0; }
.mvm-zahl { font: 800 clamp(2.6rem, 4.5vw, 3.6rem)/1 var(--wp--preset--font-family--titel); color: var(--wp--preset--color--blau); margin: 0 !important; }
.mvm-zahl__text { color: var(--wp--preset--color--grau); margin: .35rem 0 0 !important; line-height: 1.35; }
.mvm-pakete { margin: 1.5rem 0 0; overflow-x: auto; }
.mvm-pakete table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: .97rem; }
.mvm-pakete th, .mvm-pakete td { border: 0; border-bottom: 1px solid var(--wp--preset--color--linie); padding: .8rem .6rem; text-align: center; vertical-align: middle; }
.mvm-pakete th:first-child, .mvm-pakete td:first-child { text-align: left; padding-left: 0; }
.mvm-pakete thead th { font: 700 1.35rem/1.05 var(--wp--preset--font-family--titel); border-bottom: 3px solid var(--wp--preset--color--tinte); }
.mvm-pakete thead th span { display: block; font: 600 .85rem/1.3 var(--wp--preset--font-family--text); color: var(--wp--preset--color--blau); margin-top: .2rem; }
.mvm-pakete tbody td:not(:first-child) { font-size: 1.15rem; color: var(--wp--preset--color--blau); font-weight: 700; }
.mvm-pakete tbody td:last-child, .mvm-pakete thead th:last-child { background: var(--wp--preset--color--blau-hell); }
.mvm-pakete figcaption { text-align: left; color: var(--wp--preset--color--grau); font-size: .9rem; margin-top: .6rem; }
.mvm-bank, .mvm-ansprechpartner { background: var(--wp--preset--color--hellgrau); padding: 1.25rem 1.5rem; margin-top: 1rem !important; }
.mvm-bank p, .mvm-ansprechpartner p { margin: 0; line-height: 1.7; }
.mvm-bank mark { background: #fbf1d6; color: #8a6410; padding: 0 .3rem; }
.mvm-ansprechpartner .wp-block-buttons { margin-top: 1rem; }
@media (max-width: 781px) { .mvm-zahlen { display: grid !important; grid-template-columns: 1fr 1fr; } }
.mvm-zahl { white-space: nowrap; font-size: clamp(2.2rem, 3.6vw, 3.2rem); }
.mvm-pakete th:first-child, .mvm-pakete td:first-child { width: 42%; }
.mvm-pakete thead th:not(:first-child) { white-space: nowrap; font-size: 1.25rem; }
.mvm-pakete thead th span { white-space: normal; }


/* ---------- Handy-Menü (aufgeklappt) ---------- */
.mvm-kopf .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem clamp(1rem, 6vw, 2rem) 2rem; }
.mvm-kopf .is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; padding-top: 3.5rem; }
.mvm-kopf .is-menu-open .wp-block-navigation__container { gap: 0 !important; width: 100%; align-items: stretch !important; }
.mvm-kopf .is-menu-open .wp-block-navigation-item { width: 100%; align-items: flex-start !important; border-bottom: 1px solid rgb(255 255 255 / .15); }
.mvm-kopf .is-menu-open .wp-block-navigation-item__content { font: 700 1.9rem/1.1 var(--wp--preset--font-family--titel); padding: .7rem 0 !important; }
.mvm-kopf .is-menu-open .wp-block-navigation__submenu-container { background: transparent !important; padding: 0 0 .6rem 0 !important; gap: 0 !important; }
.mvm-kopf .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; }
.mvm-kopf .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font: 500 1.1rem/1.3 var(--wp--preset--font-family--text); padding: .35rem 0 .35rem 1rem !important; color: var(--wp--preset--color--blau-200); }
.mvm-kopf .wp-block-navigation__responsive-container-close svg, .mvm-kopf .wp-block-navigation__responsive-container-open svg { width: 32px; height: 32px; }