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

    #Menus{
        position: absolute;
        right: 2.52%;
    }

    #Navigation ul li .subNav{
        top: 45px;
    }

    .Glossar h1{
        width: 100%;
    }

    #Faq{
        width: 100%;
    }
    #StellenFilter{
        width: 100%;
    }
}

@media only screen and (min-width: 605px) and (max-width: 850px){

    #Listing .listBox{
        width: 32%;
        margin: 0 2% 10px 0;
    }
    .listBox:nth-child(3n+0){
        margin: 0 0 10px 0 !important;
    }

    #Listing .listBox img{
        width: 100%;
    }

    .field.optionset .middleColumn{
        width: 73%;
    }

    /*ul.optionset li {*/
        /*margin: 6px 20px 6px 0 !important;*/
    /*}*/
}

@media only screen and (max-width: 685px){
    ul.optionset li {
        margin: 6px 20px 6px 0 !important;
    }
}

@media only screen and (min-width: 751px) and (max-width: 990px){

    #Navigation ul li a{
        font-size: 17px;
        padding: 15px 20px;
    }

    #AngebotDetail{
        margin: 0;
        padding: 0;
    }
    #AngebotDetail img{
        width: 48.5%;
    }
    #AngebotDetail .details{
        width: 50.5%;
    }
    #NextPrev .angebotLinkLeft{
        height: 55px;
    }
    #NextPrev #Prev .arrowLeft{
        left: 23px;
    }
    #NextPrev #Prev img{
        padding: 0 0 0 23px;
    }
    #NextPrev .angebotLinkRight{
        height: 55px;
    }
    #NextPrev #Next .arrowRight{
        right: 23px;
    }
    #NextPrev #Next img{
        padding: 0 23px 0 0;
    }

    #Rechts{
        width: 27%;
        margin: 83px 0 0 3%;
    }

    #Rechts #teamBoxContainer{
        overflow: hidden;
    }

    #TeaserContainer{
        height: 339px;
    }
    #Teaser .teaserText{
        width: 50.6%;
        padding: 15px;
        display: inline-block;
        height: auto;
    }
    #Teaser .teaserText p{
        font-size: 20px;
    }

    #LogoContainer .SliderImg{
        width: 20%;
    }
}

