/* ======================================================================================
Styleseet für Volkmar Jesiek. Individuelle Änderungen vornehmen!
Datei: custom.css
Datum: 06.12.2025
Autor: Marco Dittmer, Agentur Zentral GmbH
Aufbau: 1. Allgemeine Styles
			1.1. Typografie
				1.1.1. Webfonts
				1.1.2. Textstrukturierung und Überschriften
				1.1.3. Icon-Größen
			1.2. Farben
				1.2.1. Text
				1.2.2. Hintergrund
				1.2.3. Rahmen
				1.2.4. Umrisse
				1.2.5. Schatten
			1.3. Ausrichtung
			1.4. Buttons
			1.5. Formularfelder
			1.6. Radien
			1.7. Rahmen
			1.8. Umrisse
			1.9. Transparenz
			1.10. Overlays
			1.11. Zoom
			1.12. Übergang
		2. Layout
			2.1. Kopfzeile
			2.2. Teaserzeile
			2.3. Hauptzeile
				2.3.1. Linke Spalte
				2.3.2. Hauptspalte
				2.3.3. Rechte Spalte
			2.4. Unterzeile
			2.5. Fußzeile
		3. Core-Elemente
			3.1. Text-Elemente
				3.1.1. Überschrift
				3.1.2. Text
				3.1.3. Aufzählung
				3.1.4. Tabelle
				3.1.5. Code
				3.1.6. Markdown
			3.2. Akkordeon
			3.3. Content-Slider
			3.4. Link-Elemente
				3.4.1. Hyperlink
				3.4.2. Top-Link
			3.5. Media-Elemente
				3.5.1. Bild
				3.5.2. Galerie
				3.5.3. Video/Audio
				3.5.4. YouTube
				3.5.5. Vimeo
				3.5.6. Colorbox
			3.6. Datei-Elemente
				3.6.1. Download
				3.6.2. Downloads
			3.7. Include-Elemente
				3.7.1. Formulare
				3.7.2. Kommentare
			3.8. Elementgenerator
				3.8.1. Teaserbild
				3.8.2. Teaserbox
				3.8.3. Text/Bild-Kachel
				3.8.4. Hinweisbox
				3.8.5. Teambox
				3.8.6. Zitatbox
				3.8.7. Preistabelle
				3.8.8. Iconbox
				3.8.9. Zeitstrahl
				3.8.10. Landkarte
				3.8.11. iframe-Element
				3.8.12. Anker-Element
				3.8.13. Umschaltumschlag
				3.8.14. Tabs
				3.8.15. Animierte Zahlen
				3.8.16. Filterumschlag
		4. Frontend-Module
			4.1. Navigation
				4.1.1. Umschaltnavigation
				4.1.2. Kopfnavigation
				4.1.3. Hauptnavigation
				4.1.4. Lokale Navigation
				4.1.5. Nachrichtenarchiv-Navigation
				4.1.6. Fußnavigation
				4.1.7. Navigationspfad
				4.1.8. Seitennummerierung
				4.1.9. HTML-Sitemap
				4.1.10. Sprachenwechsler
			4.2. Benutzer
			4.3. Anwendungen
				4.3.1. Suchmaschine
			4.4. Verschiedenes
				4.4.1. Cookiebar
			4.5. Events
			4.6. FAQ
			4.7. Nachrichten
				4.7.1 Nachrichtenarchiv und -liste
				4.7.2 Nachrichtenleser
			4.8. Newsletter
		5. Wartungsmodus
		6. Dark Mode
			6.1. Switch-Button
			6.2. Farben
				6.2.1. Text
				6.2.2. Hintergrund
				6.2.3. Rahmen
				6.2.4. Schatten
		7. Eigene Klassen
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */
/* vollkorn-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: url('../../bundles/themeultimatevolkmarjesiek/fonts/webfonts/vollkorn-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../../bundles/themeultimatevolkmarjesiek/fonts/webfonts/montserrat-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../../bundles/themeultimatevolkmarjesiek/fonts/webfonts/montserrat-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../../bundles/themeultimatevolkmarjesiek/fonts/webfonts/montserrat-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.2. Textstrukturierung und Überschriften
====================================================================================== */
body,
button,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	font-family: 'Montserrat';
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Vollkorn';
}
h1.highlight {
	margin-bottom: 35px;
}
h1.highlight::after {
	border-style: solid;
	border-width: 3px;
	content: "";
	left: 0;
	margin: 42px auto 0;
	position: absolute;
	right: 0;
	width: 125px;
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.3. Icon-Größen
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.1. Text
====================================================================================== */
button.button-corporate,
.button-corporate p.button a,
.button-corporate button.submit,
.button-corporate p.button a:hover,
.content-download::before,
.content-downloads::before {
	color: #fff;
}
#footer a {
	color: #343a40;
}
#toggle-nav::after,
#nav-footer ul > li:not(:first-child)::before {
	color: #ca4e1a;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
