/****************************************/
/*** Fonts
/****************************************/

@font-face {
    font-family: 'Aller';
    src: url('../f/aller/aller_lt-webfont.eot');
    src: url('../f/aller/aller_lt-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../f/aller/aller_lt-webfont.woff') format('woff'),
         url('../f/aller/aller_lt-webfont.ttf') format('truetype'),
         url('../f/aller/aller_lt-webfont.svg#Aller') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllerBold';
    src: url('../f/aller/aller_bd-webfont.eot');
    src: url('../f/aller/aller_bd-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../f/aller/aller_bd-webfont.woff') format('woff'),
         url('../f/aller/aller_bd-webfont.ttf') format('truetype'),
         url('../f/aller/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/****************************************/
/*** Basic
/****************************************/

body {
	position: relative;
	font-family: 'Aller', Arial, Helvetica, sans-serif;	
	color: #444;
}

.page {
	background: #fff;
}

a {
	color: #005F86;
}

h1,h2,h3,h4,h5,h6 {
	color: #005F86;
	text-transform: uppercase;
	/*font-weight: 800;*/
}

h1 {
	font-size: 4em;
}

.csc-bulletlist li {
	font-size: 1.4em !important;
}

p {
	font-size: 1.4em;
	padding: 15px 0;
}

.bg-blue {
	background: #005f86;
	color: #fff;
}

.bg-blue a {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}

.bg-blue a:hover {
	color:#fff;
	text-decoration: underline;
}

.blue {
	color: #005f86;
}

.white {
	color: #fff;
}

.align-right {
	text-align: right;	
}

.align-center {
	text-align: center;	
}

.full-width img {
	width: 100% !important;
}

.clearer-20 {
	height: 20px;
}

.clearer-30 {
	height: 30px;
}

.clearer-40 {
	height: 40px;
}

.clearer-50 {
	height: 50px;
}

.clearer-60 {
	height: 60px;
}


/****************************************/
/*** Head
/****************************************/

#nav {
	list-style: none;
	font-family: 'AllerBold';
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top:25px;
	background:#fff;
}

.navbar {border-top:6px solid #669FB6;}

#nav li {
	float: left;
	list-style: none;
	text-align:center;
	padding-bottom: 10px;
}

#nav li a {
	color: #444;
	text-align:center;
}

#nav li:hover,
#nav li:hover a {
	color: #005f86;
	text-decoration: none;
}

#nav li.active,
#nav li.active a {
	color: #005f86;
}

.Impressum #nav p {
	font-size: 1.4em !important;
}

.quick-contact {
	line-height: 1.8em;
	font-size: 0.8em;
}

#nav ul {
	display: none;
	position: absolute;
}

#nav li:hover ul {
	display: block;
	top: 30px;
	margin-left: -30px;
	font-family: 'Aller', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	background: #6894AF;
	padding: 0px;
	z-index: 10000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
}

#nav ul li {
	padding: 5px 20px !important;
	width: 100%;
}

#nav ul li.first {
	padding-top: 5px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;	
}

#nav ul li.last {
	padding-bottom: 5px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;	
}

#nav ul li.line {
	border-bottom: 1px solid #fff;
}

#nav ul li a {
	color: #fff !important;
}

#nav ul li.active,
#nav ul li:hover {
	background: #005F86;
}

header {
	/*position: relative;
	background: #669FB6;
	height: 8px; */
}

.mobile-nav {
	display: none;
	position: absolute;
	top: -244px;
	width: 100%;
	padding: 20px 0 15px;
	background: #669FB6;
	z-index: 100000;
	opacity: 0.95;
}

