/** DocBlock
 * 
 * @site         http://tomleiferdesign.de/
 * @author       TLD
 */

/* ==================== Video responsive ==================== */

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}


/* ========================================================================================== */
/* ======================================== MEDIA QUERIES ======================================== */
/* =============================================================================================== */



.startsection .row {
	position: static;
}
	
.agenturSeiteSection4 .owl-theme .owl-controls {
    margin-top: 90px !important;
    text-align: center;
    display: none;
}

 .navLeistungsbereichte #tab-1 .tab-content {
	width: 100%;
}

.navLeistungsbereichte .tab-content {
	width: 75%;
}

.midnightHeader.default {
	overflow: initial!important;
}

.home21.sticky-active {
	z-index: 20;
}



/* ==================== Allgemeine Media Querys ==================== */

@media (max-device-width : 1480px) {
	.teamBox .teamBoxContenthover {
    padding: 10px;
     }
	/* === Header === */
	.startsection h1 {
	    font-size: 40px;
	    line-height: 55px;
	}
	
	.item-text-box p{
		font-size: 35px;
		line-height: 42px;
	}
	
        .next-outer, .prev-outer {
            width: 80px;
        }
        
        .next-outer.leistungsbereich {
            width: 100px;
        }
	
        .prev-outer.leistungsbereich {
            width: 100px;
        }


	.owl-carousel .owl-item img {
		/*width: 75% !important;
		height: 75% !important;
		margin: 0 auto;*/
	}

	.abdecker {
		display: none;
	}
        
        .foot-01 {
            max-width: 21%;
            flex-basis: 21%;
        }
        .foot-02 {
            max-width: 13%;
            flex-basis: 13%;
        }
        
        .foot-05 {
            max-width: 30%;
            flex-basis: 30%;
        }
        .teamGrid {
            max-width: 1100px;
        }
        
        .teamBox .teamBoxContenthover p {
            font-size: 15px !important;
            line-height: 20px;
            margin-top: 17px;
        }
        
        .agenturSeiteSection5 {
            padding: 125px 0 !important;
        }
        .teamBox .teamBoxContenthover h4 {
            line-height: 42px;
            font-size: 18px;
        }
        
	.teamBox .teamBoxContenthover h4::after {
		margin: 4px auto;
	    }
	.owl-carousel .owl-controls .owl-nav .owl-prev {
		height: 75%;
	}
	
	.owl-stage {
		display: flex;
	}
	/**/
        .navLeistungsbereichte .tab-content {
	    width: 100%;
	}
}


@media (max-device-width : 1220px) {
    	
	div[class^="ipad-mocki"] {
		display: none;
	}
         /* === vor-zurueck-buttons fuer desktop === */
	.next-outer, 
	.prev-outer{
		display: none;
	}
	
	/* === vor-zurueck-buttons fuer mobile === */
	.next-preview-mobile{
		display: block;
	}
	
	#cookieHinweis {
	    text-align: left;
	}
	
	/* Startseite */
	.agenturSeiteSection4 {
	    padding-bottom: 0px !important;
	}
	
	/* === Header === */
	.startsection h1 {
	    font-size: 30px;
		line-height: 45px;
	}
	
	/* === Leistung.hmlt */
	.overlayinnLeistungen p{
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 25px;
	}

	/* === TEAM === */
	.teamBox .teamBoxContenthover h3 {
	    font-size: 20px;
	    line-height: 20px;
	}
	.teamBox .teamBoxContenthover h4 {
	    font-size: 18px;
	}
	.teamBox .teamBoxContenthover h4::after {
		left: 10px;
	}
	.teamBox .teamBoxContenthover p {
	    margin-top: 20px;
	    font-size: 14px;
	    line-height: 20px;
	}
	
	.teamBox .teamBoxContenthover {
		padding: 10px;
	}
	.item a.hochformat {
		max-width: 80%;
	}
	
}


