/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Sophia Ruppel
 Author URI:     https://sophiaruppel.de
 Template:       Divi
 Version:        1.0.0
*/
 
/*-------------------[Starte hier mit eigenem CSS]--------------------*/

/*-------------------[Hauptmenü mobilen Breakpoint ändern]--------------------*/

@media (max-width: 1024px)/* Hier Wert anpassen */ {
   #et_mobile_nav_menu {
      display: block !important;
   } 
   #top-menu {
      display: none;
   }
}

/*-------------------[Linie und Schatten unter Menü entfernen]--------------------*/

#main-header { box-shadow: none !important; }

#main-header.et-fixed-header { box-shadow: none !important; }


/*-------------------[Link-Hover im Mainmenu]--------------------*/

/* Farbe für Link-Hover */

#top-menu li a:hover {
	color: #c92932 !important;
}

/*-------------------[Mobile Menü Breite ändern]--------------------*/

@media (max-width: 980px){
	.container {
		width: 90% !important;
		margin: auto;
	}
}

/*-------------------[Mobile Menü Hintergrundfarbe bei transparentem Menü auf Desktop]--------------------*/
.et_mobile_menu {
	background-color: #F8F0E5!important;
}

/*-------------------[Elemente in Zeile werden zentriert]--------------------*/
.centered {
	align-items: center;
}

/*-------------------[Menü bleibt auf Mobilgeräten geöffnet]--------------------*/

@media (max-width: 980px) {
	.open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
} 

/*-------------------[Spalten auf Mobile umkehren]--------------------*/

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}


/*-------------------[Image Title on hover verbergen]--------------------*/

img {
pointer-events:none;
}

/* Display image titles on hover exception */
.displaytitle img {
pointer-events:auto;
}