> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mastermindcms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Video-Tutorials

> Ein praktischer Videokurs für die Arbeit mit MastermindCMS

Dieser Abschnitt enthält alle Videos aus der [MastermindCMS-Playlist](https://www.youtube.com/playlist?list=PL0kTLig6Xj5bJSx7zpMBISUVb9O2oEUxL). Die empfohlene Reihenfolge ist von oben nach unten.

## 1. Seite erstellen

<iframe width="560" height="315" src="https://www.youtube.com/embed/MjyUDnvjSm0" title="MastermindCMS - Create page" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 2. Header-Komponente hinzufügen

<iframe width="560" height="315" src="https://www.youtube.com/embed/158W5rbvl0I" title="MastermindCMS - Add header component" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 3. Farbthema ändern

<iframe width="560" height="315" src="https://www.youtube.com/embed/Mkk440fMthk" title="MastermindCMS - Change color theme" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 4. Hero-Banner hinzufügen

<iframe width="560" height="315" src="https://www.youtube.com/embed/L4e905zGRxc" title="MastermindCMS - Add hero banner" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 5. Inhalte kopieren

<iframe width="560" height="315" src="https://www.youtube.com/embed/964IeUlgIU4" title="MastermindCMS - Copying content" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 6. Textinhalt ändern

<iframe width="560" height="315" src="https://www.youtube.com/embed/ly0LjMTUtWY" title="MastermindCMS - Change text content" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 7. Eigene CSS-Klassen zuweisen

<iframe width="560" height="315" src="https://www.youtube.com/embed/YoKZcVhPJyo" title="MastermindCMS - Assignment of custom CSS classes" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 8. Inhalte übersetzen

<iframe width="560" height="315" src="https://www.youtube.com/embed/rLAedRJAcLo" title="MastermindCMS - Content translation" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 9. Seite veröffentlichen

<iframe width="560" height="315" src="https://www.youtube.com/embed/IyyM_d0NNPQ" title="MastermindCMS - Publishing page" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 10. TailwindCSS

<iframe width="560" height="315" src="https://www.youtube.com/embed/8z5pBfZcDLs" title="MastermindCMS - TailwindCSS" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 11. Container

<iframe width="560" height="315" src="https://www.youtube.com/embed/uNyasm-OoNc" title="MastermindCMS - Containers" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 12. AI Assistant

<iframe width="560" height="315" src="https://www.youtube.com/embed/flxosJPBMOM" title="MastermindCMS - AI Assistant" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 13. DOM bearbeiten

<iframe width="560" height="315" src="https://www.youtube.com/embed/cv401O1iXhM" title="MastermindCMS - Manipulating the DOM" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 14. Mobiles Menü

<iframe width="560" height="315" src="https://www.youtube.com/embed/FSsAYGlhyAk" title="MastermindCMS - Mobile menu" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 15. Produktkatalog

<iframe width="560" height="315" src="https://www.youtube.com/embed/FezsTLgfxt0" title="MastermindCMS - Product Catalog" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />