body {
	margin: 0;
}
/* Extra big container */
.page-main .container.mega {
    padding: 0 100px;
    background: transparent url(/SharedDocs/Bilder/vorausschau/de/map_background.png?__blob=normal&v=1) left 150px no-repeat;
}
.page-main .container.mega .container.big {
    z-index: 3;
}
#mapplic {
	width: 100%;
}
#mapplic-holder {
	width: 100%;
	position: relative;
	z-index: 2;
}
/** align buttons to the right **/
.mapplic-zoom-buttons {
	left: auto;
	right: 62px;
  bottom: 0;
}
.mapplic-zoomin-button {
  position:absolute;
  right: 62px;
}
.mapplic-zoomout-button {
  border: 1px solid #000;
}
.mapplic-clear-button {
	left: auto;
	right: 0;
}
.mapplic-fullscreen-button {
	left: auto;
	right: 0;
}
.mapplic-zoomin-button:focus,
.mapplic-zoomout-button:focus,
.mapplic-clear-button:focus,
.mapplic-fullscreen-button:focus {
	outline: 2px solid #333 !important;
}
/** custom pin **/
.mapplic-pin {
	background-image: url(/SharedDocs/Bilder/vorausschau/de/icon_map_pointer.svg?__blob=normal&v=1);
	background-size: 32px 48px;
	background-repeat: no-repeat;
	width: 32px;
	height: 48px;
	margin-top: -48px;
	margin-left: -16px;
}
.mapplic-pin.mapplic-active {
	background-image: url(/SharedDocs/Bilder/vorausschau/de/icon_map_pointer_hover.svg?__blob=normal&v=1);
	background-size: 38px 54px;
    width: 38px;
	height: 54px;
	margin-top: -54px;
	margin-left: -19px;
	background-repeat: no-repeat;
}
.mapplic-pin:focus {
	outline: 2px dotted #015B90 !important;
}
/** custom tooltips **/
.mfp-bg {
    z-index: -1;
    top: 0px;
    width: 100%;
    height: 100%;
    position: relative;
}
.mfp-content {
    width: 20%;
    position: relative;
}
.mfp-container {
    height: auto;
    position: relative;
}
.mfp-wrap {
    width: 20%; /* sonst liegt ein layer über der karte */
    position: absolute;
    top: 30%;
    left: 30%;
}
.mapplic-lightbox {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0 !important;
}
.mapplic-tooltip-triangle { display: none; }

/** custom popup list **/
.mfp-close {
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.mfp-wrap {
	width: 50%;
	xpadding: 17px;
}
.mfp-container, .mfp-content, .mapplic-lightbox { xheight: 100%; }
.mfp-container { padding: 0px; }
.mfp-wrap {
	/*height: calc(100% - 34px);*/
	overflow: hidden !important;
}
.mfp-content .mapplic-lightbox {
	padding: 0px;
	overflow: hidden;
  
}
.mfp-content .mapplic-lightbox-title {
	background: #000;
	padding: 20px 60px 20px 18px;
	color: #FFF;
	font-size: 16px;
	margin: 0px;
    text-transform: uppercase;
  hyphens: auto;
}
.mfp-content .mapplic-lightbox-description {
  hyphens: auto;
  background-color: #000;
  padding-bottom: 14px;
  color: #fff;
  
}
.mfp-content h2 {
    line-height: 1.7em;
}
.mfp-content .mapplic-lightbox-description h3 {
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 600;
	text-transform: uppercase;
  font-family: "BundesSansWeb",Helvetica,Arial,sans-serif;
}
.mfp-content .mapplic-lightbox-description p {
	padding-left: 20px;
	padding-right: 20px;
    color: #fff;
    font-size: 0.85em;
}
.mfp-content .mapplic-lightbox-description a {
	color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #0DAFE5;
  font-weight: bold;
}
.mfp-content .mapplic-lightbox-description .icon-link-external {
  background-image: none;
  padding-left: 0px;
}
.mfp-content .mapplic-lightbox-description ul {
	
}
.mfp-content .mapplic-lightbox-description ul li {
	
	font-size: 16px;
}
.mfp-content .mapplic-lightbox-description ul li:nth-child(odd) {xbackground: #F1F1F1}
.mfp-content .mapplic-lightbox-description ul li:nth-child(even) {xbackground: #F8F8F8}

/** button color */
.mapplic-zoom-buttons a, 
.mapplic-clear-button {
  border: none;
  width: 50px;
  height: 50px;
}
.mapplic-zoom-buttons a.mapplic-disabled { background-color: #E21546; }
.mapplic-clear-button {
    background: transparent url(/SharedDocs/Bilder/vorausschau/de/icon_zoom_full.svg?__blob=normal&v=1) no-repeat;
    background-size: 50px 50px;
    background-position: 50%;
}
.mapplic-zoom-buttons a.mapplic-zoomin-button {
    background: transparent url(/SharedDocs/Bilder/vorausschau/de/icon_zoom_in.svg?__blob=normal&v=1) no-repeat;
    background-size: 50px 50px;
    margin-bottom: 4px;
    background-position: 50%;
}
.mapplic-zoom-buttons a.mapplic-zoomout-button {
    background: transparent url(/SharedDocs/Bilder/vorausschau/de/icon_zoom_out.svg?__blob=normal&v=1) no-repeat;
    background-size: 50px 50px;
    background-position: 50%;
}
.mfp-close-btn-in .mfp-close {
    color: #FFEC04;
    background-color: #000;
    top: 20px;
    right: 20px;
    padding: 0 0 0px 1px;
    line-height: 0.8em;
    font-size: 0px;
    background: transparent url(/SharedDocs/Bilder/vorausschau/de/close.png?__blob=normal&v=1) no-repeat;
    opacity: 1;
}

@media (max-width: 820px){
    .page-main .container.mega {
        padding: 0 30px;
    }
	.mfp-bg {
		bottom: 0px;
		width: 100%;
		top: auto;
  	background: transparent;
    display: none;
	}
	.mfp-wrap {
		width: 80% !important;
        left: 10%;
		xpadding: 0px;
	}
	.mfp-wrap {
		xwidth: 100%;
    xmargin-bottom: 0px;
		xmax-height: 50%;
    xborder-bottom: 1px solid #333;
		xbottom: 0px !important;
		xtop: auto !important;
    xposition: fixed !important;
	}
	.mapplic-lightbox {
		xtop: auto;
		xbottom: 0px;
		xwidth: 100%;
		xmax-width: none;
	}
	.mapplic-clear-button { bottom: auto; }
	.mapplic-zoom-buttons {
		bottom: auto;
		top: 40px;
  }
  .mfp-close-btn-in .mfp-close {
    height: 40px;
    width: 40px;
  }
  .mfp-content .mapplic-lightbox-title {
  	xpadding: 15px 42px 15px 18px;
  }
  .mapplic-zoom-buttons {
  	left: auto;
  	right: 62px;
    bottom: auto;
    top:0;
  }
  .mapplic-tooltip.mapplic-hovertip {
	  display: none !important;
  }
  .mfp-content .mapplic-lightbox-description p {
		padding-left: 15px;
		padding-right: 15px;
  }
  .mfp-content .mapplic-lightbox-description ul li {
	  padding: 5px 15px;
  }
  .mfp-content .mapplic-lightbox-description ul {
	  margin: 0px;
  }
  .mapplic-lightbox-description > p:first-child {
	  xmargin: 10px 0px;
  }
}