/* SKA Haan – ergänzende Styles. Farben/Abstände kommen aus theme.json. */

.ska-kicker {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0;
}

/* Kopfbereich */
.ska-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--wp--preset--color--mist); }
.admin-bar .ska-header { top: 32px; }
.ska-nav-cta > a {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--paper) !important;
	padding: 0.45em 1em;
	border-radius: 4px;
}
.ska-nav-cta > a:hover { background: var(--wp--preset--color--orange); color: var(--wp--preset--color--navy-dark) !important; }

/* Titelbild */
.ska-hero.wp-block-cover { min-height: clamp(460px, 72vh, 760px) !important; }
.ska-hero .wp-block-cover__inner-container { width: 100% !important; max-width: none !important; }
.ska-hero .wp-block-cover__inner-container > .alignwide {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}
.ska-hero h1 { text-wrap: balance; }

/* Wegweiser-Kacheln: die ganze Kachel ist klickbar */
.is-style-ska-tile {
	position: relative;
	gap: 0.6rem;
	height: 100%;
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--paper);
	border-radius: 6px;
	border-top: 4px solid var(--wp--preset--color--navy);
	box-shadow: 0 1px 2px rgb(11 42 85 / 0.06), 0 4px 16px rgb(11 42 85 / 0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.is-style-ska-tile h3 { margin: 0; }
.is-style-ska-tile h3 a { color: inherit; text-decoration: none; }
/* Ganze Kachel klickbar – nur auf der Website, im Editor soll man Texte anklicken können. */
body:not(.editor-styles-wrapper) .is-style-ska-tile h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.is-style-ska-tile p { margin: 0; }
.is-style-ska-tile .ska-tile-cta {
	margin-top: auto;
	padding-top: 0.5rem;
	font-weight: 700;
	color: var(--wp--preset--color--navy);
}
.is-style-ska-tile .ska-tile-cta::after { content: " →"; transition: margin 0.15s ease; }
.is-style-ska-tile:hover,
.is-style-ska-tile:focus-within {
	transform: translateY(-3px);
	border-top-color: var(--wp--preset--color--orange);
	box-shadow: 0 2px 4px rgb(11 42 85 / 0.08), 0 12px 32px rgb(11 42 85 / 0.12);
}
.is-style-ska-tile:hover .ska-tile-cta { color: var(--wp--preset--color--orange); }
.is-style-ska-tile:focus-within { outline: 3px solid var(--wp--preset--color--orange); outline-offset: 2px; }
.is-style-ska-tile h3 a:focus { outline: none; }

/* Beitragskarten */
.is-style-ska-card { height: 100%; }
.is-style-ska-card .wp-block-post-featured-image { margin: 0 0 0.5rem; width: 100%; }
.is-style-ska-card .wp-block-post-featured-image img { border-radius: 6px; }
.is-style-ska-card h2, .is-style-ska-card h3 { margin: 0; }
.is-style-ska-card h2 a, .is-style-ska-card h3 a { text-decoration: none; }

/* Trainingszeiten-Liste */
.ska-times { list-style: none; padding: 0; }
.ska-times li { padding: 0.75rem 0 0.75rem 1rem; border-left: 3px solid var(--wp--preset--color--orange); margin-bottom: 0.75rem; }

.ska-quote { max-width: 900px; margin-inline: auto; text-wrap: balance; line-height: 1.35; }

@media (prefers-reduced-motion: reduce) {
	.is-style-ska-tile { transition: none; }
	.is-style-ska-tile:hover { transform: none; }
}

/* Unterseiten-Übersicht (Seitenliste / Linkliste als Kacheln) */
.ska-subpages {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
	gap: 0.75rem;
	margin-top: var(--wp--preset--spacing--40);
}
.ska-subpages li { margin: 0; }
.ska-subpages a {
	display: block;
	padding: 1rem 1.25rem;
	background: var(--wp--preset--color--mist);
	border-left: 3px solid var(--wp--preset--color--navy);
	border-radius: 4px;
	font-weight: 600;
	text-decoration: none;
}
.ska-subpages a:hover { border-left-color: var(--wp--preset--color--orange); background: #e8ecf2; }
.ska-subpages ul { display: none; }

/* ---------- Seitenkopf ---------- */
.ska-pagehead {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--50);
}
.ska-pagehead .wp-block-post-title { margin-top: 0.5rem; }
.ska-pagehead:has(+ .ska-page-image) { padding-bottom: calc(var(--wp--preset--spacing--50) + 5rem); }
.ska-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--stone);
}
.ska-breadcrumbs a { color: var(--wp--preset--color--stone); text-decoration: none; }
.ska-breadcrumbs a:hover { color: var(--wp--preset--color--orange); }
.ska-breadcrumbs [aria-current] { color: var(--wp--preset--color--navy); font-weight: 600; }
.ska-lead, .ska-lead p {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.5;
	color: var(--wp--preset--color--stone);
}
.wp-block-post-featured-image.ska-page-image {
	margin-top: -5rem !important;
	margin-inline: auto;
	width: min(var(--wp--style--global--wide-size), calc(100% - 2.5rem));
}
.ska-page-image img { border-radius: 8px; box-shadow: 0 12px 40px rgb(11 42 85 / 0.18); }
.ska-page-body {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--60);
}
.ska-page-body h2 { margin-top: var(--wp--preset--spacing--50); }
.ska-page-body > .wp-block-post-content > :first-child { margin-top: 0; }

