
html,body{
	height:100%;
	-webkit-text-size-adjust: none;
}
body{
	text-align:center;
	position:relative;
	padding:0px;
	margin:0px;
	background-color:#D5D5D5;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-family:  Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	font-size:14px;
	line-height:21px;
	background:url(/assets/body_bg-1eefe72ff49ed8ff1674558a41647ecc95a55453b212d0e190c916fdfc869d89.gif);
}
.logo{
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo img:first-child{
	max-height: 120px;
	max-width: 120px;
}
.logo img:last-child{
	max-width: 70%
}
#rahmen{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width:800px;
	text-align:left;
	margin:0px auto;
	position:relative;
	box-sizing: border-box;
	#rahmen2{
		margin:31px 0px;
		-moz-border-radius:14px;
		border-radius:14px;
		background-image:url(/assets/streifen_bg2-34760e8d2e73d42c2bf31fa266c66848011062f21cc46182ed2830666b6b128b.png);
		box-shadow: 0px 7px 31px rgba(100, 100, 100, 0.65);
		float:left;	
		width:100%;
		#intro{		
			position:relative;
			-moz-border-radius:14px 14px 0px 0px;
			border-radius:14px 14px 0px 0px;
			background-color:rgb(142, 208, 202);
			background-color:rgba(142, 208, 202,0.9);
			background: -webkit-linear-gradient(top, rgba(142, 208, 202,0.9) 0%,rgba(128, 188, 183,0.65) 100%),url(/assets/karo_bg2-a0d6e4ab8b766183b6e661e13ce9cb8ac4f2c25ff72496131c55ad4bf1e57a6e.png); /* W3C */
			padding: 14px;
			color:white;
			p,form{
				margin:7px 0px;
				font-size:14px;
			}
			form{
				position:relative;
				input{
					border: 1px solid rgb(0, 0, 0);
					border: 1px solid rgba(0, 0, 0, 0.3);
					box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);				
					width:35%;
					-moz-border-radius:14px;
					border-radius:14px;
					padding:7px 2%;
					font-style:normal;
					font-size:16px;
					box-sizing:content-box;
					float:left;
					height:21px;
					line-height:21px;
					outline: none;
                    
					background-color:rgb(255,255,255);
					background-color:rgba(255,255,255,0.3);
					&:focus{
						border: 1px solid rgb(0, 0, 0);
						border: 1px solid rgba(0, 0, 0, 0.8);
					};
					&.q{
						float:right;
						width:49%;
						-moz-border-radius:14px 0px 0px 14px;
						border-radius:14px 0px 0px 14px;
					}
					&.submit{
						float:right;
						padding:7px 0px 7px 0px;
						width:5.5%;
						-moz-border-radius:0px 14px 14px 0px;
						border-radius:0px 14px 14px 0px;
						background-color:rgb(155,155,155);
						background-color:rgba(155,155,155,0.7);
						background-image:url(/assets/lupe3-0d4491bcff61908f8841f8d9b31c35769005e9097cd7e367b35e39b04d26577e.png);
						background-size:26px;
						background-repeat:no-repeat;
						background-position: 50% 40%;
						-moz-box-sizing: content-box;
					}
					&.arzt{
						float:none;
						width:90%;
					}
				}
				#orte{
					position:absolute;
					left:0px;
					top:39px;
					width:300px;
					z-index:100000;
					box-shadow: 7px 7px 21px rgba(100, 100, 100, 0.95);
					border-radius:14px;
					background-color:rgb(250, 250, 250);
					background-color:rgba(250, 250, 250, 0.85);
					a{
						display:block;
						padding:4px 7px;
						color:#333333;
						font-weight:bold;
						text-decoration:none;
						border-width:0px 1px 1px 1px;
						border-style:solid;
						border-color:rgb(100,100,100);
						&:hover,&.aktiv{
							background-color:rgb(150,150,150);
							background-color:rgba(150,150,150,0.95);
							text-decoration:underline;
							color:white;
							em{
								color:white;
							}
						};
						&:last-child{
							border-bottom-right-radius:14px;
							border-bottom-left-radius:14px;
						};
						&:first-child{
							border-top-left-radius:14px;
							border-top-right-radius:14px;
						};
						em{
							font-style:normal;
							color:#BC570F;
						}
					}
				}
			}			
			div.clear{
				padding:0px;
				height:1px;
				clear:both;
			}
			a.getgeo{
				display:block;
				display:inline-block;
				margin-top:7px;
				border: 1px solid rgb(0, 0, 0);
				border: 1px solid rgba(0, 0, 0, 0.3);
				box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);				line-height:21px;
				-moz-border-radius:14px;
				border-radius:14px;
				padding:7px 14px 7px 45px;
				font-style:italic;
				font-size:14px;
				box-sizing:content-box;
				outline: none;
				clear:both;
				position:relative;
				background-color:rgb(155,155,155);
				background-color:rgba(155,155,155,0.7);
				background-image:url(/assets/meta-fc0f2cb2997b8aa9ea98148b14cd749d31adbbdfc9c46d1a1400ebef2f5ff13e.png);
				background-size:26px;
				background-repeat:no-repeat;
				background-position: 10px 40%;
				&:focus{
					border: 1px solid rgb(0, 0, 0);
					border: 1px solid rgba(0, 0, 0, 0.8);
				}
			}
		}
		#info{
			box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);				
			-moz-border-radius:14px;
			border-radius:14px;
			margin:12px;
			background-color:rgb(244,244,244);
			background-color:rgba(244,244,244,0.8);
			h1,h2,p{
				padding:7px 14px;
				font-weight:normal;
				margin-top:0px;
				margin-bottom:0px;
			}
			h1{
				font-size:21px;
				padding-top:21px;
				color:#339999;
			}
			h2{
				font-size:14px;
				color:#339999;
			}
			p{
				font-size:14px;
				color:#666666;
				a{
					color:#333333;
					&:hover{
						color:#339999;
					}
				}
			}
		}
		#arzt{
			box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);				
			-moz-border-radius:14px;
			border-radius:14px;
			margin:12px;
			background-color:rgb(244,244,244);
			background-color:rgba(244,244,244,0.8);
			#name{		
				-moz-border-radius:14px 14px 0px 0px;
				border-radius:14px 14px 0px 0px;
				position:relative;
				padding:14px;
				background-color:rgb(225, 225, 225);
				background: -webkit-linear-gradient(top, rgba(225, 225, 225,0.9) 0%,rgba(225, 225, 225,0.65) 100%),url(/assets/karo_bg2-a0d6e4ab8b766183b6e661e13ce9cb8ac4f2c25ff72496131c55ad4bf1e57a6e.png); /* W3C */
				color:rgb(101,101,101);
				h1,h2,p{
					padding-left:160px;
					font-weight:normal;
					margin-top:0px;
					margin-bottom:0px;
				}
				h1{
					font-size:21px;
					color:#339999;
				}
				h2{
					font-size:14px;
					color:#339999;
				}
				p{
					font-size:14px;
					color:#666666;
					a{
						color:#333333;
						&:hover{
							color:#339999;
						}
					}
				}
				&.mit_bild{
					min-height:170px;
				}
				div.image{
					display:inline-block;
					padding:3px;
					line-height:1px;
					background-color:white;
					left:14px;
					top:14px;
					margin-right:14px;
					position:absolute;
					img{
						border:2px solid rgb(225, 225, 225);
					}
				}
			}
			#menue{
				background-color:#d5d5d5;
				border-width:1px;
				border-style:solid;
				border-color:white #d5d5d5;
				margin:0px 1px;
				box-shadow: 0px 9px 27px -14px rgba(0, 0, 0, 0.3);
				a{
					display:inline-block;
					text-align:center;
					margin:2px 12px;
					padding:5px 0px;
					font-size:16px;
					color:black;
					&.aktiv, &:hover{
						color:#339999;
					}
					&.kontakt{
						display:none;
					}
					&.sprechzeiten{
						padding-left:160px;
					}
				}
			}
			#kontakt{
				width:144px;
				padding:14px 0px 14px 14px;
				float:left;
				a, span{
					display:block;
					line-height:21px;
					color:#666666;
					word-wrap: break-word;
					margin-bottom:7px;
					span{
						display:inline;
					}
				}
				a:hover{
					color:#339999;
				}
			}
			#inhalt{
				width:612px;
				float:right;
				padding:0px;
				#praxishinweise, #sprechzeiten, #behandlung, #bvfby_exklusiv{
					padding:14px;
					display:none;
					&.aktiv{
						display:block;
					}
					#arztkarte{
						height:280px;
						-moz-border-radius:2px;
						border-radius:2px;
						background-color:gray;
						position:relative;
						box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.4);
						display:none;
					}
					h1{
						font-size:21px;
						color:#339999;
						margin-bottom:7px;
						font-weight:normal;
					}
					p{
						font-size:14px;
						margin-bottom:7px;
						color:#666666;
						strong{
							font-weight:500;
							color:#333333;
						}
						a, span{
							color:#666666;
							word-wrap: break-word;
						}
						a:hover{
							color:#339999;
						}
					}
					table{
						tr:nth-child(even){
							background-color:rgb(255,255,255);
							background-color:rgba(255,255,255,0.65);
						}
						th,td{
							text-align:center;
							padding:2px 7px;
							font-size:14px;
							color:#666666;
						}
						th{
							font-weight:normal;
							color:#333333;
						}
						th.tag{
							text-align:left;
							padding-left:2px;
						}
						td{
							min-width:100px;
						}
					}
				}
			}
			div.clear{
				clear:both;
				height:1px;
			}	
		}
		#anbieter,#bearbeiten{
			background-color:rgb(255,255,255);
			background-color:rgba(255,255,255,0.7);
			box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);				
			line-height:21px;
			font-style:italic;
			color:#9a9a9a;
			font-size:14px;
			padding:7px;
			-moz-border-radius:14px;
			border-radius:14px;
			margin:14px;
			background-color:white;
			background-color:rgba(255,255,255,0.85);
			p{
				text-align:center;
				margin:28px auto;
			}
		}
		#bearbeiten{
			padding:0px;
			font-style:normal;
			a.action{
				text-align:center;
				color: rgb(51, 153, 153);
				display:inline-block;
				margin:0px 35px;
			}
			a.loeschen{
				color:red;
			}
			&>div{
				padding:7px 14px;
				border-width:0px 0px 1px 0px;
				border-style:solid;
				border-color:rgba(0,0,0,0.3);
				&:first-child{
					padding-top:14px;
				};
				&:last-child{
					border-width:0px;
					padding-bottom:14px;
				};
			}
			form{
				p{
					padding:7px 14px;
					text-align:left;
					margin:0px;
					&.inaktiv{
						display:none;
					}
					label{
						font-weight:bold;
						min-width:120px;
						display:inline-block;
						text-align:right;
						padding-right:14px;
						font-size:14px;
						vertical-align:top;
						&.sprache{
							width:200px;
							text-align:left;
							&[title]{
								text-decoration:underline;
							}
						}
					}
					input,textarea{
						border: 1px solid rgb(0, 0, 0);
						border: 1px solid rgba(0, 0, 0, 0.3);
						box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
						-moz-border-radius:14px;
						border-radius:7px;
						padding:3px 7px;
						font-style:normal;
						font-size:14px;
						box-sizing:content-box;
						float:none;
						outline: none;
						margin:0px !important;
						background-color:rgba(255,255,255,0.3);
						width:570px;
						&:focus{
							border: 1px solid rgba(0, 0, 0, 0.8);
						};
						&[type="submit"]{
							width:300px;
							color:#339999;
							&.nv{
								width:20px;
							}
						}
						&[type="checkbox"]{
							width:15px;
						}
						&.ganzkurz{
							width:230px;
						}
						&.kurz{
							width:520px;
						}
					}
                    input.radio{
                        width: 25px;
                        margin-left: 138px !important;
                        box-shadow: 0 0;                        
                    }
					textarea{
						height:60px;
					}
					span{
						display:block;
						font-size:12px;
						margin-left:136px;
						padding-top:3px;
						line-height:14px;
					}
				}
				#arztkarte{
					height:300px;
					display:none;
				}
				
			}
			h1{
				font-size:21px;
				padding:14px 14px 0px 14px;
				color:#339999;
			}
			
		}
		div.flash{
			width:60%;
			background-color:rgba(220,220,80,0.8);
			border-radius:7px;
			padding:7px;
			margin:20px 20%;
			font-size:14px;
			text-align:center;
			color:#333333;
			border:1px solid #333333;
		}
		#karte{
			margin:14px;
			-moz-border-radius:2px;
			border-radius:2px;
			height:580px;
			background-color:gray;
			position:relative;
			box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.4);
			div.limit, div.null, div.anzahl{
				position:absolute;
				top:3px;
				left:15%;
				right:15%;
				text-align:center;
				background-color:rgb(225,225,225);
				background-color:rgba(225,225,225,0.9);
				color:#333333;
				border:1px solid #333333;
				font-size:12px;
				-moz-border-radius:14px;
				border-radius:14px;
				padding:0px 3px;
				z-index:10000;
				font-weight:bolder;
			}
		}
		.leaflet-container{
			div.leaflet-popup-content-wrapper{
				.leaflet-popup-content{
					width:184px;
				}
				a.popup{
					display:block;
					text-decoration:none;
					margin:4px 0px;
					color:#333333;
					font-size:13px;
					&:hover{
						text-decoration:underline;
					};
				}

			}
			div.leaflet-control-zoom{
				background-color: rgb(200, 200, 200);
				background-color: rgba(0, 0, 0, 0.25);
				a{
					background-color: rgb(255, 255, 255);
					background-color: rgba(255, 255, 255, 0.75);
					margin:7px;
				}
			}
		}
	}
	#rahmen3{
		clear:both;
		height:20px;
	}
}

