/* ======================================================================================
Styleseet für BikeMetrics. Individuelle Änderungen vornehmen!
Datei: custom.css
Datum: 28.11.2025
Autor: 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
====================================================================================== */
::selection,
::-moz-selection {
	background: #e4b96c;
	color: #000;
}

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */
/* mohave-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: 'Mohave';
  font-style: normal;
  font-weight: 300;
  src: url('/files/theme/fonts/webfonts/mohave-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mohave-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: 'Mohave';
  font-style: italic;
  font-weight: 300;
  src: url('/files/theme/fonts/webfonts/mohave-v12-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mohave-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: 'Mohave';
  font-style: normal;
  font-weight: 700;
  src: url('/files/theme/fonts/webfonts/mohave-v12-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: 'Mohave';
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.75;
}
h1 {
	font-size: 48px;
	font-size: 3rem;
}
h2 {
	font-size: 32px;
	font-size: 2rem;
}
.content-teaser-image h1,
.content-teaser-image .content-headline.standard.headline-h1 {
	font-size: 80px;
	font-size: 5rem;
	line-height: 1.25;
	text-transform: uppercase;
}
h2.highlight {
	overflow: hidden;
}
h2.highlight span {
	display: inline-block;
	max-width: 80%;
	padding-right: 21px;
	position: relative;
}
h2.highlight span::before {
	left: -10000px;
}
h2.highlight span::after {
	left: 100%;
}
h2.highlight span::before,
h2.highlight span::after {
	border-bottom-style: solid;
	border-bottom-width: 4px;
	content: "";
	position: absolute;
	top: 45%;
	width: 10000px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
h1 {
	font-size: 32px;
	font-size: 2rem;
}
h2 {
	font-size: 24px;
	font-size: 1.5rem;
}
.content-teaser-image h1,
.content-teaser-image .content-headline.standard.headline-h1 {
	font-size: 44px;
	font-size: 2.75rem;
}
/* Media Query Ende */ }

/* ======================================================================================
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
====================================================================================== */
::placeholder {
	color: #999;
}
body,
a:hover,
button.button-corporate:hover,
.button-corporate p.button a:hover,
.button-corporate button.submit:hover,
#nav-main ul.level_1 li a,
#nav-main ul.level_1 li strong,
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after,
#nav-main ul.level_1 button.toggle,
#nav-footer ul.level_1 li a:hover,
#nav-footer ul.level_1 li strong:hover,
#nav-footer ul li:not(:last-child) a::after,
#nav-footer ul li:not(:last-child) strong::after,
#toggle-nav::after,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
.mod_newslist .layout_latest h2 a,
.contao-cookiebar .cc-head p {
	color: #fff;
}
#nav-main ul.level_2 > li > a:hover,
#nav-main ul.level_2 > li > strong:hover,
.content-notice-box.notice-box-white {
	color: #000;
}
a,
button.button-corporate,
.button-corporate p.button a,
.button-corporate button.submit,
#nav-main ul.level_1 > li > a:hover,
#nav-main ul.level_1 > li > strong:hover,
#nav-footer ul.level_1 li a,
#nav-footer ul.level_1 li strong,
ul li.check::before,
.mod_newslist .layout_latest h3,
.mod_newsreader .layout_full h2.sub-headline {
	color: #e4b96c;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
#nav-main ul.level_2 > li > a:hover,
#nav-main ul.level_2 > li > strong:hover {
	background: #fff;
}
th,
.contao-cookiebar .cc-inner {
	background: #161616;
}
body,
[type="checkbox"] + label::before,
#nav-main,
#nav-main ul.level_3,
.content-downloads::before,
.ce_form .widget input,
.ce_form .widget textarea,
.mod_subscribe .widget input,
.mod_unsubscribe .widget input {
	background: #000;
}
#nav-main ul.level_2 {
	background: rgba(0, 0, 0, 0.6);
}
input[type="checkbox"]:checked+label::before,
#nav-main ul.level_1 > li > a::before,
#nav-main ul.level_1 > li > strong::before,
.content-text-image-tile .box-img.arrow::before,
.mod_newslist .layout_latest figure::after {
	background: #e4b96c;
}
.content-swiper button:hover {
	background: rgba(0, 0, 0, 0.25);
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.3. Rahmen
====================================================================================== */
.ce_form .widget.explanation.mandatory::before {
	border-color: #fff;
}
.ce_form .widget input,
.ce_form .widget textarea,
[type="checkbox"] + label::before,
.mod_subscribe .widget input,
.mod_unsubscribe .widget input {
	border-color: #3d3d3d;
}
th, td,
h2.highlight span::before,
h2.highlight span::after,
.mod_newslist .layout_latest figure,
.mod_newslist .layout_latest figure::before {
	border-color: #e4b96c;
}

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

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

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

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */
button,
p.button {
	height: 45px;
}
button.button-corporate,
.button-corporate .button a,
.button-corporate button.submit {
	padding: 0 0 0 21px;
}
button.button-corporate::before,
.button-corporate .button a::before,
.button-corporate button.submit::before {
	content: "\f101";
	font-family: "Font Awesome 7 Free";
	font-weight: 700;
	position: absolute;
	margin-left: -21px;
}
button.button-corporate:hover::before,
.button-corporate .button a:hover::before,
.button-corporate button.submit:hover::before {
	margin-left: -20px;
}
button.button-corporate,
.button-corporate p.button a,
.button-corporate button.submit {
	font-size: 20px;
	font-size: 1.250rem;
	font-weight: 700;
}

/* ======================================================================================
1. Allgemeine Styles
	1.5. Formularfelder
====================================================================================== */
.ce_form input:not([type="radio"]):not([type="checkbox"]):not(.submit),
.ce_form input[class*="grid-"],
.ce_form textarea,
.ce_form select {
	padding: 6px 12px 3px;
}
.ce_form input.text {
	height: 45px;
}
.ce_form .widget-checkbox input[type="checkbox"] {
	height: 0;
	left: 27px;
	position: relative;
	top: 11px;
	width: 0;
}
.ce_form input[type="checkbox"] + label::before {
	border-style: solid;
	border-width: 1px;
	content: "";
	display: block;
	float: left;
	height: 15px;
	margin: 8px 7px 0 -1px;
	position: relative;
	width: 15px;
}
.ce_form span.mandatory {
	display: none;
}

/* ======================================================================================
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
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.12. Übergang
====================================================================================== */
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#nav-main ul.level_2 > li > a,
#nav-main ul.level_2 > li > strong,
.content-swiper button,
.content-swiper button:hover {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#nav-main ul.level_1 > li > a::before,
#nav-main ul.level_1 > li > strong::before {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

/* ======================================================================================
2. Layout
====================================================================================== */
#wrapper {
	padding-bottom: 60px;
	padding-top: 70px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#wrapper {
	padding-bottom: 80px;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header {
	height: 70px;
}
#header .logo {
	margin: 15px 0;
	width: 280px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#header .logo {
	margin: 25px 0;
	width: 145px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#header .logo {
	margin: 21px 0;
	width: 200px;
}
/* Media Query Ende */ }

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

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

