@charset "utf-8";
/* CSS Document */
ul.slides li.slide img.flexImages,
.flexImages {
	display:none;
}


ul.slides li.slide img,
ul.slides li img {
 width: 100% !important;
 height: 100% !important;	
}

.hovering {
  -webkit-animation-name: hovering;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: hovering;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  animation-name: hovering;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; 
  }

.hovering:hover {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none; 
}
.hovering:hover {
    animation: 0s ease 0s normal none 1 none;
}
/*.pulsate, .panelArrowDown span {
  -webkit-animation: pulse 2s linear infinite;
  -moz-animation: pulse 2s linear infinite;
  -o-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
  }*/

.pulsate:hover, .panelArrowDown span:hover {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none; 
	}

.panelArrowDown {
    bottom: 30px;
    display: inline-block;
    height: 43px;
    left: 50%;
    margin-left: -32.5px;
    position: absolute;
    width: 65px;
    z-index: 1;
}
.panelArrowDown span {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
.panelArrowDown span {
    background: url("/fileadmin/layout/img/bg/bkg_panelArrowDown.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0;
    height: 80px;
    overflow: hidden;
    text-align: start;
    text-decoration: none;
    text-indent: -9999px;
    width: 80px;
}
.wrapperHeroHeadline {
    animation: 0.6s ease-in-out 0.2s normal backwards 1 moveDown;
}
.main.panel {
    background-position: center 0;
    background-repeat: no-repeat;
    /*background-size: 100% 1300px;*/
	background-attachment: inherit;
    min-height: 768px;
    min-width: 1024px;
    padding-bottom: 24px;
    padding-top: 100px;
    position: relative;
    z-index: 2;
}
.main.panel.panelHome {
    background-position: left center;
    bottom: 0;
    height: 100%;
    left: 0;
    min-height: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

.main.panel.panelHome .flex-direction-nav,
.main.panel.panelHome .direction-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.main.panel.panelHome .flex-direction-nav li a,
.main.panel.panelHome .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;
}
.main.panel.panelHome .flex-direction-nav li a.flex-prev,
.main.panel.panelHome .direction-nav li a.prev {
    background-image: url("/fileadmin/layout/img/icons/icon_slideshow_left.png");
    left: 20px;
}
.main.panel.panelHome .flex-direction-nav li a.flex-next,
.main.panel.panelHome .direction-nav li a.next {
    background-image: url("/fileadmin/layout/img/icons/icon_slideshow_right.png");
    right: 20px;
}
.main.panel.panelHome .slides, .main.panel.panelHome .viewport {
    height: 100%;
}
.main.panel.panelHome .slides .slide, .main.panel.panelHome .viewport .slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    height: 100%;
    /*padding: 160px 0;*/
	padding: 0px;
    width: 100%;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;	
}
/*.main.panel.panelHome .slides .slide.slide01, .main.panel.panelHome .viewport .slide.slide01 {
    background-image: url("/img/home/slider_01.jpg");
}
.main.panel.panelHome .slides .slide.slide02, .main.panel.panelHome .viewport .slide.slide02 {
    background-image: url("/img/home/slider_02.jpg");
}
.main.panel.panelHome .slides .slide.slide03, .main.panel.panelHome .viewport .slide.slide03 {
    background-image: url("/img/home/slider_03.jpg");
}
.main.panel.panelHome .slides .slide.slide04, .main.panel.panelHome .viewport .slide.slide04 {
    background-image: url("/img/home/slider_04.jpg");
}
.main.panel.panelHome .slides .slide.slide05, .main.panel.panelHome .viewport .slide.slide05 {
    background-image: url("/img/home/slider_05.jpg");
}*/
.main.panel.panelHome .slides .slide .grid, .main.panel.panelHome .viewport .slide .grid {
    opacity: 0;
}
.main.panel.panelHome .slides .slide.active-slide .grid, .main.panel.panelHome .viewport .slide.active-slide .grid {
    animation: 2s linear 3s normal forwards 1 fadeIn;
}
.main.panel.panelHome + .panelDummy  {
    height: 100%;
    min-height: 0;
    position: relative;
    top: 100%;
}

.main.panel.panelBrand {
    background-image: url("/fileadmin/_content/landingpage/BRAND.jpg");
	background-size: 100% 1200px;
	background-position: 0px -50px;
}
.main.panel.panelWork {
    background-image: url("/fileadmin/_content/landingpage/WORK.jpg");
	background-size: 100% 1500px;
}
.main.panel.panelCompany {
    background-image: url("/fileadmin/_content/landingpage/COMPANY.jpg");
	background-size: 100% 1200px;
}

.main.panel.panelNews {
    background-image: url("/fileadmin/_content/landingpage/NEWS.jpg");
	background-size: 100% 1200px;
}
.main.panel.panelCareer {
   background-image: url("/fileadmin/_content/landingpage/CAREER.jpg");
   background-size: 100% 1200px;
	 /*background: url("/fileadmin/_content/landingpage/CAREER.jpg") 50% 0 no-repeat; min-height: 1000px;*/
	
}
.main.panel.panelContact {
    background-image: url("/fileadmin/_content/landingpage/CONTACT.jpg");
	background-size: 100% 2000px;
	padding-bottom:0;
}

.main.panel.panelCompany h1 {
    margin-top: 18px;
}

.main.panel.panelNews span.date {
    color: white;
    font-family: SofiaProBlack;
    font-size: 12px;
    line-height: 26px;
    text-transform: uppercase;
}
.main.panel.panelCareer span.meta {
    color: white;
    font-family: SofiaProBlack;
    font-size: 12px;
    line-height: 26px;
    text-transform: uppercase;
}
.main.panel .wrapperHeroHeadline {
    background-color: rgba(38, 38, 38, 0.7);
    display: inline-block;
	padding: 1% 10% 1% 1%;
	margin-top: 5%;
   /* padding: 12px 120px 12px 12px;*/
    position: relative;
}
.main.panel .wrapperHeroHeadline {
    background-color: rgba(38, 38, 38, 0.7);
    display: inline-block;
	padding: 1% 10% 1% 1%;
	margin-top: 5%;
   /* padding: 12px 120px 12px 12px;*/
    position: relative;
}

/* Layout für Mobilgeräte: 480 px oder weniger. */
.main.panel .wrapperHeroHeadline h1, .main.panel .wrapperHeroHeadline .slide-title {
    display: inline;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}
.flex-viewport ul.slides li.slide div.flex-caption .wrapperHeroHeadline a.internal-link.link.linkLarge {
	font-size: 11px;
}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
.main.panel .wrapperHeroHeadline h1, .main.panel .wrapperHeroHeadline .slide-title {
    display: inline;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    white-space: normal;
}
.flex-viewport ul.slides li.slide div.flex-caption .wrapperHeroHeadline a.internal-link.link.linkLarge {
	font-size: 12px;
}
}