@media only screen and (min-width: 605px) and (max-width: 990px){

    *,
    *:before,
    *:after{
        box-sizing: border-box;
    }

    table{
        width: 100% !important;
    }

    iframe{
        max-width: 100%;
    }

    #BgContainer{
        width: 100%;
        float: left;
    }

    #Container{
        width: 100%;
    }

    #Layout{
        width: 100%;
        padding: 0 2.52%;
        margin: 12px 0 68px 0;
    }

    .AngebotPage #Layout{
        padding: 0 2.52%;
        margin: 12px 0 68px 0;
    }

    /*#Listing .listBox{*/
        /*width: 32%;*/
        /*margin: 0 2% 10px 0;*/
    /*}*/

    .typography{
        padding: 0;
    }

    #Navigation ul li a{
        height: auto;
    }

    .TeamContainer{
        margin: 0;
        padding: 0;
    }
    .TeamContainer .teamImg{
        width: 39%;
        margin: 0 0 0 10px;
    }
    .TeamContainer .name{
        width: 59%;
    }
    .TeamContainer .pager{
        width: 100%;
        text-align: center;
        left: 0;
        bottom: 10px;
    }
    .TeamContainer .pager a{
        display: inline-block;
        width: 16px;
        height: 16px;
        float: none;
    }
    .TeamContainer .buttons{
        bottom: 10px;
    }
    .TeamContainer .teamMember{
        height: auto;
    }

    .partner{
        width: 100%;
    }
    .partnerlogo{
        width: 29%;
        margin: 0 3% 0 0;
    }
    .partnerdaten{
        width: 68%;
    }

    .referenzdaten{
        width: 58%;
    }
    .referenzgalerie{
        width: 37%;
    }

    #SchattenUnten{
        float: left;
    }
    .NotfallContainer{
        width: 100%;
        height: 100px;
        float: left;
        padding: 0;
    }
    #notfallservice{
        width: 97.48%;
        top: 15px;
        left: 2.52%;
    }

    #FooterContainer{
        width: 100%;
        float: left;
    }
    #FooterContainer #Footer{
        width: 100%;
        float: left;
    }
    #FooterContainer .footertext{
        float: left;
        padding: 0 2.52% 50px;
    }
    #FooterContainer .adresse{
        border-right: none;
    }
}

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

    .typography{
        width: 100%;
        float: left;
        padding: 0;
    }

    .StartseitePage .typography{
        width: 100%;
        padding: 0;
    }

    #Navigation ul li a{
        font-size: 14px;
        padding: 15px;
    }

    .AngebotPage #Layout{
        margin: 0 0 50px 0;
    }

    #AngebotDetail{
        float: left;
        margin: 0;
        padding: 0;

    }
    #AngebotDetail img{
        width: 100%;
        max-width: 356px;
    }
    #AngebotDetail .details{
        width: 100%;
    }

    #NextPrev{
        height: 45px;
    }
    #NextPrev .angebotLinkLeft{
        height: 100%;
        padding: 10px 20px;
    }
    #NextPrev #Prev .arrowLeft{
        top: 12px;
        left: 13px;
    }
    #NextPrev #Prev img{
        padding: 0 0 0 14px;
    }
    #NextPrev a.back{
        padding: 10px 20px;
    }
    #NextPrev .angebotLinkRight{
        height: 100%;
        padding: 10px 20px;
    }
    #NextPrev #Next .arrowRight{
        top: 12px;
        right: 13px;
    }
    #NextPrev #Next img{
        padding: 0 14px 0 0;
    }
    #NextPrev img{
        top: 13px;
        /*display: none;*/
    }

    .referenzholder .refDetails{
        width: 100%;
        padding: 0;
    }


    #LogoContainer .SliderImg{
        width: 25%;
    }

    #Rechts{
        width: 100%;
        float: left;
        text-align: center;
        margin: 40px 3% 0 0;
    }
    #Rechts #teamBoxContainer{
        width: 100%;
        height: 268px;
        text-align: center;
        display: inline-block;
        margin: 0 0 40px 0;
    }
    #Rechts .teamImg img{
        display: inline-block;
    }
    #Rechts .temInfos {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #Rechts .latestNewsContainer{
        text-align: left;
    }

    #TeaserContainer .buttons{
        top: 95%;
        right: 2.52%;
    }
    #Teaser .teaserImg{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0 2.52%;
    }
    #Teaser .teaserText{
        display: block;
        width: 100%;
        height: auto;
        float: left;
        background: #eee;
        padding: 10px 2.52%;
    }
    #Teaser .teaserText p{
        font-size: 20px;
    }
    #Teaser #pager{
        width: 85%;
        left: 2.52%;
        bottom: 1%;
    }
}

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

    *,
    *:before,
    *:after{
        box-sizing: border-box;
    }

    html{
        margin: 50px 0 0 0;
        background: #b91f15;
    }

    #BgContainer{
        width: 100%;
        float: left;
    }

    #Container{
        width: 100%;
        float: left;
    }

    /* Header
    ------------------------------------------------------*/
    #Header{
        width: 100%;
        height: auto;
        float: left;
    }
    #HeaderLogo{
        width: 100%;
        position: relative;
    }
    #Header .headerText{
        display: none;
        font-size: 20px;
    }
    #Header #Mobileicons{
        display: block;
        visibility: visible;
    }
    #Menus{
        display: none;
    }

    /* Navigation
    ------------------------------------------------------*/
    #Navigation{
        width: 100%;
        display: none;
        position: relative;
        z-index: 999;
    }
    #Navigation ul{
        width: 100%;
    }
    #Navigation ul li{
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    #Navigation ul li.toplink{
        display: block;
    }
    #Navigation ul li a{
        width: 100%;
        height: auto;
        padding: 10px;
        border: none;
    }

    #Navigation ul li .subNav {
        width: 100%;
        padding: 0;
        position: relative;
        top: inherit;
        left: inherit;
        z-index: 999;
        background: #3b84b6;
    }
    #Navigation ul li .subNav ul {
        width: 100%;
        padding: 0;
        margin: 0;
        background: none;
    }
    #Navigation ul li .subNav ul.last {
        margin: 0;
    }
    #Navigation ul li .subNav ul li {
        width: 100%;
        margin: 0;
    }
    #Navigation ul li .subNav ul li.last {
        border: none;
    }
    #Navigation ul li .subNav ul li a {
        width: 100%;
        padding: 10px 10px 10px 20px;
        margin: 0;
    }
    #Navigation ul li .subNav ul li a:hover {
        background: #2b344d;
    }

    #Navigation ul li ul li a.first{
        border: none;
    }
    #Navigation ul li ul li a{
        border: none;
    }

    #Navigation ul li ul li a.current,
    #Navigation ul li ul li a.section,
    #Navigation ul li ul li a.section:hover,
    #Navigation ul li ul li a.current:hover,
    #Navigation ul li ul li a:hover{
        border: none;
        background: #2b344d;
    }

    /* Teaser
    ------------------------------------------------------*/
    #Layout{
        width: 100%;
        padding: 0 2.52%;
        margin: 12px 0 68px 0;
    }
    .referenzholder .refDetails{
        width: 100%;
        padding: 0;
        margin: 0 0 12px 0;
    }
    img.referenzbildHome{
        width: 100%;
        float: left;
    }

    /* Partnerpage
    ---------------------------------------------------*/
    .partner{
        width: 100%;
        margin: 0 0 10px 0;
    }
    .partnerlogo{
        width: 100%;
    }
    .partnerdaten{
        width: 100%;
    }

    /* Referenzen
    ---------------------------------------------------*/
    .referenzdaten{
        width: 100%;
        margin: 0;
    }
    .referenzgalerie{
        width: 100%;
        float: left;
    }

    /* Teams
    ---------------------------------------------------*/
    .rubrik{
        width: 100%;
        float: left;
    }
    .TeamContainer{
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        height: 520px;
    }
    .TeamContainer .teamMember{
        width: 100%;
        height: auto;
    }
    .TeamContainer .teamImg{
        width: 100%;
        margin: 0;
    }
    .TeamContainer .name{
        width: 100%;
        height: auto;
        padding: 20px 10px;
    }
    .TeamContainer .pager{
        left: 10px;
        bottom: 16px;
    }
    .TeamContainer .buttons{
        right: 10px;
        bottom: 10px;
    }

    #Listing .listBox{
        width: 49%;
        max-width: 213px;
        margin: 0 2% 10px 0;
    }
    #Listing .last{
        margin: 0 0 10px 0;
    }
    #Listing .listBox.even{
        margin: 0 0 10px 0;
    }

    /* FAQ
    ---------------------------------------------------*/
    #Faq{
        width: 100%;
    }

    table{
        width: 100% !important;
    }

    iframe{
        width: 100%;
    }

    /* Formular
    ---------------------------------------------------*/
    .typography label{
        width: 100% !important;
    }
    label.right{
        width: 90% !important;
    }
    .middleColumn{
        width: 100% !important;
    }
