/* Rahmen der Website: Kopf mit Konto-Menue, offenes Menue, Fuss, Zum Inhalt
 * springen. Paket 1b. Lokal im Theme, weil es WordPress-Bloecke anpasst, siehe QUELLE.md.
 * Masse aus Design: components/site/SeitenKopf.jsx, SeitenFuss.jsx,
 * components/site/menu-offen.html.
 *
 * Core setzt Schrift und Groesse der Menue-Knoepfe mit dreifacher Klasse
 * (navigation/style.css). Wo wir das ueberschreiben, steht deshalb die Klasse
 * des Knopfs doppelt plus .ss-hauptnavigation davor.
 */

/* ─── Kopf ───────────────────────────────────────────────────────────── */
.ss-kopf {
	background: var(--ss-white);
	border-bottom: 1px solid var(--ss-navy-200);
	font-family: var(--ss-font-brand);
	color: var(--ss-navy);
}
.ss-kopf .ss-kopf__innen {
	max-width: var(--ss-page-max);
	margin: 0 auto;
	box-sizing: border-box;
	padding: 12px 24px;
	gap: 16px;
	align-items: center;
}
.ss-kopf .wp-block-site-logo,
.ss-menue-offen .wp-block-site-logo {
	flex: 0 1 auto;
	min-width: 0;
}
.ss-kopf .wp-block-site-logo img,
.ss-menue-offen .wp-block-site-logo img {
	display: block;
	width: 160px;
	max-width: 100%;
	height: auto;
}

/* Umbruchpunkt 1024px statt 600px. Der Block steht auf overlayMenu "always":
 * Core gibt dem Container hidden-by-default und dem Knopf always-shown, seine
 * Regeln ab 600px greifen dann nicht. Hier dieselben drei Regeln wie in Core
 * (navigation/style.css, WordPress 7.1.2, Bloecke ab Zeile 590 und 647), nur
 * ab 1024px. theme-pruefen.php meldet, wenn sich die Core-Stellen aendern. */
@media (min-width: 1024px) {
	.ss-kopf .ss-kopf__innen {
		padding: 20px 32px;
		gap: 32px;
	}
	.ss-kopf .wp-block-site-logo img {
		width: 200px;
	}
	.ss-hauptnavigation .wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open) {
		display: block;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
	.ss-hauptnavigation .wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none;
	}
	/* Klasse doppelt: muss die Knopf-Regel weiter unten schlagen. Beide haben
	 * sonst dieselbe Spezifitaet (0,3,0), und die spaetere Regel gewinnt. */
	.ss-hauptnavigation .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.always-shown {
		display: none;
	}
}

/* Knopf "Menü" und "Schließen": Umriss, 44px. */
.ss-hauptnavigation .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
.ss-hauptnavigation .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: var(--ss-hit-min);
	min-width: var(--ss-hit-min);
	padding: 0 16px;
	border: 2px solid var(--ss-ocean-deep);
	border-radius: 4px;
	background: transparent;
	color: var(--ss-ocean-deep);
	font-family: var(--ss-font-brand);
	font-size: 17px;
	font-weight: 600;
	transition: color var(--ss-transition), border-color var(--ss-transition);
}
.ss-hauptnavigation .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open:hover,
.ss-hauptnavigation .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close:hover {
	color: var(--ss-navy);
	border-color: var(--ss-navy);
}

/* Punkte breit. */
.ss-hauptnavigation .wp-block-navigation__container {
	gap: 24px;
	align-items: center;
}
/* Klassen doppelt: (0,4,0), schlaegt Core (0,3,0) fuer color auf
 * .wp-block-navigation-item__content.wp-block-navigation-item__content
 * unabhaengig von der Ladereihenfolge. Fix-Runde 1, siehe Bericht. */
