@charset "UTF-8";
/* this file: ../hilgermissen/joomla/_custom_php_/hausnummern_neu/styles */
/* Write your custom css code here */

/* ================================================================================================ */

.leaflet-attribution-flag {
	display: none !important;
}

.leaflet-bottom.leaflet-right {
	/* max-width: 85%; */
}

.leaflet-popup-content {
	margin: 10px;
	max-width: 210px;
}

.leaflet-container a.leaflet-popup-close-button {
	top: -1px;
	right: -1px;
	font-size: 24px;
}

.leaflet-popup-content .popType,
.leaflet-popup-content .popRoad,
.leaflet-popup-content .popOrt,
.leaflet-popup-content .popPoi,
.leaflet-popup-content .popName,
.leaflet-popup-content .permaLink,
.leaflet-popup-content .popAddr1,
.leaflet-popup-content .popAddr2 {
	font-size: 1.0em;
}

.leaflet-popup-content .popType {
	font-weight: bold;
}

.leaflet-popup-content .popName {
	color: #1E79C8;
}

.leaflet-popup-content .popHR {
	border: 1px solid #F0F0E7;
	margin-top: 3px;
  	margin-bottom: 5px;
}

.leaflet-popup-content .popGPS {
	font-size: 0.9em;
}

.leaflet-popup-content .popOSMButton,
.leaflet-popup-content .popGmapsButton {
	margin-top: 5px;
}

.leaflet-popup-content .permaLink {
	margin-top: 3px;
}
.leaflet-popup-content .permaLink a {
	color: rgb(105, 194, 20);
}

.leaflet-popup-content .popOSMButton a,
.leaflet-popup-content .popGmapsButton a {
	text-decoration: none;
	color: inherit;
}

.leaflet-popup-content .popOSMButton input,
.leaflet-popup-content .popGmapsButton input {
	cursor: pointer;
}

.leaflet-popup-content .popOSMButton img,
.leaflet-popup-content .popGmapsButton img {
	width: 22px;
	height: 22px;
	border: none;
	vertical-align: top;
	display: inline-block;
}

/* don't display the buttons etc when in the alternatives / suggestions list (more than one result) */
.myGeoSearch-alternatives .popGPS,
.myGeoSearch-alternatives .popHR,
.myGeoSearch-alternatives .popOSMButton,
.myGeoSearch-alternatives .popGmapsButton,
.myGeoSearch-alternatives input#GPScoord,
.myGeoSearch-alternatives .tool_tip,
.myGeoSearch-alternatives .permaLink {
	display: none;
}

/* if nothing found */
.myGeoSearch-error {
	font-size: 110%;
	color: red;
	padding: 10px;
}


.leaflet-popup-content input#GPScoord {
	display: inline-block;
	padding: 0 !important; 
	margin-left: 5px;
	width: 118px;
	border: 1px solid #F0F0E7;
	font-size: 1.0em;
	color: #333;
}

/* GPS Button (only if in Joomla article) */
.leaflet-popup-content .tool_tip button {
	border-radius: revert;
}

.leaflet-popup-content .tool_tip {
  position: relative;
  display: inline-block;
}

