@media screen and (max-width: 1150px){
    .leistung_box{
        width: 33.33%;
        margin-bottom: 30px;
    }

    #navi_bottom{
        text-align: center;
        float: none;
        width: auto;
    }

    #oeffnungszeiten{
        text-align: center;
        float: none;
        width: auto;
        margin-left: 0;
    }

    #adresse{
        text-align: center;
        float: none;
        width: auto;
    }
}


@media screen and (max-width: 1050px){
    #navi ul li:first-child{
        display: none;
    }
}

@media screen and (max-width: 1000px){
    #navi {
        padding-top: 20px;
        max-width: 40%;
    }

    #navi ul li{
        width: 48%;
        text-align: center;
        margin-bottom: 15px;
        margin-left: 0;
        padding-bottom: 0;
    }

    .text_gelb{
        font-size: 20px;
    }

    #navi ul li ul{
        top: 22px;
        background-color: #fff;
        z-index: 999;
        border-top: 2px solid #3a373c;
    }

    #navi ul li ul li{
        width: auto;
    }
}

@media screen and (max-width: 800px){
    .col_left_wrap_50{
        width: auto;
        float: none;
        margin-bottom: 30px;
    }

    .col_right_wrap_50{
        width: auto;
        float: none;
    }

    .col_left_wrap_50 .col_left, .col_right_wrap_50 .col_right{
        padding: 0;
    }

    .col_left_wrap{
        width: auto;
        float: none;
        margin-bottom: 30px;
    }

    .col_right_wrap{
        width: auto;
        float: none;
    }

    .col_left_wrap .col_left, .col_right_wrap .col_right{
        padding: 0;
    }
}

@media screen and (max-width: 800px){
    #menue_icon{
        display: block;
    }

    #navi{
        display: none;
    }

    a#logo{
        float: none;
        margin: 0 auto;
    }

    .angebot_left{
        float: none;
        width: auto;
        margin: 0;
    }

    .angebot_left img{
        width: 100%;
        max-width: 603px;
    }

    .angebot_right{
        float: none;
        width: auto;
        margin-top: 10px;
        margin-left: 0;
        padding: 0 10px;
    }

    .news_detail_img{
        float: none;
        margin-left: 0;
        max-width: none;
    }

    .news_item_img{
        float: none;
        width: auto;
    }

    .news_item.with_img .news_item_content{
        margin-left: 0;
    }

    .news_item_img a img{
        max-width: 600px;
    }
}

@media screen and (max-width: 800px){
    .formular_left_wrap, .formular_right_wrap{
        float: none;
        width: auto;
    }

    .formular_left{
        padding-right: 0;
    }

    .formular_right{
        padding-left: 0;
    }

    .formular_submit_wrap{
        position: relative;
        width: auto;
    }

    .formular_submit{
        padding-left: 0;
    }

    .has_submit_holder{
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 700px){
    .leistung_box{
        width: 50%;
    }
}

@media screen and (max-width: 500px){
    .leistung_box{
        width: 100%;
    }
}

@media screen and (max-width: 500px){
    a#logo img{
        margin-right: 0;
        width: 70%;
    }

    a#logo img:first-child{
        margin-right: 15px;
        width: 20%;
    }

    h1{
        font-size: 26px;
    }

    #top_platzhalter{
        height: 86px;
    }
}


@media screen and (max-width: 400px){
    #social_bar .tel{
        margin-right: 3px;
        font-size: 19px;
    }

    .tel_label{
        display: none;
    }

    .balken_gelb{
        height: 30px;
    }
}