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

/*-------------------[Abstände nach Überschriften]--------------------*/

h1 {margin-bottom: 20px;}
h2 {margin-bottom: 20px;}
h3 {margin-bottom: 10px;}

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

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

span.mobile_menu_bar:before{
  color:#ffffff !important;
}

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

}
	

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

/* Farbe für Link-Hover */

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

/*-------------------[Links generell unterstreichen]--------------------
a {
    text-decoration: underline;
}
*/

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

@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;
}

/*-------------------[Button im Hauptmenü anzeigen]--------------------*/

@media all and (min-width: 980px) {
	.menu-button {
		padding: 0!important;
		background: #ECD3D3;
		border-radius: 4px;
		border: solid 2px #ECD3D3;
		transition: 0.3 s;
	}
	.menu-button a{
		color: #330909!important;
		font-weight: bold!important;
		padding: 10px 20px 10px 20px!important;
	}

	.menu-button a:hover {
		opacity: 1;
		color: #330909!important;
	}

	.menu-button:hover {
		border: solid 2px #e3bdbd;
		background: #e3bdbd;
		color: #330909!important;
		
	}
	
	.et-fixed-header #top-menu .menu-button a {
		color: #330909!important;
	}
	
/* Search Icon positionieren - nur Desktop */

	#et_top_search {
		float: right;
		margin: 13px 20px 0 20px;
	}
}