.info-pane {
	box-sizing:border-box;
	padding:1rem 1.5rem;
	background-color:white;
	box-shadow:0 -5px 5px rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	right:-480px;
	height:100vh;
	width:480px;
	z-index:1500;
	overflow:hidden;
	overflow-y:auto;
	transition:all 0.5s ease;
}
.info-pane.active {
	right:0;
}
.info-content-section {
	position:relative;
}
.info-pages {
	display:flex;
	flex-wrap:nowrap;
	position:absolute;
	left:0;top:0;
	transition:all 0.7s ease;
}
.info-pages.page-2 {
	left:-460px;
}
.info-page {
	flex:0 0 435px;
}
.info-page+.info-page {
	margin-left:25px;
}
@media all and (max-width:490px) {
	.info-pane {
		width:100vw;
	}
	.info-page {
		flex:0 0 330px;
	}
	.info-pages.page-2 {
		left:-355px;
	}
	.info-content h4 {
		font-size:24px;
	}
}

.info-pane .garden-title {
	font-weight:500;
	line-height:1.3;
	margin:0.5rem 0;
	text-transform:uppercase;
	font-size:18px;
	color:var(--gruen);
}
.info-pane .garden-image {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
}
.info-pane .garden-description {
	padding-right:0.5rem;
}

.info-pane .garden-image-link {
	display:block;
	margin:1rem 0 1rem 0;
}
.info-content {	}
.info-content h4 {
	margin:0.7rem 0 0.5rem 0;
	line-height:1.3;
}
.info-content h5 {
	margin:0.5rem 0 0.5rem 0;
	line-height:1.3;
	font-size:18px;
}
.info-index-entry {
	font-weight:500;
	font-size:14px;
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	line-height:1.5;
	margin-bottom:2px;
	padding:8px;
	background-color:#efefef;
}

.info-index-entry:hover {
	cursor: pointer;
}

.info-index-entry img {
	display:inline-block;
	width:60px;
	height:40px;
	object-fit:cover;
	margin:0 1em 0 0;
}
.info-index-entry + h4 {
	margin-top:1.5rem;
}
.info-index-loc {
	display:block;
	font-weight:normal;
	font-size:13px;
}
.garden-entry-detail-loc {
	text-transform:none;
	display:block;
	color:#888;
}
.info-controls {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.info-back {
	font-size:22px;
	display:none;
}
.info-close {
	font-size:22px;
	margin-left:auto;
}
.garden-region {
	fill:red;
	fill-opacity:0.5;
	stroke:#999;
	stroke-width:1;
	stroke-opacity:1;
}
#map[data-zoom="8"] .garden-region,
#map[data-zoom="9"] .garden-region {
	stroke:#666;
}
#map[data-zoom="10"] .garden-region,
#map[data-zoom="11"] .garden-region,
#map[data-zoom="12"] .garden-region,
#map[data-zoom="13"] .garden-region,
#map[data-zoom="14"] .garden-region,
#map[data-zoom="15"] .garden-region,
#map[data-zoom="16"] .garden-region {
	stroke:#222;
	stroke-dasharray:1px 4px;
}
/*
	gelb f8eab6
	orange: f6d8bc
	rosa: efc3d9
	blau: ced4f6
*/

.leaflet-top.leaflet-left  {
	padding-top:100px;
}


.leaflet-control-layers-overlays label:hover {
	  cursor: pointer;
	}

	/* Nord 
	.garden-region-1 { fill:rgb(284,234,182); }
	.garden-region-2 { fill:rgb(284,234,182); }
	.garden-region-3 { fill:rgb(284,234,182); }
	*/
	/* Ost 
	.garden-region-4  { fill:rgb(246,216,231); }
	.garden-region-5  { fill:rgb(246,216,231); }
	.garden-region-20 {	fill:rgb(246,216,231); }
	.garden-region-22 {	fill:rgb(246,216,231); }
	*/
	/* West 
	.garden-region-6  { fill:rgb(239,195,217); }
	.garden-region-7  { fill:rgb(239,195,217); }
	.garden-region-9  { fill:rgb(239,195,217); }
	.garden-region-10 { fill:rgb(239,195,217); }
	.garden-region-21 {	fill:rgb(239,195,217); }
	*/
	/* Süd 
	.garden-region-8  { fill:rgb(206,212,246); }
	.garden-region-11 { fill:rgb(206,212,246); }
	.garden-region-12 { fill:rgb(206,212,246); }
	.garden-region-13 { fill:rgb(206,212,246); }
	.garden-region-14 { fill:rgb(206,212,246); }
	.garden-region-15 { fill:rgb(206,212,246); }
	.garden-region-16 { fill:rgb(206,212,246); }
	.garden-region-17 { fill:rgb(206,212,246); }
	.garden-region-18 { fill:rgb(206,212,246); }
	.garden-region-19 { fill:rgb(206,212,246); }
	*/

	
	/* Nord */
	.garden-region-1 { fill:rgb(246,216,231); }
	.garden-region-2 { fill:rgb(246,216,231); }
	.garden-region-3 { fill:rgb(246,216,231); }
	
	/* Ost */
	.garden-region-4  { fill:rgb(248,234,182); }
	.garden-region-5  { fill:rgb(248,234,182); }
	.garden-region-20 {	fill:rgb(248,234,182); }
	.garden-region-22 {	fill:rgb(248,234,182); }
	
	/* West */
	.garden-region-6  { fill:rgb(206,212,246); }
	.garden-region-7  { fill:rgb(206,212,246); }
	.garden-region-9  { fill:rgb(206,212,246); }
	.garden-region-10 { fill:rgb(206,212,246); }
	.garden-region-21 {	fill:rgb(206,212,246); }
	
	/* Süd */
	.garden-region-8  { fill:rgb(239,195,217); }
	.garden-region-11 { fill:rgb(239,195,217); }
	.garden-region-12 { fill:rgb(239,195,217); }
	.garden-region-13 { fill:rgb(239,195,217); }
	.garden-region-14 { fill:rgb(239,195,217); }
	.garden-region-15 { fill:rgb(239,195,217); }
	.garden-region-16 { fill:rgb(239,195,217); }
	.garden-region-17 { fill:rgb(239,195,217); }
	.garden-region-18 { fill:rgb(239,195,217); }
	.garden-region-19 { fill:rgb(239,195,217); }
	
	
	
