@charset "UTF-8";
/*!
 * Name: Playzo - Fussball Cup
 * Copyright: 2021 Playzo GmbH
 * Author: Hive Knights UG (haftungsbeschraenkt)
 * Version: 1.0.1
 */
/*
 * FONTS
 */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem8YaGs126MiZpBA-UFVp0bbck.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem8YaGs126MiZpBA-UFWp0bbck.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem8YaGs126MiZpBA-UFW50bbck.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("static/fonts/opensans/mem8YaGs126MiZpBA-UFVZ0b.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("static/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
 * PARTNER CONFIG 
 */
body.campaign-84, body.campaign-87 {
  /* Ströer t-online.de */
  top: 54px;
  position: relative;
  background-image: url("static/images/landing/headline.png"), url("static/images/landing/bg.jpg");
  background-position: center 72px, center 0;
  background-repeat: no-repeat, no-repeat;
}

body.campaign-84 #partner-header, body.campaign-87 #partner-header {
  position: absolute;
  top: -54px;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  min-width: 320px;
  height: 54px;
  background-image: url("static/images/merchants/t-online/TON_cobranding_presented.svg");
  background-repeat: no-repeat;
  background-position: 15px;
  background-color: #fff;
  background-size: auto 24.3px;
  outline: none;
  z-index: 100;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body.campaign-84 #partner-header a, body.campaign-87 #partner-header a {
  float: right;
  margin: 6px 10px;
  color: #5e5b5b;
  font-size: 13px;
  font-weight: 700;
  line-height: 42px;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
}

p,
div,
input,
textarea {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
}

a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

a:hover {
  color: #9c9c9c;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

a:focus {
  outline: none;
}

body {
  -webkit-transition-property: font-size;
  transition-property: font-size;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  overflow-x: hidden;
}

header,
section,
footer {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  *zoom: 1;
}

.container {
  position: relative;
  overflow: hidden;
  *zoom: 1;
}

.container h2 {
  font-style: italic;
  font-weight: normal;
}

.button {
  border: none;
  font-weight: bold;
  background-image: url("static/images/landing/button-background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 200%;
  background-position: center top;
  background-color: #c31e1d;
  color: #ffffff;
  cursor: pointer;
}

.button:hover {
  color: #ffffff;
  background-position: center bottom;
}

.button-register-now {
  position: absolute;
  text-align: center;
}

.top-bar {
  position: absolute;
  z-index: 1;
}

.top-bar .top-bar-level-1 {
  background-color: #070c14;
}

.top-bar .top-bar-level-1 .form-login {
  display: block;
  overflow: hidden;
  *zoom: 1;
}

.top-bar .top-bar-level-1 .form-login .input {
  border: none;
  background-color: #e3e3e3;
  color: #565656;
}

.top-bar .top-bar-level-1 .form-login .button {
  border: none;
}

.top-bar .top-bar-level-1 #login-notification {
  display: block;
  overflow: hidden;
  *zoom: 1;
  text-align: left;
}

.top-bar .top-bar-level-1 .logo-playzo {
  display: inline-block;
  background-image: url("static/svg/logo-playzo.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: #9c9c9c;
}

.top-bar .top-bar-level-1 .logo-playzo:hover {
  color: #ffffff;
}

.top-bar .top-bar-level-1 .lanauge-switcher {
  display: inline-block;
  overflow: hidden;
  *zoom: 1;
  list-style: none;
}

.top-bar .top-bar-level-1 .lanauge-switcher li {
  float: left;
  margin: 0.2vw;
}

.top-bar .top-bar-level-1 .lanauge-switcher li a {
  border: solid 1px transparent;
}

.top-bar .top-bar-level-1 .lanauge-switcher li a.selected {
  border: solid 1px #ffe100;
}

.top-bar .top-bar-level-2 {
  background-color: #1a202c;
}

.top-bar .top-bar-level-2 .account-management,
.top-bar .top-bar-level-2 .nav-links {
  list-style: none;
  display: inline-block;
  overflow: hidden;
  *zoom: 1;
}

.top-bar .top-bar-level-2 .account-management li a,
.top-bar .top-bar-level-2 .nav-links li a {
  color: #9c9c9c;
}

.top-bar .top-bar-level-2 .account-management li a:hover,
.top-bar .top-bar-level-2 .nav-links li a:hover {
  color: #ffffff;
}

#flashContainer {
  display: block;
  background-color: #c31e1d;
  color: #ffffff;
}

#flashContainer h3 {
  color: #ffffff;
  text-transform: uppercase;
}

#flashContainer #flashMessages p {
  color: #ffffff;
}

.introduction {
  position: relative;
  background-size: cover;
  background-color: #070c14;
  background-repeat: no-repeat;
}

.introduction::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 60%;
  height: 40%;
  border-radius: 50%;
  background-color: white;
  -webkit-filter: blur(5rem);
  -moz-filter: blur(5rem);
  filter: blur(5rem);
}

.introduction .gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 10vw;
  background: #152a3f;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#152a3f));
  background: linear-gradient(180deg, transparent 0%, #152a3f 100%);
}

.introduction .fan-silouette {
  position: absolute;
  background-image: url("static/svg/fan-silouette.svg");
  background-repeat: no-repeat;
}

.introduction .container {
  overflow: visible;
}

.introduction .container .left {
  position: relative;
}

.introduction .container .left h1.logo {
  display: block;
  background-image: url("static/svg/logo-footballcup.svg");
  background-repeat: no-repeat;
  text-indent: -100vw;
  overflow: hidden;
}

.introduction .container .left h1.logo.logo-at {
  background-image: url("static/svg/logo-fussballcup-at.svg");
}

.introduction .container .left h1.logo.logo-de {
  background-image: url("static/svg/logo-fussballcup-de.svg");
}

.introduction .container .left h1.logo.logo-fr {
  background-image: url("static/svg/logo-footcup-fr.svg");
}

.introduction .container .left h1.logo.logo-nl {
  background-image: url("static/svg/logo-footballcup-nl.svg");
}

.introduction .container .left h1.logo.logo-pl {
  background-image: url("static/svg/logo-futbolcup-pl.svg");
}

.introduction .container .left h1.logo.logo-tr {
  background-image: url("static/svg/logo-futbolcup-net.svg");
}

.introduction .container .left h1.logo.logo-uk {
  background-image: url("static/svg/logo-footiecup-co-uk.svg");
}

