FISI Wissendatenbank - Benutzerbeiträge [de]

Hauptseite

2026-04-30T10:55:21Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite finden Sie Informationen rund um den Beruf Fachinformatiker für '''Systemintegration'''. Neben dieser Fachrichtung gibt es drei weitere Schwerpunkte:

; [[Anwendungsentwicklung]]
: Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
; [[Daten- und Prozessanalyse]]
: Analyse von Geschäftsprozessen und deren digitale Optimierung sowie Automatisierung.
; [[Digitale Vernetzung]]
: Vernetzung von Systemen und Sicherstellung der Informationssicherheit in vernetzten Infrastrukturen (z. B. Industrie 4.0).

== Berufsbild: Fachinformatiker/-in für Systemintegration ==

Fachinformatiker der Fachrichtung Systemintegration sind die Experten für vernetzte IT-Landschaften. Sie planen, installieren und konfigurieren komplexe Systeme und sorgen dafür, dass die digitale Infrastruktur eines Unternehmens reibungslos, sicher und effizient funktioniert.

=== Zentrale Aufgabenbereiche ===

==== Systemplanung und Konfiguration ====
Die Arbeit beginnt mit der Analyse von Anforderungen. Fachinformatiker evaluieren Hardware- und Softwarekomponenten und fügen diese zu stabilen Gesamtsystemen zusammen. Dies umfasst moderne Serverlandschaften, Speicherlösungen und Cloud-Anbindungen.

==== Netzwerkmanagement und Konnektivität ====
Ein Kernaspekt ist die Vernetzung von Arbeitsplätzen und Standorten. Dies beinhaltet das Einrichten von LAN-, WAN- und WLAN-Strukturen sowie die Implementierung von sicheren VPN-Tunneln für den Fernzugriff.
[[OSI-Modell]]

==== IT-Sicherheit und Datenschutz ====
Fachinformatiker implementieren Schutzmaßnahmen wie Firewalls und Verschlüsselungstechnologien. Sie überwachen Systeme auf Anomalien und stellen durch Backup-Konzepte die Datenverfügbarkeit sicher.

=== Einsatzgebiete ===
* '''IT-Systemhäuser:''' Beratung und Betreuung externer Kundenprojekte.
* '''Interne IT-Abteilungen:''' Sicherstellung des Betriebs in Unternehmen aller Branchen.
* '''Rechenzentren:''' Verwaltung hochverfügbarer Serverfarmen und Cloud-Infrastrukturen.

=== Voraussetzungen und Kompetenzen ===
{| class="wikitable" style="width:100%; background-color: #1e2227; color: #e1e1e1; border: 1px solid #3e4451;"
! style="background-color: #282c34; color: #61afef;" | Kompetenz !! style="background-color: #282c34; color: #61afef;" | Beschreibung
|-
| '''Analytisches Denken''' || Sicheres Identifizieren und Beheben komplexer Systemfehler (Troubleshooting).
|-
| '''Technisches Verständnis''' || Interesse an Hardware-Architekturen und aktuellen Software-Trends.
|-
| '''Lernbereitschaft''' || Stetige Weiterbildung in einer sich technologisch schnell wandelnden Branche.
|-
| '''Kommunikationsstärke''' || Beratung von Anwendern und Dokumentation technischer Prozesse.
|}

<div style="margin-top: 20px; padding: 15px; border: 1px solid #3e4451; background-color: #21252b; color: #abb2bf; border-left: 5px solid #61afef;">
Zukunftsaussichten: Durch die fortschreitende Digitalisierung, den Ausbau von Cloud-Computing und die steigenden Anforderungen an die IT-Sicherheit gehören Fachinformatiker für Systemintegration zu den gefragtesten Fachkräften am Arbeitsmarkt.
</div>

Hauptseite

2026-04-30T10:45:51Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite finden Sie Informationen rund um den Beruf Fachinformatiker für '''Systemintegration'''. Neben dieser Fachrichtung gibt es drei weitere Schwerpunkte:

; [[Anwendungsentwicklung]]
: Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
; [[Daten- und Prozessanalyse]]
: Analyse von Geschäftsprozessen und deren digitale Optimierung sowie Automatisierung.
; [[Digitale Vernetzung]]
: Vernetzung von Systemen und Sicherstellung der Informationssicherheit in vernetzten Infrastrukturen (z. B. Industrie 4.0).

== Berufsbild: Fachinformatiker/-in für Systemintegration ==

Fachinformatiker der Fachrichtung Systemintegration sind die Experten für vernetzte IT-Landschaften. Sie planen, installieren und konfigurieren komplexe Systeme und sorgen dafür, dass die digitale Infrastruktur eines Unternehmens reibungslos, sicher und effizient funktioniert.

=== Zentrale Aufgabenbereiche ===

==== Systemplanung und Konfiguration ====
Die Arbeit beginnt mit der Analyse von Anforderungen. Fachinformatiker evaluieren Hardware- und Softwarekomponenten und fügen diese zu stabilen Gesamtsystemen zusammen. Dies umfasst moderne Serverlandschaften, Speicherlösungen und Cloud-Anbindungen.

==== Netzwerkmanagement und Konnektivität ====
Ein Kernaspekt ist die Vernetzung von Arbeitsplätzen und Standorten. Dies beinhaltet das Einrichten von LAN-, WAN- und WLAN-Strukturen sowie die Implementierung von sicheren VPN-Tunneln für den Fernzugriff.

==== IT-Sicherheit und Datenschutz ====
Fachinformatiker implementieren Schutzmaßnahmen wie Firewalls und Verschlüsselungstechnologien. Sie überwachen Systeme auf Anomalien und stellen durch Backup-Konzepte die Datenverfügbarkeit sicher.

=== Einsatzgebiete ===
* '''IT-Systemhäuser:''' Beratung und Betreuung externer Kundenprojekte.
* '''Interne IT-Abteilungen:''' Sicherstellung des Betriebs in Unternehmen aller Branchen.
* '''Rechenzentren:''' Verwaltung hochverfügbarer Serverfarmen und Cloud-Infrastrukturen.

=== Voraussetzungen und Kompetenzen ===
{| class="wikitable" style="width:100%; background-color: #1e2227; color: #e1e1e1; border: 1px solid #3e4451;"
! style="background-color: #282c34; color: #61afef;" | Kompetenz !! style="background-color: #282c34; color: #61afef;" | Beschreibung
|-
| '''Analytisches Denken''' || Sicheres Identifizieren und Beheben komplexer Systemfehler (Troubleshooting).
|-
| '''Technisches Verständnis''' || Interesse an Hardware-Architekturen und aktuellen Software-Trends.
|-
| '''Lernbereitschaft''' || Stetige Weiterbildung in einer sich technologisch schnell wandelnden Branche.
|-
| '''Kommunikationsstärke''' || Beratung von Anwendern und Dokumentation technischer Prozesse.
|}

