/*///////////////////////////////////////////////////////
// General Colors
//////////////////////////////////////////////////////*/
.themeColor, .themeColor > *, p a, ul li a, ol li a,
.btn, .buttonBox .button.active, /* Intro Teaser */
.filterItem.checked h3, /* Themen Filter */
input[type="radio"].radioLabel:checked + label:before
{
    color: var(--color-elvipurple);
}
.themeBg,
.slick-dots li.slick-active button,
.btnPlusMinus:before, .btnPlusMinus:after, .btn.revert,
.checked:before {
    background-color: var(--color-elvipurple);
}
.themeBg85 {
    background-color: rgba(113,80,233,0.85);
}
.themeBorder, .btnPlusMinus {
    border-color: var(--color-elvipurple) !important;
}
.gradientOverlay, .gradientOverlayWhite, .gradientOverlayGrey {
    background: rgb(161,92,173);
    background: linear-gradient(135deg, rgba(91,103,187,1) 0%, rgba(195,61,141,1) 100%);
}
.gradientOverlay90 {
    background: rgb(161,92,173);
    background: linear-gradient(135deg, rgba(91,103,187,1) 0%, rgba(195,61,141,1) 100%);
}

.btn.revert {
    color: var(--color-light);
}

.btn.animated.revert {
    box-shadow: 0 0 0 0 rgba(161,92,173,0.4);
    -moz-animation: pulseRevert 2s infinite;
    -webkit-animation: pulseRevert 2s infinite;
    animation: pulseRevert 2s infinite;
}
@media (hover: hover) and (pointer: fine) {
    .btnClose:hover .ico, .btnBack:hover .ico, .buttonBox .button:hover {
        color: var(--color-elvipurple);
    }
    .slick-dots li:hover button, .btn:hover {
        background-color: var(--color-elvipurple);
    }
    .slidePrev:hover svg, .slideNext:hover svg {
        fill: var(--color-elvipurple);
    }
    .btn.revert:hover {
        background: var(--color-light);
        color: var(--color-elvipurple);
    }
}
@keyframes pulseRevert {
    0% {
        box-shadow: 0 0 0 0 rgba(161,92,173,1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(161,92,173,0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(161,92,173,0);
    }
}