/* ==========================================================
   Anwendungsbereiche [anwendungsbereiche]
   ========================================================== */

/* Runde Hotspot-Buttons */
.ems-anwendungsbereiche .ems-hotspot {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    font-weight: 600
}

@media (max-width:575.98px) {
    .ems-anwendungsbereiche .ems-hotspot {
        width: 1.75rem;
        height: 1.75rem;
        font-size: .8rem
    }
}

/* Positionen der Hotspots in % (left = von links, top = von oben) */
/* Automobil */
.ems-anwendungsbereiche .ems-hotspot[data-k="a1"] {
    left: 15.56%;
    top: 53.71%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a2"] {
    left: 29.78%;
    top: 56.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a3"] {
    left: 8.89%;
    top: 68.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a4"] {
    left: 67.33%;
    top: 69.71%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a5"] {
    left: 37.33%;
    top: 61.71%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a6"] {
    left: 44.89%;
    top: 40.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a7"] {
    left: 53.33%;
    top: 57.71%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a8"] {
    left: 88.00%;
    top: 63.43%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a9"] {
    left: 55.56%;
    top: 27.71%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="a10"] {
    left: 78.00%;
    top: 43.43%
}

/* Sicherheit */
.ems-anwendungsbereiche .ems-hotspot[data-k="s1"] {
    left: 28.33%;
    top: 43.14%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="s2"] {
    left: 77.78%;
    top: 36.57%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="s3"] {
    left: 57.67%;
    top: 52.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="s4"] {
    left: 33.78%;
    top: 78.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="s5"] {
    left: 32.22%;
    top: 6.00%
}

/* Andere */
.ems-anwendungsbereiche .ems-hotspot[data-k="o1"] {
    left: 4.67%;
    top: 10.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="o2"] {
    left: 29.11%;
    top: 10.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="o3"] {
    left: 53.56%;
    top: 10.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="o4"] {
    left: 78.00%;
    top: 10.00%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="o5"] {
    left: 4.67%;
    top: 56.43%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="o6"] {
    left: 29.11%;
    top: 56.43%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="o7"] {
    left: 53.56%;
    top: 56.43%
}

.ems-anwendungsbereiche .ems-hotspot[data-k="o8"] {
    left: 78.00%;
    top: 56.43%
}

/* Tab */
.ems-anwendungsbereiche .nav-tabs .nav-link:not(.active) {
    background-color: var(--bs-light);
}

.ems-anwendungsbereiche .nav-tabs .nav-link.active {
    color: var(--bs-primary);
}

.ems-anwendungsbereiche .ems-anwendungsbereiche-schaubild {
    max-width: 700px;
}