/* ./static/css/indexMain.css */

/* Mobile First, hier werden die Elemente für mobile Geräte definiert */
/* 568px - 767px, Mindestweite für die Ansicht ist 568px */

main {
    .main-background {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0 auto;
        width: var(--pageWidthMobil);
    }
}

@media (min-width: 768px) {

    /* Hier werden die Elemente für Tablets definiert */
    /* 768px - 1239px */
    main {
        .main-background {
            width: var(--pageWidthTab);
        }
    }
}

@media (min-width: 1240px) {

    /* Hier werden die Elemente für Desktop definiert */
    /* Ab 1240px */
    main {
        .main-background {
            width: var(--pageWidthDesk);
        }
    }
}