@media (max-device-width : 1024px) {
    
	.SinglePostKategorie div {
        width: 30%;
        float: left;
    }

	.SinglePostKategorie div + div {
        padding-top: 0;
    }

	.content {
        max-width: 100%;
        padding: 0 20px;
    }

	.foot-04 {
		display: none;
	}

	#text2570925 {
		width: 100%;
	}

	footer form.cr_form .cr_button {
		width: auto;
		margin-top: 10px;
	}
	
}


@media (max-device-width : 954px) {

       .site-footer {
            padding-right: 0px;
			padding-left: 0px;
		}

}


@media (max-device-width : 768px) {
	#logo-container-inner { width: 2000px }
        img.logo {
            /*display: none*/
												margin-bottom: 0;
            }
        img.logo-mobile {
            display: block;
            width: 50px;
            height: auto;
            }
	
	section .row .box h2{
		padding-bottom: 25px;
	}
	
	.content {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	/* === Main-Navigation === */
        
        .home nav {
            padding:  0;
        }
        
        .main-navigation a {
            padding: 0;
        }
        
        .main-navigation a.main-nav-Kompetenzen, .main-navigation a.main-nav-Referenzen, .main-navigation a.main-nav-Team, .main-navigation a.main-nav-Kontakt {
            padding: 23px 0;
        }
        
	#site-navigation .row {
    	margin-bottom: 0px;
	}
        
        #site-navigation-mobile {
            display: block;
        }
	
	/* === Header === */
	.page-template-page-referenzen .header-img,
	.archive .header-img  {
	    height: 250px;	/* alte Angabe height: 17.5vw; */
	}
	.frontpage-text {
	    padding-right: 10px;
	    padding-left: 20px;
	}
	
	.header-img,
	.header-section,
	.video-wrap {
		height: 40vw;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		/* background-position: 50% 50%; */
	}
	.abdunkler{
		height: 40vw;
	}
	.header-img h3,
	.header-section h3,
	.video-wrap h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.header-img h1,
	.header-section h1,
	.video-wrap h1 {
	    font-size: 30px;
	    line-height: 50px;
	}
	
	/* team.html */
	.kontaktSeiteSection2 .end-xs {
	    text-align: left;
	}
		.kontaktSeiteSection2 .row > div {
		    margin-bottom: 20px;
		}
		
	.overlayinn {
	    background-color: #fff;
	    height: 100%;
	    width: 100%;
	    opacity: 1;
	    top: 0;
	    left: 0;
	    position: relative;
	    padding: 70px;
	    transition: opacity .5s;
	}
	.teamBox .teamBoxContenthover,
	.teamBox .teamBoxContenthover h3,
	.teamBox .teamBoxContenthover h4 {
	    color: #000;
	}
	.teamBox .teamBoxContenthover p {
	    padding-left: 0px;
	    padding-right: 0px;
	    font-size: 18px !important;
		line-height: 28px !important;
	}
	.teamBox .teamBoxContenthover {
	    padding: 10px 0px 10px 0px;
	}
	.teamBilder .col-xs-12{
		margin-bottom: 50px;
	}
	
	.teamGrid .box {
	    padding: 0rem 1rem 0px 1rem;
	}
	.teamGrid .box div + div {
	    margin-top: 75px;
	}
	.teamGrid .box div + div:last-child{
	    margin-bottom: 75px;
	}
		/* letztes Element*/
		.Lisa.Sandtner {
	    margin-top: 50px;
	}
	
	/* === ajax load more === */
	.item h2 {
	    font-size: 25px;
	    line-height: 30px;
	}
	.item p.spitzmarke {
	    font-size: 14px;
	    line-height: 2px;
	}
	.item-text-box h2{
	    font-size: 43px !important;
	}
	
	/* "roten-Boxen" */
	.item-news {
	    margin: 0;
	}
	.item p.date {
	    font-size: 14px;
	    line-height: 2px;
	}
	
	/* === vor-zurueck-button === */
	.case-link a{
		font-size: 15px;
		line-height: 20px;	
	}
	
	/* google maps */
	#map_canvas {
    	height: 350px !important;
	}
	
	/* === team.html === */
	.teamBox .teamBoxContenthover h3 {
	    font-size: 25px;
	    line-height: 20px;
	}
	
	.teamBox .teamBoxContenthover h4 {
	    font-size: 20px;
	}
	.teamBox .teamBoxContenthover p {
	    margin-bottom: 0px;
	    font-size: 16px;
	    line-height: 20px;
	}
	.teamBox .teamBoxContenthover p {
		display: block;
	}
	
	
	/*========================>>>>>>>>  NEU  <<<<<<<<==========================*/
	
	p {
		margin-bottom: 12px;
		font-size: 18px;
		line-height: 30px;
	    }
	    
	small {
		font-size: 15px;
	    }
		    
	h3 {
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 20px;
	    }
	    
	    .startsection .box h1 {
		font-size: 30px;
		line-height: 45px;
		letter-spacing: 0;
	    }
	    
	    .header-img h3, .header-section h3, .video-wrap h3 {
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 20px;
	    }
	    
	    h2, .box h2, .referenzUnterSeiteSection1 .box h2, .agenturSeiteSection2 .box h2, .intro-text .box h2 {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 15px;
	    }
	    
	    .box h2::after {
		margin: 20px auto 4px auto;
	    }
	    
	    h4 {
		line-height: 30px;
		margin: 0;
	    }
	    
	body.home .centerBox.unterstrichBlack h2::after {
		height: 2px;
		margin: 12px auto;
	    }
	    
	 body.home .centerBox.unterstrich h2::after {
		height: 2px;
		margin: 12px auto;
	    }
	    body.home .site-content{
		margin-top: 0;
		}
	    .site-content {
		margin-top: 50px;
	}
	    
	    .content {
		padding-left: 12px;
		padding-right: 12px;
	    }
	    
	    .boxAbsoluteCenter {
		width: 100%;
		left: 0;
		top: 31%;
		margin: 0;
	    }

	.item p.spitzmarke {
		line-height: 18px;
	}
	#site-navigation {
		display: none;
	}
	#site-navigation-mobile {
		display: block;
	}
	
	.frontpage-img {
		display: none;
	    }
	.frontpage-img-ersatz {
		display: inline;
	    }
	.scrollToTop {
		width: 40px;
		height: 40px;
		padding: 5px 5px 10px 6px;
		bottom: 20px;
		right: 12px;
		font-size: 15px;
	    }
	p.tld-tag a {
		font-size: 10px;
		margin-right: 10px;
		padding: 9px 4px;
		margin-bottom: 10px;
	    }
	    
	    #ajax-load-more {
		margin: 0;
	    }
	.item-text-box p {
		font-size: 30px;
		line-height: 36px;
	    }
	    
	.item-full-width .item-work {
		width: 100%;
	    }
	.item-work {
		width: 87%;
		margin: 0 auto;
	}
	
	.item .txtCasePreview {
		margin-bottom: 10px;
		line-height: 22px;
	    }
	    
	    .item-outer {
		margin: 20px 0 60px;
	    }
	    .txtCasePreview small {
		font-size: 15px;
		line-height: 22px;
	    }
	    .item p.spitzmarke {
		font-size: 14px;
		margin-top: 15px;
		margin-bottom: 4px;
	    }
	    .item-text-box {
		padding: 15px;
	    }
	    .logo-slide {
		width: 130px;
		height: 150px;
		font-size: 50px;
		color: #fff;
		padding: 0 10px;
		line-height: 160px;
	    }
	    #logo-container {
		height: 160px;
		margin-top: -50px;
	    }
	    .item h2::after {
		height: 2px;
		}
		
		.wrapperReferenzenUnterSeite section, .wrapperAgentur section, .wrapperKontakt section, .wrapperTeam section, .wrapperLeistungen section, .wrapperStartseite section, .wrapperArchivJobs section {
		padding-top: 50px;
		padding-bottom: 45px;
	    }
	    .frontpage-text {
		margin-top: -75px;
	    }
	    
	    #shortcode_output {
		padding-bottom: 120px;
	    }
	    .btn-load-more {
		padding: 0 0 110px;
		font-size: 25px;
	    }
	    .centerBox.unterstrich, .centerBox.unterstrichBlack {
		padding-bottom: 20px;
	    }
	    .agenturSeiteSection5 {
		padding: 66px 0 !important;
		background-size: auto 100%;
		background-position: center;
	    }
	    
	    .box.kontakt-infos p.line-after::after {
		height: 2px;
	    }
	    
	    /*=============== REFERENZEN ===============*/
	    
	    .refrenzen-head {
		background-image: url('/wp-content/uploads/2016/08/bg_referenzen5.jpg');
		background-size: auto 100%;
		background-position: 81%;
	    }
	    
	    .refrenzen-head .unternav-wrap .navLeistungsbereichte, .refrenzen-head.refernzUnterseite .unternav-wrap .navLeistungsbereichte {
			position: relative;
			bottom: 0px;
		    }
	    
	    .refrenzen-head, .refrenzen-head .abdunkler, .refrenzen-head .unternav-wrap {
			height: 68vw; /*H��*/
		    }
	    .refrenzen-head.refernzUnterseite .unternav-wrap .navLeistungsbereichte {
			margin-left: 0;
			margin-top: -13px;
		    }
	    .refrenzen-head .unternav-wrap .navLeistungsbereichte {
			margin-left: 0px;
		    }
	    
	    .navLeistungsbereichte .ui-tabs-panel li a {
		font-size: 10px;
		margin-right: 10px;
		padding: 9px 4px;
		margin-bottom: 10px;
	    }
	    
	    .navLeistungsbereichte #tab-1 .tab-content {
		width: 100%;
		margin-left: 0px;
		margin: 0;
		padding-top: 0;
		margin-top: -61px;
		position: absolute;
		top: 68vw;
	    }
	    
	    .refrenzen-head.refernzUnterseite .unternav-wrap .navLeistungsbereichte  #tab-1 .tab-content{
		margin-top: -1px;
		padding: 0;
		}
	    .tabs .content {
		padding: 0;
	    }
	    ul.tab-content li {
		padding: 0;
	    }
	    
	    .centered-box h1 {
		font-size: 25px;
		line-height: 30px;
	    }
	    .item-work.hilfs-beitrag {
		width: 100%;
		margin: 0 auto;
	    }
	    
	    .header-img h1::after, .header-section h1::after, .video-wrap h1::after, .centered-box h1::after {
		height: 2px;
		max-width: 30px;
		margin: 15px auto 20px auto;
	    }
	    .unterstrich h3::after {
		height: 2px;
		margin: 16px auto;
	    }
	    /*=============== SINGLE-WORK ===============*/
	    
	    .bild img {
		margin: 20px auto;
	    }
	    
	    div.section, div.section.basedahl01, div.section.s-mag04 .content .row:nth-of-type(2) {
		padding: 55px 0px !important;
	    }
	    
	    .single .site-content .SinglePostKategorie a {
		font-size: 10px;
		padding: 9px 4px;
		margin-right: 10px;
		margin-bottom: 10px;
	    }
	    
	    p.small-serif {
		font-size: 15px;
	    }
	    
	    .box.SinglePostKategorie {
		width: 100%;
	    }
	    
	    .SinglePostKategorie div {
		width: 100%;
		float: left;
	    }
	    
	    .SinglePostKategorie div:nth-child(2), .SinglePostKategorie div:nth-child(3) {
		/*display: none*/
	    }
	    
	    .margin-top-50 {
		margin-top: 0;
	    }
	     /*=============== CASE-STUDY ===============*/
	     
	    .case-footer {
		background-image: none !important;
	    }
		.case-footer-fakt-inner {
		float: none;
	    }
	    
	    .case-footer-center {
		height: 30px !important;
	    }
	    
	    .case-footer .btn-load-more {
		margin-top: 30px;
		margin-bottom: 30px;
	    }
	    
	    .box h1 {
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 20px;
	    }
	    
	    .case-footer .SinglePostKategorie div {
		width: 100%;
		float: left;
		text-align: center;
	    }
	    
	    .case-footer-testimonial div{
		width: 100%;
		text-align: center;
	    }
	    
	    /*=============== TEAM ===============*/
	    .teamBilder .col-xs-12 {
		margin-bottom: 50px;
		padding: 0;
	    }

	    .teamGrid {
		max-width: 100%;
		padding: 12px;
	    }
	    .teamGrid .box {
		padding: 0;
	    }
	    
	    .teamBox .teamBoxContenthover h4 {
		font-size: 18px;
		line-height: 26px;
	    }
	    
	    .teamBox .teamBoxContenthover h3 {
		font-size: 25px;
		line-height: 34px;
		margin-top: 0;
	    }
	    
	    .teamBox .teamBoxContenthover p {
		font-size: 15px !important;
		line-height: 22px !important;
		margin-top: 26px;
	    }
	    
	    .teamGrid .box div + div {
		margin-top: 30px;
	    }
	    .wrapperTeam .box h2:after {
		display: none;
	    }
	    
	    .teamBox .teamBoxContenthover h4::after {
		background: #000;
		height: 2px;
		max-width: 30px;
		margin: 15px auto;
		left: 0;
	    }
	    
	    .teamBilder .col-xs-12 {
		padding: 5px;
	    }
	    
	    .wrapperArchivJobs .centerBox.unterstrich h2::after {
		height: 2px;
		margin: 12px auto;
		margin-bottom: 5px;
	    }
	    
	    /*=============== KOMPETENZEN ===============*/
	    
	    .agenturSeiteSection2 .agenturLeistungen .box {
		height: 290px;
	    }
	    
	    .overlayinnLeistungen {
		opacity: 1;
		padding: 15px;
	    }
	    
	    .agenturLeistungen .col-md-6 {
		padding: .5rem;
	    }
	    
	    /*=============== FOOTER ===============*/
	    .site-footer {
			padding: 25px 0;
		    }
	    
	    .site-footer .content {
		margin: 0;
		max-width: 100%;
	    }
	    
	    .site-footer .socialNav a:first-child {
		margin-right: 14px;
	    }
	   /* .footer-logo {
		margin-left: 0;
		position: relative;
		left: 0;
		padding-left: 12px;
		float: left;
		margin-top: 0;
		z-index: 1;
	    }
	    */
	   .footer-logo {
		left: 12px;
		margin: 0;
		width: 34px;
		z-index: 1;
	    }
	    
	    .foot-01 {
		max-width: 28%;
		flex-basis: 28%;
		margin-left: 40px;
		}
	    
	    .foot-02 .content .box{
		margin: 0;
	    }
	    
	    
	    div.foot-02 {
		max-width: 15%;
		flex-basis: 15%;
		}
		
	   div.foot-03 {
		max-width: 21%;
		flex-basis: 21%;
		}
		
	.site-footer .linkFooter {
		margin-bottom: 3px;
	    }
	    .copy-logo {
		font-size: 9px !important;
		}
	img.footer-logo-02 {
		width: 152px;
		margin-top: -1px;
	    }
	    
	    .colorBalkenRed ul.content {
		display: none;
	    }
	    footer form.cr_form .cr_button {
		padding: 11px 6px;
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	    }
	     /*=============== OWL-SLIDER ===============*/
	     
	     .owl-carousel .owl-item img {
		width: 100% !important;
		height: auto !important;
		margin: 0 auto;
	    }
	 .owl-item {
		width: 80% !important;
	    }
	/*=====================>>>>>>>>  NEU-ENDE  <<<<<<<<========================*/
}

