/* html {
	font-family: Oxygen, Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.42857143;
	color:#333;
	background-color:transparent;
	width:100%;
	height:100%;
	margin:0 auto;
}
a {
	cursor: pointer;
} */

/*
grey 100%: #808080 | rgba(128,128,128,1.0)
grey  50%: #bfbfbf | rgba(191,191,191,1.0)
grey: 25%: #dfdfdf | rgba(223,223,223,1.0)

green 100%: #86bc24 / rgba(134,188,36,1.0)
green  50%: #c2dd91 / rgba(194,221,145,1.0)
green  25%: #e1eec8 / rgba(225,238,200,1.0)

blue 100%: #002f5d / rgba(0,47,93,1.0)
blue  50%: #7f97ae / rgba(127,151,174,1.0)
blue  25%: #bfcbd6 / rgba(191,203,214,1.0)

green 100% komplimentär: #643dbf / rgba(100.61.191,1.0)
blue  100% komplimentär: #dbbf9a / rgba(219,191,154,1.0)
*/

.map-container {
	position:relative;
}

.map-container #infoPanel h1,
.map-container #infoPanel h3,
.map-container #infoPanel .legend {
	hyphens: manual;
	word-wrap: normal;
}

.svgmap {
	top:0%;
	left:0%;
	width:auto;
	padding:0% 0% 2.5% 2.5%;
	margin-top:3.5% !important;
	/* background-color:#f00; */
	z-index:1;
}

#DE_map{
	/* position:absolute; nur bei Map als Standalone einsetzen! */
	width:80%;
	height:80%;
	margin-left:7.5%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie10+ (Hack für ie10+ // Fixt falsche Größe der SVG-Map) */
	#DE_map{
		position: relative;
		min-height: 35.25em;
		left: 0% !important;
	}
}

#DE_map a path, polygon,
#DE_map a path.bland_noinstall, polygon.bland_noinstall,
#DE_map a path.bland_view, polygon.bland_view,
#DE_map a path.bland_view_kfs, polygon.bland_view_kfs,
#DE_map a path.bland_view_noinstall, polygon.bland_view_noinstall,
#DE_map a path.bland_view_noinstall_kfs, polygon.bland_view_noinstall_kfs {
	stroke: #86bc24 !important;
	stroke-width:10px !important;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:3.85;
	fill: #002f5d !important;
	transition: fill 0.25s;
}
#DE_map a path:hover, polygon:hover,
path.bland_noinstall:hover, polygon.bland_noinstall:hover,
path.bland_view:hover, polygon.bland_view:hover,
path.bland_view_kfs:hover, polygon.bland_view_kfs:hover,
path.bland_noinstall:hover, polygon.bland_noinstall:hover,
path.bland_view_noinstall_kfs:hover, polygon.bland_view_noinstall_kfs:hover {
	stroke: #86bc24 !important;
	fill: #86bc24 !important;
	transition: fill 0.25s;
}
path.bland_view_noinstall, polygon.bland_view_noinstall {
	stroke: #002f5d !important;
	stroke-width:5px !important;
	fill: #808080 !important;
}
path.bland_noinstall:hover, polygon.bland_noinstall:hover {
	stroke: #86bc24 !important;
	fill: #808080 !important;
}
path.bland_view_noinstall_kfs, polygon.bland_view_noinstall_kfs {
	stroke: #002f5d !important;
	stroke-width:5px !important;
	fill: #bfbfbf !important;
}
path.bland_view_noinstall_kfs:hover, polygon.bland_view_noinstall_kfs:hover {
	stroke: #002f5d !important;
	stroke-width:5px !important;
	fill: #bfbfbf !important;
}
path.bland_view, polygon.bland_view {
	stroke: #002f5d !important;
	stroke-width:5px !important;
	fill: #86bc24 !important;
}
path.bland_view:hover, polygon.bland_view:hover {
	stroke: #002f5d !important;
	fill: #002f5d !important;
}
path.bland_view_kfs, polygon.bland_view_kfs {
	stroke: #002f5d !important;
	stroke-width:5px !important;
	fill: #c2dd91 !important;
}
path.bland_view_kfs:hover, polygon.bland_view_kfs:hover {
	stroke: #002f5d !important;
	fill: #7f97ae !important;
}
#DE, #DE:hover, .onlyBorder, .onlyBorder:hover {
	fill: none !important;
	stroke: #000 !important;
	stroke-width:15px !important;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:3.85;
}
.onlyBorder, .onlyBorder:hover {
	stroke-width:7.5px !important;
}
#infoPanel {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	background-color: #ffffff;
	border: 1.5px solid #86bc24;
	border-bottom: 1px solid #000;
	border-radius: 2.5px;
	padding: 10px;
	-webkit-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);
	min-width: 10em;
	max-width: 14em;
	font-size: 1rem;
}

#infoPanel .PanelCell {
	text-align:center;
}
#infoPanel a, a:hover {
	color:#000;
	text-decoration:none;
}
.PanelCell h1 {
	font-weight:normal;
	margin:5px 0 -5px;
	font-size:36px;
}
.PanelCell h3 {
	font-size:125%;
	margin:0 0 0;
	padding:0;
	font-weight:bold;
}
.PanelCell .legend {
	font-size:90%;
}
.PanelCell hr {
	border: 0;
	height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.PanelCell p {
	margin-bottom:3px;
}
.PanelCell .subHL {
	margin-bottom:auto;
	letter-spacing:.065em;
}
.navHL {
	margin-top:25px;
}
.navHL h1 {
	font-weight:normal;
	font-size:24px;
	margin:0px 10px;
	z-index:5;
}
.navHL button {
	position:relative;
	border-radius:22px;
	border:2px solid #fff;
	background:#bfbfbf;
	color:#fff;
	width:44px;
	height:44px;
	font-size:24px;
	font-weight:bold;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
	transition: all 0.25s;
	padding-top:0px;
	z-index:5;
}
.navHL button:hover {
	border:5px solid #fff;
	background:#002f5d;
	color:#fff;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	transition: all 0.25s;
}
.navHL button:before {
	position:relative;
	top:-2px;
	content: "\‹";
}
@media (min-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 555px) {
#infoPanel {
	padding: 7px;
	min-width:100px;
	max-width:150px;
}

#infoPanel .PanelCell {
	font-size:85%;
}
.PanelCell h1 {
	font-size:32px;
	margin:2px 0 -4px;
}
.PanelCell h3 {
	font-size:115%;
}
.PanelCell .legend {
	font-size:100%;
}
.PanelCell p {
	font-size:100%;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 992px) {
#DE_map{ min-height: 50em !important; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 768px) {
#DE_map{ min-height: 37.5em !important; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 555px) {
#DE_map{ min-height: 25em !important; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 360px) {
#DE_map{ min-height: 20em !important; }
}