#wrapper {
	background: #fff;
}
body {
	background: #e9ecef;
}
.bg-corporate,
button.button-corporate,
.button-corporate p.button,
.button-corporate button.submit,
.content-download::before,
.content-downloads::before,
.pagination ul li strong,
.pagination ul li a:hover {
	background: #ca4e1a;
}

/* Hover-Farben */
button.button-corporate:hover,
.button-corporate p.button:hover,
.button-corporate button.submit:hover {
	background: #8f3211;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.3. Rahmen
====================================================================================== */
h1.highlight::after,
#footer .copyright::before,
#nav-main ul.level_1 > li > a::before,
#nav-main ul.level_1 > li > strong::before,
.content-download,
.content-downloads,
.content-download::before,
.content-downloads::before,
.content-gallery.werke figure a::before,
.content-gallery.werke figure a::after,
.content-zeitstrahl.icon-corporate .box-date::after {
	border-color: #ca4e1a;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.4. Umrisse
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.5. Schatten
====================================================================================== */
#wrapper {
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

/* ======================================================================================
1. Allgemeine Styles
	1.3. Ausrichtung
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.5. Formularfelder
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.6. Radien
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.7. Rahmen
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.8. Umrisse
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.9. Transparenz
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.10. Overlays
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.11. Zoom
====================================================================================== */
.content-gallery.werke li:hover figure img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* ======================================================================================
1. Allgemeine Styles
	1.12. Übergang
====================================================================================== */
#nav-main ul.level_1 > li > a::before,
#nav-main ul.level_1 > li > strong::before,
.content-gallery.werke figure a::before,
.content-gallery.werke figure a::after,
.content-gallery.werke li figure img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

/* ======================================================================================
2. Layout
====================================================================================== */
#wrapper {
	margin: 35px auto;
	padding-bottom: 0;
	padding-top: 0;
	width: 1270px;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
#wrapper {
	width: 1010px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#wrapper {
	margin: 25px auto;
	width: 740px;
}

/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#wrapper {
	margin: 10px auto;
	width: calc(100% - 20px);
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header {
	height: auto;
	position: relative;
}
#header .logo {
	margin: 15px auto;
	width: 300px;
}
#header .logo::after {
	content: "Bildender Künstler, Projekte & Kurse";
	font-size: 12px;
	font-size: 0.75rem;
	margin: -19px 0 0 80.5px;
	position: absolute;
}

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#header .logo {
	margin: 0 auto;
	width: 200px;
}
#header .logo::after {
	font-size: 8px;
	font-size: 0.5rem;
	margin: -13px 0 0 53.5px;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.2. Teaserzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
====================================================================================== */
#teaser {
	padding: 7px 0;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#teaser .content-gallery--cols-3 ul {
	grid-template-columns: repeat(2, 1fr);
}
#teaser .content-gallery--cols-3 ul li:nth-child(3) {
	display: none !important;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#teaser .content-gallery--cols-3 ul {
	grid-template-columns: repeat(1, 1fr);
}
#teaser .content-gallery--cols-3 ul li:nth-child(2) {
	display: none !important;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.1. Linke Spalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.2. Hauptspalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.3. Hauptzeile
		2.3.3. Rechte Spalte
====================================================================================== */

/* ======================================================================================
2. Layout
	2.4. Unterzeile
====================================================================================== */