.ss-hauptnavigation.ss-hauptnavigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: var(--ss-hit-min);
	font-size: 17px;
	color: var(--ss-ocean-deep);
	text-decoration: none;
	transition: color var(--ss-transition);
}
.ss-hauptnavigation.ss-hauptnavigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--ss-navy);
}
/* Aktiv-Gestaltung nie an Anmelden, Mein Profil und Abmelden, auch nicht an
 * den Punkten im Konto-Menue: :not(.ss-profil *) trifft alles unterhalb von
 * Mein Profil, auch das Untermenue. Jede Regel einzeln, nicht in einer
 * Selektorliste: kennt ein Browser :not() mit komplexem Selektor nicht,
 * verwirft er nur diese Regel. Spezifitaet (0,7,0) und (0,6,0), die Regeln
 * des offenen Menues ziehen damit gleich (siehe dort). */
.ss-hauptnavigation .current-menu-item:not(.ss-anmelden):not(.ss-profil):not(.ss-abmelden):not(.ss-profil *) > .wp-block-navigation-item__content {
	color: var(--ss-navy);
	font-weight: 600;
	box-shadow: inset 0 -2px 0 var(--ss-ocean-deep);
}
.ss-hauptnavigation .wp-block-navigation-item__content[aria-current="page"]:not(.ss-anmelden > *):not(.ss-abmelden > *):not(.ss-profil *) {
	color: var(--ss-navy);
	font-weight: 600;
	box-shadow: inset 0 -2px 0 var(--ss-ocean-deep);
}

/* Aktion am Ende: 32px Abstand zur Liste (24px gap plus 8px). Nie aktiv
 * gestaltet, auch nicht auf /login/ und /user/. */
.ss-hauptnavigation .ss-anmelden,
.ss-hauptnavigation .ss-profil {
	margin-left: 8px;
}
.ss-hauptnavigation .ss-profil > .wp-block-navigation-item__content {
	font-weight: 600;
}
.ss-hauptnavigation .ss-anmelden > .wp-block-navigation-item__content {
	box-sizing: border-box;
	justify-content: center;
	padding: 8px 20px;
	border: 2px solid var(--ss-ocean-deep);
	border-radius: 4px;
	font-weight: 600;
}
.ss-hauptnavigation .ss-anmelden > .wp-block-navigation-item__content:hover {
	border-color: var(--ss-navy);
}

/* ─── Konto-Menue (breit, angemeldet) ────────────────────────────────
 * Nachtrag Design 25.09.2026, Masse aus SeitenKopf.jsx (kontoPunkt, ul#ss-konto).
 * "Mein Profil" ist in Menue 2020 ein Untermenue mit zwei Punkten (Mein
 * Profil, Abmelden). header.html setzt submenuVisibility "click": Core
 * rendert den Punkt dann als Knopf mit aria-expanded, der Pfeil steht als
 * eigenes span dahinter. Oeffnen, Schliessen und Escape macht Core.
 *
 * Alle Regeln haengen an ul.ss-hauptnavigation > ..., also nur an der breiten
 * Liste. .ss-hauptnavigation allein reichte nicht: das offene Menue
 * (menue-offen.html) liegt als Overlay im selben Navigationsblock, dort
 * soll das Untermenue gar nicht erscheinen (siehe unten).
 *
 * Knopf: bekommt Groesse, Farbe und Hover schon ueber die Punkt-Regel oben
 * (er traegt .wp-block-navigation-item__content) und SemiBold ueber
 * .ss-profil > .wp-block-navigation-item__content. Core setzt Rahmen und
 * Hintergrund ab (button.wp-block-navigation-item__content) und laesst rechts
 * 0.85em Platz fuer den Pfeil (.open-on-click .wp-block-navigation-submenu__toggle,
 * (0,3,0)), das bleibt so. */
ul.ss-hauptnavigation > .ss-profil > .wp-block-navigation__submenu-icon {
	color: var(--ss-ocean-deep);
	transition: color var(--ss-transition);
}
ul.ss-hauptnavigation > .ss-profil > .wp-block-navigation-submenu__toggle:hover + .wp-block-navigation__submenu-icon {
	color: var(--ss-navy);
}
/* Liste: (0,5,1). Core gestaltet sie mit bis zu (0,5,0)
 * (.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container:
 * rechtsbuendig), Hintergrund und Rahmen mit (0,3,0)
 * (.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container),
 * das Aufklappen mit (0,4,0). Aufklappen (visibility, width, height,
 * opacity) bleibt Core, hier steht nur die Gestalt. */