<div style="margin-top: 20px; padding: 15px; border: 1px solid #3e4451; background-color: #21252b; color: #abb2bf; border-left: 5px solid #61afef;">
Zukunftsaussichten: Durch die fortschreitende Digitalisierung, den Ausbau von Cloud-Computing und die steigenden Anforderungen an die IT-Sicherheit gehören Fachinformatiker für Systemintegration zu den gefragtesten Fachkräften am Arbeitsmarkt.
</div>

Hauptseite

2026-04-30T10:42:33Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite finden Sie Informationen rund um den Beruf Fachinformatiker für '''Systemintegration'''. Neben dieser Fachrichtung gibt es drei weitere Schwerpunkte:

; [[Anwendungsentwicklung]]
: Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
; [[Daten- und Prozessanalyse]]
: Analyse von Geschäftsprozessen und deren digitale Optimierung sowie Automatisierung.[cite: 2]
; [[Digitale Vernetzung]]
: Vernetzung von Systemen und Sicherstellung der Informationssicherheit in vernetzten Infrastrukturen (z. B. Industrie 4.0).[cite: 2]

== Berufsbild: Fachinformatiker/-in für Systemintegration ==

Fachinformatiker der Fachrichtung Systemintegration sind die Experten für vernetzte IT-Landschaften. Sie planen, installieren und konfigurieren komplexe Systeme und sorgen dafür, dass die digitale Infrastruktur eines Unternehmens reibungslos, sicher und effizient funktioniert.

=== Zentrale Aufgabenbereiche ===

==== Systemplanung und Konfiguration ====
Die Arbeit beginnt mit der Analyse von Anforderungen. Fachinformatiker evaluieren Hardware- und Softwarekomponenten und fügen diese zu stabilen Gesamtsystemen zusammen[cite: 1, 2]. Dies umfasst moderne Serverlandschaften, Speicherlösungen und Cloud-Anbindungen[cite: 1, 2].

==== Netzwerkmanagement und Konnektivität ====
Ein Kernaspekt ist die Vernetzung von Arbeitsplätzen und Standorten[cite: 1, 2]. Dies beinhaltet das Einrichten von LAN-, WAN- und WLAN-Strukturen sowie die Implementierung von sicheren VPN-Tunneln für den Fernzugriff[cite: 1, 2].

==== IT-Sicherheit und Datenschutz ====
Fachinformatiker implementieren Schutzmaßnahmen wie Firewalls und Verschlüsselungstechnologien[cite: 1, 2]. Sie überwachen Systeme auf Anomalien und stellen durch Backup-Konzepte die Datenverfügbarkeit sicher[cite: 1, 2].

=== Einsatzgebiete ===
* '''IT-Systemhäuser:''' Beratung und Betreuung externer Kundenprojekte[cite: 1, 2].
* '''Interne IT-Abteilungen:''' Sicherstellung des Betriebs in Unternehmen aller Branchen[cite: 1, 2].
* '''Rechenzentren:''' Verwaltung hochverfügbarer Serverfarmen und Cloud-Infrastrukturen[cite: 1, 2].

=== Voraussetzungen und Kompetenzen ===
{| class="wikitable" style="width:100%;"
! Kompetenz !! Beschreibung
|-
| '''Analytisches Denken''' || Sicheres Identifizieren und Beheben komplexer Systemfehler (Troubleshooting)[cite: 1, 2].
|-
| '''Technisches Verständnis''' || Interesse an Hardware-Architekturen und aktuellen Software-Trends[cite: 1, 2].
|-
| '''Lernbereitschaft''' || Stetige Weiterbildung in einer sich technologisch schnell wandelnden Branche[cite: 1, 2].
|-
| '''Kommunikationsstärke''' || Beratung von Anwendern und Dokumentation technischer Prozesse[cite: 1, 2].
|}

<div style="margin-top: 20px; padding: 15px; border: 1px solid #a2a9b1; background-color: #f8f9fa; border-left: 5px solid #3366cc;">
'''Zukunftsaussichten:''' Durch die fortschreitende Digitalisierung, den Ausbau von Cloud-Computing und die steigenden Anforderungen an die IT-Sicherheit gehören Fachinformatiker für Systemintegration zu den gefragtesten Fachkräften am Arbeitsmarkt[cite: 1, 2].
</div>

Hauptseite

2026-04-30T10:39:48Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung: 
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.

- Daten- und Prozessanalyse: 
Analyse von Geschäftsprozessen und Automatisierung.

- Digitale Vernetzung: 
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

<h2>Berufsbild: Fachinformatiker/-in für Systemintegration</h2>

Fachinformatiker der Fachrichtung Systemintegration sind die Experten für vernetzte IT-Landschaften. Sie planen, installieren und konfigurieren komplexe Systeme und sorgen dafür, dass die digitale Infrastruktur eines Unternehmens reibungslos, sicher und effizient funktioniert.

<h3>Zentrale Aufgabenbereiche</h3>

<h4>Systemplanung und Konfiguration</h4>
Die Arbeit beginnt mit der Analyse von Anforderungen. Fachinformatiker evaluieren Hardware- und Softwarekomponenten und fügen diese zu stabilen Gesamtsystemen zusammen. Dies umfasst moderne Serverlandschaften, Speicherlösungen und Cloud-Anbindungen.

<h4>Netzwerkmanagement und Konnektivität</h4>
Ein Kernaspekt ist die Vernetzung von Arbeitsplätzen und Standorten. Dies beinhaltet das Einrichten von LAN-, WAN- und WLAN-Strukturen sowie die Implementierung von sicheren VPN-Tunneln für den Fernzugriff.

<h4>IT-Sicherheit und Datenschutz</h4>
In Zeiten zunehmender Bedrohungen implementieren Fachinformatiker Schutzmaßnahmen wie Firewalls und Verschlüsselungstechnologien. Sie überwachen Systeme auf Anomalien und stellen durch Backup-Konzepte die Datenverfügbarkeit sicher.

<h3>Einsatzgebiete</h3>
<ul>
<li>IT-Systemhäuser: Beratung und Betreuung externer Kundenprojekte.</li>
<li>Interne IT-Abteilungen: Sicherstellung des Betriebs in Unternehmen aller Branchen.</li>
<li>Rechenzentren: Verwaltung hochverfügbarer Serverfarmen und Cloud-Infrastrukturen.</li>
</ul>

<h3>Voraussetzungen und Kompetenzen</h3>
<table border="1" cellpadding="10" style="border-collapse: collapse; width: 100%;">
<thead>
<tr style="background-color: #f2f2f2;">
<th>Kompetenz</th>
<th>Beschreibung</th>
</tr>
</thead>
<tbody>
<tr>
<td>Analytisches Denken</td>
<td>Sicheres Identifizieren und Beheben komplexer Systemfehler (Troubleshooting).</td>
</tr>
<tr>
<td>Technisches Verständnis</td>
<td>Interesse an Hardware-Architekturen und aktuellen Software-Trends.</td>
</tr>
<tr>
<td>Lernbereitschaft</td>
<td>Stetige Weiterbildung in einer sich technologisch schnell wandelnden Branche.</td>
</tr>
<tr>
<td>Kommunikationsstärke</td>
<td>Beratung von Anwendern und Dokumentation technischer Prozesse.</td>
</tr>
</tbody>
</table>


