@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

* { box-sizing: border-box; }
html { height: 100%; }
html, body { padding: 0; margin: 0; background:#050b1f; }

/*** GENERAL ***/

body {
	font-family: 'Roboto', arial, sans-serif;
	font-size: 18px;
	height: 100%;
	overflow-x: hidden;
	min-width: 320px;
	/*text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;*/
}

a, a:hover {
	color: #005fa8;
	text-decoration: underline;
}

object {
	pointer-events: none;		
}
a.svg {
  position: relative;
  display: inline-block; 
}
a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}

/*** REUSED ***/

.within-bounds {
	width: 100%;
	max-width: 1145px;
	margin:0 auto;
	position: relative;
	/*overflow: hidden;*/
}

.claim {
	font-size:0;
	line-height:0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;	
	background: transparent url(../../Image_claim.png/$FILE/claim.png) 0 0 no-repeat;
	height:146px;
	width:623px;
	position: relative;
	z-index: 12;
}

.scrolldown-img {
	height: 200px;
	width: 200px;
	position: relative;
}
.scrolldown-img img {
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	margin: auto;
}
@keyframes scale {
	0% {transform: scale(1);}
	50% {transform: scale(1.15);}
	100% {transform: scale(1);}
}
@keyframes scale-inner {
	0% {transform: scale(1);}
	50% {transform: scale(1.27);}
	100% {transform: scale(1);}
}
@keyframes scale-outer {
	0% {transform: scale(1);}
	50% {transform: scale(0.71);}
	100% {transform: scale(1);}
}
.scrolldown-img img {
	animation-duration: 2s; 
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.scrolldown-img img.sdi-3 {
	width: 150px;
	animation-name: scale-outer; 
}
.scrolldown-img img.sdi-2 { 
	width: 120px;
	animation-name: scale; 
}
.scrolldown-img img.sdi-1 {
	width: 58px;
	animation-name: scale-inner; 
}

.clearfix { display: table; content: " "; clear: both; }

/*** MAIN CONTENT: HOMEPAGE ***/



#header .burger {
  display: none; /* shows only in low viewport widths */
  width: 45px; /*height: 35px;*/
  /*padding: 11px 0;*/
  cursor: pointer;
  float: left;
  transition: transform 0.3s ease-in-out;
  transform-origin: 27px 33px;
}
#header .burger .burger-bun {
  width: 45px;
  margin: 0 auto;
  height: 5px;
  background: white;
  margin-top: 10px;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
#header .burger .bun-top { margin-top: 0px; transform-origin: 10.5px 24px; }
#header .burger .bun-bot { transform-origin: 10.2px -19.3px; }

#header {
	position: fixed;
	color: #fff;
	width: 100%;
	top: 0;
	z-index: 20;
}
#header a {
	color: #fff;
	text-decoration: none;
}
#header #headline {
	background: #4c4c4c;
	background: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
	-webkit-transition: max-height 0.3s ease-in-out;
	max-height: 160px;
}
body.scrolled #header #headline {
	max-height: 0;
}
#header #headline-wrap {
	padding: 17px 70px 14px;
	overflow: auto;
	line-height:60px;
}		
#header #logo {
	font-size:36px;
	font-weight: 100;
	/*vertical-align:bottom;*/
	position: absolute;
	bottom: 34px;
}
#header #headline h1 {
	font-size: 36px;
	margin-bottom: 0;
	line-height: 1em;
}
#header #headline h2 {
	font-size: 24px;
	margin-bottom: 0;
	line-height: 1em;
	margin-left: 4px;
	color: #027eff;
}
#header #headline h2 a {
	color: #027eff;
}
#header #headline #logo-kurz {
	float: right;
	padding-left: 48px;
	height: 60px;
}
#header #menu {
	background: #4c4c4c url("../../Image_header_shadow.png/$FILE/header_shadow.png") 0 0 repeat-x;
	background: rgba(0, 0, 0, 0.7) url("../../Image_header_shadow.png/$FILE/header_shadow.png") 0 0 repeat-x;
	padding: 0px 62px 0px;
	font-size: 18px;
	font-weight: 100;
}

