/* ======================================================================================
Styleseet für Feuerwehr Salzgitter-Immendorf. Individuelle Änderungen vornehmen!
Datei: custom.css
Datum: 03.04.2026
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
				3.8.17. Dienstplan
				3.8.18. Einsatzliste
		4. Frontend-Module
			4.1. Navigation
				4.1.1. Umschaltnavigation
				4.1.2. Kopfnavigation
				4.1.3. Hauptnavigation
				4.1.4. Lokale Navigation
				4.1.5. Nachrichtenarchiv-Navigation
				4.1.6. Fußnavigation
				4.1.7. Navigationspfad
				4.1.8. Seitennummerierung
				4.1.9. HTML-Sitemap
				4.1.10. Sprachenwechsler
			4.2. Benutzer
			4.3. Anwendungen
				4.3.1. Suchmaschine
			4.4. Verschiedenes
				4.4.1. Cookiebar
			4.5. Events
			4.6. FAQ
			4.7. Nachrichten
				4.7.1 Nachrichtenarchiv und -liste
				4.7.2 Nachrichtenleser
			4.8. Newsletter
		5. Wartungsmodus
		6. Dark Mode
			6.1. Switch-Button
			6.2. Farben
				6.2.1. Text
				6.2.2. Hintergrund
				6.2.3. Rahmen
				6.2.4. Schatten
		7. Eigene Klassen
====================================================================================== */

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

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

/* ======================================================================================
1. Allgemeine Styles
	1.1. Typografie
		1.1.2. Textstrukturierung und Überschriften
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 1039px) {
h2,
.content-headline.standard.headline-h2 {
	font-size: 22px;
	font-size: 1.375rem;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
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: 18px;
	font-size: 1.125rem;
}
/* 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
====================================================================================== */
button.button-corporate-red,
.button-corporate-red p.button a,
.button-corporate-red button.submit,
#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_2 li a:hover,
#nav-main ul.level_2 li strong:hover,
#nav-main .toggle::after,
#nav-top ul.level_1 li.mitglied-werden a,
#nav-top ul.level_1 li.mitglied-werden strong,
.content-dienstplan .dienst-headline div,
.content-dienstplan .dienst-item:hover,
.content-dienstplan .dienst-item:hover a,
.content-einsatzliste .einsatz-headline div,
.content-einsatzliste .einsatz-item:hover,
.content-einsatzliste .einsatz-item:hover a,
.content-gallery figcaption,
.content-tabs.tabs-1 > label,
.mod_newslist .layout_latest .news-timeline-axis time,
.contao-cookiebar p,
.contao-cookiebar a,
.contao-cookiebar .cc-groups .cc-group > label,
.contao-cookiebar .cc-cookies,
.contao-cookiebar .cc-btn,
.contao-cookiebar .cc-close,
table th {
	color: #fff !important;
}
body,
input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {
	color: #2a2a2b;
}
a,
.mod_newslist .layout_latest .news-timeline-content h3,
.mod_newsreader .layout_full h2 {
	color: #90050d;
}

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.2. Hintergrund
====================================================================================== */
.background-corporate-blue,
.content-dienstplan .dienst-headline,
.content-einsatzliste .einsatz-headline,
.content-gallery figcaption,
.content-icon-box .icon span,
#teaser .content-teaser-image .vwrapper,
.mod_newslist .layout_latest .news-timeline-line,
.contao-cookiebar .cc-cookie-info,
.contao-cookiebar .cc-groups .cc-group,
table th {
	background-color: #001135 !important;
}
button.button-corporate-red,
.button-corporate-red p.button,
.button-corporate-red button.submit,
.background-corporate-red,
#nav-top ul.level_1 li.mitglied-werden a,
#nav-top ul.level_1 li.mitglied-werden strong,
.content-tabs.tabs-1 > label,
.mod_newslist .layout_latest .news-timeline-axis time,
.contao-cookiebar .cc-btn,
.contao-cookiebar .cc-cookies {
	background-color: #90050d !important;
}
.content-dienstplan .dienst-item:nth-child(even),
.content-einsatzliste .einsatz-item:nth-child(even) {
	background-color: #f5eaea;
}

/* Pastellfarben */
#nav-main ul.level_2,
.contao-cookiebar .cc-inner {
	background-color: #0a1e45;
}

/* Hover-Farben */
button.button-corporate-red:hover,
.button-corporate-red p.button:hover,
.button-corporate-red button.submit:hover,
#nav-top ul.level_1 li.mitglied-werden a:hover,
#nav-top ul.level_1 li.mitglied-werden strong:hover,
#nav-main ul.level_2 li a:hover,
#nav-main ul.level_2 li strong,
#nav-main ul.level_2 li strong:hover,
.content-dienstplan .dienst-item:hover,
.content-einsatzliste .einsatz-item:hover,
.content-tabs.tabs-1 > label:hover,
.contao-cookiebar .cc-btn:hover {
	background-color: #a41217 !important;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main,
#nav-main ul.level_3 {
	background: #001135;
}
#nav-main ul.level_2,
#nav-main ul.level_4 {
	background: #90050d;
}
#nav-main ul li a:hover,
#nav-main ul li strong,
#nav-main ul li strong:hover {
	background-color: #a41217 !important;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.3. Rahmen