.leaflet-popup-content .tool_tip .tool_tip_text {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.leaflet-popup-content .tool_tip .tool_tip_text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.leaflet-popup-content .tool_tip:hover .tool_tip_text {
  visibility: visible;
  opacity: 1;
}




/* dummy <a> als anchor für autoscroll zum map-Anfang */
a.map_start_scroll {
	position: relative;
	visibility: hidden;
	padding: 0;
}
/* autoscroll abstand vom oberen Rand */
/* dies kann noch für Handy-, Tablet-, Desktop -Ansicht unterschiedlich gemacht werden */
/* auch chrome/edge und firefox verhalten sich teilweise unterschiedlich -> mal testen */
/* (je nach dem ob sticky menu oder nicht usw...) */
/* alle Browser außer Firefox: */
/* (getestet auf chrome und edge) */
a.map_start_scroll {
	top: -62px;
}
/* nur für Firefox: (https://www.css-hack.de/Firefox) */
@-moz-document url-prefix() {
	a.map_start_scroll {
		top: -48px;
	}
}





/* test: eigenes input Feld -------------------------------------------------------------- */

.myGeoSearch {
  border-radius: 4px;
  background: white;
  min-width: 30px;
  min-height: 30px;
}


.myGeoSearch a,
.myGeoSearch .myGeoSearch-icon {
  border-bottom: none;
  display: inline-block;
}

.myGeoSearch .myGeoSearch-alternatives a {
  width: inherit;
  height: inherit;
  line-height: inherit;
}

.myGeoSearch a:hover,
.myGeoSearch .myGeoSearch-icon:hover {
  border-bottom: none;
  display: inline-block;
}

.myGeoSearch-field {
  display: inline-block;
  vertical-align: middle;
}

.myGeoSearch-field input {
  font-size: 120%;
  border: 0;
  background-color: transparent;
  width: 246px;
}

.myGeoSearch-icon {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  border: none;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 13l3.4 6.6c.6 1.1 2.5-.4 2-1.2l-4-6.2z'/%3E%3Ccircle cx='10.8' cy='8.9' r='3.9' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}



/* Lade-Animation => während die Suche läuft */
.myGeoSearch-throbber .myGeoSearch-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' stroke-linecap='round' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke-opacity='.1' d='M14 8.4l3-5'/%3E%3Cpath stroke-opacity='.2' d='M15.6 10l5-3'/%3E%3Cpath stroke-opacity='.3' d='M16.2 12H22'/%3E%3Cpath stroke-opacity='.4' d='M15.6 14l5 3m-6.5-1.4l2.9 5'/%3E%3Cpath stroke-opacity='.5' d='M12 16.2V22m-2-6.4l-3 5'/%3E%3Cpath stroke-opacity='.6' d='M8.4 14l-5 3'/%3E%3Cpath stroke-opacity='.7' d='M7.8 12H2'/%3E%3Cpath stroke-opacity='.8' d='M8.4 10l-5-3'/%3E%3Cpath stroke-opacity='.9' d='M10 8.4l-3-5'/%3E%3Cpath d='M12 7.8V2'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='1s' repeatCount='indefinite' type='rotate' values='0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12'/%3E%3C/g%3E%3C/svg%3E");
}

.myGeoSearch-field-no-error {
  display: none;
}

.myGeoSearch-field input:focus {
  outline: none;
}

.myGeoSearch-field button {
  display: none;
}

.myGeoSearch-alternatives {
  display: block;
  width: 272px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.myGeoSearch-alternatives-minimized {
  display: none;
  height: 0;
}
.myGeoSearch-alternatives li {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.myGeoSearch-alternatives li a,
.myGeoSearch-alternatives li a:hover {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: inherit;
  border-radius: inherit;
  text-align: left;
}

.myGeoSearch-alternatives li:last-child {
  border-bottom: none;
}
.myGeoSearch-alternatives li:hover,
.myGeoSearch-selected {
  background-color: #f5f5f5;
}
.myGeoSearch-address-detail {
}
.myGeoSearch-address-context {
  color: #666;
}

/* clear button */
.myGeoSearch .myGeoSearch-clearButton {
  border-radius: 4px;
  width: 18px;
  height: 24px;
  border: none;
  background-color: white;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 0;
  	font: 24px/20px Tahoma, Verdana, sans-serif;
	color: #757575;
}

/* since we have our own now: hide the default clear button on chrome and its derivates */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

/* disable the default leaflet attribution text (that is within the map (bottom right)) */
.leaflet-control-container .leaflet-control-attribution {
	display:none
}
/* our own leaflet attribution text beneath the map */
#map_attribution {
	background-color: rgb(249, 250, 251);
	float: right;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
}
#map_attribution a {
	color: #0078A8;
}
#map_attribution a:hover {
	color: #0078A8;
	text-decoration: underline !important; 
}