/*
 * Copyright (c) 2003-2020 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
#landingpage .lpinput {
  position: relative;
  margin-bottom: 8px;
}
#landingpage .lpinput .red.warning {
  position: absolute;
  left: -40px;
  bottom: -4px;
  display: none;
}
#landingpage .lpinput.showError .red.warning {
  display: block;
}
#landingpage .tooltip-instance {
  position: absolute;
  left: 228px;
  top: -6px;
  width: 186px;
  display: none;
}
#landingpage .lpinput .base.input input {
  padding: 2px 4px;
  width: 200px;
}
#landingpage #unknownErrorBox {
  width: auto;
  height: auto;
  padding-left: 45px;
  margin: 4px 0 10px;
  display: none;
}
/*new styles*/
#landingpage #imageChanger {
  position: relative;
  float: left;
  margin-top: 28px;
  margin-left: 5px;
  padding-top: 15px;
  box-sizing: border-box;
}
#landingpage.loadingIndicator #imageChanger,
#landingpage.loadingIndicator #benefitsArrow {
  visibility: hidden;
}
#landingpage.loadingIndicator .footerSelector {
  display: none;
}
#landingpage div[class*='footerWithStripes']:before {
  /*contains css class */
  background-position: 150px 0px;
}
#imageChanger .slider-holder {
  width: 241px;
  height: 141px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  text-align: center;
  overflow: hidden;
}
#imageChanger .image-holder {
  width: 2410px;
  height: 141px;
  clear: both;
  position: relative;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
#imageChanger .button-holder {
  position: absolute;
  top: 72px;
  width: 100%;
}
#imageChanger .button-holder .buttonLeft {
  float: left;
  margin-left: -9px;
}
#imageChanger .button-holder .buttonRight {
  float: right;
  margin-right: -9px;
}
#imageChanger .button-holder .buttonLeft,
#imageChanger .button-holder .buttonRight {
  cursor: pointer;
}
#imageChanger .slider-image {
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 241px;
}
#imageChanger[data-current-image="0"] .image-holder {
  left: 0px;
}
#imageChanger[data-current-image="1"] .image-holder {
  left: -241px;
}
#imageChanger[data-current-image="2"] .image-holder {
  left: -482px;
}
#imageChanger[data-current-image="3"] .image-holder {
  left: -723px;
}
#imageChanger[data-current-image="4"] .image-holder {
  left: -964px;
}
#imageChanger[data-current-image="5"] .image-holder {
  left: -1205px;
}
#imageChanger[data-current-image="6"] .image-holder {
  left: -1446px;
}
#imageChanger[data-current-image="7"] .image-holder {
  left: -1687px;
}
#imageChanger[data-current-image="8"] .image-holder {
  left: -1928px;
}
#imageChanger[data-current-image="9"] .image-holder {
  left: -2169px;
}
#imageChanger .slider-change {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: brown;
}
#landingpage #benefitsArrow {
  position: absolute;
  z-index: 1;
  margin-left: -6px;
  margin-top: -52px;
}
#landingpage #benefitsArrow ul {
  padding-left: 12px;
  list-style: none;
  padding-top: 10px;
  margin: 0px;
}
#landingpage #benefitsArrow ul li {
  margin-bottom: 1px;
}
#landingpage #benefitsArrow ul li span.ic_approved {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
#landingpage #benefitsCurrency {
  position: absolute;
  top: 53px;
  left: 201px;
}
#landingpage .topContent {
  padding: 34px 55px 0 22px;
}
#landingpage .topContent .regText {
  display: inline-block;
  margin-bottom: 8px;
}
#landingpage .registrationButtonWrapper {
  position: absolute;
  z-index: 1;
  bottom: -20px;
  text-align: center;
  width: 214px;
}
body[lang=de] #landingpage .registrationButtonWrapper,
body[lang=nl] #landingpage .registrationButtonWrapper {
  bottom: -33px;
}
#landingpage .registrationButtonWrapper #registrationButton {
  display: block;
}
body[lang=de] #landingpage .registrationButtonWrapper #registrationButton,
body[lang=nl] #landingpage .registrationButtonWrapper #registrationButton {
  box-sizing: border-box;
  display: block;
  height: 57px;
}
#landingpage .registrationButtonWrapper #registrationButton .buttonBottom {
  display: block;
  margin-top: -17px;
}
#landingpage .leftColumn,
#landingpage .rightColumn {
  width: 50%;
  float: left;
  padding: 23px 0px 20px 20px;
  box-sizing: border-box;
}
#landingpage .leftColumn ul,
#landingpage .rightColumn ul {
  padding-left: 74px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#landingpage .leftColumn .icon_sprite,