/* ======================================================================================
2. Layout
	2.5. Fußzeile
====================================================================================== */
#footer {
	bottom: auto;
	float: none;
	height: auto;
	margin: auto;
	position: relative;
	text-align: center;
}
#footer .copyright {
	padding-top: 7px
}
#footer .copyright::before {
	border-style: solid;
	border-width: 3px;
	content: "";
	left: 0;
	margin: -7px auto 0;
	position: absolute;
	right: 0;
	width: 125px;
}

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.1. Überschrift
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.2. Text
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.3. Aufzählung
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.4. Tabelle
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.5. Code
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.6. Markdown
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.2. Akkordeon
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.3. Content-Slider
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.4. Link-Elemente
		3.4.1. Hyperlink
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.4. Link-Elemente
		3.4.2. Top-Link
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.1. Bild
====================================================================================== */
figure {
	overflow: hidden;
}
.content-text.media--left figure,
.content-text.media--right figure {
	width: 20%;
}
.content-image figcaption,
.content-gallery figcaption,
.content-text figure figcaption {
	background: none;
	font-weight: 700;
	text-align: center;
}

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.2. Galerie
====================================================================================== */
.content-gallery.werke ul {
	columns: 3;
	display: block;
}
.content-gallery.werke ul li {
	break-inside: avoid;
	margin-bottom: 14px;
}
.content-gallery.werke figure a::before,
.content-gallery.werke figure a::after {
	content: "";
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	z-index: 99;
}
.content-gallery.werke figure a::before {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-top-width: 2px;
	bottom: 0;
	height: calc(100% - 70px);
	top: 0;
	width: 0;
}
.content-gallery.werke figure a:hover::before {
	width: 80%;
}
.content-gallery.werke figure a::after {
	border-left-style: solid;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	bottom: 36px;
	height: 0;
	top: 36px;
	width: calc(100% - 20%);
}
.content-gallery.werke figure a:hover::after {
	height: calc(100% - 67px);
}

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-gallery.werke ul {
	columns: 2;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.3. Video/Audio
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.4. YouTube
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.5. Vimeo
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.6. Colorbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.6. Datei-Elemente
		3.6.1. Download
====================================================================================== */
.content-download,
.content-downloads {
	border-width: 4px;
}
.content-download::before,
.content-downloads::before {
	border-width: 2px;
	font-weight: 300;
}

/* ======================================================================================
3. Core-Elemente
	3.6. Datei-Elemente
		3.6.2. Downloads
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.1. Formulare
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.2. Kommentare
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.1. Teaserbild
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.2. Teaserbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.3. Text/Bild-Kachel
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.4. Hinweisbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.5. Teambox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.6. Zitatbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.7. Preistabelle
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.8. Iconbox
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.9. Zeitstrahl
====================================================================================== */
.content-zeitstrahl .box-date {
	font-weight: 700;
}
.content-zeitstrahl .box-date::before {
	top: 25px;
}
.content-zeitstrahl .box-date::after {
	top: 29px;
}
.content-zeitstrahl .box-text::before {
	top: 42px;
}
/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-zeitstrahl .box-date::before {
	top: 10px;
}
.content-zeitstrahl .box-date::after {
	top: 14px;
}
.content-zeitstrahl .box-text::before {
	top: 28px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-zeitstrahl::before {
	left: 100px;
}
.content-zeitstrahl .box-date {
	font-size: 16px;
	font-size: 1rem;
	padding: 10px 0;
	width: 100px;
}
.content-zeitstrahl .box-date::before {
	top: 8px;
}
.content-zeitstrahl .box-date::after {
	top: 12px;
}
.content-zeitstrahl .box-text::before {
	top: 26px;
}
.content-zeitstrahl .box-text {
	width: calc(100% - 116px);
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.10. Landkarte
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.11. iframe-Element
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.12. Anker-Element
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.13. Umschaltumschlag
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.14. Tabs
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.15. Animierte Zahlen
====================================================================================== */

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.16. Filterumschlag
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.1. Umschaltnavigation
====================================================================================== */
#toggle-nav {
	top: -86px;
}

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#toggle-nav {
	top: -60px;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.2. Kopfnavigation
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	font-weight: 300;
	padding: 10px;
	position: relative;
}
#nav-main ul.level_1 > li > a::before,
#nav-main ul.level_1 > li > strong::before {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	content: "";
	left: 0;
	margin: 28px auto 0;
	position: absolute;
	right: 0;
	width: 0;
}
#nav-main ul.level_1 > li:hover > a::before,
#nav-main ul.level_1 > li:hover > strong::before {
	width: calc(100% - 14px);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main {
	height: 100%;
	padding-top: 64px;
	top: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.4. Lokale Navigation
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.5. Nachrichtenarchiv-Navigation
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.6. Fußnavigation
====================================================================================== */
#nav-footer {
	float: none;
	margin: auto;
	text-align: center;
}
#nav-footer ul > li:not(:first-child)::before {
	content: "·";
	font-size: 32px;
	font-size: 2rem;
	margin: -6px 0 0 -6px;
	position: absolute;
}

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.7. Navigationspfad
====================================================================================== */
#nav-breadcrumb {
	display: none;
}

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.8. Seitennummerierung
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.9. HTML-Sitemap
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.10. Sprachenwechsler
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.2. Benutzer
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.3. Anwendungen
		4.3.1. Suchmaschine
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.1. Cookiebar
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.5. Events
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.6. FAQ
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.1 Nachrichtenarchiv und -liste
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.2 Nachrichtenleser
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.8. Newsletter
====================================================================================== */

/* ======================================================================================
5. Wartungsmodus
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.1. Switch-Button
====================================================================================== */
.switch-dark-mode {
	display: none;
}

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.2. Text
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.2. Hintergrund
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.3. Rahmen
====================================================================================== */

/* ======================================================================================
6. Dark Mode
	6.2. Farben
		6.2.4. Schatten
====================================================================================== */

