/* momain CSS */
html,body,h1,h2,h3,h4,h5,h6 {
font-family:  Arial, Helvetica, sans-serif;
}

body,html {
 height: 100%;
 font-size:16px;
}
#nachHeader {}
h1 {
  /* font-size: calc(18px + (24 - 18) * (100vw - 400px) / (800 - 400)); */
  font-size: calc(18px + (24 - 18) * (100vw - 400px) / (800 - 400));
}

/* DIV WRAPPER */
#wrapper{
  
}

.w3-bar{
 /*color:#577284;background-color: #F4F15E;*/
 color: #BE9EC9;
}
.w3-bar-item{ 
 /*color: #E6B000; */
}
.w3-bar-item:hover{
 color: #E6B000; 
background-color: #FFFF00;
}
.w3-border-mo{
border-color: #c48f65 !important;
}
.w3-gruen{
color:#FFFFFF;background-color:DodgerBlue;}

.termin{
padding-left::16px;
} 
#dirigenten{
margin-top: 400px;
}
 
#MOTitle{
  color: #BE9EC9;
}
#MOTitle::first-letter {
  /*font-size: 200%;*/
  color: #E6B000;
  font-weight:300;  
}
.theo {
  font-size: 200%;
  color: #E6B000;
  font-weight:300;
}
.theoi {
  font-size: 140%;
  font-weight:300;
  color: #E6B000;
}
.theotext {  
  color: #E6B000;
   font-weight:200;
}
.theonav {  
 color: #E6B000; 
  /* color: #BE9EC9; */ 
}

#KONTAKTTitle { 
  padding-left: 0.5em;color: #74787C;
}
#HEADINGTitle {
 
}
#TERMINETitle{
 padding-left: 0.5em;
}
#TERMINETitle2{
  padding-left: 0.5em;color: #74787C;
}
#GALtitle{padding-left: 0.5em; }
#dasOrchester{ padding-left: 0.5em; }
#vorstand{ padding-left: 0.5em; }
#ensemble{ padding-left: 0.5em; }
#spielleiter{ padding-left: 0.5em; }
#listen{ padding-left: 0.5em; }

#MOFooter{
  margin-top: 1em;
  border-top: solid;
  border-top-color: #E6B000;
}

/*TERMINE*/
.tevent{
color:#577284;
font-size: 1.875em;
}
.tdatum{ 
margin-left: 0.2em;
}
.tzeit{ 
margin-left: 0.2em;
}
.tort{ 
margin-left: 0.2em;
}

/* Scroll to top */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  
  background-color: #E6B000;
  color: #FFFF00;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #FFFF00;
  color: #b00149;
}

/* slides galery prev next*/
.prev{color: #c48f65; }
.next{color: #c48f65; }

.verweisextra{text-decoration:none; }

.centeredtext {
  position: absolute;
  top: 90%;
  width: 100%;
  background: #EEFEFE; 
 }
.containerig {
  position: relative;
  text-align: center;
  color: #c48f65;
}  
.MOTHinweis{
background-color: white;
}

#post{
color:#000000;
}
#email{
color:#000000;

}
#phones{
color:#000000;
} 
#mohomenav{

}
.MOSEC{
background-color: #eee;
 }
 #MOTitle2{
  color: #BE9EC9;font-weight:300; 
}
#MOTitle2::first-letter {
  /*font-size: 200%;*/
  color: #E6B000;
  font-weight:300;  
}
#musik{
padding-top: 70px;
}
#GA{padding-top: 70px; }
#seitenspruenge{padding-top: 70px; }

.cseitenspContent{
color: #FF80FF; 
/* background-color: #0275d8; */
 }
.bgimg {
  background-position: center;
  background-size: cover;
  background-image: url("../images/instrumente.jpg");
  min-height: 95%;
}
.bgimgsub {
  background-position: center;
  background-size: cover;
  background-image: url("../images/instrumente.jpg");
  min-height: 50%;
}
.menu {
  display: none;
}
.bg-texttesting  {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: #FFFF80;
  font-weight: bold;
  /* border: 0px solid #f1f1f1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  padding: 20px;
  text-align: center; */
  
}
.MONAV{
background-color: #FFFFFF;
/*background-color: #E6B000;
  color: #FFFF00;
background-color: #FDFBC7; 
background-color: #E4E20F;*/
 }
 .MONAV:hover{
/* background-color: #FFFF00;
  color: #b00149;
background-color: #FDFBC7; 
background-color: #E4E20F;*/
 }
 ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #FFFFFF;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "|";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.containermo {
  position: relative;
  /*max-width: 800px;
  margin: 0 auto;*/
}

.containermo img {vertical-align: middle;}

.containermo .contentmo {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  /*color: #f1f1f1;*/
  color:#FF80FF;
  /* width: 100%;
  padding: 20px; */
  width: 100%;
  padding: 0px;
}
.mosmallnav{
color:#fff;background-color:#D2A51E;
}
.dirigentenmehr a{
text-decoration: none;
}

@media only screen and (max-width: 800px) {
#movorstand {
  font-size: 14px;
}

}
@media only screen and (min-width: 800px) {
 .containermo {
   position: relative;
   width: 50%;
   height:auto;
   object-fit:cover;
   margin-left: 25%;
   /*max-width: 50%;max-width: 800px;
   margin: 0 auto;*/
   
 }
 .containermo .contentmo {
 width: 50%;margin-left: 25%;
 }
 #MO2023 { 
  text-align:center;
  background-color:#FFFF00;
 }
 #MO2023no { 
  text-align:center;
  
 }
}