/* POPUP */
body.popup {
    overflow: hidden;
}
#popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 88888888;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 80px 0;
    overflow: auto;
}
    #popup .text-center {
        text-align: center;
    }
    #popup p {
        line-height: 1.75;
    }
    #popup p + p {
        margin-top: 2rem;
    }
    #popup a,
    #popup a:link,
    #popup a:hover,
    #popup a:active,
    #popup a:visited,
    #popup a:focus {
        color: #bc1f21;
        text-decoration: underline;
    }
    #popup .popup-wrap {
        position: relative;
        display: inline-block;
        width: 640px;
        max-width: 84%;
        background-color: #fff;
        border: 2px solid #bc1f21;
        border-radius: 8px;
        padding: 40px;
    }
        #popup .popup-header {
            font-size: 40px;
            text-transform: uppercase;
            /*padding-top: 88px;
            background-image: url(https://www.platzlalm.at/fileadmin/layout/svg/zua-standl-1790.svg);
            background-position: center top;
            background-repeat: no-repeat;
            background-size: auto 80px;*/
            margin-bottom: 2rem;
            text-align: center;
            line-height: 1.5;
            font-weight: 400;
            font-family: 'Jost-Medium';
        }
        #popup .popup-image {
            margin-top: 2rem;
        }
        #popup .popup-cta {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 2rem;
        }
            #popup .popup-cta a,
            #popup .popup-cta a:link,
            #popup .popup-cta a:hover,
            #popup .popup-cta a:active,
            #popup .popup-cta a:visited,
            #popup .popup-cta a:focus {
                display: inline-block;
                line-height: 40px;
                margin-right: 8px;
                margin-left: 8px;
                background-color: #bc1f21;
                color: #fff;
                padding: 0 32px;
                border-radius: 8px;
                text-decoration: none;
            }
        #popup .popup-close {
            position: absolute;
            top: -16px;
            right: -16px;
            z-index: 8;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 48px;
            height: 48px;
            border-radius: 100%;
            background-color: #bc1f21;
            color: #fff;
            line-height: 1;
            font-weight: 700;
            cursor: pointer;
        }
/* ##### */
/* RESPONSIVE */
@media (max-width: 1000px) {
    #popup {
        padding: 40px 0;
    }
}
@media (max-width: 820px) {
    #popup .popup-header {
        font-size: 32px;
        text-transform: uppercase;
        /*padding-top: 88px;
        background-image: url(../Images/header-gold.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 60px 80px;*/
    }
    #popup .popup-cta {
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
    }
        #popup .popup-cta a,
        #popup .popup-cta a:link,
        #popup .popup-cta a:hover,
        #popup .popup-cta a:active,
        #popup .popup-cta a:visited,
        #popup .popup-cta a:focus {
            margin-right: 0;
            margin-left: 0;
            text-align: center;
        }
        #popup .popup-cta a + a {
            margin-top: 8px;
        }
}
@media (max-width: 600px) {
    #popup .popup-header {
        font-size: 24px;
    }
}
@media (max-width: 420px) {
    #popup .popup-wrap {
        padding: 24px;
    }
        #popup .popup-header {
            word-break: break-all;
        }
}
/* ########## */