.pace:after {
    content: "Bitte warten...";
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 42px;
    font-weight: 600;
    color: white;
    text-shadow: 0 0 10px rgba(0,0,0,0.6);
    position: fixed;
    inset: 0;
    z-index: 999999999;
    background-color: rgba(0,0,0,0.4);
    animation: pacePulse 1s ease-in-out infinite alternate;
    pointer-events: auto;
}

.pace.pace-active {
    pointer-events: auto !important;
}

.pace.pace-active:after {
    pointer-events: auto;
}

@keyframes pacePulse {
    0%   { background-color: rgba(0,0,0,0.4); }
    100% { background-color: rgba(0,0,0,0.5); }
}

.app-sidebar {
    background: linear-gradient(to right,
        rgba(0,0,0,0.2) 0%,
        rgba(0,0,0,0.2) 60%,
        rgba(0,0,0,0.0) 100%
    );
}

.app-sidebar-mobile-toggled > #sidebar {
    background-color: rgba(0,0,0,1);
}

.cursor-pointer {
    cursor: pointer !important;
}