/* KEN BURNS EFFECT */
@keyframes kenburns {
	0% {
		transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
	}
    33% {
        transform: scale3d(1.1, 1.1, 1) translate3d(-10px, 33px, 0px);
        opacity: 1;
    }
    66% {
        transform: scale3d(1.3, 1.3, 1) translate3d(20px, 20px, 0px);
        opacity: 1;
    }
    100% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    }
}

@-webkit-keyframes fadeIn {
  from   { opacity: 0.01; visibility: visible; }
  to { opacity: 1; visibility: visible; }
}

/* -- allgemein -- */
.bg_yellow{
	background:#ffcc00 none repeat scroll 0 0;
}
.text_white{
	color: #fff;
}
.context span.highlight{
	background-color:#FC0;
	padding: 0 10px;
}
/* -- Quickfinder -- */
.quickfinder_menu{
	position: fixed;
	max-width: 375px;
        text-align: right;
	/*min-height: 350px;*/
	width: 100%;
	/*height:100%;*/
	background-color: #ebebec;
	padding: 30px;
	box-sizing: border-box;
	font-size:13px;
	top:20px;
	left:50%;
	-webkit-box-shadow: 0px 11px 20px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 20px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 20px -9px rgba(0,0,0,0.75);
	z-index:3002;
	display:none;
}
#quickfinder_closelayer{
	position: fixed;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	z-index: 1001;
	display:none;
}
.quickfinder_menu h5{
	font-size: 16px;
	font-weight: 700;
	line-height: 20px 30px;
	padding:0 0 18px;
	margin:0;
	border-bottom: 2px solid #5d656c;
}
.quickfinder_menu ul{
	margin: 5px 0;
	padding:0;
	list-style: none;
}
.quickfinder_menu li{
	font-size: 24px;
	padding: 10px 0 0;
}
.quickfinder_menu li a{
	text-decoration: none;
}
.quickfinder_menu a:hover{
	color: #FDCA00;
}

/* -- Start Image-Teaser -- */
.image_teaser_4cols{
	width: 100%;
	position:relative;
	margin-bottom: 26px;
}
.image_teaser_4cols::after {
    clear: both;
    content: "";
    display: block;
}
.image_teaser_4cols .it4col_section{
	float:left;
	width:100%;
	max-width: 25%;
	position:relative;
	box-sizing: border-box;
	height: 700px;
	overflow: hidden;
}
.image_teaser_4cols .it4col_section.imgcol{
	background-color: white;
	box-shadow:0px;
	z-index: 1;
	transition: transform 0.1s;
	/*transition-delay: 0.3s;*/
}
.image_teaser_4cols .it4col_section.imgcol:hover{
	z-index: 1002;
	transform:scale(1.03);
	box-shadow:0px 0px 3px #777;
}

.image_teaser_4cols .it4col_section.imgcol.in_front{
	z-index: 1002;
}
.image_teaser_4cols .it4col_section .image_container{
	overflow: hidden;
	position: absolute;
	width: 100%;
	height:100%;
        z-index: 1;
}
.image_teaser_4cols .it4col_section .image_container img {
	animation: kenburns 30s infinite linear;
/*	width: 140%;
	margin-left: -20%;*/
	max-width: 1000000px;
}

.image_teaser_4cols #col3 .image_container img {
	animation-delay: 0.3s;
	animation-direction: reverse;
	animation-duration: 25s;
}
.image_teaser_4cols #col4 .image_container img {
	animation-delay: 0.8s;
	animation-duration: 37s;
}


.image_teaser_4cols .it4col_section:hover img {

}

.image_teaser_4cols .it4col_section .text_container{
	position: absolute;
	left:0;
	right:0;
	/*width: 100%;*/
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px 30px 0;
        z-index:2;
	/*transition: all 0.1s;*/
}
.image_teaser_4cols .it4col_section.imgcol:hover .text_container{
	color:#fff;
	background-color: rgba(57,68,76,0.85);
	left: 10px;
	right: 10px;
	top: 10px;
	padding: 36px 32px 0;
	/*bottom: 10px;*/
}
.image_teaser_4cols .it4col_section.text_top .text_container{
	top: 0;
}
.image_teaser_4cols .it4col_section.text_top:hover .text_container{
	top: 10px;
	bottom: auto;

}
.image_teaser_4cols .it4col_section.text_top .image_container{
	position: relative;
	/*top:100px;*/
}
.image_teaser_4cols .it4col_section.text_bottom .text_container{
	bottom: 0;
}

.image_teaser_4cols .it4col_section.text_bottom:hover .text_container{
	top: auto;
	bottom: 10px;

}
.image_teaser_4cols .persona_title{
	font-size: 24px;
}
.image_teaser_4cols .it4col_section.imgcol:hover .persona_title{
	color:#fff;
}

.image_teaser_4cols .persona_teaser{
	color: #fff;
	font-size: 18px;
}
.image_teaser_4cols #col1{
	padding: 48px 42px;
}
.image_teaser_4cols p{
	 hyphens: none;
}
.image_teaser_4cols #col1 .title{
	font-size: 80px;
	line-height: 82px;
}
.image_teaser_4cols #col1 .subtitle{
	font-size: 35px;
	/*line-height: px;*/
}
.image_teaser_4cols #col1 ul.bottom_links{
	list-style: none;
	position: absolute;
	bottom: 48px;
	margin:0;
	padding:0;
}
.image_teaser_4cols #col1 ul.bottom_links li{
	margin:0;
	padding:15px 0;
	font-size:24px;
}
.image_teaser_4cols #col1 ul.bottom_links a{
	color: #39444c;
}
/* -- Menu-Layer -- */
#menu_layer{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	padding-bottom: 50px;
	background-color: #fff;
	display: none;
	z-index: 7010;
}
#menu_layer .image_teaser_4cols .it4col_section{
	height: 338px;
}

