* {
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   padding: 0;
   margin: 0;
}
.container.zindex5 {
   margin: 0 !important;
   padding: 0 !important;
   max-width: unset !important;
}
main {
   margin-top: 0 !important;
}
.breadcrumb {
   display: none !important;
}
.map {
   height: calc(100vh - 110px);
   position: relative;
   overflow: hidden;
}
#map {
   height: 100%;
   width: 100%;
}
.sidebar {
   position: absolute;
   top: 0;
   left: 0;
   width: 400px;
   height: 100%;
   background-color: #015E9A;
   color: #fff;
   padding: 40px 70px 30px 30px;
   z-index: 9999;
   transition: 0.5s ease;
}
.sidebar.hidden {
   transform: translateX(-350px);
}
.sidebar__close {
   position: absolute;
   top: 40px;
   right: 10px;
   transform: translatex(100%) rotate(90deg);
   transform-origin: top left;
   color: #fff;
   border: none;
   background: none;
   font-size: 18px;
   outline: none !important;
}
.sidebar__close svg {
   margin-right: 5px;
   transition: 0.5s ease;
}
.sidebar__close span::before {
   content: "Infos schließen";
   white-space: nowrap;
}
.sidebar__close.active svg {
   transform: rotate(180deg);
}
.sidebar__close.active span::before {
   content: "Infos anzeigen";
}
.sidebar__text {
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 40px;
}
.sidebar__text h1 {
   color: #fff;
   font-size: 38px;
   line-height: 42px;
   font-weight: bold;
}
.legend {
   display: flex;
   flex-direction: column;
}
.legend__item {
   position: relative;
   text-align: left;
   padding: 0 0 0 45px;
   border: none;
   background: none;
   color: #fff;
   outline: none !important;
   margin-bottom: 30px;
}
.legend__item img {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 48px;
   height: 24px;
}
.legend__item img:first-of-type {
   display: none;
}
.legend__item.active img:first-of-type {
   display: block;
}
.legend__item.active img:last-of-type {
   display: none;
}
.legend__item:before {
   position: absolute;
   left: 0;
   top: -8px;
   width: 34px;
   height: 45px;
   content: '';
   background-size: contain !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-image: url('https://letsenhance.io/static/8f5e523ee6b2479e26ecc91b9c25261e/1015f/MainAfter.jpg');
}
.legend__item:nth-of-type(1):before {
   background:url('https://www.berlinerstadtgueter.de/wp-content/themes/bsgm/img/kataster-icons/marker-energie-lightblue.png');
}
.legend__item:nth-of-type(2):before {
   background:url('https://www.berlinerstadtgueter.de/wp-content/themes/bsgm/img/kataster-icons/marker-natur-umwelt-green.png');
}
.legend__item:nth-of-type(3):before {
   background:url('https://www.berlinerstadtgueter.de/wp-content/themes/bsgm/img/kataster-icons/marker-rieselfelder-lightgreen.png');
}
.legend__item:nth-of-type(4):before {
   background:url('https://www.berlinerstadtgueter.de/wp-content/themes/bsgm/img/kataster-icons/marker-umweltbildung-red.png');
}
.leaflet-popup-content-wrapper {
   padding: 0;
   overflow: hidden;
   border-radius: 0px;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
   margin: 0;
}
.leaflet-popup-content-wrapper h4 {
   padding: 16px;
   background: #ff6804;
   color: #fff;
   font-size: 16px;
}
.leaflet-popup-content-wrapper .erneuerbareenergien h4 {
   background: #009be0;
}
.leaflet-popup-content-wrapper .naturumwelt h4 {
   background: #176d49;
}
.leaflet-popup-content-wrapper .rieselfelder h4 {
   background: #b3c534;
}
.leaflet-popup-content-wrapper .umweltbildung h4 {
   background: #d4075d;
}
.leaflet-popup-content-wrapper .bsg h4 {
   background: #666;
}
.leaflet-popup-content-wrapper p {
   padding: 0 16px;
   font-size: 14px;
   margin-bottom: 14px;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .linktext {
   padding: 16px;
   padding-top: 0;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .linktext a {
   color: #1d5c39;
   font-size: 14px;
}
.leaflet-container a.leaflet-popup-close-button {
   color: #fff !important;
}
.store-list .lage-item a.small_link {
   font-size: 80%;
}
.trenner {
   height: 1em;
   margin-bottom: 4em;
}
.teaserimage_pop {
   width: 100%;
   object-fit: cover;
   height: 150px;
   object-position: 50%;
}
.leaflet-fade-anim .leaflet-popup {
   opacity: 0;
   -webkit-transition: opacity 0.2s linear;
   -moz-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
      transition-delay: 0s;
   transition-delay: 0.8s;
}
@media only screen and (max-width:767px) {
   .sidebar {
      width: 100%;
      padding: 30px 20px;
      transform: translateY(calc(40px - 100%));
   }
   .sidebar.hidden {
      transform: translateY(0);
   }
   .sidebar__close {
      top: unset;
      right: unset;
      left: 50%;
      bottom: 8px;
      transform: translateX(calc(10px - 50%));
   }
}