/* ======================================================================================
7. Eigene Klassen
====================================================================================== */
.kontakt {
	padding-left: 28px;
}
.kontakt::before {
	content: "";
	font-family: "Font Awesome 7 Free";
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	left: 0;
	position: absolute;
	top: 7px;
}
.kontakt.anschrift::before {
	content: "\f015";
}
.kontakt.telefon::before {
	content: "\f095";
}
.kontakt.email::before {
	content: "\f0e0";
}
/* Volkmar Jesiek: retain the existing 4.1.3 presentation on native 4.4.2 markup. */
body,button,input:not([type=radio]):not([type=checkbox]),textarea,select { font-size:1rem; line-height:1.25; color:#343a40; }
body,#wrapper { min-height:0; }
#wrapper { display:block; }
h1,h2,h3,h4,h5,h6 { font-weight:700; line-height:1.25; }
strong { font-weight:700; }
.content-text.media { display:block; overflow:hidden; }
.content-text.media > figure { position:relative; max-inline-size:none; }
.content-text.media > figure img { display:block; width:100%; height:auto; }
.media--left:not(.media),.media--left figure { float:left; }
.media--right:not(.media),.media--right figure { float:right; }
.content-text.media.media--left > figure,.content-text.media.media--right > figure { margin:11px 21px 11px 0; width:20%; }
.content-text.media.media--right > figure { margin:11px 0 11px 21px; }
@media(max-width:1039px){.content-text.media.media--left > figure,.content-text.media.media--right > figure { width:20%; }}
@media(max-width:519px){.content-text.media.media--left > figure,.content-text.media.media--right > figure { margin:7px 0 14px; width:20%; }}
.content-text ul,.content-text ol { margin:0; padding:7px 0 7px 35px; }
.content-text p a,.ce_form label a { text-decoration:none; }
.content-map .iframe { border-radius:0; }
h1,.content-headline.standard.headline-h1 { font-size:2rem; }
h2,.content-headline.standard.headline-h2 { font-size:1.5rem; }
h3,.content-headline.standard.headline-h3 { font-size:1.375rem; }
h4,.content-headline.standard.headline-h4 { font-size:1.25rem; }
h5,.content-headline.standard.headline-h5 { font-size:1.125rem; }
h6,.content-headline.standard.headline-h6 { font-size:1rem; }
*[class*="content-"],*[class*="mod_"],*[class*="ce_"] { position:relative; z-index:0; }
.content-page-wrapper > .inside { padding-inline:0; }
.content-page-wrapper > .inside > .row { margin-inline:calc(var(--tu-column-padding) * -1); }
#header,#nav-main-bar,#footer { background:transparent; color:inherit; }
#header .logo { position:relative; }
#header .logo a { display:block; }
#header .logo figure { margin:0; border-radius:0; }
#nav-top-bar { display:block; }
#teaser,#container,#main { position:relative; }
#container::after { content:""; display:table; clear:both; }
#main { float:left; width:100%; }
#nav-main { width:100%; }
#nav-main ul { margin:0; padding:0; }
#nav-main > ul { display:block; gap:0; }
#nav-main ul.level_1 > li { display:inline-block; position:static; }
#nav-main-bar #nav-main ul.level_1 > li > :is(a,strong) { color:#343a40; background:transparent; border-radius:0; font-weight:300; text-decoration:none; }
.content-gallery > ul { gap:14px; }
.content-image figure,.content-gallery figure { border-radius:0; margin:0; }
.content-gallery img { aspect-ratio:auto; object-fit:fill; height:auto; }
.content-player video { width:100%; height:auto; }
.content-player figure { margin:0; }
h1.highlight::after,#footer .copyright::before { box-sizing:content-box; }
h1.highlight { overflow:hidden; }
#footer .content-column-wrapper { display:block; }
#footer .copyright { width:100%; margin:0; font-size:.875rem; line-height:1.25; }
#footer .copyright a { text-decoration:none; }
#nav-footer { width:100%; }
#nav-footer ul { display:block; padding:0; margin:0; }
#nav-footer ul li { display:inline-block; position:static; text-align:left; }
#footer #nav-footer :is(a,strong) { display:block; padding:7px; font-size:.875rem; line-height:1.25; font-weight:400; border-radius:0; background:transparent; text-decoration:none; }
#footer #nav-footer strong.active,#footer #nav-footer li.active > strong { color:#343a40; background:transparent; }
#toggle-nav { background:transparent; border:0; border-radius:0; font-size:1.5rem; height:47px; width:47px; padding:0; position:absolute; right:2px; text-align:center; margin:7px 0; line-height:1; z-index:1050; }
#toggle-nav::before { content:none; }
#toggle-nav::after { content:"\f0c9"; font-family:"Font Awesome 7 Free"; font-weight:700; color:#ca4e1a; }
#toggle-nav.active::before { content:none; }
#toggle-nav.active::after { content:"\f00d"; }
@media(max-width:779px){
 .content-page-wrapper > .inside > .row { margin-inline:0; }
 #toggle-nav { display:block; }
 #nav-main { height:100%; padding:64px 0 0; top:0; background:#fff; }
 #nav-main ul.level_1 > li { display:block; position:relative; }
 #nav-main ul.level_1 > li > :is(a,strong) { padding:14px 10px; }
}
@media(min-width:780px){
 #toggle-nav,#toggle-nav.active { display:none; }
 #nav-main-bar #nav-main { position:static; inset:auto; display:block; height:auto; padding:0; overflow:visible; background:transparent; }
 #nav-main-bar #nav-main > ul { display:block; }
 #nav-main-bar #nav-main ul.level_1 > li > :is(a,strong) { padding:10px; }
}

/* Original timeline geometry, mapped to native names. */
.content-timeline {
	width: 100%;
}
.content-timeline::before {
	content: "";
	height: 100%;
	left: 50%;
	margin-left: -3px;
	position: absolute;
	width: 5px;
}
.content-timeline .box-date::before {
	content: "";
	height: 39px;
	position: absolute;
	right: -19px;
	width: 39px;
	z-index: 1;
}
.content-timeline .box-date {
	font-size: 20px;
	font-size: 1.25rem;
	text-align: right;
}
.content-timeline .box-date::after {
	border-style: solid;
	border-width: 5px;
	content: "";
	height: 21px;
	position: absolute;
	right: -15px;
	width: 21px;
	top: 32px;
	z-index: 2;
}
.content-timeline .box-date,
.content-timeline .box-text {
	float: left;
	padding: 28px 70px;
	position: relative;
	width: 50%;
}
.content-timeline .box-text::before {
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 45px;
	width: 42px;
}
.content-timeline .box-text {
	float: right;
}
.content-timeline .box-text .img-after {
	margin-top: 7px;
}
.content-timeline .box-text .inside[class*="bg-"] {
	padding: 7px 11px;
}

.content-timeline .box-text .inside[class*="bg-"] .img-before {
	margin: -7px -11px 0;
}
.content-timeline .box-text .inside[class*="bg-"] .img-after {
	margin: 7px -11px -7px;
}
.content-timeline.text-left .box-date:before {
	left: -20px;
	right: auto;
}
.content-timeline.text-left .box-date {
	float: right;
	text-align: left;
}
.content-timeline.text-left .box-date:after {
	left: -16px;
	right: auto;
}
.content-timeline.text-left .box-text:before {
	left: auto;
	right: 0;
}
.content-timeline.text-left .box-text {
	float: left;
}
.column-both .content-timeline::before {
	left: 65px;
}
.column-both .content-timeline .box-date {
	padding: 16px 0;
	text-align: left;
	width: 65px;
}
.column-both .content-timeline .box-date::after {
	top: 20px;
}
.column-both .content-timeline .box-text::before {
	width: 20px;
	top: 33px;
}
.column-both .content-timeline .box-text {
	padding: 12px 0 12px 30px;
	width: calc(100% - 82px);
}
.column-both .content-timeline.text-left .box-date::before {
	left: auto;
	right: -19px;
}
.column-both .content-timeline.text-left .box-date {
	float: left;
}
.column-both .content-timeline.text-left .box-date::after {
	left: auto;
	right: -15px;
}
.column-both .content-timeline.text-left .box-text::before {
	left: 0;
	right: auto;
}
.column-both .content-timeline.text-left .box-text {
	float: right;
	text-align: left;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-timeline .box-date,
.content-timeline .box-text {
	padding: 14px 48px;
}
.content-timeline .box-date::after {
	top: 18px;
}
.content-timeline .box-text::before {
	width: 36px;
	top: 31px;
}
.column-left .content-timeline::before,
.column-right .content-timeline::before {
	left: 65px;
}
.column-left .content-timeline .box-date,
.column-right .content-timeline .box-date {
	padding: 16px 0;
	text-align: left;
	width: 65px;
}
.column-left .content-timeline .box-date::after,
.column-right .content-timeline .box-date::after {
	top: 20px;
}
.column-left .content-timeline .box-text::before,
.column-right .content-timeline .box-text::before {
	width: 20px;
	top: 33px;
}
.column-left .content-timeline .box-text,
.column-right .content-timeline .box-text {
	padding: 12px 0 12px 30px;
	width: calc(100% - 82px);
}
.column-left .content-timeline.text-left .box-date::before,
.column-right .content-timeline.text-left .box-date::before {
	left: auto;
	right: -19px;
}
.column-left .content-timeline.text-left .box-date,
.column-right .content-timeline.text-left .box-date {
	float: left;
}
.column-left .content-timeline.text-left .box-date::after,
.column-right .content-timeline.text-left .box-date::after {
	left: auto;
	right: -15px;
}
.column-left .content-timeline.text-left .box-text::before,
.column-right .content-timeline.text-left .box-text::before {
	left: 0;
	right: auto;
}
.column-left .content-timeline.text-left .box-text,
.column-right .content-timeline.text-left .box-text {
	float: right;
	text-align: left;
}
/* Media Query Ende */ }

.content-timeline::before { background:#343a40; mask-image:none; -webkit-mask-image:none; }
.content-timeline .box-date { color:inherit; }
.content-timeline .box-date::before { background:#fff !important; border-radius:50%; }
.content-timeline .box-date::after { box-sizing:content-box; }
.content-timeline.icon-corporate .box-date::after { border-color:#ca4e1a; }
.content-timeline .box-text::before { background:#343a40; width:42px !important; }
.content-timeline .box-text > .inside { color:inherit; }
@media(max-width:1039px){.content-timeline .box-text::before { width:36px !important; }}
@media(max-width:779px){.content-timeline .box-text::before { width:20px !important; }}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-timeline::before {
	left: 65px;
}
.content-timeline .box-date {
	padding: 16px 0;
	text-align: left !important;
	width: 65px;
}
.content-timeline .box-date::after {
	top: 20px;
}
.content-timeline .box-text::before {
	width: 20px;
	top: 33px;
}
.content-timeline .box-text {
	padding: 12px 0 12px 30px;
	width: calc(100% - 82px);
}
.content-timeline.text-left .box-date::before {
	left: auto;
	right: -19px;
}
.content-timeline.text-left .box-date {
	float: left;
}
.content-timeline.text-left .box-date::after {
	left: auto;
	right: -15px;
}
.content-timeline.text-left .box-text::before {
	left: 0;
	right: auto;
}
.content-timeline.text-left .box-text {
	float: right;
}
.content-timeline.text-left .box-text .right {
	text-align: left;
}
/* Media Query Ende */ }

.content-timeline .box-date {
	font-weight: 700;
}
.content-timeline .box-date::before {
	top: 25px;
}
.content-timeline .box-date::after {
	top: 29px;
}
.content-timeline .box-text::before {
	top: 42px;
}
/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-timeline .box-date::before {
	top: 10px;
}
.content-timeline .box-date::after {
	top: 14px;
}
.content-timeline .box-text::before {
	top: 28px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-timeline::before {
	left: 100px;
}
.content-timeline .box-date {
	font-size: 16px;
	font-size: 1rem;
	padding: 10px 0;
	width: 100px;
}
.content-timeline .box-date::before {
	top: 8px;
}
.content-timeline .box-date::after {
	top: 12px;
}
.content-timeline .box-text::before {
	top: 26px;
}
.content-timeline .box-text {
	width: calc(100% - 116px);
}
/* Media Query Ende */ }


/* TU 4.3 placed the button classes on p.button; TU 4.4 places them on a.btn. */
p.mb-0:has(> a.btn) {
  display: inline-block;
  height: 32px;
  margin: 7px 0 !important;
  position: relative;
  z-index: 1;
  vertical-align: baseline;
  padding: 0;
  width: max-content;
  max-width: 100%;
}
a.btn {
  display: block;
  height: 32px;
  padding: 7px 12px;
  font-size: 99%;
  line-height: 1;
  white-space: nowrap;
  border-radius: 0;
  text-decoration: none;
}
p.mb-0 > a.btn[target="_blank"]::after { content: none; }
a.btn.button-corporate,
.button-corporate a.btn {
  color: #fff;
  background: #ca4e1a;
  border: 1px solid transparent;
  text-shadow: none;
}
a.btn.button-corporate:is(:hover, :focus-visible),
.button-corporate a.btn:is(:hover, :focus-visible) {
  color: #fff;
  background: #8f3211;
  border-color: #8f3211;
}

/* Retain the existing Cookiebar skin and spacing. */
.contao-cookiebar {color:#444; --ccb-bg:#fff; --ccb-text:#868686; --ccb-clr:#444; --ccb-btn-bg:#f5f5f5; --ccb-btn-bg-hvr:#ececec; --ccb-btn-bdr:#cfcfcf; --ccb-btn-clr:#444;}
.contao-cookiebar .cc-inner {color:#444;max-width:500px;border:0;border-radius:3px;box-shadow:none;}
.contao-cookiebar .cc-btn {height:32px;line-height:1;margin:7px 0 8px;padding:8px 14px;border:1px solid #cfcfcf;border-radius:4px;font-weight:300;}
.contao-cookiebar .cc-btn,.contao-cookiebar .cc-btn.success,.contao-cookiebar .cc-btn.success.cc-hide-focus {color:#444;background:#f5f5f5;border-color:#cfcfcf;}
.contao-cookiebar .cc-btn:is(:hover,:focus),.contao-cookiebar .cc-btn.success:is(:hover,:focus) {background:#ececec;color:#444;border-color:#cfcfcf;}
.contao-cookiebar .cc-info a {color:#007bff;text-decoration:none;}
.contao-cookiebar .cc-close {right:18px;height:24px;margin:7px 0;padding:0 12px;font-size:99%;line-height:1;color:#444;}
.contao-cookiebar .cc-groups .cc-group > label {margin:5px 10px;}
.contao-cookiebar label.group,.contao-cookiebar .cc-cookie-info > div > span {font-weight:600;}
@media(min-width:768px){.contao-cookiebar .cc-btn {margin-bottom:0;width:auto;}}
/* Preserve the existing form grid and native field appearance. */
.ce_form .formbody fieldset { padding:0; margin:0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody { display: block; margin: 0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody::after { content: ""; display: table; clear: both; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody > .widget { clear: none; margin: 0; padding: 7px 2px; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody > .widget[class*="col-"] { clear: none; float: left; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody > .widget > label { display: inline; width: auto; margin: 0; font-weight: 700; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody > .widget[class*="col-"] > label { display: block; width: 100%; padding: 0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody legend { float: none; width: auto; font-size: 1rem; line-height: 1.25; font-weight: 700; margin: 0; padding: 0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody span.mandatory { color: #dc3545; display: inline; margin: 0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody :is(input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select,textarea) { padding: 6px 12px; border: 1px solid #ccc; border-radius: 0; font-size: 99%; line-height: 1; width: 100%; background: #fff; color: #343a40; min-height: 0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody :is(input.text,select) { height: 32px; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody input[class*="col-"] { font-size: 1rem; line-height: 22px; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody textarea { height: auto; display: inline-block; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody :is(.widget-checkbox,.widget-radio) > fieldset > span { display: inline; margin: 0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody legend span.mandatory { display: inline; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody :is(input[type="checkbox"],input[type="radio"]) { appearance: auto; display: inline-block; float: none; width: 14px; height: 14px; inline-size: 14px; block-size: 14px; vertical-align: baseline; font-size: 99%; line-height: 1; padding: 0; margin: 0; border-radius: 0; background: none; border: 0; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody :is(.checkbox_container,.radio_container) label { display: block; margin: -21px 0 0 21px; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody .widget-explanation { margin: 0; padding: 7px 2px; border: 0; background: transparent; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody .widget-explanation .content-notice-box { display: block; margin: 7px 0; padding: 0; border: 1px solid #bee5eb; border-radius: 0; background: #d1ecf1; color: #0c5460; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody .widget-explanation .inside { display: block; padding: 7px 11px; color: inherit; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration) .formbody .widget-explanation p { color: inherit; }
:is(.ce_form,.mod_login,.mod_lostPassword,.mod_changePassword,.mod_registration).button-corporate .formbody button.submit { display: block; padding: 0 12px; height: 32px; line-height: 1; font-size: 99%; background: #ca4e1a; color: #fff; border: 1px solid transparent; border-radius: 0; }
.iframe-consent .content-notice-box { background: #343a40; border: 1px solid #343a40; color: #e4e4e4; }
.iframe-consent .dsgvo-text, .iframe-consent .dsgvo-text :is(p,strong) { color: #e4e4e4; }
.iframe-consent .dsgvo-text { margin-bottom: 0; }
.iframe-consent button.iframe-consent-button { font-size: 99%; background: #dc3545; border-color: #dc3545; color: #fff; padding: 0 12px; line-height: 1; border-radius: 0; }
.mod_search .formbody { display: block; margin: 0; }
.mod_search .formbody > .widget { clear: none; margin: 0; padding: 0; }
.mod_search .formbody > .widget-text { float: left; margin-left: -2px; overflow: hidden; padding: 7px 2px; width: calc(100% - 85px); }
.mod_search .formbody > .widget-submit { float: right; width: auto; }
.mod_search .formbody > .widget-radio { clear: both; }
.mod_search .formbody input[type="search"] { display: inline-block; padding: 6px 12px; border: 1px solid #ccc; border-radius: 0; font-size: 99%; line-height: 1; height: 32px; width: 100%; background: #fff; color: #343a40; min-height: 0; }
.mod_search .formbody input[type="radio"] { appearance: auto; display: inline-block; float: none; width: 14px; height: 14px; inline-size: 14px; block-size: 14px; vertical-align: baseline; font-size: 99%; line-height: 1; padding: 0; margin: 0; border: 0; border-radius: 0; background: none; }
.mod_search .formbody .radio_container > span { display: block; margin: 7px 0; }
.mod_search .formbody .radio_container label { display: block; margin: -21px 0 0 21px; }
.mod_search.button-corporate .formbody button.submit { display: block; height: 32px; padding: 0 12px; font-size: 99%; line-height: 1; color: #fff; background: #ca4e1a; border: 1px solid transparent; border-radius: 0; }
.mod_sitemap ul { line-height: 2; margin: 0 0 0 20px; padding: 0; }
.mod_sitemap ul li { position: static; margin: 0 0 0 20px; padding: 7px 0; }
.mod_sitemap ul li::before { inset: auto; inline-size: auto; color: inherit; font-size: 2rem; font-weight: 700; margin: -18px 0 0 -38px; text-align: start; }
.mod_sitemap ul li:hover::before { font-weight: 400; }
.mod_sitemap ul li a { text-decoration: none; }


.content-text.media.media--left > figure { float:left; }
.content-text.media.media--right > figure { float:right; }
.content-timeline { overflow:hidden; }
.ce_form .formbody button.submit { margin:7px 0; font-weight:300; border-color:transparent !important; }
@media(max-width:779px){.content-timeline.text-left .box-text .right {text-align:left !important;}}
@media(max-width:519px){#footer .copyright .footer-rechte {display:block;}}
.content-image figcaption,.content-gallery figcaption,.content-text figure figcaption {font-size:1rem;line-height:1.25;color:inherit;margin: -4px 0 0;padding:7px;}
.content-image a + figcaption,.content-gallery a + figcaption,.content-text figure a + figcaption {margin-top:-7px;}
.ce_form .formbody > .widget > fieldset > legend {margin:0;inline-size:auto;}
.ce_form .formbody :is(input,textarea,select) {font-weight:300;}
.ce_form .formbody :is(input.text,textarea,select) {border-color:#ccc !important;}
@media(max-width:779px){
 #toggle-nav.active {position:absolute;inset:-60px 2px auto auto;z-index:1050;background:transparent;}
 #nav-main-bar #nav-main ul.level_1 > li > :is(a,strong) {font-weight:400;}
}a {color:#007bff;}
.agentur-zentral-impressum,.agentur-zentral-impressum h2 {line-height:1;}
.agentur-zentral-impressum a::after {content:none !important;}
figure {position:relative;}
.content-download,.content-downloads {border-style:solid;border-width:4px;overflow:visible;padding:14px 7px 7px;}
.content-download {padding-top:21px;}
.content-download::before,.content-downloads::before {border-style:solid;border-width:2px;content:"Download";font-weight:300;margin-top:-25px;padding:0 7px;position:absolute;}
.content-download::before {margin-top:-32px;}
.content-download a {text-decoration:none;}
.content-download .size,.content-downloads .size {font-size:.625rem;color:#6c757d;}
.ce_form .formbody textarea {vertical-align:baseline;}
.mod_sitemap ul ul {margin-left:20px;}
.ce_form .formbody textarea {display:block;}
.mod_search .formbody button.submit {margin:7px 0;font-weight:300;border-color:transparent !important;}
.mod_search .formbody input {font-weight:300;}
/* Existing image viewer dimensions and controls, on native lightbox markup. */
.theme-lightbox-backdrop {background:rgba(0,0,0,.9);}
.theme-lightbox-stage {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--jesiek-lightbox-w,80vw) + 10px);height:calc(var(--jesiek-lightbox-h,80vh) + 30px);display:block;flex:none;padding:20px 0 0;overflow:visible;}
.theme-lightbox-figure {border:5px solid #000;max-width:none;max-height:none;overflow:hidden;}
.theme-lightbox-img {width:var(--jesiek-lightbox-w);height:var(--jesiek-lightbox-h);max-width:none;max-height:none;}
.theme-lightbox-info {position:absolute;right:calc((100vw - var(--jesiek-lightbox-w,80vw) - 10px)/2);top:calc((100vh - var(--jesiek-lightbox-h,80vh) - 30px)/2);padding:0;line-height:20px;text-align:right;}
.theme-lightbox-counter {font-size:1rem;opacity:1;margin:0;line-height:20px;}
.theme-lightbox-caption:empty {display:none;}
.theme-lightbox-close {top:calc((100vh - var(--jesiek-lightbox-h,80vh) - 30px)/2 + 25px);right:calc((100vw - var(--jesiek-lightbox-w,80vw) - 10px)/2);width:40px;height:40px;font-size:0;line-height:1.25;background:#000;}
.theme-lightbox-close::after {content:"\f00d";font-family:"Font Awesome 7 Free";font-size:32px;font-weight:700;}
.theme-lightbox-prev,.theme-lightbox-next {width:30px;height:65px;top:calc(50% + 10px);transform:translateY(-50%);background:#000;border-radius:0;}
.theme-lightbox-prev {left:0;}
.theme-lightbox-next {right:0;}
.theme-lightbox-prev svg,.theme-lightbox-next svg {display:none;}
.theme-lightbox-prev::after,.theme-lightbox-next::after {font-family:"Font Awesome 7 Free";font-size:32px;font-weight:700;}
.theme-lightbox-prev::after {content:"\f104";}
.theme-lightbox-next::after {content:"\f105";}
.content-download.download-element a,.content-downloads .download-element a {padding:0 0 0 22px;}
.theme-lightbox-close {right:calc((100vw - var(--jesiek-lightbox-w,80vw) - 10px)/2 + 3px);}

/* Final parity: search results and external links. */
p:not(.button) a[target="_blank"]::after,.button-link p.button a[target="_blank"]::after,.content-hyperlink a[target="_blank"]::after {display:inline;font-family:"Font Awesome 7 Free";font-size:.75rem;font-weight:700;line-height:inherit;margin-left:3px;}
.mod_search a {text-decoration:none;}
.mod_search h3 > a {display:block;color:#343a40;}
.mod_search mark {padding:0;background:#ff0;color:#000;}
.mod_search .header,.mod_search .info {clear:both;border:1px solid;padding:7px 11px;margin:7px 0;}
.mod_search .header {background:#e2e3e5;border-color:#d6d8db;color:#383d41;}
.mod_search .info {background:#d1ecf1;border-color:#bee5eb;color:#0c5460;}
.mod_search > div:not(:last-child) {margin-bottom:28px;}