/* ==================== MAPFINDER STYLE - BEGIN ==================== */

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */

#map,
#detailMF {
	height: 100%;
}

#mf_whole {
	position: relative;
	margin: 1em 0;
}

.mf_poi_moreInformation_infoTextWrapper {
	display: block;
	position: relative;
}

.mf_infobox-placeholder {
	margin: 0 0.5em;
	box-sizing: border-box;
	position: relative;
	min-width: 300px;
	flex: 1 1 300px;
}

.mf_poi_moreInformation_infoTextWrapper[data-label="text-hidden"] .mf_poi_moreInformation_text {
	max-height: 256px;
	position: relative;
	overflow: hidden;
}

.mf_poi_moreInformation_infoTextWrapper .mf_poi_moreInformation_showTextLayer {
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 30px 0;
	background-image: linear-gradient(to bottom, transparent, white);
}

.mf_poi_moreInformation_infoTextWrapper[data-label="text-hidden"] .mf_poi_moreInformation_showTextLayer {
	position: absolute;
}

.mf_poi_moreInformation_infoTextWrapper[data-label="text-shown"] .mf_poi_moreInformation_showTextLayer {
	display: none;
}

.mf_poi_moreInformation_infoTextWrapper .mf_poi_moreInformation_showText {
	position: relative;
	bottom: 0em;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 30px 0;
}

.mf_poi_moreInformation_infoTextWrapper[data-label="text-hidden"] .showOnHiddenText {
	display: block;
}

.mf_poi_moreInformation_infoTextWrapper[data-label="text-shown"] .showOnHiddenText {
	display: none;
}

.mf_poi_moreInformation_infoTextWrapper[data-label="text-hidden"] .showOnShownText {
	display: none;
}

.mf_poi_moreInformation_infoTextWrapper[data-label="text-shown"] .showOnShownText {
	display: block;
}

#listViewHeader {
	clear: both;
}

.mf_wege_dataTable {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.mf_wege_dataTable_value {
	width: 50%;
	background-color: lightgray;
	margin-bottom: 1px;
	padding: 0.5em 1em;
	box-sizing: border-box;
	flex-grow: 999999;
	flex-shrink: 1;
	min-width: 256px;
}

.itm_notSelected:before {
	content: "\f006";
	font-family: "FontAwesome";
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

#mfr_oz {
	font-size: unset;
}

#selectors {
	width: 100%;
}

#selectors>div {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
}

#selectors_Wrapper {
    flex: 999999 1 400px;
}

#notMapView {
	background-color: #9e9c99;
	padding: 0.5em;
}

.mf_poi_icon_wrapper img {
	padding: 0;
}

#listViewPager {
	overflow: hidden;
	margin: 0.5em;
}

.listViewPager_innerWrapper {
	float: right;
}

.listViewPager_pagerItem {
	display: inline-block;
	font-size: 0.9em;
	background-color: #FFFFFF;
	padding: 0.25em 0.75em;
	margin: 0 0.25em;
}

.listViewPager_pagerItem:hover {
	background-color: #eae8e6;
	cursor: pointer;
	text-decoration: none;
}

#listViewHeader {
	overflow: hidden;
	margin: 0.5em 0.5em 0;
}

.mf_sucheWrapper {
	flex: 1 1 200px;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 5px;
}

input#mf_suche {
	background-color: #E0E0E0;
	border: 1px solid #757575;
	float: right;
	padding: 10px;
	font-size: small;
	font-family: FontAwesome, Verdana, Luxi Sans, Helvetica, sans-serif;
	color: #424242;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

input#mf_suche::placeholder {
	text-align: right;
}

input#mf_suche:-ms-input-placeholder {
	text-align: right;
}

input#mf_suche::-ms-input-placeholder {
	text-align: right;
}

.mf_dd_selector {
    display: inline-block;
	background-color: #E0E0E0;
	border: 1px solid #757575;
	padding: 7px;
	margin-bottom: 5px;
	font-size: small;
}

.mf_dd_selector:hover {
	cursor: pointer;
	background-color: #F4F4F4;
}

