/* --------------------------------------------------
       4. Region Positions (Hover Blur Targets)
    -------------------------------------------------- */
.region-1 {
    top: 27.85%;
    left: 7%;
    width: 26.4%;
    height: 6.5%;
}

.region-2 {
    top: 27.85%;
    left: 36.8%;
    width: 26.4%;
    height: 6.5%;
}

.region-3 {
    top: 27.85%;
    left: 66.6%;
    width: 26.4%;
    height: 6.5%;
}

.region-4 {
    top: 43.2%;
    left: 7%;
    width: 55.9%;
    height: 25.5%;
}

.region-5 {
    top: 43.2%;
    left: 66.6%;
    width: 26.4%;
    height: 6.5%;
}

.region-6 {
    top: 72.2%;
    left: 7%;
    width: 26.4%;
    height: 6.5%;
}

.region-7 {
    top: 82.35%;
    left: 36.8%;
    width: 56.2%;
    height: 9.8%;
}

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

.mailto-bottom {
    top: 90.25%;
    left: 6%;
    width: 10%;
    height: 2%;
    /*background-color: rgba(0, 255, 0, 0.15);*/
}

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

.datenschutz-trigger {
    top: 97.3%;
    left: 19.5%;
    width: 13%;
    height: 1.5%;
    /*background-color: rgba(0, 150, 255, 0.15);*/
}

.disclaimer-trigger {
    top: 97.3%;
    left: 34.25%;
    width: 13%;
    height: 1.5%;
    /*background-color: rgba(0, 150, 255, 0.15);*/
}