#landingpage .rightColumn .icon_sprite {
  margin-right: 14px;
  margin-top: -9px;
}
#landingpage .stripesDiv {
  background-position: 140px;
}
/*generated*/
.icon-landingpage {
  background-image: url('images/sprite-landingpage.png');
}
.icon-landingpage-bbb {
  background-position: -659px -87px;
  width: 100px;
  height: 45px;
}
.icon-landingpage-behind_seoTeaser {
  background-position: 0px 0px;
  width: 275px;
  height: 171px;
}
.icon-landingpage-benefitArrow_blueGreen {
  background-position: -275px 0px;
  width: 300px;
  height: 87px;
}
.icon-landingpage-benefitArrow_midBlue,
.icon-landingpage-benefitArrow_lightBlue {
  background-position: 0px -171px;
  width: 300px;
  height: 87px;
}
.icon-landingpage-benefitArrow_midGreen,
.icon-landingpage-benefitArrow_lightGreen {
  background-position: 0px -258px;
  width: 300px;
  height: 87px;
}
.icon-landingpage-benefitArrow_purple {
  background-position: 0px -345px;
  width: 300px;
  height: 87px;
}
.icon-landingpage-benefitArrow_turquoise {
  background-position: 0px -432px;
  width: 300px;
  height: 87px;
}
.icon-landingpage-benefitArrow_yellow,
.icon-landingpage-benefitArrow_orange {
  background-position: -575px 0px;
  width: 300px;
  height: 87px;
}
.icon-landingpage-coins {
  background-position: -575px -87px;
  width: 84px;
  height: 71px;
}
body[lang=fr] #landingpage #benefitsCurrency,
.icon-landingpage-diamonds {
  background-position: -575px -158px;
  width: 76px;
  height: 55px;
}
/*certificate adaptions*/
#landingpage .sealOfApproval .rightColumn {
  float: none;
}
#landingpage .sealOfApproval .trustseals {
  float: right;
}
#landingpage .sealOfApproval .thawte {
  width: 135px;
  height: 80px;
  position: absolute;
  top: 25px;
  right: 26px;
}
#landingpage .sealOfApproval .thawte img {
  max-width: 135px;
  margin-top: 8px !important;
}
#landingpage .sealOfApproval .bbb {
  width: 135px;
  height: 75px;
  position: absolute;
  top: 130px;
  right: 26px;
}
#landingpage .sealOfApproval .bbb div {
  margin: 18px 0px 0px 18px;
}
/*SEO content*/
#landingpage #gameInfo {
  margin-top: 10px;
}
#landingpage #gameInfo h1,
#landingpage #gameInfo .textContainerHeader {
  margin: 0;
  font-size: 13px;
}
#landingpage #gameInfo h1 {
  font-size: 14px;
}
#landingpage #gameInfo h2 {
  margin: 9px 0;
  font-size: 12px;
  font-weight: bold;
}
#landingpage #gameInfo .content {
  padding: 10px 20px;
}
#landingpage #gameInfo .content img.floatLeft {
  margin: 3px 10px 3px 0;
}
#landingpage #gameInfo .content img.floatRight {
  margin: 3px 0 3px 10px;
}
#landingpage #gameInfo .content img.standalone {
  margin: 10px 0 10px 0;
}
/* Theme world content */
#gameInfo ul.navigation {
  list-style-position: inside;
  margin: -10px 0 20px 0;
  padding: 0;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
}
#gameInfo ul.navigation ul.sub {
  display: none;
  position: absolute;
}
#gameInfo ul.navigation li:hover ul.sub {
  display: block;
  left: -41px;
}
#gameInfo ul.navigation ul.sub li {
  margin: 0;
  background-color: #FFFFFF;
}
#gameInfo ul.navigation ul.sub li:hover {
  background-color: #EAF2F6;
}
#gameInfo ul.navigation li {
  list-style-type: none;
  padding: 7px 5px;
  position: relative;
  text-align: center;
  margin: 10px 0 0;
  width: 100px;
  height: 32px;
  display: table;
}
#gameInfo ul.navigation li a {
  text-decoration: none;
  display: table-cell;
  position: relative;
  vertical-align: middle;
}
#gameInfo img.historyMap {
  margin-left: 57px;
  margin-top: 10px;
}
#gameInfo .pointTable td {
  width: 200px;
}
#gameInfo #skatHistory {
  position: relative;
  top: -1280px;
  width: 578px;
  margin-left: 52px;
  line-height: 15px;
}
#gameInfo #skatHistory div {
  width: 190px;
  position: absolute;
}
#gameInfo #skatHistory .part1 {
  margin-left: 15px;
  text-align: right;
  top: 140px;
}
#gameInfo #skatHistory .part2 {
  margin-left: 255px;
  text-align: left;
  top: 277px;
}
#gameInfo #skatHistory .part3 {
  margin-left: 255px;
  text-align: left;
  top: 541px;
}
#gameInfo #skatHistory .part4 {
  margin-left: 15px;
  text-align: right;
  top: 843px;
}
#gameInfo #skatHistory .part5 {
  margin-left: 15px;
  text-align: right;
  top: 1147px;
}
#landingpage #gameInfo .content img.rmGallary {
  margin-left: 2px;
  margin-right: 2px;
}
#gameInfo #tarotHistory {
  position: relative;
  top: -1630px;
  margin-left: 57px;
  color: #93101E;
  font-family: Arial, Verdana, Sans-serif;
  font-size: 12px;
}
#gameInfo #tarotHistory div {
  width: 190px;
  position: absolute;
}
#gameInfo #tarotHistory .part1 {
  height: 109px;
  left: 22px;
  top: 213px;
  text-align: right;
}
#gameInfo #tarotHistory .part2 {
  height: 239px;
  left: 14px;
  top: 350px;
  text-align: right;
}
#gameInfo #tarotHistory .part3 {
  height: 170px;
  left: 8px;
  top: 605px;
  text-align: right;
}
#gameInfo #tarotHistory .part4 {
  height: 112px;
  left: 260px;
  top: 476px;
}
#gameInfo #tarotHistory .part5 {
  height: 394px;
  left: 260px;
  top: 798px;
}
#gameInfo #tarotHistory .part6 {
  left: 260px;
  top: 1205px;
  width: 185px;
}
#gameInfo #tarotHistory .part7 {
  height: 312px;
  left: 7px;
  top: 943px;
  text-align: right;
}
#gameInfo #tarotHistory .part8 {
  height: 110px;
  left: 6px;
  top: 1417px;
  text-align: right;
}
#gameInfo #tarotHistory #mongols {
  width: 139px;
  height: 82px;
  background: url("images/im_139x82_mongole.png") 0 0 no-repeat;
  left: 310px;
  top: 366px;
}