/* ==========================================================================
   Theater Lauenburg
   Farben, Schriften und Linien orientieren sich am bisherigen Auftritt:
   dunkelgrauer Grund, weißes Blatt, Gold (#A8835D), Rot für aktive Punkte,
   Oswald (Light, Versalien) für Überschriften, Volkhov für Fließtext.
   ========================================================================== */

/* ---------- Schriften ---------- */

@font-face {
	font-family: 'Volkhov';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/volkhov-v17-latin-regular.woff2') format('woff2'),
	     url('fonts/volkhov-v17-latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'Volkhov';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/volkhov-v17-latin-italic.woff2') format('woff2'),
	     url('fonts/volkhov-v17-latin-italic.woff') format('woff');
}
@font-face {
	font-family: 'Volkhov';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/volkhov-v17-latin-700.woff2') format('woff2'),
	     url('fonts/volkhov-v17-latin-700.woff') format('woff');
}
@font-face {
	font-family: 'Volkhov';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/volkhov-v17-latin-700italic.woff2') format('woff2'),
	     url('fonts/volkhov-v17-latin-700italic.woff') format('woff');
}
@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('fonts/oswald-v49-latin-300.woff2') format('woff2'),
	     url('fonts/oswald-v49-latin-300.woff') format('woff');
}
@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/oswald-v49-latin-regular.woff2') format('woff2'),
	     url('fonts/oswald-v49-latin-regular.woff') format('woff');
}

/* ---------- Variablen ---------- */

:root {
	--gold: #a8835d;
	--gold-text: #8c6a47;      /* etwas dunkler für kleine Schrift (Kontrast) */
	--gold-dark: #6b5742;
	--gold-tint: #f5f0ea;
	--red: #cc0000;
	--ink: #1b1b1b;
	--muted: #767676;
	--ground: #333333;
	--paper: #ffffff;

	--font-text: 'Volkhov', Georgia, 'Times New Roman', serif;
	--font-head: 'Oswald', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;

	--sidebar: 190px;
	--gap: clamp(1.25rem, 3vw, 2.5rem);
	--pad: clamp(1rem, 4vw, 3.5rem);
	--radius: 2px;
}

/* ---------- Basis ---------- */

*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--ground);
	color: var(--ink);
	font-family: var(--font-text);
	font-size: 1rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

@media (min-width: 1000px) {
	body { font-size: 1.0625rem; }
}

img, iframe, video { max-width: 100%; }
img { height: auto; border: 0; vertical-align: middle; }

p, ul, ol, dl, figure, blockquote { margin: 0 0 1em; }
ul, ol { padding-left: 1.2em; }
dd { margin: 0; }
strong, b { font-weight: 700; }

h1, h2, h3, h4 { margin: 0; }

h1, h2, .page-title {
	font-family: var(--font-head);
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 1.15;
	color: var(--gold);
}
h1, .page-title { font-size: clamp(1.9rem, 4.5vw, 2.6rem); margin: .35em 0 .4em; }
h2 { font-size: clamp(1.4rem, 3vw, 1.7rem); margin: .4em 0 .5em; }
h3, h4 { font-family: var(--font-text); font-size: 1em; font-weight: 700; margin: 1.2em 0 .35em; }
h3 { color: var(--gold-text); }
h4 { color: var(--ink); margin-top: .3em; }
h3:first-child, h4:first-child { margin-top: 0; }

a {
	color: var(--gold-text);
	font-style: italic;
	text-decoration: none;
	text-underline-offset: .18em;
	transition: color .15s;
}
a:hover, a:focus-visible { color: var(--gold-dark); text-decoration: underline; }
h1 a, h2 a, h3 a { color: inherit; font-style: normal; }
h1 a:hover, h2 a:hover { color: var(--gold-dark); text-decoration: none; }

/* Typischer Link-Vorsatz »  */
.prose a::before,
a.more::before,
.person-links a::before,
.map__link a::before {
	content: "\00bb\00a0";
	display: inline-block;
	text-decoration: none;
}
.prose a:has(img)::before,
.prose a.btn::before,
.prose h1 a::before,
.prose h2 a::before { content: none; }

:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 2px;
}

.ds {
	color: var(--gold);
	font-weight: 700;
	font-style: normal;
}

