MediaWiki:Common.css

/* Buchstaben-Header ausblenden */
body.page-Kategorie_Nepenthes .mw-category-group > h3 {
    display: none;
}

/* Anzahl der Seiten in Unterkategorien ausblenden */
body.page-Kategorie_Nepenthes_Arten .mw-category-group .mw-category-subcategories .mw-category-subcategory a > span {
    display: none !important;
}
/* Entfernt die Seitenzahlen hinter den Unterkategorien */
body.page-Kategorie_Nepenthes .mw-category-group .mw-category-subcategories .mw-category-subcategory span {
    display: none !important;
}



/* Medienabfrage für Geräte mit einer maximalen Breite von 640px */
@media screen and (max-width: 640px) {
    /* Infobox anpassen */
    .infobox {
        display: flex;
        flex-direction: column;  /* Stellt sicher, dass der Inhalt vertikal gestapelt wird */
        align-items: center;     /* Zentriert den Inhalt */
        width: 100% !important;  /* Setzt die Infobox auf die volle Breite */
        margin: 0 !important;    /* Verhindert Ränder */
        padding: 10px;           /* Fügt etwas Abstand innerhalb der Infobox hinzu */
        box-sizing: border-box;  /* Schließt Padding in die Gesamtbreite ein */
    }

    /* Bilder in der Infobox */
    .infobox img {
        max-width: 100% !important; /* Bild passt sich der Breite an */
        height: auto;              /* Verhindert Verzerrung des Bildes */
        margin-bottom: 10px;       /* Fügt etwas Abstand unterhalb des Bildes hinzu */
    }

    /* Überschrift zentrieren und Schriftgröße anpassen */
    .infobox h2 {
        font-size: 1.2em;
        text-align: center;
        margin-top: 10px;
    }

    /* Absatztext anpassen */
    p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* Sicherstellen, dass Links gut angezeigt werden */
    a {
        word-wrap: break-word;
    }

    /* Verhindern von Überlappungen auf kleinen Geräten */
    .infobox + p {
        margin-top: 20px;   /* Fügt Abstand zwischen Infobox und Text hinzu */
    }
}

/* Noch spezifischere Anpassungen für Geräte mit einer maximalen Breite von 375px (typisch für iPhones) */
@media screen and (max-width: 375px) {
    .infobox {
        padding: 5px;  /* Weniger Padding auf sehr kleinen Geräten */
    }

    .infobox h2 {
        font-size: 1.1em; /* Kleinere Schrift auf sehr kleinen Geräten */
    }

    /* Text weiter verkleinern */
    p {
        font-size: 12px;
    }

    /* Bilder kleiner machen */
    .infobox img {
        max-width: 80% !important;
    }
}