@media all and (min-width: 700px) {
	.resnav button { display: none; }
	.resnav .container {
		line-height: 100%;
	}
	.resnav .container a {
		display: inline-block;
		padding: 5px 40px;
		text-decoration: none;
		cursor: pointer;
		font-size: 26px;
		-webkit-transform: translateZ(0);
		transition: all 500ms;
	}
	.resnav .container a:before {
		content: url('../../../../images/content/pfoten.png');
		position: relative;
		display: inline-block;
		top: 6px;
		left: -16px;
		transition: all 200ms;
		opacity: 0;
	}
	.resnav .container a.selected,
	.resnav .container a.open {
		color: var(--me-logo-color);
	}
	.resnav .container a:hover:before {
		opacity: 1;
	}
	.resnav .container a.selected:before,
	.resnav .container a.open:before {
		opacity: 1;
	}
	
	.container a:hover {
		color: ;
		transition: all 300ms ease-out;
	}
}
@media all and (min-width: 1100px) and (max-width: 1200px) { .resnav .container a { font-size: 130%; } }
@media all and (min-width: 1000px) and (max-width: 1099px) { .resnav .container a { font-size: 120%; } }
@media all and (min-width: 900px) and (max-width: 999px) { .resnav .container a { font-size: 110%; padding: 10px; } }
@media all and (min-width: 700px) and (max-width: 899px) { .resnav .container a { font-size: 100%; padding: 5px; } }
@media all and (max-width: 699px) {
	.resnav { text-align: right; }
	.resnav .container {
		position: fixed;
		z-index: 800;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		overflow: hidden;
		transition: all 500ms;
		background-color: #333;
		color: #ccc;
		box-shadow: 0 0 0px #000, -2px 0 0 #222 inset;
		text-align: left;
	}
	.resnav.open .container {
		width: 75%;
		height: 100%;
		box-shadow: 0 0 20px #000, -2px 0 2px #222 inset;
		overflow: auto;
		color: var(--me-logo-color);
	}
	.resnav .container a,
	.resnav .container.sub .exit {
		display: block;
		color: #ccc;
		width: 94%;
		padding: 12px 3%;
		font-size: 16px;
		line-height: 100%;
		border-top: 2px solid #444;
		border-bottom: 2px solid #222;
		position: relative;
	}
	.resnav .container a:active {
		background-color: #000;
		color: #fff;
	}
	.resnav .container a.isMother:after {
		content: '»';
		position: absolute;
		right: 5px;
		font-size: 26px;
		transition: all 333ms;
	}
	.resnav .container a.isMother:active:after {
		right: 10px;
	}
	.resnav .container a.selected,
	.resnav .container a.open {
		color: #fff;
		text-decoration: none;
		border-color: #6b1c2e #6b1c2e #5d0e20 #5d0e20;
		
		background: rgb(169,3,41);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTkwMzI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjOGYwMjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZkMDAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-45deg,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
		background: -webkit-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
		background: -o-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
		background: -ms-linear-gradient(-45deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
		background: linear-gradient(135deg,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
	}
	.resnav.open .container.sub a.link:last-of-type { margin-bottom: 50px; }
	.resnav.open .container.sub .exit {
		position: fixed;
		bottom: 0;
		left: 0;
		background: rgb(14,14,14);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGUwZTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-45deg,  rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1)));
		background: -webkit-linear-gradient(-45deg,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
		background: -o-linear-gradient(-45deg,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
		background: -ms-linear-gradient(-45deg,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
		background: linear-gradient(135deg,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=1 );
	}
	.resnav button {
		font-size: 24px;
		background: none;
		border: none;
		margin: 0;
		padding: 0;
		transition: all 500ms;
		background-color: rgba(0,0,0,0);
		height: 32px;
	}
	.resnav button:after {
		content: url('../../../../images/icons/navigation.png');
		height: 24px;
		width: 24px;
		display: inline-block;
		
		line-height: 100%;
		padding: 4px;
		position: relative;
		margin: 0;
		margin-left: 10px;
		border-radius: 3px;
		box-shadow: 0 0 5px #000;
		vertical-align: middle;
		
		background: rgb(238,238,238);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
		background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	}
	.resnav.open button {
		position: fixed;
		top: 0;
		right: 0;
		width: 25%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		color: #fff;
	}
	.resnav.open button:after { margin: 10px 0 0; }
}
@media all and (max-width: 450px) { .resnav button { font-size: 16px; } }