.ccm-alert-popup {
    position: fixed;
    padding: 0;
    margin: auto;
    border: none
}

.ccm-alert-popup,
.ccm-alert-popup>* {
    box-sizing: border-box
}

.ccm-alert-popup .ccm-alert-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: red;
    border-radius: 50%;
    cursor: pointer;
    /* WICHTIG */
    font-size: 0;              /* versteckt 🗙 */
}
.ccm-alert-popup .ccm-alert-popup-close::after {
    content: "×";
    font-size: 18px;
    color: #fff;
    font-family: Arial, sans-serif;
}

.ccm-alert-popup .ccm-alert-popup-content {
    position: relative;
    margin: 18px 0 0 0;
    padding: 0 18px 18px 18px;
    overflow-x: visible;
    overflow-y: auto
}

.ccm-alert-popup .ccm-alert-popup-content>:last-child {
    margin-bottom: 0
}

.ccm-alert-popup::backdrop {
    background-color: rgba(0, 0, 0, .0980392157)
}

.ccm-alert-popup[class*=" ccm-alert-popup-anim-"],
.ccm-alert-popup[class^=ccm-alert-popup-anim-] {
    pointer-events: none;
    transition-property: all;
    transition-duration: .6s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-behavior: normal
}

.ccm-alert-popup[class*=" ccm-alert-popup-anim-"].ccm-alert-popup-open,
.ccm-alert-popup[class^=ccm-alert-popup-anim-].ccm-alert-popup-open {
    pointer-events: auto
}

.ccm-alert-popup[class*=" ccm-alert-popup-anim-"]::backdrop,
.ccm-alert-popup[class^=ccm-alert-popup-anim-]::backdrop {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .6s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-behavior: normal
}

.ccm-alert-popup[class*=" ccm-alert-popup-anim-"].ccm-alert-popup-open::backdrop,
.ccm-alert-popup[class^=ccm-alert-popup-anim-].ccm-alert-popup-open::backdrop {
    opacity: 1
}

.ccm-alert-popup.ccm-alert-popup-anim-fade-in {
    opacity: 0
}

.ccm-alert-popup.ccm-alert-popup-anim-fade-in.ccm-alert-popup-open {
    opacity: 1
}

.ccm-alert-popup.ccm-alert-popup-anim-slide-in {
    transform: translateX(100vw)
}

.ccm-alert-popup.ccm-alert-popup-anim-slide-in.ccm-alert-popup-open {
    transform: translateX(0)
}

.ccm-alert-popup.ccm-alert-popup-anim-zoom-in {
    transform: scale(0)
}

.ccm-alert-popup.ccm-alert-popup-anim-zoom-in.ccm-alert-popup-open {
    transform: scale(1)
}

.ccm-alert-popup.ccm-alert-popup-anim-slide-in.ccm-alert-popup-anim-zoom-in {
    transform: translateX(100vw) scale(0)
}

.ccm-alert-popup.ccm-alert-popup-anim-slide-in.ccm-alert-popup-anim-zoom-in.ccm-alert-popup-open {
    transform: translateX(0) scale(1)
}