#nav_main {background: #004e9f;display: flex; flex-wrap: wrap; border-top: 1px solid #fff ; font-size: 80%; }
#nav_main > a {font-size: 120%; font-weight: bold; padding: 0.5em 0.8em 0.5em 0.8em; border-right: 1px solid white; border-bottom: 1px solid white ; text-transform: 
uppercase; max-width: 30%; text-align: center;}
#nav_main >a:hover {background-color: #80b0da; text-decoration: unset;}
#nav_main .dummy {flex:1; border-bottom: 1px solid white;}

#header a, #header a:visited, #header {color: white;}
#header {background-color: #ffffff;}
#header_main a, #header_main a:visited, #header_main {font-size: 110%; color: #004e9f; font-weight: bold;}
#sprachen {min-height: 2em; margin-left: auto; margin-right: 10px; max-width: max-content; font-size: 100%; }
#header_main { padding-top: 20px; background-image: url("https://www.uni-bonn.de/de/universitaet/medien-universitaet/medien-presse-kommunikation/medien-corporate-design/uni_bonn_logo_standard_logo.jpg/images/image/large"); background-size: 200px; background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; hyphens: manual;}
#header_main > h1 > span {display: block; margin-left: 2em; font-size: 55%; font-weight: bold; }
#header_main > h1 {font-weight: normal; margin-left: 15px; margin-bottom: 0em; letter-spacing: -0.025em; line-height: 90%; margin-top: 0.25em;}
#footer {color: #004e9f;background: #ffffff;padding: 10px 20px;border-top: 5px #efefef solid;text-align: center;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-top: 0.25em; margin-bottom: 0.25em; color: #000000; hyphens: manual; }
li {line-height: 1.1em;}
html {background-color: #eaeaea; font-family: "Calibri", sans-serif; color: #444444; hyphens: auto; }
p {line-height: 1.25; }
a {line-height: 1.25; color: #004e9f; text-decoration: none; }
#main a {font-weight: bold; }
a:focus, a:hover, a:active {color: #2a5a8a; text-decoration: underline; }
#topnav {max-width: max-content;margin-left: auto; margin-right: 10px; padding-top: 5px; font-size: 100%; color: #004e9f; }
#topnav a, #topnav a:visited { color: #004e9f; }
#sprachen a, #sprachen a:visited { color: #004e9f; }
#main {display:flex; flex-wrap: wrap; padding: 10px}
#page {max-width: 1200px; margin: auto; margin-top: 1ex; margin-bottom: 1ex; padding: 2px; border-color: gray; border-style: solid; border-width: 2px;background-color: white;}
.box {padding: 10px; border: 1px solid #c0c0c0; background-color: #fafbfc; color: #505050; line-height: 1.5em; margin-bottom: 20px;}
.small {font-size: 75%;}
#col1 {max-width: 74%; font-size: 85%; padding-top: 10px;}
#col1.nonews {max-width: 100%;}
#col2 {max-width: 24%; margin-left: auto;}
#col2.nonews {display: none;}
.subcolumns {display: flex; flex-wrap: wrap; column-gap: 3em;}
.subcolumns > div {width: calc(50% - 3em);}
img {max-width: 100%;}
img.screenshot {margin: 1em;}
img.centered{margin: auto; display: block;}
img.narrow{max-width: 50%;}


#main {font-size: 110%;}
h1 {font-size: 200%;}
h2 {font-size: 160%;}
h3 {font-size: 155%;}
h4 {font-size: 140%;}
h5 {font-size: 130%;}
h6 {font-size: 120%;}

#header_main > h1 {color: #004e9f;}
#header_main > h2 {color: #004e9f;}




td, th { line-height: 1.7; } /* Zeilenabstand in Listen */

@media only screen and (max-width: 1000px) {
	#page {width: unset;}
	#col1 {max-width: 70%; margin-left: 5px;}
	#col2 {max-width: 29%;}
	.subcolumns > div {width: 100%;}
}
@media only screen and (max-width: 650px) {


	#page {width: unset;}
	#col1 {max-width: 100%; margin-left: 5px; margin-right: 5px;}
	#col2 {max-width: 100%; margin-left: 5px; margin-right: 5px;}
	#page {margin: auto;}
	.subcolumns > div {width: 100%;}
	#nav_main > a {flex-grow: 1; }
	#header_main > h1 {font-size: 120%; margin-left: 15px;}
	#header_main { background-size: 100px; background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; hyphens: manual;}
	#header_main > h1 {font-size: 120%; margin-right: 50%;}
	#header_main > a {font-size: 120%; margin-right: 50%;}
	#nav_main {font-size: 70%;}
}
	
@media only screen and (max-width: 360px) {
	#header_main > h1 {font-size: 120%; margin-left: 15px;}
	#header_main > a {font-size: 120%; margin-left: 15px;}
	#header_main > h1 > span {margin-left: 1em;}
}