MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;700&display=swap');

/* --- Typografie --- */
body {
    font-family: 'League Spartan', sans-serif;
    font-size: 20px; /* Standardtext größer machen */
}

ul {
    list-style: circle;
}

/* --- Responsive Bilder --- */
.mw-parser-output img {
    max-width: 100%;
    height: auto;
}

/* --- Navigations-/Link-Farben (Marken-Violett) --- */
.p-navbar a,
#toc a,
#mw-panel a,
#p-navigation a,
.portal a,
.page-Hauptseite a,
.page-Kontakt a,
.page-Hydraulik a,
.page-Flow a,
.page-GeoCPM a,
.page-Control a,
.page-KasaNova a,
.page-Geo3D a,
.page-ToGo a,
.page-Kanabis a,
.page-AQUA a,
.page-Wert a {
    color: #372281 !important;
    font-weight: normal !important;
}

.p-navbar {
    background-color: #f6f6f9;
}

/* --- Tab-/Menüpunkte ausblenden --- */
#ca-nstab-main,
#ca-viewsource,
#ca-history,
#ca-talk {
    display: none !important;
}

body.page-Example_Page li#ca-viewsource {
    display: none !important;
}

/* --- Sonstige Komponenten --- */
.nav-pills .nav-link.active {
    background-color: #666699 !important;
}

.card_scroll {
    height: 180px;
}

.scrollable {
    overflow-y: auto;
    max-height: 300px;
}

.module-card img {
    clip-path: circle(50% at 50% 50%);
    transition: transform 0.2s ease, filter 0.2s ease;
}
.module-card:hover img {
    transform: translateY(-4px) scale(1.06);
    filter: drop-shadow(0 8px 14px rgba(0,0,0,0.3));
    cursor: pointer;
}
.btn {
    display: inline-block;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.3);
    cursor: pointer;
}


/* =====Üebrschriften===== */

/* H1 - Tandler Blau, volle Sättigung */
.mw-parser-output h1 {
    background-color: #372281 !important;
    color: #ffffff !important;
    font-weight: bold;
    padding: 12px 18px;
    border-radius: 6px;
    border-bottom: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    margin-top: 30px;
    margin-bottom: 18px;
}
.mw-parser-output h1 .mw-headline { color: #ffffff !important; }
.mw-parser-output h1 .mw-editsection { font-weight: normal; font-size: 13px; }
.mw-parser-output h1 .mw-editsection a { color: #d9d3f0 !important; }
 
/* H2 - heller Ton, dunkler Text für Lesbarkeit */
.mw-parser-output h2 {
    background-color: #e1deec !important;
    color: #372281 !important;
    font-weight: bold;
    padding: 10px 16px;
    border-radius: 6px;
    border-bottom: none !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
    margin-top: 26px;
    margin-bottom: 14px;
}
.mw-parser-output h2 .mw-headline { color: #372281 !important; }
.mw-parser-output h2 .mw-editsection { font-weight: normal; font-size: 13px; }
.mw-parser-output h2 .mw-editsection a { color: #372281 !important; }
 
/* H3 - noch heller */
.mw-parser-output h3 {
    background-color: #f1f0f6 !important;
    color: #372281 !important;
    font-weight: bold;
    padding: 8px 14px;
    border-radius: 6px;
    border-bottom: none !important;
    margin-top: 20px;
    margin-bottom: 10px;
}
.mw-parser-output h3 .mw-headline { color: #372281 !important; }
.mw-parser-output h3 .mw-editsection { font-weight: normal; font-size: 12px; }
.mw-parser-output h3 .mw-editsection a { color: #372281 !important; }

#firstHeading {
    background-color: #b60e7e !important;
    color: #ffffff !important;
    font-weight: bold;
    padding: 12px 18px;
    border-radius: 6px;
    border-bottom: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}