/*
Theme Name: Divi Child Theme
Version: 2.0 XXXXX
Template: Divi
*/

/*
Check
*/

#toolbarViewer{
visibility: hidden!important;
 }
.html5gallery-title-2 {
/*height: 90px!Important;*/
 }
/*-----------------------  KONZERTE  ----------------------- */
/* ---- handy hochkant ------- */
@media all and (min-width: 200px) and (max-width: 649px){
   .events_row_two_columns{
    display: flex!important;
    flex-wrap: wrap;   
  margin-top:10px!Important;  
  margin-bottom:0x!important;
  padding-top:0!Important;
  padding-right: 0!important;
 } 
 .events_row_two_columns_text .et_pb_column{
  width: 100%!important;
   margin-bottom:15px!important;
 }     
.events_row_column_one{
  padding-right: 0!important;
   order:2!important;
}
  .events_row_column_two{
  margin-top:0!Important;      
  padding-top:0!Important;
  padding-right: 0!important;
  order:1!important;
}
  .events_row_Headline_over_pic{
    font-size:23px!important;
    width: 100%!important;
   margin-top: 0!important;
  margin-bottom:0!Important;
  padding-top:0!Important;
  padding-bottom:0!Important;
}   
    .events_row_Headline{
    font-size:23px!important;
    width: 100%!important;
  margin-bottom: 30px;
  margin-top: 0;
  padding-top: 0!Important;
}

  .Headline_Konzerte_fontstyle{
     padding-left: 18px!important;
     padding-bottom: 0!important;
    margin-bottom: 0!important;
    } 
  .Konzerte_main_txt_AG_titel{
      width:100%!important;
      padding-top: 4px!important; 
    padding-left: 20px!important; 
    font-size: 17px!important; 
       color: #0a34a8!important;
     }
  
 .Foto_Konzertzeile{
    margin-top:-64px!Important;
    padding-top:0!Important;
    box-shadow: none!Important;
    }
   .Konzerte_main_txt_AG{
  width:100%!important;
  font-size:15px!important;
  margin-top:10px!important;
  padding-left: 20px!important; 
   } 
  .Konzerte_main_txt_AG_ZeileOhneBild{
  width:100%!important;
  margin-top:-70px!important;
  padding-left: 20px!important; 
   font-size: 15px!important; 
   } 
  
.Konzerte_main_txt_Date_AG{
  width:100%!important;
  font-size: 16px!important; 
     font-weight: 500;
     padding-left:20px!important;
     padding-bottom: 30px!important;
     padding-top: 0!important;
    border-bottom: 1px dotted #000!important; /* 1px Dicke, gepunktet, schwarz*/
 }

  } 



/*------- breiter ------- */
@media all and (min-width: 650px){
  .events_row_Headline{
  width: 60%!important;
  margin-bottom:10px!Important;
}   
    .events_row_Headline_over_pic{
  width: 60%!important;
  margin-top: 0!important;
  margin-bottom:0!Important;
  padding-top:0!Important;
  padding-bottom:0!Important;
}   
  .Konzerte_main_txt_AG_ZeileOhneBild{
  width:100%!important;
  margin-top:-12px!important;
  padding-left:18px!important;  
   } 
   .Headline_Konzerte_fontstyle{
  font-size:23px!important;
   color: #0a34a8!important;
   }
  .Konzerte_main_txt_AG{
    font-size:15px!important;
    margin-top:10px!important;
   }  
.Konzerte_main_txt_Date_AG{
    font-size:16px!important;
     padding-bottom:30px!important;
     }
  .Foto_Konzertzeile{
   padding-top:0!important;
   margin-top:-18px!important;
}   
  
.events_row_two_columns{
 width: 60%!important;
  border-bottom: 1px dotted #000!important; /* 1px Dicke, gepunktet, schwarz */
  margin-top: 4px!important;
}
.events_row_two_columns .et_pb_column {
 width: 50%!important;
 }
.events_row_two_columns_text .et_pb_column{
width: 50%!important;
 }  
.events_row_column_one{
  padding-right: 10px!important;
  margin-top: 0!important;
  padding-top: 0!important;
 }
  .events_row_column_two{
  padding-bottom: 40px!important;
 }
}


   
/*-----------------------Ende KONZERTE ---------------------------- */







