/*
 Theme Name:     Divi-child
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Vorlaender and friends
 Author URI:     https://www.vorlaender-friends.de
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

.hovereffect .et_pb_image {overflow:hidden;}
.hovereffect .et_pb_image_wrap img {transition: all .2s ease-in-out;}
.hovereffect .et_pb_image_wrap img:hover {
	transform: scale(1.05);
	filter:brightness(30%);
	-webkit-filter:brightness(30%);
}

#main-content .et_pb_section_0 {
    padding: 0px 0px 0px 0px !important;
}
.csc-firstHeader {
padding-top:20px;
}

#main-content .et_pb_row_0.et_pb_row{padding-top:0px;}

.et-pb-controllers a {
	width: 15px !important;
	height: 15px !important;
}

#mpmheader .et_pb_blurb_description a { color:white; }

.disable-lightbox a {
pointer-events: none;
}

.disable-lightbox .et_overlay {
display: none !important;
}

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li a {
    text-transform: uppercase;
    color: white!important;
}
/* Hintergrund grauer Beton 
body.custom-background {
background-position: top center !important;
background-image: url(https://www.mpm-music.de/wp-content/uploads/2020/03/31751.jpg) !important;
background-repeat: no-repeat !important;
background-attachment: fixed;
background-size: cover !important;
background-color:rgba(255,255,255,0.0);
}*/
/* Bugfix f�r iOS, da sonst das Hintergrundbild bei langen Seiten gestretched wird 
@media screen and (max-width: 414px){
body.custom-background{
background-size: contain !important;
background-repeat: repeat !important;
}
}*/
/* Sektionen m�ssen transparent sein, damit das body-Hintergrundbild sichtbar bleibt 
.et_pb_section { background-color:rgba(255,255,255,0.0); }
#main-content {
    background:transparent !important;
}*/

/* Specific portfolio module image zoom (replace the 0 below with the ID of the
portfolio you want to change) */
@media (min-width: 800px){
.et_pb_portfolio_0 .et_pb_portfolio_item:hover, .et_pb_filterable_portfolio_0 .et_pb_portfolio_item:hover {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 }
.et_pb_portfolio_0 .et_pb_portfolio_item:hover,  .et_pb_filterable_portfolio_0 .et_pb_portfolio_item:hover {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 }
 /* Zoom effect */
 .image-zoom img {
 transition:all 0.5s;
 -moz-transition:all 0.5s;
 -webkit-transition:all 0.5s;
 }
 .image-zoom img:hover{
 transform:scale(1.1);
 -moz-transform: scale(1.1);
 -webkit-transform:scale(1.1);
 }
}

/* Portfolio auf Mobilger�ten zweispaltig */
@media (max-width: 479px){
.et_pb_column .et_pb_grid_item.et_pb_portfolio_item.first_in_row {
width: 47.5%!important;
margin: 0 5% 5% 0;
}
.et_pb_column .et_pb_grid_item.et_pb_portfolio_item.last_in_row {
width: 47.5%!important;
margin: 0 0 5% 0!important;
}

}

.et_portfolio_image img {
    display: block;
}
/* Farbverlauf-Overlay f�r Portfoliobilder, damit wei�er Text auch auf wei�en Hintergr�nden sichtbar ist */
.et_portfolio_image:after {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: radial-gradient(circle,rgba(255,255,255,0),rgba(100,100,100,0.15),rgba(0,0,0,0.65) 100%);
}

/* Bug beheben: Eingestellte Headerbreite wird auf Projektseiten nicht �bernommen */
.et_pb_section_0_tb_header.et_pb_section {
width:100%;
max-width:100%;
background-color:white;
}
.et_pb_button:before, .et_pb_button:after { right:20px;}

/* Submenu */
.et_pb_menu_0_tb_header.et_pb_menu ul li ul.submenu li a  {
text-transform:none;
color:black;
font-weight:normal;
}


/* Ab jetzt alles f�rs Divi Standard-Men� */
#top-menu a:hover { color:#ccc; }
ul#top-menu {
text-transform:uppercase;
}
ul#top-menu li {
/* margin-top:-20px; */
}
#top-menu li.current_page_item a,
#top-menu li.current_page_parent a {
padding-top:30px;
padding-left:20px;
padding-right:20px;
background-color:#fdb813;
color:white;
}
.et-fixed-header #top-menu .sub-menu a {
color:white !important;
}
.nav li li,
#top-menu li.current_page_parent li,
#top-menu li.current_page_item li {
line-height:1.2em;
text-transform:none;
}
.sub-menu a {
text-transform:none;
display:block;
}
#top-menu li li a,
#top-menu li.current_page_parent li a,
#top-menu li.current_page_item li a {
display:block;
padding:5px 10px;
width:240px;
}
#top-menu li li {
padding:0;
margin:0;
}
#top-menu li li a {
margin:0px;
}
.nav li ul {
padding:0;
border:none;
}
#top-menu li li a:hover,
#top-menu li.current_page_parent li a:hover {
background-color:#88898c;
color:white !important;
opacity:1;
}
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
display:none;
}


/* Anpassung mobile Men�s / fixed Header */

.et_fixed_nav #main-header {
position: fixed !important;
}
.et_mobile_menu{
    height:400px!important;
    overflow-y:auto!important;
 }

#main-footer { display:none; }

/* Letztes Submen� rechtsb�ndig statt linksb�ndig */
#page-container .et_pb_menu .et_pb_menu__menu nav ul li.kontaktlink ul.sub-menu {
position: absolute;
right: 0 !important;
left: auto;
}

/* Submen�s kompakter */
.et-menu li li a {
width:240px;
border-bottom:1px solid #eee;
}
.nav li li {
    padding: 0;
    margin: 0;
}

.et_pb_fullwidth_menu .et-menu-nav>ul ul, .et_pb_menu .et-menu-nav>ul ul {
padding:0;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5);
}

/*Search result sidebar ausblenden */
#sidebar { display:none; }

/*Search result bild verkleinern */
.et_pb_image_container img, .et_pb_post a img {
	max-width: 150px;
	max-height: 150px;
}

/* Search result Text rechts neben Bild verschieben*/
.et_pb_post .entry-featured-image-url {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    width: 150px;
    float: left;
    margin: 5px 30px 30px 0px !important;
}