/* Desktoplayout: 769 bis maximal 1024 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
.main.panel .wrapperHeroHeadline h1, .main.panel .wrapperHeroHeadline .slide-title {
    display: inline;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    white-space: normal;
}

.flex-viewport ul.slides li.slide div.flex-caption .wrapperHeroHeadline a.internal-link.link.linkLarge {
	font-size: 14px;
}
}

/* Desktoplayout: 1024 bis maximal xxx px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 1024px) {
.main.panel .wrapperHeroHeadline h1, .main.panel .wrapperHeroHeadline .slide-title {
    display: inline;
    font-size: 35px;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}

.flex-viewport ul.slides li.slide div.flex-caption .wrapperHeroHeadline a.internal-link.link.linkLarge {
	font-size: 15px;
}

}


/* Desktoplayout: 1281 bis maximal xxx px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 1281px) {
.main.panel .wrapperHeroHeadline h1, .main.panel .wrapperHeroHeadline .slide-title {
    display: inline;
    font-size: 45px;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}

.flex-viewport ul.slides li.slide div.flex-caption .wrapperHeroHeadline a.internal-link.link.linkLarge {
	font-size: 16px;
}

}
.main.panel .wrapperHeroHeadline h1 span , .main.panel .wrapperHeroHeadline .slide-title span{
    display: block;
}
.main.panel .wrapperHeroHeadline a {
    bottom: 23px;
    position: absolute;
    right: 12px;
    text-transform: uppercase;
}
.main.panel .boxHero {
    /*min-height: 493px;*/
	min-height: 445px;
}
.main .wrapperCircle {
    padding: 60px 0 32px;
}
.main .wrapperCircle:before, .main .wrapperCircle:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.main .wrapperCircle:after {
    clear: both;
}
.main .wrapperPlayer {
    background-color: #000;
    height: 433px;
    margin: 0 auto;
    position: relative;
    width: 770px;
}
.main .wrapperPlayer video {
    height: 100%;
    width: 100%;
}
.main .wrapperPlayer a.link {
    margin-top: 15px;
}
.main .wrapperPlayer .videoPlayBtn {
    background: url("/img/bkg_videoPlayBtn.png") no-repeat scroll left top transparent;
    display: block;
    height: 110px;
    left: 50%;
    margin-left: -55px;
    margin-top: -55px;
    position: absolute;
    top: 50%;
    width: 110px;
    z-index: 4;
}
.main .wrapperPlayer .videoPlayBtn span {
    display: block;
    font-size: 0;
    overflow: hidden;
    text-align: start;
    text-decoration: none;
    text-indent: -9999px;
}

