@keyframes rain{0%{background-position:0 0}to{background-position:500px 1000px}}.effect-rain{animation:rain 2s linear infinite;background-image:url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/rain.png)}@keyframes sparkle{0%{background-position:0 0,0 0,0 0}to{background-position:-500px -1000px,-400px -400px,300px 300px}}.effect-sparkle{animation:sparkle 60s linear infinite;background-image:url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/sparkle1.png),url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/sparkle2.png)}@keyframes glass{0%{background-position:0 0,0 0,0 0}to{background-position:500px 1000px,400px 400px}}.effect-sliding-glass{animation:glass 30s linear infinite;background-image:url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/glass1.png),url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/glass2.png)}@keyframes confetti{0%{background-position:0 0,0 0,0 0}to{background-position:500px 1000px,400px 400px,300px 300px}}.effect-confetti{animation:confetti 10s linear infinite;background-image:url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/confetti1.png),url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/confetti2.png)}@keyframes snow{0%{background-position:0 0,0 0,0 0}to{background-position:500px 1000px,400px 400px,300px 300px}}.effect-snow{animation:snow 20s linear infinite;background-image:url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/snow1.png),url(//www.kanuhelden.de/wp-content/themes/flatsome/assets/img/effects/snow2.png)}.kanu-map-wrapper {
position: relative;
width: 100%;
height: auto;
}
.kanu-map-container {
position: relative;
width: 100%;
background: center/contain no-repeat #000000;
}
.kanu-marker {
position: absolute;
width: 48px; height: 48px;
cursor: pointer;
transform: translate(-50%, -50%);
z-index: 10;
animation: none;
will-change: transform; backface-visibility: hidden;
transform-style: preserve-3d;
}
.kanu-marker::after {
content: '';
position: absolute;
left: 8px; top: 8px;
width: 32px;
height: 32px;
background: radial-gradient(circle at 50% 50%, #ffcc00 0%, transparent 70%);
border: 3px solid orange;
border-radius: 50%;
box-shadow: 0 0 15px #ffcc00;
animation: none;
pointer-events: none; transform-origin: center center;
will-change: transform;
backface-visibility: hidden;
transform: translateZ(0); }
.kanu-marker:hover::after {
animation: kanuPulse 2.2s infinite ease-in-out;
}
@keyframes kanuPulse {
0% {
transform: scale(0.7) translateZ(0);
opacity: 1;
}
50% {
transform: scale(2.0) translateZ(0);
opacity: 0.4;
}
100% {
transform: scale(0.7) translateZ(0);
opacity: 1;
}
} .kanu-marker:hover {
transform: translate(-50%, -50%) translateZ(0);
}