/* ======================================================================================
Styleseet für LANDRADL. 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
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.small-center {
	text-align: center;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.1. Webfonts
====================================================================================== */

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.2. Textstrukturierung und Überschriften
====================================================================================== */
body,
button,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
}
h1,
.content-headline.standard.headline-h1 {
	font-size: 40px;
	font-size: 2.5rem;
}
h2,
.content-headline.standard.headline-h2 {
	font-size: 32px;
	font-size: 2rem;
}
:is(h1, h2, h3, h4, h5, h6) span.slim,
.content-headline span.slim {
	font-weight: 300;
}
.content-teaser-image .content-text {
	font-size: 24px;
	font-size: 1.5rem;
}
button,
p.button,
input,
select,
textarea {
	font-size: 99%;
	line-height: 1;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
body,
button,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	font-size: 16px;
	font-size: 1rem;
}
h1,
.content-headline.standard.headline-h1 {
	font-size: 24px;
	font-size: 1.5rem;
}
h2,
.content-headline.standard.headline-h2 {
	font-size: 20px;
	font-size: 1.250rem;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.3. Icon-Größen
====================================================================================== */
.icon-xlg svg {
	height: 125px;
	width: 125px;
}

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

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.1. Text
====================================================================================== */
button.submit,
[class*="button-"] p.button a,
button.submit:hover,
[class*="button-"] p.button a:hover,
button.submit::before,
[class*="button-"] p.button::before,
.content-toplink a,
#toggle-nav.active::after,
#nav-main a,
#nav-main strong,
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after,
.nav_sub a,
.nav_sub strong {
	color: #fff;
}
body,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	color: #1d1d1d;
}
.color-blue {
	color: #0f70b7;
}
.color-green,
.content-swiper .swiper-button-next,
.content-swiper .swiper-button-prev {
	color: #95c11f;
}
.color-red {
	color: #da2100;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
.content-image figcaption,
.landradl .content-swiper .content-element-group {
	background: #fff;
}
body,
.background-light {
	background: #fcfcf2;
}
.background-second-light,
.content-timeline.background-icon-second-light .box-date::before {
	background: #e5f1c4;
}
.background-blue,
button.button-blue,
.button-blue p.button,
.button-blue button.submit
.landradl-business #nav-main {
	background: #0f70b7;
}
.background-green,
button.button-green,
.button-green p.button,
.button-green button.submit,
.content-timeline.timeline-green::before,
.content-timeline.timeline-green .box-text::before,
.landradl #nav-main {
	background: #95c11f;
}
.background-red,
button.button-red,
.button-red p.button,
.button-red button.submit
.landradl-inklusion #nav-main {
	background: #da2100;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.3. Rahmen
====================================================================================== */
.content-quote-box.border-blue blockquote {
	border-color: #0f70b7;
}
.content-timeline.icon-green .box-date::after,
.content-quote-box.border-green blockquote {
	border-color: #95c11f;
}
.content-quote-box.border-red blockquote {
	border-color: #da2100;
}

/* ======================================================================================
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.submit,
[class*="button-"] p.button,
.contao-cookiebar .cc-footer button {
	border-style: none;
	border-width: 0;
}
button.submit,
[class*="button-"] p.button a {
	padding: 0 21px;
}
button.submit,
[class*="button-"] p.button {
	position: relative;
	overflow: hidden;
}
button.submit::before,
[class*="button-"] p.button::before {
	background-color: rgba(255, 255, 255, 0.15);
	bottom: 0;
	content: "\f101";
	font-family: "Font Awesome 7 Free";
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	height: 100%;
	padding: 11px 0px;
	position: absolute;
	right: -21px;
	top: 0;
	width: 21px;
}
button.submit:hover,
[class*="button-"] p.button:hover a {
	padding: 0 28px 0 14px;
}
button.submit:hover::before,
[class*="button-"] p.button:hover::before {
	right: 0;
}
.content-button.erfahrungen-mit-landradl {
	overflow: visible;
}
.content-button.erfahrungen-mit-landradl p.button {
	margin-top: -21px;
}

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

/* ======================================================================================
1. Allgemeine Styles
	1.6. Radien
====================================================================================== */
.contao-cookiebar .cc-inner,
.contao-cookiebar .cc-footer button,
.contao-cookiebar .cc-group,
.contao-cookiebar .cc-groups .cc-group,
.contao-cookiebar .cc-cookies,
.contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info,
.contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
button,
p.button {
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
}

