/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 07 2026 | 10:00:38 */
/*** Farben auf der Karte definieren ***/

/* Außenlinie */

.st5, .st4
{
	fill: none;
    stroke: black;
    stroke-width: 2px;
}

/* ausgeblendete Gemeinde-/Stadtnamen */

.st9 
{
	display: none;
}

/*** Marker ***/

/* Marker 1 */

.st7 
{
	fill: var(--kjr-gruen);
}

/* Marker 2 */

.st8 
{
	fill: var(--kjr-pink);
}

#Marker > g > g
{
	cursor: pointer;
	transform: scale(1);
	transition: all 1s ease;
	transform-origin: center;
	transform-box: fill-box;	
}

#Marker > g > g:hover
{
	transition: all 1s ease;
	transform-origin: center;
	transform: scale(1.2);
	transform-box: fill-box;	
}

/* Gemeindefrei */

.st0 
{
    fill: white;
}

/* Linien zwischen Gemeinden */

.st1, .st6, .st0
{
	stroke: #fff;
    stroke-width: 1px;
}

/* BG relevante Gemeinden / Städte */

.st1 
{
    fill: rgba(var(--kjr-gruen-rgb), 0.5);
	fill: #ccc;
}

.st1:hover 
{
    fill: rgba(var(--kjr-gruen-rgb), 1);
	fill: #999;
}

/* BG alle anderen Gemeinden / Städte */

.st3, .st2
{
	fill: rgba(var(--kjr-gruen-rgb),0.2);
	fill: #ddd;
}

/* BG Memmingen */

.st4 
{
	fill: white;
}

/* Schatten gesamte Karte */

.st7 
{
	/* filter: url(#outer-glow-1); */
}

/*** Allgemein ***/

#Karte
{
  max-width: 100% !important;
  height: auto;
  display: block;
}

@media (max-width: 767px) 
{
	#Karte
	{
		height: 500px !important;
	}
}

/*** Infokasten ***/

.tooltip
{
  /*pointer-events: none;*/
  /* position: absolute; */
  background: #eee;
  padding: 10px 15px;
  /* z-index: 999; */
  margin: 0 auto;
  /* max-width: 300px !important;	*/	
  border-radius: 10px;
	width: 100%;

	/*	
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	*/
  display: none;
}

.tooltip.active 
{
  display: block;
}

.tooltip:after 
{
  content: "";
  position: absolute;
	margin-top: -5px;
  left: 100%;
  top: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #eee;
}

.tooltip h3
{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
}

@media (max-width: 767px) 
{
	.tooltip h3
	{
		font-size: 16px;
	}
	
	.tooltip:after 
	{
		margin-top: 0;
	  margin-left: -5px;
	  left: 50%;
	  top: 100%;
	  width: 0;
	  height: 0;
	  border-right: 10px solid transparent;
	  border-left: 10px solid transparent;
	  border-top: 10px solid #eee;
	}
}

.tooltip.schule h3
{
	color: var(--kjr-gruen);
}

.tooltip.juze h3
{
	color: var(--kjr-pink);
}

/*** Legende ***/

.karte-legende .elementor-icon
{
	border: 2px solid black !important;
    border-radius: 50%;
	padding: 2px;
}