.recaptcha .middleColumn {
margin-left:0% !important;
}
    ul.optionset li {
        margin: 6px 0 6px 0 !important;
    }


    #LogoContainer .SliderImg{
        width: 33%;
    }

    #SchattenUnten{
        float: left;
    }
    .NotfallContainer{
        width: 100%;
        height: 100px;
        float: left;
        padding: 0;
    }
    #notfallservice{
        width: 97.48%;
        top: 15px;
        left: 2.52%;
    }

    #FooterContainer{
        width: 100%;
        float: left;
    }
    #FooterContainer #Footer{
        width: 100%;
        float: left;
    }
    #FooterContainer .footertext{
        float: left;
        padding: 0 2.52% 50px;
    }
    #FooterContainer .adresse{
        border-right: none;
    }
}

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

    #SchattenTop{
        height: 49px;
    }

    #HeaderLogo{
        margin: -33px 0 0 0;
    }

    #HeaderLogo img{
        width: 86px;
        height: 65px;
        margin: 0;
    }

    #Header .headerText{
        top: 11px;
        left: 80px;
        font-size: 15px;
    }

    #Header #Mobileicons{
        top: -22px;
    }
    #Navigation{
        bottom:-30px;
    }

    #Listing .listBox{
        width: 100%;
        max-width: 213px;
        margin: 0 0 10px 0;
    }

    #LogoContainer .SliderImg{
        width: 50%;
    }
}