====================================================================================== */
button,
p.button,
.content-tabs.tabs-1 > label {
	border-color: #fff;
}
.border-corporate-blue,
.content-dienstplan .dienst-headline div,
.content-dienstplan .dienst-item div,
.content-dienstplan .dienst-item,
.content-dienstplan .dienst-topic,
.content-einsatzliste .einsatz-headline div,
.content-einsatzliste .einsatz-item div,
.content-einsatzliste .einsatz-item,
.content-einsatzliste .einsatz-keyword,
.content-einsatzliste .einsatz-place,
.content-team-box.border-corporate-blue,
.content-team-box .border-corporate-blue img,
table td,
table th {
	border-color: #001135;
}
.border-corporate-red,
#nav-main ul.level_2,
.content-count-up,
.content-icon-box,
.content-teaser-image,
.content-team-box.kachelkarte,
.content-text figure img,
.mod_newslist .layout_latest .news-timeline-media img,
.mod_newslist .layout_latest .news-timeline-content h2::after,
.mod_newsreader .layout_full img,
.mod_newsreader .layout_full h1::after,
.contao-cookiebar .cc-inner,
.highlight h1::after, .highlight h2::after, .highlight h3::after {
	border-color: #90050d;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-dienstplan .dienst-headline div,
.content-einsatzliste .einsatz-headline div {
	border-color: #fff;
}
/* Media Query Ende */ }

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

/* ======================================================================================
1. Allgemeine Styles
	1.2. Farben
		1.2.5. Schatten
====================================================================================== */
#nav-main ul.level_2,
.contao-cookiebar .cc-inner {
	box-shadow: 0 6px 15px rgba(0,0,0,0.35);
}
.content-icon-box:hover,
.content-team-box.kachelkarte:hover,
.mod_newslist .layout_latest .news-timeline-media img:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,0.35);
}

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

/* ======================================================================================
1. Allgemeine Styles
	1.4. Buttons
====================================================================================== */
button,
p.button {
	border-style: solid;
	border-width: 1px;
}

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

/* ======================================================================================
1. Allgemeine Styles
	1.6. Radien
====================================================================================== */
#nav-top ul.level_1 li.mitglied-werden a,
#nav-top ul.level_1 li.mitglied-werden strong,
#nav-main ul.level_2,
.content-count-up,
.content-icon-box,
.content-team-box.kachelkarte,
.content-teaser-image,
.content-text figure img,
.mod_newslist .layout_latest .news-timeline-media img,
.mod_newsreader .layout_full img,
.contao-cookiebar .cc-group {
	border-radius: 0 0 4px 4px;
}
.mod_newslist .layout_latest .news-timeline-axis time {
	border-radius: 50%;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-top ul.level_1 li.mitglied-werden a,
#nav-top ul.level_1 li.mitglied-werden strong {
	border-radius: 4px;
}
/* Media Query Ende */ }

/* ======================================================================================
1. Allgemeine Styles
	1.7. Rahmen
====================================================================================== */
#nav-main ul.level_2,
.contao-cookiebar .cc-inner,
.content-count-up,
.content-icon-box,
.content-team-box.kachelkarte,
.content-teaser-image,
.content-text figure img,
.mod_newslist .layout_latest .news-timeline-media img,
.mod_newslist .layout_latest .news-timeline-content h2::after,
.mod_newsreader .layout_full img,
.mod_newsreader .layout_full h1::after,
.highlight h1::after, .highlight h2::after, .highlight h3::after {
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

/* ======================================================================================
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
====================================================================================== */
.content-icon-box,
.content-icon-box:hover,
.content-team-box.kachelkarte,
.content-team-box.kachelkarte:hover,
.mod_newslist .layout_latest .news-timeline-media img,
.mod_newslist .layout_latest .news-timeline-media img:hover {
	transition: all 0.15s ease-in-out;
}

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

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

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

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

/* ======================================================================================
2. Layout
	2.1. Kopfzeile
====================================================================================== */
#header {
	height: 70px;
	position: absolute;
	top: 210px;
}
#nav-main-bar.fixed {
	left: 0;
	right: 0;
	top: 0;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#header {
	height: 67px;
	top: 255px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#header {
	height: 43px;
	top: 0;
	width: 0;
}
#nav-main-bar,
#nav-main-bar.fixed {
	left: 0;
	position: fixed;
	right: 0;
	top: -5px;
}
/* Media Query Ende */ }

/* ======================================================================================
2. Layout
	2.2. Teaserzeile
====================================================================================== */
#teaser {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
#teaser .logo {
	margin: 0 auto;
	width: 100px;
}
#teaser .logo figure img {
	border: 0;
}
#nav-top-bar {
	height: 45px;
}

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#teaser .logo {
	margin: 15px auto;
	width: 80px;
}
#nav-top-bar {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1;
}
/* Media Query Ende */ }

/* ======================================================================================
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;
}
/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#footer {
	height: 82px;
}
#footer .copyright {
	float: none;
	margin: auto;
	text-align: center;
}
/* Media Query Ende */ }

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

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#footer {
	height: 115px;
}
#footer .copyright .footer-rechte {
	margin: 0 auto;
	width: 250px;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.1. Überschrift
====================================================================================== */
.highlight h1, .highlight h2, .highlight h3 {
	display: flow-root;
	margin-bottom: 14px;
	position: relative;
}
.highlight h1::after, .highlight h2::after, .highlight h3::after {
	content: "";
	left: 0;
	margin-top: 45px;
	position: absolute;
	right: 0;
	width: 75px;
}
.highlight h2::after, .highlight h3::after {
	margin-top: 35px;
}

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

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

/* ======================================================================================
3. Core-Elemente
	3.1. Text-Elemente
		3.1.4. Tabelle
====================================================================================== */
table td,
table th {
	border-width: 5px;
}

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

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

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

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

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

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

/* ======================================================================================
3. Core-Elemente
	3.5. Media-Elemente
		3.5.1. Bild
====================================================================================== */
.logo-kinderfeuerwehr figure img,
.logo-jugendfeuerwehr figure img {
	border: 0;
	border-color: none;
	border-radius: 0;
}