.name { color: var(--gold-text); font-style: italic; font-weight: 400; }
a.name:hover { color: var(--gold-dark); }
.note { color: var(--muted); }
.feature { color: var(--red); }

.visually-hidden {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0);
	white-space: nowrap; border: 0;
}

.skip-link {
	position: absolute;
	left: 1rem; top: -4rem;
	z-index: 100;
	padding: .6rem 1rem;
	background: var(--paper);
	color: var(--ink);
	font-style: normal;
}
.skip-link:focus { top: 1rem; }

.tracking { position: absolute; width: 1px; height: 1px; opacity: 0; }

/* ---------- Linien (wie tr1 / tr2 / tr3) ---------- */

hr.tr1, hr.tr2, hr.tr3 {
	border: 0;
	width: 100%;
	margin: .7rem 0;
	background-repeat: no-repeat;
}
hr.tr1 { height: 1px; background: var(--gold); }
hr.tr2 { height: 4px; background: linear-gradient(var(--gold) 0 2px, transparent 2px 3px, var(--gold) 3px 4px); }
hr.tr3 { height: 5px; background: linear-gradient(var(--gold) 0 2px, transparent 2px 3px, var(--gold) 3px 5px); }

/* ---------- Button ---------- */

.btn {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	padding: .5em 1.1em;
	border: 0;
	border-radius: var(--radius);
	background: var(--gold);
	color: #fff;
	font-family: var(--font-head);
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .08em;
	line-height: 1.3;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s;
}
.btn:hover, .btn:focus-visible {
	background: var(--gold-dark);
	color: #fff;
	text-decoration: none;
}

/* ==========================================================================
   Seitengerüst
   ========================================================================== */

.sheet {
	background: var(--paper);
	max-width: 1200px;
	margin: 0 auto;
	min-height: 100vh;
}

.main {
	padding: 1rem var(--pad) 2rem;
	min-width: 0;
}

.spielzeit {
	margin: .5rem 0 1.25rem;
}
.spielzeit img { width: 700px; }

.content { min-height: 50vh; }

/* ---------- Kopf / Navigation (mobil) ---------- */

.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .5rem var(--pad);
	background: var(--paper);
	border-bottom: 1px solid var(--gold);
}

.logo { display: block; flex: none; }
.logo::before { content: none; }
.logo img { width: auto; height: 58px; }

