/*
Theme Name:   ÖWR Tirol
Theme URI:    https://wasserrettung-tirol.at
Description:  Child-Theme der Österreichischen Wasserrettung (Design owr.at) für die Multisite des Landesverbands Tirol. Ohne Elementor.
Author:       Österreichische Wasserrettung – Landesverband Tirol
Template:     hello-elementor
Version:      1.10.3
Text Domain:  owr-tirol
*/

  

:root {
	--primary: #0E478F;
	--secondary: #A53A57;
	--logo-blau: #1561AD;
	--text: #414756;
	--accent: #A53A57;
	--button-01: #A53A57;
	--hintergrund-01: #F1F2F5;
	--hauptueberschrift: #0D2A50;
	--ueberschrift: #414756;
	--text-link: #A53A57;
	--text-hover: #A5ABBD;
	--funktionaere: #0D2A50;
	--footer-text: #414756;
	--weiss-voll: #FFFFFF;
	--schwarz-voll: #000000;
	
	--ueberschrift-margin-top: 35px;
	
	--anchor-scroll-margin-top: 250px;
	
	--ueberschrift-xxl-font-size: 2.6rem;
	--ueberschrift-xxl-font-weight: 700;
	--ueberschrift-xxl-line-height: 1.4;
	
	--ueberschrift-xl-font-size: 2.2rem;
	--ueberschrift-xl-font-weight: 600;
	--ueberschrift-xl-line-height: 1.4;
	
	--ueberschrift-gross-font-size: 1.6rem;
	--ueberschrift-gross-font-weight: 600;
	--ueberschrift-gross-line-height: 1.4;
	
	--ueberschrift-mittel-font-size: 1.5rem;
	--ueberschrift-mittel-font-weight: 500;
	--ueberschrift-mittel-line-height: 1.4;
	
	--ueberschrift-klein-font-size: 1.3rem;
	--ueberschrift-klein-font-weight: 500;
	--ueberschrift-klein-line-height: 1.4;
	
	--text-standard-font-size: 1.1rem;
	--text-standard-font-weight: 400;
	--text-standard-line-height: 1.7;
	
	--text-extra-klein-font-size: 0.9rem;
	--text-extra-klein-font-weight: 400;
	--text-extra-klein-line-height: 1.4;
		
	--footer-menu-spalten-font-size: 1rem;
	--footer-menu-spalten-font-weight: 400;
	--footer-menu-spalten-line-height: 1.5;
	
	--popup-menu-titel-1-font-size: 0.75rem;
	--popup-menu-titel-1-font-weight: 700;
	--popup-menu-titel-1-line-height: 1.4;
	
	--popup-menu-titel-2-font-size: 0.75rem;
	--popup-menu-titel-2-font-weight: 400;
	--popup-menu-titel-2-line-height: 1.4;
	
	--owr-popup-menu-font-size: 1.125rem;
	--owr-popup-menu-font-weight: 500;
	--owr-popup-menu-line-height: 1;
	
	--popup-menu-kontakt-titel-font-size: 1rem;
	--popup-menu-kontakt-titel-font-weight: 800;
	--popup-menu-kontakt-titel-line-height: 1;
	
	--popup-menu-spenden-titel-font-size: 1rem;
	--popup-menu-spenden-titel-font-weight: 800;
	--popup-menu-spenden-titel-line-height: 1;
	
	--popup-menu-mitgliederbereich-titel-font-size: 1rem;
	--popup-menu-mitgliederbereich-titel-font-weight: 400;
	--popup-menu-mitgliederbereich-titel-line-height: 1;
	
	--popup-menu-landesverbaende-titel-font-size: 1.375rem;
	--popup-menu-landesverbaende-titel-font-weight: 600;
	--popup-menu-landesverbaende-titel-line-height: 1.4;
	
	--popup-menu-impressum-titel-font-size: 1rem;
	--popup-menu-impressum-titel-font-weight: 400;
	--popup-menu-impressum-titel-line-height: 1;
	
	--popup-menu-datenschutz-titel-font-size: 1rem;
	--popup-menu-datenschutz-titel-font-weight: 400;
	--popup-menu-datenschutz-titel-line-height: 1;
	
	--bundesland-box-text-1-font-size: 1rem;
	--bundesland-box-text-1-font-weight: 100;
	--bundesland-box-text-1-line-height: 1.4;
	
	--bundesland-box-text-2-font-size: 1.2rem;
	--bundesland-box-text-2-font-weight: 500;
	--bundesland-box-text-2-line-height: 1.4;
	
	--spenden-button-font-size: 1rem;
	--spenden-button-font-weight: 500;
	--spenden-button-line-height: 1;
	
	--mitgliederbereich-header-leiste-font-size: 1rem;
	--mitgliederbereich-header-leiste-font-weight: 400;
	--mitgliederbereich-header-leiste-line-height: 1;

	--owr-header-schrift-01-font-size: 1.25rem;
	--owr-header-schrift-01-font-weight: 800;
	--owr-header-schrift-01-line-height: 1.7;
	--owr-header-schrift-01-letter-spacing: 0.2px;
	--owr-header-schrift-01-sticky-font-size: 1rem;
	--owr-header-schrift-01-text-transform: uppercase;
	
	--owr-header-schrift-02-font-size: 1.25rem;
	--owr-header-schrift-02-font-weight: 500;
	--owr-header-schrift-02-line-height: 1.85;
	--owr-header-schrift-02-sticky-font-size: 1rem;
	
	--owr-header-menu-einsatzstelle-font-size: 1.25rem;
	--owr-header-menu-einsatzstelle-font-weight: 500;
	--owr-header-menu-einsatzstelle-line-height: 1.85;
	--owr-header-menu-einsatzstelle-sticky-font-size: 1rem;
	
	--einsatzstelle-auswaehlen-font-weight: 200;
	
	--besuche-uns-auch-auf-font-size: 1.7rem;
	--besuche-uns-auch-auf-font-weight: 300;
	--besuche-uns-auch-auf-line-height: 1.4;
	--besuche-uns-auch-auf-letter-spacing: 2.6px;
	--besuche-uns-auch-auf-text-transform: uppercase;
	
	--impressum-menu-footer-font-size: 1rem;
	--impressum-menu-footer-font-weight: 400;
	--impressum-menu-footer-line-height: 1.4;
	
	--copyright-footer-font-size: 1rem;
	--copyright-footer-font-weight: 400;
	--copyright-footer-line-height: 1.6;
	
	--footer-kristo-font-size: 1rem;
	--footer-kristo-font-weight: 400;
	--footer-kristo-line-height: 1.4;

	--links-menu-01-font-size: 1rem;
	--links-menu-01-font-weight: 400;
	--links-menu-01-line-height: 1.5;
	
	--links-menu-titel-font-size: 1.1rem;
	--links-menu-titel-font-weight: 600;
	--links-menu-titel-line-height: 1.4;
	
	--links-kursanmeldung-text-font-size: 1.125rem;
	--links-kursanmeldung-text-font-weight: 200;
	--links-kursanmeldung-text-line-height: 1.7;
	
	--ausbildung-kursanmeldung-button-font-size: 1.625rem;
	--ausbildung-kursanmeldung-button-font-weight: 500;
	--ausbildung-kursanmeldung-button-line-height: 1;

	--schwimmpruefung-button-font-size: 1.3rem;
	
	--owr-single-posting-title-font-size: 2.6rem;
	--owr-single-posting-title-font-weight: 700;
	--owr-single-posting-title-line-height: 1.4;
	
	--owr-single-posting-meta-font-size: 1.3rem;
	--owr-single-posting-meta-font-weight: 300;
	--owr-single-posting-meta-line-height: 1.7;
	
	--nachrichten-inhalt-font-size: 1.1rem;
	--nachrichten-inhalt-font-weight: 400;
	--nachrichten-inhalt-line-height: 1.7;
	
	--nachrichten-ende-navigation-feldname-font-size: 1.2rem;
	--nachrichten-ende-navigation-feldname-font-weight: 300;
	--nachrichten-ende-navigation-feldname-line-height: 1.7;
	
	--nachrichten-ende-navigation-titel-font-size: 1.4rem;
	--nachrichten-ende-navigation-titel-font-weight: 400;
	--nachrichten-ende-navigation-titel-line-height: 1.4;
	
	--faq-frage-font-size: 1.3rem;
	--faq-frage-font-weight: 400;
	--faq-frage-line-height: 1.4;
	
	--faq-antwort-font-size: 1.3rem;
	--faq-antwort-font-weight: 400;
	--faq-antwort-line-height: 1.4;
	
	--baderegeln-akkordeon-title-font-size: 1rem;
	--baderegeln-akkordeon-title-font-weight: 600;
	--baderegeln-akkordeon-title-line-height: 1.4;
	
	--jahresberichte-jahreszahl-font-size: 1.2rem;
	--jahresberichte-jahreszahl-font-weight: 500;
	--jahresberichte-jahreszahl-line-height: 1.4;
	
	--jahresberichte-download-titel-font-size: 1.8rem;
	--jahresberichte-download-titel-font-weight: 400;
	--jahresberichte-download-titel-line-height: 1.4;
	
	--jahresberichte-datei-oeffnen-font-size: 1.1rem;
	--jahresberichte-datei-oeffnen-font-weight: 400;
	--jahresberichte-datei-oeffnen-line-height: 1.4;
	
	--logo-download-titel-font-size: 1.8rem;
	--logo-download-titel-font-weight: 400;
	--logo-download-titel-line-height: 1.4;
	
	--logo-datei-oeffnen-font-size: 1.1rem;
	--logo-datei-oeffnen-font-weight: 400;
	--logo-datei-oeffnen-line-height: 1.4;
	
	--ausbildung-box-text-font-size: 1rem;
	--ausbildung-box-text-font-weight: 400;
	--ausbildung-box-text-line-height: 1;
	
	--kursangebot-text-font-size: 1.125rem;
	--kursangebot-text-font-weight: 200;
	--kursangebot-text-line-height: 1.7;
	
	--funktionaere-name-font-size: 1.6rem;
	--funktionaere-name-font-weight: 300;
	--funktionaere-name-line-height: 1.4;
	
	--funktionaere-position-font-size: 1.4rem;
	--funktionaere-position-font-weight: 800;
	--funktionaere-position-line-height: 1.4;
	--funktionaere-position-text-transform: none;
	
	--funktionaere-telefon-font-size: 1.4rem;
	--funktionaere-telefon-font-weight: 300;
	--funktionaere-telefon-line-height: 1.4;
	
	--funktionaere-adresse-font-size: 1rem;
	--funktionaere-adresse-font-weight: 300;
	--funktionaere-adresse-line-height: 1.4;
	
	--funktionaere-mail-button-font-size: 1.6rem;
	--funktionaere-mail-button-font-weight: 500;
	--funktionaere-mail-button-line-height: 1.3;


	--header-wrapper-height: clamp(4rem, 15vw, 12.875rem);
	--header-wrapper--shrink-height: clamp(3rem, 10vw, 9.375rem);
}



@media screen and (max-width:1168px) and (min-width:1025px) {   
	:root {
		--owr-header-schrift-01-font-size: 1.1rem;		
		--owr-header-schrift-01-sticky-font-size: 1rem;
		
		--owr-header-schrift-02-font-size: 1.1rem;		
		--owr-header-schrift-02-sticky-font-size: 1rem;
		
		--owr-header-menu-einsatzstelle-font-size: 1.1rem;		
		--owr-header-menu-einsatzstelle-sticky-font-size: 1rem;
		
		--besuche-uns-auch-auf-font-size: 1.5rem;
	}   
}

@media screen and (max-width:1120px) and (min-width:1025px) {   
	:root {
		--owr-header-schrift-02-font-size: 1rem;		
		--owr-header-schrift-02-sticky-font-size: 1rem;
		
		--owr-header-menu-einsatzstelle-font-size: 1rem;		
		--owr-header-menu-einsatzstelle-sticky-font-size: 1rem;
	}   
}

@media screen and (max-width:1024px) and (min-width:768px) {   
	:root {	
		--owr-header-schrift-02-line-height: 1.5;
		
		--owr-header-menu-einsatzstelle-line-height: 1.5;
		
		--besuche-uns-auch-auf-font-size: 1.2rem;
		
		--owr-single-posting-title-font-size: 1.875rem;
		
		--owr-single-posting-meta-font-size: 1.125rem;
		
		--funktionaere-name-font-size: 1.5rem;
		
		--funktionaere-position-font-size: 1.3rem;
		
		--funktionaere-telefon-font-size: 1.3rem;
		
		--funktionaere-adresse-font-size: 0.9rem;
		
		--funktionaere-mail-button-font-size: 1.2rem;
	}   
}

@media screen and (max-width:767px) {
	:root {
		--ueberschrift-xxl-font-size: 1.5rem;
		
		--ueberschrift-xl-font-size: 1.1875rem;
		
		--ueberschrift-gross-font-size: 1.125rem;
		
		--text-standard-font-size: 0.875rem;
		
		--footer-menu-spalten-font-size: 0.9rem;
		
		--owr-popup-menu-font-size: 0.9375rem;
		
		--popup-menu-landesverbaende-titel-font-size: 1.25rem;
		
		--bundesland-box-text-1-font-size: 0.875rem;
		
		--bundesland-box-text-2-line-height: 1;
		
		--owr-header-schrift-01-font-size: 0.8rem;		
		--owr-header-schrift-01-letter-spacing: 0;
		--owr-header-schrift-01-sticky-font-size: 0.8rem;
		
		--owr-header-schrift-02-font-size: 0.8rem;		
		--owr-header-schrift-02-line-height: 1.5;
		--owr-header-schrift-02-sticky-font-size: 0.8rem;
		
		--owr-header-menu-einsatzstelle-font-size: 0.8rem;		
		--owr-header-menu-einsatzstelle-line-height: 1.5;
		--owr-header-menu-einsatzstelle-sticky-font-size: 0.8rem;
		
		--besuche-uns-auch-auf-font-size: 1rem;
		
		--impressum-menu-footer-font-size: 0.9rem;
		
		--copyright-footer-font-size: 0.9rem;
		
		--footer-kristo-font-size: 0.875rem;
		
		--links-kursanmeldung-text-font-size: 1rem;
		
		--ausbildung-kursanmeldung-button-font-size: 1.25rem;
		
		--owr-single-posting-title-font-size: 1.5rem;
		
		--owr-single-posting-meta-font-size: 0.875rem;
		
		--nachrichten-inhalt-font-size: 0.875rem;
		
		--nachrichten-ende-navigation-feldname-font-size: 0.75rem;
		
		--nachrichten-ende-navigation-titel-font-size: 1rem;
		
		--faq-frage-font-size: 0.875rem;
		
		--faq-antwort-font-size: 0.875rem;
		
		--jahresberichte-jahreszahl-font-size: 0.8rem;
		
		--jahresberichte-download-titel-font-size: 1rem;
		
		--jahresberichte-datei-oeffnen-font-size: 0.9rem;
		
		--logo-download-titel-font-size: 1rem;
		
		--logo-datei-oeffnen-font-size: 0.9rem;
		
		--ausbildung-box-text-font-size: 0.7rem;
		
		--kursangebot-text-font-size: 1rem;
		
		--funktionaere-name-font-size: 1.1rem;
		
		--funktionaere-position-font-size: 1rem;
		
		--funktionaere-telefon-font-size: 1rem;
		
		--funktionaere-adresse-font-size: 0.9rem;
		
		--funktionaere-mail-button-font-size: 1.2rem;
	}
}

@media screen and (max-width:450px) {
	:root {
		--owr-header-schrift-01-font-size: 0.65rem;
		--owr-header-schrift-01-sticky-font-size: 0.65rem;
		
		--owr-header-schrift-02-font-size: 0.65rem;
		--owr-header-schrift-02-sticky-font-size: 0.65rem;
		
		--owr-header-menu-einsatzstelle-font-size: 0.65rem;
		--owr-header-menu-einsatzstelle-sticky-font-size: 0.65rem;
	}  
}

@media screen and (max-width:370px) {
	:root {
		--owr-header-schrift-01-font-size: 0.6rem;
		--owr-header-schrift-01-sticky-font-size: 0.6rem;
		
		--owr-header-schrift-02-font-size: 0.6rem;
		--owr-header-schrift-02-sticky-font-size: 0.6rem;
		
		--owr-header-menu-einsatzstelle-font-size: 0.6rem;
		--owr-header-menu-einsatzstelle-sticky-font-size: 0.6rem;
	}  
}

/* FONT FEATURES - Anfang */

body, h1, h2, h3, h4, h5, h6, p, span, .elementor-button-text, .bundesleitung-link, .einsatzstellen-link, ul, li, a, a:link {
	font-family: 
		-apple-system, 
		system-ui, 
		BlinkMacSystemFont, 
		"Segoe UI", 
		Helvetica, 
		Arial, 
		sans-serif, 
		"Apple Color Emoji", 
		"Segoe UI Emoji", 
		"Segoe UI Symbol" !important;
}

.elementor-widget-heading {
	scroll-margin-top: 800px;
}

.ueberschrift-xxl, .ueberschrift-xxl * {
	font-size: var(--ueberschrift-xxl-font-size) !important;
	font-weight: var(--ueberschrift-xxl-font-weight) !important;
	line-height: var(--ueberschrift-xxl-line-height) !important;
	margin-top: var(--ueberschrift-margin-top);
	scroll-margin-top: var(--anchor-scroll-margin-top);
}

.ueberschrift-xl, .ueberschrift-xl * {
	font-size: var(--ueberschrift-xl-font-size) !important;
	font-weight: var(--ueberschrift-xl-font-weight) !important;
	line-height: var(--ueberschrift-xl-line-height) !important;
	margin-top: var(--ueberschrift-margin-top);
	scroll-margin-top: var(--anchor-scroll-margin-top);
}