/* ======================================================================================
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 .widget-select select {
	margin-top: 3px;
}

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.1. Teaserbild
====================================================================================== */
#teaser .content-teaser-image {
	border: 0;
	border-color: none;
	border-radius: 0;
	overflow: visible;
}
#teaser .content-teaser-image .vwrapper {
	height: 120px;
	position: absolute;
	top: 60px;
}
#teaser .content-teaser-image .vwrapper .inside {
	display: block;
}
#teaser .content-teaser-image .vwrapper .inside:last-of-type {
	left: 0;
	position: absolute;
	right: 0;
	top: -81px;
	width: 100%;
}
#teaser .content-teaser-image .box-width-35 {
	padding: 0 30%;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#teaser .content-teaser-image .vwrapper {
	height: 170px;
	top: 65px;
}
#teaser .content-teaser-image .box-width-35 {
	padding: 0 25%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#teaser .content-teaser-image .vwrapper {
	height: 130px;
	top: 105px;
}
#teaser .content-teaser-image .box-width-35 {
	padding: 0 15%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 519px) {
#teaser .content-teaser-image .box-width-35 {
	padding: 0 10%;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 359px) {
#teaser .content-teaser-image .box-width-35 {
	padding: 0;
}
/* 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
====================================================================================== */
.content-team-box.kachelkarte {
	height: 190px;
	margin-top: 40px;
	overflow: visible;
}
.content-team-box.kachelkarte:hover {
	margin-bottom: 5px;
	margin-top: 35px;
}
.content-team-box.kachelkarte .img-center {
	margin-top: -55px;
}
.content-team-box.kachelkarte img {
	width: 125px;
}
.content-team-box p.function {
	margin-top: -14px;
}

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.8. Iconbox
====================================================================================== */
.content-icon-box {
	margin-top: 40px;
	overflow: visible;
	padding: 0 7px 21px;
}
.content-icon-box:hover {
	margin-bottom: 5px;
	margin-top: 35px;
}
.content-icon-box .icon {
	margin-top: -45px;
}

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

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.14. Tabs
====================================================================================== */
.content-tabs.tabs-1 > label {
	border-style: none;
	border-width: 0;
}
.content-tabs .tab-panel {
	padding-top: 21px;
}

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.15. Animierte Zahlen
====================================================================================== */
.content-count-up span.add {
	display: inline;
}

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

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.17. Dienstplan
====================================================================================== */
.content-dienstplan p {
	padding: 14px;
}
.content-dienstplan .dienst-headline {
	width: 1240px;
}
.content-dienstplan .dienst-headline div,
.content-dienstplan .dienst-item div {
	border-right-style: solid;
	border-right-width: 5px;
	padding: 14px;
}
.content-dienstplan .dienst-headline div {
	font-weight: 700;
}
.content-dienstplan .dienst-headline-topic,
.content-dienstplan .dienst-topic {
	border-right-width: 0 !important;
}
.content-dienstplan .dienst-headline-date,
.content-dienstplan .dienst-date {
	width: 120px;
}
.content-dienstplan .dienst-headline-time,
.content-dienstplan .dienst-time {
	width: 195px;
}
.content-dienstplan .dienst-headline-topic,
.content-dienstplan .dienst-topic {
	width: calc(100% - 315px);
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.content-dienstplan .dienst-headline {
	width: 980px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-dienstplan .dienst-headline {
	width: 720px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-dienstplan .dienst-headline,
.content-dienstplan .dienst-list {
	width: 100%;
}
.content-dienstplan .dienst-headline.fixed{
	min-width: calc(100% - 20px);
	width: calc(100% - 20px);
}
.content-dienstplan .dienst-headline-time,
.content-dienstplan .dienst-time {
	width: calc(100% - 120px);
}
.content-dienstplan .dienst-headline-topic,
.content-dienstplan .dienst-topic {
	width: 100%;
}
.content-dienstplan .dienst-headline-topic,
.content-dienstplan .dienst-item:not(:first-child),
.content-dienstplan .dienst-topic {
	border-top-style: solid;
	border-top-width: 5px;
}
.content-dienstplan .dienst-headline-time,
.content-dienstplan .dienst-time,
.content-dienstplan .dienst-headline-topic,
.content-dienstplan .dienst-topic {
	border-right-width: 0 !important;
}
/* Media Query Ende */ }

/* ======================================================================================
3. Core-Elemente
	3.8. Elementgenerator
		3.8.18. Einsatzliste
====================================================================================== */
.content-einsatzliste .einsatz-headline {
	width: 1240px;
}
.content-einsatzliste .einsatz-headline div,
.content-einsatzliste .einsatz-item div {
	border-right-style: solid;
	border-right-width: 5px;
	padding: 14px;
}
.content-einsatzliste .einsatz-headline div {
	font-weight: 700;
}
.content-einsatzliste .einsatz-headline-place,
.content-einsatzliste .einsatz-place {
	border-right-width: 0 !important;
}
.content-einsatzliste .einsatz-headline-number,
.content-einsatzliste .einsatz-number {
	width: 66px;
}
.content-einsatzliste .einsatz-number {
	text-align: right;
}
.content-einsatzliste .einsatz-headline-date,
.content-einsatzliste .einsatz-date {
	width: 120px;
}
.content-einsatzliste .einsatz-headline-time,
.content-einsatzliste .einsatz-time {
	width: 110px;
}
.content-einsatzliste .einsatz-headline-keyword,
.content-einsatzliste .einsatz-keyword,
.content-einsatzliste .einsatz-headline-place,
.content-einsatzliste .einsatz-place {
	width: calc(50% - 170px);
}

/* Media Query Anfang */ @media screen and (max-width: 1299px) {
.content-einsatzliste .einsatz-headline {
	width: 980px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.content-einsatzliste .einsatz-headline {
	width: 720px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
.content-einsatzliste .einsatz-headline,
.content-einsatzliste .einsatz-list {
	width: 100%;
}
.content-einsatzliste .einsatz-headline.fixed{
	min-width: calc(100% - 20px);
	width: calc(100% - 20px);
}
.content-einsatzliste .einsatz-headline-date,
.content-einsatzliste .einsatz-date,
.content-einsatzliste .einsatz-headline-time,
.content-einsatzliste .einsatz-time {
	width: calc(50% - 33px);
}
.content-einsatzliste .einsatz-headline-keyword,
.content-einsatzliste .einsatz-keyword,
.content-einsatzliste .einsatz-headline-place,
.content-einsatzliste .einsatz-place {
	padding-left: 80px !important;
	width: 100%;
}
.content-einsatzliste .einsatz-headline-keyword,
.content-einsatzliste .einsatz-headline-place,
.content-einsatzliste .einsatz-item:not(:first-child),
.content-einsatzliste .einsatz-keyword,
.content-einsatzliste .einsatz-place {
	border-top-style: solid;
	border-top-width: 5px;
}
.content-einsatzliste .einsatz-headline-time,
.content-einsatzliste .einsatz-time,
.content-einsatzliste .einsatz-headline-keyword,
.content-einsatzliste .einsatz-keyword,
.content-einsatzliste .einsatz-headline-place,
.content-einsatzliste .einsatz-place {
	border-right-width: 0 !important;
}
/* Media Query Ende */ }

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

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main ul li .toggle {
	left: 0;
	right: auto;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.2. Kopfnavigation
====================================================================================== */
/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-top {
	margin-right: 0;
}
#nav-top a,
#nav-top strong {
	margin-top: 7px;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.1. Navigation
		4.1.3. Hauptnavigation
====================================================================================== */
/* Media Query Anfang */ @media screen and (min-width: 780px) {
#nav-main ul.level_1 > li {
	vertical-align: top;
}
#nav-main ul.level_2 {
	animation: fadeIn 0.15s ease-out;
}
@keyframes fadeIn {
	from {
		opacity: 0; transform: translateY(-5px);
	}
	to {
		opacity: 1; transform: translateY(0);
	}
}
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	padding: 10px;
}
#nav-main ul.level_2 > li > a::before,
#nav-main ul.level_2 > li > strong::before {
	content: "\f0da";
	font-family: "Font Awesome 7 Free";
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	margin: 0 7px 0 -10px;
}
#nav-main ul.level_2 li a,
#nav-main ul.level_2 li strong {
	font-weight: 700;
	padding: 12px 30px;
	text-align: left;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 1039px) and (min-width: 780px) {
#nav-main ul.level_1 > li > a,
#nav-main ul.level_1 > li > strong {
	padding: 5px;
}
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after {
	display: block;
	margin: 0 auto;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 779px) {
#nav-main {
	height: calc(100% - 42px);
	text-align: left;
	top: 42px;
}
#nav-main ul.level_1 li a,
#nav-main ul.level_1 li strong {
	padding-left: 50px;
}
#nav-main ul.level_2 {
	border-bottom: none;
	border-radius: 0;
	box-shadow: none;
}
/* 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: 1039px) {
#nav-footer {
	float: none;
	margin: auto;
	text-align: center;
}
/* 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.5. Events
====================================================================================== */

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

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.1 Nachrichtenarchiv und -liste
====================================================================================== */
.mod_newslist .news_article {
	margin: 0;
	overflow: visible;
}
.mod_newslist .layout_latest {
	display: flex;
	gap: 35px;
	margin: 35px 0;
	overflow: visible;
}
.mod_newslist .layout_latest .news-timeline-media {
	align-items: center;
	display: flex;
}
.mod_newslist .layout_latest .news-timeline-media img {
	width: 393px;
}
.mod_newslist .layout_latest .news-timeline-media img:hover {
	margin-bottom: 5px;
	margin-top: -5px;
}
.mod_newslist .layout_latest .news-timeline-axis {
	align-items: center;
	display: flex;
	position: relative;
}
.mod_newslist .layout_latest .news-timeline-line {
	bottom: -120px;
	left: 50%;
	position: absolute;
	top: -120px;
	transform: translateX(-50%);
	width: 3px;
}
.mod_newslist .layout_latest .news-timeline-axis p.info {
	margin-top: 0;
}
.mod_newslist .layout_latest .news-timeline-axis time {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	text-transform: uppercase;
	font-weight: 700;
}
.mod_newslist .layout_latest .news-timeline-axis .day {
	font-size: 20px;
	font-size: 1.250rem;
	line-height: 1;
}
.mod_newslist .layout_latest .news-timeline-axis .month {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.1;
}
.mod_newslist .layout_latest .news-timeline-axis .year {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.1;
	opacity: 0.8;
}
.mod_newslist .layout_latest .news-timeline-content h2 {
	margin-bottom: 14px;
	position: relative;
}
.mod_newslist .layout_latest .news-timeline-content h2::after {
	content: "";
	left: 0;
	margin-top: 35px;
	position: absolute;
	right: 0;
	width: 75px;
}
.mod_newslist .layout_latest .news-timeline-content h3 {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0;
}
.mod_newslist .layout_latest .news-timeline-content .more {
	margin: 14px 0 0;
	padding: 0;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.mod_newslist .layout_latest {
	gap: 25px;
	margin: 25px 0;
}
.mod_newslist .layout_latest .news-timeline-media img {
	width: 302px;
}
/* Media Query Ende */ }

