/* SVN Naturbad – Theme-Styles 0.3. Tokens aus theme.json (--wp--preset--*). Leitfarbe: Logo-Blau. */

:root {
	--svn-radius-s: var(--wp--custom--radius--s, 8px);
	--svn-radius-m: var(--wp--custom--radius--m, 14px);
	--svn-radius-l: var(--wp--custom--radius--l, 24px);
	--svn-logo: var(--wp--preset--color--logo);
	--svn-logo-deep: var(--wp--preset--color--logo-deep);
	--svn-splash: var(--wp--preset--color--splash);
	--svn-splash-light: var(--wp--preset--color--splash-light);
	--svn-sun: var(--wp--preset--color--sun);
	--svn-leaf: var(--wp--preset--color--leaf);
	--svn-ink: var(--wp--preset--color--ink);
	--svn-muted: var(--wp--preset--color--muted);
	--svn-line: var(--wp--preset--color--line);
	--svn-wave-h: clamp(22px, 3.2vw, 48px);
	--svn-ease: cubic-bezier(.2, .7, .2, 1);
}

html { scroll-padding-top: 6rem; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--svn-sun); color: var(--svn-ink); }
img { height: auto; }
:where(h1, h2, h3, h4) { text-wrap: balance; }
:where(p, li) { text-wrap: pretty; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important;
	width: 1px; word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
	clip: auto; clip-path: none; height: auto; width: auto; z-index: 100001;
	left: 1rem; top: 1rem; padding: .75rem 1rem; background: #fff; color: var(--svn-logo);
	border-radius: var(--svn-radius-s); box-shadow: var(--wp--preset--shadow--soft);
}

/* Abschnitte stoßen direkt aneinander (eigene Innenabstände) */
.wp-site-blocks > * { margin-block-start: 0 !important; }
.svn-main > * { margin-block-start: 0 !important; }

/* ---------- Wellenkanten (Maske aus assets/images/wave.svg) ---------- */
.svn-wave-bottom, .svn-wave-top { position: relative; isolation: isolate; }
.svn-wave-bottom::after,
.svn-wave-top::before {
	content: ""; position: absolute; left: 0; right: 0; height: var(--svn-wave-h); pointer-events: none; z-index: 1;
	-webkit-mask: url("../images/wave.svg") center / 100% 100% no-repeat;
	mask: url("../images/wave.svg") center / 100% 100% no-repeat;
}
/* Unten: die Farbe des folgenden Abschnitts (Standard Weiß) läuft als Welle herein */
.svn-wave-bottom::after { bottom: -1px; background: var(--svn-wave-next, #fff); }
/* Oben: die eigene Farbe wächst als Welle in den Abschnitt darüber */
.svn-wave-top::before { top: calc(var(--svn-wave-h) * -1 + 1px); background: var(--svn-wave-self, currentColor); }
.svn-join.svn-wave-top { --svn-wave-self: var(--svn-logo); }
.svn-footer.svn-wave-top { --svn-wave-self: var(--svn-logo-deep); }

/* ---------- Header ---------- */
.svn-site-header {
	position: sticky; top: 0; z-index: 50; background: #fff;
	box-shadow: 0 1px 0 var(--svn-line);
}
.svn-site-header::before { content: ""; display: block; height: 4px; background: linear-gradient(90deg, var(--svn-logo) 0 40%, var(--svn-splash) 40% 75%, var(--svn-sun) 75% 100%); }
.admin-bar .svn-site-header { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .svn-site-header { top: 0; } }
.svn-header__bar { gap: 1.5rem; min-height: 56px; }
.svn-header__logo img, .svn-header .svn-logo-fallback img { display: block; width: 176px; height: auto; transition: transform .25s var(--svn-ease); }
.svn-header__logo a:hover img, .svn-header .svn-logo-fallback a:hover img { transform: rotate(-2deg) scale(1.03); }
.svn-header__logo a { display: block; }
.svn-header__nav { gap: 1rem; }

.svn-nav .wp-block-navigation-item__content {
	padding: .55rem .7rem; border-radius: var(--wp--custom--radius--pill);
	color: var(--svn-logo); text-decoration: none;
	transition: background-color .15s var(--svn-ease), color .15s var(--svn-ease);
}
.svn-nav .wp-block-navigation-item__content:hover,
.svn-nav .wp-block-navigation-item__content:focus-visible { background: var(--svn-splash-light); color: var(--svn-logo-deep); }
.svn-nav .current-menu-item > .wp-block-navigation-item__content,
.svn-nav .current-menu-ancestor > .wp-block-navigation-item__content,
.svn-nav [aria-current="page"] { background: var(--svn-splash-light); color: var(--svn-logo-deep); }
.svn-nav .wp-block-navigation__submenu-icon { margin-left: .1rem; }

.svn-nav .wp-block-navigation__submenu-container {
	border: 0 !important; border-radius: var(--svn-radius-m);
	box-shadow: 0 0 0 1px var(--svn-line), 0 16px 40px rgba(48, 89, 164, .16);
	padding: .45rem !important; min-width: 15.5rem !important; background: #fff !important;
}
.svn-nav .wp-block-navigation__submenu-container,
.svn-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: var(--svn-logo) !important; }
.svn-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: .55rem .8rem; font-weight: 550; width: 100%; border-radius: var(--svn-radius-s);
}

.svn-btn-small .wp-block-button__link { padding: .6rem 1.15rem; font-size: var(--wp--preset--font-size--small); white-space: nowrap; }

/* Overlay-Menü bis 1099px (7 Hauptpunkte + Button passen erst darüber) */
@media (min-width: 600px) and (max-width: 1099.98px) {
	.svn-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.svn-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
/* Unter 1100px steht der Button optisch vor dem Menü-Knopf (Tab-Reihenfolge: Menü, dann Button) – bewusst akzeptiert, Desktop-Reihenfolge ist korrekt */
@media (max-width: 1099.98px) { .svn-header__cta { order: -1; } }
.svn-nav .wp-block-navigation__responsive-container-open,
.svn-nav .wp-block-navigation__responsive-container-close { color: var(--svn-logo); padding: .5rem; border-radius: var(--svn-radius-s); }
.svn-nav .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; }
.svn-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.25rem clamp(1.25rem, 5vw, 2.5rem) 2rem; background: var(--svn-splash-light) !important;
}
.svn-nav .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 3rem; gap: .25rem; align-items: flex-start !important; max-width: 40rem; margin: 0 auto;
}
.svn-nav .is-menu-open .wp-block-navigation__container,
.svn-nav .is-menu-open .wp-block-navigation-item,
.svn-nav .is-menu-open .wp-block-navigation__submenu-container { align-items: flex-start !important; justify-content: flex-start !important; text-align: left; }
.svn-nav .is-menu-open .wp-block-navigation__container { gap: .25rem !important; width: 100%; }
.svn-nav .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { width: 100%; border-bottom: 1px solid rgba(48, 89, 164, .16); padding: .35rem 0; }
.svn-nav .is-menu-open .wp-block-navigation__submenu-icon { display: none; }
.svn-nav .is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--display); font-size: 1.4rem; font-weight: 750; padding: .45rem 0;
	color: var(--svn-logo) !important; background: none !important;
}
.svn-nav .is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important; box-shadow: none; padding: 0 0 .5rem 0 !important; min-width: 0 !important; background: transparent !important;
	display: grid !important; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); width: 100%; column-gap: 1.5rem;
}
.svn-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--body); font-size: 1.05rem; font-weight: 550; padding: .35rem 0; color: var(--svn-ink) !important;
}
@media (max-width: 599.98px) {
	.svn-header__logo img, .svn-header .svn-logo-fallback img { width: 132px; }
	.svn-header__nav { gap: .35rem; }
}

/* ---------- Buttons ---------- */
.wp-block-button__link { transition: transform .15s var(--svn-ease), background-color .15s var(--svn-ease), box-shadow .15s var(--svn-ease); }
.wp-block-button__link:hover { transform: translateY(-2px); }
.wp-block-button.is-style-sun > .wp-block-button__link {
	background: var(--svn-sun); color: var(--svn-ink); box-shadow: 0 4px 0 #E0A512;
}
.wp-block-button.is-style-sun > .wp-block-button__link:hover { background: #FFD45E; color: var(--svn-ink); box-shadow: 0 6px 0 #E0A512; }
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 2px solid var(--svn-logo); color: var(--svn-logo); background: #fff;
	padding: calc(.8rem - 2px) calc(1.4rem - 2px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--svn-logo); color: #fff; }
.svn-header__cta .wp-block-button__link { background: var(--svn-sun); color: var(--svn-ink); }
.svn-header__cta .wp-block-button__link:hover { background: #FFD45E; color: var(--svn-ink); }

/* ---------- Bausteine ---------- */
.svn-eyebrow {
	display: inline-block; font-size: var(--wp--preset--font-size--small); font-weight: 800; letter-spacing: .08em;
	text-transform: uppercase; color: var(--svn-logo); margin-bottom: .6rem;
	background: #fff; padding: .3rem .75rem; border-radius: var(--wp--custom--radius--pill);
}
.svn-eyebrow--sun { background: var(--svn-sun); color: var(--svn-ink); }
.svn-lead { font-size: var(--wp--preset--font-size--large); color: var(--svn-ink); max-width: 36rem; }
.svn-hl { position: relative; color: var(--wp--preset--color--leaf-deep); white-space: nowrap; }
.svn-hl::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -.12em; height: .22em; background: var(--svn-sun);
	-webkit-mask: url("../images/squiggle.svg") center / 100% 100% no-repeat; mask: url("../images/squiggle.svg") center / 100% 100% no-repeat;
}

.svn-more a, .svn-tile__title a, .svn-action__title a { text-decoration: none; }
.svn-more a { font-weight: 700; color: var(--svn-logo); display: inline-flex; align-items: center; gap: .5rem; }
.svn-more a::after,
.svn-tile__title a::after,
.svn-action__title a::after {
	content: ""; display: inline-block; width: .5em; height: .5em; margin-left: .45em;
	border-top: 2px solid currentColor; border-right: 2px solid currentColor;
	transform: translateY(-.1em) rotate(45deg); transition: transform .2s var(--svn-ease);
}
.svn-more a:hover::after { transform: translate(.2em, -.1em) rotate(45deg); }

/* Wassertropfen (Logo-Motiv) */
.svn-drop {
	position: absolute; z-index: 2; width: 40px; aspect-ratio: 40 / 52; background: var(--svn-splash);
	-webkit-mask: url("../images/drop.svg") center / contain no-repeat; mask: url("../images/drop.svg") center / contain no-repeat;
	animation: svn-bob 6s ease-in-out infinite;
}
.svn-drop--a { top: -26px; left: 14%; transform: rotate(-18deg); }
.svn-drop--b { top: -46px; left: 26%; width: 22px; animation-delay: -2s; background: var(--svn-logo); }
.svn-drop--c { top: 10%; right: -18px; width: 28px; animation-delay: -4s; }
@keyframes svn-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }

/* ---------- Startseite: Einstieg ---------- */
.svn-intro { overflow: hidden; }
.svn-intro__title { margin-top: 0; }
.svn-intro__actions { margin-top: 1.75rem; }
.svn-intro__figure { position: relative; margin: 1.5rem 0 1rem; }
.svn-intro__figure::before {
	content: ""; position: absolute; inset: 8% -6% -7% 10%; z-index: 0;
	background: var(--svn-splash); border-radius: 42% 58% 46% 54% / 55% 42% 58% 45%; opacity: .9;
}
.svn-intro__figure img {
	position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
	border: 6px solid #fff; border-radius: var(--svn-radius-l); transform: rotate(1.5deg);
	box-shadow: 0 20px 50px rgba(34, 70, 140, .25);
}
.svn-sticker {
	position: absolute; z-index: 3; top: -18px; right: 6%; width: 112px; height: 112px;
	display: grid; place-items: center; text-align: center; border-radius: 50%;
	background: var(--svn-sun); color: var(--svn-ink); box-shadow: 0 8px 20px rgba(34, 70, 140, .22);
	font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1rem; line-height: 1.1;
	transform: rotate(10deg);
}
.svn-intro__place {
	position: absolute; z-index: 3; left: -4%; bottom: 8%;
	display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .9rem;
	padding: .65rem 1rem; border-radius: var(--svn-radius-m);
	background: #fff; box-shadow: 0 10px 30px rgba(34, 70, 140, .18);
	font-size: var(--wp--preset--font-size--small); color: var(--svn-ink);
}
.svn-intro__place a { font-weight: 800; color: var(--svn-logo); text-decoration: none; }
.svn-intro__place a:hover { text-decoration: underline; }
@media (max-width: 781.98px) {
	.svn-intro__figure { margin: 2rem .5rem 0; }
	.svn-drop--a, .svn-drop--b { display: none; }
	.svn-intro__figure img { aspect-ratio: 16 / 10; }
	.svn-sticker { width: 88px; height: 88px; font-size: .85rem; top: -26px; right: 2%; }
	.svn-intro__place { position: relative; left: auto; bottom: auto; margin-top: 1.25rem; }
}