/* ======================================================================================
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 {
	height: 60px;
}
#footer a[target="_blank"]::after {
	content: "";
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#footer {
	height: 80px;
}
#footer .copyright .footer-rechte {
	display: block;
}
/* Media Query Ende */ }

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

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.2. Text
====================================================================================== */
.content-text.highlight p {
	font-size: 80px;
	font-size: 5rem;
}

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.3. Aufzählung
====================================================================================== */
.content-text ul li.check::before {
	content: "\f00c";
	font-family: "Font Awesome 7 Free";
	font-weight: 700;
	margin: 0 5px 0 -22px;
}
.content-text ul li.check {
	list-style: none;
}

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.4. Tabelle
====================================================================================== */
.content-table caption {
	font-style: italic;
}

/* ======================================================================================
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
====================================================================================== */
.content-swiper button {
	height: 100%;
	left: 0;
	top: 16px;
	width: 42px;
}
.content-swiper button.swiper-button-next {
	left: auto;
	right: 0;
}
.content-swiper .swiper-pagination {
	display: none;
}

/* ======================================================================================
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
====================================================================================== */
.content-image.columns {
	margin: 28px auto 35px;
	width: 250px;
}
.content-image.columns.partner {
	margin: 28px auto 7px;
}
#start-section-perfect-balance .content-text.media--right figure,
#start-section-perfect-ride .content-text.media--right figure,
#start-section-perfect-ride-plus .content-text.media--right figure {
	width: 150px;
}
.content-image figcaption,
.content-gallery figcaption,
.content-text figure figcaption {
	background: transparent;
	font-style: italic;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.content-image.columns {
	width: 185px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-image.columns {
	width: 155px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-image.columns {
	width: 125px;
}
.content-image.columns.partner {
	width: 50%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.content-image.columns {
	width: 85%;
}
#start-section-perfect-balance .content-text.media--right figure,
#start-section-perfect-ride .content-text.media--right figure,
#start-section-perfect-ride-plus .content-text.media--right figure {
	width: 100px;
}

/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.2. Galerie
====================================================================================== */

/* ======================================================================================
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 {
	margin-top: 21px;
}
.content-download ul,
.content-downloads ul {
	padding-top: 21px;
}

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

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.1. Formulare
====================================================================================== */
.ce_form .widget input,
.ce_form .widget textarea {
	border-style: solid;
	border-width: 1px;
}
.ce_form .widget.explanation.mandatory::before {
	border-top-style: solid;
	border-top-width: 1px;
	content: "";
	display: block;
	width: 50px;
}
.ce_form .checkbox_container label,
.ce_form .radio_container label {
	display: block;
	margin: -14px 0 0 21px;
}

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.1. Teaserbild
====================================================================================== */
.content-teaser-image .fullheight {
	height: calc(100vh - 140px);
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-teaser-image .fullheight {
	height: calc(100vh - 120px);
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-teaser-image .fullheight .vcenter {
	padding-bottom: 35px;
	text-align: center;
	vertical-align: bottom;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.2. Teaserbox
====================================================================================== */
.content-teaser-box .fullheight {
	height: calc(100vh - 70px);
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.3. Text/Bild-Kachel
====================================================================================== */
.content-text-image-tile {
	margin-top: 28px;
}

/* ======================================================================================
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
====================================================================================== */
.content-quote-box.quote-box-2 blockquote {
	padding-left: 56px;
}
.content-quote-box.quote-box-2 blockquote::before {
	top: -18px;
}

/* ======================================================================================
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
====================================================================================== */

/* ======================================================================================
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
====================================================================================== */
.content-anchor-element,
.anker {
	scroll-margin-top: 70px;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.13. Umschaltumschlag
====================================================================================== */
.content-toggle-wrapper {
	max-height: 185px;
}
.content-toggle-wrapper:not(.show)::after {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
	bottom: 0;
	content: "";
	height: 50%;
	position: absolute;
	width: 100%;
}

/* ======================================================================================
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 {
	margin: 12px 0;
}

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

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
#nav-main a,
#nav-main strong {
	text-transform: uppercase;
}

/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav-main {
	margin-right: -10px;
}
#nav-main ul.level_1 > li {
	display: block;
	float: left;
	margin-left: -1px;
}
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	line-height: 1.25;
	padding: 25px 15px 20px;
	position: relative;
}
#nav-main ul.level_1 > li > a:hover::before,
#nav-main ul.level_1 > li > strong:hover::before {
	height: 100%;
}
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after {
	content: "\f107";
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.05;
}
#nav-main ul.level_2 {
	width: 215px;
}
#nav-main ul.level_2 li a,
#nav-main ul.level_2 li strong {
	padding: 7px 14px 3px 28px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	padding: 25px 10px 20px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	font-size: 18px;
	font-size: 1.125rem;
	padding: 26px 7px 20px;
}
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after {
	line-height: 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main {
	height: calc(100% - 70px);
	top: 70px;
}
/* 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 {
	margin-right: -7px;
}
#nav-footer ul li:not(:last-child) a::after,
#nav-footer ul li:not(:last-child) strong::after {
	content: "|";
	margin-left: 7px;
	position: absolute;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-footer {
	margin-right: 0;
}
/* Media Query Ende */ }

/* ======================================================================================
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
====================================================================================== */
.contao-cookiebar .cc-head strong {
	font-size: 24px;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.contao-cookiebar .cc-btn {
	padding: 3px 7px 0;
	text-transform: uppercase;
}

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

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

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.1 Nachrichtenarchiv und -liste
====================================================================================== */
.mod_newslist .layout_latest {
	background: transparent;
	padding: 0 21px;
	width: calc(50% - 28px);
}
.mod_newslist .layout_latest figure::before {
	border-style: solid;
	border-width: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: calc(100% - 21px);
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 8px);
	z-index: -1;
}
.mod_newslist .layout_latest figure {
	border-style: solid;
	border-width: 4px;
	border-bottom-style: none;
	border-bottom-width: 0;
	margin: 0 -21px;
	position: initial;
}
.mod_newslist .layout_latest figure::after {
	content: "";
	height: 20px;
	left: calc(50% - 10px);
	position: absolute;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	width: 20px;
	z-index: 1;
}
.mod_newslist .layout_latest h2 {
	line-height: 1.25;
	margin-top: 21px;
}
.mod_newslist .layout_latest h3 {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin-top: -14px;
}
.mod_newslist .layout_latest p.info {
	padding: 14px 0;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.mod_newslist .layout_latest {
	width: calc(100% - 28px);
}
/* Media Query Ende */ }

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

/* ======================================================================================
4. Frontend-Module
	4.8. Newsletter
====================================================================================== */
.mod_subscribe .widget input,
.mod_unsubscribe .widget input {
	border-style: solid;
	border-width: 1px;
}

/* ======================================================================================
5. Wartungsmodus
====================================================================================== */
.wartungsmodus .logo {
	width: 125px;
}

/* ======================================================================================
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
====================================================================================== */
/* BikeMetrics: measured 4.1.3 presentation on the native 4.4.2 components. */
:root,[data-bs-theme=light]{--bs-body-color:#fff;--bs-body-color-rgb:255,255,255;--bs-body-bg:#000;--bs-body-bg-rgb:0,0,0;--bs-emphasis-color:#fff;--bs-link-color:#e4b96c;--bs-link-hover-color:#fff;--tu-header-offset:70px}
html{position:relative;min-height:100%;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{font-weight:400;overflow-wrap:break-word}
#wrapper{display:block;min-height:100vh}
h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:7px 0;line-height:inherit}
h1,h2,h3,h4,h5,h6,strong,.content-headline.standard{font-weight:700}
h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}
figure{margin:0}img{display:block}
#header{position:fixed;inset:0 0 auto;height:70px;background:transparent;z-index:99}
#nav-main-bar{color:#fff;background:#000!important}
#header #nav-main-bar .content-column-wrapper,#footer .content-column-wrapper{display:block}
#header #nav-main-bar .content-column-wrapper::after,#footer .content-column-wrapper::after{content:"";display:block;clear:both}
#header .logo{float:left;padding:0;position:relative;z-index:0;overflow:hidden}
#header #nav-main-bar .logo img{width:100%;height:auto;max-width:none;inline-size:100%;block-size:auto}
#header #nav-main{float:right;margin-left:0}
#header #nav-main ul.level_1{display:block;gap:0;padding:0}
#header #nav-main a,#header #nav-main strong{border-radius:0;font-weight:700;color:#fff}
#header #nav-main a:hover,#header #nav-main strong:hover{color:#e4b96c;background:transparent}
#nav-main ul{list-style:none;margin:0;padding:0}
#nav-main ul.level_1>li.submenu>a::after,#nav-main ul.level_1>li.submenu>strong::after{font-family:"Font Awesome 7 Free";font-weight:700;margin-left:7px}
#nav-main ul.level_2{min-width:0;padding:0;border:0;border-radius:0;top:100%;left:0;box-shadow:none}
#nav-main ul.level_2 a,#nav-main ul.level_2 strong{font-weight:400}
#nav-main ul.level_2 a:hover,#nav-main ul.level_2 strong:hover{color:#000;background:#fff}
#toggle-nav{width:47px;height:47px;position:absolute;right:2px;top:0;border:0;border-radius:0;background:transparent;padding:0;font-size:24px;line-height:42px;color:#fff}
#toggle-nav::before{content:none}
#toggle-nav::after{content:"\f0c9";font-family:"Font Awesome 7 Free";font-weight:700}
#toggle-nav.active::after,#toggle-nav[aria-expanded=true]::after{content:"\f00d"}
@media(min-width:780px){
 #header #nav-main{display:block!important;position:static;width:auto;height:auto;transform:none;visibility:visible;padding:0;border:0;opacity:1}
 #header #nav-main{overflow:visible}
 #header #nav-main ul.level_2{position:absolute}
 #header #nav-main ul.level_1>li>.toggle,#header #toggle-nav{display:none}
 #nav-main>ul>li:hover>ul,#nav-main>ul>li:focus-within>ul{display:block!important}
}
@media(max-width:779px){
 #header #toggle-nav{display:block}
 #header #nav-main{position:fixed;left:0;right:0;top:70px;width:100%;height:calc(100% - 70px);padding:0;overflow:auto;background:#000}
 #header #nav-main:not(.active):not(.show){display:none}
 #header #nav-main.active,#header #nav-main.show{display:block}
 #header #nav-main ul.level_1{display:block;width:100%}
 #header #nav-main ul.level_1>li{display:block;float:none}
 #header #nav-main ul.level_1>li>a,#header #nav-main ul.level_1>li>strong{padding:12px 20px;font-size:20px;line-height:24px}
 #nav-main ul.level_1>li.submenu>a::after,#nav-main ul.level_1>li.submenu>strong::after{content:none}
 #nav-main ul.level_2{position:static;width:100%;max-height:none}
}
#footer{position:absolute;bottom:0;left:0;right:0;height:60px;clear:both;overflow:hidden;background:transparent}
#footer .copyright{float:left;font-size:14px;line-height:1.75}
#footer #nav-footer{float:right}
#footer #nav-footer ul{display:block;padding:0;list-style:none}
#footer #nav-footer li{float:left;position:relative}
#footer #nav-footer a,#footer #nav-footer strong{padding:7px;font-size:14px;color:#e4b96c;border-radius:0;line-height:1.75}
#footer #nav-footer a:hover,#footer #nav-footer strong:hover{background:transparent;color:#fff}
@media(max-width:779px){#footer{height:80px}#footer .copyright,#footer #nav-footer{float:none;text-align:center}#footer #nav-footer ul{display:flex;justify-content:center;gap:0}}
.content-text-image-tile{color:#fff;grid-template-columns:1fr 1fr}
.content-text-image-tile .box-text .inside{padding:35px 0!important}
.content-text-image-tile.text-right .box-text .inside{padding-left:25px!important}
.content-text-image-tile.text-left .box-text .inside{padding-right:25px!important}
.content-text ul{padding-left:35px;list-style:disc}
.content-text ul li.check{padding-left:0;list-style:none}
.content-text ul li.check::before{position:static;margin:0 5px 0 -22px}
@media(max-width:779px){.content-text-image-tile{grid-template-columns:1fr}.content-text-image-tile .box-text .inside{padding:25px 0!important}}
.contao-cookiebar .cc-inner{border:0;border-radius:3px;max-width:500px;color:#444}
.contao-cookiebar .cc-btn{line-height:1;margin-top:7px;border-radius:4px;color:#444;background:#f5f5f5;border-color:#cfcfcf}
.contao-cookiebar .cc-btn.success{background:#e4b96c;color:#fff}
.contao-cookiebar .cc-groups .cc-group>label{margin:5px 10px}
.contao-cookiebar .cc-close{right:18px}
@media(max-width:519px){.contao-cookiebar .cc-inner{max-width:100%}}
.content-page-wrapper>.inside{padding-inline:0}
.overlay-09::after{background-color:transparent;background-size:auto;background-repeat:repeat}
@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:block;src:url('/bundles/themeultimate/fontawesome/fa7/webfonts/fa-solid-900-full.woff2') format('woff2')}
@media(max-width:779px){
 .content-page-wrapper>.inside>.row{margin-inline:0}
 .content-text-image-tile.text-right .box-text .inside,.content-text-image-tile.text-left .box-text .inside{padding:25px 0!important}
}
/* Retain the existing understated link, active-menu and form treatment. */
a{text-decoration:none}
a:hover{text-decoration:underline}
#header #nav-main-bar #nav-main strong.active,#header #nav-main-bar #nav-main li.active>strong,#header #nav-main-bar #nav-main li.trail>a{background:transparent;color:#fff}
#footer #nav-footer strong.active,#footer #nav-footer li.active>strong{background:transparent;color:#e4b96c;font-weight:400}
#footer #nav-footer li{float:none;display:inline-block;text-align:left}
#footer #nav-footer ul{display:block}
#footer a[target="_blank"]::after{margin-left:3px}
.content-teaser-image>.vwrapper>.vcenter>.inside{transform:translateY(-2.5px)}
.content-teaser-image .scrolldown{padding:7px 0;line-height:35px}
.content-teaser-image .scrolldown a{display:inline;font-size:32px;line-height:56px}
.ce_form .formbody{display:block;margin:0;gap:0}
.ce_form .formbody::after{content:"";display:table;clear:both}
.ce_form .formbody .widget{padding:7px 2px;margin:0;width:100%;max-width:none}
.ce_form .formbody .widget[class*="col-"]{float:left}
@media(min-width:520px){.ce_form .formbody .widget.col-sm-6{width:50%}}
.ce_form .formbody textarea{display:inline-block;font-family:Mohave;font-size:20px;line-height:35px;padding:6px 12px 3px;height:auto;min-height:0;border-radius:0}
.ce_form .formbody input:not([type=checkbox]):not([type=radio]),.ce_form .formbody select{border-radius:0;border-width:1px}
.ce_form .formbody input::placeholder,.ce_form .formbody textarea::placeholder{color:#999;opacity:1}
.ce_form .formbody legend{float:none;width:auto;font-size:20px;font-weight:700;line-height:35px;padding:0;margin:0}
.ce_form .formbody .checkbox_container label{display:block;margin:-21px 0 0 21px;padding:0}
.ce_form .formbody .widget-checkbox input[type=checkbox]{display:inline-block;appearance:auto;width:0;height:0;border:0;padding:0;margin:0;font-size:19.8px;line-height:19.8px}
.ce_form .formbody button.submit{display:block;background:transparent;border:0;border-radius:0;line-height:35px;margin:7px 0;padding:0 0 0 21px;box-shadow:none}
.toggler-button{margin:0;min-height:59px}
.toggler-button .toggle-button{line-height:35px;margin:7px 0}
.content-toggle-wrapper:not(.show){max-height:185px;max-block-size:185px}
.content-teaser-image>.vwrapper[class*="height-"]{min-block-size:0}
.content-teaser-image>.vwrapper.height-lg{block-size:430px}
.content-teaser-image>.vwrapper.height-md{block-size:280px}
.content-teaser-image>.vwrapper.height-sm{block-size:130px}
@media(max-width:1039px){.content-teaser-image>.vwrapper.height-lg{block-size:350px}.content-teaser-image>.vwrapper.height-md{block-size:200px}.content-teaser-image>.vwrapper.height-sm{block-size:100px}}
@media(max-width:779px){.content-teaser-image>.vwrapper.height-lg{block-size:250px}.content-teaser-image>.vwrapper.height-md{block-size:150px}.content-teaser-image>.vwrapper.height-sm{block-size:auto}}
.content-text.media.media--right>figure{float:right;margin:11px 0 11px 21px}
.content-text.media.media--left>figure{float:left;margin:11px 21px 11px 0}
.content-text.media{display:block}
.agentur-zentral-impressum,.agentur-zentral-impressum h2{line-height:1}
.agentur-zentral-impressum a[target="_blank"]::after{content:none}
.ce_form .formbody .widget>fieldset>legend{inline-size:auto;margin-block-end:0}
.ce_form .formbody .widget-checkbox fieldset>span,.ce_form .formbody .widget-radio fieldset>span{display:inline;gap:normal;margin-inline-end:0}
.ce_form .formbody .checkbox_container label{margin:-14px 0 0 21px}
.ce_form .formbody button.submit{border:1px solid transparent}
@media(max-width:779px){
 .content-teaser-image>.vwrapper{padding-inline:0}
 .content-teaser-image>.vwrapper>.vcenter>.inside{margin-inline:0}
 .content-teaser-image>.vwrapper.fullheight>.vcenter{flex:1;justify-content:flex-end!important;align-items:center!important;text-align:center!important;margin-block:0;padding-bottom:35px}
 .content-teaser-image>.vwrapper.fullheight>.vcenter>.inside{margin-inline:0;transform:translateY(-12px)}
}
.contao-cookiebar .cc-btn.success{background:#f5f5f5;color:#444;border-color:#cfcfcf}
.contao-cookiebar .cc-head,.contao-cookiebar .cc-group,.contao-cookiebar .cc-group>label,.contao-cookiebar .cc-info,.contao-cookiebar .cc-cookies,.contao-cookiebar .cc-cookie-info{color:#444}
.contao-cookiebar .cc-cookies{background:#fbfbfb}
.contao-cookiebar .cc-cookie-info{background:#fff}
.contao-cookiebar .cc-detail-btn{margin:7px 0;color:#a2a2a2}
.contao-cookiebar .cc-close{margin:7px 0;padding:0 12px}
.ce_form .formbody span.mandatory{display:none}
.ce_form .formbody input[type=checkbox]{vertical-align:baseline}
@media(max-width:519px){.content-text.media.media--right>figure,.content-text.media.media--left>figure{margin:7px 0 14px}}
@media(max-width:779px){.content-text-image-tile.text-left .box-img.arrow::before{inset-inline-start:50%;inset-inline-end:auto}}
.content-gallery>ul{gap:14px}
.content-gallery figure{border-radius:0;background:transparent}
.content-gallery img{aspect-ratio:auto;object-fit:initial}
.content-table table{display:block;border-collapse:collapse;border-spacing:0;overflow:auto;width:100%;margin:0;color:inherit}
.content-table table>:not(caption)>*>*{padding:7px;border:1px solid #e4b96c;background:transparent;color:inherit;box-shadow:none;vertical-align:middle}
.content-table table th{background:#161616}
.content-quote-box.quote-box-2 .inside{padding:0;gap:0}
.content-quote-box .offset-sm blockquote{margin:7px 0}
.content-quote-box blockquote footer{font-size:75%;line-height:1.75;padding:7px 0;margin:0;color:#6c757d}
.content-quote-box.quote-box-2 blockquote::before{font-weight:700;line-height:1.75;opacity:1;color:#e9ecef}
.mod_newslist .news_article{display:flex;flex-wrap:wrap;gap:0;margin:-14px;overflow:hidden;width:calc(100% + 28px)}
.mod_newslist .layout_latest{display:block;float:left;margin:14px;overflow:hidden;position:relative}
.mod_newslist .layout_latest figure img{height:100%;object-fit:cover;object-position:50%}
.mod_newslist .layout_latest p.info,.mod_newsreader .layout_full p.info{font-size:12px;margin-top:-14px;color:#fff}
.mod_newslist .layout_latest time,.mod_newsreader .layout_full time{display:block}
.mod_newslist:not([class*="button-"]) .layout_latest p.button{padding:0}
.mod_newslist .layout_latest .more{margin:0 -14px;padding:7px 11px}
.mod_subscribe .formbody,.mod_unsubscribe .formbody{display:block;margin:0}
.mod_subscribe .formbody .widget,.mod_unsubscribe .formbody .widget{padding:0;margin:0;width:100%}
.mod_subscribe .formbody input.text,.mod_unsubscribe .formbody input.text{display:inline-block;height:32px;border-radius:0}
.mod_subscribe .formbody button.submit,.mod_unsubscribe .formbody button.submit{display:inline-block;background:transparent;border:1px solid transparent;border-radius:0;line-height:35px;margin:7px 0;padding:0 0 0 21px;box-shadow:none}
.content-text figure figcaption{margin-top:-7px;padding:7px;position:relative}
.content-text a[target="_blank"]::after{margin-left:3px}
/* The former table alignment also expands correctly for long mobile titles. */
.content-teaser-image>.vwrapper{display:table!important}
.content-teaser-image>.vwrapper>.vcenter{display:table-cell;margin:0;vertical-align:middle;padding-bottom:12px}
.content-teaser-image>.vwrapper>.vcenter>.inside{display:inline-block;margin-top:7px;transform:none!important}
@media(max-width:779px){.content-teaser-image>.vwrapper.fullheight>.vcenter{vertical-align:bottom;padding-bottom:47px}}
p.button{background:transparent;border:1px solid transparent;display:inline-block;height:45px;margin:7px 0;text-align:center;white-space:nowrap;font-size:99%;line-height:1}
.button a{display:block;line-height:1}
.content-download,.content-downloads{position:relative;border:1px solid currentColor;overflow:visible;padding:14px 7px 7px}
.content-downloads::before{content:"Downloads";border:1px solid currentColor;font-weight:700;margin-top:-25px;padding:0 7px;position:absolute;background:#000}
.content-download.download-element a,.content-downloads .download-element a{padding-left:22px}
.content-download .size,.content-downloads .size{font-size:10px;color:#6c757d}
.content-downloads ul{padding-bottom:7px;list-style:none}
.content-button>p{display:inline-block;height:45px;margin:7px 0!important;padding:7px 0;border:1px solid transparent;font-size:99%;line-height:1}
.content-button a.btn.button-corporate{display:block;font-size:20px;font-weight:700;line-height:20px;padding:0 0 0 21px;border:0;border-radius:0;color:#e4b96c;background:transparent;box-shadow:none}
.content-button a.btn.button-corporate::before{content:"\f101";font-family:"Font Awesome 7 Free";font-weight:700;position:absolute;margin-left:-21px}
.ce_form [type=checkbox]+label::before,.ce_form [type=checkbox]+label::after{box-sizing:content-box}
#main .content-column-wrapper{overflow:hidden}
.mod_newslist .layout_latest figure::before{box-sizing:content-box}
.content-table caption{caption-side:top;padding:7px 0;color:#fff}
#main a[target="_blank"]::after{margin-left:3px}
.agentur-zentral-impressum a[target="_blank"]::after{content:""!important}
.mod_subscribe input::placeholder,.mod_unsubscribe input::placeholder{color:#999;opacity:1}
.toggler-button .toggle-button>span{position:relative;top:-4px}
.toggler-button .toggle-button::before{transform:translateY(-4px)}
.content-text.media>figure{width:33.33333333%}
@media(max-width:1039px){.content-text.media>figure{width:50%}}
@media(max-width:519px){.content-text.media>figure{width:100%}}
.content-teaser-image>.vwrapper>.vcenter>.inside{max-width:none;max-inline-size:none}
blockquote{word-break:break-word;overflow-wrap:break-word}
@media(min-width:780px){
 .content-text-image-tile .box-text.height-lg{height:auto;block-size:auto;min-height:80vh;min-block-size:80vh}
 .content-teaser-image>.vwrapper>.left>.inside{margin-left:-15px}
}
@media(min-width:780px) and (max-width:1039px){.content-text-image-tile .box-text .inside{padding-top:25px!important;padding-bottom:25px!important}}
/* Measured news heading, full-width figures and navigation states. */
.mod_newslist .layout_latest h2{font-size:32px;line-height:1.25}
.content-text.media:not(.media--left):not(.media--right)>figure{width:100%}
.content-image figcaption{font-size:20px;line-height:35px;color:#fff;padding:7px;margin-top:-7px;position:relative}
#header #nav-main ul.level_2 a,#header #nav-main ul.level_2 strong{font-weight:400}
@media(min-width:780px){#header #nav-main ul.level_1>li{position:relative}#header #nav-main ul.level_2{left:0}}
@media(max-width:779px){
 #header #nav-main ul.level_1>li>a,#header #nav-main ul.level_1>li>strong{padding:26px 7px 20px;font-size:18px;font-weight:400;line-height:31.5px}
 #header #nav-main ul.level_2 a,#header #nav-main ul.level_2 strong{font-weight:400;padding:14px 10px}
 #header #nav-main ul.level_1 li{position:relative}
 #header #nav-main .toggle{background:transparent;border:0;margin:0;padding:5.5px 10px;position:absolute;right:0;top:0;width:50px;height:48px;color:#fff;border-radius:0}
 #header #nav-main .toggle::after{content:"\f067";font-family:"Font Awesome 7 Free";font-size:18px;font-weight:700}
 #header #nav-main .toggle.active::after,#header #nav-main .toggle[aria-expanded=true]::after{content:"\f068"}
 #header #nav-main .toggle svg,#toggle-nav svg,#toggle-nav span{display:none}
 #header #toggle-nav.active::before,#header #toggle-nav[aria-expanded=true]::before{content:none}
 #header #toggle-nav.active,#header #toggle-nav[aria-expanded=true]{top:0;right:2px;transform:none}
}
@media(max-width:779px){.mod_newslist .layout_latest h2{font-size:24px}}
.theme-lightbox-backdrop{background:rgba(0,0,0,.9)}
.theme-lightbox-stage{position:fixed;inset:0;width:100%;height:100%;padding:0;display:block}
.theme-lightbox-figure{position:fixed;left:var(--bm-x);top:calc(var(--bm-y) + 20px);width:var(--bm-w);height:var(--bm-h);max-width:none;max-height:none;border:5px solid #000;box-sizing:content-box;margin:0;padding:0;display:block;background:#fff}
.theme-lightbox .theme-lightbox-img{width:var(--bm-w);height:var(--bm-h);max-width:none;max-height:none;object-fit:contain;margin:0;padding:0}
.theme-lightbox-info{position:fixed;left:var(--bm-x);top:calc(var(--bm-y) + 20px);width:calc(var(--bm-w) + 10px);height:calc(var(--bm-h) + 10px);padding:0;margin:0;pointer-events:none}
.theme-lightbox-caption{position:absolute;bottom:0;left:0;right:0;padding:7px 5px;margin:0;background:#000;color:#fff;font-size:20px;line-height:35px;text-align:left}
.theme-lightbox-counter{position:absolute;top:-20px;right:0;padding:0;margin:0;color:#fff;font-size:20px;line-height:35px}
.theme-lightbox-close{position:fixed;left:calc(var(--bm-x) + var(--bm-w) - 33px);top:calc(var(--bm-y) + 25px);right:auto;bottom:auto;width:38px;height:19px;background:transparent;border:0;border-radius:0;padding:0;margin:0;font-size:0;display:block;line-height:35px;overflow:visible}
.theme-lightbox-close::after{content:"\f00d";font-family:"Font Awesome 7 Free";font-size:32px;font-weight:700;position:absolute;left:0;top:0;line-height:40px;width:40px;height:40px;background:#000;color:#fff;text-align:center}
.theme-lightbox-prev,.theme-lightbox-next{position:fixed;top:calc(var(--bm-y) + 20px + (var(--bm-h) + 10px)/2 - 32px);bottom:auto;transform:none;width:28px;height:65px;padding:0;margin:0;border:0;border-radius:0;background:transparent;display:block;overflow:visible}
.theme-lightbox-prev{left:calc(var(--bm-x) + 5px);right:auto}
.theme-lightbox-next{left:calc(var(--bm-x) + var(--bm-w) - 23px);right:auto}
.theme-lightbox-prev svg,.theme-lightbox-next svg{display:none}
.theme-lightbox-prev::after,.theme-lightbox-next::after{content:"\f104";font-family:"Font Awesome 7 Free";font-size:32px;font-weight:700;position:absolute;left:-2px;top:0;width:30px;height:65px;line-height:64px;background:#000;color:#fff;text-align:center}
.theme-lightbox-next::after{content:"\f105";left:2px}
.theme-lightbox-prev[hidden],.theme-lightbox-next[hidden]{display:none!important}
#header #nav-main ul.level_2{margin:0}
@media(max-width:779px){#header #nav-main .toggle::before{content:none}#header #nav-main .toggle::after{line-height:35px}}
.contao-cookiebar .cc-cookies p{color:#868686}
.contao-cookiebar .cc-cookie-info{border-color:#efefef}
.contao-cookiebar .cc-info a{border-color:#efefef}
.mod_newsreader .content-teaser-image{background-size:cover!important;overflow:hidden}
#main a[target="_blank"]::after{display:inline;font-size:12px;font-weight:700;line-height:21px;width:auto;height:auto;inline-size:auto;block-size:auto}
.theme-lightbox-counter{opacity:1}
.theme-lightbox .theme-lightbox-img{object-fit:fill}
@media(max-width:779px){#header #nav-main{transform:none;will-change:auto;backdrop-filter:none}#header #nav-main .toggle{display:block}}
#main .mod_subscribe input.text::placeholder,#main .mod_unsubscribe input.text::placeholder{color:#999;opacity:1}
.contao-cookiebar .cc-info a{border-color:currentColor}
@media(max-width:779px){#header #nav-main{overflow-x:hidden;overflow-y:scroll;z-index:0}#header #nav-main .toggle::after{line-height:31.5px}}
.swiper-button-next,.swiper-button-prev{filter:none}
.theme-lightbox-img{cursor:pointer}
.agentur-zentral-impressum a[target="_blank"]::after{display:none!important}
.contao-cookiebar .cc-info p{color:#868686}
.swiper .swiper-button-next,.swiper .swiper-button-prev{filter:none}