body {
    background-color: #D65F93;
    background-image: url(bg-pattern.svg);
    background-size: 200px;
    background-position: 5px 5px;
}

.game-aside .intro-header {
    color: #fff;
}

.game-intro__section .game-message {
    color: #D65F93;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(169, 22, 237, 0.75);
}

.game-aside .intro-header .game-presents-image {
    margin-bottom: 3rem;
    width: 120px;
}

@media (max-width: 600px) {
    .game-aside .intro-header .game-presents-image {
        width: 80px;
    }
}

.game-aside .sub-header {
    color: #fff;
}

.clue .clue-close:hover {
    background-color: #852A78;
    color: #fff;
}

.game .btn {
    background-color: #CE2E78;
}

.game .btn:hover {
    background-color: #af547e;
}

.game-aside {
    color: #fff;
}

.game-logotype .logotype-text {
    fill: #fff;
}

.message-box {
    background-color: #ffffff;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2), 3px 3px 30px rgba(0, 0, 0, .5);
}

.message-box__back:hover {
    background-color: #0072BC;
    color: #fff;
}

.message-box__close:hover {
    background-color: #0072BC;
    color: #fff;
}

.game-instruction-list .button:hover {
    background-color: #9b5990;
}

.game-final-score-part {
    color: #fff;
}

.game-final-score-part.game-final-score-part--yours {
    background-color: #8bc63f;
}

.game-final-score-part.game-final-score-part--yours:not(:only-child):after {
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .85), 3px 3px 5px rgba(0, 0, 0, .75);
    border-left: 4px solid #0d7ec2;
    border-right: 4px solid #8cc63f;
    border-top: 4px solid #0d7ec2;
    border-bottom: 4px solid #8cc63f;
}

.game-final-score-part.game-final-score-part--theirs {
    background-color: #7DA7D9;
}

.game-result__highscore {
    border: solid 1px #006e92;
    box-shadow: inset 2px 2px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.highscore-note {
    color: #666;
}

.game-result__challenge .game-challenge-participants {
    border: 1px solid #006e92;
    box-shadow: inset 2px 2px rgba(0, 0, 0, .1);
    background-color: #fff;
}

.game-result__challenge .game-challenge-participants:before {
    background-color: #8bc63f;
    color: #ffffff;
}

@media (min-width: 600px) {
    .game-result__challenge .game-challenge-participants:before {
        box-shadow: 1px 1px 1px rgba(0, 114, 188, .75);
    }
}

.game-challenge__input:focus {
    background-color: #7DA7D9 !important;
    color: #ffffff !important;
}

.game-challenge__input:focus::placeholder {
    color: #bfdef1;
}

.game-challenge__sent {
    color: #0072BC;
}

.game-highscore-list {
    border: solid 1px #d0d0d0;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.game-highscore-list thead th {
    border-bottom: solid 1px #d0d0d0;
    background-color: #f5f5f5;
}

.game-tiles__container {
    background-color: #5a1550;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);
    border-top: solid 5px #954B8A;
    border-right: solid 5px #852A78;
    border-bottom: solid 5px #852A78;
    border-left: solid 5px #954B8A;
}

.game-tiles__container.game-finished {
    box-shadow:
        2px 10px 10px rgba(0, 0, 0, .3),
        5px 5px 80px rgba(0, 0, 0, .5);
}

.game-tiles__container .tile:not(.empty-tile):after {
    border-top: solid 1px rgba(255, 255, 255, .1);
    border-bottom: solid 1px rgba(0, 0, 0, .2);
    border-left: solid 1px rgba(255, 255, 255, .1);
    border-right: solid 1px rgba(0, 0, 0, .2);
}

.game-tiles__container .tile-slot {
    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, .2), inset 3px 3px 20px 0px rgba(0, 0, 0, .5);
}

.game-tools {
    color: #ccc;
}

.footer-label {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

.game-timer {
    background-color: #fff;
    color: #CE2E78;
}

.game-timer.times-up {
    color: #ac5050;
}

.game-points {
    background-color: #fff;
    color: #8DC63F;
}

.button {
    background-color: #852A78;
    box-shadow: 1px 1px 1px rgba(169, 22, 237, 0.75);
    color: #fff;
}

.button:hover {
    background-color: #9b5990;
}

.sweepstakes-form-wrapper {
    background-color: #ffffff;
    color: #000000;
}

.sweepstakes-form-wrapper .sweepstakes-form-logo {
    background-color: #D65F93;
}

.sweepstakes-form-wrapper .sweepstakes-form input[type=text],
.sweepstakes-form-wrapper .sweepstakes-form input[type=email],
.sweepstakes-form-wrapper .sweepstakes-form input[type=tel]
 {
    border: solid 1px #666;
}

.sweepstakes-form-wrapper .sweepstakes-form .button {
    background-color: #f5f5f5;
    color: #666;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}

.sweepstakes-form-wrapper .sweepstakes-form .button.sweepstakes-form-submit {
    background-color: #D65F93;
    color: #ffffff;
}

.sweepstakes-form-wrapper .sweepstakes-form .button.sweepstakes-form-submit[disabled] {
    opacity: 0.2;
    background-color: #aaa;
    color: #111;
    cursor: not-allowed;
}

.cookie-popup-link,
.impressum-link,
.cookie-popup-link:hover,
.impressum-link:hover {
    color: #cccccc;
}

.copyright-info {
    color: #ffffff;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #ffffff;
    }

    70% {
        box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}