.ueberschrift-gross, .ueberschrift-gross * {
	font-size: var(--ueberschrift-gross-font-size) !important;
	font-weight: var(--ueberschrift-gross-font-weight) !important;
	line-height: var(--ueberschrift-gross-line-height) !important;
	margin-top: var(--ueberschrift-margin-top);
	scroll-margin-top: var(--anchor-scroll-margin-top);
}

.ueberschrift-mittel, .ueberschrift-mittel * {
	font-size: var(--ueberschrift-mittel-font-size) !important;
	font-weight: var(--ueberschrift-mittel-font-weight) !important;
	line-height: var(--ueberschrift-mittel-line-height) !important;
	margin-top: var(--ueberschrift-margin-top);
	scroll-margin-top: var(--anchor-scroll-margin-top);
}

.ueberschrift-klein, .ueberschrift-klein * {
	font-size: var(--ueberschrift-klein-font-size) !important;
	font-weight: var(--ueberschrift-klein-font-weight) !important;
	line-height: var(--ueberschrift-klein-line-height) !important;
	margin-top: var(--ueberschrift-margin-top);
	scroll-margin-top: var(--anchor-scroll-margin-top);
}

.links-menu-01 {
	font-size: var(--links-menu-01-font-size);
	font-weight: var(--links-menu-01-font-weight);
	line-height: var(--links-menu-01-line-height);
}

.first-container, .text-standard {
	font-size: var(--text-standard-font-size);
	font-weight: var(--text-standard-font-weight);
	line-height: var(--text-standard-line-height);
}

.text-extra-klein {
	font-size: var(--text-extra-klein-font-size);
	font-weight: var(--text-extra-klein-font-weight);
	line-height: var(--text-extra-klein-line-height);
}

.owr-footer-leiste-02 {
	font-size: var(--footer-menu-spalten-font-size);
	font-weight: var(--footer-menu-spalten-font-weight);
	line-height: var(--footer-menu-spalten-line-height);
}

.popup-menu-titel-1 {
	font-size: var(--popup-menu-titel-1-font-size);
	font-weight: var(--popup-menu-titel-1-font-weight);
	line-height: var(--popup-menu-titel-1-line-height);
}

.popup-menu-titel-2 {
	font-size: var(--popup-menu-titel-2-font-size);
	font-weight: var(--popup-menu-titel-2-font-weight);
	line-height: var(--popup-menu-titel-2-line-height);
}

.owr-popup-menu, .owr-popup-menu * {
	font-size: var(--owr-popup-menu-font-size);
	font-weight: var(--owr-popup-menu-font-weight);
	line-height: var(--owr-popup-menu-line-height);
}

.popup-menu-kontakt-titel {
	font-size: var(--popup-menu-kontakt-titel-font-size);
	font-weight: var(--popup-menu-kontakt-titel-font-weight);
	line-height: var(--popup-menu-kontakt-titel-line-height);
}

.popup-menu-spenden-titel {
	font-size: var(--popup-menu-spenden-titel-font-size);
	font-weight: var(--popup-menu-spenden-titel-font-weight);
	line-height: var(--popup-menu-spenden-titel-line-height);
}

.popup-menu-mitgliederbereich-titel {
	font-size: var(--popup-menu-mitgliederbereich-titel-font-size);
	font-weight: var(--popup-menu-mitgliederbereich-titel-font-weight);
	line-height: var(--popup-menu-mitgliederbereich-titel-line-height);
}

.popup-menu-landesverbaende-titel {
	font-size: var(--popup-menu-landesverbaende-titel-font-size);
	font-weight: var(--popup-menu-landesverbaende-titel-font-weight);
	line-height: var(--popup-menu-landesverbaende-titel-line-height);
}

.popup-menu-impressum-titel {
	font-size: var(--popup-menu-impressum-titel-font-size);
	font-weight: var(--popup-menu-impressum-titel-font-weight);
	line-height: var(--popup-menu-impressum-titel-line-height);
}

.popup-menu-datenschutz-titel {
	font-size: var(--popup-menu-datenschutz-titel-font-size);
	font-weight: var(--popup-menu-datenschutz-titel-font-weight);
	line-height: var(--popup-menu-datenschutz-titel-line-height);
}

.bundesland-box-text-1, .bundesland-box-text-1 * {
	font-size: var(--bundesland-box-text-1-font-size) !important;
	font-weight: var(--bundesland-box-text-1-font-weight) !important;
	line-height: var(--bundesland-box-text-1-line-height) !important;
}

.bundesland-box-text-2, .bundesland-box-text-2 * {
	font-size: var(--bundesland-box-text-2-font-size) !important;
	font-weight: var(--bundesland-box-text-2-font-weight) !important;
	line-height: var(--bundesland-box-text-2-line-height) !important;
}

.spenden-button, .spenden-button * {
	font-size: var(--spenden-button-font-size) !important;
	font-weight: var(--spenden-button-font-weight) !important;
	line-height: var(--spenden-button-line-height) !important;
}

.mitgliederbereich-header-leiste, .mitgliederbereich-header-leiste * {
	font-size: var(--mitgliederbereich-header-leiste-font-size) !important;
	font-weight: var(--mitgliederbereich-header-leiste-font-weight) !important;
	line-height: var(--mitgliederbereich-header-leiste-line-height) !important;
}

.owr-header-schrift-01, .owr-header-schrift-01 * {
	font-size: var(--owr-header-schrift-01-font-size) !important;
	font-weight: var(--owr-header-schrift-01-font-weight) !important;
	line-height: var(--owr-header-schrift-01-line-height) !important;
	letter-spacing: var(--owr-header-schrift-01-letter-spacing) !important;
	text-transform: var(--owr-header-schrift-01-text-transform) !important;
}

.owr-header-schrift-02, .owr-header-schrift-02 * {
	font-size: var(--owr-header-schrift-02-font-size) !important;
	font-weight: var(--owr-header-schrift-02-font-weight) !important;
	line-height: var(--owr-header-schrift-02-line-height) !important;
}

.owr-header-menu-einsatzstelle, .owr-header-menu-einsatzstelle * {
	font-size: var(--owr-header-menu-einsatzstelle-font-size) !important;
	font-weight: var(--owr-header-menu-einsatzstelle-font-weight) !important;
	line-height: var(--owr-header-menu-einsatzstelle-line-height) !important;
}

.einsatzstelle-auswaehlen {
	font-weight: var(--einsatzstelle-auswaehlen-font-weight) !important;
}

.besuche-uns-auch-auf, .besuche-uns-auch-auf * {
	font-size: var(--besuche-uns-auch-auf-font-size) !important;
	font-weight: var(--besuche-uns-auch-auf-font-weight) !important;
	line-height: var(--besuche-uns-auch-auf-line-height) !important;
	letter-spacing: var(--besuche-uns-auch-auf-letter-spacing) !important;
	text-transform: var(--besuche-uns-auch-auf-text-transform) !important;
}

.impressum-menu-footer, .impressum-menu-footer * {
	font-size: var(--impressum-menu-footer-font-size) !important;
	font-weight: var(--impressum-menu-footer-font-weight) !important;
	line-height: var(--impressum-menu-footer-line-height) !important;
}

.copyright-footer, .copyright-footer * {
	font-size: var(--copyright-footer-font-size) !important;
	font-weight: var(--copyright-footer-font-weight) !important;
	line-height: var(--copyright-footer-line-height) !important;
}

.footer-kristo, .footer-kristo * {
	font-size: var(--footer-kristo-font-size) !important;
	font-weight: var(--footer-kristo-font-weight) !important;
	line-height: var(--footer-kristo-line-height) !important;
}

.links-menu-titel, .links-menu-titel * {
	font-size: var(--links-menu-titel-font-size) !important;
	font-weight: var(--links-menu-titel-font-weight) !important;
	line-height: var(--links-menu-titel-line-height) !important;
}

.links-kursanmeldung-text, .links-kursanmeldung-text * {
	font-size: var(--links-kursanmeldung-text-font-size) !important;
	font-weight: var(--links-kursanmeldung-text-font-weight) !important;
	line-height: var(--links-kursanmeldung-text-line-height) !important;
}

.ausbildung-kursanmeldung-button, .ausbildung-kursanmeldung-button * {
	font-size: var(--ausbildung-kursanmeldung-button-font-size) !important;
	font-weight: var(--ausbildung-kursanmeldung-button-font-weight) !important;
	line-height: var(--ausbildung-kursanmeldung-button-line-height) !important;
}

.schwimmpruefung-button, .schwimmpruefung-button * {
	font-size: var(--schwimmpruefung-button-font-size) !important;
}

.owr-single-posting-title, .owr-single-posting-title * {
	font-size: var(--owr-single-posting-title-font-size) !important;
	font-weight: var(--owr-single-posting-title-font-weight) !important;
	line-height: var(--owr-single-posting-title-line-height) !important;
}

.owr-single-posting-meta, .owr-single-posting-meta * {
	font-size: var(--owr-single-posting-meta-font-size) !important;
	font-weight: var(--owr-single-posting-meta-font-weight) !important;
	line-height: var(--owr-single-posting-meta-line-height) !important;
}

.nachrichten-inhalt {
	font-size: var(--nachrichten-inhalt-font-size);
	font-weight: var(--nachrichten-inhalt-font-weight);
	line-height: var(--nachrichten-inhalt-line-height);
}

.post-navigation a .label {
	font-size: var(--nachrichten-ende-navigation-feldname-font-size) !important;
	font-weight: var(--nachrichten-ende-navigation-feldname-font-weight) !important;
	line-height: var(--nachrichten-ende-navigation-feldname-line-height) !important;
}

.post-navigation a .title {
	font-size: var(--nachrichten-ende-navigation-titel-font-size) !important;
	font-weight: var(--nachrichten-ende-navigation-titel-font-weight) !important;
	line-height: var(--nachrichten-ende-navigation-titel-line-height) !important;
}

.faq-umschalter .elementor-tab-title, .faq-umschalter .elementor-tab-title * {
	font-size: var(--faq-frage-font-size) !important;
	font-weight: var(--faq-frage-font-weight) !important;
	line-height: var(--faq-frage-line-height) !important;
}

.faq-umschalter .elementor-tab-content, .faq-umschalter .elementor-tab-content * {
	font-size: var(--faq-antwort-font-size) !important;
	font-weight: var(--faq-antwort-font-weight) !important;
	line-height: var(--faq-antwort-line-height) !important;
}

.baderegeln-akkordeon .elementor-accordion-title {
	font-size: var(--baderegeln-akkordeon-title-font-size) !important;
	font-weight: var(--baderegeln-akkordeon-title-font-weight) !important;
	line-height: var(--baderegeln-akkordeon-title-line-height) !important;
}

.baderegeln-akkordeon .elementor-tab-content {
	font-size: var(--text-standard-font-size);
	font-weight: var(--text-standard-font-weight);
	line-height: var(--text-standard-line-height);
}

.jahresberichte-jahreszahl, .jahresberichte-jahreszahl * {
	font-size: var(--jahresberichte-jahreszahl-font-size);
	font-weight: var(--jahresberichte-jahreszahl-font-weight);
	line-height: var(--jahresberichte-jahreszahl-line-height);
}

.jahresberichte-download-titel, .jahresberichte-download-titel * {
	font-size: var(--jahresberichte-download-titel-font-size);
	font-weight: var(--jahresberichte-download-titel-font-weight);
	line-height: var(--jahresberichte-download-titel-line-height);
}

.jahresberichte-datei-oeffnen, .jahresberichte-datei-oeffnen * {
	font-size: var(--jahresberichte-datei-oeffnen-font-size);
	font-weight: var(--jahresberichte-datei-oeffnen-font-weight);
	line-height: var(--jahresberichte-datei-oeffnen-line-height);
}

.logo-download-titel, .logo-download-titel * {
	font-size: var(--logo-download-titel-font-size);
	font-weight: var(--logo-download-titel-font-weight);
	line-height: var(--logo-download-titel-line-height);
}

.logo-datei-oeffnen, .logo-datei-oeffnen * {
	font-size: var(--logo-datei-oeffnen-font-size);
	font-weight: var(--logo-datei-oeffnen-font-weight);
	line-height: var(--logo-datei-oeffnen-line-height);
}

.ausbildung-box-text, .ausbildung-box-text * {
	font-size: var(--ausbildung-box-text-font-size);
	font-weight: var(--ausbildung-box-text-font-weight);
	line-height: var(--ausbildung-box-text-line-height);
}

.kursangebot-text, .kursangebot-text * {
	font-size: var(--kursangebot-text-font-size) !important;
	font-weight: var(--kursangebot-text-font-weight) !important;
	line-height: var(--kursangebot-text-line-height) !important;
}

.mitglied-name, .mitglied-name * {
	font-size: var(--funktionaere-name-font-size) !important;
	font-weight: var(--funktionaere-name-font-weight) !important;
	line-height: var(--funktionaere-name-line-height) !important;
}

.mitglied-position, .mitglied-position * {
	font-size: var(--funktionaere-position-font-size) !important;
	font-weight: var(--funktionaere-position-font-weight) !important;
	line-height: var(--funktionaere-position-line-height) !important;
	text-transform: var(--funktionaere-position-text-transform);
}

.mitglied-telefon, .mitglied-telefon * {
	font-size: var(--funktionaere-telefon-font-size) !important;
	font-weight: var(--funktionaere-telefon-font-weight) !important;
	line-height: var(--funktionaere-telefon-line-height) !important;
}

.mitglied-adresse, .mitglied-adresse * {
	font-size: var(--funktionaere-adresse-font-size) !important;
	font-weight: var(--funktionaere-adresse-font-weight) !important;
	line-height: var(--funktionaere-adresse-line-height) !important;
}

.mitglied-mail-button, .mitglied-mail-button * {
	font-size: var(--funktionaere-mail-button-font-size) !important;
	font-weight: var(--funktionaere-mail-button-font-weight) !important;
	line-height: var(--funktionaere-mail-button-line-height) !important;
}

/* FONT FEATURES - ENDE */

.main a, a span.f_email, p a, .first-container a, .text-standard a, .news-card__readmore {
	color: var(--text-link);
}

.main a:link, a:link span.f_email, p a:link, .first-container a:link, .text-standard a:link, .news-card__readmore {
	color: var(--text-link);
	text-decoration: none;
}

/* .main a:hover, */ a:hover span.f_email, p a:hover, .first-container a:hover, .text-standard a:hover, .news-card:hover .news-card__readmore {
	color: var(--text-hover);
	text-decoration: underline;
}

/* .main a:focus, */ a:focus span.f_email, p a:focus, .first-container a:focus, .text-standard a:focus, .news-card:focus .news-card__readmore {
	color: var(--text-hover);
	text-decoration: underline;
}


/* COLORS - Anfang */

.besuche-uns-auch-auf * {
	color: var(--footer-text) !important;
}

.text-standard *, .text-extra-klein * {
	color: var(--text);
}

.seiten-titel, .seiten-titel *, .aktuelle-nachrichten-titel, .kooperationen-home-titel *, .unterstuetzer-home-titel *, .news-card__title, .links-menu-titel * {
	color: var(--hauptueberschrift) !important;
}

.ueberschrift-xl *, .ueberschrift-gross * {
	color: var(--ueberschrift) !important;
}

.unterstrich-seiten-titel, .unterstrich-seiten-titel *, .unterstrich-zentriert *, .unterstrich-ueberschrift-gross * {
	color: var(--text) !important;
	--divider-color: var(--text) !important;
}

.bundesland-box-text-1, .bundesland-box-text-1 *, .ausbildung-box-text *, .kursangebot-text *, .jahresberichte-jahreszahl *, .jahresberichte-download-titel *, .logo-download-titel *, .baderegeln-akkordeon *, .drei-karten-untertitel, .drei-karten-untertitel *, .home-bundesland-untertitel, .home-bundesland-text *, .news-card__excerpt, .news-card__meta, .mitgliederbereich-header-leiste *, .owr-footer-spalte *, .copyright-footer *, .links-kursanmeldung-text *, .popup-menu-schliessen-icon *, .popup-menu-landesverbaende-titel * {
	color: var(--text) !important;
}

.bundesland-box-text-2, .bundesland-box-text-2 *, .popup-menu-titel-1 * {
	color: var(--primary) !important;
}

.popup-menu-titel-2 * {
	color: var(--secondary) !important;
}

.ausbildung-kursanmeldung-button a, .drei-karten-button a, .zu-allen-nachrichten-button a {
	color: var(--button-01) !important;
	background-color: var(--weiss-voll) !important;
	border-color: var(--button-01) !important;
}

.ausbildung-kursanmeldung-button a:hover, .drei-karten-button a:hover, .zu-allen-nachrichten-button a:hover {
	color: var(--weiss-voll) !important;
	background-color: var(--button-01) !important;
	border-color: var(--button-01) !important;
	text-decoration: none;
}

.faq-umschalter *, .faq-umschalter :before {
	color: var(--text) !important;
	border-color: var(--text) !important;
}

.faq-umschalter .elementor-tab-title {
	background-color: var(--hintergrund-01) !important;
}

.jahresberichte-datei-oeffnen i, .logo-datei-oeffnen i {
	color: var(--accent) !important;
}

.mitglied-name *, .mitglied-position *, .mitglied-telefon *, .mitglied-adresse * {
	color: var(--funktionaere) !important;
}

.mitglied-mail-button a span.f_email,
.mitglied-mail-button a:link span.f_email {
	color: var(--weiss-voll) !important;
	background-color: var(--button-01) !important;
	border-color: var(--button-01) !important;
}

.mitglied-mail-button a:hover,
.mitglied-mail-button a:focus {
	color: var(--button-01) !important;
	background-color: var(--weiss-voll) !important;
	border-color: var(--button-01) !important;
	text-decoration: none;
}