ul.ss-hauptnavigation.ss-hauptnavigation > .ss-profil > .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
	top: 100%;
	right: 0;
	left: auto;
	z-index: 20;
	box-sizing: border-box;
	min-width: 200px;
	margin-top: 8px;
	padding: 8px 0;
	background: var(--ss-white);
	border: 1px solid var(--ss-navy-200);
	border-radius: 8px;
	box-shadow: none;
	color: var(--ss-ocean-deep);
}
/* Trennlinie vor dem zweiten Punkt (Abmelden), 8px darueber und darunter. */
ul.ss-hauptnavigation.ss-hauptnavigation > .ss-profil > .wp-block-navigation__submenu-container > .wp-block-navigation-item + .wp-block-navigation-item {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--ss-navy-200);
}
/* Punkte: (0,7,1). Core setzt Abstand und display mit (0,5,0)
 * (.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content),
 * die Punkt-Regel oben liegt bei (0,4,0) und haette hier inline-flex ohne
 * Innenabstand gesetzt. */
ul.ss-hauptnavigation.ss-hauptnavigation > .ss-profil > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	display: flex;
	flex-grow: 1;
	box-sizing: border-box;
	min-height: var(--ss-hit-min);
	padding: 0 16px;
	font-size: 17px;
	font-weight: 400;
	color: var(--ss-ocean-deep);
	white-space: nowrap;
}
ul.ss-hauptnavigation.ss-hauptnavigation > .ss-profil > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--ss-navy);
}
/* Der eigene Punkt "Abmelden" gehoert ins offene Menue. Breit steht Abmelden
 * im Konto-Menue. (0,2,1) schlaegt Core .wp-block-navigation .wp-block-navigation-item
 * (0,2,0, display:flex). */
ul.ss-hauptnavigation > .ss-abmelden {
	display: none;
}

/* ─── Zum Inhalt springen ─────────────────────────────────────────────
 * Link und Sprungziel kommen aus Core (block-template.php). Nur Gestaltung. */
body .skip-link.screen-reader-text:focus {
	top: 8px;
	left: 8px;
	display: inline-flex;
	align-items: center;
	min-height: var(--ss-hit-min);
	width: auto;
	height: auto;
	padding: 0 16px;
	clip-path: none;
	background: var(--ss-ocean-deep);
	color: var(--ss-white);
	font-family: var(--ss-font-brand);
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
	border-radius: 4px;
	box-shadow: none;
	text-decoration: none;
}

/* ─── Offenes Menue (unter 1024px) ────────────────────────────────────
 * Vollflaeche, freigegeben von Design am 23.09.2026, Karte menu-offen.html. */
/* Doppelte Container-Klasse fuer (0,4,0): Core setzt Hintergrund und Schrift
 * auf .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open
 * mit derselben Spezifitaet (0,4,0), unsere Regel muss also mindestens
 * gleichziehen und steht dafuer spaeter in der Kaskade. */
.ss-hauptnavigation .wp-block-navigation__responsive-container.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--ss-white);
	color: var(--ss-navy);
	padding: 0;
	animation: none;
}
.ss-menue-offen {
	font-family: var(--ss-font-brand);
	width: 100%;
}
.ss-menue-offen .ss-kopf__innen {
	box-sizing: border-box;
	padding: 12px 24px;
	border-bottom: 1px solid var(--ss-navy-200);
}
/* "Schließen" exakt an der Stelle von "Menü": rechts 24px wie der Kopf,
 * senkrecht mittig in der Logozeile (12px Innenabstand, Logo 160 x 72px,
 * Knopf 44px: 12 + (72 - 44) / 2 = 26px). In der Abnahme nachmessen. */
