@charset "UTF-8";
/* ------------------------------------------------------------------------- */
/* WEBFONTS: */
@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('../fonts/librebaskerville-regular-webfont.eot');
    src: url('../fonts/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/librebaskerville-regular-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-regular-webfont.woff') format('woff'),
         url('../fonts/librebaskerville-regular-webfont.ttf') format('truetype'),
         url('../fonts/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('../fonts/librebaskerville-italic-webfont.eot');
    src: url('../fonts/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/librebaskerville-italic-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-italic-webfont.woff') format('woff'),
         url('../fonts/librebaskerville-italic-webfont.ttf') format('truetype'),
         url('../fonts/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_baskervillebold';
    src: url('../fonts/librebaskerville-bold-webfont.eot');
    src: url('../fonts/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('../fonts/librebaskerville-bold-webfont.woff') format('woff'),
         url('../fonts/librebaskerville-bold-webfont.ttf') format('truetype'),
         url('../fonts/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ------------------------------------------------------------------------- */
/* RESET: */
* {margin: 0; padding: 0; line-height: inherit; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; font-size: 100%; cursor: inherit; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html {font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; width: 100%; height: 100%; font-size: 100.01%; line-height: 1.5;}
body {position: relative; width: 100%; min-width: 320px; height: 100%; -webkit-text-size-adjust: none; -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: pan-x, pan-y !important; touch-action: pan-x, pan-y !important;}
img, a img {display: block; border: 0 none;}
div, span {cursor: default; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a {display: inline-block; color: inherit; text-decoration: none; cursor: pointer; outline: 0 none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a span {cursor: inherit;}
table {display: table; table-layout: auto; border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal; float: none !important;}
table, th, td {vertical-align: top;}
tr {display: table-row;}
td {display: table-cell;}
b, strong {font-weight: bold;}
i {font-style: italic;}
input, label, select, textarea {outline: 0 none; display: inline-block;}
label, select, option, input[type=checkbox], input[type=radio] {cursor: pointer; outline: 0 none;}
ul, li {list-style: none; cursor: default;}
input, textarea {/*-webkit-appearance: none;*/ -webkit-border-radius: 0 0 0 0;}
textarea {overflow: auto; zoom: 1;}
sub {display: inline; vertical-align: sub; font-size: 65%; line-height: 0.5;}
sup {display: inline; vertical-align: super; font-size: 65%; line-height: 0.5;}
body.js noscript {display: none;}
/*::-moz-selection {background: transparent none; background-color: rgba(0, 0, 0, 0); color: inherit; text-shadow: none;}
::selection {background: transparent none; background-color: rgba(0, 0, 0, 0); color: inherit; text-shadow: none;}*/
/*input::-moz-selection, textarea::-moz-selection {background: #cccccc none; color: inherit;}
input::selection, textarea::selection {background: #cccccc none; color: inherit;}*/
/* ------------------------------------------------------------------------- */
/* COMMON CLASSES: */
.clear {clear: both;}
/* ------------------------------------------------------------------------- */
/* MAIN LAYOUT: */
body {background: #dddddd none;}
#page {position: relative; width: 90%; max-width: 980px; min-height: 100%; margin: 0 auto 0 auto; background: #ffffff none;}
#logoMain {width: 100%;}
#logoMainMobile {display: none;}
h1 {display: block; padding: 30px 8% 30px 8%; font-size: 26px; line-height: 125%; color: #ffffff; background: #477f96 none; font-family: 'libre_baskervilleregular', TimesNewRoman, 'Times New Roman', Times, serif;}
h2 {display: block; padding: 6px 0 0 11px; font-size: 24px; line-height: 125%; color: #477f96; font-weight: bold; font-family: 'libre_baskervilleregular', TimesNewRoman, 'Times New Roman', Times, serif;}
.imprint h2 {padding: 6px 0 6px 0;}
.imprint ul {padding-left: 20px; margin-bottom: 30px;}
.imprint li {list-style: outside square;}
h3 {display: block; padding: 6px 0 4px 0; font-size: 19px; line-height: 125%; color: #477f96; font-weight: bold; font-family: 'libre_baskervillebold', TimesNewRoman, 'Times New Roman', Times, serif;}
h4 {padding-left: 11px;}
.content {padding: 30px 8% 50px 8%; font-size: 17px; line-height: 153%;}
.content.logo {padding: 0 0 0 0;}
p {margin: 0 0 30px 0;}
p a {font-weight: bold; color: #477f96; text-decoration: underline;}
p a:hover {color: #000000;}
#footer {position: absolute; bottom: 0; left: 0; right: 0; padding: 4px 8% 4px 8%; color: #ffffff; background: #477f96 none; font-size: 12px; line-height: 100%; font-family: 'libre_baskervilleregular', TimesNewRoman, 'Times New Roman', Times, serif;}
#footer a {margin: 0 0 0 10px; text-decoration: underline; color: #ffffff;}
.contact {float: left; width: 47%; height: auto; min-height: 475px; padding: 5px 0 0 0; margin: 0 0 30px 0; border: 2px solid #477f96;}
.contact.first {margin-right: 4%;}
.contact .col1 {float: left; width: 30%; margin: 0 5% 30px 3%; text-align: right; font-weight: bold;}
.contact .col2 {float: left; width: 62%; margin: 0 0 30px 0;}
.contact .th {position: relative; height: 142px; color: #e10f1a; font-size: 20px; line-height: 124%; font-family: 'libre_baskervillebold', TimesNewRoman, 'Times New Roman', Times, serif;}
.contact .th.col2 {height: auto; padding-top: 89px;}
.contact .th img {position: absolute; bottom: 0; right: 0; width: 100%; max-width: 120px;}
.contact a {color: #000000;}
.image, .clip {margin: 0 0 30px 0; border: 2px solid #477f96;}
.image img, .clip img {width: 100%; height: auto;}
.image.mobile, .clip.mobile {display: none;}
/* ------------------------------------------------------------------------- */
/* MOBILE */
@media screen and (max-width: 379px) {
	#page {width: 100%;}
	h1 {font-size: 28px;}
	.content {font-size: 16px;}
	.contact .th img {position: static;}
	.contact .th.col1 {float: none; width: 100%; height: auto;}
	.contact .th.col2 {float: none; width: 93%; height: auto; padding: 0 0 0 7%;}
}
@media screen and (max-width: 479px) {
	#logoMain {display: none;}
	#logoMainMobile {display: block; width: 100%;}
}
@media screen and (max-width: 639px) {
	.image.desktop, .clip.desktop {display: none;}
	.image.mobile, .clip.mobile {display: block;}
}
@media screen and (max-width: 1023px) {
	.contact {width: 100%; margin-right: 0; padding-top: 3%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}