:root {

	--sg2-sektion: clamp(3rem, 10vw, 9.375rem);
	--sg2-rand: clamp(1.25rem, 5vw, 4rem);

	--sg2-spalte: 35.625rem;
}

@media (min-width: 1440px) {
	:root { --sg2-sektion: 9.375rem; }
}

.s-uu-buehne,
.s-uu-text,
.s-uu-abschnitt,
.s-uu-zitat,
.s-galerie,
.s-beitrag {
	background: var(--wp--preset--color--section);
	padding: var(--sg2-sektion) var(--sg2-rand);
}

.s-uu-buehne.alignfull,
.s-uu-text.alignfull,
.s-uu-abschnitt.alignfull,
.s-uu-band.alignfull,
.s-uu-zitat.alignfull,
.s-galerie.alignfull,
.s-news.s-blog.alignfull,
.s-beitrag.alignfull { margin-block-start: 0; }

.s-ueber-uns.s-uu-zitat { padding: var(--sg2-sektion) var(--sg2-rand); }

.s-uu-text__absatz,
.s-uu-abschnitt__absatz,
.s-beitrag__inhalt p,
.s-beitrag__inhalt li {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.075em;
	margin: 0 0 1.875rem;
}

.s-uu-buehne__stage {
	position: relative;
	width: min(53.75rem, 100%);
	aspect-ratio: 1 / 1;
	margin: 0 auto;
}

.s-uu-buehne__figur { display: block; width: 100%; height: 100%; }
.s-uu-buehne__slide {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	opacity: 0;
	transition: opacity 1s ease;
}
.s-uu-buehne__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

.s-uu-buehne__slide--quer { width: 100%; height: 66.667%; }
.s-uu-buehne__slide--hoch { width: 66.667%; height: 100%; }
.s-uu-buehne__slide--pano { width: 100%; height: 56.296%; }

.s-uu-buehne__slide.ist-aktiv { opacity: 1; z-index: 2; }
.s-uu-buehne__slide.ist-hinten { opacity: 1; z-index: 1; }

.s-uu-buehne { --strecke-abstand: 4.625rem; --strecke-zeile: 0.625rem; }
@media (prefers-reduced-motion: reduce) { .s-uu-buehne__slide { transition: none; } }

.s-uu-text__inner { max-width: var(--sg2-spalte); margin: 0 auto; text-align: center; }
.s-uu-text__titel { margin: 0 0 1.875rem; display: flex; flex-direction: column; }
.s-uu-text__eyebrow {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.08125em;
	text-transform: none;
}
.s-uu-text__heading {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 1.625rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-top: 0.5rem;
}

.s-uu-text__inner > .s-uu-text__absatz:last-child { margin-bottom: 1rem; }

.s-uu-abschnitt__inner { max-width: var(--sg2-spalte); margin: 0 auto; text-align: center; }

h2.s-uu-abschnitt__titel {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 1.625rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0 0 1.875rem;
}

.s-uu-vinifikation__block + .s-uu-vinifikation__block {
	margin-top: 2.5rem;
	padding-top: 2.5rem;
	border-top: 1px solid var(--wp--preset--color--hairline);
}
h3.s-uu-vinifikation__titel {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0 0 1.25rem;
}

.s-uu-vinifikation__block > *:last-child { margin-bottom: 0; }
.s-uu-abschnitt__inner > .s-uu-abschnitt__absatz:last-child { margin-bottom: 0; }

.s-uu-abschnitt .hiss-luecke { text-align: left; }

@media (max-width: 782px) {

	h2.s-uu-abschnitt__titel { font-size: 1.375rem; }
	h3.s-uu-vinifikation__titel { font-size: 1.125rem; }
	h2.s-uu-abschnitt__titel,
	h3.s-uu-vinifikation__titel { hyphens: auto; overflow-wrap: break-word; }
}

.s-uu-zitat__inner {
	position: relative;
	width: min(34.6875rem, 100%);
	margin: 0 auto;
	aspect-ratio: 555 / 1010;
}
.s-uu-zitat__bild {
	position: absolute;
	inset: 0 0 auto 0;
	height: 82.376%;
	margin: 0;
}
.s-uu-zitat__bild picture { display: block; width: 100%; height: 100%; }
.s-uu-zitat__bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.s-uu-zitat__kasten {
	position: absolute;
	top: 70.099%;
	left: 50%;
	transform: translateX(-50%);
	width: 64.865%;
	background: var(--wp--preset--color--section);
	padding: 2.5625rem 1.875rem 1.875rem;
}
.s-uu-zitat__text {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-style: italic;
	font-size: 1.375rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
}

@media (max-width: 700px) {
	.s-uu-zitat__inner { aspect-ratio: auto; }
	.s-uu-zitat__bild { position: static; height: auto; aspect-ratio: 555 / 832; }
	.s-uu-zitat__kasten { position: static; transform: none; width: 100%; padding: 2rem 0 0; }
}

.s-galerie__titel {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 2.3125rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 1.875rem;
}

.s-galerie__feld {
	position: relative;
	width: min(71.25rem, 100%);
	aspect-ratio: var(--galerie-verhaeltnis, 570 / 1000);
	margin: 0 auto;
	list-style: none;
	padding: 0;
}
.s-galerie__stueck { position: absolute; margin: 0; }
.s-galerie__knopf {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	cursor: zoom-in;
}
.s-galerie__stueck img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.3s; }
.s-galerie__knopf:hover img { opacity: 0.82; }
.s-galerie__knopf:focus-visible { outline: 2px solid var(--wp--preset--color--ink); outline-offset: 2px; }

@media (max-width: 780px) {
	.s-galerie__feld { position: static; aspect-ratio: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 0.625rem; }
	.s-galerie__stueck { position: static !important; inset: auto !important; width: auto !important; height: auto !important; aspect-ratio: 3 / 2; }
}

