@charset "UTF-8";
body {
    transition: all 950ms ease;
}

.bg_header {
    transition: all 550ms ease;
}


.animation-twist {
    transition: all 250ms ease;
}
.animation-twist:hover {
    transform: rotate(-2deg);
}


.animation-scale {
    transition: all 250ms ease;
}
.animation-scale:hover {
    transform: scale(1.05);
}



.animation-bg-verlauf {
    background-image: var(--gradient-blau);
    background-size: 1000%;
    background-position: right top;
    transition: all 1s ease;
}
.animation-bg-verlauf:hover {
    background-position: center top;
}


.interactive {
    transition: all 250ms ease;
}

.jahresplaner_highlight {
    /* animation: pulsate 2s infinite; */
}

.jahresplaner_highlight::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #8e8e8e;
    transition: all 1s ease;
    z-index: -1;
    animation: pulsate 3s infinite;
}



@keyframes pulsate {
    0%   { transform: translateX(-35%); }
    50% { transform: translateX(-39%); }
    100%   { transform: translateX(-35%); }
}