/*
 Theme Name:     Divi Child Theme
 Author:         Leonie Rieder (www.leonierieder-webdesign.de)
 Author URL:     https://www.leonierieder-webdesign.de
 Template:       Divi
 Version:        3.0.0
*/



/******** ANPASSUNGEN, DIE KEINE CSS-KLASSE BENÖTIGEN ********/


/*** ALLGEMEINE ANPASSUNGEN ***/

/*** Bildtitel in Lightbox ausblenden ***/
.mfp-title {
	display:none;
}


/*** Bilder: Öffnen in neuem Tab unterbinden ***/
.et_pb_image_wrap {
  pointer-events: none;
}



/*** ANPASSUNGEN FÜR DAS MOBILE MENÜ ***/

/*** mobiles Menü: Toggle zu "X" ändern ***/
.opened .mobile_menu_bar:before {
	content: "M";
}


/*** mobiles Menü: fixierter Headerbereich ***/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {

position: fixed;
	} 
}


/*** mobiles Menü: Großbuchstaben ***/
.et_mobile_menu li a,.nav li li a{
	font-family: RedHatDisplay-Regular; 
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
}

/*** Tab-Modul individualiseren ***/

ul.et_pb_tabs_controls {
	background-color: transparent;
}
/*
ul.et_pb_tabs_controls:after {
	border-top: none;
}
*/
.et_pb_tabs_controls li {
	border-right: none;
}



/******** ANPASSUNGEN, DIE EINE CSS-KLASSE BENÖTIGEN ********/


/*** ALLGEMEINE ANPASSUNGEN ***/

/*** Headerbild - CSS-Klasse: headerbild***/

.headerbild.et_pb_section { 
	height: calc(90vh - 190px);
	}
	@media only screen and ( max-width: 980px ){
		.headerbild.et_pb_section{ 
			height: calc(350px); 
			}
			@media only screen and ( max-width: 480px ){
				.headerbild.et_pb_section{ 
					height: calc(450px); 
					}

	}
}

/*** Zeile in Sektion mittig ausrichten - CSS-Klasse: flex-container ***/
.flex-container {
	display: flex;
	justify-content: center;
	align-items: center;
	}
	@media only screen and ( max-width: 980px ){
	.flex-container {
    display: block;
    }
}