html, body { height: 100%; }
      #map { width:100%; height:100%; }
      
      @page {
		size: landscape;
      }
	  
	 .tooltip {
		background: transparent;
		border: 0px solid black;
		box-shadow: 0 0 0;
	 }
      .lineannotation {
		  transform: rotate(20deg);
	  }
	  .searchPopup 
	  {
		  width: 130px;
		  padding: 12px;
		  text-align: center;
	  }

	.leaflet-tooltip-left.tooltip::before {
	  border-left-color: #ffffff00;
	}
	.leaflet-tooltip-right.tooltip::before {
	  border-right-color: #ffffff00;
	}
	
	.leaflet-popup-content{
		text-align: center;
		width: unset !important;
	}

	.leaflet-popup{
		max-width: none;
	}
	
	.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before, 
	.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
		display: none;
	}		
	
	.svg-marker div {
		background-size:100%;
		background-image: url("data:image/svg+xml;utf8,<svg width="400" height="180"><rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:red;stroke:black;stroke-width:5;opacity:0.5" /></svg>");
	}

	.pdfPopup {
		width: 687px; 
		height: 1050px;
	}
/*	 .pdfPopup {
		width: calc(100vw - 100px);
		height: calc(100vh - 100px);
		position: relative;
		left: 50px;
		top: 50px;
	}
	
	.pdfPopup .leaflet-popup-content-wrapper{
	padding-top: 25px;
	}
	
	.pdfPopup .leaflet-popup-content-wrapper, .pdfPopup .leaflet-popup-content, .pdfPopup iframe{
		width: 100%;
		height: 100%;
	}
	 */

#buttonAccessibilitySwitch{
	display: flex;
}

a:focus {
  outline: none;
}

.on-off-button-switch{
	display: flex;
	justify-content: flex-end;
	background-color: #fff;
  	border: 1px solid #000;
  	border-radius: 1em;
  	padding: 18px;
  	height: 55px;
  	margin-bottom: 20px;
}

.on-off-button-switch > a{
	display: flex;
	align-items: flex-start;
	color: black;
}


.on-off-button{
  background-image: url(https://www.lnvg.de/karte/media/On-off-button.svg);	
  height: 40px;
  width: 80px;
  background-repeat: no-repeat;	
  margin: -10px 10px 0 10px;
  transform: scaleX(-1);	
}

.on-off-button-switch > a:focus > div.on-off-button{
	background-image: url(https://www.lnvg.de/karte/media/On-off-button-focus.svg);
	outline: none;
}

.on-off-button-switch > a:focus > p{
	background-color: black;
	color: white;
	box-shadow: 0px 0px 0px 5px #000000;
	outline: none;
}

.on-off-button-switch > a{
	display: flex;
	align-items: flex-start;
	color: black;
}


#buttonAnimationSwitch > label{
	color: black;
	background-image: url(https://www.lnvg.de/karte/media/checkbox-button-off.svg);
	background-repeat: no-repeat;
  	padding-right: 40px;
  	background-position: calc(100% - 5px) center;
  	background-size: 23%;
  	padding-top: 17px;
  	padding-left: 10px;
	background-color: #fff;
	width: 100%;
	margin: 5px;
	border-radius: 9px;
	line-height: 10px;
}

#buttonAnimationSwitch > input:focus + label{
	color: #fff;
	background-image: url(https://www.lnvg.de/karte/media/checkbox-button-off-white.svg);
	background-repeat: no-repeat;
  	padding-right: 40px;
  	background-position: calc(100% - 5px) center;
  	background-size: 23%;
  	padding-top: 17px;
  	padding-left: 10px;
	background-color: #000;
	width: 100%;
	margin: 5px;
	border-radius: 9px;
	line-height: 10px;
	outline: none;
}

#buttonAnimationSwitch > input:checked:focus + label{
	color: #fff;
	background-image: url(https://www.lnvg.de/karte/media/checkbox-button-on-white.svg);
	background-repeat: no-repeat;
  	padding-right: 40px;
  	background-position: calc(100% - 5px) center;
  	background-size: 23%;
  	padding-top: 17px;
  	padding-left: 10px;
	background-color: #000;
	width: 100%;
	margin: 5px;
	border-radius: 9px;
	line-height: 10px;
	outline: none;
}


#vehicle1{
	left: -10000px;
	position: absolute;
}

#buttonAnimationSwitch > input:checked + label{
	background-image: url(https://www.lnvg.de/karte/media/checkbox-button-on.svg);
}


a.leaflet-control-zoom-in{
	text-decoration: none;
}

a.leaflet-control-zoom-out{
	text-decoration: none;
}