@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) and (orientation: portrait) {
.flex .textbox {top:31%;}
}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) and (orientation: portrait) {
.flex .textbox {top:34%;}
}


@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) and (orientation: portrait) {

.layout-1 {}	
.layout-1 .flexslider .slidercontent img { width:100%; }

/* Blog */
#blog_cont .bloginhalt .bloghead h3 {font-size: 34px;}

}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) and (orientation: portrait) {

#blog_cont {margin-top:128px;}
#blog_cont ul li  .blog_teaser{width:33.33%;}

#blognav #switch{display: none;} 
#blog_logo_wrapper #eye{display: block!important;}

/*.flex .textbox {top:8%; width: 30%; font-size: 13px; line-height: 22px; padding: 2%;} */
.flex .textbox{width: 80%!important; height: 90%!important; top: 0!important; left: 0!important; z-index: 9999; padding: 10%; position: fixed; z-index: 9999;}
.flex{overflow: visible;}
    
.pic .capt {z-index: 10;}
    
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) and (orientation: portrait) {
    .subpage_back {display: none;}
}



@media only screen and (max-width: 780px), only screen and (max-device-width: 780px) and (orientation: portrait) {

#navi{display:none;}
#mobnav{display: block; background: url(../Images/dot_black.png) no-repeat 34px bottom; padding-bottom: 4px; z-index: 999; top: 70px;}
#mobnav .menu{ width: 70px; background:url(../Images/menu.jpg); height: 70px; position: fixed; z-index: 999;} 
#mobnav ul{display: none; list-style: none; position: fixed; z-index: 999; width: 100%; top: 70px;}
#mobnav ul li a{width: 20%; padding: 2% 12%; background: rgb(50,50,50); background:rgba(50,50,50,0.85); text-transform: uppercase; font-size: 25px; line-height: 25px; margin-top: 2px;display: block; color: white; text-decoration: none; font-weight: 400;}

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

/* Blog */
#blog_cont {margin-top:66px;}
#header{position: inherit!important;}
#subheader{margin-top: -4px;}
#subheader_inner{ height: 70px; display: table;}
#subheader_inner h1 {padding-left:90px; font-size: 20px; padding-right:195px; }
#blog_logo_wrapper h1{left:0; top:22px;} 
#subheader #logo{display: block; width: auto;}

#subheader #logo img{height: 73px; width: auto;}
#subheader #eye{display: none;}
#content{margin-top: 70px;}
#content .back_team_portfolio {display:none;}

h1{font-size: 35px; top: 14px;}
h1 a{font-size: 35px; top: 14px;}
h2{font-size: 18px; left: 90px; top: 55px;}

.bloginhalt .bloghead img{width: 100%;}
.contb{width: 96%;}
.back_blog{display: none!important;}

#container h1{font-size: 22px; line-height: 30px;}
ul#teasernav li{width: 50%}
ul#teasernav.teaserList li{width: 50%}
/*ul#teasernav li:nth-child(4) a{background: rgb(233,235,234);}
ul#teasernav li:nth-child(3) a{background: rgb(242,243,242);}
ul#teasernav li:nth-child(2) a{background: rgb(242,243,242);}*/

.like span{display: none;}
.like{left: 0; top: 0; position: inherit; padding: 0;}
#toolbar a{width: 25%; height: 100%; float: left; display: block; padding: 0; margin: 0;}
#toolbar a div{display: none;}
.like{background:url(../Images/like_t.png) no-repeat center center rgb(233,235,234);}
.fb{background:url(../Images/fb_t.png) no-repeat center center rgb(242,243,242);}
.tw{background:url(../Images/tw_t.png) no-repeat center center rgb(233,235,234);}
.blog{background:url(../Images/bl_t.png) no-repeat center center rgb(242,243,242);}
.top, .fb_t, .go_t{z-index: 115; bottom: 15px;}
#contact_inner{height: auto; margin-bottom: 20px;}
#contact{padding-bottom: 80px;}
.news{position: inherit; width: 60%; left: 0; padding: 5% 30% 5% 10%; margin-top: -25px; height: auto;}
.copy{left: 5%; bottom: 30px; top: auto;}

ul.flex-direction-nav{display: none;}
.caption .flex-control-nav{bottom: 70px;}
.caption .captiontitle {font-size: 28px;}
.flexslider .caption .captiontext p{font-size: 14px;}
.caption .textlink{font-size: 14px; margin-top: -30px;}
.flexslider .caption{top: 10%;}

#pageimg{display: none;}
#subnav{top: 12px; /* top:12px; */}
#subnav li a{font-size: 14px; line-height: 15px;}

.flex.numb .click{margin-top: 0px;}
.flex.numb h3{margin-bottom: 1%;}



ul.teamlist li{width: 33.333%;}
ul.teamlist li a{text-decoration: none;}
ul.pictures li{ width: 50%;}
.mitarbeiter .capt{top: 60%;}

.balken .capt_r{top: 12px;}
.balken .capt_r p {margin-top: 5px; font-weight: 400;}
.balken .capt_r h2, .balken .capt_r p{font-size: 16px; line-height: 20px;}
.balken p.url{font-size: 16px;}

.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;}

#bullets{display: none;}

#contact_inner{font-size: 12px; font-weight: 400; padding: 5% 10%;}
#contact_inner h3{font-size: 12px; font-weight: 400;}
#contact_inner .adr, #contact_inner .off{width: 30%; font-weight: 400;}

#contact .news{font-size: 12px;}
#contact .news h3{font-size: 12px;}

.tx-hb-team {margin-top: -4px;}
.tx-hb-team ul.teamlist li a .name{font-size: 14px; font-weight: 400; padding: 5% 5%;}
.pic .balken p.tel{font-weight: 400; font-size: 14px;}

.balken .capt_r h2{font-weight: 700;}
.balken .url a{font-weight: 400;}
.cation_ref{position: inherit; width: 80%; padding: 5% 10% 0% 10%;}
.referenz .pic img{width: 100%; margin-left: 0;}
.referenz .pic .click{display: none;}

}