.main.panel.panelContact span.date,
.main.panel.panelCareer span.date,
.main.panel.panelBrand span.date,
.main.panel.panelWork span.date,
.main.panel.panelNews span.date {
    color: white;
    font-family: SofiaProBlack;
    font-size: 12px;
    line-height: 26px;
    text-transform: uppercase;
}
.main.panel.panelContact span.date {
    display: block;
    padding-top: 20px;
}
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;
}



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

/* tt_news BOXEN */
section article.box div.first_subheader p:first-child {
    display: inline-block;
    min-height: 60px;
}

section#career.panel.panelCareer.main article.box.boxHero.item.bravo div.first_subheader p:first-child {
    display: inline-block;
    min-height: 87px;
}

section article.box img {
    width: 100%;
    height: auto;
}
section article.box div.subheader p:first-child {
	min-height: 84px;
}
section article.box div.subheader.newssubbox p:first-child {
	min-height:84px;
}

section article.box div.subheader_career p:first-child {
	min-height:71px;
}
section article.box div.subheader_career p {
    margin-bottom: 5px;
    margin-top: 13px;
}
section#work.panel.panelWork.main.bravo article.box.item.bravo div.subheader p:first-child {
	min-height:84.5px;
}

section#work.panel.panelWork.main.bravo article.box.item.bravo div.subheader p,
section#work.panel.panelWork.main.bravo article.box.boxHero.item.bravo div.first_subheader p{
	display:none;
}
section#work.panel.panelWork.main.bravo article.box.item.bravo header.subbox figure {
	height:168px;
	overflow:hidden;
}
section#work.panel.panelWork.main.bravo article.box.item.bravo header.subbox figure img {
    position: relative;
    top: -150px;	
}
section#work.panel.panelWork.main.bravo article.box.item.bravo header h2,
section#work.panel.panelWork.main.bravo article.box.item.bravo header.subbox h2 {
   min-height:54px;
}
section#contact.panel.panelContact.main article.box.item.bravo div.map iframe {
	width:450px;
	max-width: 450px;
}
/* Location */
section#contact.panel.panelContact.main.bravo article.box.item.bravo div.map {
    display: inline-block;
    margin-bottom: 8px;
    max-width: 450px;
    overflow: hidden;
}
section#contact.panel.panelContact.main.bravo article.box address.cols-2 p:last-child,
section#contact.panel.panelContact.main.bravo article.box address.cols-2 p:first-child {
	display:none;
}

section#contact.panel.panelContact.main.bravo article.box address.cols-2 p {
    float: left;
    width: 50%;
}
section#contact.panel.panelContact.main.bravo article.box address footer:before {
    float: none;
}

section#contact.panel.panelContact.main.bravo article.box.item.bravo address.cols-2.location div.clearfix {
	margin-bottom:20px;
}
section#contact.panel.panelContact.main.bravo article.box.item.bravo address.cols-2.location  {
	margin-bottom:2px;
}