.ss-hauptnavigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
	position: absolute;
	top: 26px;
	right: 24px;
}
.ss-menue-offen__liste .wp-block-navigation__container {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	width: 100%;
}
.ss-menue-offen__liste .wp-block-navigation-item {
	width: 100%;
	border-bottom: 1px solid var(--ss-navy-200);
}
/* Klassen doppelt: (0,4,0), aus zwei Gruenden. Schlaegt Core (0,3,0) fuer
 * color unabhaengig von der Ladereihenfolge, und zieht mit der ebenso
 * angehobenen Kopf-Regel gleich: .ss-hauptnavigation ist Vorfahre dieses
 * Menues (eigener Overlay-Template-Part), ohne die Anhebung wuerde die
 * Kopf-Regel hier durchschlagen. Steht spaeter in der Datei, gewinnt bei
 * Gleichstand. Fix-Runde 1, siehe Bericht. */
.ss-menue-offen__liste.ss-menue-offen__liste .wp-block-navigation-item__content.wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	box-sizing: border-box;
	min-height: 56px;
	padding: 0 24px;
	font-size: 20px;
	color: var(--ss-ocean-deep);
	text-decoration: none;
}
/* Die Punkte gehen ueber die volle Fensterbreite (x0). Der globale Fokusring
 * aus tokens.css (outline-offset 2px) laege links und rechts ausserhalb des
 * Fensters und wuerde dort beschnitten. Negativer Versatz nur fuer diese
 * Liste, Klasse doppelt aus demselben Grund wie oben. */
.ss-menue-offen__liste.ss-menue-offen__liste .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible {
	outline-offset: -2px;
}
/* Beide Aktiv-Regeln hier tragen dieselben :not() wie die des Kopfs und
 * liegen damit gleichauf ((0,7,0) und (0,6,0)). .ss-hauptnavigation ist
 * Vorfahre dieser Liste, bei Gleichstand gewinnt die spaetere, also diese:
 * Linie links statt unten. Mit einer :not() weniger als oben gewaenne die
 * Kopf-Regel. */
.ss-menue-offen__liste .current-menu-item:not(.ss-anmelden):not(.ss-profil):not(.ss-abmelden):not(.ss-profil *) > .wp-block-navigation-item__content {
	color: var(--ss-navy);
	font-weight: 600;
	box-shadow: inset 2px 0 0 var(--ss-ocean-deep);
}
.ss-menue-offen__liste .wp-block-navigation-item__content[aria-current="page"]:not(.ss-anmelden > *):not(.ss-abmelden > *):not(.ss-profil *) {
	color: var(--ss-navy);
	font-weight: 600;
	box-shadow: inset 2px 0 0 var(--ss-ocean-deep);
}
/* Anmelden bzw. Mein Profil als Umriss ueber die volle Breite. */
.ss-menue-offen__liste .ss-anmelden,
.ss-menue-offen__liste .ss-profil {
	margin: 0;
	border-bottom: 0;
	padding: 16px 24px 24px;
	box-sizing: border-box;
}
/* Unter "Mein Profil" folgt Abmelden mit 8px Abstand (Karte menu-offen.html,
 * "Offen · angemeldet"). Den Abstand nach unten traegt dann Abmelden. */
.ss-menue-offen__liste .ss-profil {
	padding-bottom: 0;
}
/* Klasse doppelt: (0,4,0), damit diese Regel gegen die jetzt ebenso auf
 * (0,4,0) angehobene Grundregel dieses Menues gewinnt (Gleichstand, steht
 * spaeter). Ohne die Anhebung wuerden min-height, padding und font-size aus
 * der Grundregel durchschlagen. Fix-Runde 1, siehe Bericht. */
