@charset "utf-8";
@font-face {
    font-family: 'OEPNV Pikto';
    src: url(/fonts/OEPNV-Pikto.otf);
}
@font-face {
    font-family: 'Source Sans 3';
    src: url(/fonts/SourceSans3-Regular.otf);
}

/* ======== Allgemein  ======== */
*{
    font-family: 'Source Sans 3', sans-serif;
}

oepnv {
    font-family: 'OEPNV Pikto';
}
html, body {
	top: 0;
	left: 0;

} 
#header{
	color: #ffffff;
	background: #001a3f;
	height: 80px;
	width: 100vw;
	top: 0;
	left: 0;
	padding: 0 8px 0 8px;
	position: absolute;
	z-index: -1;
	display: grid;
	grid-template-columns: 120px 1fr;
}

#footer{
	color: #ffffff;
	background: #009640;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60px;
	width: 100vw;
	padding: 0 8px 0 8px;
	z-index: -1;
}
.v-middle{
}
#footer a{
	text-decoration: none;
	color: #ffffff;
} 

#map {
    left: 0;
	top: 80px;
	height: calc(100vh - 140px);
	width: 100vw;
	position: absolute;
}
#legende {
	height: 100vh;
	width: 20vw;
	background: #EDEEF5;
}
#sidebyside {
	z-index: 1;
	top: 0;
	left: 0;
	position: fixed;
	display: inline-grid;
  	grid-template-columns: 80vw 20vw;
	height: 100vh;
	padding: 0;
}

/* ======== Leaflet  ======== */
.auskunft {
	float: left;
	text-align: center;
	padding: 20px;
	background-color: #ffffff;

}
.auskunftwrap {
	float: none;
	height: 100px;
	min-width: 280px;
}
.poi-ifrm {
	height: 400px;
	width: 500px;
}

pre {
  width: 500px;
}
.tab {
	display: grid;
	grid-template-columns: 140px 160px;
	row-gap: 4px;
	column-gap: 10px;
	margin: 6px 12px;
}
.rand{
	padding: 12px;
} 

.tab2 {
	display: grid;
	grid-template-columns: auto auto;
}

.t {
	border: 1px solid #001a3f;
	padding: 8px;
}

.center-v {
	vertical-align: middle;
	display: flex;
}
.top-popup{
	border-radius: 12px 12px 0 0;
	padding: 0;
}

.tab-r {
	text-align: right;
} 
.tab-l {
	text-align: left;
} 
.tab-c {
	text-align: center;
} 
.nvvdarkbg {
	background-color: #001a3f;
	color: #ffffff;
	border-color: #ffffff;
}
.leaflet-popup-content .nvvblaubg{
	padding: 4px 8px 4px 8px;
} 
.nvvblaubg {
	background-color: #2d4168;
	color: #ffffff;
	border-color: #ffffff;
} 
.nvvblau40bg {
	background-color: #adb3ca;
	color: #001a3f;
	border-color: #ffffff;
} 
.nvvblau25bg {
	background-color: #cccfdf;
	color: #001a3f;
	border-color: #ffffff;
} 
.borderwh {
	border-color: #ffffff;
} 
.top0 {
	top: 0;
	margin-top: 0;
	padding: 10px;
}

.prio1, .prio2, .prio3, .priobarrierefrei, .priovollständig, .prioKeine {
	border-radius: 12px 0 0 0;
	clip-path: polygon(0 0, 0 100%, 50px 100%, 100px 0);
	width: 100px;
	padding-left: 20px;
	text-align: left;
}
.prio1 {
	background-color: #004F9F;
}
.prio2 {
	background-color: #7188E2;
}
.prio3 {
	background-color: #C8CDE9;
	color:#001a3f;
}
.priobarrierefrei {
	background-color: #009640;
}
.priovollständig {
	background-color: #009640;
}
.prioKeine{
	background-color: #f0c900;
	color: #008754;
	font-weight: 800;
}