/* ----------------- GLOW ----------------- */
/*
.service-card:hover {
    box-shadow: 0 0 100px 5px var(--c-glow-green-weak); 
}
.service-card:has(.row.is-yellow):hover {
    box-shadow: 0 0 100px 5px var(--c-glow-yellow-weak); 
}
.service-card:has(.row.is-purple):hover {
    box-shadow: 0 0 100px 5px var(--c-glow-purple-weak); 
}
.service-card:has(.row.is-blue):hover {
    box-shadow: 0 0 100px 5px var(--c-glow-blue-weak); 
}
.service-card:has(.row.is-orange):hover {
    box-shadow: 0 0 100px 5px var(--c-glow-orange-weak); 
}
.service-card:has(.row.is-cyan):hover {
    box-shadow: 0 0 100px 5px var(--c-glow-cyan-weak); 
}
.service-card:has(.row.is-green):hover {
    box-shadow: 0 0 100px 5px var(--c-glow-green-weak); 
}
*/

#cursor-glow {
    position: fixed;
    top: -1px;
    left: -1px;
    border-radius: 50%;
    pointer-events: none; /* Stellt sicher, dass Klicks durch das Element gehen */
    transition: transform 0.2s ease-out, background-color 0.2s ease, box-shadow .8s ease-in;
    z-index: 1;
    box-shadow: 0 0 var(--glow-blur, 50px) 40px var(--glow-color); /* Glow-Effekt */
}