@media all and (min-width: 1000px) {
	.naviduo {
		font-family: 'Montserrat', sans-serif;
	}
	.naviduo button { display: none; }
	.naviduo .container {
		line-height: 100%;
		border: 1px solid rgba(255,255,255,0.8);
		border-radius: 3px;
		text-align: right;
	}
	.naviduo .container .shell {
		display: inline-block;
		text-align: left;
		margin-left: 20px;
	}
	.naviduo .container .link {
		position: relative;
	}
	.naviduo .container a {
		display: inline-block;
		padding: 15px 10px;
		color: #000;
		text-decoration: none;
		cursor: pointer;
		font-size: 120%;
		transition: all 200ms;
		overflow: hidden;
		-webkit-transform: translateZ(0);
		position: relative;
		border-radius: 10px 10px 0 10px;
	}
	.naviduo .container .shell.pitch0 > .link a {
		display: block;
	}
	.naviduo .container .shell.pitch0 > .link a:hover {
		background: #f5f4f4;
	}
	.naviduo .container .shell.pitch0 > .link a.open,
	.naviduo .container .shell.pitch0 > .link a.selected {
		color: #fff;
		background-color: rgb(181,9,0);
		padding: 15px;
		border: none;
	}
	.naviduo .container .shell.pitch0 > .link a.dormant:after {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		position: absolute;
		left: 0;
		bottom: -10px;
		background-color: rgb(181,9,0);
		opacity: 0;
		transition: all 200ms;
	}
	.naviduo .container .shell.pitch0 > .link a.dormant:hover:after {
		bottom: 8px;
		height: 2px;
		opacity: 1;
	}
	.naviduo .container .shell.pitch0 > .link.subs:after {
		content: '';
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #b50900;
		position: absolute;
		bottom: -20px;
		left: calc(50% - 4px);
		transition: all 500ms 100ms;
		transform: scale(0,0);
		transform-origin: 50% 50%;
	}
	.naviduo .container .shell.pitch0:hover > .link.subs:after {
		transition: all 500ms;
		transform: scale(1,1);
	}
	.naviduo .container .sub.pitch1 {
		position: absolute;
		left: 0;
		width: 96%;
		padding: 1em 2%;
		margin-top: 10px;
		background: #b50900;
		transition: transform 500ms 100ms;
		transform: scale(1, 0);
		transform-origin: 50% 0;
		text-align: center;
		z-index: 1;
	}
	.naviduo .container .shell.pitch0:hover .sub.pitch1 {
		transition: transform 500ms;
		transform: scale(1, 1);
		z-index: 2;
	}
	.naviduo .container .sub.pitch1 a {
		transition: all 750ms 100ms;
	}
	.naviduo .container .shell.pitch0:hover .sub.pitch1 a {
		transition: all 750ms;
	}
	.naviduo .container .shell.pitch0:hover .sub.pitch1 a {
		color: #fff;
	}
	.naviduo .container .sub.pitch1 a.selected {
		color: #fff;
	}
	.naviduo .container .shell.pitch0:hover .sub.pitch1 a.selected {
		color: #000;
		background: #fff;
	}
}
@media all and (max-width: 1200px) { .naviduo .container a { font-size: 110%; padding: 10px;} }
@media all and (max-width: 1100px) { .naviduo .container a { font-size: 95%; padding: 10px; } }
@media all and (max-width: 1000px) { .naviduo .container a { font-size: 90%; padding: 5px; } }
@media all and (max-width: 999px) {
	.naviduo { text-align: right; }
	.naviduo .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;
	}
	.naviduo.open .container {
		width: 75%;
		height: 100%;
		box-shadow: 0 0 20px #000, -2px 0 2px #222 inset;
		overflow: auto;
	}
	.naviduo .container .base .shell.pitch0,
	.naviduo .container .base .shell > .link {
		display: block;
		width: 100%;
	}
	.naviduo .container .base .shell > .sub {display: none;}
	.naviduo .container a,
	.naviduo .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;
	}
	.naviduo .container a:active {
		background-color: #000;
		color: #fff;
	}
	.naviduo .container a.isMother:after {
		content: '»';
		position: absolute;
		right: 5px;
		font-size: 26px;
		transition: all 333ms;
	}
	.naviduo .container a.isMother:active:after {
		right: 10px;
	}
	.naviduo .container a.selected,
	.naviduo .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 );
	}
	.naviduo.open .container.sub a.link:last-of-type { margin-bottom: 50px; }
	.naviduo.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 );
	}
	.naviduo button {
		font-size: 24px;
		background: none;
		border: none;
		margin: 0;
		padding: 0;
		transition: all 500ms;
		background-color: rgba(0,0,0,0);
		height: 32px;
	}
	.naviduo button:after {
		content: url('https://web.archive.org/web/20190822021534im_/https://www.kompetenzzentrum-darmstadt.digital/images/icons/navigation.png');
		height: 24px;
		width: 24px;
		display: inline-block;
		
		line-height: 100%;
		padding: 6px;
		position: relative;
		margin: 0;
		margin-left: 10px;
		border-radius: 3px;
		box-shadow: 0 0 5px rgba(0, 0, 0, .4);
		vertical-align: middle;
		
		background: #fff;
	}
	.naviduo.open button {
		position: fixed;
		top: 0;
		right: 0;
		width: 25%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		color: #fff;
	}
	.naviduo.open button:after { margin: 10px 0 0; }
}
@media all and (max-width: 450px) { .naviduo button { font-size: 16px; } }
/*
     FILE ARCHIVED ON 02:15:34 Aug 22, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:39:30 Mar 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.504
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.009
  esindex: 0.009
  cdx.remote: 5.917
  LoadShardBlock: 73.954 (3)
  PetaboxLoader3.datanode: 77.871 (4)
  load_resource: 71.846
  PetaboxLoader3.resolve: 46.519
*/