.mitglied-mail-button a:hover span.f_email,
.mitglied-mail-button a:focus span.f_email  {
	color: var(--button-01) !important;
	background-color: var(--weiss-voll) !important;
	text-decoration: none;
}

.gemeinsam-text *, .im-einsatz-text *, .home-bundesland-titel , .hast-du-fragen-titel * {
	color: var(--primary) !important;
}

.sei-auch-du-dabei-text * {
	color: var(--secondary) !important;
}

.lerne-bei-uns-text *, .hast-du-fragen-text *, .button-faq * {
	color: var(--weiss-voll) !important;
}

.drei-karten-titel, .drei-karten-titel * {
	color: var(--primary) !important;
}

.spenden-button a {
	color: var(--weiss-voll) !important;
	background-color: var(--primary) !important;
}

.spenden-button a:hover {
	background-color: var(--text-hover) !important;
}

.mitgliederbereich-header-leiste *:hover {
	color: var(--text-hover) !important;
}

.owr-header-schrift-01 * {
	color: var(--primary) !important;
}

.owr-header-schrift-02 * {
	color: var(--secondary) !important;
}

.owr-header-menu-einsatzstelle * {
	color: var(--secondary);
}

.einsatzstelle-auswaehlen * {
	color: var(--text) !important;
}

.popup-menu-datenschutz-titel *, .popup-menu-impressum-titel * {
	color: var(--text) !important;
}

.popup-menu-datenschutz-titel *:hover, .popup-menu-impressum-titel *:hover {
	color: var(--text-hover) !important;
}

/* COLORS - ENDE */



/* Box sizing rules */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

/* Set core root defaults */
html:focus-within {
    scroll-behavior: smooth;
}

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

/* Remove default margin */
* {
    margin: 0;
    /*padding: 0;*/
    /*font: inherit;*/
}

/* Percentage based heights */
html,
body {
    min-height: 100%;
}
/* Set core body defaults */
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Make images, videos and icons easier to work with */
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
	letter-spacing: inherit;
	word-spacing: inherit;
}

/* More sensible line-wrapping */
p, h1, h2, h3, h4, h5, h6 {
    /* overflow-wrap: break-word;
    hyphens: auto; */
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
}

/* React Framework Specific */
#root, #__next {
	isolation: isolate;
}
  
  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		/*animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;*/
	}
}

/* **************************************** */

.container-normal {
	--max-width: 1140px;
	--container-margin: 12px;

	width: min(var(--max-width), 100%);
	margin-inline: auto;
	padding: 0 12px;

	/*
	display: grid;
	gap: 24px;
	*/
}

.container-wider {
	--max-width: 1400px;
	--container-margin: 12px;

	width: min(var(--max-width), 100%);
	margin-inline: auto;
	padding: 0;

	/*
	display: grid;
	gap: 24px;
	*/
}

.container-full-width {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.main {
	padding-top: 206px;
}

.main-content {
	margin-top: 40px;
}

.even-columns {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 24px;
}

@media screen and (max-width:1024px) {

	.even-columns {
		grid-template-columns: 1fr;
	}

}

.left-column-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
}

@media screen and (max-width:1024px) {

	.left-column-container {
		order: 99999;
	}

}

.links-menu-container {
	background-color: var(--hintergrund-01) !important;
	padding: 10px;
}

.links-kursanmeldung-container {
	background-color: var(--weiss-voll) !important;
	padding: 10px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);

	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.links-kursanmeldung-text {
	text-align: center;
}

.right-column-container {
	margin: 0;
	padding: 0;
}



.unterstrich-ueberschrift-gross {
	margin: 0 0 24px 0;
	width: 60px;
}

.unterstrich-ueberschrift-ausbildung {
	margin: 0 auto;
	margin-top: 0 !important;
	width: 120px;
}


  /* Seite - AUSBILDUNG - Anfang */

.ausbildung-box {
	margin: 0;
	padding: 0 0 40px 0;
	max-width: 265px;
	width: 20%;
	display: flex;
	flex-direction: column;
	gap: 0;
	flex-grow: 1;
	flex-shrink: 0;
	box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 16%) !important;
}

a.ausbildung-box {
	transition-duration: .3s;
	transition-property: transform;
}

a.ausbildung-box:hover {
	transform: scale(0.9);
	transition: none;
}

.ausbildung-box-text {
	margin: 0;
	padding: 25px 0 25px 0;
	background-color: #F1F2F5;
	text-align: center;
	width: 100%;
}

.ausbildung-box-bild {
	margin: 40px auto 0;
	width: 100%;
}

.ausbildung-box-bild img {
	margin: 0 auto 0;
}

.text-zentrieren {
	text-align: center;
}

.ausbildung-container {
	margin: 20px 0 0 0;
	padding: 0;
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.ausbildung-kursanmeldung {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 80px 0 30px 0;
	padding: 20px;
	width: 100%;
	gap: 10px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}

.ausbildung-kursanmeldung p {
	padding: 0 0 7px 0;
	text-align: center;
}

.ausbildung-kursanmeldung-button {
	display: inline-flex;
	text-align: center;
}

.ausbildung-kursanmeldung-button a {
	padding: 13px 24px;
	border-style: solid;
	border-width: 2px;
	border-radius: 40px;
}

/* Seite - AUSBILDUNG - ENDE */






/* Menü links */

ul.menu > li.current-menu-item.menu-item-has-children > ul.left-sub-menu, 
ul.menu > li.expanded.menu-item-has-children > ul.left-sub-menu {
	visibility: visible;
	display: block;
	opacity: 1;
}

ul.menu > li.current-menu-item.menu-item-has-children > ul.hidden, 
ul.menu > li.expanded.menu-item-has-children > ul.hidden {
	display: none;
}

/*
.menu .menu-item-has-children.expanded > a {
    font-weight: bold;
}
*/

/* Menü links - ENDE */






/* POPUP MOBILE - Anfang */

.popup-menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	justify-content: flex-end;
	align-items: flex-start;
	pointer-events: all;
	background-color: rgba(0, 0, 0, .6);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index: 9999;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.popup-menu.show {
	display: flex;
}

.popup-wrapper {
	position: absolute;
	right: 0;
	height: 100%;
	width: 80%;
	z-index: 1;
	background: #FFFFFF;
	padding: 10px;
	line-height: 1rem;
	display: flex;
	transform: translateX(-100%);
	overflow-y: auto;
	scroll-behavior: smooth;
}

@keyframes slide-in {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes slide-out {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(100%);
	}
}

.popup-content {
	width: 100%;
	height: 100%;
}

.popup-menu-container-01 {
	display: flex;
	min-height: 40px;
	flex-direction: row;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: nowrap;
}

.popup-menu-logo {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 45px;
}

.popup-menu-logo img {
	max-width: 40px;
	width: 40px;
	height: 40px;
}

.popup-menu__landeswappen {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 25px;
	align-self: center;
}

.popup-menu__landeswappen img {
	width: 20px;
	height: auto;
}

.popup-menu-schrift-container-oben {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 25%;
	flex-grow: 1;
	flex-shrink: 0;
	gap: 0;
	flex-wrap: nowrap;
}

.popup-menu-schliessen-icon {
	width: 80px;
	text-align: right;
	align-content: center;
}

.popup-menu-schliessen-icon .social-icon {
	width: clamp(1.3rem, 2vw + 1rem, 2.5rem);
	aspect-ratio: 1;
	fill: #414756;
	margin: 0 auto;
}

.popup-menu-schliessen-icon a:hover .social-icon, 
.popup-menu-schliessen-icon a:focus .social-icon {
	fill: #A5ABBD;
}

.owr-popup-menu {
	margin: 20px 0;
	padding: 0;
	width: 100%;
}

.owr-popup-menu li .submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.owr-popup-menu .show .submenu {
	max-height: 1500px; 
}

.owr-popup-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #414756;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #F1F2F5;
}

.owr-popup-menu li {
	border-color: #F1F2F5;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.owr-popup-menu li.menu-item-has-children > a::after {
	content: "";
	height: 19px;
	width: 19px;
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-image: url("assets/images/icons/owr-icon-dropdown-05.svg");
	display: inline-block;
	margin-bottom: -2px;
	margin-left: 5px;
}

.owr-popup-menu .parent-item.show .submenu {
	color: #414756 ;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #414756;
}

.owr-popup-menu a {
	color: #414756;
	background-color: #FFF;

	text-decoration: none;
	display: block;
	transition: background-color 0.3s;
	padding: 30px 20px;
	font-size: 18px;
	font-weight: 500;
}

.owr-popup-menu .submenu a {
	font-size: 16px;
	border-inline-start: 8px solid transparent;
}


.owr-popup-menu a:hover {
	background-color: #F1F2F5;
}

.owr-popup-menu a:focus {
	background: none;
}

.owr-popup-menu .sub-arrow {
	padding-left: 5px;
}

.popup-menu-container-02 {
	display: grid;
}

/*
.popup-menu-titel-1, .popup-menu-titel-2 {
  width: 100%;
}
*/

.popup-menu-kontakt {
	margin: 0 0 14px 0;
	padding: 17px 50px;
	background-color: #A53A57;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	text-align: center;
}

.popup-menu-kontakt:hover {
	background-color: #A5ABBD;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.popup-menu-kontakt-title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
}

.popup-menu-kontakt-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.popup-menu-kontakt-icon svg {
	display: block;
	width: 1.15em;
	height: 1.15em;
	transform: translateY(3px);
}

.popup-menu-spenden {
	margin: 0 0 14px 0;
	padding: 17px 50px;
	background-color: #00478F;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	text-align: center;
}

.popup-menu-spenden:hover {
	background-color: #A5ABBD;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.popup-menu-mitgliederbereich, .popup-menu-impressum, .popup-menu-datenschutz {
	margin: 0;
	padding: 17px 50px;
	background-color: #FFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
	text-align: center;
}

.popup-menu-mitgliederbereich:hover,  .popup-menu-impressum:hover, .popup-menu-datenschutz:hover {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.popup-menu-kontakt-titel, .popup-menu-spenden-titel, .popup-menu-mitgliederbereich-titel {
	margin: 0;
	padding: 0;
	color: #FFF;
}

.popup-menu-mitgliederbereich-titel {
	color: #414756;
}

.popup-menu-mitgliederbereich-titel:hover {
	color: #A5ABBD;
}

.popup-menu-landesverbaende-container {
	margin: 30px 0 0 0;
  	padding: 0 0 50px 0;
  	background-color: #F6F6F6;
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	gap: 7px;
  	flex-wrap: wrap;
}

.popup-menu-landesverbaende-container > div {
	display: flex;
  	flex-direction: row !important;
  	flex-wrap: wrap !important;
  	justify-content: center !important;
	gap: 20px;
}


.popup-menu-landesverbaende-titel {
  padding: 7px 0 15px 0;
  width: 100%;
  text-align: center;
}

.popup-menu-landesverbaende-container .bundesland-box {
  width: 35%;
}

.popup-menu-landesverbaende-container .last-box {
  width: 50%;
  flex-grow: 0;
}

.popup-menu-impressum-container {
  padding: 50px 10px 200px 10px;
  background-color: #FFF;
  display: grid;
  gap: 16px;
}

/* POPUP MOBILE - ENDE */






/* HEADER - Anfang */

.header-wrapper {
  position: fixed;
  top: 0;
  background-color: var(--clr-grey);
  width: 100%;
  /*height: var(--header-wrapper-height); */
  z-index: 999;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
}
  
.header-wrapper--shrink {
  /*height: var(--header-wrapper--shrink-height); */
  box-shadow: var(--shadow-box);
}

.owr-header {
  position: relative;
  width: 100%;
  padding: 0;
  z-index: 1000;
  flex-direction: column;
  gap: 0;
  box-shadow: 0px 0px 29px -8px rgb(0 0 0 / 50%);
}

.owr-header-leiste-01-wrapper {
  display: grid;
  background-color: #F1F2F5; 
  min-height: 50px;
  height: 50px;
}

.owr-header-leiste-01 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 40px;
}

.header-wrapper--shrink .owr-header-schrift-01, 
.header-wrapper--shrink .owr-header-schrift-01 * {
  font-size: var(--owr-header-schrift-01-sticky-font-size) !important;
}

.header-wrapper--shrink .owr-header-schrift-02, 
.header-wrapper--shrink .owr-header-schrift-02 * {
  font-size: var(--owr-header-schrift-02-sticky-font-size) !important;
}

.header-wrapper--shrink .owr-header-menu-einsatzstelle, 
.header-wrapper--shrink .owr-header-menu-einsatzstelle * {
  font-size: var(--owr-header-menu-einsatzstelle-sticky-font-size) !important;
}

.spenden-button a {
  display: flex;
  padding: 7px 15px;
	border-radius: 20px;
}


.spenden-button .button-content-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.spenden-button .button-content-wrapper::before {
  display: inline-flex;
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("assets/images/icons/owr-spenden-herz-weiss-01.svg");
  background-size: 1em 1em;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
}

.mitgliederbereich-header-leiste {
    padding: 0;
}

.mitgliederbereich-header-leiste .icon-list-text::before {
    display: inline-flex;
    content: "";
    height:18px;
    width:18px;
    background-image: url("assets/images/icons/owr-icon-mitgliedschaft-grau-02.svg");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    
}

.mitgliederbereich-header-leiste .icon-list-text {
    display: flex;
    align-items:  center;
}

.kurzruf-header {
	display: flex;
	gap: 6px;
    margin-right: 110px;
    color: #FF0000;
    font-weight: 700;
}

.kurzruf-header .icon-list-text {
  padding-inline-start:5px;
}

.owr-header p {
	margin-bottom: 0;
}

.owr-header-logo {
    /* --container-widget-width: 130px; */
    width: 130px;
    margin: 0 12px 0 0;
    padding: 0;
    align-self: center;
    transition: 0.3s ease;
}

.owr-header-logo img {
    width: 130px;
    height: 130px;
    margin: 0;
    padding: 0;
}

.owr-header-logo:hover {
    opacity: 0.85;
}

.owr-header__landeswappen{
    width: 40px;
    margin: 0 12px 0 0;
    padding: 0;
    align-self: center;
}

.owr-header__landeswappen img {
    height: auto;
    margin: 0;
    padding: 0;
}

.owr-header-leiste-02-wrapper {
  display: grid;
  background-color: #FFF;
  min-height: 156px;
  height: 156px;
  transition: height 0.3s ease, min-height 0.3s ease;
}

.owr-header-leiste-02 {
  display: flex;
  flex-direction: row;
  gap: 0;
}

.header-wrapper--shrink .owr-header-leiste-02-wrapper {
  min-height: 100px;
	height: 100px;
	transition: height 0.3s ease, min-height 0.3s ease;
}

.header-wrapper--shrink .owr-header-logo {
	min-width: 80px;
	width: 80px;
	transition: 0.3s ease;
}

.header-wrapper--shrink .owr-header-logo img {
	min-height: 80px;
	height: 80px;
	min-width: 80px;
	width: 80px;
	transition: 0.3s ease;
}

.header-wrapper--shrink .owr-header__landeswappen {
	min-width: 30px;
	width: 30px;
}

.header-wrapper--shrink .owr-header__landeswappen img {
	height: auto;
	min-width: 30px;
	width: 30px;
}

/* .owr-header-schrift-container {
  width: 18%;
	margin: 0;
  padding: 0;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 0;
  align-self: center;
} */

/* BURGENLAND */

.owr-header-schrift-container {
  	width: 18%;
	display: flex;
	align-items: end;
	margin: 0;
	padding: 0;
	flex-direction: row;
	flex-grow: 1;
	flex-shrink: 0;
	flex-wrap: wrap;
	gap: 0;
	align-self: center;
}

/* BURGENLAND - Ende */

.header-wrapper--shrink .owr-header-schrift-container {
  gap: 0;
}

.owr-header-schrift-01 {
	width: 100%;
}

.owr-header-menu-container {
  width: 15%;
  padding: 0;
  align-self: center;
  flex-grow: 1;
  flex-shrink: 0;
}

/* BURGENLAND */

.owr-header-menu-container {
  width: 438px;
	height: 71px;
  padding: 0;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 0;
}

/* BURGENLAND - Ende */

.owr-header-hamburger-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.owr-header-hamburger-menu {
	width: 100%;
	height: 100%;
	background-color: #F0F0F0;
  text-align: center;	
}

.owr-header-hamburger-menu a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.owr-header-schrift-02 ul.menu {
  padding:0;
}

.bundesleitung-link {
  z-index: 100;
}

.bundesleitung-link, .bundesleitung-link ul {
  list-style: none;
}

.bundesleitung-link, .bundesleitung-link a {
  font-weight: 500;
  font-size: 24px;
  color: #A53A57;
  transition: color 0.2s linear 0.2s;
}

.bundesleitung-link:hover a {
  color: #A5ABBD;
  transition: none;
}

.owr-header-leiste-02 .menu-item-has-children > a::after {
  content: "";
  height:19px;
  width:19px;
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-image: url("assets/images/icons/owr-icon-dropdown-05.svg");
  display: inline-block;
  margin-bottom: -2px;
  margin-left: 5px;
  transition: background-image 0.2s linear 0.2s;
}

.owr-header-leiste-02 .menu-item-has-children:hover > a::after {
  background-image: url("assets/images/icons/owr-icon-dropdown-05-hover.svg");
  transition: none;
}

.bundesleitung-link ul.sub-menu a::after {
  content: none;
}


.bundesleitung-link .sub-menu {
  display: none;
  position: absolute;
  padding: 0;
  background-color: #fff;
  width: 450px;
  height: auto;
  max-height: calc(95vh - 206px);
  border: 1px solid #A5ABBD;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s linear, opacity 0.2s linear 0.2s;
}

