/* =========================== media queries  ===================== */ 

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

.topseparate, .archives { padding-top:85px;}
.col-ofc { width:48.786170212699%; margin:1.5% 0; margin-right:2.427659574468%; float:left;}
.ib .col-ofc:nth-child(2n+2), .pb .col-ofc:nth-child(2n+2), .sb .col-ofc:nth-child(2n+2), .tb .col-ofc:nth-child(2n+2) { margin-right:0; }
.ib .col-ofc:nth-child(2n+1), .pb .col-ofc:nth-child(2n+1), .sb .col-ofc:nth-child(2n+1), .tb .col-ofc:nth-child(2n+1) { clear:left;}
.col1-4 {width:50%; margin:25px 0;}
.col1-4 .inner { padding:0 10px 0 10px;}
.servicebox .box-icon { margin:0 20px 0 0;}
.servicebox [class^="icon-"]:before, .servicebox [class*=" icon-"]:before { font-size:40px;  }
.teambox .teambox-image {padding:15px;}
.teambox .teambox-image img {width:100%;}
.postbox .blog-list-thumb {margin:10px 30px 10px 0; max-width:230px;}
.portfoliobox { padding:10px 10px 5px 10px;}
.contact-section .col-ohc {width:calc(100% - 80px); padding:0 40px; float:none; margin-right:0;}
.wpcf7-form {margin:45px 0 0 0; width:100%;}
.contactcontainer .op-map {margin:35px 20px; }
.contactinfo { padding:0;}
.mobilecol {width:100%; float:none; margin:0; display:block;}
.contentcol {padding:0 20px 0 20px;}
.separator-headline.eins, .separator-headline.drei { white-space:normal;} 
.separator-headline.eins h1, .separator-headline.eins h2, .separator-headline.eins h3, .separator-headline.eins h4, .separator-headline.eins h5 { font-size:28px; }
.separator-headline.drei h1, .separator-headline.drei h2, .separator-headline.drei h3, .separator-headline.drei h4, .separator-headline.drei h5 { font-size:22px; }
}

@media screen and (max-width: 667px)  {
#tabContainer #tabitems { height:32px; }
#tabContainer #tabitems li a {font-size:.85em;  padding:0 8px; height:32px; line-height:30px; }
}

@media screen and (max-width: 640px)  {
.col-full { width:100%; margin:1% 0 !important;}
.col-otc { width:100%; margin:1.5% 0;}
.col-ttfull { width:100%; margin:1.5% 0; display: inline; float:none !important;}
.col-otfull { width:100%; margin:1.5% 0; display: inline; float:none !important;}
.col-ttc {  width:100%; margin:1.5% 0;}
.col-ofc {  width:100%; margin:1.5% 0;}
.col-ohc { width:100%; margin:1.5% 0;}
.col-otc, .col-ttc, .col-ofc, .col-ohc {margin-right:none !important; display: block; float:none !important;}

.col1-1 { width:100% !important; }
.col1-2 {width:100% !important;}
.col1-3 {width:100% !important;}
.col1-4 {width:100% !important;}
.col2-3 {width:100% !important;}
.col3-4 {width:100% !important;}
.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:1.5% 0; display: block !important; float:none !important;}
.inner { padding:0 0 0 0 !important;}
}

@media screen and (max-width: 376px)  {
.postbox .blog-list-thumb { float:none; margin:0 0 20px 0; }
.contact-section .col-ohc {width:100%; padding:0; float:none; margin-right:0;}
.logo img {max-width:280px;}
.teambox .teambox-image img {width:100%;}
#gototop { display:none; position:fixed; z-index:10000; right:5px; bottom:40px; }
#gototop a {background: rgba(204,204,204,.8); padding:8px; border-radius:3px; color:#fff; text-decoration:none; font-size:1.4em; display: inline-block; margin:3px 0;}
#gototop a:hover { background:#bbb;}
footer .col-ohc { text-align:center !important;}
.bottomline { text-align:center; padding:15px 0 5px 0; }
.topseparate, .archives, .intro-section { padding-top:70px;}
.inner-section {padding:30px 0; }
.contentcol {padding:0 5px 0 5px;}
.ib .col-otc:nth-child(1),
.ib .col-otc:nth-child(2),
.ib .col-otc:nth-child(3),
.ib .col-ohc:nth-child(1),
.ib .col-ohc:nth-child(2),
.ib .col-ohc:nth-child(3),
.ib .col-ohc:nth-child(4),
.ib .col-ofc:nth-child(1),
.ib .col-ofc:nth-child(2),
.ib .col-ofc:nth-child(3),
.ib .col-ofc:nth-child(4) { animation-delay:0;}
}