.mf_dd_selector>span.fa {
	padding-right: 5px;
}

#mfdetailHeader {
	clear: both;
	background-color: lightgrey;
	width: 100%;
	border: 5px solid white;
}

.mf_infobox_overview {
	display: flex;
	flex-wrap: wrap;
}

.mf_infobox_overview .mf_infobox {
	padding: 0.5em;
	box-sizing: border-box;
	position: relative;
	min-width: 300px;
	flex: 1 1 300px;
}

@media screen and (max-width: 1200px) {
	.mf_infobox {
		flex-grow: 1;
		flex-basis: 300px;
		flex-shrink: 1;
	}
}

.mf_content {
	display: flex;
	flex-wrap: wrap;
	padding: 0.5em 0.5em 2em 0.5em;
	box-sizing: border-box;
	background-color: #FFFFFF;
	position: relative;
	height: 100%;
}

.mf_poi_bez {
    margin: 0.1em;
    width: 100%;
}

.mf_poi_bez .mf_poi_closeItem {
	display: inline-block;
	float: right;
	padding-right: 0.25em;
}

.mf_poi_bez .mf_poi_closeItem > span.fa {
	font-size: 1.3em;
}

.collapsible-items .collapsible-header-noExpand a {
	font-size: 1.5em;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	display: block;
	cursor: pointer;
	min-height: 3em;
	line-height: 3em;
	padding: 0 1em;
	background-color: #fff;
}

.mf_poi_gemeinde {
	font-size: 0.8em;
	width: 100%;
	margin: 0;
	padding-left: 0.75em;
	color: #757575;
}

.mf_detail_wrappper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.5em;
}

.mf_image_wrapper {
	width: 47%;
	height: auto;
	padding-right: 0.5em;
	box-sizing: border-box;
}

.mf_image_wrapper img.mf_image {
	width: 100%;
	height: auto;
	padding: 0;
}

.mf_poi_detail>.mf_poi_category {
	width: calc(100% - 32px);
	padding-left: 0.5em;
	box-sizing: border-box;
}

.mf_poi_detail {
	display: flex;
	flex-wrap: wrap;
}

.mf_poi_detail>.mf_poi_category p {
	margin: 0;
}

.mf_poi_detail>.mf_poi_address {
	width: 100%;
}

.mf_poi_detail>.mf_poi_address p {
	margin: 0;
}

.mf_poi_contact {
	width: 100%;
}

.mf_poi_contact .mf_poi_contact_tel {
	padding-right: 0.5em;
}

.mf_poi_contact .mf_poi_contact_tel span.fa {
	padding-right: 0.25em;
}

.mf_poi_contact .mf_poi_contact_mail span.fa {
	padding-right: 0.5em;
}

.mf_poi_contact .mf_poi_contact_website span.fa {
	padding-right: 0.5em;
}

.mf_infobox .mf_footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #E0E0E0;
	border-top: 1px solid #000000;
	left: 0;
}

.mf_infobox .mf_footer a {
	display: block;
	padding: 0.25em 0.5em;
}

.mf_infobox .mf_footer:hover {
	background-color: #F4F4F4;
	cursor: pointer;
}

.mf_infobox .mf_footer:hover a span.fa {
	margin-left: 5px;
	transition: margin-left 0.5s ease;
}

.mf_infobox .mf_footer:hover a .mf_moreDetails_text {
	margin-left: -5px;
	transition: margin-left 0.5s ease;
}

.mf_infobox .mf_footer span.fa {
	font-size: 0.9em;
	padding-right: 0.5em;
	transition: margin-left 0.5s ease;
}

.mf_infobox .mf_footer .mf_moreDetails_text {
	transition: margin-left 0.5s ease;
}

.mf_infobox .mf_footer .mf_createRoute_checkbox {
	float: right;
}

.mf_infobox a {
	text-decoration: none;
	color: inherit;
}

.mf_infobox p,
.mf_infobox span {
	font-size: 0.8em;
}