.bundesleitung-link:hover .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: none;
}

.bundesleitung-link .sub-menu li {
  width: 100%;
  border-bottom: 1px solid #F1F2F5;
}

.bundesleitung-link .sub-menu li a {
  display: flex;
  padding: 25px 40px 25px 40px;
  width: 100%;
  color: var(--text) !important;;
  font-size: 20px;
  align-items: center;
}

.bundesleitung-link .sub-menu li a:hover {
  background-color: #F1F2F5;
}

.bundesleitung-link .sub-menu li a::after {
  background-image: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: inline-flex;
  width: auto;
  height: auto;
  content: "\00a0- Landesverband";
  color: #ACACAC !important;
}

li.bundesleitung-header a::after {
  content: "\00a0- \00d6sterreich-Dachverband" !important;
}

/* BURGENLAND */

li.landesverband-header a::after {
  content: "\00a0- Landesverband" !important;
}

/* BURGENLAND - Ende */

.bundesleitung-link .sub-menu li a::before {
  content: "";
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.einsatzstelle-link a::before {
  background-image: url("assets/images/logo/owr-logo.svg");
  background-size: 30px 30px;
}


.burgenland-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-burgenland-01.png");
  background-size: 25px 30px;
}

.kaernten-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-kaernten-01.png");
  background-size: 25px 30px;
}

.noe-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-niederoesterreich-01.png");
  background-size: 18px 30px;
}

.ooe-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-oberoesterreich-01.png");
  background-size: 17px 30px;
}

.salzburg-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-salzburg-01.png");
  background-size: 17px 30px;
}

.steiermark-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-steiermark-01.png");
  background-size: 18px 30px;
}

.tirol-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-tirol-01.png");
  background-size: 26px 30px;
}

.vorarlberg-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-vorarlberg-01.png");
  background-size: 22px 30px;
}

.wien-header a::before {
  background-image: url("assets/images/wappen-nav-icons/owr-header-nav-wien-01.png");
  background-size: 24px 30px;
}

.bundesleitung-header a::before {
  background-image: url("assets/images/logo/owr-logo.svg");
  background-size: 30px 30px;
}

/* Burgenland */

.bundesleitung-link, .lv-link {
	margin: 0 30px 0 0;
}

.landesverband-auswahl-container {
  display: block;
  visibility: visible;
  opacity: 1;
}


