/* Start vms own Allg Classes */

.home .topbar, .topbar {
    background-color: white
}

.slider-wrapper .bgStyle {
    display: flex;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

/* weil safari background-size:cover nicht richtig rendert 
.slider-wrapper .bgStyle{
      -webkit-background-size: auto 100vmax;
      -moz-background-size: auto 100vmax;
      -o-background-size: auto 100vmax;
} */

nav.mod_changelanguage {
  position: absolute;
  top: 0;
  right: 1rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
nav.mod_changelanguage ul {
    display: flex;
}
nav.mod_changelanguage li {
      list-style-type: none;
      padding: 5px 10px 5px 10px;
}
.mod_navigation {
    top: 40px;
}

#header .mod_article:first-child{
    padding-top:0 ;
}

.ce_map_viewer h1,
.leaflet-control-container{
    display: none;
}


a.btn2, button.btn2,.fineuploader-wrapper .qq-upload-button{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans Light';
  text-transform: uppercase;
  background: #DB5334;
  padding: 12px 20px;
  margin-top: 7px;
  border-radius: 0;
  border: none;
  border-radius: 2px;
  /* color: #DB5334; */
  display: inline-block;
  vertical-align: middle;
}

a.btn2:hover, button.btn2:hover,.fineuploader-wrapper .qq-upload-button:hover{
    /* border: none; */
    padding: 12px 20px !important;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    transition: all .8s;
}

button.btn2:hover,.fineuploader-wrapper .qq-upload-button:hover {
    background-color: rgba(26, 95, 167, 1);
    color: rgba(255, 255, 255, 9);
}

.mt20px {
    margin-top: 20px;
}

.mt30px {
    margin-top: 30px;
}

.txt-bg-blue {
    background-color: rgb(0, 94, 171, 0.5);
}

.txt-lgtblue {
    color: rgba(167,220,229,0.9); 
}


.nmb{
    margin-bottom: 0 !important;    
}

.noHover {
    pointer-events: none;
}

.text-big-120 {
  font-size: 120%;
}

.kbg1 {
	background: rgba(0, 94, 167, 0.5);
    padding: 20px;
}

.dark-bg {
	background: rgba(70, 84, 163, 1);
	padding: 35px 0 20px 0;
	margin: 0px;
}

.dark-bg-light {
	background: rgba(70, 84, 163, 0.8);
	padding: 35px 0 35px 0;
	margin: 0px;
}

body {
  color: rgba(255,255,255,0.9)
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family: 'Open Sans Light' !important;
    color: rgba(255,255,255,0.9);   
    letter-spacing: 2px;
    text-transform:none;
    font-weight: normal;
}

h1 {
  font-size: 36px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0 0 10px 0;
  line-height: 1.2;
}

h2 {
  font-size: 26px;
  margin-bottom:7px;
  margin-top: 14px;
  padding: 0 0 10px 0;
  line-height: 1.2;
}

h3 {
  font-size: 20px;
  margin-bottom:4px;
  margin-top: 10px;
  padding: 0 0 10px 0;
  color: rgba(167,220,229,0.9);   
  line-height: 1.2;
  }
  
h3 .fa,
h3 .comment{
    color: rgba(167,220,229,0.9);   
}

h4 {
  font-size: 16px;
}

#main {
    margin-bottom:0;
}

@keyframes img-zoom {
    from {
         transform: scale(1.0)
    }
    to {
        transform: scale(1.3);
    }
}

.img-zoom img,
.banbg1 .text img 
{
  transform: scale(1.5);
  transform-origin: 50% 50%;
  animation: img-zoom 30s ease; 
} 

.col2grey img{
    filter:grayscale(1);
}
/* End vms own Classes */

/* Start vms Edits and Overrides */

.slider-control, 
.slider-menu {
    top: -20px !important;
    font-size: 12px !important;
}    

.slider-menu b {
        padding: 0px 4px !important;
        background-color: rgba(255,255,255,0.3);
}

a:hover {
    color: rgba(249, 91, 61,1);
}

a.btn {
  padding: 12px 20px!important;
  margin: 7px 0 0 0 !important;
  border-radius: 0;
  border: none;
  border-radius: 2px;
}

a.btn:hover {
  /* border: none; */
  padding: 12px 20px !important;
}

.content-gallery img {
    opacity: 1;
}

.comment,
.mainservice .textInner {
    background-color: rgba(62,79,94,1);
}



.logo img {
    max-width:400px;
    padding-top: 24px;
}
        
.mainservice.content-image {
    margin: 0px;
    padding: 0em 2em 1.6em 2em;
}

.quote:after {
    content: none;
}

.quote .fa {
 background-color:transparent;
 content:none;
}

.bi-quote::before {
    content: none;
}

#footer .about a:before {
    content: none;
}

footer {
    background-color: rgba(70, 84,136,1);
}

footer .footercontainer .container {
    padding-top: 40px;
}