.mf_infobox span>span,
.mf_infobox span>span>span,
.mf_infobox span>span>span>span,
.mf_infobox span span.fa {
	font-size: 1em;
}

.mfr_header.ui-accordion-header {
	background: white;
	padding-left: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ui-accordion .ui-accordion-content {
	padding: 0;
	background: darkgray;
}

.mf_route_info {
	display: block;
	padding-left: 17px;
	color: dimgray;
	font-size: small;
	border-bottom: 1pt solid gray;
}

.mfr_content a {
	background-color: darkgray;
	display: block;
	padding: 4px;
	padding-left: 4px;
	padding-left: 17px;
}

#strasseSelector .mfr_content a,
#poiSelector .mfr_content a {
	border-bottom: 1pt solid gray;
}

.mfr_cbo {
	background-color: #E0E0E0;
	display: block;
	border: none;
	border-top: 1pt solid #9E9E9E;
	padding: 4px 4px 4px 20px;
	font-size: 1.25em;
	line-height: 3em;
}

.mfr_cbo:hover {
	background-color: #EEEEEE;
	cursor: pointer;
}

.mfr_cbo:hover>* {
	cursor: pointer;
}

.mfr_cbo>input {
	position: relative;
	top: 4px;
	margin-right: 0.75em;
}

.mfr_cbo>label {
	padding: 4px 4px 0 20px;
}

.listItem {
	width: calc(25% - 10px);
	background: white;
	box-shadow: 3px 3px 5px #aaaaaa;
	border: 1px solid #999;
	float: left;
	height: 190px;
	margin: 4px;
}

.listItem .popupDetails {
	position: relative;
	background-color: grey;
	height: 20px;
	padding-top: 8px;
	padding-left: 10px;
	left: 0;
}

.listItem h1 {
	font-size: .7em;
}

.listItem .icondesc {
	font-size: .5em;
}

.infoBox {
	background: white;
	box-shadow: 3px 3px 5px #aaaaaa;
}

.infoBox::after {
	content: ' ';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #E0E0E0;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
}

.popupDetails {
	position: absolute;
	top: 172px;
	background-color: grey;
	width: 242px;
	height: 20px;
	padding-top: 8px;
	padding-left: 10px;
	left: 0;
}

.mf_ctrls div {
	float: left;
	color: dimgrey;
	padding: 7px 7px 4px 12px;
}

.mf_ctrls div:hover {
	text-decoration: underline;
	cursor: pointer;
}

#floating-panel {
	position: absolute;
	top: 10px;
	left: 25%;
	z-index: 5;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-family: 'Roboto', 'sans-serif';
	line-height: 30px;
	padding-left: 10px;
}

#mapFinder {
	position: relative;
}

.over_map {
	position: absolute;
	top: 41px;
	left: 0;
	z-index: 99;
	background-color: white;
	border: 1pt solid black;
	max-height: 650px;
	overflow: auto;
	font-size: 0.8em;
}

.ui-accordion {
	max-width: 300px;
}

.listViewCtrl {
	background-color: #FFFFFF;
	float: left;
	padding: 0.5em 1em;
	margin-right: 7px;
	margin-bottom: 5px;
	font-size: 0.75em;
}

.listViewCtrl:hover {
	background-color: #eae8e6;
	cursor: pointer;
	text-decoration: underline;
}

#poiSelector {
	display: none;
}

#poiSelector,
#strasseSelector,
#routeSelector,
#vaSelector {
	min-width: 382px;
}

#mf_whole .collapsible-items {
	margin: 0;
	overflow-y: auto;
	max-height: 512px;
	border: none;
}

.collapsible-body {
	width: 100%;
}

.collapsible-items .collapsible-header {
	font-size: 1.5em;
	box-sizing: border-box;
	border-bottom: 0;
	border-top: 1px solid #ddd;
}

.collapsible-header>.collapsible-icon>span.fa {
	line-height: 3em;
}

#strasseSelector {
	display: none;
}

#vaSelector {
	display: none;
}

#routeSelector {
	display: none;
}