/* Media Query Anfang */ @media screen and (max-width: 799px) {
.mod_newslist .layout_latest {
	flex-wrap: wrap;
	gap: 15px;
	margin: 0;
	padding: 25px 0 25px 85px;
}
.mod_newslist .layout_latest .news-timeline-axis {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	align-items: flex-start;
	justify-content: flex-start;
}
.mod_newslist .layout_latest .news-timeline-axis p.info {
	margin-top: 18px;
}
.mod_newslist .layout_latest .news-timeline-line {
	left: 36px;
}
.mod_newslist .layout_latest .news-timeline-media img {
	width: 100%;
}
/* Media Query Ende */ }

/* ======================================================================================
4. Frontend-Module
	4.7. Nachrichten
		4.7.2 Nachrichtenleser
====================================================================================== */
.mod_newsreader .layout_full .content-text,
.mod_newsreader .layout_full .content-gallery {
	padding: 7px 0;
}
.mod_newsreader .layout_full h1 {
	display: flow-root;
	margin-bottom: 14px;
	position: relative;
}
.mod_newsreader .layout_full h1::after {
	content: "";
	left: 0;
	margin-top: 45px;
	position: absolute;
	right: 0;
	width: 75px;
}
.mod_newsreader .layout_full h2 {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0;
}
.mod_newsreader .layout_full .content-text,
.mod_newsreader .layout_full .rte,
.mod_newsreader .layout_full .ce_text {
	clear: none;
	overflow: visible;
	position: static;
	z-index: auto;
}

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

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

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
.wartungsmodus .logo {
	width: 125px;
}
/* Media Query Ende */ }