@media (max-device-width : 568px) {
	
	/* === Header === */
	.startsection .box h1 {
	    font-size: 20px;
		line-height: 30px;
	}
	
	/* Main-Menue */
	nav li {
	    /*float: left;*/
	    padding-left: 11px;
	}
	
	
	/* === Beitraege === */
	.bild img {
	    margin: 50px auto;
	}

	/* === Footer === */
	div[class*="foot-"] {
		max-width: 100%;
		flex-basis: 100%;
	}

	.site-footer {
		padding-right: 15%;
	}
	
	
}

@media (max-device-width : 480px) {

	.teamBoxContenthover h2{
		display: block;
	}
	
	/* Erster Buchstabe innerhalb eines p Tag als Initial ueber 3 Zeilen */
	.dropCaps p:first-child:first-letter {
		padding: 10px 0;
	}

	/* === Header === */
	.frontpage-img-ersatz{
		display: inline;
	}
	.frontpage-img{
		display: none;
	}

	/* === Main-Menu === */
	#menu-primary,
	.main-navigation ul .lang-item a{
	    font-size: 16px;
	}
	.main-navigation a {
	    padding: 0.5em 0;
	}

	nav {
		padding-right: 0px;
		padding-left: 5px;
	}

	nav .col-xs-2.col-md-2.col-lg-2 {
		display: none;
	}

	nav .mobile {
		width: 83%;
		max-width: 120%;
		flex-basis: 83%;
	}
	
	/* === Sub-Menu (Archiv-Seiten) === */
	.navLeistungsbereichte ul li + li {
	    padding-left: 0px !important;
	}
	.navLeistungsbereichte .ui-state-active a {
	    padding: 10px 10px;
	}
	.navLeistungsbereichte ul li a {
	    padding: 10px 10px;
	}

	/* === Leistung.html === */
	.overlayinnLeistungen {
    	padding: 25px;
	}
	.overlayinnLeistungen {
	    opacity: 1;
	}
	.agenturLeistungen h3 {
	    display: none;
	}

	/*.owl-stage-outer {
		max-height: 500px;
	}

	.owl-item {
		width: 100% !important;
	}
	*/

	/* === Ajax load more === */
	.item-outer {
	    width: 100%;
	}
	.item h2::after {
	    /*display: none;*/
	}
	.btn-load-more {
	    font-size: 30px;
	}

	/* === header === */
	.header-img,
	.header-section,
	.video-wrap {
		height: 70vw;
	}
	.abdunkler{
		height: 70vw;
	}
	/* ohne dieses 1% wird ein Rand (links neben dem Video) von 1 Pixel angezeigt */
	#video_background {
    	min-width: 101%;
	}
	.video-wrap {
		overflow: hidden;
	}

	/* === footer === */
	div.foot-02, div.foot-03 {
		max-width: 50%;
		flex-basis: 50%;
	}

	/* newsletter form */
	footer form.cr_form .cr_button{
		margin-left: 0%;
		width: 100%;
	}
	footer form.cr_form input{
		margin-bottom: 6px;
		width: 100%;
	}
	.site-footer {
	    padding-left: 5%;
	}
	.site-footer .socialNav a {
	    margin: 0px 5px;
	}
	.site-footer .socialNav a:first-child {
	    margin-right: 5px;
	}
	.site-footer .footer-tld-name{
		font-size: 18px;
	}
	.site-footer .linkFooter{
		margin-bottom: 20px;
	}

	p {
		font-size: 18px;
		line-height: 28px;
	}

	div.section, div.section.basedahl01,
	div.section.s-mag04 .content .row:nth-of-type(2) {
		padding: 60px 0px !important;
	}

	.owl-section {
		padding: 0 0 60px;
	}

	.section[class*="basedahl"] img {
		margin: 50px auto 0px !important;
	}

	.case-footer-center {
		height: 400px !important;
	}

	.row.case-footer-testimonial h2 {
		font-size: 22px !important;
		line-height: 31px !important;
	}

	header h1 {
		hyphens: auto;
	}

	.content {
		padding-left: 12px;
		padding-right: 12px;
	}

	.case-footer {
		background-position: center !important;
	}

	div.section.s-mag01 .content .row:nth-of-type(2) .col-lg-6:nth-of-type(1) .box {
		margin-top: 0px !important;
	}

	.s-newsletter {
		margin: auto 30px 80px 30px;
		width: auto !important;
		height: 170px !important;
		background-size: cover;
	}

	.s-newsletter-outer {
		height: auto !important;
	}

	div.section.s-mag05 img {
		margin-bottom: 20px !important;
	}

	.refrenzen-head .unternav-wrap .navLeistungsbereichte {
		position: relative;
		bottom: 0px;
	}

	.refrenzen-head .unternav-wrap .navLeistungsbereichte {
		margin-left: 0px;
	}

	.navLeistungsbereichte ul li a {
		padding: 0px 3px;
	}

	.tab-content li {
		margin-top: 5px;
	}

	ul.tab-content li {
		padding: 0px 25px 0px 0px;
		margin: 0px;
	}

	.tabs.ui-tabs div.content,
	.navLeistungsbereichte .tab-content {
		padding: 0px;
	}

	.navLeistungsbereichte .tab-content {
		width: 100%;
	}

	.refrenzen-head,
	.refrenzen-head .abdunkler,
	.refrenzen-head .unternav-wrap {
		height: 52vw;
	}

	.box.SinglePostKategorie div {
		width: 100%;
	}

	.section.basedahl05 {
		padding-bottom: 1px !important;
	}

	.basedahl06 img {
		height: auto !important;
	}

	.basedahl06 .owl-theme .owl-controls {
		margin-top: 40px !important;
	}

	.case-footer-testimonial p {
		margin-bottom: 0px !important;
	}

	div.section.case-footer > div.content > div.row.middle-xs {
		display: inline;
	}
}