.mfr_header {
	padding-left: 25px;
}

.routeMainImg {
	max-width: 100px;
	float: left;
	max-height: 64px;
	overflow: hidden;
}

.selected {
	background-color: white;
}

#routeSelector .ui-widget {
	font-size: 1em !important;
}

.itm_selected:before {
	content: "\f005";
	font-family: "FontAwesome";
	width: 10px;
	height: 10px;
	margin-right: 5px;
}

h3.mf_poi_bez {
	color: grey;
}

.routeMainIcon {
	float: left;
}

.icondesc {
	float: right;
}

.routeSubIcon img {
	width: 20px;
}

#mfdetailColA {
	float: left;
	width: 50%;
}

#mfdetailColB {
	float: left;
	width: 50%;
}

.mf_infobox_detailPage {
	background-color: white;
	padding: 1em;
}

.mf_header {
	background-color: #E0E0E0;
	padding: 0.75em 0.75em 0.25em 0.75em;
	display: flex;
	flex-wrap: wrap;
}

.mf_header .mf_poi_icon_wrapper {
	margin: 0;
	padding-right: 0.25em;
	display: inline-block;
}

.mf_header .mf_poi_bez {
	margin: 0 0 0 0.25em;
	display: inline-block;
	font-size: 1.5em;
    width: auto;
}

.mf_poi_bez .mf_poi_closeItem {
    display: none;
}

.mf_infobox_detailPage {
	background-color: white;
	padding: 1em;
	margin: 0.5em;
}