/* -----------------------------------------
Färbung
-------------------------------------------- */

.group-label-gardens_std:before,
.group-label-ppartner:before,
.group-label-campaign:before,
.group-label-nurseries:before,
.group-label-markets:before,
.group-label-gardens_awd:before { 
content: ' ';
display: inline-block; 
width: 10px;
height: 10px;
vertical-align: center;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 10px;
border-radius: 100%;
}
.group-label-markets:before { background-color: #d81f84; }
.group-label-ppartner:before { background-color: #575757; }
.group-label-gardens_std:before { background-color: #419a33; }
.group-label-gardens_awd:before { background-color: #ec690b; }   /*  Kampagnepartner */
.group-label-nurseries:before { background-color: #5569e7; }     /*  Saatgut */
.group-label-campaign:before { background-color: #f4ca11; }      /*  Kampagnepartner */


/* -----------------------------------------
	CSS ::  Matthias
-------------------------------------------- */

.k_navi { 
	position: fixed;
	width: 100%;
	height: 60px;
	background-color: rgba(85,105,231,0.9);
	z-index: 1000;
	/* border: 1px solid red; */
}

.k_navi.hide {
	transform: translateY(-100%);
}

.k_navi .susy-item img { 
	max-height: 60px; 
	width: auto; 
	height: 100%;
}

.k_navi > .susy > .susy-item > .kartenavi-hamburger {
	width: 38px;
	height: 38px;
	float: right;
	margin-right: 20px; 
	margin-top: 11px; 
	
	 transition: all 1s; 
}
.k_navi > .susy > .susy-item > .kartenavi-hamburger:hover {
	background-color: rgba(255,255,255,0.3);
}

body#art65  header {
	transform: translateY(-100%);
	transition: all 1s;
}
body#art65 header.aktiv {
	transform: translateY(60px) !important;
}

@media all and (max-width:768px) {
	body#art65  header {
		transform: translateY(0);
		transition: all 1s;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:70px;
	}
	body#art65 header.aktiv {
		transform: translateY(0px) !important;
	}
	.k_navi {
		display:none;
	}
	#art65 .greennature-logo {
		padding:0px 0;
		background-image:url(/img/top-logo-foerderer-leben-natur.svg);
		background-size:auto 60px;
		background-repeat:no-repeat;
		background-position:190px 0;
	}
	#art65 .greennature-logo img {
		display:block;
		height:60px;
		width:auto;
	}
	#art65 .dl-trigger {
		transform:translateY(-50%);
		right:5px;
	}
	#art65 .dl-menuwrapper > .dl-menu {
		margin-top:0;
	}
	.info-pane {
		padding-top:calc(60px + 1rem);
	}
}



.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 0 5px 5px 0;
	margin-left: 0 !important;
}

.leaflet-control-layers-overlays h3 {
	font-size: 16px;
	margin-bottom: 0em;
	margin-top: 1em;
}

.leaflet-control-layers-overlays h3:first-child {
	margin-top: 0;
}

.k_navi_action {
	margin-top: 2em;
	border-top: 1px solid #ccc;
}

a.button {
	background-color: #4b9e55; 
	padding: 8px 15px;
	line-height: 1em;
	margin-top: 1em;
	color: white;
	display: inline-block;
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	.leaflet-control-layers-overlays {
		padding: 1em;
	} 
	
	.leaflet-control-layers-overlays label {
		margin-top: 5px;
		margin-bottom: 5px;
	} 
}


.info-info {
	position:relative;
}
.info-info i {
	position:absolute;
	right:0;
	top:0;
	font-size:36px;
	color:var(--pink);
	cursor:pointer;
}

.leaflet-container {font-size: 14px; }