section#contact.panel.panelContact.main.bravo article.box.boxHero.item.bravo header figure {
	margin: 0;
}

section#career.panel.panelCareer.main article.box.item.bravo header h2 {
	margin-bottom:0px;
}

/* Slider */
.flex-caption {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 175px;
    width: 1300px;
	height: 200px;
	visibility:hidden;
}

.wrapperHeroHeadline {
     animation: moveDown 0.6s ease-in-out 0.2s backwards;
	 /*animation: 0.6s ease-in-out 0.2s normal backwards 1 moveDown;*/
}

@-webkit-keyframes .wrapperHeroHeadline { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes .wrapperHeroHeadline { from { opacity:1; } to { opacity:0; } }
@keyframes .wrapperHeroHeadline { from { opacity:1; } to { opacity:0; } }
 
.wrapperHeroHeadline {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeOut ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeOut ease-in 1;
    animation:fadeOut ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}


@-webkit-keyframes .flex-active-slide .wrapperHeroHeadline { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes .flex-active-slide .wrapperHeroHeadline { from { opacity:0; } to { opacity:1; } }
@keyframes .flex-active-slide .wrapperHeroHeadline { from { opacity:0; } to { opacity:1; } }
 
.flex-active-slide .wrapperHeroHeadline {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

/* IE8 & 9 */
.wrapperHeroHeadline,
.flex-active-slide .wrapperHeroHeadline { 
	animation:0s ease 0s normal none 1 none \ ;
	opacity:1 \ ;
	}
/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background:none; 
	-ms-filter: none; 
	filter: none; 
	zoom: 1;
	}

a .white,
a.internal-link.link.linkLarge.white,
a.link.linkLarge.white {
	color:white;
}

/*Positionierung Slider Text*/

.flexslider div.flex-viewport ul.slides li:nth-child(0) .flex-caption {
	left: 0;
    top: 14%;
	/* position: relative;*/
}

.flexslider div.flex-viewport ul.slides li:nth-child(1) .flex-caption {
	left: 0px;
    top: 14%;
	/* position: relative;*/
}
/* BAYER */
.flexslider div.flex-viewport ul.slides li:nth-child(2) .flex-caption {
    left: 0;
    top: 5%;
	/* position: relative;*/
}
.flexslider div.flex-viewport ul.slides li:nth-child(3) .flex-caption {
    left: 0%;
    top: 55%;
	/* position: relative;*/
}
.flexslider div.flex-viewport ul.slides li:nth-child(4) .flex-caption {
    left: 18%;
   /* position: relative;*/
    top: 55%;
}
.flexslider div.flex-viewport ul.slides li:nth-child(5) .flex-caption {
    left: 0%;
    top: 5%;
	/* position: relative;*/
}

/* Lambo */
.flexslider div.flex-viewport ul.slides li:nth-child(6) .flex-caption {
    left: 0%;
    top: 5%;
	/* position: relative;*/	
}
.flexslider div.flex-viewport ul.slides li:nth-child(7) .flex-caption {
    left: 9%;
    top: 55%;
	/* position: relative;*/
}

.flexslider div.flex-viewport ul.slides li:nth-child(8) .flex-caption {
    left: 0%;
    top: 55%;
	/* position: relative;*/
}

.flexslider div.flex-viewport ul.slides li:nth-child(9) .flex-caption {
    left: 0;
    top: 55%;
	/* position: relative;*/
}

.flexslider div.flex-viewport ul.slides li:nth-child(10) .flex-caption {
    left: 10%;
    top: 14%;	
	/* position: relative;*/
}

.viewport section,
.viewport section article,
.viewport section article div.flexslider,
.viewport section article div.flexslider div.flex-viewport {
	height: 100%;
}
.viewport section article div.flexslider div.flex-viewport ul.slides li {
	height:100% !important ;
	max-height:100%;
	min-height: 768px;
    min-width: inherit;
}
@media only screen and (min-width: 960px) {
.viewport section article div.flexslider div.flex-viewport ul.slides li {
	height:100% !important ;
	max-height:100%;
	min-height: 768px;
    min-width: 1024px;
}
}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}

.loading { 
	background: url('/fileadmin/layout/img/misc/ajax-loader.gif') no-repeat center center;	
	}
/*
#career,
.main.panel.panelCareer {
  background-image: url("/fileadmin/_content/landingpage/CAREER.jpg"); 
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  background-attachment:fixed;
  min-height: 1000px;
  height: 1000px;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

section#career.panel.panelCareer.main article, 
#career article {
  height: auto;
  position: absolute;
  top: 150px;
  width: 100%;
}*/

.flexslider div.flex-viewport ul.slides li {
  background-repeat: no-repeat;
  background-position: center center;
  /*background-size: auto;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/

}

.flexslider div.flex-viewport ul.slides li.slide {
	height: 100% !important;

}

.flexslider .slides > li.clone:first-child {}
.flexslider .slides > li.clone {}
.flex-viewport ul.slides li.clone {
	/**/
}

.flexslider div.flex-viewport ul.slides li.slide.clone {

}

header[role="mainHeader"] {
    visibility: visible;
}


/* Newsletter Anmeldung */

.main.panel.panelContact {
	padding-bottom: 0px;
}


section#contact.panel.panelContact.main.bravo.parallax {
	padding-bottom: 0px;
}

