/* Ordnerstruktur
./
├── index.html
├── canvas.css
├── frame.js
├── favicon.svg
├── posters/ (leer)
├── bewertungen/index.html
├── leistungen/index.html
├── angebote/index.html
├── kontakt/index.html
├── datenschutz/index.html
├── nutzungsbedingungen/index.html
├── cookie-richtlinie/index.html
└── success/
    ├── index.html
    └── assets/style.css
*/
@keyframes softFloat {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-9px)
    }
}

@keyframes revealUp {
    from {
        opacity: 0;
        transform: translateY(18px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes timerPulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(123, 30, 58, .2)
    }

    50% {
        box-shadow: 0 0 0 10px rgba(123, 30, 58, 0)
    }
}

@media (max-width: 768px) {

    h1,
    h2 {
        font-size: 28px !important;
    }
}

.float-soft {
    animation: softFloat 6s ease-in-out infinite
}

.reveal-up {
    animation: revealUp .7s ease both
}

.timer-pulse {
    animation: timerPulse 2s ease-in-out infinite
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden
}