/* Responsive Design */
@media only screen and (max-width: 768px) {
    .header-container {
        text-align: center;
    }

    .main-nav {
        display: none; /* Navigation ausblenden */
    }

    .burger-menu {
        display: block; /* Burger-Menü anzeigen */
    }

    .burger-nav {
        position: static; /* Statisch für besseres Layout */
    }

    .burger-nav.active {
        display: block; /* Burger-Menü anzeigen, wenn aktiv */
    }

    .burger-nav ul {
        flex-direction: column;
        align-items: center;
    }

    .burger-nav ul li {
        width: 100%; /* Volle Breite */
    }

    .burger-nav ul li a {
        padding: 15px 0; /* Mehr Padding für bessere Optik */
        width: 100%; /* Volle Breite */
    }

    .burger-nav ul li:not(:last-child) a {
        border-bottom: 1px solid #fff; /* Weiße Trennlinie */
    }

    .logo-container img {
        max-width: 130px; /* 100px um 30% vergrößert für mobile Geräte */
    }

    .site-title {
        font-size: 1.5rem; /* Kleinere Größe auf mobilen Geräten */
    }

    h1 {
        font-size: 2rem; /* Kleinere Größe auf mobilen Geräten */
    }

    h2 {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1rem;
    }

    h6 {
        font-size: 0.875rem;
    }

    footer {
        padding: 5px; /* Weiter reduziertes Padding für mobile Geräte */
        font-size: 1.25rem; /* Schriftgröße vergrößert für mobile Geräte */
    }

    .text-image-block {
        flex-direction: column;
    }

    .text-image-block img {
        order: 0 !important;
        margin: 0 0 20px 0 !important;
    }

    .text-image-block p {
        order: 1;
        margin: 0;
    }
}