MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.pdf-link::after {
    content: url(/w/images/Pdf_icon.png); /* Pfad zum Icon anpassen */
    padding-left: 5px;
}

/* Basis-Schriftgröße und Skalierung für alle Geräte */
body {
    font-size: 16px; /* Einheitliche Basis-Schriftgröße */
    line-height: 1.6; /* Bessere Lesbarkeit */
}

/* Schriftgrößen für Überschriften vereinheitlichen */
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em; /* Anpassen nach Bedarf */
    line-height: 1.3;
}

/* Inhaltsbereich für mobile Geräte anpassen */
#mw-content-text {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* Seitenleiste auf mobilen Geräten ausblenden */
@media screen and (max-width: 768px) {
    #mw-panel {
        display: none; /* Seitenleiste ausblenden */
    }

    #content {
        margin-left: 0 !important; /* Seitenleisten-Margin entfernen */
        width: 100%;
        padding: 10px;
    }

    /* Navigationselemente anpassen */
    .vector-menu-portal {
        width: 100%;
        margin: 0;
    }

    .vector-menu-heading {
        font-size: 1em;
        padding: 10px;
    }

    .vector-menu-content-list {
        font-size: 0.9em;
    }

    /* Inhaltsverzeichnis anpassen */
    #toc {
        width: 100%;
        font-size: 0.9em;
    }

    /* Schriftgrößen für Inhalte anpassen */
    #mw-content-text p,
    #mw-content-text li,
    #mw-content-text div {
        font-size: 1em; /* Einheitliche Schriftgröße für Text */
    }

    /* Links und Buttons anpassen */
    a {
        font-size: 1em;
    }

    /* Kopfzeile anpassen */
    #mw-head {
        position: relative;
        width: 100%;
        padding: 10px;
    }

    #mw-head-base {
        margin: 0;
    }

    /* Suchleiste anpassen */
    #p-search {
        width: 100%;
        margin: 10px 0;
    }

    #p-search form {
        width: 100%;
    }

    #searchInput {
        width: 100%;
        font-size: 1em;
        padding: 5px;
    }
}

/* Für sehr kleine Bildschirme (z. B. Smartphones) */
@media screen and (max-width: 480px) {
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.2em; /* Kleinere Überschriften auf sehr kleinen Bildschirmen */
    }

    #mw-content-text p,
    #mw-content-text li,
    #mw-content-text div {
        font-size: 0.95em; /* Etwas kleinere Schrift für Text */
    }

    .vector-menu-heading {
        font-size: 0.9em;
    }

    .vector-menu-content-list {
        font-size: 0.85em;
    }
}