#header #menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:18px;
}
#header #menu ul li {
	display: inline-block;
}
#header #menu ul li.mobile {
	display: none;
}
#header #menu ul li sup {
	position: absolute;
	/*margin-top:-3px;*/
	bottom: 12px;
	line-height: 1em;
	font-size: 12px;
}
#header #menu ul li a {
	text-decoration: none;
	display: block;
	line-height: 28px;
	padding: 10px 10px 0;
}
#header #menu ul li:hover a {
	background: #013e7d url("../../Image_header_shadow.png/$FILE/header_shadow.png") 0 0 repeat-x;
	color: #ffffff;
}
#header #menu ul li.active > a {
	background: #000000 url("../../Image_header_shadow.png/$FILE/header_shadow.png") 0 0 repeat-x;
	color: #027eff;
}
#header #menu ul li ul {
	opacity: 0;
	position: absolute;
	background: #4c4c4c;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out, max-height 0s ease-in-out 0.2s;
	max-height: 0px;
	overflow: hidden;
	margin-top: -10px;
}
#header #menu ul li:hover ul {
	transition: opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out, max-height 0s ease-in-out;
	max-height: 100vw;
	opacity: 1;
	margin-top: 0;
}
#header #menu ul li ul li {
	display: block;
	margin: 0;
}
#header #menu ul li ul li a {
	padding: 10px 10px 0;
	color: #fff;
}
#header #menu ul li.active ul li a, #header #menu ul li:hover ul li a {
	color: #fff;
	background: transparent;
}
#header #menu ul li.active ul li:hover a, #header #menu ul li:hover ul li.active a {
	background: #013e7d;
}
#header #menu ul li.active ul li.active a, #header #menu ul li:hover ul li:hover a {
	background: #013e7d;
}
#header #language-select {
	position: absolute;
	right: 83px;
	bottom: 0px;
}
#header #language-select .active {
	padding: 8px 0;
	line-height: 17px;
	color: #007dff;
	font-size: 14px;
	width: 50px;
	font-weight: bold;
	cursor: pointer;
}
#header #language-select .icon {
	display:inline-block;
	vertical-align: bottom;
	margin-right: 2px;
	height:19px;
	width:19px;
	background: transparent none left top no-repeat;
}
#header #language-select .icon.icon-lang {
	background-image: url("../../Image_ic_lang.png/$FILE/ic_lang.png");
}
#header #language-select:hover .icon-lang {
	background-position: left -19px;
}
#header #language-select ul {
	opacity: 0;
	position: absolute;
	right: 0px;
	background: #4c4c4c;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 0.2s ease-in-out, right 0.2s ease-in-out, max-height 0.2s ease-in-out;
	max-height: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#header #language-select:hover ul {
	opacity: 1;
	right: -10px;
	max-height: 300px;
}
#header #language-select ul li {
	display: block;
	margin: 0;
	font-size: 14px;
}
#header #language-select ul li a {
	padding: 8px 10px;
}
#header #language-select ul li:hover a {
	background-image: none;
}




section {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	
}

#start {
	position: relative;
	color: #fff;
	/*background: #0c1b49 url("../../Image_introbild_KURZ_portal.jpg/$FILE/introbild_KURZ_portal.jpg") 0 0 repeat;*/
	background-size: cover;
	height: 100%;
/*	min-height:900px*/
	min-height:550px;
}
#start .within-bounds {
	overflow: visible;
}
#start .within-bounds {
	padding-top: 140px;
	padding-bottom:180px;
	height: 100%;
/*	min-height: 900px;*/
}

#start #concepts {
	position: absolute;
	left:0;
	top: calc(50% - 200px);
	top: -webkit-calc(50% - 200px);
}
#start #concepts img {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: auto;
}
#start .concept {
	margin-bottom:20px;
}
#start .concept .concept-wrap {
	width: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index:-1;
}
@media screen and (min-aspect-ratio: 16/9) {
	#start .concept .concept-wrap, #start #concepts img {
		width: 100%;
	}
}
@media screen and (max-aspect-ratio: 16/9) {
	#start .concept .concept-wrap, #start #concepts img {
		left:calc(-1 * (178vh - 100vw) / 2);
		left:-webkit-calc(-1 * (178vh - 100vw) / 2);
		width:178vh;
		height:100vh;
	}
}

#start .concept.active .concept-wrap {
	z-index:0;
}
#start .concept .iframe-wrap, #start .concept video {
	height: 100%;
}

#start .concept .iframe-wrap {
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 106.25%;
}
#start .concept .iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#start .concept .iframe-wrap + img {
	position: absolute;
	top:0;
	left:0;
	/*width: auto;
	height: 100%;*/
	width: 100%;
	opacity:1;
	transition: opacity 0.3s ease-in-out;
}
#start .concept .iframe-wrap + img.active {
	opacity:0;
}

#start .concept-text {
	position: relative;
	z-index:2;
}
#start .concept-text > .concept-text {
}

#start .concept h2 {
	margin:0;
	background: rgba(0,0,0,0.5);
	font-weight:100;
	font-size: 36px;
	padding: 10px 70px;
	cursor: pointer;
	width:330px;
	box-sizing: border-box;
	transition: background-color 0.3s ease-in-out;
}
#start .concept .bodytext {
	background: rgba(0,0,0,0.9);
	font-weight:100;
	cursor: pointer;
	/*color:#0270e2;*/
	color:#cccccc;
	font-size:15px;
	width:330px;
	overflow: hidden;
	max-height:0;
	transition: max-height 0.3s ease-in-out;
}
#start .concept .bodytext p {
	padding: 10px 10px 10px 70px;
}
#start .concept.active h2 {
	background:#013e7d;	
}
#start .concept h2:hover {
    background: #000000;
    color: #0270e2;	
}

#start .concept.active .bodytext {
	max-height: 200px;
}

body.footer-show {background:#000}
body.footer-show #start #concepts {visibility: hidden;}

@media screen and (max-width: 600px) {
	/*#start .concept .concept-wrap {
		left:0;
		width: 100vw;
		height: auto;
	}*/
	/*
	#start #concepts {
		top:80px;
		right:0;
		left:0;
		width: calc(100vw - 32px);
		width: -webkit-calc(100vw - 32px);
		margin: auto;
	}
	
	#start .concept h2 {
		width: 100%;
	}
	#start .concept .bodytext {
		width: 100%;
	}*/
}


#start #scroll-down {
	position: absolute;
	z-index: 12;
	bottom:0;
	left:50%;
	margin-left:-100px;
	cursor: pointer;
}

