.uk-section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ebene-1.uk-subnav > li {
  padding:3px;
}
.ebene-1.uk-subnav > li > a {
  border:2px solid #6BB5B8;
  margin:0 5px 0 5px;
  padding:10px;
  border-radius:5px;
  color:black;
}
.ebene-1.uk-subnav > li.uk-active > a {
  background:#6BB5B8;
  color:#fff;
}

.ebene-1.uk-subnav > li > a:hover {background:#6BB5B8;color:#fff;}

#seumebild {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  background: url('../../../images/bilder/seume2.jpg') left top;
  background-size:cover;
}

.tm-header {border-top: 50px solid #6BB5B8;}

.filter-search {margin-bottom:20px;}
.filter-search > span > select {width:auto;}


  @media screen and (max-width: 979px) {
    .tm-header {
      border-top: 120px solid #6BB5B8;
    }
  }

/* Hovermap */
.hovermap {
  display: inline-block;
  position:relative;

  overflow:show;
  width:100%;
  /*
  height:450px;
  */
  border:1px solid #6BB5B8;
  /*
  border-radius:10px;
  */

}
.hovermap > img {/*width:auto;max-width: initial;*/}


.popuptext.right {
  top:0;
  right:-270px;
}
.popuptext.left {
  top:0;
  left:-270px;
}
.hide {
  z-index: 1000;
  visibility: hidden;
  width:250px;
  text-align: center;
  position:absolute;

  border:2px solid #000;
  border-radius:2px;
  background:rgba(255,255,255,0.7);
  padding:5px;
}



#grimma {
  display: block;
  position: absolute;
  top: 60%;
  left: 5%;
  cursor:zoom-in;
}

#grimma:hover  > .hide, #grimma:active > .hide {
  visibility: visible;
}


#goeschenhaus {
  display: block;
  position: absolute;
  top: 50%;
  left: 4%;
  cursor:zoom-in;
}

#goeschenhaus:hover  > .hide, #goeschenhaus:active > .hide {
  visibility: visible;
}


#hospitalkapelle {
  display: block;
  position: absolute;
  top: 70%;
  left: 12%;
  cursor:zoom-in;
}

#hospitalkapelle:hover  > .hide, #hospitalkapelle:active > .hide {
  visibility: visible;
}


#kirche-nerchau {
  display: block;
  position: absolute;
  top: 22%;
  left: 33%;
  cursor:zoom-in;
}

#kirche-nerchau:hover  > .hide, #kirche-nerchau:active > .hide {
  visibility: visible;
}


#schloss-doeben {
  display: block;
  position: absolute;
  top: 59%;
  left: 20%;
  cursor:zoom-in;
}

#schloss-doeben:hover  > .hide, #schloss-doeben:active > .hide {
  visibility: visible;
}


#doebenerwald {
  display: block;
  position: absolute;
  top: 54%;
  left: 27%;
  cursor:zoom-in;
}

#doebenerwald:hover  > .hide, #doebenerwald:active > .hide {
  visibility: visible;
}


#mulde {
  display: block;
  position: absolute;
  top: 40%;
  left: 28%;
  cursor:zoom-in;
}

#mulde:hover  > .hide, #mulde:active > .hide {
  visibility: visible;
}


#brauerei-cannewitz {
  display: block;
  position: absolute;
  top: 14%;
  left: 53%;
  cursor:zoom-in;
}

#brauerei-cannewitz:hover  > .hide, #brauerei-cannewitz:active > .hide {
  visibility: visible;
}

#wagelwitz {
  display: block;
  position: absolute;
  top: 14%;
  left: 60%;
  cursor:zoom-in;
}

#wagelwitz:hover  > .hide, #wagelwitz:active > .hide {
  visibility: visible;
}

#mutzschen {
  display: block;
  position: absolute;
  top: 25%;
  right: 12%;
  cursor:zoom-in;
}

#mutzschen:hover  > .hide, #mutzschen:active > .hide {
  visibility: visible;
}

#mutzschenerwasser {
  display: block;
  position: absolute;
  top: 30%;
  right: 15%;
  cursor:zoom-in;
}

#mutzschenerwasser:hover  > .hide, #mutzschenerwasser:active > .hide {
  visibility: visible;
}

#horstsee {
  display: block;
  position: absolute;
  top: 23%;
  right: 9%;
  cursor:zoom-in;
}

#horstsee:hover  > .hide, #horstsee:active > .hide {
  visibility: visible;
}


#hubertusburg {
  display: block;
  position: absolute;
  top: 15%;
  right: 7%;
  cursor:zoom-in;
}

#hubertusburg:hover  > .hide, #hubertusburg:active > .hide {
  visibility: visible;
}

#wermsdorfwald {
  display: block;
  position: absolute;
  top: 9%;
  right: 7%;
  cursor:zoom-in;
}

#wermsdorfwald:hover  > .hide, #wermsdorfwald:active > .hide {
  visibility: visible;
}

.popup { /* Icon */
  padding: 2px;
  background: rgba(255,255,255,0.8);
  border: 1px solid black;
  width:30px;
}

.popup .popuptext {
  visibility: hidden;
}

.popup .show {
  visibility: visible;
}

.popup-close{
  visibility: hidden;
  position:absolute;
  top:-30px;
  right:0px;
  font-weight: bold;
  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}

.popup .show .popup-close {
  visibility: visible;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}
td {padding:5px;}

@media (max-width: 768px)
{
  .popup {
    width:15px;
    height:15px;
  }
  .icon {line-height:5px;}
.popuptext.right {
  top:0;
  right:-170px;
}
.popuptext.left {
  top:0;
  left:-170px;
}
  .popuptext {line-height:24px;}
.hide {  width:150px;}
  
.tm-headerbar .uk-subnav > * > :first-child {
  font-size: 12px;
}
.ebene-1.uk-subnav > li > a {
  padding:5px;
}
.uk-subnav  {
  margin-left:0px;
  }
}