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

    /****CONTAINER_DEFINITIONEN*****/
    
    #container {
        width: auto;
    }
    
    #wrapper-content-right-left {
        width:auto;
        margin: 2% 2% 0;
        float:none;
    }
    
    #wrapper-content-right {
        width:auto;
        margin:0;
        float:none;
    }
    
    #content {
        width:auto;
        margin:0;
        float:none;
    }
    
    #content-cleaner {
        width:auto;
        margin:0;
        float:none;
        padding-bottom:20px;
        margin-bottom:20px;
        border-bottom: 5px solid #8e9397 !important;
    }
    
    #right-outer {
        width:auto;
        margin:0;
        float:none;
    }
    
    #right {
        width:auto;
        margin:0;
        float:none;
    }
    
    #left {
        width:auto;
        margin:0;
        float:none;
    }
    
    /***VORLAGEN***/
    #header {
        height: 240px;
    }
    #header .keyvisual {
        display:none;
    }
    
    #header .header {
        position:relative;
        width:100%;
        display:inline-block;
        text-align:center;

    }
    
    #header .header .logo-image{
        left: auto;
        position: relative;
    }
    #header .toolbar {
        position:relative;
        width:100%;
        display:inline-block;
        text-align:center;
    }
    
    #header .toolbar ul{
        display:inline-block;
        margin-right: -35px;
    }
    
    #header .toolbar ul li {
        margin-left:0 !important;
        margin-right:7px;
    }
        
    #header .toolbar a {
        float:left;
        display:inline-block;
        width:35px;
        height:20px;
    }
    
    #header .toolbar-title {
        display:none;
    }
    
    #header .withoutTitle {
        margin-top:-7px;
        width:35px !important;
    }
    
    #breadcrump {
        margin: 2% 2% 0;
    }
    
    #topnavi {
        background:#fff;
        margin: 2% 2% 0;
        margin-top: 10px;
    }
    
    div.bild-right,
    div.bild-left,
    div.bild-center {
        width:100% !important;
    }
        
    div img {
        max-width:100%;
        height:auto;
    }
    
     div.bild-right img {
        float:right;
     }
     div.bild-left {
        float:left;
     }
    
    /*******NAVIGATION*********/
    .hauptnavigation {
        height:auto;
        margin:0;
    }
    .hauptnavigation ul {
        box-shadow:none !important;
        background:none !important;
        border:none !important;
    }
    
    .hauptnavigation ul li {
        padding: 0 !important;
        float: none !important;
        width:auto !important;
        border:none !important;
    }
    .hauptnavigation ul ul {
        padding: 0px 0px 0px 20px !important;
    }
    
    .hauptnavigation ul li a {
        display: block;
        padding: 10px 0px 10px 0px !important;
        border: none !important;
        margin:0 !important;
        color: #858585 !important;
        font-family: arial narrow,arial,helvetica,sans-serif;
        font-size: 19px;
        font-stretch: condensed;
        font-weight: bold;
    }
    
    .hauptnavigation ul li a.active,
    .hauptnavigation ul li a:hover {
        color:#024370 !important;
     }
     
     .hauptnavigation ul.level-2 li a {
        font-size: 17px;
     }
    
    .hauptnavigation ul:first-child {
        border-top: 5px solid #8e9397 !important;
        border-bottom: 5px solid #8e9397 !important;
        padding-top:1px;
    }
    
    .hauptnavigation ul li:hover a {
        background-image:none !important;
    }
    
    .hauptnavigation ul li {
    
    }
    
    .hauptnavigation ul.level-2 > li a {
        padding: 0px 0px 0px 20px; 
        margin: 0px;
    }
        
    .hauptnavigation ul.level-3 {
        display:inline-block;
        left:0;
    }
    
    .hauptnavigation ul.level-3 li {
        border-left: #fff;
    }
    
    .hauptnavigation li.level-3 a {
    }
    
    /*.hauptnavigation.smartphone-no-script ul li.has-children > a span.icon{
        background: red;
        display: block;
        float: right;
        height: 20px;
        width: 10px;
    }
    
    .hauptnavigation.smartphone-no-script ul li.has-children > a.active span.icon{
        background: green;
        display: block;
        float: right;
        height: 20px;
        width: 10%px;
    }*/

    .hauptnavigation.smartphone-no-script ul li.has-children.active > ul {
        display: block;
        position: unset;
    }
    
    .hauptnavigation.smartphone-script ul.level-1 ul {
        position: relative !important;
        top:0 !important;
    }
    
    .hauptnavigation.smartphone-script ul li a {
        border-right: medium none;
        display: inline-block;
        width: 77%;
    }

    .hauptnavigation.smartphone-script ul li:hover a,
    .hauptnavigation.smartphone-script ul li a:hover,
    .hauptnavigation.smartphone-script ul li a.active,
    .hauptnavigation.smartphone-script ul li ul li a,
    .hauptnavigation.smartphone-script ul li ul li a.active {

    }
    
    .hauptnavigation.smartphone-script > ul.level-1 > li > a:hover {

    }
    
    .hauptnavigation.smartphone-script ul li ul li {
    }
    
    .hauptnavigation.smartphone-script ul > li > ul li.active > a, 
    .hauptnavigation.smartphone-script > li:hover > a {
        background: none;
    }
    
    .hauptnavigation.smartphone-script .controls {
        float:right;
        height: 43px;
        width: 40px;
    } 
    
    .hauptnavigation.smartphone-script .smartphone-minus {
        background: url("/static/img/gallery-button-up-0.png") no-repeat scroll center center;
    } 
    .hauptnavigation.smartphone-script .smartphone-plus {
        background: url("/static/img/gallery-button-down-0.png") no-repeat scroll center center;
    }
    
    .hauptnavigation.smartphone-script li.level-2 .smartphone-minus {
        
    }
    .hauptnavigation.smartphone-script li.level-2 .smartphone-plus{

    }
    
    .hauptnavigation.smartphone-script li.level-3 smartphone-plus{
        
    }
    
    #header {
        height: 150px;
    }
    
    #header img{
        width: 80px;
    }
    
    /***********GALERIE***************/
    .gallerie ul li {
        margin-right:10px !important;
    }
    /*********TEASERBILDERGALERIE*******************/
    
    
    
    /**********FUSS*******************************/
    #footer {
	   height: auto !important;
	}
	.footer-inner span.line {
	    display:block;
	    text-align:center;
	}
    /*********MANUELLER-LAYOUT-WECHEL***************/
    .hide-layout-change {
        display:block;
    }
    
    .responsive-change {
	    color: #024370 !important;
	    display: block;
	    font-family: arial narrow,arial,helvetica,sans-serif;
	    font-size: 19px;
	    font-stretch: condensed;
	    font-weight: bold;
    }
    
    .teaser p img {
        float:none;
        display:block;
        margin-bottom:10px;
    }
}
@media screen and (max-width: 450px) {
    #header {
        height: 150px;
    }
    
    #header img{
        width: 80px;
    }
    
    #footer {
        /*background-size:40%;*/
        /*height:200px;*/
    }
    
    .footer {
        width:145px;
        bottom:10px;
        right:30px;
    }
    
    .insite-sitemap {
        display:none;
    }
    
    .item-info-wrapper {
    padding-left: 0px;
    }

    a.company {
        clear: both;
    } 
}

@media screen and (max-width: 500px) {
	
	    
    #content img {
        float:none !important;
        display:block;
        margin-bottom:10px;
    }  

}