@media screen and (max-height: 800px) and (max-width: 850px) {
	#start #scroll-down {
		margin-left:0;
		left: 350px;
	}
	#start .en-aus #scroll-down, #start .en-us #scroll-down {
		left:50%;
		margin-left:-100px;
	}
}

@media screen and (max-width: 550px) {
	#start #scroll-down {
		left:50%;
		margin-left:-100px;
	}
}
@media screen and (max-height: 639px) and (max-width: 550px) {
	#start #scroll-down {
		display: none;
	}
	#start .en-aus #scroll-down, #start .en-us #scroll-down {
		display: block;
	}
}
@media screen and (max-height: 400px) {
	#start #scroll-down {
		display: none;
	}
	#start .en-aus #scroll-down, #start .en-us #scroll-down {
		display: block;
	}
}



.bg-scroll { position: relative; overflow: hidden; }
.bg-scroll .scrollbg { 
	min-width: 100%;
	min-height: 200%;
	position: absolute;
	top:0;left:0;
}

#page-2 {
	/*background: #0c1b49 url(../../Image__bg_triangles.png/$FILE/_bg_triangles.png") center 0 repeat;*/
	background-size: 100% auto;
	padding: 80px 0;
	overflow: hidden;
}
#page-2 .within-bounds {
	/*padding:0 100px;*/
	padding: 0 16px;
	opacity:0;
	position: relative;
	z-index:12;
	transform: translateY(-50px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
#page-2 .within-bounds.show {
	opacity: 1;
	transform: translateY(0px);
}
#page-2 article {
	position: relative;
	z-index: 12;
	background:rgba(255, 255, 255, 0.6);
	padding: 28px 32px;
	font-size: 18px;
	max-width: 945px;
	margin:0 auto;
	color: #333333;
	overflow: auto;
}
#page-2 article h2 {
	margin:0 0 12px;
	font-size: 18px;	
	color:#fff;
}
#page-2 article p {
	margin:0;
}
#page-2 article ul {
	list-style-type: none;
	margin: 22px 0 0px;
	padding:0;
}
#page-2 article ul li {
	padding-left:14px;
}
#page-2 article ul li:before {
    content: "\002022";
	margin-left: -14px;
	padding-right: 7px;
    color: #ffffff;
}
#page-2 article .text-columns {
	/*-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;*/
	float: left;
	width: calc(50%);
}
#page-2 article .text-columns.left {
	width: calc(50% - 16px);
	margin-right: 16px;
}

#page-3 {
	/*background:#ec3ff4;*/
	background:#000;
	/*background: #0c1b49 url("../../Image_bg_kurz.png/$FILE/bg_kurz.png") center center repeat;*/
	background-size: 100% auto;
	height: 300px;
	overflow: hidden;
}
.bg45 {
	background: #0c1b49 url("../../Image_bg_metallized.jpg/$FILE/bg_metallized.jpg") center top repeat;
	background-size: auto 100%;
}
#page-4 {
	background: #0c1b49 url("../../Image_bg_metallized.jpg/$FILE/bg_metallized.jpg") center top repeat;
	background-size: 100% auto;
	padding: 80px 0;
	overflow: hidden;
}
#page-4 h2 {
	color:#134078;
	font-size: 18px;
	margin:0 0 12px;
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transform: translateY(-200px);
	opacity: 0;
}
#page-4 p {
	margin-top:0;
	margin-bottom:12px;
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transform: translateY(-200px);
	opacity: 0;
}
#page-4 article {
	width: 50%;
	float: left;
	padding-right:24px;
}

#page-4 .features {
	position: absolute;
	padding-top:20px;
	width: 50%;
	right: 0;
	top:12px;
}
#page-4 .features ul {
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transform: translateY(-200px);
	opacity: 0;	
}
#page-4 .features img {
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	opacity: 0;
}
#page-4 .show h2, #page-4 .show p, #page-4 .show .features ul, #page-4 .show .features img {
	transform: translateY(0);
	opacity: 1;
}


#page-4 address {
	background: rgba(2,62,124,0.2);
	color:#fff;
	padding:24px 32px 24px 100%;
	margin-top:24px;
	margin-left:-100%;
	font-style: normal;
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transform: translateX(-50%);
	opacity:0;
}
#page-4 .show address {
	transform: translateX(0px);
	opacity: 1;
}
#page-4 .show address strong {
	color:#134078;
	margin-bottom:6px;
	display: block;
}

#page-4 address table label {
	display: inline-block;
	width: 70px;
	color:#134078;
}
#page-4 address table td {
	padding-right: 40px;
	white-space: nowrap;
}
#page-4 address a {
	color: #fff;
	text-decoration: none;
}

