/* --- hier beginnt der media screen-Bereich - - - - - */
@media screen { 

body {margin: 0px;}
#menue_switch {
  position: fixed;
  top: 76px;
  right: 55px;
  z-index: 20;
  user-select: none;
  padding-top: 0px;
  background-color:#FFFF8e
  border: 10px solid #ffff8e;
}
#menue_switch a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}
#menue_switch a:hover {color: tomato;text-shadow: 0px 0px 10px rgba(249, 244, 3);}
#menue_switch input {
	display: flex;
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	opacity: 0; /* hide this */
	z-index: 20; /* and place it over the hamburger */
	-webkit-touch-callout: none;
	margin: -14px;
}
#menue_switch span {
  display: block;
  width: 33px;
  height: 2px;
  margin: 3px;
  position: relative;
  background: #9b9898;
  border-radius: 1px;
  z-index: 10;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menue_switch span:first-child {transform-origin: 0% 0%;}
#menue_switch span:nth-last-child(2) {transform-origin: 0% 100%;}
#menue_switch input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #369;
}
#menue_switch input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menue_switch input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
#menu {
	position: absolute;
	width: 110px;
	margin: 10px 0px 0px -40px;
	padding: 0px 20px 20px 0px;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(100%, 0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	background-color: #F2F2F2C9;
	line-height: 1.3em;
}
#menu li {
	padding: 0px 0;
	font-size: 14px;
	text-align: right;
}
#menue_switch input:checked ~ ul {transform: none;}

}
/** ----- hier endet der media screen-Bereich -- **/

/** --- hier beginnt der Druck-Bereich - - - - -**/
@media print 
{ 
#menue_switch, #menue_switch a, #menue_switch span, #menue, #menue li, input {display: none;} 

}
/** --- Ende Media print -- - - **/