#salesmap {
 	color:#ffffff;
}
.location {
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -ms-flexbox;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-align-items: stretch;
	align-items: stretch;
	-ms-flex-align: stretch;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 5rem 0.625rem 0 0.625rem;
}

#salesmap ul.location li {
	list-style: none;
	width: 100%;
	padding: 30px 20px 10px 20px;
	margin: 10px 0;
	background-color: #a6bbc3;
}

#salesmap ul.location .location-box h2 {
	font-size:16px;
}
#salesmap ul.location .location-box h2,
#salesmap ul.location .location-box p.highlite {
	margin:0;
	font-style:italic;
}
#salesmap ul.location .location-box p {
	font-style:italic;
	font-size:14px;
	font-size:0.875rem;
	padding-left:55px;
	margin: 0.75rem 0;
	position:relative;
}
#salesmap ul.location .location-box p.adress {
	background:url('map-icon.png') no-repeat scroll left center transparent
}
#salesmap ul.location .location-box p.phone {
	background:url('phone.png') no-repeat scroll 5px center transparent
}
#salesmap ul.location .location-box p.email {
	background:url('mail.png') no-repeat scroll left center transparent
}
#salesmap ul.location .location-box p.email a {
	font-weight:bold;
	color:#ffffff;
}

.gebietskontaktbox {
	line-height: 56px;
	background-color: #6f6f6f;
	color: #f8f8f8;
}
.gebietskontcol {
	width: 50%;
}

.gebietskontaktbox svg {
	height: 1.25rem;
	width: auto;
	vertical-align: middle;
}

@media screen and (min-width: 600px) {
#salesmap ul.location li {
	width: calc(50% - 10px);
}
}

@media screen and (min-width: 750px) {
.gebietskontaktbox {
	line-height: 70px;
}
}

@media screen and (min-width: 985px) {
#salesmap {
	text-align:center;
	position:relative;
	color:#ffffff;
}
.karte {
	background-color: #a6bbc3;
	background-image: url('de.png');
	background-repeat: no-repeat;
	background-position: center top;
	height:950px;
}

#salesmap ul.location {
	display: block;
	width:960px;
	height:700px;
	position:absolute;
	top: 0;
	left: calc((100% - 960px)/2);
}

#salesmap ul.location li {
	width: auto;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
#salesmap ul.location .location-btn {
	color: transparent;
	background-color: transparent;
	background-image:url('karte-pointer.png');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:45px auto;
	cursor:pointer;
	height:45px;
	opacity:0.25;
	position:absolute;
	width:45px;
	border: none;
	overflow: hidden;
	transition: opacity ease 0.3s;
	
}
#salesmap ul.location #de .location-btn {
	top:325px;
	left: calc(477px + ((100% - 960px)/2));
}
#salesmap ul.location #de-n .location-btn {
	top:285px;
	left:265px;
}
#salesmap ul.location #de-o .location-btn {
	top:390px;
	left:450px;
}
#salesmap ul.location #de-w .location-btn {
	top:385px;
	left:360px;
}
#salesmap ul.location #de-sw .location-btn {
	top:460px;
	left:360px;
}
#salesmap ul.location #de-so .location-btn {
	top:500px;
	left:430px;
}
#salesmap ul.location #nl .location-btn {
	top:360px;
	left:290px;
}
#salesmap ul.location #ch .location-btn {
	top:545px;
	left:355px;
}
#salesmap ul.location #pl .location-btn {
	top:370px;
	left:535px;
}
#salesmap ul.location #dk .location-btn {
	top:220px;
	left:375px;
}
#salesmap ul.location #se .location-btn {
	top:150px;
	left:490px;
}
#salesmap ul.location #at .location-btn {
	top:514px;
	left:490px;
}
#salesmap ul.location #cz .location-btn {
	top:455px;
	left:500px;
}
#salesmap ul.location #sk .location-btn {
	top:480px;
	left:610px;
}
#salesmap ul.location #be .location-btn {
	top:415px;
	left:270px;
}
#salesmap ul.location #lu .location-btn {
	top:445px;
	left:305px;
}
#salesmap ul.location #fr .location-btn {
	top:550px;
	left:230px;
}
#salesmap ul.location #it .location-btn {
	top:610px;
	left:400px;
}
#salesmap ul.location #no .location-btn {
	top:80px;
	left:350px;
}
#salesmap ul.location #ie .location-btn {
	top:340px;
	left:0px;
}
#salesmap ul.location #gb .location-btn {
	top:370px;
	left:140px;
}
#salesmap ul.location #es .location-btn {
	top:760px;
	left:90px;
}
#salesmap ul.location #pt .location-btn {
	top:730px;
	left:0px;
}
#salesmap ul.location #fi .location-btn {
	top:10px;
	left:670px;
}

#salesmap ul.location #sl .location-btn {
	top: 568px;
	left: 502px;
}
#salesmap ul.location #hr .location-btn {
	top: 582px;
	left: 541px;
}
#salesmap ul.location #mk .location-btn {
	top: 706px;
	left: 658px;
}
#salesmap ul.location #al .location-btn {
	top: 729px;
	left: 620px;
}
#salesmap ul.location #rs .location-btn {
	top: 637px;
	left: 639px;
}
#salesmap ul.location #me .location-btn {
	top: 674px;
	left: 600px;
}
#salesmap ul.location #ba .location-btn {
	top: 630px;
	left: 561px;
}
#salesmap ul.location #un .location-btn {
	top: 539px;
	left: 601px;
}
#salesmap ul.location #ru .location-btn {
	top: 580px;
	left: 740px;
}
#salesmap ul.location #bu .location-btn {
	top:680px;
	left:740px;
}
#salesmap ul.location #li .location-btn {
	top: 243px;
	left: 700px;
}
#salesmap ul.location #el .location-btn {
	top: 85px;
	left: 750px;
}
#salesmap ul.location .location-btn:hover,
#salesmap ul.location .active .location-btn {
 	opacity:1;
}
#salesmap ul.location .location-box {
/*	background-color:#a6bbc3;*/
	background-color:#496872;
	border:3px solid #ffffff;
	position:absolute;
	right: calc((100% - 960px)/2);
	top:100px;
	width:366px;
	text-align:left;
	padding:20px 30px 10px 30px;
	display:none; 
}
#salesmap ul.location .location-box h2 {
	font-size:24px;
}
#salesmap ul.location .location-box h2,
#salesmap ul.location .location-box p.highlite {
	margin:0;
	font-style:italic;
}
#salesmap ul.location .location-box p {
	font-style:italic;
	font-size:16px;
	font-size:1rem;
	padding-left:55px;
	margin: 0.75rem 0;
	position:relative;
}
#salesmap ul.location .location-box p.adress {
	background:url('map-icon.png') no-repeat scroll left center transparent;
}
#salesmap ul.location .location-box p.phone {
	background:url('phone.png') no-repeat scroll 5px center transparent;
}
#salesmap ul.location .location-box p.email {
	background:url('mail.png') no-repeat scroll left center transparent;
}
#salesmap ul.location .location-box p.email a {
	font-weight:bold;
	color:#ffffff;
}
#salesmap ul.location .location-box:after {
	content:'';
	position:absolute;
	width:14px;
	height:14px;
	background:url('location-box-corner.png') no-repeat scroll left center transparent;
	top:50%;
	margin-top:-7px;
	left:0;
	margin-left:-14px;
}

}