#fusszeile{
	text-align:center;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0px auto;
	padding:5px;
	a,span{
		font-size:11px;
		text-decoration:none;
		color:grey;
		margin:0px 25px;
	}
}
@media screen and (max-width: 800px) {
	body>*{
		margin-left:0;
		margin-right:0;
		width:100%;
		max-width:100%;
		min-width:320px;
	}
	#rahmen {
		width:100%;
		#rahmen2{
			margin-top:21px;		
			#arzt{
				#name{		
					h1,h2,p{
						padding-left:0px;
					}
					h1{
						font-size:18px;
					}
					&.mit_bild{
						min-height:110px;
						h1,h2,p{
							padding-left:100px;
						}
					}
					div.image{
						img{
							height:100px;
						}
					}					
				}
				#menue{
					a{
						font-size:13px;
					}
					a.kontakt{
						display:inline-block;
					}
					a.sprechzeiten{
						padding-left:5px;
					}
				}
				#kontakt{
					float:none;
					width:auto;
					display:none;
					&.aktiv{
						display:block;
					}
				}
				#inhalt{
					width:auto;
					float:none;
					padding:0px;
					#praxishinweise, #sprechzeiten, #behandlung,#bvfby_exklusiv{
						table{
							th,td{
								padding:2px 2px;
							}
							td{
								min-width:auto;
							}
						}
					}
				}
			}
			#karte{
				height:380px;
			}			
			form{
				input{
					&:focus{
					};
					&.q{
						width:45%;
					}
					&.submit{
						width:10%;

					}
				}
			}
			#anbieter{
				p{
					margin:14px auto;
					img{
						max-width:75%;
					}
				}
			}
			.leaflet-container{
				div.leaflet-control-zoom{
					a{
						margin:14px;
					}
				}
			}
		}
    	#rahmen3{
    		height:80px;
    	}
	}
	#fusszeile{
		a{
			font-size:11px;
			margin:0px 5px;
		}
        span{
            display:block;
            text-align:center;
            margin:0px;
        }
	}
}
table.cookies{
	border-collapse: collapse;
}
table.cookies th{
	text-align: center;
  font-weight: bold;
}
table.cookies th, table.cookies td{
	padding:3px 5px;
	border:1px solid gray;
}
table.cookies td a{
	display:inline-block;
	width:32px;
	height:65px;
	background-size: cover;
}
table.cookies td a.erlauben{
	background-image:url(/assets/nein64-a7a82cc688f22f880de308536a9aca2b9f4c84e5895920e9102d6521ffff4a78.png);
}
table.cookies td a.verweigern{
	background-image:url(/assets/ja64-e1380de68bf513d117e30c2a3167c4b52e13ddf3c0bd6f3fb7ba9967093dcca1.png);
}

