/* Globale Schriften und Farben */
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #f9f9f9;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    letter-spacing: 2px;
    color: #2c3e50;
}

/* Abstände für den Header */
.hero-section {
    padding-top: 100px;
    padding-bottom: 50px;
}

/* Dezente visuelle Trennlinie */
.custom-hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    margin: 40px 0;
}

/* =========================================
   Effekte für das Partyzelt-Bild
   ========================================= */
.hero-image-effect {
    max-width: 400px;
    width: 100%;
    /* Fügt einen weichen Schatten um die Konturen des PNGs hinzu */
    filter: drop-shadow(0px 15px 25px rgba(0, 0, 0, 0.2));
    /* Bindet die Schwebe-Animation ein */
    animation: float 4s ease-in-out infinite;
}

/* Keyframes für die Schwebe-Animation */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px); /* Bewegt das Bild 15px nach oben */
    }
    100% {
        transform: translateY(0px);
    }
}