.mf_poi_content {
	margin-left: 3.5em;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.mf_poi_leftSide {
	width: 50%;
	padding: 1em 0.75em 0 0;
	box-sizing: border-box;
}

.mf_poi_leftSide p {
	margin: 0;
}

.mf_poi_leftSide .mf_poi_contact {
	margin: 0.5em 0;
}

.mf_poi_leftSide .mf_poi_contact span.fa {
	margin-right: 0.75em;
}

.mf_poi_leftSide .mf_poi_categories .mf_poi_categories_header {
	width: 100%;
	margin-bottom: 0.35em;
}

.mf_poi_categories {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0.75em 0 0.25em;
}

.mf_poi_categories a:hover {
	margin-top: -5px;
	transition: margin-top 0.5s ease;
}

.mf_poi_categories a {
	padding: 0 0.5em;
	transition: margin-top 0.5s ease;
}

.mf_poi_categories a:first-of-type {
	padding-left: 0;
}

.mf_poi_categories a:last-of-type {
	padding-right: 0;
}

.mf_poi_categories a img {
	width: 24px;
	padding: 0;
}

.mf_poi_leftSide .mf_poi_openings .mf_poi_openings_header {
	font-size: 1em;
	font-weight: bold;
}

.mf_poi_leftSide .mf_poi_jumpToGelbeseiten p a {
	padding: 0.5em 1em;
	background-color: #E0E0E0;
	display: inline-block;
	margin: 1em 0 0.5em;
	text-decoration: none;
	transition: background-color 0.5s ease;
}

.mf_poi_leftSide .mf_poi_jumpToGelbeseiten p a:hover {
	background-color: #C6C6C6;
	transition: background-color 0.5s ease;
}

.mf_poi_jumpToGelbeseiten p a:hover span.fa {
	margin-left: 5px;
	transition: margin-left 0.5s ease;
}

.mf_poi_jumpToGelbeseiten p a:hover span.mf_poi_jumpToGelbeseiten_text {
	margin-left: -5px;
	transition: margin-left 0.5s ease;
}

.mf_poi_jumpToGelbeseiten p a span.fa {
	font-size: 0.9em;
	padding-right: 0.5em;
	transition: margin-left 0.5s ease;
}

.mf_poi_jumpToGelbeseiten p a span.mf_poi_jumpToGelbeseiten_text {
	transition: margin-left 0.5s ease;
}

.mf_poi_leftSide .mf_poi_moreInformation .mf_poi_moreInformation_title {
	font-size: 1.1em;
	padding: 0.25em 0;
	margin: 0.5em 0;
	border-bottom: 1px solid #E0E0E0;
	font-weight: bold;
}

.mf_poi_leftSide .mf_poi_images_top3 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 1em;
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper {
	width: calc(33.33% - 0.67em);
	padding: 0 0.5em;
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper a {
	display: flex;
	position: relative;
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper a .mf_poi_image_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.5);
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper a:hover .mf_poi_image_overlay {
	opacity: 1;
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper a .mf_poi_image_overlay span {
	color: white;
	font-size: 1.75em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper:first-of-type {
	padding-left: 0;
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper:last-of-type {
	padding-right: 0;
}

.mf_poi_leftSide .mf_poi_images_top3 .mf_poi_image_wrapper a img {
	width: 100%;
	padding: 0;
}

.mf_poi_rightSide {
	width: 50%;
	padding: 1em 0 0 0.75em;
	box-sizing: border-box;
}

.mf_poi_rightSide img {
    padding: 0;
}

.mf_poi_rightSide .mf_poi_map {
	padding-bottom: 0.5em;
	box-sizing: border-box;
}

.mf_poi_rightSide .mf_poi_bigImage {
	padding-top: 0.5em;
	box-sizing: border-box;
}

.mf_poi_rightSide .mf_poi_bigImage .mf_poi_image_wrapper {
	position: relative;
}

.mf_poi_rightSide .mf_poi_bigImage .mf_poi_image_wrapper a {
	display: flex;
}

.mf_poi_rightSide .mf_poi_bigImage .mf_poi_image_wrapper a .mf_poi_image_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.5);
}

.mf_poi_rightSide .mf_poi_bigImage .mf_poi_image_wrapper a:hover .mf_poi_image_overlay {
	opacity: 1;
}

.mf_poi_rightSide .mf_poi_bigImage .mf_poi_image_wrapper a .mf_poi_image_overlay span {
	color: white;
	font-size: 1.75em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.mf_poi_rightSide .mf_poi_map img.mf_poi_image,
.mf_poi_rightSide .mf_poi_bigImage img.mf_poi_image {
	height: auto;
	width: 100%;
}

@media screen and (max-width: 750px) {
	.mf_poi_leftSide,
	.mf_poi_rightSide {
		width: 100%;
	}
	.mf_poi_rightSide {
		padding: 1em 0 0 0;
	}
	.mf_poi_content {
		margin-left: 1em;
	}
}

.mf_route_info {
	background-color: #E0E0E0;
	display: block;
	border: none;
	padding: 0 4px 4px 5em;
	font-size: 1.2em;
}

.mf_route_info>span.fa {
	padding-right: 0.75em;
}

#routeSelector .mfr_cbo {
	padding: 4px 4px 0 20px;
}

.mf_selector_datum_text,
.mf_selector_where_select {
	display: inline-block;
	width: 30%;
}

.mf_selector_datum_select,
.mf_selector_where select {
	display: inline-block;
	width: 70%;
	box-sizing: border-box;
	float: right;
}

.mf_selector_datum {
	margin-top: 1em;
	margin-bottom: 1.25em;
}

.mf_selector_datum,
.mf_selector_where {
	padding: 0 1em;
}

.mf_selector_where {
	padding-top: 1em;
	border-top: 1px solid #ddd;
}

.mf_poi_planner {
	margin: 0.25em 0 1em;
}

.mf_poi_contact {
	margin: 0.75em 0 0.25em;
}

.mf_poi_planner>span.fa.fa-map {
	margin-right: 0.25em;
}

.mf_poi_planner .mf_poi_planner_marker span.fa {
	font-size: 1.25em;
	margin: 0 0.5em;
}

.mf_poi_planner .mf_poi_planner_marker:hover {
	text-decoration: none;
	color: #B71C1C;
}

.mf_poi_moreInformation_textWrapper {
	position: relative;
}

/* Goolge Maps Ausbesserungen */

.gm-style-pbt {
	text-align: center;
}

/* ==================== MAPFINDER STYLE - END ==================== */