#page-4 ul {
	list-style-type: none;
	margin:0;
	padding: 0;
}
#page-4 ul li {
	padding-left:14px;
}
#page-4 ul li:before {
    content: "\002022";
	margin-left: -14px;
	padding-right: 7px;
    color: #ffffff;
}
#page-5 {
	background: #0c1b49 url("../../Image_bg_metallized.jpg/$FILE/bg_metallized.jpg") center top repeat;
	background-size: auto 100%;
}
#page-5 ul {
	margin:0;
	padding:0;
	list-style-type: none;
	overflow: auto;
}
#page-5 ul li {
	display: block;
	float:left;
	/*width:50%;*/
	width: 33.325%;
	height: 18vw;
	opacity:0;
	transform-origin: 0 0;
	/*transform: rotateY(-90deg) rotateZ(-90deg);*/
	transform: translateX(-5vw);
}
/*#page-5 ul li:nth-child(1) { transition: background-size 0.3s ease-in-out, opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s; }
#page-5 ul li:nth-child(2) { transition: background-size 0.3s ease-in-out, opacity 0.2s ease-in-out 0.05s, transform 0.2s ease-in-out 0.05s; }
#page-5 ul li:nth-child(3) { transition: background-size 0.3s ease-in-out, opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s; }
#page-5 ul li:nth-child(4) { transition: background-size 0.3s ease-in-out, opacity 0.2s ease-in-out 0.15s, transform 0.2s ease-in-out 0.15s; }
#page-5 ul li:nth-child(5) { transition: background-size 0.3s ease-in-out, opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0.2s; }
#page-5 ul li:nth-child(6) { transition: background-size 0.3s ease-in-out, opacity 0.2s ease-in-out 0.25s, transform 0.2s ease-in-out 0.25s; }
*/

/*#page-5 ul li:nth-child(1) { transition: background-size 0.3s ease-in-out, opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s; }
#page-5 ul li:nth-child(2) { transition: background-size 0.3s ease-in-out, opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.05s; }
#page-5 ul li:nth-child(3) { transition: background-size 0.3s ease-in-out, opacity 0.3s ease-in-out 0.2s, transform 0.3s ease-in-out 0.1s; }
#page-5 ul li:nth-child(4) { transition: background-size 0.3s ease-in-out, opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.15s; }
#page-5 ul li:nth-child(5) { transition: background-size 0.3s ease-in-out, opacity 0.3s ease-in-out 0.2s, transform 0.3s ease-in-out 0.2s; }
#page-5 ul li:nth-child(6) { transition: background-size 0.3s ease-in-out, opacity 0.3s ease-in-out 0.3s, transform 0.3s ease-in-out 0.25s; }*/

#page-5 ul li:nth-child(1) { transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s; }
#page-5 ul li:nth-child(2) { transition: opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.05s; }
#page-5 ul li:nth-child(3) { transition: opacity 0.3s ease-in-out 0.2s, transform 0.3s ease-in-out 0.1s; }
#page-5 ul li:nth-child(4) { transition: opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.15s; }
#page-5 ul li:nth-child(5) { transition: opacity 0.3s ease-in-out 0.2s, transform 0.3s ease-in-out 0.2s; }
#page-5 ul li:nth-child(6) { transition: opacity 0.3s ease-in-out 0.3s, transform 0.3s ease-in-out 0.25s; }

#page-5 ul li.show {
	opacity: 1;
	/*transform: rotateY(0deg) rotateZ(0deg);*/
	transform: translateX(0vw);
}

#page-5 ul li { 
	/*background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: background-size 0.3s ease-in-out;*/
	overflow: hidden;
	position: relative;
}
/*#page-5 ul li:hover {
	background-size: 120% auto;
}
#page-5 ul li.hot-stamping { background-image: url(../../Image_img_nav_hotstamping.jpg/$FILE/img_nav_hotstamping.jpg); }
#page-5 ul li.cold-foil-transfer { background-image: url(../../Image_img_nav_coldfoil.jpg/$FILE/img_nav_coldfoil.jpg); }
#page-5 ul li.digital-metal { background-image: url(../../Image_img_nav_digitalmetal.jpg/$FILE/img_nav_digitalmetal.jpg); }
#page-5 ul li.smart { background-image: url(../../Image_img_nav_smart.jpg/$FILE/img_nav_smart.jpg); }
#page-5 ul li.attractive { background-image: url(../../Image_img_nav_attractive.jpg/$FILE/img_nav_attractive.jpg); }
#page-5 ul li.video { background-image: url(../../Image_img_nav_videoscreen.jpg/$FILE/img_nav_videoscreen.jpg); }*/

#page-5 ul li img.background { 
	top:0;
	left:0;
	width: 100%;
	position: absolute;
	transition: transform 0.3s ease-in-out;
}
#page-5 ul li img.additional { 
	position: absolute;
	top:0;
	left:0;
	/*opacity:0;*/
	display: none;
	width: 100%;
}
#page-5 ul li img.additional.active {
	/*opacity:1;*/
}
/*
#page-5 ul li:hover img.background {
	transform: scale(1.2);
}*/

