/* ============================================
   Mitglieder
   ============================================ */
.leaflet-top, .leaflet-bottom {
	z-index:401 !important;
}
.container .tt_address_list .container {
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.tt_address_list .list-group {
	flex-direction:row;
	flex-wrap:wrap;
	gap:24px;
}
.tt_address_list .list-group-item {
	border-radius:0;
	border-top-left-radius:20px;
	margin-bottom:6px;
	position:relative;
}
.tt_address_list .list-group-item + .list-group-item {
	border-top-width:1px;
}
.tt_address_list address {
	margin-bottom:0;
}
a.ttaddress__markerlink {
	position:absolute;
	right:43px;
	bottom:10px;
	color:var(--fit-blau);
}

.ttaddress__infolink {
	position:absolute;
	right:74px;
	bottom:10px;
	color:var(--fit-blau);
}

.ttaddress__weblink {
	position:absolute;
	right:12px;
	bottom:10px;
	color:var(--fit-blau);
}
.member-image {
	border:0;
	padding:0;
	max-height:60px;
	width:auto;
	margin:0.75rem 0;
}

@media (min-width: 768px) {
	#ttaddress__map {
		min-height:480px !important;
	}
	.tt_address_list .list-group-item {
		width:calc(50% - 12px);
	}
}

@media (min-width: 1024px) {
	#ttaddress__map {
		min-height:480px !important;
	}
	.tt_address_list .list-group-item {
		/*width:calc(25% - 18px);*/		
	}
	.member-image {
		/*position:absolute;*/
		float:right;
		margin-right:12px;
		margin-top:12px;
		max-height:60px;
		max-width:50%;
		width:auto;
		margin:0;
	}
}

.leaflet-container img.leaflet-tile {
	filter:grayscale(1);
}

/* Blendet die Standard-Grafik des Leaflet-Pins komplett aus */
.leaflet-marker-icon[src*="marker-icon"] {
    display: none !important;
}

/* Falls die Extension ein Standard-Icon mit einer generischen Klasse rendert: */
.leaflet-marker-icon {
    background: #00aeef; /* Deine gewünschte Punkt-Farbe */
    border: 1px solid #ffffff; /* Weißer Rand zur besseren Abhebung */
    border-radius: 50%; /* Macht den Marker kreisrund */
    width: 16px !important;
    height: 16px !important;
    margin-left: -6px !important;  /* Hälfte der Breite für exakte Zentrierung */
    margin-top: -6px !important;   /* Hälfte der Höhe für exakte Zentrierung */
    box-shadow: 0 2px 5px rgba(0,0,0,0.3); /* Ein leichter Schatten für Tiefe */
}

/* Entfernt den Standard-Schatten des alten Pins */
.leaflet-marker-shadow {
    display: none !important;
}

#mapSearchContainer {
	padding-left:0;
	padding-right:0;
}

#mapSearch {
	margin-top:2rem;
}
#mapSearch .form-control {
	font-size:1.25rem;
}
#mapSearch .dropdown-toggle {
	width:100%;
	margin-bottom:1rem;
}
#mapSearch .dropdown-menu {
	font-size:1.25rem;
	width:100%;
}
#mapSearch .dropdown-menu li {
	padding:2px 15px;
}

.cat-dot {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:50%;
	margin:2px 0;
	vertical-align:text-bottom;
}
.cat-dot:first-child {
	margin-right:10px;
}
.cat-dot:last-child {
	margin-left:10px;
}

#formReset {
	display:none;
}

.member-info {
	position:absolute;
	left:-1px;
	top:calc(100% + 12px);
	z-index:56;
	width:calc(100% + 2px);
	border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
	border-top-left-radius:20px;
	background:#fff;
	padding:15px;
	display:none;
	box-shadow:6px 6px 12px 12px rgba(0,0,0,0.1);
}
.member-info .img-thumbnail {
	margin-bottom:1rem;
	padding:0;
	border:0;
	max-width:400px;
}
.member-info p:last-child {
	margin-bottom:0;
}
.member-info a.btn-close {
	position:absolute;
	right:6px;
	top:6px;
	color:#666;
	font-size:1rem;
	line-height:1;
	font-family:Arial,Helvetica,sans-serif;
}

@media (min-width: 1024px) {
	.member-info {
		/*left:calc(100% + 12px);
		top:-1px;*/
		width:calc(100% + 2px);
	}
	/*.list-group-item:nth-child(4n + 3) .member-info,
	.list-group-item:nth-child(4n + 4) .member-info {		
		right:calc(200% + 12px);
		left:auto;
	}*/
}

span.cat8, #ttaddress__map[data-category="8"] .leaflet-marker-icon {
	background-color: #25bc64;
}
.mapMarkers div.markerContainer.cat8 svg.marker circle {
	fill: #25bc64;
}

span.cat9, #ttaddress__map[data-category="9"] .leaflet-marker-icon {
	background-color: #1f63ad;
}
.mapMarkers div.markerContainer.cat9 svg.marker circle {
	fill: #1f63ad;
}

span.cat10, #ttaddress__map[data-category="10"] .leaflet-marker-icon {
	background-color: #afd310;
}
.mapMarkers div.markerContainer.cat10 svg.marker circle {
	fill: #afd310;
}

span.cat11, #ttaddress__map[data-category="11"] .leaflet-marker-icon {
	background-color: #25bab0;
}
.mapMarkers div.markerContainer.cat11 svg.marker circle {
	fill: #25bab0;
}

span.cat12, #ttaddress__map[data-category="12"] .leaflet-marker-icon {
	background-color: #80a7bf;
}
.mapMarkers div.markerContainer.cat12 svg.marker circle {
	fill: #80a7bf;
}

span.cat13, #ttaddress__map[data-category="13"] .leaflet-marker-icon {
	background-color: #68879b;
}
.mapMarkers div.markerContainer.cat13 svg.marker circle {
	fill: #68879b;
}

span.cat14, #ttaddress__map[data-category="14"] .leaflet-marker-icon {
	background-color: #495f6d;
}
.mapMarkers div.markerContainer.cat14 svg.marker circle {
	fill: #495f6d;
}