/* === Grundopsætning === */
.theme-image_1 {
    content: url('/assets/png/Efterårshike_logo.png');
    width: 100%;
    max-width: 25rem;         /* 400px ≈ 25rem */
    height: auto;
    padding-top: 5rem;        /* 80px ≈ 5rem */
    padding-left: 2.5rem;     /* 40px ≈ 2.5rem */
    border-radius: 1.25rem;   /* 20px ≈ 1.25rem */
    z-index: -1;
}

/* Dark mode */
.dark-mode .theme-image_1 {
    content: url('/assets/png/hvid_Efterårshike_logo.png');
}
/* === iPhone 4 og 5 === (320px og ned) */
@media (max-width: 20rem) {
    .theme-image_1 {
        width: 90%;
        padding-left: 1rem;
        padding-top: 2.5rem;
    }
}

/* iPhone SE og 6–8 (375px) */
@media (min-width: 20.063rem) and (max-width: 23.4375rem) {
    .theme-image_1 {
        width: 85%;
        padding-left: 1.5rem;
        padding-top: 3.5rem;
    }
}

/* iPhone X – 15 Pro Max (376px–430px) */
@media (min-width: 23.5rem) and (max-width: 26.875rem) {
    .theme-image_1 {
        width: 80%;
        padding-left: 2rem;
        padding-top: 4rem;
    }
}

/* iPads (431px – 1024px) */
@media (min-width: 26.938rem) and (max-width: 64rem) {
    .theme-image_1 {
        width: 70%;
        padding-left: 3rem;
        padding-top: 5rem;
    }
}

/* MacBook 13" – 15" (1025px – 1439px) */
@media (min-width: 64.063rem) and (max-width: 89.9375rem) {
    .theme-image_1 {
        width: 100%;
        max-width: 25rem;
        padding-left: 5rem;
        padding-top: 6rem;
    }
}

/* MacBook 16" og store skærme (1440px+) */
@media (min-width: 90rem) {
    .theme-image_1 {
        width: 100%;
        max-width: 30rem; /* lidt større logo til store skærme */
        position: relative;
        top: -3rem;
        left: 0rem;
    }
}