Zukunftsaussichten: Durch die fortschreitende Digitalisierung, den Ausbau von Cloud-Computing und die steigenden Anforderungen an die IT-Sicherheit gehören Fachinformatiker für Systemintegration zu den gefragtesten Fachkräften am Arbeitsmarkt.

Hauptseite

2026-04-30T10:32:15Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung: 
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.

- Daten- und Prozessanalyse: 
Analyse von Geschäftsprozessen und Automatisierung.

- Digitale Vernetzung: 
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Der Beruf des Fachinformatikers für Systemintegration lässt sich am besten als die Rolle des „Architekten und Feuerwehrmanns“ der digitalen Infrastruktur beschreiben. Während Anwendungsentwickler die Software schreiben, sorgst du dafür, dass diese Software eine stabile, sichere und performante Umgebung hat, auf der sie laufen kann.

Eine strukturierte Übersicht über das Berufsbild:
<hr>

1. Das Kerngeschäft: Infrastruktur und Vernetzung
Deine Hauptaufgabe ist das Planen, Installieren und Konfigurieren von komplexen IT-Systemen. Das beschränkt sich nicht nur auf das Aufstellen von PCs, sondern umfasst ganze Rechenzentren und Netzwerke.

Vernetzung: Du verbindest Hardware- und Softwarekomponenten zu funktionierenden Systemen (z. B. LAN/WAN, WLAN-Lösungen, Cloud-Anbindungen).

Server-Administration: Du setzt Server auf (Windows, Linux), verwaltest Benutzerrechte und pflegst Verzeichnisdienste wie Active Directory.

Speicherlösungen: Du kümmerst dich um Storage-Systeme und Backup-Strategien, damit Daten auch im Ernstfall nicht verloren gehen.

2. IT-Sicherheit und Schutz
In einer Zeit von Cyberangriffen bist du der erste Verteidiger. Du implementierst Firewalls, verschlüsselst Verbindungen (VPN) und überwachst das Netzwerk auf Unregelmäßigkeiten. Du stellst sicher, dass nur berechtigte Personen Zugriff auf sensible Firmendaten haben.

3. Fehleranalyse und Support (Troubleshooting)
Wenn „das Internet nicht geht“ oder der Server streikt, bist du die erste Anlaufstelle.

Du nutzt Diagnosesysteme, um Fehlerquellen systematisch einzugrenzen.

Du behebst Störungen direkt vor Ort oder per Fernwartung.

Du berätst Nutzer und schulst sie im Umgang mit neuen Systemen.

4. Planung und Beratung
Bevor ein Kabel gezogen wird, steht die Planung. Du analysierst die Anforderungen der Kunden oder der eigenen Fachabteilungen:

Welche Hardware wird benötigt?

Ist eine Cloud-Lösung oder ein lokaler Server sinnvoller?

Wie hoch sind die Kosten (Beschaffung und Betrieb)?

Hauptseite

2026-04-30T10:23:31Z

Sascha:

Hauptseite

2026-04-30T10:22:58Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung: 
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.

- Daten- und Prozessanalyse: 
Analyse von Geschäftsprozessen und Automatisierung.

- Digitale Vernetzung: 
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T10:22:30Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung: 
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.

- Daten- und Prozessanalyse: 
Analyse von Geschäftsprozessen und Automatisierung.

- Digitale Vernetzung: 
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T10:22:07Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung: 
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.

- Daten- und Prozessanalyse: 
Analyse von Geschäftsprozessen und Automatisierung.

- Digitale Vernetzung: 
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T10:21:40Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.

- Daten- und Prozessanalyse
Analyse von Geschäftsprozessen und Automatisierung.

- Digitale Vernetzung
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T10:21:25Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
- Daten- und Prozessanalyse
Analyse von Geschäftsprozessen und Automatisierung.
- Digitale Vernetzung
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T10:21:06Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
- Daten- und Prozessanalyse
Analyse von Geschäftsprozessen und Automatisierung.
- Digitale Vernetzung
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T08:07:11Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:

- Anwendungsentwicklung
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
- Daten- und Prozessanalyse
Analyse von Geschäftsprozessen und Automatisierung.
- Digitale Vernetzung
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T08:06:50Z

Sascha:

== Der Beruf Fachinformatiker ==

Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
Es gibt aber noch andere Fachrichtungen. Diese sind:
- Anwendungsentwicklung
Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
- Daten- und Prozessanalyse
Analyse von Geschäftsprozessen und Automatisierung.
- Digitale Vernetzung
Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T08:06:23Z

Sascha: /* Der Beruf Fachinformatiker */

== Der Beruf Fachinformatiker ==

*Auf dieser Seite gibt es Informationen rund um den Beruf Fachinformatiker*in für Systemintegration.
*Es gibt aber noch andere Fachrichtungen. Diese sind:
*- Anwendungsentwicklung
* Softwareentwicklung und Programmierung von Webanwendungen, Apps und Datenbanken.
*- Daten- und Prozessanalyse
* Analyse von Geschäftsprozessen und Automatisierung.
*- Digitale Vernetzung
* Vernetzung von Systemen und Sicherstellung der Informationssicherheit in
* vernetzten Infrastrukturen, oft im Bereich Industrie.

Hauptseite

2026-04-30T07:53:42Z

Sascha: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „== Der Beruf Fachinformatiker ==“

== Der Beruf Fachinformatiker ==

MediaWiki:Sidebar

2026-04-29T11:23:06Z

Sascha:

Kategorie:Linux Distributionen

2026-04-29T11:22:29Z

Sascha:

== Linux Distributionen ==
In Linux gibt es etliche Distributionen, die je nach Anwendungsfall, Vor- und/oder Nachteile haben. Wir erklären euch hier welche es gibt und für welche Anwendungsgebiete sie nach unserer Meinung am besten geeignet sind.

Kategorie:Linux

2026-04-29T11:22:01Z

Sascha:

== Linux ==
Diese Kategorie beschäftigt sich mit allem rund um das Thema Linux

MediaWiki:Common.css

