html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

button.metform-btn.metform-submit-btn i.jki.jki-arrow-right-solid {position: relative;top: 2px;}

.map-container {
    position: relative;
    width: 90%;
    height: 600px;
    background-image: url(https://adlichsolutions.com/wp-content/uploads/2026/02/csm_Teaser_Weltkarte_2024_2_ee23.jpg.jpeg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.gt_switcher.notranslate {
    width: 100px !important;
    border: 1px solid !important;
}
.dot {
    position: absolute;
    width: 7px;
    height: 7px;
    background: linear-gradient(45deg, #660005, #A30018);
    border-radius: 50%;
    transition: all 0.3s;
    box-shadow: 0px 0px 15px rgba(255, 0, 0, 0.7);
}
.dot:hover::after {
    content: attr(data-text);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(129 0 13 / 63%);
    color: white;
    padding: 5px;
    z-index: 999;
    border-radius: 5px;
    white-space: nowrap;
    padding: 5px 20px;
}
@media (max-width: 1366px) {
    .d2 {
        top: 47% !important;
        left: 18% !important;
    }
    .d20 {
        top: 31% !important;
        left: 50.5% !important;
    }
.d21 {
        top: 34% !important;
        left: 51% !important;
    }
    .d8 {
        top: 41% !important;
        left: 50.5% !important;
    }
    .d10 {
        top: 42% !important;
        left: 52% !important;
    }
    .d12 {
        top: 31.2% !important;
        left: 54.7% !important;
    }
    .d7 {
        top: 34% !important;
        left: 54.5% !important;
    }
    .d4 {
        top: 35.5% !important;
        left: 53.5% !important;
    }
    .d17 {
        top: 37% !important;
        left: 52.8% !important;
    }
.d5 {
        top: 38.5% !important;
        left: 55.4% !important;
    }
    .d9 {
        top: 37% !important;
        left: 54.5% !important;
    }
    .d15 {
        top: 34% !important;
        left: 57% !important;
    }
    .d13 {
        top: 36% !important;
        left: 56.5% !important;
    }
    .d14 {
        top: 38% !important;
        left: 57% !important;
    }
    .d11 {
        top: 47% !important;
        left: 72% !important;
    }
    .d6 {
        top: 51% !important;
        left: 80% !important;
    }
    .d18 {
        top: 46% !important;
        left: 82% !important;
    }}

@media (max-width: 1280px) {
	ul#menu-main-menu li a {
    padding: 0px 10px;
}
}

@media (max-width: 1199px) {
.gt_switcher.notranslate {
    position: relative;
    left: -20px;
}
}
@media (max-width: 999px) {
    .d1 { top: 43% !important; left: 13% !important; }
    .d2 { top: 46% !important; left: 17% !important; }
    .d3 { top: 40% !important; left: 19% !important; }
    .d4 { top: 39.5% !important; left: 54% !important; }
    
    .d6 { top: 49% !important; left: 80% !important; }
    .d10 { top: 43% !important; left: 52% !important; }
    .d11 { top: 44% !important; left: 71% !important; }
    .d14 { top: 40% !important; left: 59% !important; }
  
    .d16 { top: 50% !important; left: 16% !important; }
    .d17 { top: 41% !important; left: 53% !important; }
    .d18 { top: 45% !important; left: 81% !important; }
    .d19 { top: 40% !important; left: 23% !important; }
    .d21 {
        top: 37% !important;
        left: 51% !important;
    }
    .d20 {
        top: 35% !important;
        left: 50.5% !important;
    }
    .d8 {
        top: 43% !important;
        left: 50.5% !important;
    }
    .d10 {
        top: 43.5% !important;
        left: 52% !important;
    }
.d14 {
        top: 41% !important;
        left: 57.5% !important;
    }
    .d13 {
        top: 39.5% !important;
        left: 56.5% !important;
    }
    .d15 {
        top: 37.5% !important;
        left: 56.5% !important;
    }
    .d5 {
        top: 41.5% !important;
        left: 55.4% !important;
    }
.d9 {
        top: 40% !important;
        left: 54.5% !important;
    }
    .d4 {
        top: 35.5% !important;
        left: 54.5%
 !important;
    }
    .d17 {
        top: 38% !important;
        left: 54.8% !important;
    }
    .d9 {
        top: 39% !important;
        left: 53.5% !important;
    }
    .d5 {
        top: 39.5% !important;
        left: 52.4% !important;
    }

    .d15 {
        top: 37.5% !important;
        left: 57.5% !important;
    }
    .d13 {
        top: 39.5% !important;
        left: 56.5% !important;
    }
    .d7 {
        top: 41% !important;
        left: 54.5% !important;
    }
    .d12 {
        top: 42.2% !important;
        left: 55.7% !important;
    }
select.gt_selector.notranslate {
    padding: 5px 5px !important;
}
}

@media (max-width: 768px) {
	   .map-container {
    height: 350px;
}

.d18 {
        top: 45% !important;
        left: 82% !important;
    }
    .d6 {
        top: 50% !important;
        left: 80% !important;
    }
    .d11 {
        top: 48% !important;
        left: 72% !important;
    }
    .d20 {
        top: 31% !important;
        left: 50.5% !important;
    }
    .d21 {
        top: 33% !important;
        left: 51% !important;
    }
.d8 {
        top: 40% !important;
        left: 50.5% !important;
    }
    .d10 {
        top: 42.5% !important;
        left: 52% !important;
    }
    .d4 {
        top: 31.5% !important;
        left: 54.5% !important;
    }
    .d17 {
        top: 35% !important;
        left: 53.8% !important;
    }
    .d9 {
        top: 38% !important;
        left: 53.5% !important;
    }
    .d5 {
        top: 37.5% !important;
        left: 52.4% !important;
    }
    .d7 {
        top: 38% !important;
        left: 54.5% !important;
    }
    .d12 {
        top: 40.2% !important;
        left: 55.7% !important;
    }
    .d15 {
        top: 34.5% !important;
        left: 57.5% !important;
    }
    .d13 {
        top: 37.5% !important;
        left: 56.5% !important;
    }
    .d14 {
        top: 40% !important;
        left: 57.5% !important;
    }
}

@media (max-width: 480px) {
.map-container {
    background-size: contain;
    height: 200px;
}
.dot {
    width: 3px;
    height: 3px;
}
    .d20 {
        top: 30% !important;
        left: 50.5% !important;
    }
    .d21 {
        top: 32% !important;
        left: 51% !important;
    }
.d8 {
        top: 40% !important;
        left: 50.5% !important;
    }

    .d15 {
        top: 32% !important;
        left: 58% !important;
    }
    .d14 {
        top: 36% !important;
    }
    .d10 {
        top: 41% !important;
        left: 52% !important;
    }
    .d12 {
        top: 29% !important;
        left: 54.5% !important;
    }
   .d7 {
        top: 33% !important;
        left: 54% !important;
    }

.d4 {
        top: 33.5% !important;
    }
    .d17 {
        top: 35% !important;
        LEFT: 53% ! IMPORTANT;
    }
    .d9 {
        top: 37.5% !important;
        left: 55.5% !important;
    }
    .d5 {
        top: 37.5% !important;
        left: 58% !important;
    }
    .d17 {
        top: 35% !important;
        LEFT: 52% ! IMPORTANT;
    }
.d13 {
        top: 36% !important;
        LEFT: 54.5% ! IMPORTANT;
    }
.d4 {
        top: 33.5% !important;
        LEFT: 53% ! IMPORTANT;
    }
    
}

@media (max-width: 690px) {
.gt_switcher.notranslate {
        position: relative;
        left: 20px;
    }
}

@media (max-width: 420px) {
    .d21 {
        top: 34% !important;
        left: 51% !important;
    }
    .d20 {
        top: 32% !important;
    }
    .d8 {
        top: 41% !important;
}
d10 {
        top: 41% !important;
}
.d9 {
        top: 38% !important;
}
.d5 {
        top: 40.5% !important;
        left: 57% !important;
    }
}

@media (max-width: 380px) {
	.dot.d20 {
    top: 32% !important;
    left: 50.5% !important;
}
}
/* div#gt_float_wrapper {
    top: 0px !important;
    right: 0px !important;
} */