@font-face {
	font-family: 'Cinzel';
	src: url('../fonts/cinzel-600-latin.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Cinzel';
	src: url('../fonts/cinzel-600-latin-ext.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-0107, U+010C-0113, U+0116-011B, U+011E-011F, U+012A-012B, U+012E-012F, U+0141-0144, U+0147-0148, U+014C-014D, U+0150-0151, U+0154-0155, U+0158-015B, U+015E-0165, U+016A-016B, U+016E-0173, U+0179-017E, U+0218-021B;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-latin.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-latin-ext.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-0107, U+010C-0113, U+0116-011B, U+011E-011F, U+012A-012B, U+012E-012F, U+0141-0144, U+0147-0148, U+014C-014D, U+0150-0151, U+0154-0155, U+0158-015B, U+015E-0165, U+016A-016B, U+016E-0173, U+0179-017E, U+0218-021B;
}
:root {
	--sb-nacht: #16202b;
	--sb-nacht-tief: #0f1720;
	--sb-messing: #c08b3e;
	--sb-messing-hell: #dcb268;
	--sb-messing-dunkel: #855e1e;
	--sb-flaeche: #f7f4ee;
	--sb-flaeche-alt: #ede6d9;
	--sb-papier: #ffffff;
	--sb-tinte: #16202b;
	--sb-tinte-weich: #4a5763;
	--sb-linie: rgba(22, 32, 43, 0.14);
	--sb-linie-hell: rgba(247, 244, 238, 0.18);
	--sb-schrift-titel: 'Cinzel', 'Trajan Pro 3', Georgia, 'Times New Roman', serif;
	--sb-schrift-text: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--sb-groesse-klein: 0.875rem;
	--sb-groesse-text: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--sb-groesse-gross: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
	--sb-groesse-h3: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
	--sb-groesse-h2: clamp(1.5rem, 1.3rem + 1vw, 2.125rem);
	--sb-groesse-h1: clamp(2rem, 1.5rem + 2.4vw, 3.5rem);
	--sb-raum-xs: 0.5rem;
	--sb-raum-s: 0.875rem;
	--sb-raum-m: 1.5rem;
	--sb-raum-l: 2.5rem;
	--sb-raum-xl: clamp(3rem, 2rem + 4vw, 5.5rem);
	--sb-breite: 60rem;
	--sb-radius: 2px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
body,
h1, h2, h3, h4,
p, figure, blockquote,
ul, ol, dl, dd,
address {
	margin: 0;
}
ul[class],
ol[class] {
	padding: 0;
	list-style: none;
}
img,
picture,
video,
iframe {
	max-width: 100%;
	height: auto;
	display: block;
}
button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}
html {
	-webkit-text-size-adjust: 100%;
}
body {
	background-color: var(--sb-flaeche);
	color: var(--sb-tinte);
	font-family: var(--sb-schrift-text);
	font-size: var(--sb-groesse-text);
	line-height: 1.65;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
	font-family: var(--sb-schrift-titel);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: 0.02em;
	text-wrap: balance;
}
h1 { font-size: var(--sb-groesse-h1); }
h2 { font-size: var(--sb-groesse-h2); }
h3 { font-size: var(--sb-groesse-h3); }
p {
	text-wrap: pretty;
}
p,
li,
dd,
blockquote,
figcaption,
.sb-inhalt {
	text-align: justify;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.sb-einbettung__text p,
.sb-lightbox__text {
	text-align: center;
}
a {
	color: var(--sb-messing-dunkel);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
a:hover {
	color: var(--sb-tinte);
}
address {
	font-style: normal;
}
.sb-container {
	width: min(100% - 2.5rem, var(--sb-breite));
	margin-inline: auto;
}
.sb-main {
	display: block;
}
.sb-sektion {
	padding-block: var(--sb-raum-xl);
}
.sb-main > *:not(dialog) {
	background-color: var(--sb-flaeche);
}
.sb-main > *:not(dialog):nth-child(even) {
	background-color: var(--sb-flaeche-alt);
}
.sb-fliess,
.sb-inhalt {
	font-size: var(--sb-groesse-gross);
}
.sb-inhalt > * + * {
	margin-block-start: var(--sb-raum-m);
}
.sb-inhalt h2 {
	margin-block-start: var(--sb-raum-l);
}
.sb-inhalt > h2:first-child {
	margin-block-start: 0;
}
.sb-seitentitel {
	margin-block-end: var(--sb-raum-m);
}
.sb-brotkrumen {
	margin-block-end: var(--sb-raum-m);
	font-size: var(--sb-groesse-klein);
	color: var(--sb-tinte-weich);
}
.sb-brotkrumen ol {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-raum-xs);
	margin: 0;
	padding: 0;
	list-style: none;
}
.sb-brotkrumen li + li::before {
	content: '›';
	margin-inline-end: var(--sb-raum-xs);
	color: var(--sb-tinte-weich);
}
.sb-visuell-versteckt,
.sb-skip:not(:focus) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.sb-skip:focus {
	position: absolute;
	inset-block-start: var(--sb-raum-xs);
	inset-inline-start: var(--sb-raum-xs);
	z-index: 100;
	padding: var(--sb-raum-s) var(--sb-raum-m);
	background-color: var(--sb-messing);
	color: var(--sb-nacht);
	font-weight: 600;
	text-decoration: none;
}
.sb-header {
	position: sticky;
	inset-block-start: 0;
	z-index: 50;
	background-color: var(--sb-nacht);
	color: var(--sb-flaeche);
}
.sb-header.is-kompakt {
	background-color: rgba(22, 32, 43, 0.92);
	box-shadow: 0 1px 0 var(--sb-linie-hell), 0 8px 24px rgba(15, 23, 32, 0.28);
}
@supports (backdrop-filter: blur(1px)) {
	.sb-header.is-kompakt {
		backdrop-filter: saturate(140%) blur(10px);
	}
}
html {
	overflow-anchor: none;
	scroll-padding-block-start: 6rem;
}
.sb-header__wache {
	height: 1px;
	margin-block-end: -1px;
	overflow-anchor: none;
}
.sb-header__innen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--sb-raum-s);
	padding-block: var(--sb-raum-s);
	transition: padding-block 0.2s ease;
}
.is-kompakt .sb-header__innen {
	padding-block: calc(var(--sb-raum-xs) / 2);
}
@media (prefers-reduced-motion: reduce) {
	.sb-header__innen,
	.sb-header__marke img.sb-header__logo {
		transition: none;
	}
}
.sb-header__marke a {
	color: inherit;
	text-decoration: none;
}
.sb-header__marke img {
	max-height: 3rem;
	width: auto;
}
.sb-header__marke img.sb-header__logo {
	display: block;
	height: auto;
	width: 9rem;
	max-height: none;
	transition: width 0.2s ease;
}
@media (min-width: 48em) {
	.sb-header__marke img.sb-header__logo {
		width: 12rem;
	}
}
.is-kompakt .sb-header__marke img.sb-header__logo {
	width: 6.5rem;
}
@media (min-width: 48em) {
	.is-kompakt .sb-header__marke img.sb-header__logo {
		width: 8rem;
	}
}
.sb-nav__schalter {
	display: inline-flex;
	align-items: center;
	gap: var(--sb-raum-xs);
	padding: var(--sb-raum-xs) var(--sb-raum-s);
	background: transparent;
	border: 1px solid var(--sb-linie-hell);
	border-radius: var(--sb-radius);
	color: inherit;
	cursor: pointer;
}
.sb-nav__schalter-strich,
.sb-nav__schalter-strich::before,
.sb-nav__schalter-strich::after {
	display: block;
	width: 1.25rem;
	height: 2px;
	background-color: currentColor;
	content: '';
}
.sb-nav__schalter-strich {
	position: relative;
}
.sb-nav__schalter-strich::before { position: absolute; inset-block-start: -6px; }
.sb-nav__schalter-strich::after  { position: absolute; inset-block-start: 6px; }
.sb-nav {
	display: none;
	flex-basis: 100%;
}
.sb-nav.is-offen {
	display: block;
	padding-block-end: var(--sb-raum-m);
	max-height: calc(100vh - 5rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}
.sb-nav__liste {
	display: flex;
	flex-direction: column;
	gap: var(--sb-raum-xs);
	margin: 0;
}
.sb-nav__liste a {
	display: block;
	padding-block: var(--sb-raum-xs);
	color: var(--sb-flaeche);
	font-weight: 500;
	text-decoration: none;
	border-block-end: 1px solid var(--sb-linie-hell);
}
.sb-nav__liste a:hover,
.sb-nav__liste a:focus-visible,
.sb-nav__liste [aria-current='page'] {
	color: var(--sb-messing-hell);
}
.sb-nav__cta {
	margin-block-start: var(--sb-raum-m);
}
@media (min-width: 60em) {
	.sb-nav__schalter {
		display: none;
	}
	.sb-nav {
		display: flex !important;
		align-items: center;
		gap: var(--sb-raum-l);
		flex-basis: auto;
		padding-block-end: 0;
	}
	.sb-nav__liste {
		flex-direction: row;
		gap: var(--sb-raum-m);
	}
	.sb-nav__liste a {
		border-block-end: 0;
		padding-block: 0;
	}
	.sb-nav__cta {
		margin-block-start: 0;
	}
}
.sb-button {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: var(--sb-radius);
	font-weight: 600;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.sb-button--primaer {
	background-color: var(--sb-messing);
	color: var(--sb-nacht);
}
.sb-button--primaer:hover {
	background-color: var(--sb-messing-hell);
	color: var(--sb-nacht);
}
.sb-button--sekundaer {
	border-color: currentColor;
	color: inherit;
}
.sb-button--sekundaer:hover {
	background-color: var(--sb-messing);
	border-color: var(--sb-messing);
	color: var(--sb-nacht);
}
.sb-hero__innen {
	padding-block: var(--sb-raum-xl);
}
.sb-hero__titel {
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.sb-hero__claim {
	margin-block-start: var(--sb-raum-m);
	font-size: var(--sb-groesse-gross);
	color: var(--sb-tinte-weich);
}
.sb-hero__aktionen {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-raum-s);
	margin-block-start: var(--sb-raum-l);
}
.sb-hero__bild {
	margin: var(--sb-raum-l) 0 0;
}
.sb-hero__foto {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--sb-radius);
}
.sb-hero__nachweis {
	margin-block-start: var(--sb-raum-xs);
	font-size: var(--sb-groesse-klein);
	color: var(--sb-tinte-weich);
}
@media (min-width: 52em) {
	.sb-hero--mit-bild .sb-hero__innen {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: var(--sb-raum-xl);
		align-items: center;
	}
	.sb-hero--mit-bild .sb-hero__bild {
		grid-column: 2;
		grid-row: 1 / span 3;
		margin-block-start: 0;
	}
}
.sb-zahlen {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--sb-raum-m);
	margin: 0;
}
.sb-zahlen__kachel {
	padding: var(--sb-raum-m);
	border: 1px solid var(--sb-linie);
	border-radius: var(--sb-radius);
	text-align: center;
}
.sb-zahlen__wert {
	display: block;
	font-family: var(--sb-schrift-titel);
	font-size: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
	line-height: 1.1;
	color: var(--sb-messing-dunkel);
}
.sb-zahlen__text {
	display: block;
	margin-block-start: var(--sb-raum-xs);
	font-size: var(--sb-groesse-klein);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
@media (min-width: 48em) {
	.sb-zahlen {
		grid-template-columns: repeat(4, 1fr);
	}
}
.sb-abschluss {
	margin-block: var(--sb-raum-l) var(--sb-raum-m);
	font-size: var(--sb-groesse-gross);
}
.sb-sektion__titel {
	margin-block-end: var(--sb-raum-m);
}
.sb-sektion__vorspann {
	margin-block-end: var(--sb-raum-l);
}
.sb-sektion__weiter {
	margin-block-start: var(--sb-raum-m);
	font-weight: 600;
}
.sb-news {
	display: grid;
	gap: var(--sb-raum-l);
	margin: 0;
}
.sb-news__datum {
	display: block;
	font-size: var(--sb-groesse-klein);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--sb-tinte-weich);
}
.sb-news__titel {
	margin-block: var(--sb-raum-xs) var(--sb-raum-s);
	font-size: var(--sb-groesse-h3);
}
.sb-news__text {
	font-size: var(--sb-groesse-text);
}
.sb-news__text > * + * {
	margin-block-start: var(--sb-raum-s);
}
@media (min-width: 48em) {
	.sb-news {
		grid-template-columns: repeat(3, 1fr);
	}
}
.sb-termine {
	display: grid;
	gap: var(--sb-raum-m);
	margin: 0;
}
.sb-termin {
	padding: var(--sb-raum-m);
	background-color: var(--sb-papier);
	border: 1px solid var(--sb-linie);
	border-inline-start: 3px solid var(--sb-messing);
	border-radius: var(--sb-radius);
}
.sb-termin__datum {
	display: block;
	font-size: var(--sb-groesse-klein);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--sb-messing-dunkel);
}
.sb-termin__titel {
	margin-block: var(--sb-raum-xs) 0;
	font-size: var(--sb-groesse-h3);
}
.sb-termin__titel a {
	color: inherit;
	text-decoration: none;
}
.sb-termin__titel a:hover {
	text-decoration: underline;
}
.sb-termin__ort {
	margin-block-start: var(--sb-raum-xs);
	color: var(--sb-tinte-weich);
}
.sb-termin--abgesagt {
	border-inline-start-color: var(--sb-tinte-weich);
}
.sb-termin--abgesagt .sb-termin__titel {
	text-decoration: line-through;
}
.sb-termin__status {
	margin-block-start: var(--sb-raum-xs);
	font-size: var(--sb-groesse-klein);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--sb-tinte-weich);
}
@media (min-width: 48em) {
	.sb-termine {
		grid-template-columns: repeat(3, 1fr);
	}
}
.sb-termine--liste {
	gap: var(--sb-raum-s);
}
@media (min-width: 48em) {
	.sb-termine--liste {
		grid-template-columns: 1fr;
	}
}
.sb-seitentitel + .sb-termin__bild,
.sb-termin__datum + .sb-seitentitel {
	margin-block-start: var(--sb-raum-xs);
}
.sb-termin__bild {
	width: 100%;
	height: auto;
	margin-block: var(--sb-raum-l) 0;
	border-radius: var(--sb-radius);
}
.sb-termin__adresse {
	margin-block-start: var(--sb-raum-l);
}
.sb-termin__aktionen {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-raum-s);
	margin-block-start: var(--sb-raum-l);
}
.sb-hinweis {
	margin-block-end: var(--sb-raum-m);
	padding: var(--sb-raum-s) var(--sb-raum-m);
	background-color: var(--sb-flaeche-alt);
	border-inline-start: 4px solid var(--sb-tinte-weich);
	border-radius: var(--sb-radius);
	font-weight: 600;
}
.sb-hinweis--warnung {
	border-inline-start-color: var(--sb-messing-dunkel);
}
.sb-hinweis__text {
	margin: 0;
}
.sb-hinweis__liste {
	margin: var(--sb-raum-xs) 0 0 0;
	padding-inline-start: 1.2em;
	font-weight: 400;
}
.sb-hinweis__liste li + li {
	margin-block-start: 0.2em;
}
.sb-anlaesse {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--sb-raum-s);
	margin: 0;
}
@media (min-width: 36em) {
	.sb-anlaesse {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 56em) {
	.sb-anlaesse {
		grid-template-columns: repeat(3, 1fr);
	}
}
.sb-anlaesse__kachel a {
	display: block;
	height: 100%;
	padding: var(--sb-raum-m);
	background-color: var(--sb-papier);
	border: 1px solid var(--sb-linie);
	border-radius: var(--sb-radius);
	color: var(--sb-tinte);
	font-family: var(--sb-schrift-titel);
	font-size: var(--sb-groesse-gross);
	text-decoration: none;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
.sb-anlaesse__kachel a:hover,
.sb-anlaesse__kachel a:focus-visible {
	background-color: var(--sb-flaeche);
	border-color: var(--sb-messing);
}
.sb-bloecke {
	display: grid;
	gap: var(--sb-raum-xl);
}
.sb-block > * + * {
	margin-block-start: var(--sb-raum-m);
}
.sb-block__titel {
	margin-block-end: var(--sb-raum-xs);
}
.sb-einbettung {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: var(--sb-einbettung-verhaeltnis, 16 / 9);
	overflow: hidden;
	background-color: var(--sb-nacht);
	border-radius: var(--sb-radius);
}
.sb-einbettung--gerechnet {
	aspect-ratio: auto;
	height: 0;
	padding-block-start: var(--sb-einbettung-zusatz);
}
.sb-einbettung--gerechnet .sb-einbettung__rahmen,
.sb-einbettung--gerechnet .sb-einbettung__text {
	position: absolute;
	inset: 0;
}
.sb-einbettung--gerechnet .sb-einbettung__text {
	margin-inline: auto;
}
.sb-einbettung__bild {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.4;
}
.sb-einbettung__zeichen {
	width: 9rem;
	height: auto;
	margin-block-end: var(--sb-raum-m);
	opacity: 0.45;
}
.sb-einbettung__text {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 26rem;
	padding: var(--sb-raum-m);
	color: var(--sb-flaeche);
	text-align: center;
}
.sb-einbettung__titel {
	font-family: var(--sb-schrift-titel);
	font-size: var(--sb-groesse-gross);
}
.sb-einbettung__hinweis {
	margin-block: var(--sb-raum-xs) var(--sb-raum-m);
	font-size: var(--sb-groesse-klein);
	color: rgba(247, 244, 238, 0.8);
}
.sb-einbettung.is-geladen {
	display: block;
}
.sb-einbettung__rahmen {
	width: 100%;
	height: 100%;
	border: 0;
}
.sb-container > .sb-einbettung {
	margin-block-start: var(--sb-raum-l);
}
.sb-mitglieder {
	display: grid;
	gap: var(--sb-raum-xl);
	margin: 0;
}
.sb-mitglied__bild {
	width: 100%;
	max-width: 16rem;
	height: auto;
	margin-block-end: var(--sb-raum-m);
	border-radius: var(--sb-radius);
}
.sb-mitglied__instrument {
	margin-block-start: var(--sb-raum-xs);
	font-size: var(--sb-groesse-klein);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--sb-messing-dunkel);
}
.sb-mitglied__text {
	margin-block-start: var(--sb-raum-m);
}
.sb-mitglied__text > * + * {
	margin-block-start: var(--sb-raum-s);
}
@media (min-width: 48em) {
	.sb-mitglieder {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--sb-raum-xl) var(--sb-raum-l);
	}
}
.sb-direktweg {
	display: grid;
	gap: var(--sb-raum-xs);
	margin-block-start: var(--sb-raum-l);
	font-size: var(--sb-groesse-gross);
}
.sb-formular {
	display: grid;
	gap: var(--sb-raum-m);
}
@media (min-width: 40em) {
	.sb-formular {
		grid-template-columns: repeat(2, 1fr);
	}
	.sb-formular > .sb-feld--textarea,
	.sb-formular > .sb-feld--checkbox,
	.sb-formular__absenden {
		grid-column: 1 / -1;
	}
}
.sb-feld {
	display: grid;
	gap: var(--sb-raum-xs);
}
.sb-feld__label {
	font-weight: 600;
}
.sb-feld__zusatz {
	font-weight: 400;
	color: var(--sb-tinte-weich);
}
.sb-feld__hinweis {
	margin: 0;
	font-size: var(--sb-groesse-klein);
	color: var(--sb-tinte-weich);
}
.sb-feld__eingabe,
.sb-newsletter input[type='text'],
.sb-newsletter input[type='email'] {
	width: 100%;
	padding: 0.6rem 0.75rem;
	background-color: var(--sb-papier);
	border: 1px solid var(--sb-tinte-weich);
	border-radius: var(--sb-radius);
}
.sb-feld__eingabe:focus-visible {
	outline: 2px solid var(--sb-messing-dunkel);
	outline-offset: 1px;
}
textarea.sb-feld__eingabe {
	resize: vertical;
}
.sb-feld__einwilligung,
.sb-newsletter .sb-feld--haken {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--sb-raum-s);
	align-items: start;
}
.sb-feld__einwilligung input,
.sb-newsletter .sb-feld--haken input {
	margin-block-start: 0.3em;
	width: 1.1rem;
	height: 1.1rem;
}
.sb-feld__fehler {
	margin: 0;
	font-size: var(--sb-groesse-klein);
	font-weight: 600;
	color: #9a2020;
}
.sb-feld--fehler .sb-feld__eingabe {
	border-color: #9a2020;
	border-width: 2px;
}
.sb-honigtopf {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.sb-formular__absenden {
	margin-block-start: var(--sb-raum-s);
}
.sb-newsletter__titel {
	margin-block-end: var(--sb-raum-xs);
	font-size: var(--sb-groesse-h3);
}
.sb-newsletter__text {
	margin-block-end: var(--sb-raum-m);
}
.sb-newsletter__form {
	display: grid;
	gap: var(--sb-raum-m);
}
.sb-newsletter__felder {
	display: grid;
	gap: var(--sb-raum-m);
}
.sb-newsletter input[type='text'],
.sb-newsletter input[type='email'] {
	color: var(--sb-tinte);
}
.sb-newsletter .sb-feld__zusatz {
	color: inherit;
	opacity: 0.8;
}
.sb-newsletter .sb-feld--haken {
	margin: 0;
	font-size: var(--sb-groesse-klein);
}
.sb-newsletter .sb-button {
	justify-self: start;
}
.sb-meldung {
	margin-block-end: var(--sb-raum-m);
	padding-inline-start: var(--sb-raum-m);
	border-inline-start: 4px solid currentcolor;
	font-size: var(--sb-groesse-klein);
}
.sb-meldung--erfolg {
	border-inline-start-style: solid;
}
.sb-meldung--hinweis {
	border-inline-start-style: dashed;
}
.sb-meldung--fehler {
	border-inline-start-style: double;
	border-inline-start-width: 6px;
}
@media (min-width: 40em) {
	.sb-newsletter__felder {
		grid-template-columns: 1fr 1.4fr;
	}
}
.tnp-button-form {
	margin-block-start: var(--sb-raum-m);
}
.tnp-submit {
	display: inline-block;
	padding: 0.7rem 1.4rem;
	background-color: var(--sb-messing-dunkel);
	color: var(--sb-flaeche);
	border: 0;
	border-radius: var(--sb-radius);
	font-weight: 600;
	cursor: pointer;
}
.tnp-submit:hover {
	background-color: var(--sb-nacht);
}
.sb-fragen {
	margin-block-start: var(--sb-raum-l);
	border-block-start: 1px solid var(--sb-linie);
}
.sb-frage {
	border-block-end: 1px solid var(--sb-linie);
}
.sb-frage__frage {
	padding-block: var(--sb-raum-m);
	font-family: var(--sb-schrift-titel);
	font-size: var(--sb-groesse-h3);
	line-height: 1.25;
	cursor: pointer;
}
.sb-frage__frage::marker,
.sb-frage__frage::-webkit-details-marker {
	color: var(--sb-messing-dunkel);
}
.sb-frage__frage:focus-visible {
	outline: 2px solid var(--sb-messing-dunkel);
	outline-offset: 2px;
}
.sb-frage__antwort {
	padding-block-end: var(--sb-raum-m);
	padding-inline-start: var(--sb-raum-m);
}
.sb-frage > .sb-titelliste {
	padding-block-end: var(--sb-raum-m);
	padding-inline-start: var(--sb-raum-m);
}
.sb-titelliste {
	margin-block-start: var(--sb-raum-m);
	margin-block-end: 0;
}
.sb-titel {
	display: grid;
	gap: 0.1rem;
	margin-block-end: var(--sb-raum-s);
	break-inside: avoid;
}
.sb-titel__name {
	font-family: var(--sb-schrift-titel);
	font-size: var(--sb-groesse-gross);
	line-height: 1.25;
}
.sb-titel__zusatz {
	font-size: var(--sb-groesse-klein);
	line-height: 1.4;
	color: var(--sb-tinte-weich);
}
.sb-titel__urheber {
	font-size: var(--sb-groesse-klein);
	letter-spacing: 0.03em;
	color: var(--sb-messing-dunkel);
}
@media (min-width: 48em) {
	.sb-titelliste {
		column-count: 2;
		column-gap: var(--sb-raum-l);
	}
}
.sb-rechtstext > * + * {
	margin-block-start: var(--sb-raum-m);
}
.sb-rechtstext h2 {
	margin-block-start: var(--sb-raum-l);
	font-size: var(--sb-groesse-h3);
}
.sb-rechtstext ul {
	padding-inline-start: var(--sb-raum-m);
	list-style: disc;
}
.sb-rechtstext__hinweis {
	margin-block-start: var(--sb-raum-l);
	padding-block-start: var(--sb-raum-m);
	border-block-start: 1px solid var(--sb-linie);
	color: var(--sb-tinte-weich);
}
.sb-galerie {
	position: relative;
}
.sb-galerie__spur {
	display: flex;
	margin: 0;
	width: 100%;
	aspect-ratio: 3 / 2;
	max-height: 70vh;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}
.sb-galerie.is-bedient .sb-galerie__spur {
	scrollbar-width: none;
}
.sb-galerie.is-bedient .sb-galerie__spur::-webkit-scrollbar {
	display: none;
}
.sb-galerie__feld {
	flex: 0 0 100%;
	scroll-snap-align: center;
	scroll-snap-stop: always;
}
.sb-bild {
	margin: 0;
	height: 100%;
}
.sb-bild__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: var(--sb-nacht);
}
.sb-bild__link:focus-visible {
	outline: 2px solid var(--sb-messing-dunkel);
	outline-offset: -3px;
}
.sb-bild__datei {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.sb-galerie__schalter,
.sb-lightbox__schalter,
.sb-lightbox__schliessen {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	border-radius: 50%;
	background-color: rgba(15, 23, 32, 0.72);
	color: var(--sb-flaeche);
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}
.sb-galerie__schalter,
.sb-lightbox__schalter {
	inset-block-start: 50%;
	translate: 0 -50%;
}
.sb-galerie__schalter:focus-visible,
.sb-lightbox__schalter:focus-visible,
.sb-lightbox__schliessen:focus-visible {
	outline: 2px solid var(--sb-messing-hell);
	outline-offset: 2px;
}
.sb-galerie__schalter:hover {
	background-color: var(--sb-nacht);
}
.sb-galerie__schalter[disabled] {
	opacity: 0.35;
	cursor: default;
}
.sb-galerie__schalter--zurueck {
	inset-inline-start: var(--sb-raum-s);
}
.sb-galerie__schalter--weiter {
	inset-inline-end: var(--sb-raum-s);
}
.sb-galerie__fuss {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-raum-xs) var(--sb-raum-m);
	justify-content: space-between;
	align-items: baseline;
	margin-block-start: var(--sb-raum-s);
}
.sb-galerie__steuerung {
	display: flex;
	align-items: baseline;
	gap: var(--sb-raum-s);
}
.sb-galerie__pause {
	padding: 0;
	border: 0;
	background: none;
	color: var(--sb-tinte-weich);
	font-family: inherit;
	font-size: var(--sb-groesse-klein);
	text-decoration: underline;
	cursor: pointer;
}
.sb-galerie__pause:hover {
	color: var(--sb-tinte);
}
.sb-galerie__stand {
	margin: 0;
	font-size: var(--sb-groesse-klein);
	color: var(--sb-tinte-weich);
	font-variant-numeric: tabular-nums;
}
.sb-lightbox {
	max-width: min(96vw, 1600px);
	max-height: 94vh;
	padding: 0;
	border: 0;
	background-color: var(--sb-nacht-tief);
	color: var(--sb-flaeche);
}
.sb-lightbox::backdrop {
	background-color: rgba(15, 23, 32, 0.9);
}
.sb-lightbox__innen {
	margin: 0;
}
.sb-lightbox__bild {
	display: block;
	max-width: 96vw;
	max-height: 82vh;
	width: auto;
	height: auto;
	margin-inline: auto;
}
.sb-lightbox__text {
	padding: var(--sb-raum-s) var(--sb-raum-m);
	font-size: var(--sb-groesse-klein);
	text-align: center;
	color: var(--sb-flaeche-alt);
}
.sb-lightbox__schalter:hover,
.sb-lightbox__schliessen:hover {
	background-color: var(--sb-messing-dunkel);
}
.sb-lightbox__schalter--zurueck {
	inset-inline-start: var(--sb-raum-s);
}
.sb-lightbox__schalter--weiter {
	inset-inline-end: var(--sb-raum-s);
}
.sb-lightbox__schliessen {
	top: var(--sb-raum-s);
	inset-inline-end: var(--sb-raum-s);
	font-size: 1.125rem;
}
.sb-stimmen {
	display: grid;
	gap: var(--sb-raum-l);
	margin: 0;
}
.sb-stimme {
	margin: 0;
	padding-inline-start: var(--sb-raum-m);
	border-inline-start: 2px solid var(--sb-messing);
}
.sb-stimme__zitat {
	font-family: var(--sb-schrift-titel);
	font-size: var(--sb-groesse-gross);
	line-height: 1.4;
}
.sb-stimme__quelle {
	margin-block-start: var(--sb-raum-s);
	font-size: var(--sb-groesse-klein);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--sb-messing-dunkel);
}
.sb-stimme__quelle time::before {
	content: ' · ';
}
.sb-presseliste {
	display: grid;
	gap: var(--sb-raum-l);
	margin: 0;
}
.sb-stimme--gross .sb-stimme__zitat {
	font-size: var(--sb-groesse-h3);
}
.sb-material {
	display: grid;
	gap: var(--sb-raum-m);
	margin: 0;
}
.sb-material__eintrag {
	display: grid;
	gap: 0.15rem;
	padding-block-end: var(--sb-raum-m);
	border-block-end: 1px solid var(--sb-linie);
}
.sb-material__eintrag a {
	font-family: var(--sb-schrift-titel);
	font-size: var(--sb-groesse-gross);
}
.sb-material__hinweis {
	font-size: var(--sb-groesse-klein);
	color: var(--sb-tinte-weich);
}
.sb-material__offen {
	margin-block-start: var(--sb-raum-m);
	color: var(--sb-tinte-weich);
}
@media (min-width: 48em) {
	.sb-stimmen {
		grid-template-columns: repeat(3, 1fr);
	}
}
.sb-footer {
	padding-block-start: var(--sb-raum-xl);
	background-color: var(--sb-nacht);
	color: var(--sb-flaeche);
}
.sb-footer a {
	color: var(--sb-flaeche);
}
.sb-footer a:hover {
	color: var(--sb-messing-hell);
}
.sb-footer__innen {
	display: grid;
	gap: var(--sb-raum-l);
	padding-block-end: var(--sb-raum-l);
}
.sb-footer__marke {
	margin-block-end: var(--sb-raum-m);
	font-family: var(--sb-schrift-titel);
	font-size: 1.25rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.sb-footer__ueberschrift {
	margin-block-end: var(--sb-raum-s);
	font-size: var(--sb-groesse-klein);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--sb-messing-hell);
}
.sb-footer__liste {
	display: flex;
	flex-direction: column;
	gap: var(--sb-raum-xs);
	margin: 0;
	padding: 0;
	list-style: none;
}
.sb-footer__newsletter {
	padding-block-end: var(--sb-raum-l);
	border-block-end: 1px solid var(--sb-linie-hell);
}
.sb-footer__newsletter + .sb-footer__innen {
	padding-block-start: var(--sb-raum-l);
}
.sb-footer__zeile {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--sb-raum-xs) var(--sb-raum-m);
	padding-block: var(--sb-raum-m);
	border-block-start: 1px solid var(--sb-linie-hell);
	font-size: var(--sb-groesse-klein);
}
@media (min-width: 48em) {
	.sb-footer__innen {
		grid-template-columns: 2fr 1fr 1fr;
	}
}
.sb-einwilligung {
	position: sticky;
	inset-block-end: 0;
	z-index: 60;
	border-block-start: 1px solid var(--sb-messing);
	background-color: var(--sb-nacht);
	color: var(--sb-flaeche);
}
.sb-einwilligung a {
	color: var(--sb-flaeche);
}
.sb-einwilligung a:hover {
	color: var(--sb-messing-hell);
}
.sb-einwilligung__innen {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sb-raum-s) var(--sb-raum-l);
	padding-block: var(--sb-raum-m);
}
.sb-einwilligung__text {
	flex: 1 1 22rem;
}
.sb-einwilligung__titel {
	font-size: var(--sb-groesse-gross);
}
.sb-einwilligung__innen p {
	margin-block-start: var(--sb-raum-xs);
	font-size: var(--sb-groesse-klein);
}
.sb-einwilligung__form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sb-raum-s);
}
.sb-einwilligung__form .sb-button {
	min-width: 11rem;
	text-align: center;
}
.sb-rechtstext .sb-einwilligung__form {
	margin-block-start: var(--sb-raum-m);
}
.sb-einwilligung-dialog {
	max-width: min(34rem, 92vw);
	padding: 0;
	border: 1px solid var(--sb-messing);
	border-radius: var(--sb-radius);
	background-color: var(--sb-nacht);
	color: var(--sb-flaeche);
}
.sb-einwilligung-dialog::backdrop {
	background-color: rgba(15, 23, 32, 0.9);
}
.sb-einwilligung-dialog__innen {
	padding: var(--sb-raum-l) var(--sb-raum-m) var(--sb-raum-m);
}
.sb-einwilligung-dialog p {
	margin-block-start: var(--sb-raum-s);
	font-size: var(--sb-groesse-klein);
}
.sb-einwilligung-dialog .sb-einwilligung__form {
	margin-block-start: var(--sb-raum-l);
}
.sb-einwilligung-dialog a {
	color: var(--sb-flaeche);
}
.sb-einwilligung-dialog a:hover {
	color: var(--sb-messing-hell);
}
.sb-einwilligung-dialog__schliessen {
	margin-block-start: var(--sb-raum-m);
	padding: 0;
	border: 0;
	background: none;
	color: var(--sb-flaeche);
	font-family: inherit;
	font-size: var(--sb-groesse-klein);
	text-decoration: underline;
	cursor: pointer;
}
.sb-einwilligung-dialog__schliessen:hover {
	color: var(--sb-messing-hell);
}
:focus-visible {
	outline: 3px solid var(--sb-messing);
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
	.sb-galerie__spur {
		scroll-behavior: auto;
	}
}
.sb-galerie__nachweis {
	margin: 0;
	font-size: var(--sb-groesse-klein);
	color: var(--sb-tinte-weich);
}