2026-04-29T11:19:01Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Dies zwingt den Inhaltsbereich (auch Login) auf Dunkel */
--background-color-neutral-subtle: transparent !important;

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* Der entscheidende Selektor für die Login-Seite laut MediaWiki-Doku */
.mw-special-Userlogin #content,
.mw-special-Userlogin .mw-body {
background-color: transparent !important;
background-image: none !important;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* Sidebar-Optimierung für Untermenüs */
.vector-menu-portal .vector-menu-content li {
margin: 4px 0 !important;
}

/* Stil für die 2. Ebene (die Unterpunkte) */
.vector-menu-portal .vector-menu-content li li {
padding-left: 15px !important;
font-size: 0.9em !important;
border-left: 1px solid rgba(88, 145, 255, 0.2); /* Dezente Linie zur Orientierung */
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

.vector-column-start {
margin-top: 0px !important;
}

MediaWiki:Sidebar

2026-04-29T11:18:13Z

Sascha:

MediaWiki:Sidebar

2026-04-29T11:15:50Z

Kategorie:Linux Distributionen

2026-04-29T11:13:34Z

Sascha: Die Seite wurde neu angelegt: „In Linux gibt es etliche Distributionen, die je nach Anwendungsfall, Vor- und/oder Nachteile haben. Wir erklären euch hier welche es gibt und für welche Anwendungsgebiete sie nach unserer Meinung am besten geeignet sind.“

In Linux gibt es etliche Distributionen, die je nach Anwendungsfall, Vor- und/oder Nachteile haben. Wir erklären euch hier welche es gibt und für welche Anwendungsgebiete sie nach unserer Meinung am besten geeignet sind.

Kategorie:Linux

2026-04-29T11:11:41Z

Sascha: Die Seite wurde neu angelegt: „Diese Kategorie beschäftigt sich mit allem rund um das Thema Linux“

Diese Kategorie beschäftigt sich mit allem rund um das Thema Linux

Diskussion:Hauptseite

2026-04-29T11:04:28Z

Sascha: Die Seite wurde geleert.

Diskussion:Hauptseite

2026-04-29T11:03:54Z

Sascha: Neuer Abschnitt /* Linux */

== Linux ==

Der Bereich Linux beschäftigt sich mit allem Wissenwerten rund um das Thema Linux.

MediaWiki:Common.css

2026-04-29T10:28:45Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Dies zwingt den Inhaltsbereich (auch Login) auf Dunkel */
--background-color-neutral-subtle: transparent !important;

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* Der entscheidende Selektor für die Login-Seite laut MediaWiki-Doku */
.mw-special-Userlogin #content,
.mw-special-Userlogin .mw-body {
background-color: transparent !important;
background-image: none !important;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

.vector-column-start {
margin-top: 0px !important;
}

MediaWiki:Common.css

2026-04-29T10:26:51Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Dies zwingt den Inhaltsbereich (auch Login) auf Dunkel */
--background-color-neutral-subtle: transparent !important;

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* Der entscheidende Selektor für die Login-Seite laut MediaWiki-Doku */
.mw-special-Userlogin #content,
.mw-special-Userlogin .mw-body {
background-color: transparent !important;
background-image: none !important;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

.vector-pinned-container {
margin-top: 0px !important;
}

MediaWiki:Common.css

2026-04-29T10:25:03Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Dies zwingt den Inhaltsbereich (auch Login) auf Dunkel */
--background-color-neutral-subtle: transparent !important;

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* Der entscheidende Selektor für die Login-Seite laut MediaWiki-Doku */
.mw-special-Userlogin #content,
.mw-special-Userlogin .mw-body {
background-color: transparent !important;
background-image: none !important;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

#vector-main-menu-pinned-container,
#vector-toc-pinned-container {
margin-top: 0px !important;
}

MediaWiki:Vector-2022.css

2026-04-29T09:53:09Z

Sascha: Die Seite wurde neu angelegt: „/* ============================================================ FISI WISSENDATENBANK - SYSTEM-LEVEL DARK FIX Diese Datei wird geladen, bevor der User eingeloggt ist. ============================================================ */ /* 1. HINTERGRUND-ERZWINGUNG AUF ROOT-EBENE */ :root, html, body { background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important; } /* 2. DEN WEISSEN BLOCK DER LOGIN-SEITE AUFBRECHEN */…“

/* ============================================================
FISI WISSENDATENBANK - SYSTEM-LEVEL DARK FIX
Diese Datei wird geladen, bevor der User eingeloggt ist.
============================================================ */

/* 1. HINTERGRUND-ERZWINGUNG AUF ROOT-EBENE */
:root, html, body {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
}

/* 2. DEN WEISSEN BLOCK DER LOGIN-SEITE AUFBRECHEN */
.mw-special-Userlogin #content,
.mw-special-Userlogin .mw-body,
.mw-special-Userlogin .mw-page-container {
background: transparent !important;
background-color: transparent !important;
}

/* 3. DAS FORMULAR-CONTAINER STYLING */
/* Zielt auf die Core-UI-Elemente (OOUI), die das Weiss erzwingen */
.mw-ui-vform,
.mw-ui-container,
.mw-special-Userlogin #userloginForm {
background-color: rgba(27, 34, 45, 0.96) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important;
padding: 40px !important;
color: #e2e8f0 !important;
}

/* 4. TEXT-FARBEN (Labels und Überschriften) */
.mw-special-Userlogin h1,
.mw-special-Userlogin label,
.mw-special-Userlogin .mw-ui-vform-field {
color: #5891ff !important;
}

/* 5. INPUT-FELDER */
.mw-special-Userlogin .mw-ui-input {
background-color: #0f172a !important;
color: #ffffff !important;
border: 1px solid #5891ff !important;
}

MediaWiki:Common.css

2026-04-29T09:50:35Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Dies zwingt den Inhaltsbereich (auch Login) auf Dunkel */
--background-color-neutral-subtle: transparent !important;

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* Der entscheidende Selektor für die Login-Seite laut MediaWiki-Doku */
.mw-special-Userlogin #content,
.mw-special-Userlogin .mw-body {
background-color: transparent !important;
background-image: none !important;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

MediaWiki:Common.css

2026-04-29T09:47:26Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* ============================================================
EXTREME FORCE - LOGIN & SPECIAL PAGES
============================================================ */

/* Wir greifen das HTML-Element direkt über die MediaWiki-Spezialklassen an */
html.mw-helper-class-is-special,
html.mw-special-Userlogin,
body.mw-special-Userlogin {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
}

/* Den weißen Inhaltsbereich komplett transparent machen */
.mw-special-Userlogin #content,
.mw-special-Userlogin #mw-content-text,
.mw-special-Userlogin .mw-body,
.mw-special-Userlogin .mw-page-container,
.mw-special-Userlogin .vector-header {
background: transparent !important;
background-color: transparent !important;
border: none !important;
}

/* Die Login-Form Box massiv umstylen */
.mw-special-Userlogin .mw-ui-vform,
.mw-special-Userlogin #userloginForm {
background-color: rgba(27, 34, 45, 0.96) !important;
border: 1px solid rgba(88, 145, 255, 0.4) !important;
border-radius: 15px !important;
box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important;
padding: 40px !important;
max-width: 450px !important;
margin: 50px auto !important; /* Zentriert die Box */
}

/* Alle Texte auf der Login-Seite auf Weiß/Blau zwingen */
.mw-special-Userlogin #content h1,
.mw-special-Userlogin label,
.mw-special-Userlogin .mw-ui-vform-field {
color: #5891ff !important;
}

/* Input Felder */
.mw-special-Userlogin .mw-ui-input {
background-color: #0f172a !important;
color: #ffffff !important;
border: 1px solid #5891ff !important;
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

MediaWiki:Common.css

2026-04-29T09:43:44Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* ============================================================
SPEZIALSEITEN & LOGIN-DARK-FORCE
============================================================ */

/* 1. Den weißen Hintergrund am Fundament zerstören */
html.mw-helper-class-is-special,
body.mw-special-Userlogin,
.mw-special-Userlogin #content,
.mw-special-Userlogin #mw-content-text {
background: none !important;
background-color: transparent !important;
}

/* 2. Globaler Hintergrund-Reset für die Login-Seite */
.mw-special-Userlogin .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
}

/* 3. Die Login-Box selbst stylen */
.mw-ui-vform,
.mw-ui-container {
background-color: rgba(27, 34, 45, 0.95) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
box-shadow: 0 15px 35px rgba(0,0,0,0.7) !important;
padding: 30px !important;
color: #e2e8f0 !important;
}

/* 4. Texte auf der Login-Seite (Username, Passwort, etc.) */
.mw-ui-vform fieldset legend,
.mw-ui-vform label {
color: #5891ff !important;
background: transparent !important;
}

/* 5. Buttons auf der Login-Seite */
#wpLoginAttempt {
background-color: #5891ff !important;
border: none !important;
font-weight: bold !important;
text-transform: uppercase !important;
}

/* 6. Fix für die "Erscheinungsbild"-Box auf der Login-Seite (falls sie da wieder auftaucht) */
.mw-special-Userlogin .vector-appearance-pinned-container {
display: none !important;
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

MediaWiki:Common.css

2026-04-29T09:42:47Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:41:46Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - CORE DESIGN SYSTEM
============================================================ */

/* 1. GLOBALE FARB-VARIABLEN (Dein Screenshot-Fix) */
:root {
--color-base: #e2e8f0;
--color-base-fixed: #e2e8f0;
--background-color-base: #1b222d;
--color-emphasized: #5891ff;
--color-progressive: #5891ff;
--box-shadow-color-base: rgba(0, 0, 0, 0.5);

/* Wir überschreiben hier die Standard-MediaWiki-Werte */
--mw-color-link: #5891ff;
--mw-color-link-hover: #7eb0ff;
}

/* 2. LAYOUT & BREITE */
html, body, .mw-page-container {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
max-width: 100% !important;
}

/* LOGIN-SEITE & SPEZIALSEITEN DARK-FIX */
/* Erzwingt den dunklen Hintergrund auch auf der Anmeldeseite */
.mw-special-Userlogin,
#mw-content-text,
.mw-body-content,
.mw-specialpage-summary {
background: transparent !important;
}

/* Der äußere Rahmen der Login-Box */
.mw-ui-container {
background-color: rgba(27, 34, 45, 0.9) !important;
padding: 40px !important;
border-radius: 15px !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
}

/* Eingabefelder auf der Login-Seite */
.mw-ui-input {
background-color: #0f172a !important;
color: #fff !important;
border: 1px solid #5891ff !important;
}

/* Beschriftungen (Username/Passwort) */
.mw-ui-vform .mw-ui-vform-field label {
color: #e2e8f0 !important;
}

/* 3. HEADER-REPARATUR: Verteilung auf volle Breite */
.vector-header {
display: flex !important;
justify-content: space-between !important; /* Verteilt Elemente nach außen */
align-items: center !important;
padding: 0 40px !important; /* Abstand zu den Bildschirmrändern */
background: rgba(15, 23, 42, 0.8) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(88, 145, 255, 0.2) !important;
max-width: 100% !important;
}

/* Logo & Suche gruppieren */
.vector-header-start {
flex: 1 !important;
display: flex !important;
align-items: center !important;
}

/* Suchleiste in die Mitte rücken */
.vector-header-central {
flex: 2 !important;
display: flex !important;
justify-content: center !important;
}

/* Benutzer-Tools (Rechts) */
.vector-header-end {
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
}

/* 4. LOGO-SKALIERUNG */
.mw-logo {
height: 150px !important;
transition: transform 0.3s ease;
}

.mw-logo-icon {
height: 145px;
width: auto;
}

.mw-logo:hover {
transform: scale(1.05);
}

/* 5. BOX-DESIGN (TOC & MAIN) */
.mw-body,
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.2) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
padding: 25px !important;
}

