/* BEFA i.A. SketchRoom am 09.02.2023 */

:root {
    --lkrm-map-landkreis-grenze-color: #005b59;
    --lkrm-map-landkreis-grenze-width: 2px;

    --lkrm-map-gemeinde-grenzen-color: #005b59;
    --lkrm-map-gemeinde-grenzen-width: 1px;

	--lkrm-map-stadt-fill-color: #f0f0f0;
	/*--lkrm-map-stadt-fill-color: #669a82;*/
    --lkrm-map-stadt-fill-color-hover: url(#stripes-hover);
    --lkrm-map-stadt-grenzen-color-hover: #005b59;
    --lkrm-map-stadt-fill-color-active: url(#stripes-active);
    --lkrm-map-stadt-grenzen-color-active: #005b59;

    --lkrm-map-markt-fill-color: #f0f0f0;
   /* --lkrm-map-markt-fill-color: #ffffff; */
    --lkrm-map-markt-fill-color-hover: url(#stripes-hover);
    --lkrm-map-markt-grenzen-color-hover:#005b59;
    --lkrm-map-markt-fill-color-active: url(#stripes-active);
    --lkrm-map-markt-grenzen-color-active:#005b59;

    --lkrm-map-gemeinde-fill-color: #f0f0f0;
    --lkrm-map-gemeinde-fill-color-hover: url(#stripes-hover);
    --lkrm-map-gemeinde-grenzen-color-hover: #005b59;
    --lkrm-map-gemeinde-fill-color-active: url(#stripes-active);
    --lkrm-map-gemeinde-grenzen-color-active: #005b59;

    --lkrm-map-stripe-color-hover: #C0C0C0;
    --lkrm-map-stripe-color-active: #669a82;

    --lkrm-map-fluss-color: #11b2ec;
    --lkrm-map-fluss-width: 2px;

    --lkrm-map-tooltip-border-color: silver;
    --lkrm-map-tooltip-fill-color: #fff;

    --lkrm-map-tooltip-border-color-active: black;
    --lkrm-map-tooltip-fill-color-active: #faca3a;
}



/* Layout */
.lkrm-map {
    position: relative;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

/* MAP */
#lkrm-map-svg {
    width: 100%;
    height: auto;
    /* max-height: calc(100vh - 200px); */
}
.lkrm-map-svg-landkreis-grenze {
    fill: rgba(255,255,255,0);
    stroke: var(--lkrm-map-landkreis-grenze-color);
    stroke-width:  var(--lkrm-map-landkreis-grenze-width);
    stroke-linecap: round; 
    stroke-linejoin: round;
}

/* Default */
.lkrm-map-svg-gmd {
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: #fff;
    stroke: var(--lkrm-map-gemeinde-grenzen-color);
    stroke-width: 1px;
    cursor: pointer;
    pointer-events: auto;
    transition: all .3s ease-in-out;
    position: relative;
}


/* Städte */
.lkrm-map-svg-gmd[data-type="stadt"] {
    fill: var(--lkrm-map-stadt-fill-color);
    stroke:  var(--lkrm-map-gemeinde-grenzen-color);
}
.lkrm-map-svg-gmd[data-type="stadt"].hovered,
.lkrm-map-svg-gmd[data-type="stadt"]:hover {
    fill: var(--lkrm-map-stadt-fill-color-hover);
    stroke: var(--lkrm-map-stadt-grenzen-color-hover);
}
.lkrm-map-svg-gmd[data-type="stadt"].active{
    fill: var(--lkrm-map-stadt-fill-color-active)!important;
    stroke: var(--lkrm-map-stadt-grenzen-color-active)!important;
}
body.scrollActive .lkrm-map-svg-gmd[data-type="stadt"]:hover {
    fill: var(--lkrm-map-stadt-fill-color);
    stroke:  var(--lkrm-map-stadt-grenzen-color);
}

/* Märkte */
.lkrm-map-svg-gmd[data-type="markt"] {
    fill: var(--lkrm-map-markt-fill-color);
    stroke:  var(--lkrm-map-gemeinde-grenzen-color);
}
.lkrm-map-svg-gmd[data-type="markt"].hovered,
.lkrm-map-svg-gmd[data-type="markt"]:hover {
    fill: var(--lkrm-map-markt-fill-color-hover);
    stroke: var(--lkrm-map-markt-grenzen-color-hover);
}
.lkrm-map-svg-gmd[data-type="markt"].active {
    fill: var(--lkrm-map-markt-fill-color-active)!important;
    stroke: var(--lkrm-map-markt-grenzen-color-active)!important;
}
body.scrollActive .lkrm-map-svg-gmd[data-type="markt"]:hover {
    fill: var(--lkrm-map-markt-fill-color);
    stroke:  var(--lkrm-map-markt-grenzen-color);
}

/* Gemeinden */
.lkrm-map-svg-gmd[data-type="gemeinde"] {
    fill: var(--lkrm-map-gemeinde-fill-color);
    stroke: var(--lkrm-map-gemeinde-grenzen-color);
}
.lkrm-map-svg-gmd[data-type="gemeinde"].hovered,
.lkrm-map-svg-gmd[data-type="gemeinde"]:hover {
    fill: var(--lkrm-map-gemeinde-fill-color-hover);
    stroke: var(--lkrm-map-gemeinde-grenzen-color-hover);
}
.lkrm-map-svg-gmd[data-type="gemeinde"].active {
    fill: var(--lkrm-map-gemeinde-fill-color-active)!important;
    stroke: var(--lkrm-map-gemeinde-grenzen-color-active)!important;
}
body.scrollActive .lkrm-map-svg-gmd[data-type="gemeinde"]:hover {
    fill: var(--lkrm-map-gemeinde-fill-color);
    stroke:  var(--lkrm-map-gemeinde-grenzen-color);
}

/* Gemeindefreies Gebiet */
.lkrm-map-svg-gmd[data-type="gemeinde-frei"] {
    fill: var(--lkrm-map-gemeinde-fill-color);
    stroke: var(--lkrm-map-gemeinde-grenzen-color);
}
.lkrm-map-svg-gmd[data-type="gemeinde-frei"].hovered,
.lkrm-map-svg-gmd[data-type="gemeinde-frei"]:hover {
    fill: var(--lkrm-map-gemeinde-fill-color-hover);
    stroke: var(--lkrm-map-gemeinde-grenzen-color-hover);
}
.lkrm-map-svg-gmd[data-type="gemeinde-frei"].active {
    fill: var(--lkrm-map-gemeinde-fill-color-active)!important;
    stroke: var(--lkrm-map-gemeinde-grenzen-color-active)!important;
}
body.scrollActive .lkrm-map-svg-gmd[data-type="gemeinde-frei"]:hover {
    fill: var(--lkrm-map-gemeinde-fill-color);
    stroke:  var(--lkrm-map-gemeinde-grenzen-color);
}

.lkrm-map-svg-gmd[data-type="gemeinde-frei"][data-gmd="Mühldorfer Hart"] {
	display: none;
}

/* Fluss (Inn) */
.lkrm-map-svg-fluss {
    fill: none;
    stroke: #11b2ec;
    stroke-linejoin: round;
    stroke-width: 2px;
}

/* SVG Stripe Pattern */
.stripe-hover-1 {
    fill: var(--lkrm-map-stripe-color-hover);
}
.stripe-hover-2 {
    fill: #fff;
}
.stripe-active-1 {
    fill: var(--lkrm-map-stripe-color-active);
}
.stripe-active-2 {
    fill: #fff;
}


/* TOOLTIPS */
#lkrm-map-tooltips {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
/*
#lkrm-map-tooltips:after {
    content: "Inn";
    color: var(--lkrm-map-fluss-color);
    font-size: 12px;
    position: absolute;
    right: 2%;
    top: 51%;
    font-style: italic;
} */
.lkrm-map-tooltip-content {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    opacity: 0;
    padding: 5px ;
    border: 1px solid var(--lkrm-map-tooltip-border-color);
    background: var(--lkrm-map-tooltip-fill-color);
    color:#000;
    border-radius: 3px;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.5));
    transition: all .3s ease-in-out;
    transform: translate(-50%, calc(-50% - 25px));
    white-space: nowrap;
    transform-origin: left bottom;
}
.lkrm-map-tooltip-content.active {
    border: 1px solid var(--lkrm-map-tooltip-border-color-active);
    background: var(--lkrm-map-tooltip-fill-color-active);
}
.lkrm-map-tooltip-content.hovered {
    opacity: 1;
}

.lkrm-map-tooltip-content.active {
    opacity: 1;
    transform: translate(-50%, calc(-50% - 55px));
}
.lkrm-map-tooltip-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 1px);
    border-width: 5px;
    border-style: solid;
    border-color: var(--lkrm-map-tooltip-border-color) transparent transparent transparent;
}
.lkrm-map-tooltip-content.active::after {
    border-color: rgba(0,0,0,0) transparent transparent transparent;
    border-width: 0;
    height: 30px;
    width: 5px;
    background: rgb(119,119,119);
    background: linear-gradient(90deg, rgba(119,119,119,1) 0%, rgba(215,215,215,1) 34%, rgba(140,140,140,1) 100%);
}

/* JS - 05.10.23 */
@media (min-width: 768px) {
	.lkrm-map-tooltip-content[data-gmd="Mühldorf am Inn"],
	.lkrm-map-tooltip-content[data-gmd="Waldkraiburg"],
	.lkrm-map-tooltip-content[data-gmd="Haag in Oberbayern"],
	.lkrm-map-tooltip-content[data-gmd="Neumarkt-Sankt Veit"] {opacity: 1;}
	
	.frame-lkr-locations-hidden .lkrm-map-tooltip-content[data-gmd="Mühldorf am Inn"]:not(.active):not(.hovered),
	.frame-lkr-locations-hidden .lkrm-map-tooltip-content[data-gmd="Waldkraiburg"]:not(.active):not(.hovered),
	.frame-lkr-locations-hidden .lkrm-map-tooltip-content[data-gmd="Haag in Oberbayern"]:not(.active):not(.hovered),
	.frame-lkr-locations-hidden .lkrm-map-tooltip-content[data-gmd="Neumarkt-Sankt Veit"]:not(.active):not(.hovered) {opacity: 0;}
}

/* Accordion */

.lkrm-accordeons div:nth-of-type(1) h3 { /* Städte */
    margin-top: 2rem;
    font-size: 24px;
}
.lkrm-accordeons div:nth-of-type(1) h3:before {
    content: "";
    height: 20px;
    width: 20px;
    border: solid 1px silver;
    background: var(--lkrm-map-stadt-fill-color);
    display: inline-block;
    margin-right: 6px;
    transform: translateY(2px);
}
.lkrm-accordeons div:nth-of-type(3) h3 { /* Märkte */
    margin-top: 2rem;
    font-size: 24px;
}
.lkrm-accordeons div:nth-of-type(3) h3:before {
    content: "";
    height: 20px;
    width: 20px;
    border: solid 1px silver;
    background: var(--lkrm-map-markt-fill-color);
    display: inline-block;
    margin-right: 6px;
    transform: translateY(2px);
}

.lkrm-accordeons div:nth-of-type(5) h3 { /* Gemeinden */
    margin-top: 2rem;
    font-size: 24px;
}
.lkrm-accordeons div:nth-of-type(5) h3:before {
    content: "";
    height: 20px;
    width: 20px;
    border: solid 1px silver;
    background: var(--lkrm-map-gemeinde-fill-color);
    display: inline-block;
    margin-right: 6px;
    transform: translateY(2px);
}

.lkrm-accordeons div:nth-of-type(7) h3 { /* Gemeindefreie Gebiete */
    margin-top: 2rem;
    font-size: 24px;
}
.lkrm-accordeons div:nth-of-type(7) h3:before {
    content: "";
    height: 20px;
    width: 20px;
    border: solid 1px silver;
    background: var(--lkrm-map-gemeinde-fill-color);
    display: inline-block;
    margin-right: 6px;
    transform: translateY(2px);
}

.frame-container-accordion .c-accordion-item {
    border: 1px solid #ddd;
}
.frame-container-accordion .c-accordion-item.act {
    outline: solid 2px var(--lkrm-map-landkreis-grenze-color);
    background: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 50%);
    z-index: 1;
    position: relative;
}
.frame-container-accordion .c-accordion-title {

}


@media only screen and (max-width: 922px) {
    .lkrm-map {
        margin-top: 0!important;
        margin-bottom: 3rem;
        width: 100%;
    }
    #lkrm-map-tooltips:after {
        right: 2%;
        top: 48%;
    }
    .lkrm-map-tooltip-content.active {
        opacity: 1;
        transform: scale(.8) translate(-50%, calc(-50% - 55px));
    }
}


/*.cityTag {
	position: absolute;
	font-size: 14px;
	background: white;
	border: 1px solid var(--lkrm-map-tooltip-border-color);
    line-height: 14px;
    padding: 5px;
    color: #000;
    border-radius: 3px;
    white-space: nowrap;
	pointer-events: none;
    transform: translate(-50%, -35px);
}
.cityTag:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #669a82;
	position: absolute;
	top: 115%;
	left: 50%;
	transform: translateX(-50%);
}*/