/* ======================================================================================
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
====================================================================================== */
#header,
#header .logo,
.sticky #header,
.sticky #header .logo,
#nav-main a,
#nav-main strong,
#nav-main a:hover,
#nav-main strong:hover,
#nav_back,
.sticky #nav_back,
.content-teaser-image .scrolldown a,
.content-teaser-image .scrolldown a:hover,
button.submit,
[class*="button-"] p.button a,
button.submit:hover,
[class*="button-"] p.button:hover a,
button.submit::before,
[class*="button-"] p.button::before,
button.submit:hover::before,
[class*="button-"] p.button:hover::before {
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
#toggle-nav,
.sticky #toggle-nav {
	-webkit-transition: top 0.15s linear;
	-moz-transition: top 0.15s linear;
	-ms-transition: top 0.15s linear;
	-o-transition: top 0.15s linear;
	transition: top 0.15s linear;
}

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

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

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

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

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header {
	height: 142px;
}
#header .logo {
	margin-right: 7px;
	width: 225px;
}
.sticky #header {
	height: 92px;
}
.sticky #header .logo {
	width: 125px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#header {
	height: 112px;
}
#header .logo {
	width: 185px;
}
.sticky #header {
	height: 82px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#header {
	height: 95px;
}
#header .logo {
	width: 135px;
}
.sticky #header {
	height: 75px;
}
.sticky #header .logo {
	width: 95px;
}
/* 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: 260px;
}
#footer .content-toplink {
	bottom: 24px;
	left: 50%;
	margin-left: -17px;
	position: absolute;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#footer {
	height: 230px;
}
#footer .content-toplink {
	bottom: 15px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#footer {
	height: 280px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#footer {
	height: 510px;
}
#footer .content-toplink {
	bottom: 0;
	position: relative;
}
#footer .copyright {
	float: none;
	margin: auto;
	text-align: center;
}
/* 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
====================================================================================== */

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

/* ======================================================================================
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
====================================================================================== */
.content-swiper .swiper-slide {
	display: flex;
	height: auto;
}
.content-swiper .swiper-button-next,
.content-swiper .swiper-button-prev {
	bottom: 0;
	position: absolute;
	top: auto;
}
.content-swiper .swiper-wrapper {
	padding-bottom: 65px;
}
.content-swiper .content-element-group {
	margin: -1px;
}
.content-swiper .content-element-group .content-text {
	padding: 7px 15px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-swiper .content-element-group .content-text {
	padding: 7px 10px;
}
/* Media Query Ende */ }

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

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

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

