@media (max-width: 768px) {
  
}

@media (max-width: 768px) {
    .container-logo nav {
        top: 40px;
        left: 15px;
    }

    .container-logo img {
        width: 22%; /* Verkleinertes Logo */
    }
}

@media (max-width: 768px) {
    .text-block {
        width: 80%; /* 80% Breite */
        max-width: 80%; /* Begrenzung*/
        margin-left: 0;
        text-align: left; 
    }
}

@media (max-width: 768px) { /* Postionierung des content-menu */
    
    .content-menu {
        position: relative; 
        margin-left: 25vw;
        text-align: left; 
        width: 100%; 
        margin-top: 100px;
    }

    .content-menu ul {
        list-style: none; /* Aufzählungszeichen */
        padding: 0;
        margin: 0;
    }

    .content-menu ul li {
        margin: 10px 0; /* Vertikaler Abstand zwischen Links */
    }

    .content-menu ul li a {
        font-size: 18px; 
        line-height: 2; /* Zeilenhöhe */
        text-decoration: none; 
        color: #333; /* Standardfarbe */
        transition: color 0.3s ease; /* Hover-Effekt */
    }

    .content-menu ul li a:hover {
        color: #54575b; /* Hover-Farbe */
    }
}

@media (max-width: 768px) {
    footer {
        flex-direction: column; /* Links untereinander statt nebeneinander */
        text-align: center;
    }

    footer .footer a {
        margin: 5px 0; /* Abstand zwischen den Links */
    }
}