@charset "UTF-8";

/* CSS Document */
@import url("//hello.myfonts.net/count/2e5f61");

@font-face {
    font-family: 'DarwinAlt-ExtraLight';
    src: url('../fonts/Darwin/2E5F61_0_0.eot');
    src: url('../fonts/Darwin/2E5F61_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/Darwin/2E5F61_0_0.woff2') format('woff2'), url('../fonts/Darwin/2E5F61_0_0.woff') format('woff'), url('../fonts/Darwin/2E5F61_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'DarwinAlt-Bold';
    src: url('../fonts/Darwin/2E5F61_1_0.eot');
    src: url('../fonts/Darwin/2E5F61_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/Darwin/2E5F61_1_0.woff2') format('woff2'), url('../fonts/Darwin/2E5F61_1_0.woff') format('woff'), url('../fonts/Darwin/2E5F61_1_0.ttf') format('truetype');
}


body { margin: 0; padding: 0; font-family: 'DarwinAlt-ExtraLight', sans-serif; line-height: 1.4em; font-size: 18px; }

@media screen and (max-width: 980px) {
	body { font-size: 16px; }
}

.sectionOuter { position: relative; padding: 0 3%; }
.sectionInner { position: relative; margin: 0 auto; max-width 1280px; padding: 1rem 0; }

#sectionTop { color: #FFF; background-color: #424242; height: 110px; }
	div.metaLinks { display: block; } 
	div.metaLinks a { display: inline-block; position: relative; font-size: .95rem; padding-left: 1.3rem; margin-right: 1.5rem; color: #FFF; text-decoration: none; }
	div.metaLinks a:hover { color: #009DD3; }
	.btnImprint:before { font-family: FontAwesome; position: absolute; left: 0; content: '\f129'; }
	.btnHome:before { font-family: FontAwesome; position: absolute; left: 0; content: '\f015'; }
	.btnDataprotection:before { font-family: FontAwesome; position: absolute; left: 0; content: '\f023'; }

	#sectionTop img.logo { width: 400px; height: auto; float: right; margin: 1rem 0; clear: both; }

	@media screen and (max-width: 600px) {
		#sectionTop img.logo { width: 75%; margin: auto; margin-top: 1.5rem; float: none; clear: both; display: block; }
	}

#sectionContent {}
	#sectionContent .sectionInner { padding: 2rem 0; }
	#navi { width: 29.5%; display: inline-block; vertical-align: top; box-sizing: border-box; padding-right: 3rem;  }
		#navi a { display: block; margin-bottom: .5rem; background-color: #EFEFEF; padding: .75rem 2rem .75rem 1rem; color: #000; text-decoration: none; position: relative; font-weight: normal; font-family: 'DarwinAlt-ExtraLight'; } 
		#navi a:hover { text-decoration: underline; }
		#navi a:hover:after { position: absolute; right: .5rem; font-family: FontAwesome; content: '\f105'; font-size: 2rem; color: rgba(0,0,0,0.5); } 
		#navi a.active { color: #FFF; background-color: #009DD3; }
		#navi a.active:hover:after { color: #FFF; }

	#content { width: 70%; display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 3rem; border-left: 1px solid #E0E0E0; }

	@media screen and (max-width: 980px) {
		#navi { width: 44%; }
		#content { width: 55%; }
	}

	@media screen and (max-width: 600px) {
		#navi { display: block; width: 100%; margin-bottom: 2rem; padding-right: 0; }
		#content { display: block; width: 100%; padding-left: 0; border-left: 0; }
	}

.contentImage { display: block; width: 100%; height: auto; margin-bottom: 2rem; }

/*Typo*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'DarwinAlt-Bold', sans-serif; line-height: 1.2em; margin-top: .5em; }

h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3, h4, h5, h6 { font-size: 1.6rem; }

@media screen and (max-width: 900px) {
	h1 { font-size: 1.8rem; }
	h2 { font-size: 1.6rem; }
	h3, h4, h5, h6 { font-size: 1.4rem; }
	
	#navi a { display: block; margin-bottom: .5rem; background-color: #EFEFEF; padding: .5rem 2rem .5rem 1rem; }
}

strong { font-weight: normal; font-family: 'DarwinAlt-Bold', sans-serif; }

a { color: #009DD3; }
a:hover { text-decoration: none; }

.clearFloat { clear: both; }

/*Tabellen*/
div.tableContainer { width: 100%; overflow: auto; }
div.tableContainer table { min-width: 500px; }

table { border-spacing: 3px; border-collapse: separate; }
table tr td { padding: .5rem 2rem .5rem 0; border-top: 1px solid #E0E0E0; vertical-align:top; }
table tr th { text-align: left; border-bottom: 1px solid #009DD3; border-top: 1px solid #009DD3; padding: .5rem 2rem .5rem 0; font-family: 'DarwinAlt-Bold'; font-weight: normal; }
table tr td p { margin-top: 0; margin-bottom: 0; }
table tbody tr:first-child td { border-top: 0px none; }