section .container-fluid {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

section#contact.panel.panelContact.main.bravo.parallax div.container-fluid.newslettersubscription,
section .newslettersubscription {
    display: block;
}

section#contact.panel.panelContact.main.bravo.parallax .container .row {
	margin-right: 20px;
}



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

@media only screen and (min-width: 769px) and (max-width: 959px) {
	.main.panel {
		min-height: 768px;
		min-width: 768px;
	}
	
	.main.panel .wrapperHeroHeadline {
		max-width: 768px;	
	}
	
	.viewport section article div.flexslider div.flex-viewport ul.slides li {
		height: 100% !important;
		max-height: 100%;
		min-height: 1024px;
		min-width: 768px;
	}
	
	section#contact.panel.panelContact.main article.box.item.bravo div.map iframe {
		max-width: 315px;
		width: 315px;
	}
	
	header > figure > img {
		width: 315px;
		height: auto;	
	}
	
	.box img {
		width: 310px;
		height: auto;	
	}
	
	.boxHero img {
		width: 305px;
		height: auto;	
	}
}


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

@media only screen and (max-width: 768px) {
	#c40 {
		text-align: left;
		padding-bottom: 20px;	
	}
	
	#c40 a.link.linkLarge {
		float: left!important;	
	}
	
	#c40 p span {
		width: 100%!important;
		text-align: left;
		margin-bottom: 15px;
	}
	
	.wrapperCircle {
		float: none!important;
		margin: 0 auto 30px auto!important;	
	}
	
	.circle.circleHero {
		border-radius: 75px;
		float: none!important;
		height: 150px;
		margin: 0 auto 20px auto!important;
		text-align: center;
		width: 150px;
	}
	
	ection#work.panel.panelWork.main.bravo article.box.item.bravo header h2, section#work.panel.panelWork.main.bravo article.box.item.bravo header.subbox h2 {
		min-height: 28px;
	}
	
/*Pfeile auf der Landingpage ausblenden*/
.panelArrowDown span {
    background: url("") no-repeat scroll 0 0 transparent;
	background-image:none;
	display: block;
    font-size: 0;
    height: 43px;
    overflow: hidden;
    text-align: start;
    text-decoration: none;
    text-indent: -9999px;
    width: 65px;
}

/*Newsletter Anmeldung*/
section#contact.panel.panelContact.main.bravo.parallax .container .row {
	margin-right: 0px;
}

}

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

