@charset "utf-8";
/* CSS Document */
/* Farben
--------------------------------------------------- 
Schrift: color:#6B6B6B;
Rot: color:#cf1c28;
*/
/* fonts
--------------------------------------------------- */
@font-face {font-family: 'open_sansregular'; src: url('opensans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'open_sansbold'; src: url('opensans-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'open_sansitalic'; src: url('opensans-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'open_sansbolditalic'; src: url('opensans-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'open_sanssemibolditalic'; src: url('opensans-semibolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'vag_roundet'; src: url('vagrounded_regular-webfont.woff2') format('woff2'); font-weight: normal; font-style: normal;}

/* basics 
--------------------------------------------------- */
body, html, header, div, ul{margin:0; padding:0;}
* { padding: 0; margin: 0; }

img { max-width: 100%; height: auto; } 

body{
	color: #11288a;
	font-family: 'open_sansregular', sans-serif;
	font-size: 18px;
	line-height: 150%;
	background-color: #f7f5f4;
}


#language { max-width: 1200px; margin: 25px auto 0 auto; text-align: right;}
#language > a img{ margin-right: 20px; border-radius: 3px;}

article{
	max-width: 750px;
	margin: 25px auto 0 auto;
	text-align: center;
}

.text1{color:#5868ad; font-family: 'open_sansbolditalic'; line-height: 180%; margin-top: 7px;}
.text2{font-family: 'vag_roundet'; font-size: 29px; line-height: 180%;}
.text2 a{font-size: 24px; text-decoration: none; color: #73625c; transition: color 1s; line-height: 150%; margin-top: -6px; display: inline-block;}
.text2 a:hover{color:#c5beba;}

.box{ border-radius: 12px; font-family: 'open_sansbold'; padding: 20px 40px; margin: 45px 0; font-size: 16px;}
.box1{ background-color: #11288a; color: #fff; }
.box2{ background-color: #efebe8; color: #11288a; }
.box3{ background-color: #a0ab00; color: #fff; }
.box3 a:link, .box3 a:visited{ color:#fff;}
 hr{
border: 0;
height: 2px;
background-color: #e3ecd4;
} 

/* header
--------------------------------------------------- */
header {

}
#institutions{
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	background-color: #efebe8;
}
#institutions > img{ padding: 40px;}
/* navigation
--------------------------------------------------- */
nav{text-align: center; padding: 20px 0;}
nav ul{
	list-style-type: none;
	margin: 10px 0 0 0;
}
nav li {
	display: inline;
	padding: 0 9px;
}
nav li a{ color:#73625c; text-decoration: none; transition: color 1s; font-family: 'open_sansbold';}
nav li a:hover{ color:#efebe8;}

@media all and (max-width : 700px) {
	nav li {
		display:block;
		padding: 9px;
	}
}

/* form
--------------------------------------------------- */
input{ 
	width: 100%;
	padding: 20px;
	font-family: 'vag_roundet';
	font-size: 24px;
	margin: 7px 0 25px 0;
	border: none;
	border-radius: 3px;
}
		input[type="submit"]{
	color: #fff; transition: color 1s; 
			background-color: #11288a; transition: background 1s; 
			cursor: pointer; 
}
		input[type="submit"]:hover {
	color: #11288a;
			background-color: #efebe8;

}
.respond{background-color: #fff; color: #11288a; text-align: center; padding: 30px; font-weight:bold; font-size:24px; line-height:150%;}

/* footer
--------------------------------------------------- */

footer{background-color: #11288a; padding: 25px 0; margin-top: 80px;}
#footerchild{max-width: 1200px; margin: 0 auto; text-align: right; color: #fff;}
footer a{ text-decoration: none; color: #fff;}


/* Text 
--------------------------------------------------- */
h1{
	color:#79ad2c;
	font-size: 1.5rem;
	line-height: 120%;
	padding: 15px 0 25px 0;
}