@font-face {
    font-family: 'Brandon Grotesque';
    src: url('/fonts/BrandonGrotesque-Regular.eot');
    src: url('/fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/BrandonGrotesque-Regular.woff2') format('woff2'), url('/fonts/BrandonGrotesque-Regular.woff') format('woff'), url('/fonts/BrandonGrotesque-Regular.ttf') format('truetype'), url('/fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signatria';
    src: url('/fonts/Signatria-Regular.eot');
    src: url('/fonts/Signatria-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Signatria-Regular.woff2') format('woff2'), url('/fonts/Signatria-Regular.woff') format('woff'), url('/fonts/Signatria-Regular.ttf') format('truetype'), url('/fonts/Signatria-Regular.svg#Signatria-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('/fonts/BrandonGrotesque-Bold.eot');
    src: url('/fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/BrandonGrotesque-Bold.woff2') format('woff2'), url('/fonts/BrandonGrotesque-Bold.woff') format('woff'), url('/fonts/BrandonGrotesque-Bold.ttf') format('truetype'), url('/fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('/fonts/BrandonGrotesque-Medium.eot');
    src: url('/fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/BrandonGrotesque-Medium.woff2') format('woff2'), url('/fonts/BrandonGrotesque-Medium.woff') format('woff'), url('/fonts/BrandonGrotesque-Medium.ttf') format('truetype'), url('/fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.cal-bg {
    /*background: url(/Content/img/paper-texture-with-pattern.jpg) no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center;*/
    background: #D1CDC9;
}

.door-1 {
    background-image: url(/Content/theme/byalfred/numbers/_1.svg);
}

.door-2 {
    background-image: url(/Content/theme/byalfred/numbers/_2.svg);
}

.door-3 {
    background-image: url(/Content/theme/byalfred/numbers/_3.svg);
}

.door-4 {
    background-image: url(/Content/theme/byalfred/numbers/_4.svg);
}

.door-5 {
    background-image: url(/Content/theme/byalfred/numbers/_5.svg);
}

.door-6 {
    background-image: url(/Content/theme/byalfred/numbers/_6.svg);
}

.door-7 {
    background-image: url(/Content/theme/byalfred/numbers/_7.svg);
}

.door-8 {
    background-image: url(/Content/theme/byalfred/numbers/_8.svg);
}

.door-9 {
    background-image: url(/Content/theme/byalfred/numbers/_9.svg);
}

.door-10 {
    background-image: url(/Content/theme/byalfred/numbers/_10.svg);
}

.door-11 {
    background-image: url(/Content/theme/byalfred/numbers/_11.svg);
}

.door-12 {
    background-image: url(/Content/theme/byalfred/numbers/_12.svg);
}

.door-13 {
    background-image: url(/Content/theme/byalfred/numbers/_13.svg);
}

.door-14 {
    background-image: url(/Content/theme/byalfred/numbers/_14.svg);
}

.door-15 {
    background-image: url(/Content/theme/byalfred/numbers/_15.svg);
}

.door-16 {
    background-image: url(/Content/theme/byalfred/numbers/_16.svg);
}

.door-17 {
    background-image: url(/Content/theme/byalfred/numbers/_17.svg);
}

.door-18 {
    background-image: url(/Content/theme/byalfred/numbers/_18.svg);
}

.door-19 {
    background-image: url(/Content/theme/byalfred/numbers/_19.svg);
}

.door-20 {
    background-image: url(/Content/theme/byalfred/numbers/_20.svg);
}

.door-21 {
    background-image: url(/Content/theme/byalfred/numbers/_21.svg);
}

.door-22 {
    background-image: url(/Content/theme/byalfred/numbers/_22.svg);
}

.door-23 {
    background-image: url(/Content/theme/byalfred/numbers/_23.svg);
}

.door-24 {
    background-image: url(/Content/theme/byalfred/numbers/_24.svg);
}

.door-25 {
    background-image: url(/Content/theme/byalfred/numbers/_25.svg);
}

.door-nav .door-schaetze-richtig {
    display: none;
    background-image: url(/Content/theme/byalfred/numbers/katze01.svg);
    /*position: relative;*/
    animation: MoveUpDown 5s linear infinite;
    background-position: bottom;
}

@media(min-width: 992px) {
    .door-nav .door-schaetze-richtig {
        transform: scale(1.4) translateX(-50%);
    }
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: -100px;
        /*transform: scale(0.4);*/
    }

    15% {
        bottom: 0;
        /*transform: scale(1);*/
    }

    80% {
        bottom: 0;
        /*transform: scale(1);*/
    }
    /*50% {
        bottom: 0;*/
    /*transform: scale(1);*/
    /*}*/
}



#enquiryform-success {
    text-align: center;
    background-color: #89b28c;
    border: 1px solid #89b28c;
    padding: 16px;
}

.badge-1 .text,
.badge-2 .text {
    color: #ffffff;
}


body {
    font-family: 'Brandon Grotesque', sans-serif;
}

.badge-1 .text {
    color: #ffffff;
}

.badge-1 .title, .badge-2 .title, .h1, .h2, .h3, .header-title_top, h1, h2, h3, header .header-countdown, header .header-introtext, header .header-title_top {
    font-family: 'Brandon Grotesque', serif !important;
}

#enquiryform-success {
    text-align: center;
    background-color: #96af2b;
    border: 1px solid #96af2b;
    padding: 16px;
}

.door-overlay .subtitle {
    color: var(--color-3);
    font-weight: 700;
    letter-spacing: 2px;
}

.single-door a {
    color: var(--color-3);
}

.enquiryform .controls input[type=email], .enquiryform .controls input[type=number], .enquiryform .controls input[type=tel], .enquiryform .controls input[type=text], .enquiryform .controls select, .enquiryform .controls textarea {
    border: none;
    border-bottom: 1px solid #000000;
}

.enquiryform .controls label:not(.error) {
    color: var(--color-3);
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.btn {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    background: var(--color-3);
}



element.style {
}

#enquiryform-success {
    text-align: center;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    padding: 16px;
}