.topliste {
    display: flex;
    justify-content: space-between; /* Abstand zwischen den Bildern */
    flex-wrap: wrap; /* Bilder umbrechen, wenn der Platz nicht ausreicht */
}

.responsive-image {
    min-width: 325px; min-height: 325px;
    flex: 1; /* Jedes Bild nimmt gleich viel Platz ein */
    margin: 5px; /* Optionaler Abstand zwischen den Bildern */ }

    .ggrey {color: #8b91a2 !important;}
.blu {color: #4bb3fd !important;}
    .button-list {
            list-style-type: none; /* Entfernt die Aufzählungszeichen */
            padding: 0; /* Entfernt die Standard-Padding */
            display: flex; /* Flexbox für horizontale Anordnung */
            flex-wrap: wrap; /* Ermöglicht Zeilenumbruch bei Bedarf */
            justify-content: space-between;
        }
        .button-list li {
            margin: 5px; /* Abstand zwischen den Buttons */
        }
        .button {
            background-color: #007BFF; /* Hintergrundfarbe */
            color: white; /* Textfarbe */
            border: none; /* Kein Rahmen */
            padding: 10px 15px; /* Innenabstand */
            text-align: center; /* Text zentrieren */
            text-decoration: none; /* Keine Unterstreichung */
            border-radius: 5px; /* Abgerundete Ecken */
            cursor: pointer; /* Zeiger-Cursor beim Hover */
            transition: background-color 0.3s; /* Übergangseffekt für Hover */
        }
        .button:hover {
            background-color: #0056b3; /* Dunklere Farbe beim Hover */
        }

.orang {color: #838a9f !important;}
.blu {color: #4AB3FC !important;}
.card-content h1,h2,h3,h4 {color: #4AB3FC !important;}

.linki { color: #ffcc00 !important; }