.introduction .container .left .play {
  display: block;
  background-image: url("static/svg/icon-play.svg");
  background-repeat: no-repeat;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.introduction .container .left .claim {
  position: relative;
  display: block;
}

.introduction .container .left .claim h3 {
  display: block;
  color: #c31e1d;
  font-weight: normal;
  font-style: italic;
}

.introduction .container .left .claim h2 {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.introduction .container .left .claim .arrow-down {
  display: block;
  background-image: url("static/svg/icon-arrow-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.introduction .container .right .register {
  position: relative;
  background-color: rgba(26, 32, 44, 0.9);
  overflow: hidden;
  *zoom: 1;
}

.introduction .container .right .register .validation {
  display: block;
  width: 100%;
  line-height: 1.5vw;
  padding: 0 1vw;
  font-size: 0.9vw;
  margin: -0.3vw 0 0.6vw 0;
  float: left;
  background-color: #c31e1d;
  color: #ffffff;
  overflow: hidden;
  *zoom: 1;
}

.quickformError {
	display: block;
  width: 100%;
  line-height: 1.5vw;
  padding: 0 1vw;
  font-size: 0.9vw;
  margin: -0.3vw 0 0.6vw 0;
  float: left;
  background-color: #c31e1d;
  color: #ffffff;
  overflow: hidden;
  *zoom: 1;
}

.introduction .container .right .register .input-wrap {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.introduction .container .right .register .input-wrap .input-container {
  display: block;
  overflow: hidden;
  *zoom: 1;
}

.introduction .container .right .register .input-wrap .validation {
  display: block;
  width: 100%;
  line-height: 1.5vw;
  padding: 0 1vw;
  font-size: 0.9vw;
  margin: -0.3vw 0 0.6vw 0;
  float: left;
  background-color: #c31e1d;
  color: #ffffff;
}

.introduction .container .right .register .input-wrap .help {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  right: 0.5vw;
  top: 0;
  height: 6vh;
  font-size: 0.6vw;
  color: #9c9c9c;
  width: 30%;
  text-align: right;
}

.introduction .container .right .register .input-wrap .help.rules {
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: auto;
  text-align: left;
  right: auto;
  top: auto;
  -webkit-box-align: none;
      -ms-flex-align: none;
          align-items: none;
  -webkit-box-pack: none;
      -ms-flex-pack: none;
          justify-content: none;
}

.introduction .container .right .register .input-wrap input[type=text],
.introduction .container .right .register .input-wrap input[type=password] {
  border: none;
  color: #555f73;
}

.introduction .container .right .register .input-wrap input[type=checkbox] {
  display: none;
}

.introduction .container .right .register .input-wrap input[type=checkbox] + label {
  position: relative;
  background-image: url("static/images/landing/input-checkbox.png");
  background-size: 100% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 3;
}

.introduction .container .right .register .input-wrap input[type=checkbox]:checked + label {
  background-position: left top;
}

.introduction .container .right .register .input-wrap p {
  display: inline-block;
}

.introduction .container .right .register .input-wrap p a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

.introduction .container .right .register .input-wrap p a:hover {
  color: #dbdbdb;
}

.introduction .container .right .register .button-container-button {
  display: block;
  float: left;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.introduction .container .right .mobile-install {
  position: relative;
  text-align: center;
}

.introduction .container .right .mobile-install p {
  font-style: italic;
}

.introduction .container .right .mobile-install .button-googleplay,
.introduction .container .right .mobile-install .button-appstore {
  display: inline-block;
  background-color: #040507;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  border: solid 1px #a9abad;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.introduction .container .right .mobile-install .button-googleplay:hover,
.introduction .container .right .mobile-install .button-appstore:hover {
  background-color: #131417;
}

.introduction .container .right .mobile-install .button-googleplay {
  background-image: url("static/images/landing/button-googleplay.png");
}

.introduction .container .right .mobile-install .button-appstore {
  background-image: url("static/images/landing/button-appstore.png");
}

.features {
  position: relative;
  background-color: #070c14;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.features .container {
  overflow: visible;
}

.features .container .feature-set {
  overflow: visible;
}

.features .container .feature-set .feature-case h3 {
  color: #c31e1d;
  font-style: italic;
  font-weight: normal;
}

.features .container .feature-set .feature-case .feature-gallery {
  display: block;
  overflow: hidden;
  *zoom: 1;
}

.features .container .feature-set .feature-case .feature-gallery a {
  float: left;
}

.features .container .feature-set .feature-case .feature-gallery a img {
  border: solid 2px #c31e1d;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.features .container .feature-set .feature-case .feature-gallery a:hover img {
  border: solid 2px #9c9c9c;
}

.features .container .feature-set .owl-nav {
  position: absolute;
}

.features .container .feature-set .owl-nav .owl-prev {
  display: none;
}

.features .container .feature-set .owl-nav .owl-next {
  display: block;
  background-image: url("static/svg/icon-arrow-right.svg");
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.gallery {
  position: relative;
  background-color: #070c14;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.gallery .container {
  overflow: visible;
}

.gallery .container .trailer {
  position: relative;
  display: block;
}

.gallery .container .trailer img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.gallery .container .trailer .play {
  display: block;
  background-image: url("static/svg/icon-play.svg");
  background-repeat: no-repeat;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.gallery .container .screenshot-gallery {
  position: relative;
  display: block;
  width: 60%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 1vw 0;
  -webkit-filter: drop-shadow(0 0 3vw #000000);
  -moz-filter: drop-shadow(0 0 3vw #000000);
  filter: drop-shadow(0 0 3vw #000000);
}

.gallery .container .screenshot-gallery a img {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.gallery .container .screenshot-gallery .owl-nav {
  position: absolute;
  display: block;
}

.gallery .container .screenshot-gallery .owl-nav .owl-prev,
.gallery .container .screenshot-gallery .owl-nav .owl-next {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.gallery .container .screenshot-gallery .owl-nav .owl-prev {
  background-image: url("static/svg/icon-arrow-left.svg");
}

.gallery .container .screenshot-gallery .owl-nav .owl-next {
  background-image: url("static/svg/icon-arrow-right.svg");
}

.league {
  position: relative;
  background-color: #070c14;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.league .container {
  overflow: visible;
}

.league .container .started-leagues-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.league .container .started-leagues-set .started-league {
  text-align: center;
}

.league .container .started-leagues-set .started-league h3 {
  color: #ffffff;
}

.league .container .started-leagues-set .started-league p {
  color: #ffffff;
}

.league .container .last-league-stats-set {
  position: relative;
}

.league .container .last-league-stats-set .last-league-stats h3 {
  font-weight: normal;
  font-style: italic;
}

.league .container .last-league-stats-set .last-league-stats table {
  border-collapse: collapse;
}

.league .container .last-league-stats-set .last-league-stats table thead tr th {
  border-bottom: solid 1px #ffffff;
}

.league .container .last-league-stats-set .last-league-stats table tbody tr:nth-child(1) {
  background-color: rgba(18, 255, 0, 0.2);
}

.league .container .last-league-stats-set .last-league-stats table tbody tr:nth-child(2), .league .container .last-league-stats-set .last-league-stats table tbody tr:nth-child(4) {
  background-color: rgba(255, 245, 78, 0.2);
}

.league .container .last-league-stats-set .last-league-stats table tbody tr:nth-child(3), .league .container .last-league-stats-set .last-league-stats table tbody tr:nth-child(5) {
  background-color: rgba(230, 211, 0, 0.2);
}

.league .container .last-league-stats-set .last-league-stats table tbody tr:nth-last-child(1), .league .container .last-league-stats-set .last-league-stats table tbody tr:nth-last-child(3) {
  background-color: rgba(255, 95, 78, 0.2);
}

.league .container .last-league-stats-set .last-league-stats table tbody tr:nth-last-child(2) {
  background-color: rgba(195, 30, 29, 0.2);
}

.league .container .last-league-stats-set .owl-nav {
  position: absolute;
  display: block;
}

.league .container .last-league-stats-set .owl-nav .owl-prev,
.league .container .last-league-stats-set .owl-nav .owl-next {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.league .container .last-league-stats-set .owl-nav .owl-prev {
  background-image: url("static/svg/icon-arrow-left.svg");
}

.league .container .last-league-stats-set .owl-nav .owl-next {
  background-image: url("static/svg/icon-arrow-right.svg");
}

.newspaper {
  position: relative;
  background-color: #070c14;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.newspaper .container {
  overflow: visible;
}

.newspaper .container .newspaper-set {
  -webkit-column-rule-style: solid;
          column-rule-style: solid;
  -webkit-column-rule-width: 0;
          column-rule-width: 0;
  -webkit-column-rule-color: transparent;
          column-rule-color: transparent;
}

.newspaper .container .newspaper-set .newspaper-case {
  overflow: hidden;
  *zoom: 1;
  background-color: rgba(26, 32, 44, 0.9);
  text-align: center;
}

.newspaper .container .newspaper-set .newspaper-case h3 {
  border-bottom: solid 1px #ffffff;
  font-weight: normal;
  font-style: italic;
}

.account {
  position: relative;
  background-size: cover;
  background-color: #070c14;
  background-repeat: no-repeat;
}

.account::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 60%;
  height: 40%;
  border-radius: 50%;
  background-color: white;
  -webkit-filter: blur(5rem);
  -moz-filter: blur(5rem);
  filter: blur(5rem);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.account .gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 10vw;
  background: #152a3f;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#152a3f));
  background: linear-gradient(180deg, transparent 0%, #152a3f 100%);
}

.account .fan-silouette {
  position: absolute;
  background-image: url("static/svg/fan-silouette.svg");
  background-repeat: no-repeat;
}

.account .container {
  overflow: visible;
}

.account .container h1.logo {
  display: block;
  background-image: url("static/svg/logo-footballcup.svg");
  background-repeat: no-repeat;
  text-indent: -100vw;
  overflow: hidden;
}

.account .container h1.logo.logo-at {
  background-image: url("static/svg/logo-fussballcup-at.svg");
}

.account .container h1.logo.logo-de {
  background-image: url("static/svg/logo-fussballcup-de.svg");
}

.account .container h1.logo.logo-fr {
  background-image: url("static/svg/logo-footcup-fr.svg");
}

.account .container h1.logo.logo-nl {
  background-image: url("static/svg/logo-footballcup-nl.svg");
}

.account .container h1.logo.logo-pl {
  background-image: url("static/svg/logo-futbolcup-pl.svg");
}

.account .container h1.logo.logo-tr {
  background-image: url("static/svg/logo-futbolcup-net.svg");
}

.account .container h1.logo.logo-uk {
  background-image: url("static/svg/logo-footiecup-co-uk.svg");
}

.account .container .center .box {
  position: relative;
  background-color: rgba(26, 32, 44, 0.9);
}

.account .container .center .box input.LoginDefault,
.account .container .center .box input[type=text],
.account .container .center .box input[type=password] {
  border: none;
  color: #070c14;
}

.account .container .center .box input[name=captcha] {
  float: left;
}

.account .container .center .box .validation {
  display: block;
  width: 100%;
  line-height: 1.5vw;
  padding: 0 1vw;
  font-size: 0.9vw;
  margin: -0.3vw 0 0.6vw 0;
  float: left;
  background-color: #c31e1d;
  color: #ffffff;
}

.account .container .center .box fieldset {
  border: none;
  margin: 0.2vw 0 0 0;
}

.account .container .center .box fieldset label {
  display: block;
  width: 100%;
}

.account .container .center .box fieldset .input-container {
  display: block;
  width: 100%;
}

.account .container .center .box .input-wrap {
  position: relative;
  overflow: hidden;
  *zoom: 1;
}

.account .container .center .box .input-wrap .input-container {
  display: block;
  overflow: hidden;
  *zoom: 1;
}

.account .container .center .box .input-wrap .validation {
  display: block;
  width: 100%;
  line-height: 1.5vw;
  padding: 0 1vw;
  font-size: 0.9vw;
  margin: 0.4vw 0 0 0;
  float: left;
  background-color: #c31e1d;
  color: #ffffff;
}

.account .container .center .box .input-wrap .help {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  right: 0.5vw;
  top: 0;
  height: 6vh;
  font-size: 0.6vw;
  color: #9c9c9c;
  width: 30%;
  text-align: right;
}

.account .container .center .box .input-wrap .help.rules {
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: auto;
  text-align: left;
  right: auto;
  top: auto;
  -webkit-box-align: none;
      -ms-flex-align: none;
          align-items: none;
  -webkit-box-pack: none;
      -ms-flex-pack: none;
          justify-content: none;
}

.account .container .center .box .input-wrap input[type=text],
.account .container .center .box .input-wrap input[type=password] {
  border: none;
  color: #555f73;
}

.account .container .center .box .input-wrap input[type=checkbox] {
  display: none;
}

.account .container .center .box .input-wrap input[type=checkbox] + label {
  position: relative;
  background-image: url("static/images/landing/input-checkbox.png");
  background-size: 100% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 3;
}

.account .container .center .box .input-wrap input[type=checkbox]:checked + label {
  background-position: left top;
}

.account .container .center .box .input-wrap p {
  display: inline-block;
}

.account .container .center .box .input-wrap p a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

.account .container .center .box .input-wrap p a:hover {
  color: #dbdbdb;
}

.account .container .center .box .button-container-button {
  display: block;
  width: 100%;
}

.account .container .center .mobile-install {
  position: relative;
  text-align: center;
}

.account .container .center .mobile-install p {
  font-style: italic;
}

.account .container .center .mobile-install .button-googleplay,
.account .container .center .mobile-install .button-appstore {
  display: inline-block;
  background-color: #040507;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  border: solid 1px #a9abad;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.account .container .center .mobile-install .button-googleplay:hover,
.account .container .center .mobile-install .button-appstore:hover {
  background-color: #131417;
}

.account .container .center .mobile-install .button-googleplay {
  background-image: url("static/images/landing/button-googleplay.png");
}

.account .container .center .mobile-install .button-appstore {
  background-image: url("static/images/landing/button-appstore.png");
}

.footer {
  position: relative;
  background-color: #e1e8f3;
}

.footer .container .left .logo-set a.logo {
  display: inline-block;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -100vw;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.footer .container .left .logo-set a.logo.playzo {
  background-image: url("static/svg/logo-playzo.svg");
}

.footer .container .left .logo-set a.logo.fussballcup.de {
  background-image: url("static/svg/logo-fussballcup-de.svg");
}

.footer .container .left .logo-set a.logo.gamearea {
  background-image: url("static/images/landing/logo-gamearea.png");
}

.footer .container .left .logo-set a.logo:hover {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.footer .container .left p {
  color: #1a202c;
}

.footer .container .right .link-set {
  display: block;
}

.footer .container .right .link-set a {
  display: block;
  color: #1a202c;
}

.footer .container .right .link-set a:hover {
  color: #070c14;
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
  background-color: rgba(26, 32, 44, 0.9);
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content h2 {
  border-bottom: solid 1px #ffffff;
  font-weight: normal;
  font-style: italic;
}

@media only screen and (max-width: 839px) and (orientation: portrait) {
  body {
    font-size: 100%;
    font-size: 1.2vw;
  }
  section {
    width: 100vw;
  }
  .container {
    margin: 0 8%;
    width: 84%;
    text-align: left;
  }
  .container h2 {
    width: 100%;
    margin: 12vw 0 1.2vw 0;
    font-size: 6vw;
    text-shadow: 0 0 1vw #000000;
  }
  .button {
    font-size: 3.2vw;
    text-shadow: 0 2px 0 #000000;
  }
  .button-register-now {
    left: 50%;
    bottom: 5vw;
    width: 100%;
    height: 9vw;
    line-height: 9vw;
    -webkit-box-shadow: 0 0 3vw 0.5vw #000000;
    box-shadow: 0 0 3vw 0.5vw #000000;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .top-bar {
    left: 0;
    top: 0;
    width: 100%;
  }
  .top-bar .top-bar-level-1 {
    min-height: 9.5vw;
  }
  .top-bar .top-bar-level-1 .form-login {
    float: left;
    width: 75%;
    padding: 1.5vw 0;
  }
  .top-bar .top-bar-level-1 .form-login .input {
    float: left;
    height: 6.5vw;
    margin-right: 1vw;
    width: 20vw;
    padding: 0 2vw;
    font-size: 2.3vw;
  }
  .top-bar .top-bar-level-1 .form-login .button {
    float: left;
    height: 6.5vw;
    width: 14vw;
    font-size: 2.3vw;
  }
  .top-bar .top-bar-level-1 #login-notification {
    float: left;
    width: auto;
    padding: 0 0.5vw;
    color: #9c9c9c;
    font-size: 2.4vw;
  }
  .top-bar .top-bar-level-1 .button.playnow {
    margin: 0.5vw 0;
    float: left;
    width: 50%;
    font-size: 2.3vw;
    height: 8.5vw;
    line-height: 8.5vw;
    text-align: center;
  }
  .top-bar .top-bar-level-1 .logo-playzo {
    display: none;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher {
    float: right;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li {
    float: left;
    margin: 0.2vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a {
    line-height: 9.5vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a img {
    width: auto;
    height: 1.4vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li:last-child {
    margin-right: 0;
  }
  .top-bar .top-bar-level-2 {
    height: 6vw;
  }
  .top-bar .top-bar-level-2 .account-management li,
  .top-bar .top-bar-level-2 .nav-links li {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management li a,
  .top-bar .top-bar-level-2 .nav-links li a {
    line-height: 6vw;
    font-size: 2.6vw;
  }
  .top-bar .top-bar-level-2 .account-management {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management a {
    margin-right: 1.5vw;
  }
  .top-bar .top-bar-level-2 .nav-links {
    float: right;
  }
  .top-bar .top-bar-level-2 .nav-links a {
    margin-left: 1.5vw;
  }
  #flashContainer {
    position: absolute;
    left: 0;
    top: 15.5vw;
    width: 100%;
    padding: 1vw 8%;
    z-index: 2;
  }
  #flashContainer h3 {
    color: #ffffff;
    text-transform: uppercase;
  }
  #flashContainer #flashMessages p {
    color: #ffffff;
  }
  .introduction {
    width: 100%;
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/portrait/background-introduction.jpg");
  }
  .introduction::before {
    left: -4vw;
    width: 100%;
    height: 54vw;
    -webkit-filter: blur(3rem);
    -moz-filter: blur(3rem);
    filter: blur(3rem);
  }
  .introduction .gradient {
    width: 100%;
    height: 40vh;
  }
  .introduction .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 30vh;
    background-position: right bottom;
    background-size: auto 100%;
  }
  .introduction .container .left {
    float: left;
    width: 100%;
    min-height: 100vh;
    text-align: center;
  }
  .introduction .container .left h1.logo {
    width: 84vw;
    height: 23vw;
    margin: 21vw 0 0 0;
    background-size: contain;
    background-position: center;
  }
  .introduction .container .left .play {
    position: absolute;
    left: 50%;
    top: 55%;
    width: 12vw;
    height: 12vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .introduction .container .left .play:hover {
    background-size: auto 90%;
  }
  .introduction .container .left .claim {
    position: absolute;
    left: 0;
    bottom: 5vh;
    width: 100%;
  }
  .introduction .container .left .claim h3 {
    width: 100%;
    text-align: center;
    font-size: 5.6vw;
  }
  .introduction .container .left .claim h3::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim h2 {
    margin: 0;
    font-size: 6.4vw;
  }
  .introduction .container .left .claim h2::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim .arrow-down {
    width: 100%;
    height: 6vw;
    margin: 2vw 0 0 0;
  }
  .introduction .container .left .claim .arrow-down:hover {
    margin: 1.5vw 0 0.5vw 0;
  }
  .introduction .container .right {
    float: left;
    width: 100%;
    min-height: 100vh;
  }
  .introduction .container .right .register {
    margin-top: 15vw;
    padding: 3vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .introduction .container .right .register .validation {
    line-height: 4.5vw;
    padding: 0 3vw;
    font-size: 2.4vw;
    margin: -0.7vw 0 1.7vw 0;
  }
  .quickformError {
	line-height: 4.5vw;
    padding: 0 3vw;
    font-size: 2.4vw;
    margin: -0.7vw 0 1.7vw 0;
  }
  .introduction .container .right .register .input-wrap {
    margin: 0 0 1.3vh 0;
  }
  .introduction .container .right .register .input-wrap input[type=text],
  .introduction .container .right .register .input-wrap input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 3vw;
  }
  .introduction .container .right .register .input-wrap input[type=checkbox] + label {
    float: left;
    width: 36px;
    height: 36px;
  }
  .introduction .container .right .register .input-wrap p {
    font-size: 2vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .introduction .container .right .register .button-container-button .button {
    display: block;
    width: 100%;
    height: 9vw;
    line-height: 9vw;
    padding: 0;
  }
  .introduction .container .right .register .button-container-button .button .button {
    display: block;
    width: 100%;
    height: 9vw;
    line-height: 9vw;
    padding: 0;
    text-align: center;
  }
  .introduction .container .right .mobile-install p {
    margin: 6vw 0  3vw 0;
    font-size: 4vw;
  }
  .introduction .container .right .mobile-install .button-googleplay,
  .introduction .container .right .mobile-install .button-appstore {
    background-size: auto 100%;
    height: 10vw;
    border-radius: 1.5vw;
    margin: 1vw 0.5vw;
  }
  .introduction .container .right .mobile-install .button-googleplay {
    width: 40vw;
  }
  .introduction .container .right .mobile-install .button-appstore {
    width: 35vw;
  }
  .features {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/portrait/background-features.jpg");
  }
  .features .container {
    min-height: 100.1vh;
    padding: 0 0 14vw 0;
  }
  .features .container .feature-set {
    width: 80vw;
  }
  .features .container .feature-set .feature-case {
    margin: 15vw 0 0 0;
    width: 80vw;
  }
  .features .container .feature-set .feature-case h3 {
    font-size: 5.5vw;
    margin: 0 0 2.4vw 0;
  }
  .features .container .feature-set .feature-case p {
    font-size: 3vw;
    line-height: 4.5vw;
    margin: 0 0 2.6vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery {
    padding: 2.2vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery a {
    margin: 0 3vw 3vw 0;
    width: 30vw;
    height: 30vw;
  }
  .features .container .feature-set .feature-case .feature-gallery a img {
    width: 30vw;
    height: 30vw;
    max-width: 30vw;
    max-height: 30vw;
    -webkit-box-shadow: 0 0 2vw 0.4vw #000000;
    box-shadow: 0 0 2vw 0.4vw #000000;
  }
  .features .container .feature-set .owl-nav {
    top: 50%;
    left: 82vw;
    width: 2.9vw;
    height: 5.5vw;
  }
  .features .container .feature-set .owl-nav .owl-next {
    width: 7vw;
    height: 15vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .features .container .feature-set .owl-nav .owl-next:hover {
    margin: 0 0 0 0.5vw;
  }
  .gallery {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/portrait/background-gallery.jpg");
  }
  .gallery .container {
    min-height: 100.1vh;
  }
  .gallery .container .trailer {
    width: 90%;
    height: auto;
    margin: 17vw auto 0 auto;
    -webkit-box-shadow: 0 0 3vw 0 #000000;
    box-shadow: 0 0 3vw 0 #000000;
  }
  .gallery .container .trailer img {
    width: 100%;
    height: 50vw;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .trailer .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12vw;
    height: 12vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .trailer .play:hover {
    background-size: auto 90%;
  }
  .gallery .container .screenshot-gallery {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 4vw auto 0 auto;
    padding: 1vw 0;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .screenshot-gallery a img {
    margin: 0.4vw 0 0 0;
  }
  .gallery .container .screenshot-gallery .owl-nav {
    left: 50%;
    top: 50%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev,
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    top: 50%;
    width: 3.6vw;
    height: 7vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev:hover,
  .gallery .container .screenshot-gallery .owl-nav .owl-next:hover {
    margin: 0;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .league {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/portrait/background-league.jpg");
  }
  .league .container {
    height: auto;
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 14vh;
    margin: 0 2.5%;
    width: 95%;
  }
  .league .container .started-leagues-set {
    float: left;
    width: 100%;
  }
  .league .container .started-leagues-set .started-league {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
            flex: 1 0 40%;
    margin: 1.1vw;
    padding: 0.75vw 0.5vw;
    background-color: rgba(26, 32, 44, 0.9);
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
  }
  .league .container .started-leagues-set .started-league h3 {
    margin: 0 0 0.3vw 0;
  }
  .league .container .started-leagues-set .started-league.top h3 {
    font-size: 3.5vw;
  }
  .league .container .started-leagues-set .started-league.top p {
    font-size: 2.1vw;
  }
  .league .container .started-leagues-set .started-league.second h3 {
    font-size: 2.8vw;
  }
  .league .container .started-leagues-set .started-league.second p {
    font-size: 2.1vw;
  }
  .league .container .last-league-stats-set {
    margin: 2vw 0 0 5vw;
    width: 87%;
    float: left;
  }
  .league .container .last-league-stats-set .last-league-stats h3 {
    text-align: center;
    font-size: 4vw;
    margin: 4vw 0;
  }
  .league .container .last-league-stats-set .last-league-stats table {
    font-size: 2.2vw;
    width: 100%;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th,
  .league .container .last-league-stats-set .last-league-stats table tr td {
    padding: 1.2vw 0.7vw;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(1), .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(2),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(1),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(2) {
    text-align: left;
  }
  .league .container .last-league-stats-set .owl-nav {
    left: 50%;
    top: 55%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev,
  .league .container .last-league-stats-set .owl-nav .owl-next {
    top: 50%;
    width: 3.6vw;
    height: 7vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev:hover,
  .league .container .last-league-stats-set .owl-nav .owl-next:hover {
    margin: 0;
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .league .container .last-league-stats-set .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .newspaper {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/portrait/background-newspaper.jpg");
    background-position: 70% center;
  }
  .newspaper .container {
    min-height: 100.1vh;
    overflow: hidden;
  }
  .newspaper .container .newspaper-set {
    float: left;
    -webkit-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 0;
            column-gap: 0;
    margin: 5vw 0 20vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case {
    width: 100%;
    margin-bottom: 3vw;
    background-color: rgba(26, 32, 44, 0.9);
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
  }
  .newspaper .container .newspaper-set .newspaper-case h3 {
    border-bottom: solid 1px #ffffff;
    font-size: 4.4vw;
    padding: 2vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry {
    padding: 1.5vw 2vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry p {
    font-size: 3.6vw;
    margin: 0 0 2vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .button {
    float: right;
    font-size: 2.4vw;
    padding: 0.6vw 2.2vw;
    margin: 0 2vw 2vw 0;
  }
  .account {
    width: 100%;
    height: 100.1vh;
    background-image: url("static/images/landing/mobile/portrait/background-introduction.jpg");
  }
  .account .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 20vw;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .account .container {
    height: 100%;
  }
  .account .container h1.logo {
    width: 100%;
    height: 15vw;
    margin: 20vw auto 0;
    background-size: contain;
    background-position: center;
  }
  .account .container .center {
    margin: 0 auto;
    width: 100%;
    height: 100%;
  }
  .account .container .center .box {
    margin-top: 4vw;
    padding: 4vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .account .container .center .box input.LoginDefault,
  .account .container .center .box input[type=text],
  .account .container .center .box input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 3vw;
    margin: 2vw 0;
  }
  .account .container .center .box .validation {
    display: block;
    width: 100%;
    line-height: 1.5vw;
    padding: 0 1vw;
    font-size: 0.9vw;
    margin: -0.3vw 0 0.6vw 0;
    float: left;
    background-color: #c31e1d;
    color: #ffffff;
  }
  .account .container .center .box fieldset {
    margin: 0.4vw 0 0 0;
  }
  .account .container .center .box fieldset label {
    font-size: 2.4vw;
  }
  .account .container .center .box h2 {
    margin: 0 0 1.2vw 0;
    font-size: 4.3vw;
  }
  .account .container .center .box p {
    font-size: 3vw;
  }
  .account .container .center .box p.logout {
    margin-top: 1.5vw;
  }
  .account .container .center .box p.goback {
    margin-bottom: 3vw;
  }
  .account .container .center .box .input-wrap {
    margin: 0 0 1.3vh 0;
  }
  .account .container .center .box .input-wrap input[type=text],
  .account .container .center .box .input-wrap input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 3vw;
  }
  .account .container .center .box .input-wrap input[type=checkbox] + label {
    float: left;
    width: 36px;
    height: 36px;
  }
  .account .container .center .box .input-wrap p {
    font-size: 2vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .account .container .center .box .button {
    display: block;
    width: 100%;
    height: 9vw;
    line-height: 9vw;
    padding: 0;
  }
  .account .container .center .box .button .button {
    display: block;
    width: 100%;
    height: 9vw;
    line-height: 9vw;
    padding: 0;
    text-align: center;
  }
  .footer {
    width: 100%;
  }
  .footer .container .left {
    float: left;
    width: 100%;
    text-align: left;
  }
  .footer .container .left .logo-set {
    padding: 4vw 0 1vh 0;
  }
  .footer .container .left .logo-set a.logo {
    height: 7vw;
    background-size: auto 100%;
    background-position: left top;
    margin: 0 1vw 0 0;
  }
  .footer .container .left .logo-set a.logo.playzo {
    width: 25.3vw;
  }
  .footer .container .left .logo-set a.logo.fussballcup {
    width: 25.4vw;
  }
  .footer .container .left .logo-set a.logo.gamearea {
    width: 28.7vw;
  }
  .footer .container .left p {
    font-size: 2.5vw;
    text-align: center;
  }
  .footer .container .right {
    float: left;
    width: 100%;
    text-align: center;
  }
  .footer .container .right .link-set {
    margin: 4vw 0;
    width: auto;
  }
  .footer .container .right .link-set a {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    width: 90vw;
    -webkit-box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content h2 {
    font-size: 4.4vw;
    padding: 0.5vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry {
    padding: 0.5vw 0.7vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry p {
    font-size: 3.6vw;
    margin: 0 0 0.5vw 0;
  }
}

@media only screen and (max-width: 839px) and (orientation: landscape) {
  body {
    font-size: 100%;
    font-size: 1.2vw;
  }
  section {
    width: 100vw;
  }
  .container {
    margin: 0 8%;
    width: 84%;
    text-align: left;
  }
  .container h2 {
    margin: 2.1vw 0 1.2vw 0;
    font-size: 2.6vw;
    text-shadow: 0 0 1vw #000000;
  }
  .button {
    font-size: 1.6vw;
    text-shadow: 0 2px 0 #000000;
  }
  .button-register-now {
    right: 1.5vw;
    bottom: 3.5vw;
    width: 30%;
    height: 4.2vw;
    line-height: 4.2vw;
    -webkit-box-shadow: 0 0 3vw 0.5vw #000000;
    box-shadow: 0 0 3vw 0.5vw #000000;
  }
  .top-bar {
    left: 0;
    top: 0;
    width: 100%;
  }
  .top-bar .top-bar-level-1 {
    height: 3.8vw;
  }
  .top-bar .top-bar-level-1 .form-login {
    float: left;
    width: 50%;
    padding: 0.5vw 0;
  }
  .top-bar .top-bar-level-1 .form-login .input {
    float: left;
    height: 2.8vw;
    margin-right: 0.3vw;
    width: 13vw;
    padding: 0 0.8vw;
    font-size: 1.3vw;
  }
  .top-bar .top-bar-level-1 .form-login .button {
    float: left;
    height: 2.8vw;
    width: 7vw;
    font-size: 1.3vw;
  }
  .top-bar .top-bar-level-1 .button.playnow {
    margin: 0.5vw 0;
    float: left;
    width: 50%;
    font-size: 2.3vw;
    height: 2.8vw;
    line-height: 2.8vw;
    text-align: center;
  }
  .top-bar .top-bar-level-1 .logo-playzo {
    float: right;
    background-position: center 10%;
    background-size: auto 50%;
    height: 3.6vw;
    width: 12%;
    padding: 1.4vw 0 0 0;
    margin: 0.2vw 0 0 0;
    font-size: 0.65vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher {
    float: right;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li {
    float: left;
    margin: 0.2vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a {
    line-height: 3.8vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a img {
    width: auto;
    height: 0.6vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li:last-child {
    margin-right: 0;
  }
  .top-bar .top-bar-level-2 {
    height: 2.4vw;
  }
  .top-bar .top-bar-level-2 .account-management li,
  .top-bar .top-bar-level-2 .nav-links li {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management li a,
  .top-bar .top-bar-level-2 .nav-links li a {
    line-height: 2.4vw;
    font-size: 1.1vw;
  }
  .top-bar .top-bar-level-2 .account-management {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management a {
    margin-right: 1.5vw;
  }
  .top-bar .top-bar-level-2 .nav-links {
    float: right;
  }
  .top-bar .top-bar-level-2 .nav-links a {
    margin-left: 1.5vw;
  }
  .introduction {
    width: 100%;
    height: 100.1vh;
    background-image: url("static/images/landing/mobile/landscape/background-introduction.jpg");
  }
  .introduction::before {
    -webkit-filter: blur(2rem);
    -moz-filter: blur(2rem);
    filter: blur(2rem);
  }
  .introduction .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 20vw;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .introduction .container {
    height: 100%;
  }
  .introduction .container .left {
    float: left;
    width: 67%;
    height: 100%;
    text-align: center;
  }
  .introduction .container .left h1.logo {
    width: 28vw;
    height: 8vw;
    margin: 8.5vw 0 0 7vw;
    background-size: 100% auto;
    background-position: center;
  }
  .introduction .container .left .play {
    position: absolute;
    left: 37.5%;
    top: 50%;
    width: 7vw;
    height: 7vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .introduction .container .left .play:hover {
    background-size: auto 90%;
  }
  .introduction .container .left .claim {
    position: absolute;
    left: 0;
    bottom: 7vh;
    width: 75%;
  }
  .introduction .container .left .claim h3 {
    width: 100%;
    text-align: center;
    font-size: 2.2vw;
  }
  .introduction .container .left .claim h3::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim h2 {
    margin: 0;
    font-size: 3vw;
  }
  .introduction .container .left .claim h2::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim .arrow-down {
    width: 100%;
    height: 3vw;
    margin: 1vw 0 1vw 0;
  }
  .introduction .container .left .claim .arrow-down:hover {
    margin: 1.5vw 0 0.5vw 0;
  }
  .introduction .container .right {
    float: left;
    width: 33%;
    height: 100%;
  }
  .introduction .container .right .register {
    margin-top: 15vw;
    padding: 1.6vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .introduction .container .right .register .input-wrap {
    margin: 0 0 1.7vh 0;
  }
  .introduction .container .right .register .input-wrap input[type=text],
  .introduction .container .right .register .input-wrap input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 1.4vw;
  }
  .introduction .container .right .register .input-wrap input[type=checkbox] + label {
    float: left;
    width: 1.7vw;
    height: 1.7vw;
  }
  .introduction .container .right .register .input-wrap p {
    font-size: 1vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .introduction .container .right .register .button-container-button .button {
    width: 100%;
    height: 4.2vw;
    padding: 0;
  }
  .introduction .container .right .mobile-install p {
    margin: 0.7vw 0 0 0;
    font-size: 1.4vw;
  }
  .introduction .container .right .mobile-install .button-googleplay,
  .introduction .container .right .mobile-install .button-appstore {
    background-size: auto 100%;
    height: 3vw;
    border-radius: 0.5vw;
    margin: 1vw 0.5vw;
  }
  .introduction .container .right .mobile-install .button-googleplay {
    width: 11vw;
  }
  .introduction .container .right .mobile-install .button-appstore {
    width: 10vw;
  }
  .features {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/landscape/background-features.jpg");
  }
  .features .container {
    min-height: 100.1vh;
  }
  .features .container .feature-set {
    width: 50vw;
  }
  .features .container .feature-set .feature-case {
    margin: 4.5vw 0 0 0;
    width: 50vw;
  }
  .features .container .feature-set .feature-case h3 {
    font-size: 1.8vw;
    margin: 0 0 1.2vw 0;
  }
  .features .container .feature-set .feature-case p {
    font-size: 1.3vw;
    line-height: 2.2vw;
    margin: 0 0 0.6vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery {
    padding: 2.2vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery a {
    margin: 0 1.1vw 0 0;
    width: 10.5vw;
    height: 10.5vw;
  }
  .features .container .feature-set .feature-case .feature-gallery a img {
    width: 10.5vw;
    height: 10.5vw;
    max-width: 10.5vw;
    max-height: 10.5vw;
    -webkit-box-shadow: 0 0 2vw 0.4vw #000000;
    box-shadow: 0 0 2vw 0.4vw #000000;
  }
  .features .container .feature-set .owl-nav {
    top: 50%;
    left: 52vw;
    width: 2.9vw;
    height: 5.5vw;
  }
  .features .container .feature-set .owl-nav .owl-next {
    width: 2.9vw;
    height: 5.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .features .container .feature-set .owl-nav .owl-next:hover {
    margin: 0 0 0 0.5vw;
  }
  .gallery {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/landscape/background-gallery.jpg");
  }
  .gallery .container {
    min-height: 100.1vh;
  }
  .gallery .container .trailer {
    width: 60%;
    height: auto;
    margin: 0 auto 0 auto;
    -webkit-box-shadow: 0 0 3vw 0 #000000;
    box-shadow: 0 0 3vw 0 #000000;
  }
  .gallery .container .trailer img {
    width: 100%;
    height: 25vw;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .trailer .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4.2vw;
    height: 4.2vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .trailer .play:hover {
    background-size: auto 90%;
  }
  .gallery .container .screenshot-gallery {
    position: relative;
    display: block;
    width: 60%;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 1vw 0;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .screenshot-gallery a img {
    margin: 0.4vw 0 0 0;
  }
  .gallery .container .screenshot-gallery a:hover img {
    margin: 0 0 0.4vw 0;
  }
  .gallery .container .screenshot-gallery .owl-nav {
    left: 50%;
    top: 50%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev,
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    top: 50%;
    width: 1.8vw;
    height: 3.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev:hover,
  .gallery .container .screenshot-gallery .owl-nav .owl-next:hover {
    margin: 0;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .league {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/landscape/background-league.jpg");
  }
  .league .container {
    min-height: 100.1vh;
  }
  .league .container .started-leagues-set {
    width: 100%;
  }
  .league .container .started-leagues-set .started-league {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
    margin: 0.4vw;
    padding: 0.75vw 0.5vw;
    background-color: rgba(26, 32, 44, 0.9);
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
  }
  .league .container .started-leagues-set .started-league h3 {
    margin: 0 0 0.3vw 0;
  }
  .league .container .started-leagues-set .started-league.top h3 {
    font-size: 1.8vw;
  }
  .league .container .started-leagues-set .started-league.top p {
    font-size: 1.1vw;
  }
  .league .container .started-leagues-set .started-league.second h3 {
    font-size: 1.6vw;
  }
  .league .container .started-leagues-set .started-league.second p {
    font-size: 1vw;
  }
  .league .container .last-league-stats-set {
    margin: 2vw 0 0 5vw;
    width: 59%;
    float: left;
  }
  .league .container .last-league-stats-set .last-league-stats h3 {
    text-align: center;
    font-size: 1.8vw;
    margin: 1.6vw 0;
  }
  .league .container .last-league-stats-set .last-league-stats table {
    font-size: 1.1vw;
    width: 100%;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th,
  .league .container .last-league-stats-set .last-league-stats table tr td {
    padding: 0.09vw 0.5vw;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(1), .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(2),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(1),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(2) {
    text-align: left;
  }
  .league .container .last-league-stats-set .owl-nav {
    left: 50%;
    top: 55%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev,
  .league .container .last-league-stats-set .owl-nav .owl-next {
    top: 50%;
    width: 1.8vw;
    height: 3.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev:hover,
  .league .container .last-league-stats-set .owl-nav .owl-next:hover {
    margin: 0;
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .league .container .last-league-stats-set .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .newspaper {
    min-height: 100.1vh;
    background-image: url("static/images/landing/mobile/landscape/background-newspaper.jpg");
  }
  .newspaper .container {
    min-height: 100.1vh;
  }
  .newspaper .container .newspaper-set {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1vw;
            column-gap: 1vw;
  }
  .newspaper .container .newspaper-set .newspaper-case {
    width: 100%;
    margin-bottom: 1vw;
    background-color: rgba(26, 32, 44, 0.9);
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
  .newspaper .container .newspaper-set .newspaper-case h3 {
    border-bottom: solid 1px #ffffff;
    font-size: 1.8vw;
    padding: 1vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry {
    padding: 0.5vw 1vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry p {
    font-size: 1.4vw;
    margin: 0 0 1vw 0;
    line-height: 1.5vw;
  }
  .newspaper .container .newspaper-set .newspaper-case .button {
    float: right;
    font-size: 1.4vw;
    padding: 0.6vw 1vw;
    margin: 0 1vw 1vw 0;
  }
  .account {
    width: 100%;
    height: 100.1vh;
    background-image: url("static/images/landing/mobile/landscape/background-introduction.jpg");
  }
  .account .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 20vw;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .account .container {
    height: 100%;
  }
  .account .container h1.logo {
    width: 100%;
    height: 8vw;
    margin: 8.5vw auto 0;
    background-size: auto 100%;
    background-position: center;
  }
  .account .container .center {
    margin: 0 auto;
    width: 45%;
    height: 100%;
  }
  .account .container .center .box {
    margin-top: 4vw;
    padding: 1.6vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .account .container .center .box input.LoginDefault,
  .account .container .center .box input[type=text],
  .account .container .center .box input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    margin: 2vw 0;
    font-size: 1.2vw;
  }
  .account .container .center .box h2 {
    margin: 0 0 1.2vw 0;
    font-size: 2vw;
  }
  .account .container .center .box p {
    font-size: 1.2vw;
  }
  .account .container .center .box p.logout {
    margin-top: 0.8vw;
  }
  .account .container .center .box p.goback {
    margin-bottom: 1.3vw;
  }
  .account .container .center .box .input-wrap {
    margin: 0 0 1.7vh 0;
  }
  .account .container .center .box .input-wrap input.input {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 1.2vw;
  }
  .account .container .center .box .input-wrap input[type=checkbox] + label {
    float: left;
    width: 1.7vw;
    height: 1.7vw;
  }
  .account .container .center .box .input-wrap p {
    font-size: 0.9vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .account .container .center .box .button {
    width: 100%;
    height: 4.2vw;
    padding: 0;
  }
  #flashContainer {
    position: absolute;
    left: 0;
    top: 6.2vw;
    width: 100%;
    padding: 2vw 8%;
    z-index: 2;
  }
  #flashContainer h3 {
    font-size: 3vw;
  }
  #flashContainer #flashMessages p {
    font-size: 2.4vw;
  }
  .footer {
    width: 100%;
  }
  .footer .container .left {
    float: left;
    width: 70%;
    text-align: left;
  }
  .footer .container .left .logo-set {
    padding: 3vw 0 1.2vh 0;
  }
  .footer .container .left .logo-set a.logo {
    height: 4vw;
    background-size: auto 100%;
    background-position: left top;
    margin: 0 0.8vw 0 0;
  }
  .footer .container .left .logo-set a.logo.playzo {
    width: 14.4vw;
  }
  .footer .container .left .logo-set a.logo.fussballcup {
    width: 14.9vw;
  }
  .footer .container .left .logo-set a.logo.gamearea {
    width: 16.3vw;
  }
  .footer .container .left p {
    font-size: 1.2vw;
    margin: 0 0 2vw 0;
  }
  .footer .container .right {
    float: left;
    width: 30%;
    text-align: right;
  }
  .footer .container .right .link-set {
    float: right;
    margin: 3vw 0 2vw 0;
    width: auto;
  }
  .footer .container .right .link-set a {
    font-size: 1.2vw;
    line-height: 1.8vw;
    margin: 0 1vw 0 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    width: 70vw;
    -webkit-box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content h2 {
    font-size: 1.9vw;
    padding: 0.7vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry {
    padding: 0.5vw 0.7vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry p {
    font-size: 1.5vw;
    margin: 0 0 0.7vw 0;
  }
}

@media only screen and (min-width: 840px) and (max-width: 1200px) {
  body {
    font-size: 100%;
    font-size: 1.2vw;
  }
  section {
    width: 100vw;
  }
  .container {
    margin: 0 5%;
    width: 90%;
    text-align: left;
  }
  .container h2 {
    margin: 4.1vw 0;
    font-size: 3.6vw;
    text-shadow: 0 0 1vw #000000;
  }
  .button {
    font-size: 1.4vw;
    text-shadow: 0 2px 0 #000000;
  }
  .button-register-now {
    right: 1.5vw;
    bottom: 3.5vw;
    width: 30%;
    height: 4.2vw;
    line-height: 4.2vw;
    -webkit-box-shadow: 0 0 3vw 0.5vw #000000;
    box-shadow: 0 0 3vw 0.5vw #000000;
  }
  .top-bar {
    left: 0;
    top: 0;
    width: 100%;
  }
  .top-bar .top-bar-level-1 {
    height: 3.8vw;
  }
  .top-bar .top-bar-level-1 .form-login {
    float: left;
    width: auto;
    padding: 0.5vw 0;
  }
  .top-bar .top-bar-level-1 .form-login .input {
    float: left;
    height: 2.8vw;
    margin-right: 0.3vw;
    width: 12vw;
    padding: 0 0.8vw;
    font-size: 1.1vw;
  }
  .top-bar .top-bar-level-1 .form-login .button {
    float: left;
    height: 2.8vw;
    width: 6vw;
    font-size: 1.1vw;
  }
  .top-bar .top-bar-level-1 #login-notification {
    float: left;
    width: auto;
    padding: 0 0.5vw;
    color: #9c9c9c;
    font-size: 0.9vw;
    line-height: 3.8vw;
  }
  .top-bar .top-bar-level-1 .button.playnow {
    margin: 0.5vw 0;
    float: left;
    width: 35%;
    font-size: 1.8vw;
    height: 2.8vw;
    line-height: 2.8vw;
    text-align: center;
  }
  .top-bar .top-bar-level-1 .logo-playzo {
    float: right;
    background-position: center 10%;
    background-size: auto 50%;
    height: 3.6vw;
    width: 12%;
    padding: 1.8vw 0 0 0;
    margin: 0.2vw 0 0 0;
    font-size: 0.9vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher {
    float: right;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li {
    float: left;
    margin: 0.2vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a {
    line-height: 3.8vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a img {
    width: auto;
    height: 0.6vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li:last-child {
    margin-right: 0;
  }
  .top-bar .top-bar-level-2 {
    height: 2.4vw;
  }
  .top-bar .top-bar-level-2 .account-management li,
  .top-bar .top-bar-level-2 .nav-links li {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management li a,
  .top-bar .top-bar-level-2 .nav-links li a {
    line-height: 2.4vw;
    font-size: 1vw;
  }
  .top-bar .top-bar-level-2 .account-management {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management a {
    margin-right: 1vw;
  }
  .top-bar .top-bar-level-2 .nav-links {
    float: right;
  }
  .top-bar .top-bar-level-2 .nav-links a {
    margin-left: 1vw;
  }
  #flashContainer {
    position: absolute;
    left: 0;
    top: 6.2vw;
    width: 100%;
    padding: 1vw 5%;
    z-index: 2;
  }
  #flashContainer h3 {
    font-size: 2.4vw;
  }
  #flashContainer #flashMessages p {
    font-size: 1.4vw;
  }
  .introduction {
    width: 100%;
    height: 100.1vh;
    background-image: url("static/images/landing/tablet/background-introduction.jpg");
  }
  .introduction .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 20vw;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .introduction .container {
    height: 100%;
  }
  .introduction .container .left {
    float: left;
    width: 67%;
    height: 100%;
    text-align: center;
  }
  .introduction .container .left h1.logo {
    width: 32vw;
    height: 9vw;
    margin: 11.5vw 0 0 7vw;
    background-size: contain;
    background-position: center;
  }
  .introduction .container .left .play {
    position: absolute;
    left: 37.5%;
    top: 50%;
    width: 7vw;
    height: 7vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .introduction .container .left .play:hover {
    background-size: auto 90%;
  }
  .introduction .container .left .claim {
    position: absolute;
    left: 0;
    bottom: 7vh;
    width: 75%;
  }
  .introduction .container .left .claim h3 {
    width: 100%;
    text-align: center;
    font-size: 3.1vw;
  }
  .introduction .container .left .claim h3::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim h2 {
    margin: 0;
    font-size: 3.4vw;
  }
  .introduction .container .left .claim h2::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim .arrow-down {
    width: 100%;
    height: 3vw;
    margin: 1vw 0 1vw 0;
  }
  .introduction .container .left .claim .arrow-down:hover {
    margin: 1.5vw 0 0.5vw 0;
  }
  .introduction .container .right {
    float: left;
    width: 33%;
    height: 100%;
  }
  .introduction .container .right .register {
    margin-top: 22.5vw;
    padding: 1.6vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .introduction .container .right .register .input-wrap {
    margin: 0 0 1.7vh 0;
  }
  .introduction .container .right .register .input-wrap input.input {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 1.2vw;
  }
  .introduction .container .right .register .input-wrap input[type=checkbox] + label {
    float: left;
    width: 1.7vw;
    height: 1.7vw;
  }
  .introduction .container .right .register .input-wrap p {
    font-size: 0.9vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .introduction .container .right .register .button {
    display: block;
    width: 100%;
    height: 4.2vw;
    padding: 0;
  }
  .introduction .container .right .register .button .button {
    display: block;
    width: 100%;
    height: 4.2vw;
    line-height: 4.2vw;
    padding: 0;
    text-align: center;
  }
  .introduction .container .right .mobile-install p {
    margin: 1.7vw 0 0 0;
    font-size: 1.2vw;
  }
  .introduction .container .right .mobile-install .button-googleplay,
  .introduction .container .right .mobile-install .button-appstore {
    background-size: auto 100%;
    height: 3.5vw;
    border-radius: 0.5vw;
    margin: 1vw 0.5vw;
  }
  .introduction .container .right .mobile-install .button-googleplay {
    width: 13vw;
  }
  .introduction .container .right .mobile-install .button-appstore {
    width: 12vw;
  }
  .features {
    min-height: 100.1vh;
    background-image: url("static/images/landing/tablet/background-features.jpg");
    background-position: right;
  }
  .features .container {
    min-height: 100.1vh;
  }
  .features .container .feature-set {
    width: 55vw;
  }
  .features .container .feature-set .feature-case {
    margin: 6vw 0 0 0;
    width: 55vw;
  }
  .features .container .feature-set .feature-case h3 {
    font-size: 2.8vw;
    margin: 0 0 1.8vw 0;
  }
  .features .container .feature-set .feature-case p {
    font-size: 1.8vw;
    line-height: 2.9vw;
    margin: 0 0 0.9vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery {
    padding: 2.2vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery a {
    margin: 0 1.1vw 0 0;
    width: 12vw;
    height: 12vw;
  }
  .features .container .feature-set .feature-case .feature-gallery a img {
    width: 12vw;
    height: 12vw;
    max-width: 12vw;
    max-height: 12vw;
    -webkit-box-shadow: 0 0 2vw 0.4vw #000000;
    box-shadow: 0 0 2vw 0.4vw #000000;
  }
  .features .container .feature-set .owl-nav {
    top: 50%;
    left: 57vw;
    width: 2.9vw;
    height: 5.5vw;
  }
  .features .container .feature-set .owl-nav .owl-next {
    width: 2.9vw;
    height: 5.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .features .container .feature-set .owl-nav .owl-next:hover {
    margin: 0 0 0 0.5vw;
  }
  .gallery {
    min-height: 100.1vh;
    background-image: url("static/images/landing/tablet/background-gallery.jpg");
  }
  .gallery .container {
    min-height: 100.1vh;
  }
  .gallery .container .trailer {
    width: 70%;
    height: auto;
    margin: 6vw auto 0 auto;
    -webkit-box-shadow: 0 0 3vw 0 #000000;
    box-shadow: 0 0 3vw 0 #000000;
  }
  .gallery .container .trailer img {
    width: 100%;
    height: 35vw;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .trailer .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7vw;
    height: 7vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .trailer .play:hover {
    background-size: auto 90%;
  }
  .gallery .container .screenshot-gallery {
    position: relative;
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 1vw 0;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .screenshot-gallery a img {
    margin: 0.4vw 0 0 0;
  }
  .gallery .container .screenshot-gallery a:hover img {
    margin: 0 0 0.4vw 0;
  }
  .gallery .container .screenshot-gallery .owl-nav {
    left: 50%;
    top: 50%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev,
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    top: 50%;
    width: 1.8vw;
    height: 3.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev:hover,
  .gallery .container .screenshot-gallery .owl-nav .owl-next:hover {
    margin: 0;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .league {
    min-height: 100.1vh;
    background-image: url("static/images/landing/tablet/background-league.jpg");
  }
  .league .container {
    min-height: 100.1vh;
  }
  .league .container .started-leagues-set {
    width: 100%;
  }
  .league .container .started-leagues-set .started-league {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
    margin: 0.4vw;
    padding: 0.75vw 0.5vw;
    background-color: rgba(26, 32, 44, 0.9);
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
  }
  .league .container .started-leagues-set .started-league h3 {
    margin: 0 0 0.3vw 0;
  }
  .league .container .started-leagues-set .started-league.top h3 {
    font-size: 1.7vw;
  }
  .league .container .started-leagues-set .started-league.top p {
    font-size: 1vw;
  }
  .league .container .started-leagues-set .started-league.second h3 {
    font-size: 1.4vw;
  }
  .league .container .started-leagues-set .started-league.second p {
    font-size: 0.9vw;
  }
  .league .container .last-league-stats-set {
    margin: 2vw 0 0 5vw;
    width: 69%;
    float: left;
  }
  .league .container .last-league-stats-set .last-league-stats h3 {
    text-align: center;
    font-size: 1.8vw;
    margin: 1.6vw 0;
  }
  .league .container .last-league-stats-set .last-league-stats table {
    font-size: 1vw;
    width: 100%;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th,
  .league .container .last-league-stats-set .last-league-stats table tr td {
    padding: 0.25vw 0.5vw;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(1), .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(2),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(1),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(2) {
    text-align: left;
  }
  .league .container .last-league-stats-set .owl-nav {
    left: 50%;
    top: 55%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev,
  .league .container .last-league-stats-set .owl-nav .owl-next {
    top: 50%;
    width: 1.8vw;
    height: 3.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev:hover,
  .league .container .last-league-stats-set .owl-nav .owl-next:hover {
    margin: 0;
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .league .container .last-league-stats-set .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .newspaper {
    min-height: 100.1vh;
    background-image: url("static/images/landing/tablet/background-newspaper.jpg");
  }
  .newspaper .container {
    min-height: 100.1vh;
  }
  .newspaper .container .newspaper-set {
    float: left;
    margin: 5vw 0 0 0;
    overflow: visible;
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1vw;
            column-gap: 1vw;
  }
  .newspaper .container .newspaper-set .newspaper-case {
    width: 100%;
    margin-bottom: 1vw;
    background-color: rgba(26, 32, 44, 0.9);
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
  .newspaper .container .newspaper-set .newspaper-case h3 {
    border-bottom: solid 1px #ffffff;
    font-size: 1.9vw;
    padding: 1.2vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry {
    padding: 1vw 1vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry p {
    font-size: 1.2vw;
    margin: 0 0 1vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .button {
    float: right;
    font-size: 1.1vw;
    padding: 0.6vw 1vw;
    margin: 0 1.2vw 1.2vw 0;
  }
  .account {
    width: 100%;
    height: 100.1vh;
    background-image: url("static/images/landing/tablet/background-introduction.jpg");
  }
  .account .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 20vw;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .account .container {
    height: 100%;
  }
  .account .container h1.logo {
    width: 23vw;
    height: 8vw;
    margin: 8.5vw auto 0;
    background-size: contain;
    background-position: center;
  }
  .account .container .center {
    margin: 0 auto;
    width: 45%;
    height: 100%;
  }
  .account .container .center .box {
    margin-top: 4vw;
    padding: 1.6vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .account .container .center .box input.LoginDefault,
  .account .container .center .box input[type=text],
  .account .container .center .box input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 1.2vw;
    margin: 2vw 0;
  }
  .account .container .center .box h2 {
    margin: 0 0 1.2vw 0;
    font-size: 2vw;
  }
  .account .container .center .box p {
    font-size: 1.2vw;
  }
  .account .container .center .box p.logout {
    margin-top: 0.8vw;
  }
  .account .container .center .box p.goback {
    margin-bottom: 1.3vw;
  }
  .account .container .center .box .input-wrap {
    margin: 0 0 1.7vh 0;
  }
  .account .container .center .box .input-wrap input.input {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh;
    font-size: 1.2vw;
  }
  .account .container .center .box .input-wrap input[type=checkbox] + label {
    float: left;
    width: 1.7vw;
    height: 1.7vw;
  }
  .account .container .center .box .input-wrap p {
    font-size: 0.9vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .account .container .center .box .button {
    display: block;
    width: 100%;
    height: 4.2vw;
    padding: 0;
  }
  .account .container .center .box .button .button {
    display: block;
    width: 100%;
    height: 4.2vw;
    padding: 0;
    text-align: center;
  }
  .footer {
    width: 100%;
  }
  .footer .container .left {
    float: left;
    width: 50%;
    text-align: left;
  }
  .footer .container .left .logo-set {
    padding: 3vw 0 1.2vh 0;
  }
  .footer .container .left .logo-set a.logo {
    height: 3.3vw;
    background-size: auto 100%;
    background-position: left top;
    margin: 0 0.8vw 0 0;
  }
  .footer .container .left .logo-set a.logo.playzo {
    width: 12vw;
  }
  .footer .container .left .logo-set a.logo.fussballcup {
    width: 12vw;
  }
  .footer .container .left .logo-set a.logo.gamearea {
    width: 13.5vw;
  }
  .footer .container .left p {
    font-size: 1.1vw;
    margin: 0 0 2vw 0;
  }
  .footer .container .right {
    float: left;
    width: 50%;
    text-align: right;
  }
  .footer .container .right .link-set {
    float: right;
    margin: 4vw 0 2vw 0;
    width: auto;
  }
  .footer .container .right .link-set a {
    font-size: 1.1vw;
    line-height: 1.7vw;
    margin: 0 1vw 0 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    width: 70vw;
    -webkit-box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content h2 {
    font-size: 1.8vw;
    padding: 0.7vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry {
    padding: 0.5vw 0.7vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry p {
    font-size: 1.4vw;
    margin: 0 0 1vw 0;
  }
}

@media only screen and (min-width: 1201px) {
  body {
    font-size: 100%;
    font-size: 0.9vw;
    width: 100vw;
  }
  section {
    width: 100vw;
  }
  .container {
    margin: 0 8%;
    width: 84%;
    text-align: left;
  }
  .container h2 {
    margin: 2.1vw 0 1.2vw 0;
    font-size: 2.6vw;
    text-shadow: 0 0 1vw #000000;
  }
  .button {
    font-size: 1.2vw;
    text-shadow: 0 2px 0 #000000;
  }
  .button-register-now {
    right: 1.5vw;
    bottom: 3.5vw;
    width: 30%;
    height: 4.2vw;
    line-height: 4.2vw;
    -webkit-box-shadow: 0 0 3vw 0.5vw #000000;
    box-shadow: 0 0 3vw 0.5vw #000000;
  }
  .top-bar {
    left: 0;
    top: 0;
    width: 100%;
  }
  .top-bar .top-bar-level-1 {
    height: 2.8vw;
  }
  .top-bar .top-bar-level-1 .form-login {
    float: left;
    width: auto;
    padding: 0.5vw 0;
  }
  .top-bar .top-bar-level-1 .form-login .input {
    float: left;
    height: 1.8vw;
    margin-right: 0.3vw;
    width: 11vw;
    padding: 0 0.8vw;
    font-size: 0.7vw;
  }
  .top-bar .top-bar-level-1 .form-login .button {
    float: left;
    height: 1.8vw;
    width: 5vw;
    font-size: 0.7vw;
  }
  .top-bar .top-bar-level-1 #login-notification {
    float: left;
    width: auto;
    padding: 0 0.5vw;
    color: #9c9c9c;
    font-size: 0.9vw;
    line-height: 2.8vw;
  }
  .top-bar .top-bar-level-1 .button.playnow {
    margin: 0.5vw 0;
    float: left;
    width: 20%;
    font-size: 0.9vw;
    height: 1.8vw;
    line-height: 1.8vw;
    text-align: center;
  }
  .top-bar .top-bar-level-1 .logo-playzo {
    float: right;
    background-position: center 10%;
    background-size: auto 50%;
    height: 2.6vw;
    width: 12%;
    padding: 1.4vw 0 0 0;
    margin: 0.2vw 0 0 0;
    font-size: 0.65vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher {
    float: right;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li {
    float: left;
    margin: 0.2vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a {
    line-height: 2.8vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li a img {
    width: auto;
    height: 0.6vw;
  }
  .top-bar .top-bar-level-1 .lanauge-switcher li:last-child {
    margin-right: 0;
  }
  .top-bar .top-bar-level-2 {
    height: 1.4vw;
  }
  .top-bar .top-bar-level-2 .account-management li,
  .top-bar .top-bar-level-2 .nav-links li {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management li a,
  .top-bar .top-bar-level-2 .nav-links li a {
    line-height: 1.4vw;
    font-size: 0.65vw;
  }
  .top-bar .top-bar-level-2 .account-management {
    float: left;
  }
  .top-bar .top-bar-level-2 .account-management a {
    margin-right: 0.5vw;
  }
  .top-bar .top-bar-level-2 .nav-links {
    float: right;
  }
  .top-bar .top-bar-level-2 .nav-links a {
    margin-left: 0.5vw;
  }
  #flashContainer {
    position: absolute;
    left: 0;
    top: 4.2vw;
    width: 100%;
    padding: 1vw 8%;
    z-index: 2;
  }
  #flashContainer h3 {
    color: #ffffff;
    text-transform: uppercase;
  }
  #flashContainer #flashMessages p {
    color: #ffffff;
  }
  .introduction {
    width: 100%;
    height: 100.1vh;
    background-image: url("static/images/landing/desktop/background-introduction.jpg");
  }
  .introduction .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 20vw;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .introduction .container {
    height: 100%;
  }
  .introduction .container .left {
    float: left;
    width: 67%;
    height: 100%;
    text-align: center;
  }
  .introduction .container .left h1.logo {
    width: 75%;
    height: 8vw;
    margin: 8.5vw 0 0 0;
    background-size: auto 100%;
    background-position: center;
  }
  .introduction .container .left .play {
    position: absolute;
    left: 37.5%;
    top: 50%;
    width: 4.2vw;
    height: 4.2vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .introduction .container .left .play:hover {
    background-size: auto 90%;
  }
  .introduction .container .left .claim {
    position: absolute;
    left: 0;
    bottom: 7vh;
    width: 75%;
  }
  .introduction .container .left .claim h3 {
    width: 100%;
    text-align: center;
    font-size: 2.2vw;
  }
  .introduction .container .left .claim h3::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim h2 {
    margin: 0;
    font-size: 3vw;
  }
  .introduction .container .left .claim h2::after {
    text-shadow: 0 0 0.5vw #c31e1d, 0 0 1vw #c31e1d, 0 0 1.5vw #c31e1d;
  }
  .introduction .container .left .claim .arrow-down {
    width: 100%;
    height: 3vw;
    margin: 1vw 0 1vw 0;
  }
  .introduction .container .left .claim .arrow-down:hover {
    margin: 1.5vw 0 0.5vw 0;
  }
  .introduction .container .right {
    float: left;
    width: 33%;
    height: 100%;
  }
  .introduction .container .right .register {
    margin-top: 15vw;
    padding: 1.6vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .introduction .container .right .register .input-wrap {
    margin: 0 0 1.3vh 0;
  }
  .introduction .container .right .register .input-wrap input[type=text],
  .introduction .container .right .register .input-wrap input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh 0 2.5vh;
    font-size: 0.8vw;
  }
  .introduction .container .right .register .input-wrap input[type=checkbox] + label {
    float: left;
    width: 1.7vw;
    height: 1.7vw;
  }
  .introduction .container .right .register .input-wrap p {
    font-size: 0.6vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .introduction .container .right .register .button {
    display: block;
    width: 100%;
    height: 4.2vw;
    line-height: 4.2vw;
    padding: 0;
    text-align: center;
  }
  .introduction .container .right .mobile-install p {
    margin: 0.7vw 0 0 0;
    font-size: 1.2vw;
  }
  .introduction .container .right .mobile-install .button-googleplay,
  .introduction .container .right .mobile-install .button-appstore {
    background-size: auto 100%;
    height: 3vw;
    border-radius: 0.5vw;
    margin: 1vw 0.5vw;
  }
  .introduction .container .right .mobile-install .button-googleplay {
    width: 11vw;
  }
  .introduction .container .right .mobile-install .button-appstore {
    width: 10vw;
  }
  .features {
    min-height: 100.1vh;
    background-image: url("static/images/landing/desktop/background-features.jpg");
  }
  .features .container {
    min-height: 100.1vh;
  }
  .features .container .feature-set {
    width: 50vw;
  }
  .features .container .feature-set .feature-case {
    margin: 4.5vw 0 0 0;
    width: 50vw;
  }
  .features .container .feature-set .feature-case h3 {
    font-size: 1.8vw;
    margin: 0 0 1.2vw 0;
  }
  .features .container .feature-set .feature-case p {
    font-size: 1.3vw;
    line-height: 2.2vw;
    margin: 0 0 0.6vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery {
    padding: 2.2vw 0;
  }
  .features .container .feature-set .feature-case .feature-gallery a {
    margin: 0 1.1vw 0 0;
    width: 10.5vw;
    height: 10.5vw;
  }
  .features .container .feature-set .feature-case .feature-gallery a img {
    width: 10.5vw;
    height: 10.5vw;
    max-width: 10.5vw;
    max-height: 10.5vw;
    -webkit-box-shadow: 0 0 2vw 0.4vw #000000;
    box-shadow: 0 0 2vw 0.4vw #000000;
  }
  .features .container .feature-set .owl-nav {
    top: 50%;
    left: 52vw;
    width: 2.9vw;
    height: 5.5vw;
  }
  .features .container .feature-set .owl-nav .owl-next {
    width: 2.9vw;
    height: 5.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .features .container .feature-set .owl-nav .owl-next:hover {
    margin: 0 0 0 0.5vw;
  }
  .gallery {
    min-height: 100.1vh;
    background-image: url("static/images/landing/desktop/background-gallery.jpg");
  }
  .gallery .container {
    min-height: 100.1vh;
  }
  .gallery .container .trailer {
    width: 60%;
    height: auto;
    margin: 0 auto 0 auto;
    -webkit-box-shadow: 0 0 3vw 0 #000000;
    box-shadow: 0 0 3vw 0 #000000;
  }
  .gallery .container .trailer img {
    width: 100%;
    height: 25vw;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .trailer .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4.2vw;
    height: 4.2vw;
    display: block;
    background-size: auto 75%;
    background-position: center;
    -webkit-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -moz-filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .trailer .play:hover {
    background-size: auto 90%;
  }
  .gallery .container .screenshot-gallery {
    position: relative;
    display: block;
    width: 60%;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 1vw 0;
    -webkit-filter: drop-shadow(0 0 3vw #000000);
    -moz-filter: drop-shadow(0 0 3vw #000000);
    filter: drop-shadow(0 0 3vw #000000);
  }
  .gallery .container .screenshot-gallery a img {
    margin: 0.4vw 0 0 0;
  }
  .gallery .container .screenshot-gallery a:hover img {
    margin: 0 0 0.4vw 0;
  }
  .gallery .container .screenshot-gallery .owl-nav {
    left: 50%;
    top: 50%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev,
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    top: 50%;
    width: 1.8vw;
    height: 3.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev:hover,
  .gallery .container .screenshot-gallery .owl-nav .owl-next:hover {
    margin: 0;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .gallery .container .screenshot-gallery .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .league {
    min-height: 100.1vh;
    background-image: url("static/images/landing/desktop/background-league.jpg");
  }
  .league .container {
    min-height: 100.1vh;
  }
  .league .container .started-leagues-set {
    width: 100%;
  }
  .league .container .started-leagues-set .started-league {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
    margin: 0.4vw;
    padding: 0.75vw 0.5vw;
    background-color: rgba(26, 32, 44, 0.9);
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
  }
  .league .container .started-leagues-set .started-league h3 {
    margin: 0 0 0.3vw 0;
  }
  .league .container .started-leagues-set .started-league.top h3 {
    font-size: 1.4vw;
  }
  .league .container .started-leagues-set .started-league.top p {
    font-size: 0.9vw;
  }
  .league .container .started-leagues-set .started-league.second h3 {
    font-size: 1.1vw;
  }
  .league .container .started-leagues-set .started-league.second p {
    font-size: 0.75vw;
  }
  .league .container .last-league-stats-set {
    margin: 2vw 0 0 5vw;
    width: 53%;
    float: left;
  }
  .league .container .last-league-stats-set .last-league-stats h3 {
    text-align: center;
    font-size: 1.4vw;
    margin: 1.6vw 0;
  }
  .league .container .last-league-stats-set .last-league-stats table {
    font-size: 0.75vw;
    width: 100%;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th,
  .league .container .last-league-stats-set .last-league-stats table tr td {
    padding: 0.12vw 0.4vw;
  }
  .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(1), .league .container .last-league-stats-set .last-league-stats table tr th:nth-child(2),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(1),
  .league .container .last-league-stats-set .last-league-stats table tr td:nth-child(2) {
    text-align: left;
  }
  .league .container .last-league-stats-set .owl-nav {
    left: 50%;
    top: 55%;
    width: 120%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev,
  .league .container .last-league-stats-set .owl-nav .owl-next {
    top: 50%;
    width: 1.8vw;
    height: 3.5vw;
    margin: 0;
    background-position: center center;
    background-size: auto 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev:hover,
  .league .container .last-league-stats-set .owl-nav .owl-next:hover {
    margin: 0;
  }
  .league .container .last-league-stats-set .owl-nav .owl-prev {
    left: 0;
    margin: 0 0 0 0.4vw;
  }
  .league .container .last-league-stats-set .owl-nav .owl-next {
    right: 0;
    margin: 0 0.4vw 0 0;
  }
  .newspaper {
    min-height: 100.1vh;
    background-image: url("static/images/landing/desktop/background-newspaper.jpg");
  }
  .newspaper .container {
    min-height: 100.1vh;
  }
  .newspaper .container .newspaper-set {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1vw;
            column-gap: 1vw;
  }
  .newspaper .container .newspaper-set .newspaper-case {
    width: 100%;
    margin-bottom: 1vw;
    -webkit-box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 2vw 0 rgba(255, 255, 255, 0.75);
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
  .newspaper .container .newspaper-set .newspaper-case h3 {
    border-bottom: solid 1px #ffffff;
    font-size: 1.4vw;
    padding: 0.7vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry {
    padding: 0.5vw 1vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .entry p {
    font-size: 1vw;
    margin: 0 0 1vw 0;
  }
  .newspaper .container .newspaper-set .newspaper-case .button {
    float: right;
    font-size: 0.8vw;
    padding: 0.6vw 1vw;
    margin: 0 1vw 1vw 0;
  }
  .account {
    width: 100%;
    min-height: 100.1vh;
    background-image: url("static/images/landing/desktop/background-introduction.jpg");
  }
  .account .fan-silouette {
    left: 0;
    bottom: -2vw;
    width: 100%;
    height: 20vw;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .account .container {
    height: 100%;
  }
  .account .container h1.logo {
    width: 23vw;
    height: 8vw;
    margin: 8.5vw auto 0;
    background-size: 100% auto;
    background-position: center;
  }
  .account .container .center {
    margin: 0 auto 6vw auto;
    width: 33%;
    height: 100%;
  }
  .account .container .center .box {
    margin-top: 4vw;
    padding: 1.6vw;
    width: 100%;
    -webkit-box-shadow: 0 0 4vw 0 #ffffff;
    box-shadow: 0 0 4vw 0 #ffffff;
  }
  .account .container .center .box input.LoginDefault,
  .account .container .center .box input[type=text],
  .account .container .center .box input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh 0 2.5vh;
    margin: 0  0 0.6vw 0;
    font-size: 0.8vw;
  }
  .account .container .center .box h2 {
    margin: 0 0 1.2vw 0;
    font-size: 2vw;
  }
  .account .container .center .box p {
    font-size: 0.9vw;
    margin: 0.6vw 0;
  }
  .account .container .center .box p.logout {
    margin-top: 0.8vw;
  }
  .account .container .center .box p.goback {
    margin-bottom: 1.3vw;
  }
  .account .container .center .box .input-wrap {
    margin: 0 0 1.3vh 0;
  }
  .account .container .center .box .input-wrap input[type=text],
  .account .container .center .box .input-wrap input[type=password] {
    width: 100%;
    line-height: 6vh;
    padding: 0 2.5vh 0 2.5vh;
    font-size: 0.8vw;
  }
  .account .container .center .box .input-wrap input[type=checkbox] + label {
    float: left;
    width: 1.7vw;
    height: 1.7vw;
  }
  .account .container .center .box .input-wrap p {
    font-size: 0.6vw;
    margin: 0.4vw 0 0 0.8vw;
    width: 80%;
  }
  .account .container .center .box .button {
    display: block;
    width: 100%;
    height: 4.2vw;
    line-height: 4.2vw;
    padding: 0;
    text-align: center;
  }
  .footer {
    width: 100%;
    height: 20vh;
  }
  .footer .container .left {
    float: left;
    width: 50%;
    text-align: left;
  }
  .footer .container .left .logo-set {
    padding: 3vw 0 1.2vh 0;
  }
  .footer .container .left .logo-set a.logo {
    height: 2.3vw;
    background-size: auto 100%;
    background-position: left top;
    margin: 0 0.8vw 0 0;
  }
  .footer .container .left .logo-set a.logo.playzo {
    width: 8.3vw;
  }
  .footer .container .left .logo-set a.logo.fussballcup {
    width: 8.5vw;
  }
  .footer .container .left .logo-set a.logo.gamearea {
    width: 9.5vw;
  }
  .footer .container .left p {
    font-size: 0.75vw;
  }
  .footer .container .right {
    float: left;
    width: 50%;
    text-align: right;
  }
  .footer .container .right .link-set {
    float: right;
    margin: 3vw 0 0 0;
    width: auto;
  }
  .footer .container .right .link-set a {
    font-size: 0.75vw;
    line-height: 1.2vw;
    margin: 0 1vw 0 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    width: 50vw;
    -webkit-box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 4vw 0 rgba(255, 255, 255, 0.75);
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content h2 {
    font-size: 1.4vw;
    padding: 0.7vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry {
    padding: 0.5vw 0.7vw 0;
  }
  .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content .entry p {
    font-size: 1vw;
    margin: 0 0 1vw 0;
  }
}