@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
#mobnav ul li a{width: auto; padding: 4% 18%;}

#mobnav ul li a.supp{display: none;}

#slider{margin-top: -42px; display: none;}

#content{margin-top: 0;}

#logo{display: none;}
#moblog{width: 80%; padding: 20% 10%;}
#moblog img{width: 100%;;}

#eye{display: none;}
#subheader h1{font-size: 18px; /*margin-top: 10px;*/ padding-right:0;} 
#subheader h1 a{font-size: 18px;} 
#subheader h2{display: none;}
#logo{left: 0; right: auto; height: 75px; width: 180px;}
#subheader_inner{}
#subheader #logo{display: none;}

.flex-control-nav, .flexslider .textlink a{display: none;}
.flexslider .caption{display: none;}
.flexslider img{margin-bottom: 0px!important;}
.flexslider .nr{width: 11%;}
#content{margin-top: 70px;}

#container h1{padding-left: 7%;}
ul#teasernav li{width: 100%;}
ul#teasernav.teaserList li{width: 100%;}

.like{background:url(../Images/like_m.png) no-repeat center center rgb(233,235,234);}
.fb{background:url(../Images/fb_m.png) no-repeat center center rgb(242,243,242);}
.tw{background:url(../Images/tw_m.png) no-repeat center center rgb(233,235,234);}
.blog{background:url(../Images/bl_m.png) no-repeat center center rgb(242,243,242);}

/* Blog */
#blognav {width:88px; position:relative; text-align:left; padding:0; padding-top: 29px; padding-left: 15px; float:left;}
#blognav #switch {position:relative; top:0; right:0;}
#blognav #switch div {padding: 5px 15px;}
#blog_cont {width:100%;}
#blog_cont ul li .blog_teaser{width:50%;}
#blog_cont .bloginhalt .bloghead h3 {font-size: 24px;}


#contact_inner .adr{margin-bottom: 5%;}
#contact_inner .adr, #contact_inner .off {width: 100%; clear: both;}
#contact .news{width: 80%; padding: 5% 10%;}
#map{height: 250px;}
#pageimg, #subnav{display: none;}

.box.numb.black .left,.box.numb.black .right{float: none; width: 100%;} 

.flex{height: auto!important; padding-top: 20px;}
.flex .title{position: inherit; left: 7% !important; position: inherit;}
.flex .title h3{font-size: 16px;}
.flex .title h4{font-size: 12px;}
.flex .img{position: relative; width: 100%; height:180px; top: 50%;}
.flex .infbox{position: inherit !important; left: 7%!important;}
div.flex .textbox{display: none; padding: 10% 10% 20% 10%;}
.flex .textbox p{margin-top:20px}
.flex .textbox li{margin-top:10px}
.flex .textbox ol{margin-left: 20px;}
.flex .image{position:inherit; width: 90%; height: auto; margin-left: 7%;}

ul.teamlist li{width: 50%;}
.tx-hb-team ul.teamlist li a .name{font-size: 13px; line-height: 18px; padding: 2% 5%;}
.tx-hb-team .pic{padding-bottom: 60px;}
.balken .tel{display: none;}
.pic .next, .pic .prev{top: auto; bottom: 8px; z-index: 45; /* background-image: url(../../../../../../fileadmin/Resources/Public/Images/prev_hover.png);*/ opacity: 0.5;}
.pic .prev{left: 2%;}
.pic .next{right: 2%;/* background-image: url(../../../../../../fileadmin/Resources/Public/Images/next_hover.png);*/}
.pic .capt{z-index: 45; width: 60%; top: auto; left: 0; padding: 10px 20%; bottom: 0px; height: 40Px;}
.pic .capt h2, .pic .capt p{position: inherit; bottom: auto; top: auto; left: auto; font-size: 20px;}
.pic .capt h2{top: 20px; font-size: 18px;}
.pic .capt p{font-size: 14px; top: 40px;}
ul.pictures li{width: 100%;}

.balken .capt_r h2{font-size: 16px;}
.balken .capt_r p{display: none;}
.balken .url a{display: none;}

#contact_inner a.tel, #contact_inner a.mailsend{ color:white; font-size:16px;}
#contact_inner a.mailsend{ margin-top:10px; display: inline-block; margin-bottom:10px;}
    
#blog_cont ul li .blog_teaser h2 {font-size: 13px; line-height: 18px; padding: 2% 5%; font-weight: 400;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    
#container .dceContent {margin-top:0; padding-bottom: 0; }

}