.bgLightGray {
  background-color: #eae4e4;
}

.bgDarkGray {
  background-color: #989697;
}

.bgMiddleGray {
  background-color: #b4b2b3;
}

.clrWhite {
  color: #dcdcdf;
}
.clrDarkGrau{
  color:#696768;
}
.whiteBorder {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.imgBorder{
    border-left: 1px solid white;
    border-right: 1px solid white;
}
#main_navigation {
  background-image: url("../image/grau.jpg");
  padding-top: 2%;
  padding-right: 10%;
}
.leftMargin7{
  margin-left:7%;
}

#navbar a {
  color: #ffffff;
}

#main_imageTwo {
  margin: 2%;
  border: 2px solid #989697;
}

.marginTop5 {
  margin-top: 5%;
}
.marginTop2 {
  margin-top: 2%;
}
.marginTopBottom2 {
  margin-top: 2%;
  margin-bottom: 2%;
}
.marginTopBottom5 {
  margin-top: 5%;
  margin-bottom: 5%;
}
.margin2 {
  margin: 2%;
}

.marginLeft5{
    margin-left: 5%;
}

.marginRight10{
    margin-right: 10%;
}

.marginLeft10{
    margin-left: 7.5%;
}

.margin10 {
    margin-left: 10%;
    margin-top: 0%;
    margin-bottom: 0%;
}

.margin10_2 {
     margin-left: 10%;
     margin-top: 2%;
     margin-bottom: 2%;
 }
.padding3{
    padding:3%;
}
.seoFirst {
  text-align: center;
}

.lblTitle{
    color : #555555;
}

.seoFirst h1 {
  color: #dcdcdf;
  font-size: 1.5em;
}
.pMarginBottomZero p {
  margin-bottom: 0px;
}
.seo h3 {
  margin-top: 5%;
  font-size: 1.5em;
}

.seo h1 {
  font-size: 1.5em;
}
.seoList ul {
  list-style: none;
  margin-top: 4%;
}
.seoList li {
  padding: 5px;
}
.seoList h1 {
  color: #dcdcdf;
  font-size: 1.3em;
}
.seoList a{
  color: #dcdcdf;
}
#footer button {
  width: 100%;


}
#footer{
  text-align: left;
  padding-top: 17px;
  padding-bottom: 17px;

}
#footer .dropdown-menu {
  width: 93%;
}
.frauTitle {
  color: #696768;
}

.frauTitle2 {
    color: #dcdcdf;
}

.frauText p {
    padding-left:35px;
    color : #555555;
}

.frauText2 p {
    color : #dcdcdf;
}

body {
  font-family: Agency FB, Arial Narrow, Sylfaen, Microsoft Sans Serif, Times New Roman;
}

.rightPaddingZero {
  padding-right: 0px;
}
.leftPaddingZero {
  padding-left: 0px;
}

.floatRight {
  float: right;
}
.customToggle .active {
  background-color: #008000 !important;
  box-shadow: 5px 10px 18px #888888;
}
.customToggle button {
  border-radius: 35%;
  box-shadow: inset 0 0 10px #000000;
  padding: 15px;
  background-color: #dcdcdf;
  color: black;
  margin-right: 20px;
}
.customToggle {
  float: right;
  margin-bottom: 2%;
}
.height100{
  height:100%;
}
@media only screen and (max-width: 768px) {
    .padding3{
        padding: 0%;
    }
  .whiteBorder {
    border: 0px;
  }
  body > .row {
    background-color: #989697;
  }
  .smallFull {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: none;
  }
  .smallFull img {
    float: none;
  
    width: 100%;
    border: 0px;
    padding: 0px;
  }
  .smallAdjust img {
    float: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
    height:auto;
  }

  .seoList li {
    padding: 0px;
  }
  .seoList h1 {
    font-size: 1.2em;
}
  .seoList ul{
    padding-left: 13px;
  }
    .frauText p {
        padding-left:35px;
        color : #555555;
        text-align: left;
    }
      #footer{
        padding:0 0 0 0;
      }
      .seo h3{
            font-size: 1.3em;
            text-align: center;
      }
      .seo h1{
         font-size: 1.2em;
      }
      .row{
          
          margin-right:0px;
      }
        .col-12{
          padding-right:0px;
        }
        .ui-datepicker-inline{
          width:100% !important;
        }
}
      
@media (max-width: 870px) {
  .mdHeight50 img {
    height:50%;
  }
}