.nav-toggle {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	padding: .55rem .2rem .55rem .6rem;
	border: 0;
	background: none;
	color: var(--gold-text);
	font-family: var(--font-head);
	font-size: 1.05rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
}
.nav-toggle__bars,
.nav-toggle__bars::before,
.nav-toggle__bars::after,
.nav-toggle__bars span {
	display: block;
	width: 24px;
	height: 2px;
	background: currentColor;
	transition: transform .2s, opacity .2s;
}
.nav-toggle__bars { position: relative; background: none; }
.nav-toggle__bars::before,
.nav-toggle__bars::after {
	content: "";
	position: absolute;
	left: 0;
}
.nav-toggle__bars::before { top: -7px; }
.nav-toggle__bars::after { top: 7px; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars span { opacity: 0; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after { transform: translateY(-7px) rotate(-45deg); }

.nav {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	max-height: calc(100vh - 100%);
	max-height: calc(100dvh - 75px);
	overflow-y: auto;
	padding: .5rem var(--pad) 1.5rem;
	background: var(--paper);
	border-bottom: 5px solid var(--gold);
	box-shadow: 0 12px 24px rgba(0, 0, 0, .25);
}
.nav.is-open { display: block; }

.nav__list, .nav__sub { list-style: none; margin: 0; padding: 0; }

.nav a {
	display: block;
	font-style: normal;
	font-weight: 700;
	color: var(--gold-text);
}
.nav a:hover { color: var(--gold-dark); text-decoration: none; }
.nav a.is-active { color: var(--red); }

.nav__item > a {
	padding: .6rem 0;
	font-size: 1.15rem;
	border-bottom: 1px solid var(--gold-tint);
}
.nav__sub {
	padding: .2rem 0 .5rem 1.2rem;
	border-bottom: 1px solid var(--gold-tint);
}
.nav__sub a { padding: .35rem 0; font-size: 1rem; }

.nav-open { overflow: hidden; }

/* ---------- Desktop: Navigation als linke Spalte ---------- */

@media (min-width: 1000px) {
	body { padding: 1.5rem 0; }

	.sheet {
		display: grid;
		grid-template-columns: var(--sidebar) minmax(0, 1fr);
		column-gap: 3rem;
		padding: 2.5rem 3rem;
		min-height: 0;
		width: calc(100% - 3rem);
	}

	.site-header {
		position: sticky;
		top: 2rem;
		align-self: start;
		display: block;
		padding: 0;
		border: 0;
		background: none;
	}

	.logo { margin-bottom: 2rem; }
	.logo img { height: auto; width: 150px; }

	.nav-toggle { display: none; }

	.nav {
		display: block;
		position: static;
		max-height: none;
		overflow: visible;
		padding: 0;
		border: 0;
		box-shadow: none;
		background: none;
	}

	.nav__item > a {
		padding: .2rem 0;
		font-size: .95rem;
		border: 0;
	}
	.nav__sub { display: none; }
	.nav__item.is-open > .nav__sub {
		display: block;
		margin: .35rem 0 .45rem;
		padding: .35rem 0 .35rem 1.2rem;
		border-top: 1px solid var(--gold);
		border-bottom: 1px solid var(--gold);
	}
	.nav__sub a { padding: .15rem 0; font-size: .95rem; }

	.main { padding: 0; }
	.spielzeit { margin-top: 0; }
}

@media (min-width: 1250px) {
	body { padding: 2rem 0; }
	.sheet { padding: 3rem 4rem; column-gap: 4rem; }
}

/* ---------- Fuß ---------- */

.site-footer {
	margin-top: 3rem;
	color: #999;
	font-size: .875rem;
}
.site-footer p { margin: .5rem 0 0; }
.site-footer span { white-space: nowrap; }
.site-footer a { color: var(--gold-text); }

/* ==========================================================================
   Raster
   ========================================================================== */

.grid {
	display: grid;
	gap: 0 var(--gap);
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 700px) {
	.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.grid--70-30 { grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); }
}
@media (min-width: 800px) {
	.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.prose > :last-child { margin-bottom: 0; }
.prose img { height: auto; }
.prose iframe { max-width: 100%; border: 0; }
.prose ul { padding-left: 1.2em; }
.prose table { border-collapse: collapse; width: 100%; }
.prose td, .prose th { padding: .3em .5em; border-bottom: 1px solid var(--gold-tint); text-align: left; }

.aside { margin-bottom: 1rem; }

@media (max-width: 699px) {
	.grid--70-30 > .aside:not(:empty) {
		margin-top: 1rem;
		padding-top: .8rem;
		border-top: 1px solid var(--gold);
	}
}

.expl {
	margin: .6rem 0 0;
	font-size: 1.15em;
	font-style: italic;
	line-height: 1.45;
}

/* ==========================================================================
   Seitenbild / Slideshow
   ========================================================================== */

.pageimage {
	position: relative;
	margin: 0;
	background: #1a1a1a;
}
.pageimage > img { width: 100%; }

.slideshow {
	aspect-ratio: 3 / 2;
	overflow: hidden;
}
@media (min-width: 700px) {
	.slideshow { aspect-ratio: 5 / 2; }
}

.slide {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	transition: opacity 1.2s ease;
}
.slide.is-active { opacity: 1; }
.slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
}

.slideshow__dots {
	position: absolute;
	right: .75rem;
	bottom: .6rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 2px;
	max-width: 70%;
}
.slideshow__dots button {
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}
.slideshow__dots button::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-radius: 50%;
	background: rgba(255, 255, 255, .55);
	box-shadow: 0 0 2px rgba(0, 0, 0, .6);
	transition: background-color .2s, transform .2s;
}
.slideshow__dots button[aria-selected="true"]::before {
	background: var(--gold);
	transform: scale(1.25);
}
.slideshow__dots button:focus-visible { outline-offset: -2px; }

/* Bei vielen Bildern keine Punkte auf kleinen Bildschirmen */
@media (max-width: 699px) {
	.slideshow__dots.is-many { display: none; }
}