.ss-menue-offen__liste .ss-anmelden > .wp-block-navigation-item__content.wp-block-navigation-item__content,
.ss-menue-offen__liste .ss-profil > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	justify-content: center;
	min-height: var(--ss-hit-min);
	padding: 8px 20px;
	border: 2px solid var(--ss-ocean-deep);
	border-radius: 4px;
	font-size: 17px;
	font-weight: 600;
}
/* Das Untermenue von Mein Profil (Konto-Menue) gehoert nur in den breiten
 * Kopf. Hier ist Mein Profil ein Link (menue-offen.html: submenuVisibility
 * bleibt hover, showSubmenuIcon false, also kein Knopf und kein Pfeil).
 * display:none, (0,6,0): Core setzt display fuer den Container mit (0,3,0)
 * (.wp-block-navigation .has-child .wp-block-navigation__submenu-container)
 * und klappt ihn bei Hover und Fokus mit (0,4,0) auf (visibility, nicht
 * display). Die Regeln unter .is-menu-open, die Untermenues im offenen Menue
 * aufklappen, gelten hier nicht: sie tragen :where(:not(.disable-default-overlay)),
 * unser Overlay ist ein eigener Template-Part und traegt die Klasse. Die
 * staerkste Core-Regel an diesem Container, (0,6,0) unter
 * .disable-default-overlay.is-menu-open, setzt nur left und right.
 * Der Pfeil (.wp-block-navigation__submenu-icon) ebenso, falls jemand
 * showSubmenuIcon wieder einschaltet. Nie den Knopf
 * .wp-block-navigation-submenu__toggle ausblenden: bei "click" ist das
 * Mein Profil selbst. */
.ss-menue-offen__liste.ss-menue-offen__liste .ss-profil.ss-profil > .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container,
.ss-menue-offen__liste.ss-menue-offen__liste .ss-profil.ss-profil > .wp-block-navigation__submenu-icon.wp-block-navigation__submenu-icon {
	display: none;
}
/* Abmelden als leiser Textlink unter Mein Profil: keine Trennlinie,
 * zentriert, 8px unter dem Umriss, 44px hoch, 15px, unterstrichen, nicht
 * fett. Listenpunkt (0,2,0) wie die Grundregel .ss-menue-offen__liste
 * .wp-block-navigation-item, gewinnt als spaetere. */
.ss-menue-offen__liste .ss-abmelden {
	justify-content: center;
	margin: 0;
	border-bottom: 0;
	padding: 8px 24px 24px;
	box-sizing: border-box;
}
/* (0,4,0) wie die Grundregel der Liste und der Umriss darueber, gewinnt als
 * spaetere. flex none gegen flex 1 1 auto aus der Grundregel, sonst liefe
 * der Link ueber die volle Breite. */
.ss-menue-offen__liste .ss-abmelden > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	display: inline-flex;
	flex: 0 0 auto;
	min-height: var(--ss-hit-min);
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	color: var(--ss-ocean-deep);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color var(--ss-transition);
}
.ss-menue-offen__liste .ss-abmelden > .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--ss-navy);
}

/* ─── Fuss ────────────────────────────────────────────────────────────
 * Masse aus SeitenFuss.jsx. Zwei Klassen je Selektor, damit die Layout-Regeln
 * von Core (.wp-container-..., eine Klasse) nicht gewinnen.
 * Die Navigationslinks in "Seiten" und "Rechtliches" sind Kern-Bloecke:
 * wp-includes/blocks/navigation/style.css setzt fuer .wp-block-navigation-item__content
 * bis zu drei Klassen (0,3,0), fuer .wp-block-navigation__container eine (0,1,0).
 * .ss-fuss a allein liegt bei (0,1,1) und verliert das Wettrennen um Farbe und
 * display, wenn diese Datei nicht sicher nach Core laedt. Darum unten eine
 * gemeinsame Selektorliste fuer .ss-fuss a und die beiden Navigationsmenues,
 * mit vierklassigen Selektoren fuer Letztere: (0,4,0) schlaegt (0,3,0)
 * unabhaengig von der Ladereihenfolge (siehe die Liste bei "Alle Links im
 * Fuss" weiter unten). */
