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

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

html			{ box-shadow: none !important; }
body			{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 13px; line-height: 1.9; color: #666666; background: #002956; padding-bottom: 100px; }

a				{ color: #666666; text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:active		{ color: #002956; }
a:focus			{ color: #002956; }
a:hover			{ color: #002956; }

.hideit			{ display: none !important; }

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

p							{ padding: 0; margin: 0; }
.container-fluid .container	{ padding: 0; }
.img-logo					{ width: 130px; height: auto; margin: 0 auto; }

.container-topbar			{ position: fixed; width: 100%; z-index: 500; }
.col-topbar					{ font-size: 13px; text-align: center; }
.col-topbar a				{ color: #ACC3E6; }
.col-topbar a:hover			{ color: #ffffff; }

@media (max-width: 767px)
{
	.img-teaser			{ width: 100%; height: auto; margin: 0 auto; }
	.container-enlarge	{ background: #ffffff; }
}
@media (min-width: 767px) and (max-width: 991px)
{
	.img-teaser			{ width: 100%; max-width: 850px; height: auto; margin: 0 auto; }
	.container-enlarge	{ width: 100%; max-width: 850px; padding: 50px !important; background: #f2f2f2; }
}
@media (min-width: 992px) and (max-width: 1199px)
{
	.img-teaser			{ width: 100%; max-width: 1070px; height: auto; margin: 0 auto; }
	.container-enlarge	{ width: 100%; max-width: 1070px; padding: 50px !important; background: #f2f2f2; }
}
@media (min-width: 1200px)
{
	.img-teaser			{ width: 100%; max-width: 1270px; height: auto; margin: 0 auto; }
	.container-enlarge	{ width: 100%; max-width: 1270px; padding: 50px !important; background: #f2f2f2; }
}

.img-teaser-full		{ width: 100%; height: auto; }

.item-leistung				{ padding: 0 !important; display: table; width: 100%; background: #ffffff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;
							  -o-transition: 0.3s; transition: 0.3s; }
.item-leistung:hover		{ background: #002956; }
.item-leistung:hover .item-leistung-txt	{ color: #ffffff; }
.item-leistung-img			{ width: 50%; /* whatever width you want */ display: table-cell; position: relative; }
.item-leistung-img:after	{ padding-top: 99.99%; /* 1:1 ratio */ display: block; content: ''; }
.item-leistung-img .main	{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-size: cover; -moz-background-size: cover; -ms-background-size: cover;
							  -o-background-size: cover; -webkit-background-size: cover; background-position: center; }
.item-leistung-txt			{ width: 50%; display: table-cell; vertical-align: middle; color: #002956; font-size: 16px; }
.item-leistung:hover .item-leistung-txt	{ color: #ffffff; }

#google-map									{ width: 100%; height: 400px; }
#google-map .google-map-alert				{ background-color: #eaeaea; width: 100%; height: 400px; display: flex; align-items: center; text-align: center; }
#google-map .google-map-alert-content		{ max-width: 500px; margin: 0 auto; }
#google-map .google-map-alert-text 			{ color: #000000; padding-top: 20px; font-size: 14px; }	
#google-map .google-map-alert-text a 		{ color: #000000; text-decoration: underline; }

.col-footer a			{ color: #ACC3E6 !important; }
.col-footer a:hover		{ color: #ffffff !important; }

.seperator				{ width: 100%; height: 1px; margin: 0; padding: 0; background: #eaeaea; }


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

/*
h1	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 40px; line-height: 1.5; margin: 0; padding: 0; }
h2	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 30px; line-height: 1.5; margin: 0; padding: 0; }
h3	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 25px; line-height: 1.5; margin: 0; padding: 0; }
h4	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0; padding: 0; }
h5	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; }
h6	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; margin: 0; padding: 0; }
*/

h1	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 25px; line-height: 1.5; margin: 0; padding: 0; }
h2	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0; padding: 0; }
h3	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; }
h4	{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; margin: 0; padding: 0; }


/************************************************
*** CALLOUTS
************************************************/

.callout			{ width: 100%; height: auto; padding: 20px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; background: #f4f4f4; color: #393938; text-align: center;
					  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #cbcbcb; }
.callout:hover		{ border: 1px solid #3d2474; }
.callout a			{ color: #393938; }
.callout a:hover	{ color: #3d2474; }
.callout .glyphicon,
.callout .socicon	{ margin-left: 6px; margin-right: 2px; }
.callout h3			{ padding-bottom: 5px; }


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

.form-control			{ border-radius: 0; font-size: 13px; }
.form-control:focus		{ border-color: #ACC3E6; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.control-label			{ font-weight: 400 !important; text-align: left !important; }

.nav-tabs				{ border-bottom: 1px solid #808080; }
.nav-tabs li a			{ border-radius: 0; color: #ffffff; }
.nav-tabs li a:hover	{ background: #000000; }
.nav-tabs li.active a	{ border-radius: 0; color: #000000; }
.nav-tabs li a			{ border: 0 !important; }
.nav-tabs li.active a	{ border: 0 !important; }

.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; }
.modal				{ margin-top: 200px; }
@media (max-width: 767px)
{
	.modal			{ margin-top: 30px; }
}
.modal-header		{ text-align: left; }
.modal-body			{ text-align: justify; }
.modal-image		{ width: 30%; max-width: 300px; /* whatever width you want */ display: inline-block; position: relative; float: right;
					  margin-bottom: 15px; margin-left: 30px; }
.modal-image:after	{ padding-top: 99.99%; /* 1:1 ratio */ display: block; content: ''; }
.modal-image .main	{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-size: cover; -moz-background-size: cover; -ms-background-size: cover;
							  -o-background-size: cover; -webkit-background-size: cover; background-position: center; }

.hideit				{ display: none !important; }


/************************************************
*** BUTTONS
************************************************/

.btn				{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 13px; line-height: 1.8; text-decoration: none !important; border-radius: 0;
					  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn-primary		{ color: #ffffff; background: #002956 !important; border: 0; }
.btn-primary:hover	{ color: #ffffff; background: #4662AA !important; }
.btn-default		{ color: #292929; border-color: #292929; background: none; }
.btn-default:hover	{ color: #cd1617; border-color: #cd1617; background: none; }
.btn-black			{ color: #000000; border-color: #000000; background: none; }
.btn-black:hover	{ color: #565655; border-color: #565655; background: none; }
.btn-white			{ color: #ffffff; border-color: #ffffff; background: none; }
.btn-white:hover	{ color: #c6c6c6; border-color: #c6c6c6; background: none; }
.btn-lg				{ font-weight: 800; font-size: 16px; }


/************************************************
*** FARBEN / TEXT
************************************************/

.text-black		{ color: #000000 !important; }
.text-dark		{ color: #2a2a2a !important; }
.text-white		{ color: #ffffff !important; }
.text-light		{ color: #f2f2f2 !important; }
.text-blue-dark	{ color: #002956 !important; }
.text-blue-light{ color: #ACC3E6 !important; }
.text-blue		{ color: #4662AA !important; }

.text-upper		{ text-transform: uppercase !important; }
.text-bold		{ font-weight: bold; }
.text-justify	{ text-align: justify; }
.text-right		{ text-align: right; }
.text-left		{ text-align: left !important; }

.bg-black		{ background: #000000 !important; }
.bg-white		{ background: #ffffff !important; }
.bg-dark		{ background: #2a2a2a !important; }
.bg-light		{ background: #f2f2f2 !important; }
.bg-blue-dark	{ background: #002956 !important; }
.bg-blue-light	{ background: #ACC3E6 !important; }
.bg-blue		{ background: #4662AA !important; }


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

.m-rig-3	{ margin-right: 3px !important; }

.m-top-5	{ margin-top: 5px !important; }
.m-bot-5	{ margin-bottom: 5px !important; }

.m-top-10	{ margin-top: 10px !important; }
.m-bot-10	{ margin-bottom: 10px !important; }

.m-top-15	{ margin-top: 15px !important; }
.m-bot-15	{ margin-bottom: 15px !important; }
.m-lef-15	{ margin-left: 15px !important; }

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

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


.p-top-5	{ padding-top: 5px !important; }
.p-bot-5	{ padding-bottom: 5px !important; }

.p-top-10	{ padding-top: 10px !important; }
.p-bot-10	{ padding-bottom: 10px !important; }

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

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

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


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

.section-consent-tool										{ position: fixed; z-index: 9999; width: 100%; height: auto; background-color: #002956; 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 form .checkbox						{ margin: 0; }
.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 !important; background-color: transparent !important; color: #ffffff !important; }
.section-consent-tool .btn-primary							{ border-color: #ffffff !important; background-color: #ffffff !important; color: #002956 !important; }
	
@media (max-width: 576px) {
	.section-consent-tool .post-content						{ height: 90px; overflow-y: scroll; }
}