/* Gassenhuber CSS */
/* by dwebwerkstatt Karin Gerl */

.overlayContent h3{
	font-family: 'ErasITCmedium';
    font-size: 3rem;
    color: #ffffff;
}

/* Slider Hintergrund  */
.bg_dark{
  background-color: #3d3d3d;
  z-index:1;
}
.bgStyle h1, .bgStyle h3{
  color: #2a2a2a;
  background-color: rgb(255, 255, 255, 40%);
  padding: 2rem 1rem;
  margin: 0;
}
.banner-bg h1{
    color: #2a2a2a;
}


/* MainMenu Schrift  */
.mainnavi .level_1 a, .mainnavi .level_1 span, #header .mod_navigation ul li {
 font-size: 1.2rem; 
 color: #ffffff;
}



.border_rot{
  border: solid 1px #ae0f0a;
  padding: 1rem;
  }
  
#box_rot{
  margin: 0 auto;
  width: 95%;
  margin-bottom:1rem;
}



footer .footer-icons em {
    margin-bottom: 0;
    font-size: 1.5rem;
}

footer p{
    margin: 0 0 13px;
}

.vertical-align {vertical-align: middle!important;}

/* Formular Styling*/
/* Checkboxes and radios  */
.radio, .checkbox {
  margin-left: 1px; 
  margin-right: 6px;
  margin-bottom: 2px;
  line-height: 1;
  vertical-align: middle;
}
.select {
  margin-left: 2px;
}
.widget-radio,
.widget-checkbox,
.widget-select,
.widget-upload {
  margin-bottom: 2px;
}
.radio_container span,
.checkbox_container span{
  	display: inline-flex;
  	align-items: center;
}

form .widget{
  margin: 10px 0;
}
.explanation p {margin-bottom:0!important;}
.widget-radio{margin:0!important;}

/* mobile Version */

@media (max-width: 1000px) {
  .bgStyle h1 {font-size: 3rem;}
  .overlayContent{font-size: 2rem;}
}
@media (max-width: 690px) {
  .bgStyle h1 {font-size: 2rem;}
  .overlayContent h3{font-size: 1.1rem;}
  .mainnavi .level_1 a, .mainnavi .level_1 span, #header .mod_navigation ul li {
 font-size: 0.8rem;  }
}
@media (max-width: 575px) {
/*  #main .inside{padding: 0 1rem;}  */
  .mod_article{padding: 0 1rem;}
  .scrolltop {
    display: none;
    /*     right: 0px!important;
      margin-top: 0;
      position: absolute;
      z-index: 101;
    */    
    }
    footer p{
      font-size: 18px;
    }

}