*{box-sizing:border-box;}
body{font-family:bariol_regularregular, sans-serif;font-size:18px;}
h1,
h2,
h3{font-family:bariol_lightlight, sans-serif;text-transform:uppercase;}
h1{font-size:50px;margin:0;}
.intro-txt h1{font-size:40px;}
h2{font-size:40px;}
.container{transition:padding .5s ease;}
.promotion-header{background:#fff;background:#fff url(../img/layout/essen_header.jpg) no-repeat top right;background-size:contain;position:fixed;top:0;left:0;width:100%;box-shadow:0 2px 10px rgba(0,0,0, .5);transition:top .5s ease;z-index:50;}
.promotion-header.hidden{top:-100%;}
.promotion-header a{line-height:inherit;color:inherit;display:block;padding:25px 40px;}
.promotion-header a:hover p{margin-left:30px;}
.promotion-header h3{color:#4759a3;font-size:35px;font-family:bariol_regularregular, sans-serif;display:inline-block;float:left;margin:0;margin-right:20px;line-height:1;}
.promotion-header h3 span{font-family:bariol_lightlight, sans-serif;}
.promotion-header p{font-size:35px;font-family:bariol_lightlight, sans-serif;text-align:left;display:inline-block;float:left;margin:0;line-height:1;transition:margin .5s ease;}
.promotion-bar{position:absolute;right:50px;top:450px;z-index:20;opacity:1;transition:opacity .5s ease;}
.promotion-bar a{line-height:inherit;color:inherit;display:block;padding:20px 40px;border-radius:10px;}
.promotion-bar a:hover{background:#4759a3;}
.promotion-bar a:hover h3,
.promotion-bar a:hover p{color:#fff;}
.promotion-bar h3{color:#4759a3;font-size:30px;font-family:bariol_regularregular, sans-serif;display:inline-block;text-align:right;float:right;margin:0;line-height:1;transition:color .5s ease;}
.promotion-bar h3 span{display:block;font-size:20px;font-family:bariol_lightlight, sans-serif;}
.promotion-bar p{display:block;font-size:20px;font-family:bariol_regularregular, sans-serif;text-align:right;clear:both;margin:0;padding-top:10px;transition:color .5s ease;}
.inner{max-width:960px;padding:40px;margin:0 auto;}
.social-bar h3{font-family:bariol_regularregular, sans-serif;font-size:18px;text-transform:lowercase;}
p,
a{letter-spacing:.02em;line-height:1.4;}
a{text-decoration:none;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
img{vertical-align:middle;}
.social-bar{position:fixed;top:33.33%;right:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);background:#4759a3;padding:10px 35px 5px 15px;border-radius:5px 0 0 5px;color:#fff;text-align:center;z-index:20;}
.social-bar h3{margin:0;padding:0;}
.social-bar ul{list-style:none;margin:0;padding:0;display:inline-block;}
.social-bar li{float:left;padding:5px 3px;}
.social-bar a{display:block;width:30px;height:30px;}
.big-image{min-height:125vh;background:#fff url(../img/layout/wonew-essen.jpg) no-repeat;background-size:700px;background-position:right top;position:relative;}
.intro{min-height:100vh;position:relative;padding:0 35px;padding-bottom:160px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.intro section{-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);position:absolute;top:50%;left:35px;}
.main-header{padding:40px 5px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.logo{display:block;max-width:250px;}
.logo img{width:100%;height:auto;}
.intro-txt{width:40%;padding:5px;}
.get-app{width:300px;}
.get-app ul{list-style:none;margin:0;padding:0;}
.get-app li{float:left;width:100%;padding:5px;}
.get-app .appstore,
.get-app .googleplay{width:50%;}
.get-app a{display:block;padding:5px;background-color:#f5595a;border-radius:5px;color:#fff;font-size:18px;line-height:1.2;}
.get-app a span{display:block;font-size:13px;}
.get-app a:hover{background:#4759a3;}
.get-app .appstore a,
.get-app .googleplay a,
.get-app .desktop a{padding-left:40px;background-repeat:no-repeat;background-position-y:center;background-position-x:5px;}
.get-app .appstore a{background-image:url(../img/layout/appstore.png);}
.get-app .googleplay a{background-image:url(../img/layout/googleplay.png);}
.get-app .desktop a{background-image:url(../img/layout/desktop.png);}
.more{position:absolute;width:100%;bottom:0;left:0;text-align:center;padding:0 20px 0px 20px;}
.more a{display:inline-block;width:140px;height:100px;color:#222;text-transform:uppercase;}
.more a img{width:50px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.more a:hover img{padding-top:20px;}
.app-info{min-height:600px;max-width:1000px;padding:40px;margin:0 auto;}
.app-info section{position:relative;}
.smartphone{position:absolute;top:0px;left:0;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.animate{top:-260px;opacity:1;}
.slider{background:#444;width:248px;height:446px;position:absolute;top:115px;left:55px;}
.app-info .app-info-txt,
.app-info .app-feedback{padding-left:380px;-webkit-transition:padding-left 0.5s ease;transition:padding-left 0.5s ease;}
.avatar{width:120px;height:120px;display:inline-block;border-radius:50%;background:#4759a3;border:5px solid #4759a3;overflow:hidden;float:left;}
.avatar img{width:100%;height:auto;}
.app-feedback{padding-top:20px;}
.app-feedback blockquote{padding:5px 0 5px 0;margin:0 0 0 140px;}
.app-feedback blockquote p{margin:0;font-family:bariolregular_italic, sans-serif;}
.app-feedback blockquote cite{color:#999;display:block;margin-top:5px;font-style:normal;}
.responsive-video{position:relative;padding-bottom:56.25%;padding-top:0px;height:0;overflow:hidden;}
.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.wishes header,
.impressions header{max-width:1000px;margin:0 auto;padding:40px;text-align:center;}
.wishes header h2,
.impressions header h2{margin:0;}
.wishes header img{margin-top:40px;max-width:456px;width:100%;height:auto;}
.gallery{padding-bottom:200px;}
.wishes .gallery,
.impressions .gallery{overflow:hidden;padding:20px 0;}
.wishes ul,
.impressions ul{list-style:none;margin:0 -5px 0 -5px;padding:0;}
.wishes ul li,
.impressions ul li{float:left;padding:5px;width:25%;}
.impressions ul li{width:33.33%;}
.wishes ul article,
.impressions ul article{overflow:hidden;}
.wishes ul img,
.impressions ul img{width:100%;height:auto;-webkit-transition:all 1s ease;transition:all 1s ease;}
.wishes ul article:hover img,
.impressions ul article:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.feeds{max-width:1000px;margin:0 auto;padding:20px 20px 80px 20px;}
.feeds header{text-align:center;margin-bottom:40px;}
.feeds h2{margin:0;}
.feeds ul{list-style:none;margin:0;padding:0;}
.feeds ul li{padding:5px;}
.feeds ul blockquote{display:block;width:100%;margin:0;padding:10px;overflow:hidden;}
.feeds ul p{margin:0;padding:0;font-family:bariolregular_italic;}
.feeds ul cite{display:block;padding-top:5px;font-style:normal;font-family:bariol_lightlight;color:#fff;}
.color-green{background:#d5d800;}
.color-red{background:#f05146;}
.color-yellow{background:#eaca13;}
.color-aqua{background:#32baa0;}
.color-pink{background:#f5595a;}
#grid[data-columns]::before{content:'3 .column.size-1of3';}
.column{float:left;}
.size-1of1{width:100%;}
.size-1of2{width:50%;}
.size-1of3{width:33.333%;}
.main-footer{background:#4759a3;text-align:center;padding:20px 40px;}
.main-footer ul{list-style:none;margin:0;padding:0;display:inline-block;}
.main-footer ul li{float:left;}
.main-footer ul a{color:#fff;padding:10px 20px;}
.main-footer ul a:hover{color:#222;}
.nobreak{white-space:nowrap;}
.cf:before,
.cf:after{display:table;content:'';}
.cf:after{clear:both;}
.cf{*zoom:1;}
@media screen and (max-height:640px) and (max-width:640px){}
@media screen and (max-height:640px){.main-header{padding:20px 5px;}
.main-header h1{margin:10px 0;}
.intro section{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);position:static;top:0;left:0;}
.intro-txt{width:70%;}
}
@media screen and (max-width:1280px){.social-bar{position:static;border-radius:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}
.promotion-header h3{font-size:25px;}
.promotion-header p{display:block;font-size:25px;}
}
@media screen and (max-width:1000px){.intro{background:rgba(255, 255, 255, 0.75);}
.intro-txt{width:80%;}
.wishes ul li{width:33.33%;}
.impressions ul li{width:50%;}
.smartphone,
.animate{top:-60px;}
.app-feedback blockquote{margin:0;}
.avatar{margin:0 10px 5px 0;width:75px;height:75px;}
.promotion-header,
.promotion-header.hidden{top:0;}
.promotion-bar{opacity:0;}
.container{padding-top:75px;}
.promotion-header a{padding:10px 40px;}
.promotion-header h3{font-size:20px;}
.promotion-header p{font-size:20px;}
.promotion-header a:hover p{margin:0;}
}
@media screen and (max-width:720px){.main-header{padding:20px 5px;}
.main-header h1{margin:10px 0;}
.intro section{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);position:static;top:0;left:0;}
.intro-txt{width:100%;}
.wishes ul li{width:50%;}
.smartphone,
.animate{top:-60px;left:-100%;}
.app-info .app-info-txt,
.app-info .app-feedback{padding-left:0px;}
}
@media screen and (max-width:640px){h1{font-size:40px;}
h2{font-size:26px;}
.smartphone{display:none;}
#grid[data-columns]::before{content:'2 .column.size-1of2';}
.get-app,
.get-app .appstore,
.get-app .googleplay{width:100%;}
.promotion-header h3{font-size:18px;}
.promotion-header p{font-size:18px;}
}
@media screen and (max-width:480px){.wishes ul li,
.impressions ul li{width:100%;}
#grid[data-columns]::before{content:'1 .column.size-1of1';}
.promotion-header{background:#fff;}
}