@charset "utf-8";
body {background-color: rgb(228, 217, 192);margin-top: 33px;}
* {margin:0;padding:0;font-family:sans-serif;font-weight:100;color: rgb(62, 87, 106);}
.MandalaCalendar{margin:2vw auto 2vw auto;width:80vw;}
.MandalaCalendar img{width:80vw;border:0;}
.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;}
.app-images{margin:2vw auto 5vw auto;width:60vw;}
.app-images img{width:60vw;border:0;}
.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{box-shadow: 0 0 2px 2px #161b2f, 0 0 1px 7px rgb(62, 87, 106), 0 0 1px 9px #161b2f, 0 0 1px 14px rgba(107, 189, 253, 1);padding:0;}

.language-chooser{width: 140px; margin: auto;}
.for-language-en, .for-language-de, .for-language-es, .for-language-fr, .for-language-ru{display: none}
.language-en .for-language-en{display: block}
.language-de .for-language-de{display: block}
.language-es .for-language-es{display: block}
.language-fr .for-language-fr{display: block}
.language-ru .for-language-ru{display: block}

.language-en .highlight-language-en{color:rgba(228, 127, 30, 1.00)}
.language-de .highlight-language-de{color:rgba(228, 127, 30, 1.00)}
.language-es .highlight-language-es{color:rgba(228, 127, 30, 1.00)}
.language-fr .highlight-language-fr{color:rgba(228, 127, 30, 1.00)}
.language-ru .highlight-language-ru{color:rgba(228, 127, 30, 1.00)}

a, a:visited, a:active, a:link {text-decoration: none; color:rgb(116, 134, 143)}
a:hover {text-decoration: none; color:rgb(62, 87, 106)}
.content{font-size:3.6vw;font-weight:200;margin:10px 10vw;text-align:center;line-height:6vw;}
.important{color:rgba(228, 127, 30, 1.00);font-weight: 600;}
h1, h2, h3{letter-spacing:4px;text-align:center;margin-bottom:30px;}
h1{margin-top:20px;line-height:1;}
h1,h1 .part1,h1 .part2{font-size:10vw;font-weight:700;color: rgb(62, 87, 106);}
h2{font-size:3.5vw;font-weight:400;margin-bottom:20px;margin-top:25px;color: rgb(62, 87, 106);}
h3{font-size:5vw;font-weight:400;margin-bottom:10px;margin-top:15px;color: rgb(62, 87, 106);}
h4{font-size:4vw;font-weight:400;margin-bottom:10px;margin-top:15px;color: rgb(62, 87, 106);}
.sub-header{color: rgb(116, 134, 143);font-weight: 400;font-size: 55%;}

ul {
/*  list-style-type: none;*/
  margin: 0;
  padding: 0;
}

li {
  color: rgb(62, 87, 106);
  text-align:left;
  font-size:18px;
  list-style-type: none;
}

.label {
  text-align:left;
}


@media screen and (min-width: 800px) {
	.content{font-size:24px;width:800px;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;}
	.MandalaCalendar,.MandalaCalendar img{width:600px;}
	.appstore{width:240px;margin:0 auto;}
	.appstore img{width:240px;}
	.logo, .logo img{width:500px;}
	.app-images, .app-images img{width:350px;}
	.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:10vh;
}

.appImages {
	margin-bottom: 100px;
}
	
.slides-en, .slides-de, .slides-fr, .slides-es, .slides-ru {
	display: none;
	width: 100%;
}

.images-en, .images-de, .images-fr, .images-es, .images-ru {
	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 }
}