.scrolltop a {
    border-radius: 12px;
    padding-right: 41px;
    background-color: rgba(39,9,73,1);
}

.scrolltop a:Hover {
    background-color: rgba(189,187,241,1);
}



/* Navi */
#header .mod_navigation ul{
    float: right;
}

#header .mod_navigation ul li {
    color: rgba(39, 9, 73,1);
}

.mainservice a, a  {
  color: rgba(167,220,229,0.9);   
}

.mainnavi .level_1,
.mainnavi .level_1 strong.active,
.mainnavi .level_1 a:Hover,
.mainservice a:Hover,
.mainnavi .level_1 a, .mainnavi .level_1 span, #header .mod_navigation ul li {    
    color: rgba(39,9,73,1); 
}

.mainnavi .level_1 strong.active,
.mainnavi .level_1 a:Hover,
.mainservice a:Hover {
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.mainnavi .level_1 a {
    margin: 0;
    font-size: 140%;
    padding-left: 10px;
    padding-right: 10px;
}

.mainnavi .level_1 a:Hover {
    color: rgba(249,91,61,1);
    background-color: white;
}

.mainnavi .level_1 .active {
    margin:0;
    font-size: 140%;
    color: rgba(249,91,61,1) !important;
    background-color: white;
}

.mainnavi .level_1 a:Hover,
.mainnavi .level_1 a:Focus,
.mainnavi .level_1 a:active,
.mainnavi .level_1 a    {
    background-color: white;
    transition-property: color;
}

#footer a:Hover, a:Hover, footer a:Hover {
    color: rgba(249,91,61,1);
    background-color:inherit ;
}

/* Hamburgermenue */
.button-menu .fa{
    color: rgba(255,255,255,0.9);
}
.button-menu .fa:Hover{
    color: rgba(26,95,167,1);
}

.overlay-menu li {
    text-transform: uppercase;
}

.bi-list::before{
    font-weight: 800 !important;
    font-size: 160%;
    float: right;
    margin-right: 0%;
    margin-top: 22px;
}
/* End vms Edits and Overrides */

/* Start vms Responsivenes Edits  */
@media screen and (max-width: 1270px) {
    .logo img {
        width:70%;
        padding-top: 30px;
        padding-bottom: 16px;
    }
    .bgStyle h1 {
        font-size: 50px;
        line-height: 1.5;
        margin-top: 2em;
    }
    .bgStyle h3 {
        font-size: 25px;
        line-height: 1.5;
    }
    
    .overlay-menu .mod_navigation {
        margin-top: 1em;
    }
    .overlay-menu li {
        margin-bottom: 0.1em;
    }

    .mainservice.content-image {
        margin: 0px;
        padding: 1.4em;
    }
    .dark-bg-light {
        padding: 4px 0 4px 0;
    }
}

@media screen and (max-width: 460px) {
    .logo img {
        width:60%;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .bgStyle h1 {
        font-size: 50px;
        line-height: 1.5;
        margin-top: 2em;
    }
    .bgStyle h3 {
        font-size: 25px;
        line-height: 1.5;
    }
    
    
    .overlay-menu .mod_navigation {
        margin-top: 1em;
    }
    .overlay-menu li {
        margin-bottom: 0.1em;
    }
    .slider-control a, .slider-control .slider-menu {
        visibility: hidden;
    }
    .mainservice.content-image {
        margin: 0px;
        padding: 1.4em;
    }
    footer h3 {
        padding:20px 0 4px 0;
    }
    .mainservice .textInner {
        padding: 6px;
    }
    h3 {
        margin-top:10px 0 0 0;
        padding: 0 0 4px 0;
        line-height: normal;
    }
    .dark-bg-light {
    padding: 4px 0 4px 0;
    }
}

.float-none{
    float: none;
}
select {
 background-color: rgb(240, 240, 240);
}
form label{
    padding-bottom: 0.5rem;
}
output {
    vertical-align: bottom;
}
textarea.form-control,.formbody input[type="text"],.formbody input[type="email"],.formbody input[type="tel"] {
    background: rgb(240, 240, 240) none repeat scroll 0 0;
    font-weight: 400;
}
select, textarea, input[type="range"], input[type="text"],input[type="email"],input[type="tel"]{
    width: 100%;
    max-width: 600px;
}
.formbody label{
    float:none;
}
.checkbox_container input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.checkbox_container input,.checkbox_container label {
    float: left;
}
.img-responsive {
    width:100%;
    max-width: 100%;
    height: auto;
}
.popupcontent { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    width: 500px; 
    height: 200px; 
    text-align: center; 
    background-color: #e8eae6; 
    box-sizing: border-box; 
    padding: 10px; 
    z-index: 100; 
    display: none; 
    /*to hide popup initially*/ 
} 
  
.close-btn { 
    position: absolute; 
    right: 20px; 
    top: 15px; 
    background-color: black; 
    color: white; 
    border-radius: 50%; 
    padding: 4px; 
} 
/* End vms Responsivenes Edits */