* { box-sizing:border-box;text-decoration:none; }
body { font-size:1.4em;font-family:sans-serif;color:#ffefaf;background-color:#818bc9;width:960px;max-width:100%;text-align:center;font-weight:lighter; }
html, body, header, main, section, ul, p { width:100%;margin:0 auto;padding:0;border:0; }
section, ul { padding-bottom: 1vw;}
header, section { width:90%; }
main { background: url(assets/background.jpg) no-repeat bottom /100%; padding-bottom:80vw; }
h1 { display:none; } 
h2, q { font-size:1.8em;font-weight:lighter;text-shadow:-1px 1px #566387; }
cite { display:block;font-size:1.4em;font-style:normal;color:#566387;margin:10px 0px 50px 0px; }
a, a:visited { color:#596488;text-decoration:none;transition:all 0.2s ease-out; } 
a:hover { color:#ffefaf; }
ul { list-style-type:none; }
li { margin-bottom:1vw; }
img { max-width:100%; }
#trailer {display:block;position:relative;margin-bottom:1vw;padding-bottom:56.25%;height:0; }
#trailer video { position:absolute;top:0;left:0;width:100%;height:100%;border:none; }
#storeLinks li { text-align:left;display:inline-block;width:100%; }
#storeLinks a, #links a { display:block;width:100%;padding:30px;color:white;background-color:#1c1d29;background-repeat:no-repeat;background-size:60px 60%;background-position:15px; }
#storeLinks a:hover, #links a:hover { background-color:#59658d; }
#storeLinks a.android { background-image:url(assets/platforms/logo_android.svg); }
#storeLinks a.apple { background-image:url(assets/platforms/logo_apple.svg); }
#storeLinks a.itch { background-image:url(assets/platforms/logo_itch.svg); }
#storeLinks a.humble { background-image:url(assets/platforms/logo_humble.svg); }
#storeLinks a.playstation { background-image:url(assets/platforms/logo_playstation.svg); }
#storeLinks a.steam { background-image:url(assets/platforms/logo_steam.svg); }
#storeLinks a.switch { background-image:url(assets/platforms/logo_switch.svg); }
#storeLinks a.xbox { background-image:url(assets/platforms/logo_xbox.svg); }
#storeLinks a span { margin-left:80px;font-size:1.1em; }
#images img { width:100%; }
#awards li { display:inline-block;width:380px;height:120px;overflow:hidden;margin-bottom:2vw;padding-top:30px;background:url('assets/laurels.png') no-repeat center;background-size:contain;font-size:1.1em;font-weight:normal; }
#awards sub { font-size:0.8em;line-height:0.1;color:#566387;font-weight:normal; }
footer { color: #59658d;background-color: #1c1d29;}
#credits a { display:block;width:300px;height:250px;padding-top:300px;margin:0 auto;margin-top:20px;margin-bottom:40px;background:no-repeat center center;opacity:0.4;font-size:0.7em;}
#credits a:hover { opacity: 1.0; transform: scale3d(1); }
#credits a.brokenRules { background-image:url(assets/credits/logo_brokenRules.svg) }
#credits a.salonAlpin { background-image:url(assets/credits/logo_salon_alpin.svg) }
#credits a.scntfc { background-image:url(assets/credits/logo_scntfc.svg);height:100px;padding-top:90px; }
#credits a.indieFund { background-image:url(assets/credits/logo_indieFund.svg);height:200px;padding-top:220px; }
#credits a.wirtschaftsAgentur { background-image:url(assets/credits/logo_wirtschaftsagentur.svg) }
#ratings a { display:block;width:160px;height:160px;padding-top:200px;margin:0 auto;margin-top:10px;margin-bottom:40px;background:no-repeat center center;opacity:0.4;font-size:0.7em;}
#ratings a.pegi { background-image:url(assets/ratings/logo_PEGI.svg) }
#ratings a.cero { background-image:url(assets/ratings/logo_CERO.svg) }
#ratings a.usk { background-image:url(assets/ratings/logo_USK.svg) }
#ratings a.esrb { background-image:url(assets/ratings/logo_ESRB.svg) }
@media (min-width: 800px) {
#storeLinks li, #images img { width:49%; }
#ratings li { display:inline-block; }
#ratings a {height:100px;padding-top:100px;}
}