/* ======================================================================================
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
====================================================================================== */
#gefahrenkarte-map {
	height: 650px;
}

/* Media Query Anfang */ @media screen and (max-width: 1039px) {
#gefahrenkarte-map {
	height: 450px;
}
/* Media Query Ende */ }

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

/* Feuerwehr Salzgitter-Immendorf: preserve the measured Live presentation on TU 4.4.2. */
@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-regular.woff2') format('woff2')}
@font-face {font-family:'Open Sans';font-style:italic;font-weight:400;font-display:swap;src:url('/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-italic.woff2') format('woff2')}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-700.woff2') format('woff2')}
body,button,input,textarea,select {font-family:'Open Sans',sans-serif;line-height:1.25}
body {background:transparent;min-height:0}
h1,h2,h3,h4,h5,h6,p,ul,ol {margin:0;padding:7px 0}
h1,h2,h3,h4,h5,h6,.content-headline {font-weight:700;line-height:1.25}
h1 {font-size:2rem} h2 {font-size:1.5rem} 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;height:auto;max-width:100%}
a {text-decoration:none} a:hover {text-decoration:underline}
p.button,button,input,select,textarea {font-family:inherit;font-size:99%;line-height:1}
.content-text ul,.content-text ol {padding-left:20px}
.content-text p {margin:0}
.content-text,.content-headline,.content-image,.content-icon-box,.content-team-box,.mod_newslist,.mod_newsreader,.content-page-wrapper,.content-column-wrapper {position:relative;z-index:0}
.content-text,.content-headline,.content-image {overflow:hidden}
.media--right:not(.media),.media--right figure {float:right}
.media--left:not(.media),.media--left figure {float:left}
#header {width:100%;max-width:none;background:transparent;z-index:99;color:#2a2a2b}
#header>.inside {width:100%;max-width:none;margin:0}
#nav-main-bar {background:#90050d;min-height:0}
#nav-main-bar>.inside>.row>.content-column-wrapper {display:block;min-height:1px}
#nav-top-bar {display:block;overflow:hidden}
#nav-top {float:right;position:relative}
#nav-top ul.level_1 {display:block;padding:0;gap:normal}
#nav-top ul.level_1 li {display:inline-block;margin:0}
#nav-top a,#nav-top strong {font-size:.75rem;font-weight:400;line-height:20px;padding:7px;color:#343a40;text-decoration:none}
#nav-top li.mitglied-werden>a,#nav-top li.mitglied-werden>strong {color:white}
#nav-main-bar #nav-main {padding:0;inline-size:auto;block-size:auto;inset:auto;overflow:visible;background:transparent;z-index:0;color:#2a2a2b}
#nav-main-bar #nav-main ul {margin:0;padding:0;gap:normal;list-style:none}
#nav-main-bar #nav-main ul.level_1 {display:block;flex-direction:row;text-align:center}
#nav-main-bar #nav-main ul.level_1>li {display:inline-block;position:static;vertical-align:top}
#nav-main-bar #nav-main ul.level_1>li>a,#nav-main-bar #nav-main ul.level_1>li>strong {display:block;font-weight:700;border-radius:0;padding:10px;color:white;line-height:20px;background:transparent}
#nav-main-bar #nav-main ul.level_1>li.submenu>a::after,#nav-main-bar #nav-main ul.level_1>li.submenu>strong::after {content:'\f0d7';font-family:'Font Awesome 7 Free';font-size:.875rem;font-weight:900;margin-left:7px}
#nav-main-bar #nav-main ul.level_2 {display:none;position:absolute;z-index:99}
#nav-main-bar #nav-main ul.level_2 a,#nav-main-bar #nav-main ul.level_2 strong {border-radius:0;font-weight:700;padding:12px 30px;line-height:20px}
#nav-main-bar #nav-main .toggle {background:transparent;border:0;border-radius:0;margin:0;position:absolute;top:0;right:0;padding:5.5px 10px}
#toggle-nav {background:transparent;border:0;border-radius:0;width:47px;height:47px;min-height:0;font-size:24px;margin:7px 0;padding:0;position:absolute;left:2px;right:auto;top:-2px;color:white}
#toggle-nav::before {content:none}
#toggle-nav::after {content:'\f0c9';font-family:'Font Awesome 7 Free';font-weight:900;color:white}
#toggle-nav.active::after {content:'\f00d'}
#teaser .logo {position:relative}
.content-teaser-image {position:relative;overflow:hidden}
.content-teaser-image>.vwrapper {display:table!important;min-height:0;width:100%;margin:0;max-width:none}
.content-teaser-image .vtop,.content-teaser-image .vcenter,.content-teaser-image .vbottom {display:table-cell!important;width:auto;max-width:none}
.content-teaser-image .vtop {vertical-align:top}.content-teaser-image .vcenter {vertical-align:middle}.content-teaser-image .vbottom {vertical-align:bottom}
.content-teaser-image .height-lg {height:430px}
.content-teaser-image .height-md {height:280px}
.content-teaser-image .height-sm {height:130px}
.content-teaser-image .left.box-width-50 {padding:0 50% 0 0}
.content-teaser-image .inside {display:inline-block;padding:0 14px}
.content-teaser-image .nobox {width:100%}
.content-teaser-image .nobox .content-headline {display:inline;box-decoration-break:clone;line-height:2;padding:7px 14px;border-radius:0;margin-left:-15px}
.content-teaser-image .inside:last-of-type {margin-top:7px}
#teaser .content-teaser-image .spacer {display:none}
#teaser .content-teaser-image h1 {margin:auto 0}
#teaser .content-teaser-image .inside {width:auto}
.content-icon-box {line-height:1.25}
.content-icon-box p.mb-0:has(>a.btn) {display:inline-block;height:32px;margin:7px 0!important;padding:0;border:1px solid #ccc;background:#90050d}
.content-icon-box a.btn {display:block;font-size:99%;font-weight:400;line-height:1;height:auto;border:0;border-radius:0;padding:7px 12px;color:white;background:#90050d;vertical-align:baseline;text-decoration:none}
p.button {display:inline-block;height:32px;margin:7px 0;padding:7px 0;border:1px solid transparent;background:transparent;white-space:nowrap;text-align:center}
p.button a {display:block;padding:0 12px;line-height:1;color:white;text-decoration:none}
.button-corporate-red p.button {background:#90050d}
.mod_newslist .news_article.news-grid {display:flex;flex-wrap:wrap;gap:0;width:100%;margin:0;overflow:visible}
.mod_newslist .layout_latest {display:flex;flex-direction:row;position:relative;float:left;width:100%;border:0;border-radius:0;box-shadow:none}
.mod_newslist .layout_latest .news-timeline-media {flex-shrink:0}
.mod_newslist .layout_latest .news-timeline-media>a {display:block}
.mod_newslist .layout_latest .news-timeline-media img {max-width:100%;height:auto}
.mod_newslist .layout_latest .news-timeline-axis {flex-shrink:0}
.mod_newslist .layout_latest .news-timeline-content {flex:1;min-width:0}
.mod_newslist .layout_latest h2 {font-size:1.5rem;line-height:1.25}
.mod_newslist .layout_latest h2 a {font-weight:700;color:#343a40;text-decoration:none}
.mod_newslist .layout_latest .more {display:block}
#footer {background:transparent;color:#2a2a2b;margin:0;position:absolute;bottom:0;left:0;right:0;overflow:hidden}
#footer a {color:inherit;text-decoration:none}
@media (min-width:780px) {
 .content-page-wrapper>.inside[class*='container-'] {padding-left:0;padding-right:0}
 #nav-main-bar #nav-main {display:block;position:static;float:none;margin:0}
 #nav-main-bar #nav-main ul.level_1>li>.toggle,#toggle-nav {display:none}
 #nav-main-bar #nav-main ul.level_1>li:hover>ul,#nav-main-bar #nav-main ul.level_1>li:focus-within>ul {display:block}
}
@media (max-width:1039px) {
 h2,.mod_newslist .layout_latest h2 {font-size:1.375rem}
 .content-teaser-image .height-lg {height:350px}.content-teaser-image .height-md {height:200px}.content-teaser-image .height-sm {height:100px}
}
@media (min-width:780px) and (max-width:1039px) {
 #nav-main-bar #nav-main ul.level_1>li>a,#nav-main-bar #nav-main ul.level_1>li>strong {padding:5px}
 #nav-main-bar #nav-main ul.level_1>li.submenu>a::after,#nav-main-bar #nav-main ul.level_1>li.submenu>strong::after {display:block;margin:0 auto}
}
@media (max-width:779px) {
 h1 {font-size:1.5rem} h2,.mod_newslist .layout_latest h2 {font-size:1.125rem}
 #header {width:0}
 #nav-main-bar {height:1px}
 #nav-main-bar #nav-main {position:fixed;top:42px;bottom:0;left:0;width:100%;height:calc(100% - 42px);overflow-x:hidden;overflow-y:scroll;background:#90050d;display:none;text-align:left}
 #nav-main-bar #nav-main.active {display:block}
 #nav-main-bar #nav-main ul.level_1 {text-align:left}
 #nav-main-bar #nav-main ul.level_1>li {display:block;position:relative}
 #nav-main-bar #nav-main ul.level_1 li>a,#nav-main-bar #nav-main ul.level_1 li>strong {padding:14px 10px 14px 50px;font-weight:400}
 #nav-main-bar #nav-main ul.level_1>li.submenu>a::after,#nav-main-bar #nav-main ul.level_1>li.submenu>strong::after {content:none}
 #nav-main-bar #nav-main ul.level_2 {position:static}
 #nav-main-bar #nav-main li.active>ul,#nav-main-bar #nav-main li.trail>ul {display:block}
 #nav-main-bar #nav-main .toggle {left:0;right:auto;height:48px;width:50px}
 #toggle-nav {display:block}
 #nav-top-bar .content-column-wrapper {min-height:1px}
 #nav-top a,#nav-top strong {margin-top:7px}
 .content-teaser-image .height-lg {height:250px}.content-teaser-image .height-md {height:150px}.content-teaser-image .height-sm {height:auto}
 .content-teaser-image .left.box-width-50 {padding:0}
 .content-teaser-image .inside {padding:0 10px}
 .mod_newslist .layout_latest .news-timeline-content {flex-basis:100%}
}
/* Measured container, sticky navigation and native button corrections. */
#wrapper {position:relative;display:block;height:auto;min-height:100vh}
#main>.inside {position:relative}
#nav-main-bar,#nav-main-bar.fixed {background-color:#90050d!important}
#nav-main-bar #nav-main ul.level_1>li.submenu>a::after,#nav-main-bar #nav-main ul.level_1>li.submenu>strong::after {line-height:1.25}
#nav-top a,#nav-top strong {line-height:15px}
#toggle-nav,#toggle-nav::after {color:#000}
.content-icon-box {line-height:20px}
.content-icon-box p.mb-0:has(>a.btn) {padding:7px 0}
.content-icon-box .item p.mb-0>a.btn {color:white;background:transparent;padding:0 12px;line-height:1;font-family:inherit;font-size:99%;border:0;height:auto}
.content-teaser-image .left .nobox .content-headline {margin-left:-15px}
@media (max-width:799px) {
 .mod_newslist .layout_latest .news-timeline-media {flex:0 0 100%;width:100%;max-width:100%;min-width:0}
 .mod_newslist .layout_latest .news-timeline-media>a {display:block;width:100%}
 .mod_newslist .layout_latest .news-timeline-media img {width:100%;max-width:100%}
}
@media (max-width:779px) {#nav-main-bar #nav-main {background:#001135}}
.content-einsatzliste .flexbox,.content-dienstplan .flexbox {display:flex;flex-wrap:wrap}
.content-einsatzliste,.content-dienstplan {position:relative}
.content-icon-box .icon {line-height:20px}
.content-icon-box .icon a {line-height:20px}
#footer {font-size:.875rem;line-height:1.25}
#nav-footer ul {display:block;padding:0;gap:normal}
#nav-footer ul li {display:inline-block;text-align:left}
#nav-footer a,#nav-footer strong {display:block;font-size:.875rem;font-weight:400;text-decoration:none;padding:7px;line-height:1.25}
.mod_newslist .news_article {overflow:visible!important}
@media (max-width:779px) {#nav-footer {float:none;margin:auto;text-align:center}}
.content-tabs {position:relative}
.content-tabs .tab-panels {padding:0}
.content-icon-box .inside.vwrapper {display:table;width:100%;height:100%;gap:normal}
.content-icon-box .icon {display:block;font-size:16px;line-height:20px;flex:0 1 auto;border-radius:0!important}
#wrapper .content-icon-box .icon span {display:inline-block;vertical-align:baseline;padding:14px;line-height:75px}
.content-icon-box .item.before {display:table-row;flex:0 1 auto}
#wrapper .content-text.media {display:block}
#wrapper .content-text.media--left figure,#wrapper .content-text.media--right figure {width:33.33333333%;margin:11px 21px 11px 0}
#wrapper .content-text.media--right figure {margin:11px 0 11px 21px}
#wrapper .content-text.media .rte {display:block;min-width:0}
.content-gallery ul {gap:14px;padding:0;margin:0}
.content-gallery img {border-radius:0}
.button-corporate-red p.button a.btn {display:block;font-size:99%;font-weight:400;line-height:1;height:auto;border:0;border-radius:0;padding:0 12px;color:white;background:transparent;text-decoration:none}
@media(max-width:1039px) {#wrapper .content-text.media--left figure,#wrapper .content-text.media--right figure {width:50%}}
@media(max-width:519px) {#wrapper .content-text.media--left figure,#wrapper .content-text.media--right figure {width:100%;margin:7px 0 14px}}
.content-icon-box .icon {width:100%;text-align:center}
#wrapper .content-gallery li,#wrapper .content-gallery figure,#wrapper .content-gallery a,#wrapper .content-gallery img {border-radius:0!important}
#wrapper .content-button p.button a,#wrapper .button-corporate-red p.button a {background:transparent;border:0;border-radius:0;padding:0 12px;font-size:99%;font-weight:400;line-height:1;color:#fff}
#footer #nav-footer strong {background:transparent;border-radius:0}
.content-team-box p.function {font-size:12px;line-height:15px;margin:-14px 0 0;color:inherit}
#wrapper .ce_form {position:relative;overflow:hidden}
#wrapper .ce_form .formbody {display:block;margin:0}
#wrapper .ce_form .widget {display:block;margin:0;padding:7px 2px;width:100%;max-width:none;clear:both}
#wrapper .ce_form .widget[class*='col-'] {float:left;clear:none}
#wrapper .ce_form label,#wrapper .ce_form legend {margin:0;padding:0;font-size:16px;line-height:20px;vertical-align:baseline}
#wrapper .ce_form label {display:inline}
#wrapper .ce_form .widget>label,#wrapper .ce_form legend {font-weight:700}
#wrapper .ce_form legend {float:none;width:auto}
#wrapper .ce_form .widget[class*='col-']>label {display:block;width:100%;float:left}
#wrapper .ce_form input.text,#wrapper .ce_form input.captcha,#wrapper .ce_form textarea,#wrapper .ce_form select {padding:6px 12px;width:100%;border:1px solid #ccc;border-radius:0;box-shadow:none;color:#2a2a2b;font-size:16px;font-weight:400}
#wrapper .ce_form input.text {height:32px;min-height:0;line-height:22px;float:left}
#wrapper .ce_form textarea {display:inline-block;min-height:0;line-height:16px;vertical-align:baseline}
#wrapper .ce_form select {display:inline-block;appearance:auto;background:#e9e9ed;background-image:none;line-height:normal;height:auto;vertical-align:baseline}
#wrapper .ce_form fieldset {margin:0;padding:0;border:0}
#wrapper .ce_form fieldset>span {display:inline;gap:normal}
#wrapper .ce_form input.checkbox,#wrapper .ce_form input.radio {display:inline-block;appearance:auto;background:transparent;border:0;border-radius:0;width:14px;height:14px;min-height:0;margin:0;padding:0;vertical-align:baseline}
#wrapper .ce_form .checkbox_container label,#wrapper .ce_form .radio_container label {display:block;margin:-21px 0 0 21px;font-weight:400}
#wrapper .ce_form .content-notice-box {margin:7px 0;padding:0;border-radius:0;overflow:hidden}
#wrapper .ce_form .notice-box-secondary {color:#383d41;background:#e2e3e5;border:1px solid #d6d8db}
#wrapper .ce_form .content-notice-box .inside {display:block;position:relative;padding:7px 11px;min-height:1px}
#wrapper .ce_form button.submit {display:block;height:32px;min-height:0;margin:7px 0;padding:0 12px;font-size:16px;line-height:16px;border:1px solid #fff;border-radius:0;box-shadow:none}
@media(min-width:520px) {.ce_form .widget.col-sm-6 {width:50%}}
@media(max-width:519px) {#wrapper .content-text.media--left figure,#wrapper .content-text.media--right figure {margin-bottom:0}}


@media(max-width:779px) {#footer .copyright {width:100%;max-width:none}}
#wrapper .content-icon-box .icon>a {display:inline;inline-size:auto;block-size:auto;padding:0;background:transparent;border:0;line-height:20px}
@media(min-width:520px) {#wrapper .ce_form .widget.col-sm-6 {width:50%}}
@media(max-width:519px) {#wrapper .content-text.media--left figure,#wrapper .content-text.media--right figure {margin-bottom:7px}}
#wrapper .ce_form .widget-textarea {clear:none}
#wrapper .ce_form fieldset>span {margin:0;padding:0}
#wrapper .ce_form legend .mandatory {display:inline;margin:0;padding:0}
#wrapper .ce_form textarea,#wrapper .ce_form button.submit {font-size:99%}
@media(max-width:779px) {#wrapper .ce_form textarea,#wrapper .ce_form button.submit {font-size:16px}}
#wrapper .content-icon-box .icon span {inline-size:94px;block-size:94px}
#wrapper .content-gallery {overflow:hidden}
#wrapper .content-gallery>ul {grid-template-columns:repeat(var(--tu-gallery-columns,1),1fr)}
#wrapper .content-gallery figure {overflow:visible;background:transparent}
#wrapper .content-gallery a {display:inline}
#wrapper .content-gallery img {width:100%;max-width:none}
#wrapper .content-gallery figcaption {font-size:16px;line-height:20px;padding:7px;margin:-7px 0 0;color:inherit}
#footer {font-size:16px;line-height:20px}
@media(max-width:779px) {#nav-footer {width:100%}}
#footer .content-column-wrapper {display:block;gap:normal}
#wrapper .content-gallery figcaption {color:#fff}
.content-text ul,.content-text ol {padding-left:35px}
#wrapper .content-table table {display:block;width:100%;margin:0;border:0;border-collapse:collapse}
#wrapper .content-table th,#wrapper .content-table td {padding:7px;border:5px solid #001135;box-shadow:none}
#wrapper .content-table td {color:inherit;background:transparent}
#wrapper .content-gallery img {aspect-ratio:auto;object-fit:fill;height:auto}
#wrapper .mod_newsreader .content-gallery img {border-radius:0 0 4px 4px!important}
.mod_newsreader .layout_full p.info {font-size:12px;line-height:15px;margin:-14px 0 0}
#wrapper .mod_newsreader .back a {font-size:inherit}
#teaser .content-headline {font-size:32px;line-height:1.25;margin:auto 0}
@media(max-width:779px) {#teaser .content-headline {font-size:24px}}
#wrapper .ce_form input.text {display:inline-block;float:none}
#wrapper .ce_form input.text[class*='col-'] {display:block;float:left}
#wrapper .ce_form span.mandatory {color:#dc3545}
#wrapper .ce_form .notice-box-info {color:#0c5460;background:#d1ecf1;border:1px solid #bee5eb}
#footer {font-size:14px;line-height:17.5px}
#nav-footer {font-size:16px;line-height:20px}
#footer #nav-footer .level_1 li>strong.active {background:transparent}
#wrapper .ce_form textarea,#wrapper .ce_form button.submit {line-height:1}
#wrapper .agentur-zentral-impressum,#wrapper .agentur-zentral-impressum * {line-height:1}
#wrapper .agentur-zentral-impressum a::after {content:none}
#wrapper .content-notice-box {border-radius:0}
#wrapper .content-gallery figure,#wrapper .content-gallery figcaption {position:relative}
#nav-main-bar.fixed {position:fixed}
@media(min-width:780px) {#nav-main-bar.fixed {top:0;left:0;right:0}}
@media(max-width:779px) {html.active #header #toggle-nav {position:absolute;top:-2px;left:2px;right:auto;z-index:auto}}
#wrapper p.button {border-color:#fff}
#wrapper p.button a {display:block;font-size:inherit;line-height:1;vertical-align:baseline}
#wrapper .content-icon-box p.mb-0:has(>a.btn) {border-color:#fff}
#wrapper .ce_form:not(.button-corporate-red) button.submit {background-color:#007bff}
#wrapper .button-corporate-red p.button a,#wrapper .content-button p.button a {font-size:inherit}
#wrapper .ce_form:not(.button-corporate-red) button.submit {border-color:#007bff}
#wrapper .content-teaser-image .content-text {border-radius:0}
#wrapper .content-notice-box.notice-box-danger {color:#721c24}
#wrapper .content-notice-box a {color:#90050d}


/* Exact residual corrections from the 135-view comparison (2026-10-02). */
#wrapper .content-einsatzliste .einsatz-keyword {overflow-wrap:break-word}
#wrapper .content-tabs>label {border-radius:0}
#wrapper .content-teaser-image .colorbox {border-radius:0}
@media(min-width:780px) {#wrapper .ce_form select {font-size:99%}}
#wrapper .content-text p a[target="_blank"] {word-break:break-word;overflow-wrap:break-word}
#wrapper .content-text p a[target="_blank"]::after {display:inline;width:auto;height:auto;margin-left:3px;font-weight:700;line-height:1.25;box-sizing:content-box}
#wrapper .content-image-layer .image-layer-controls {border-radius:0;border-color:#ccc;color:#2a2a2b}
#wrapper .image-layer-control-checkbox {color:inherit;border-color:#ccc}
#wrapper .content-column-wrapper:has(>.mod_newslist) {overflow:hidden}