html {
  background: #6897ca; }

.uk-light {
  color: #fff; }

.uk-marker {
  background: #003464; }

h3.uk-open .uk-icon, .uk-open.uk-icon {
  background: #003464;
  border-radius: 50%; }
  h3.uk-open .uk-icon path, .uk-open.uk-icon path {
    color: #fff; }

.redbutton {
  position: absolute;
  width: 140px;
  height: auto;
  left: -20px;
  bottom: 30%;
  z-index: 1; }

.hr {
  border-bottom: 1px solid #003464; }

.list-circle {
  background-color: #ae1423;
  width: 40px;
  height: 40px;
  border-radius: 20px; }

#uk-bon-helper button span {
  text-decoration: underline;
  cursor: pointer; }

.birthday-info-toggle .uk-open.uk-icon {
  width: 20px;
  height: 20px;
  margin: 9px 10px; }

input::selection {
  background: rgba(0, 0, 0, 0.3); }

.uk-dropdown div.kassenzettel {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right; }
  .uk-dropdown img.kassenzettel {
    margin-bottom: -25px;
    margin-left: 25px; }

#codeForm-win, #codeForm-loose, #winForm-complete {
  margin: 2vh 0; }

input[name="birthdate-day"] {
  border-radius: 0;
  max-width: 38px; }

input[name="birthdate-month"] {
  border-radius: 0;
  max-width: 46px; }

input[name="birthdate-year"] {
  border-radius: 0;
  max-width: 55px; }

.uk-form-custom .uk-select {
  font-size: 18px; }

.mysvg {
  margin-right: 10px;
  position: relative;
  top: -2px; }

.prices-display img, .prices-display h4 {
  display: inline-block; }
  .prices-display img {
    margin-right: 10px;
    position: relative;
    top: -5px; }
  .prices-display h4 {
    margin: 6px 0; }
    .prices-display h4.gold {
      color: #e8cc71; }
  .prices-display .uk-position-absolute-medium p {
    color: #003464;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0; }

#codeForm-win .uk-icon-button {
  color: #fff;
  background-color: #003464; }
  #codeForm-win .uk-icon-button:hover {
    opacity: 0.6; }

.codeForm-pricereset {
  display: none; }

.uk-modal-dialog {
  background: #fff; }

@media (min-width: 1200px) {
  .uk-modal-dialog {
    width: 992px; } }

@media (min-width: 960px) {
  .uk-position-absolute-medium {
    position: absolute; } }

@media (max-width: 959px) {
  .teilnehmerfrage .uk-button {
    font-size: 22px; } }

@media (max-width: 639px) {
  #header-section .background-image {
    min-height: calc(100vh - 80px);
    background-position-x: 10%; }
    #header-section .background-image > .uk-flex {
      flex-direction: column; }
      #header-section .background-image > .uk-flex > div:first-child > div:first-child {
        margin-top: 40px;
        margin-left: 10%; }
        #header-section .background-image > .uk-flex > div:first-child > div:last-child {
          max-width: 300px;
          margin-top: -13%;
          margin-left: 5%; }
      #header-section .background-image > .uk-flex > div:last-child {
        margin-top: -20%; }

  .teilnehmerfrage {
    display: block; }
    .teilnehmerfrage .uk-button {
      width: 100%; }

  #winForm > .uk-section:last-child {
    transition: all 2s ease;
    opacity: 1;
    position: relative; }
    #winForm > .uk-section:last-child.hidden {
      opacity: 0;
      position: absolute; } }