/* Abschnitte innerhalb von Seiten, die volle Breite nutzen */
.ska-band {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--50);
	margin-top: var(--wp--preset--spacing--50) !important;
	margin-bottom: var(--wp--preset--spacing--50) !important;
}
.ska-page-body .ska-band:last-child { margin-bottom: calc(-1 * var(--wp--preset--spacing--60)) !important; }

/* Weiterlesen */
.ska-next { margin-top: var(--wp--preset--spacing--60) !important; }
.ska-next .ska-tiles { margin-top: var(--wp--preset--spacing--30); }

/* ---------- Infobox ---------- */
.is-style-ska-note {
	background: var(--wp--preset--color--mist);
	border-left: 4px solid var(--wp--preset--color--orange);
	border-radius: 4px;
	padding: var(--wp--preset--spacing--40);
}
.is-style-ska-note > :first-child { margin-top: 0; }
.is-style-ska-note > :last-child { margin-bottom: 0; }
.is-style-ska-note h2, .is-style-ska-note h3 { margin-top: 0; font-size: var(--wp--preset--font-size--large); }

/* ---------- Karten (statisch) ---------- */
.is-style-ska-card:not(.wp-block-post .is-style-ska-card) {
	background: var(--wp--preset--color--paper);
	border-radius: 6px;
	padding: var(--wp--preset--spacing--40);
	box-shadow: 0 1px 2px rgb(11 42 85 / 0.06), 0 4px 16px rgb(11 42 85 / 0.06);
}
.is-style-ska-card h3 { margin-top: 0; }
.is-style-ska-card .wp-block-image { margin: calc(-1 * var(--wp--preset--spacing--40)) calc(-1 * var(--wp--preset--spacing--40)) 0; }
.is-style-ska-card .wp-block-image img { border-radius: 6px 6px 0 0; aspect-ratio: 3/2; object-fit: cover; width: 100%; }

/* ---------- Zeitleiste ---------- */
.is-style-ska-timeline {
	list-style: none;
	padding: 0 0 0 1.75rem;
	border-left: 2px solid var(--wp--preset--color--orange);
	margin-left: 0.5rem;
}
.is-style-ska-timeline li { position: relative; margin-bottom: 1.25rem; }
.is-style-ska-timeline li::before {
	content: "";
	position: absolute;
	left: calc(-1.75rem - 7px);
	top: 0.45em;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--wp--preset--color--paper);
	border: 3px solid var(--wp--preset--color--navy);
}
.is-style-ska-timeline li strong:first-child { display: block; color: var(--wp--preset--color--orange); font-size: var(--wp--preset--font-size--small); letter-spacing: 0.05em; }

