#datapolicy, #impressum {
    inset: 0;
    background-color: rgba(0,0,0,.75);
    z-index: 10;
    transition: opacity .3s ease;
    opacity: 0;
    pointer-events: none;
}
#datapolicy.active, #impressum.active {
    opacity: 1;
    pointer-events: auto;
}
#datapolicy h3, #impressum h3,
#datapolicy h4, #impressum h4,
#datapolicy li, #impressum li,
#datapolicy p, #impressum p {
    color: var(--sec-col);
}
#datapolicy h4, #impressum h4 {
    font-size: calc(var(--h3-fs) * .5);
}
#datapolicy li, #impressum li,
#datapolicy p, #impressum p {
    font-size: calc(var(--h3-fs) * .4);
}
#datapolicy .popup,
#impressum .popup {
    border: min(4vmin, 4px) solid var(--sec-col);
    border-radius: 15px;
    width: min(90%, 600px);
    height: 80%;
    background-color: var(--prim-col);
    padding-bottom: min(3vmin, 20px);
}
#datapolicy .popup .holder-h4,
#impressum .popup .holder-h4 {
    width: 100%;
    padding: 0 min(2vmin, 24px);
}
#datapolicy .popup .holder-h4 button.close-policy,
#impressum .popup .holder-h4 button.close-impressum {
    font-size: calc(var(--h3-fs) * .4);
    border: 2px solid black;
    border-radius: 100px;
    color: #c7c7c7;
    cursor: pointer;
}
#datapolicy .popup section,
#impressum .popup section {
    overflow-y: auto;
    padding: min(3vmin, 20px) min(2vmin, 24px);
}
#datapolicy .popup ul,
#impressum .popup ul {
    /* border: 1px solid red; */
    width: 100%;
    list-style-type: disc;
}
#datapolicy .popup ul li,
#impressum .popup ul li {
    /* border: 1px solid green; */
    margin: min(2vmin, 20px) 0 min(2vmin, 20px) min(5%, 20px);
}