#menu_layer .image_teaser_4cols #col3 img {
	margin-top: -75%;
}
#menu_layer .image_teaser_4cols #col4 img {
    margin-top: -30%;
}

#menu_layer .image_teaser_4cols p.first {
	margin-bottom: 0;
}
#menu_overlay_content{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background-color: rgba(57,68,76,0.85);
	z-index: 7001;
	display: none;
}
#menu_layer .logo {
    float: left;
}
#menu_layer .icon-close{
	float:right;
	cursor:pointer;
	margin: 10px 0;
}
#menu_layer .menu_header::after {
    clear: both;
    content: "";
    display: block;
}
#menu_layer .menu_header {
    box-sizing: border-box;
    padding: 48px 80px 61px;
}
body.subsite #menu_layer .menu_header {
    padding: 18px 80px 14px;
}
#menu_layer .image_teaser_4cols{
    max-width: 100%;
    padding: 50px 0;
}
#menu_layer .image_teaser_4cols .it4col_section{

}
#menu_layer .image_teaser_4cols #col1 p.first,
#menu_layer .image_teaser_4cols #col1 ul.bottom_links,
#menu_layer .image_teaser_4cols .persona_teaser{
	display: none;
}
#menu_layer .image_teaser_4cols .it4col_section.imgcol:hover .persona_teaser{
	display:block;
}
#menu_layer .image_teaser_4cols .it4col_section .text_container{
	left:10px;
	right:10px;
}
#menu_layer .image_teaser_4cols .it4col_section.text_top .text_container{
	top: auto;
	bottom: 10px;
}
#menu_layer .image_teaser_4cols .it4col_section.text_bottom .text_container {
	bottom: 10px;
	padding-bottom: 18px;
}
#menu_layer .image_teaser_4cols .it4col_section.text_top .text_container {
	padding-bottom: 18px;
}



#menu_layer .image_teaser_4cols #col1 {
    padding: 38px 41px;
}
#menu_layer .image_teaser_4cols #col1 .title {
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 32px;
    -moz-hyphens: none;
	-o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; 
}
#menu_layer .mod_navigation h3{
	margin-top:0;
	font-size: 38px;
	margin-bottom: 20px;
	color: #c0c1c1;
}
#menu_layer .mod_navigation ul{
	margin:0;
	padding:0;
	list-style: none;
	font-size:24px;
}
#menu_layer .mod_navigation li{
	margin:0;
	padding: 5px 0;
}
#menu_layer .mod_navigation a{
	text-decoration: none;
}
#menu_layer .mod_navigation a:hover{
	text-decoration: underline;
}

/*Shariff-Social-Buttons */
.shariff{
	margin: 55px 80px 0;
}
.startwrapper .shariff{
	margin: 0 80px 55px;
}
.shariff a span{
	color: #fff;
}



/* parallax scrolling on normal pages */
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-up {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
}

.animation-element.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


/* GRAPH */
#bar-chart .bar-group .bar span.bottomvalue {
	display: block;
	position: absolute;
	bottom: -26px;
	left: 15px;
}

#bar-chart .bar-group .bar span.topvalue {
	display: block;
	position: relative;
	top: -21px;
}

@-webkit-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}
@-webkit-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}
@keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}

#bar-chart {
  height: 380px;
  width: 70%;
  position: relative;
  margin: 50px auto 0;
}
#bar-chart * {
  box-sizing: border-box;
}
#bar-chart .graph {
  height: 283px;
  position: relative;
}
#bar-chart .bars {
  height: 253px;
  padding: 0 2%;
  position: absolute;
  width: 100%;
  z-index: 10;
}
#bar-chart .bar-group {
  display: block;
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
  padding-right: 17px;
  padding-left: 17px;
  border-bottom: 1px solid #878388;
}
#bar-chart .bar-group .bar {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 25%;
}


.box.in-view #bar-chart .bar-group .bar {
	height: 0;
	visibility: hidden;
	animation: animate-height;
		-webkit-animation: animate-height;
		-moz-animation: animate-height;
	animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
		-webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
		-moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
	animation-duration: 0.4s;
		-webkit-animation-duration: 0.4s;
		-moz-animation-duration: 0.4s;
	animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
}


.box.in-view #bar-chart .bar-group .bar-15 span.topvalue {
	/*opacity: 0;*/
	animation: fadeIn 1s normal;
		-webkit-animation: fadeIn 1s normal;
		-moz-animation: fadeIn 1s normal;
	animation-duration: 0.4s;
		-webkit-animation-duration: 0.4s;
		-moz-animation-duration: 0.4s;
	animation-delay: 3s;
		-webkit-animation-delay: 3s;
		-moz-animation-duration: 3s !important;
	animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
}

#bar-chart .bar-group .bar:nth-child(2) {
  left: 38%;
}
#bar-chart .bar-group .bar:nth-child(3) {
  left: 70%;
}
#bar-chart .bar-group .bar span {
  display: none;
}
#bar-chart .bar-group .bar-13 {
  animation-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
}
#bar-chart .bar-group .bar-14 {
  animation-delay: 0.8s !important;
  -webkit-animation-delay: 0.8s !important;
}
#bar-chart .bar-group .bar-15 {
  animation-delay: 1.5s !important;
  -webkit-animation-delay: 1.5s !important;
	animation-duration: 1.5s !important;
		-webkit-animation-duration: 1.5s !important;
		-moz-animation-duration: 1.5s !important;
}
#bar-chart ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#bar-chart .bar {
	background-color: #FC0;
}
.yellowbox #bar-chart .bar {
	background-color: white;
}