body{
	margin: 0;
	padding: 0;
}

/* Image */

#map{
	display: flex;
    margin-bottom: 70px;
}

.map__image{
    margin-left: 35px;
	position: relative;
	display: block;
	width: 50vw;
}

.map__image .svg{
	position: absolute;
	z-index: 2;
	width: 100%;
}

.map__image .bg{
	position: relative;
	width: 100%;
}

.map__image img{
	width: 100%;
}

.map__image a circle{
	fill-opacity: 0%;
	transition: fill fill-opacity 0.3s;
}

/* Is active svg */
.map__image a.is-active circle{
    fill: rgb(66, 141, 240);
	fill-opacity: 100%;
}

/* Liste */

.map__list{
	float: right;
	width: 50vw;
    column-count: 2;
}

.map__list a{
	color: inherit;
	text-decoration: none;
	transition: color 0.3s;
}

.liste{
	font-size: 14pt;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20pt;
    margin: 0;
}

/* Is active liste */
.map__list a.is-active{
    color: rgb(66, 141, 240);
	text-decoration: none;
	transition: color 0s;
}
 @media all and (max-width : 768px) {
      #map{
	display: inline-table;
}
     .map__image{
	width: 90%;
         margin-left: auto;
         margin-right: auto;
}
     .map__list {
    width: 95%;
    column-count: 2;
         float: none;
}
     .liste{font-size: 12px;}
    }