eager-side-nav {
  box-sizing: border-box !important;
  display: block !important;
  position: fixed !important;
  z-index: 101 !important;
  top: 0px !important;
  left: 0 !important;
  height: auto !important;
  font-family: inherit !important;
  font-size: 1.2em !important;
  width: 100% !important;
  padding: 50px 20px 40px 20px;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  box-shadow: -16px 0 15px 15px rgba(0, 0, 0, 0) !important;
  -webkit-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important;
  -webkit-transition: -webkit-transform .4s ease !important;
  transition: transform .4s ease !important;
  text-align: center;
  /*border-bottom: 10px solid #BDB39D;*/
}
eager-side-nav-button { /*für default Desktop-anzeige*/
	visibility: hidden;
}

eager-side-nav[eager-side-nav-position="right"] {
  left: inherit !important;
  right: 0 !important;
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(100%, 0, 0) !important;
}

@media (max-width: 800px) {
  eager-side-nav {
    font-size: 1.25em !important
  }
  eager-side-nav-button {
	visibility: visible;
}
}

@media (max-width: 480px) {
  eager-side-nav {
    font-size: 1.125em !important
  }
}

eager-side-nav-cover {
  display: block !important;
  position: fixed !important;
  z-index: 98 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-transition: opacity .4s ease !important;
  transition: opacity .4s ease !important
}

eager-side-nav-cover[eager-side-nav-opened="true"] {
  pointer-events: all !important;
  opacity: .3 !important
}

eager-side-nav[eager-side-nav-opened="true"] {
  box-shadow: -16px 0 15px 15px rgba(0, 0, 0, .4) !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  
}

eager-side-nav[eager-side-nav-opened="true"][eager-side-nav-position="right"] {
  box-shadow: 16px 0 15px 15px rgba(0, 0, 0, .4) !important
}

eager-side-nav::-webkit-scrollbar, eager-side-nav::-webkit-scrollbar-thumb {
  height: 0;
  width: 0
}

eager-side-nav::-webkit-scrollbar {
  background: transparent
}

eager-side-nav > * {
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  font-size: inherit !important;
  margin: 7px 0px;
  display: inline-block;
}

eager-side-nav > a {
  cursor: pointer !important;
  border-bottom: 2px solid #ffffff;
  text-decoration: none;
  padding: 0px 2px 5px 2px;
}

eager-side-nav > a:hover {
	color: #dddddd;
	text-decoration: none;
	border-bottom: 2px solid #dddddd;
}

@font-face {
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
}

eager-side-nav-button {
  cursor: pointer !important;
  position: fixed;
  z-index: 12005 !important;
  top: 2.25em !important;
  left: 2.25em !important;
  width: 40px;
  height: 40px ;
}
@media (max-height:530px){
	eager-side-nav-button {
		position: absolute;
		top: 1em !important;
	}
	eager-side-nav {
    	font-size: 1em !important;
		padding-top: 20px; !important;
  	}
	eager-side-nav > * {
		margin: 2px 0px;
	}
	
}

eager-side-nav-button[eager-side-nav-position="top"] {
  left: auto !important;
  right: 20px !important
}

@media (max-width: 800px) {
  eager-side-nav-button {
    top: 1.75em !important;
    left: 1.75em !important
  }
}

@media (max-width: 480px) {
  eager-side-nav-button {
    top: 1.75em !important;
    left: 1em !important
  }
}

eager-side-nav-button > * {
  position: absolute !important;
  pointer-events: none !important;
  display: block !important;
  background: #000 !important;
  height: 3px !important;
  width: 30px;
  -webkit-transition: all .4s ease !important;
  transition: all .4s ease !important
}

eager-side-nav-button > *:nth-child(1) {
  top: 5px !important
}

eager-side-nav-button > *:nth-child(2) {
  top: 13px !important
}

eager-side-nav-button > *:nth-child(3) {
  top: 21px !important
}

eager-side-nav-button[eager-side-nav-opened="true"] > *:nth-child(1) {
  -webkit-transform: rotateZ(45deg) !important;
  transform: rotateZ(45deg) !important;
  -webkit-transform-origin: 5px 7px !important;
  transform-origin: 5px 7px !important
}

eager-side-nav-button[eager-side-nav-opened="true"] > *:nth-child(2) {
  opacity: 0 !important
}

eager-side-nav-button[eager-side-nav-opened="true"] > *:nth-child(3) {
  -webkit-transform: rotateZ(-45deg) !important;
  transform: rotateZ(-45deg) !important;
  -webkit-transform-origin: 7px -2px !important;
  transform-origin: 7px -2px !important
}