#cookie-info{
	position: fixed;
	top:0;
	left:0;
	right:0;
	background-color:gray;
	background-color:rgba(40,40,40,.7);
	text-align:left;
	z-index: 100000;
}
#cookie-info div.cookie-box{
  position:relative;
	padding:10px 20px;
	background-color:rgba(250, 250, 250, 0.85);
	border-bottom:1px solid black;
}
#cookie-info h1{
	font-size:18px;
	margin-bottom:12px;
}
#cookie-info p{
	font-size:12px;
}
#cookie-info a{
	color:#339999;
}

#cookie-info.hidden{
	display:none;
}
body.cookie-overlay #cookie-info{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-align:center;
}
body.cookie-overlay #cookie-info div.cookie-box{
	background-color:white;
	max-width: 100vw;
	padding:25px 10px 25px 250px;
	/*width:550px;*/
	/*padding:25px 10px 25px 10px;*/
	width:400px;
	margin:10vh auto;
	background-image: url(/assets/cookie-hd-8d33f553d8369201bacf1ee63243add08a254378f265bba5ecf0308fdc1ad04d.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media (max-width: 500px) {
	body.cookie-overlay #cookie-info div.cookie-box{
		width:inherit;
		padding:10px 10px 40vw 10px;
/*		padding:10px 10px 10px 10px; */
		margin:10vh auto;
		background-size: 100vw;
		background-position: center bottom;
	}
	table.cookies{
		overflow-x: auto;
	}
}
body.cookie-overlay #cookie-info div.cookie-box p.buttons{
	text-align: center;
	line-height: 2;
}
#cookie-info a{
	text-decoration: none;
}
#cookie-info div.cookie-box p.buttons{
	margin-top:12px;
}
#cookie-info div.cookie-box p.buttons a.cookie_button{
	text-align: center;
	display: inline-block;
	line-height: 1;
	padding: 4px 4px;
	background-color:#339999;
	color: white;
	font-size: 14px;
}
#cookie-info div.cookie-box p.buttons a.cookie_evil{
	text-align: center;
	display: inline-block;
	padding:4px 34px;
	color:#339999;
	font-size:14px;
	font-weight:normal;
}
#cookie-info div.cookie-box a.cookies_close{
	position:absolute;
	top: -5px;
	right: -5px;
	text-align: center;
	display: inline-block;
	padding:3px 9px;
	border-radius:28px;
	background-color:#339999;
	color:white;
	font-weight:bold;
	line-height:24px;
}
body.cookie-overlay #cookie-info div.cookie-box a.cookies_close{
	top: -20px;
}
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer { /* TODO optimize classes */
	position: absolute;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile-pane,
.leaflet-container,
.leaflet-corner,
.leaflet-popup {
	/* TODO make this configurable */
	-webkit-transform: translate3d(0,0,0);
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-dragging {
	cursor: move;
	}
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	}
.leaflet-container img {
	max-width: none !important;
	}
.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
}
.leaflet-editing-icon {
	border-radius: 2px;
}