@media (width <= 64em) {
  .landesverband-auswahl-container {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.owr-header-menu-einsatzstelle {
  display: none;
  visibility: hidden;
  opacity: 0;
}

@media (width > 64em) {
  .owr-header-menu-einsatzstelle {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

.owr-header-menu-einsatzstelle-mobile {
  display: block;
  visibility: visible;
  opacity: 1;
}

@media (width > 64em) {
  .owr-header-menu-einsatzstelle-mobile {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.owr-header-menu-einsatzstelle ul.menu {
  padding:0;
}

.einsatzstelle-link {
  z-index: 100;
}

.einsatzstelle-link, .einsatzstelle-link ul {
  list-style: none;
}

.einsatzstelle-link, .einsatzstelle-link a {
  font-weight: 500;
  font-size: 24px;
  color: var(--text);;
  transition: color 0.2s linear 0.2s;
}

.einsatzstelle-link:hover a {
  color: #A5ABBD;
  transition: none;
}

.einsatzstelle-link ul.sub-menu a::after {
  content: none;
}

.einsatzstelle-link .sub-menu {
  display: none;
  position: absolute;
  padding: 0;
  background-color: #fff;
  width: 450px;
  height: auto;
  max-height: calc(95vh - 206px);
  border: 1px solid #A5ABBD;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s linear, opacity 0.2s linear 0.2s;
}

.einsatzstelle-link:hover .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: none;
}

.einsatzstelle-link .sub-menu li {
  width: 100%;
  border-bottom: 1px solid #F1F2F5;
}

.einsatzstelle-link .sub-menu li a {
  display: flex;
  padding: 25px 40px 25px 40px;
  width: 100%;
  color: var(--text);
  font-size: 20px;
  align-items: center;
}

.einsatzstelle-link .sub-menu li a:hover {
  background-color: #F1F2F5;
}

.einsatzstelle-link .sub-menu li a::after {
  background-image: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: inline-flex;
  width: auto;
  height: auto;
  content: "\00a0- Ortsstelle";
  color: #ACACAC !important;
}

.einsatzstelle-link .sub-menu li a::before {
  content: "";
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

/* Burgenland - ENDE */

/* Header Menü */

.owr-header-nav-menu ul {
  display: flex;
  flex-direction: row !important;
  gap: 2px;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 99;
}

.owr-header-nav-menu ul li {
  display: inline-block;
}

/* BURGENLAND */

.owr-header-nav-menu ul li {
  height: 70px;
}

/* BURGENLAND - Ende */

.owr-header-nav-menu a {
  display:block;
  padding: 0 10px;	
  color: #414756;
  font-size: 16px;
  font-weight: 600;
  line-height: 60px;
  width: 100%;
  text-decoration:none;
  transition: color 0.2s linear 0.2s;
}

/* BURGENLAND */

.owr-header-nav-menu a {
  display:flex;
  align-items: end;
  height: 100%;
  padding: 0 10px 10px 10px;	
  color: #414756;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  width: 100%;
  text-decoration:none;
  transition: color 0.2s linear 0.2s;
}

.owr-header-nav-menu ul li ul a { 
  align-items: center;
}

/* BURGENLAND - Ende */

.owr-header-nav-menu ul li:hover > a { 
  background-color: none;
  color: #A5ABBD;
  transition: none;
}

.owr-header-nav-menu ul li ul a { 
  transition: none;
  padding: 0 30px;
}

.owr-header-nav-menu ul li ul li:hover > a { 
  background-color: #F1F2F5;
  color: #414756;
  transition: none;
}

.owr-header-nav-menu ul ul {
  display: none;
  flex-direction: column !important;
  gap: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute; 
  top: 60px; 
  background-color: #FFF;
  border: 1px solid #A5ABBD;
  transition: visibility 0.4s linear, opacity 0.2s linear 0.2s;
  white-space: nowrap;
}

/* BURGENLAND */

.owr-header-nav-menu ul ul {
  top: 70px; 
}

/* BURGENLAND - Ende */

.owr-header-nav-menu ul li:hover > ul {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: none;
}

.owr-header-nav-menu ul ul li {
  min-width: 200px;
  width:100%;
  display: flex;
  position: relative;
  border-bottom: 1px solid #F1F2F5;
}

/* Header Menü - ENDE */

/* HEADER - ENDE */




/* ALLGEMEIN */

* {
	box-sizing: border-box;
  }
  
  
  html {
	  width: 100%;
	  height: 100%;
	  overflow-y: scroll !important;
	  /* scrollbar-gutter: stable; */
	  margin: 0;
	  padding: 0;
  }
  
  body {
	  margin: 0;
	  padding: 0;
	  background-color: #fff;
  }
  
  .page .entry-title {
	  display: none;
  }
  
  
  
  
  .column-clickable article.elementor-post div:hover, .column-clickable > div.elementor-widget-wrap:hover {
	  /*background-color: #C6E5FF !important;*/
	  transition: none !important;
  }
  
  .column-clickable > div.elementor-widget-wrap:hover .elementor-button, .elementor-button:hover {
	  transition: none !important;
  }
  
  .column-clickable { position: relative; }
  
  .column-clickable .elementor-column-wrap { padding: 0 !important; }
  
  .column-clickable .elementor-widget { position: static; }
  
  .column-clickable a:after {
	  content: "";
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 1;
  }
  
  /* nur fuer Editor-Backend-Bereich wichtig */
  .elementor-edit-area-active .column-clickable .elementor-widget { position: relative !important; }
  
  .haupt-unterstrich .elementor-divider-separator  {
	  margin: 10px 0 44px 0 !important;
	  width: 100px !important;
  }
  
  .unterstrich-seiten-titel  {
	  margin: 10px 0 44px 0 !important;
	  width: 100px !important;
	  border-style: solid;
	  border-width: 1px 0 0 0;
  }
  
  
  .unterstrich-ueberschrift-gross .elementor-divider-separator {
	  margin: 0 0 24px 0 !important;
	  width: 60px !important;
  }
  
  .center-unterstrich .elementor-divider-separator,  .unterstrich-zentriert .elementor-divider-separator {
	  margin: 0 auto 24px auto !important;
	  width: 100px !important;
	  text-align: center;
  }
  
  
  .trennstrich-impressum {
	  margin: 20px 0 !important;
	  width: 100% !important;
	  border-style: solid;
	  border-width: 1px 0 0 0;
  }
  
  .standard-text-abstand, .abstand-text-standard {
	  --spacer-size: 10px;
	  height: 10px !important;
  }
  
  .elementor-button-link a, .elementor-button-link a:link, .elementor-button-link a:focus {
	  color: none;
  }
  
  .owr-single-posting-container .wp-block-gallery, .owr-single-posting-container .wp-block-image {
	  margin: 2em 0;
  }
  
  .owr-single-posting-container ul {
	  padding: 0.5em 0 1.5em 3em ;
  }
  
  .owr-single-posting-container li {
	  padding: 0.5em 0;
  }
  
  .owr-single-posting-container h3, .owr-single-posting-container h4, .owr-single-posting-container h5, .owr-single-posting-container h6, 
  .standard-neu h3, .standard-neu h4, .standard-neu h5, .standard-neu h6 {
	  padding: 1em 0 0 0;
  }
  
  .first-container {
	  margin: 40px 0 0 0;
	  --gap: 0;
  }
  
  .first-container {
	  color: var(--text);
  }
  
  .zwei-spalten-container {
	  --flex-direction: row !important;
	  --flex-wrap: wrap !important;
  }
  
  .rechte-spalte-container {
	  width: 70%;
	  padding: 0 0 0 20px;
	  flex-grow: 1 !important;
	  flex-shrink: 0 !important;
  }
  
  .rechte-spalte-container ul, .rechte-spalte-container ol {
	  padding-bottom: 10px;
  }
  
  .rechte-spalte-container ol {
	  padding-left: 40px !important;
  }
  
  .rechte-spalte-container ul li, .rechte-spalte-container ol li {
	  padding-bottom: 20px;
  }
  
  .rechte-spalte-content {
	  padding: 0 0 20px 0;
	  --padding-top: 0;
	  --padding-bottom: 0;
	  --gap: 0;
  }
  
  .bundesland-container {
	  padding: 35px 0;
	  --content-width: 550px;
	  --flex-direction: row !important;
	  --flex-wrap: wrap !important;
	  --justify-content: center;
  }
  
  /* ALLGEMEIN - ENDE */
  
  /* 2 Spalten Templates - Anfang */
  
  .seiten-titel, .seiten-titel * {
	  margin: 0;
	  font-size: var(--ueberschrift-xxl-font-size) !important;
	  font-weight: var(--ueberschrift-xxl-font-weight) !important;
	  line-height: var(--ueberschrift-xxl-line-height) !important;
  }
  
  /* 2 Spalten Templates - ENDE */
  
  
/* Seite - HOME - Anfang */
  
.home-hero-image {
	position: relative;
	display: flex;
	padding: 20px;
	background-image: url("assets/images/home/owr-header-home-bild-06.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	gap: 0;
}

.home-hero-image-content {
	--max-width: 1400px;
	--content-width: 1400px; 
	--container-margin: 12px;

	width: min(var(--max-width), 100%);
	margin-inline: auto;
	padding: 10px 0 10px 0;

	display: flex;
	flex-direction: column-reverse;
}

.pfeil-button {
	margin: 7px 0 0 0;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 105px;
	height: 92px;
	align-self: center;
	z-index: 3;
	background-color: #FFFFFF47;
}

.pfeil-button:hover {
	background-color: #fff;
}

.pfeil-button:hover i {
	color: #A5ABBD !important;
}

.icon-pfeil-button {
	content: "";
	width: 67px;
	height: 67px;
	padding: 0;
	z-index: 10;
	background-size: 67px 67px;
	background-repeat: no-repeat;
	background-image: url("assets/images/icons/owr-icon-pfeil-runter-home-hero-01.svg");
}

.pfeil-button:hover .icon-pfeil-button {
	background-image: url("assets/images/icons/owr-icon-pfeil-runter-home-hero-01-hover.svg");
}

.icon-pfeil-button i {
	color: #FFF;
	font-size: 67px;
}

.lerne-bei-uns-text {
	margin: 17px 0 0 0;
	width: 463px;
	z-index: 10;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.7px;
}

.hero-bild-verlauf {
	position: absolute;
	left:0;
	bottom:0;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 300px;
	z-index: 1;
	background-color: transparent;
	background-image: linear-gradient(180deg, #21212100 0%, #000 250%);
}

.sei-auch-du-dabei-text {
	margin: 21px 0 0 0;
	padding: 0;
	z-index: 10;
	font-size: 3.1rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 3.1px;
}

.gemeinsam-text {
	margin: 0 0 10px 0 !important;
	z-index: 10;
	font-size: 5.4rem;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.gemeinsam-text span {
	background-color: #fff;
	background-color: rgba(256,256,256,0.65);
	padding:0;
	margin:0;
	display: inline-block;
}

.drei-karten-container {
	margin: 120px 0 0 0;
	/* padding: 0 10px; */
	display: flex;
	/* grid-template-columns: repeat(3, 1fr); */
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

#home-inhalt {
    scroll-margin-top: 350px;
}

.drei-karten, .lerne-schwimmen-box {
	position: relative;
	display: flex;
	padding: 20px 15px 25px 15px;
	width: 25%;
	min-height: 260px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	flex-shrink: 0;
	gap: 5px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
	transition: box-shadow .3s ease;
}

.drei-karten:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.drei-karten-badge {
    position: absolute;
    top: 72px;
    right: 10px;
    width: 84px;
    height: auto;
    transform: rotate(-31deg);
}

.drei-karten-spendenhinweis {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    min-height: 240px;

    text-decoration: none;
}

.drei-karten-spendenhinweis img {
    max-width: 300px;
    width: 100%;
    height: auto;
}

.lerne-schwimmen-box {
	min-height: 410px;
	gap: 0;
	box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.4);
}

.sei-auch-du-dabei-text span {
	background-color: #fff;
	background-color: rgba(256,256,256,0.65);
}

.im-einsatz-text {
	z-index: 10;
	font-size: 5.4rem;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.im-einsatz-text span {
	background-color: #fff;
	background-color: rgba(256,256,256,0.65);
	padding:0;
	margin:0;
	display: inline-block;
}

.drei-karten-titel, .drei-karten-untertitel {
	text-align: center;
	line-height: 1;
}

.drei-karten-titel {
	font-size: 2.3rem;
	font-weight: 500;
	padding-bottom: 10px;
}


.lerne-schwimmen-box .drei-karten-titel {
	font-weight: 700;
}

.drei-karten-untertitel {
	font-size: 2.3rem;
	font-weight: 300;
}

.drei-karten-icons {
	text-align: center;
	height: 161px;
	width: 161px;
}

.drei-karten-button {
	text-align: center;
	font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
}

.drei-karten-button a {
	display: block;
	border-style: solid;
	border-width: 2px;
	border-radius: 40px;
	padding: 13px 24px;
}

.home-bundesland-container {
	position: relative;
	background-color: #F1F2F5;
	min-height: 760px;
	margin: 140px 0 0 0;
	padding: 0;
	flex-direction: column !important;
	justify-content: space-between;
	flex-wrap: no-wrap !important;
	scroll-margin-top: var(--anchor-scroll-margin-top);
}

.oesterreich-bg {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 681px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 1;
}

.home-bundesland-inner-container {
	position: relative;
	display: flex;
	margin: 0;
	padding: 105px 0 55px 0;
	flex-direction: row;
	flex-wrap: nowrap;
	z-index: 2;
}

.home-bundesland-inner {
	display: flex;
	gap: 20px;
}

.home-bundesland-spalte-1 {
	display: flex;
	width: 30%;
	padding: 0;
	flex-direction: column;
	gap: 0;
	flex-grow: 1;
	flex-shrink: 0;
}

.home-bundesland-spalte-2 {
	display: flex;
	width: 30%;
	padding: 0;
	flex-direction: row;
	flex-grow: 1 ;
	flex-shrink: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}
  
.bundesland-box {
	width: 25%;
	min-height: 140px;
	margin: 0;
	padding: 7px 0 8px 0;
	background-color: #FFF;
	box-shadow: 0px 10px 28px -4px rgb(0 0 0 / 16%) !important;
	display: flex;
	flex-direction: column !important;
	justify-content: flex-start;
	align-items: center;
	gap: 0;
	flex-grow: 1 !important;
	flex-shrink: 0 !important;
	transition-duration: 0.3s !important;
}
  
.bundesland-box:hover {
	box-shadow: 0px 10px 28px 2px rgb(0 0 0 / 35%) !important;
	transition-duration: 0s !important;
	text-decoration: none;
}

a.bundesland-box:hover {
	text-decoration: none;
}

.bundesland-raster {
    display: flex;
    width: 100%;
    max-width: 580px;
    margin: 40px auto 0;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
}

.bundesland-raster .bundesland-box {
    width: calc((100% - 40px) / 3);
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

@media screen and (max-width: 767px) {
    .bundesland-raster {
        max-width: 380px;
        gap: 16px;
    }

    .bundesland-raster .bundesland-box {
        width: calc((100% - 16px) / 2);
    }
}

@media screen and (max-width: 420px) {
    .bundesland-raster {
        max-width: 180px;
    }

    .bundesland-raster .bundesland-box {
        width: 100%;
    }
}

.home-bundesland-titel {
	font-size: 2.3rem;
    font-weight: 700;
    line-height: 1.4;
	margin: 0;
}    

.home-bundesland-untertitel {
	font-size: 2rem;
    font-weight: 300;
	line-height: 1;
	margin: 0;
}    

.bundesland-box-text-1 {
	padding: 5px 0 0 0;
	text-align: center;
}

.bundesland-box-text-2 {
	padding: 5px 0 0 0;
	text-align: center;
}

.bundesland-box-wappen {
	padding: 16px 0 0 0;
}

/* BURGENLAND */

.bundesland-box-wappen img {
	height: 65px !important;
}

/* BURGENLAND - ENDE */

.home-bundesland-text {
	padding: 20px 0 0 0;
	font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
}

.hast-du-fragen-home-container {
	display: grid;
	grid-template-columns: 1fr;
	margin: 80px 0 0 0;
	padding: 80px 0;
}

.hast-du-fragen-inner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
    align-self: auto;
	gap: 20px;
	width: 100%;
	min-height: 557px;
	padding: 90px 42px;
	background-image: url("assets/images/home/owr-hast-du-fragen-bild-01.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 28px -4px rgb(0 0 0 / 50%) !important;
	transition: box-shadow .3s ease;
}

.hast-du-fragen-inner-container:hover {
	box-shadow: 0px 10px 28px 2px rgb(0 0 0 / 65%) !important;
}

.hast-du-fragen-titel, .hast-du-fragen-text, .button-faq {
	text-align: center;
}

.hast-du-fragen-titel {
	background-color: #fff;
	background-color: rgba(256,256,256,0.9);
	padding:0;
	margin:0;
	display: inline-block;
	font-size: 3.7rem;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.hast-du-fragen-text {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
}

.button-faq {
	background-color: #A53A57;
	border: solid 2px;
	border-color: #A53A57;
	padding: 20px 35px;
	margin:0;
	display: inline-block;
	border-radius: 40px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}

.button-faq:hover {
	background-color: #FFF;
	border-color: #A53A57;
	color: #A53A57 !important;
}

.button-faq:hover * {
	color: #A53A57 !important;
}







/* .aktuelle-nachrichten-home {
	margin: 80px 0 0 0;
	padding: 60px 0;
	background-color: #F1F2F5;
	--flex-direction: column !important;
}

.zu-allen-nachrichten-button {
	text-align: center;
}

.zu-allen-nachrichten-button a {
	border-style: solid;
	border-color: #A53A57;
	border-width: 2px;
	border-radius: 40px;
	padding: 13px 24px;
}
 */

.aktuelle-nachrichten-titel { 
	font-size: 2.3rem; 
	font-weight: 700;
}

/* === SECTION === */
.home-news {
    margin-top: 80px;
    padding: 60px 10px;
    background-color: #F1F2F5;
}

.home-news__inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0;
}

/* Nachrichten page: plain version */
.home-news--plain {
    background-color: transparent;
    padding: 0;
}

/* === TITLE === */
.home-news__title {
    margin-bottom: 28px;
}

/* === GRID === */
.home-news__grid {
    display: grid;
    /* grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 35px; */

	grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 35px 20px;
}

/* Nachrichten page: 2 columns */
.home-news--archive .home-news__grid {
    /* grid-template-columns: repeat(2, 1fr); */
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* === CARD === */
.news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    text-decoration: none;
    color: inherit;
	transition: box-shadow 0.3s ease;
}

.news-card:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
	transition: none;
}

.news-card:focus-visible {
    outline: 3px solid #A53A57;
    outline-offset: 3px;
}

/* === IMAGE === */
.news-card__image {
    aspect-ratio: 3 / 2; /* ~0.67 */
    overflow: hidden;
}

.news-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* === CONTENT === */
.news-card__content {
	display: flex;
	flex-direction: column;
    padding: 21px;
    flex-grow: 1;
	font-size: 1.1rem;
	line-height: 1.4;
	font-weight: 400;
}

.news-card__title {
    margin: 0 0 10px;
	font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
}

.news-card__excerpt {
    
}

.news-card__readmore {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: auto; 
}

/* === META === */
.news-card__meta {
    padding: 10px 21px;
    font-size: 0.85rem;
    color: #777;
    border-top: 1px solid #e5e6ea;
	margin-top: auto;
}

/* === BUTTON === */
.zu-allen-nachrichten-button {
    text-align: center;
    margin-top: 35px;
	font-size: 1.6rem;
	font-weight: 500;
}

.home-news__all {
    display: inline-block;
    border: 2px solid #A53A57;
    border-radius: 40px;
    padding: 13px 24px;
    text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease;
	font-size: 1.6rem;
    font-weight: 500;
}

.home-news__all:hover {
    background-color: #A53A57;
    color: #ffffff;
}


/* === RESPONSIVE === */
@media (max-width: 767px) {
	 .home-news__grid {
        grid-template-columns: 1fr;
    }

	 .news-card__image {
        aspect-ratio: 2 / 1; /* 0.5 proportion */
    }
}



/* ==================================================
   Nachrichtenarchiv
   ================================================== */

.news-archive-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    grid-template-areas: "results filters";
    gap: 35px;
    align-items: start;
}

.news-results {
    grid-area: results;
    min-width: 0;
}

.news-filter-sidebar {
    grid-area: filters;
    min-width: 0;
}

/* Nachrichten - Filter */
.news-filter-sidebar {
    background-color: var(--hintergrund-01);
    padding: 15px;
}

.news-filters {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
}

.news-filter-block {
    padding: 0 0 18px;
    margin: 0 0 18px;
    border-bottom: 1px solid #a5abbd;
}

.news-filter-block > label:first-child,
.news-filter-block > span:first-child {
    display: block;
    margin-bottom: 8px;
    color: var(--hauptueberschrift);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

.news-filter-block input[type="search"],
.news-filter-block select {
    display: block;
    width: 100%;
    min-height: 38px;
    margin: 0;
    padding: 7px 9px;
    border: 1px solid #a5abbd;
    border-radius: 0;
    background-color: #fff;
    color: var(--text);
    font: inherit;
}

/* Kategorie-Checkboxen untereinander */

.news-filter-block > label:not(:first-child) {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 6px 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.35;
    cursor: pointer;
}

.news-filter-block input[type="checkbox"] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin: 2px 0 0;
}

.news-filters button[type="submit"] {
    align-self: flex-start;
    margin: 0 0 12px;
    padding: 8px 15px;
    border: 2px solid var(--secondary);
    border-radius: 30px;
    background-color: var(--weiss-voll);
    color: var(--secondary);
    font: inherit;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.news-filters button[type="submit"]:hover,
.news-filters button[type="submit"]:focus-visible {
    background-color: var(--secondary);
    color: #fff;
}

.news-reset {
    display: inline-block;
    align-self: flex-start;
    color: var(--text-link);
    line-height: 1.4;
}

.news-reset:hover,
.news-reset:focus-visible {
    color: var(--text-hover);
    text-decoration: underline;
}


/* Nachrichten - Pagination */

.news-pagination {
    margin-top: 24px;
}

.news-pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-pagination__item {
    margin: 0;
    padding: 0;
}

.news-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
/*     min-width: 30px;
    min-height: 30px; */
    padding: 10px;
    color: var(--text);
    line-height: 1;
    text-decoration: none;
}

.main .news-pagination a.page-numbers {
    color: var(--text);
    line-height: 1;
    text-decoration: none;
}

.news-pagination a.page-numbers:hover,
.news-pagination a.page-numbers:focus-visible {
    background-color: var(--secondary);
    color: var(--weiss-voll);
}

.news-pagination .page-numbers.current {
    background-color: var(--primary);
    color: #fff;
}

.news-pagination .prev,
.news-pagination .next {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
}


@media (max-width: 900px) {
    .news-archive-layout {
        grid-template-columns: 1fr;
        grid-template-areas:
            "results"
			"filters";
        gap: 30px;
    }

    .news-filter-sidebar {
        width: 100%;
    }

    .news-filters {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .news-filter-block {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .news-filters {
        display: flex;
    }

    .home-news--archive .home-news__grid {
        grid-template-columns: 1fr;
    }

    .news-pagination__list {
        gap: 2px;
    }

    .news-pagination .page-numbers {
        min-width: 28px;
        min-height: 28px;
        padding: 4px 5px;
        font-size: 0.8rem;
    }
}






.kooperationen-home-container {
	margin: 80px 0 0 0;
	padding: 0;
} 

.kooperationen-home-raster {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	align-items: stretch;
	margin-bottom: 3rem;
}     

@media (max-width: 767px) {
  .kooperationen-home-raster {   
	grid-template-columns: repeat(2, 1fr);
  }
} 

@media (max-width: 500px) {
  .kooperationen-home-raster {   
	grid-template-columns: 1fr;
  }
}

.logo-kooperationen-home {
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 1rem; */
  min-height: 160px;
}

.logo-kooperationen-home a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.logo-kooperationen-home img,
.logo-unterstuetzer-home img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.logo-kooperationen-home:hover {
	opacity: 0.65;
}


/*.logo-kooperationen-home img {
  max-width: 100%;
  max-height: 80px;
   object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.2s ease, transform 0.2s ease; 
}*/
/* 
.logo-kooperationen-home a:hover img {
  filter: grayscale(0%);
  transform: scale(1.05);
} */


.kooperationen-home-titel, 
.unterstuetzer-home-titel {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--hauptueberschrift) !important;
}

.unterstuetzer-home-titel {
	margin: 80px 0 0 0;
	width: 100%;
}

.logo-unterstuetzer-home {
	width: 310px;
}

.logo-unterstuetzer-home:hover {
	opacity: 0.8;
}

.logo-unterstuetzer-home img {
	width: 310px !important;
	max-width: 310px !important;
}
  
/* Seite - HOME - ENDE */
  

/* Seite - KURSTERMINE und ANMELDUNG */

.kurstermine-tabelle table td:first-child {
	width: 150px;
	max-width: 150px;
}

@media screen and (max-width:767px) {
	.kurstermine-tabelle table td:first-child {
		width: auto;
	}
}

/* Seite - KURSTERMINE und ANMELDUNG - ENDE */

/* --------------------------------------------------------------------------- */

/* Seite - Ausbildungstermine Liste */
/*
.ausbildungstermine-liste {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4rem;
}

.ausbildungstermine-liste a,
.ausbildungstermine-liste a:link,
.ausbildungstermine-liste a:hover {
	color: var(--text);
	text-decoration: none;
}

.ausbildungstermin-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	border-left: 16px solid var(--primary);
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}

.ausbildungstermin-wrapper:hover {
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5);
}

.ausbildungstermin-wrapper article {
	display: grid;
	grid-template-columns: 1fr;
	padding: 24px;
	gap: 16px;
}

.ausbildungstermin-wrapper article { 
	user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_training_schwimmpruefung),
.ausbildungstermin-single:has(.ausbildungsart-a_training_schwimmpruefung) { 
	border-color: #2CCE03;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_helferschein),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_retterschein),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_helfer_retterscheinkurs),
.ausbildungstermin-single:has(.ausbildungsart-a_helferschein),
.ausbildungstermin-single:has(.ausbildungsart-a_retterschein),
.ausbildungstermin-single:has(.ausbildungsart-a_helfer_retterscheinkurs) { 
	border-color: #F02B5A;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_lifesaver),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_junior_retter),
.ausbildungstermin-single:has(.ausbildungsart-a_lifesaver),
.ausbildungstermin-single:has(.ausbildungsart-a_junior_retter) { 
	border-color: #F10AF5;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_wildwasser),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_tauchen),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_nautik),
.ausbildungstermin-single:has(.ausbildungsart-a_wildwasser),
.ausbildungstermin-single:has(.ausbildungsart-a_tauchen),
.ausbildungstermin-single:has(.ausbildungsart-a_nautik) { 
	border-color: #F5EC0A;
}

.ausbildungstermin a:hover article {
	box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.6);
}

.ausbildungstermin__header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.ausbildungstermin__art {
	flex-grow: 0;
	flex-shrink: 1;
	font-size: clamp(1.375rem, 1.5vw + 0.5rem, 1.625rem);
	font-weight: 700;
	line-height: 1;
	color: var(--primary);
}

article.ausbildungsart-a_training_schwimmpruefung .ausbildungstermin__art, 
article.ausbildungsart-a_training_schwimmpruefung .ausbildungstermin-single__art { color: #2CCE03; }

article.ausbildungsart-a_helferschein .ausbildungstermin__art, 
article.ausbildungsart-a_retterschein .ausbildungstermin__art, 
article.ausbildungsart-a_helfer_retterscheinkurs .ausbildungstermin__art,
article.ausbildungsart-a_helferschein .ausbildungstermin-single__art, 
article.ausbildungsart-a_retterschein .ausbildungstermin-single__art, 
article.ausbildungsart-a_helfer_retterscheinkurs .ausbildungstermin-single__art { color: #F02B5A; }

article.ausbildungsart-a_lifesaver .ausbildungstermin__art, 
article.ausbildungsart-a_junior_retter .ausbildungstermin__art, 
article.ausbildungsart-a_lifesaver .ausbildungstermin-single__art, 
article.ausbildungsart-a_junior_retter .ausbildungstermin-single__art { color: #F10AF5; }

article.ausbildungsart-a_wildwasser .ausbildungstermin__art, 
article.ausbildungsart-a_tauchen .ausbildungstermin__art, 
article.ausbildungsart-a_nautik .ausbildungstermin__art, 
article.ausbildungsart-a_wildwasser .ausbildungstermin-single__art, 
article.ausbildungsart-a_tauchen .ausbildungstermin-single__art, 
article.ausbildungsart-a_nautik .ausbildungstermin-single__art { 
	color: #F5EC0A; 
	background-color: #000; 
	align-content: center;
	padding: 16px;
}

.ausbildungstermin__datum {
	flex-grow: 0;
	flex-shrink: 1;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	text-align: right;
	color: var(--primary);
	font-weight: 400;
	line-height: 1;
}

.ausbildungstermin__datum-von {
	font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
}

.ausbildungstermin__datum-bis {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
}

.ausbildungstermin__uhrzeit-von {
	font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
}

.ausbildungstermin__mitte {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

article.ausbildungsart-a_wildwasser .ausbildungstermin__mitte, 
article.ausbildungsart-a_tauchen .ausbildungstermin__mitte, 
article.ausbildungsart-a_nautik .ausbildungstermin__mitte { 
	padding-top: 16px;
}

.ausbildungstermin__infotext {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
	font-weight: 300;
}

.ausbildungstermin__infotext .ausbildung-hervorheben {
	color: #F02B5A;
	font-weight: 900;
}

.ausbildungstermin__footer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}

.ausbildungstermin__ort {
	flex-grow: 0;
	flex-shrink: 1;
	background-color: #F0F0F0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: var(--primary);
	padding: 12px;
	line-height: 1;
	max-width: 45%;
	align-items: start;
}

.ausbildungstermin__ort1 {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
	font-weight: 500;
}

.ausbildungstermin__ort2, .ausbildungstermin__sonderausbildungort1, .ausbildungstermin__sonderausbildungort2 {
	font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
	font-weight: 300;
}

.ausbildungstermin__sonderausbildungort1::after {
	content: ",";
}

span.ausbildungstermin__sonderausbildungort1:last-child::after {
	content: "";
}

.ausbildungstermin__anmeldung {
	max-width: 50%;
}

.ausbildungstermin__anmeldung_von {
	flex-grow: 0;
	flex-shrink: 1;
	text-align: right;
	color: var(--primary);
	font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
}

.ausbildungstermin__btn-anmeldung {
	flex-grow: 0;
	flex-shrink: 1;
	background-color: var(--button-01);
	border: 2px solid var(--button-01);
	color: var(--weiss-voll);
	text-align: center;
	padding: clamp(0.5rem, 0.5vw + 0.5rem, 1rem);
	font-size: clamp(1.125rem, 1vw + 0.5rem, 1.5rem);
	font-weight: 500;
}

.ausbildungstermin__btn-anmeldung:hover {
	background-color: var(--weiss-voll);
	color: var(--accent);
}

.ausbildungstermin__veranstalter {
	background-color: #f0f0f0;
	padding: 8px 8px 8px 24px;
	color: #000;
	font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
}

.info-ausbildung {
	border: 2px solid darkgrey;
	background-color: var(--hintergrund-01);
	padding: 32px;
	margin-block-end: 3rem;
}
*/
/* --------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------- */

/* Seite - Ausbildungstermine Liste */

/* .schwimmpruefungen-box {
	margin: 0;
	padding: 24px 12px;
	border-top: 4px solid var(--primary);
	border-right: 1px solid var(--primary);
	border-bottom: 4px solid var(--primary);
	border-left: 1px solid var(--primary);
}

.uebung-schwimmen-box {
	margin: 0;
	padding: 24px 12px;
	border-top: 4px solid #2CCE03;
	border-right: 1px solid #2CCE03;
	border-bottom: 4px solid #2CCE03;
	border-left: 1px solid #2CCE03;
}

.rettungsschwimmen-box {
	margin: 0;
	padding: 24px 12px;
	border-top: 4px solid #E01C1F;
	border-right: 1px solid #E01C1F;
	border-bottom: 4px solid #E01C1F;
	border-left: 1px solid #E01C1F;
} */

.ausbildungstermine-liste {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	padding-bottom: 2rem;
}

.ausbildungstermine-liste a,
.ausbildungstermine-liste a:link,
.ausbildungstermine-liste a:hover {
	color: var(--text);
	text-decoration: none;
}

.ausbildungstermin-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	border-left: 8px solid var(--primary);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
	overflow-wrap: break-word;
	word-break: break-word;
    hyphens: auto; 
}

@media (width <= 768px) {
	.ausbildungstermin-wrapper {
		border-left: 4px solid var(--primary);;
	}
}

.ausbildungstermin-wrapper:hover {
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5);
}

.ausbildungstermin-wrapper article {
	display: grid;
	grid-template-columns: 1fr;
	padding: 8px 8px 8px 12px;
	gap: 0;
}

@media (width <= 768px) {
	.ausbildungstermin-wrapper article {
		padding: 8px 4px 8px 4px;
	}
}

.ausbildungstermin-wrapper article { 
	user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_anfaengerschwimmen),
.ausbildungstermin-single:has(.ausbildungsart-a_anfaengerschwimmen) { 
	border-color: #92e7ff;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_kinderschwimmen),
.ausbildungstermin-single:has(.ausbildungsart-a_kinderschwimmen) { 
	/*background-color: rgba(44, 206, 3, 0.09); */
	border-color: #ff92f6;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_training_schwimmpruefung),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_training_rettungsschwimmen),
.ausbildungstermin-single:has(.ausbildungsart-a_training_schwimmpruefung),
.ausbildungstermin-single:has(.ausbildungsart-a_training_rettungsschwimmen) { 
	/*background-color: rgba(44, 206, 3, 0.09); */
	border-color: #26BD1E;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_helferschein),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_helfer_retterscheinkurs),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_helfer_und_retterschein),
.ausbildungstermin-single:has(.ausbildungsart-a_helferschein),
.ausbildungstermin-single:has(.ausbildungsart-a_helfer_retterscheinkurs),
.ausbildungstermin-single:has(.ausbildungsart-a_helfer_und_retterschein) { 
	border-color: #DE0715;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_retterschein),
.ausbildungstermin-single:has(.ausbildungsart-a_retterschein) {
	border-color: #E100FF;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_junior_retter),
.ausbildungstermin-single:has(.ausbildungsart-a_junior_retter) { 
	border-color: #EE5909;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_lifesaver),
.ausbildungstermin-single:has(.ausbildungsart-a_lifesaver) {
	border-color: #1AA1A1;
}

.ausbildungstermin-wrapper:has(.ausbildungsart-a_wildwasser),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_tauchen),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_nautik),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_schiffsfuehrer_10m),
.ausbildungstermin-wrapper:has(.ausbildungsart-a_schnorchelschein),

.ausbildungstermin-single:has(.ausbildungsart-a_wildwasser),
.ausbildungstermin-single:has(.ausbildungsart-a_tauchen),
.ausbildungstermin-single:has(.ausbildungsart-a_nautik),
.ausbildungstermin-single:has(.ausbildungsart-a_schiffsfuehrer_10m),
.ausbildungstermin-single:has(.ausbildungsart-a_schnorchelschein) { 
	border-color: #ffdf00;
}

.ausbildungstermin a:hover article {
	box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.6);
}

.ausbildungstermin__header, .termine__tableheader {
	/*
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	*/
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 210px;
	/* grid-template-rows: auto; */
	justify-content: space-between;
	gap: 8px;
}

  
@media (width <= 768px) { 
	.ausbildungstermin__header, .termine__tableheader {
		grid-template-columns: 1fr 1fr 1fr; /* Three columns */
		/* grid-template-rows: auto auto; Two rows */
	}
}

 .ausbildungstermin__art {
	/*
	flex-grow: 0;
	flex-shrink: 1;
		*/
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--primary);
} 

article.ausbildungsart-a_anfaengerschwimmen .ausbildungstermin__art, 
article.ausbildungsart-a_anfaengerschwimmen .ausbildungstermin-single__art { color: #92e7ff; }

article.ausbildungsart-a_kinderschwimmen .ausbildungstermin__art, 
article.ausbildungsart-a_kinderschwimmen .ausbildungstermin-single__art { color: #ff92f6; }

article.ausbildungsart-a_training_schwimmpruefung .ausbildungstermin__art, 
article.ausbildungsart-a_training_rettungsschwimmen .ausbildungstermin__art, 
article.ausbildungsart-a_training_schwimmpruefung .ausbildungstermin-single__art,
article.ausbildungsart-a_training_rettungsschwimmen .ausbildungstermin-single__art { color: #26BD1E; }

article.ausbildungsart-a_helferschein .ausbildungstermin__art, 
article.ausbildungsart-a_helfer_retterscheinkurs .ausbildungstermin__art,
article.ausbildungsart-a_helfer_und_retterschein .ausbildungstermin__art,
article.ausbildungsart-a_helferschein .ausbildungstermin-single__art, 
article.ausbildungsart-a_helfer_retterscheinkurs .ausbildungstermin-single__art,
article.ausbildungsart-a_helfer_und_retterschein .ausbildungstermin-single__art { color: #DE0715; }

article.ausbildungsart-a_retterschein .ausbildungstermin__art, 
article.ausbildungsart-a_retterschein .ausbildungstermin-single__art { color: #E100FF; }

article.ausbildungsart-a_junior_retter .ausbildungstermin__art, 
article.ausbildungsart-a_junior_retter .ausbildungstermin-single__art { color: #EE5909; }

article.ausbildungsart-a_lifesaver .ausbildungstermin__art, 
article.ausbildungsart-a_lifesaver .ausbildungstermin-single__art { color: #1AA1A1; }

article.ausbildungsart-a_wildwasser .ausbildungstermin__art span, 
article.ausbildungsart-a_tauchen .ausbildungstermin__art span, 
article.ausbildungsart-a_nautik .ausbildungstermin__art span, 
article.ausbildungsart-a_schiffsfuehrer_10m .ausbildungstermin__art span, 
article.ausbildungsart-a_schnorchelschein .ausbildungstermin__art span, 

article.ausbildungsart-a_wildwasser .ausbildungstermin-single__art span, 
article.ausbildungsart-a_tauchen .ausbildungstermin-single__art span, 
article.ausbildungsart-a_nautik .ausbildungstermin-single__art span,
article.ausbildungsart-a_schiffsfuehrer_10m .ausbildungstermin-single__art span,
article.ausbildungsart-a_schnorchelschein .ausbildungstermin-single__art span { 
	color: #ffdf00; 
	background-color: #000; 
	/* align-content: center;
	padding: 16px; */
	padding: 4px 6px;
}

@media (width <= 768px) {
	article.ausbildungsart-a_wildwasser .ausbildungstermin__art span, 
	article.ausbildungsart-a_tauchen .ausbildungstermin__art span, 
	article.ausbildungsart-a_nautik .ausbildungstermin__art span, 
	article.ausbildungsart-a_schiffsfuehrer_10m .ausbildungstermin__art span, 

	article.ausbildungsart-a_wildwasser .ausbildungstermin-single__art span, 
	article.ausbildungsart-a_tauchen .ausbildungstermin-single__art span, 
	article.ausbildungsart-a_nautik .ausbildungstermin-single__art span,
	article.ausbildungsart-a_schiffsfuehrer_10m .ausbildungstermin-single__art span { 
		padding: 0;
	}
}

.ausbildungstermin__datum {
	/* flex-grow: 0;
	flex-shrink: 1;
	 */
	display: flex;
	flex-direction: column;
	/* grid-template-columns: 1fr; */
	gap: 6px;
	/* text-align: right; */
	color: var(--text);
	font-weight: 400;
	line-height: 1;
}

.ausbildungstermin__datum-von {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1rem);
}

.ausbildungstermin__datum-bis {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1rem);
}

.von_datum {
	font-weight: 700;
}

.ausbildungstermin__uhrzeit-von {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1rem);
	color: var(--text);
}

/* .ausbildungstermin__mitte {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
} */

article.ausbildungsart-a_wildwasser .ausbildungstermin__mitte, 
article.ausbildungsart-a_tauchen .ausbildungstermin__mitte, 
article.ausbildungsart-a_nautik .ausbildungstermin__mitte,
article.ausbildungsart-a_schiffsfuehrer_10m .ausbildungstermin__mitte { 
	padding-top: 16px;
}

.ausbildungstermin__infotext {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
	font-weight: 300;
}

.ausbildungstermin__infotext .ausbildung-hervorheben {
	color: #F02B5A;
	font-weight: 900;
}

/* .ausbildungstermin__footer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
} */

.ausbildungstermin__ort {
	/* flex-grow: 0;
	flex-shrink: 1; */
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: var(--text);
	line-height: 1;
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1rem);
}

.ausbildungstermin__ort1 {
	font-size: clamp(1rem, 1.5vw + 0.5rem, 1rem);
	font-weight: 700;
}

.ausbildungstermin__ort2, .ausbildungstermin__sonderausbildungort1, .ausbildungstermin__sonderausbildungort2 {
	font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
	font-weight: 300;
}

.ausbildungstermin__dienststelle {
	font-weight: 300;
}

.ausbildungstermin__sonderausbildungort1::after {
	content: ",";
}

span.ausbildungstermin__sonderausbildungort1:last-child::after {
	content: "";
}

.ausbildungstermin__anmeldung {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

@media (width <= 768px) { 
	.ausbildungstermin__anmeldung {
		display: none; /* Hide the 4th item */
		/* grid-column: 1 / -1; Span across all columns */
		/* grid-row: 2; Move to second row */
	}
}

.ausbildungstermin__anmeldung_von {
	flex-grow: 0;
	flex-shrink: 1;
	text-align: right;
	color: var(--text);
	font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
}

.ausbildungstermin__btn-anmeldung {
	flex-grow: 0;
	flex-shrink: 1;
	background-color: var(--button-01);
	border: 2px solid var(--button-01);
	border-radius: 25px;
	color: var(--weiss-voll);
	text-align: center;
	padding: 0.2rem;
	font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
	font-weight: 500;
}

.ausbildungstermin__btn-anmeldung:hover {
	background-color: var(--weiss-voll);
	color: var(--accent);
}

.ausbildungstermin__veranstalter {
	background-color: #f0f0f0;
	padding: 8px 8px 8px 24px;
	color: #000;
	font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
}

.info-ausbildung {
	border: 2px solid darkgrey;
	background-color: var(--hintergrund-01);
	padding: 32px;
	margin-block-end: 3rem;
}



.termine__box {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;  
    line-height: 1;  
    background: none;
    border: 0;
}

.termine__header {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    cursor: pointer;
}

@media (width <= 767px) {
	.termine__header {
		flex-direction: column;
		align-items: start;
		gap: 24px;
	}
}


.termine__content {
    background-color: #FFFFFF;
    display: block; 
    padding: 24px 8px;;
    margin-top: 10px;
    flex-grow: 1;
}




.termine__box {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}

.termine__box:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}

.termine__header {
	background-color: #F1F2F5;
	padding: 24px 8px;
}

.termine__title {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.termine__heading {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	/* font-size: 1.5rem;  */
	font-size: clamp(1rem, 0.5vw + 0.75rem, 1.5rem);
	line-height: 1.4;
	font-weight: 600; 
	margin: 0; 
	padding: 0; 
	color: var(--text);
	/* border-left: 8px solid var(--primary); */
}

.termine__heading span {
	padding: 0 0 0 8px; 
}

.termine__heading-a_anfaengerschwimmen {
	border-left: 8px solid #92e7ff;
}

.termine__heading-a_kinderschwimmen {
	border-left: 8px solid #ff92f6;
}

.termine__heading-uebung-schwimmen {
	border-left: 8px solid #26BD1E;
}

.termine__heading-schwimmen {
	border-left: 8px solid var(--primary);
}

.termine__heading-helferschein {
	border-left: 8px solid #DE0715;
}

.termine__heading-retterschein {
	border-left: 8px solid #E100FF;
}

.termine__heading-helferschein {
	border-left: 8px solid #DE0715;
}


.termine__heading-junior-retter {
	border-left: 8px solid #EE5909;
}


.termine__heading-lifesaver {
	border-left: 8px solid #1AA1A1;
}

.termine__heading-gts {
	border-left: 8px solid #ffdf00;
}

.termine__heading-schiffsfuehrer {
	border-left: 8px solid #ffdf00;
}

.termine__heading-a_schiffsfuehrer_10m {
	border-left: 8px solid #ffdf00;
}

.termine__heading-fliesswasser {
	border-left: 8px solid #7A7A7A;
}

.termine__heading-wildwasser {
	border-left: 8px solid #ffdf00;
}

.termine__heading-a_schnorchelschein {
	border-left: 8px solid #ffdf00;
}

/* .uebung-schwimmen-box .termine__heading {
	color: #2CCE03;
}

.rettungsschwimmen-box .termine__heading {
	color: #E01C1F;
} */

.termine__subheading {
	font-size: 1.25rem; 
	font-size: clamp(1rem, 0.3vw + 0.75rem, 1.25rem);
	font-weight: 400; 
	line-height: 1.2;
	margin:0; 
	padding:0; 
}

.termine__anzeigen {
	padding: 8px 12px;
	line-height: 1;
	color: rgb(255, 255, 255);
	font-size: clamp(1rem, 0.5vw + 0.75rem, 1.375rem);
	font-weight: 500;
	color: var(--secondary);
	border: 1px solid var(--secondary);
	border-radius: 25px;
	white-space: nowrap;
}

/* .schwimmpruefungen-box .termine__anzeigen {
	background-color: var(--primary);
}

.uebung-schwimmen-box .termine__anzeigen {
	background-color: #2CCE03;
}

.rettungsschwimmen-box .termine__anzeigen {
	background-color: #E01C1F;
} */

.termine__info {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-block: 24px;
	font-size: clamp(1rem, 0.5vw + 0.75rem, 1.125rem);
}

@media (width <= 768px) {
	.termine__info {
		margin-block: 0;
	}
}

.termine__inhalt, .termine__dauer {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
	background-color: #EBE7E7;
	font-weight: 300;
	line-height: 1.4;
}

.termine__inhalt span:first-child, .termine__dauer span:first-child {
	font-weight: 700;
}

.termine__aktuelle-heading {
	font-size: clamp(1.125rem, 0.5vw + 0.75rem, 1.375rem); 
	font-weight: 700; 
	margin-block: 24px; 
	padding: 24px 0 0 0; 
	color: var(--text);
}

/* .uebung-schwimmen-box .termine__aktuelle-heading {
	color: #2CCE03;
}

.rettungsschwimmen-box .termine__aktuelle-heading {
	color: #F02B5A;
} */

.termine__tableheader {
	margin-bottom: 24px;
	padding: 4px 4px 4px 16px;
	font-size: clamp(1rem, 0.5vw + 0.75rem, 1.25rem);
	line-height: 1.4;
	text-transform: uppercase;
	border-bottom: 1px solid var(--primary);
}

@media (width <= 768px) {
	.termine__tableheader {
		margin-bottom: 16px;
		padding: 4px 4px 4px 8px;
	}
}
/* --------------------------------------------------------------------------- */


/* Seite - Ausbildungstermin Single */

.ausbildungstermin-single {
	display: grid;
	grid-template-columns: 1fr;
	gap: 112px;
	/* border-left: 16px solid var(--primary); */
}

.ausbildungstermin-single article {
	display: grid;
	grid-template-columns: 1fr; 
	background-color: var(--weiss-voll);
	/* box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4);
	padding: 24px; */
	gap: 16px;
}

.ausbildungstermin-single__daten {
	display: grid;
	grid-template-columns: 35% 65%; 
	gap: 0;
	border: 1px solid grey;
}

.ausbildungstermin-single__anmeldung-ueberschrift {
	color: var(--primary);
	font-size: clamp(1.5rem , 1vw + 0.5rem, 1.75rem);
	font-weight: 700;
}

.ausbildungstermin-single__ueberschrift {
	color: var(--primary);
	font-size: clamp(1.25rem , 1vw + 0.5rem, 1.375rem);
	font-weight: 700;
}

.grid-item {
	padding: 16px 8px;
	text-align: left;
	border: 0; 
}

.full-width-grid-item {
	grid-column: 1 / -1;
}

.grid-item:nth-child(2n-1) {
	font-weight: 700;
}
  
.grid-item:nth-child(4n-3), /* 1st, 5th, 9th, etc. */
.grid-item:nth-child(4n-2) { /* 2nd, 6th, 10th, etc. */
	background-color: #ECECEC; /* Color for odd rows */
}

.grid-item:nth-child(4n-1), /* 3rd, 7th, 11th, etc. */
.grid-item:nth-child(4n) { /* 4th, 8th, 12th, etc. */
	background-color: #FFF; /* Color for even rows */
}

.grid-item ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 0;
}

.grid-item ul p {
	margin: 0;
	padding: 0;	
}

.flex {
	display: flex;
}

.ausbildungstermin-single__art {
	font-size: clamp(1.375rem, 1.5vw + 0.5rem, 2.125rem);
	font-weight: 700;
	line-height: 1;
	color: var(--primary);
	/* flex: 0 1; */
}

.ausbildungstermin-single__kontakt,
.ausbildungstermin-single__dokumente,  
.ausbildungstermin-single__anmeldung {
	display: grid;
	grid-template-columns: 1fr; 
	gap: 16px;
	padding: 24px;
	background-color: #F0F0F0;
}

.ausbildungstermin-single__dokumente {
	background-color: #FFF;
	border: 1px solid grey;
}

.ausbildungstermin-single__kontakt-daten, 
.ausbildungstermin-single__dokumente-daten, 
.ausbildungstermin-single__anmeldung-daten {
	display: grid;
	grid-template-columns: 35% 65%; 
	gap: 16px 0;
}

.ausbildungstermin-single__dokumente-daten > .grid-item {
	background: none;
	padding-left: 0;
}

.ausbildungstermin-single__kontakt-daten > .grid-item, 
.ausbildungstermin-single__anmeldung-daten > .grid-item {
	background-color: #fff;
}

a.ausbildungstermin-single__btn-anmeldung {
	display: block;
	background-color: var(--button-01);
	border: 2px solid var(--button-01);
	color: var(--weiss-voll);
	text-align: center;
	padding: clamp(0.5rem, 0.5vw + 0.5rem, 1rem);
	font-size: clamp(1.125rem, 1vw + 0.5rem, 1.5rem);
	font-weight: 500;
}

a.ausbildungstermin-single__btn-anmeldung:link {
	color: var(--weiss-voll);
}

a.ausbildungstermin-single__btn-anmeldung:hover {
	background-color: var(--weiss-voll);
	color: var(--accent);
}

.ausbildungstermin-single__anderes-bundesland {
	padding: 24px;
	background-color: #F0F0F0;
	color: var(--text);
	font-size: clamp(1rem, 0.5vw + 0.5rem, 1.125rem);
}

.custom-field-error {
    color: red;
    margin-top: 5px;
}

/* Schwimmprüfungen View */
.formular-marker {
	padding: 7px;
	font-weight: bold;
}

.frm-frueh {
	background-color: aqua;
}

.frm-frei {
	background-color: rgb(0, 194, 194);
	color: #fff;
}

.frm-fahrten {
	background-color: rgb(1, 114, 114);
	color: #fff;
}

.frm-allround {
	background-color: rgb(1, 54, 54);
	color: #fff;
}

.frm-abmeldung {
	background-color: rgb(211, 4, 66);
	color: #fff;
}

.frm-schwimmtechnik {
	background-color: rgb(36, 2, 252);
	color: #fff;
}

.frm-tauchen {
	background-color: rgb(229, 250, 2);
	color: #fff;
}

.frm-kopfsprung {
	background-color: rgb(74, 239, 33);
	color: #fff;
}

.frm-kraulschwimmen {
	background-color: rgb(1, 54, 54);
	color: #fff;
}

/* --------------------------------------------------------------------------- */

/* Seite - FUNKTIONÄRE - Anfang */

.mitglieder-kategorie-ueberschrift {
	padding-top: 22px;
}

.mitglied-box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 20px;
	border: 1px solid;
	border-color: #102B4F;
	margin: 0 0 45px 0 !important;
	padding: 10px;
	background: #F1F2F5;
	word-break: break-word;
	scroll-margin-top: var(--anchor-scroll-margin-top);
}
  
@media screen and (max-width:767px) {
	.mitglied-box {
		justify-content: center;
		flex-wrap: wrap;
		text-align: center;
	}
}

.mitglied-box-bild {
    width: 120px;
}

.mitglied-spalte-1, .mitglied-spalte-2 {
	display: flex;
	flex-direction: column;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;
	flex-grow: 1;
	justify-content: space-between;
	width: 25%;
	padding: 0;
}

.mitglied-spalte-1 {
	flex-direction: column;
	gap: 20px;
}

.mitglied-spalte-2 {
	flex-direction: column-reverse;
	align-items: end;
}

@media screen and (max-width:767px) {
	.mitglied-spalte-1, .mitglied-spalte-2 {
		width: 100%;
		align-items: center;
	}
}

.mitglied-adresse {
	text-align: right;
}


.mitglied-mail-button {
    margin: 0 -11px -11px;
    width: 100%;
}

.mitglied-mail-button a {
	display: block;
	background-color: #A53A57;
	padding: 15px 35px;
	width: 100%;
	border-style: solid;
	border-width: 2px;
	border-color: #A53A57;
	border-radius: 0;
	text-align: center;
}
  
@media screen and (max-width:767px) {
	.mitglied-mail-button {
		margin: 0 !important;
	}

	.mitglied-adresse {
		text-align: center;
	}
}
  

span.f_email b, 
.mobf b {
    display: none;
}

/* Seite - FUNKTIONÄRE - ENDE */


/* Detail-Seiten - AUSBILDUNGEN - Anfang */

.ausbildung-icon-bild {
    padding: 0 0 20px 0;
    align-self: flex-start;
}

/* Detail-Seiten - AUSBILDUNGEN - ENDE */


/*HHHHHHHHHHHHHHHHH*/
/*--- ausbildungmenu-01 ---*/
/*--- ANFANG ---*/

.links-menu-01 {
	text-align: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.links-menu-01 div > ul.menu {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.links-menu-01 div > ul.menu > li > a {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 10px 0 10px 10px;
	color: #003E7E;
}

.links-menu-01 div > ul.menu > li > a:hover {
	text-decoration: underline !important;
}

.links-menu-01 li.current-menu-item {
	font-weight: bold;
	font-style: italic;
}

/*--- ausbildungmenu-00 ---*/
/*--- ENDE ---*/
/*HHHHHHHHHHHHHHHHH*/


/*++++++++++++++++*/
/*--- ausbildungmenu-01 SUB-MENU ---*/
/*--- ANFANG ---*/

.links-menu-01 div > ul.menu > li > ul.left-sub-menu  {
	list-style: none;
	margin: 0;
	padding: 5px 0 10px 0;
	display: none;
	visibility: hidden;
	opacity: 0;
	position: relative;
	width: auto;
	font-weight: normal;
	font-style: normal;
}

.links-menu-01 div > ul.menu > li > ul.left-sub-menu > li > a:before {
	content: "- ";
	font-weight: bold;
}

.links-menu-01 div > ul.menu > li > ul.left-sub-menu > li > a:hover {
	text-decoration: underline !important;
}


.links-menu-01 div > ul.menu > li > ul.left-sub-menu > li > a {
	display: block;
	padding: 5px 0 5px 25px;
	color: #003E7E;
}

.hidden {
	display: none;
}

/*--- ausbildungmenu-00 SUB-MENU ---*/
/*--- ENDE ---*/
/*++++++++++++++++*/


/* Seite - EINSATZDIENST - Anfang */

.einsatzdienst-text li {
    padding: 7px 0;
}

/* Seite - EINSATZDIENST - ENDE */


/* Seite - JAHRESBERICHTE - Anfang */

.jahresberichte-download-container:hover .jahresberichte-download-titel h2, .jahresberichte-download-container:hover .jahresberichte-datei-oeffnen span,
.logo-download-container:hover .logo-download-titel h2, .logo-download-container:hover .logo-datei-oeffnen span{
    color: #fff !important;
    background-color: none !important;
}

.jahresberichte-download-container:hover .jahresberichte-datei-oeffnen i, .logo-download-container:hover .logo-datei-oeffnen i {
    color: #fff !important;
}

.jahresberichte-download-container, .logo-download-container {
    background-color: #F1F2F58A;
	margin: 0 0 20px 0;
    --padding-top: 0;
    --padding-bottom: 0;
	padding: 10px 20px !important;
    border-style: solid;
    border-color: #414756;
    border-width: 1px;
    --flex-direction: row !important;
    --align-items: center;
    --flex-wrap: no-wrap !important;
}

.jahresberichte-download-container:hover, .logo-download-container:hover{
    background-color: #414756;
}

.jahresberichte-download-titel, .logo-download-titel {
    flex-grow: 1 !important;
    flex-shrink: 0 !important;
}

.jahresberichte-datei-oeffnen, .logo-datei-oeffnen {
    --e-icon-list-icon-size: 26px;
}

.jahresberichte-pdf-oeffnen .elementor-icon-list-text, .logo-datei-oeffnen .elementor-icon-list-text {
    padding-left: 0 !important;
}

.jahresberichte-jahreszahl {
    padding: 3px 17px !important;
    background-color: #F1F2F5;
    border-radius: 6px;
}

/* Seite - JAHRESBERICHTE - ENDE */


/* Seite - Downloads > Logo - Anfang */

.downloads-logo :hover .elementor-icon-list-text {
    color: #414756 !important;
    text-decoration: underline !important;
}

/* Seite - Downloads > Logo - ENDE */


/* Kinderseiten von Seite - Fachbereiche - Anfang */

.bilder-galerie-fachbereiche {
	margin: 0 0 30px 0 !important;
}

/* Kinderseiten von Seite - Fachbereiche - ENDE */


/* Seite - FAQ - Anfang */

.faq-umschalter .elementor-tab-title {
	padding: 17px 10px 20px 10px !important;
	border-width: 1px !important;
}

.faq-umschalter .elementor-toggle-item:not(:last-child) {
    margin-bottom: 30px !important;
}

/* Seite - FAQ - Ende */


/* Seite - Alle Dienstellen - Kontaktdaten - Anfang */

.alle-kontakte-tabelle col:first-child {
    width: 200px;
}

/* Seite - FAQ - Ende */


/* FOOTER - Anfang */

.owr-footer {
	margin: 150px 0 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}
  
.owr-footer-leiste-01 {
	display: grid;
	grid-template-columns: 1fr;
	background-color: #F1F2F5;
	gap: 0;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #A5ABBD;
}

#backToTop-pfeil a {
	background-color: var(--logo-blau) !important;
}

#backToTop-pfeil a.elementor-icon {
	font-size: 37px;
	padding: 6px;
}

.besuche-uns-auch-auf {
	margin: 25px 0 ;
	text-align: center;
}

.owr-footer-leiste-02 {
	padding: 50px;
	background-color: #F1F2F5;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #A5ABBD;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.owr-footer-leiste-02 ul {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.owr-footer-leiste-02 a {
	display: block;
	padding-block: 8px;
}

.owr-footer-leiste-02 a:hover {
	text-decoration: underline;
}

.owr-footer-leiste-02 ul li:first-child a:link {
	font-weight: bold;
}

.owr-footer-spalte {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.facebook-owr-footer {
	margin: 5px 0 15px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 80px;
}

.facebook-owr-footer a {
	background: none;
}

.facebook-owr-footer i {
	color: #414756 !important;
}

.facebook-owr-footer i:hover {
	color: #A5ABBD !important;
}

.facebook-owr-footer .social-icon {
	width: clamp(1.5rem, 4vw + 1rem, 4.5rem);
	aspect-ratio: 1;
	fill: #414756;
	margin: 0 auto;
}

.facebook-owr-footer a:hover .social-icon, 
.facebook-owr-footer a:focus .social-icon {
	fill: #A5ABBD;
}

.facebook-owr-footer figcaption {
	font-style: normal;
}

.owr-footer-leiste-03 {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	padding: 0;
	background-color: #F1F2F5;
	gap: 0;
}

.impressum-menu-footer ul {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	gap: 0;
}

.impressum-menu-footer li {
	display: flex;
	align-items: center;
}

.impressum-menu-footer li:not(:last-child)::after {
	content: "";
	display: block;
	width: 1px;
	height: 32px;
	margin-inline: 18px;
	background-color: #C3C3C3;
	flex: 0 0 auto;
}

.impressum-menu-footer a, .impressum-menu-footer a:link {
	color: var(--text) !important;
}

.impressum-menu-footer a:hover {
	color: var(--text-hover) !important;
}

.impressum-menu-footer {
	padding: 6px;
	--e-nav-menu-divider-color: #C3C3C3;
}

.copyright-footer {
	padding: 15px !important;
	text-align: center;
	background-color: #FFF;
}

.footer-kristo {
	margin: 0;
	padding: 14px 0 0 0;
	text-align: center;
	color: #414756AB !important;
}

.footer-kristo a, .footer-kristo a:link {
	color: #414756AB !important;
	text-decoration: none !important;
}

.footer-kristo a:hover {
	text-decoration: underline !important;
}

#backToTop {
	display: none; 
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: var(--logo-blau) !important;
	color: #FFF !important;
	cursor: pointer;
	padding: .5rem 1rem;
	border-radius: 10px !important;
	font-size: 20px !important;
	font-weight: bold !important;
}

#backToTop.is-visible {
    display: block;
}

#backToTop:hover {
	background-color: var(--text-hover) !important;
	color: #FFF !important;
}

#backToTop a,
#backToTop a:hover {
	color: #FFF !important;
}

/* FOOTER - ENDE */
  


/* 404-Seite - Anfang */

.error-404-box {
    margin: 0;
	padding: 0 200px 50px 200px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	align-items: center;
	text-align: center;
}

.error-404-bg {
    font-size: clamp(5.9375rem, 1.9531rem + 15.9375vw, 18.6875rem);
    font-weight: bold;
    color: #e2e2e2;
    line-height: 389px;
}

.error-404-title {
    color: #000000;
    font-size: clamp(1.125rem, 0.8711rem + 1.0156vw, 1.9375rem);
    font-weight: bold;
    text-transform: uppercase;
	margin: -239px 0px 100px 0px;
}

.error-404-text {
    font-size: clamp(1rem, 0.8828rem + 0.4688vw, 1.375rem);
    color: #414756B8;
	font-weight: normal;
}

.error-404-search form {
    max-width: 420px;
    margin: 0 auto;
}

.error-404-search input[type="search"] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #999;
    font-size: 14px;
}

/* 404-Seite - ENDE */


/* Single - Post - Anfang */
.header-owr-single-posting-container {
	padding-top: 256px;
	background-color: #F1F2F5;
	margin: 0;
	padding: 0 10px;
}

.header-owr-single-posting {
	display: flex;
	width: 100%;
    max-width: 845px;
    margin: 0 auto;
    padding: 50px 0 250px 0;
    z-index: 4;
    flex-direction: row;
}
/*  ELEMENTOR Altes CSS:
.header-owr-single-posting {
    --content-width: 845px;
    margin: 0;
    padding: 50px 10px 250px 10px;
    background-color: #F1F2F5;
    z-index: 4;
    flex-direction: row;
} */

.owr-single-posting-title-container {
	display: flex;
	flex-direction: column;
	gap:20px;
    padding: 0 0 20px 0;
}
/*  ELEMENTOR Altes CSS:
.owr-single-posting-title-container {
    padding: 0;
} */

.owr-single-posting-title {
    color: #0D2A50;
}


.owr-single-posting-title h1 {
	margin: 0;
}

.owr-single-posting-meta {
    color: #0D2A50;
    border-style: dotted;
    border-width: 4px 0 0 0;
    border-color: #0D2A50;
	padding: 10px 0 15px 0;
}
/*  ELEMENTOR Altes CSS:
.owr-single-posting-meta {
    color: #0D2A50 !important;
    border-style: dotted;
    border-width: 4px 0 0 0;
    border-color: #0D2A50 !important;
} 
.owr-single-posting-meta .elementor-widget-container {
    padding: 10px 0 15px 0 !important;
} 
.owr-single-posting-meta .elementor-icon-list-items.elementor-inline-items {
    margin-right: calc(-28px/2);
    margin-left: calc(-28px/2);
}
.owr-single-posting-meta .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    margin-right: calc(28px/2);
    margin-left: calc(28px/2);
}
*/


.owr-single-posting-meta ul.post-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 28px;
	row-gap: 7px;
}

/* .owr-single-posting-meta li {
    margin-right: 14px;
    margin-left: 14px;
}
 */
 .owr-single-posting-container {
	padding: 0 10px;
 }

.owr-single-posting {
	display: flex;
	flex-direction: column;
	gap: 20px;
    width: 100%;
    max-width: 845px;
    margin: -250px auto 0 auto;
    z-index: 10;    
}

.nachrichten-hauptbild {
    border-style: solid;
    border-width: 15px;
    border-color: #FFF;
}

/* ELEMENTOR Altes CSS:
.nachrichten-inhalt-container {
    --content-width: 845px;
    margin: -250px 0 0 0;
    z-index: 10;
    --flex-direction: column;
} */

.nachrichten-inhalt {
    margin: 0 15px;
    padding: 0;
    color: #414756;
}

.nachrichten-ende-trenner {
	border-block-start: 1px dotted var(--text);
}

.nachrichten-ende-trenner {
    width: 100%;
}
/* ELEMENTOR Altes CSS:
.nachrichten-ende-trenner .elementor-divider {
    --divider-border-style: dotted;
    --divider-color: var(--text);
    --divider-border-width: 1px;
}
.nachrichten-ende-trenner .elementor-divider-separator {
    width: 100%;
}
*/

.post-navigation {
	/* display: grid;
	grid-template-columns: 1fr 1fr; */
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.post-navigation a {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.next-post a {
	text-align: end;
}

.arrow-text {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.post-navigation a .arrow-text .label {
	text-transform: uppercase;
}

.post-navigation a .arrow-text .label,
.post-navigation a .arrow {
    color: #414756;
}

.post-navigation a:hover .arrow-text .label {
    color: #A5ABBD;
}

.post-navigation a .arrow-text .title {
    color: #414756;
}

.post-navigation a:hover .arrow-text .title {
    text-decoration: underline;
}

.nachrichten-ende-navigation a:hover .post-navigation__arrow-prev, .nachrichten-ende-navigation a:hover .post-navigation__arrow-next {
    color: #414756;
}
/* ELEMENTOR altes CSS:
.nachrichten-ende-navigation a .post-navigation__prev--label, .nachrichten-ende-navigation a .post-navigation__next--label, .nachrichten-ende-navigation a .post-navigation__prev--title, .nachrichten-ende-navigation a .post-navigation__next--title, .nachrichten-ende-navigation a .post-navigation__arrow-prev, .nachrichten-ende-navigation a .post-navigation__arrow-next {
    color: #414756 !important;
}

.nachrichten-ende-navigation a:hover .post-navigation__prev--label, .nachrichten-ende-navigation a:hover .post-navigation__next--label {
    color: #A5ABBD !important;
}

.nachrichten-ende-navigation a:hover .post-navigation__prev--title, .nachrichten-ende-navigation a:hover .post-navigation__next--title {
    color: #414756 !important;
    text-decoration: underline;
}

.nachrichten-ende-navigation a:hover .post-navigation__arrow-prev, .nachrichten-ende-navigation a:hover .post-navigation__arrow-next {
    color: #414756 !important;
}

*/

.post-navigation .icon {
    width: 30px;          
    height: 30px;         
    flex-shrink: 0;       
    display: flex;
    align-items: center;  
    justify-content: center;
}

.post-navigation .icon svg {
    width: 100%;          
    height: 100%;         
    display: block;      
}

.post-navigation .prev-post .icon svg {
    transform: rotate(90deg);
}

.post-navigation .next-post .icon svg {
    transform: rotate(-90deg);
}

.post-navigation .prev-post .icon {
    margin-right: 10px;
}

.post-navigation .next-post .icon {
    margin-left: 10px;
}



.arrow {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: 4px solid #414756;
    border-right: 4px solid #414756;
}

.arrow-left {
    transform: rotate(-135deg);
    margin-right: 15px;
}

.arrow-right {
    transform: rotate(45deg);
    margin-left: 15px;
}
/* Single - Post - ENDE */


@media screen and (max-width:2399px) {
	.gemeinsam-text { font-size: 4.4rem; }
	.im-einsatz-text { font-size: 4.4rem; }
	.sei-auch-du-dabei-text { font-size: 2.5rem; }
	.lerne-bei-uns-text { font-size: 1.5rem; }
}

@media screen and (max-width:1680px) {
	.gemeinsam-text { font-size: 4rem; }
	.im-einsatz-text { font-size: 4rem; }
	.sei-auch-du-dabei-text { font-size: 2.1rem; }
	.lerne-bei-uns-text { font-size: 1.4rem; }

	.drei-karten-titel, .drei-karten-untertitel { font-size: 1.7rem; }
	.drei-karten-button { font-size: 1.2rem; }

	.home-bundesland-titel { font-size: 1.7rem; }  
	.home-bundesland-untertitel { font-size: 1.4rem; }  
	.home-bundesland-text { font-size: 1.2rem; }

	.hast-du-fragen-titel { font-size: 3.2rem; }
	.hast-du-fragen-text { font-size: 1.4rem; }
	.button-faq { font-size: 1.5rem; }

	.aktuelle-nachrichten-titel { font-size: 1.7rem; }

	.kooperationen-home-titel, .unterstuetzer-home-titel { font-size: 1.4rem; }
	
	.zu-allen-nachrichten-button .home-news__all { font-size: 1.4rem; }
}

@media screen and (max-width:1024px) {
	.gemeinsam-text { font-size: 2.6rem; }
	.im-einsatz-text { font-size: 2.6rem; }
	.sei-auch-du-dabei-text { font-size: 1.3rem; }
	.lerne-bei-uns-text { font-size: 1rem; }

	.drei-karten-titel, .drei-karten-untertitel { font-size: 1.6rem; }

	.hast-du-fragen-titel { font-size: 2.1rem; }
	.hast-du-fragen-text { font-size: 1.4rem; }
	.button-faq { font-size: 1.2rem; }

	.zu-allen-nachrichten-button .home-news__all { font-size: 1.2rem; }
}

@media screen and (max-width:767px) {
	.home-hero-image-content { gap: 3px; }
	.gemeinsam-text { font-size: 1.4rem; }
	.im-einsatz-text { font-size: 1.4rem; }
	.sei-auch-du-dabei-text { font-size: 1rem; letter-spacing: 0; }
	.lerne-bei-uns-text { font-size: 0.85rem; line-height: 18px; }

	.drei-karten-titel, .drei-karten-untertitel { font-size: 1.5rem; }
	.drei-karten-button { font-size: 1.125rem; }

	.home-bundesland-titel { font-size: 1.5rem; }  
	.home-bundesland-untertitel { font-size: 1.375rem; }  
	.home-bundesland-text { font-size: 0.875rem; }

	.hast-du-fragen-titel { font-size: 1.4rem; }
	.hast-du-fragen-text { font-size: 0.875rem; }
	.button-faq { font-size: 1.125rem; }

	.kooperationen-home-titel, .unterstuetzer-home-titel { font-size: 1.375rem; }

	.aktuelle-nachrichten-titel { font-size: 1.5rem; }

	.zu-allen-nachrichten-button .home-news__all { font-size: 1.125rem; }
}

@media screen and (max-width:1200px) and (min-width:610px) {
	
	/* FOOTER - Anfang */

  .owr-footer-leiste-02 {
		grid-template-columns: repeat(3, 1fr);
    	gap: 32px 0;
	}
	
	/* FOOTER - ENDE */
}


@media screen and (max-width:1680px) and (min-width:1025px) {
	
	/* HOME - Anfang */
	
	.pfeil-button {
		width: 81px;
		height: 81px;
	}
	
	.icon-pfeil-button {
		width: 51px;
		height: 51px;
		background-size: 51px 51px;
	}
	
	.icon-pfeil-button i {
		font-size: 41px;
	}
	
	.sei-auch-du-dabei-text {
		margin: 14px 0 0 0;
	}
	
	.lerne-bei-uns-text {
		width: 422px;
	}
	
	.home-bundesland-container {
		margin: 80px 0 0 0;
		/* padding: 0 10px; */
	}
	
	.home-bundesland-inner-container {
		padding: 55px 10px;
	}
	
	.hast-du-fragen-home-container {
		padding: 55px 0;
		/* padding: 55px 10px; */
	}
	
	/* .aktuelle-nachrichten-home {
		padding: 55px 10px;
	} */
	
	/* .kooperationen-home-container {
		padding: 0 10px;
	} */
	
	/* HOME - ENDE */
}

@media screen and (max-width:1180px) and (min-width:1169px) { 
	.owr-header-logo {
		width: 110px;
		margin: 0 10px 0 0;
	}

	.owr-header-logo img {
		width: 110px;
		height: 110px;
	}
}

@media screen and (max-width:1168px) and (min-width:1025px) { 
	.owr-header-logo {
		width: 95px;
		margin: 0 8px 0 0;
	}

	.owr-header-logo img {
		width: 95px;
		height: 95px;
	}

	.owr-header__landeswappen {
		width: 30px;
		margin: 0 8px 0 0;
	}

	.owr-header__landeswappen  img {
		width: 30px;
		height: auto;
	}
}

@media screen and (max-width:1120px) and (min-width:1025px) {
	
	/* HEADER - Anfang */
	
	/* .owr-header-logo {
		margin: 0 3px 0 0;
	}
	
	.owr-header__landeswappen {
		margin: 0 3px 0 0;
	} */
		/* BURGENLAND */

		.bundesleitung-link, .lv-link {
			margin: 0 3px 0 0;
		}

		/* BURGENLAND - ENDE */
	/* HEADER - ENDE */
}

@media screen and (min-width:1025px) {
	/* HOME - Anfang */
	
	.home-hero-image {
		min-height: calc(97vh - 239px) !important;
		/*width: 1380px;*/
	}
	
	/* HOME - ENDE */
}


@media screen and (max-width:1024px) {
	
	/* 2 Spalten Templates - Anfang */

	.rechte-spalte-container {
    	padding: 0;
	}
	
	.links-haupt-container {
		width: 100%;
		--order: 99999;
	}

	.owr-header-nav-menu {
		display: none;
    	visibility: hidden;
    	opacity: 0;
	}	

	.owr-header-hamburger-menu {
		display: flex;
		visibility: visible;
		opacity: 1;
	}
	
	/* 2 Spalten Templates - ENDE */

	/* 404-Seite - Anfang*/
	.error-404-box {
        padding: 0 30px 20px 30px;
		gap: 5px;
    }

	.error-404-bg {
		line-height: 189px;
	}

	.error-404-title {
		margin: -39px 0px 100px 0px;
	}
	/* 404-Seite - ENDE*/
}

@media screen and (max-width:1024px) and (min-width:768px) {
	
	/* HEADER - Anfang */
	
	.owr-header-leiste-01 {
		padding: 0 2%;
	}
	
	.owr-header-leiste-02-wrapper {
		min-height: 114px;
		height: 114px;
		padding: 0 2%;
	}

	.main {
		padding-top: 164px;
	}
		
	.owr-header-logo {
		min-width: 90px !important;
		width: 90px !important;
	}

	.owr-header-logo img {
		width: 90px !important;
		height: 90px !important;
	}

	.owr-header__landeswappen {
		min-width: 30px !important;
		width: 30px !important;
	}

	.owr-header__landeswappen  img {
		width: 30px !important;
	}
	
	.owr-header-menu-container {
		width: 75px;
		height: 75px;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
	}
	
	.owr-header-hamburger-menu img {
		width: 58px;
		height: 58px;
	}
	
	/* HEADER - ENDE */
	
	/* HOME - Anfang */
	
	.home-hero-image {
		min-height: calc(78vh - 205px) !important;
	}
	
	.pfeil-button {
		width: 65px;
		height: 65px;
	}
	.icon-pfeil-button {
		width: 36px;
		height: 36px;
		background-size: 36px 36px;
	}
	
	.icon-pfeil-button i {
		font-size: 26px;
	}
	
	.lerne-bei-uns-text {
		width: 302px;
	}
	
	.drei-karten-button a, .zu-allen-nachrichten-button .home-news__all  {
		padding: 12px 14px;
	}
	
	.home-bundesland-container {
		width: 100%;
		/* padding: 0 10px; */
	}
	
	.home-bundesland-inner {
		width: 100%;
		flex-direction: column;
	}
	
	.home-bundesland-spalte-1 {
		width: 100%;
		padding: 0 0 30px 0;
	}
	
	.home-bundesland-spalte-2 {
		width: 100%;
	}
	
	.hast-du-fragen-home-container {
		padding: 55px 0;
		/* padding: 55px 10px; */
	}
	
	/* .aktuelle-nachrichten-home {
		padding: 55px 10px;
	} */
	
	/* .kooperationen-home-container {
		padding: 0 10px;
	} */
	
	/* HOME - ENDE */
	
	/* Seite Ausbildung - Anfang */ 
	
    .ausbildung-box {
		width: 35% !important;
		max-width: 364px;
	}
	
	/* Seite Ausbildung - ENDE */ 
	
	/* FOOTER - Anfang */
	
	.besuche-uns-auch-auf {
		margin: 15px 0 0 0;
	}
	
	.facebook-owr-footer {
		margin: 20px 0 0 0;
	}
	
	/* FOOTER - ENDE */

}

@media screen and (min-width:768px) {
	
	/* HEADER - Anfang */
	
	.elementor-location-header {
	   height: 206px;
	}
	
    /* HEADER - ENDE */
}

@media screen and (max-width:767px) {

	.hide-on-mobile {
		display: none;
	}

	.owr-header-leiste-01-wrapper {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	
	.bundesland-container {
		gap: 2%;
	}
	
	/* HEADER - Anfang */

	.popup-wrapper {
		width: 100%;
	}
	
	.elementor-location-header {
	   height: 85px;
	}
	
	.owr-header-leiste-02-wrapper {
		width: 100%;
		min-height: 85px;
		height: 85px;
		padding: 1% 2%;
		flex-wrap: no-wrap;
		gap: 6px;
		transition: height 0.3s ease, min-height 0.3s ease;
	}

	.main {
		padding-top: 85px;
	}

	.header-wrapper--shrink .owr-header-leiste-02-wrapper {
		 min-height: 60px;
		 height: 60px;
	}

	.owr-header-logo {
		min-width: 68px;
		width: 68px;
	}

	.owr-header-logo img {
		width: 68px;
		height: 68px;
	}

	.header-wrapper--shrink .owr-header-logo {
		 min-width: 50px;
		 width: 50px;
	}

	.header-wrapper--shrink .owr-header-logo img {
		 min-height: 50px;
		 height: 50px;
		 min-width: 50px;
		 width: 50px;
	}

	.owr-header__landeswappen {
		min-width: 25px;
		width: 25px;
	}

	.owr-header__landeswappen  img {
		width: 25px;
	}

	.header-wrapper--shrink .owr-header__landeswappen  {
		 min-width: 20px;
		 width: 20px;
	}

	.header-wrapper--shrink .owr-header__landeswappen  img {
		 min-width: 20px;
		 width: 20px;
	}
	
	.owr-header-leiste-01 {
		padding: 0 2%;
	}
	
	.owr-header-menu-container {
		width: 47px;
		height: 47px;
		flex-grow: 0;
		flex-shrink: 0;
	}	

	.owr-header-hamburger-menu img {
		width: 47px;
		height: 26px;
	}
	
	/* HEADER - ENDE */
	
	/* HOME - Anfang */
	
	.home-hero-image {
    	min-height: calc(45vh - 70px) !important;
		padding: 10px;
	}

	.lerne-schwimmen-box {
    	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 16%) !important;
	}
	
	.hero-bild-verlauf {
		min-height: 123px;
	}
	
	.lerne-bei-uns-text {
		margin: 7px 0 0 0;
	}
	
	.sei-auch-du-dabei-text {
		margin: 8px 0 0 0;
	}
	
	.gemeinsam-text {
		margin: 0 !important;
	}
	
	.lerne-bei-uns-text {
		width: 271px;
	}
	
	.drei-karten-container {
		margin: 40px 0 0 0;
	}
	
	.drei-karten, .lerne-schwimmen-box {
		margin: 0 0 40px 0;
		width: 100% !important;
		min-height: 320px !important;
	}

    .lerne-schwimmen-box {
        order: -1;
    }
	
	.bundesland-box {
        width: 35%;
        margin: 0 0 15px 0;
    }

	.last-box {
		width: 50% !important;
		flex-grow: 0 !important;
	}
		
	.drei-karten-button a, .zu-allen-nachrichten-button .home-news__all  {
		padding: 10px 20px;
	}
	
	.home-bundesland-container {
		width: 100%;
		margin: 50px 0 0 0;
		/* padding: 0 10px; */
	}
	
	.home-bundesland-inner-container {
		width: 100%;
		padding: 30px 0 0 0;
	}

	.home-bundesland-inner {
		flex-direction: column;
	}
	
	.home-bundesland-spalte-1 {
		width: 100%;
		padding: 0;
	}
	
	.home-bundesland-spalte-2 {
		width: 100%;
		justify-content: center;
		gap: 2%;
	}
	
	.home-bundesland-text {
		padding: 10px 0 0 0;
	}
	
	.hast-du-fragen-home-container {
		margin: 0;
		padding: 50px 0;
		/* padding: 50px 10px; */
	}
	
	/* .aktuelle-nachrichten-home {
		margin: 0;
		padding: 30px 10px 40px 10px;
	} */
	
	/* .kooperationen-home-container {
		padding: 0 10px;
	} */
	
	/*
	.logo-kooperationen-home {
		width: 35%;
	}
	*/
	
	/* HOME - ENDE */
	
	/* Seite FUNKTIONÄRE - Anfang */ 
	
    .funktionaere-box {
		justify-content: center;
    }
	
	.funktionaere-spalte-1, .funktionaere-spalte-2 {
		width: 100%;
		align-items: center;
	}
	
	.funktionaere-mail-button {
		margin: 0 !important;
	}
	
	/* Seite FUNKTIONÄRE - ENDE */ 
	
	/* Seite Ausbildung - Anfang */ 
	
	.ausbildung-box {
		margin: 0;
		padding: 0;
	}

	.ausbildung-box-text .elementor-widget-container {
		padding: 10px 0 10px 0;
	}

	.ausbildung-box-bild {
		margin: 0;
		padding: 10px;
	}
	
	/* Seite Ausbildung - ENDE */ 
	
	/* Seite Ausbildung - Anfang */ 
	
    .ausbildung-box {
		width: 35% !important;
		max-width: 140px !important;
		max-height: 220px;
	}
	
	/* Seite Ausbildung - ENDE */ 
	
	/* Seite Jahresberichte - Anfang */
	
    .jahresberichte-download-container, .logo-download-container {
		padding: 8px !important;
		gap: 10px !important;
    }
 
    .jahresberichte-jahreszahl {
		padding: 2px !important;
    }
    
    .jahresberichte-datei-oeffnen, .logo-datei-oeffnen {
		--e-icon-list-icon-size: 17px;
    }
	
	/* Seite Jahresberichte - ENDE */
	
	/* FOOTER - Anfang */
	
	.owr-footer {
		margin: 100px 0 0 0;
	}
	
	#backToTop-pfeil a.elementor-icon {
		font-size: 25px;
	}
	
	.besuche-uns-auch-auf {
		margin: 7px 0 0 0;
	}
	
	.owr-footer-leiste-02 {
		padding: 20px;
		grid-template-columns: 1fr;
    gap: 48px;
	}
		
	/* FOOTER - ENDE */

}

@media screen and (max-width:400px) {
	
	/* HEADER - Anfang */

	.owr-header-leiste-02-wrapper {
		min-height: 85px;
		height: 85px;
		transition: height 0.3s ease, min-height 0.3s ease;
	}

	.header-wrapper--shrink .owr-header-leiste-02 {
			min-height: 60px;
			height: 60px;
	}

	.owr-header-logo {
			min-width: 40px;
			width: 40px;
			margin: 0 2px 0 0;
	}

	.owr-header-logo img {
		width: 40px;
		height: 40px;
	}

	.owr-header__landeswappen {
		width: 20px;
		margin: 0 2px 0 0;
	}

	.owr-header__landeswappen img {
		width: 20px;
	}


	.header-wrapper--shrink .owr-header-logo {
		 min-width: 40px;
		 width: 40px;
	}

	.header-wrapper--shrink .owr-header-logo img {
		 min-height: 30px;
		 height: 100%;
		 min-width: 30px;
		 width: 100%;
	}

	.header-wrapper--shrink .owr-header-logo {
		width: 15px;
	}

	.header-wrapper--shrink .owr-header-logo img {
		width: 15px;
	}
	
	/* HEADER - ENDE */

}



.hero-bild-wrapper {
	background-color: var(--hintergrund-01);
	margin: 0;
	padding: 50px 0;
}

.hero-bild {
	display: block;
	min-height: 433px;
	border-style: solid;
	border-width: 10px;
	border-color: #FFF;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
	background-image: url("assets/images/home/owr-header-home-bild-06.jpg");
}