.mobile-nav .col-xs-3 {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.mobile-nav .col-xs-3.last {
	border-right: 1px solid #fff;
}

.mobile-nav ul {
	padding-left: 0px;
	list-style: none;
}

.mobile-nav ul li {
	text-align: center;
	line-height: 100px;
}

.mobile-nav ul li:hover {
	background: #005F86;
}

.mobile-nav ul li a {
	color: #fff;
	font-size: 1.3em;
	width: 100% !important;
	text-transform: uppercase;
}

.mobile-nav .fa.fa-align-justify {
	padding-right: 20px;
	padding-top: 30px;
	color: #fff;
	text-align: right;
	background: #669FB6;	
}

.mobile-nav-btn {
	text-align: right;
}

/****************************************/
/*** Home Teaser
/****************************************/

.padding-2 {
	padding: 2px;
}

.teaser {
	padding: 0px;
}

.teaser-down ,
.teaser-up {
	position: relative;
	margin: 2px !important;
}

.teaser-down img,
.teaser-up img {
	width: 100% !important;
	z-index: 50;
}

.teaser-up .teaser-overlay {
	background: #ccdfe7;
	color: #005F86;
	opacity: 0.85;
	bottom: 0px;
}

.teaser-down .teaser-overlay {
	background: #669fb6;
	color: #fff;
	opacity: 0.85;
}

.teaser-overlay {
	position: absolute;
	display: table-cell;
	width: 100%;
	height: 50%;
	font-size: 2.3em;
	text-align: center;
	text-transform: uppercase;
	z-index: 100;
}

.teaser-overlay p {
	font-size: 1.1em;
}

.teaser-down .teaser-overlay p {
	position: relative;
	height: 100%;
	bottom: 0px; 
	vertical-align: middle;
}



/****************************************/
/*** Content
/****************************************/

table tbody tr td {
	vertical-align: top !important;
}

.impressum content p {
	padding: 0 0 25px;
	font-size: 1em;
}

#map {
	height: 300px;
}

.blue-upper,
.lead {
	font-size: 1.6em;
	font-family: 'AllerBold';
	text-transform: uppercase;
}

.blue-upper {
	color: #005F86;
}

.mobileSub {
	text-align: center;
	display: none;
}

.mobileSub ul {
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
}

.mobileSub ul li {
	background: #005F86;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 15px;
}

.mobileSub ul li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5em;
}

.csc-uploads img {
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #D4D4D4;
}



/****************************************/
/*** Powermail
/****************************************/

.tx-powermail h3 {
	display: none;
}

.tx-powermail .powermail_label.powermail_check_legend,
.tx-powermail .powermail_legend {
	padding-top: 15px;
	border-bottom: none;
}

.tx-powermail .powermail_label {
	font-weight: normal;
	width: 100px;
	display: none;
}

.tx-powermail .powermail_label.powermail_check_legend {
	width: 100%;
	display: block;
}

.tx-powermail .powermail_fieldwrap {
	padding: 5px 0;
}

.tx-powermail .powermail_field {
	border: 1px solid #E5E5E5;
	padding: 5px 10px;
	margin-left: 30px;
	color: #aaa;
	width: 350px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

.tx-powermail .powermail_check_outer {
	margin-left: 30px;
}

.tx-powermail .powermail_check_outer label {
	font-weight: normal;
	padding-left: 5px;
}

.tx-powermail .powermail_field.powermail_submit {
	color: #444;
}

.tx-powermail .powermail_field.powermail_submit:hover {
	color: #fff;
	background: #6894AF;
	border-color: #6894AF;
}



/****************************************/
/*** Footer
/****************************************/

footer {
	background: #6894AF;
	color: #fff;
	padding-top: 30px;
}

footer p {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 1em;
}

footer ul {
	list-style: none;
	padding-left: 0px;
	line-height: 1.6em;
	text-transform: uppercase;
	font-size: 1.3em;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}


.clearer-non-mobile {
	display: block;
}

.clearer-mobile {
	display: none;
}

.mobile-center {
	/*text-align: center;*/
}


/****************************************/
/*** Media Queries
/****************************************/

@media (max-width: 1199px) {
	p {
		font-size: 1.3em;
	}
	h2 {
		font-size: 1.9em;
	}
	#nav {
		font-size:1.2em;
	}
	.teaser .teaser-overlay p {
		font-size: 1em;
	}
}

@media (max-width: 991px) {
	p {
		font-size: 1.1em;
	}
	h2 {
		font-size: 1.4em;
	}
	.quick-contact {
		display: none;
	}
	.teaser .teaser-overlay p {
		font-size: 0.8em;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 2.8em;
	}
	h2 {
		text-align: center !important;
	}
	.row.mobile,
	content .row {
		padding: 0 20px;
	}
	header,
	.noneMobile,
	.teaser-overlay img,
	nav {
		display: none;
	}
	.mobile-nav,
	.mobileSub {
		display: block;
	}
	footer {
		padding-left: 20px;
	}
	.logo {
		width: 240px;
	}
	.powermail_check_outer,
	.tx-powermail .powermail_field {
		margin-left: 20px;
		width: 220px;
	} 
	.clearer-non-mobile {
		display: none;
	}
	.clearer-mobile {
		display: block;
	}
	.bg-blue {
		text-align: center;
	}
}