#off-canvas {
	position: absolute;
	top: 20px;
	right: 20px;
	display: none;
	font-size: 1px;
	font-size: 0;
	width: auto;
	height: auto;
	z-index: 101;
	}
	#off-canvas::before {
		font-size: 2rem;
		color: #ffffff;
		width: auto;
		height: auto;
		display: block;
	}
#on-canvas {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 1px;
	font-size: 0;
	width: auto;
	height: auto;
	}
	#on-canvas::before {
		font-size: 2rem;
		color: inherit;
	}
	header.header #on-canvas {
		display: none;
	}

@media (max-width: 960px) {
	body #hauptmenue ul { display: none; }
	#off-canvas { display: block; }
}

.sidr {
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:100%;
	overflow-x:none;
	overflow-y:auto;
	background:#f8f8f8;
	color:#333;
	}
	.sidr.right {
		left:auto;
		right:-260px;
	}
	.sidr.left {
		left:-260px;
		right:auto;
	}
	.sidr ul {
		padding: 40px;
		font-size: 1rem;
		}
		.sidr ul li {
			}
			.sidr ul li a {
				display: block;
				margin-bottom: -1px;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #cccccc;
				padding: 20px 0;
				}
				.sidr ul li.sidronly a {
					border-top-color: transparent;
					border-bottom-color: transparent;
				}
				.sidr ul li.menuawesome a {
					border-top-color: transparent;
					border-bottom-color: transparent;
				}
			.sidr ul li ul {
				padding: 0;
				}
				.sidr ul li ul li {
					}
					.sidr ul li ul li a {
						display: flex;
						}
						.sidr ul li ul li a::before {
							content: " ";
							display: block;
							width: 1em;
							height: 1em;
						}
			.sidr ul li.current-menu-item > a,
			.sidr ul li.current-menu-ancestor > a {
				font-weight: bold;
			}
			
body .sidr ul li.nonstart {	display: none; }
body .sidr .sidronly { 		display: block; }
body .sidr .sidronly a {
	font-size: 1px;
	font-size: 0;
	max-width: 420px;
	}
	body .sidr .sidronly a:before {
		content: "";
		background-image: url('/wp-content/uploads/2018/07/svenlehmannmdb-768x153.png');
		width: 100%;
		height: auto;
		padding-bottom: 20%;
		background-size: contain;
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
	}

.sidr ul li.menuawesome  {
	float: left;
	}
	.sidr ul li.menuawesome a {
		padding: 40px 20px;
		font-size: 1.5em;
	}