/* ======================================================================================
3. Core-Elemente
	3.7. Include-Elemente
		3.7.1. Formulare
====================================================================================== */
.ce_form .checkbox_container label,
.ce_form .radio_container label {
	margin: -25px 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 .inside {
	margin-left: 35px !important;
}
.content-teaser-image .scrolldown {
	bottom: -5px;
}
.content-teaser-image .scrolldown a:hover {
	bottom: 5px;
	position: relative;
}
.content-teaser-image .inside:last-of-type {
	margin-top: 0;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-teaser-image .inside {
	margin-left: 25px !important;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-teaser-image .scrolldown {
	bottom: -5px;
	left: auto;
	right: -5px;
	width: 75px;
}
/* Media Query Ende */ }

/* ======================================================================================
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
====================================================================================== */
blockquote {
	border-left-width: 4px;
}

/* Media Query Anfang */ @media screen and (min-width: 1300px) {
.content-quote-box .content-image img {
	width: 115px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1299px) and (min-width: 1040px) {
.content-quote-box .content-image img {
	width: 115px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
.content-quote-box .content-image img {
	width: 100px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) and (min-width: 520px) {
.content-quote-box .content-image img {
	width: 100px;
}
/* Media Query Ende */ }

/* ======================================================================================
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-timeline .box-date {
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-timeline::before {
	left: 100px;
}
.content-timeline .box-date {
	padding: 15px 0;
	width: 100px;
}
.content-timeline .box-text {
	padding: 16px 0 12px 30px;
	width: calc(100% - 117px);
}
/* 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
====================================================================================== */
.content-anchor-element,
.anker {
	scroll-margin-top: 90px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-anchor-element,
.anker {
	scroll-margin-top: 80px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-anchor-element,
.anker {
	scroll-margin-top: 70px;
}
/* Media Query Ende */ }

/* ======================================================================================
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 {
	display: block;
	font-size: 48px;
	font-size: 3rem;
	height: 66px;
	right: auto;
	top: 30px;
	width: 66px;
	z-index: 99;
}
body.nav-datenschutz #toggle-nav,
body.nav-fehler #toggle-nav,
body.nav-impressum #toggle-nav {
	display: none;
}
.sticky #toggle-nav {
	top: 7px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#toggle-nav {
	font-size: 40px;
	font-size: 2.5rem;
	height: 55px;
	top: 21px;
	width: 55px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#toggle-nav {
	font-size: 32px;
	font-size: 2rem;
	height: 44px;
	top: 18px;
	width: 44px;
}
/* Media Query Ende */ }

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

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
#nav-main {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}
#nav-main.active {
	display: block;
}
#nav-main ul.level_1 {
	display: table;
	height: 100%;
	margin: 0 auto;
	padding: 85px 0;
	text-align: center;
}
#nav-main ul.level_1 li {
	display: table-row;
	position: relative;
	vertical-align: middle;
}
#nav-main ul.level_1 li a,
#nav-main ul.level_1 li strong {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	padding: 14px 21px;
}
#nav-main ul.level_1 li.active > ul,
#nav-main ul.level_1 li.trail > ul {
	display: block;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main ul.level_1 li a,
#nav-main ul.level_1 li strong {
	font-size: 20px;
	font-size: 1.25rem;
}
/* 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;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-footer {
	float: none;
	margin: 0 auto 21px;
}
/* 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
====================================================================================== */

/* ======================================================================================
4. Frontend-Module
	4.4. Verschiedenes
		4.4.2. Zurück
====================================================================================== */
#nav-back {
	display: none;
	top: 35px;
}
body.nav-datenschutz #nav-back,
body.nav-fehler #nav-back,
body.nav-impressum #nav-back {
	display: block;
}
.sticky #nav-back {
	top: 7px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#nav-back {
	top: 24px;
}
.sticky #nav-back {
	top: 9px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-back {
	top: 25px;
}
.sticky #nav-back {
	top: 15px;
}
/* Media Query Ende */ }