/* 6. UI-CLEANUP (Erscheinungsbild & After-Fix) */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-column-start::after,
.vector-sticky-pinned-container::after {
display: none !important;
content: none !important;
}

/* 7. FORMULAR-ELEMENTE (Suche & Buttons) */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
border-radius: 8px !important;
}

/* 8. ICONS & LINKS */
.mw-ui-icon {
filter: invert(1) brightness(1.5) !important;
}

h1, h2, h3, .mw-headline {
color: var(--color-emphasized) !important;
border-bottom: 1px solid rgba(88, 145, 255, 0.1) !important;
}

MediaWiki:Common.css

2026-04-29T09:38:20Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:37:53Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:35:52Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:34:55Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:34:20Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:28:43Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:02:47Z

Sascha:

MediaWiki:Common.css

2026-04-29T09:02:21Z

Sascha:

MediaWiki:Common.css

2026-04-29T08:59:02Z

Sascha:

MediaWiki:Common.css

2026-04-29T08:54:45Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - TOTAL UI STABLE (FULL WIDTH)
============================================================ */
/* ============================================================
LOGO-ANPASSUNG
============================================================ */

/* 1. Container-Größe anpassen */
.vector-header-container .mw-logo {
height: 150px !important; /* Standard ist oft ca. 40px - hier Wert anpassen */
width: auto !important;
margin-right: 20px !important;
}

.vector-header-start {
min-width: 400px;
}

.vector-header-end {
margin-left: 40px !important;
}

/* 2. Das eigentliche Logo-Bild skalieren */
.mw-logo-icon {
height: 145px !important; /* Etwas kleiner als der Container für Padding */
width: auto !important;
max-width: none !important; /* Hebt die Begrenzung auf */
}

/* 3. Text neben dem Logo (falls vorhanden) vertikal zentrieren */
.mw-logo-wordmark {
font-size: 1.0em !important; /* Falls du den Text-Teil auch größer willst */
height: auto !important;
display: flex !important;
align-items: center !important;
margin: auto;
color: #fff !important;
}

/* 1. HINTERGRUND & GLOBALER FIX */
html, body, .mw-page-container, .mw-header, .vector-header {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
color: #e2e8f0 !important;
}

#p-vector-user-menu-overflow {
color: #fff;
}

/* 2. FORCED FULL WIDTH (Standardmäßig "Breit" für alle) */
/* Damit wird die Begrenzung auf 100% gesetzt und die Box-Einstellung ignoriert */
.mw-page-container {
max-width: 100% !important;
}