.footer_line_text{
 display:flex!important;
  } 


.html5gallery-car-4{
   width: 345px!Important;
}
.html5gallery-car-list-4{
   width: 345px!Important;
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: white!Important;
}
  @media only screen and (max-width: 979px){
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: white!Important;
  font-size: 40px!Important;
}
}


/* Menü Container_______________*/
.container {
    width: 95%!Important;
    max-width: 2580px!Important;
    margin: auto;
    position: relative;
    margin-left: 0;
}

  @media only screen and (max-width: 979px){
#main-header{
 height: 50px!Important;
    padding:0!Important;
    background-color: rgba(0,0,22,0.76)!Important;
/*background-image: url('http://localhost:8888/AG/wp-content/uploads/BG_header_60px_6.jpg')!important;
background-repeat: no-repeat;*/
/* background-size: contain; */
background-size: cover;
}
}






/*  S U B M EN Ü */
#main-header .nav li ul a {
   /* background-color:aqua!important;*/
 /*background-color: rgb(35 58 158 / 60%)!Important;*/
   border-bottom: 1px solid #bababa!important;
 font-size: 18px!important;
    width: 150px;
    line-height: 32px;
 /*background-image: url('http://localhost:8888/AG/wp-content/uploads/01_syspic/BG_Menu.jpg')!important;
    background-size: 150px;*/
  }  

/*  Test offenes Menu 
 .nav li ul {
visibility: visible;!important;
  opacity: 1!important;
   }       
*/




  @media only screen and (min-width: 980px){
#main-header{
 height: 60px!Important;
padding:0!Important;
/*background-image: url('http://localhost:8888/AG/wp-content/uploads/01_syspic/BG_header_60px_6.jpg')!important;*/
background-repeat: no-repeat;
/* background-size: contain; */
background-size: cover;}

#top-menu-nav, #top-menu {
    line-height: 0;
    font-weight: 400;
    margin-right:-10px!important;
}
}

#top-menu a{
color:white!important;
}

/* Menü Container MOBILE_______________*/


/* SCHATTEN_______________*/
#page-container .et-fixed-header#main-header {
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.45)!important;
-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.45)!important;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.45)!important;
}
#main-header, #main-header.et-fixed-header {
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.45)!important;
-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.45)!important;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.45)!important;
  z-index: 999999 !important;

  } 
/* SCHATTEN ENDE_______________*/


  @media only screen and (max-width: 767px){
 #main-header{
 height: 50px!Important;  
   }
 }
  @media only screen and (min-width: 768px){
  main-header{
 height: 50px!Important;  
   }
 }

.et_fixed_nav #main-header {
position: fixed!Important;
background-image: url('../../uploads/BG_header_60px_6.jpg')!Important;
}



#top-menu li {
padding-right: 26px!Important;
}

.container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
max-width: 100%!Important;
}

.nav li li {
/* position: relative; */
line-height: 2em!Important;
padding-left: 0!Important;
}

#top-menu li li {
padding-left:0!important;
margin: 0!important;
}

.nav li ul{
    background-color: transparent!Important;
 /*    background: linear-gradient(78deg, rgba(97, 116, 166, 1) 0%, rgba(58, 80, 140, 1) 70%, rgba(44, 57, 91, 0.9037990196078431) 90%)!important;*/
 padding:0!important;
    width: 250px!important;
    border-color: white!important;
    margin-left: -30px;
    border-top: 1px solid white!important;

}

.et_mobile_menu li a {
  font-size: 18px!Important;
    font-weight: 400!Important;
    line-height: 16px!Important;
}

@media (max-width: 1050px){
/*@media (max-width: 980px){*/
 #et-top-navigation {
  padding-top: 12px!Important;
     font-weight: 500!Important;
     line-height: 13px!Important;
}
}



