html,
.btn {
    font-family: "Lato", sans-serif;
}

html {
    font-size: 4vw;
}

.logo {
    flex: 1;
    font-size: inherit;
    min-height: auto;
    margin: 0.5em 0;
}

.logo img {
    height: 3em;
    max-width: 13em;
    vertical-align: middle;
}

.gallery-wrapper ul li .video-wrapper,
.gallery-wrapper ul li .image-wrapper {
    font-size: inherit;
}

.gallery-wrapper ul li .image-wrapper,
.gallery-wrapper ul li .video-step-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: none;
    height: auto;
    background: none;
}

.gallery-wrapper ul li .image-wrapper.image-fixed img,
.gallery-wrapper ul li .video-step-wrapper.image-fixed img {
    height: 100%;
}

.gallery-wrapper ul li .image-wrapper img,
.gallery-wrapper ul li .video-step-wrapper img {
    width: auto;
    height: auto;
    transform: none;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
}

.gallery-wrapper ul li .video-step-wrapper video {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: none;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: center;
}

.gallery-wrapper ul li .info-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    height: 3em;
    background-color: rgba(255, 255, 255, 0.8);
    color: #464646;
    font-weight: 600;
    padding: 0 1em;
    display: flex;
    align-items: center;
}

.gallery-wrapper ul li .info-wrapper .icon-pin {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    color: #ffff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(/img/_btns/ig6003-pin.svg);
    margin-right: 0.3em;
}

.form-wrapper .registration-form-builder {
    flex: none;
    padding: 1em 1em 0 1em;
    min-height: 12.5em;
    height: 1em;
}

.form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner ::-webkit-input-placeholder {
    color: #464646;
}

.form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner :-ms-input-placeholder {
    color: #464646;
}

.form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner ::placeholder {
    color: #464646;
}

.form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner input {
    background-image: none;
    background-color: #d1d1d1;
    text-align: center;
    font-family: "Lato", sans-serif;
    color: #000;
    font-size: 1.5em;
}

.form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .btn {
    width: 100%;
}

.form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step .step-inner {
    justify-content: center;
}

.form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step .step-inner .headline-1 {
    flex: none;
}

.btn {
    background: #cc8522;
    background: linear-gradient(90deg, #cc8522 0%, #e21912 50%, #9e00c2 100%);
    font-size: 1.5em;
    width: 11.5em;
    height: 2.5em;
}

.legal__container>div {
    margin: 0;
    padding: 0 0.5em;
    font-size: 0.8em;
}

.legal__container>div:not(:last-child) {
    border-right: 0.1em solid #fff;
}

.headline-1 {
    margin-bottom: 0.7em;
    font-weight: 600;
    font-size: 1.7em;
}

.wrapper .modal.modal-static {
    display: flex;
    flex-direction: column;
}

.wrapper .modal.modal-static .gallery-wrapper {
    height: 1em;
    flex: auto;
}

.wrapper .modal.modal-static .form-wrapper {
    position: static;
    background-color: #000;
}

.wrapper .modal.modal-static .form-wrapper .logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.required,
.unknown-error-msg {
    margin: -0.3em 0 0.7em;
    font-size: 0.8em;
}

.legal-warning-text {
    font-weight: 700;
    margin: 0 auto 1em;
    max-width: 29em;
}

.legal-warning-text,
.legal-warning-text a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 360px) and (max-height: 310px) {
    .form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step .step-inner .headline-1 {
        min-height: auto;
    }
}

@media (max-width: 375px) and (max-height: 560px) {

    .gallery-wrapper ul li:nth-child(6) .image-wrapper,
    .gallery-wrapper ul li:nth-child(7) .image-wrapper,
    .gallery-wrapper ul li:nth-child(8) .image-wrapper {
        transform: none;
        height: auto;
    }
}

@media (max-width: 420px) {
    .wrapper .modal>div {
        font-size: 0.8em;
    }
}

@media (min-width: 568px) {

    .gallery-wrapper ul li:nth-child(6) .image-wrapper,
    .gallery-wrapper ul li:nth-child(7) .image-wrapper,
    .gallery-wrapper ul li:nth-child(8) .image-wrapper {
        transform: none;
    }
}