/* 3. HAUPTCONTAINER (Main Content) */
.mw-body {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
margin-top: 25px !important;
padding: 30px !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

#ca-nstab-main {
color: var(--color-progressive, #36c) !important;
}

.vector-menu-tabs .mw-list-item.selected a {
color: var(--color-progressive, #36c) !important;
}

/* 4. NAVIGATION & TOC (Setup mit Padding & Höhe) */
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
padding: 20px !important;
min-height: 400px !important;
margin-top: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
}

/* Inneres TOC-Element säubern */
#vector-toc {
background: transparent !important;
border: none !important;
padding: 0 !important;
}

/* 5. UI-CLEANUP & ELEMENT-SPERRE (Erscheinungsbild ausblenden) */
/* Dies blendet die gesamte "Erscheinungsbild"-Box und alle Verbergen-Buttons aus */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-toc-toggle,
.mw-ui-button.mw-ui-quiet,
.vector-pinnable-header-label + button {
display: none !important;
}

/* Gezielte Eliminierung von ::after Elementen in der Navigation */
.vector-column-start::after,
.vector-main-menu-container::after,
.vector-sticky-pinned-container::after,
.vector-pinned-container::after,
.mw-table-of-contents-container::after {
content: none !important;
display: none !important;
visibility: hidden !important;
}

/* 6. TEXT & LINKS */
h1, h2, h3, .mw-headline {
color: #5891ff !important;
}

.vector-toc-text {
color: #fff;
padding: 0;
}

.vector-toc-link {
color: #e2e8f0 !important;
padding: 0px !important;
}

.vector-toc-link:hover {
color: #5891ff !important;
background-color: rgba(88, 145, 255, 0.1) !important;
text-decoration: none !important;
}

/* 7. HEADER & MENÜ ICONS */
.mw-ui-icon, .vector-icon {
filter: invert(1) brightness(1.5) !important;
}

.vector-column-start {
background-color: transparent !important;
margin-top: 0px;
padding: 0;
}

.vector-dropdown-label {
display: none;
}

.vector-main-menu {
background-color: #1b222d !important;
}

/* 8. SUCHE */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
}

MediaWiki:Common.css

2026-04-29T08:52:53Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - TOTAL UI STABLE (FULL WIDTH)
============================================================ */
/* ============================================================
LOGO-ANPASSUNG
============================================================ */

/* 1. Container-Größe anpassen */
.vector-header-container .mw-logo {
height: 150px !important; /* Standard ist oft ca. 40px - hier Wert anpassen */
width: auto !important;
margin-right: 20px !important;
}

.vector-header-start {
min-width: 400px;
}

.vector-header-end {
margin-left: 40px !important;
}

/* 2. Das eigentliche Logo-Bild skalieren */
.mw-logo-icon {
height: 145px !important; /* Etwas kleiner als der Container für Padding */
width: auto !important;
max-width: none !important; /* Hebt die Begrenzung auf */
}

/* 3. Text neben dem Logo (falls vorhanden) vertikal zentrieren */
.mw-logo-wordmark {
font-size: 1.0em !important; /* Falls du den Text-Teil auch größer willst */
height: auto !important;
display: flex !important;
align-items: center !important;
margin: auto;
color: #fff;
}

/* 1. HINTERGRUND & GLOBALER FIX */
html, body, .mw-page-container, .mw-header, .vector-header {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
color: #e2e8f0 !important;
}

#p-vector-user-menu-overflow {
color: #fff;
}

/* 2. FORCED FULL WIDTH (Standardmäßig "Breit" für alle) */
/* Damit wird die Begrenzung auf 100% gesetzt und die Box-Einstellung ignoriert */
.mw-page-container {
max-width: 100% !important;
}

/* 3. HAUPTCONTAINER (Main Content) */
.mw-body {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
margin-top: 25px !important;
padding: 30px !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

#ca-nstab-main {
color: var(--color-progressive, #36c) !important;
}

.vector-menu-tabs .mw-list-item.selected a {
color: var(--color-progressive, #36c) !important;
}

/* 4. NAVIGATION & TOC (Setup mit Padding & Höhe) */
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
padding: 20px !important;
min-height: 400px !important;
margin-top: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
}

/* Inneres TOC-Element säubern */
#vector-toc {
background: transparent !important;
border: none !important;
padding: 0 !important;
}

/* 5. UI-CLEANUP & ELEMENT-SPERRE (Erscheinungsbild ausblenden) */
/* Dies blendet die gesamte "Erscheinungsbild"-Box und alle Verbergen-Buttons aus */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-toc-toggle,
.mw-ui-button.mw-ui-quiet,
.vector-pinnable-header-label + button {
display: none !important;
}

/* Gezielte Eliminierung von ::after Elementen in der Navigation */
.vector-column-start::after,
.vector-main-menu-container::after,
.vector-sticky-pinned-container::after,
.vector-pinned-container::after,
.mw-table-of-contents-container::after {
content: none !important;
display: none !important;
visibility: hidden !important;
}

/* 6. TEXT & LINKS */
h1, h2, h3, .mw-headline {
color: #5891ff !important;
}

.vector-toc-text {
color: #fff;
padding: 0;
}

.vector-toc-link {
color: #e2e8f0 !important;
padding: 0px !important;
}

.vector-toc-link:hover {
color: #5891ff !important;
background-color: rgba(88, 145, 255, 0.1) !important;
text-decoration: none !important;
}

/* 7. HEADER & MENÜ ICONS */
.mw-ui-icon, .vector-icon {
filter: invert(1) brightness(1.5) !important;
}

.vector-column-start {
background-color: transparent !important;
margin-top: 0px;
padding: 0;
}

.vector-dropdown-label {
display: none;
}

.vector-main-menu {
background-color: #1b222d !important;
}

/* 8. SUCHE */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
}

MediaWiki:Common.css

2026-04-29T08:20:40Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - TOTAL UI STABLE (FULL WIDTH)
============================================================ */
/* ============================================================
LOGO-ANPASSUNG
============================================================ */

/* 1. Container-Größe anpassen */
.vector-header-container .mw-logo {
height: 150px !important; /* Standard ist oft ca. 40px - hier Wert anpassen */
width: auto !important;
margin-right: 20px !important;
}

.vector-header-start {
min-width: 400px;
}

.vector-header-end {
margin-left: 40px !important;
}

/* 2. Das eigentliche Logo-Bild skalieren */
.mw-logo-icon {
height: 145px !important; /* Etwas kleiner als der Container für Padding */
width: auto !important;
max-width: none !important; /* Hebt die Begrenzung auf */
}

/* 3. Text neben dem Logo (falls vorhanden) vertikal zentrieren */
.mw-logo-wordmark {
font-size: 1.0em !important; /* Falls du den Text-Teil auch größer willst */
height: auto !important;
display: flex !important;
align-items: center !important;
margin: auto;
color: #fff;
}

#pt-login-2 {
color: #fff !important;
}

/* 1. HINTERGRUND & GLOBALER FIX */
html, body, .mw-page-container, .mw-header, .vector-header {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
color: #e2e8f0 !important;
}

