@font-face {
  font-family: 'fontello';
  src: url('../themes/romme24/assets/font/fontello.eot?87905127');
  src: url('../themes/romme24/assets/font/fontello.eot?87905127#iefix') format('embedded-opentype'),
       url('../themes/romme24/assets/font/fontello.woff2?87905127') format('woff2'),
       url('../themes/romme24/assets/font/fontello.woff?87905127') format('woff'),
       url('../themes/romme24/assets/font/fontello.ttf?87905127') format('truetype'),
       url('../themes/romme24/assets/font/fontello.svg?87905127#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?87905127#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-18:before { content: '\e800'; } /* '' */
.icon-36:before { content: '\e801'; } /* '' */
.icon-aufdecken:before { content: '\e802'; } /* '' */
.icon-ausloggen:before { content: '\e803'; } /* '' */
.icon-blitz:before { content: '\e804'; } /* '' */
.icon-chat:before { content: '\e805'; } /* '' */
.icon-einstellungen:before { content: '\e806'; } /* '' */
.icon-smiley:before { content: '\e807'; } /* '' */
.icon-facebook:before { content: '\e808'; } /* '' */
.icon-freunde:before { content: '\e809'; } /* '' */
.icon-gaestebuch:before { content: '\e80a'; } /* '' */
.icon-gewinner:before { content: '\e80b'; } /* '' */
.icon-mail:before { content: '\e80c'; } /* '' */
.icon-google:before { content: '\e80d'; } /* '' */
.icon-grand:before { content: '\e80e'; } /* '' */
.icon-herz:before { content: '\e80f'; } /* '' */
.icon-info:before { content: '\e810'; } /* '' */
.icon-einsatz:before { content: '\e811'; } /* '' */
.icon-karten:before { content: '\e812'; } /* '' */
.icon-konto:before { content: '\e813'; } /* '' */
.icon-kontostand:before { content: '\e814'; } /* '' */
.icon-kontakt:before { content: '\e815'; } /* '' */
.icon-kreuz:before { content: '\e816'; } /* '' */
.icon-letzterstich:before { content: '\e817'; } /* '' */
.icon-einzahlung:before { content: '\e818'; } /* '' */
.icon-nachrichten:before { content: '\e819'; } /* '' */
.icon-null:before { content: '\e81a'; } /* '' */
.icon-pik:before { content: '\e81b'; } /* '' */
.icon-profil-kl:before { content: '\e81c'; } /* '' */
.icon-profil-rund:before { content: '\e81d'; } /* '' */
.icon-profil:before { content: '\e81e'; } /* '' */
.icon-qualifikation:before { content: '\e81f'; } /* '' */
.icon-rocket:before { content: '\e820'; } /* '' */
.icon-schenken:before { content: '\e821'; } /* '' */
.icon-smiley-1:before { content: '\e822'; } /* '' */
.icon-sortieren:before { content: '\e823'; } /* '' */
.icon-statistik:before { content: '\e824'; } /* '' */
.icon-suche:before { content: '\e825'; } /* '' */
.icon-turnier:before { content: '\e826'; } /* '' */
.icon-auszahlung:before { content: '\e827'; } /* '' */
.icon-twitter:before { content: '\e828'; } /* '' */
.icon-x:before { content: '\e829'; } /* '' */
.icon-ok:before { content: '\e82a'; } /* '' */
.icon-cancel:before { content: '\e82b'; } /* '' */
.icon-lock:before { content: '\e82c'; } /* '' */
.icon-right-open:before { content: '\e82d'; } /* '' */
.icon-left-open:before { content: '\e82e'; } /* '' */
.icon-right-dir:before { content: '\e82f'; } /* '' */
.icon-left-dir:before { content: '\e830'; } /* '' */
.icon-up-dir:before { content: '\e831'; } /* '' */
.icon-down-dir:before { content: '\e832'; } /* '' */
.icon-clock:before { content: '\e833'; } /* '' */
.icon-korrektur:before { content: '\e834'; } /* '' */
.icon-gewinn:before { content: '\e835'; } /* '' */
.icon-tischgeld:before { content: '\e836'; } /* '' */
.icon-preisgeld:before { content: '\e837'; } /* '' */
.icon-startgeld:before { content: '\e838'; } /* '' */
.icon-9:before { content: '\e839'; } /* '' */
.icon-24:before { content: '\e83a'; } /* '' */
.icon-zocker:before { content: '\e83b'; } /* '' */
.icon-bonus:before { content: '\e83c'; } /* '' */
.icon-listen:before { content: '\e83d'; } /* '' */
.icon-cent:before { content: '\e83e'; } /* '' */
.icon-endeux:before { content: '\e83f'; } /* '' */
.icon-dritt:before { content: '\e840'; } /* '' */
.icon-plus:before { content: '\e841'; } /* '' */
.icon-fast-backward:before { content: '\e842'; } /* '' */
.icon-fast-forward:before { content: '\e843'; } /* '' */
.icon-left-dir-1:before { content: '\e844'; } /* '' */
.icon-right-dir-1:before { content: '\e845'; } /* '' */
.icon-phone:before { content: '\e846'; } /* '' */
.icon-home:before { content: '\e847'; } /* '' */
.icon-calendar-1:before { content: '\e848'; } /* '' */
.icon-thumbs-up:before { content: '\e849'; } /* '' */
.icon-heart:before { content: '\e84a'; } /* '' */
.icon-karo:before { content: '\e84c'; } /* '' */
.icon-liste:before { content: '\e84d'; } /* '' */
.icon-menu:before { content: '\f008'; } /* '' */
.icon-globe:before { content: '\f018'; } /* '' */
.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
.icon-euro:before { content: '\f153'; } /* '' */
.icon-dollar:before { content: '\f155'; } /* '' */
.icon-hashtag:before { content: '\f292'; } /* '' */
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../themes/romme24/assets/font/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../themes/romme24/assets/font/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../themes/romme24/assets/font/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../themes/romme24/assets/font/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../themes/romme24/assets/font/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
@charset "UTF-8";
.adaptive-padding, header .content, footer .content, .table.withPadding, .textWithNav, .boxes, .ranking-rocket h2 {
  padding-left: 7rem;
  padding-right: 7rem;
}
@media (max-width: 1200px) {
  .adaptive-padding, header .content, footer .content, .table.withPadding, .textWithNav, .boxes, .ranking-rocket h2 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 768px) {
  .adaptive-padding, header .content, footer .content, .table.withPadding, .textWithNav, .boxes, .ranking-rocket h2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
html {
  background-color: #f4f4f4;
  font-family: "Source Sans Pro";
  font-size: 10px;
}
body {
  overflow-x: hidden;
}
input, button {
  font-family: "Source Sans Pro";
}
button:focus {
  outline: none;
}
html, body {
  margin: 0;
  padding: 0;
}
div.center {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
div.banner {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 650px) {
  div.k1 {
    position: relative;
    order: 2;
    width: 50%;
    padding: 0.5rem;
  }
  div.k2 {
    order: 3;
    width: 50%;
    padding: 0.5rem;
  }
  div.l1 {
    position: relative;
    order: 1;
    width: 100%;
    padding: 0.5rem;
  }
  div.amount {
    position: absolute;
    font-size: 3.5vw;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    height: 20%;
    bottom: 2vw;
    text-align: center;
  }
  div.Resttext {
    position: absolute;
    font-size: 2vw;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    bottom: 7.3vw;
    text-align: center;
  }
  div.Resttext2 {
    position: absolute;
    font-size: 1.6vw;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    line-height: 120%;
    padding-left: 51%;
    bottom: 6.6vw;
    text-align: center;
  }
  div.amount3 {
    position: absolute;
    font-size: 3.6vw;
    font-weight: bolder;
    font-style: italic;
    padding-left: 51%;
    color: #FFFFFF;
    width: 100%;
    height: 23%;
    bottom: 0vw;
    text-align: center;
  }
  div.amount2 {
    position: absolute;
    font-size: 0.9vw;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    height: 20%;
    bottom: 0.1vw;
    text-align: center;
  }
}
@media (max-width: 1300px) and (min-width: 650px) {
  div.k1 {
    position: relative;
    order: 1;
    width: 25%;
    padding: 0.5rem;
  }
  div.k2 {
    order: 3;
    width: 25%;
    padding: 0.5rem;
  }
  div.l1 {
    position: relative;
    order: 2;
    width: 50%;
    padding: 0.5rem;
  }
  div.Resttext {
    position: absolute;
    font-size: 1.4vw;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    bottom: 3.5vw;
    text-align: center;
  }
  div.Resttext2 {
    position: absolute;
    font-size: 1.4vw;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 51%;
    bottom: 4.6vw;
    text-align: center;
  }
  div.amount {
    position: absolute;
    font-size: 1.8vw;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    padding-left: 73%;
    width: 100%;
    height: 20%;
    bottom: 1vw;
    text-align: center;
  }
  div.amount2 {
    position: absolute;
    font-size: 1.2vw;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    height: 20%;
    bottom: 0.1vw;
    text-align: center;
  }
  div.amount3 {
    position: absolute;
    font-size: 2.6vw;
    font-weight: bolder;
    font-style: italic;
    padding-left: 51%;
    color: #FFFFFF;
    width: 100%;
    height: 20%;
    bottom: 0vw;
    text-align: center;
  }
}
@media (min-width: 1300px) {
  div.k1 {
    position: relative;
    order: 1;
    width: 25%;
    padding: 0.5rem;
  }
  div.k2 {
    order: 3;
    width: 25%;
    padding: 0.5rem;
  }
  div.l1 {
    position: relative;
    order: 2;
    width: 50%;
    padding: 0.5rem;
  }
  div.amount {
    position: absolute;
    font-size: 26px;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    height: 20%;
    bottom: 14px;
    text-align: center;
  }
  div.amount3 {
    position: absolute;
    font-size: 30px;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 52%;
    height: 12%;
    bottom: 14px;
    text-align: center;
  }
  div.Resttext {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    bottom: 45px;
    text-align: center;
  }
  div.Resttext2 {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 52%;
    bottom: 52px;
    text-align: center;
  }
  div.amount2 {
    position: absolute;
    font-size: 12px;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    height: 20%;
    bottom: 0.1vw;
    text-align: center;
  }
}
* {
  box-sizing: border-box;
}
body .page > .wrapper {
  background: url(../themes/romme24/assets/img/bg.png) repeat-x;
  width: 100%;
}
body .page > .wrapper > .precontent {
  z-index: 3;
  background-color: white;
}
body .page > .wrapper > .precontent .inner {
  max-width: 1280px;
  margin: 0 auto;
}
body .page > .wrapper > .content {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 3;
  min-height: 30rem;
  background-color: white;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
a {
  color: #cc4c23;
}
@media (max-width: 500px) {
  html {
    font-size: 2.416vw;
  }
}
header {
  position: relative;
  background-color: white;
  height: 120px;
  z-index: 5;
}
header .content {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
header .content .wrapper {
  position: relative;
  height: 100%;
}
header .content img {
  position: absolute;
  width: 20rem;
  top: 50%;
  transform: translate(0, -50%);
  padding-top: 10px;
  padding-left: 10px;
}
header .content .buttons {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
header .content .buttons button {
  margin-left: 1rem;
}
header.loggedin {
  height: 120px;
}
header.loggedin img {
  position: absolute;
  width: 19rem;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
header.loggedin .user {
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  right: 10rem;
  padding: 0;
  cursor: pointer;
  min-width: 15rem;
}
header.loggedin .user span {
  display: block;
  line-height: 6.5rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #555;
  margin: 0 7rem 0 1rem;
  text-align: right;
}
header.loggedin .user i {
  position: absolute;
  top: 10%;
  font-size: 3.2rem;
  right: 1rem;
  color: white;
  background-color: #d86b3d;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 2.2rem;
}
header.loggedin .user i:before {
  position: absolute;
  width: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
header.loggedin .user .popup {
  display: none;
  position: absolute;
}
header.loggedin .user:hover {
  background-color: #464646;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
header.loggedin .user:hover span {
  color: #eee;
}
header.loggedin .user:hover .popup {
  display: block;
  background-color: #555;
  list-style: none;
  width: calc(100% + 2px);
  padding: 0;
  margin: 0;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  left: -1px;
}
header.loggedin .user:hover .popup a {
  display: block;
  line-height: 2rem;
  font-size: 1.4rem;
  padding: 0.8rem 1rem;
  line-height: 1.6rem;
  text-decoration: none;
  color: white;
  text-align: right;
  text-transform: uppercase;
}
header.loggedin .user:hover .popup a:hover {
  background-color: #333;
  color: #d86b3d;
}
header.loggedin .burger {
  position: absolute;
  right: 0rem;
  height: 120px;
  padding: 0;
  cursor: pointer;
  min-width: 15rem;
}
header.loggedin .burger button {
  border-bottom: none !important;
}
header.loggedin .burger span {
  display: block;
  line-height: 6.5rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #555;
  margin: 0 7rem 0 1rem;
  text-align: right;
}
header.loggedin .burger i {
  position: absolute;
  top: 10%;
  font-size: 3.2rem;
  right: 1rem;
  color: white;
  background-color: #d86b3d;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 2.2rem;
}
header.loggedin .burger i:before {
  position: absolute;
  width: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
header .mobile {
  display: grid;
}
@media (min-width: 625px) {
  header.loggedin .user {
    position: absolute;
  }
}
@media (max-width: 624px) {
  header.loggedin {
    height: 7rem;
  }
  header.loggedin .user {
    right: unset;
  }
  header.loggedin .content img {
    display: none;
  }
  header .content img {
    width: 13rem;
  }
  header .content #noshow {
    display: none;
  }
  header .mobile {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  header .mobile button {
    position: relative;
    right: 0;
    top: 0;
    width: 7rem;
    height: 7rem;
    background: none;
    border: none;
  }
  header .mobile button:focus {
    outline: none;
  }
  header .mobile button:focus i {
    color: #cc4c23;
  }
  header .mobile button i {
    position: absolute;
    font-size: 3rem;
    color: #999999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
footer {
  position: relative;
  background-color: #464646;
  color: white;
  min-height: 10rem;
}
footer .content {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  z-index: 2;
  padding-top: 2rem;
  padding-bottom: 4rem;
}
footer .content a {
  color: #e0e0e0;
  text-decoration: none;
}
footer .content h2 {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
}
footer .content p {
  font-size: 1.4rem;
  color: #e0e0e0;
  line-height: 2.5rem;
}
footer .content p strong {
  color: white;
}
footer .content ul {
  font-size: 1.4rem;
  line-height: 2.5rem;
  list-style: none;
  padding: 0;
}
footer .content input {
  width: 100%;
  background-color: #444;
  color: white;
  line-height: 2rem;
  padding: 0.5rem 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  font-size: 1.3rem;
}
footer .content button {
  width: 100%;
  line-height: 3.1rem;
  font-size: 1.5rem;
  font-weight: normal;
  background-color: white;
  color: #464646;
  text-transform: none;
  border: none;
  margin-top: 1rem;
}
footer .bottom {
  position: relative;
  z-index: 3;
  background-color: #414141;
  text-align: center;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.4rem;
  color: #c4c4c4;
}
@media (min-width: 480px) {
  footer .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  footer .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
button, a.button {
  background-color: #cd4c25;
  color: white;
  border: none;
  line-height: 2.5rem;
  padding: 0 2.5rem;
  border-radius: 0.4rem;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.5rem;
  border-bottom: 2px solid #b44b2f;
  text-decoration: none;
}
button i, a.button i {
  font-size: 2.5rem;
}
button:hover, a.button:hover {
  background-color: #dc5026;
}
button#burger, a.button#burger {
  padding-top: 1rem;
}
button.dark, a.button.dark {
  background-color: #aa421c;
  border-bottom: 2px solid #983c1a;
}
button.dark:hover, a.button.dark:hover {
  background-color: #c34a1e;
}
button.cancel, a.button.cancel {
  background-color: #bcbcbc;
  border-bottom: 2px solid #a5a5a5;
}
button.cancel:hover, a.button.cancel:hover {
  background-color: #b0b0b0;
}
button.white, a.button.white {
  background-color: white;
  border-radius: unset;
  color: #aa421c;
  border: none;
  line-height: 2.8rem;
}
button.white:hover, a.button.white:hover {
  background-color: #eee;
}
button.disabled, a.button.disabled {
  background-color: #bcbcbc;
  border-bottom: 2px solid #a5a5a5;
}
button.disabled:hover, a.button.disabled:hover {
  background-color: #b0b0b0;
}
.table {
  /*background-color: white !important;*/
}
.table.withPadding {
  padding-top: 4rem;
}
.table .headline {
  background-color: #99391a;
  color: white;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.table .headline:after {
  content: "";
  clear: both;
  display: table;
}
.table .headline .select {
  position: relative;
  cursor: pointer;
  height: 100%;
  display: flex;
  float: left;
  height: 5.3rem;
  flex-direction: column;
  justify-content: center;
}
.table .headline .select p {
  margin: 0;
  padding: 0 1rem 0 2rem;
}
.table .headline .select ul {
  display: none;
  position: absolute;
  list-style: none;
  background-color: #9e3d1c;
  top: 100%;
  margin: 0;
  z-index: 10;
  white-space: nowrap;
  padding: 0;
  min-width: 20rem;
}
.table .headline .select ul a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 0.5rem 2rem;
  font-weight: normal;
}
.table .headline .select ul a:hover {
  background-color: #883a20;
}
.table .headline .select:hover ul {
  display: block;
}
.table .headline .search {
  display: inline-block;
  width: 20rem;
  margin-top: 1.5rem;
  float: right;
  margin-bottom: 1rem;
  margin-right: 2rem;
}
.table .headline .search i {
  color: white;
  font-size: 2.2rem;
  line-height: 2.8rem;
  width: 3rem;
}
.table .headline .search i:before {
  line-height: 2.8rem;
}
.table .headline .search.empty i + span {
  padding-left: 3.2rem;
}
.table .headline .search.empty span {
  top: 0.4rem;
  font-size: 1.5rem;
}
.table .headline .search span {
  color: white;
  top: -1.1rem;
  font-size: 1.1rem;
}
.table .headline .search input {
  color: white;
  border-bottom: 1px solid white;
  line-height: 2.5rem;
  font-size: 1.5rem;
}
.table .headline .search i + span + input {
  padding-left: 3.2rem;
}
.table .wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}
@media (max-width: 600px) {
  .table .headline .search {
    float: none;
    margin: 1.5rem 0 1rem 2rem;
  }
}
table {
  width: 100%;
  border-spacing: 0;
  font-size: 1.5rem;
  background-color: white;
}
table thead tr {
  background-color: #d86b3d;
  color: white;
}
table thead tr th {
  white-space: nowrap;
}
table th, table td {
  height: 5rem;
  line-height: 2rem;
}
table tbody td {
  position: relative;
  text-align: center;
}
table tbody td.first {
  color: #ff974f;
  font-style: normal;
  font-weight: 600;
  text-align: right;
}
table tbody td.profile {
  min-width: 14rem;
  text-align: left;
}
table tbody td.profile a {
  display: flex;
  color: #333;
  text-decoration: none;
  position: absolute;
  height: 100%;
  left: 0;
  padding-left: 6rem;
  top: 0;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
table tbody td.profile i {
  position: absolute;
  left: 1rem;
  font-size: 3rem;
  color: white;
  background-color: #ff974f;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 1.9rem;
  top: 50%;
  transform: translate(0, -50%);
}
table tbody td.profile i:before {
  position: absolute;
  width: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
table tbody td.profile p {
  margin: 0;
}
table tbody td.profile p span {
  font-weight: bold;
}
table tbody td.profile p:first-of-type {
  font-weight: bold;
}
table tbody td.profile p {
  white-space: nowrap;
  padding: 0;
}
table tbody td.date span {
  display: block;
}
table tbody td.icon {
  min-width: 2rem;
}
table tr td {
  border-bottom: 1px solid #ffc7a1;
  background-color: #fff7f1;
}
table tr:nth-of-type(odd) td {
  background-color: #fffbf8;
}
table tr:hover td {
  background-color: #fff1e6;
}
nav.top {
  position: relative;
  background-color: #464646;
  z-index: 4;
}
nav.top ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
nav.top ul.left, nav.top ul.right {
  display: none;
}
nav.top ul li {
  display: flex;
  height: 7rem;
  min-width: 8rem;
  text-align: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #dcdcdc;
  position: relative;
}
nav.top ul li.withSeparator {
  position: relative;
  margin-left: 1rem;
  padding-left: 1rem;
}
nav.top ul li.withSeparator:before {
  position: absolute;
  content: " ";
  height: 4.5rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  border-left: 1px solid #a2a2a2;
}
nav.top ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0.2rem;
  color: #dcdcdc;
  text-decoration: none;
}
nav.top ul li a:hover {
  color: #d86b3d;
  text-shadow: 1px 1px 2px #000000;
  background-color: #333;
}
nav.top ul li span {
  position: absolute;
  background-color: #e60202;
  color: white;
  font-size: 1.6rem;
  height: 1.8rem;
  padding: 0 0.5rem;
  border-radius: 1rem;
  line-height: 1.6rem;
  font-weight: bold;
  top: 1rem;
  right: 0;
}
nav.top ul li i {
  display: block;
  font-size: 3rem;
  padding-top: 0.9rem;
  line-height: 3rem;
}
nav.top ul li p {
  margin: 0;
  text-align: center;
}
nav.top ul li.balances li a {
  padding: 0 1rem;
}
nav.top ul li.balances li p, nav.top ul li.balances li b {
  text-align: left;
}
nav.top ul li.balances li b {
  display: block;
  padding-top: 1rem;
  color: white;
  font-size: 2.5rem;
  line-height: 3rem;
  white-space: nowrap;
}
nav.top #playnow {
  position: relative;
  min-width: 22rem;
  max-width: 35rem;
  min-height: 4.2rem;
  width: 100%;
  margin: 0 auto;
}
nav.top #playnow button {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  padding: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
nav.top #playnow button.red {
  background-color: #cc4c23;
  border-top: 2px solid #793015;
  border-bottom: 2px solid #793015;
}
nav.top #playnow button.red:hover {
  background-color: #FF632F;
}
nav.top #playnow button span {
  white-space: nowrap;
  font-size: 2rem;
  font-weight: 600;
  position: relative;
  color: white;
  text-shadow: 3px 3px black;
}
nav.top #playnow button span i {
  position: absolute;
  left: -25%;
  font-size: 2.5rem;
}
nav.top #playnow button a {
  display: block;
  color: white;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 0.5rem 1.2rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 3rem;
  text-transform: uppercase;
  font-weight: 700;
}
nav.top #playnow button a:hover {
  background-color: #333;
  color: #d86b3d;
}
nav.top #playnow .popup {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: #464646;
}
nav.top #playnow:hover {
  background-color: #333;
}
nav.top #playnow:hover span button {
  color: #d86b3d;
}
nav.top #playnow:hover .popup {
  display: block;
}
@media (max-width: 624px) {
  nav.top .content {
    top: 7rem;
    display: grid;
    padding: 0 1rem;
    grid-template-areas: "middle right left";
    grid-template-columns: auto 30rem auto;
    max-width: 1280px;
    margin: 0 auto;
  }
  nav.top .content ul.left {
    display: flex;
    grid-area: left;
  }
  nav.top .content ul.right {
    display: flex;
    grid-area: right;
    flex-flow: row-reverse;
    padding-right: 1rem;
  }
  nav.top .content ul.right li {
    padding-left: 10px;
  }
}
@media (min-width: 625px) {
  nav.top .content {
    top: 7rem;
    display: grid;
    padding: 0 1rem;
    grid-template-areas: "middle right left";
    grid-template-columns: auto 30rem auto;
    max-width: 1280px;
    margin: 0 auto;
  }
  nav.top .content ul.left {
    display: flex;
    grid-area: left;
  }
  nav.top .content ul.right {
    display: flex;
    grid-area: right;
    flex-flow: row-reverse;
    padding-right: 1rem;
  }
  nav.top .content ul.right li {
    padding-left: 10px;
  }
}
@media (min-width: 625px) and (max-width: 1099px) {
  nav.top .content ul.left .balances ul {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #464646;
  }
  nav.top .content ul.left .balances ul li:first-of-type {
    margin-left: 0;
    padding-left: 0;
  }
  nav.top .content ul.left .balances ul li:first-of-type :before {
    content: unset;
  }
  nav.top .content ul.left .balances:hover > a {
    background-color: #333;
    color: #d86b3d;
  }
  nav.top .content ul.left .balances:hover ul {
    display: flex;
  }
  nav.top .content ul.left .balances:hover ul li:first-of-type:before {
    content: unset;
  }
}
@media (min-width: 1100px) {
  nav.top .content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "left middle right";
  }
}
@media (min-width: 992px) {
  nav.top {
    padding: 0 2rem;
  }
}
nav.onscreen {
  transform: none !important;
}
nav.mobile {
  position: fixed;
  max-width: 450px;
  overflow-y: scroll;
  width: 90%;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #464646;
  font-size: 2rem;
  color: #a2a2a2;
  transform: translateX(600px);
  z-index: 20;
}
nav.mobile button.close {
  position: absolute;
  background: none;
  border: none;
  right: 0;
  top: 0;
  font-size: 3rem;
  padding: 0;
  width: 7rem;
  height: 7rem;
}
nav.mobile ul {
  list-style: none;
  padding: 0;
  margin-top: 4rem;
}
nav.mobile ul li {
  padding: 1rem 2rem;
  font-size: 2rem;
}
nav.mobile ul li a {
  color: #a2a2a2;
  text-transform: uppercase;
  text-decoration: none;
}
nav.mobile .form {
  margin-top: 6rem;
}
nav.mobile .form button {
  margin-top: 2rem;
  width: 100%;
}
nav.mobile .form .input {
  background: none;
}
nav.mobile .form .input input {
  color: white;
  width: 80%;
  margin-left: 20%;
}
nav.mobile .form .input span {
  padding-left: 20%;
}
nav.mobile .form .input:not(.empty) span {
  left: 20%;
  color: #eee;
  top: -1.4rem;
  padding-left: 0;
}
nav.mobile .form a {
  padding: 0rem 0.5rem;
  color: white;
}
nav.mobile .form a:hover {
  color: #de5d36;
}
nav.mobile .form p.name {
  color: #eee;
  font-size: 2rem;
  padding-left: 4.5rem;
  margin-top: 1rem;
}
nav.mobile .form i.icon-lock, nav.mobile .form i.icon-profil {
  top: 0rem;
}
nav.mobile .form i {
  position: absolute;
  top: 6rem;
  font-size: 3.2rem;
  left: 0.5rem;
  color: white;
  background-color: #d86b3d;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 2.2rem;
}
nav.mobile .form i:before {
  position: absolute;
  width: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
nav.mobile .signup {
  padding: 1rem 2rem;
}
nav.mobile .signup p {
  border-top: 1px solid #eee;
  font-size: 2rem;
  color: white;
  padding-top: 1rem;
  margin: 1rem 0;
}
nav.mobile .signup button {
  width: 100%;
}
nav.mobile .menucol {
  padding: 1rem 2rem;
}
nav.mobile .menucol ul {
  margin-top: 0;
}
nav.mobile .menucol ul li {
  padding: 0rem 0.5rem;
}
nav.mobile .menucol h2 {
  border-top: 1px solid #eee;
  font-size: 2rem;
  color: white;
  padding-top: 0.5rem;
  margin: 0.5rem 0;
}
nav.mobile .menucol a {
  font-size: 1.5rem;
  color: white;
}
nav.mobile .menucol a:hover {
  color: #de5d36;
}
nav.mobile .menucol button {
  width: 100%;
}
nav.mobile {
  transition: transform 0.5s ease-in-out;
}
.textWithNav {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1300px) {
  .textWithNav div.l1 {
    position: relative;
    width: 100%;
    padding: 0.5rem;
  }
  .textWithNav div.amount {
    position: absolute;
    font-size: 32px;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    height: 20%;
    bottom: 12px;
    text-align: center;
  }
  .textWithNav div.Resttext {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    line-height: normal;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    bottom: 62px;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .textWithNav div.l1 {
    position: relative;
    width: 100%;
    padding: 0.5rem;
  }
  .textWithNav div.amount {
    position: absolute;
    font-size: 2.6vw;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    height: 20%;
    bottom: 1vw;
    text-align: center;
  }
  .textWithNav div.Resttext {
    position: absolute;
    font-size: 1.4vw;
    font-weight: bold;
    font-style: italic;
    line-height: normal;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    bottom: 5vw;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .textWithNav div.l1 {
    position: relative;
    width: 100%;
    padding: 0.5rem;
  }
  .textWithNav div.amount {
    position: absolute;
    font-size: 3.2vw;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    height: 20%;
    bottom: 1.2vw;
    text-align: center;
  }
  .textWithNav div.Resttext {
    position: absolute;
    font-size: 1.8vw;
    font-weight: bold;
    font-style: italic;
    line-height: normal;
    color: #FFFFFF;
    width: 100%;
    padding-left: 73%;
    bottom: 6.5vw;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .textWithNav {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-column-gap: 2rem;
  }
}
.textWithNav .video {
  position: relative;
  padding-bottom: 56.25%;
}
.textWithNav .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
nav.side {
  border-radius: 0.4rem;
  margin-bottom: 2rem;
}
nav.side h2 {
  text-align: center;
  color: #cc4c23;
  text-transform: uppercase;
  font-size: 1.9rem;
  line-height: 2rem;
  border-bottom: 1px solid #cc4c23;
  margin: 0;
  padding: 2rem 0;
}
nav.side ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav.side ul li ul li a {
  padding-left: 3rem;
}
nav.side ul li ul li:hover a {
  color: #cc4c23;
}
nav.side ul li ul.dropdown-menu {
  list-style: disc;
  margin-left: 3rem;
}
nav.side ul li ul.dropdown-menu a {
  border-bottom: 0;
  padding-left: 0;
}
nav.side ul li.dropdown {
  border-bottom: 1px solid #eee;
}
nav.side ul li.active > a {
  color: #cc4c23;
  font-weight: bold;
}
nav.side ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #888;
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #eee;
}
nav.side ul li a.dropdown-toggle {
  border-bottom: 0;
  padding-bottom: 1rem;
}
nav.side ul > li:hover > a {
  color: #cc4c23;
}
@media (min-width: 992px) {
  nav.side ul li a {
    padding: 2rem 1.5rem;
  }
  nav.side ul li ul li a {
    padding: 1rem 1.5rem 1rem 3rem;
  }
}
div.text {
  background-color: #fffbf8;
  padding-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
div.text h1, div.text h2, div.text h3, div.text h4, div.text p {
  padding-left: 2rem;
  padding-right: 2rem;
  word-wrap: break-word;
}
div.text h1 {
  position: relative;
  background-color: #cc4c23;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  color: white;
  font-size: 1.9rem;
  line-height: 2rem;
  padding: 2rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
}
div.text h1:before {
  position: absolute;
  content: "";
  color: #cc4c23;
  bottom: -1.6rem;
  font-family: "fontello";
  font-style: normal;
  font-size: 2.6rem;
  line-height: 2.6rem;
  left: 5rem;
}
div.text h2, div.text h3, div.text h4 {
  color: #cc4c23;
}
div.text h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #cc4c23;
  border-top: 1px solid #cc4c23;
  padding: 1.2rem 2rem;
  background-color: #fff7f1;
  text-transform: uppercase;
  margin-top: 3rem;
}
div.text h3 {
  font-size: 1.7rem;
}
div.text h4 {
  font-size: 1.6rem;
  padding-left: 4rem;
  margin-bottom: 0.5rem;
}
div.text h4 + p {
  margin-top: 0.5rem;
}
.form hr, .dialog hr {
  height: 1px;
  border: none;
  border-top: 1px dotted grey;
  margin: 2rem 0;
}
.form p, .dialog p {
  font-size: 1.5rem;
}
.form p[data-validate-for], .dialog p[data-validate-for] {
  color: red;
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
}
.form .g-recaptcha, .dialog .g-recaptcha {
  margin: 2rem -2rem 1rem;
}
.form .g-recaptcha > div, .dialog .g-recaptcha > div {
  margin: 0 auto;
}
.form {
  margin: 2rem;
}
.form .buttons {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
.form .input {
  background-color: #fdf7f3;
}
.line {
  display: flex;
}
.line .input:not(:last-of-type) {
  margin-right: 2rem;
}
.input {
  position: relative;
  margin-top: 2.5rem;
}
.input span, .input input, .input select {
  font-size: 2rem;
  line-height: 4rem;
  padding: 0 1rem;
}
.input span {
  display: block;
  position: absolute;
  top: -1.2rem;
  font-size: 1.3rem;
  line-height: 1.3rem;
  color: #888;
  pointer-events: none;
  transition: all 0.5s;
  padding: 0;
}
.input i {
  position: absolute;
  color: #ccc;
  font-size: 3rem;
  width: 4rem;
  line-height: 4rem;
  text-align: center;
}
.input i.icon-mail, .input i.icon-lock {
  font-size: 2.5rem;
}
.input i:before {
  line-height: 4rem;
}
.input p {
  margin: 0;
  color: red;
  text-align: center;
}
.input.select:before {
  font-family: "fontello";
  content: "";
  position: absolute;
  color: #bbb;
  right: 1.5rem;
  top: 50%;
  transform: translate(0, -50%);
}
.input select {
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  font-size: 1.85rem;
  font-weight: 300;
}
.input select optgroup {
  font-size: 1.5rem;
  padding: 0;
}
.input input, .input select, .input textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ffc7a1;
  background: none;
}
.input input:focus, .input select:focus, .input textarea:focus {
  outline: 0;
  border-bottom: 1px solid #666;
}
.input textarea {
  background: none;
  width: 100%;
  min-height: 20rem;
  padding: 1rem;
  font-family: "Source Sans Pro";
  font-size: 1.8rem;
}
.input i + span + input, .input i + span + select {
  padding-left: 4.2rem;
}
.input.checkbox {
  font-size: 1.4rem;
  padding-left: 4rem;
}
.input.checkbox label {
  cursor: pointer;
}
.input.checkbox input {
  position: absolute;
  float: left;
  width: auto;
  left: 0;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
}
.input.checkbox input:before {
  position: absolute;
  content: " ";
  background-color: white;
  border: 2px solid #999;
  width: 2rem;
  height: 2rem;
  left: 0;
  cursor: pointer;
}
.input.checkbox input:checked:before {
  content: "✓";
  text-align: center;
  line-height: 2rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #999;
}
.input.checkbox p.note {
  margin-top: 0.5rem;
  text-align: left;
  font-size: 1.3rem;
  color: black;
  padding: 0;
}
.input.empty span {
  top: 1.1rem;
  font-size: 2rem;
  line-height: 1.8rem;
  padding-left: 1rem;
}
.input.empty i + span {
  padding-left: 4.2rem;
}
h1.underlined {
  margin-left: 7rem;
  margin-right: 7rem;
  margin-top: 2rem;
  margin-bottom: 0;
  color: #99391a;
  border-bottom: 1px solid #99391a;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
@media (max-width: 1200px) {
  h1.underlined {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media (max-width: 768px) {
  h1.underlined {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
.paging {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  padding: 2rem;
}
.paging a {
  background-color: #d86b3d;
  color: white;
  height: 3rem;
  line-height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.5rem;
  text-decoration: none;
  font-weight: bold;
  border-radius: 0.4rem;
  margin: 0 0.3rem;
  padding: 0;
}
.paging a i {
  font-size: 1.5rem;
}
.paging a:hover {
  font-weight: bold;
}
.paging a.active {
  background-color: #99391a;
}
.paging a.disabled {
  display: none;
}
.tabbox {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
}
.tabbox .header {
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
}
.tabbox .header a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 0;
  text-transform: uppercase;
  background-color: #99391a;
  min-height: 6rem;
  font-size: 1.6rem;
  width: calc(50% - .5rem);
  border: none;
  color: white;
  cursor: pointer;
  text-align: center;
}
.tabbox .header a:focus {
  outline: 0;
}
.tabbox .header a:before {
  position: absolute;
  content: "";
  color: #99391a;
  bottom: -1.5rem;
  font-family: "fontello";
  font-style: normal;
  font-size: 2.6rem;
  line-height: 2.6rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.tabbox .header a:not(.active) {
  background-color: #d86b3d;
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid #99391a;
}
.tabbox .header a:not(.active):before {
  content: "";
  color: #99391a;
  bottom: -0.9rem;
  font-size: 2.6rem;
  line-height: 2.6rem;
}
.tabbox .header a:not(.active):hover {
  background-color: #e67849;
  color: white;
}
.tabbox .header a.disabled {
  background-color: rgba(150, 150, 150, 0.5) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.tabbox .header a i {
  position: absolute;
  width: auto;
  font-size: 3.5rem;
  left: 0.9rem;
  top: 50%;
  transform: translate(0, -50%);
}
.tabbox .header a .bubble {
  display: none;
  position: absolute;
  background-color: #99391a;
  color: white;
  padding: 0;
  line-height: 2.5rem;
  width: 2.5rem;
  border-radius: 1.5rem;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.tabbox .content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background-color: #d86b3d;
  padding: 1.5rem;
}
.dialog {
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.dialog .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  background-color: white;
  max-width: 480px;
  border-radius: 0.4rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-height: 100%;
  overflow-y: auto;
}
.dialog .content:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.dialog .content .header {
  position: relative;
  background-color: #99391a;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.dialog .content .header h2 {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: white;
  text-transform: uppercase;
  padding: 1.6rem 2rem;
}
.dialog .content .header i {
  position: absolute;
  right: 0.2rem;
  color: white;
  font-size: 3rem;
  top: 0.5rem;
  cursor: pointer;
}
.dialog .content .header i:hover {
  color: #e0e0e0;
}
.dialog .content .body {
  overflow-y: auto;
  padding: 0 2rem;
}
.dialog .content .body p:last-of-type {
  margin-bottom: 0;
}
.dialog .content .footer {
  padding: 1rem 0 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dialog .content .footer button {
  margin: 1rem 0 0 1rem;
}
.dialog .content .footer button:first-of-type {
  margin-left: 0;
}
.dialog .content .footer button:last-of-type {
  margin-right: 0;
}
.dialog.result .content h2 {
  font-size: 18px;
  text-align: center;
}
.dialog.profile .body .tabbox {
  margin-left: -2rem;
  margin-right: -2rem;
}
.dialog.profile .body .tabcontent.personal, .dialog.profile .body .tabcontent.about {
  display: none;
}
.dialog.profile .body textarea {
  padding-left: 4.2rem;
}
.dialog.top40 .body {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 1.5rem 0;
}
.dialog.top40 .body td {
  font-weight: bold;
  width: 20%;
  text-align: center;
}
.dialog.top40 .body td small {
  font-weight: normal;
  display: block;
}
.dialog.top40 .body p {
  padding: 0 2rem;
}
.boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1.8rem;
  padding-top: 4rem;
  padding-bottom: 1rem;
}
.boxes .col2vert {
  grid-column: span 2;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 1.8rem;
}
@media (max-width: 1000px) {
  .boxes {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 650px) {
  .boxes {
    grid-template-columns: 1fr;
  }
  .boxes .col2vert {
    grid-column: span 1;
  }
}
.box {
  position: relative;
  margin-bottom: 2rem;
  min-height: 42rem;
}
.box.framed {
  background-color: #d86b3d;
  border-radius: 0.4rem 0.4rem;
}
.box.framed .inner {
  background-color: white;
  margin: 1.5rem;
  padding: 1.5rem;
  height: calc(100% - 6.5rem);
}
.box.list h2 {
  position: relative;
  color: white;
  line-height: 1.8rem;
  text-transform: uppercase;
  font-size: 1.6rem;
  padding: 0 1rem 0 7rem;
  margin: 0;
  min-height: 6rem;
  background-color: #ff632f;
  border-radius: 0.4rem 0.4rem 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box.list h2 i {
  position: absolute;
  width: auto;
  font-size: 4rem;
  left: 0.9rem;
  top: 50%;
  transform: translate(0, -50%);
}
.box.list ul {
  background-color: #ff632f;
  list-style: none;
  padding: 0;
  margin: 0 0 3.5rem;
}
.box.list ul li {
  position: relative;
  font-size: 1.5rem;
  background-color: white;
  border-bottom: 1px solid #ff632f;
  min-height: 5.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box.list ul li a {
  display: block;
  padding: 1rem 1rem 1rem 6rem;
  text-decoration: none;
  color: #333;
}
.box.list ul li:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.box.list ul li:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.9);
}
.box.list ul li i {
  position: absolute;
  left: 1rem;
  font-size: 3.2rem;
  color: white;
  background-color: #ff632f;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 2.2rem;
  top: 50%;
  transform: translate(0, -50%);
}
.box.list ul li i:before {
  position: absolute;
  width: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.box.list ul li p {
  margin: 0;
}
.box.list ul li p span {
  font-weight: bold;
}
.box.list ul li p:first-of-type {
  font-weight: bold;
}
.box p.note {
  padding: 1rem;
  font-size: 1.5rem;
  text-align: center;
  color: #666;
}
.box .link {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: block;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  background-color: #FFFFFF;
  border-radius: 0 0 0.4rem 0.4rem;
}
.box .link a button {
  background-color: #ff632f;
}
.box .link a button:hover {
  background-color: #ff974f;
}
.box.grey.list h2 {
  background-color: #999999;
}
.box.grey ul {
  background-color: #999999;
}
.box.grey ul li {
  border-bottom: 1px solid #999999;
}
.box.grey ul li i {
  background-color: #999999;
}
.box.grey .link {
  background-color: #999999;
}
.box.light.framed {
  background-color: #ff974f;
}
.box.light.list h2 {
  background-color: #ff974f;
}
.box.light ul {
  background-color: #ff974f;
}
.box.light ul li {
  border-bottom: 1px solid #ff974f;
}
.box.light ul li i {
  background-color: #ff974f;
}
.box.light .link {
  background-color: #ff974f;
}
.box.light .link a button {
  background-color: #ff974f;
}
.box.dark.framed {
  background-color: #cc4c23;
}
.box.dark.list h2 {
  background-color: #cc4c23;
}
.box.dark ul {
  background-color: #cc4c23;
}
.box.dark ul li {
  border-bottom: 1px solid #cc4c23;
}
.box.dark ul li i {
  background-color: #cc4c23;
}
.box.dark .link {
  background-color: #FFFFFF;
}
.box.dark .link a button {
  background-color: #cc4c23;
}
.box.dark .link a button:hover {
  background-color: #ff632f;
}
.box.hotline .inner {
  position: relative;
  font-size: 1.8rem;
}
.box.hotline .inner h2, .box.hotline .inner a, .box.hotline .inner p {
  position: relative;
}
.box.hotline .inner h2 {
  font-size: 2.5rem;
  margin-top: 0;
}
.box.hotline .inner a {
  color: #ff632f;
  text-decoration: none;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4rem;
}
.box.hotline .inner img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.box.hotline h3 {
  position: relative;
  color: white;
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.box.hotline h3 i {
  position: absolute;
  width: auto;
  font-size: 3.5rem;
  left: 0.9rem;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 380px) {
  .box.hotline .inner img {
    width: 38vw;
  }
}
.box.feature .inner {
  background-color: #333;
}
@media (min-width: 1000px) {
  .box.feature .inner {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
  }
}
.box.lastWinners ul li p span:first-of-type {
  color: #189a33;
}
.wmbanner {
  max-width: 72rem;
  margin: 2rem auto -2rem;
  text-align: center;
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: #fcf5e0;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 1rem;
}
.wmbanner p {
  margin: 0.5rem 0;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .wmbanner {
    flex-direction: column;
  }
}
.box.myProfile {
  background-color: #999999;
  padding-bottom: 3.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.box.myProfile .content {
  flex-grow: 1;
  background-color: rgba(255, 255, 255, 0.95);
  height: 100%;
  padding-bottom: 1px;
}
.box.myProfile .top, .box.myProfile .profile {
  display: flex;
}
.box.myProfile .top {
  flex-direction: column;
}
.box.myProfile .nameWithMotto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 1rem;
}
.box.myProfile .nameWithMotto h1 {
  font-size: 2.4rem;
  margin: 0;
}
.box.myProfile .nameWithMotto quote {
  font-size: 1.5rem;
  color: #666;
}
.box.myProfile .imgWithStatus {
  padding: 2rem;
}
.box.myProfile .imgWithStatus img {
  display: block;
  width: 10rem;
}
.box.myProfile .imgWithStatus span {
  display: block;
  text-align: center;
  color: #0ec431;
  font-size: 1.3rem;
  margin-top: 0.4rem;
}
.box.myProfile .imgWithStatus span.fun {
  color: #ff9a1e;
}
.box.myProfile .about h2 {
  background: none;
  color: #555;
  text-transform: none;
  margin-top: 1rem;
  padding: 0 2rem;
  min-height: unset;
}
.box.myProfile .about p {
  padding: 0 2rem;
  font-size: 1.5rem;
  line-height: 2.5rem;
  margin-top: 0.5rem;
  color: #999999;
  overflow-y: auto;
  max-height: 10rem;
}
.box.myProfile .loginNote {
  padding: 0 2rem;
  text-align: center;
  font-size: 1.3rem;
  color: #999999;
  position: absolute;
  bottom: 3.5rem;
  text-align: center;
  width: 100%;
}
.box.myProfile .link {
  background-color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 480px) {
  .box.myProfile .nameWithMotto h1 {
    font-size: 2rem;
  }
  .box.myProfile .nameWithMotto quote {
    font-size: 1.4rem;
  }
  .box.myProfile .imgWithStatus {
    width: 11rem;
    padding: 1.5rem;
  }
  .box.myProfile .imgWithStatus img {
    width: 8rem;
  }
}
@media (min-width: 600px) and (max-width: 720px) {
  .box.myProfile .nameWithMotto h1 {
    font-size: 2rem;
  }
  .box.myProfile .nameWithMotto quote {
    font-size: 1.4rem;
  }
  .box.myProfile .imgWithStatus {
    padding: 1.5rem;
  }
  .box.myProfile .imgWithStatus img {
    width: 9rem;
  }
}
@media (min-width: 600px) and (max-width: 1000px) {
  .box.myProfile {
    grid-column: span 2;
    min-height: 30rem;
  }
  .box.myProfile .imgWithStatus {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .box.myProfile .top {
    flex-direction: row;
    height: 20rem;
  }
  .box.myProfile .top .profile, .box.myProfile .top .about {
    width: 50%;
  }
  .box.myProfile .top .about {
    border-left: 1px solid #eee;
    margin-top: 3rem;
  }
  .box.myProfile .top .about h2 {
    margin-top: 1rem;
  }
}
.home .precontent .inner {
  padding: 0;
  padding: 0 0 9rem;
}
.home .precontent .inner img {
  display: block;
  max-width: 90%;
  margin: 0 auto;
}
.home .wrapper > .content {
  background: linear-gradient(180deg, #cd4c25 0%, #d66438 43%, #e58d59 100%);
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  box-shadow: none !important;
  margin-top: -10rem !important;
  color: white;
  padding: 5rem;
}
.home .wrapper > .content h1 {
  margin: 0 0 1rem;
  font-size: 5rem;
  line-height: 5.5rem;
  font-weight: 600;
}
.home .wrapper > .content h2 {
  font-size: 3rem;
  font-weight: 600;
}
.home .wrapper > .content h3 {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
}
.home .wrapper > .content p {
  font-size: 1.8rem;
}
@media (max-width: 800px) {
  .home .wrapper > .content {
    padding: 4rem;
  }
}
@media (max-width: 600px) {
  .home .wrapper > .content {
    padding: 2.5rem;
  }
  .home .wrapper > .content h1 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}
.home .main {
  margin: 5rem 0;
}
.home .videoWithBox {
  display: grid;
  grid-template-columns: auto 36rem;
  grid-column-gap: 2rem;
}
.home .videoWithBox .video {
  height: 49rem;
  background-color: black;
  border-radius: 1rem;
}
.home .videoWithBox .video iframe {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}
.home .videoWithBox .box {
  background-color: #4d4d4d;
  padding: 2.8rem 2.8rem 5rem 2.8rem;
  border-radius: 1rem;
  margin: 0;
}
.home .videoWithBox .box span {
  display: block;
  background-color: #cd4c25;
  width: 5rem;
  height: 5rem;
  padding: 1rem;
  position: absolute;
  left: -7rem;
  top: 0.6rem;
  border-radius: 0.5rem;
}
.home .videoWithBox .box span img {
  width: 100%;
}
.home .videoWithBox .box h2 {
  font-size: 3.2rem;
  line-height: 3.5rem;
  margin: 0;
}
.home .videoWithBox .box ul {
  list-style: none;
  margin: 0;
  padding-left: 7rem;
}
.home .videoWithBox .box ul li {
  margin-top: 2rem;
  position: relative;
}
.home .videoWithBox .box p {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.home .videoWithBox .box a {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: white;
  font-size: 1.5rem;
  color: #CD4C25;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
  padding: 1.4rem 0;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  .home .videoWithBox {
    display: block;
  }
  .home .videoWithBox .video {
    position: absolute;
    width: 100vw;
    left: 0;
    height: 56vw;
    border-radius: unset;
    margin-top: -52vw;
  }
  .home .videoWithBox .box {
    margin-top: 52vw;
  }
}
@media (max-width: 800px) {
  .home .videoWithBox .box {
    margin-top: 54vw;
  }
}
@media (max-width: 600px) {
  .home .videoWithBox .box {
    margin-top: 56vw;
  }
}
.home .images {
  margin-top: 10rem;
}
.home .images .gallery {
  display: flex;
  justify-content: space-between;
}
.home .images .gallery .img {
  width: 32%;
}
.home .images .gallery .img img {
  width: 100%;
  border-radius: 1rem;
}
.home .images .gallery .img h3 {
  margin: 1rem 0;
}
.home .images .gallery .img p {
  margin: 0;
}
@media (max-width: 1100px) {
  .home .images .gallery {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .home .images .gallery .img {
    width: 48%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 600px) {
  .home .images .gallery .img {
    width: 100%;
  }
}
.home .features {
  margin-top: 10rem;
}
.home .features .miniboxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 2rem;
}
.home .features .miniboxes .box {
  position: relative;
  background-color: white;
  padding: 3rem;
  min-height: unset;
  border-radius: 1rem;
}
.home .features .miniboxes .box img {
  position: absolute;
  top: 3.2rem;
  height: 2.5rem;
}
.home .features .miniboxes .box h3 {
  color: #CD4C25;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  padding-left: 3.5rem;
}
.home .features .miniboxes .box p {
  color: #333;
  margin-bottom: 0;
}
@media (max-width: 1100px) {
  .home .features .miniboxes {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .home .features .miniboxes {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  .home .features .miniboxes {
    grid-template-columns: 1fr;
  }
}
.account-index .table td.icon i, .account-fun .table td.icon i {
  font-size: 3rem;
  color: #ff974f;
}
.account-index .table td.type, .account-fun .table td.type {
  text-align: left;
}
.account-index .table td.type p, .account-fun .table td.type p {
  margin: 0;
  padding: 0;
}
.account-deposit nav.side ul {
  margin-bottom: 2rem;
}
.account-deposit nav.side p {
  font-size: 1.4rem;
  margin: 0 1rem 1rem 0;
}
.account-deposit nav.side .accountInfo {
  display: flex;
  flex-direction: column;
}
.account-deposit nav.side .accountInfo label {
  display: block;
  font-weight: bold;
}
.account-deposit nav.side .accountInfo p {
  margin: 0 1rem 1rem 0;
}
@media (max-width: 992px) {
  .account-deposit nav.side .accountInfo {
    display: block;
  }
  .account-deposit nav.side .accountInfo p {
    display: inline-block;
  }
}
.account-deposit .input textarea {
  min-height: 7rem;
}
.account-deposit .methods {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 1rem;
}
.account-deposit .method {
  display: inline-block;
  max-width: 20rem;
  padding: 1rem;
  background-color: #fff7f1;
  border: 1px solid #cc4c23;
  border-radius: 0.5rem;
  text-align: center;
  cursor: pointer;
}
.account-deposit .method:hover {
  background-color: #f9f0ea;
}
.account-deposit .method.selected {
  background-color: #fdebdc;
  border: 2px solid #cc4c23;
}
.account-deposit .method p {
  margin-bottom: 0;
  font-weight: bold;
}
.account-deposit .method img {
  max-width: 100%;
  max-height: 3rem;
}
[class^="messages-"] nav.side button {
  display: block;
  margin: 2rem auto 0;
}
[class^="messages-"] table .unseen td {
  font-weight: bold;
}
[class^="messages-"] table td {
  cursor: pointer;
  line-height: 2rem;
}
[class^="messages-"] table td.left {
  text-align: left;
}
[class^="messages-"] table td:first-of-type, [class^="messages-"] table th:first-of-type {
  width: 4rem;
}
[class^="messages-"] table td .input.checkbox, [class^="messages-"] table th .input.checkbox {
  position: relative;
  padding: 0;
  margin: 0;
  width: 0;
  height: 100%;
  width: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
[class^="messages-"] table td .input.checkbox input, [class^="messages-"] table th .input.checkbox input {
  position: relative;
  height: calc(2rem + 4px);
}
.matches-results table {
  min-width: 60rem;
}
.matches-results table td {
  cursor: pointer;
  line-height: 2rem;
}
.matches-results table td span {
  display: block;
}
.matches-results table td.first {
  text-align: center;
}
.matches-results table td.first span {
  color: black;
}
.matches-result-details table {
  min-width: 60rem;
}
.matches-result-details table tbody td:first-of-type {
  text-align: center;
}
.matches-result-details table tbody td i {
  font-size: 2.5rem;
}
.matches-result-details table tbody td i.icon-herz, .matches-result-details table tbody td i.icon-karo {
  color: red;
}
.matches-result-details table tbody td.spacing div {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.matches-result-details table tbody td.spacing div i {
  font-size: 1.5rem;
  font-style: normal;
}
.matches-result-details table tbody tr.centcont td {
  font-weight: bold;
}
.matches-result-details table tbody tr.centcont td:first-of-type {
  text-align: right;
}
.matches-result-details table tfoot:before {
  line-height: 1.5em;
  content: ".";
  color: white;
  display: block;
}
.matches-result-details table tfoot tr:first-of-type td {
  border-top: 1px solid #ffc7a1;
}
.matches-result-details table tfoot td {
  text-align: center;
  font-weight: bold;
}
.matches-result-details table tfoot td:first-of-type {
  text-align: right;
}
.matches-result-details .text ul {
  list-style: none;
  padding-left: 1rem;
}
.matches-result-details .text ul li {
  padding: 0.5rem 0;
}
.matches-result-details .text ul li label {
  display: inline-block;
  width: 18rem;
  text-align: right;
  margin-right: 2rem;
  font-weight: bold;
}
[class^="ranking-"] {
  /*.jackpots + .table
	{
		padding-top: 0;
	}*/
}
[class^="ranking-"] .jackpots {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 5.3rem;
  padding-right: 1rem;
}
[class^="ranking-"] .jackpots p {
  margin: 0;
  font-size: 1.3rem;
}
[class^="ranking-"] .jackpots p span {
  display: inline-block;
  width: 8rem;
  font-size: 1.6rem;
  text-align: right;
}
.ranking-monthly table {
  min-width: 60rem;
}
.ranking-rocket h2 {
  margin-top: 4rem;
}
.ranking-rocket .weeks .table.withPadding {
  padding-top: 0;
}
.ranking-rocket table {
  min-width: 670px;
}
.ranking-rocket table td small {
  display: block;
}
.ranking-quartals-rallye tr:hover {
  cursor: pointer;
}
.help-contact nav.side div {
  position: relative;
  height: 30rem;
}
.help-contact nav.side div * {
  position: relative;
}
.help-contact nav.side img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
  z-index: 0;
  max-width: 200px;
}
.help-contact nav.side h3 {
  font-size: 2.5rem;
}
.help-contact nav.side p {
  font-size: 1.8rem;
}
.help-contact nav.side a {
  color: #ff632f;
  text-decoration: none;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4rem;
}
.tournaments-result-details .wrapper .content {
  padding-top: 1rem;
}
.tournaments-lobby-results-details .table table th:nth-child(4), .tournaments-result-details .table table th:nth-child(4) {
  width: 10rem;
}
.tournaments-lobby-results-details .table .headline .prizes, .tournaments-result-details .table .headline .prizes {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 5.3rem;
  padding-right: 1rem;
}
.tournaments-lobby-results-details .table .headline .prizes p, .tournaments-result-details .table .headline .prizes p {
  margin: 0;
  font-size: 1.3rem;
}
.tournaments-lobby-results-details .table .headline .prizes p span, .tournaments-result-details .table .headline .prizes p span {
  display: inline-block;
  width: 8rem;
  font-size: 1.6rem;
  text-align: right;
}
.tournaments-lobby-results-details {
  overflow: hidden;
}
.tournaments-lobby-results-details .table .headline .select, .tournaments-lobby-results-details .table .headline .prizes {
  height: 4.3rem;
}
.tournaments-lobby-results-details table th {
  height: 4rem;
}
.tournaments-lobby-results-details table td {
  height: 4.5rem;
}
.tournaments-lobby-results-details .wrapper {
  height: calc(100vh - 8.3rem);
  overflow-y: auto;
}
.tournaments-lobby-results-details .paging {
  padding: 0.5rem;
  background-color: #444343;
}
.tournaments-list .wrapper .content, .tournaments-results .wrapper .content {
  padding-top: 1rem;
}
.tournaments-list .table.withPadding, .tournaments-results .table.withPadding {
  padding-top: 2rem;
}
.tournaments-list table th, .tournaments-results table th {
  padding: 0 1rem;
}
.tournaments-list table td, .tournaments-results table td {
  cursor: pointer;
  line-height: 2rem;
  padding: 1rem;
}
.tournaments-list table td span, .tournaments-results table td span {
  display: block;
}
.tournaments-list table td.first, .tournaments-results table td.first {
  text-align: center;
  min-width: 14rem;
}
.tournaments-list table td.first span, .tournaments-results table td.first span {
  color: black;
  font-weight: normal;
}
.tournaments-list table td:nth-of-type(3), .tournaments-results table td:nth-of-type(3) {
  text-align: left;
  min-width: 30rem;
}
.tournaments-list table td:nth-of-type(3) span, .tournaments-results table td:nth-of-type(3) span {
  font-weight: bold;
}
.tournaments-list table td:last-of-type, .tournaments-results table td:last-of-type {
  min-width: 14rem;
}
.tournaments-list table td:last-of-type span, .tournaments-results table td:last-of-type span {
  font-weight: bold;
}
.news .text {
  background: none;
}
.news article {
  background-color: #fff9f5;
  margin-bottom: 6rem;
  padding-bottom: 2rem;
}
.news article p.date {
  margin: 0;
  text-align: right;
}
.newsletter-signout .twoCols {
  display: flex;
  justify-content: space-between;
  padding: 3rem;
}
.newsletter-signout h1 {
  font-size: 2.5rem;
  padding: 3rem;
  text-align: center;
}