@media only screen and (min-width: 240px) and (max-width: 479px) { 
	.main.panel {
		min-height: 320px;
		min-width: 320px;
	}
	
	.main.panel .wrapperHeroHeadline {
		max-width: 320px;	
	}
	
	.box img,
	.boxHero img,
	.boxHero header a figure img {
		width: 270px!important;
		height: auto!important;	
	}

	.main.panel.panelBrand {
		background-image: url("/fileadmin/_content/landingpage/BRAND.jpg");
		/*background-position: 0 -50px;*/
		background-size: auto 1800px;
		background-position: center center;
	}

	.main.panel.panelCompany {
		background-image: url("/fileadmin/_content/landingpage/COMPANY.jpg");
		background-size: auto 1900px;
		background-position: center center;
	}
	
	.main.panel.panelWork {
		background-image: url("/fileadmin/_content/landingpage/WORK.jpg");
		background-size: auto 1800px;
		background-position: center center;
	}
	
	.main.panel.panelNews {
		background-image: url("/fileadmin/_content/landingpage/NEWS.jpg");
		background-size: auto 1800px;
		background-position: center center;
	}
	
	.main.panel.panelNews {
		background-image: url("/fileadmin/_content/landingpage/NEWS.jpg");
		background-size: auto 1800px;
		background-position: center center;
	}
	
	.main.panel.panelCareer {
		background-image: url("/fileadmin/_content/landingpage/CAREER.jpg");
		background-size: auto 1600px;
		background-position: center center;
	}
	
	.main.panel.panelContact {
		background-image: url("/fileadmin/_content/landingpage/CONTACT.jpg");
		background-size: auto 1800px;
		background-position: center center;
		padding-bottom:0;
	}

	header > h2 {
		width: 270px!important;
		overflow: hidden;	
	}
	
	article div.map, 
	article div.map iframe {
		width: 265px;
	}
	
	
	/*#Landingpage,
	#home,*/
	#brand,
	#company,
	#work,
	#news,
	#career,
	#contact {
		max-width: 320px;
		overflow-x: hidden;
		margin: 0 auto;	
	}
	
	#brand h1,
	#work h1,
	#news h1,
	#career h1,
	#contact h1 {
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}
	
	#company {
		padding: 0 0 0 10px;
		box-sizing: border-box;	
	}
	
	/*#Landingpage > header {
		max-width: 320px;
		overflow: hidden;	
	}
	*/
	
	/* Landingpage Flexslider */
.flex-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    filter: none;
}
header.pre_active[role="mainHeader"] {
    position: relative;
}
header.pre_active[role="mainHeader"] {
    left: 0;
    position: relative;
    top: 0;
    z-index: 10;
}

.main.panel {
    
}
/* Pfeile auf dem Flexslider */
.main.panel.panelHome .flex-direction-nav li a.flex-prev, .main.panel.panelHome .direction-nav li a.prev,
.main.panel.panelHome .flex-direction-nav li a.flex-next, .main.panel.panelHome .direction-nav li a.next {
   /* background-image: url("");
	background-image:none;*/
	background-size: 15px 20px;
}
/* Pfeile auf dem Flexslider */
.main.panel.panelHome .flex-direction-nav li a.flex-prev, .main.panel.panelHome .direction-nav li a.prev {
    left: 0;
}

.main.panel.panelHome .flex-direction-nav li a.flex-next, .main.panel.panelHome .direction-nav li a.next {
    right: 0;
}

section#contact.panel.panelContact.main.bravo article.box address.cols-2 p {
	float: left;
    width: 75%;
}
}

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

