Start with Web-API's, update page overview

src/content/dhbw/de/web-engineering-i.mdx

@@ -118,3 +118,26 @@ Im letzten Abschnitt der HTML-Reihe widmen wir uns den ersten *Interaktiven* Ele
 <div class="mb-1" />
 <Card to="#" color="green">Cheat-Sheet</Card>
 <Spacer />
+
+## Einführung in CSS
+
+Bis jetzt sehen die ersten Webseiten die wir gebaut haben sehr simpel aus. Mit den folgenden Slides sollen CSS und dessen Mechanismen näher gebracht werden.
+
+### # CSS - Basics
+
+Im folgenden Slide-Deck werden wir Erfahren, wie man mit CSS (HTML)-Elemente selektiert und was eigentlich genau hinter dem kompletten System steckt.
+Unter anderem wird gezeigt was "Cascading" in "Cascading Style Sheets" bedeutet und wie wir überhaupt CSS in unsere Webseite einbinden können.
+Dies wird alles als Grundlage dienen die wir in den darauffolgenden Aufgaben anwenden werden.
+
+<Card to="/slides/css/00-intro" color="blue">Zu den Slides</Card>
+<Spacer />
+
+### # CSS - Erste Styles
+
+Wir wissen nun wie wir gezielt einzelne Elemente in HTML stylen können. Nun lernen wir die entsprechenden Styling-Direktiven kennen um den visuellen Output zu modifizieren.
+Den Beginn werden Farben machen und welche Möglichkeiten wir haben um Farben zu definieren. Danach werden wir uns mit den Möglichkeiten auseinander setzten, wie man Text auf seine verschiedenen Arten und Weisen styled.
+Im weiteren Verlauf des Slidedecks schauen wir uns die Möglichkeiten an, wie man Elemente mit einer Rahmung (Border) versieht, als auch die Möglichkeiten Abstände zwischen Elementen zu modifizieren.
+Alle vorgestellten Style's in Bezug auf Abstände werden mit der neueren "Inline-Block" Syntax beschrieben.
+
+<Card to="/slides/css/01-basic-styles" color="blue">Zu den Slides</Card>
+