@charset "UTF-8";
 @font-face {
	 font-family: "diabetesschweiz";
	 src: url("../fonts/diabetesschweiz.eot");
	 src: url("../fonts/diabetesschweiz.eot?#iefix") format("embedded-opentype"), url("../fonts/diabetesschweiz.woff") format("woff"), url("../fonts/diabetesschweiz.ttf") format("truetype"), url("../fonts/diabetesschweiz.svg#diabetesschweiz") format("svg");
	 font-weight: normal;
	 font-style: normal;
}
 [data-icon]:before {
	 font-family: "diabetesschweiz" !important;
	 content: attr(data-icon);
	 font-style: normal !important;
	 font-weight: normal !important;
	 font-variant: normal !important;
	 text-transform: none !important;
	 speak: none;
	 line-height: 1;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
	 font-family: "diabetesschweiz" !important;
	 font-style: normal !important;
	 font-weight: normal !important;
	 font-variant: normal !important;
	 text-transform: none !important;
	 speak: none;
	 line-height: 1;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 .icon-draft-arrow-down:before {
	 content: "n";
}

 #lowerWrapper {
	 padding: 50px 0 50px 0;
	 margin-top: 30px;
	 position: relative;
}

#swissmap_home {height:100%; position:relative; margin-bottom:180px}

#swissmap_home::after {
	 content: '';
	 position: absolute;
/*	 left: -100%; */
	 bottom: 60px;
	 width: 100%;
	 height: 66%;
	 background-color: #e9f2f6;
	 z-index: -1;
	 transform: skewY(-5deg);
}

@media (max-width:767px){
#swissmap_home::after {
height:100%}}

#swissmap_home .buttons {text-align:center}
@media (max-width:767px){
#swissmap_home .buttons {padding: 10px 0}
}

#swissmap h2 {
	 font-size: 22px;
	 color: #000;
	 margin: 30px 0 4px 0;
	 letter-spacing: 0.02px;
	 line-height: 1.2;
	 position: relative;
}
#swissmap h2::before {
	 content: '';
	 background-color: #c33;
	 width: 50px;
	 height: 2px;
	 position: absolute;
	 top: -20px;
	 left: 0;
}
 #swissmap {
	 position: relative;
}
 #swissmap .map {
	 text-align: right;
	 float: right;
}
 #swissmap .mapTooltip {
	 position: fixed;
	 background-color: rgba(255, 255, 255, 0.8);
	 border-radius: 5px;
	 padding: 10px;
	 z-index: 1000;
	 max-width: 300px;
	 display: block;
	 color: #4f9dbb;
	 border: 2px solid #4f9dbb;
}
 #swissmap .mapTitle {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 30%;
}
 #swissmap .cantonlist {
	 position: absolute;
	 top: 230px;
	 left: 0;
	 z-index:10;
}
 #swissmap .cantonlist .description p {
	 font-weight: 500;
}
 #swissmap .cantonlist ul {
	 margin: 0;
	 padding: 0;
}
 #swissmap .cantonlist ul li {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 line-height:25px;
}
 #swissmap .cantonlist ul li::after {
	 display: none;
}
 #swissmap .cantonlist ul li label {
	 border: 1px solid white;
	 border-radius: 6px;
	 box-shadow: 0 1px 5px 1px rgba(151, 151, 151, .35);
	 display: block;
	 background-color: white;
	 cursor: pointer;
	 margin: 0 3px 3px 0;
	 font-weight: 400;
	 color: #232323;
	 text-align:left;
	 font-size:17px;
}
 #swissmap .cantonlist ul li label .buttonText {
	 padding: 16px 20px 14px;
	 display: inline-block;
	 text-align:left;
}
 #swissmap .cantonlist ul li label .buttonArrow {
	 border-left: 1px solid #e9f2f6;
	 position: relative;
	 display: inline-block;
	 float: right;
	 height: 58px;
	 width: 58px;
}
 #swissmap .cantonlist ul li label .buttonArrow::after {
	 font-family: 'diabetesschweiz';
	 content: 'n';
	 font-size: 20px;
	 color: #666;
	 position: absolute;
	 right: 18px;
	 top: 13px;
}
 #swissmap .cantonlist ul li ul#dropdown {
	 height: 0;
	 visibility: hidden;
	 opacity: 0;
}
 #swissmap .cantonlist ul li ul#dropdown li a {
	 display: block;
	 text-decoration: none;
	 color: #666;
	 padding: 5px 10px;
}
 #swissmap .cantonlist ul li ul#dropdown li a:hover, #swissmap .cantonlist ul li ul#dropdown li a:focus {
	 background-color: #cbe2ec;
}
 #swissmap .cantonlist ul li ul#dropdown.open {
	 position: relative;
	 background-color: white;
	 box-shadow: 0 6px 10px 0 rgba(151, 151, 151, .25);
	 opacity: 1;
	 visibility: visible;
	 transition: opacity 0.2s ease-out;
	 height: 200px;
	 width: 100%;
	 overflow-y: scroll;
	 top: 1px;
}
 @media screen and (max-width: 1230px) {
	 #page {
		 width: 100%;
		 padding-bottom: 35px;
	}
	 #lowerWrapper::after {
		 height: 60%;
	}
	 #swissmap .mapTitle {
		 width: 50%;
	}
	 #swissmap .cantonlist {
		 top: 180px;
	}
}
 @media screen and (max-width: 1013px) {
	 body {
		 overflow-x: hidden;
		 overflow-y: scroll;
	}
	 #lowerWrapper {
		 margin-top: 0;
		 padding-top: 20px;
	}
	 #lowerWrapper::after {
		 height: 73%;
	}
	 #swissmap .mapTitle {
		 position: relative;
	}
	 #swissmap .cantonlist {
		 top: 200px;
		 z-index: 10;
	}
	 #swissmap .cantonlist .description {
		 float: left;
		 width: 50%;
		 text-align: right;
		 margin-top: 15px;
		 padding-right: 30px;
	}
	 #swissmap .cantonlist ul {
		 width: 50%;
		 float: right;
	}
	 #swissmap .map {
		 padding-top: 240px;
	}
}
 @media screen and (max-width: 767px) {
	 #lowerWrapper::after {
		 height: 100%;
		 bottom: 0;
		 top: 0;
	}
	 #swissmap .mapTitle {
		 width: 100%;
		 text-align: center;
		 padding: 0 80px;
	}
	 #swissmap .mapTitle h2::before {
		 left: 0;
		 right: 0;
		 margin: 0 auto;
	}
	 #swissmap .cantonlist {
		 position: relative;
		 top: 0;
	}
	 #swissmap .cantonlist .description {
		 width: 100%;
		 text-align: center;
		 margin-top: 30px;
		 padding-right: 0;
	}
	 #swissmap .cantonlist ul {
		 width: 100%;
		 float: left;
		 padding: 0 15px;
	}
	 #swissmap .map {
		 display: none;
	}
}