@charset "utf-8";
/* CSS Document */

   /* <!-- Style - Flex-Container-->*/
   
        .flex-container-card {
            display: flex;
            flex-wrap: wrap; /* Damit die Elemente bei Bedarf umgebrochen werden */
            justify-content: space-evenly; /* Elemente werden gleichmäßig verteilt */
            gap: 10px; /* Abstand zwischen den Items */
            padding: 20px;
        }


        .flex-item-card {
            flex: 1; /* Jedes Item nimmt gleich viel Platz ein */
            min-width: 250px; /* Mindestens 250px Breite */
            padding: 20px;
            border-radius: 5px;
        }

        /* Flex-Items mit kleinerer Bildschirmauflösung (z.B. mobile Geräte) */
        @media (max-width: 768px) {
            .flex-container-card {
                flex-direction: column; /* Items werden untereinander gestapelt */
                align-items: center; /* Zentriert die Items */
            }

            .flex-item-card {
                min-width: 100%; /* Jedes Item nimmt 100% der Breite ein */
                margin-bottom: 20px; /* Abstand zwischen den Items */
            }
        }