/* ======================================================================================
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
====================================================================================== */
.slogan strong,
.slogan img {
	display: inline-block;
}
.slogan strong {
	padding: 12px;
}
.slogan img {
	width: 45px;
}
.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";
}
.bmleh figure img {
	float: right;
	width: 200px;
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.slogan strong {
	padding: 12px 0;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.slogan img {
	display: none;
}
.slogan strong {
	display: block;
	padding: 3px 0;
}
.bmleh figure img {
	width: 185px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
.kontakt {
	text-align: center;
}
.kontakt.anschrift::before,
.kontakt.telefon::before,
.kontakt.email::before {
	content: "";
	display: none;
}
.bmleh figure img {
	float: none;
	margin: auto;
}
/* Media Query Ende */ }

/* LANDRADL: retain the verified Live presentation on native TU 4.4 elements. */
@font-face { font-family:"Open Sans"; src:url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Open Sans"; src:url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-italic.woff2") format("woff2"); font-style:italic; font-weight:400; font-display:swap; }
@font-face { font-family:"Open Sans"; src:url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-700.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
body,button,input,textarea,select { font-family:"Open Sans",sans-serif; }
body,#wrapper { min-height:0; }
#wrapper { display:block; position:relative; }
#header { position:fixed; inset:0 0 auto; width:100%; background:transparent; color:inherit; z-index:99; }
#header #nav-main-bar { background:#fcfcf2; color:inherit; }
#header .logo { position:relative; float:right; margin-left:0; padding:0; overflow:hidden; }
#header .logo img { width:100%; height:auto; max-height:none; }
#header .logo figure { margin:0; }
#nav-main-bar .content-column-wrapper { display:block; overflow:visible; }
#nav-main-bar .inside { padding-inline:0; }
#main { display:block; width:100%; }
#container::after { content:""; display:table; clear:both; }
.content-page-wrapper > .inside { padding-inline:0; }
.content-column-wrapper { display:block; }
.content-column-wrapper::after { content:""; display:table; clear:both; }
h1,h2,h3,h4,h5,h6,strong,.content-headline.standard { font-weight:700; }
h1,h2,h3,h4,h5,h6,.content-text :is(h1,h2,h3,h4,h5,h6) { line-height:1.5; }
.content-text ul { padding:7px 0 7px 35px; margin:0; }
.content-image figure { margin:0; border-radius:0; }
.content-image figcaption { padding:7px; margin-top:-4px; font-size:1rem; line-height:1.25; }
#toggle-nav { inset-inline-start:auto; position:absolute; background:transparent; padding:0; border:0; border-radius:35px; color:#000; margin:7px 0; }
#toggle-nav::before { font-size:inherit; font-weight:700; }
#toggle-nav.active::before { color:#fff; }
#nav-main-bar #nav-main { margin:0; padding:0; inset:0; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; }
#nav-main-bar #nav-main ul.level_1 { display:table; height:100%; margin:0 auto; padding:85px 0; text-align:center; }
#nav-main-bar #nav-main ul.level_1 li { display:table-row; vertical-align:middle; }
#nav-main-bar #nav-main ul.level_1 li :is(a,strong) { display:block; border-radius:0; background:transparent; color:#fff; text-decoration:none; font-weight:700; }
#nav-back { position:absolute; }
.content-teaser-image .colorbox { border-radius:0; }
.content-teaser-image .bg-body { background:#fff !important; }
.content-teaser-image > .vwrapper.height-lg { height:430px; }
.content-teaser-image .inside:last-of-type { margin-top:0; }
.content-icon-box .inside { display:block; }
.content-icon-box .icon { margin:7px 0; }
.content-icon-box .icon svg { padding:14px; box-sizing:content-box; }
.content-icon-box .item { display:table-row; }
.content-quote-box { overflow:hidden; }
.content-quote-box > .inside:not(.no-padding) { padding:0; }
.content-quote-box .inside { display:table !important; position:relative; min-height:1px; gap:0; }
.content-quote-box .inside > div:not(.content-text) { width:0; }
.content-quote-box blockquote { font-size:1rem; line-height:1.5; }
.content-quote-box .offset-sm blockquote { margin:7px 0; }
.content-quote-box .offset-md blockquote { margin:21px 0; }
.content-quote-box .offset-lg blockquote { margin:28px 0; }
.content-quote-box blockquote footer { margin:0; padding:7px 0; font-size:75%; color:inherit; }
.content-quote-box figure { margin:0; }
.content-quote-box .img-left .content-image { padding:0 21px 0 0; }
.content-quote-box .img-right .content-image { padding:0 0 0 21px; }
.content-button p.mb-0 { display:inline-block; padding:0; margin:7px 0 !important; vertical-align:baseline; position:relative; z-index:1; }
.content-button a.btn { display:block; padding:0 21px; height:36px; font-size:99%; line-height:36px; font-weight:400; text-decoration:none; white-space:nowrap; border:0; border-radius:35px; position:relative; overflow:hidden; color:#fff; }
.content-button a.btn.button-green { background:#95c11f; }
.content-button a.btn.button-blue { background:#0f70b7; }
.content-button a.btn.button-red { background:#da2100; }
.content-button.erfahrungen-mit-landradl p.mb-0 { margin-top:-21px !important; }
.content-button a.btn::before { content:"\f101"; background:rgba(255,255,255,.15); font-family:"Font Awesome 7 Free"; font-weight:700; font-size:.75rem; position:absolute; right:-21px; top:0; bottom:0; width:21px; transition:all .15s linear; }
.content-button a.btn:hover { padding:0 28px 0 14px; }
.content-button a.btn:hover::before { right:0; }
.content-button a.btn[target="_blank"]::after { content:none; }
#footer { position:absolute; bottom:0; left:0; right:0; overflow:hidden; background:transparent; color:inherit; margin:0; }
#footer .copyright { float:left; font-size:.875rem; }
#footer .media--right { float:right; }
#footer .content-toplink { display:block; clear:both; width:34px; padding:0; }
#footer .content-toplink a { display:flex; align-items:center; justify-content:center; height:32px; padding:0; border:0; border-radius:0; text-decoration:none; }
#footer .content-toplink a::before { content:"\f102"; font-family:"Font Awesome 7 Free"; font-weight:900; font-size:18px; line-height:1; margin:0; position:relative; }
#footer .content-toplink span { display:none; }
#nav-footer ul { display:block; padding:0; margin:0; }
#nav-footer ul li { display:inline-block; text-align:left; }
#footer #nav-footer :is(a,strong) { display:block; padding:7px; border-radius:0; background:transparent; font-weight:400; font-size:.875rem; line-height:1.25; text-decoration:none; }
.contao-cookiebar { color:#444; }
.contao-cookiebar .cc-inner { max-width:500px; border:0; color:#444; --ccb-bg:#fff; --ccb-clr:#444; --ccb-text:#444; --ccb-btn-bg:#eee; --ccb-btn-bg-hvr:#ddd; --ccb-btn-clr:#333; --ccb-btn-bdr:#eee; --ccb-checked-clr:#399d32; --ccb-checked-bg:#dcf3db; }
.contao-cookiebar .cc-btn { background:#eee; color:#333; border:0; border-radius:0; line-height:1; }
.contao-cookiebar .cc-btn:hover { background:#ddd; color:#333; }
.contao-cookiebar .cc-close { right:18px; height:36px; padding:0 12px; line-height:1; margin:7px 0; font-size:99%; }
.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(max-width:1039px) {
 .content-teaser-image > .vwrapper.height-lg { height:350px; }
 .content-quote-box .img-left .content-image { padding-right:14px; }
 .content-quote-box .img-right .content-image { padding-left:14px; }
 .content-button a.btn { height:32px; line-height:32px; }
 .contao-cookiebar .cc-close { height:32px; }
}
@media(max-width:779px) {
 #header .logo { margin:14px 7px 14px 0; }
 .content-page-wrapper > .inside { padding-inline:10px; }
 #nav-main-bar > .inside { padding-inline:10px; }
 .content-teaser-image > .vwrapper.height-lg { height:250px; }
 #footer .copyright { float:none; margin:auto; text-align:center; }
}
@media(max-width:519px) {
 .content-quote-box .img-left .content-image { padding-right:7px; }
 .content-quote-box .img-right .content-image { padding-left:7px; }
 .content-quote-box .img-left figure { margin-left:-15px; }
 .content-quote-box .img-right figure { margin-right:-15px; }
 .content-quote-box .content-image img { width:100px; }
}
/* Preserve the existing form grid and native field appearance. */
: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: 35px; font-size: 99%; line-height: 1; width: 100%; background: #fff; color: #1d1d1d; 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: block; 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: 35px; 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-green .formbody button.submit { display: block; padding: 0 12px; height: 32px; line-height: 1; font-size: 99%; background: #95c11f; color: #fff; border: 1px solid #95c11f; border-radius: 35px; }

h3,.content-headline.standard.headline-h3 { font-size:1.375rem; }
h4,.content-headline.standard.headline-h4 { font-size:1.25rem; }
figure { margin:0; }
.content-teaser-image > .vwrapper { display:table !important; width:100%; }
.content-teaser-image > .vwrapper > .vbottom { display:table-cell !important; vertical-align:bottom; margin:0; }
.content-teaser-image .scrolldown { padding:7px 0; }
.content-quote-box .inside > .content-text,.content-quote-box .inside > .vcenter { display:table-cell; vertical-align:middle; }
.content-quote-box blockquote { font-size:inherit; color:inherit; margin:14px 0; }
.content-quote-box.quote-box-1 blockquote { padding-left:21px; }
.content-quote-box .inside > .content-text { color:inherit; }
.content-button a.btn { height:32px; line-height:32px; }
.kontakt { display:block; width:100%; position:relative; }
#footer .bmleh figure { width:100%; }
.ce_form .formbody fieldset { padding:0; margin:0; }
.ce_form .formbody textarea,.ce_form .formbody input { border-radius:0; }
.ce_form .formbody .checkbox_container label { margin:-25px 0 0 21px; }
.ce_form .formbody .widget-explanation .content-notice-box { border-radius:0; }
.ce_form .formbody button.submit { border:0; border-radius:35px; height:32px; padding:0 21px; font-size:99%; line-height:1; display:block; margin:7px 0; }
.content-timeline .box-date,.content-timeline .content-text { color:inherit; }
.content-timeline { --tu-timeline-text-padding:28px 70px; }
.content-timeline .box-date::after { box-sizing:content-box; width:21px; height:21px; right:-15px; top:32px; }
.content-timeline .box-date::before { content:""; position:absolute; right:-19px; width:39px; height:39px; border-radius:50%; z-index:1; }
.content-timeline.landradl-timeline-marker-background .box-date::before { background:#e5f1c4; }
.content-timeline .box-text::before { left:0; width:42px; top:45px; }
.content-timeline.text-left .box-date::after { left:-16px; right:auto; }
.content-timeline.text-left .box-date::before { left:-20px; right:auto; }
.content-timeline.text-left .box-text::before { left:auto; right:0; }
@media(max-width:1039px) {
 .content-quote-box.quote-box-1 blockquote { padding-left:14px; }
 .content-timeline { --tu-timeline-text-padding:14px 48px; }
 .content-timeline .box-date::after { top:18px; }
 .content-timeline .box-text::before { width:36px; top:31px; }
}
@media(max-width:779px) {
 .content-timeline .box-date::after { top:20px; }
 .content-timeline .box-text::before { width:20px; top:33px; }
 .content-timeline.text-left .box-date::after { left:auto; right:-15px; }
 .content-timeline.text-left .box-date::before { left:auto; right:-19px; }
 .content-timeline.text-left .box-text::before { left:0; right:auto; }
}
@media(max-width:519px) { .content-quote-box.quote-box-1 blockquote { padding-left:7px; } }
:root { --bs-body-color:#1d1d1d; }
img { vertical-align:bottom; }
.content-anchor-element,.anker { border:0; clip:rect(0,0,0,0); clip-path:inset(50%); width:0; height:0; line-height:0; margin:0; padding:0; overflow:hidden; position:absolute; }
#footer .content-column-wrapper { display:block; }
.content-quote-box .inside:is(.img-left,.img-right) > :not(.content-text) { width:0; }
.content-quote-box .inside:is(.img-left,.img-right) > :not(.content-text) .content-image img { width:115px; max-width:none; }
.content-icon-box .icon svg { box-sizing:border-box; }
@media(max-width:1039px) { .content-quote-box .inside:is(.img-left,.img-right) > :not(.content-text) .content-image img { width:100px; } }
.content-teaser-image > .vwrapper { min-height:0; }
.content-teaser-image > .vwrapper > .left.box-width-50 { padding:0 50% 0 0; }
.content-icon-box .icon { display:block; font-size:inherit; line-height:inherit; }
.content-icon-box .icon.icon-xlg svg { width:125px; height:125px; display:inline; font-size:3.75rem; line-height:1.25; overflow:visible; }
.content-button p.mb-0 { height:32px; font-size:99%; line-height:1; }
.content-button a.btn { font-size:100%; }
.content-image { overflow:hidden; position:relative; }
figure::after { content:""; display:table; clear:both; }
.contao-cookiebar .cc-inner p { color:#868686; }
.contao-cookiebar .cc-inner :is(label,span) { color:#444; }
.contao-cookiebar .cc-footer .cc-btn { background:#f5f5f5; color:#444; height:32px; padding:8px 14px; margin:7px 0 0; font-size:99%; line-height:1; }
.contao-cookiebar .cc-footer .cc-btn:hover,.contao-cookiebar .cc-footer .cc-btn:focus { background:#e5e5e5; color:#444; }
.contao-cookiebar .cc-inner .cc-close { height:32px; }
.ce_form .formbody fieldset legend { line-height:1.5; }
.ce_form .formbody .checkbox_container > span { display:block; line-height:1.25; }
@media(max-width:1039px) { .ce_form .formbody textarea { font-size:1rem; } }
@media(max-width:779px) { .content-teaser-image > .vwrapper > .left.box-width-50 { padding-inline:0; } }
.content-teaser-image,.content-teaser-image .inside,.content-headline,.content-teaser-image .content-text { overflow:hidden; position:relative; }
.content-icon-box .icon svg { vertical-align:baseline; }
.content-button { position:relative; overflow:hidden; }
.content-button.erfahrungen-mit-landradl { overflow:visible; }
.content-button p.mb-0 { overflow:hidden; border-radius:35px; }
.content-button a.btn { line-height:1; padding:7px 21px; }
.content-button a.btn:hover { padding:7px 28px 7px 14px; }
.content-button a.btn::before { padding:11px 0; }
.content-image figcaption { font-size:inherit; line-height:1.5; color:inherit; position:relative; }
.content-image a + figcaption { margin-top:-7px; }
.contao-cookiebar .cc-footer .cc-btn { font-size:15px; }
.contao-cookiebar .cc-footer .cc-btn.cc-hide-focus:not(:hover) { background:#f5f5f5; color:#444; }
.ce_form .formbody .checkbox_container > span { line-height:1.5; }
.agentur-zentral-impressum,.content-text.agentur-zentral-impressum :is(h1,h2,h3,h4,p) { line-height:1; }
#nav-back { position:relative; }
#main .ce_form .formbody .widget fieldset legend { float:none; width:auto; inline-size:auto; font-size:inherit; line-height:1.5; margin:0; padding:0; }
#main .ce_form .formbody input:not([type="checkbox"]):not([type="radio"]),#main .ce_form .formbody textarea { border-radius:0; vertical-align:baseline; }
#main .ce_form .formbody input[class*="col-"] { font-size:inherit; line-height:1.5; float:left; }
@media(max-width:1039px) { #main .ce_form .formbody textarea { font-size:1rem; } }
#header #nav-main-bar { background:#fcfcf2 !important; }
#header #toggle-nav.active { position:absolute; inset-inline-start:auto; inset-inline-end:auto; left:auto; right:auto; bottom:auto; top:30px; width:66px; height:66px; font-size:3rem; background:transparent; border:0; box-shadow:none; }
#header #toggle-nav.active::before { color:#fff; font-size:inherit; }
@media(max-width:1039px) { #header #toggle-nav.active { top:21px; width:55px; height:55px; font-size:2.5rem; } }
@media(max-width:779px) { #header #toggle-nav.active { top:18px; width:44px; height:44px; font-size:2rem; } }
#footer .content-toplink { z-index:1; }
@media(max-width:519px) { .contao-cookiebar .cc-footer .cc-btn { margin-bottom:8px; } .contao-cookiebar .cc-footer .cc-btn:last-child { margin-bottom:0; } }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.agentur-zentral-impressum a[target="_blank"]::after { content:none; }
#footer a { text-decoration:none; }
#footer #nav-footer strong.active,#footer #nav-footer li.active > strong { background:transparent; }
#footer .content-toplink a { background:transparent; }
#footer .content-toplink a::before { font-weight:700; }
@media(max-width:519px) { #footer .copyright .footer-rechte { display:block; } }
#footer #nav-footer :is(a,strong) { line-height:1.5; }
#footer .content-toplink a { display:block; padding:6px 9px; line-height:inherit; }
.contao-cookiebar .cc-inner { --ccb-bg:#fff; --ccb-clr:#444; --ccb-text:#868686; --ccb-bdr:#cfcfcf; --ccb-cookies-bg:#fafafa; --ccb-cookies-bdr:#eee; --ccb-info-bg:#fff; --ccb-info-bdr:#eee; --ccb-detail-clr:#444; --ccb-detail-clr-hvr:#444; --ccb-btn-bg:#f5f5f5; --ccb-btn-bg-hvr:#ececec; --ccb-btn-bdr:#cfcfcf; --ccb-btn-clr:#444; }
.contao-cookiebar .cc-footer .cc-btn:hover,.contao-cookiebar .cc-footer .cc-btn:focus { background:#ececec; }
.agentur-zentral-impressum a[target="_blank"]::after { content:none !important; }
@media(max-width:1039px) { .content-button.small-center { text-align:center !important; } }
@media(min-width:520px) { #footer .kontakt { text-align:left; } }
@media(max-width:779px) { #footer #nav-footer { float:none; text-align:center; } }
.contao-cookiebar .cc-inner { --ccb-cookies-bg:#fbfbfb; --ccb-cookies-bdr:#fbfbfb; --ccb-info-bdr:#efefef; }
p:not(.button) a[target="_blank"]::after,.button-link p.button a[target="_blank"]::after,.content-hyperlink a[target="_blank"]::after { display:inline; font-size:.75rem; font-weight:700; line-height:1.5; margin-left:3px; }
#main .ce_form .formbody button.submit { border:0; padding:0 21px; }
#main .ce_form .formbody button.submit:hover { padding:0 28px 0 14px; }
@media(max-width:779px) { .content-timeline.text-left .box-text .right { text-align:left !important; } }
@media(max-width:1039px) { #main .ce_form .formbody button.submit { font-size:1rem; } }
.content-swiper :is(.swiper-button-prev,.swiper-button-next) { filter:none; }
#footer .content-toplink a { font-size:inherit; text-align:inherit; vertical-align:baseline; }
#main .ce_form .formbody button.submit::before { line-height:1; }
#header #toggle-nav.active::before { content:"\f00d"; }
.contao-cookiebar .cc-cookie-info { color:#444; }
.contao-cookiebar .cc-inner .cc-close { height:24px; }
/* The sole enlarged LANDRADL team photo is 1920 x 1280. Preserve its Live frame
   while retaining the native viewer's keyboard and focus handling. */
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) {
 --landradl-photo-width:round(down,min(1920px,calc(95vw - 10px),calc((95vh - 30px) * 1.5)),1px);
 --landradl-photo-height:round(down,calc(var(--landradl-photo-width) / 1.5),1px);
 --landradl-photo-left:round(nearest,calc((100vw - var(--landradl-photo-width) - 10px) / 2),1px);
 --landradl-photo-top:round(nearest,calc((100vh - var(--landradl-photo-height) - 30px) / 2),1px);
}
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-backdrop { background:rgba(0,0,0,.9); }
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-stage { display:block; flex:none; position:absolute; left:var(--landradl-photo-left); top:calc(var(--landradl-photo-top) + 20px); width:calc(var(--landradl-photo-width) + 10px); height:calc(var(--landradl-photo-height) + 10px); overflow:visible; }
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-figure { border:5px solid #000; margin:0; max-width:none; max-height:none; }
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-img { width:var(--landradl-photo-width); height:var(--landradl-photo-height); max-width:none; max-height:none; margin:0; }
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-info { position:absolute; left:var(--landradl-photo-left); top:calc(var(--landradl-photo-top) + var(--landradl-photo-height) + 30px); transform:translateY(-100%); width:calc(var(--landradl-photo-width) + 10px); padding:7px 5px; background:#000; text-align:left; }
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-caption { font-size:inherit; line-height:1.5; }
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-close { display:block; position:absolute; left:calc(var(--landradl-photo-left) + var(--landradl-photo-width) - 33px); right:auto; top:calc(var(--landradl-photo-top) + 25px); width:40px; height:40px; border-radius:0; background:#000; font-size:0; line-height:1; }
.theme-lightbox:has(.theme-lightbox-img[src*="landradl-team-"]) .theme-lightbox-close::after { content:"\f00d"; font-family:"Font Awesome 7 Free"; font-size:2rem; font-weight:700; line-height:1.25; position:absolute; inset:0; color:#fff; background:#000; }