@charset "utf-8";
body {background-color: rgb(8, 21, 20);margin-top: 33px;}
* {margin:0;padding:0;font-family:sans-serif;font-weight:100;}
.appstore{width:30vw;margin:0 25vw 0 25vw;}
.appstore img{width:30vw;}
.logo{margin:2vw auto 5vw auto;width:75vw;}
.logo img{width:75vw;border:0;border-radius: 10vw;box-shadow:4px 4px 16px rgba(255, 170, 20, 1.00);}
.app-images{margin:2vw auto 5vw auto;width:60vw;border-radius:1vw;box-shadow:4px 4px 16px rgba(255, 170, 20, 0.10);}
.app-images img{width:60vw;border:0;border-radius:1vw;box-shadow:4px 4px 16px rgba(255, 170, 20, 0.10);}
.app-vimages{margin:2vw auto 5vw auto;width:60vw;box-shadow:4px 4px 16px rgba(255, 170, 20, 0.10);}
.app-vimages img{width:120vw;border:0;box-shadow:4px 4px 16px rgba(255, 170, 20, 0.10);}
.cloud{margin:1vw auto 1vw auto;width:100%;}
.cloud div{width:100%;border:0;}
.more,.more img{width:75vw;border:0;margin:2vw auto 1vw auto;text-shadow:1px 1px 3px #000F1F;}
.icon{width:14vw;margin:10px 32vw;}
.press a, .press img{width:35vw;}
.screens{display: flex; margin-left: -4vw;}
.screens a, .screens img{width:85vw;}
.screens .ipad, .screens .ipad img{width:51vw;margin-right: 2vw;}
.screens .iphone, .screens .iphone img{width:31.3vw;}
.external .app-images, .external .app-vimages{box-shadow: 0 0 2px 2px #161b2f, 0 0 1px 7px rgba(228, 170, 30, 1.00), 0 0 1px 9px #161b2f, 0 0 1px 14px rgba(107, 189, 253, 1);padding: 0;}
.print {color: rgb(9, 20, 21);}
.language-chooser{width: 90px; margin: auto;}
.for-language-en, .for-language-de, .for-language-fr{display: none}
.language-en .for-language-en{display: block}
.language-de .for-language-de{display: block}
.language-fr .for-language-fr{display: block}

.language-en .highlight-language-en{color:rgba(255, 170, 50, 1.00)}
.language-de .highlight-language-de{color:rgba(255, 170, 50, 1.00)}

.BlaXpanPreview {margin: 0 auto 0 auto;width:54vw;display:flex;}
.BlaXpanPreview a {width:25vw;margin:0 1vw 0 1vw;display:block;}
.BlaXpanPreview img {width:25vw;margin-bottom:-10px}

.social {width: 60px;height: 60px;border:0;opacity: 0.75;}
.instagram {background-image: url('../images/instagram.svg')}
.instagram:hover {background-image: url('../images/instagram_hovered.svg')}

.BlaX {margin: 0 auto 0 auto;width: 75vw}
.BlaX, .BlaX img {width: 75vw;max-width: 800px;border:0;}

.BlaXPreview {margin: 0 auto 0 auto;width:80vw;display:flex;}
.BlaXPreview a {width:25vw;margin:0 1vw 0 1vw;display:block;}
.BlaXPreview img {width:25vw;margin-bottom:-10px}

a, a:visited, a:active, a:link {text-decoration: none; color:rgba(120, 120, 120)}
a:hover {text-decoration: none; color:rgba(255, 157, 50, 1.00)}
.content{font-size:3.6vw;font-weight:200;margin:10px 10vw;text-align:center;line-height:6vw;color:rgba(120, 120, 120);}
.important{color:rgba(255, 170, 50, 1.00);font-weight: 600;}
h1,h1 .part1,h1 .part2, h2, h3{letter-spacing:4px;text-align:center;margin-bottom:20px;}
h1{margin-top:20px;line-height:1;}
h1,h1 .part1,h1 .part2{font-size:10vw;font-weight:700;color: rgba(255, 255, 255, 1.0);text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);}
h2{font-size:3.5vw;font-weight:400;margin-bottom:20px;margin-top:25px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);color: rgba(255, 170, 50, 1.00);}
h3{font-size:5vw;font-weight:400;margin-bottom:10px;margin-top:15px;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);color: rgba(255, 170, 50, 1.00);}
h4{font-size:4vw;font-weight:400;margin-bottom:10px;margin-top:15px;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);color: rgba(120, 120, 120);}
h1 .part1{color: rgb(130, 130, 130);text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);}
h1 .part2{color: rgba(255, 170, 50, 1.00);text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);}
.sub-header{color: rgba(120, 120, 120);text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);font-weight: 400;font-size: 55%;line-height: 2.5;}

@media screen and (min-width: 800px) {
	.content{font-size:24px;margin:auto;line-height:40px;}
	h1,h1 .part1,h1 .part2{font-size:60px;}
	h2{font-size:34px;}
	h3{font-size:38px;}
	h4{font-size:34px;}
	.appstore{width:240px;margin:0 auto;}
	.appstore img{width:240px;}
	.logo, .logo img{width:500px;border-radius: 67px}
	.app-images, .app-images img{width:350px;border-radius:1vw;box-shadow:4px 4px 16px rgba(255, 170, 20, 0.10);}
	.app-vimages, .app-vimages img{width:700px;box-shadow:4px 4px 16px rgba(255, 170, 20, 0.10);}
	.cloud, .cloud div{width:800px;}
	.more,.more img{width:500px;}
	.icon{width:100px;margin:10px auto;}
	.press a, .press img{width:300px;}
	.screens .ipad, .screens .ipad img{width:510px;}
	.screens .iphone, .screens .iphone img{width:313px;}
}

.appDescription {
	height:15vh;
}

.appImages {
	margin-top: 50px;
	margin-bottom: 50px;
}

.slides-en, .slides-de {
	display: none;
	width: 100%;
}

.images-en, .images-de {
	display: none;
}

.animate-left {
	position: relative;
	animation: animateleft 0.8s
}

@keyframes animateleft { 
	from { left :500px; opacity:0 } 
	to { left:0; opacity:1 }
}

.animate-right {
	position: relative;
	animation: animateright 0.8s
}

@keyframes animateright { 
	from { left :-500px; opacity:0 } 
	to { left:0; opacity:1 }
}