/* ---------- Startseite: Kacheln ---------- */
.svn-quick__list { gap: 1rem !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1023.98px) { .svn-quick__list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 479.98px) {
	.svn-quick__list { gap: .6rem !important; grid-template-columns: 1fr !important; }
	.svn-quick .svn-tile { min-height: 0; padding: 1rem 4rem 1rem 1.15rem; }
	.svn-quick .svn-tile__title { font-size: var(--wp--preset--font-size--large) !important; }
	.svn-quick .svn-tile__text { font-size: .9rem; }
	.svn-quick .svn-tile::after { width: 2.1rem; height: 2.1rem; right: 1rem; top: 50%; bottom: auto; transform: translateY(-50%); }
	.svn-quick .svn-tile:hover::after { transform: translate(4px, -50%); }
}
.svn-tile {
	position: relative; display: flex; flex-direction: column; gap: .35rem; min-height: 9.5rem;
	padding: 1.4rem 1.4rem 3.4rem; border-radius: var(--svn-radius-l); overflow: hidden;
	transition: transform .2s var(--svn-ease), box-shadow .2s var(--svn-ease);
}
.svn-tile:hover, .svn-tile:focus-within { transform: translateY(-4px) rotate(-.4deg); box-shadow: 0 16px 34px rgba(34, 70, 140, .16); }
.svn-tile--splash { background: var(--svn-splash-light); }
.svn-tile--sun { background: var(--wp--preset--color--sun-light); }
.svn-tile--leaf { background: var(--wp--preset--color--leaf-light); }
.svn-tile--logo { background: var(--svn-logo); color: #fff; }
.svn-tile::after {
	content: ""; position: absolute; right: 1.1rem; bottom: 1.1rem; width: 2.4rem; height: 2.4rem; border-radius: 50%;
	background: #fff center / 40% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%233059A4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	transition: transform .2s var(--svn-ease);
}
.svn-tile:hover::after { transform: translateX(4px); }
.svn-tile--logo::after { background-color: var(--svn-sun); }
.svn-tile__title { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.2rem, 1rem + .7vw, 1.6rem); font-weight: 800; line-height: 1.15; hyphens: manual; overflow-wrap: break-word; } /* Trennung nur an weichen Trennstellen (Gebühren-|ordnung), nie „Gebührenord-nung“ */
.svn-tile__title a { color: var(--svn-logo); }
.svn-tile__title a::after { display: none; }
.svn-tile__title a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.svn-tile--logo .svn-tile__title a { color: #fff; }
.svn-tile__text { margin: 0; color: var(--svn-ink); font-size: var(--wp--preset--font-size--small); max-width: 16rem; }
.svn-tile--logo .svn-tile__text { color: rgba(255, 255, 255, .92); }
.svn-tile--sun .svn-tile__title a { color: #8A5A00; }
.svn-tile--leaf .svn-tile__title a { color: var(--wp--preset--color--leaf-deep); }

/* ---------- Abschnittskopf ---------- */
.svn-section-head { margin-bottom: 1.75rem; gap: .5rem 2rem; }
.svn-section-head h2 { margin: 0; position: relative; padding-bottom: .4rem; }
.svn-section-head h2::after {
	content: ""; position: absolute; left: 0; bottom: -.2rem; width: 3.2em; height: .32em; background: var(--svn-splash);
	-webkit-mask: url("../images/squiggle.svg") center / 100% 100% no-repeat; mask: url("../images/squiggle.svg") center / 100% 100% no-repeat;
}
.svn-section-head .svn-more { margin: 0; }

/* ---------- Karten ---------- */
.svn-card {
	position: relative; display: flex; flex-direction: column; height: 100%;
	background: #fff; border-radius: var(--svn-radius-l); overflow: hidden;
	box-shadow: 0 0 0 1px var(--svn-line);
	transition: box-shadow .2s var(--svn-ease), transform .2s var(--svn-ease);
}
.svn-card:hover { box-shadow: 0 0 0 1px var(--svn-line), 0 18px 40px rgba(34, 70, 140, .14); transform: translateY(-3px); }
.svn-card__media { margin: 0 !important; overflow: hidden; }
.svn-card__media img { border-radius: 0 !important; width: 100%; transition: transform .4s var(--svn-ease); }
.svn-card:hover .svn-card__media img { transform: scale(1.04); }
.svn-card__body { padding: 1.1rem 1.35rem 1.4rem; display: flex; flex-direction: column; gap: .45rem; }
.svn-card__date {
	margin: 0; align-self: flex-start; padding: .2rem .65rem; border-radius: var(--wp--custom--radius--pill);
	background: var(--svn-splash-light); color: var(--svn-logo) !important; font-weight: 700;
}
.svn-card__title { margin: 0; font-size: var(--wp--preset--font-size--large); line-height: 1.25; }
.svn-card__title a { text-decoration: none; color: var(--svn-logo); }
.svn-card__title a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.svn-card__title a:hover { color: var(--svn-logo-deep); }
.svn-card__excerpt { margin: 0; color: var(--svn-muted); font-size: var(--wp--preset--font-size--small); }
.svn-card__excerpt .wp-block-post-excerpt__more-text { display: none; }
.svn-card .wp-block-post-featured-image:empty { display: none; }

.svn-news__grid { display: grid !important; gap: 1.5rem; grid-template-columns: 1fr; list-style: none; padding: 0; margin: 0; }
@media (min-width: 900px) {
	.svn-news__grid { grid-template-columns: 1.35fr 1fr; }
	.svn-news__grid > li:first-child { grid-row: span 2; }
	.svn-news__grid > li:first-child .svn-card__title { font-size: var(--wp--preset--font-size--x-large); }
	.svn-news__grid > li:not(:first-child) .svn-card { flex-direction: row; }
	.svn-news__grid > li:not(:first-child) .svn-card__media { flex: 0 0 42%; }
	.svn-news__grid > li:not(:first-child) .svn-card__media img { height: 100%; aspect-ratio: auto !important; object-fit: cover; }
	.svn-news__grid > li:not(:first-child) .svn-card__excerpt { display: none; }
}

/* ---------- Mitmachen (Band in Logo-Blau) ---------- */
.svn-join { overflow: visible; }
.svn-join__title { color: #fff; margin-top: .2rem; font-size: var(--wp--preset--font-size--xx-large); }
.svn-join p { color: rgba(255, 255, 255, .92); }
.svn-join .wp-block-buttons { margin-top: 1.5rem; }
.svn-actions { display: grid; gap: .85rem; }
.svn-action {
	position: relative; padding: 1.15rem 4rem 1.15rem 1.4rem; border-radius: var(--svn-radius-m);
	background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
	transition: background-color .2s var(--svn-ease), transform .2s var(--svn-ease);
}
.svn-action:hover, .svn-action:focus-within { background: rgba(255, 255, 255, .18); transform: translateX(4px); }
.svn-action__title { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--x-large); font-weight: 800; }
.svn-action__title a { color: #fff !important; }
.svn-action__title a::after { position: absolute; right: 1.5rem; top: 50%; margin: 0; width: .65em; height: .65em; color: var(--svn-sun); transform: translateY(-50%) rotate(45deg); }
.svn-action:hover .svn-action__title a::after { transform: translate(.25em, -50%) rotate(45deg); }
.svn-action__title a::before { content: ""; position: absolute; inset: 0; }
.svn-action__text { margin: .2rem 0 0; }

/* ---------- Seitenkopf ---------- */
.svn-pagehead { padding-bottom: calc(var(--wp--preset--spacing--40) + var(--svn-wave-h)) !important; }
.svn-pagehead__title { margin: .25rem 0 0; font-size: var(--wp--preset--font-size--xx-large); }
.svn-pagehead__terms a { text-decoration: none; font-weight: 800; color: var(--svn-logo); background: #fff; padding: .2rem .65rem; border-radius: var(--wp--custom--radius--pill); font-size: var(--wp--preset--font-size--small); }
.svn-pagehead__date { margin-top: .5rem; }
.svn-pagehead__desc { color: var(--svn-muted); margin-top: .5rem; font-size: var(--wp--preset--font-size--large); }
.svn-breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem; font-size: var(--wp--preset--font-size--small); color: var(--svn-muted); }
.svn-breadcrumbs li + li::before { content: "/"; margin: 0 .4rem 0 .15rem; color: #93acc4; }
.svn-breadcrumbs a { color: var(--svn-logo); text-decoration: none; }
.svn-breadcrumbs a:hover { text-decoration: underline; }
.svn-pagehead > p:first-child:empty { margin: 0; }

.svn-page-image, .svn-post-image { margin-top: var(--wp--preset--spacing--40) !important; }
.svn-page-image:empty, .svn-post-image:empty { display: none; }
.svn-media-wrap:not(:has(img)) { display: none; }
.svn-page-image img, .svn-post-image img { border-radius: var(--svn-radius-l) !important; max-height: 560px; }

/* ---------- Inhalt ---------- */
.svn-content { padding-top: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--50); }
.svn-content--wide { padding-top: 0; }
.svn-content > * + h2 { margin-top: 2.5rem; }
.svn-content > * + h3 { margin-top: 2rem; }
.svn-content table { border-collapse: collapse; width: 100%; font-size: var(--wp--preset--font-size--small); }
.svn-content th, .svn-content td { border-bottom: 1px solid var(--svn-line); padding: .6rem .5rem; text-align: left; }
.svn-content th { color: var(--svn-logo); }
.svn-content blockquote { background: var(--svn-splash-light); border-radius: var(--svn-radius-m); padding: 1rem 1.25rem; }

.svn-post-nav { padding-bottom: var(--wp--preset--spacing--50); }
.svn-post-nav > .wp-block-group { border-top: 1px solid var(--svn-line); padding-top: 1.25rem; gap: 1rem; }
.svn-post-nav a { text-decoration: none; font-weight: 700; }

.svn-pagination { margin-top: 2.5rem; gap: .35rem; }
.svn-pagination a, .svn-pagination .page-numbers { padding: .4rem .8rem; border-radius: var(--wp--custom--radius--pill); text-decoration: none; }
.svn-pagination .page-numbers.current { background: var(--svn-logo); color: #fff; }

.svn-search { max-width: 34rem; margin-top: 1.25rem; }
.svn-search .wp-block-search__input { border: 2px solid #b8d5ea; border-radius: var(--wp--custom--radius--pill); padding: .7rem 1.1rem; background: #fff; }
.svn-search .wp-block-search__button { border-radius: var(--wp--custom--radius--pill); margin-left: .5rem; }

/* ---------- Footer ---------- */
.svn-site-footer { margin-top: 0; }
.svn-footer { font-size: var(--wp--preset--font-size--small); }
.svn-footer a { text-decoration: none; }
.svn-footer a:hover { text-decoration: underline; color: var(--svn-sun) !important; }
.svn-footer__logo img, .svn-footer .svn-logo-fallback img { width: 220px; height: auto; display: block; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .18)); }
.svn-footer__address { margin-top: 1.25rem; line-height: 1.6; opacity: .95; }
.svn-footer__contact { line-height: 1.8; }
.svn-footer__title {
	font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--large);
	margin: 0 0 .75rem; color: var(--svn-sun);
}
.svn-linklist { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.svn-footer__social { margin-top: 1.25rem; gap: .5rem; }
.svn-footer__social .wp-social-link { background: rgba(255, 255, 255, .12) !important; border-radius: 50%; }
.svn-footer__social .wp-social-link a { padding: .55rem; }
.svn-footer__social .wp-social-link:hover { background: var(--svn-splash) !important; }
.svn-badges { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.svn-badge img { display: block; height: 40px; width: auto; }
.svn-footer__bottom {
	margin-top: var(--wp--preset--spacing--50) !important; padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, .2); gap: .5rem 1.5rem; opacity: .92;
}
.svn-footer__bottom p { margin: 0; }
.svn-footer__legal { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; }
.svn-footer :focus-visible { outline-color: var(--svn-sun) !important; }
@media (max-width: 781.98px) {
	.svn-footer__cols { display: grid !important; grid-template-columns: 1fr 1fr; gap: 2rem 1.5rem !important; }
	.svn-footer__brand, .svn-footer__app { grid-column: 1 / -1; }
}
/* 0.5.2 Tablet-Breite: vier Spalten waren zu schmal („Schwimmba|d“) – Logo/Adresse + zwei Linklisten in einer Reihe, App darunter */
@media (min-width: 782px) and (max-width: 1179.98px) {
	.svn-footer__cols { display: grid !important; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 2rem 2rem !important; }
	.svn-footer__cols > .wp-block-column { flex-basis: auto !important; }
	.svn-footer__app { grid-column: 1 / -1; }
}
.svn-footer__title { overflow-wrap: normal; word-break: normal; hyphens: manual; }

/* ---------- Fokus & Bewegung ---------- */
:where(a, button, input, summary, [tabindex]):focus-visible { outline: 2px solid var(--svn-logo); outline-offset: 3px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation: none !important; scroll-behavior: auto !important; }
	.svn-card:hover, .svn-tile:hover, .svn-action:hover, .wp-block-button__link:hover { transform: none; }
}


/* =====================================================================
   0.3 – mehr Leben: Farbtöne, Laufband, Beitragsseite, Einblenden
   ===================================================================== */
.svn-main { overflow-x: clip; }

/* Farbtöne (Karten, Beitragsseite) */
.svn-tone--splash { --tone: var(--svn-splash-light); --tone-strong: var(--svn-splash); --tone-on: var(--svn-ink); --tone-ink: var(--svn-logo); }
.svn-tone--sun { --tone: var(--wp--preset--color--sun-light); --tone-strong: var(--svn-sun); --tone-on: var(--svn-ink); --tone-ink: #7A4F00; }
.svn-tone--leaf { --tone: var(--wp--preset--color--leaf-light); --tone-strong: var(--wp--preset--color--leaf-deep); --tone-on: #fff; --tone-ink: var(--wp--preset--color--leaf-deep); }
.svn-tone--logo { --tone: #E8EEF9; --tone-strong: var(--svn-logo); --tone-on: #fff; --tone-ink: var(--svn-logo); }

/* Laufband */
.svn-ticker {
	position: relative; z-index: 3; margin: calc(var(--svn-wave-h) * -.55) -3vw .5rem; padding: .8rem 0;
	transform: rotate(-1.4deg); background: var(--svn-sun); color: var(--svn-ink); overflow: hidden;
	box-shadow: 0 10px 26px rgba(34, 70, 140, .16);
	font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: clamp(1.05rem, .85rem + .9vw, 1.55rem);
}
.svn-ticker__track { display: flex; width: max-content; animation: svn-marquee 42s linear infinite; }
.svn-ticker:hover .svn-ticker__track { animation-play-state: paused; }
.svn-ticker__run { display: flex; align-items: center; gap: 1.4rem; padding-right: 1.4rem; white-space: nowrap; }
.svn-ticker__dot { color: var(--svn-logo); font-size: .8em; }
@keyframes svn-marquee { to { transform: translateX(-50%); } }

/* Kacheln mit Symbol */
.svn-tile__icon {
	margin: 0 0 .35rem; align-self: flex-start; font-size: 2.3rem; line-height: 1;
	transform: rotate(-8deg); transform-origin: 30% 70%; transition: transform .3s var(--svn-ease); pointer-events: none;
}
.svn-tile:hover .svn-tile__icon { transform: rotate(8deg) scale(1.15); }
@media (max-width: 479.98px) {
	.svn-quick .svn-tile__icon { position: absolute; right: 4rem; top: 50%; translate: 0 -50%; margin: 0; font-size: 1.7rem; }
	.svn-quick .svn-tile { padding-right: 6.6rem; }
}
.svn-sticker { animation: svn-wobble 7s ease-in-out infinite; }
@keyframes svn-wobble { 0%, 100% { transform: rotate(10deg); } 50% { transform: rotate(4deg) scale(1.04); } }

/* Seitenköpfe mit Sonne und Tropfen */
.svn-pagehead, .svn-posthead {
	background-image:
		radial-gradient(circle at 92% 28%, var(--svn-sun) 0 44px, transparent 45px),
		radial-gradient(circle at 84% 70%, rgba(57, 172, 244, .32) 0 20px, transparent 21px),
		radial-gradient(circle at 97% 62%, rgba(48, 89, 164, .18) 0 11px, transparent 12px);
}
.svn-posthead { background-image: radial-gradient(circle at 46% 88%, rgba(255, 200, 61, .7) 0 18px, transparent 19px), radial-gradient(circle at 51% 80%, rgba(57, 172, 244, .3) 0 9px, transparent 10px); }
@media (max-width: 781.98px) {
	.svn-pagehead { background-image: radial-gradient(circle at 96% 18%, var(--svn-sun) 0 26px, transparent 27px); }
}

/* Karten: farbige Rahmen, Datums-Sticker, Emoji-Platzhalter */
.svn-card[class*="svn-tone--"] { background: var(--tone); box-shadow: none; padding: .55rem; }
.svn-card[class*="svn-tone--"]:hover { box-shadow: 0 18px 40px rgba(34, 70, 140, .16); transform: translateY(-4px) rotate(-.5deg); }
.svn-card[class*="svn-tone--"] .svn-card__media { border-radius: calc(var(--svn-radius-l) - .45rem); }
.svn-card[class*="svn-tone--"] .svn-card__body { padding: 1.1rem .85rem 1rem; }
.svn-card[class*="svn-tone--"] .svn-card__date {
	position: relative; z-index: 2; margin-top: -2rem; background: var(--tone-strong); color: var(--tone-on) !important;
	transform: rotate(-3deg); box-shadow: 0 4px 12px rgba(34, 70, 140, .18); padding: .3rem .8rem;
}
.svn-card[class*="svn-tone--"] .svn-card__title a { color: var(--tone-ink); }
.svn-card[class*="svn-tone--"] .svn-card__excerpt { color: var(--svn-ink); opacity: .85; }
.svn-ph { margin: 0 !important; }
.svn-ph a {
	position: relative; display: grid; place-items: center; aspect-ratio: 3 / 2; overflow: hidden; text-decoration: none;
	background: radial-gradient(circle at 25% 20%, rgba(255, 255, 255, .4), transparent 45%), var(--tone-strong);
}
.svn-ph__emoji { font-size: clamp(3.6rem, 2.6rem + 3vw, 6rem); line-height: 1; transform: rotate(-8deg); filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .18)); transition: transform .35s var(--svn-ease); }
.svn-card:hover .svn-ph__emoji { transform: rotate(5deg) scale(1.1); }
.svn-ph__drop { width: 4.5rem; aspect-ratio: 40 / 52; background: #fff; -webkit-mask: url("../images/drop.svg") center / contain no-repeat; mask: url("../images/drop.svg") center / contain no-repeat; }
.svn-ph__bubble { position: absolute; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .55); }
.svn-ph__bubble--a { width: 4.5rem; height: 4.5rem; right: 8%; top: 10%; }
.svn-ph__bubble--b { width: 2rem; height: 2rem; left: 10%; bottom: 14%; background: rgba(255, 255, 255, .3); border: 0; }

/* Startseite: Aktuelles mit Platzhalter wie Bild */
.svn-news__grid > li:first-child .svn-card[class*="svn-tone--"] .svn-card__title { font-size: var(--wp--preset--font-size--x-large); }
.svn-news__grid > li:first-child .svn-ph__emoji { font-size: clamp(5rem, 3rem + 6vw, 9rem); }
.svn-news__grid > li:first-child .svn-ph__bubble--a { width: 7rem; height: 7rem; }
@media (min-width: 900px) {
	.svn-news__grid > li:not(:first-child) .svn-card[class*="svn-tone--"] .svn-card__body { justify-content: center; }
	.svn-news__grid > li:not(:first-child) .svn-ph a { aspect-ratio: auto; height: 100%; min-height: 9rem; }
	.svn-news__grid > li:not(:first-child) .svn-card[class*="svn-tone--"] .svn-card__date { margin-top: 0; }
}

/* News-Übersicht: neuester Beitrag als großer Aufmacher */
.svn-list--blog .svn-list__grid { gap: 1.75rem 1.5rem; }
@media (min-width: 900px) {
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child { grid-column: 1 / -1; }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-card { flex-direction: row; align-items: stretch; padding: .75rem; }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-card__media { flex: 0 0 54%; }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-card__media img,
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-ph a { height: 100%; min-height: 20rem; aspect-ratio: auto !important; object-fit: cover; }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-card__body { justify-content: center; padding: 2rem 2.25rem; gap: .8rem; }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-card__date { margin-top: 0; }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-card__title { font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.6rem); line-height: 1.12; }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-card__excerpt { font-size: var(--wp--preset--font-size--medium); }
	body:not(.paged) .svn-list--blog .svn-list__grid > li:first-child .svn-ph__emoji { font-size: 8rem; }
}

/* Beitragsseite: Kopf mit Postkarte */
.svn-posthead { padding-bottom: calc(var(--wp--preset--spacing--50) + var(--svn-wave-h)) !important; overflow: hidden; }
.svn-posthead__crumbs { margin-bottom: 1.25rem; }
.svn-posthead__meta { gap: .5rem !important; align-items: center; }
.svn-posthead__meta > p { margin: 0; }
.svn-posthead__title { margin: .9rem 0 0; font-size: clamp(2rem, 1.35rem + 2.3vw, 3.3rem); line-height: 1.08; }
.svn-posthead__lead { margin-top: 1rem; font-size: var(--wp--preset--font-size--large); color: var(--svn-ink); max-width: 36rem; }
.svn-pill { display: inline-flex; align-items: center; margin: 0; padding: .32rem .85rem; border-radius: var(--wp--custom--radius--pill); font-size: var(--wp--preset--font-size--small); font-weight: 800; line-height: 1.3; }
.svn-pill a { color: inherit; text-decoration: none; }
.svn-pill--date { background: var(--svn-logo); color: #fff; transform: rotate(-2deg); }
.svn-pill--cat { background: var(--svn-sun); color: var(--svn-ink); }
.svn-pill--time { background: #fff; color: var(--svn-logo); }
.svn-posthead__media { position: relative; }
.svn-posthead__media > p { margin: 0; }
.svn-has-thumb .svn-posthead__media::before {
	content: ""; position: absolute; inset: 10% -5% -7% 12%; z-index: 0;
	background: var(--tone-strong, var(--svn-splash)); border-radius: 42% 58% 46% 54% / 55% 42% 58% 45%; opacity: .9;
}
.svn-postcard { position: relative; z-index: 1; margin: 0 !important; }
.svn-postcard img { border: 6px solid #fff; border-radius: var(--svn-radius-l) !important; transform: rotate(2deg); box-shadow: 0 22px 50px rgba(34, 70, 140, .28); background: #fff; }
.svn-post-emoji { display: grid; place-items: center; line-height: 1; }
.svn-has-thumb .svn-post-emoji {
	position: absolute; z-index: 3; bottom: -1.6rem; left: -1rem; width: 5.4rem; height: 5.4rem; border-radius: 50%;
	background: var(--svn-sun); font-size: 2.7rem; transform: rotate(12deg); box-shadow: 0 8px 20px rgba(34, 70, 140, .22);
	animation: svn-wobble 7s ease-in-out infinite;
}
.svn-no-thumb .svn-post-emoji {
	width: min(20rem, 80%); aspect-ratio: 1; margin: 0 auto; font-size: clamp(6rem, 4rem + 6vw, 10rem);
	background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .45), transparent 45%), var(--tone-strong, var(--svn-splash));
	border-radius: 42% 58% 46% 54% / 55% 42% 58% 45%; transform: rotate(-6deg); box-shadow: 0 22px 50px rgba(34, 70, 140, .22);
}
@media (max-width: 781.98px) {
	.svn-posthead__media { margin-top: 1.5rem; }
	.svn-no-thumb .svn-post-emoji { width: 9rem; font-size: 5rem; margin: 0; }
	.svn-has-thumb .svn-post-emoji { left: .5rem; bottom: -1.2rem; width: 4.4rem; height: 4.4rem; font-size: 2.2rem; }
}

/* Beitragsinhalt: Marker, Kringel, Tropfen-Listen */
.svn-content--post { font-size: 1.125rem; line-height: 1.75; }
.svn-content--post h2, .svn-content--post h3 { position: relative; padding-bottom: .35em; margin-bottom: .9rem; }
.svn-content--post h2::after {
	content: ""; position: absolute; left: 0; bottom: -.1em; width: 2.6em; height: .3em; background: var(--svn-sun);
	-webkit-mask: url("../images/squiggle.svg") center / 100% 100% no-repeat; mask: url("../images/squiggle.svg") center / 100% 100% no-repeat;
}
.svn-content--post h2:nth-of-type(3n+2)::after { background: var(--svn-leaf); }
.svn-content--post h2:nth-of-type(3n)::after { background: var(--svn-splash); }
.svn-content--post strong { background: linear-gradient(transparent 58%, rgba(255, 200, 61, .55) 0); padding: 0 .1em; }
.svn-content--post ul { list-style: none; padding-left: 0; }
.svn-content--post ul li { position: relative; padding-left: 1.9rem; margin-bottom: .45rem; }
.svn-content--post ul li::before {
	content: ""; position: absolute; left: .3rem; top: .38em; width: .85rem; aspect-ratio: 40 / 52; background: var(--svn-splash);
	-webkit-mask: url("../images/drop.svg") center / contain no-repeat; mask: url("../images/drop.svg") center / contain no-repeat;
}
.svn-content--post ul li:nth-child(3n+2)::before { background: var(--svn-leaf); }
.svn-content--post ul li:nth-child(3n)::before { background: var(--svn-sun); }
.svn-content--post .wp-block-image img, .svn-content--post figure img { border-radius: var(--svn-radius-m); box-shadow: 0 14px 34px rgba(34, 70, 140, .18); }
.svn-content--post .wp-block-columns .wp-block-image img { transform: rotate(-1.5deg); border: 5px solid #fff; }
.svn-content--post .wp-block-columns > .wp-block-column:only-child { flex-basis: 100% !important; }
.svn-content--post p:has(> span[id^="more-"]:only-child) { display: none; }
.svn-content--post .wp-block-spacer { height: 0 !important; }
.svn-content--post > p:empty { display: none; }

/* Weitere Neuigkeiten */
.svn-more-news.svn-wave-top { --svn-wave-self: var(--svn-splash-light); }

.svn-list--more .svn-card__title { font-size: var(--wp--preset--font-size--large); }

/* Mitmachen-Band mit Luftblasen */
.svn-join {
	background-image:
		radial-gradient(circle at 4% 78%, rgba(255, 255, 255, .08) 0 88px, transparent 89px),
		radial-gradient(circle at 98% 34%, rgba(57, 172, 244, .38) 0 110px, transparent 111px),
		radial-gradient(circle at 44% 70%, rgba(255, 200, 61, .22) 0 26px, transparent 27px),
		radial-gradient(circle at 40% 82%, rgba(255, 255, 255, .12) 0 12px, transparent 13px);
}

/* Einblenden beim Scrollen (nur mit JS, nie bei reduzierter Bewegung) */
.svn-reveal-on .svn-reveal {
	opacity: 0; translate: 0 22px;
	transition: opacity .7s var(--svn-ease), translate .7s var(--svn-ease), transform .2s var(--svn-ease), box-shadow .2s var(--svn-ease);
}
.svn-reveal-on .svn-reveal.is-in {
	opacity: 1; translate: none;
	transition-delay: calc(var(--svn-i, 0) * 80ms), calc(var(--svn-i, 0) * 80ms), 0s, 0s;
}
@media (prefers-reduced-motion: reduce) {
	.svn-ticker__track { animation: none; }
	.svn-reveal-on .svn-reveal { opacity: 1; translate: none; }
}


/* =====================================================================
   0.3.1 – Beitrag nicht mehr „leer“: getönter Grund, Papier + Seitenspalte
   ===================================================================== */
.svn-wave-next-soft { --svn-wave-next: var(--wp--preset--color--splash-soft); }
.svn-post-body { padding-top: var(--wp--preset--spacing--40); padding-bottom: calc(var(--wp--preset--spacing--50) + var(--svn-wave-h)); }
.svn-post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: clamp(1.5rem, 3vw, 2.75rem); align-items: start; }
@media (max-width: 999.98px) { .svn-post-layout { grid-template-columns: minmax(0, 1fr); } }
.svn-post-paper {
	background: #fff; border-radius: var(--svn-radius-l); padding: clamp(1.4rem, 1rem + 2.4vw, 3rem);
	box-shadow: 0 1px 0 var(--svn-line), 0 18px 50px rgba(34, 70, 140, .08);
}
.svn-post-paper > .svn-content--post { padding: 0; }
.svn-post-paper > .svn-content--post > :first-child { margin-top: 0; }
.svn-content--post .svn-lead {
	position: relative; margin: 0 0 1.75rem; padding: 1.15rem 1.35rem 1.15rem 3.4rem; border-radius: var(--svn-radius-m);
	background: var(--tone, var(--svn-splash-light)); color: var(--svn-ink);
	font-size: 1.28rem; line-height: 1.55; font-weight: 500;
}
.svn-content--post .svn-lead::before {
	content: ""; position: absolute; left: 1.2rem; top: 1.25rem; width: 1.2rem; aspect-ratio: 40 / 52; background: var(--tone-strong, var(--svn-splash));
	-webkit-mask: url("../images/drop.svg") center / contain no-repeat; mask: url("../images/drop.svg") center / contain no-repeat;
}
.svn-content--post .wp-block-column .svn-lead { font-size: 1.15rem; }
.svn-content--post h2 { padding-left: 2.1rem; }
.svn-content--post h2::before {
	content: ""; position: absolute; left: 0; top: .22em; width: 1.25rem; aspect-ratio: 40 / 52; background: var(--svn-splash);
	-webkit-mask: url("../images/drop.svg") center / contain no-repeat; mask: url("../images/drop.svg") center / contain no-repeat;
}
.svn-content--post h2:nth-of-type(3n+2)::before { background: var(--svn-leaf); }
.svn-content--post h2:nth-of-type(3n)::before { background: var(--svn-sun); }
.svn-content--post h2::after { left: 2.1rem; }
.svn-content--post ul {
	padding: 1.1rem 1.35rem 1.1rem 1rem; border-radius: var(--svn-radius-m);
	background: var(--wp--preset--color--sun-light); box-shadow: inset 4px 0 0 var(--svn-sun);
}
.svn-content--post ul li:last-child { margin-bottom: 0; }
.svn-content--post .svn-outro {
	padding: 1rem 1.25rem; border-radius: var(--svn-radius-m); background: var(--wp--preset--color--leaf-light);
	border-left: 4px solid var(--svn-leaf);
}

.svn-post-nav { margin-top: 2.5rem !important; padding-top: 1.25rem; border-top: 2px dashed var(--svn-line); gap: .75rem 1.5rem; }
.svn-post-nav a { text-decoration: none; font-weight: 700; color: var(--svn-logo); }
.svn-post-nav a:hover { text-decoration: underline; }

/* Seitenspalte */
.svn-post-aside { display: grid; gap: 1rem; } /* nicht sticky: mit Öffnungszeiten ist die Spalte höher als der Bildschirm */
@media (max-width: 999.98px) { .svn-post-aside { position: static; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); } }
.svn-box { position: relative; display: block; padding: 1.25rem 1.35rem; border-radius: var(--svn-radius-l); overflow: hidden; color: var(--svn-ink); text-decoration: none; }
.svn-box p { margin: 0; }
.svn-box > * + * { margin-top: .45rem; }
.svn-box__title { display: block; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--large); line-height: 1.2; }
.svn-box__emoji { position: absolute; right: .9rem; top: .7rem; margin: 0 !important; font-size: 2.2rem; line-height: 1; transform: rotate(10deg); }
.svn-box--share { background: #fff; box-shadow: 0 0 0 1px var(--svn-line); }
.svn-share { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .75rem !important; }
.svn-share__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .55rem .6rem; border: 0; border-radius: var(--wp--custom--radius--pill);
	font: inherit; font-size: var(--wp--preset--font-size--small); font-weight: 700; text-decoration: none; cursor: pointer; color: #fff;
	transition: transform .15s var(--svn-ease), filter .15s var(--svn-ease);
}
.svn-share__btn svg { width: 1.1rem; height: 1.1rem; flex: none; }
.svn-share__btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.svn-share__btn--whatsapp { background: #128C4B; }
.svn-share__btn--facebook { background: #1864D9; }
.svn-share__btn--e-mail { background: var(--svn-logo); }
.svn-share__btn--copy { grid-column: 1 / -1; background: var(--svn-splash-light); color: var(--svn-logo); }
.svn-share__btn span { white-space: nowrap; }
.svn-box--join { background: var(--svn-sun); }
.svn-box--join .svn-box__title { padding-right: 2.5rem; }
.svn-box__btn {
	display: inline-block; margin-top: .9rem !important; padding: .6rem 1.15rem; border-radius: var(--wp--custom--radius--pill);
	background: var(--svn-logo); color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 4px 0 var(--svn-logo-deep);
	transition: transform .15s var(--svn-ease);
}
.svn-box__btn:hover { transform: translateY(-2px); color: #fff; }
.svn-box--app { background: var(--svn-logo); color: #fff; background-image: radial-gradient(circle at 100% 100%, rgba(57, 172, 244, .45) 0 70px, transparent 71px); }
.svn-box--app .svn-badges { margin-top: .9rem; gap: .5rem; }
.svn-box--app .svn-badge img { height: 36px; }
.svn-box--hours { background: var(--wp--preset--color--leaf-light); }
.svn-box--hours .svn-box__title { color: var(--wp--preset--color--leaf-deep); }

/* Weitere Neuigkeiten direkt auf dem getönten Grund */
.svn-more-news.svn-wave-top { --svn-wave-self: var(--svn-splash-light); }

/* =====================================================================
   0.3.2 – keine leere Bildspalte: Text fließt um Bilder aus reinen Bildspalten,
   Store-Badges im Text nebeneinander
   ===================================================================== */
@media (min-width: 782px) {
	.svn-content--post .wp-block-columns:has(> .svn-col--media:first-child):has(> .wp-block-column:not(.svn-col--media)) { display: block !important; }
	.svn-content--post .wp-block-columns:has(> .svn-col--media:first-child):has(> .wp-block-column:not(.svn-col--media))::after { content: ""; display: table; clear: both; }
	.svn-content--post .wp-block-columns > .svn-col--media:first-child:not(:only-child) { float: left; width: min(42%, 20rem); margin: .35rem 2rem 1.25rem 0; }
	.svn-content--post .wp-block-columns > .svn-col--media:first-child ~ .wp-block-column { display: block; }
	/* Kästen neben dem Bild werden schmaler statt unter das Bild zu laufen. */
	.svn-content--post .svn-col--media ~ .wp-block-column > :is(.svn-lead, .svn-outro, ul, ol, blockquote, h2, h3) { display: flow-root; }
}
.svn-content--post .svn-store-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .75rem 1rem; margin: 2rem 0 .5rem; }
.svn-content--post .svn-store-row a { display: inline-flex !important; margin: 0 !important; }
.svn-content--post .svn-store-row img { height: 48px !important; width: auto !important; display: block; box-shadow: none; border-radius: 0; }
/* Kopfbild in voller Bildform: Plakate mit Schrift werden nicht mehr angeschnitten. */
.svn-postcard img { width: 100%; height: auto; max-height: 30rem; object-fit: contain; }

/* =====================================================================
   0.4.0 – Heute im Naturbad: Badstatus und Öffnungszeiten wie in der App
   ===================================================================== */
.svn-today, .svn-today-badge { --tone: var(--svn-splash); --tone-bg: var(--svn-splash-light); }
.svn-today--leaf { --tone: var(--svn-leaf); --tone-bg: var(--wp--preset--color--leaf-light); }
.svn-today--sun { --tone: #B7791F; --tone-bg: #FFF4D6; }
.svn-today--red { --tone: #D64545; --tone-bg: #FDE8E8; }
.svn-today--slate { --tone: #5B6B7F; --tone-bg: #EEF2F6; }
.svn-today {
	position: relative; margin-top: .9rem !important; padding: 1rem 1.1rem 1rem 1.35rem; background: #fff; border-radius: var(--svn-radius-m);
	box-shadow: 0 8px 22px rgba(34, 70, 140, .10); border: 1px solid color-mix(in srgb, var(--tone) 18%, transparent);
}
.svn-today::before { content: ""; position: absolute; left: 0; top: 1rem; bottom: 1rem; width: 4px; border-radius: 0 4px 4px 0; background: var(--tone); }
.svn-today > * + * { margin-top: .35rem !important; }
.svn-today__eyebrow { font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--svn-muted); }
.svn-today__title { display: flex; align-items: center; gap: .5rem; font-weight: 900; font-size: 1.2rem; line-height: 1.15; color: var(--tone); }
.svn-today__dot, .svn-today-badge__dot { flex: none; width: .7rem; height: .7rem; border-radius: 50%; background: var(--tone); box-shadow: 0 0 0 4px var(--tone-bg); }
.svn-today--leaf .svn-today__dot, .svn-today-badge.svn-today--leaf .svn-today-badge__dot { animation: svn-pulse 2s infinite; }
@keyframes svn-pulse { 50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--tone) 12%, transparent); } }
.svn-today__detail { font-weight: 700; color: var(--svn-ink); font-size: .95rem; }
.svn-today__key { font-size: var(--wp--preset--font-size--small); color: var(--svn-muted); display: flex; gap: .4rem; }
.svn-today__chips { display: flex; flex-wrap: wrap; gap: .4rem; padding-top: .3rem; }
.svn-chip { display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .65rem; border-radius: 999px; font-size: .85rem; font-weight: 800; background: var(--svn-splash-light); color: var(--svn-logo); }
.svn-chip--air { background: #FFF4D6; color: #8A5A00; }
.svn-hours { margin-top: .9rem !important; }
.svn-hours__list { margin: 0; display: grid; gap: .3rem; }
.svn-hours__row { display: flex; justify-content: space-between; gap: .75rem; font-size: var(--wp--preset--font-size--small); padding-bottom: .3rem; border-bottom: 1px dashed color-mix(in srgb, var(--wp--preset--color--leaf-deep) 25%, transparent); }
.svn-hours__row dt { color: var(--svn-ink); }
.svn-hours__row dd { margin: 0; font-weight: 800; white-space: nowrap; color: var(--wp--preset--color--leaf-deep); }
.svn-hours__row--key { border-bottom: 0; }
.svn-hours__row--key dt::before { content: "🔑 "; }
.svn-hours__note { margin-top: .5rem !important; font-size: .8rem; color: var(--svn-muted); }
.svn-today-badge {
	display: inline-flex; align-items: center; flex-wrap: wrap; gap: .25rem .55rem; margin: 0 0 1rem !important; padding: .45rem .95rem .45rem .8rem;
	background: #fff; border-radius: 999px; box-shadow: 0 6px 18px rgba(34, 70, 140, .12); font-size: .95rem; color: var(--svn-ink); transform: rotate(-1deg);
}
.svn-today-badge strong { color: var(--tone); font-weight: 900; }
.svn-today-badge span:last-child:not(.svn-today-badge__dot) { font-weight: 700; color: var(--svn-ink); }
.svn-today-badge span:last-child:not(.svn-today-badge__dot)::before { content: "· "; color: var(--svn-muted); }
@media (prefers-reduced-motion: reduce) { .svn-today__dot, .svn-today-badge__dot { animation: none !important; } }
/* Auf Inhaltsseiten etwas größer. */
.svn-content > .svn-today .svn-today__title { font-size: 1.5rem; }
.svn-content > .svn-hours { padding: 1rem 1.2rem; background: var(--wp--preset--color--leaf-light); border-radius: var(--svn-radius-m); }
.svn-chip small { margin-left: .3rem; font-size: .72rem; font-weight: 700; opacity: .75; }

/* Importierte Altbeiträge: Inline-Schrift (z. B. Verdana) und hartes Schwarz aus dem alten Editor ignorieren. */
.svn-content--post [style*="font-family"] { font-family: inherit !important; }
.svn-content--post [style*="color: #000"], .svn-content--post [style*="color:#000"] { color: inherit !important; }
.svn-content--post font[face] { font-family: inherit; }

/* =====================================================================
   0.4.1 – Schnell-gefunden-Kacheln mit Pepp: Symbol-Sticker, Wasserlinie,
   großes Wasserzeichen-Emoji, leicht schräg, Live-Sticker aus dem Backend
   ===================================================================== */
.svn-quick .svn-tile { --tile-deep: var(--svn-splash); min-height: 13.5rem; padding-bottom: 4.2rem; isolation: isolate; box-shadow: 0 10px 26px rgba(34, 70, 140, .08); }
.svn-quick .svn-tile--sun { --tile-deep: var(--svn-sun); }
.svn-quick .svn-tile--leaf { --tile-deep: var(--svn-leaf); }
.svn-quick .svn-tile--logo { --tile-deep: var(--svn-splash); }
@media (min-width: 1024px) {
	.svn-quick .svn-tile:nth-child(odd) { rotate: -1.2deg; }
	.svn-quick .svn-tile:nth-child(even) { rotate: 1deg; translate: 0 .5rem; }
	.svn-quick .svn-tile:hover, .svn-quick .svn-tile:focus-within { rotate: 0deg; }
}
/* Wasserlinie unten */
.svn-quick .svn-tile::before {
	content: ""; position: absolute; z-index: -1; left: -5%; right: -5%; bottom: -1px; height: 3.3rem; background: var(--tile-deep); opacity: .22;
	-webkit-mask: url("../images/wave.svg") top / 50% 1.1rem repeat-x, linear-gradient(#000, #000) 0 1.05rem / 100% 100% no-repeat;
	mask: url("../images/wave.svg") top / 50% 1.1rem repeat-x, linear-gradient(#000, #000) 0 1.05rem / 100% 100% no-repeat;
	transition: transform .6s var(--svn-ease);
}
.svn-quick .svn-tile:hover::before { transform: translateX(-4%); }
.svn-quick .svn-tile--logo::before { opacity: .45; }
/* Symbol als runder Sticker */
.svn-quick .svn-tile__icon {
	display: grid; place-items: center; width: 3.6rem; height: 3.6rem; font-size: 1.9rem; border-radius: 50%;
	background: #fff; box-shadow: 0 6px 14px rgba(34, 70, 140, .16), inset 0 0 0 3px color-mix(in srgb, var(--tile-deep) 35%, #fff);
}
.svn-quick .svn-tile--logo .svn-tile__icon { background: var(--svn-sun); box-shadow: 0 6px 14px rgba(0, 0, 0, .2); }
.svn-quick .svn-tile:hover .svn-tile__icon { animation: svn-bounce .6s var(--svn-ease); }
@keyframes svn-bounce { 40% { transform: rotate(10deg) scale(1.2) translateY(-4px); } 100% { transform: rotate(8deg) scale(1.1); } }
/* großes Wasserzeichen */
.svn-tile__bg { position: absolute; z-index: -1; right: -.6rem; top: -.8rem; font-size: 6.5rem; line-height: 1; opacity: .12; rotate: 14deg; pointer-events: none; filter: saturate(.6); }
.svn-quick .svn-tile--logo .svn-tile__bg { opacity: .16; }
/* Live-Sticker */
.svn-tile__live {
	--tone: var(--svn-logo); --tone-bg: var(--svn-splash-light);
	position: relative; z-index: 2; align-self: flex-start; display: inline-flex; align-items: center; gap: .45rem; margin: .55rem 0 0 !important;
	padding: .3rem .75rem; border-radius: 999px; background: #fff; color: var(--svn-ink); font-size: .82rem; font-weight: 800; line-height: 1.25;
	box-shadow: 0 4px 12px rgba(34, 70, 140, .12); rotate: -2deg; max-width: calc(100% - 3rem);
}
.svn-tile__live strong { color: var(--svn-logo); white-space: nowrap; }
.svn-tile__live.svn-today--leaf, .svn-tile__live.svn-today--red, .svn-tile__live.svn-today--sun, .svn-tile__live.svn-today--slate { color: var(--tone); }
.svn-tile__live .svn-today-badge__dot { width: .6rem; height: .6rem; box-shadow: 0 0 0 3px var(--tone-bg); }
.svn-tile__live.svn-today--leaf .svn-today-badge__dot { animation: svn-pulse 2s infinite; }
.svn-quick .svn-tile--logo .svn-tile__live { background: var(--svn-sun); color: var(--svn-logo-deep); }
@media (max-width: 479.98px) {
	.svn-quick .svn-tile { min-height: 0; padding-bottom: 1.4rem; rotate: none; }
	.svn-quick .svn-tile__icon { width: 2.8rem; height: 2.8rem; font-size: 1.5rem; }
	.svn-tile__bg { font-size: 4.5rem; right: 3.2rem; }
	.svn-quick .svn-tile::before { height: 1.8rem; }
}
@media (prefers-reduced-motion: reduce) { .svn-quick .svn-tile:hover .svn-tile__icon { animation: none; } }

/* =====================================================================
   0.4.2 – Kacheln kräftig: satte Farbverläufe, Luftblasen, schwebender
   Symbol-Sticker, weiße Welle (Kontrast Text/Fläche ≥ 4,5:1)
   ===================================================================== */
.svn-quick .svn-tile {
	--tile-a: #1673BD; --tile-b: #39ACF4; --tile-ink: #fff;
	color: var(--tile-ink);
	background:
		radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .22) 0 1.6rem, transparent 1.65rem),
		radial-gradient(circle at 72% 8%, rgba(255, 255, 255, .16) 0 .55rem, transparent .6rem),
		radial-gradient(circle at 96% 42%, rgba(255, 255, 255, .14) 0 .8rem, transparent .85rem),
		linear-gradient(140deg, var(--tile-a) 0%, var(--tile-a) 45%, var(--tile-b) 100%);
	box-shadow: 0 14px 30px color-mix(in srgb, var(--tile-a) 35%, transparent), inset 0 0 0 2px rgba(255, 255, 255, .18);
}
.svn-quick .svn-tile--sun { --tile-a: #FFC83D; --tile-b: #FFB21A; --tile-ink: #3D2A00; }
.svn-quick .svn-tile--leaf { --tile-a: #18794A; --tile-b: #2FAE66; }
.svn-quick .svn-tile--logo { --tile-a: #24457F; --tile-b: #3059A4; }
.svn-quick .svn-tile .svn-tile__title a, .svn-quick .svn-tile .svn-tile__text { color: var(--tile-ink) !important; }
.svn-quick .svn-tile .svn-tile__text { opacity: .95; font-weight: 500; }
.svn-quick .svn-tile__title { font-size: clamp(1.35rem, 1.05rem + .8vw, 1.8rem); text-shadow: 0 2px 0 rgba(0, 0, 0, .08); }
/* Welle unten weiß */
.svn-quick .svn-tile::before, .svn-quick .svn-tile--logo::before { background: #fff; opacity: .2; }
/* Symbol-Sticker größer, schwebt */
.svn-quick .svn-tile__icon, .svn-quick .svn-tile--logo .svn-tile__icon {
	width: 4.3rem; height: 4.3rem; font-size: 2.4rem; background: #fff; rotate: -8deg;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .18), inset 0 0 0 4px color-mix(in srgb, var(--tile-b) 45%, #fff);
	animation: svn-float 4.5s ease-in-out infinite;
}
.svn-quick .svn-tile:nth-child(2) .svn-tile__icon { animation-delay: -1.2s; }
.svn-quick .svn-tile:nth-child(3) .svn-tile__icon { animation-delay: -2.4s; }
.svn-quick .svn-tile:nth-child(4) .svn-tile__icon { animation-delay: -3.4s; }
@keyframes svn-float { 50% { translate: 0 -5px; } }
.svn-quick .svn-tile:hover .svn-tile__icon { animation: svn-bounce .6s var(--svn-ease); }
.svn-tile__bg, .svn-quick .svn-tile--logo .svn-tile__bg { opacity: .22; filter: grayscale(1) brightness(3); font-size: 7.5rem; right: -1rem; top: auto; bottom: 1.2rem; rotate: -12deg; }
.svn-quick .svn-tile--sun .svn-tile__bg { filter: grayscale(1) brightness(1.6); opacity: .18; }
/* Pfeil-Knopf */
.svn-quick .svn-tile::after { background-color: #fff; box-shadow: 0 6px 14px rgba(0, 0, 0, .18); }
.svn-quick .svn-tile--sun::after { background-color: var(--svn-logo); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
/* Live-Sticker: weiß, auf der Sonnen-Kachel blau */
.svn-quick .svn-tile .svn-tile__live, .svn-quick .svn-tile--logo .svn-tile__live { background: #fff; color: var(--svn-ink); box-shadow: 0 6px 14px rgba(0, 0, 0, .16); }
.svn-quick .svn-tile--sun .svn-tile__live { background: var(--svn-logo); color: #fff; }
.svn-quick .svn-tile--sun .svn-tile__live strong { color: var(--svn-sun); }
.svn-quick .svn-tile .svn-tile__live.svn-today--leaf { color: #18794A; }
.svn-quick .svn-tile .svn-tile__live.svn-today--red { color: #C0392B; }
.svn-quick .svn-tile .svn-tile__live.svn-today--slate { color: #44546A; }
.svn-quick .svn-tile:hover, .svn-quick .svn-tile:focus-within { transform: translateY(-6px) scale(1.02); box-shadow: 0 22px 40px color-mix(in srgb, var(--tile-a) 45%, transparent); }
.svn-quick .svn-tile:focus-within { outline: 3px solid var(--svn-sun); outline-offset: 3px; }
@media (max-width: 479.98px) {
	.svn-quick .svn-tile__icon, .svn-quick .svn-tile--logo .svn-tile__icon { width: 3.2rem; height: 3.2rem; font-size: 1.7rem; }
	.svn-tile__bg { font-size: 5rem; right: 3rem; bottom: .4rem; }
}
@media (prefers-reduced-motion: reduce) { .svn-quick .svn-tile__icon { animation: none !important; } }

/* =====================================================================
   0.4.3 – Team-Seite (Vorstand & Co.): Personenkarten mit Initialen,
   Rollen-Pill, Aufgaben-Chips, freie Ämter, Team Rasen mit Robis
   ===================================================================== */
.svn-team-intro { font-size: var(--wp--preset--font-size--large); color: var(--svn-ink); }
.svn-team { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 1.25rem; margin-top: 1.25rem !important; }
.svn-person {
	--tone: var(--svn-splash); --tone-bg: var(--svn-splash-light);
	position: relative; display: flex; gap: 1rem; align-items: flex-start; padding: 1.25rem 1.25rem 1.35rem; border-radius: var(--svn-radius-l);
	background: #fff; box-shadow: 0 10px 28px rgba(34, 70, 140, .10), inset 0 0 0 2px var(--tone-bg); overflow: hidden; isolation: isolate;
	transition: transform .2s var(--svn-ease), box-shadow .2s var(--svn-ease);
}
.svn-person::before { content: ""; position: absolute; z-index: -1; right: -2.5rem; top: -2.5rem; width: 7.5rem; height: 7.5rem; border-radius: 50%; background: var(--tone-bg); }
.svn-person:hover { transform: translateY(-4px) rotate(-.4deg); box-shadow: 0 18px 36px rgba(34, 70, 140, .16), inset 0 0 0 2px var(--tone-bg); }
.svn-person--sun { --tone: #C98A00; --tone-bg: #FFF1C9; }
.svn-person--leaf { --tone: #18794A; --tone-bg: var(--wp--preset--color--leaf-light); }
.svn-person--logo { --tone: var(--svn-logo); --tone-bg: #E3EAF7; }
.svn-person__avatar {
	flex: none; display: grid; place-items: center; width: 4.6rem; height: 4.6rem; border-radius: 50%; rotate: -6deg;
	background: linear-gradient(140deg, var(--tone), color-mix(in srgb, var(--tone) 55%, #fff)); color: #fff;
	font-family: var(--wp--preset--font-family--display); font-size: 1.55rem; font-weight: 800; letter-spacing: .02em;
	box-shadow: 0 8px 18px color-mix(in srgb, var(--tone) 35%, transparent), inset 0 0 0 4px rgba(255, 255, 255, .35);
}
.svn-person__body { min-width: 0; }
.svn-person__body > * { margin: 0; }
.svn-person__role { display: inline-block; padding: .2rem .65rem; border-radius: 999px; background: var(--tone-bg); color: var(--tone); font-size: .78rem; font-weight: 800; letter-spacing: .02em; }
.svn-content .svn-person__name { margin-top: .45rem; font-size: 1.35rem; line-height: 1.2; color: var(--svn-logo); }
.svn-person__job { margin-top: .2rem !important; font-size: .9rem; color: var(--svn-muted); }
.svn-person__tasks { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .75rem !important; padding: 0; list-style: none; }
.svn-person__tasks li { margin: 0; padding: .2rem .6rem; border-radius: .5rem; background: #F2F6FC; color: var(--svn-ink); font-size: .8rem; font-weight: 600; }
.svn-person__tasks li::before { display: none; }
/* freies Amt */
.svn-person--open { background: repeating-linear-gradient(-45deg, #fff 0 14px, #FFF8E3 14px 28px); box-shadow: inset 0 0 0 2px #FFD66B; }
.svn-person--open .svn-person__avatar { background: #fff; color: #C98A00; box-shadow: inset 0 0 0 3px #FFC83D; }
.svn-person--open .svn-person__name { color: #8A5A00; }
.svn-person__cta { margin-top: .6rem !important; font-weight: 700; color: #8A5A00; }
/* Team Rasen */
.svn-team--robots { grid-template-columns: repeat(auto-fill, minmax(min(100%, 26rem), 1fr)); }
.svn-person--robot { flex-direction: column; align-items: stretch; padding: 0; background: linear-gradient(180deg, var(--tone-bg) 0 11rem, #fff 11rem); }
.svn-person--robot::before { display: none; }
.svn-person__pic { position: relative; height: 11rem; display: grid; place-items: center; margin: 0; }
.svn-person__pic::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1.2rem; background: #fff; -webkit-mask: url("../images/wave.svg") top / 50% 1.2rem repeat-x; mask: url("../images/wave.svg") top / 50% 1.2rem repeat-x; }
.svn-person__pic img { width: auto; height: 9.5rem; object-fit: contain; filter: drop-shadow(0 10px 12px rgba(34, 70, 140, .22)); transition: transform .4s var(--svn-ease); }
.svn-person--robot:hover .svn-person__pic img { transform: translateX(10px) rotate(-2deg); }
.svn-person--robot .svn-person__body { padding: .6rem 1.35rem 1.4rem; }
.svn-person__new { position: absolute; z-index: 2; top: .9rem; left: .9rem; padding: .3rem .7rem; border-radius: .6rem; background: var(--svn-sun); color: var(--svn-logo-deep); font-weight: 900; font-size: .8rem; rotate: -6deg; box-shadow: 0 6px 14px rgba(0, 0, 0, .14); }
.svn-person__story { margin-top: .75rem !important; line-height: 1.65; }
.svn-person__facts { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .85rem !important; padding: 0; list-style: none; }
.svn-person__facts li { margin: 0; padding: .25rem .7rem; border-radius: 999px; background: var(--tone); color: #fff; font-size: .8rem; font-weight: 800; }
.svn-person__facts li::before { display: none; }
@media (prefers-reduced-motion: reduce) { .svn-person, .svn-person__pic img { transition: none; } .svn-person:hover { transform: none; } }
.svn-team-section { margin-top: 2.75rem !important; }
.svn-team-section > h2 { margin: 0; }
.svn-content > .svn-team-intro + .svn-team-section { margin-top: 1.5rem !important; }
.svn-team-intro.alignwide { box-sizing: border-box; padding-right: max(0px, calc(100% - 48rem)); }
/* Steckbrief der Robis (kurz wie auf der alten Seite) */
.svn-steckbrief { display: grid; gap: .35rem; margin: .7rem 0 0 !important; }
.svn-steckbrief > div { display: grid; grid-template-columns: 6.5rem 1fr; gap: .75rem; padding-bottom: .35rem; border-bottom: 1px dashed color-mix(in srgb, var(--tone) 30%, transparent); }
.svn-steckbrief > div:last-child { border-bottom: 0; }
.svn-steckbrief dt { font-weight: 800; color: var(--tone); }
.svn-steckbrief dd { margin: 0; font-weight: 600; color: var(--svn-ink); }

/* =====================================================================
   0.4.4 – Team-Seite neu: breiter Kopf mit Lead, zweispaltiges Board ohne
   Leerflächen, große Karten mit farbigem Kopfband, Mitmach-Karte, Robis
   ===================================================================== */
.svn-pagehead__lead { margin-top: .9rem; max-width: 44rem; font-size: var(--wp--preset--font-size--large); color: var(--svn-ink); }
.svn-pagehead__lead p { margin: 0; }
.svn-pagehead--wide { background-image: radial-gradient(circle at 92% 30%, var(--svn-sun) 0 34px, transparent 35px), radial-gradient(circle at 86% 62%, rgba(57, 172, 244, .35) 0 18px, transparent 19px), radial-gradient(circle at 97% 72%, rgba(47, 174, 102, .3) 0 12px, transparent 13px); }
.svn-content--board { padding-top: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--60); }

.svn-team-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.25rem 1.75rem; align-items: stretch; }
@media (max-width: 899.98px) { .svn-team-board { grid-template-columns: minmax(0, 1fr); } }
.svn-team-board .svn-team-section { display: flex; flex-direction: column; margin: 0 !important; }
.svn-team-board .svn-team-section--full { grid-column: 1 / -1; }
.svn-team-board .svn-team { flex: 1; margin-top: .9rem !important; gap: 1.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.svn-team-board .svn-team-section:not(.svn-team-section--full) .svn-team { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 899.98px) { .svn-team-board .svn-team { grid-template-columns: minmax(0, 1fr); } }
.svn-team-h { display: flex; align-items: center; gap: .7rem; margin: 0 !important; font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); line-height: 1.1; }
.svn-team-h__icon { display: grid; place-items: center; flex: none; width: 2.9rem; height: 2.9rem; border-radius: 50%; font-size: 1.45rem; background: #fff; rotate: -8deg; box-shadow: 0 6px 14px rgba(34, 70, 140, .14), inset 0 0 0 3px var(--svn-splash-light); }

/* Personenkarte groß mit Kopfband */
.svn-team-board .svn-person {
	--tone-a: #1673BD; --tone-b: #39ACF4;
	flex-direction: column; gap: 0; padding: 0; min-height: 100%; background: #fff; border-radius: 1.6rem;
	box-shadow: 0 16px 36px rgba(34, 70, 140, .12); overflow: hidden;
}
.svn-team-board .svn-person::before { display: none; }
.svn-team-board .svn-person--logo { --tone-a: #24457F; --tone-b: #3059A4; }
.svn-team-board .svn-person--leaf { --tone-a: #18794A; --tone-b: #2FAE66; }
.svn-team-board .svn-person--sun { --tone-a: #E9A400; --tone-b: #FFC83D; }
.svn-person__band {
	position: relative; height: 6rem; display: flex; justify-content: flex-end; align-items: flex-start; padding: 1rem 1.2rem;
	background:
		radial-gradient(circle at 18% 120%, rgba(255, 255, 255, .18) 0 3.2rem, transparent 3.25rem),
		radial-gradient(circle at 62% 30%, rgba(255, 255, 255, .16) 0 .7rem, transparent .75rem),
		radial-gradient(circle at 74% 78%, rgba(255, 255, 255, .14) 0 1.1rem, transparent 1.15rem),
		linear-gradient(120deg, var(--tone-a), var(--tone-b));
}
.svn-person__band::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1.1rem; background: #fff; -webkit-mask: url("../images/wave.svg") top / 40% 1.1rem repeat-x; mask: url("../images/wave.svg") top / 40% 1.1rem repeat-x; }
.svn-team-board .svn-person__role { position: relative; z-index: 1; background: #fff; color: var(--tone-a); font-size: .85rem; padding: .35rem .85rem; rotate: 2deg; box-shadow: 0 6px 14px rgba(0, 0, 0, .15); }
.svn-team-board .svn-person--sun .svn-person__role { color: #8A5A00; }
.svn-team-board .svn-person__avatar {
	position: absolute; z-index: 2; top: 2.6rem; left: 1.4rem; width: 5.6rem; height: 5.6rem; font-size: 1.9rem; rotate: -6deg;
	background: linear-gradient(140deg, var(--tone-a), var(--tone-b)); box-shadow: 0 10px 22px rgba(34, 70, 140, .25), 0 0 0 5px #fff;
}
.svn-team-board .svn-person--sun .svn-person__avatar { color: #3D2A00; }
.svn-team-board .svn-person__body { padding: .6rem 1.5rem 1.6rem 8.2rem; min-height: 6rem; }
.svn-team-board .svn-person__name { margin-top: 0 !important; font-size: clamp(1.35rem, 1.15rem + .6vw, 1.7rem); }
.svn-team-board .svn-person__job { font-size: .95rem; }
.svn-team-board .svn-person__tasks { margin-top: 1rem !important; gap: .45rem; }
.svn-team-board .svn-person__tasks li { padding: .35rem .75rem; border-radius: 999px; font-size: .85rem; background: color-mix(in srgb, var(--tone-b) 14%, #fff); color: var(--svn-ink); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tone-b) 30%, transparent); }
.svn-team-board .svn-person:hover { transform: translateY(-5px) rotate(-.4deg); box-shadow: 0 24px 44px rgba(34, 70, 140, .18); }
@media (max-width: 479.98px) {
	.svn-team-board .svn-person__avatar { width: 4.4rem; height: 4.4rem; font-size: 1.5rem; top: 3.2rem; left: 1.1rem; }
	.svn-team-board .svn-person__body { padding: 3.6rem 1.2rem 1.4rem; }
}
/* freies Amt */
.svn-team-board .svn-person--open { --tone-a: #FFC83D; --tone-b: #FFE08A; box-shadow: 0 16px 36px rgba(201, 138, 0, .16); background: repeating-linear-gradient(-45deg, #fff 0 16px, #FFF8E3 16px 32px); }
.svn-team-board .svn-person--open .svn-person__band { background: repeating-linear-gradient(-45deg, #FFC83D 0 16px, #FFD56A 16px 32px); }
.svn-team-board .svn-person--open .svn-person__band::after { background: #FFFDF6; }
.svn-team-board .svn-person--open .svn-person__avatar { background: #fff; color: #C98A00; font-size: 2.4rem; box-shadow: 0 10px 22px rgba(201, 138, 0, .25), 0 0 0 5px #fff, inset 0 0 0 4px #FFC83D; }
.svn-team-board .svn-person--open .svn-person__role { color: #8A5A00; }
/* Mitmach-Karte */
.svn-join-card {
	position: relative; flex: 1; display: flex; flex-direction: column; justify-content: center; gap: .6rem; margin-top: .9rem; padding: 2rem 2rem 2.2rem;
	border-radius: 1.6rem; overflow: hidden; isolation: isolate; color: #fff;
	background: radial-gradient(circle at 92% 12%, rgba(255, 255, 255, .18) 0 2.6rem, transparent 2.65rem), radial-gradient(circle at 80% 90%, rgba(255, 200, 61, .5) 0 4rem, transparent 4.05rem), linear-gradient(135deg, #24457F, #3059A4 60%, #39ACF4);
	box-shadow: 0 16px 36px rgba(36, 69, 127, .3);
}
.svn-join-card > * { margin: 0 !important; }
.svn-join-card__emoji { position: absolute; z-index: -1; right: 1.2rem; bottom: .4rem; font-size: 6rem; rotate: 12deg; opacity: .9; }
.svn-join-card__title { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: clamp(1.4rem, 1.15rem + .7vw, 1.8rem); line-height: 1.15; max-width: 22rem; }
.svn-join-card__text { max-width: 26rem; color: rgba(255, 255, 255, .95); }
.svn-join-card a { align-self: flex-start; margin-top: .5rem !important; padding: .7rem 1.3rem; border-radius: 999px; background: var(--svn-sun); color: var(--svn-logo-deep); font-weight: 800; text-decoration: none; box-shadow: 0 6px 0 #D9A21E; transition: transform .2s var(--svn-ease); }
.svn-join-card a:hover { transform: translateY(-2px); }
/* Robis im Board */
.svn-team-board .svn-person--robot { background: #fff; }
.svn-team-board .svn-person--robot .svn-person__pic { height: 15rem; background: radial-gradient(circle at 50% 120%, rgba(255, 255, 255, .45) 0 9rem, transparent 9.05rem), linear-gradient(120deg, var(--tone-a), var(--tone-b)); }
.svn-team-board .svn-person--robot .svn-person__pic img { height: 13rem; filter: drop-shadow(0 16px 14px rgba(0, 0, 0, .28)); }
.svn-team-board .svn-person--robot .svn-person__body { padding: 1rem 1.6rem 1.6rem; }
.svn-team-board .svn-person--robot .svn-steckbrief dt { color: var(--tone-a); }
.svn-team-board .svn-person--robot.svn-person--sun .svn-steckbrief dt { color: #A86F00; }
.svn-team-board .svn-person__new { top: 1rem; left: 1rem; font-size: .9rem; }
@media (prefers-reduced-motion: reduce) { .svn-team-board .svn-person:hover { transform: none; } }
/* 0.4.4 Feinschliff nach Sichtprüfung */
.svn-pagehead--wide .svn-pagehead__lead { margin-left: 0 !important; margin-right: auto !important; }
.svn-content--board { padding-top: var(--wp--preset--spacing--30); }
.svn-team-board .svn-person { align-items: stretch; }
.svn-team-board .svn-person__band { justify-content: flex-start; padding-left: 8.2rem; }
@media (max-width: 479.98px) { .svn-team-board .svn-person__band { padding-left: 6.4rem; } }
.svn-team-board .svn-person--robot .svn-person__pic {
	height: 17rem; padding: 1.5rem 1.5rem 2rem;
	background: radial-gradient(ellipse 42% 12% at 50% 84%, color-mix(in srgb, var(--tone-a) 22%, transparent), transparent 70%), radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--tone-b) 45%, #fff) 0 7.5rem, transparent 7.55rem), radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--tone-b) 35%, #fff) 0 1.4rem, transparent 1.45rem), radial-gradient(circle at 88% 30%, color-mix(in srgb, var(--tone-b) 30%, #fff) 0 .8rem, transparent .85rem), color-mix(in srgb, var(--tone-b) 16%, #fff);
}
.svn-team-board .svn-person--robot .svn-person__pic img { width: auto; max-width: 88%; height: auto; max-height: 13.5rem; filter: drop-shadow(0 14px 12px rgba(0, 0, 0, .18)); }
.svn-pagehead--wide .svn-pagehead__lead { max-width: var(--wp--style--global--wide-size, 1200px) !important; margin-left: auto !important; margin-right: auto !important; }
.svn-pagehead--wide .svn-pagehead__lead p { max-width: 46rem; }
@media (max-width: 479.98px) { .svn-team-board .svn-person__body { padding-top: 2.6rem; } }
/* Robi-Bühne: weißes Podest, damit die hellen Produktschatten mit dem Boden verschmelzen */
.svn-team-board .svn-person--robot .svn-person__pic {
	background:
		radial-gradient(ellipse 40% 15% at 50% 86%, #fff 0 60%, transparent 100%),
		radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--tone-b) 50%, #fff) 0 6.5rem, transparent 6.55rem),
		radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--tone-b) 38%, #fff) 0 1.4rem, transparent 1.45rem),
		radial-gradient(circle at 88% 30%, color-mix(in srgb, var(--tone-b) 34%, #fff) 0 .8rem, transparent .85rem),
		radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--tone-b) 30%, #fff) 0 .5rem, transparent .55rem),
		color-mix(in srgb, var(--tone-b) 18%, #fff);
}
.svn-team-board .svn-person--robot .svn-person__pic { place-items: end center; padding: 1.25rem 1.5rem 1.9rem; background-size: auto; }
.svn-team-board .svn-person--robot .svn-person__pic { background-image:
		radial-gradient(ellipse 46% 17% at 50% 82%, #fff 0 55%, rgba(255, 255, 255, 0) 100%),
		radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--tone-b) 50%, #fff) 0 6.5rem, transparent 6.55rem),
		radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--tone-b) 38%, #fff) 0 1.4rem, transparent 1.45rem),
		radial-gradient(circle at 88% 30%, color-mix(in srgb, var(--tone-b) 34%, #fff) 0 .8rem, transparent .85rem); }

/* 0.4.5 Mitgliedschaften: Tarifkarten aus der zentralen Gebührenverwaltung */
.svn-tariffs { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1.2rem; margin: 1rem 0 0; }
.svn-tariff { --tone-a: #24457F; --tone-b: #3059A4; position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; gap: .35rem; padding: 1.5rem 1.5rem 1.6rem; border-radius: 1.4rem; color: #fff; background: radial-gradient(circle at 88% 14%, rgba(255, 255, 255, .18) 0 2.2rem, transparent 2.25rem), linear-gradient(135deg, var(--tone-a), var(--tone-b)); box-shadow: 0 14px 30px rgba(36, 69, 127, .22); transition: transform .3s var(--svn-ease); }
.svn-tariff:hover { transform: translateY(-4px); }
.svn-tariff > * { margin: 0 !important; }
.svn-tariff--leaf { --tone-a: #18794A; --tone-b: #2FAE66; }
.svn-tariff--splash { --tone-a: #1673BD; --tone-b: #39ACF4; }
.svn-tariff--sun { --tone-a: #FFC83D; --tone-b: #FFD86B; color: #3D2A00; box-shadow: 0 14px 30px rgba(168, 111, 0, .22); }
.svn-tariff__emoji { position: absolute; z-index: -1; right: .8rem; bottom: -.2rem; font-size: 4.6rem; opacity: .35; rotate: 10deg; }
.svn-tariff__name { font-family: var(--wp--preset--font-family--display); font-size: 1.2rem; font-weight: 800; line-height: 1.2; color: inherit; }
.svn-tariff__price strong { font-family: var(--wp--preset--font-family--display); font-size: clamp(2.2rem, 1.8rem + 1vw, 2.8rem); font-weight: 800; line-height: 1.05; }
.svn-tariff__price span { font-weight: 600; opacity: .9; }
.svn-tariff__note { font-size: .95rem; opacity: .95; }
.svn-tariff__social { align-self: flex-start; margin-top: .5rem !important; padding: .3rem .8rem; border-radius: 999px; background: rgba(255, 255, 255, .22); font-size: .92rem; }
.svn-tariff--sun .svn-tariff__social { background: rgba(255, 255, 255, .55); }
.svn-tariffs__paused { margin: 1rem 0 0; padding: 1rem 1.2rem; border-radius: 1rem; background: var(--wp--preset--color--sun-light); border-left: .4rem solid var(--wp--preset--color--sun); }
.svn-tariffs__fallback { margin: 1rem 0 0; padding: 1rem 1.2rem; border-radius: 1rem; background: var(--wp--preset--color--splash-soft); }
.svn-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.2rem; }
.svn-info { padding: 1.4rem 1.5rem; border-radius: 1.3rem; background: #fff; border: 2px solid var(--wp--preset--color--line); }
.svn-info > * { margin: 0 0 .5rem !important; }
.svn-info > :last-child { margin-bottom: 0 !important; }
.svn-info__title { font-family: var(--wp--preset--font-family--display); font-size: 1.15rem; font-weight: 800; color: var(--wp--preset--color--logo-deep); }
.svn-steps { counter-reset: svnstep; list-style: none; padding: 0 !important; display: grid; gap: .8rem; }
.svn-steps li { counter-increment: svnstep; position: relative; padding: .9rem 1rem .9rem 3.6rem; border-radius: 1rem; background: var(--wp--preset--color--splash-soft); }
.svn-steps li::before { content: counter(svnstep); position: absolute; left: .9rem; top: 50%; translate: 0 -50%; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; background: var(--wp--preset--color--logo); color: #fff; font-weight: 800; }
@media (prefers-reduced-motion: reduce) { .svn-tariff { transition: none; } .svn-tariff:hover { transform: none; } }

/* 0.4.6 Sprungmarken unter dem festen Kopf sichtbar */
html { scroll-padding-top: 7.5rem; }
@media (max-width: 781px) { html { scroll-padding-top: 6rem; } }

/* 0.4.6 Satzung: Kapitel-Bänder, Paragrafen-Karten, mitlaufendes Inhaltsverzeichnis */
.svn-satzung { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: 2rem; align-items: start; }
.svn-satzung__toc { position: sticky; top: 7.5rem; max-height: calc(100vh - 9rem); overflow: auto; padding: 1.2rem 1.1rem; border-radius: 1.3rem; background: #fff; border: 2px solid var(--wp--preset--color--line); font-size: .95rem; }
.svn-satzung__toc-title { margin: 0 0 .6rem !important; font-family: var(--wp--preset--font-family--display); font-weight: 800; color: var(--wp--preset--color--logo-deep); }
.svn-satzung__toc ol, .svn-satzung__toc ul { list-style: none; margin: 0; padding: 0; }
.svn-satzung__toc > ol > li { margin: 0 0 .7rem; }
.svn-satzung__toc > ol > li > a { display: flex; gap: .5rem; align-items: baseline; font-weight: 800; color: var(--wp--preset--color--ink); text-decoration: none; }
.svn-satzung__toc > ol > li > a span { flex: none; min-width: 1.9rem; padding: .05rem .4rem; border-radius: .5rem; background: var(--wp--preset--color--logo); color: #fff; font-size: .8rem; text-align: center; }
.svn-satzung__toc ul { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .45rem; }
.svn-satzung__toc ul a { display: inline-block; padding: .15rem .55rem; border-radius: 999px; background: var(--wp--preset--color--splash-soft); color: var(--wp--preset--color--logo-deep); font-size: .82rem; font-weight: 700; text-decoration: none; }
.svn-satzung__toc a:hover, .svn-satzung__toc a:focus-visible { text-decoration: underline; }
.svn-satzung__toc ul a:hover { background: var(--wp--preset--color--sun); text-decoration: none; }
.svn-satzung__body > * + * { margin-top: 1.6rem; }
.svn-satzung__facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .8rem; }
.svn-satzung__facts li { display: flex; flex-direction: column; gap: .1rem; padding: 1rem 1.1rem; border-radius: 1.1rem; background: linear-gradient(135deg, #24457F, #3059A4 60%, #39ACF4); color: #fff; box-shadow: 0 10px 24px rgba(36, 69, 127, .2); }
.svn-satzung__facts li:nth-child(2) { background: linear-gradient(135deg, #18794A, #2FAE66); }
.svn-satzung__facts li:nth-child(3) { background: linear-gradient(135deg, #1673BD, #39ACF4); }
.svn-satzung__facts li:nth-child(4) { background: linear-gradient(135deg, #FFC83D, #FFD86B); color: #3D2A00; }
.svn-satzung__facts span { font-size: 1.6rem; line-height: 1; }
.svn-satzung__facts strong { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; opacity: .9; }
.svn-satzung__meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; color: var(--wp--preset--color--muted); font-size: .95rem; }
.svn-satzung__stamp { display: inline-block; padding: .3rem .8rem; border: 2px dashed var(--wp--preset--color--logo); border-radius: .6rem; color: var(--wp--preset--color--logo-deep); font-weight: 800; rotate: -2deg; background: var(--wp--preset--color--sun-light); }
.svn-chapter { --tone-a: #24457F; --tone-b: #3059A4; --tone-soft: var(--wp--preset--color--splash-soft); }
.svn-chapter--leaf { --tone-a: #18794A; --tone-b: #2FAE66; --tone-soft: var(--wp--preset--color--leaf-light); }
.svn-chapter--splash { --tone-a: #1673BD; --tone-b: #39ACF4; --tone-soft: var(--wp--preset--color--splash-light); }
.svn-chapter__title { position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem !important; padding: 1.1rem 1.4rem; border-radius: 1.3rem; background: linear-gradient(120deg, var(--tone-a), var(--tone-b)); color: #fff !important; font-size: clamp(1.35rem, 1.1rem + .8vw, 1.8rem); box-shadow: 0 12px 26px rgba(22, 48, 79, .18); }
.svn-chapter__num { position: absolute; z-index: -1; right: 1rem; top: 50%; translate: 0 -50%; font-size: 5.5rem; font-weight: 800; opacity: .16; line-height: 1; }
.svn-chapter__emoji { display: grid; place-items: center; flex: none; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: rgba(255, 255, 255, .22); font-size: 1.35rem; }
.svn-chapter__paras { display: grid; gap: .9rem; }
.svn-para { position: relative; padding: 1.2rem 1.4rem 1.2rem 5.2rem; border-radius: 1.2rem; background: #fff; border: 2px solid var(--wp--preset--color--line); transition: border-color .2s, box-shadow .2s; }
.svn-para:hover { border-color: var(--tone-b); box-shadow: 0 10px 22px rgba(22, 48, 79, .08); }
.svn-para--plain { padding-left: 1.4rem; background: var(--tone-soft); }
.svn-para__badge { position: absolute; left: 1rem; top: 1.1rem; margin: 0 !important; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 1rem; background: var(--tone-soft); color: var(--tone-a) !important; font-size: 1rem !important; font-weight: 800; rotate: -4deg; }
.svn-para:has(:target) { border-color: var(--wp--preset--color--sun); box-shadow: 0 0 0 4px var(--wp--preset--color--sun-light); }
.svn-para__text > * { margin: 0 0 .6rem !important; }
.svn-para__text > :last-child { margin-bottom: 0 !important; }
.svn-para__list { padding-left: 1.2rem; }
.svn-para__list li::marker { color: var(--tone-b); }
.svn-para__list ul { margin: .3rem 0 0; padding-left: 1.1rem; }
@media (max-width: 960px) {
	.svn-satzung { grid-template-columns: 1fr; }
	.svn-satzung__toc { position: static; max-height: none; }
}
@media (max-width: 600px) {
	.svn-para { padding: 3.9rem 1.1rem 1.1rem; }
	.svn-para--plain { padding-top: 1.1rem; }
	.svn-para__badge { top: .9rem; left: 1rem; width: auto; height: auto; padding: .35rem .8rem; }
}
@media (prefers-reduced-motion: reduce) { .svn-para { transition: none; } }
.svn-chapter__h { margin: 0 !important; color: inherit !important; font-size: inherit !important; line-height: 1.2; }
/* 0.4.6 Foto-Karten im Board (z. B. „Kann ich helfen?“): Bild füllt die Kachel */
.svn-team-board .svn-person--photo .svn-person__pic { display: block; height: 12rem; padding: 0; overflow: hidden; background: var(--wp--preset--color--splash-soft); }
.svn-team-board .svn-person--photo .svn-person__pic img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: 50% 30%; filter: none; border-radius: 0; }
.svn-team-board .svn-person--photo:hover .svn-person__pic img { transform: none; }
.svn-team-board .svn-person--wide { grid-column: 1 / -1; }
.svn-team-board .svn-person--wide .svn-person__pic { height: auto; aspect-ratio: 3 / 2; }
.svn-team-board .svn-person--wide .svn-person__pic img { object-position: 50% 50%; }
@media (min-width: 782px) {
	.svn-team-board .svn-person--wide { flex-direction: row; align-items: stretch; }
	.svn-team-board .svn-person--wide .svn-person__pic { flex: 0 0 52%; }
	.svn-team-board .svn-person--wide .svn-person__pic::after { display: none; }
	.svn-team-board .svn-person--wide .svn-person__body { align-self: center; padding: 1.6rem 2rem; }
}
/* 0.4.6 „Kann ich helfen?“: Ansprech-Hinweis statt Formular-Button, Einstieg-Karten */
.svn-person__talk { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1rem !important; padding: .45rem 1rem; border-radius: 999px; background: var(--wp--preset--color--sun-light); color: var(--wp--preset--color--ink); font-weight: 700; }
.svn-person__talk span { display: inline-block; animation: svn-wave 2.4s ease-in-out infinite; transform-origin: 70% 80%; }
.svn-person__talk a { color: var(--wp--preset--color--logo-deep); }
@keyframes svn-wave { 0%, 60%, 100% { rotate: 0deg; } 10%, 30% { rotate: 16deg; } 20%, 40% { rotate: -8deg; } }
.svn-start { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1.2rem; }
.svn-start__card { position: relative; overflow: hidden; isolation: isolate; padding: 1.8rem 1.8rem 1.9rem; border-radius: 1.6rem; color: #fff; box-shadow: 0 16px 36px rgba(36, 69, 127, .25); }
.svn-start__card > * { margin: 0 0 .7rem !important; max-width: 30rem; }
.svn-start__card > :last-child { margin-bottom: 0 !important; }
.svn-start__card--talk { background: radial-gradient(circle at 85% 85%, rgba(255, 255, 255, .25) 0 4rem, transparent 4.05rem), linear-gradient(135deg, #FFB800, #FFC83D 55%, #FFD86B); color: #3D2A00; box-shadow: 0 16px 36px rgba(168, 111, 0, .25); }
.svn-start__card--app { background: radial-gradient(circle at 90% 10%, rgba(255, 255, 255, .18) 0 3rem, transparent 3.05rem), linear-gradient(135deg, #24457F, #3059A4 60%, #39ACF4); }
.svn-start__card--app a { color: #fff; }
.svn-start__emoji { position: absolute; z-index: -1; right: 1rem; bottom: .2rem; font-size: 6.5rem; rotate: 10deg; opacity: .3; }
.svn-start__title { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: clamp(1.4rem, 1.15rem + .7vw, 1.8rem); line-height: 1.15; }
.svn-start__note { font-size: .95rem; opacity: .9; }
.svn-start .svn-badges { display: flex; flex-wrap: wrap; gap: .6rem; }
.svn-start .svn-badge img { height: 40px; width: auto; display: block; }
@media (prefers-reduced-motion: reduce) { .svn-person__talk span { animation: none; } }

/* ==========================================================================
   0.4.7 Mitgliedsantrag: Theme-Skin für [svn_membership_application]
   Markup + Logik kommen aus dem App-Backend-Plugin (assets/membership-*.js/.css);
   hier nur die Optik. Jede Regel ist um „body .svn-ma“ eine Stufe spezifischer
   als die Plugin-Regel, damit die Ladereihenfolge egal ist.
   ========================================================================== */
body .svn-ma {
	--svn-blue: var(--wp--preset--color--logo-deep);
	--svn-sky: var(--wp--preset--color--splash);
	--svn-ink: var(--wp--preset--color--ink);
	--svn-muted: var(--wp--preset--color--muted);
	--svn-line: var(--wp--preset--color--line);
	--svn-soft: var(--wp--preset--color--splash-soft);
	--svn-success: var(--wp--preset--color--leaf-deep);
	max-width: 1080px;
}
body .svn-ma .svn-ma__hero { border-radius: 1.6rem 1.6rem 0 0; padding: clamp(1.4rem, 3.5vw, 2.4rem) clamp(1.2rem, 4vw, 2.6rem) clamp(1.6rem, 3.5vw, 2.4rem); background: radial-gradient(circle at 93% 16%, var(--wp--preset--color--sun) 0 2.6rem, transparent 2.65rem), radial-gradient(circle at 84% 40%, rgba(57, 172, 244, .7) 0 1rem, transparent 1.05rem), radial-gradient(circle at 98% 34%, rgba(47, 174, 102, .8) 0 .6rem, transparent .65rem), linear-gradient(135deg, #1E3D78, #3059A4 55%, #2F8FD8); }
body .svn-ma .svn-ma__hero::after { top: auto; right: -4rem; bottom: -9rem; width: 16rem; height: 16rem; background: rgba(255, 255, 255, .08); }
body .svn-ma .svn-ma__hero .svn-ma__eyebrow { color: var(--wp--preset--color--sun); }
body .svn-ma .svn-ma__hero h2 { font-family: var(--wp--preset--font-family--display); font-weight: 800; max-width: 80%; }
body .svn-ma .svn-ma__process li { border-radius: 1.1rem; background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .26); backdrop-filter: blur(2px); }
body .svn-ma .svn-ma__process-number { background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); }
body .svn-ma .svn-ma__process li:nth-child(3) { background: rgba(255, 200, 61, .16); border-color: rgba(255, 200, 61, .55); }
body .svn-ma .svn-ma__app { border: 0; border-radius: 0 0 1.6rem 1.6rem; box-shadow: 0 24px 54px rgba(36, 69, 127, .14); }
body .svn-ma .svn-ma__loading span { border-top-color: var(--wp--preset--color--splash); }

/* Schritte */
body .svn-ma .svn-ma__steps { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(2.75rem, 1fr); }
body .svn-ma .svn-ma__steps li { color: var(--wp--preset--color--muted); }
body .svn-ma .svn-ma__steps li::before { top: 19px; height: 3px; border-radius: 3px; background: var(--wp--preset--color--line); }
body .svn-ma .svn-ma__steps li.done::before,
body .svn-ma .svn-ma__steps li.active::before { background: var(--wp--preset--color--leaf); }
body .svn-ma .svn-ma__steps span { width: 40px; height: 40px; border-width: 3px; font-weight: 800; transition: transform .25s var(--svn-ease, ease); }
body .svn-ma .svn-ma__steps .active { color: var(--wp--preset--color--logo-deep); }
body .svn-ma .svn-ma__steps .active span { background: var(--wp--preset--color--logo); border-color: var(--wp--preset--color--logo); color: #fff; box-shadow: 0 0 0 6px var(--wp--preset--color--sun-light); transform: scale(1.08); }
body .svn-ma .svn-ma__steps .done { color: var(--wp--preset--color--leaf-deep); }
body .svn-ma .svn-ma__steps .done span { background: var(--wp--preset--color--leaf); border-color: var(--wp--preset--color--leaf); color: #fff; font-size: 0; }
body .svn-ma .svn-ma__steps .done span::after { content: "✓"; font-size: 1.05rem; }

/* Abschnittsüberschriften mit Symbol */
body .svn-ma .svn-ma__panel > h3 { display: flex; align-items: center; gap: .7rem; font-family: var(--wp--preset--font-family--display); font-weight: 800; color: var(--wp--preset--color--logo-deep); }
body .svn-ma .svn-ma__panel > h3::before { flex: 0 0 auto; display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: .9rem; background: var(--wp--preset--color--sun-light); font-size: 1.35rem; rotate: -6deg; }
body .svn-ma [data-step="tariff"] > h3::before { content: "🏊"; }
body .svn-ma [data-step="person"] > h3::before { content: "🙋"; }
body .svn-ma [data-step="family"] > h3::before { content: "🏡"; background: var(--wp--preset--color--leaf-light); }
body .svn-ma [data-step="bank"] > h3::before { content: "🏦"; background: var(--wp--preset--color--splash-light); }
body .svn-ma [data-step="consents"] > h3::before { content: "✍️"; }
body .svn-ma [data-step="review"] > h3::before { content: "🔍"; background: var(--wp--preset--color--splash-light); }

/* Tarifkarten */
body .svn-ma .svn-ma__tariffs { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
body .svn-ma .svn-ma__tariff { --tone: var(--wp--preset--color--logo); --tone-a: #24457F; --tone-b: #3059A4; --tone-ink: #fff; }
body .svn-ma .svn-ma__tariff:nth-child(4n+2) { --tone: var(--wp--preset--color--splash); --tone-a: #1673BD; --tone-b: #39ACF4; }
body .svn-ma .svn-ma__tariff:nth-child(4n+3) { --tone: var(--wp--preset--color--leaf); --tone-a: #18794A; --tone-b: #2FAE66; }
body .svn-ma .svn-ma__tariff:nth-child(4n+4) { --tone: #E5A800; --tone-a: #FFC83D; --tone-b: #FFD86B; --tone-ink: #3D2A00; }
body .svn-ma .svn-ma__tariff > span { position: relative; overflow: hidden; align-content: start; padding-bottom: 2.6rem !important; border: 2px solid var(--wp--preset--color--line); border-radius: 1.2rem; padding: 1.35rem 1.3rem 1.2rem; background: #fff; box-shadow: inset 0 5px 0 var(--tone); transition: transform .25s var(--svn-ease, ease), box-shadow .25s, border-color .25s, background .25s; }
body .svn-ma .svn-ma__tariff:hover > span { transform: translateY(-3px); border-color: var(--tone); box-shadow: inset 0 5px 0 var(--tone), 0 12px 26px rgba(36, 69, 127, .12); }
body .svn-ma .svn-ma__tariff strong { font-family: var(--wp--preset--font-family--display); font-size: 1.12rem; color: var(--wp--preset--color--ink); }
body .svn-ma .svn-ma__tariff b { font-family: var(--wp--preset--font-family--display); font-size: clamp(1.7rem, 1.4rem + .8vw, 2.1rem); font-weight: 800; line-height: 1.1; color: var(--tone-a); }
body .svn-ma .svn-ma__tariff:nth-child(4n+4) b { color: #8A5D00; }
body .svn-ma .svn-ma__tariff input:checked + span { border-color: transparent; color: var(--tone-ink); background: radial-gradient(circle at 88% 82%, rgba(255, 255, 255, .2) 0 2.6rem, transparent 2.65rem), linear-gradient(135deg, var(--tone-a), var(--tone-b)); box-shadow: 0 14px 30px rgba(36, 69, 127, .25); transform: translateY(-3px); }
body .svn-ma .svn-ma__tariff input:checked + span :is(strong, b, small, em) { color: inherit; }
body .svn-ma .svn-ma__tariff input:checked + span::after { content: "✓ Gewählt"; position: absolute; right: .9rem; bottom: .9rem; padding: .25rem .65rem; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font-size: .8rem; font-weight: 800; }
body .svn-ma .svn-ma__tariff:nth-child(4n+4) input:checked + span::after { background: #fff; }
body .svn-ma .svn-ma__tariff input:focus-visible + span { outline: 3px solid var(--wp--preset--color--sun); outline-offset: 3px; }

/* Felder */
body .svn-ma .svn-ma__field { color: var(--wp--preset--color--ink); }
body .svn-ma .svn-ma__field input,
body .svn-ma .svn-ma__field select { border: 1.5px solid #C3D7E8; border-radius: .9rem; background-color: var(--wp--preset--color--splash-soft); transition: border-color .2s, box-shadow .2s, background-color .2s; }
body .svn-ma .svn-ma__field input:hover,
body .svn-ma .svn-ma__field select:hover { border-color: var(--wp--preset--color--splash); }
body .svn-ma .svn-ma__field input:focus,
body .svn-ma .svn-ma__field select:focus { background-color: #fff; border-color: var(--wp--preset--color--logo); box-shadow: 0 0 0 4px rgba(57, 172, 244, .22); }
body .svn-ma .svn-ma__field select { background-image: linear-gradient(45deg, transparent 50%, var(--wp--preset--color--logo) 50%), linear-gradient(135deg, var(--wp--preset--color--logo) 50%, transparent 50%); background-position: calc(100% - 1.15rem) 52%, calc(100% - .8rem) 52%; background-size: .35rem .35rem; background-repeat: no-repeat; padding-right: 2.2rem; }
body .svn-ma .svn-ma__field input[aria-invalid="true"] { background-color: #FFF8F7; }
body .svn-ma .svn-ma__suggest { border-radius: .9rem; border-color: var(--wp--preset--color--line); }
body .svn-ma .svn-ma__bank-status { border-radius: .9rem; background: var(--wp--preset--color--splash-light); }

/* Familie */
body .svn-ma .svn-ma__family { border: 0; border-radius: 1.2rem; background: var(--wp--preset--color--leaf-light); padding: 1.1rem 1.2rem 1.25rem; }
body .svn-ma .svn-ma__family h4 { font-family: var(--wp--preset--font-family--display); color: var(--wp--preset--color--leaf-deep); }
body .svn-ma .svn-ma__family .svn-ma__field input { background-color: #fff; }
body .svn-ma .svn-ma__add { margin-top: .3rem; padding: .65rem 1.2rem; border: 2px dashed var(--wp--preset--color--leaf); border-radius: 999px; color: var(--wp--preset--color--leaf-deep); }
body .svn-ma .svn-ma__add:hover { background: var(--wp--preset--color--leaf-light); }

/* Bestätigungen */
body .svn-ma .svn-ma__consents label { border: 1.5px solid var(--wp--preset--color--line); border-radius: 1.1rem; background: #fff; transition: background .2s, border-color .2s; }
body .svn-ma .svn-ma__consents label:hover { border-color: var(--wp--preset--color--splash); }
body .svn-ma .svn-ma__consents label:has(input:checked) { background: var(--wp--preset--color--leaf-light); border-color: var(--wp--preset--color--leaf); }
body .svn-ma .svn-ma__consents input { accent-color: var(--wp--preset--color--leaf-deep); }
body .svn-ma .svn-ma__consents a { color: var(--wp--preset--color--logo); }
body .svn-ma .svn-ma__minor { border-radius: 1.2rem; background: var(--wp--preset--color--sun-light); border-color: #F2D68B; }
body .svn-ma .svn-ma__minor-check { border-radius: 1rem; transition: background .2s, border-color .2s; }
body .svn-ma .svn-ma__minor-check:has(input:checked) { background: var(--wp--preset--color--leaf-light); border-color: var(--wp--preset--color--leaf); }
body .svn-ma .svn-ma__minor-check input { accent-color: var(--wp--preset--color--leaf-deep); }

/* Prüfen */
body .svn-ma .svn-ma__review > div { border-radius: 1.1rem; background: var(--wp--preset--color--splash-soft); border-left: 5px solid var(--wp--preset--color--splash); }
body .svn-ma .svn-ma__review h4 { font-family: var(--wp--preset--font-family--display); color: var(--wp--preset--color--logo-deep); }
body .svn-ma .svn-ma__review-note { border-radius: 1.1rem; background: var(--wp--preset--color--sun-light); color: #3D2A00; }

/* Knöpfe */
body .svn-ma .svn-ma__actions { border-top: 2px dashed var(--wp--preset--color--line); }
body .svn-ma .svn-ma__button { min-height: 50px; padding: .75rem 1.6rem; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); box-shadow: 0 8px 18px rgba(168, 111, 0, .22); transition: transform .2s var(--svn-ease, ease), background .2s, box-shadow .2s; }
body .svn-ma .svn-ma__button:hover { background: #FFB800; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(168, 111, 0, .28); }
body .svn-ma .svn-ma__button[data-action="next"]::after { content: " →"; }
body .svn-ma .svn-ma__button[type="submit"] { background: linear-gradient(135deg, #18794A, #2FAE66); color: #fff; box-shadow: 0 10px 22px rgba(24, 121, 74, .3); }
body .svn-ma .svn-ma__button[type="submit"]:hover { background: linear-gradient(135deg, #14653E, #28A05C); }
body .svn-ma .svn-ma__button--quiet { background: #fff; color: var(--wp--preset--color--logo-deep); box-shadow: inset 0 0 0 2px var(--wp--preset--color--line); }
body .svn-ma .svn-ma__button--quiet:hover { background: var(--wp--preset--color--splash-soft); box-shadow: inset 0 0 0 2px var(--wp--preset--color--splash); }
body .svn-ma .svn-ma__button--quiet::before { content: "← "; }
body .svn-ma .svn-ma__button:focus-visible { outline-color: var(--wp--preset--color--logo); }

/* Fehler / Erfolg / Pause */
body .svn-ma .svn-ma__error { border-radius: 1rem; }
body .svn-ma :is(.svn-ma__success, .svn-ma__paused) { border-radius: 1.4rem; background: radial-gradient(circle at 0 0, rgba(255, 200, 61, .45) 0 2.4rem, transparent 2.45rem), radial-gradient(circle at 100% 0, rgba(57, 172, 244, .3) 0 3rem, transparent 3.05rem), radial-gradient(circle at 100% 100%, rgba(47, 174, 102, .25) 0 2.2rem, transparent 2.25rem), var(--wp--preset--color--leaf-light); }
body .svn-ma :is(.svn-ma__success, .svn-ma__paused) > span { width: 64px; height: 64px; background: var(--wp--preset--color--leaf); color: #fff; font-size: 1.8rem; box-shadow: 0 0 0 8px rgba(47, 174, 102, .18); }
body .svn-ma :is(.svn-ma__success, .svn-ma__paused) h3 { font-family: var(--wp--preset--font-family--display); font-weight: 800; color: var(--wp--preset--color--leaf-deep); }

@media (max-width: 700px) {
	body .svn-ma .svn-ma__hero { border-radius: 1.2rem 1.2rem 0 0; background: radial-gradient(circle at 90% 6%, var(--wp--preset--color--sun) 0 1.3rem, transparent 1.35rem), linear-gradient(135deg, #1E3D78, #3059A4 55%, #2F8FD8); }
	body .svn-ma .svn-ma__hero h2 { max-width: 85%; }
	body .svn-ma .svn-ma__app { border-radius: 0 0 1.2rem 1.2rem; }
	body .svn-ma .svn-ma__steps { grid-template-columns: none; overflow: visible; }
	body .svn-ma .svn-ma__steps span { width: 34px; height: 34px; }
	body .svn-ma .svn-ma__steps li::before { top: 16px; }
	body .svn-ma .svn-ma__panel > h3::before { width: 2.3rem; height: 2.3rem; font-size: 1.15rem; }
}
@media (prefers-reduced-motion: reduce) {
	body .svn-ma :is(.svn-ma__tariff > span, .svn-ma__button, .svn-ma__steps span) { transition: none; transform: none !important; }
}

/* ==========================================================================
   0.4.8 Partner & Sponsoren, Spenden, „Wir suchen“ ([svn_donation_needs])
   ========================================================================== */
.svn-split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
.svn-split__pic { position: relative; margin: 0; }
.svn-split__pic img { display: block; width: 100%; height: auto; max-width: none; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1.6rem; box-shadow: 0 18px 40px rgba(36, 69, 127, .18); }
.svn-split__pic::before { content: ""; position: absolute; z-index: 1; top: -1rem; right: -1rem; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: var(--wp--preset--color--sun); box-shadow: 0 8px 18px rgba(168, 111, 0, .25); }
.svn-split__pic::after { content: ""; position: absolute; z-index: 1; bottom: -.8rem; left: 1.4rem; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: var(--wp--preset--color--splash); }
.svn-split__text > * { margin-block: 0 .9rem !important; }
.svn-split__text > :last-child { margin-bottom: 0 !important; }
.svn-split__text .svn-team-h { margin-bottom: 1rem !important; }
.svn-lead { font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); line-height: 1.65; }

/* Partner */
.svn-partners { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 1.5rem; margin: 1.1rem 0 0 !important; padding: 0 !important; list-style: none; }
.svn-partner { --tone: var(--wp--preset--color--logo); display: flex; flex-direction: column; margin: 0 !important; overflow: hidden; border-radius: 1.4rem; background: #fff; box-shadow: inset 0 5px 0 var(--tone), 0 12px 30px rgba(36, 69, 127, .12); transition: transform .3s var(--svn-ease), box-shadow .3s; }
.svn-partner:hover { transform: translateY(-4px); box-shadow: inset 0 5px 0 var(--tone), 0 18px 38px rgba(36, 69, 127, .18); }
.svn-partner--leaf { --tone: var(--wp--preset--color--leaf); }
.svn-partner--splash { --tone: var(--wp--preset--color--splash); }
.svn-partner--sun { --tone: var(--wp--preset--color--sun); }
.svn-partner__logo { display: grid; place-items: center; height: 8.5rem; padding: 1.6rem 1.6rem 1.2rem; border-bottom: 1px solid var(--wp--preset--color--line); }
.svn-partner__logo img { display: block; width: auto; height: auto; max-width: 88%; max-height: 5.2rem; object-fit: contain; border-radius: 0; }
.svn-partner__body { display: flex; flex: 1; flex-direction: column; gap: .6rem; padding: 1.25rem 1.4rem 1.5rem; }
.svn-partner__body > * { margin: 0 !important; }
.svn-partner__chip { align-self: flex-start; padding: .25rem .7rem; border-radius: 999px; background: var(--wp--preset--color--splash-light); color: var(--wp--preset--color--logo-deep); font-size: .82rem; font-weight: 700; }
.svn-partner--leaf .svn-partner__chip { background: var(--wp--preset--color--leaf-light); color: var(--wp--preset--color--leaf-deep); }
.svn-partner--sun .svn-partner__chip { background: var(--wp--preset--color--sun-light); color: #6B4A00; }
.svn-partner__name { font-family: var(--wp--preset--font-family--display); font-size: 1.3rem; font-weight: 800; line-height: 1.2; color: var(--wp--preset--color--ink); }
.svn-partner__text { flex: 1; line-height: 1.6; }
.svn-partner__link { align-self: flex-start; display: inline-flex; gap: .35rem; align-items: center; padding: .5rem 1rem; border-radius: 999px; background: var(--wp--preset--color--splash-soft); box-shadow: inset 0 0 0 2px var(--wp--preset--color--line); color: var(--wp--preset--color--logo-deep) !important; font-weight: 700; text-decoration: none !important; transition: background .2s, box-shadow .2s; }
.svn-partner__link:hover { background: #fff; box-shadow: inset 0 0 0 2px var(--tone); }

/* Geld spenden */
.svn-give { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.25rem; margin-top: 1.1rem !important; align-items: stretch; }
.svn-give__pic { margin: 0; overflow: hidden; border-radius: 1.4rem; min-height: 14rem; }
.svn-give__pic img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.svn-bank { position: relative; overflow: hidden; isolation: isolate; padding: 1.6rem 1.7rem; border-radius: 1.4rem; color: #fff; background: radial-gradient(circle at 92% 10%, rgba(255, 255, 255, .16) 0 3rem, transparent 3.05rem), linear-gradient(135deg, #1E3D78, #3059A4 60%, #2F8FD8); box-shadow: 0 16px 36px rgba(36, 69, 127, .25); }
.svn-bank > * { margin: 0 0 .8rem !important; }
.svn-bank__title { font-family: var(--wp--preset--font-family--display); font-size: 1.45rem; font-weight: 800; }
.svn-bank dl { display: grid; gap: .55rem; margin: 0 0 1rem !important; }
.svn-bank dl div { display: grid; gap: .05rem; }
.svn-bank dt { font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .78; }
.svn-bank dd { margin: 0; font-size: 1.08rem; font-weight: 700; }
.svn-bank dd.svn-bank__iban { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: clamp(1.02rem, .95rem + .35vw, 1.22rem); letter-spacing: .03em; user-select: all; }
.svn-bank__hint { display: inline-block; padding: .4rem .85rem; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font-weight: 700; font-size: .92rem; }
.svn-giro { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .7rem; padding: 1.5rem; border-radius: 1.4rem; background: #fff; box-shadow: inset 0 0 0 2px var(--wp--preset--color--line), 0 12px 28px rgba(36, 69, 127, .1); text-align: center; }
.svn-giro > * { margin: 0 !important; }
.svn-giro svg { display: block; width: min(11.5rem, 100%); height: auto; padding: .4rem; border-radius: 1rem; background: #fff; box-shadow: 0 0 0 4px var(--wp--preset--color--sun-light); }
.svn-giro__title { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.2rem; color: var(--wp--preset--color--logo-deep); }
.svn-giro__text { font-size: .93rem; line-height: 1.5; color: var(--wp--preset--color--muted); }
.svn-give__note { margin-top: 1rem !important; padding: .8rem 1.1rem; border-radius: 1rem; background: var(--wp--preset--color--sun-light); }

/* Wir suchen */
.svn-needs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: 1.25rem; margin: 1.1rem 0 0 !important; padding: 0 !important; list-style: none; }
.svn-need { display: flex; flex-direction: column; margin: 0 !important; overflow: hidden; border-radius: 1.3rem; background: #fff; box-shadow: 0 12px 28px rgba(36, 69, 127, .12); transition: transform .3s var(--svn-ease); }
.svn-need:hover { transform: translateY(-3px) rotate(-.4deg); }
.svn-need__pic { display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; background: radial-gradient(circle at 80% 20%, #fff 0 1.4rem, transparent 1.45rem), var(--wp--preset--color--splash-light); }
.svn-need:nth-child(3n+2) .svn-need__pic { background: radial-gradient(circle at 80% 20%, #fff 0 1.4rem, transparent 1.45rem), var(--wp--preset--color--leaf-light); }
.svn-need:nth-child(3n+3) .svn-need__pic { background: radial-gradient(circle at 80% 20%, #fff 0 1.4rem, transparent 1.45rem), var(--wp--preset--color--sun-light); }
.svn-need__pic img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.svn-need__emoji { font-size: 3.6rem; rotate: -8deg; }
.svn-need__body { display: flex; flex-direction: column; gap: .5rem; padding: 1.1rem 1.25rem 1.3rem; }
.svn-need__body > * { margin: 0 !important; }
.svn-need__status { align-self: flex-start; padding: .2rem .65rem; border-radius: 999px; font-size: .8rem; font-weight: 800; }
.svn-need__status--sun { background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); }
.svn-need__status--splash { background: var(--wp--preset--color--splash-light); color: var(--wp--preset--color--logo-deep); }
.svn-need__title { font-family: var(--wp--preset--font-family--display); font-size: 1.2rem; font-weight: 800; line-height: 1.2; color: var(--wp--preset--color--ink); }
.svn-need__text { line-height: 1.55; color: var(--wp--preset--color--muted); }
.svn-needs-empty { display: flex; gap: 1rem; align-items: center; margin-top: 1.1rem !important; padding: 1.3rem 1.5rem; border: 2px dashed var(--wp--preset--color--line); border-radius: 1.3rem; background: var(--wp--preset--color--splash-soft); }
.svn-needs-empty > span { flex: none; font-size: 2.4rem; }
.svn-needs-empty p { margin: 0 !important; line-height: 1.6; }
.svn-start__card--leaf { background: radial-gradient(circle at 88% 85%, rgba(255, 255, 255, .2) 0 3.5rem, transparent 3.55rem), linear-gradient(135deg, #18794A, #2FAE66); box-shadow: 0 16px 36px rgba(24, 121, 74, .25); }
.svn-start__card--leaf a, .svn-start__card--talk a { color: inherit; font-weight: 800; }
.svn-start__mail { display: inline-block; padding: .55rem 1.05rem; border-radius: 999px; background: rgba(255, 255, 255, .55); font-weight: 800; text-decoration: none !important; }

@media (max-width: 900px) {
	.svn-give { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.svn-give__pic { grid-column: 1 / -1; min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 781px) {
	.svn-split { grid-template-columns: minmax(0, 1fr); }
	.svn-split__pic::before { width: 3.2rem; height: 3.2rem; top: -.7rem; right: -.4rem; }
	.svn-give { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	.svn-partner, .svn-need { transition: none; }
	.svn-partner:hover, .svn-need:hover { transform: none; }
}
.svn-needs__lead { margin: .2rem 0 0 !important; font-weight: 700; }
.svn-need__pic:has(.svn-need__emoji) { aspect-ratio: 16 / 8; }

/* ==========================================================================
   0.4.9 Öffnungszeiten: [svn_opening_hours part="season|week|transponder|faq"]
   ========================================================================== */
.svn-oh-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; align-items: stretch; }
.svn-oh-top > * { margin: 0 !important; }
.svn-oh-top .svn-today { box-sizing: border-box; height: auto; min-height: 100%; }

/* Saison */
.svn-season { --a: #1E3D78; --b: #3059A4; --c: #39ACF4; position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; padding: 1.6rem 1.7rem 1.4rem; border-radius: 1.6rem; color: #fff; background: radial-gradient(circle at 90% 12%, rgba(255, 255, 255, .16) 0 3.2rem, transparent 3.25rem), linear-gradient(135deg, var(--a), var(--b) 60%, var(--c)); box-shadow: 0 18px 40px rgba(36, 69, 127, .25); }
.svn-season--leaf { --a: #14653E; --b: #1F8A50; --c: #2FAE66; box-shadow: 0 18px 40px rgba(24, 121, 74, .25); }
.svn-season--sun { --a: #F5A300; --b: #FFC83D; --c: #FFD86B; color: #3D2A00; box-shadow: 0 18px 40px rgba(168, 111, 0, .25); }
.svn-season > p { margin: 0 !important; }
.svn-season__eyebrow { font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.svn-season__count { display: flex; align-items: baseline; gap: .5rem; margin-top: .3rem !important; line-height: 1; }
.svn-season__count strong { font-family: var(--wp--preset--font-family--display); font-size: clamp(3.4rem, 2.6rem + 3vw, 5.2rem); font-weight: 800; letter-spacing: -.02em; }
.svn-season__count span { font-family: var(--wp--preset--font-family--display); font-size: 1.5rem; font-weight: 800; }
.svn-season--after .svn-season__count strong { font-size: 3.4rem; display: inline-block; animation: svn-sun-spin 18s linear infinite; }
@keyframes svn-sun-spin { to { rotate: 360deg; } }
.svn-season__title { font-family: var(--wp--preset--font-family--display); font-size: clamp(1.25rem, 1.1rem + .5vw, 1.55rem); font-weight: 800; line-height: 1.2; margin-top: .35rem !important; }
.svn-season__text { margin-top: .5rem !important; line-height: 1.55; opacity: .95; }
.svn-season__bar { position: relative; height: 14px; margin-top: auto; border-radius: 999px; background: rgba(255, 255, 255, .22); }
.svn-season__text + .svn-season__bar { margin-top: 1.4rem; }
.svn-season__band, .svn-season__hol { position: absolute; top: 0; bottom: 0; border-radius: 999px; }
.svn-season__band { background: rgba(255, 255, 255, .85); }
.svn-season__hol { top: 3px; bottom: 3px; background: var(--wp--preset--color--sun); }
.svn-season--sun .svn-season__band { background: rgba(255, 255, 255, .9); }
.svn-season--sun .svn-season__hol { background: #F08A00; }
.svn-season__now { position: absolute; top: -7px; bottom: -7px; width: 4px; margin-left: -2px; border-radius: 4px; background: var(--wp--preset--color--ink); box-shadow: 0 0 0 2px #fff; }
.svn-season__now b { position: absolute; bottom: 100%; left: 50%; translate: -50% -4px; padding: .05rem .45rem; border-radius: 999px; background: var(--wp--preset--color--ink); color: #fff; font-size: .7rem; white-space: nowrap; }
.svn-season__months { position: relative; height: 1.2rem; margin-top: .35rem; font-size: .75rem; font-weight: 700; opacity: .85; }
.svn-season__months span { position: absolute; top: 0; padding-left: .2rem; }
.svn-season__legend { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .5rem; margin-top: .6rem !important; font-size: .82rem; opacity: .95; }
.svn-season__key { display: inline-block; width: .9rem; height: .55rem; border-radius: 999px; background: rgba(255, 255, 255, .85); }
.svn-season__key--hol { background: var(--wp--preset--color--sun); }
.svn-season__li { display: inline-flex; align-items: center; gap: .4rem; margin-right: .7rem; white-space: nowrap; }
.svn-season--sun .svn-season__key--hol { background: #F08A00; }

/* Wochenplan */
.svn-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .7rem; margin: 1.1rem 0 0 !important; padding: 0 !important; list-style: none; }
.svn-week__day { position: relative; display: flex; flex-direction: column; align-items: center; gap: .35rem; margin: 0 !important; padding: 1.1rem .4rem 1rem; border-radius: 1.2rem; background: var(--wp--preset--color--splash-soft); box-shadow: inset 0 0 0 2px var(--wp--preset--color--line); text-align: center; transition: transform .25s var(--svn-ease); }
.svn-week__day:hover { transform: translateY(-3px); }
.svn-week__day--weekend { background: var(--wp--preset--color--sun-light); box-shadow: inset 0 0 0 2px #F6DE9C; }
.svn-week--holiday .svn-week__day { background: var(--wp--preset--color--leaf-light); box-shadow: inset 0 0 0 2px #BFE6CE; }
.svn-week__name abbr { text-decoration: none; font-family: var(--wp--preset--font-family--display); font-size: 1.5rem; font-weight: 800; color: var(--wp--preset--color--logo-deep); }
.svn-week__hours { font-weight: 800; font-size: 1.05rem; color: var(--wp--preset--color--ink); white-space: nowrap; }
.svn-week__hours small { font-weight: 600; font-size: .78rem; color: var(--wp--preset--color--muted); }
.svn-week__day.is-today { background: linear-gradient(135deg, #24457F, #3059A4); box-shadow: 0 12px 26px rgba(36, 69, 127, .3); transform: translateY(-4px); }
.svn-week__day.is-today abbr, .svn-week__day.is-today .svn-week__hours, .svn-week__day.is-today small { color: #fff; }
.svn-week__today { position: absolute; top: -.7rem; left: 50%; translate: -50% 0; padding: .1rem .55rem; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font-size: .72rem; font-weight: 800; }
.svn-week__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.1rem 0 0 !important; }
.svn-week__chip { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .85rem; border-radius: 999px; background: var(--wp--preset--color--splash-light); color: var(--wp--preset--color--logo-deep); font-weight: 700; font-size: .92rem; }
.svn-week__chip--sun { background: var(--wp--preset--color--sun-light); color: #6B4A00; }
.svn-week__chip--leaf { background: var(--wp--preset--color--leaf-light); color: var(--wp--preset--color--leaf-deep); }
.svn-week__note { margin: .6rem 0 0 !important; font-size: .92rem; color: var(--wp--preset--color--muted); }

/* Transponder */
.svn-key { position: relative; overflow: hidden; isolation: isolate; display: flex; gap: 1.6rem; align-items: center; padding: clamp(1.4rem, 3vw, 2.1rem) clamp(1.4rem, 3vw, 2.4rem); border-radius: 1.6rem; color: #fff; background: radial-gradient(circle at 96% 110%, rgba(57, 172, 244, .35) 0 7rem, transparent 7.05rem), radial-gradient(circle at 80% 0, rgba(255, 200, 61, .25) 0 3rem, transparent 3.05rem), linear-gradient(135deg, #12264A, #1E3D78 60%, #24457F); box-shadow: 0 18px 40px rgba(18, 38, 74, .3); }
.svn-key > *, .svn-key__body > * { margin: 0 !important; }
.svn-key__icon { flex: none; display: grid; place-items: center; width: 5.5rem; height: 5.5rem; border-radius: 1.6rem; background: var(--wp--preset--color--sun); font-size: 2.8rem; rotate: -10deg; box-shadow: 0 10px 24px rgba(0, 0, 0, .25); transition: rotate .4s var(--svn-ease); }
.svn-key:hover .svn-key__icon { rotate: 20deg; }
.svn-key__body { display: flex; flex-direction: column; gap: .45rem; }
.svn-key__eyebrow { font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--sun); }
.svn-key__hours { font-family: var(--wp--preset--font-family--display); font-size: clamp(2rem, 1.6rem + 1.6vw, 3rem); font-weight: 800; line-height: 1.05; }
.svn-key__hours span { font-size: .5em; opacity: .8; }
.svn-key__text { max-width: 44rem; line-height: 1.6; opacity: .95; }
.svn-key__links { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; align-items: center; margin-top: .3rem !important; }
.svn-key__links a { color: #fff; font-weight: 800; }
.svn-key__fee { padding: .3rem .8rem; border-radius: 999px; background: rgba(255, 255, 255, .16); font-weight: 800; }

/* Gut zu wissen */
.svn-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1.2rem; margin-top: 1.1rem !important; }
.svn-fact { --tone: var(--wp--preset--color--splash-light); display: flex; flex-direction: column; gap: .55rem; padding: 1.4rem 1.4rem 1.5rem; border-radius: 1.4rem; background: #fff; box-shadow: 0 12px 28px rgba(36, 69, 127, .11); }
.svn-fact > * { margin: 0 !important; }
.svn-fact--sun { --tone: var(--wp--preset--color--sun-light); }
.svn-fact--leaf { --tone: var(--wp--preset--color--leaf-light); }
.svn-fact__icon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 1rem; background: var(--tone); font-size: 1.6rem; rotate: -6deg; }
.svn-fact__title { font-family: var(--wp--preset--font-family--display); font-size: 1.2rem; font-weight: 800; color: var(--wp--preset--color--ink); }
.svn-fact p { line-height: 1.6; }
.svn-fact__phone { align-self: flex-start; display: inline-flex; gap: .4rem; align-items: center; padding: .5rem 1rem; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink) !important; font-weight: 800; text-decoration: none !important; }

/* FAQ */
.svn-faq { display: grid; gap: .8rem; margin-top: 1.1rem !important; }
.svn-faq__item { border-radius: 1.1rem; background: #fff; box-shadow: inset 0 0 0 2px var(--wp--preset--color--line); transition: box-shadow .2s, background .2s; }
.svn-faq__item[open] { background: var(--wp--preset--color--splash-soft); box-shadow: inset 0 0 0 2px var(--wp--preset--color--splash); }
.svn-faq__item summary { position: relative; padding: 1rem 3.4rem 1rem 1.25rem; cursor: pointer; list-style: none; font-weight: 800; color: var(--wp--preset--color--ink); }
.svn-faq__item summary::-webkit-details-marker { display: none; }
.svn-faq__item summary::after { content: "+"; position: absolute; top: 50%; right: 1rem; display: grid; place-items: center; width: 1.8rem; height: 1.8rem; margin-top: -.9rem; border-radius: 50%; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font-size: 1.2rem; line-height: 1; transition: rotate .25s var(--svn-ease); }
.svn-faq__item[open] summary::after { rotate: 45deg; }
.svn-faq__item summary:focus-visible { outline: 3px solid var(--wp--preset--color--logo); outline-offset: 2px; border-radius: 1.1rem; }
.svn-faq__item p { margin: 0 !important; padding: 0 1.25rem 1.1rem; line-height: 1.6; }

@media (max-width: 900px) {
	.svn-oh-top { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 781px) {
	.svn-week { grid-template-columns: minmax(0, 1fr); gap: .45rem; }
	.svn-week__day { flex-direction: row; justify-content: space-between; padding: .7rem 1.1rem; border-radius: .9rem; }
	.svn-week__name abbr { font-size: 1.15rem; }
	.svn-week__day.is-today { transform: none; }
	.svn-week__today { position: static; translate: none; margin-left: auto; margin-right: .6rem; order: 1; }
	.svn-week__day.is-today .svn-week__hours { order: 2; }
	.svn-key { flex-direction: column; align-items: flex-start; gap: 1rem; }
	.svn-key__icon { width: 4.2rem; height: 4.2rem; font-size: 2.1rem; }
}
@media (prefers-reduced-motion: reduce) {
	.svn-season--after .svn-season__count strong { animation: none; }
	.svn-week__day, .svn-key__icon, .svn-faq__item summary::after { transition: none; }
}
/* Öffnungszeiten: „Ausschließlich für Mitglieder“ + größere Heute-Karte */
.svn-members-only { display: flex; gap: 1.2rem; align-items: center; padding: 1.2rem 1.5rem; border-radius: 1.4rem; background: var(--wp--preset--color--sun-light); box-shadow: inset 0 0 0 2px #F2D68B; }
.svn-members-only > div > p { margin: 0 !important; line-height: 1.55; }
.svn-members-only__icon { flex: none; display: grid; place-items: center; width: 3.6rem; height: 3.6rem; border-radius: 1.1rem; background: var(--wp--preset--color--sun); font-size: 1.9rem; rotate: -8deg; box-shadow: 0 8px 18px rgba(168, 111, 0, .22); }
.svn-members-only__title { font-family: var(--wp--preset--font-family--display); font-size: 1.3rem; font-weight: 800; color: var(--wp--preset--color--ink); margin-bottom: .2rem !important; }
.svn-members-only__cta { flex: none; margin-left: auto; padding: .65rem 1.2rem; border-radius: 999px; background: var(--wp--preset--color--logo); color: #fff !important; font-weight: 800; text-decoration: none !important; white-space: nowrap; transition: transform .2s var(--svn-ease), background .2s; }
.svn-members-only__cta:hover { background: var(--wp--preset--color--logo-deep); transform: translateY(-2px); }
.svn-oh-top .svn-today { position: relative; overflow: hidden; isolation: isolate; padding: 1.6rem 1.7rem; border-radius: 1.6rem; }
.svn-oh-top .svn-today__title { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.3rem); }
.svn-oh-top .svn-today::after { content: "🏊"; position: absolute; z-index: -1; right: 1rem; bottom: .2rem; font-size: 6.5rem; line-height: 1; opacity: .14; rotate: -8deg; }
.svn-oh-top .svn-today--slate::after { content: "🌙"; }
.svn-oh-top .svn-today--red::after { content: "⛔"; }
.svn-oh-top .svn-today--sun::after { content: "⏳"; }
@media (max-width: 781px) {
	.svn-members-only { flex-wrap: wrap; padding: 1.1rem 1.2rem; }
	.svn-members-only > div { flex: 1 1 12rem; }
	.svn-members-only__cta { margin-left: 0; }
}

/* ==========================================================================
   0.4.10 Benutzerordnung (Kurz & knapp, Kapitel-Ton Sonne, §-Titel) + Offene Jobs
   ========================================================================== */
.svn-chapter--sun { --tone-a: #E09A00; --tone-b: #FFC83D; --tone-soft: var(--wp--preset--color--sun-light); }
.svn-chapter--sun .svn-chapter__title, .svn-chapter--sun .svn-chapter__title .svn-chapter__h { color: #3D2A00 !important; }
.svn-chapter--sun .svn-chapter__emoji { background: rgba(255, 255, 255, .45); }
.svn-chapter--sun .svn-para__badge { color: #8A5D00 !important; }
.svn-para__title { margin: 0 0 .5rem !important; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.1rem, 1rem + .3vw, 1.3rem); font-weight: 800; line-height: 1.25; color: var(--wp--preset--color--ink); }
.svn-para__badge { font-weight: 800; }
.svn-rules { padding: 1.5rem clamp(1.1rem, 3vw, 1.8rem) 1.4rem; border-radius: 1.6rem; background: radial-gradient(circle at 96% 8%, rgba(255, 200, 61, .35) 0 3.5rem, transparent 3.55rem), var(--wp--preset--color--splash-soft); box-shadow: inset 0 0 0 2px var(--wp--preset--color--line); }
.svn-rules__h { display: flex; align-items: center; gap: .6rem; margin: 0 0 1rem !important; font-size: clamp(1.4rem, 1.2rem + .8vw, 1.9rem); color: var(--wp--preset--color--logo-deep); }
.svn-rules__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12.5rem), 1fr)); gap: .8rem; margin: 0 !important; padding: 0 !important; list-style: none; }
.svn-rules__grid li { margin: 0 !important; }
.svn-rules__grid a { display: flex; flex-direction: column; gap: .3rem; height: 100%; padding: 1rem 1.05rem; border-radius: 1.1rem; background: #fff; box-shadow: 0 8px 20px rgba(36, 69, 127, .09); color: var(--wp--preset--color--ink); text-decoration: none; transition: transform .25s var(--svn-ease), box-shadow .25s; }
.svn-rules__grid a:hover, .svn-rules__grid a:focus-visible { transform: translateY(-3px) rotate(-.6deg); box-shadow: 0 14px 28px rgba(36, 69, 127, .16); }
.svn-rules__emo { font-size: 2rem; line-height: 1.1; }
.svn-rules__grid strong { font-family: var(--wp--preset--font-family--display); font-size: 1.08rem; line-height: 1.2; }
.svn-rules__grid small { flex: 1; font-size: .9rem; line-height: 1.45; color: var(--wp--preset--color--muted); }
.svn-rules__grid em { font-style: normal; font-size: .8rem; font-weight: 800; color: var(--wp--preset--color--logo); }
.svn-rules__note { margin: 1rem 0 0 !important; font-size: .9rem; color: var(--wp--preset--color--muted); }

.svn-job__badge { display: inline-flex !important; align-items: center; gap: .4rem; padding: .3rem .85rem; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font-size: .85rem; font-weight: 800; rotate: -2deg; }
.svn-job__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.svn-job__chips span { padding: .35rem .8rem; border-radius: 999px; background: var(--wp--preset--color--splash-light); color: var(--wp--preset--color--logo-deep); font-weight: 700; font-size: .92rem; }
.svn-job__chips span:nth-child(2) { background: var(--wp--preset--color--leaf-light); color: var(--wp--preset--color--leaf-deep); }
.svn-job__cta { display: inline-block; padding: .75rem 1.4rem; border-radius: 999px; background: var(--wp--preset--color--logo); color: #fff !important; font-weight: 800; text-decoration: none !important; box-shadow: 0 10px 22px rgba(48, 89, 164, .28); transition: transform .2s var(--svn-ease), background .2s; }
.svn-job__cta:hover { background: var(--wp--preset--color--logo-deep); transform: translateY(-2px); }
.svn-split--job .svn-split__pic img { aspect-ratio: 3 / 2; object-fit: cover; object-position: 50% 30%; background: var(--wp--preset--color--splash-soft); }
.svn-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: .7rem; margin: 1.1rem 0 0 !important; padding: 0 !important; list-style: none; }
.svn-checks li { position: relative; margin: 0 !important; padding: .9rem 1.1rem .9rem 3.1rem; border-radius: 1rem; background: var(--wp--preset--color--leaf-light); font-weight: 600; line-height: 1.45; }
.svn-checks li::before { content: "✓"; position: absolute; left: .9rem; top: .85rem; display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--wp--preset--color--leaf); color: #fff; font-size: .85rem; font-weight: 900; }
.svn-job__more { margin: 1rem 0 0 !important; color: var(--wp--preset--color--muted); }
@media (prefers-reduced-motion: reduce) { .svn-rules__grid a, .svn-job__cta { transition: none; } }
/* 0.4.10 Fix: Kurz-&-knapp-Kacheln überlappen nicht mehr (Padding in der Höhe) */
.svn-rules__grid a { box-sizing: border-box; }
/* Offene Jobs: „Auch für Schüler geeignet“ klar hervorheben */
.svn-job__pupil { display: inline-flex !important; align-items: center; gap: .75rem; padding: .7rem 1.3rem .7rem .7rem; border-radius: 999px; background: linear-gradient(135deg, #18794A, #2FAE66); color: #fff; box-shadow: 0 10px 24px rgba(24, 121, 74, .3); rotate: -1.5deg; }
.svn-job__pupil strong { font-family: var(--wp--preset--font-family--display); font-size: clamp(1.25rem, 1.1rem + .6vw, 1.6rem); font-weight: 800; line-height: 1.15; }
.svn-job__pupil-icon { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: #fff; font-size: 1.5rem; }
.svn-job__sticker { position: absolute; z-index: 2; left: -.8rem; top: -1.2rem; display: grid; place-items: center; align-content: center; gap: .1rem; width: 8.2rem; height: 8.2rem; padding: .8rem; border-radius: 50%; background: var(--wp--preset--color--leaf); color: #fff; font-family: var(--wp--preset--font-family--display); font-size: 1rem; font-weight: 800; line-height: 1.1; text-align: center; rotate: -12deg; box-shadow: 0 0 0 5px #fff, 0 12px 26px rgba(24, 121, 74, .35); animation: svn-sticker 3.2s ease-in-out infinite; }
.svn-job__sticker span { font-size: 1.8rem; line-height: 1; }
@keyframes svn-sticker { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@media (max-width: 781px) { .svn-job__sticker { width: 5.6rem; height: 5.6rem; padding: .5rem; font-size: .74rem; left: -.3rem; top: -.9rem; } .svn-job__sticker span { font-size: 1.2rem; } }
@media (prefers-reduced-motion: reduce) { .svn-job__sticker { animation: none; } }
/* Untermenü: Abstand zwischen den Einträgen, Hover und „aktuelle Seite“ getrennt erkennbar */
.svn-nav .wp-block-navigation__submenu-container:not(.is-menu-open *) { gap: .3rem; }
.svn-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:not(.is-menu-open *) { margin: 0; }
.svn-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.svn-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible { background: var(--svn-splash-soft, #F3FAFF); box-shadow: inset 0 0 0 1px var(--svn-line); }
.svn-nav .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content,
.svn-nav .wp-block-navigation__submenu-container [aria-current="page"] { background: var(--svn-splash-light); box-shadow: inset 3px 0 0 var(--svn-logo); font-weight: 700; }
/* Vorstand: Karte „Coming soon“ (Position besetzt, Vorstellung folgt) */
.svn-team-board .svn-person--soon { --tone-a: #24457F; --tone-b: #39ACF4; background: radial-gradient(circle at 85% 85%, var(--wp--preset--color--splash-light) 0 4rem, transparent 4.05rem), #fff; box-shadow: inset 0 0 0 2px var(--wp--preset--color--line), 0 16px 36px rgba(36, 69, 127, .12); }
.svn-team-board .svn-person--soon .svn-person__band { background: repeating-linear-gradient(-45deg, #24457F 0 16px, #2B5196 16px 32px); }
.svn-team-board .svn-person--soon .svn-person__avatar { background: #fff; box-shadow: inset 0 0 0 3px var(--wp--preset--color--splash); font-size: 1.9rem; }
.svn-person__soon { display: inline-block; padding: .3rem .85rem; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font-family: var(--wp--preset--font-family--display); font-size: 1.15rem; font-weight: 800; letter-spacing: .02em; rotate: -3deg; animation: svn-soon 2.6s ease-in-out infinite; }
@keyframes svn-soon { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
.svn-person--soon .svn-person__cta { color: var(--wp--preset--color--muted); font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .svn-person__soon { animation: none; } }
/* 0.4.11 – Transponder-Antrag ([svn_transponder_request]) */
.svn-tp { --tp-r: 1.4rem; }
.svn-tp [hidden] { display: none !important; }
.svn-tp__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.2rem; }
.svn-tp__step { position: relative; padding: clamp(1.1rem, .8rem + 1.5vw, 1.9rem); border-radius: var(--tp-r); background: #fff; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line), 0 14px 32px rgba(36, 69, 127, .08); }
.svn-tp__h { display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem !important; font-size: clamp(1.25rem, 1.1rem + .6vw, 1.6rem); }
.svn-tp__n { display: grid; place-items: center; flex: none; width: 2.3rem; height: 2.3rem; border-radius: 50%; background: var(--wp--preset--color--splash); color: #fff; font-size: 1.1rem; font-weight: 800; }
.svn-tp__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem 1rem; }
.svn-tp__field { display: grid; gap: .35rem; font-weight: 700; color: var(--wp--preset--color--ink); }
.svn-tp__field--wide { grid-column: 1 / -1; max-width: 20rem; }
.svn-tp__field small { font-weight: 400; color: var(--wp--preset--color--muted); font-size: .85rem; }
.svn-tp__field input { width: 100%; box-sizing: border-box; padding: .8rem 1rem; border: 2px solid var(--wp--preset--color--line); border-radius: .9rem; font: inherit; font-weight: 600; font-size: 1.05rem; background: #FAFDFF; transition: border-color .15s, box-shadow .15s; }
.svn-tp__field input:focus { outline: none; border-color: var(--wp--preset--color--splash); box-shadow: 0 0 0 4px rgba(57, 172, 244, .2); background: #fff; }
.svn-tp__hint { display: flex; gap: .5rem; align-items: center; margin: 1rem 0 0 !important; padding: .65rem .9rem; border-radius: .9rem; background: var(--wp--preset--color--splash-light); color: var(--wp--preset--color--logo); font-weight: 600; font-size: .95rem; }
.svn-tp__trap { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.svn-tp__doc { margin-bottom: 1rem; border-radius: 1rem; background: #F6FAFF; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line); }
.svn-tp__doc summary { cursor: pointer; padding: .85rem 1rem; font-weight: 700; color: var(--wp--preset--color--logo); }
.svn-tp__doc-text { max-height: 22rem; overflow: auto; padding: 0 1.1rem 1rem; font-size: .95rem; }
.svn-tp__doc-text h4 { margin: 1rem 0 .3rem; font-size: 1rem; }
.svn-tp__doc-text p { margin: 0 0 .5rem; }
.svn-tp__checks { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.svn-tp__check { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem .9rem; border-radius: .9rem; cursor: pointer; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line); transition: background .15s, box-shadow .15s; }
.svn-tp__check:hover { background: #F6FAFF; }
.svn-tp__check:has(input:checked) { background: #EAF8EF; box-shadow: inset 0 0 0 2px #2FAE66; }
.svn-tp__check input { flex: none; width: 1.35rem; height: 1.35rem; margin: .1rem 0 0; accent-color: #18794A; }
.svn-tp__sign { position: relative; border-radius: 1rem; background: repeating-linear-gradient(0deg, transparent 0 31px, rgba(36, 69, 127, .05) 31px 32px), #FFFDF4; box-shadow: inset 0 0 0 2px #FFD66B; }
.svn-tp__pad { display: block; width: 100%; height: clamp(11rem, 30vw, 14rem); touch-action: none; cursor: crosshair; }
.svn-tp__sign-line { position: absolute; left: 1.2rem; right: 1.2rem; bottom: 2.4rem; padding-top: .3rem; border-top: 2px dashed #C98A00; color: #8A5A00; font-size: .85rem; font-weight: 600; pointer-events: none; transition: opacity .2s; }
.svn-tp.is-signed .svn-tp__sign-line { opacity: .35; }
.svn-tp__clear { position: absolute; top: .6rem; right: .6rem; padding: .35rem .8rem; border: 0; border-radius: 999px; background: #fff; color: var(--wp--preset--color--ink); font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
.svn-tp__error { margin: 1rem 0 0 !important; padding: .8rem 1rem; border-radius: .9rem; background: #FFEDEA; color: #9A2B17; font-weight: 700; box-shadow: inset 0 0 0 1px #F5B5A8; }
.svn-tp__actions { margin: 1.4rem 0 .6rem !important; text-align: center; }
.svn-tp__submit { padding: 1rem 2.2rem; border: 0; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font: inherit; font-size: 1.15rem; font-weight: 800; cursor: pointer; box-shadow: 0 10px 24px rgba(201, 138, 0, .28); transition: transform .15s, box-shadow .15s; }
.svn-tp__submit:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(201, 138, 0, .34); }
.svn-tp__submit:disabled { opacity: .6; cursor: wait; transform: none; }
.svn-tp__small { margin: 0 auto !important; max-width: 38rem; text-align: center; color: var(--wp--preset--color--muted); font-size: .9rem; }
.svn-tp__done { padding: clamp(1.4rem, 1rem + 2vw, 2.6rem); border-radius: var(--tp-r); text-align: center; background: linear-gradient(160deg, #EAF8EF, #fff); box-shadow: inset 0 0 0 2px #2FAE66; outline: none; }
.svn-tp__done h3 { margin: .4rem 0 .6rem !important; }
.svn-tp__done-icon { font-size: 3rem; display: inline-block; animation: svn-wave 2.4s ease-in-out infinite; }
.svn-tp__off { padding: 1rem 1.2rem; border-radius: 1rem; background: var(--wp--preset--color--splash-light); font-weight: 600; }
@media (max-width: 600px) { .svn-tp__grid { grid-template-columns: 1fr; } .svn-tp__field--wide { max-width: none; } .svn-tp__submit { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .svn-tp__done-icon { animation: none; } }
/* Transponder-Seite */
.svn-tpi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.svn-tpi li { list-style: none; padding: 1.2rem; border-radius: 1.2rem; background: #fff; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line); }
.svn-tpi li span { font-size: 1.8rem; display: block; margin-bottom: .3rem; }
.svn-tpi strong { display: block; font-size: 1.1rem; color: var(--wp--preset--color--logo); }
.svn-tpi { padding: 0; margin: 0; }
@media (max-width: 781px) { .svn-tpi { grid-template-columns: 1fr; } }
/* 0.4.11 – Gebührenordnung ([svn_fees]) */
.svn-feeset__top { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-bottom: 1.6rem; }
.svn-feeset__card { position: relative; overflow: hidden; display: block; padding: clamp(1.2rem, 1rem + 1vw, 1.8rem); border-radius: 1.4rem; color: var(--wp--preset--color--ink); text-decoration: none; }
.svn-feeset__card--guest { background: radial-gradient(circle at 105% -10%, rgba(255, 200, 61, .55) 0 7rem, transparent 7.05rem), var(--wp--preset--color--sun-light); box-shadow: inset 0 0 0 2px #FFD66B; }
.svn-feeset__card--member { background: radial-gradient(circle at 105% -10%, rgba(57, 172, 244, .35) 0 7rem, transparent 7.05rem), var(--wp--preset--color--splash-light); box-shadow: inset 0 0 0 2px var(--wp--preset--color--line); transition: transform .15s, box-shadow .15s; }
.svn-feeset__card--member:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 2px var(--wp--preset--color--splash), 0 14px 30px rgba(36, 69, 127, .14); }
.svn-feeset__eyebrow { margin: 0 0 .7rem !important; font-family: var(--wp--preset--font-family--display); font-size: 1.2rem; font-weight: 800; color: var(--wp--preset--color--logo-deep); }
.svn-feeset__duo { display: flex; gap: 1.6rem; flex-wrap: wrap; }
.svn-feeset__duo p { margin: 0 !important; display: grid; }
.svn-feeset__duo strong, .svn-feeset__from strong { font-family: var(--wp--preset--font-family--display); font-size: clamp(2rem, 1.6rem + 1.6vw, 2.8rem); line-height: 1; color: var(--wp--preset--color--logo-deep); }
.svn-feeset__duo span { font-weight: 700; color: var(--wp--preset--color--muted); }
.svn-feeset__from { margin: 0 !important; font-weight: 700; color: var(--wp--preset--color--muted); }
.svn-feeset__note { margin: .8rem 0 0 !important; font-size: .95rem; }
.svn-feeset__more { display: inline-block; margin-top: .6rem; font-weight: 800; color: var(--wp--preset--color--logo); }
.svn-feeset__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }
.svn-feeset__group { padding: clamp(1.1rem, .9rem + 1vw, 1.6rem); border-radius: 1.4rem; background: #fff; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line), 0 14px 32px rgba(36, 69, 127, .08); }
.svn-feeset__h { display: flex; align-items: center; gap: .65rem; margin: 0 0 .8rem !important; font-size: 1.25rem; }
.svn-feeset__icon { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: .9rem; background: var(--wp--preset--color--splash-soft); font-size: 1.35rem; }
.svn-feeset__list { list-style: none; margin: 0; padding: 0; }
.svn-feeset__list li { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .7rem 0; border-top: 1px dashed var(--wp--preset--color--line); }
.svn-feeset__list li:first-child { border-top: 0; }
.svn-feeset__name { font-weight: 600; }
.svn-feeset__price { display: flex; flex-direction: column; align-items: flex-end; flex: none; text-align: right; }
.svn-feeset__price strong { font-family: var(--wp--preset--font-family--display); font-size: 1.35rem; color: var(--wp--preset--color--logo-deep); white-space: nowrap; }
.svn-feeset__price em { font-style: normal; font-size: .78rem; font-weight: 700; padding: .05rem .5rem; border-radius: 999px; background: var(--wp--preset--color--splash-soft); color: var(--wp--preset--color--logo); }
.svn-feeset__empty { padding: 1rem 1.2rem; border-radius: 1rem; background: var(--wp--preset--color--splash-light); font-weight: 600; }
@media (max-width: 781px) { .svn-feeset__top, .svn-feeset__grid { grid-template-columns: 1fr; } }
/* 0.4.11 – Seite „Deine SVN App“ (Inhalt aus Live 1474, Optik jetzt im Theme) */
.svn-app-page { color: var(--wp--preset--color--ink); margin: 0 0 2.5rem; }
.svn-app-page *, .svn-app-page *::before, .svn-app-page *::after { box-sizing: border-box; }
.svn-app-page h2, .svn-app-page h3 { color: var(--wp--preset--color--logo-deep); margin: 0 0 .6rem; line-height: 1.2; }
.svn-app-page p { margin: 0 0 .9rem; line-height: 1.65; }
.svn-app-page figure { margin: 0; }
.svn-app-page a:not(.svn-badge) { color: var(--wp--preset--color--logo); font-weight: 700; }
.svn-app-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; padding: clamp(1.5rem, 5vw, 3.5rem); border-radius: 2rem; overflow: hidden; color: #fff; background: radial-gradient(circle at 92% 8%, var(--wp--preset--color--sun) 0 3.2rem, transparent 3.25rem), radial-gradient(circle at 70% 115%, rgba(57, 172, 244, .55) 0 11rem, transparent 11.05rem), linear-gradient(135deg, var(--wp--preset--color--logo-deep), var(--wp--preset--color--logo) 70%); box-shadow: 0 22px 46px rgba(36, 69, 127, .25); }
.svn-app-page .svn-app-hero__title { color: #fff; font-size: clamp(2rem, 4.2vw, 3.1rem); line-height: 1.08; margin-bottom: 1rem; }
.svn-app-eyebrow, .svn-app-kicker { display: inline-block; border-radius: 999px; padding: .3rem .9rem; font-size: .85rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.svn-app-eyebrow { background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); margin-bottom: .9rem; rotate: -2deg; }
.svn-app-page .svn-app-kicker { background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); margin-bottom: .9rem; rotate: -2deg; }
.svn-app-hero__lead { font-size: clamp(1.02rem, 1.6vw, 1.18rem); color: #EAF4FF; }
.svn-app-page .svn-app-hero__note { font-size: .92rem; color: #CFE3FA; margin: .9rem 0 0; }
.svn-app-hero__shot { justify-self: center; max-width: 290px; width: 100%; rotate: 3deg; }
.svn-app-hero__shot img, .svn-app-shot img { display: block; width: 100%; height: auto; border-radius: 1.8rem; border: 7px solid #0E1B3D; background: #0E1B3D; box-shadow: 0 22px 46px rgba(10, 20, 50, .35); }
.svn-app-page .svn-app-badges { margin: 1.4rem 0 0; }
.svn-app-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; margin-top: clamp(2.5rem, 6vw, 4.5rem); padding: clamp(1.5rem, 5vw, 3.5rem); border-radius: 2rem; background: radial-gradient(circle at 0 100%, rgba(255, 200, 61, .35) 0 8rem, transparent 8.05rem), var(--wp--preset--color--splash-light); }
.svn-app-card__img img { display: block; width: 100%; height: auto; border-radius: 1.4rem; box-shadow: 0 24px 50px rgba(36, 69, 127, .3); transform: rotate(-3deg); }
.svn-app-card__text h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); }
.svn-app-checks { list-style: none; margin: 0 0 1rem; padding: 0; }
.svn-app-checks li { position: relative; padding-left: 2rem; margin: 0 0 .6rem; line-height: 1.55; font-weight: 600; }
.svn-app-checks li::before { content: "✓"; position: absolute; left: 0; top: .1rem; display: grid; place-items: center; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: var(--wp--preset--color--leaf); color: #fff; font-size: .8rem; font-weight: 900; }
.svn-app-section { margin-top: clamp(2.5rem, 6vw, 4.5rem); }
.svn-app-page .svn-app-h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); text-align: center; margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }
.svn-app-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.9rem, 2vw, 1.25rem); }
.svn-app-tile { position: relative; overflow: hidden; padding: 1.3rem 1.25rem .5rem; border-radius: 1.3rem; background: #fff; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line), 0 12px 28px rgba(36, 69, 127, .08); transition: transform .15s, box-shadow .15s; }
.svn-app-tile:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--wp--preset--color--splash), 0 16px 32px rgba(36, 69, 127, .14); }
.svn-app-tile::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, var(--wp--preset--color--logo), var(--wp--preset--color--splash), var(--wp--preset--color--sun)); }
.svn-app-page .svn-app-tile h3 { font-size: 1.08rem; margin-bottom: .35rem; }
.svn-app-page .svn-app-tile p { font-size: .95rem; line-height: 1.5; }
.svn-app-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 48px; height: 48px; margin-bottom: .8rem; border-radius: 15px; background: var(--wp--preset--color--splash-soft); color: var(--wp--preset--color--logo); }
.svn-app-tile:nth-child(3n+2) .svn-app-icon { background: var(--wp--preset--color--sun-light); color: #8A5A00; }
.svn-app-tile:nth-child(3n) .svn-app-icon { background: var(--wp--preset--color--leaf-light); color: var(--wp--preset--color--leaf-deep); }
.svn-app-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.svn-app-icon--light { background: rgba(255, 255, 255, .16); color: #fff; }
.svn-app-row { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; max-width: 900px; margin: 0 auto clamp(2rem, 5vw, 3.5rem); }
.svn-app-row--flip { grid-template-columns: minmax(0, 1fr) minmax(0, 260px); }
.svn-app-row--flip .svn-app-shot { order: 2; }
.svn-app-shot { rotate: -2deg; }
.svn-app-row--flip .svn-app-shot { rotate: 2deg; }
.svn-app-row__text h3 { font-size: clamp(1.3rem, 2.2vw, 1.6rem); }
.svn-app-row__text h3::before { content: ""; display: block; width: 48px; height: 6px; margin-bottom: .8rem; border-radius: 6px; background: linear-gradient(90deg, var(--wp--preset--color--splash), var(--wp--preset--color--sun)); }
.svn-app-info { display: flex; gap: 1rem; align-items: flex-start; max-width: 1000px; margin: 0 auto; padding: 1.4rem 1.4rem .6rem; border-radius: 1.3rem; background: var(--wp--preset--color--sun-light); box-shadow: inset 0 0 0 2px #FFD66B; }
.svn-app-info .svn-app-icon { background: #fff; color: #8A5A00; }
.svn-app-info h3, .svn-app-steps h3 { font-size: 1.12rem; }
.svn-app-steps { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: clamp(1rem, 2.5vw, 1.5rem); max-width: 1000px; margin: 0 auto 1.5rem; padding: 0; }
.svn-app-steps li { display: flex; gap: 1rem; align-items: flex-start; margin: 0; padding: 1.3rem 1.3rem .5rem; border-radius: 1.3rem; background: var(--wp--preset--color--splash-light); }
.svn-app-step__num { display: flex; align-items: center; justify-content: center; flex: 0 0 42px; height: 42px; border-radius: 50%; background: var(--wp--preset--color--logo); color: #fff; font-weight: 800; font-size: 1.15rem; box-shadow: 0 0 0 4px #fff; }
.svn-app-page .svn-app-join { text-align: center; max-width: 1000px; margin: 1.25rem auto 0; }
.svn-app-future { margin-top: clamp(2.5rem, 6vw, 4.5rem); padding: clamp(1.75rem, 5vw, 3rem); border-radius: 2rem; text-align: center; color: #EAF4FF; background: radial-gradient(circle at 8% 110%, rgba(255, 200, 61, .5) 0 7rem, transparent 7.05rem), linear-gradient(135deg, var(--wp--preset--color--logo), var(--wp--preset--color--splash)); }
.svn-app-future p { max-width: 760px; margin-inline: auto; }
.svn-app-page .svn-app-future h2 { color: #fff; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.svn-app-page .svn-app-future a { color: #fff; text-decoration: underline; }
.svn-app-cta { margin-top: clamp(1.5rem, 4vw, 2.5rem); padding: clamp(1.75rem, 5vw, 3rem) clamp(1.25rem, 4vw, 3rem); border-radius: 2rem; text-align: center; color: #EAF4FF; background: radial-gradient(circle at 95% 0, var(--wp--preset--color--sun) 0 3rem, transparent 3.05rem), linear-gradient(135deg, var(--wp--preset--color--logo-deep), var(--wp--preset--color--logo)); }
.svn-app-page .svn-app-cta__title { color: #fff; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.svn-app-cta .svn-app-badges { justify-content: center; }
@media (max-width: 979px) { .svn-app-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.svn-app-hero { grid-template-columns: 1fr; padding: 1.75rem 1.25rem; border-radius: 1.5rem; }
	.svn-app-hero__shot { max-width: 230px; }
	.svn-app-card { grid-template-columns: 1fr; padding: 1.75rem 1.25rem; }
	.svn-app-card__img { max-width: 340px; justify-self: center; width: 100%; padding: .5rem; }
	.svn-app-tiles { gap: .75rem; }
	.svn-app-tile { padding: 1rem .9rem .3rem; }
	.svn-app-page .svn-app-tile h3 { font-size: .98rem; hyphens: auto; overflow-wrap: break-word; }
	.svn-app-page .svn-app-tile p { font-size: .88rem; }
	.svn-app-tile .svn-app-icon { width: 40px; height: 40px; margin-bottom: .6rem; }
	.svn-app-row, .svn-app-row--flip { grid-template-columns: 1fr; gap: 1.25rem; }
	.svn-app-row .svn-app-shot, .svn-app-row--flip .svn-app-shot { order: 2; max-width: 240px; justify-self: center; width: 100%; }
}
@media (max-width: 420px) { .svn-app-info { flex-direction: column; gap: .25rem; } }
@media (max-width: 339px) { .svn-app-tiles { grid-template-columns: 1fr; } }
/* 0.4.11 – Passwort vergessen: Seite + Skin für [svn_password_reset] (Backend-Formular, Optik aus dem Theme) */
.svn-pw { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(1.2rem, 3vw, 2.4rem); align-items: start; }
.svn-pw__tips { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.svn-pw__tips li { display: flex; gap: .9rem; padding: 1.1rem 1.2rem; border-radius: 1.2rem; background: #fff; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line), 0 10px 24px rgba(36, 69, 127, .07); }
.svn-pw__tips li:first-child { background: #EAF8EF; box-shadow: inset 0 0 0 2px #2FAE66; }
.svn-pw__tips li > span { flex: none; font-size: 1.6rem; line-height: 1.2; }
.svn-pw__tips strong { display: block; margin-bottom: .2rem; font-family: var(--wp--preset--font-family--display); font-size: 1.1rem; color: var(--wp--preset--color--logo-deep); }
.svn-pw__tips p { margin: 0 0 .3rem !important; font-size: .95rem; }
body .svn-pw .svn-pr { max-width: none; margin: 0; padding: clamp(1.2rem, 1rem + 1.5vw, 2rem); border-radius: 1.4rem; color: var(--wp--preset--color--ink); background: radial-gradient(circle at 100% 0, rgba(255, 200, 61, .45) 0 5.5rem, transparent 5.55rem), var(--wp--preset--color--splash-light); box-shadow: inset 0 0 0 1px var(--wp--preset--color--line), 0 16px 34px rgba(36, 69, 127, .1); }
body .svn-pw .svn-pr__intro { max-width: 30rem; }
body .svn-pw .svn-pr__label { font-weight: 800; color: var(--wp--preset--color--ink); }
body .svn-pw .svn-pr .svn-pr__form .svn-pr__input { min-height: 3.2rem; padding: .8rem 1rem; border: 2px solid var(--wp--preset--color--line) !important; border-radius: .9rem !important; background: #fff !important; color: var(--wp--preset--color--ink) !important; font: inherit; font-size: 1.05rem; font-weight: 600; }
body .svn-pw .svn-pr .svn-pr__form .svn-pr__input:focus { outline: none !important; border-color: var(--wp--preset--color--splash) !important; box-shadow: 0 0 0 4px rgba(57, 172, 244, .22) !important; }
body .svn-pw .svn-pr .svn-pr__form .svn-pr__input[aria-invalid="true"] { border-color: #C2412D !important; }
body .svn-pw .svn-pr .svn-pr__form .svn-pr__button { min-height: 3.3rem; border-radius: 999px !important; background: var(--wp--preset--color--sun) !important; color: var(--wp--preset--color--ink) !important; font: inherit; font-size: 1.1rem; font-weight: 800; box-shadow: 0 10px 24px rgba(201, 138, 0, .28); transition: transform .15s; }
body .svn-pw .svn-pr .svn-pr__form .svn-pr__button:hover { background: #FFD24F !important; transform: translateY(-2px); }
body .svn-pw .svn-pr .svn-pr__form .svn-pr__button:disabled { background: #E8DDB8 !important; color: #6B5B2A !important; box-shadow: none; transform: none; }
body .svn-pw .svn-pr__error { padding: .6rem .8rem; border-radius: .8rem; background: #FFEDEA; color: #9A2B17; }
body .svn-pw .svn-pr__done { padding: 1rem .5rem; }
body .svn-pw .svn-pr__done::before { content: "📬"; display: block; font-size: 2.8rem; animation: svn-wave 2.4s ease-in-out infinite; }
body .svn-pw .svn-pr__done-title { color: var(--wp--preset--color--logo-deep); font-family: var(--wp--preset--font-family--display); }
body .svn-pw .svn-pr__privacy, body .svn-pw .svn-pr__hint { color: var(--wp--preset--color--muted); }
body .svn-pw .svn-pr__privacy a { color: var(--wp--preset--color--logo); }
@media (max-width: 781px) { .svn-pw { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { body .svn-pw .svn-pr__done::before { animation: none; } }
/* 0.4.11 – Termine ([svn_events_list]) */
.svn-events__month { margin: 2rem 0 .9rem !important; font-size: clamp(1.3rem, 1.1rem + .8vw, 1.7rem); color: var(--wp--preset--color--logo-deep); }
.svn-events__month:first-child { margin-top: 0 !important; }
.svn-events__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.svn-events__item { display: flex; gap: clamp(.9rem, .6rem + 1.4vw, 1.6rem); align-items: flex-start; padding: clamp(1rem, .8rem + 1vw, 1.5rem); border-radius: 1.4rem; background: #fff; box-shadow: inset 0 0 0 1px var(--wp--preset--color--line), 0 12px 28px rgba(36, 69, 127, .08); }
.svn-events__item--next { background: radial-gradient(circle at 100% 0, rgba(255, 200, 61, .45) 0 6rem, transparent 6.05rem), var(--wp--preset--color--splash-light); box-shadow: inset 0 0 0 2px var(--wp--preset--color--splash), 0 16px 34px rgba(36, 69, 127, .14); }
.svn-events__date { flex: none; display: grid; place-items: center; align-content: center; width: 4.6rem; height: 4.8rem; border-radius: 1.1rem; background: linear-gradient(160deg, var(--wp--preset--color--logo), var(--wp--preset--color--splash)); color: #fff; box-shadow: 0 8px 18px rgba(36, 69, 127, .25); }
.svn-events__date span { font-size: .85rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; opacity: .9; }
.svn-events__date strong { font-family: var(--wp--preset--font-family--display); font-size: 2rem; line-height: 1; }
.svn-events__item--next .svn-events__date { background: linear-gradient(160deg, #F2A900, var(--wp--preset--color--sun)); color: var(--wp--preset--color--ink); }
.svn-events__body { min-width: 0; }
.svn-events__next { display: inline-block; margin: 0 0 .35rem !important; padding: .15rem .65rem; border-radius: 999px; background: var(--wp--preset--color--sun); color: var(--wp--preset--color--ink); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.svn-events__name { margin: 0 0 .25rem !important; font-size: clamp(1.15rem, 1.05rem + .5vw, 1.4rem); color: var(--wp--preset--color--logo-deep); }
.svn-events__when { margin: 0 0 .5rem !important; font-weight: 700; color: var(--wp--preset--color--logo); }
.svn-events__desc { margin: 0 0 .6rem !important; }
.svn-events__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .45rem; }
.svn-events__chips li { padding: .25rem .7rem; border-radius: 999px; background: var(--wp--preset--color--splash-soft); font-size: .85rem; font-weight: 700; }
.svn-events__chips .svn-events__chip--warn { background: #FFEDEA; color: #9A2B17; }
.svn-events__chips .svn-events__chip--going { background: var(--wp--preset--color--leaf-light); color: var(--wp--preset--color--leaf-deep); }
.svn-events__app, .svn-events__empty { margin: 1.4rem 0 0 !important; padding: .9rem 1.1rem; border-radius: 1rem; background: var(--wp--preset--color--sun-light); font-weight: 600; }
.svn-events__empty { background: var(--wp--preset--color--splash-light); }
@media (max-width: 600px) { .svn-events__date { width: 3.8rem; height: 4.1rem; } .svn-events__date strong { font-size: 1.6rem; } }
/* 0.4.11 – Rechtstexte (Impressum, Datenschutz): Text 1:1, nur Optik */
.svn-legal { max-width: 52rem; }
.svn-legal h2 { position: relative; margin: 2.4rem 0 .8rem !important; padding-top: .9rem; font-size: clamp(1.25rem, 1.1rem + .6vw, 1.6rem); color: var(--wp--preset--color--logo-deep); scroll-margin-top: 7rem; }
.svn-legal h2::before { content: ""; position: absolute; top: 0; left: 0; width: 3rem; height: 5px; border-radius: 5px; background: linear-gradient(90deg, var(--wp--preset--color--splash), var(--wp--preset--color--sun)); }
.svn-legal h3 { margin: 1.6rem 0 .5rem !important; font-size: 1.12rem; color: var(--wp--preset--color--logo); }
.svn-legal p, .svn-legal li { line-height: 1.7; overflow-wrap: anywhere; }
.svn-legal ul { padding-left: 1.3rem; }
.svn-legal li::marker { color: var(--wp--preset--color--splash); }
.svn-legal a { color: var(--wp--preset--color--logo); font-weight: 600; }
.svn-legal hr, .svn-legal .wp-block-separator { margin: 2rem 0; border: 0; border-top: 2px dashed var(--wp--preset--color--line); }
.svn-legal__toc { margin: 0 0 2rem; padding: 1.2rem 1.4rem; border-radius: 1.3rem; background: var(--wp--preset--color--splash-light); }
.svn-legal__toc-title { margin: 0 0 .6rem !important; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.15rem; color: var(--wp--preset--color--logo-deep); }
.svn-legal__toc ol { list-style: none; margin: 0; padding: 0; columns: 2 18rem; column-gap: 1.6rem; }
.svn-legal__toc li { break-inside: avoid; margin: 0 0 .3rem; line-height: 1.4; }
.svn-legal__toc a { color: var(--wp--preset--color--ink); font-weight: 600; text-decoration: none; }
.svn-legal__toc a:hover { color: var(--wp--preset--color--logo); text-decoration: underline; }
.svn-legal .svn-imprint-data { display: grid; grid-template-columns: max-content 1fr; gap: .45rem 1.2rem; margin: 1rem 0; padding: 1.1rem 1.3rem; border-radius: 1.2rem; background: var(--wp--preset--color--splash-light); }
.svn-legal .svn-imprint-data dt { font-weight: 800; color: var(--wp--preset--color--logo-deep); }
.svn-legal .svn-imprint-data dd { margin: 0; }
@media (max-width: 600px) { .svn-legal .svn-imprint-data { grid-template-columns: 1fr; } .svn-legal .svn-imprint-data dd { margin-bottom: .4rem; } }

/* =====================================================================
   0.5.0 – Vereinsarchiv „Zeitreise“ (Beiträge 1939–1945 … 2014): Zeitleiste, Jahres-Sticker, Polaroids,
   Kapitel-Karten. Nur Optik, Texte bleiben wortgleich.
   ===================================================================== */
.svn-pill--era { background: var(--tone-strong, var(--svn-logo)); color: var(--tone-on, #fff); transform: rotate(-2deg); }

/* Poststempel neben dem Kopfbild */
.svn-stamp {
	position: absolute; z-index: 4; top: -1.2rem; right: -.6rem; width: 7.4rem; aspect-ratio: 1; border-radius: 50%;
	display: grid; place-content: center; text-align: center; gap: .05rem;
	background: #fff; color: var(--tone-ink, var(--svn-logo)); border: 3px dashed var(--tone-strong, var(--svn-logo));
	box-shadow: 0 0 0 6px #fff, 0 14px 30px rgba(34, 70, 140, .25); transform: rotate(12deg);
	font-weight: 800; line-height: 1.05; animation: svn-sticker 6s ease-in-out infinite;
}
.svn-stamp__top, .svn-stamp__bottom { font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }
.svn-stamp__era { font-family: var(--wp--preset--font-family--display); font-size: 1.12rem; }
.svn-no-thumb.svn-chronik .svn-stamp { top: 0; right: 4%; }
@media (max-width: 781.98px) { .svn-stamp { width: 5.6rem; top: -.8rem; right: .2rem; } .svn-stamp__era { font-size: .9rem; } }

/* Zeitleiste über dem Text */
.svn-zeit { position: relative; z-index: 1; margin: 0 0 2.25rem; padding: 1rem 1rem .4rem; border-radius: var(--svn-radius-l);
	background: linear-gradient(135deg, var(--svn-splash-light), var(--wp--preset--color--sun-light)); }
.svn-zeit__title { margin: 0 0 .6rem .25rem; font-family: var(--wp--preset--font-family--display); font-weight: 800; color: var(--svn-logo); font-size: 1.05rem; }
.svn-zeit__track {
	position: relative; display: flex; gap: .4rem; margin: 0; padding: .6rem .25rem 1rem; list-style: none !important;
	overflow-x: auto; scroll-snap-type: x proximity; background: none !important; box-shadow: none !important;
}
.svn-zeit__track::before { /* die Zeitachse */
	content: ""; position: absolute; left: 1.5rem; right: 1.5rem; top: 2.15rem; height: 4px; border-radius: 4px; z-index: 0;
	background: repeating-linear-gradient(90deg, var(--svn-logo) 0 14px, transparent 14px 22px);
	opacity: .35;
}
.svn-zeit__track li { padding: 0; margin: 0; }
.svn-zeit__stop { position: relative; z-index: 1; flex: 1 0 5.6rem; scroll-snap-align: center; text-align: center; }
.svn-zeit__stop > a, .svn-zeit__stop > span { display: grid; justify-items: center; gap: .3rem; padding: .2rem; text-decoration: none; color: var(--svn-ink); border-radius: var(--svn-radius-m); }
.svn-zeit__dot {
	display: grid; place-items: center; width: 3.1rem; height: 3.1rem; border-radius: 50%; font-size: 1.55rem;
	background: #fff; box-shadow: 0 0 0 4px var(--tone-strong), 0 8px 18px rgba(34, 70, 140, .18);
	transition: transform .25s var(--svn-ease);
}
.svn-zeit__label { font-weight: 800; font-size: .86rem; line-height: 1.2; color: var(--tone-ink); }
.svn-zeit__stop a:hover .svn-zeit__dot, .svn-zeit__stop a:focus-visible .svn-zeit__dot { transform: translateY(-4px) rotate(-8deg) scale(1.08); }
.svn-zeit__stop.is-current .svn-zeit__dot { width: 3.7rem; height: 3.7rem; margin-top: -.3rem; font-size: 1.9rem; background: var(--tone-strong); animation: svn-wobble 6s ease-in-out infinite; }
.svn-zeit__here {
	display: inline-block; padding: .12rem .55rem; border-radius: var(--wp--custom--radius--pill); font-size: .7rem; font-weight: 800;
	background: var(--svn-sun); color: var(--svn-ink); transform: rotate(-3deg);
}

/* Zeitachse durch den Text, Jahres-Sticker */
.svn-chronik .svn-content--post { position: relative; padding-left: 2.4rem !important; }
.svn-chronik .svn-content--post::before {
	content: ""; position: absolute; left: .55rem; top: 0; bottom: 0; width: 5px; border-radius: 5px;
	background: linear-gradient(var(--svn-logo), var(--svn-splash) 30%, var(--svn-sun) 60%, var(--svn-leaf));
	opacity: .55;
}
.svn-chronik .svn-chronik__entry {
	position: relative; margin: 2rem 0 1.25rem !important; padding: 1.1rem 1.25rem 1.1rem !important; border: 0 !important;
	border-radius: var(--svn-radius-m); background: var(--tone, var(--svn-splash-light)); font-size: 1.12rem; font-weight: 450;
	box-shadow: 0 10px 26px rgba(34, 70, 140, .08); max-width: none;
}
.svn-chronik .svn-chronik__entry::before { /* Punkt auf der Zeitachse */
	content: "" !important; position: absolute !important; left: -2.25rem !important; top: 1.15rem !important; width: 1.15rem !important; height: 1.15rem !important;
	aspect-ratio: auto !important; border-radius: 50%; background: #fff !important; box-shadow: 0 0 0 4px var(--tone-strong, var(--svn-logo));
	-webkit-mask: none !important; mask: none !important;
}
.svn-chronik .svn-chronik__entry::after { display: none !important; }
.svn-chronik .svn-chronik__entry--t0 { --tone: var(--svn-splash-light); --tone-strong: var(--svn-splash); --year-bg: var(--svn-splash); --year-on: var(--svn-ink); }
.svn-chronik .svn-chronik__entry--t1 { --tone: var(--wp--preset--color--sun-light); --tone-strong: var(--svn-sun); --year-bg: var(--svn-sun); --year-on: var(--svn-ink); }
.svn-chronik .svn-chronik__entry--t2 { --tone: var(--wp--preset--color--leaf-light); --tone-strong: var(--svn-leaf); --year-bg: var(--wp--preset--color--leaf-deep); --year-on: #fff; }
.svn-chronik .svn-chronik__entry--t3 { --tone: #E8EEF9; --tone-strong: var(--svn-logo); --year-bg: var(--svn-logo); --year-on: #fff; }
.svn-chronik .svn-chronik__year {
	display: table; margin: -2.1rem 0 .55rem -.4rem; padding: .3rem .95rem; border-radius: 999px;
	background: var(--year-bg, var(--svn-logo)) !important; color: var(--year-on, #fff); font-family: var(--wp--preset--font-family--display);
	font-size: 1.3rem; font-weight: 800; line-height: 1.2; transform: rotate(-3deg); box-shadow: 0 6px 14px rgba(34, 70, 140, .2);
}
.svn-chronik .svn-chronik__entry--t1 .svn-chronik__year, .svn-chronik .svn-chronik__entry--t3 .svn-chronik__year { transform: rotate(2deg); }
.svn-chronik .svn-chronik__entry--solo { margin: 2.4rem 0 .5rem !important; padding: 0 !important; background: none !important; box-shadow: none; }
.svn-chronik .svn-chronik__entry--solo::before { top: .55rem !important; }
.svn-chronik .svn-chronik__entry--solo .svn-chronik__year { margin: 0; font-size: 1.6rem; }
.svn-chronik .svn-chronik__year + br { display: none; } /* Sticker ist ein eigener Block; der Umbruch bleibt im Text erhalten */
.svn-chronik .svn-chronik__title { background: none; padding: 0; }
.svn-chronik .svn-chronik__entry.svn-lead { font-size: 1.12rem; }
.svn-chronik .svn-content--post h3.svn-chronik__entry, .svn-chronik .svn-content--post h2.svn-chronik__entry { font-size: 1.35rem; }
.svn-chronik .svn-content--post h3.svn-chronik__entry .svn-chronik__year { font-size: 1.15rem; }
/* Zwischenüberschriften ohne Jahr bekommen einen Kringel statt Tropfen-Look aus normalen Beiträgen */
.svn-chronik .svn-content--post .svn-outro:not(.svn-chronik__entry) { background: var(--wp--preset--color--sun-light); border-left-color: var(--svn-sun); }

/* Alte Fotos als Polaroids */
.svn-chronik .svn-content--post img {
	background: #fff; padding: .45rem .45rem 1.5rem; border-radius: 4px !important; border: 0 !important;
	box-shadow: 0 12px 26px rgba(34, 70, 140, .22) !important; rotate: -2.5deg; transform: none;
	transition: rotate .25s var(--svn-ease), scale .25s var(--svn-ease), box-shadow .25s var(--svn-ease);
	height: auto; max-width: 100%;
}
.svn-chronik .svn-content--post a:nth-of-type(even) img, .svn-chronik .svn-content--post figure:nth-of-type(even) img { rotate: 2deg; }
.svn-chronik .svn-content--post a:nth-of-type(3n) img { rotate: -1deg; }
.svn-chronik .svn-content--post img:hover { rotate: 0deg; scale: 1.05; position: relative; z-index: 2; box-shadow: 0 20px 40px rgba(34, 70, 140, .3) !important; }
.svn-chronik .svn-content--post a:has(> img)::after { display: none; }
.svn-chronik .svn-chronik__photos {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 1.1rem 1rem; margin: 1.75rem 0 2rem;
	padding: 1.4rem 1rem 1.6rem; border-radius: var(--svn-radius-l);
	background: radial-gradient(circle at 12% 18%, rgba(255, 200, 61, .25) 0 40px, transparent 41px), #F6F1E6; /* Fotoalbum */
}
.svn-chronik .svn-chronik__photos > a, .svn-chronik .svn-chronik__photos > img { position: relative; flex: 0 1 15rem; }
.svn-chronik .svn-chronik__photos > a::before { /* Klebestreifen */
	content: ""; position: absolute; z-index: 3; top: -.55rem; left: 50%; width: 3.6rem; height: 1.1rem; translate: -50% 0; rotate: -4deg;
	background: rgba(255, 200, 61, .7); box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}
.svn-chronik .svn-chronik__photos > a:nth-of-type(even)::before { background: rgba(57, 172, 244, .55); rotate: 5deg; }
.svn-chronik .svn-chronik__photos > a img, .svn-chronik .svn-chronik__photos > img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } /* gleich große Abzüge, Klick öffnet das ganze Foto */
.svn-chronik .svn-chronik__photos--many > a img, .svn-chronik .svn-chronik__photos--many > img { aspect-ratio: 1; }
.svn-chronik .svn-chronik__photos--many > a, .svn-chronik .svn-chronik__photos--many > img { flex-basis: 10.5rem; }
.svn-chronik .svn-chronik__photos br { display: none; }
.svn-chronik .svn-content--post figure.wp-block-image { text-align: center; }
.svn-chronik .svn-content--post figure.wp-block-image img { max-width: min(100%, 26rem); }
@media (max-width: 599.98px) {
	.svn-chronik .svn-content--post { padding-left: 1.6rem !important; }
	.svn-chronik .svn-content--post::before { left: .25rem; width: 4px; }
	.svn-chronik .svn-chronik__entry::before { left: -1.6rem !important; width: .95rem !important; height: .95rem !important; }
	.svn-chronik .svn-chronik__photos { padding: 1.2rem .6rem 1.3rem; gap: .9rem .6rem; }
	.svn-chronik .svn-chronik__photos > a, .svn-chronik .svn-chronik__photos--many > a { flex-basis: calc(50% - .4rem); }
}

/* Weiter durch die Zeit */
.svn-chronik .svn-post-nav { display: none !important; }
.svn-zeit-nav { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1rem; margin: 2.75rem 0 0; }
.svn-zeit-next {
	position: relative; overflow: hidden; display: grid; gap: .15rem; padding: 1.1rem 1.25rem 1.2rem; border-radius: var(--svn-radius-l);
	background: var(--tone-strong); color: var(--tone-on) !important; text-decoration: none !important;
	transition: transform .2s var(--svn-ease), box-shadow .2s var(--svn-ease);
}
.svn-zeit-next--next { text-align: right; }
.svn-zeit-next:hover, .svn-zeit-next:focus-visible { transform: translateY(-4px) rotate(-1deg); box-shadow: 0 18px 40px rgba(34, 70, 140, .2); }
.svn-zeit-next__dir { font-size: .85rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; opacity: .9; }
.svn-zeit-next__era { position: relative; z-index: 1; font-family: var(--wp--preset--font-family--display); font-size: 1.7rem; font-weight: 800; }
.svn-zeit-next__emoji { position: absolute; right: .6rem; bottom: -.9rem; font-size: 4.2rem; opacity: .35; rotate: -12deg; }
.svn-zeit-next--next .svn-zeit-next__emoji { right: auto; left: .6rem; rotate: 12deg; }

/* Mehr aus dem Archiv (statt „Weitere Neuigkeiten“) */
.svn-archiv-more { padding: var(--wp--preset--spacing--50) var(--wp--style--root--padding-right, 1.25rem) var(--wp--preset--spacing--60) var(--wp--style--root--padding-left, 1.25rem); }
.svn-archiv-more__inner { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.svn-archiv-more .svn-section-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.svn-archiv-more__lead { margin: 0; color: var(--svn-ink); }
.svn-era-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.svn-era > a {
	display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: .55rem; border-radius: var(--svn-radius-l);
	background: var(--tone); color: var(--svn-ink); text-decoration: none; transition: transform .2s var(--svn-ease), box-shadow .2s var(--svn-ease);
}
.svn-era:nth-child(odd) > a { rotate: -.6deg; }
.svn-era:nth-child(even) > a { rotate: .6deg; }
.svn-era > a:hover, .svn-era > a:focus-visible { transform: translateY(-6px); rotate: 0deg; box-shadow: 0 20px 44px rgba(34, 70, 140, .18); }
.svn-era__media {
	position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: calc(var(--svn-radius-l) - .45rem);
	background: radial-gradient(circle at 25% 20%, rgba(255, 255, 255, .4), transparent 45%), var(--tone-strong);
}
.svn-era__img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.35) saturate(1.1); transition: filter .3s var(--svn-ease), scale .4s var(--svn-ease); }
.svn-era > a:hover .svn-era__img { filter: none; scale: 1.05; }
.svn-era__emoji {
	position: absolute; right: .7rem; bottom: .7rem; display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: 50%;
	background: #fff; font-size: 1.8rem; box-shadow: 0 8px 18px rgba(34, 70, 140, .22); rotate: 10deg;
}
.svn-era__media:not(:has(img)) .svn-era__emoji { inset: 0; margin: auto; width: 5.5rem; height: 5.5rem; font-size: 3rem; }
.svn-era__body { display: grid; gap: .35rem; padding: 1rem .7rem .8rem; flex: 1; align-content: start; }
.svn-era__range {
	justify-self: start; margin-top: -2.2rem; position: relative; z-index: 2; padding: .25rem .8rem; border-radius: 999px;
	background: var(--tone-strong); color: var(--tone-on); font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.15rem; rotate: -3deg;
}
.svn-era__title { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.3rem; color: var(--tone-ink); }
.svn-era__years { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.svn-era__years li { padding: .1rem .5rem; border-radius: 999px; background: #fff; font-size: .78rem; font-weight: 800; color: var(--tone-ink); }
.svn-era__go { margin-top: auto; padding-top: .4rem; font-weight: 800; color: var(--tone-ink); }
.svn-era__go::after { content: " →"; transition: margin .2s var(--svn-ease); }
.svn-era > a:hover .svn-era__go::after { margin-left: .3rem; }
@media (prefers-reduced-motion: reduce) {
	.svn-stamp, .svn-zeit__stop.is-current .svn-zeit__dot { animation: none; }
}