CSS
CSS bestimmt, wie eine Website aussieht — Farben, Schriften, Abstände, Anordnung. Es ist vom Inhalt getrennt, weshalb sich das Erscheinungsbild ändern lässt, ohne den Text anzufassen.
Was diese Trennung wert ist
Ein Farbwechsel im gesamten Auftritt ist eine Änderung an einer Stelle statt an hundert Seiten. Dasselbe gilt für Schriftgrößen, Abstände und die Darstellung auf Mobilgeräten.
Wo diese Trennung aufgeweicht wird — Formatierungen direkt im Inhalt —, wird jede spätere Änderung zur Suchaufgabe. Das ist der Hauptgrund, warum gewachsene Seiten irgendwann „nicht mehr anfassbar" wirken.
Warum Gestaltung heute weniger Aufwand ist
Weil vieles, wofür früher Skripte oder Bilder nötig waren, der Browser mitbringt: Raster, Abstände, Farbräume, Animationen, sogar Behälter-abhängige Anpassung. Ein Bauteil kann sich heute nach dem Platz richten, den es hat, statt nach der Bildschirmbreite.
Für Projekte heißt das konkret weniger Abhängigkeiten. Was der Browser kann, muss nicht gepflegt werden und veraltet nicht.
Woran Stylesheets unwartbar werden
An Spezifitätskämpfen. Wenn eine Regel nur mit `!important` durchkommt, ist die Struktur bereits verloren — und die nächste Regel braucht dann dieselbe Ausnahme. Nach einem Jahr traut sich niemand mehr, etwas zu löschen.
Dagegen hilft eine Konvention, gleich welche, solange sie eingehalten wird. Der häufigste Fehler ist nicht die falsche Konvention, sondern drei verschiedene in derselben Datei.
Der Punkt, an dem es teuer wird
Bei zu vielen Ausnahmen. Wenn jede Seite eigene Sonderregeln bekommt, entsteht ein Geflecht, in dem eine Änderung an drei anderen Stellen etwas kaputt macht.
Dagegen hilft ein festgelegter Satz an Farben, Abständen und Schriftgrößen, aus dem sich alles zusammensetzt — ein Design-System. Es kostet am Anfang Disziplin und spart ab dem zweiten Umbau. Sichtbar wird das auch an der Dateigröße: Diese Website führt 50 KB als Budget für das Stylesheet und liegt bei 26 KB, gemessen am 27.08.2026 an der komprimiert ausgelieferten Größe.
Rechtsgrundlagen
- WCAG 2.2 (W3C-Empfehlung)(öffnet in neuem Tab)Nachfolgefassung; erweitert 2.1 um neun Kriterien
Häufige Fragen zu CSS
Was entscheidet, welche CSS-Regel am Ende gilt?
Was passiert mit dem CSS-Layout, wenn bei einem Bild Breite und Höhe fehlen?
Wen betrifft die CSS-Abfrage prefers-reduced-motion?
Ändert eine per CSS umsortierte Seite die Vorlesereihenfolge im Screenreader?
Cookie-Banner-Pflicht: wann er nötig ist und wann nicht
Ein Cookie-Banner ist keine allgemeine Website-Pflicht, sondern die Folge bestimmter Werkzeuge. Welche Einbindungen ihn auslösen, warum „Ablehnen" auf die erste Ebene gehört und wie eine Website ganz ohne Banner auskommt.
Barrierefreie Website: wen die Pflicht trifft — und wen nicht
Das Barrierefreiheitsstärkungsgesetz gilt seit Juni 2025, und seither kursieren zwei falsche Behauptungen: Es gelte für alle Websites, oder es gelte für fast niemanden. Beides stimmt nicht. Wer wirklich betroffen ist, was gefordert wird und warum sich die Umsetzung auch ohne Pflicht rechnet.
Passende Leistungen
Webdesign & Redesign
Individuelle Websites in Figma entworfen und mit Tailwind CSS sauber umgesetzt — responsiv, schnell und auf Ihre Marke zugeschnitten.
Mehr dazuDesign-System-Entwicklung
Von Design Tokens über Figma-Bibliotheken bis zu Vue-Komponenten in Storybook: ein System, das Design und Code dauerhaft synchron hält.
Mehr dazuUI/UX Design & Prototyping
Von der User-Journey bis zum klickbaren Prototyp: Interfaces, die Nutzer intuitiv verstehen und die Ihre Conversion-Ziele erreichen.
Mehr dazuAnimationen & Interaktionen
Gezielte Bewegung mit CSS und GSAP, die Aufmerksamkeit lenkt und Marken erlebbar macht — performant und immer mit Rücksicht auf reduzierte Bewegung.
Mehr dazu