.dce-map { display: block; position:relative; left: 2em; text-align: center; font-size: clamp(.64em,1.4vw,1em); }
.dce-map svg { width: 90%; }
.dce-map .content { display:none; position:absolute; z-index:1; border-radius: 10px; background-color: #fff; padding:2em .9em .9em; border: 2px solid #555; margin-top: -40px; width:  12em; }
.dce-map .content:is(.bayern,.baden-wuerttemberg) { margin-top: -170px; }
.dce-map .content .close { position:absolute; right:9px; top:5px; cursor:pointer; }
.dce-map .content .close:before {content: '\f00d'; font: 300 1.5em var(--fontAwesome);}
.dce-map .zw-titel { font-size: 1.1em;}
.dce-map .description a { font-size: .9em;}
.dce-map p { margin: .8em;}
.dce-map .image>img { width: 7em; }

.land path { fill: var(--cdPink); transition: fill 700ms; }
.land .brd { stroke: #fff; stroke-width: 1; stroke-linejoin: round; }
.land .brd:hover { fill: #b0b9be; transition: fill 1s; cursor: pointer;}

@media (min-width: 768px) {

    .dce-map svg { width: 80%; }
}