@media (max-width: 768px) {
        .header {
            flex-direction: column;
            align-items: center;
        }

        .logo {
            text-align: center;
            margin-left: 0;
        }

        .logo-image {
            /* Bild zentrieren, wenn der Container zentriert ist */
            margin: 0 auto 0 auto; 
        }

        .header {
            align-items: center; 
        }

        .main-content {
            /* Flex-Richtung ändern, um die Elemente untereinander anzuordnen */
            flex-direction: column; 
            width: 90%;
            text-align: center; /* Slogan zentrieren */
        }

        .slogan-section {
            /* padding entfernen und volle Breite geben */
            padding-right: 0; 
            width: 100%;
            order: 1; /* Sicherstellen, dass der Slogan zuerst kommt */
        }

        .services-section {
            /* Volle Breite und zentriert */
            width: 100%; 
            margin-top: 1rem;
            text-align: center; /* Titel zentrieren */
            order: 2; /* Unter den Slogan verschieben */
        }
        
        .services-section h2 {
            text-align: center;
        }

        .contact-info {
            width: 90%;
            align-items: center; 
        }
        
    }