Breakpoint
Bildschirmbreite, ab der das Layout umschaltet, z. B. Handy-Ansicht unter 680 px.
Ein Breakpoint ist die Schwelle, an der sich das Layout ändert, z. B. vom breiten Desktop-Menü zum Burger-Menü.
Bei hautuu gilt für Mobil: 679 Pixel Breite und weniger (max-width: 679px im CSS). Der Kommentar zur CSS-Variable --bp-mobile: 680px bedeutet: Viewport schmaler als 680 px → Handy-Regeln. Für Tablet: schmaler als 1024 px (--bp-tablet, Media Query max-width: 1023px). CSS Media Queries reagieren auf diese Grenzen.