/*--------------------------------------------------------------
# Typography & Alignments
--------------------------------------------------------------*/


/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('../../fonts//roboto-v20-latin-300.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Light'), local('Roboto-Light'),
		url('../../fonts//roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-300.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-300.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-300.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-300.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: url('../../fonts//roboto-v20-latin-300italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
		url('../../fonts//roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-300italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-300italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-300italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-300italic.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts//roboto-v20-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
		url('../../fonts//roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-regular.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-regular.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../../fonts//roboto-v20-latin-italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Italic'), local('Roboto-Italic'),
		url('../../fonts//roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-italic.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../../fonts//roboto-v20-latin-500.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Medium'), local('Roboto-Medium'),
		url('../../fonts//roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-500.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-500.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-500.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-500.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('../../fonts//roboto-v20-latin-500italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
		url('../../fonts//roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-500italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-500italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-500italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-500italic.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../../fonts//roboto-v20-latin-700.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Bold'), local('Roboto-Bold'),
		url('../../fonts//roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-700.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-700.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-700.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-700.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: url('../../fonts//roboto-v20-latin-700italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
		url('../../fonts//roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-700italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-700italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-700italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-700italic.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url('../../fonts//roboto-v20-latin-900.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Black'), local('Roboto-Black'),
		url('../../fonts//roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-900.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-900.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-900.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-900.svg#Roboto') format('svg');
	/* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	src: url('../../fonts//roboto-v20-latin-900italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
		url('../../fonts//roboto-v20-latin-900italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-v20-latin-900italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-v20-latin-900italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-v20-latin-900italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-v20-latin-900italic.svg#Roboto') format('svg');
	/* Legacy iOS */
}



/* roboto-condensed-300 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: url('../../fonts//roboto-condensed-v18-latin-300.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
		url('../../fonts//roboto-condensed-v18-latin-300.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-condensed-v18-latin-300.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-300.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-300.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg');
	/* Legacy iOS */
}

/* roboto-condensed-300italic - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 300;
	src: url('../../fonts//roboto-condensed-v18-latin-300italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
		url('../../fonts//roboto-condensed-v18-latin-300italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-condensed-v18-latin-300italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-300italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-300italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-condensed-v18-latin-300italic.svg#RobotoCondensed') format('svg');
	/* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts//roboto-condensed-v18-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
		url('../../fonts//roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-condensed-v18-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-regular.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg');
	/* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 400;
	src: url('../../fonts//roboto-condensed-v18-latin-italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
		url('../../fonts//roboto-condensed-v18-latin-italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-condensed-v18-latin-italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-condensed-v18-latin-italic.svg#RobotoCondensed') format('svg');
	/* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../../fonts//roboto-condensed-v18-latin-700.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
		url('../../fonts//roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-condensed-v18-latin-700.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-700.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-700.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg');
	/* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	src: url('../../fonts//roboto-condensed-v18-latin-700italic.eot');
	/* IE9 Compat Modes */
	src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
		url('../../fonts//roboto-condensed-v18-latin-700italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../../fonts//roboto-condensed-v18-latin-700italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-700italic.woff') format('woff'),
		/* Modern Browsers */
		url('../../fonts//roboto-condensed-v18-latin-700italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../../fonts//roboto-condensed-v18-latin-700italic.svg#RobotoCondensed') format('svg');
	/* Legacy iOS */
}

body {
	margin: 0px;
	padding: 0px;
}

html,
h1,
h2,
h3,
h4,
span,
p,
table,
a,
body,
div {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: #404348;
	font-weight: 100;
	-webkit-user-select: none;
	cursor: default;
}

h1 {
	font-size: 30px;
	font-weight: 500;
	color: #6B94CA;
}

h2 {
	font-size: 25px;
	font-weight: 300;
	color: #6B94CA;
}


.header_row h1 {
	font-size: 70px;
	text-align: center;
	margin: 200px auto;
	max-width: 600px;
	/*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.67) 9.9%, rgba(255, 255, 255, 0.72) 88.3%, rgba(255, 255, 255, 0) 100%);*/
	padding-top: 0px;
	padding-bottom: 0px;
	color: #fff;
}

/* --- AREAS --- */

.menu_area {
	position: fixed;
	height: 100%;
	width: 160px;
	background: #6B94CA;
	left: 0px;
	top: 0px;
	z-index: 10;
	box-shadow: 0 0 40px #4148547d;
}

.content_area {
	position: fixed;
	height: calc(100% - 30px);
	width: calc(100% - 160px);
	left: 160px;
	top: 0px;
	background: #ededed;
	z-index: 8;
	overflow-y: auto;
	background: #fff;
}

.bottom_area {
	position: fixed;
	height: 30px;
	bottom: 0px;
	width: calc(100% - 130px);
	left: 130px;
	background: #ededed;
	z-index: 9;
	border-top: 1px solid #c6d2de;
}

.bottom_area * {
	float: right;
	line-height: 30px;
	color: #90949a;
	font-size: 14px;
}





/* --- Menu --- */
.menu_inner {
	height: 100%;
}

.menu_inner ul {
	margin: 0;
	padding: 0;
	height: 100%;
}

.menu_item {
	list-style: none;
	margin: 0;
	width: calc(100% - 50px);
	text-align: center;
	padding: 15px 15px 25px 15px;
	margin-bottom: -1px;
	border-bottom: 1px solid #c6d2de;
	margin: 10px;
	transition: all 0.5s ease;
	cursor: pointer;
}

.menu_item.selected {
	background: #fff;
	box-shadow: 0 9px 20px #496a94;
	border-bottom: 0px solid #6a94cb;
	border-radius: 8px;
}

.menu_item span {
	font-weight: 300;
	color: #fff;
}

.menu_item.selected span {
	color: #6B94CA;
}

.menu_item.selected svg .cls-1 {
	stroke: #6B94CA;
}

.menu_item.nostroke svg .cls-2 {
	stroke: #fff0;
}

.menu_item.nostroke_sel.selected svg .cls-2 {
	stroke: #6B94CA;
}


/* --- Bottom --- */
.bottom_area img {
	height: 20px;
	padding: 5px;
}



/* --- Contents --- */

/* .content_item {
	display: none;
}

.content_item.selected {
	display: block;
} */

.row {
	padding-top: 40px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.header_image_1 {
	background-image: url('https://stadtlandnetz.de/resources/screens/scr_map.png');
	min-height: 650px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}



.number_selector {
	width: 100%;
	height: 50px;
	border-radius: 15px;
	border: 2px solid #6B94CA;
}

.selector_item {
	width: calc(10% - 2px);
	border-right: 2px solid #6B94CA;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-weight: 500;
	color: #6B94CA;
	float: left;
	cursor: pointer;
}

.selector_item:nth-last-child(1) {
	border-right: 0px solid #6B94CA;
}

.selector_item.selected {
	background-color: #6b94ca38;
}

.button {
	background: #35468A;
	color: #FFF;
	font-size: 16px;
	font-weight: 300;
	border-radius: 5px;
	height: 40px;
	min-width: 40px;
	display: inline-block;
	border: none;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	transition: background 250ms ease-in-out, transform 150ms ease;
	appearance: none;
	font-family: 'Roboto Condensed';
	font-weight: 400;
}

.button[disabled] {
	opacity: 0.3;
	cursor: default;
}

#optimize_button {
	width: 230px;
}

#vrp_clear_button img {
	vertical-align: middle;
}

#vrp-map {
	float: none !important;
	width: 100% !important;
	transition: opacity 0.5s ease;
	border-radius: 15px 15px 0 0;
}

