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

    .logoheader {   
        margin:auto;
    }
    .main_nav {
        margin:auto;
    }

    #banner .banner img {
        max-width:1024px;
        max-height:320px;
        width:100%;
    }

    #banner .banner {
        height:327px;
        background:#fff;
    }

    .block-inline {
        display:inline-block;
        width:45%;
        clear:both;
    }
    
   
    #sidebar .notice.oeffnungszeiten h4 {
        font-size:95%;

    }

    #sidebar .notice.oeffnungszeiten h5 {
        font-size:95%;
    }

    #sidebar .notice.oeffnungszeiten p {
        font-size:95%;
    }
    
    .col-2img img{
   max-width:270px;
   
}

.kat-link a {
    font-size:0.8em;
}


}


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

    body {background:none !important;}

    #site {
        max-width:100%;
    }

    .logoheader {   
        max-width:100%;
    }

    .main_nav {
        width:100%;
    }

    #banner .banner {
        max-height: 319px;
    }

    #banner .banner img {

    }

    #main {
        float:none;
        width:100%;
    }

    #sidebar {
        display:block;
        float:none;
        width:100%;
        margin:40px 2.5%;
    }

 



}

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

    .logoheader {   

    }

    #main {
        float:none;
        width:100%;
    }

    #sidebar {
        display:block;
        float:none;
        width:97%;
        margin:40px 2.6%;
    }

    #banner .banner {
        max-height: 305px;
    }

}

@media screen and (max-width:800px){ 
    .logoheader {   

    }

    #banner .banner {
        height:249px;

    }

    .webs-cont{
        display:block;
        width:100%;
        max-width:600px;
        /*    max-height:550px;*/
        margin:0px auto 10px;

    }

    /*Navigation*/

    .main_nav_inner {
        max-width:98%;
    }

    .main_nav ul li {
        display:block;
        margin:0 0px;
        color:#fff;
        width:100%;
        text-align:center;
        position:static;
    }

    .main_nav ul li a {
        padding:15px 0;
    }


    .main_nav ul li ul {
        width:100%;
        position:relative;
        border:none;
        display:block;
    }

    .main_nav ul li ul li {
        display:block;
        margin:0;
        text-align:center;
    }


    #head {display:none;}
    .responsive-head {display:block;}

    .resp-main_nav{
        margin:0 auto;
        width:100%;
        display:block;
        background:hsla(156,100%,24%,1.0);
    }

    .resp-main_nav ul {
        text-align:center;
        display:none;
    }

    .resp-main_nav ul li {
        display:block;  
    }

    .resp-main_nav ul li a {
        color:#fff;
        text-decoration:none;
        display:block;
        padding:15px;
        border-bottom:1px solid hsla(156,100%,14%,1.0);
    }

    .resp-main_nav ul li a.haus {
        background:url("../images/symbole/haus.png")no-repeat 50%;
    }

    .resp-main_nav ul ul {
        display:none;

    }

    /*Ende Navigation*/



}

@media screen and (max-width:768px){ 
    #banner .banner {
        height:239px;
    }


}





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

    .logoheader img {
        max-width:100%;
        width:150px;
        padding:10px;
        margin:auto;
    }




    #banner .banner {
        height:100px;

    }
    
    
.block-inline {
    clear: both;
    display: inline-block;
    width: 100%;
}

}


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

    h1 {
        font-size:1.2em;
    }

    h2 {
        font-size:1.1em;
    }

    p {
        font-size:0.9em;
    }

    article.item-page {
        padding:20px;
    }

    article.item-page img {
        width:100% !important;
        margin:auto;
    }

    #sidebar {
        display: block;
        float: none;
        margin: 40px 5%;
        width: 95%;
    }

}