#idPopupContainer {
        position: absolute;
        top: 10%;
        left: calc(50% - 20%);
        width: 40%;
        background-color: var(--primary-text-color);
        font-family: 'Montserrat';
        color: #FFFFFF;
        padding: 6px;
        border-radius: 8px;
        box-shadow: 4px 4px 4px #444444;
    }
    .popup-head {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin: 0 8px;
    }
    .popup-headline {
        font-size: 1.4vw;
        color: var(--accent-color);
        font-weight: bold;
        margin: auto 0;
    }
    #idClose {
        width: 24px;
        height: 24px;
        text-align: center;
        font-weight: bold;
        color: var(--accent-color);
        background: transparent;
        border: 1px solid whitesmoke;
        border-radius: 12px;
        cursor: pointer;
        margin: auto 0;
    }
    #idClose:hover {
        background: var(--accent-color);
        color: whitesmoke;
        transition: 0.2s ease-in-out;
    }
    .popup-content {
        margin: auto 8px;
        padding: 12px 0;
        line-height: 140%;
        border-radius: 8px;
        font-size: 1vw;
    }
    .popup-content p {
        text-align: justify;
        hyphens: auto;
    }
    .popup-content p a {
        text-decoration: none;
        color: var(--accent-color);
        font-weight: bolder;
    }
    @media (max-width: 1080px) {
        #idPopupContainer {
            left: calc(50% - 25%);
            width: 50%;
        }    
        .popup-headline {
            font-size: 2.2vw;
        }
        .popup-content {
            text-align: justify;
            line-height: 150%;
            font-size: 1.6vw;
        }
    }
    @media (max-width: 810px) {
        #idPopupContainer {
            left: calc(50% - 35%);
            width: 70%;
        }    
        .popup-headline {
            font-size: 2.5vw;
        }
        .popup-content {
            font-size: 2vw;
        }
    }
    @media (max-width: 600px) {
        #idPopupContainer {
            left: calc(50% - 40%);
            width: 80%;
        }    
        .popup-headline {
            font-size: 4vw;
        }
        .popup-content {
            font-size: 3.4vw;
        }
    }