/* ==========================================================================
   Startseite
   ========================================================================== */

.teaser-row { margin-top: .5rem; }
.teaser h2 { margin-top: .3em; }
.teaser { margin-bottom: 1rem; }

.section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem 1.5rem;
	padding: .3rem 0;
}
.section-title {
	margin: 0;
	font-family: var(--font-text);
	font-size: 1em;
	font-weight: 700;
	color: var(--gold-text);
	text-transform: uppercase;
	letter-spacing: .06em;
}

/* ==========================================================================
   Termine
   ========================================================================== */

.termin {
	display: grid;
	grid-template-columns: 4.75rem minmax(0, 1fr);
	gap: .2rem 1rem;
	padding: 1rem 0;
}
.terminliste > .termin + .termin { border-top: 1px solid var(--gold); }

.termin__date {
	grid-row: span 2;
	line-height: 1.2;
}
.termin__date time { display: block; }
.termin__day {
	display: block;
	font-family: var(--font-head);
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1;
	color: var(--ink);
}
.termin__month {
	display: block;
	font-family: var(--font-head);
	font-size: 1.05rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--gold);
}
.termin__weekday {
	display: block;
	margin-top: .15rem;
	font-size: .8rem;
	font-weight: 700;
}

.termin__time { font-weight: 700; font-size: .95em; }
.termin__title {
	margin: .1rem 0 0;
	font-family: var(--font-head);
	font-size: clamp(1.35rem, 3vw, 1.6rem);
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .01em;
	color: var(--gold);
}
.termin__title a { font-style: normal; }
.termin__title a:hover { color: var(--gold-dark); text-decoration: none; }

.termin__info { font-size: .95em; }
.termin__info .venue a { font-style: normal; }
.termin__info .venue { color: var(--gold-text); }

@media (min-width: 700px) {
	.termin {
		grid-template-columns: 7rem minmax(0, 1fr) minmax(0, 14rem);
		gap: 0 1.5rem;
		padding: 1.1rem 0;
	}
	.termin__date { grid-row: auto; }
	.termin__info { padding-top: .1rem; }
}

.no-dates {
	padding: 2.5rem 0;
	font-weight: 700;
	text-align: center;
}

.monatstitel {
	margin: 1rem 0 .2rem;
	font-size: 1.25rem;
	color: var(--ink);
}

/* ---------- Monatsnavigation ---------- */

.monatsnav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1.5rem;
	padding: .35rem 0;
	font-weight: 700;
}
.monatsnav ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
.monatsnav li { display: flex; align-items: center; }
.monatsnav li + li::before {
	content: "//";
	color: var(--gold);
	padding: 0 .25rem;
	font-size: .85em;
}
.monatsnav a, .monatsnav .is-active {
	display: block;
	padding: .2rem .4rem;
	border-radius: var(--radius);
	font-style: normal;
	color: var(--ink);
	line-height: 1.4;
}
.monatsnav a:hover { color: var(--gold); text-decoration: none; background: var(--gold-tint); }
.monatsnav .is-active { background: var(--gold); color: #fff; }

.monatsnav__months {
	flex: 1 1 auto;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
}
.monatsnav__months::-webkit-scrollbar { display: none; }
.monatsnav__months li { scroll-snap-align: center; flex: none; }
.monatsnav__action { margin-left: auto; }

@media (max-width: 899px) {
	.monatsnav__months {
		order: 3;
		flex-basis: 100%;
		margin: 0 calc(var(--pad) * -1);
		padding: 0 var(--pad);
		-webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--pad), #000 calc(100% - var(--pad)), transparent);
		mask-image: linear-gradient(90deg, transparent, #000 var(--pad), #000 calc(100% - var(--pad)), transparent);
	}
}

/* ==========================================================================
   Stücke / Archiv
   ========================================================================== */

.stueckliste { margin-top: .5rem; }

.stueck-item {
	display: grid;
	grid-template-columns: 34vw minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	padding: 1rem 0;
}
.stueck-item + .stueck-item { border-top: 1px solid var(--gold); }

.stueck-item__image {
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--gold-tint);
}
.stueck-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.stueck-item:hover .stueck-item__image img { transform: scale(1.04); }