#main-header .et_mobile_menu {
   /* background-color: rgb(35 58 158 / 50%)!Important;*/
    background-color: #494b6b!Important;
}
.et_mobile_menu {
    margin-left: 66%!Important;
    width: 200px!Important;
    margin-top: -20px!Important;
    padding-left: 5px!Important;
    padding: 0%!Important;
    border-top: none!Important;
}

@media (max-width: 980px){
#et_mobile_nav_menu {
margin-top: -4px!Important;
}

@media (min-width: 981px){
.et_fullwidth_nav #main-header .container {
    width: 97%!Important;
    max-width: 98%!Important;
    padding-right: 40px!Important;
    padding-left: 30px;
  }  
}

#logo {
width: auto;
-webkit-transition: none!Important;;
transition: none!Important;;
margin-bottom: 0;
max-height: 34px;
display: inline-block;
float: none;
vertical-align: middle;
/* -webkit-transform: translate3d(0, 0, 0); */
}
  
  @media only screen and (max-width: 767px){
#logo {
 height: 28px!Important;
 margin-top: 9px!Important;
 margin-left: 16px!Important;
/* margin-bottom: 20px!Important;
/* box-shadow: 0px 0px 0px 0px #696969; 
    - Logo wird heller*/
 }
}

.span.logo_helper{
 height:auto!Important;
}

  @media only screen and (min-width: 981px){
#logo {
max-height: 36px!Important;
margin-top: 10px!Important;
    padding-left:5%!Important;
/* box-shadow: 0px 0px 0px 0px #696969; 
    - Logo wird heller*/
}
}
.header {
  position: sticky!important;
}

span.logo_helper {
    display: contents!important;
}

.et_fixed-header {
    position: sticky!Important;
}

.et_fixed_nav #main-header {
    position: fixed!Important;
}

.et_header_style_left .logo_container {
position: absolute;
 /*margin-left: -20px!important;
margin-bottom: 20px!important;*/
}

@media only screen and (min-width: 981px){
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
  /* padding: 0!important;*/
}


  /* ----------- Seitenüberschriften -------------*/
@media all and (min-width: 767px) {
.main_content_headline{
margin-top: 14px!important;
 } 
} 
@media all and (max-width: 766px) {
.main_content_headline{
margin-top: 0!important;
margin-bottom: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
 } 
} 

@media only screen and (min-width: 981px){
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
padding: 22px 0 0 0!Important;
}


@media all and (min-width: 767px) {
.main_content_headline_text {
font-family: Montserrat!important;
font-size: 34px!important;
margin-top: 0!important;
padding-top: 30px!important;
 } 
} 
  /* ----------- Seitenüberschriften ENDE -------------*/

#main-footer{
  /* display:none!Important;*/
 }



.my_footer_section{
  height: 18px!Important;
 }

.my_piano_footer_line{
background-color: #40415e!important;
 }


/* -> Live = Events = Konzerte Seite_______________*/


/*** Smartphone Only ***/
@media all and (min-width: 767px) {
 .Headline_live {  
margin-top: 26px!important;
font-family: Montserrat !important;
 } 
} 



 /* -------------------Live_Zeile_2Spalten -------------- */
.Live_Zeile_2Spalten{
 border-radius: 6px 6px 6px 6px!important;
 }

 @media all and (max-width: 767px){
.Live_Zeile_2Spalten{
padding-left: 0!important;
margin-left: 0!important;
 width: 100%important;
    margin-top: 0!important;
    margin-bottom: 15px!important;
    padding-top: 0!important;
    padding-bottom: 10px!important;
 } 
 } 

@media all and (min-width: 768px) {
.Live_Zeile_2Spalten{
 display:flex!important;
 max-width:80%!important;

    margin-top: 0!important;
    margin-bottom: 20px!important;
    padding-top: 0!important;
    padding-bottom: 18px!important;
    padding-left: 30px!important;
    border-color: #8f8f8f;
    border-width: 1px;
  /*  background-color: white!important;*/
    background-color: rgba(255, 255, 255, 0.93)!important;
   
  }  
  }