#overlay,
#overlay-reichweite {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#overlay #vrp-message,
#overlay-reichweite #vrp-message {
	background-color: #fff;
	display: inline;
	margin: 0 auto;
	height: auto;
	padding: 30px 35px;
	border-radius: 15px;
	box-shadow: 0 40px 100px -20px rgba(50, 50, 93, 0.25);
	max-width: min(90%, 450px);
	margin-top: 20px;
	text-align: center;
	font-family: "Roboto", sans-serif;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}

#address-search {
	z-index: 1000;
	position: relative;
	padding: 0 20px;
	margin-top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

#address-search:before {
	content: url('../../img/search.svg');
	position: absolute;
	width: 24px;
	height: 24px;
	margin: 8px;
}

#address-search input {
	width: 100%;
	height: 40px;
	padding: 0 8px 0 40px;
	border-radius: 5px;
	border: none;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	box-sizing: border-box;
	transition: outline .25s ease;
	outline: solid 1px transparent !important;
}

#address-search input.invalid {
	outline-color: #f95651 !important;
}

#isochrone-map {
	float: none;
	width: 100%;
	transition: opacity 0.5s ease;
	border-radius: 6px;
}

.leaflet-touch .leaflet-bar a {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
}

div#isochrone-map.calculating {
	opacity: 0.5;
}

div#isochrone-response {
	display: none;
}

div#isochrone-response.showed {
	position: absolute;
	z-index: 1000;
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 0 5px 20px #868686;
	width: 150px;
	left: calc(50% - 100px);
	top: 1300px;
	text-align: center;
	display: block;
}

.leaflet-container::after {
	padding: 0 15% !important;
}

.leaflet-gesture-handling-scroll-warning::after,
.leaflet-gesture-handling-touch-warning::after {
	text-align: center;
}