@charset "utf-8";
/* CSS Document */

@import url('fonts.css');

/************************************************
*** BASICS
************************************************/

body			{ font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 14px; line-height: 24px; color: #85878b; background: #d8d8d8; }
a				{ text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a				{ color: #004179; }
a:hover			{ color: #000000; }
.a-link			{ color: #004179; }
.a-link:hover	{ color: #000000; }
p				{ padding: 0; margin: 0; }

@media (max-width: 767px) {
	.hide-xs	{ display: none !important; }
}
@media (min-width: 768px) {
	.show-xs	{ display: none !important; }
}

.hideit		{ display: none; }

.container-fluid .container		{ padding: 0; }
.container-top					{ height: 40px; }

.bg-white	{ background: #ffffff; }
.bg-shadow	{ background-image: url('../images/shadow.png'); background-position: center top; background-repeat: no-repeat; }
.bg-light	{ background: #f5fafb; }

.text-tuerkis	{ color: #004179; }

.text-justify	{ text-align: justify; }
@media (max-width: 767px) {
	.text-center-xs		{ text-align: center !important; }
}

.seperator		{ width: 100%; height: 1px; background: #d8d8d8; }
.seperator-dark	{ width: 100%; height: 1px; background: #c7c7c7; }

.img-preview	{ width: 100%; padding: 0; overflow: hidden; }
.img-preview-200{ height: 200px; }

.img-lang		{ margin-left: 5px; width: 20px; height: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media (max-width: 767px) {
	.img-lang	{ margin-right: 5px; margin-left: 0 !important; }
}

.img-responsive-full	{ width: 100%; height: auto; margin: 0; border: 0; }

.mehrInfo			{ display: none !important; }

/************************************************
*** CONSENT TOOL
************************************************/

.section-consent-tool										{ position: fixed; z-index: 9999; width: 100%; height: auto; background-color: #004179; color: #ffffff;
															  font-size: 14px; bottom: 0; left: 0; padding-top: 25px; padding-bottom: 25px; }
.section-consent-tool a 									{ color: #ffffff; text-decoration: underline !important; }
.section-consent-tool a:hover								{ color: #ffffff; text-decoration: none !important; }
.section-consent-tool > div 								{ max-width: 1400px; }
.section-consent-tool > div > .row > div 					{ padding-top: 15px; }
.section-consent-tool .custom-control-label					{ font-size: 14px; }
.section-consent-tool small 								{ font-size: 12px; }
.section-consent-tool .text-muted 							{ color: rgba(255,255,255,0.3) !important; }
.section-consent-tool form > .row > div 					{ padding-top: 15px; }
.section-consent-tool .row-settings 						{ height: 0; overflow: hidden; transition: all 500ms ease; }
.section-consent-tool .row-settings-show					{ height: auto !important; overflow: auto !important; }

.section-consent-tool .btn-outline-primary					{ border-color: #ffffff; background-color: transparent; color: #ffffff; }
.section-consent-tool .btn-primary							{ border-color: #ffffff; background-color: #ffffff; color: #004179; }
	
@media (max-width: 576px) {
	.section-consent-tool .post-content						{ height: 90px; overflow-y: scroll; }
}

/************************************************
*** NEWSLETTER
************************************************/

#form-newsletter-anmeldung 					{ margin-top: 20px; }
#form-newsletter-anmeldung .checkbox label	{ font-size: 14px; font-weight: 300; }

/************************************************
*** LOGO
************************************************/

.container-logo				{ border-bottom: 1px solid #d8d8d8; }
.container-logo .img-logo	{ height: 75px; width: auto; }
@media (max-width: 767px) {
	.container-logo .img-logo	{ height: 40px; width: auto; }
}
.container-logo .img-icon	{ height: 34px; width: auto; margin-left: 5px; margin-top: 20.5px; }

/************************************************
*** MARGINS / PADDINGS
************************************************/

.p-lef-5	{ padding-left: 5px; }
.p-rig-5	{ padding-right: 5px; }

.m-top-15	{ margin-top: 15px; }
.m-bot-15	{ margin-bottom: 15px; }

.m-top-30	{ margin-top: 30px; }
.m-bot-30	{ margin-bottom: 30px; }

.m-top-45	{ margin-top: 45px; }
.m-bot-45	{ margin-bottom: 45px; }

.p-top-15	{ padding-top: 15px; }
.p-bot-15	{ padding-bottom: 15px; }

.p-top-30	{ padding-top: 30px; }
.p-bot-30	{ padding-bottom: 30px; }

.p-top-45	{ padding-top: 45px; }
.p-bot-45	{ padding-bottom: 45px; }

/************************************************
*** HEADLINES
************************************************/

h1	{ font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 24px; line-height: 30px; color: #004179; margin: 0; padding: 0; }
h2	{ font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 18px; line-height: 22px; color: #004179; margin: 0; padding: 0; }
h3	{ font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 16px; line-height: 20px; color: #004179; margin: 0; padding: 0; }
h4	{ font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 14px; line-height: 18px; color: #004179; margin: 0; padding: 0; }

/************************************************
*** MOBILE NAVIGATION
************************************************/

.xs-menu-item		{ margin: 0; margin-top: 5px; font-size: 30px; line-height: 30px; color: #85878b; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
					  border-radius: 0; border: 0 !important; text-shadow: none !important; box-shadow: none !important; background: none; padding: 0; }
.xs-menu-item:hover	{ color: #004179; }

.xs-menu-item-close			{ margin: 0; margin-top: 5px; font-size: 30px; line-height: 30px; color: #eaeaea; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
							  border-radius: 0; border: 0 !important; text-shadow: none !important; box-shadow: none !important; background: none; padding: 0; }
.xs-menu-item-close:hover	{ color: #ffffff; }

/************************************************
*** OWL CAROUSEL AKTUELLES
************************************************/

@media (min-width: 768px) and (max-width: 991px) {
	.container-owl-aktuelles	{ width: 765px; }
	.col-owl-aktuelles-fix		{ padding-left: 20px; padding-right: 20px; }
}
@media (min-width: 992px) and (max-width: 1199) {
	.container-owl-aktuelles	{ width: 985px; }
	.col-owl-aktuelles-fix		{ padding-left: 20px; padding-right: 20px; }
}
@media (min-width: 1200px) {
	.container-owl-aktuelles	{ width: 1185px; }
	.col-owl-aktuelles-fix		{ padding-left: 20px; padding-right: 20px; }
}

#owl-aktuelles .item		{ margin: 7.5px; }
@media (max-width: 767px) {
	#owl-aktuelles .item		{ margin: 0; }
}

#owl-aktuelles .item img	{ display: block; width: 100%; height: auto; }
.owl-theme .owl-controls	{ text-align: right; }
.owl-theme .owl-controls .owl-buttons div	{ color: #ffffff; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; background: #85878b;
											  filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: 0.3s;
											  -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover	{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }

/************************************************
*** OWL CAROUSEL SLIDER
************************************************/

#owl-slider				{ height: auto; }
#owl-slider .item img	{ display: block; width: 100%; height: auto; }

/************************************
*** MEDIA
************************************/

.iframe-teaser			{ overflow: hidden !important; margin-top: 15px; }
.iframe-teaser .ratio 	{ display: block; width: 100%; height: auto; }
.iframe-teaser iframe 	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
@media (max-width: 767px) {
	.iframe-teaser iframe 	{ position: absolute; top: 0; left: 15px; width: 92%; height: 100%; }
}

.media-responsive		{ position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%; }
.media-responsive .embed-responsive-item,
.media-responsive iframe,
.media-responsive embed,
.media-responsive object,
.media-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

/************************************
*** FOOTER
************************************/

.container-footer			{ font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 12px; line-height: 16px; }
.container-footer a			{ color: #85878b; }
.container-footer a:hover	{ color: #000000; }
.col-footer-logos img		{ height: 40px; width: auto; margin-right: 10px; }

/************************************
*** KONTAKT
************************************/

.google-maps		{ border: 0; width: 100%; height: 350px; margin: 0; }
.google-maps-2		{ border: 0; width: 100%; height: 350px; margin: 0; }

label				{ font-weight: 300; }
.form-control:focus { border-color: #96c2c8; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150, 194, 200, .6);
					  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150, 194, 200, .6); }

.alert-container 	{ max-width: 550px; margin-top: 200px; }
.alert-container div{ text-align: left; text-shadow: none; }
.alert				{ padding: 35px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0; }
.alert > p,
.alert > ul			{ margin-bottom: 0; }
.alert > p + p		{ margin-top: 5px; }
.alert .close		{ margin-top: -6px; }
.alert-dismissible			{ padding-right: 35px; }
.alert-dismissible .close 	{ position: relative; top: -12px; margin-top: -12px; right: -31px; color: inherit; }


.alert-success 		{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-success strong	{ color: #9dc112; }
.alert-danger		{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-danger strong	{ color: #a94442; }

.close				{ float: right; font-size: 30px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0; opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: 0.3s;
					  -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.modal-backdrop.in	{ filter: alpha(opacity=80); opacity: .8; }

/************************************
*** BREADCRUMB
************************************/

.breadcrumb						{ padding: 8px 15px; list-style: none; background-color: #f5f5f5; border-radius: 0; }
.breadcrumb > li				{ display: inline-block; }
.breadcrumb > li + li:before	{ padding: 0 5px; color: #ccc; content: "/\00a0"; }
.breadcrumb > .active			{ color: #777; }

/************************************
*** PANEL
************************************/

.buttonPanel	{ display: block; }

.panel			{ margin-top: 15px !important; background-color: #fff; border: 1px solid transparent; border-radius: 0 !important; -webkit-box-shadow: 0 !important; box-shadow: 0 !important;
				  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.panel-body		{ padding: 15px; }
.panel-heading	{ padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; }

.panel-default							{ border-color: #f7f7f7; }
.panel-default > .panel-heading			{ border-left: 4px solid #004179; color: #85878b; background-color: #f7f7f7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;
										  -o-transition: 0.3s; transition: 0.3s; }
.panel-default > .panel-heading:hover	{ border-left: 4px solid #004179; color: #004179; background-color: #f7f7f7; padding-left: 20px; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border: 0; }

.collapse-link			{ color: #004179 !important; display: block; }
.collapse-link:hover	{ color: #004179 !important; }
.collapse-link:active	{ color: #004179 !important; }


/************************************
*** BUTTONS / LIST
************************************/

.btn				{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn-primary		{ color: #ffffff; background-color: #004179; border-color: #003059; }
.btn-primary:hover	{ color: #ffffff; background-color: #195990; border-color: #004179; }

.list-archiv				{ list-style: none; margin: 0; padding: 0; }
.list-archiv-item			{ width: 100%; height: auto; padding: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 7px; }
.list-archiv-item a			{ display: block; padding: 10px 0 10px 10px; color: #85878b; border-left: 2px solid #d8d8d8; background: #f7f7f7; }
.list-archiv-item a:hover	{ display: block; padding: 10px 0 10px 15px; color: #004179; border-left: 4px solid #004179; }

/************************************
*** SOCICONS
************************************/

@font-face				{ font-family: 'socicon'; src: url('../fonts/socicon.eot'); src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'), url('../fonts/socicon.woff') format('woff'),
						  url('../fonts/socicon.ttf') format('truetype'), url('../fonts/socicon.svg#sociconregular') format('svg'); font-weight: normal; font-style: normal; text-transform: initial; }
.socicon				{ font-family: 'socicon' !important; }
[class^="socicon-"],
[class*=" socicon-"]	{ font-family: 'socicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; 
						  -moz-osx-font-smoothing: grayscale; }
.a-link-socicon			{ background-color: #85878b; color: #ffffff; padding: 5px 5px 2px 5px; font-size: 22px; margin-left: 5px; margin-top: 20.5px; }
.a-link-socicon:hover	{ background-color: #004179; color: #ffffff; }
.col-socicon			{ padding-top: 50.5px !important; }

/************************************
*** SCROLL TO TOP
************************************/

#back-top				{ position: fixed; bottom: 30px; margin-left: -150px; text-align: center; }
#back-top a				{ display: block; background: #eaeaea; color: #85878b; padding: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#back-top a:hover		{ background: #004179; color: #ffffff; }