.ss-fuss {
	background: var(--ss-navy-100);
	color: var(--ss-navy);
	font-family: var(--ss-font-brand);
}
.ss-fuss .ss-fuss__innen {
	max-width: var(--ss-page-max);
	margin: 0 auto;
	box-sizing: border-box;
	padding: 48px 24px 24px;
}
.ss-fuss .ss-fuss__kopf {
	align-items: center;
	gap: 16px;
}
.ss-fuss .ss-fuss__signet {
	flex: none;
	margin: 0;
}
.ss-fuss .ss-fuss__signet img {
	display: block;
	width: 48px;
	height: 48px;
}
.ss-fuss .ss-fuss__claim {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
}
.ss-fuss .ss-fuss__spalten {
	gap: 32px 48px;
	margin-top: 40px;
	align-items: flex-start;
}
.ss-fuss .ss-fuss__spalte {
	flex: 1 1 240px;
	gap: 8px;
	align-items: flex-start;
	min-width: 0;
}
/* :where(p) haelt die allgemeine Regel bei (0,2,0), gleichauf mit Label und
 * Satz. Sie steht deshalb VOR den beiden, die gewinnen bei Gleichstand ueber
 * die spaetere Position (Fix-Runde 1: vorher (0,2,1), schlug Label und Satz
 * immer, unabhaengig von der Reihenfolge). */
.ss-fuss .ss-fuss__spalte :where(p) {
	margin: 0;
	font-size: 17px;
	line-height: 1.5;
}
.ss-fuss .ss-fuss__label {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--ss-navy-600);
}
.ss-fuss .ss-fuss__satz {
	font-family: var(--ss-font-read);
	line-height: 1.6;
}
/* Termin-Zeile: zweiter Absatz ist der Link, 10px an den Text heran.
 * :not(.ss-fuss__label) schliesst den Label-Absatz aus: das Muster 2033
 * rendert ohne Huelle, Label, Text und Link stehen als drei p hintereinander
 * (auf staging gegengeprueft), sonst traefe die Regel auch Label+Text. */
.ss-fuss .ss-fuss__termin p:not(.ss-fuss__label) + p {
	margin-top: -10px;
}
/* Alle Links im Fuss in einer Selektorliste: .ss-fuss a fuer den Termin-Link
 * aus dem synchronisierten Muster (kein Navigationsblock, keine Konkurrenz
 * durch Core), dazu die Navigationslinks in "Seiten" und "Rechtliches" ueber
 * die vierklassigen Selektoren. Die brauchen (0,4,0), weil Core fuer
 * .wp-block-navigation-item__content.wp-block-navigation-item__content
 * (0,3,0) setzt (color:inherit) und fuer .wp-block-navigation-item__content
 * (0,2,0) (display:block); .ss-fuss a allein liegt bei (0,1,1) und wuerde
 * gegen beide verlieren, wenn diese Datei nicht sicher nach Core laedt. */
.ss-fuss a,
.ss-fuss .ss-fuss__innen .ss-fuss__seiten .wp-block-navigation-item__content,
.ss-fuss .ss-fuss__innen .ss-fuss__rechtliches .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: var(--ss-hit-min);
	color: var(--ss-ocean-deep);
	font-size: 17px;
	text-decoration: none;
	transition: color var(--ss-transition);
}
.ss-fuss a:hover,
.ss-fuss .ss-fuss__innen .ss-fuss__seiten .wp-block-navigation-item__content:hover,
.ss-fuss .ss-fuss__innen .ss-fuss__rechtliches .wp-block-navigation-item__content:hover {
	color: var(--ss-navy);
}
.ss-fuss .ss-fuss__seiten .wp-block-navigation__container {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	column-gap: 32px;
	row-gap: 0;
	margin-top: -10px;
}
.ss-fuss .ss-fuss__unten {
	margin-top: 40px;
	padding-top: 8px;
	border-top: 1px solid var(--ss-navy-200);
	gap: 0 24px;
	align-items: center;
}
.ss-fuss .ss-fuss__copyright {
	margin: 0;
	display: flex;
	align-items: center;
	min-height: var(--ss-hit-min);
	font-size: 15px;
	color: var(--ss-navy-600);
}
.ss-fuss .ss-fuss__rechtliches .wp-block-navigation__container {
	gap: 0 24px;
	flex-wrap: wrap;
}
.ss-fuss .ss-fuss__innen > .ss-fuss__unten:first-child {
	margin-top: 0;
	border-top: 0;
}