BEM steht für Block, Element, Modifier und ist eine Methodik zur Strukturierung und Benennung von CSS-Klassen in Webprojekten. Hier sind die Schritte zur Anwendung von BEM: 1. **Block**: Ein Block ist ein eigenständiger, wiederverwendbarer Komponentenbaustein. Beispiel: `.button`. 2. **Element**: Ein Element ist ein Teil eines Blocks und wird durch zwei Unterstriche (`__`) vom Blocknamen getrennt. Beispiel: `.button__icon`. 3. **Modifier**: Ein Modifier ist eine Variante eines Blocks oder Elements und wird durch zwei Bindestriche (`--`) vom Block- oder Elementnamen getrennt. Beispiel: `.button--primary` oder `.button__icon--small`. Beispiel: ```html <div class="button button--primary"> <span class="button__icon button__icon--small"></span> Click me </div> ``` Weitere Informationen zur BEM-Methodik findest du auf der offiziellen Website: [BEM](https://en.bem.info/methodology/).