#page-5 ul li a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}
#page-5 ul li a .box {
	color:#fff;
	position: absolute;
	top:0; bottom:0; left:0; right:0;
	margin: auto;
	height: 20%;
	width: 80%;
	line-height:3.7vw;
	text-align: center;
	background: rgba(0,0,0,0.5);
	transition: height 0.3s ease-in-out;	
}
#page-5 ul li.video a .box {
	background: transparent url(../../Image_ic_video_play.png/$FILE/ic_video_play.png) center center no-repeat;
	background-size:auto 100%;
	height:73px;
	width:90px;
}
#page-5 ul li a div h3 {
	font-size: 2vw;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	height: 4vw;
	line-height: 4vw;
}
#page-5 ul li a div p {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	height: 1vw;
	width: 90%;
	opacity:0;
	transition: opacity 0.3s ease-in-out;
	padding-top:3vw;
	line-height:1.2em;
	font-size: 1.5vw;
}
#page-5 ul li:hover a div {
	height:80%;
}
#page-5 ul li.video:hover a .box {
	height: 90px;
	width: 90px;
}

#page-5 ul li:hover a div p {
	opacity: 1;
}


#page-6 {
	/*background: transparent url(../../Image__bg_hallenplan.png/$FILE/_bg_hallenplan.png") center center no-repeat;*/
	background-size: 100% auto;
	height: 40vw;
	background:#fff;
}
#page-6.chromefix {
	background:#fffffe;
}
#page-6 img, #page-6 object {
	width: 90%;
	display: block;
	margin: 0 auto;
}

#page-6 .object-click {
    position: absolute;
    width: 9vw;
    height: 13vw;
    top: 40vw;
    left: 22.8vw;	
}

.bottom-claim {
	padding:2px;
	background: transparent url("../../Image_bg_footer-portal.jpg/$FILE/bg_footer-portal.jpg") left top no-repeat;
	background-size: 100% auto;
	/*background-size: auto 100%;*/
	height: 17.5vw;
	overflow: hidden;
	/*margin-bottom:65px;*/
}
.bottom-claim .within-bounds {
	margin-top: 1.8vw;
	text-align: center;
}
.bottom-claim img {
	transform: translateY(-140px);
	opacity:0;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;	
	height: 2.6vw;
}
.bottom-claim.show img {
	transform: translateY(0);
	opacity: 1;
}

footer.footer-wrap {
	background:#000000;
	position: relative;
	min-height: 65px;
}

#footer {
	position: fixed;
	bottom:0;
	background:#000000;
	width: 100%;
	color:#999999;
	text-align: center;
	font-size: 14px;
	z-index:999;
	bottom:-65px;
	opacity: 0;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#footer.show {
	bottom:0;
	opacity: 1;
}

#footer a {
	color:#999999;
	text-decoration: none;
}
#footer .copy { display: inline-block;margin: 0 24px; }
#footer ul {
	margin:0;
	padding:0;
	list-style-type: none;
	display: inline-block;
}
#footer ul li {
	display: inline-block;
	margin: 0 24px 0 0;
	vertical-align: bottom;
	cursor: pointer;
	position: relative;
	line-height:65px;
	height: 65px;
}
#footer ul li.copyright, #footer ul li.copyright:hover {
	cursor: default;
	color: #027eff;
}
#footer ul li:hover a,
#footer ul li:hover > span {
	color:#027eff;
}
#footer ul li:hover a.icon {
	background-position: center bottom;
}
#footer ul ul {
	display: none;
	position: absolute;
	left: -10px;
	bottom: 65px;
	background: #000;
	text-align: left;
}
#footer ul li:hover ul {
	display: block;
}
#footer ul ul li {
	display:block;
	margin:0;
	white-space: nowrap;
	line-height: 1.4em;
	height: auto;
}
#footer ul ul li a, #footer ul li:hover ul li a {
	display:block;
	padding:4px 8px;
	color:#999999;
}
#footer ul ul li:hover a {
	color:#ffffff !important;
	background:#027eff;
}

#footer ul li a.icon {
	display: inline-block;
	height:17px;
	width: 21px;
	background: transparent url("../../Image_ic_twitter_2017.png/$FILE/ic_twitter_2017.png?Open&anticache=20170316") center top no-repeat;
	position: absolute;
	top:0;
	bottom:0;
	margin: auto;
}
#footer ul li a.icon.facebook { background-image: url("../../Image_ic_fb_2017.png/$FILE/ic_fb_2017.png?Open&anticache=20170316"); }
#footer ul li a.icon.twitter { width: 17px; background-image: url("../../Image_ic_twitter_2017.png/$FILE/ic_twitter_2017.png?Open&anticache=20170316"); }

#footer #arrow-up a {
    background: url("../../Image_ic_arrow-up.png/$FILE/ic_arrow-up.png") top left repeat-y;
    display: block;
    width: 64px;
    height: 64px;
	position: absolute;
	right: 0;
	top:0;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes arrow-up {
	from {
		background-position: left 0;
	}
	to {
		background-position: left -65px;
	}
}
#footer #arrow-up a:hover {
	animation-name: arrow-up;
}

#footer .dropup-body {
	position: absolute;
	z-index: 10;
	bottom: 65px;
	background: rgba(255, 255, 255, 0.9);
	color:#027eff;
	text-align: left;
	font-style: normal;
	line-height: 1.4em;
	min-width: 300px;
}
#footer address.dropup-body {
	padding: 25px 30px;
}
#footer .dropup-body a {
	color:#027eff !important;
}

#footer .dropup-body li {
	display: block;
	text-transform: uppercase;
	text-align: right;
	margin-right: 0;
}
#footer .dropup-body li a {
	text-decoration: none;
	line-height: 36px;
	color:#027eff;
	padding:0 12px;
}

#footer ul li ul, #footer ul li .dropup-body {
	display: none;
}
#footer ul li:hover ul, #footer ul li:hover .dropup-body {
	display: block;
}



#cookies {
	position: fixed;
	/*bottom:-16px;*/
	bottom:-78px;
	background:#027eff;
	width: 100%;
	color:#ffffff;
	font-size: 13px;
	padding: 23px 0 25px;
	opacity:0;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
	z-index:998;
}
#cookies.active {
	bottom: 0px;
	opacity: 1;
}
#footer.show + #cookies {
	bottom:-13px;
}
#footer.show + #cookies.active {
	bottom: 65px;
}
#cookies a {
	color:#ffffff;
}

#cookies .within-bounds {
	text-align: center;
}
#cookies .within-bounds > div {
	display: inline-block;
}
#cookies .left {
	position: static;
	border-right: 2px solid #ffffff;
	padding-right: 40px;
	margin-right: 40px;
	text-align: right;
}
#cookies .right {
	position: static;
	margin-right: 42px;
	text-align: left;
}
#cookies #cookies-ok {
	border: 2px solid #ffffff;
	font-size: 18px;
	color:#ffffff;
	text-decoration: none;
	padding: 2px;
    position: relative;
    top: -6px;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#cookies #cookies-ok:hover {
	background:#ffffff;
	color:#027eff;
}
#cookies-close {
	position: absolute;
	right:0px;
	height: 28px;
	width: 28px;
	background: transparent url("../../Image_ic_cookie_close.png/$FILE/ic_cookie_close.png") center bottom no-repeat;
}
#cookies-close:hover {
	background-position: center bottom;
}



#cboxLoadedContent { overflow: hidden !important; }
.mejs-container {
	height: 100%!important;
	width: 100%!important;
}

.mejs-time-rail {width:calc(100% - 144px) !important;}
.mejs-time-total {width:calc(100% - 154px) !important;}

/* FIXME: to poster.css */
#poster-big { margin-bottom:65px; }


a.download {
    display: inline-block;
    color: #666666;
    text-decoration: none;
    line-height: 1.3em;
    font-size: 12px;
    min-height: 86px;
    padding-right: 55px;
    margin-bottom: 32px;
	/*padding-top:57px;*/
}
a.download img {
	width: 100%;
}

a.download em {
	font-weight: bold;
	font-style: normal;
	color: #013d7c;
}

a.download.jpg {
    background: transparent url(../../Image_ic_jpg.png/$FILE/ic_jpg.png) right bottom no-repeat;
}
a.download.jpg:hover {
    background-image: url("../../Image_ic_jpg_a.png/$FILE/ic_jpg_a.png");
}

a.download.pdf {
    background: transparent url(../../Image_ic_pdf.png/$FILE/ic_pdf.png) right bottom no-repeat;
}
a.download.pdf:hover {
    background: transparent url(../../Image_ic_pdf_a.png/$FILE/ic_pdf_a.png) right bottom no-repeat;
}

@media(max-width: 1450px) {
	/*#ara {
		right:0;
		width: 50%;
	}*/
	
	#ara {
		right: calc(-1 * (100vw - 1145px) / 2);
	}
	
	#start footer #press {
		right:0;
	}
}

@media screen and (max-width: 1200px) {
	body.scrolled #header #headline {
		max-height: 100%;
	}
	#header #headline #headline-wrap {
		padding-left: 16px;
		padding-right: 16px;
	}
	#header .burger {
		display: block;
	}
	#header #headline #logo {
		position: static;
		float: left;
		width: auto;
		height: 35px;
		margin-left: 12px;
		line-height:36px;
	}
	#header #headline #logo-kurz {
		height: 35px;
	}
	#header #menu {
		display: block;
		position: fixed;
		z-index:9999999;
		left: -100vw;
		top: 66px;
		height: calc(100% - 66px);
		height: -webkit-calc(100% - 66px);
		width: 100vw;
		padding: 6px 8px;
		/*background-color: rgba(53,53,53,0.9);*/
		background-color: rgba(63, 63, 63, 0.95);
		transition: left 0.3s ease-in-out;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		padding-top: 48px;
		padding-bottom:32px;
	}
	#header #menu ul li {
		display: block;
		border-top: 1px solid #999;
	}
	#header #menu ul li.mobile {
		display: block;
	}
	#header #menu ul li a {
		padding: 6px 8px;
	}
	#header #menu ul li ul {
		opacity: 1;
		position: static;
		padding-left: 0;
		max-height: 100%;
		background: transparent;
		padding-top: 0px;
		padding-bottom: 12px;
		margin-top:0!important;
		transition: none;
	}
	
	#header #menu ul li:hover a {
		background: transparent;
	}
	#header #menu ul li:hover ul li:hover a {
		background: transparent;
	}
	#header #menu ul li:hover ul {
		transition: none;
		max-height: initial;
	}
	#header #menu ul li ul li {
		border: 0;
	}
	#header #menu ul li.active a {
		background: #000;
	}
	#header #menu ul li ul li a {
		padding-left:32px;
	}
	#header #menu #language-select {
		/*position: static;*/
		font-size: 16px;
		top:2px;
		bottom: auto;
		left:16px;
	}
	#header #menu #language-select .active {
		font-size: 16px;
		display: inline-block;
		float: left;
		margin-top: 4px;
		margin-right: 3px;
	}
	#header #menu #language-select ul {
		opacity: 1;
		position: static;
		max-height: 100%;
		background: transparent;
		padding-top: 0px;
		display: inline-block;
		margin-top: 3px;
	}
	#header #menu #language-select ul li {
		font-size: 16px;
		display: inline-block;
		border-bottom: 0;
		border-top:0;
		/*border-left: 1px solid #999;*/
	}
	#header #menu #language-select ul li a {
		padding-left:0; padding-right: 0;
	}
	#header #menu #language-select ul li a:before {
		content: "|";
		color:#999;
		position: relative;
		top: -1px;
		padding-right: 6px;
	}
	
	body.burger-open {
		/*position: fixed;*/
		overflow: hidden;
		height: 100%;
		width:100%;
	}
	body.ios.burger-open {
		position: fixed;
	}
	body.burger-open #header .burger .burger-bun {
		background: #027eff;
	}
	body.burger-open #header #menu {
		left: 0;
	}
}

