* { margin: 0; padding: 0; border: 0; }
html { }
html, body { height: 100%; width: 100%; font-family: 'Jaldi', sans-serif; font-size:16px; text-align: center; color:#000000; background-color: #FFFFFF; }
img { border:0px; width:100%; height:auto;}
img.bullet { width:25px; }
a{ color:#000000; text-decoration:none; }
a:hover{ text-decoration:underline; }
#whome { color: #FFFFFF; text-decoration: none; cursor: default;}
h1 { font-family: 'Jaldi', sans-serif; font-size:42px; line-height:69px; letter-spacing:1px; }
h2 { font-family: 'Roboto Slab', serif; font-size:20px; line-height:30px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;  }
h3 { font-family: 'Roboto Slab', serif; font-size:18px; line-height:23px; font-weight:normal; color: #3672ac; letter-spacing:1px; }
hr { border-bottom: 1px solid #FFFFFF; margin:40px 0px 40px 0px; }
b, strong { font-weight: 700; }
.blue { color:#3672ac; }
.amp { font-family: 'Noto Sans', sans-serif; font-size:14px; }
.jaldi { font-family: 'Jaldi', sans-serif; font-size:20px; }
.small { font-size:10px; letter-spacing:normal; margin-top:20px; }
.small span{ display: none; }
#background { position:absolute; top:0px; left:0px; background: url(../img/background.jpg) no-repeat left top; display: table; height: 100%; width: 100%; background-size: cover; min-width: 100%; min-height: 100%; }
.bg { color:#FFFFFF; }
.nobg { background-color: #FFFFFF;}
#main {position:absolute; left:0px; top:0px; overflow:visible; overflow-y:scroll; height:100%; width:100%; }
header, .container {position:relative; width:100%; height:auto; min-height:50px; margin:0px 0px 0px 0px; padding: 80px 0px 80px 0px; overflow: hidden; }
#figur { width:30%; margin-left: 35%; }
header ul { list-style-type: none; font-size: 0px; text-align:left; position:relative; width:90%; max-width:1200px; height:auto; margin:auto; padding:80px 0px 30px 0px; }
header li { display: inline-block; width:100%; font-size: 16px; vertical-align: top;}
header h1 { font-family: 'Jaldi', sans-serif; font-size:23px; line-height:23px; margin: 10px 0px 20px 0px; }
header h2 { font-family: 'Jaldi', sans-serif; font-size:23px; font-weight:bold; line-height:23px; margin: 0px 0px 20px 0px; text-transform:none; }
#mainmenu { position: absolute; top:0px; width:100%; height:80px; z-index: 100; border-bottom: 1px solid #FFFFFF; height:auto; background: url('../img/background.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
#mainmenu ul{ padding:10px 0px 0px 0px; }
#mainmenu ul li{ vertical-align: bottom; }
#mainmenu img { width:80%; max-width: 300px; }
#mainmenu nav { display:none;  }
.show-menu{ position:absolute; top:10px; right:0px;height:30px; width:30px; text-decoration:none;background-image:url('../img/background_resmenu.svg');background-position:top left;background-repeat:no-repeat;cursor:pointer; z-index:2; }
#show-menu{display:none;-webkit-appearance:none;}
#show-menu:checked ~ nav{ display:block; }
#mainmenu nav { display:none;  }
#mainmenu nav ul { width:100%; height:100%; margin:0px; padding:0px 0px 0px 0px; }
#mainmenu nav li { width:100%; }
#mainmenu nav li a{ text-decoration:none; font-family: 'Noto Sans', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 14px; color:#FFFFFF; letter-spacing:1px; }
#anime { display:none; height:65px; }
.container ul { list-style-type: none; font-size: 0px; text-align:left; position:relative; width:90%; max-width:1200px; height:auto; margin:auto; padding:0px; }
.container ul li { display: inline-block; width:100%; vertical-align: top; font-size: 19px; line-height:25px; margin:0px; padding:0px;border:0px; }
.container ul li p { margin:15px 0px 0px 0px; }
.container ul li h3 { margin:15px 0px 0px 0px; }
.container ul li img { width:30%; margin-left: 35%; }
.container ul li img.bullet { width:10px; margin-left: 0px; }
.container ul li:first-child h2 { margin:0px 30px 0px 0px; }
.container ul li:first-child h3 { margin:0px 30px 30px 0px; }
.container ul.col3366 li:first-child h3 { color:#000000; }
.container ul.col3366 li:last-child p{ max-width:700px; }
.container ul.col5050 li { width:100%; }
.container ul.col5050 li p{ margin:15px 0px 0px 0px; }
.container ul.col333 li { width:100%; text-align: center; }
.container ul.col333 li img { width:60%; margin-left: 0%; margin-top:10px; }
.container ul ul.img { margin:25px 0px 30px 0px; width:100%; }
.container ul ul.img li { width:100%; vertical-align: middle; }
.container ul ul.img li h3{ margin: 0px 0px 0px 0px;font-size:20px; line-height:30px; }
.container ul ul.img li:first-child { width:100%; }
.container ul ul.img li:first-child img{ width:60%; margin:0px 0px 0px 20%; }
.container ul li h3.img { width:100%; margin:25px 20px 15px 20px;  }
.container ul li h3.img img { width:40%; }
.container ul.ipartner li.dsk{ display:none; }
.container ul.ipartner li img{ width:60%; margin:20px 0px 20px 0px; }
.container ul li img.imgteam { width:60%; margin-left: 0%; }
.container ul li p.imgteam { text-transform: uppercase; line-height: 20px;font-family: 'Roboto Slab', serif; }
.container ul li p.imgteam br{ display:none; }
#forschung { background-color: #e2f6ff; border-radius: 23px; padding:30px 0px 30px 0px; margin:30px auto 30px auto; }
#forschung li h2 { margin:0px 15px 15px 15px; }
#forschung li h3 { margin:0px 15px 0px 15px; }
#forschung li p { margin:0px 15px 15px 15px; }
#forschung #closeforschung img{ margin-right:12px; margin-top:-42px; max-width:23px; text-decoration: none; cursor: pointer; float:right;}
#upartner { width:100%; max-width: 900px; margin:30px auto 30px auto;  }
#upartner li{ width:33%; vertical-align: middle; text-align: center; }
#upartner li:first-child{ text-align: left; }
#upartner li:last-child{ text-align: right; }
#upartner li img{ width:0%; margin:0px; }
#gmaps #canvas{ height: 500px; width:100%; }
.container ul.kontakt li:last-child #tri{ display:none; position: absolute; top: 0px; left: 0px; z-index: 10; height: 500px; width: 300px; margin-left:0px; } 
footer { width: 100%;background: url('../img/background.jpg') top center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;  }
footer span{ display: none; }
footer span.amp { display:inline; font-family: 'Noto Sans', sans-serif; font-size:10px; }
footer ul{ list-style-type: none;position:relative; width:90%; max-width:1200px; margin:auto; font-size: 0px;  }
footer ul li { display:inline-block; text-align: left; width:100%; font-size:14px; }
footer ul li:last-child { text-align: right; display:none; }
footer a{ color:#FFFFFF; font-family: 'Noto Sans', sans-serif; font-weight:bold; font-size:14px; }
footer a:hover{ text-decoration: none; }

@media all and (min-width: 580px){
	.container ul.ipartner li img{ width:20%; }
}

@media all and (min-width: 700px){
	.container ul li img.imgteam { width:30%;  }
	.container ul ul.img li:first-child img{ width:30%; margin:0px 0px 0px 35%; }
}

@media all and (min-width: 1000px){
	header, .container { padding: 70px 0px 70px 0px;  }
	#figur { width:40%; margin-left: 20%; }
	header ul { padding:165px 0px 30px 0px; }
	header li { width:33.5%; }
	header li:last-child { width:66.5%; }
	header h1 { font-size:42px; line-height:42px; margin: 0px 0px 20px 15px; }
	header h2 { font-size:42px; font-weight:bold; line-height:42px; margin: 0px 0px 20px 15px; }
	#mainmenu { height:135px; background-image: none; border-bottom: 0px; }
	#mainmenu ul{ padding:0px 0px 0px 0px; }
	.show-menu{ display:none; }
	#mainmenu nav { display:block; }
	#mainmenu nav ul {padding:0px 0px 10px 0px; display: flex; justify-content: space-between;  }
	#mainmenu nav li { width:auto;margin-left:10px; }
	#mainmenu nav li:first-child { margin-left:10px; }
	#mainmenu nav li.dsk { display:none; }
	#mainmenu.fix { border-bottom: 1px solid #FFFFFF; height:auto; top:0px; background: url('../img/background.jpg') top center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;  }
	#mainmenu.fix ul{ padding:0px 0px 0px 0px; }
	#mainmenu.fix img { width:60%; margin:10px 0px 0px 0px; }
	#anime { display:block;height:65px; }
	.container ul li p { margin:15px 15px 0px 15px; }
	.container ul li h3 { margin:15px 15px 0px 15px; }
	.container ul li:first-child img { width:40%; margin-left: 20%; }
	.container ul.col3366 li:first-child h2 { text-align: right; }
	.container ul.col3366 li:first-child h3 { text-align: right; }
	.container ul.col3366 li { width:33.5%; }
	.container ul.col3366 li:last-child { width:66.5%; }
	.container ul.col3366 li:last-child p{ max-width:700px; }
	.container ul.col5050 li { width:49.5%; }
	.container ul.col5050 li p{ margin:15px 42px 0px 42px; }
	.container ul.col333 li { width:33%; }
	.container ul ul.img { margin:25px 20px 30px 20px;  }
	.container ul ul.img li { width:80%; }
	.container ul ul.img li h3{ margin: 0px 20px 0px 20px; }
	.container ul ul.img li:first-child { width:20%; }
	.container ul ul.img li:first-child img{ width:100%; margin:0px; }
	.container ul li h3.img { display:inline-block; vertical-align: middle; }
	.container ul li h3.img img { width:20%; margin-right:20px;float:left; }
	.container ul.ipartner li img{ width:40%; margin:20px 0px 0px 0px; }
	.container ul.ipartner li img{ display:none; }
	.container ul.ipartner li.dsk{ display:inline-block; }
	.container ul.ipartner li.dsk img{ display:inline; width:40%; margin:20px 0px 0px 0px; }
	.container ul li img.imgteam { width:40%; margin-left: 20%; margin-right:-7%; margin-bottom:30px; float:left; }
	.container ul li p.imgteam { text-align:left; margin-top:15%; text-transform: uppercase; line-height: 20px;font-family: 'Roboto Slab', serif; }
	.container ul li p.imgteam br{ display:inline; }
	.container ul li p.imgteam br:last-child{ clear:left; }
	#forschung #closeforschung img{ margin-top:-12px; max-width:42px; }
	.container ul.kontakt li:last-child #tri{ display:inline; margin-left:-2px; }
	footer { height:70px; line-height: 70px; }
	footer span{ display: inline; }
	footer br{ display: none; }
	footer ul li { width:50%; }
	footer ul li:last-child { display:inline-block; }
}