/* 2. FORCED FULL WIDTH (Standardmäßig "Breit" für alle) */
/* Damit wird die Begrenzung auf 100% gesetzt und die Box-Einstellung ignoriert */
.mw-page-container {
max-width: 100% !important;
}

/* 3. HAUPTCONTAINER (Main Content) */
.mw-body {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
margin-top: 25px !important;
padding: 30px !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

#ca-nstab-main {
color: var(--color-progressive, #36c) !important;
}

.vector-menu-tabs .mw-list-item.selected a {
color: var(--color-progressive, #36c) !important;
}

/* 4. NAVIGATION & TOC (Setup mit Padding & Höhe) */
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
padding: 20px !important;
min-height: 400px !important;
margin-top: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
}

/* Inneres TOC-Element säubern */
#vector-toc {
background: transparent !important;
border: none !important;
padding: 0 !important;
}

/* 5. UI-CLEANUP & ELEMENT-SPERRE (Erscheinungsbild ausblenden) */
/* Dies blendet die gesamte "Erscheinungsbild"-Box und alle Verbergen-Buttons aus */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-toc-toggle,
.mw-ui-button.mw-ui-quiet,
.vector-pinnable-header-label + button {
display: none !important;
}

/* Gezielte Eliminierung von ::after Elementen in der Navigation */
.vector-column-start::after,
.vector-main-menu-container::after,
.vector-sticky-pinned-container::after,
.vector-pinned-container::after,
.mw-table-of-contents-container::after {
content: none !important;
display: none !important;
visibility: hidden !important;
}

/* 6. TEXT & LINKS */
h1, h2, h3, .mw-headline {
color: #5891ff !important;
}

.vector-toc-text {
color: #fff;
padding: 0;
}

.vector-toc-link {
color: #e2e8f0 !important;
padding: 0px !important;
}

.vector-toc-link:hover {
color: #5891ff !important;
background-color: rgba(88, 145, 255, 0.1) !important;
text-decoration: none !important;
}

/* 7. HEADER & MENÜ ICONS */
.mw-ui-icon, .vector-icon {
filter: invert(1) brightness(1.5) !important;
}

.vector-column-start {
background-color: transparent !important;
margin-top: 0px;
padding: 0;
}

.vector-dropdown-label {
display: none;
}

.vector-main-menu {
background-color: #1b222d !important;
}

/* 8. SUCHE */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
}

MediaWiki:Common.css

2026-04-29T08:19:39Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - TOTAL UI STABLE (FULL WIDTH)
============================================================ */
/* ============================================================
LOGO-ANPASSUNG
============================================================ */

/* 1. Container-Größe anpassen */
.vector-header-container .mw-logo {
height: 150px !important; /* Standard ist oft ca. 40px - hier Wert anpassen */
width: auto !important;
margin-right: 20px !important;
}

.vector-header-start {
min-width: 400px;
}

.vector-header-end {
margin-left: 40px !important;
}

/* 2. Das eigentliche Logo-Bild skalieren */
.mw-logo-icon {
height: 145px !important; /* Etwas kleiner als der Container für Padding */
width: auto !important;
max-width: none !important; /* Hebt die Begrenzung auf */
}

/* 3. Text neben dem Logo (falls vorhanden) vertikal zentrieren */
.mw-logo-wordmark {
font-size: 1.0em !important; /* Falls du den Text-Teil auch größer willst */
height: auto !important;
display: flex !important;
align-items: center !important;
margin: auto;
color: #fff;
}

#pt-login-2 {
color: #fff;
}

/* 1. HINTERGRUND & GLOBALER FIX */
html, body, .mw-page-container, .mw-header, .vector-header {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
color: #e2e8f0 !important;
}

/* 2. FORCED FULL WIDTH (Standardmäßig "Breit" für alle) */
/* Damit wird die Begrenzung auf 100% gesetzt und die Box-Einstellung ignoriert */
.mw-page-container {
max-width: 100% !important;
}

/* 3. HAUPTCONTAINER (Main Content) */
.mw-body {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
margin-top: 25px !important;
padding: 30px !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

#ca-nstab-main {
color: var(--color-progressive, #36c) !important;
}

.vector-menu-tabs .mw-list-item.selected a {
color: var(--color-progressive, #36c) !important;
}

/* 4. NAVIGATION & TOC (Setup mit Padding & Höhe) */
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
padding: 20px !important;
min-height: 400px !important;
margin-top: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
}

/* Inneres TOC-Element säubern */
#vector-toc {
background: transparent !important;
border: none !important;
padding: 0 !important;
}

/* 5. UI-CLEANUP & ELEMENT-SPERRE (Erscheinungsbild ausblenden) */
/* Dies blendet die gesamte "Erscheinungsbild"-Box und alle Verbergen-Buttons aus */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-toc-toggle,
.mw-ui-button.mw-ui-quiet,
.vector-pinnable-header-label + button {
display: none !important;
}

/* Gezielte Eliminierung von ::after Elementen in der Navigation */
.vector-column-start::after,
.vector-main-menu-container::after,
.vector-sticky-pinned-container::after,
.vector-pinned-container::after,
.mw-table-of-contents-container::after {
content: none !important;
display: none !important;
visibility: hidden !important;
}

/* 6. TEXT & LINKS */
h1, h2, h3, .mw-headline {
color: #5891ff !important;
}

.vector-toc-text {
color: #fff;
padding: 0;
}

.vector-toc-link {
color: #e2e8f0 !important;
padding: 0px !important;
}

.vector-toc-link:hover {
color: #5891ff !important;
background-color: rgba(88, 145, 255, 0.1) !important;
text-decoration: none !important;
}

/* 7. HEADER & MENÜ ICONS */
.mw-ui-icon, .vector-icon {
filter: invert(1) brightness(1.5) !important;
}

.vector-column-start {
background-color: transparent !important;
margin-top: 0px;
padding: 0;
}

.vector-dropdown-label {
display: none;
}

.vector-main-menu {
background-color: #1b222d !important;
}

/* 8. SUCHE */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
}

MediaWiki:Common.css

2026-04-29T08:13:53Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - TOTAL UI STABLE (FULL WIDTH)
============================================================ */
/* ============================================================
LOGO-ANPASSUNG
============================================================ */

/* 1. Container-Größe anpassen */
.vector-header-container .mw-logo {
height: 150px !important; /* Standard ist oft ca. 40px - hier Wert anpassen */
width: auto !important;
margin-right: 20px !important;
}

.vector-header-start {
min-width: 400px;
}

.vector-header-end {
margin-left: 40px !important;
}

/* 2. Das eigentliche Logo-Bild skalieren */
.mw-logo-icon {
height: 145px !important; /* Etwas kleiner als der Container für Padding */
width: auto !important;
max-width: none !important; /* Hebt die Begrenzung auf */
}