@media(max-width: 1250px) {
	#footer #contact {
		right:0;
	}
}
@media(max-width: 1140px) {
	#ara {
		right:0;
		width: 50%;
		top:5vw;
		background-size: 110% auto;
	}
	
}
@media(max-width: 1200px) {
	
	#start header .claim {
		background-image: url(../../Image_claim_mobile.png/$FILE/claim_mobile.png);
		background-size: auto 100%;
		max-height:256px;
		max-width:412px;
		width: 100%;
		height: 31vw;
		margin: 5vw 0 5vw;
	}

	#page {
		max-width: 100%;
	}
	/*#start {
		height: auto;
	}*/
	#start article {
		width: 80%;
		position: relative;
		z-index: 12;
		margin-bottom:64px;
	}

	/*#scroll-down {
		display: none;
	}*/
	
	section .within-bounds {
		padding-left:16px;
		padding-right: 16px;
		height: auto;
		width: 100%;
		overflow: hidden;
	}
	.bg45 { overflow: hidden; }
	section#page-4 .within-bounds {overflow: visible;}
}

@media(max-width: 1100px) {
/*		
	#footer .bottom-nav .within-bounds {
		padding:0;
	}
	
	#footer .bottom-nav ul li {
		display: block;
		margin: 24px 0;
	}
	#footer .bottom-nav ul li.social { margin-right:0; }
	
	#footer .bottom-nav .copy {
		display: block;
		height: 20px;
		position: absolute;
		left:30px;
		top:0;
		bottom:0;
		margin: auto 0;
	}
	
	#footer .bottom-nav .btn-up {
		position: absolute;
		right:0;
	}
	
	#footer .bottom-claim .within-bounds img {
		max-width: 80%;
	}*/
	
	#cookies {
		padding:6px 120px 6px 30px;
	}
	#cookies > div, #cookies .left, #cookies .right {
		position: static;
		display:block;
		width: 100%;
		padding: 3px 0;
		border:0;
		text-align: left;
	}
	#cookies br { display: none;}
	#cookies #cookies-close {
		top:15px;
		right: 30px;
	}
	#cookies #cookies-ok {
		position: absolute;
		top:15px;
		right: 70px;
	}
}

@media(max-width: 1150px) {
	#page-4 address table td { display: block;}
	#page-4 address table td:nth-child(2) { margin-bottom:12px;}
	#ara {
		height: 150vh;
	}	
}

@media(max-width: 850px) {
	
	#start .within-bounds {
		padding-bottom:0;
		overflow: hidden;
	}
	
	#start .within-bounds footer {
		position: relative;
	}
	#start .within-bounds footer img {
		max-width: 100%;
	}
	
	#start footer #drupa {
		position: static;
		width: 100%;
		font-size:3vw;
		overflow: auto;
	}
	#start footer #drupa img {
		width: 20vw;
		margin-right:3vw;
	}
	
	#start footer .dropup {
		border-top: 1px solid #36a9e0;
		margin-top: 12px;
		padding-top: 12px;
		position: relative;
		right: auto !important;
	}
	#start footer .dropup a.button { 
		display:block;
		background: transparent !important;
		color: #2f91c0 !important;
		text-align: left;
		font-size:3.2vw;
		height: auto;
		line-height:1.4em;
		padding-bottom:12px;
	}
	#start footer #press .dropup-body {
		position: static;
		background: transparent;
		opacity: 1;
		width: 100%;
		color: #36a9e0;
		text-align: left;
		padding-top:0;
		padding-left:0 !important;
		padding-right:0 !important;
		font-size:3vw;
	}
	
	
	#page-2 article .text-columns {
		/*-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;*/
		float: none;
		width: 100%!important;
		margin:0!important;
	}
	
	#page-4 {
		background-size: auto 100%;
		overflow: visible;
	}
	#page-4 article {
		width: 100%;
		float: none;
		padding-right:0;
	}
	#page-4 article .features {
		position: static;
		width: 100%;
	}
	#page-4 article .features img {
		margin: 24px 0;
		max-width: 100%;
	}
	#page-4 address {
		/*width:218%;*/
		margin-left:-30px;
		padding-left: 32px;
		padding-right: 32px;
		width:calc(100% + 46px);
	}
	
	#page-4 address table td {display: table-cell;}
	
	#page-5 { overflow: visible; }
	#page-5 ul li a div.box { height: 80%; line-height: initial; display: table;}
	#page-5 ul li a div.box div.tcell { display: table-cell; vertical-align: middle; }
	
	#page-5 ul li a div h3, #page-5 ul li a div p { position: static; opacity: 1; margin:0 auto; padding:0; height: auto; }
	
	#page-5 ul li { 
		width: 50%;
		height: 25vw;
	}
	#page-5 ul li a div h3 { 
		font-size:3.5vw;
		line-height: 1.2em;
	}
	#page-5 ul li a div p { 
		margin-top:12px;
		width:80%;
		font-size:2vw;
	}

}

