

/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/

/* Insert your own styles in here! */


body {font-family: "Mulish", sans-serif; color: #404952}


h1,
h2,
h3,
h4,
h5,
h6 {font-family: "Mulish", sans-serif; font-weight: 500 !important; color: #404952}


.navbar-nav > li > a {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #506A85;
  padding: 10px 15px;
  border: 1px solid rgba(255,255,255,0);
  border-radius: 3px;
  bottom: -1px;
  z-index: 2;
}


.nav > li > a:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #0000ff;
}

.nav > li.active > a {
  background-color: #ffe404;
  border-color: #ffe404;
  color: #0000ff;
}

.tint-bg {background-color: #506A85 !important;}

.mg-30-0 {margin: 30px 0;}


.gelber_hintergrund_span {background-color: #ffe404; color: #0000ff; }
.gelber_padding {padding: 15px 10px;}

.gelber_hintergrund {background-color: #ffe404; color: #0000ff; padding: 10px 15px; }

.gelber_hintergrund h2 {color: #0000ff;}

footer {
  font-size: 20px;
}



.mgb-0 {margin-bottom: 0px !important;}
.mgb-10 {margin-bottom: 10px !important;}
.mgb-20 {margin-bottom: 20px !important;}
.mgb-30 {margin-bottom: 30px !important;}
.mgb-40 {margin-bottom: 40px !important;}
.mgb-50 {margin-bottom: 50px !important;}
.mgb-60 {margin-bottom: 60px !important;}
.mgb-70 {margin-bottom: 70px !important;}
.mgb-80 {margin-bottom: 80px !important;}
.mgb-90 {margin-bottom: 90px !important;}
.mgb-100 {margin-bottom: 100px !important;}
.mgb-200 {margin-bottom: 200px !important;}
.mgb-300 {margin-bottom: 300px !important;}
.mgb-350 {margin-bottom: 350px !important;}
.mgb-400 {margin-bottom: 400px !important;}





.mgt-0 {margin-top: 0px;}
.mgt-10 {margin-top: 10px;}
.mgt-20 {margin-top: 20px;}
.mgt-30 {margin-top: 30px;}
.mgt-40 {margin-top: 40px;}
.mgt-50, .content-margin-flow {margin-top: 50px;}
.mgt-60 {margin-top: 60px;}
.mgt-70 {margin-top: 70px;}
.mgt-80 {margin-top: 80px;}
.mgt-90 {margin-top: 90px;}
.margin-sitemenue,
.mgt-100 {margin-top: 100px;}
.mgt-110 {margin-top: 110px;}
.mgt-120 {margin-top: 120px;}
.mgt-130 {margin-top: 130px;}
.mgt-140 {margin-top: 140px;}
.mgt-150 {margin-top: 150px;}
.mgt-160 {margin-top: 160px;}
.mgt-170 {margin-top: 170px;}
.mgt-180 {margin-top: 180px;}
.mgt-190 {margin-top: 190px;}
.mgt-200 {margin-top: 200px;}


.mgl-0 {margin-left: 0px !important}
.mgl-10 {margin-left: 10px;}
.mgl-20 {margin-left: 20px;}
.mgl-30 {margin-left: 30px;}
.mgl-40 {margin-left: 40px;}
.mgl-50 {margin-left: 50px;}
.mgl-60 {margin-left: 60px;}
.mgl-70 {margin-left: 70px;}
.mgl-80 {margin-left: 80px;}
.mgl-90 {margin-left: 90px;}
.mgl-100 {margin-left: 100px;}
.mgl-110 {margin-left: 110px;}

.mgr-0 {margin-right: 0px}
.mgr-10 {margin-right: 10px;}
.mgr-20 {margin-right: 20px;}
.mgr-30 {margin-right: 30px;}
.mgr-40 {margin-right: 40px;}
.mgr-50 {margin-right: 50px;}
.mgr-60 {margin-right: 60px;}
.mgr-70 {margin-right: 70px;}
.mgr-80 {margin-right: 80px;}
.mgr-90 {margin-right: 90px;}
.mgr-100 {margin-right: 100px;}
.mgr-110 {margin-right: 110px;}


.mg-0 {margin: 0px}
.mg-5 {margin: 5px}



.pd-0 {padding: 0px;}
.pd-10 {padding: 10px;}
.pd-20 {padding: 20px;}
.pd-30 {padding: 30px;}
.pd-40 {padding: 40px;}
.pd-50 {padding: 50px;}
.pd-60 {padding: 60px;}
.pd-70 {padding: 70px;}
.pd-80 {padding: 80px;}
.pd-90 {padding: 90px;}
.pd-100 {padding: 100px;}
.pd-110 {padding: 110px;}
.pd-120 {padding: 120px;}
.pd-130 {padding: 130px;}
.pd-140 {padding: 140px;}
.pd-150 {padding: 150px;}
.pd-160 {padding: 160px;}

.pdt-0 {padding-top: 0px;}
.pdt-10 {padding-top: 10px !important;}
.pdt-20 {padding-top: 20px;}
.pdt-30 {padding-top: 30px;}
.pdt-40 {padding-top: 40px;}
.pdt-50 {padding-top: 50px;}
.pdt-60 {padding-top: 60px;}
.pdt-70 {padding-top: 70px;}
.pdt-80 {padding-top: 80px;}
.pdt-90 {padding-top: 90px;}
.pdt-100 {padding-top: 100px !important;}
.pdt-110 {padding-top: 110px;}
.pdt-120 {padding-top: 120px;}
.pdt-130 {padding-top: 130px;}
.pdt-140 {padding-top: 140px;}
.pdt-150 {padding-top: 150px;}
.pdt-160 {padding-top: 160px !important;}
.pdt-170 {padding-top: 170px;}
.pdt-180 {padding-top: 180px;}
.pdt-190 {padding-top: 190px;}
.pdt-200 {padding-top: 200px;}


.pdb-0 {padding-bottom: 0px;}
.pdb-10 {padding-bottom: 10px !important;}
.pdb-20 {padding-bottom: 20px;}
.pdb-30 {padding-bottom: 30px;}
.pdb-40 {padding-bottom: 40px;}
.pdb-50 {padding-bottom: 50px;}
.pdb-60 {padding-bottom: 60px;}
.pdb-70 {padding-bottom: 70px;}


.pdr-0 {padding-right: 0px;}
.pdr-5 {padding-right: 5px;}
.pdr-10 {padding-right: 10px !important;}
.pdr-20 {padding-right: 20px;}
.pdr-30 {padding-right: 30px;}
.pdr-40 {padding-right: 40px;}
.pdr-50 {padding-right: 50px;}
.pdr-60 {padding-right: 60px;}
.pdr-70 {padding-right: 70px;}


.navbar-brand img {height: 150px;}

.navbar-collapse {
  padding-top: 10px;
  padding-bottom: 10px;
}



@media (min-width: 1401px) {
.no_br {display: none;}
.middler_anpassung {width: 662px;}
}

@media (max-width: 1400px) {
.gelber_hintergrund_span {background-color: #ffe404; color: #0000ff; line-height: 200%; display: inline-block}
.middler_anpassung {width: 355px;}
}



@media (min-width: 1025px) {
  .navbar-collapse.collapse {
    padding-bottom: 10px;
  }
 
}


@media (max-width: 1025px) {

.navbar-brand img, .navbar-brand img:hover {max-height: 50px;}
.responsive-menu, .responsive-menu:hover {background-color: #ffe404 !important; color: #0000ff !important}


}