.leaflet-tile-pane { z-index: 2; }

.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane { z-index: 5; }
.leaflet-marker-pane { z-index: 6; }
.leaflet-popup-pane { z-index: 7; }

.leaflet-zoom-box {
	width: 0;
	height: 0;
	}

.leaflet-tile {
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}

a.leaflet-active {
	outline: 2px solid orange;
	}


/* Leaflet controls */

.leaflet-control {
	position: relative;
	z-index: 7;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

.leaflet-control-zoom {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	}
.leaflet-control-zoom {
	padding: 5px;
	background: rgba(0, 0, 0, 0.25);
	}
.leaflet-control-zoom a {
	background-color: rgba(255, 255, 255, 0.75);
	}
.leaflet-control-zoom a, .leaflet-control-layers a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-control-zoom a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 19px;
	height: 19px;
	}
.leaflet-control-zoom a:hover {
	background-color: #fff;
	}
.leaflet-touch .leaflet-control-zoom a {
	width: 27px;
	height: 27px;
	}
.leaflet-control-zoom-in {
	background-image: url(/assets/zoom-in-65dfb454814f8af11c15e3dd94610d5ad92d064b5f0e07f20cbea2a4d50f3aa0.png);
	margin-bottom: 5px;
	text-align: center;
	}
[aria-hidden="true"] {
	display: none;
}
.leaflet-control-zoom-out {
	background-image: url(/assets/zoom-out-b0a163f24371a28ed650be6262ba3264cff80e928400adb3344c3cbbee93eeed.png);
	text-align: center;
	}