@media only screen and (min-width: 480px) and (max-width: 768px) {  
	.main.panel {
		min-height: 480px;
		min-width: 480px;
	}
	
	.main.panel .wrapperHeroHeadline {
		max-width: 527px;
	}
    .main.panel .wrapperHeroHeadline #slide_01 a{
        bottom: 11px;
    }
	/*
	.box img,
	.boxHero img,
	.boxHero header a figure img {
		width: 270px!important;
		height: auto!important;	
	}
	*/

	.main.panel.panelBrand {
		background-image: url("/fileadmin/_content/landingpage/BRAND.jpg");
		/*background-position: 0 -50px;*/
		background-position: center center;
		background-size: auto 1800px;
	}

	.main.panel.panelCompany {
		background-image: url("/fileadmin/_content/landingpage/COMPANY.jpg");
		background-size: auto 1900px;
		background-position: center center;
	}
	
	.main.panel.panelWork {
		background-image: url("/fileadmin/_content/landingpage/WORK.jpg");
		background-size: auto 2000px;
		background-position: center center;
	}
	
	.main.panel.panelNews {
		background-image: url("/fileadmin/_content/landingpage/NEWS.jpg");
		background-size: auto 1800px;
		background-position: center center;
	}
	
	.main.panel.panelNews {
		background-image: url("/fileadmin/_content/landingpage/NEWS.jpg");
		background-size: auto 1800px;
		background-position: center center;
	}
	
	.main.panel.panelCareer {
		background-image: url("/fileadmin/_content/landingpage/CAREER.jpg");
		background-size: auto 1600px;
		background-position: center center;
	}
	
	.main.panel.panelContact {
		background-image: url("/fileadmin/_content/landingpage/CONTACT.jpg");
		background-size: auto 1800px;
		background-position: center center;
		padding-bottom: 0px;
	}

	header > h2 {
		/*width: 450px!important;*/
		overflow: hidden;	
	}
	
	article div.map, 
	article div.map iframe {
		width: 100%;
	}
	
	
	/*#Landingpage,
	#home,*/
	#brand,
	#company,
	#work,
	#news,
	#career,
	#contact {
		max-width: 480px;
		overflow-x: hidden;
		margin: 0 auto;	
	}
	
	#brand h1,
	#work h1,
	#news h1,
	#career h1,
	#contact h1 {
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}
	
	#company {
		padding: 0 0 0 10px;
		box-sizing: border-box;	
	}
	
	/*
	#Landingpage > header {
		max-width: 480px;
		overflow: hidden;	
	}
	*/
.main.panel.panelHome .flex-direction-nav li a.flex-prev, .main.panel.panelHome .direction-nav li a.prev,
.main.panel.panelHome .flex-direction-nav li a.flex-next, .main.panel.panelHome .direction-nav li a.next {
   /* background-image: url("");
	background-image:none;*/
	background-size: 20px 25px;
}
/* Pfeile auf dem Flexslider */
.main.panel.panelHome .flex-direction-nav li a.flex-prev, .main.panel.panelHome .direction-nav li a.prev {
    left: 0;
}

.main.panel.panelHome .flex-direction-nav li a.flex-next, .main.panel.panelHome .direction-nav li a.next {
    right: 0;
}
}
@media only screen and (min-width: 690px) and (max-width: 768px) { 
	.main.panel {
		min-height: 480px;
		min-width: 480px;
	}
	
	.main.panel .wrapperHeroHeadline {
		max-width: 480px;	
	}
	/*#Landingpage,
	#home,*/
	#brand,
	#company,
	#work,
	#news,
	#career,
	#contact {
		max-width: 760px;
		overflow-x: hidden;
		margin: 0 auto;	
	}


}
/*##### PHONE PORTRAIT AND iPAD LANDSCAPE (SMALL DESKTOP) LAYOUT #####*/
/*@media only screen and (min-width: 240px) and (max-width: 479px) {*/
/* Landingpage Flexslider */

@media only screen and (min-width: 240px) and (max-width: 1024px) {
html, body {
    background-color: #000;
}

.panelDummy {
    height: auto;
    min-height: 0;
    position: relative;
    top: 100%;
	display:none;
}
.main.panel.panelHome {
    background-position: left center;
    bottom: 0;
    height: auto !important;
    left: 0;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 1;
	
}
.main.panel.panelHome .slides, .main.panel.panelHome .viewport {
    height: auto;
}
.viewport section, .viewport section article, .viewport section article div.flexslider, .viewport section article div.flexslider div.flex-viewport {
    height: auto;
}
.main.panel.panelHome .slides .slide, .main.panel.panelHome .viewport .slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: auto;
    padding: 0;
    width: 100%;
}
.viewport section article div.flexslider div.flex-viewport ul.slides li {
    height: auto !important;
    max-height: auto;
    width: 100%;
	min-width: 0;
}
.flexslider div.flex-viewport ul.slides li.slide {
    height: auto !important;
}
ul.slides li.slide img, ul.slides li img {
    height: auto !important;
    width: 100% !important;
}
.flexslider .slides {
    background-color: #000;
}


}


header[role="mainHeader"] .logo.pre_active {
    position: fixed;
}