body:not(.country-selected) .country.country-select:hover,
body:not(.country-selected) .country-select:hover .country {
    fill: #96c22f;
    cursor: pointer;
}

body.country-selected .country.country-select.selected:hover,
body.country-selected .country-select.selected:hover .country {
    fill: #96c22f;
    cursor: pointer;
}

body:not(.region-selected) .region.region-select:hover,
body:not(.region-selected) .region-select:hover .region {
    fill: #96c22f;
    cursor: pointer;
}

body.region-selected .region.region-select.selected:hover,
body.region-selected .region-select.selected:hover .region {
    fill: #96c22f;
    cursor: pointer;
}

body:not(.country-selected) .country.country-select.selected,
body.country-selected .country-select:not(.selected) .country {
    fill: #98bbcd;
}

#Europakarte {
    max-height: 100vh;
    display: block;
}

#Europakarte,
#dpl-countries {
    transition: all 0.5s ease-in-out;
}

#dpl-countries text {
    cursor: pointer;
}

.region-select-pre,
.preselect,
.region {
    cursor: pointer;
}

body.preselect-selected .region-preselect:not(.selected) .preselect {
    fill: #98bbcd;
}

.country-select:not(.selected) .region-preselect,
.country-select .region-preselect:not(.selected) .region-pre,
.country-select .region-preselect:not(.selected) .region,
.country-select:not(.selected) .region {
    display: none;
}

.region-select-pre:hover .region-pre,
.region-preselect:hover,
.region-preselect .preselect:hover,
.region-select:hover .region {
    fill: #96c22f;
}

.region-select-pre.selected .region-pre {
    fill: #96c22f;
}

.dpl-country-label {
    cursor: pointer;
}

body.country-selected .dpl-country-label,
.country-select.selected .dpl-country-label {
    display: none;
}

.region-select.selected .region {
    fill: #96c22f;
}

/* zoom out icon when country or region is selected */
body.country-selected .country-select:not(.selected) .country,
body.country-selected .non-dpl,
body.country-selected #dpl-click-area,
body.region-selected .region-select:not(.selected) .region,
body.region-selected #dpl-click-area,
body.preselect-selected .region-preselect:not(.selected) .preselect,
body.preselect-selected .region-preselect:not(.selected) .region-pre,
body.preselect-selected #dpl-click-area  {
    cursor: zoom-out !important;
}

/* hide #back-button if neither body.country-selected, body.region-selected, body.preselect-selected */
body:not(.country-selected):not(.region-selected):not(.preselect-selected) #back-button,
body:not(.country-selected):not(.region-selected):not(.preselect-selected) #back-button-text {
    display: none;
}

#back-button {
    cursor: pointer;
}

/* hide regions and pre-regions in non-dpl countries */
.non-dpl .region,
.non-dpl .region-pre,
.non-dpl .dpl-country-label {
    display: none;
}

.dpl-country-label,
.dpl-preregion-label,
.dpl-region-label {
    fill: #fff !important;
    stroke: none;
    stroke-width: 0.5px;
    text-shadow: 0 0 10px #44738d;
}

.country-select:not(.selected) .dpl-region-label,
.region-preselect:not(.selected) .dpl-region-label {
    display: none;
}