/* ---------- Basis für alle Geräte ---------- */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.TextObject {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
}

/* ---------- Navigation ---------- */
#Navigationsleiste8 {
    display: flex;
    flex-direction: column;
    width: 125px; /* Desktop-Breite bleibt */
}

#Navigationsleiste8 a img {
    width: 100%;
    height: auto;
}

/* ---------- Responsive nur für kleine Bildschirme ---------- */
@media screen and (max-width: 768px) {
    /* Haupt-Content-Tabelle */
    table#Tabelle4, table#Tabelle5, table#Tabelle6 {
        display: block;
        width: 100% !important;
    }

    table#Tabelle4 td, table#Tabelle5 td, table#Tabelle6 td {
        display: block;
        width: 100% !important;
        padding: 5px 0;
    }

    /* Navigation horizontal anpassen */
    #Navigationsleiste8 {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #Navigationsleiste8 a {
        flex: 1 1 30%;
        margin: 5px 0;
    }

    /* Banner und große Bilder */
    #Banner1, #Bild65, #Bild64, #Bild67, #Bild73 {
        width: 100%;
        height: auto;
    }

    /* Texte anpassen */
    .TextObject {
        font-size: 18px;
        text-align: center;
        padding: 0 10px;
    }
}
#scrolling-text-wrapper {
    /* Setzt die Breite des Containers auf 100% und verhindert, dass der Text überläuft */
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

#scrolling-text-content {
    /* Stellt sicher, dass der Text in einer einzigen Zeile bleibt */
    display: inline-block !important;
}