:root {

	--sys-sektion: clamp(3.75rem, 10.42vw, 9.375rem);
	--sys-rand: clamp(1.25rem, 5vw, 2.5rem);
	--sys-container: 71.25rem;
	--sys-spalte: 35.625rem;
}

section.s-sys.alignfull {
	margin-block: 0;
	padding: max(var(--sys-sektion), 7.5rem) var(--sys-rand) var(--sys-sektion);
	text-align: center;
}

section.s-sys > * { max-width: var(--sys-container); margin-inline: auto; }

h1.s-sys__titel {
	margin: 0;
	display: flex;
	flex-direction: column;
	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;
	overflow-wrap: anywhere;
}

.s-sys__titel-sub {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
	line-height: 1.5;
	letter-spacing: normal;
	text-transform: none;
}

p.s-sys__text {
	max-width: var(--sys-spalte);
	margin: 1.875rem auto 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.075em;
}

h2.s-sys__zwischentitel {
	margin: 2.8125rem 0 0;
	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;
	text-align: center;
}

ul.s-sys__wege {
	list-style: none;
	max-width: var(--sys-container);
	margin: 1.875rem auto 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem 2.5rem;
}
ul.s-sys__wege > li { margin: 0; }
.s-sys__wege a {
	display: inline-block;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-bottom: 1px solid currentColor;
	padding-bottom: 0.25rem;
}
.s-sys__wege a:hover,
.s-sys__wege a:focus-visible {;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

form.s-sys__suchform,
form.s-sys__suchblock {
	max-width: var(--sys-spalte);
	margin: 2.5rem auto 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	gap: 1rem 1.25rem;
	text-align: left;
}

.s-sys__suchlabel,
.s-sys__suchblock .wp-block-search__label {
	flex: 1 0 100%;
	width: 100%;
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	text-align: center;
}

.s-sys__suchblock .wp-block-search__inside-wrapper {
	flex: 1 1 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	gap: 1rem 1.25rem;
}

.s-sys__sucheingabe,
.s-sys__suchblock .wp-block-search__input {
	flex: 1 1 16rem;
	min-width: 0;
	max-width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--muted);
	border-radius: 0;
	padding: 0.75rem 0.25rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: 1.5;
	color: var(--wp--preset--color--ink);
	text-align: center;
}
.s-sys__sucheingabe::placeholder,
.s-sys__suchblock .wp-block-search__input::placeholder { color: var(--wp--preset--color--muted); }
.s-sys__sucheingabe:focus-visible,
.s-sys__suchblock .wp-block-search__input:focus-visible {
	outline: none;
	border-bottom-color: var(--wp--preset--color--ink);
	border-bottom-width: 2px;
}

.s-sys__suchblock .wp-block-search__button { margin-left: 0; flex: 0 0 auto; }

button.s-sys__suchknopf {
	flex: 0 0 auto;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
	border: 0;
	border-radius: 0;
	padding: 0.9rem 2rem;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
}
button.s-sys__suchknopf:hover,
button.s-sys__suchknopf:focus-visible { background: var(--wp--preset--color--muted); }

p.s-sys__trefferzahl {
	max-width: var(--sys-spalte);
	margin: 1.25rem auto 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.875rem;
	line-height: 1.5;
	letter-spacing: 0.075em;
	color: var(--wp--preset--color--muted);
}

div.s-sys__ergebnisse { margin-block: 3.75rem 0; }

ul.s-sys__liste {
	list-style: none;
	max-width: var(--sys-spalte);
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
ul.s-sys__liste > li {
	margin: 0;
	padding: 1.875rem 0;
	border-top: 1px solid var(--wp--preset--color--hairline);
}
ul.s-sys__liste > li:first-child { border-top: 0; padding-top: 0; }

h2.s-sys__treffer-titel {
	margin: 0;
	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;
	overflow-wrap: anywhere;
}
.s-sys__treffer-titel a { border-bottom: 1px solid transparent; }
.s-sys__treffer-titel a:hover,
.s-sys__treffer-titel a:focus-visible { border-bottom-color: currentColor; }

div.s-sys__treffer-datum {
	margin: 0.5rem 0 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.6875rem;
	line-height: 1.5;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

div.s-sys__treffer-anriss { margin: 0.75rem 0 0; }
.s-sys__treffer-anriss p {
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.075em;
}

nav.s-sys__blaettern {
	max-width: var(--sys-spalte);
	margin: 2.8125rem auto 0;
	padding-top: 1.875rem;
	border-top: 1px solid var(--wp--preset--color--hairline);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem 1.5rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.875rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.s-sys__blaettern .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; }
.s-sys__blaettern a { border-bottom: 1px solid transparent; padding-bottom: 0.15rem; }
.s-sys__blaettern a:hover,
.s-sys__blaettern a:focus-visible { border-bottom-color: currentColor; }
.s-sys__blaettern .page-numbers.current { font-weight: 600; border-bottom: 1px solid currentColor; padding-bottom: 0.15rem; }

div.s-sys__leer {
	max-width: var(--sys-spalte);
	margin: 0 auto;
	text-align: center;
}
div.s-sys__leer > h2.s-sys__zwischentitel:first-child { margin-top: 0; }

@media (max-width: 782px) {
	h1.s-sys__titel {
		font-size: clamp(1.375rem, 6.4vw, 2.3125rem);
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	h2.s-sys__zwischentitel { font-size: clamp(1.125rem, 4.8vw, 1.625rem); }
	h2.s-sys__treffer-titel { font-size: clamp(1.0625rem, 4.4vw, 1.375rem); }
	form.s-sys__suchform,
	form.s-sys__suchblock,
	.s-sys__suchblock .wp-block-search__inside-wrapper { gap: 0.875rem; }
	.s-sys__sucheingabe,
	.s-sys__suchblock .wp-block-search__input { flex-basis: 100%; }
	button.s-sys__suchknopf,
	.s-sys__suchblock .wp-block-search__button { width: 100%; }
	ul.s-sys__wege { gap: 0.875rem 1.75rem; }
	div.s-sys__ergebnisse { margin-block: 2.5rem 0; }
}