@charset "utf-8";
@import url(section.css);


/* --- Allgemeine Definitionen -- */
html, body {
    min-height:100%;
    height: 100%;
}

html {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    min-height:100%;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    background-color: #fff;
    color:#000;
}
/* e3e4e6 */

#topLogo {
    float: left;
    top: 16px;
}


#topMenu ul.menu li{
    border-right: 1px solid rgb(0, 51, 102);
    padding: 0 10px;
}

#topMenu ul.menu li:last-child{
    border-right: none;
}

#topMenu ul li a{
    color: rgb(0, 51, 102);
    margin: 0;
    padding: 2px 10px;
}

#topMenu div.menu-icon{
    left: auto;
    right: 20px;
}

.floatLeft{
    float: left;
}

#main {
    position: relative;
}

#content{
    padding-bottom: 290px !important;
}

#topRight{
    float: right;
    position: relative;
    height: 100%;

}

#topMenu {
    top: auto;
    bottom: 2px;
    right: -19px;
    position: absolute;
}

#topKontakt, #topKontakt a {
    padding-top: 16px;
    font-size: 16px;
    color: rgb(0, 51, 102);
}


#header > div,
#header{
    height: 135px;
    z-index:2;
}

#HeaderExtnsion{
    height: 945px;
    background-size: cover;
    background-position: center;
    max-height: calc(100vh - 270px);
}


@media screen and (min-width: 1024px) {
    .width {
        width: 1100px;
        position: relative;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    .width {
        width: auto;
    }



}

@media screen and (max-width: 900px){

    #topKontakt {
        margin-right: 70px;
    }

    #topMenu ul.menu li{
        border: none;
    }

    #topMenu {
        position: relative;
    }

    #topMenu ul.menu li {
        padding: 0px;
    }

    #topMenu ul.menu li:first-child a {
        border-top: none;
    }


}

.hdclear{
    float: none;
    clear: both;
}

#footer {
    height: 290px;
    background: url('LogoFooter.png') no-repeat;
    background-position: right bottom;
    background-size: auto;
    position: relative;
}

#footerLogo {
    float: left;
    top: 20px;
}

#footerText {
    width: 200px;
    margin: 35px auto;
    float: none;
}

#footerText, #footerText a {
    color: #003366;
    font-size: 16px;
}

#FooterWapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 292px;
    border-top: 3px solid #fff;
}

#FooterWapper p.left {
    float: left;
    width: 25%;
    padding: 25px 0px;
}

#FooterWapper p.left b {
    padding: 15px 0px;
    display: inline-block;
}

.second #topMenu > div {
    position: fixed;
    top: 0px;
    padding-top: 10px;
    background-color: #fff;
    
}

.second #topMenu > div:before {
    content: "";
    position: fixed;
    height: 50px;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.ext_FormBuilder > form div {
    width: 50%;
    float: left;
    
}

.ext_FormBuilder > form textArea,
.ext_FormBuilder > form input {
    background-color: #FFF;
    color: #003366;
    border: none;
    border-radius: 0;
}

#FormBuilder4 {
    clear: both;
}

#FormBuilder4, #FormBuilder5 {
    width: 100%;
    float: none;
}

#content .ext_FormBuilder div[id="6"] {
    width: 100%;
    float: right;
}
.width25:only-child {width:auto; height: auto; padding: auto; margin: auto; }

@media only screen and (max-width: 410px){
    #topKontakt {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 572px){
    .menu-icon {
        top: -75px;
    }
}

@media only screen and (max-width: 700px) {
    .img { max-width: 100%; }
    .col_4 {  margin: 1% 0 1% 0%; }
    .col_1_4, .col_2_4, .col_3_4, .col_4_4 { width: 100%; }
    .backgroundImage { background-size:cover; background-position:center; background-attachment: inherit;}
    .width50 { width:95%; float:none; margin-right:1.8%;}
    .width25 { width:95%; margin-left:1.8%; float:none; text-align: center}
    .width33 { width:95%; margin-left:1.8%; float:none;}
    .width75 { width:95%; margin-left:1.8%; float:none;}
    #menuWrapper {z-index: 4;}
    #menuWrapper ul.menu {
        display: none;
    }
    
    #content {
        padding-left:25px;
        padding-right:25px;
    }
    
    #content .HintergrundGrau{
        margin-left:-25px;
        margin-right:-25px;
        padding-left:25px;
        padding-right:25px;
    }

    #footerLogo {
        display: none;
    }

    #header > div,
    #header{
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        z-index:2;
        position: relative;
    }

    #topLogo img{
        height: 70px;
    }

    #HeaderExtnsion{
        max-height: 250px;
    }

    #topKontakt, #topKontakt a{
        float: none;
    }

    .ext_FormBuilder > form div {
        width: 100%;
        float: none;
    }
}