.font-indie-flower {
    font-family: 'Indie Flower', cursive;
}


.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 80vh; /* Begrenzt die Höhe des Bildes auf 80% der Bildschirmhöhe */

}

/* Farbakzente und Hover-Effekte */
a:hover, .toggle-section:hover {
    color: #4fd1c5; /* Helle Farbe für Hover-Effekte */
    transition: color 0.3s ease;
}

/* Animationen für das Ein- und Ausklappen der Sektionen */
.hidden {
    display: none;
}

.toggle-section {
    transition: transform 0.3s ease;
}

.toggle-section.rotate-icon {
    transform: rotate(180deg);
}

/* Abschnittsübergänge */
section {
    margin-top: 2rem;
    padding: 2rem;
    background-color: #2d3748; /* Dunkler Hintergrund für Abschnitte */
    border-radius: 0.5rem;
}

/* Anpassungen für Swiper Pagination und Buttons */
.swiper-pagination-bullet {
    background-color: white;
}

.swiper-button-next, .swiper-button-prev {
    color: white;
}

.bg-gold {
    background-color: gold;
}

.bg-silver {
    background-color: silver;
}

.bg-bronze {
    background-color: #cd7f32;
}