/**
 * Datei: BT53_Breakpoints.css
 * Version: 1.0.1
 * Datum: 12.03.2025 (Änderungsdatum: 12.03.2025)
 * Beschreibung: Dieses Stylesheet definiert alle Breakpoints von Bootstrap 5.3 als CSS-Media Queries.
 *              Das Stylesheet ist mobile-first und sorgt dafür, dass Layouts an alle Gerätetypen angepasst werden.
 * Änderungen:
 * - Extra extra large breakpoint wurde von 1400px auf 1300px vorgezogen.
 */

/* Standard (Extra Small) - Mobile-first: keine Media Query erforderlich */
body {
    /* Hier können Standard-Mobile-Stile definiert werden */
}

/* Small devices (landscape phones, 576px und höher) */
@media (min-width: 576px) {
    /* Version: 1.0.1 - sm styles */
    body {
        /* Beispiel: Schriftgröße erhöhen */
        font-size: 1rem;
    }
}

/* Medium devices (Tablets, 768px und höher) */
@media (min-width: 768px) {
    /* Version: 1.0.1 - md styles */
    body {
        /* Beispiel: Layout-Anpassungen für Tablets */
        font-size: 1.1rem;
    }
}

/* Large devices (Desktops, 992px und höher) */
@media (min-width: 992px) {
    /* Version: 1.0.1 - lg styles */
    body {
        /* Beispiel: Layout für größere Bildschirme */
        font-size: 1.2rem;
    }
}

/* Extra large devices (große Desktops, 1200px und höher) */
@media (min-width: 1200px) {
    /* Version: 1.0.1 - xl styles */
    body {
        /* Beispiel: Weitere Anpassungen für sehr große Bildschirme */
        font-size: 1.3rem;
    }
}

/* Extra extra large devices (sehr große Desktops, neuer breakpoint bei 1300px und höher) */
@media (min-width: 1300px) {
    /* Version: 1.0.1 - xxl styles */
    body {
        /* Beispiel: Optimierungen für ultra breite Bildschirme */
        font-size: 1.4rem;
    }
}