/*
 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;
}


/*** Barrierefreiheit: Fokusstyling ***/
*:focus-visible { 
   outline: 1.75px solid /*color*/ #859E89;
   outline-offset: 2px; 
}


/*** Barrierefreiheit: Submenü mit Tab öffnen ***/
li:focus-within > ul { 
	opacity: 1; visibility: visible; 
} 
.menu-item li a:focus { 
	display: block; 
}


/*** Barrierefreiheit: Styling Skip to Content-Link ***/
.skip-link {
  position: fixed;
  top: 20px;
  left: 20px;
  background-color: #eae6e3;
  color: #301f17;
  padding: 12px 20px;
  z-index: 999999;
  font-weight: bold;
  font-size: 18px;
 
  /* Link standardmäßig unsichtbar machen */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
 

/*** Skip to Content-Link bei Fokus sichtbar machen ***/ 
.skip-link:focus, 
.skip-link:focus-visible { 
  opacity: 1; 
  pointer-events: auto; 
  outline: 1.75px solid /*color*/ #859E89;
} 



/*** 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: MontserratRegular; 
	font-size:13px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}



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


/*** ALLGEMEINE ANPASSUNGEN ***/

/*** Menü: Elternelement des Submenüs nicht klickbar machen - CSS-Klasse: no-link-menu ***/
.no-link-menu > a {
   pointer-events: none; /* Verhindert Klicks */
   cursor: default; /* ändert den Mauszeiger zu Standard */
}


/*** Header Fullscreen 100vh - CSS-Klasse: header-fullscreen ***/
.header-fullscreen.et_pb_section { 
	height: calc(100vh - 110px);
	}
	@media only screen and ( max-width: 980px ){
		.header-fullscreen.et_pb_section{ 
			height: calc(1250px); 
			}
			@media only screen and ( max-width: 480px ){
				.header-fullscreen.et_pb_section{ 
					height: calc(844px); 
					}

	}
}


/*** Header Fullscreen 75vh - CSS-Klasse: header-fullscreen-2 ***/
.header-fullscreen-2.et_pb_section { 
	display: flex;
	min-height: calc(75vh - 110px);
	}
	@media only screen and ( max-width: 980px ){
		.header-fullscreen-2.et_pb_section{ 
			height: calc(1075px); 
			}
			@media only screen and ( max-width: 480px ){
				.header-fullscreen-2.et_pb_section{ 
					height: calc(775px); 
					}

	}
}



/*** Header Fullscreen 55vh - CSS-Klasse: header-fullscreen-4 ***/
.header-fullscreen-3.et_pb_section { 
	height: calc(55vh);
	}
	@media only screen and ( max-width: 980px ){
		.header-fullscreen-3.et_pb_section{ 
			height: calc(30vh); 
			}
			@media only screen and ( max-width: 480px ){
				.header-fullscreen-3.et_pb_section{ 
					height: calc(50vh); 
					}

	}
}


/*** Header Fullscreen WEBSITEmastery 100vh - CSS-Klasse: header-fullscreen-wm ***/
.header-fullscreen-wm.et_pb_section { 
	display: flex;
	min-height: calc(100vh - 110px);
	}
	@media only screen and ( max-width: 980px ){
		.header-fullscreen-wm.et_pb_section{ 
			height: calc(75vh); 
			}
			@media only screen and ( max-width: 480px ){
				.header-fullscreen-wm.et_pb_section{ 
					display: flex;
					}

	}
}


/*** Zeile in Sektion mittig ausrichten (Header) - 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;
    }
}


/*** Zeile in Sektion mittig ausrichten (Header Blog) - CSS-Klasse: flex-container-2 ***/
.flex-container-2 {
	display: flex;
	justify-content: center;
	align-items: center;
}


/*** Externe Links stylen und via Icon kennzeichnen ***/
a.external-link {
	text-decoration: none;
	border-bottom: 0.1em dotted;
}

a.external-link:after {
	font-family:FontAwesome;
	content:" \f08e";
	font-size: 14px;
	color: #301f17;
	margin-left: 0.3em;
}


/*** Externe Links stylen im Button via Icon kennzeichnen ***/
a.external-link-button {
	text-decoration: none;
}

a.external-link-button:after {
	font-family:FontAwesome;
	content:" \f08e";
	font-size: 14px;
	color: #301f17;
	margin-left: 0.3em;
}


/*** mobies Menü WEBSITEmastery: Textausrichtung ***/
@media (max-width: 980px) {
.menu-wm.et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
        list-style: none !important;
        text-align: center;
    }
}