/* === Statistik === */
.statistics {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 1rem;
}

.statistics>p {
    font-size: 24px;
}

/*=== Hundemenue ===*/
.hundemenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    gap: 1rem;
}

.hundemenu>.kachel {
    position: relative;
    flex: 1 1 200px; /* Flex-Grow, Flex-Shrink, Mindestbreite */
    max-width: 348px; /* Maximale Breite */
    min-width: 200px; /* Mindestbreite */
    height: auto; /* Höhe dynamisch anpassen */
}

.hundemenu>.kachel>:hover {
    cursor: pointer;
/* skalieren um 3 Prozent */
    transform: scale(1.03);
    transition: transform 0.3s ease-in-out;
}


.hundemenu>.kachel>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: var(--bradius);
}

.hundemenu .menue-text {
    position: absolute;
    top: 1rem;
    width: 100%;
    text-align: center;
    font-size: clamp(16px, 2vw, 24px); /* Dynamische Schriftgröße */
    background-color: var(--black);
    color: var(--lightgreen);
}

/*=== Testimonials ===*/
.testimonial-wrapper {
    max-width: 70%;
    margin: 0 auto;
}

.testimonials {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    padding-left: 7rem;
    gap: 1rem;
}

.testimonials>.text {
    position: relative;
    max-height: 5rem;
    overflow-y: auto;
}


.testimonials>.pfeil {
    font-size: 32px;
    cursor: pointer;
}

.testimonials > .pfeil:hover {
   font-weight: 800;
}

.vereinslogo {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}