@media(max-width: 800px) {
	#footer.show + #cookies.active {
		bottom:0;
	}
	.bottom-claim {
		margin-bottom:0;
	}
	#footer {
		position: relative;
	}
	#footer ul, #footer ul li {
		display: block;
	}
	#footer ul li {
		padding-left:30px;
		text-align: left;
		height:auto;
		line-height: 2.5em;
	}
	#footer ul li.copyright {
		line-height:65px;
		height:65px;
	}
	#footer ul li a.icon {
		position: static;
	}
	
	#footer ul li .dropup-body {
		display: block;
		position: static;
		background: transparent;
		padding:0 30px 12px;
		min-width:0;
	}
	#footer .dropup-body li {
		text-align: center;	
		margin:0;
	}
	#footer ul li ul {
		display: block;
		position: static;
	}
}
@media(max-width: 650px) {
	#logo img {
		max-width: calc(100vw - 240px);
	}
	#header #headline #logo-kurz {
		padding-left:0;
	}
}
@media(max-width: 600px) {
	
	#deco {
		display: none;
	}
	
	#header #headline #logo {
		font-size: 5vw;
	}
	#header #headline #logo-kurz {
		/*display: none;*/
		padding-left:0;
	}
	
	.bottom-claim {
		height:35vw;
		background-size: auto 100%;
		background-position: center top;
	}
	
	.bottom-claim .within-bounds {
		margin-top: 3.6vw;
	}
	
	.bottom-claim img {
		height:5.2vw;
	}
}
@media(max-width: 500px) {
	
	#page-3 img {
		min-width: 0;
		min-height: 0;
		width: auto;
		height: 120%;
		margin-left:-20%;
	}
	#page-4 address table td { display: block;}
	
	#page-5 ul li { 
		float: none;
		width: 100%;
		height: 50vw;
	}
	#page-5 ul li a div h3 { 
		font-size:6vw;
	}
	#page-5 ul li a div p { 
		font-size:4vw;
	}
	
	#page-6 { height: auto; padding-bottom:32px;}
	
	#page-6 img {
		margin-top:-100px;
	}
}

@media(max-width: 514px) {
	#header #headline #logo {
		display: none;
	}
}

@media(max-width: 514px), (max-height: 400px) {
	/*#header #headline #logo-kurz {
		display: none;
	}*/
	#header #headline #logo {
		font-size: 6vw;
		height: 5vw;
		/*width: 80vw;*/
		width: calc(100vw - 55px - 100px);
		width: -webkit-calc(100vw - 200px);
		max-height: 35px;
		margin: auto 0 auto 16px;
		position: absolute;
		top: 0;
		bottom: 0;
	}
	#header #headline #logo img {
		display: block;
		/*max-width: calc(100vw - 100px);*/
		max-width: calc(100% - 16px);
		max-width: -webkit-calc(100% - 16px);
	}
	
	#start, #start .within-bounds {
		min-height:100%;
	}
	
	#start #concepts {
		top:100px;
		right:0;
		left:0;
		width: calc(100vw - 32px);
		width: -webkit-calc(100vw - 32px);
		margin: auto;
	}
	
	#start .concept h2 {
		padding:6px 10px;
		font-size: 8vw;
		text-align: center;
		width: 100%;
	}
	#start .concept h2:hover {
		background: rgba(0,0,0,0.5);
		color:#fff;
	}
	#start .concept.active h2 {
		background: #013e7d;
	}
	
	#start .concept .bodytext {
		width: 100%;
	}
	#start .concept .bodytext p {
		padding: 16px;
		margin:0;
	}
	
	/*.bottom-claim {
		background-size: auto 120%;
	}*/
}
@media (max-height: 400px) {
	
	#start, #start .within-bounds {
		min-height: 500px;
	}
	#header #headline #logo-kurz {
		display:block;
	}
	
	#start .concept h2 {
		font-size: 24px;
		width: 50%;
		margin: auto;
	}
	#start .concept .bodytext {
		width: 50%;
		margin: auto;
	}
}

@media (min-width: 500px) {
	/*#header #headline #logo { 
		height: 35px;
	}*/
	#header #headline #logo img {
		margin-top:5px;
	}
}