#custom-section {
    color: rgb(0, 0, 0);
    text-align: center;
    padding: 50px;
}

#custom-section h2 {
    font-size: 2em;
    margin-bottom: 20px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(100%) grayscale(100%);
}

.carousel-item img { /* Passt die mobile Bildgröße an (funktioniert noch nicht wirklich!!!!) */
    width: 100%;
    height: 100%;
    object-fit: contain; /* oder "cover", abhängig von deinen Präferenzen */
}


#more {display: none;} /* Ausklappbare Text am Ende der Seite */

@media (max-width: 768px) {
    .card-text {
        display: none;
        }
}

@media (max-width: 768px) {
    #tasseCarousel .carousel-inner .carousel-item img {
        height: 200px; /* Passe die Höhe an, um sicherzustellen, dass die Bilder vollständig sichtbar sind */
        width: auto; /* Optional: Automatische Breite, um die Skalierung beizubehalten */
    }
}