@font-face {
  font-family: 'icf-gdx';
  src: url('../base/styles/icf-fonts/icf-gdx.eot?-d0xph7');
  src: url('../base/styles/icf-fonts/icf-gdx.eot?#iefix-d0xph7') format('embedded-opentype'), url('../base/styles/icf-fonts/icf-gdx.woff?-d0xph7') format('woff'), url('../base/styles/icf-fonts/icf-gdx.ttf?-d0xph7') format('truetype'), url('../base/styles/icf-fonts/icf-gdx.svg?-d0xph7#icf-gdx') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icf-"]:before,
[class^="icf-"]:after,
[class*=" icf-"]:before,
[class*=" icf-"]:after {
  font-family: 'icf-gdx';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icf-"]:after,
[class*=" icf-"]:after,
[class^="icf-"]:before,
[class*=" icf-"]:before {
  top: 0.1em;
  position: relative;
}
.icf-reset[class^="icf-"]:after,
.icf-reset[class*=" icf-"]:after,
.icf-reset[class^="icf-"]:before,
.icf-reset[class*=" icf-"]:before {
  top: 0px;
}
.icf-textSpace:before {
  padding-right: 0.3em;
}
.icf-textSpace:after {
  padding-left: 0.3em;
}
.icf-autosortOff:before,
.icf-autosortOff-after:after {
  content: "\e904";
}
.icf-autosortOn:before,
.icf-autosortOn-after:after {
  content: "\e905";
}
.icf-chatHistory:before,
.icf-chatHistory-after:after {
  content: "\e906";
}
.icf-table:before,
.icf-table-after:after {
  content: "\e902";
}
.icf-denied:before,
.icf-denied-after:after {
  content: "\e903";
}
.icf-colorblindOff:before,
.icf-colorblindOff-after:after {
  content: "\e900";
}
.icf-colorblindOn:before,
.icf-colorblindOn-after:after {
  content: "\e901";
}
.icf-jumpToDuel:before,
.icf-jumpToDuel-after:after {
  content: "\e800";
}
.icf-leaveDuel:before,
.icf-leaveDuel-after:after {
  content: "\e801";
}
.icf-winnerByPoint:before,
.icf-winnerByPoint-after:after {
  content: "\e642";
}
.icf-winnerTakesAll:before,
.icf-winnerTakesAll-after:after {
  content: "\e643";
}
.icf-skillLevel:before,
.icf-skillLevel-after:after {
  content: "\e644";
}
.icf-doubleArrow:before,
.icf-doubleArrow-after:after {
  content: "\e641";
}
.icf-star:before,
.icf-star-after:after {
  content: "\e640";
}
.icf-diamond:before,
.icf-diamond-after:after {
  content: "\e63f";
}
.icf-abort:before,
.icf-abort-after:after {
  content: "\e600";
}
.icf-action:before,
.icf-action-after:after {
  content: "\e601";
}
.icf-addFriend:before,
.icf-addFriend-after:after {
  content: "\e602";
}
.icf-alert:before,
.icf-alert-after:after {
  content: "\e603";
}
.icf-arrowBottom:before,
.icf-arrowBottom-after:after {
  content: "\e604";
}
.icf-arrowDown:before,
.icf-arrowDown-after:after {
  content: "\e605";
}
.icf-arrowLeft:before,
.icf-arrowLeft-after:after {
  content: "\e606";
}
.icf-arrowRight:before,
.icf-arrowRight-after:after {
  content: "\e607";
}
.icf-arrowTop:before,
.icf-arrowTop-after:after {
  content: "\e608";
}
.icf-bookmarkAndroid:before,
.icf-bookmarkAndroid-after:after {
  content: "\e609";
}
.icf-burger:before,
.icf-burger-after:after {
  content: "\e60a";
}
.icf-cardsBoards:before,
.icf-cardsBoards-after:after {
  content: "\e60b";
}
.icf-challenge:before,
.icf-challenge-after:after {
  content: "\e60c";
}
.icf-chatOn:before,
.icf-chatOn-after:after {
  content: "\e60d";
}
.icf-chatOff:before,
.icf-chatOff-after:after {
  content: "\e60e";
}
.icf-close:before,
.icf-close-after:after {
  content: "\e60f";
}
.icf-coins:before,
.icf-coins-after:after {
  content: "\e610";
}
.icf-colorblind:before,
.icf-colorblind-after:after {
  content: "\e611";
}
.icf-community:before,
.icf-community-after:after {
  content: "\e612";
}
.icf-controller:before,
.icf-controller-after:after {
  content: "\e613";
}
.icf-externLink:before,
.icf-externLink-after:after {
  content: "\e614";
}
.icf-fat_arrow:before,
.icf-fat_arrow-after:after {
  content: "\e615";
}
.icf-favorite:before,
.icf-favorite-after:after {
  content: "\e616";
}
.icf-female:before,
.icf-female-after:after {
  content: "\e617";
}
.icf-flame:before,
.icf-flame-after:after {
  content: "\e618";
}
.icf-friend:before,
.icf-friend-after:after {
  content: "\e619";
}
.icf-fullscreenOff:before,
.icf-fullscreenOff-after:after {
  content: "\e61a";
}
.icf-fullscreenOn:before,
.icf-fullscreenOn-after:after {
  content: "\e61b";
}
.icf-info:before,
.icf-info-after:after {
  content: "\e61c";
}
.icf-infoPositive:before,
.icf-infoPositive-after:after {
  content: "\e61d";
}
.icf-internLink:before,
.icf-internLink-after:after {
  content: "\e61e";
}
.icf-logic:before,
.icf-logic-after:after {
  content: "\e61f";
}
.icf-logout:before,
.icf-logout-after:after {
  content: "\e620";
}
.icf-mailService:before,
.icf-mailService-after:after {
  content: "\e621";
}
.icf-male:before,
.icf-male-after:after {
  content: "\e622";
}
.icf-message:before,
.icf-message-after:after {
  content: "\e623";
}
.icf-minus:before,
.icf-minus-after:after {
  content: "\e624";
}
.icf-mobile:before,
.icf-mobile-after:after {
  content: "\e625";
}
.icf-musicOff:before,
.icf-musicOff-after:after {
  content: "\e626";
}
.icf-musicOn:before,
.icf-musicOn-after:after {
  content: "\e627";
}
.icf-numbre1:before,
.icf-numbre1-after:after {
  content: "\e628";
}
.icf-ok:before,
.icf-ok-after:after {
  content: "\e629";
}
.icf-phoneService:before,
.icf-phoneService-after:after {
  content: "\e62a";
}
.icf-plus:before,
.icf-plus-after:after {
  content: "\e62b";
}
.icf-question:before,
.icf-question-after:after {
  content: "\e62c";
}
.icf-result:before,
.icf-result-after:after {
  content: "\e62d";
}
.icf-rounds:before,
.icf-rounds-after:after {
  content: "\e62e";
}
.icf-rules:before,
.icf-rules-after:after {
  content: "\e62f";
}
.icf-secure:before,
.icf-secure-after:after {
  content: "\e630";
}
.icf-shakeOff:before,
.icf-shakeOff-after:after {
  content: "\e631";
}
.icf-shakeOn:before,
.icf-shakeOn-after:after {
  content: "\e632";
}
.icf-soundOff:before,
.icf-soundOff-after:after {
  content: "\e633";
}
.icf-soundOn:before,
.icf-soundOn-after:after {
  content: "\e634";
}
.icf-specialAutumn:before,
.icf-specialAutumn-after:after {
  content: "\e635";
}
.icf-specialSpring:before,
.icf-specialSpring-after:after {
  content: "\e636";
}
.icf-specialSummer:before,
.icf-specialSummer-after:after {
  content: "\e637";
}
.icf-specialWinter:before,
.icf-specialWinter-after:after {
  content: "\e638";
}
.icf-timing:before,
.icf-timing-after:after {
  content: "\e639";
}
.icf-toDesktop:before,
.icf-toDesktop-after:after {
  content: "\e63a";
}
.icf-toTablet:before,
.icf-toTablet-after:after {
  content: "\e63b";
}
.icf-visitingCard:before,
.icf-visitingCard-after:after {
  content: "\e63c";
}
.icf-warning:before,
.icf-warning-after:after {
  content: "\e63d";
}
.icf-winnings:before,
.icf-winnings-after:after {
  content: "\e63e";
}
.icf-faceFrowling:before,
.icf-faceFrowling-after:after {
  content: "\e907";
}
.icf-faceNeutral:before,
.icf-faceNeutral-after:after {
  content: "\e908";
}
.icf-faceSmiling:before,
.icf-faceNeutral-after:after {
  content: "\e909";
}
.icf-diceOff:before,
.icf-diceOff-after:after {
  content: "\e90a";
}
.icf-diceOn:before,
.icf-diceOn-after:after {
  content: "\e90b";
}
.icf-flipBoardLeft:before,
.icf-flipBoardLeft-after:after {
  content: "\e90c";
}
.icf-flipBoardRight:before,
.icf-flipBoardRight-after:after {
  content: "\e90d";
}
.icf-letterOn:before,
.icf-letterOn-after:after {
  content: "\e90f";
}
.icf-letterOff:before,
.icf-letterOff-after:after {
  content: "\e90e";
}
.icf-lastTrick:before,
.icf-lastTrick-after:after {
  content: "\e910";
}
.landingPageForm {
  float: right;
  margin-top: 24px;
  margin-bottom: 33px;
  width: 277px;
  position: relative;
  /*
 tooltip

 DESC: Several tooltip mixins.

 markup:
 <div class="tt-sample">
  <p>This is the GD generic tooltip</p>
 </div>

 CSS:
   @import 'npm://tooltip-styles-lib/style/tt';
   .tt-sample{
     .tt();
     // use the mixin variant you need:
     .tt-bottom-center();
     min-width: 200px;
     display: inline-block;
   }

 styleguide tooltip
*/
  /*
 icon-sprite

 DESC: Example layout for tooltips sporting icons on the left hand side. See markup tab for corresponding html-code.

 CSS:
  @import 'npm://tooltip-styles-lib/style/tt';
  .tt-icon-sprite-demo{
    .tt();
    .tt-bottom-center();
    .tt-icon-sprite();
  }

 Markup: ../demo/tt-icon-sprite-demo.html

 Markup-style: grid

 styleguide tooltip-icon
*/
  /*
 Error content

 DESC: Text content stylized for error messages

 All css-classes describing the arrow positions (see above) apply to this as well

 CSS:
   .tt-error();

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.error.left-top - &nbsp;

 styleguide tooltip-error
*/
  /*
 Image or video content

 DESC: Layout for tooltips showing image or video content

 CSS:
  @import 'npm://tooltip-styles-lib/style/tt';
  .tt-video-demo{
    .tt();
    .tt-bottom-center();
    .tt-video();
    display: inline-block;
  }

 Markup: ../demo/tt-video-demo.html

 styleguide tooltip-video
*/
  /*
  Top

  DESC: Arrows placed on top of the tooltip

  CSS:
   ...
    // arrow top
    .tt-top-right();
    // arrow center
    .tt-top-center();
    // arrow bottom
    .tt-top-left();
   ...

  Markup: ../demo/tooltip-demo.html

  Markup-style: grid

  default: none

  .tooltip-instance.top-left - &nbsp;
  .tooltip-instance.top-center - &nbsp;
  .tooltip-instance.top-right - &nbsp;

  styleguide tooltip.top
*/
  /*
 Right

 DESC: Arrows placed on the right side of the tooltip

 CSS:
  ...
    // arrow top
    .tt-right-top();
    // arrow center
    .tt-right-center();
    // arrow bottom
    .tt-right-bottom();
  ...

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.right-top - &nbsp;
 .tooltip-instance.right-center - &nbsp;
 .tooltip-instance.right-bottom - &nbsp;

 styleguide tooltip.right
*/
  /*
 Bottom

 DESC: Arrows placed at the bottom of the tooltip

 CSS:
  ...
    // arrow right
    .tt-bottom-right();
    // arrow center
    .tt-bottom-center();
    // arrow left
    .tt-bottom-left();
  ...

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.bottom-left - &nbsp;
 .tooltip-instance.bottom-center - &nbsp;
 .tooltip-instance.bottom-right - &nbsp;

 styleguide tooltip.bottom
*/
  /*
 Left

 DESC: Arrows attached to the left side of the tooltip

 CSS:
  ...
    // arrow top
    .tt-left-top();
    // arrow center
    .tt-left-center();
    // arrow bottom
    .tt-left-bottom();
  ...

 Markup: ../demo/tooltip-demo.html

 Markup-style: grid

 default: none

 .tooltip-instance.left-top - &nbsp;
 .tooltip-instance.left-center - &nbsp;
 .tooltip-instance.left-bottom - &nbsp;

 styleguide tooltip.left
*/
  /*
 * Copyright (c) 2003-2019 GameDuell GmbH, All Rights Reserved
 * This document is strictly confidential and sole property of GameDuell GmbH, Berlin, Germany
 */
}
.landingPageForm * {
  box-sizing: border-box;
}
.landingPageForm .icf-ok {
  color: #399E16;
}
.landingPageForm input[type="date"],
.landingPageForm input[type="datetime-local"],
.landingPageForm input[type="email"],
.landingPageForm input[type="month"],
.landingPageForm input[type="number"],
.landingPageForm input[type="password"],
.landingPageForm input[type="search"],
.landingPageForm input[type="tel"],
.landingPageForm input[type="text"],
.landingPageForm input[type="time"],
.landingPageForm input[type="url"],
.landingPageForm input[type="week"] {
  border: 2px solid #D9E2E7;
  box-shadow: inset 3.2px 3.2px 5px -1.2px #adb6bb;
  transition: box-shadow 0.3s;
  border-radius: 5px;
  padding: .5em .7em;
  background-color: white;
  font-size: 1em;
  color: #313A3F;
  font-family: Verdana, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, Geneva, Arial, Sans-serif;
}
.landingPageForm input[type="date"]:focus,
.landingPageForm input[type="datetime-local"]:focus,
.landingPageForm input[type="email"]:focus,
.landingPageForm input[type="month"]:focus,
.landingPageForm input[type="number"]:focus,
.landingPageForm input[type="password"]:focus,
.landingPageForm input[type="search"]:focus,
.landingPageForm input[type="tel"]:focus,
.landingPageForm input[type="text"]:focus,
.landingPageForm input[type="time"]:focus,
.landingPageForm input[type="url"]:focus,
.landingPageForm input[type="week"]:focus {
  border: 2px solid #313A3F;
  background-color: white;
  outline: none;
}
.landingPageForm input[type="date"].error,
.landingPageForm input[type="datetime-local"].error,
.landingPageForm input[type="email"].error,
.landingPageForm input[type="month"].error,
.landingPageForm input[type="number"].error,
.landingPageForm input[type="password"].error,
.landingPageForm input[type="search"].error,
.landingPageForm input[type="tel"].error,
.landingPageForm input[type="text"].error,
.landingPageForm input[type="time"].error,
.landingPageForm input[type="url"].error,
.landingPageForm input[type="week"].error {
  background-color: #F7C1BC;
  border: 2px solid #BC111A;
}
.landingPageForm input[type="date"].error:focus,
.landingPageForm input[type="datetime-local"].error:focus,
.landingPageForm input[type="email"].error:focus,
.landingPageForm input[type="month"].error:focus,
.landingPageForm input[type="number"].error:focus,
.landingPageForm input[type="password"].error:focus,
.landingPageForm input[type="search"].error:focus,
.landingPageForm input[type="tel"].error:focus,
.landingPageForm input[type="text"].error:focus,
.landingPageForm input[type="time"].error:focus,
.landingPageForm input[type="url"].error:focus,
.landingPageForm input[type="week"].error:focus {
  border: 2px solid #BC111A;
  background-color: white;
}
.landingPageForm input[type="date"][disabled],
.landingPageForm input[type="datetime-local"][disabled],
.landingPageForm input[type="email"][disabled],
.landingPageForm input[type="month"][disabled],
.landingPageForm input[type="number"][disabled],
.landingPageForm input[type="password"][disabled],
.landingPageForm input[type="search"][disabled],
.landingPageForm input[type="tel"][disabled],
.landingPageForm input[type="text"][disabled],
.landingPageForm input[type="time"][disabled],
.landingPageForm input[type="url"][disabled],
.landingPageForm input[type="week"][disabled],
.landingPageForm input[type="date"] :disabled,
.landingPageForm input[type="datetime-local"] :disabled,
.landingPageForm input[type="email"] :disabled,
.landingPageForm input[type="month"] :disabled,
.landingPageForm input[type="number"] :disabled,
.landingPageForm input[type="password"] :disabled,
.landingPageForm input[type="search"] :disabled,
.landingPageForm input[type="tel"] :disabled,
.landingPageForm input[type="text"] :disabled,
.landingPageForm input[type="time"] :disabled,
.landingPageForm input[type="url"] :disabled,
.landingPageForm input[type="week"] :disabled {
  color: #a3a6a9;
  cursor: not-allowed;
}
.landingPageForm input[type="date"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="datetime-local"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="email"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="month"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="number"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="password"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="search"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="tel"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="text"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="time"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="url"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="week"][disabled]::-webkit-input-placeholder,
.landingPageForm input[type="date"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="datetime-local"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="email"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="month"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="number"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="password"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="search"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="tel"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="text"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="time"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="url"] :disabled::-webkit-input-placeholder,
.landingPageForm input[type="week"] :disabled::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #a3a6a9;
}
.landingPageForm input[type="date"][disabled]:-moz-placeholder,
.landingPageForm input[type="datetime-local"][disabled]:-moz-placeholder,
.landingPageForm input[type="email"][disabled]:-moz-placeholder,
.landingPageForm input[type="month"][disabled]:-moz-placeholder,
.landingPageForm input[type="number"][disabled]:-moz-placeholder,
.landingPageForm input[type="password"][disabled]:-moz-placeholder,
.landingPageForm input[type="search"][disabled]:-moz-placeholder,
.landingPageForm input[type="tel"][disabled]:-moz-placeholder,
.landingPageForm input[type="text"][disabled]:-moz-placeholder,
.landingPageForm input[type="time"][disabled]:-moz-placeholder,
.landingPageForm input[type="url"][disabled]:-moz-placeholder,
.landingPageForm input[type="week"][disabled]:-moz-placeholder,
.landingPageForm input[type="date"] :disabled:-moz-placeholder,
.landingPageForm input[type="datetime-local"] :disabled:-moz-placeholder,
.landingPageForm input[type="email"] :disabled:-moz-placeholder,
.landingPageForm input[type="month"] :disabled:-moz-placeholder,
.landingPageForm input[type="number"] :disabled:-moz-placeholder,
.landingPageForm input[type="password"] :disabled:-moz-placeholder,
.landingPageForm input[type="search"] :disabled:-moz-placeholder,
.landingPageForm input[type="tel"] :disabled:-moz-placeholder,
.landingPageForm input[type="text"] :disabled:-moz-placeholder,
.landingPageForm input[type="time"] :disabled:-moz-placeholder,
.landingPageForm input[type="url"] :disabled:-moz-placeholder,
.landingPageForm input[type="week"] :disabled:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a3a6a9;
}
.landingPageForm input[type="date"][disabled]::-moz-placeholder,
.landingPageForm input[type="datetime-local"][disabled]::-moz-placeholder,
.landingPageForm input[type="email"][disabled]::-moz-placeholder,
.landingPageForm input[type="month"][disabled]::-moz-placeholder,
.landingPageForm input[type="number"][disabled]::-moz-placeholder,
.landingPageForm input[type="password"][disabled]::-moz-placeholder,
.landingPageForm input[type="search"][disabled]::-moz-placeholder,
.landingPageForm input[type="tel"][disabled]::-moz-placeholder,
.landingPageForm input[type="text"][disabled]::-moz-placeholder,
.landingPageForm input[type="time"][disabled]::-moz-placeholder,
.landingPageForm input[type="url"][disabled]::-moz-placeholder,
.landingPageForm input[type="week"][disabled]::-moz-placeholder,
.landingPageForm input[type="date"] :disabled::-moz-placeholder,
.landingPageForm input[type="datetime-local"] :disabled::-moz-placeholder,
.landingPageForm input[type="email"] :disabled::-moz-placeholder,
.landingPageForm input[type="month"] :disabled::-moz-placeholder,
.landingPageForm input[type="number"] :disabled::-moz-placeholder,
.landingPageForm input[type="password"] :disabled::-moz-placeholder,
.landingPageForm input[type="search"] :disabled::-moz-placeholder,
.landingPageForm input[type="tel"] :disabled::-moz-placeholder,
.landingPageForm input[type="text"] :disabled::-moz-placeholder,
.landingPageForm input[type="time"] :disabled::-moz-placeholder,
.landingPageForm input[type="url"] :disabled::-moz-placeholder,
.landingPageForm input[type="week"] :disabled::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a3a6a9;
}
.landingPageForm input[type="date"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="datetime-local"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="email"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="month"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="number"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="password"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="search"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="tel"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="text"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="time"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="url"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="week"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="date"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="datetime-local"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="email"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="month"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="number"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="password"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="search"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="tel"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="text"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="time"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="url"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="week"] :disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a3a6a9;
}
.landingPageForm input[type="date"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="datetime-local"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="email"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="month"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="number"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="password"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="search"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="tel"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="text"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="time"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="url"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="week"][disabled]:-ms-input-placeholder,
.landingPageForm input[type="date"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="datetime-local"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="email"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="month"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="number"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="password"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="search"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="tel"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="text"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="time"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="url"] :disabled:-ms-input-placeholder,
.landingPageForm input[type="week"] :disabled:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a3a6a9;
}
.landingPageForm input[type=password]::-ms-reveal,
.landingPageForm input[type=password]::-ms-clear {
  display: none;
}
.landingPageForm .input-btn {
  position: relative;
  display: inline-block;
}
.landingPageForm .input-btn input[type="password"] {
  padding-right: 3.2em;
}
.landingPageForm .input-btn input[type="password"] ~ .input-btn--button::before {
  display: none;
}
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button::before,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button::before,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button::before,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button::before,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button::after,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button::after,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button::after,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button::after {
  opacity: .4;
}
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button:hover,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button:hover,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button:hover,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button:hover,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button.hover,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button.hover,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button.hover,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button.hover,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button:active,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button:active,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button:active,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button:active,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button.active,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button.active,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button.active,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button.active {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button:hover::before,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button:hover::before,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button:hover::before,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button:hover::before,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button.hover::before,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button.hover::before,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button.hover::before,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button.hover::before,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button:active::before,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button:active::before,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button:active::before,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button:active::before,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button.active::before,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button.active::before,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button.active::before,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button.active::before,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button:hover::after,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button:hover::after,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button:hover::after,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button:hover::after,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button.hover::after,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button.hover::after,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button.hover::after,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button.hover::after,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button:active::after,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button:active::after,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button:active::after,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button:active::after,
.landingPageForm .input-btn input[type="password"][disabled] ~ .input-btn--button.active::after,
.landingPageForm .input-btn input[type="password"]:disabled ~ .input-btn--button.active::after,
.landingPageForm .input-btn input[type="text"][disabled] ~ .input-btn--button.active::after,
.landingPageForm .input-btn input[type="text"]:disabled ~ .input-btn--button.active::after {
  opacity: .4;
}
.landingPageForm .input-btn input[type="text"] {
  padding-right: 3.2em;
}
.landingPageForm .input-btn input[type="text"] ~ .input-btn--button::after {
  display: none;
}
.landingPageForm .input-btn--button {
  cursor: pointer;
  float: left;
  list-style-type: none;
  border: 1px solid #BEC7CC;
  padding: .1em 1em;
  text-align: center;
  font-size: 1.4em;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  padding: 0 0.4em;
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
  display: flex;
  align-items: center;
}
.landingPageForm .input-btn--button:hover,
.landingPageForm .input-btn--button.hover,
.landingPageForm .input-btn--button.active:hover,
.landingPageForm .input-btn--button.active.hover {
  box-shadow: none;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9E2E7), to(#CBD4D9));
  background-image: -webkit-linear-gradient(#D9E2E7, #CBD4D9);
  background-image: -moz-linear-gradient(#D9E2E7, #CBD4D9);
  background-image: -ms-linear-gradient(#D9E2E7, #CBD4D9);
  background-image: -o-linear-gradient(#D9E2E7, #CBD4D9);
  background-image: linear-gradient(#D9E2E7, #CBD4D9);
  border-right-color: transparent;
}
.landingPageForm .input-btn--button:active,
.landingPageForm .input-btn--button.pressed,
.landingPageForm .input-btn--button.active,
.landingPageForm .input-btn--button.active:active {
  background: #CBD4D9;
  box-shadow: rgba(0, 0, 0, 0.6) 0 3px 3px -2px inset;
}
.landingPageForm .input-btn--button.active {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.landingPageForm .input-btn--button:not(:last-child) {
  border-right-color: #fff;
}
.landingPageForm .input-btn--button:not(:last-child).active,
.landingPageForm .input-btn--button:not(:last-child):active,
.landingPageForm .input-btn--button:not(:last-child):hover,
.landingPageForm .input-btn--button:not(:last-child).hover {
  border-right-color: transparent;
}
.landingPageForm .input-btn--button.landingPageForm .input-btn--button:last-child {
  border-right-color: #BEC7CC;
}
.landingPageForm .input-btn--button[disabled],
.landingPageForm .input-btn--button.disabled,
.landingPageForm .input-btn--button[disabled]:hover,
.landingPageForm .input-btn--button.disabled:hover,
.landingPageForm .input-btn--button[disabled].hover,
.landingPageForm .input-btn--button.disabled.hover,
.landingPageForm .input-btn--button[disabled].pressed,
.landingPageForm .input-btn--button.disabled.pressed,
.landingPageForm .input-btn--button[disabled]:active,
.landingPageForm .input-btn--button.disabled:active {
  cursor: not-allowed;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FAFC), to(#D9E2E7));
  background-image: -webkit-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -moz-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -ms-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: -o-linear-gradient(#F5FAFC, #D9E2E7);
  background-image: linear-gradient(#F5FAFC, #D9E2E7);
  box-shadow: none;
}
.landingPageForm .input-btn--button[disabled]::before,
.landingPageForm .input-btn--button.disabled::before,
.landingPageForm .input-btn--button[disabled]:hover::before,
.landingPageForm .input-btn--button.disabled:hover::before,
.landingPageForm .input-btn--button[disabled].hover::before,
.landingPageForm .input-btn--button.disabled.hover::before,
.landingPageForm .input-btn--button[disabled].pressed::before,
.landingPageForm .input-btn--button.disabled.pressed::before,
.landingPageForm .input-btn--button[disabled]:active::before,
.landingPageForm .input-btn--button.disabled:active::before,
.landingPageForm .input-btn--button[disabled]::after,
.landingPageForm .input-btn--button.disabled::after,
.landingPageForm .input-btn--button[disabled]:hover::after,
.landingPageForm .input-btn--button.disabled:hover::after,
.landingPageForm .input-btn--button[disabled].hover::after,
.landingPageForm .input-btn--button.disabled.hover::after,
.landingPageForm .input-btn--button[disabled].pressed::after,
.landingPageForm .input-btn--button.disabled.pressed::after,
.landingPageForm .input-btn--button[disabled]:active::after,
.landingPageForm .input-btn--button.disabled:active::after {
  opacity: .4;
}
.landingPageForm .input-btn--button:active {
  padding-top: 1px;
  border-top: none;
}
.landingPageForm .input-item,
.landingPageForm .select-item {
  width: 100%;
}
.landingPageForm label {
  margin-bottom: 0.7em;
  font-weight: bold;
  display: inline-block;
}
.landingPageForm input,
.landingPageForm select {
  width: 100%;
}
.landingPageForm .input-group {
  margin-bottom: 1.5em;
}
.landingPageForm .input-group {
  -webkit-transition: margin 0.3s;
  /* Safari */
  transition: margin 0.3s;
}
.landingPageForm .input-group .passwordChecker {
  font-size: 1.2em;
  position: relative;
  width: 100%;
}
.landingPageForm .input-group .passwordChecker.weakPassword .passwordChecker-weak-icon {
  background: url('images/smiley_red.png') no-repeat;
  display: block;
  position: absolute;
  right: -5px;
  top: -2px;
  font-size: 0.9em;
  width: 34px;
  height: 33px;
}
.landingPageForm .input-group .passwordChecker.weakPassword .passwordChecker-neutral-icon {
  display: none;
}
.landingPageForm .input-group .passwordChecker.weakPassword .passwordChecker-strong-icon {
  display: none;
}
.landingPageForm .input-group .passwordChecker.weakPassword progress {
  -webkit-transition: 0.3s;
  /* Safari */
  transition: all 0.3s;
  -webkit-border-radius: 6em;
  -moz-border-radius: 6em;
  border-radius: 6em;
  border: 2px solid #d9e2e7;
  background-color: #fff;
  height: 1em;
  position: absolute;
  top: 0.51em;
  left: 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  color: #CE2830;
}
.landingPageForm .input-group .passwordChecker.weakPassword progress::-webkit-progress-bar {
  background: #fff;
}
.landingPageForm .input-group .passwordChecker.weakPassword progress::-ms-fill {
  border: none;
}
.landingPageForm .input-group .passwordChecker.weakPassword progress::-webkit-progress-value {
  -webkit-transition: 0.3s;
  /* Safari */
  transition: all 0.3s;
}
.landingPageForm .input-group .passwordChecker.weakPassword progress::-webkit-progress-value {
  background: #CE2830;
}
.landingPageForm .input-group .passwordChecker.weakPassword progress::-moz-progress-bar {
  background: #CE2830;
}
.landingPageForm .input-group .passwordChecker.averagePassword .passwordChecker-weak-icon {
  display: none;
}
.landingPageForm .input-group .passwordChecker.averagePassword .passwordChecker-neutral-icon {
  background: url('images/smiley_orange.png') no-repeat;
  display: block;
  position: absolute;
  right: -5px;
  top: -2px;
  font-size: 0.9em;
  width: 34px;
  height: 33px;
}
.landingPageForm .input-group .passwordChecker.averagePassword .passwordChecker-strong-icon {
  display: none;
}
.landingPageForm .input-group .passwordChecker.averagePassword progress {
  -webkit-transition: 0.3s;
  /* Safari */
  transition: all 0.3s;
  -webkit-border-radius: 6em;
  -moz-border-radius: 6em;
  border-radius: 6em;
  border: 2px solid #d9e2e7;
  background-color: #fff;
  height: 1em;
  position: absolute;
  top: 0.51em;
  left: 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  color: #FFC60B;
}
.landingPageForm .input-group .passwordChecker.averagePassword progress::-webkit-progress-bar {
  background: #fff;
}
.landingPageForm .input-group .passwordChecker.averagePassword progress::-ms-fill {
  border: none;
}
.landingPageForm .input-group .passwordChecker.averagePassword progress::-webkit-progress-value {
  -webkit-transition: 0.3s;
  /* Safari */
  transition: all 0.3s;
}
.landingPageForm .input-group .passwordChecker.averagePassword progress::-webkit-progress-value {
  background: #FFC60B;
}
.landingPageForm .input-group .passwordChecker.averagePassword progress::-moz-progress-bar {
  background: #FFC60B;
}
.landingPageForm .input-group .passwordChecker.strongPassword .passwordChecker-weak-icon {
  display: none;
}
.landingPageForm .input-group .passwordChecker.strongPassword .passwordChecker-neutral-icon {
  display: none;
}
.landingPageForm .input-group .passwordChecker.strongPassword .passwordChecker-strong-icon {
  background: url('images/smiley_green.png') no-repeat;
  display: block;
  position: absolute;
  right: -5px;
  top: -2px;
  font-size: 0.9em;
  width: 34px;
  height: 33px;
}
.landingPageForm .input-group .passwordChecker.strongPassword progress {
  -webkit-transition: 0.3s;
  /* Safari */
  transition: all 0.3s;
  -webkit-border-radius: 6em;
  -moz-border-radius: 6em;
  border-radius: 6em;
  border: 2px solid #d9e2e7;
  background-color: #fff;
  height: 1em;
  position: absolute;
  top: 0.51em;
  left: 0;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  color: #399E16;
}
.landingPageForm .input-group .passwordChecker.strongPassword progress::-webkit-progress-bar {
  background: #fff;
}
.landingPageForm .input-group .passwordChecker.strongPassword progress::-ms-fill {
  border: none;
}
.landingPageForm .input-group .passwordChecker.strongPassword progress::-webkit-progress-value {
  -webkit-transition: 0.3s;
  /* Safari */
  transition: all 0.3s;
}
.landingPageForm .input-group .passwordChecker.strongPassword progress::-webkit-progress-value {
  background: #399E16;
}
.landingPageForm .input-group .passwordChecker.strongPassword progress::-moz-progress-bar {
  background: #399E16;
}
.landingPageForm .input-group .passwordChecker {
  position: absolute;
  top: 40px;
  height: 60px;
  -webkit-transition: opacity 0.3s;
  /* Safari */
  transition: opacity 0.3s;
  opacity: 0;
  visibility: hidden;
}
.landingPageForm .input-group.passwordChecker-show {
  margin-bottom: 5em;
}
.landingPageForm .input-group.passwordChecker-show .passwordChecker {
  opacity: 1;
  visibility: visible;
}
.landingPageForm .input-group .passwordChecker {
  cursor: help;
  height: 30px;
}
.landingPageForm .input-group .passwordChecker .tooltip-hint p {
  margin: 0 !important;
  padding: 0 !important;
}
.landingPageForm .input-group .passwordChecker:hover .tooltip-hint {
  visibility: visible;
}
.landingPageForm .input-item {
  position: relative;
  display: inline-block;
  width: 100%;
}
.landingPageForm .input-item .tooltip-error,
.landingPageForm .input-item .tooltip-hint {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #6A7378;
  border-radius: 10px;
  padding: 15px 20px;
  max-width: 350px;
  font-size: 12px;
  color: #313A3F;
  line-height: 17px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(51, 51, 51, 0.4);
  position: absolute;
  z-index: 1;
  left: 100%;
  transform: translate(14px, -50%);
  top: 50%;
  visibility: hidden;
  transition: opacity 300ms 200ms;
  border-spacing: 0;
  min-width: 16em;
  margin-left: 0.25em;
}
.landingPageForm .input-item .tooltip-error h1,
.landingPageForm .input-item .tooltip-hint h1,
.landingPageForm .input-item .tooltip-error h2,
.landingPageForm .input-item .tooltip-hint h2,
.landingPageForm .input-item .tooltip-error h3,
.landingPageForm .input-item .tooltip-hint h3,
.landingPageForm .input-item .tooltip-error h4,
.landingPageForm .input-item .tooltip-hint h4,
.landingPageForm .input-item .tooltip-error h5,
.landingPageForm .input-item .tooltip-hint h5,
.landingPageForm .input-item .tooltip-error h6,
.landingPageForm .input-item .tooltip-hint h6 {
  font-weight: bold;
}
.landingPageForm .input-item .tooltip-error:before,
.landingPageForm .input-item .tooltip-hint:before {
  position: absolute;
  content: " ";
  width: 15px;
  height: 15px;
  transform: translateY(46%) rotateZ(45deg);
  background: white;
  z-index: 0;
}
.landingPageForm .input-item .tooltip-error:before,
.landingPageForm .input-item .tooltip-hint:before {
  border-top: 1px solid #6A7378;
  border-left: 1px solid #6A7378;
}
.landingPageForm .input-item .tooltip-error:before,
.landingPageForm .input-item .tooltip-hint:before {
  top: 50%;
  left: 0;
  transform: translateX(-54%) translateY(-50%) rotateZ(-45deg);
}
.landingPageForm .input-item .tooltip-error {
  color: #CE2830;
}
.landingPageForm .input-item input.tooltip-hint-always ~ .tooltip-hint,
.landingPageForm .input-item input.error.tooltip-error-always ~ .tooltip-error,
.landingPageForm .input-item input.error.tooltip-error-hover:hover ~ .tooltip-error,
.landingPageForm .input-item input.error.tooltip-error-focus:focus ~ .tooltip-error {
  visibility: visible;
}
.landingPageForm .input-item input.tooltip-hint-always:hover ~ .tooltip-hint,
.landingPageForm .input-item input.error.tooltip-error-hover:hover ~ .tooltip-error {
  z-index: 2;
}
@media (max-width: 1280px) {
  .landingPageForm .input-item .tooltip-error,
  .landingPageForm .input-item .tooltip-hint {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #6A7378;
    border-radius: 10px;
    padding: 15px 20px;
    max-width: 350px;
    font-size: 12px;
    color: #313A3F;
    line-height: 17px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(51, 51, 51, 0.4);
    position: absolute;
    z-index: 1;
    left: auto;
    right: 100%;
    transform: translate(-14px, -50%);
    top: 50%;
    visibility: hidden;
    transition: opacity 300ms 200ms;
    border-spacing: 0;
    min-width: 16em;
    margin-right: 0.25em;
  }
  .landingPageForm .input-item .tooltip-error h1,
  .landingPageForm .input-item .tooltip-hint h1,
  .landingPageForm .input-item .tooltip-error h2,
  .landingPageForm .input-item .tooltip-hint h2,
  .landingPageForm .input-item .tooltip-error h3,
  .landingPageForm .input-item .tooltip-hint h3,
  .landingPageForm .input-item .tooltip-error h4,
  .landingPageForm .input-item .tooltip-hint h4,
  .landingPageForm .input-item .tooltip-error h5,
  .landingPageForm .input-item .tooltip-hint h5,
  .landingPageForm .input-item .tooltip-error h6,
  .landingPageForm .input-item .tooltip-hint h6 {
    font-weight: bold;
  }
  .landingPageForm .input-item .tooltip-error:before,
  .landingPageForm .input-item .tooltip-hint:before {
    position: absolute;
    content: " ";
    width: 15px;
    height: 15px;
    transform: translateY(46%) rotateZ(45deg);
    background: white;
    z-index: 0;
  }
  .landingPageForm .input-item .tooltip-error:before,
  .landingPageForm .input-item .tooltip-hint:before {
    border-top: 1px solid #6A7378;
    border-left: 1px solid #6A7378;
  }
  .landingPageForm .input-item .tooltip-error:before,
  .landingPageForm .input-item .tooltip-hint:before {
    top: 50%;
    left: 100%;
    transform: translateX(-46%) translateY(-50%) rotateZ(135deg);
  }
  .landingPageForm .input-item .tooltip-error {
    color: #CE2830;
  }
  .landingPageForm .input-item input.tooltip-hint-always ~ .tooltip-hint,
  .landingPageForm .input-item input.error.tooltip-error-always ~ .tooltip-error,
  .landingPageForm .input-item input.error.tooltip-error-hover:hover ~ .tooltip-error,
  .landingPageForm .input-item input.error.tooltip-error-focus:focus ~ .tooltip-error {
    visibility: visible;
  }
  .landingPageForm .input-item input.error.tooltip-error-hover:hover ~ .tooltip-error {
    z-index: 2;
  }
}
@media (min-width: 1380px) {
  .landingPageForm .tooltip-error {
    width: 19em;
  }
}
.landingPageForm .tooltip-error p {
  padding: 0 !important;
  margin: 0 !important;
}
.landingPageForm .buttonContainer {
  position: absolute;
  z-index: 1;
  bottom: -63px;
  text-align: center;
  width: 100%;
  left: 0;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landingPageForm #registrationButton {
  height: auto;
  line-height: inherit;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}
.landingPageForm #registrationButton span {
  white-space: nowrap;
  margin: 0.1em 0;
  display: inline-block;
  min-width: 235px;
}
.landingPageForm .progressSpinner {
  position: relative;
}
.landingPageForm .progressSpinner .spinner {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landingPageForm .progressSpinner .spinner::before {
  content: ' ';
  display: block;
  background-image: url('images/spinner_grey_big.gif');
  width: 32px;
  height: 32px;
}
.landingPageForm .progressSpinner.show-spinner .spinner {
  transition: opacity 500ms;
  opacity: 0.7;
  z-index: 100;
  background-color: #F5FAFC;
}
.landingPageForm .generic_error {
  position: relative;
  margin: 0;
  color: #CE2830;
  margin-bottom: 1.5em;
}
.landingPageForm .generic_error i {
  position: absolute;
  top: 0;
  left: -40px;
}
/*
 * 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;
}
#landingpage #benefitsCurrency,
.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 .bbb {
  width: 135px;
  height: 75px;
  position: absolute;
  top: 130px;
  right: 26px;
}
/*the element added by the thawte script*/
#landingpage .sealOfApproval .thawte *:not(script):first-of-type {
  margin: 11px 0px 0px 19px;
}
#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;
}