.stueck-item__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1rem;
	font-size: .9em;
	font-weight: 700;
}
.stueck-item__meta .status { color: var(--red); }
.stueck-item__title {
	margin: .15rem 0 .25rem;
	font-size: clamp(1.3rem, 3vw, 1.6rem);
	font-weight: 400;
}
.stueck-item__title a { font-style: normal; }
.stueck-item .note { margin: 0; }

@media (min-width: 700px) {
	.stueck-item { grid-template-columns: 180px minmax(0, 1fr); gap: 1.5rem; }
}

/* ---------- Stück ---------- */

.crew { font-size: .95em; }

.slash-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slash-list li { display: inline; }
.slash-list li:not(:last-child)::after {
	content: "\00a0//";
	color: var(--gold);
	font-weight: 700;
	font-style: normal;
}
.slash-list .role { color: var(--ink); }
.slash-list .name { white-space: nowrap; }

.cast { margin: 0; }
.cast__row {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	gap: 1rem;
	padding: .2rem 0;
}

.vorstellungen h3 { margin-top: .2rem; }
.vorstellungen__list {
	list-style: none;
	padding: 0;
	font-size: .95em;
}
.vorstellungen__list li { padding: .15rem 0; }
.vorstellungen__list .uhrzeit { color: var(--muted); }
.vorstellungen__list .is-past { color: var(--muted); }

@media (max-width: 699px) {
	.vorstellungen { margin-top: 1rem; }
}

.zitat-block { margin: 0 0 1.2rem; }
.zitat {
	margin: 0;
	color: var(--gold-text);
	font-style: italic;
	font-size: 1.05em;
}
.zitat p { margin-bottom: .4em; }
.quelle { margin-top: .3rem; font-size: .9em; }

.rechtliches { color: var(--muted); font-size: .9em; }

/* ==========================================================================
   Ensemble / Person
   ========================================================================== */

.resort__title { font-size: clamp(1.9rem, 4.5vw, 2.6rem); margin: .35em 0 .4em; }

.funktionen { margin: 0; }
.funktionen__row { padding: .35rem 0; }
.funktionen__row dt { font-weight: 700; }

@media (min-width: 700px) {
	.funktionen__row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
		gap: 1.5rem;
	}
	.funktionen__row dt { font-weight: 400; }
}

.person-head { align-items: end; }
.person-head .page-title { margin-bottom: .2em; }
.person-links { padding-bottom: .6rem; }
.person-links a { display: block; }

.person__pic { margin: 0 0 1rem; }
.person__pic img { width: 100%; }

@media (max-width: 699px) {
	.person__pic { order: -1; max-width: 320px; }
}

/* ==========================================================================
   Kontakt / Partner / Karten
   ========================================================================== */

.kontakt-leitung .prose p { color: var(--gold-text); }
.kontakt-leitung { margin-top: 1rem; }

.partner__group { margin-bottom: 1.5rem; }
.partner__group .page-title { font-size: clamp(1.6rem, 3.5vw, 2rem); }
.partner__items > p,
.partner__items > h3 {
	margin: 0;
	padding: .75rem 0;
	border-top: 1px solid var(--gold);
}

.adresse { margin-bottom: 1rem; }

.map {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--gold-tint);
	border: 1px solid var(--gold-tint);
}
.map iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.map__consent {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: 1rem;
	text-align: center;
	font-size: .9em;
	color: var(--muted);
}
.map__consent p { margin: 0; max-width: 28ch; }
.map.is-loaded .map__consent { display: none; }
.map__link { margin-top: .5rem; font-size: .95em; }

/* ==========================================================================
   Sonstiges
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

@media print {
	body { background: #fff; padding: 0; }
	.sheet { display: block; max-width: none; padding: 0; }
	.site-header { position: static; border: 0; }
	.nav, .nav-toggle, .monatsnav, .slideshow__dots, .map, .skip-link { display: none !important; }
	.slide { position: static; opacity: 1; }
	.slide:not(:first-child) { display: none; }
	a { color: inherit; }
}

/* Fehlermeldungen von ProcessWire */
.WireFatalError {
	background: #a30000;
	color: #fff;
	padding: 1em;
	position: relative;
	z-index: 9999;
}