@charset "utf-8";
/* CSS Document */

.bravo h1, .bravo h2, .bravo h3, .bravo h4, .bravo h5, .bravo h6, .bravo p, .bravo a, .bravo strong {
	color: white;
}
h1 {
	font-size: 36px;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	color: #262626;
	font-family: SofiaProBlack;
	font-weight: normal;
	margin-top: 0;
	text-transform: uppercase;
}
.main {
	clear: both;
	min-width: 1040px;
	padding-bottom: 160px;
	padding-top: 160px;
	min-height: 750px;
}
.main .isotope {
	position: relative;
}
.main .isotope {
	/*width: 70%;*/
	width: 100%;
}
/*.main .isotope div.isotope-news div.wrapper.isotope article:first-child {
	width: 660px;
}*/

.main .isotope {
	position: absolute;
	right: 0;
	top: 0;
	width: 340px;
}
.main article span.meta {
	color: white;
	font-family: SofiaProBlack;
	font-size: 12px;
	line-height: 26px;
	text-transform: uppercase;
}
footer div.btn.btnCo.btnBlock a:before, footer div.btn.btnEv.btnBlock a:before {
/*content: url("/fileadmin/layout/img/icons/icon_readMore.png");
	margin-right: 3px;
    height: 9px;
    width: 8px;*/
}
footer div.btn.btnCo.btnBlock a, footer div.btn.btnEv.btnBlock a {
	display: block;
	text-align: right;
}
.main article footer div.btn.btnCo.btnBlock {
	background-color: #cc0030;
}
/* Events*/
.main article.EV footer div.btn.btnCo.btnBlock {
	background-color: #cc0031;
}
/* Hybrid Solutions */
.main article.HY footer div.btn.btnCo.btnBlock {
	background-color: #01b1ec;
}
/* Creative Solutions*/
.main article.CR footer div.btn.btnCo.btnBlock {
	background-color: #f5760f;
}
/*Strategy Soulutions*/
.main article.ST footer div.btn.btnCo.btnBlock {
	background-color: #013c66;
}
/*Services*/
.main article.SE footer div.btn.btnCo.btnBlock {
	background-color: #7030a0;
}
div.circle p {
	display: block;
	font-family: SofiaProBlack;
	font-size: 12px;
	line-height: 1;
	margin: 0;
	position: relative;
	text-transform: uppercase;
	top: 50%;
}
.circle.circleHero p a {
	font-size: 19.4px;
	line-height: 16.72px;
}
.circle p {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
div.circle p a.internal-link {
	display: block;
	height: 100%;
	padding-bottom: 46%;
	padding-top: 46%;
	position: relative;
	top: 50%;
	width: 100%;
}
article footer div.btn.btnCo.btnBlock {
	background-color: #cc0030;
}
/* Events*/
.circle.circleLarge.bgcolorEV, .main article.box.item.bravo.EV footer div.btn.btnEv.btnBlock, article.EV footer div.btn.btnCo.btnBlock {
	background-color: #cc0031;
}
/* Hybrid Solutions */
.circle.circleLarge.bgcolorHY, .main article.box.item.bravo.HY footer div.btn.btnEv.btnBlock, article.HY footer div.btn.btnCo.btnBlock {
	background-color: #01b1ec;
}
/* Creative Solutions*/
.circle.circleLarge.bgcolorCR, .main article.box.item.bravo.CR footer div.btn.btnEv.btnBlock, article.CR footer div.btn.btnCo.btnBlock {
	background-color: #f5760f;
}
/*Strategy Solutions*/
.circle.circleLarge.bgcolorST, .main article.box.item.bravo.ST footer div.btn.btnEv.btnBlock, article.ST footer div.btn.btnCo.btnBlock {
	background-color: #013c66;
}
/*Services*/
.circle.circleLarge.bgcolorEV, .main article.box.item.bravo.SE footer div.btn.btnEv.btnBlock, article.SE footer div.btn.btnCo.btnBlock {
	background-color: #7030a0;
}
/*Partners*/
.circle.circleLarge.bgcolorPA, .main article.box.item.bravo.PA footer div.btn.btnEv.btnBlock, article.PA footer div.btn.btnCo.btnBlock {
	background-color: #838383;
}
/* Work Detail */

.pageWorkDetail header {
	display: block;
}
.main {
	padding: 70px 0 100px;
}
.hero {
	/*min-height: 650px;*/
	padding-bottom: 24px;
	padding-top: 100px;
	position: relative;
	z-index: 1;
}
.hero.heroStage {
	background-position: left center;
	bottom: 0;
	/*height: 75%;*/
	width:100%;
	height: auto;
	left: 0;
	padding: 0;
	/*position: absolute;*/
	position: relative;
	right: 0;
	top: 0;
	z-index: 1;
}
.hero.heroStage .direction-nav {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.hero.heroStage .direction-nav li a {
	background: none no-repeat scroll center center transparent;
	height: 46px;
	margin: -23px 0 0;
	outline: medium none;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 29px;
	z-index: 1;
}
.hero.heroStage .direction-nav li a.prev {
	background-image: url("/fileadmin/layout/img/icons/icon_slideshow_left.png");
	left: 20px;
}
.hero.heroStage .direction-nav li a.next {
	background-image: url("/fileadmin/layout/img/icons/icon_slideshow_right.png");
	right: 20px;
}
.hero.heroStage .control-nav {
    bottom: -35px;
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 95%;
    width: 100%;
}
.hero.heroStage .control-nav li {
	display: inline-block;
	margin: 0 20px 0 0;
}
.hero.heroStage .control-nav li:last-child {
	margin-right: 0;
}
.hero.heroStage .control-nav li img {
	border: 2px solid transparent;
	cursor: pointer;
	height: 70px;
	width: 110px;
}
.hero.heroStage .control-nav li img.active {
	border-color: #cc0030;
}
.hero.heroStage .slides, .hero.heroStage .viewport {
	/*height: 100%;*/
	height: auto;
    width: 100%;
}
.hero.heroStage .slides .slide, .hero.heroStage .viewport .slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto;
	height: 100%;
	min-height: 500px;
	padding: 0;
	width: 100%;
}
.hero.heroStage + .heroDummy {
	height: 75%;
	position: relative;
	top: 0;
	z-index: -1;
    display: none;
}
figure, section .main .pageWorkDetail article header figure, .pageWorkDetail header figure {
	margin: 0;
	padding: 0;
}
.pageWorkDetail header time {
	display: block;
	margin-bottom: 5px;
}
.pageWorkDetail address {
	display: block;
}
.pageWorkDetail address:before, .pageWorkDetail address:after {
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
.pageWorkDetail address:after {
	clear: both;
}
.pageWorkDetail address img {
	float: left;
	margin-right: 5px;
}
.pageWorkDetail address span {
	float: left;
	margin-top: 30px;
}
/*Select-Fields*/
.fancy-select.services {
	background-color: rgba(38, 38, 38, 0.7);
	cursor: pointer;
	border-radius: 0 0 0;
	padding: 10px 10px 6px 10px;
	height: 32px;
	padding-right: 40px;
	min-width: 210px;
}

.fancy-select.brands {
	background-color: rgba(38, 38, 38, 0.7);
	cursor: pointer;
	border-radius: 0 0 0;
	padding: 10px 10px 6px 10px;
	height: 32px;
	padding-right: 40px;
	min-width: 332px;
}
.fancy-select span.fancy-select-span-arrow {
	background-image: url(/fileadmin/layout/img/icons/icon_arrowDown.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 0px;
	background-color: transparent;
	right: 10px;
	cursor: pointer;
}
.fancy-select span.fancy-select-span-text {
	color: #FFF;
	font-size: 16px;
	padding: 0;
	margin: 0;
	border-radius: 0;
	min-height: 0;
	line-height: 1;
	cursor: pointer;
	display: block;
}
.fancy-select.open span.fancy-select-span-arrow {
	background-image: url(/fileadmin/layout/img/icons/icon_arrowDown.png);
}
.fancy-select.open span.fancy-select-span-arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.fancy-select .fancy-select-ul {
	top: 32px;
	border-top: 0;
	padding: 0;
	border-radius: 0 0 0;
	left: 0;
	width: 100% !important;
	right: 0;
}
.fancy-select .fancy-select-ul li {
	margin: 0;
	padding: 5px 10px ;
	height: 32px;
	color: white;
	width: 100%;
	display: block;
}

.fancy-select .fancy-select-ul li:hover {
	background-color: rgba(38, 38, 38, 0.7);
	border-radius: 0;
}

.fancy-select ul.fancy-select-ul li a,
.fancy-select ul.fancy-select-ul.active li a{
	color:white ;
	text-decoration:none;
	display:block;
}
.fancy-select .fancy-select-ul li.fancy-select-li-services.current-service,
.fancy-select.brands ul.fancy-select-ul li.catmenubrand-ACT {
	background-color: rgba(38, 38, 38, 0.7);
	border-radius: 0;
}
.fancy-select.brands ul.fancy-select-ul li.catmenubrand-ACT a{
	color:#cc0030 !important;
	font-weight:bold;
	font-family: SofiaProBlack;
}
.fancy-select.brands ul.fancy-select-ul li:hover a, .fancy-select.services ul.services li.current-service a,
.fancy-select.brands ul.fancy-select-ul li:hover a, .fancy-select.services ul.services li:hover a,
.fancy-select.brands ul.fancy-select-ul li a:focus, .fancy-select.services ul.services li a:focus,
.fancy-select.brands ul.fancy-select-ul.active li a:focus, .fancy-select.services ul.services.active li a:focus
.fancy-select.brands ul.fancy-select-ul li a:hover, .fancy-select.services ul.services li a:hover,
.fancy-select.brands ul.fancy-select-ul.active li a:hover, .fancy-select.services ul.services.active li a:hover {
	color:#cc0030 !important;
	font-weight:bold;
	font-family: SofiaProBlack;
}
#fancy-select-services ul li a:hover,
#fancy-select-services ul li:hover ,
#fancy-select-services ul li a:focus,
#fancy-select-services ul li a:active,
#fancy-select-services ul li:hover ,
#fancy-select-services ul li a:focus,
#fancy-select-services ul li:focus  {
	color:#cc0030 !important;
	font-weight:bold;
	font-family: SofiaProBlack;
}
section.main.pageWorkDetail article div.col-8-12 p span a.internal-link,
section.main.pageWorkDetail article div.col-8-12 p span a.external-link-new-window {
	color:#cc0030 !important;
	text-decoration:underline;
	font-family: SofiaProBlack;
}
section.main.pageWorkDetail article div.col-8-12 p span a.internal-link:hover,
section.main.pageWorkDetail article div.col-8-12 p span a.external-link-new-window:hover {
	color:#262626 !important;
	text-decoration:underline;
}
section.main.pageWorkDetail article aside section div.award {
	width: 70px;
	height:auto;
	float:left;	
}

section.main.pageWorkDetail article aside section div.award span {
    width: 68px;
	height:68px;
	background-image:url("/fileadmin/layout/img/icons/icon_award.png");
	background-position: top center;
	background-repeat:no-repeat;
	display: block;
}

section.main.pageWorkDetail article aside section div.award p.award_text {
    text-align: center;
	font-family: SofiaProRegular;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
}

.personalfooter {
	margin-top: 20px;
}

/* IsotopBox Link */
.isotope article.box.isotope-item a {
	display:block;
}
.isotope article.box.isotope-item a:hover {
	text-decoration:none;
}

/* Detail */
.flexImages {
    display: none;
}

.personalfooter section div.person.mobile {
	display:none;
}

/*##### TABLET LAYOUT #####*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.main {
		min-width: 768px;
		padding-bottom: 70px;
		padding-top: 70px;
	}
	
	.pageWork .grid .col-3-12 h1 {
		margin-left: 35px;	
	}	
	
	.pageWork .grid .col-9-12 {
		position: relative;
		left: -34px;
	}
	
	.fancy-select.brands,
	.fancy-select.services {
		margin-bottom: 20px;	
	}
	
	.fancy-select.brands {
		min-width: 240px;
		width: 240px;
		margin-left: 20px;	
	}
	
	.fancy-select.services {
		min-width: 180px;
		width: 180px;
	}

}


/*##### ALL PHONE LAYOUT #####*/

@media only screen and (max-width: 767px) {
	.main {
		min-width: 480px;
		margin: 0 auto;
    	padding-bottom: 40px;
    	padding-top: 40px;
	}
	
	.fancy-select {
		margin-left: 0;	
	}
	
	.fancy-select.brands,
	.fancy-select.services {
		margin-bottom: 20px;	
	}
	
	.fancy-select.brands {
		min-width: 240px;
		width: 240px;
		margin-left: 20px;	
	}
	
	.fancy-select.services {
		min-width: 180px;
		width: 180px;
	}
	
	
	.hero.heroStage .control-nav li img {
		height: 42px;
		width: 66px;
	}
}


/*##### PHONE WIDE AND TABLET AND SMALL SCREENS LAYOUT #####*/

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

	/*### Mobile Version Kontakt ###*/
	.personalfooter section div.person {
		display:none;
	}
	.personalfooter section div.person.mobile {
		display:block;
	}
	.personalfooter address.addressIcon {
		display: block;
		width: 64px;
		height: 64px;
		float: left;
		margin-right: 7px;
	}
	.personalfooter address.addressName {
		clear: left;
		float: left;
	}
	.personalfooter address.addressIcon:last-child {
		margin-right: 0px;
	}

	.personalfooter section .person.mobile address.addressIcon p {
		margin-top:0px;
	}
	.personalfooter section .person.mobile address.addressIcon p a.tel {
		background-image: url("/fileadmin/layout/img/icons/icon_call_now_black.png");
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		height: 90px;
		padding-top: 70px;
		color: transparent !important;
	}
	.personalfooter section .person.mobile address.addressIcon p a.tel:hover,
	.personalfooter section .person.mobile address.addressIcon p a.tel:focus,
	.personalfooter section .person.mobile address.addressIcon p a.tel:active {
		background-image: url("/fileadmin/layout/img/icons/icon_call_now.png");
		color: transparent !important;
	}

	.personalfooter section .person.mobile address.addressIcon p a.author_email {
		background-image: url("/fileadmin/layout/img/icons/icon_mail_black.png");
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		height: 90px;
		padding-top: 70px;
		color: transparent !important;
	}
	.personalfooter section .person.mobile address.addressIcon p a.author_email:hover,
	.personalfooter section .person.mobile address.addressIcon p a.author_email:focus,
	.personalfooter section .person.mobile address.addressIcon p a.author_email:active {
		background-image: url("/fileadmin/layout/img/icons/icon_mail_red.png");
		color: transparent !important;
	}
}


/*##### PHONE WIDE ONLY LAYOUT #####*/

@media only screen and (min-width: 480px) and (max-width: 767px) {


}



/*##### PHONE PORTRAIT ONLY LAYOUT #####*/

@media only screen and (min-width: 240px) and (max-width: 479px) { 
	.main {
		min-width: 320px;
		margin: 0 auto;
    	padding-bottom: 40px;
    	padding-top: 40px;
	}
	
	.main .isotope {
		position: absolute;
		right: 0;
		top: 0;
		width: 320px;
	}
	
	.fancy-select.brands,
	.fancy-select.services {
		margin-bottom: 20px;	
	}
	
	.fancy-select.brands {
		min-width: 240px;
		width: 240px;
		margin-left: 20px;
		background-color: rgba(102,102,102,1.0);
		z-index: 9!important;
	}
	
	.fancy-select.services {
		min-width: 180px;
		width: 180px;
		background-color: rgba(102,102,102,1.0);
	}
	
	.hero.heroStage .control-nav {
		/*bottom: -35px;*/
		top: -15px;
		left: 0;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: center;
		/*top: 95%;*/
		width: 100%;
		margin-bottom: -20px;
	}
	
	.hero.heroStage .direction-nav {
		display: none;
	}
}


/* Newsletter Anmeldung */
.newslettersubscription {
	display:block;
}

/* Download Files */
 .download span {
    background: url("/fileadmin/layout/img/icons/icon_download.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    height: 66px;
    margin-top: 0;
    width: 66px;
	text-align: center;
}

.download span a {
    display: block;
    height: 100%;
    width: 100%;
	color:transparent;
}


.downloadNav ul li .download span.showFileform a:hover,
.downloadNav ul li .download span.showFileform:hover a,
.download span:hover a,
.download span a:hover {
	color:transparent !important;
}

.download span.showFileform span a,
section.newsfiles > div > span > span > a {
	display:none;
}
.fancy-select.brands,
.fancy-select.services {
	margin-bottom: 20px;
}