@media screen and (min-width:320px) and (max-width:667px), screen and (min-width:320px) and (max-width:720px) and (orientation:landscape){

    .top-nav-wrap,
    .banners-wrap,
    .header-main,
    .breadcrubms,
    .main-slider,
    .detail-slider,
    .cats-nav-wrap,
    .footer-links,
    .detail-tabs a.tabs-more,
    .mobile-hide{
        display:none;
    }
    body{
        width:100%;
        height:100%;
        background:#fff;
    }
    h2{
        font-size:22px;
    }
    .wrap{
        width:92.5%;
    }
    .header-mobile-wrap{
        position:fixed;
        z-index:8;
        top:0;
        left:0;
        width:100%;
        height:44px;
        padding:0;

    }
    #menu-1.high .mobile-search:before{
        top:88px;
    }
    #menu-1.high .header-mobile-wrap{
        height:88px;
    }
    .header-mobile{
        position:relative;
        z-index:2;
        display:block;
        height:44px;
        padding:15px 0 0 0;
        box-sizing:border-box;
        border-bottom:#9da7b0 1px solid;
        background:#fff;
        box-shadow:0px 0px 11px 3px #31465c;
    }
    .header-mobile:after{
        content:'';
        display:block;
        clear:both;
    }
    .mobile-button{
        float:left;
        font-size:19px;
        color:#b9b9b9;
        cursor:pointer;
    }
    .mobile-button-line{
        float:left;
        width:20px;
        margin:0 10px 0 0;
    }
    .mobile-button-line div{
        height:2px;
        margin-bottom:5px;
        background:#b9b9b9;
    }
    .header-mobile .logo{
        float:right;
        margin:0;
        width:196px;
    }
    .header-mobile .logo img{
        width:auto;
        max-height:28px;
    }
    /*ratgeber*/
    .adviser-mobile{
        position:relative;
        z-index:1;
        display:block;
        background:#4c698d;
        box-shadow:0 3px 6px 0 #adb0ae;
    }
    .adviser-mobile div.adviser-mobile-button{
        position:relative;
        margin:0;
        padding:10px 10px 10px 11px;
        font-size:20px;
        color:#fff;
        cursor:pointer;
    }
    .adviser-mobile div.adviser-mobile-button:after{
        content:'+';
        display:block;
        position:absolute;
        top:11px;
        right:11px;
        width:20px;
        height:20px;
        border:#fff 2px solid;
        border-radius:40px;
        box-sizing:border-box;
        font-family:Arial;
        font-weight:300;
        font-size:20px;
        line-height:.7;
        text-align:center;
    }
    .adviser-mobile div.adviser-mobile-button.active:after{
        content:'-';
        font-size:40px;
        line-height:.25;
    }
    .adviser-cats-nav{
        display:none;
        padding:15px 10px 10px 11px;
    }
    .adviser-cats-nav ul{
        width:100%;
    }
    .banner-mobile{
        display: block;
    }
    .adviser-cats-nav ul li,
    .adviser-cats-nav ul.menu li,
    .cats-nav ul li{
        width:100%;
        padding:0;
        margin:0;
    }
    .adviser-cats-nav ul li a{
        padding:10px 14px 11px 14px;
        font-size:19px;
    }
    .adviser-cats-nav ul li a:hover{
        background:#5e7899;
    }
    .adviser-cats-nav ul li a:before{
        display:none;
    }
    .detail-tabs-mobile-button{
        position:relative;
        display:block;
        margin:0;
        padding:0 11px;
        border-top:#798ea8 1px solid;
        border-bottom:#798ea8 1px solid;
        background:#efefef;
        font-weight:700;
        font-size:21px;
        color:#234c72;
        cursor:pointer;
        height:44px;
        line-height:44px;
    }
    .detail-tabs-mobile-button:after{
        content:'+';
        display:block;
        position:absolute;
        top:12px;
        right:1px;
        width:19px;
        height:19px;
        border:#234c72 2px solid;
        border-radius:40px;
        box-sizing:border-box;
        font-family:Arial;
        font-weight:300;
        font-size:23px;
        line-height:16px;
        text-align:center;
    }
    .detail-tabs-mobile-button.active:after{
        content:'-';
        font-size:40px;
        line-height:10px;
    }
    #article-menu-wrapper{
        float:none;
        width:100%;
        margin:0 0 20px 0;
    }
    .detail-tabs{
        border-top:0;
        background:#efefef;
    }
    .detail-tabs a{
        display:block;
        margin:2px 4px 5px 4px;
        font-size:19px;
        color:#234c72;
        border-bottom:1px dotted #234c72;
        text-transform:none;
        padding-top:10px;
        padding-bottom:10px;
        background:#efefef;
    }
    .detail-tabs a.active,
    .detail-tabs a:hover{
        background:#efefef;
        color:#234c72;
        font-weight:bold;
    }
    .detail-tabs a:last-of-type{
        border-bottom:none;
    }
    #content{
        padding-top:44px;
    }
    #content.high{
        padding-top:88px;
    }
    .main-content{
        margin-top:13px;
        border:0;
    }
    .main-slider-mobile{
        display:block;
        height:auto;
        border:#dbdbdb 1px solid;
        margin-bottom:5px;
    }
    .main-slider-mobile .slide-bg{
        display:block;
        left:0;
        top:0;
        width:100%;
        z-index:0;
        height:auto;
    }
    .main-slider-mobile .slider__wrapper{
        height:auto;
    }
    .main-slider-mobile .slider__item{
        position:relative;
        height:auto;
        padding-bottom:70px;
    }
    .main-slider-mobile .slide-text{
        bottom:70px;
        padding:100px 12px 0 12px;
        position:absolute;
        left:0;
        width:100%;
        z-index:1;
        box-sizing:border-box;
        background:-webkit-linear-gradient(transparent, rgba(0, 0, 0, .65));
        background:linear-gradient(transparent, rgba(0, 0, 0, .65));
        color:#fff;
    }
    .main-slider-mobile .slide-text h1{
        padding:8px 0;
        font-size:22px;
    }
    .post-header h3,
    .post-header div.h3{
        font-size:20px;
    }
    .slider-mobile-description{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:70px;
        margin:0;
        padding:7px 13px;
        box-sizing:border-box;
        background:#fff;
        font-size:15px;
    }
    .main-slider-mobile .slider__arrows{
        top:24%;
    }
    .posts{
        padding:6px 0 13px 0;
    }
    .post-preview{
        width:100%;
        height:auto;
        margin:10px 0 3px 0;
    }
    .post-header{
        height:auto;
    }
    .post-header img{
        position:static;
        top:auto;
        left:auto;
        height:auto;
        display:block;
    }
    .post-preview h4, .post-preview div.h4, .post-preview p{
        height:70px;
        font-size:18px;
    }
    .col-8{
        width:100%;
    }
    .col-8 .post-preview{
        width:100%;
        margin:10px 0 3px 0;
    }
    footer{
        margin:0 -4%;
        padding:14px 0px;
    }
    .footer-nav{
        width:100%;
        padding-top:4px;
        text-align:center;
        padding-left:0;
    }
    .footer-nav li{
        float:none;
        display:inline-block;
    }
    .footer-nav li a{
        margin:0 4px 0 0;
        font-size:11px;
    }
    .detail-slider-wrap{
        padding:13px 0 0 0;
        margin:0 -4% 7px -4%;
        background:#efefef;
    }
    .detail-slider-mobile{
        display:block;
        width:92%;
        height:auto;
        margin:auto;
    }
    .detail-slider-mobile .slider__item{
        height:auto;
        width:100%;
    }
    .detail-slider-mobile .slide-bg{
        position:static;
        top:auto;
        left:auto;
        width:100%;
        height:auto;
    }
    .detail-warning{
        margin:0 -4%;
        padding:13px 12px;
        background:#efefef;
        font-size:15px;
    }
    .banner-2{
        padding:13px 0px 5px 0px;
    }
    .banner-control{
        font-size:10px;
    }
    .banner-2 .banner-control{
        top:-4px;
        right:0;
    }
    div.bordered-content-image.right,
    div.bordered-content-image{
        margin:0 0 20px 0;
    }
    div.bordered-content-image .caption{
        width:auto;
    }
    .slide-text p{
        font-size:15px;
    }
    .detail-slider-row{
        padding:11px 25px 9px 25px;
    }
    .post-mark{
        position:absolute;
        top:4px;
        left:0;
        padding:4px 10px;
        font-size:14px;
    }
    .read-more{
        font-size:15px;
    }
    .post-preview-small time{
        float:left;
        margin-right:6px;
        font-size:15px;
        line-height:1;
    }
    .post-preview.mobile-padding{
        padding-top:55px;
    }
    .post-preview-small{
        padding:0 11px;
    }
    .sort-by-alphabet{
        display:block;
        padding:4px 10px 1px 33px;
        background:#dd4d3f url(../images/mobile-nav.png) 0 -1032px no-repeat;
        font-size:10px;
        color:#fff;
    }
    .mobile-show{
        display:block;
    }
    .back{
        display:inline-block;
        vertical-align:top;
        padding:2px 0 0 23px;
        background:url(../images/sprite-24.png) 0px -67px no-repeat;
        font-size:11px;
        color:#b9b9b9;
        text-transform:uppercase;
    }
    .banner-3{
        padding-top:0;
    }
    .banner-3 h4{
        font-size:18px;
    }
    .banner-3 h4 b{
        font-weight:400;
    }
    .article-banner p,
    .article-banner li{
        font-size:18px;
    }
    .post-preview.margin-2{
        margin:3px 0 25px 0;
    }
    .post-big p,
    .content-box p{
        margin:5px 0;
        font-size:18px;
    }
    .post-preview.height-2{
        height:auto;
    }
    .post-preview.height-2 p{
        /* height: 200px; */
    }
    .content-slider-wrap{
        margin:10px 0 10px 0;
        padding:0;
        border:#d3d3d3 1px solid;
    }
    .content-slider-wrap p{
        font-size:15px;
    }
    div.content-slider-wrap div.content-slider div.item{
        display:none;
    }
    div.content-slider-wrap div.content-slider div.item:first-child{
        float:none;
        display:block;
        width:auto;
    }
    .content-slider-pag-wrap{
        margin:14px 0;
    }
    .content-slider img{
        width:100%;
        height:auto;
    }
    .post-preview.vertical .post-header{
        height:auto;
    }
    .post-preview.width-2.gorizontal{
        width:100%;
    }
    .header-warning{
        padding:0 20px 11px 20px;
    }
    .header-warning h3,
    .header-warning div.h3{
        font-size:20px;
    }
    .header-warning p{
        font-size:18px;
    }
    .posts .col-4{
        width:100%;
    }
    .anzeige h3,
    .anzeige div.h3{
        color:#dd4d3f;
        font-size:20px;
        font-weight:400;
        margin:0;
        padding:9px 9px 0;
    }
    .anzeige a div.h3:hover{
        color:#dd4d3f;
    }
    .content-box li,
    .post-big li{
        font-size:18px;
        margin:5px 0;
    }
    .content-box img{
        display:block;
        width:100%;
        height:auto;
        margin-bottom:20px;
    }
    .content-box.list{
        margin:0 0 25px 0;
        width:100%;
    }
    .slide-title{
        font-size:21px;
        padding:10px 20px;
    }
    .slide-text ul li{
        font-size:15px;
    }
    table.default-content-table,
    .main-content table.default-content-table{
        width:100%;
    }
    .post-big h3,
    .post-big div.h3{
        margin:0;
        padding:18px 0;
        font-size:22px !important;
        font-weight:400;
    }

    .mobile-cats-nav .field.append{
        width:181px;
        height:31px;
        border:1px solid rgb(205, 205, 205);
        background:#fff;
    }




    .banner-2 h1{
        font-size:23px !important;
        margin-bottom:10px;
    }

    .news-wrapper h1{
        font-size:23px;
    }



    .banner-2 h1 small{
        font-size:15px;
        font-weight:400;
    }
    #register .formHeader, #content .formHeader{
        height:62px;
    }
    #register input[type=text]{
        width:210px;
    }
    #register select{
        max-width:210px;
    }

    #register #plz {
        width:50px;
    }
    #register #ort {
        width:150px;
    }
    div.bordered-content-image img[style]{
        width: 100% !important;
    }
}