/* Mobile‑specific Overrides */
@media (max-width: 768px) {

    /* Beispiel: andere Bildquellen für kleinere Bildschirme */
    .base-image {
        content: url('r1.webp');
    }

    .base-image-blurred {
        content: url('r2.webp');
    }

    /* --------------------------------------------------
       4. Region Positions (Hover Blur Targets)
    -------------------------------------------------- */
    .region-1 {
        top: 15.5%;
        left: 7.5%;
        width: 60%;
        height: 4.8%;
    }

    .region-2 {
        top: 20.7%;
        left: 7.5%;
        width: 60%;
        height: 4.8%;
    }

    .region-3 {
        top: 25.9%;
        left: 7.5%;
        width: 60%;
        height: 4.8%;
    }

    .region-4 {
        top: 37.4%;
        left: 7%;
        width: 60%;
        height: 4.8%;
    }

    .region-5 {
        top: 54.5%;
        left: 0%;
        width: 100%;
        height: 14.6%;
    }

    .region-6 {
        top: 76.4%;
        left: 7%;
        width: 60%;
        height: 4.7%;
    }

    .region-7 {
        top: 86.7%;
        left: 7.5%;
        width: 92.5%;
        height: 5.2%;
    }

    /* --------------------------------------------------
       5. Action Hotspots (Links & Modal Triggers)
    -------------------------------------------------- */
    .mailto-top {
        top: 2.8%;
        left: 5%;
        width: 50%;
        height: 2%;
        /*background-color: rgba(0, 255, 0, 0.15);*/
    }

    .mailto-bottom {
        top: 85%;
        left: 5.5%;
        width: 30%;
        height: 1.1%;
        /*background-color: rgba(0, 255, 0, 0.15);*/
    }

    .impressum-trigger {
        top: 92.7%;
        left: 5.5%;
        width: 30%;
        height: 0.8%;
        /*background-color: rgba(0, 150, 255, 0.15);*/
    }

    .datenschutz-trigger {
        top: 93.6%;
        left: 5.5%;
        width: 30%;
        height: 0.8%;
        /*background-color: rgba(0, 150, 255, 0.15);*/
    }

    .disclaimer-trigger {
        top: 94.5%;
        left: 5.5%;
        width: 30%;
        height: 0.8%;
        /*background-color: rgba(0, 150, 255, 0.15);*/
    }
}