/* 🟦 Standardvisning for bred skjerm – flagg-effekt */
body {
    background-image: linear-gradient(to right,
            white 0%,
            white 5%,
            #0038b8 5%,
            #0038b8 20%,
            white 20%,
            white 80%,
            #0038b8 80%,
            #0038b8 95%,
            white 95%,
            white 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}

@media (max-width: 899px) {
    body {
        background-image: none !important;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    body {
        background-image: linear-gradient(to right,
                white 0%,
                #0038b8 0%,
                #0038b8 5%,
                white 5%,
                white 95%,
                #0038b8 95%,
                #0038b8 100%);
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    body {
        background-image: linear-gradient(to right,
                white 0%,
                white 3%,
                #0038b8 3%,
                #0038b8 10%,
                white 10%,
                white 90%,
                #0038b8 90%,
                #0038b8 97%,
                white 97%,
                white 100%);
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    body {
        background-image: linear-gradient(to right,
                white 0%,
                white 2%,
                #0038b8 2%,
                #0038b8 8%,
                white 8%,
                white 92%,
                #0038b8 92%,
                #0038b8 98%,
                white 98%,
                white 100%);
    }
}