@media (max-device-width : 380px) {
	
	

	.refrenzen-head,
	.refrenzen-head .abdunkler,
	.refrenzen-head .unternav-wrap {
		height: 68vw;
	}


	/* === Main-Navigation === */
	#menu-primary,
	.main-navigation ul .lang-item a {
	    font-size: 14px;
	}
	.home nav {
		padding-bottom: 9px;
	}

	nav li {
	    padding-left: 6px;
	}

	.main-navigation .content{
		padding-left: 0px;
		padding-right: 0px;
	}

	/* === Sub-Menu (Archiv-Seiten) === */
	.navLeistungsbereichte li{
		font-size: 15px;
	}
	
	/* === header === */
	.boxAbsoluteCenter {
		width: 100%;
		left: 0;
		top: 40%;
		margin: 0;
	}
	.centered-box h1 {
		font-size: 36px;
	}

	.header-img,
	.header-section,
	.video-wrap {
		height: 99vw;
	}
	.abdunkler{
		height: 99vw;
	}
	/* ohne dieses 1% wird ein Rand (links neben dem Video) von 1 Pixel angezeigt */
	#video_background {
    	min-width: 200%;
	}

	.video-warp {
		overflow-x: hidden;
	}
	/*
	.owl-carousel .owl-item img {
		width: 350px !important;
		padding-left: 15px;
	}
	*/
	p > iframe {
		 height: auto;
	}

	.owl-nav {
		 display: none;
	}

	

	#cookieHinweis {
		padding-right: 30px;
		text-align: right;
	}

	#cookieHinweis p {
		font-size: 14px;
	}

	.colorBalkenRed ul.content {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navLeistungsbereichte li {
		padding-right: 0px;
	}

	h4 {
		line-height: 30px;
		margin: 10px auto;
	}

	.gmnoprint {
		display: none;
	}

	.referenzUnterSeiteSection1 .box h2 {
		font-size: 28px;
		line-height: 40px;
	}

	div.box.initial p br {
		display: none;
	}

	div.box.initial p br:after {
		content: ' ';
	}

}