@media only screen and (min-width: 568px) and (max-width: 990px) and (max-height: 600px) {
    html {
        font-size: 1.9vw;
    }

    .wrapper .modal {
        max-width: none;
        height: 100%;
        display: flex;
        background-color: #000;
    }

    .wrapper .modal.modal-static {
        flex-direction: row;
    }

    .wrapper .modal.modal-static .gallery-wrapper {
        height: 100%;
    }

    .wrapper .modal.modal-static .form-wrapper .logo {
        position: static;
        transform: none;
    }

    .wrapper .modal .gallery-wrapper {
        flex: 1;
    }

    .wrapper .modal .form-wrapper {
        position: static;
        max-width: 60%;
        min-width: 60%;
    }

    .logo {
        flex: none;
    }

    .form-wrapper {
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .form-wrapper::-webkit-scrollbar {
        width: 0 !important;
    }

    .form-wrapper .registration-form-builder {
        height: auto;
        min-height: auto;
        flex: 1;
        padding: 0 1.6em;
    }

    .form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner input {
        font-size: 1.8em;
    }

    .headline-1 {
        font-size: 2em;
        margin-bottom: 0.5em;
    }

    .headline-1 br {
        display: none;
    }

    .btn {
        width: 100%;
        font-size: 1.8em;
        height: 2.7em;
    }

    .required,
    .unknown-error-msg {
        margin: -0.5em 0 0.7em;
        font-size: 0.8em;
    }

    .gallery-wrapper ul li .info-wrapper {
        padding: 0;
        height: 2.5em;
        justify-content: center;
    }

    .gallery-wrapper ul li .info-wrapper .icon-pin {
        margin-right: 0;
    }

    .gallery-wrapper ul li .info-wrapper .icon-pin+span {
        font-size: 0.7em;
    }

    .legal-warning-text {
        font-size: 1.1em;
    }
}

@media (min-width: 568px) and (min-height: 601px) {
    html {
        font-size: 21px;
    }

    .wrapper .modal {
        height: 100%;
        max-width: 20em;
    }

    .gallery-wrapper ul li .video-wrapper {
        width: 100%;
        min-width: 50vh;
    }

    .logo img {
        max-width: 11em;
    }

    .headline-1 {
        font-size: 1.3em;
    }

    .btn {
        font-size: 1.2em;
    }

    .form-wrapper .registration-form-builder {
        min-height: 13.65em;
    }

    .form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner input {
        font-size: 1.2em;
    }

    .form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .btn,
    .form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner input {
        max-width: 12em;
    }

    .legal__container {
        font-size: 0.8em;
    }
}

@media (min-height: 735px) {
    .gallery-wrapper ul li .image-wrapper img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (min-height: 735px) and (-ms-high-contrast: active),
(min-height: 735px) and (-ms-high-contrast: none) {
    .logo img {
        height: auto;
    }

    .wrapper .modal.modal-static .form-wrapper .logo {
        z-index: 10;
    }

    .gallery-wrapper ul li .image-wrapper img,
    .gallery-wrapper ul li .video-step-wrapper video {
        width: auto;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 992px) and (max-height: 875px) {
    html {
        font-size: 16.8px;
    }

    .wrapper .modal>div {
        font-size: 0.8em;
    }

    .form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .btn,
    .form-wrapper .registration-form-builder .registration-form-builder-inner form .form-inner .step.field-step .form-group-inner input {
        max-width: 15em;
    }

    .required,
    .unknown-error-msg {
        max-width: 26em;
        margin: -0.3em auto 0.7em;
    }

    .legal-warning-text {
        margin: 0 auto 1em;
        max-width: 29em;
    }
}

@media (min-width: 1200px) {
    .registration-form-builder {
        font-size: 1.3em;
    }
}

@media (min-width: 1800px) and (min-height: 960px) {
    html {
        font-size: 2.17vh;
    }

    .registration-form-builder {
        font-size: 1em;
    }
}

/*# sourceMappingURL=style--ig2.css.map */