/* ---------- Häkchen-Liste ---------- */
.is-style-ska-checks { list-style: none; padding: 0; }
.is-style-ska-checks li { position: relative; padding-left: 1.9rem; margin-bottom: 0.6rem; }
.is-style-ska-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
	background: var(--wp--preset--color--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;
}
@media (min-width: 700px) {
	.is-style-ska-checks.ska-2col { columns: 2; column-gap: 2rem; }
	.is-style-ska-checks.ska-2col li { break-inside: avoid; }
}

/* ---------- Kennzahlen ---------- */
.is-style-ska-stats { gap: 1rem !important; margin-block: var(--wp--preset--spacing--40) !important; }
.is-style-ska-stats > .wp-block-column {
	background: var(--wp--preset--color--mist);
	border-radius: 6px;
	padding: 1.25rem 1rem;
	text-align: center;
}
.is-style-ska-stats .ska-stat {
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 800;
	line-height: 1.1;
	color: var(--wp--preset--color--navy);
	margin: 0;
}
.is-style-ska-stats p:not(.ska-stat) { margin: 0.35rem 0 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--stone); }

/* ---------- Profil (Vorstand) ---------- */
.is-style-ska-profile {
	background: var(--wp--preset--color--paper);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgb(11 42 85 / 0.06), 0 6px 24px rgb(11 42 85 / 0.08);
	margin-bottom: var(--wp--preset--spacing--50) !important;
}
.is-style-ska-profile .wp-block-media-text__media img { aspect-ratio: 3/4; object-fit: cover; height: 100%; }
.is-style-ska-profile .wp-block-media-text__content { padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); }
.is-style-ska-profile h2, .is-style-ska-profile h3 { margin: 0; }
.ska-role { color: var(--wp--preset--color--orange); font-weight: 700; margin-top: 0.25rem !important; }
.ska-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	list-style: none;
	padding: 0;
	margin: 0.75rem 0 1rem;
}
.ska-facts li {
	background: var(--wp--preset--color--mist);
	border-radius: 99px;
	padding: 0.2rem 0.75rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--navy-dark);
}