.leaflet-control-layers {
	box-shadow: 0 1px 7px #999;
	background: #f8f8f9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
.leaflet-control-layers a {
	background-image: url(/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-touch .leaflet-control-layers a {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers input {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

.leaflet-container .leaflet-control-attribution {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 5px #bbb;
	margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	color: black;
	line-height: 1;
	font-size: 10px;
	padding-bottom: 2px;
	text-shadow: 1px 1px 1px #fff;
	background-color: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:nth-child(2) {
	border-top: 2px solid #777;
	padding-top: 1px;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers {
	border: 5px solid #bbb;
	}


/* Fade animations */

.leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup {
	opacity: 0;

	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	}

.leaflet-zoom-anim .leaflet-objects-pane {
	visibility: hidden;
	}


/* Popup layout */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	}
.leaflet-popup-content {
	margin: 14px 20px;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 16px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 15px;
	height: 15px;
	padding: 1px;

	margin: -8px auto 0;

	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.leaflet-popup-close-button {
	position: absolute;
	top: 8px;
	right: 8px;

	width: 10px;
	height: 10px;

	overflow: hidden;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}


/* Visual appearance */

.leaflet-container {
	background: #ddd;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #05f;
	background: white;
	opacity: 0.5;
	}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 10px #888;
	-moz-box-shadow: 0 3px 10px #888;
	 -webkit-box-shadow: 0 3px 14px #999;
	}
.leaflet-popup-content-wrapper {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	}
.leaflet-popup-content {
	font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.leaflet-popup-close-button {
	background: white url(/assets/popup-close-d52601f5c8d8d8f3caa7a818e222277de5727403d086be9238fc1bc5c862a534.png);
	}
/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 *



 */