.live_main_txt_AG_Sub{
 font-size:18px!important;
 }
 /* ---------- End Live_Zeile_2Spalten ------------- */




 @media all and (max-width: 767px){
.Headline_live{
padding-left: 4%!important;
margin-bottom: 1%!important;
 } 
}  
 

 @media all and (max-width: 767px){
.Headline_live_small{
padding-left: 4%!important;
margin-bottom: 1%!important;
 } 
} 
@media all and (min-width: 768px) {
.live_main_txt_AG {
color:#0a34a8!important;  
font-size: 16px!important;
font-weight:300!important;
padding-right: 15px!important;
margin-top: 9px!important;
  font-family: Montserrat!important;
  }
 }   

.live_main_txt_Date { 
 font-size: 16px!important;
  color:black!important;
  font-weight:400!important;
  font-family: Montserrat!important;
 }

.live_main_txt_AG_mobile_SubHead {
 font-size: 16px!important;
  padding-top: 10px!important;
  padding-left: 29px!important;
  color:black!important;
  font-weight:300!important;
  font-family: Montserrat!important;
 }
.live_main_txt_AG_mobile {
 font-size: 15px!important;
  padding-top: 10px!important;
  padding-left: 29px!important;
  color:black!important;
  font-weight:300!important;
  font-family: Montserrat!important;
 }
.live_main_txt_AG_mobile_Date {
 font-size: 14px!important;
  padding-top: 10px!important;
  padding-left: 29px!important;
  color:black!important;
  font-weight:300!important;
  font-family: Montserrat!important;
 }


/* Live = Events = Konzerte Seite ENDE_______________*/


/*----------------- SEITE Übersicht - 4 Spalten ------------------ */
/* ------------ 1. iPhone quer ------ */
@media only screen and (min-width: 650px) and (max-width: 767px){
.UE_row_1{
/*margin-top: 0px!important;*/ 
}
    
.UE_row_1_column_2_txt{
margin-top: 34px!important; 
}
.UE_row_1_column_4_txt{
margin-top: 56px!important; 
}

/*---- margin zur nächsten Zeile ---- */
 .UE_column_3_pic{
  margin-top: 10px!important; 
 }   
    
 /*---- margin zur nächsten Zeile ---- */   
.UE_row_2{
padding-top: 0!important; 
margin-top: 10px!important; 
}
.UE_row_2_column_2_txt{
     margin-top: 32px!important; 
}
.UE_row_2_column_4_txt{
margin-top: 58px!important; 
}

.UE_row_3{
padding-top: 14px!important; 
}
.UE_row_3_column_2_txt{
      margin-top: 44px!important; 
}       
.UE_column_4_txt{
    margin-top: 62px!important; 
 }         
}


/* ------------ 1. iPad ------ /*
@media only screen and (min-width: 768px) and (max-width: 770px){
.UE_row_1{
/*padding-top: -30px!important; /*
}
    
.UE_row_1_column_2_txt{
margin-top:-34px!important; 
padding-top: 0px!important; 
}
.UE_row_1_column_4_txt{
margin-top: -2px!important; 
}

/*---- margin zur nächsten Zeile ---- */
 .UE_column_3_pic{
  margin-top: 30px!important; 
 }   
    
 /*---- margin zur nächsten Zeile ---- */   
.UE_row_2{
    padding-top: 0!important; 
margin-top: 10px!important; 
}
.UE_row_2_column_2_txt{
    padding-top: 0!important; 
     margin-top: -34px!important; 
}
.UE_row_2_column_4_txt{
    margin-top: 0!important; 
}

.UE_row_3{
/*padding-top: -24px!important; */
}
.UE_row_3_column_2_txt{
      margin-top: 0!important; 
}       
.UE_column_4_txt{
    margin-top: 32px!important; 
 }