.sidr {
display: block;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 220px;
overflow-x: hidden;
overflow-y: auto;
font-family: din-2014, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
text-transform: none;
text-decoration: none;
letter-spacing: 0.1em;
background: #e8ece4;
color: #1a682c;
}
.sidr.right {
   left: auto;
   right: -220px;
}
.sidr.left {
   left: -220px;
   right: auto;
}

.sidr nav ul {
   list-style: none;
   position: absolute;
   left: 0px;
   top: 80px;
   width: 220px;
   margin: 0px;
   padding: 0px;
}
.sidr  li {
   height: 30px;
   padding-bottom: 8px;
}
.sidr ul li a {
   display: block;
   width: 100%;
   height: 100%;
   padding-left: 20px;
}
/* telefonkasten */
.sidr > div {
   background: #fff;
   right: 0px;
   top: 0px;
   position: absolute;
   width: 200px;
   height: 40px;
   padding: 9px;
   border: 1px solid #21672c;
}
  .sidr p:first-child {
      font-style: normal;
      font-weight: 400;
      font-size: 10px;
      letter-spacing: 0.01em;
      line-height: 1.1;
      margin-bottom: 4px;
  }
  .sidr p:nth-child(2) {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.01em;
      line-height: 1.1;
  }

  .mobilenavigation > .menu, .mobilenavigation > .menu:active, .mobilenavigation > .menu:focus, .mobilenavigation > .menu:visited {
     font-weight: 400;
     color: #1a682c;
  }
  .mobilenavigation > .menu:hover {
     font-weight: 400;
     color: #1a682c;
  }
  .mobilenavigation > .menuon, .mobilenavigation > .menuon:hover, .mobilenavigation > .menuon:active, .mobilenavigation > .menuon:focus, .mobilenavigation > .menuon:visited {
     font-weight: 600;
     color: #1a682c;
  }