

/*Custom styles*/

body{
	background-color: #231F20;
}

.navbar .btn-icon i{	background-size:auto; -webkit-background-size:auto; }

.nav-main-locale{	top:5px !important; }

@media screen and (min-width: 500px){
	.custom-hover-div figure figcaption .headline  {position: absolute; bottom: 76px;margin-bottom: 0;max-height: 0;font-size:1.1rem;transition: bottom 0.2s ease-in;}
	.custom-hover-div figure figcaption .headline.hiding {opacity: 0; transition: opacity 0.2s ease-in;}
	.custom-hover-div figure figcaption .subheadline {position: absolute; bottom: 50px;color:#fff;font-weight:bolder;font-size:1.1rem;margin-bottom: 0;max-height: 0;transition: bottom 0.2s ease-in;}
	.custom-hover-div figure figcaption p {position: absolute; bottom: 0px;color:#fff;font-weight:bolder;font-size:1.1rem;margin-bottom: 0;max-height: 0;transition: bottom 0.2s ease-in; /*opacity: 0;*/}
	.custom-hover-div figure figcaption {background-color: rgba(0,0,0,0.1);transition: background-color .3s;opacity:1;}
	.custom-hover-div figure img {transition: transform 0.5s ease, -webkit-transform 0.5s ease;}
	
	.custom-hover-div figure:not(.infobox) {overflow: hidden;}
	.custom-hover-div figure.infobox a{overflow: hidden;}
	.custom-hover-div figure.infobox figcaption{overflow: hidden;}

	.custom-hover-div figure:hover figcaption p {bottom: 40px;}
	.custom-hover-div figure:hover figcaption .subheadline {bottom: 76px;}
	.custom-hover-div figure:hover figcaption .headline {bottom: 102px;}
	.custom-hover-div figure:hover figcaption .headline.hiding {opacity: 1;bottom: 76px;}
	.custom-hover-div figure:hover figcaption {background-color: rgba(0,0,0,0.6);}
	.custom-hover-div figure:hover img:first-child {transform: scale(1.05);}

}
.custom-hover-div figure figcaption p:after{
	content: "";
}


/*For navbar show on scroll up*/

@media screen and (min-width: 48rem){
	.scroll-in{
		opacity: 1 !important;
	    -webkit-transform: translateY(0) !important;
	    -ms-transform: translateY(0) !important;
	    transform: translateY(0) !important;
	    transition: opacity .3s ease-in,transform .3s;
	}
	.navbar .nav-main li{
		font-size: 1.1rem;
	}
	.nav-breadcrumbs{
		/*position: relative;*/
		/*top:-90px;*/
	}
	.navbar.fixed.scroll-in, .navbar.fixed.in{
    	border-bottom: 1px solid #999;
		height: 4.6rem;
	}
}

/* Fancy underline on menu item */
@media (min-width: 75rem){
	.navbar .nav-main li > a:hover:after, .navbar .nav-main > a:hover:after{
		width:100%;
	}
	.navbar .nav-main li > a:after, .navbar .nav-main > a:after{
	    content: "";
	    display: block;
	    border-bottom: 2px solid #fff;
	    width: 0;
	    transition: width 0.5s ease;
	    margin-top: 4px;
	}
	.page-nav-theme-dark .nav-main li > a:after, .page-nav-theme-dark .nav-main > a:after{
		border-bottom: 2px solid #000;
	}
	.navbar.fixed .nav-main li > a:after, .navbar.fixed .nav-main > a:after{
		border-bottom: 2px solid #000;
	}
}

/*Make current nav item selected*/
.nav-main li.current-menu-item a:after{
	content: "";
    display: block;
    border-bottom: 2px solid #fff;
    width: 100%;
    margin-top: 4px;
}
.page-nav-theme-dark .nav-main li.current-menu-item a:after{
	border-bottom: 2px solid #000;
}

/*Make current nav item selected in scroll-in menu*/
.fixed.scroll-in.out .nav-main li.current-menu-item a:after,.fixed.in .nav-main li.current-menu-item a:after{
	border-bottom: 2px solid #000;
}

/*Set nav item colors*/
.page-nav-theme-dark .nav-main a, .fixed.scroll-in.out .nav-main a,.fixed.in .nav-main a{
	color:#666;
}
.page-nav-theme-dark .nav-main li.current-menu-item a, .fixed.scroll-in.out .nav-main li.current-menu-item a,.fixed.in .nav-main li.current-menu-item a{
	color:#000;
}

/*Changes from mail WG: Feedback Staging 19-06-2017 16:40*/
.nav-main a{
	opacity: 1;
}
.cover .carousel .slide-intro a:hover {
	color: rgba(255,255,255,1);
}
.heading-and-textblock .quote blockquote{
	font-size: 2.0rem;
}
@media screen and (min-width: 62rem){
	.quote blockquote {
	    /*font-size: 2.2rem;*/
	    font-size: 2.0rem;
	}
	.heading-and-textblock .quote blockquote{
		font-size: 2.75rem;
	}
}
.heading-and-textblock p{
	/*font-size: 1.3125rem;*/
}
.heading-and-textblock blockquote p{
	color: inherit;
	/*font-size: 2.2rem;*/
}
@media screen and (min-width: 48rem){
	.heading-and-textblock p{
		width:66.66667%;
	}
	.heading-and-textblock blockquote p{
		width: auto;
	}

}

.figure-carousel img {
	margin-bottom: 25px;
}
/*hide sub li's in footer.. comment this to show*/
.nav-footer-primary li{
	display: none;
}
.nav-footer-primary li:first-child {
	margin-top:auto;
	display: block;
}

/*Custom submenu alignemnt*/

html[lang="de-DE"] .navbar-sub-portfolio .nav-submenu{
	margin-right: 85px;
	/* margin-right: 138px; */
}
html[lang="en-US"] .navbar-sub-portfolio .nav-submenu{
	margin-right: 85px;
	/* margin-right: 144px; */
}
.menu-item-6001{
	margin-right: 98px !important;
}
.menu-item-6002{
	margin-right: 106px !important;
}

html[lang="de-DE"] .navbar-sub-portfolio .nav-submenu ul:nth-child(2){
	margin-right: 54px;
}
html[lang="de-DE"] .navbar-sub-portfolio .nav-submenu ul:first-child{
	margin-right: 27px;
}

html[lang="en-US"] .navbar-sub-portfolio .nav-submenu ul:nth-child(2){
	margin-right: 32px;
}
html[lang="en-US"] .navbar-sub-portfolio .nav-submenu ul:first-child{
	margin-right: 20px;
}

.navbar-sub-agency .nav-submenu{
	margin-right: 240px;
}

.navbar-sub-agency{
	/*Hide for agentur page, as there is a top cover element*/
	display: none !important;
}

.nav-footer-secondary{
	padding-top: 0.6875rem;
}


/* Making home page container wide */
.container, .cover .carousel .slick-dots {
    max-width: 70rem;
}

/* Combining primary and secondary footers together. Comment this block to revert*/

.nav-footer-primary{
	display: inline-block;
	/*right: 160px;*/
	margin-right: 280px;
	/*position: absolute;*/
	margin-top:5px;
}
.nav-footer-secondary{
	/*margin-top:10px;*/
	margin-top:-31px;
	padding-top: 0px;
	display: inline-block;
	/*right: 30px;*/
	float: right;
	/*position: absolute;*/
}
.navbar-footer > .container > .logo-main{
	/*left: 30px;*/
}
/*///*/

/*Display footer on mobile*/
@media screen and (max-width: 48rem){
	.navbar-footer{
		background-color: #231F20;
		display: block;
		padding-bottom: 1.375rem;
	    padding-top: 1.375rem;
	}
}
@media screen and (max-width: 614px){
	.nav-footer-primary{
		margin-top: 60px;
		float: inherit;
	}
	.nav-footer-secondary{
		margin-top: 0px;
	}
}
@media screen and (max-width: 323px){
	.nav-footer-secondary{
		float: initial;
	}
}

.nav-breadcrumbs .container{
	padding-right: initial;
}

/*Prevent cover full height. The .suppressed class is added in js*/
.acf-cover.suppressed{
    height: 470px;
    overflow-y: hidden;
}

.scroll-in-submenu .navbar-sub-portfolio{
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}

p.regular{
	font-size: 1rem;
}

.acf-contact{
	margin-top: 22px;
}

.acf-video > .container {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 30px;*/
	height: 0;
	overflow: hidden;
	/*max-width: 100%;*/
	margin-bottom: 1.375rem;
}
.acf-video > .container iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	max-height: 638px;
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}

@media screen and (min-width: 34rem){
	.acf-video > .container iframe {
		padding-left: 4.8125rem;
		padding-right: 4.8125rem;
	}
}

@media screen and (min-width: 1153px){
	.acf-video > .container {
		/*padding-bottom: 639px;*/
		padding-bottom: 553px;
	}
}



.section-news {
		padding-top: 6.375rem;
}

@media screen and (min-width: 48rem){
		.section-news {
				padding-top: 8.175rem;
		}
}

@media screen and (max-width: 960px){
	.nav-breadcrumbs .container{
		display: none;
	}
}
@media screen and (min-width: 961px){
	.nav-breadcrumbs .container{
		position: relative;
		width: 200px;
		right: 40%;
	}
}
@media screen and (min-width: 1120px){
	.nav-breadcrumbs .container{
		position: relative;
		width: 350px;
		right: 385px;
	}


}
/* .single-red_news article .acf-cover {
		max-width: 70rem;
		margin-left: auto;
		padding-left: 4.8125rem;
		padding-right: 4.8125rem;
		margin-right: auto;
		padding-top: 150px;
} */
.single-red_news article .cover-image-new {
		padding-left: 4.8125rem;
		padding-right: 4.8125rem;
		padding-top: 150px;
		width: 1120px;
		margin-bottom: 20px;
}

.instashow-gallery .instashow-gallery-media-cover {
    background: rgba(0,0,0,0.6) !important;
}


.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-label,
.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-label,
.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-text {
    font-family: 'Frutiger Next W02 Light','Helvetica Neue',Arial,sans-serif;
    font-size: 1.0rem !important;
}

.col-md-6 {
    width: 50%;
    float: left;
}

.col-md-12 {
	width: 50%;
}

textarea {
	width: 100%;
}

span.wpcf7-list-item {
	margin-left: 0px;
}

@media screen and (max-width: 900px){
	.col-md-6 {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

	.col-md-12 {
	width: 100%;
}
}


/*
.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-text {
		margin-top: 0 !important;
		overflow: visible !important;
}
.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-content-cropped::after {
		display: none !important;
} */

.page-id-6215 .nav-main a { color: #fff; }
.page-id-6215 .navbar .nav-main li { text-shadow: 1px 0px 0px #fff; }
.page-id-6215 .nav-main li>a:after, .page-id-6215 .nav-main>a:after { border-bottom: 2px solid #fff; }

@media screen and (max-width: 1000px){
	.section-agency {
		padding-top: 0;
	}
}

@media screen and (min-width: 500px){
	.custom-hover-div-page-2 figure figcaption .headline  {position: absolute; bottom: 76px;margin-bottom: 0;max-height: 0;font-size:1.1rem;transition: bottom 0.2s ease-in;}
	.custom-hover-div-page-2 figure figcaption .headline.hiding {opacity: 0; transition: opacity 0.2s ease-in;}
	.custom-hover-div-page-2 figure figcaption .subheadline {position: absolute; bottom: 50px;color:#fff;font-weight:bolder;font-size:1.1rem;margin-bottom: 0;max-height: 0;transition: bottom 0.2s ease-in;}
	.custom-hover-div-page-2 figure figcaption p {position: absolute; bottom: 0px;color:#fff;font-weight:bolder;font-size:1.1rem;margin-bottom: 0;max-height: 0;transition: bottom 0.2s ease-in; /*opacity: 0;*/}
	.custom-hover-div-page-2 figure figcaption {background-color: rgba(0,0,0,0.1);transition: background-color .3s;opacity:1;}
	.custom-hover-div-page-2 figure img {transition: transform 0.5s ease, -webkit-transform 0.5s ease;}
	
	.custom-hover-div-page-2 figure:not(.infobox) {overflow: hidden;}
	.custom-hover-div-page-2 figure.infobox a{overflow: hidden;}
	.custom-hover-div-page-2 figure.infobox figcaption{overflow: hidden;}

	.custom-hover-div-page-2 figure:hover figcaption p {bottom: 40px;}
	.custom-hover-div-page-2 figure:hover figcaption .subheadline {bottom: 76px;}
	.custom-hover-div-page-2 figure:hover figcaption .headline {bottom: 102px;}
	.custom-hover-div-page-2 figure:hover figcaption .headline.hiding {opacity: 1;bottom: 76px;}
	.custom-hover-div-page-2 figure:hover figcaption {background-color: rgba(0,0,0,0.6);}
	.custom-hover-div-page-2 figure:hover img:first-child {transform: scale(1.05);}

}
.custom-hover-div-page-2 figure figcaption p:after{
	content: "";
}

.acf-paragraph-intro h2.headline {
	text-align: left;
}

.acf-carousel-three-to-one-with-link-list h2.headline {
	font-size: 2em;
	font-weight: 400;
	text-align: left;
}

.home-video-cover {
	height: 100vh;
}