/* 1761040153.96 */
 
@charset "utf-8";

/* PANO MAP START */

#box_karte {
  /*
  position: relative;
  display: inline-block;
  width: auto;
  max-width: calc(100% - 60px);
  padding: 10px;
  margin: 30px auto;
  max-width: calc(100% - 80px);
  */
  padding: 10px;
  margin: 10px auto 10px auto;
  text-align: center;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}


#map{
	width:100%; 
	height:80vh;
	min-height:20px;
	/*
	background-color:yellow;
	border:2px solid green;
	*/
}

#karte {
	width: 100%; 
	height:80vh;
	min-height:200px;
	
	
	
	/*
	background-color:red;
	border:2px solid blue;
	*/
}

/* PANO MAP ENDE */


.spinner {	
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	z-index: 29999999999;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
}

.spinner.hide {
	display:none !important;
}

.spinner.show {
	display:block !important;
}

.spinner .path {
	/*
	stroke: #93bfec;
	*/
	stroke: var(--color-red);
	stroke-linecap: round;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}





.leaflet-tile-pane {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}








.leaflet-popup {
	/*
	top: 14px !important;
	left: -146px !important;
	*/
	
	top: 0px !important;
	left: 0px !important;
	
	padding:0px !important;
	max-width:292px !important;
}

.leaflet-popup .leaflet-popup-content-wrapper,
.leaflet-popup.custom .leaflet-popup-content-wrapper {
	padding:0px !important;
}

.leaflet-popup-content-wrapper .panobox *,
.custom .leaflet-popup-content-wrapper .panobox * {
	margin:0;
}

.leaflet-popup-content-wrapper .panobox p,
.custom .leaflet-popup-content-wrapper .panobox p {
	line-height:130%;
}

.custom .leaflet-popup-content-wrapper .panobox,
.custom .leaflet-popup-content-wrapper .panobox img {
	/*
	border-top:4px solid blue;
	border-bottom:4px solid yellow;
	*/
/*
	width:100% !important;
	max-width:272px !important;
*/
}


/* css to customize Leaflet default styles  */
/*
.custom .leaflet-popup-tip,
*/
.leaflet-popup-content-wrapper,
.custom .leaflet-popup-content-wrapper {
    /*
	background: #e93434;
    color: #ffffff;
	*/
	/*
	padding:6px 0 !important;
	*/
	border-radius: 6px;
}

.leaflet-popup-tip,
.custom .leaflet-popup-tip {
	display:none;
}

.leaflet-popup-content,
.custom .leaflet-popup-content {
  margin:0 auto !important;
  line-height: 100% !important;
  padding:10px !important;
}





/* I moved the "tip" to the right location, but don't succeed in making it visible. */
.leaflet-popup-tip-container {
	top: 0px !important;
	overflow: auto important!;
}

.leaflet-popup-tip {
	box-shadow: none !important;
	background-clip: none !important;
}


.leaflet-popup:before {
	content: "";
	position: absolute;
	border: 13px solid transparent;
	border-bottom-color: white;
	bottom: 0px;
	margin-left: -13px;
}





/* ### MARKERCLUSTER START ### */

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
	


/* ### MARKERCLUSTER ENDE ### */







/* GMAP Blocked Start */

#box_karte.blocked {
	position:relative;
}

#box_karte.blocked .message {
	position: absolute;
	top: 10px;
	left: 10px;	
	display:block;
	width: calc(100% - 80px);
	height: calc(100% - 80px);		
	padding:30px;
	/*
	*/
	z-index:100 !important;
	border:0px solid red !important;	
	background:rgba(var(--color-map-grey-rgb),1) url(/img/bg-pano-map.jpg) no-repeat 0px 0px !important;
	color:#fff !important;
	text-align:center;
	font-size:130%;
}

#box_karte.blocked .message div {
	display:inline-block;
	width:calc(100% -20px);
	max-width:320px;
	margin-top:40px;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:rgba(var(--color-grey-rgb),.5);
}

#box_karte.blocked #karten_box {
	background:rgba(0,0,0,.75);
}

#box_karte.blocked .message p,
#box_karte.blocked .message * {
	color:#fff !important;
}

#box_karte.blocked .message a {
	cursor: pointer;
	color:red !important;
}

#box_karte.blocked .message a.openstreetmap-blocked {
	color:#fff !important;
	background-color:red;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top:6px;
	margin-bottom:6px;
	display:inline-block;
}

/* GMAP Blocked Ende */