/* 3. Text neben dem Logo (falls vorhanden) vertikal zentrieren */
.mw-logo-wordmark {
font-size: 1.0em !important; /* Falls du den Text-Teil auch größer willst */
height: auto !important;
display: flex !important;
align-items: center !important;
margin: auto;
color: #fff;
}

/* 1. HINTERGRUND & GLOBALER FIX */
html, body, .mw-page-container, .mw-header, .vector-header {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
color: #e2e8f0 !important;
}

/* 2. FORCED FULL WIDTH (Standardmäßig "Breit" für alle) */
/* Damit wird die Begrenzung auf 100% gesetzt und die Box-Einstellung ignoriert */
.mw-page-container {
max-width: 100% !important;
}

/* 3. HAUPTCONTAINER (Main Content) */
.mw-body {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
margin-top: 25px !important;
padding: 30px !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

#ca-nstab-main {
color: var(--color-progressive, #36c) !important;
}

.vector-menu-tabs .mw-list-item.selected a {
color: var(--color-progressive, #36c) !important;
}

/* 4. NAVIGATION & TOC (Setup mit Padding & Höhe) */
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
padding: 20px !important;
min-height: 400px !important;
margin-top: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
}

/* Inneres TOC-Element säubern */
#vector-toc {
background: transparent !important;
border: none !important;
padding: 0 !important;
}

/* 5. UI-CLEANUP & ELEMENT-SPERRE (Erscheinungsbild ausblenden) */
/* Dies blendet die gesamte "Erscheinungsbild"-Box und alle Verbergen-Buttons aus */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-toc-toggle,
.mw-ui-button.mw-ui-quiet,
.vector-pinnable-header-label + button {
display: none !important;
}

/* Gezielte Eliminierung von ::after Elementen in der Navigation */
.vector-column-start::after,
.vector-main-menu-container::after,
.vector-sticky-pinned-container::after,
.vector-pinned-container::after,
.mw-table-of-contents-container::after {
content: none !important;
display: none !important;
visibility: hidden !important;
}

/* 6. TEXT & LINKS */
h1, h2, h3, .mw-headline {
color: #5891ff !important;
}

.vector-toc-text {
color: #fff;
padding: 0;
}

.vector-toc-link {
color: #e2e8f0 !important;
padding: 0px !important;
}

.vector-toc-link:hover {
color: #5891ff !important;
background-color: rgba(88, 145, 255, 0.1) !important;
text-decoration: none !important;
}

/* 7. HEADER & MENÜ ICONS */
.mw-ui-icon, .vector-icon {
filter: invert(1) brightness(1.5) !important;
}

.vector-column-start {
background-color: transparent !important;
margin-top: 0px;
padding: 0;
}

.vector-dropdown-label {
display: none;
}

.vector-main-menu {
background-color: #1b222d !important;
}

/* 8. SUCHE */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
}

MediaWiki:Common.css

2026-04-29T08:12:37Z

Sascha:

/* ============================================================
FISI WISSENDATENBANK - TOTAL UI STABLE (FULL WIDTH)
============================================================ */
/* ============================================================
LOGO-ANPASSUNG
============================================================ */

/* 1. Container-Größe anpassen */
.vector-header-container .mw-logo {
height: 150px !important; /* Standard ist oft ca. 40px - hier Wert anpassen */
width: auto !important;
margin-right: 20px !important;
}

.vector-header-start {
min-width: 400px;
}

.vector-header-end {
margin-left: 40px !important;
}

/* 2. Das eigentliche Logo-Bild skalieren */
.mw-logo-icon {
height: 145px !important; /* Etwas kleiner als der Container für Padding */
width: auto !important;
max-width: none !important; /* Hebt die Begrenzung auf */
}

/* 3. Text neben dem Logo (falls vorhanden) vertikal zentrieren */
.mw-logo-wordmark {
font-size: 1.0em !important; /* Falls du den Text-Teil auch größer willst */
height: auto !important;
display: flex !important;
align-items: center !important;
margin: auto;
color: #fff;
}

/* 1. HINTERGRUND & GLOBALER FIX */
html, body, .mw-page-container, .mw-header, .vector-header {
background: #1b222d url("/resources/assets/background.jpg") fixed center/cover !important;
color: #e2e8f0 !important;
}

/* 2. FORCED FULL WIDTH (Standardmäßig "Breit" für alle) */
/* Damit wird die Begrenzung auf 100% gesetzt und die Box-Einstellung ignoriert */
.mw-page-container {
max-width: 100% !important;
}

/* 3. HAUPTCONTAINER (Main Content) */
.mw-body {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
margin-top: 25px !important;
padding: 30px !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

#ca-nstab-main {
color: var(--color-progressive, #36c);
}

.vector-menu-tabs .mw-list-item.selected a {
color: var(--color-progressive, #36c);
}

/* 4. NAVIGATION & TOC (Setup mit Padding & Höhe) */
#vector-toc-pinned-container,
.vector-pinned-container {
background-color: rgba(27, 34, 45, 0.94) !important;
border: 1px solid rgba(88, 145, 255, 0.3) !important;
border-radius: 15px !important;
padding: 20px !important;
min-height: 400px !important;
margin-top: 25px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
backdrop-filter: blur(12px) !important;
}

/* Inneres TOC-Element säubern */
#vector-toc {
background: transparent !important;
border: none !important;
padding: 0 !important;
}

/* 5. UI-CLEANUP & ELEMENT-SPERRE (Erscheinungsbild ausblenden) */
/* Dies blendet die gesamte "Erscheinungsbild"-Box und alle Verbergen-Buttons aus */
#vector-appearance-pinned-container,
.vector-appearance-dropdown,
.vector-pinnable-header-toggle-button,
.vector-toc-toggle,
.mw-ui-button.mw-ui-quiet,
.vector-pinnable-header-label + button {
display: none !important;
}

/* Gezielte Eliminierung von ::after Elementen in der Navigation */
.vector-column-start::after,
.vector-main-menu-container::after,
.vector-sticky-pinned-container::after,
.vector-pinned-container::after,
.mw-table-of-contents-container::after {
content: none !important;
display: none !important;
visibility: hidden !important;
}

/* 6. TEXT & LINKS */
h1, h2, h3, .mw-headline {
color: #5891ff !important;
}

.vector-toc-text {
color: #fff;
padding: 0;
}

.vector-toc-link {
color: #e2e8f0 !important;
padding: 0px !important;
}

.vector-toc-link:hover {
color: #5891ff !important;
background-color: rgba(88, 145, 255, 0.1) !important;
text-decoration: none !important;
}

/* 7. HEADER & MENÜ ICONS */
.mw-ui-icon, .vector-icon {
filter: invert(1) brightness(1.5) !important;
}

.vector-column-start {
background-color: transparent !important;
margin-top: 0px;
padding: 0;
}

.vector-dropdown-label {
display: none;
}

.vector-main-menu {
background-color: #1b222d !important;
}

/* 8. SUCHE */
.cdx-text-input__input {
background-color: #0f172a !important;
color: white !important;
border: 1px solid #5891ff !important;
}