.s-galerie__lupe { border: 0; padding: 0; background: transparent; max-width: 100vw; max-height: 100vh; width: 100%; height: 100%; }
.s-galerie__lupe::backdrop { background: rgba(0, 0, 0, 0.88); }
.s-galerie__lupe-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 3rem 1.5rem; }
.s-galerie__lupe img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.s-galerie__zu {
	position: absolute; top: 1rem; right: 1rem; width: 2.75rem; height: 2.75rem;
	border: 0; background: none; color: var(--wp--preset--color--white); cursor: pointer; font-size: 1.625rem; line-height: 1;
}
.s-galerie__zu:focus-visible { outline: 2px solid var(--wp--preset--color--white); outline-offset: 2px; }

.s-news.s-blog { padding-block: var(--sg2-sektion); }
.s-blog .s-news__head { margin-bottom: 5.6875rem; }

.s-blog .s-news__title {
	display: flex;
	flex-direction: column;
	font-size: 1.625rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.s-blog .s-news__eyebrow {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.08125em;
	text-transform: none;
	margin: 0 0 0.5rem;
}

.s-blog .s-news__grid {
	max-width: 71.25rem;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.875rem 1.8125rem;
}

.s-blog .s-news__figur { display: block; width: 100%; height: 100%; }
.s-blog .s-news__foto { display: block; width: 100%; height: 100%; object-fit: cover; }

.s-blog__filter { margin: 0 0 1.875rem; }
.s-blog__filter-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.875rem;
	line-height: 1.5;
}
.s-blog__filter-eintrag { position: relative; display: flex; align-items: center; }
.s-blog__filter-eintrag + .s-blog__filter-eintrag::before {
	content: "";
	position: absolute;
	left: -0.9375rem;
	width: 1px;
	height: 1.125rem;
	background: var(--wp--preset--color--ink);
	opacity: 0.45;
}
.s-blog__filter-link {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.875rem;
	text-transform: uppercase;
	border-bottom: 1px solid transparent;
	padding-bottom: 0.125rem;
}
.s-blog__filter-link:hover,
.s-blog__filter-link:focus-visible { border-bottom-color: currentColor; }
.s-blog__filter-eintrag[aria-current="page"] .s-blog__filter-link { border-bottom-color: currentColor; }

.s-news__datum {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-size: 0.875rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0;
	color: inherit;
}

@media (max-width: 900px) { .s-blog .s-news__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) {
	.s-blog .s-news__grid { grid-template-columns: 1fr; }
	.s-blog .s-news__bild { height: 18.75rem; }
	.s-blog__filter-liste { flex-wrap: wrap; gap: 0.75rem 1.5rem; }
	.s-blog__filter-eintrag + .s-blog__filter-eintrag::before { display: none; }
}

.s-beitrag { padding-block: var(--sg2-sektion) calc(var(--sg2-sektion) + 9.4375rem); }
.s-beitrag__inner { max-width: var(--sg2-spalte); margin: 0 auto; }
.s-beitrag__titel {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 2.3125rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 1.875rem;
}
.s-beitrag__inhalt > *:last-child { margin-bottom: 1rem; }
.s-beitrag__inhalt a { text-decoration: underline; }
.s-beitrag__inhalt img { margin: 0 0 1.875rem; }

@media (max-width: 782px) {
	.s-galerie__titel,
	.s-beitrag__titel { font-size: 1.625rem; }
}

.s-uu-buehne,
.s-galerie,
.s-news.s-blog,
.s-beitrag { padding-top: max(var(--sg2-sektion), 7.5rem); }

h2.s-uu-philosophie__titel {
	text-transform: none;
	font-size: 1.625rem;
	line-height: 1.35;
	text-wrap: balance;
}

.s-uu-philosophie__zeile {
	display: block;
}

.s-uu-band.hiss-band--breit { padding-inline: var(--sg2-rand); }

.s-beitrag__kopf {
	max-width: 71.25rem;
	margin: 0 auto 3.75rem;
}
.s-beitrag__kopf.hiss-band { padding-inline: 0; }
.s-beitrag__kopf .hiss-band__figur {
	aspect-ratio: auto;
	max-width: 100%;
}

.s-beitrag__kopf .hiss-band__bild {
	display: block;
	width: 100%;
	height: auto;
	max-height: 40rem;
	object-fit: contain;
}
@media (max-width: 782px) {

	.s-beitrag__kopf { margin-bottom: 2.5rem; }
	.s-beitrag__kopf .hiss-band__bild { max-height: 70vh; }
}

@media (min-width: 781px) {
	.s-galerie__feld {
		width: min(112.5rem, calc(100% + 2 * var(--sg2-rand)));

		margin-inline: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

.s-galerie__figur { display: block; width: 100%; height: 100%; }

@media (max-width: 780px) {
	.s-galerie__stueck:nth-child(4n+1) { grid-column: span 2; }
}

.s-uu-philosophie__inner { max-width: 71.25rem; }

.s-uu-philosophie__paar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;

	align-items: center;

	text-align: left;
}

.s-uu-philosophie__text > .s-uu-abschnitt__absatz:last-child { margin-bottom: 0; }

.s-uu-philosophie__figur { aspect-ratio: 3 / 2; }

@media (max-width: 960px) {
	.s-uu-philosophie__inner { max-width: var(--sg2-spalte); }
	.s-uu-philosophie__paar {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.5rem;
		text-align: center;
	}
}

.s-uu-vinifikation__band {
	margin-block: 3.75rem;
	padding-inline: 0;
}

@media (max-width: 782px) {

	.s-uu-vinifikation__band { margin-block: 2.5rem; }
}