/*320*/
@media (max-device-width : 375px) {
	
	
	body .wrapperReferenzen, body .wrapperArchiv {
	    background-color: #212121;
	    padding-top: 145px;
	}
	
	.main-navigation a.main-nav-Kompetenzen, .main-navigation a.main-nav-Referenzen, .main-navigation a.main-nav-Team, .main-navigation a.main-nav-Kontakt {
            padding: 14px 0;
        }
	
	/*========= Frontpage ===============*/
	p.small.frontpage {
		font-size: 8px;
	}
	.startsection .box h1 {
		font-size: 18px;
		line-height: 26px;
		letter-spacing: 0;
	    }
	    
	    .centered-box h1 {
		font-size: 25px;
	    }
	    
	    /*========= REFERENZEN UNTERNAV ===============*/
	   .navLeistungsbereichte #tab-1 .tab-content {
		width: 103%;
		} 
	    ul.tab-content li {
		padding: 0;
		}
	    
	    /*=============== FOOTER ===============*/
	    .site-footer {
			padding: 25px 0;
		    }
	    
	    .site-footer .content {
		margin: 0;
		max-width: 87%;
	    }
	    
	    .site-footer .socialNav a:first-child {
		margin-right: 14px;
	    }
	   /* .footer-logo {
		margin-left: 0;
		position: relative;
		left: 0;
		padding-left: 12px;
		float: left;
		margin-top: 0;
		z-index: 1;
	    }
	    */
	   .footer-logo {
		left: 12px;
		margin: 0;
		width: 34px;
		z-index: 1;
	    }
	    
	    .site-footer .content .box{
		margin-left: 45px;
		margin-bottom: 20px;
	    }
	    
	    .foot-01 {
		margin-left: 0;
	    }

	    div.foot-02, div.foot-03 {
		max-width: 100%;
		flex-basis: 100%;
		}
		
	.site-footer .linkFooter {
		margin-bottom: 3px;
	    }
	    .copy-logo {
		font-size: 11px !important;
		}
	img.footer-logo-02 {
		width: 169px;
		margin-top: -2px;
	    }
	    
	    .colorBalkenRed ul.content {
		display: none;
	    }
	    footer form.cr_form .cr_button {
		padding: 11px 6px;
	    }
	    
}
/* ==================== Spezielle Media Querys ==================== */

/* ========== Laptops Retina Screens ========== */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}

/* ========== iPad 3 und 4 ========== */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2){

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ========== iPhone 5 und 5S ========== */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	/* === Header ==== */
	.startsection h1 {
	    font-size: 15px;
	    line-height: 30px;
	}
	.frontpage-text {
	    margin-top: -100px;
	}
	.frontpage-img {
	    margin-top: 0px;
	}
}

/* ========== iPhone 6 ========== */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	/* === Header === */
	.startsection h1 {
	    font-size: 15px;
	    line-height: 30px;
	}
	.frontpage-text {
	    margin-top: -100px;
	}
	.frontpage-img {
	    margin-top: 0px;
	}
}

/* ========== iPhone 6+ ========== */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	/* === Header ==== */
	.startsection h1 {
	    font-size: 20px;
    	line-height: 35px;
	}
	.frontpage-text {
	    margin-top: -100px;
	}
	.frontpage-img {
	    margin-top: 0px;
	}
}