/* ---------- FAQ (Details-Block) ---------- */
/* Nur vertikale Abstände setzen – horizontal zentriert das Layout (constrained). */
.wp-block-details {
	background: var(--wp--preset--color--paper);
	border: 1px solid #dfe4ea;
	border-left: 4px solid var(--wp--preset--color--navy);
	border-radius: 6px;
	padding: 0;
	margin-block: 0 0.75rem !important;
	box-shadow: 0 1px 2px rgb(11 42 85 / 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-details:hover { box-shadow: 0 4px 16px rgb(11 42 85 / 0.08); }
.wp-block-details[open] { border-left-color: var(--wp--preset--color--orange); box-shadow: 0 4px 16px rgb(11 42 85 / 0.08); }
.wp-block-details summary {
	font-weight: 700;
	color: var(--wp--preset--color--navy-dark);
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
	content: "+";
	flex: none;
	display: grid;
	place-items: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	background: var(--wp--preset--color--mist);
	color: var(--wp--preset--color--orange);
	font-size: 1.2rem;
	line-height: 1;
}
.wp-block-details[open] summary::after { content: "–"; }
.wp-block-details > :not(summary) { margin: 0 1.25rem 1.1rem; color: var(--wp--preset--color--ink); }
.wp-block-details summary:focus-visible { outline: 3px solid var(--wp--preset--color--orange); outline-offset: 2px; border-radius: 6px; }

/* ---------- Sonstiges ---------- */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table td, .wp-block-table th { border: 0; border-bottom: 1px solid #dfe4ea; padding: 0.7rem 0.5rem; text-align: left; }
.wp-block-table td:last-child { text-align: right; font-weight: 700; white-space: nowrap; }
.wp-block-file {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	background: var(--wp--preset--color--mist);
	border-radius: 6px;
	padding: 1rem 1.25rem;
	font-weight: 600;
}
.wp-block-file a:first-child { text-decoration: none; }
.wp-block-file .wp-block-file__button { background: var(--wp--preset--color--navy); border-radius: 4px; padding: 0.45em 1em; font-size: var(--wp--preset--font-size--small); }
.wp-block-embed { margin-bottom: 0.5rem; }
.wp-block-embed iframe { border-radius: 6px; }
.wp-block-image img { border-radius: 6px; }
.ska-postnav { margin-top: var(--wp--preset--spacing--50) !important; padding-top: var(--wp--preset--spacing--30); border-top: 1px solid #dfe4ea; font-weight: 600; }
.ska-cta-buttons { gap: 0.75rem; }
@media (max-width: 781px) { .ska-cta-buttons { justify-content: flex-start !important; } }
.wp-block-media-text { margin-block: var(--wp--preset--spacing--50) !important; }
.wp-block-media-text .wp-block-media-text__media img { border-radius: 6px; }
.ska-kanji { font-family: var(--wp--preset--font-family--serif); color: var(--wp--preset--color--orange); }

/* ---------- Shoto-Niju-Kun ---------- */
.ska-precepts { list-style: none; counter-reset: precept; padding: 0; }
.ska-precepts li {
	counter-increment: precept;
	position: relative;
	padding: 1rem 0 1rem 4rem;
	border-bottom: 1px solid #dfe4ea;
}
.ska-precepts li::before {
	content: counter(precept);
	position: absolute;
	left: 0;
	top: 0.9rem;
	width: 2.75rem;
	height: 2.75rem;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--wp--preset--color--mist);
	color: var(--wp--preset--color--orange);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.25rem;
	font-weight: 700;
}
.ska-precepts em { color: var(--wp--preset--color--stone); font-size: var(--wp--preset--font-size--small); }
.ska-precepts strong { display: block; margin-top: 0.2rem; font-size: var(--wp--preset--font-size--large); font-weight: 600; color: var(--wp--preset--color--navy-dark); line-height: 1.35; }

/* ---------- YouTube-Platzhalter (2-Klick) ---------- */
.ska-yt-figure { width: 100%; align-self: stretch; margin: 0; }
.ska-yt {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 6px;
	overflow: hidden;
	background:
		radial-gradient(circle at 30% 20%, rgb(100 167 220 / 0.35), transparent 60%),
		linear-gradient(135deg, var(--wp--preset--color--navy) 0%, var(--wp--preset--color--navy-dark) 100%);
	color: var(--wp--preset--color--paper);
	display: grid;
	place-items: center;
}
.ska-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ska-yt__play {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.ska-yt__icon {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: var(--wp--preset--color--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='white'/%3E%3C/svg%3E") center / 60% no-repeat;
	box-shadow: 0 6px 20px rgb(0 0 0 / 0.3);
	transition: transform 0.15s ease;
}
.ska-yt__play:hover .ska-yt__icon, .ska-yt__play:focus-visible .ska-yt__icon { transform: scale(1.08); }
.ska-yt__play:focus-visible { outline: 3px solid var(--wp--preset--color--orange-light); outline-offset: 4px; border-radius: 4px; }
.ska-yt__note {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	margin: 0;
	padding: 0.5rem 0.9rem;
	font-size: 0.75rem;
	line-height: 1.4;
	background: rgb(0 0 0 / 0.25);
	color: rgb(255 255 255 / 0.85);
}
.ska-yt__note a { color: inherit; }
.is-style-ska-card > .wp-block-embed, .is-style-ska-card > .wp-block-image, .is-style-ska-card > .ska-yt-figure { align-self: stretch; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 600px) {
	.is-style-ska-profile .wp-block-media-text__media img { aspect-ratio: 4 / 3; max-height: 300px; object-position: 50% 20%; }
}

/* Einleitung (Auszug): kein „Weiterlesen“-Link – auch nicht als Platzhalter im Editor */
.ska-lead .wp-block-post-excerpt__more-text, .ska-lead .wp-block-post-excerpt__more-link { display: none; }
.ska-postnav { max-width: var(--wp--style--global--content-size); margin-inline: auto !important; padding-inline: var(--wp--style--root--padding-left); box-sizing: border-box; }
.wp-block-heading + .wp-block-details { margin-top: 1.25rem !important; }

/* ---------- Abschnitte mit Sprungmarken (z. B. Katas) ---------- */
.ska-kata-section { border-top: 1px solid #dfe4ea; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); scroll-margin-top: 110px; }
.ska-kata-section + .ska-kata-section { margin-top: 0 !important; }
.ska-kata-section + .ska-next { margin-top: var(--wp--preset--spacing--60) !important; }
.ska-section-head { margin-bottom: var(--wp--preset--spacing--40) !important; }
.ska-section-head h2 { margin-top: 0.25rem !important; }
.ska-section-head p:not(.ska-kicker) { max-width: 46rem; color: var(--wp--preset--color--stone); margin: 0.5rem 0 0; }
.ska-jumplinks-label { margin-bottom: 0.25rem !important; }
.ska-jumplinks { margin-bottom: var(--wp--preset--spacing--50) !important; gap: 0.5rem; }
.ska-jumplinks .wp-block-button__link { padding: 0.45em 1em; font-size: var(--wp--preset--font-size--small); }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Galerien in Seiten (mit Bildunterschrift) */
.ska-page-gallery { margin-block: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) !important; }
.ska-page-gallery .wp-block-image img { border-radius: 6px; }
.ska-page-gallery .wp-element-caption { font-size: var(--wp--preset--font-size--small); }
.ska-kata-section + h2 { margin-top: var(--wp--preset--spacing--60) !important; }
/* Seiten-Galerien: einheitliches Format, egal ob hoch oder quer fotografiert */
.ska-page-gallery.is-cropped .wp-block-image img { aspect-ratio: 4 / 3; height: auto !important; object-fit: cover; object-position: 50% 30%; }
.ska-page-gallery .wp-block-image { align-self: flex-start; }
/* Abschnittsband nach normalem Inhalt: Abstand nach oben */
* + .ska-kata-section { margin-top: var(--wp--preset--spacing--50) !important; }
.ska-kata-section + .ska-kata-section, .ska-jumplinks + .ska-kata-section { margin-top: 0 !important; }

/* ---------- Galerie-Übersicht (Block ska/albums) ---------- */
.ska-albums__jump { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: var(--wp--preset--spacing--40); position: sticky; top: 100px; z-index: 5; background: var(--wp--preset--color--paper); padding: 0.5rem 0; }
.admin-bar .ska-albums__jump { top: 132px; }
.ska-albums__jump a { border: 1px solid #dfe4ea; border-radius: 99px; padding: 0.2rem 0.85rem; font-weight: 600; font-size: var(--wp--preset--font-size--small); text-decoration: none; }
.ska-albums__jump a:hover { border-color: var(--wp--preset--color--orange); color: var(--wp--preset--color--orange); }
.ska-albums__year { scroll-margin-top: 170px; margin-bottom: var(--wp--preset--spacing--50); }
.ska-albums__heading { display: flex; align-items: baseline; gap: 1rem; border-bottom: 2px solid var(--wp--preset--color--navy); padding-bottom: 0.4rem; margin-bottom: var(--wp--preset--spacing--30); }
.ska-albums__heading span { font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--stone); }
.ska-albums__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: var(--wp--preset--spacing--30); }
.ska-album { display: flex; flex-direction: column; gap: 0.2rem; text-decoration: none; color: inherit; }
.ska-album__img { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: var(--wp--preset--color--mist); }
.ska-album__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.25s ease; }
.ska-album:hover .ska-album__img img, .ska-album:focus-visible .ska-album__img img { transform: scale(1.04); }
.ska-album__count { position: absolute; right: 0.5rem; bottom: 0.5rem; background: rgb(11 42 85 / 0.85); color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.15rem 0.55rem; border-radius: 99px; }
.ska-album__title { font-weight: 700; color: var(--wp--preset--color--navy-dark); margin-top: 0.4rem; line-height: 1.3; }
.ska-album:hover .ska-album__title { color: var(--wp--preset--color--orange); }
.ska-album__date { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--stone); }
.ska-album:focus-visible { outline: 3px solid var(--wp--preset--color--orange); outline-offset: 4px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .ska-album__img img { transition: none; } }
/* Sprungziel „Bilder“ in Beiträgen nicht unter dem festen Menü verstecken */
.ska-gallery-title { scroll-margin-top: 110px; }

/* ---------- Rechtstexte (eRecht24) ---------- */
.erecht24-legal-texts { font-size: var(--wp--preset--font-size--medium); line-height: 1.7; }
.erecht24-legal-texts h2 { font-size: var(--wp--preset--font-size--x-large); margin-top: var(--wp--preset--spacing--50); padding-top: var(--wp--preset--spacing--30); border-top: 1px solid #dfe4ea; scroll-margin-top: 110px; }
.erecht24-legal-texts h3 { font-size: var(--wp--preset--font-size--large); margin-top: var(--wp--preset--spacing--40); }
.erecht24-legal-texts h4 { font-size: var(--wp--preset--font-size--medium); margin-top: var(--wp--preset--spacing--30); }
.erecht24-legal-texts a { overflow-wrap: anywhere; }
.erecht24-legal-texts > :first-child, .erecht24-legal-texts > div > h2:first-child { margin-top: 0; border-top: 0; padding-top: 0; }
.ska-legal-nav { background: var(--wp--preset--color--mist); border-left: 4px solid var(--wp--preset--color--navy); border-radius: 4px; padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); margin-bottom: var(--wp--preset--spacing--50); }
.ska-legal-nav ol { margin: 0.5rem 0 0; padding-left: 1.25rem; columns: 2; column-gap: 2rem; }
.ska-legal-nav li { break-inside: avoid; margin-bottom: 0.25rem; }
@media (max-width: 700px) { .ska-legal-nav ol { columns: 1; } }
.ska-legal-social { scroll-margin-top: 110px; margin-top: var(--wp--preset--spacing--60) !important; padding-top: var(--wp--preset--spacing--30); border-top: 1px solid #dfe4ea; }

/* ---------- Vereinslogo (SVG) ---------- */
.ska-logo { line-height: 0; }
.ska-logo__img { display: block; height: auto; max-width: 100%; }
.ska-header .ska-logo__img { height: 64px; width: auto; }
@media (max-width: 600px) { .ska-header .ska-logo__img { height: 48px; } }
.ska-footer .ska-logo { margin-bottom: var(--wp--preset--spacing--30); }
.ska-footer .ska-logo__img { height: 120px; width: auto; }

/* Mitgliederstimmen */
.ska-voice { font-family: var(--wp--preset--font-family--serif); font-style: italic; font-size: var(--wp--preset--font-size--medium); line-height: 1.55; margin: 0; }
.ska-voice-name { margin-top: auto !important; padding-top: 0.75rem; color: var(--wp--preset--color--stone); border-top: 2px solid var(--wp--preset--color--orange); }
.ska-voice-name strong { color: var(--wp--preset--color--navy-dark); }

/* Fußbereich: befreundete Dojos */
.ska-footer-dojos { margin-top: var(--wp--preset--spacing--40) !important; padding-top: var(--wp--preset--spacing--30); border-top: 1px solid rgb(255 255 255 / 0.15); }
.ska-footer-dojos p { margin: 0; line-height: 1.9; }
.ska-footer-dojos a { text-decoration: none; }
.ska-footer-dojos a:hover { text-decoration: underline; color: var(--wp--preset--color--orange-light); }