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

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Poppins Light'), local('Poppins-Light'),
       url('../fonts/poppins-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v12-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('../fonts/poppins-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v12-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Poppins Medium'), local('Poppins-Medium'),
       url('../fonts/poppins-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v12-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
       url('../fonts/poppins-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v12-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Poppins Bold'), local('Poppins-Bold'),
       url('../fonts/poppins-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v12-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}


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

html			{ box-shadow: none !important; }
body			{ font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14px; line-height: 1.8; color: #555555; background: #dfdfdf; }

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

p				{ padding: 0; margin: 0; }

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

.hideit						{ display: none !important; }
.container-fluid .container	{ padding: 0; }
.img-responsive-full		{ width: 100% !important; height: auto; margin: 0; padding: 0; }

.img-kachel-3zu2			{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; }
.img-kachel-3zu2:after	 	{ padding-top: 66.66%; /* 3:2 ratio */ display: block; content: ''; }
.img-kachel-3zu2 .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; background-repeat: no-repeat; }

.container-enlarge	{ width: 100%; max-width: 1380px; }

a .col-kachel p			{ color: #555555; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:hover .col-kachel p	{ color: #262a81; }
a .col-kachel span		{ color: #555555; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:hover .col-kachel span{ color: #262a81; }

@media (min-width: 768px)
{
	.f-right	{ width: auto; max-width: 40%; height: auto; float: right; margin: 0 0 5px 15px; }
}
@media (max-width: 767px)
{
	.f-right	{ width: 100%; height: auto; margin: 10px 0 10px 0; }
}


/************************************************
*** NAVIGATION
************************************************/

.container-top				{ background: #ffffff; }
@media (max-width: 767px)
{
	.container-top			{ padding-bottom: 25px; }
}

@media (min-width: 768px)
{
	.col-logo				{ height: 45px; padding-top: 30px; padding-bottom: 30px; }
	.col-logo img			{ height: 45px; width: auto; }
	.col-nav				{ height: 105px; text-align: right; }
}
@media (max-width: 767px)
{
	.col-logo				{ padding-top: 25px; padding-bottom: 25px; }
	.col-logo img			{ height: auto; width: 100%; }
	.col-nav				{ text-align: center; background: #f7f7f7; padding: 0; }
}

.flexy-menu					{ width: 100%; margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-weight: 300; list-style: none; background: transparent; }
.flexy-menu li				{ display: inline-block; font-size: 14px; margin: 0; padding: 0; float: none; line-height: 21px; position: relative; border-top: 0; }
@media (max-width: 767px)
{
	.flexy-menu li			{ border-top: 1px solid #ffffff; }
}
.flexy-menu > li > a		{ padding: 39px 20px 42px 20px; color: #494949; text-transform: none; border-top: 3px solid #ffffff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;
							  -o-transition: 0.3s; transition: 0.3s; }
@media (max-width: 767px)
{
	.flexy-menu > li > a	{ padding: 15px; color: #555555; border-top: 0; }
}

.flexy-menu li:hover > a,
.flexy-menu li.active > a 	{ background: #f7f7f7; color: #494949; border-top: 3px solid #272b81; }
@media (max-width: 767px)
{
	.flexy-menu li:hover > a,
	.flexy-menu li.active > a 	{ background: #262a81; color: #fff; border-top: 0; }
}
.flexy-menu li ul li:hover > a	{ color: #ffffff; }
.flexy-menu li ul li:hover > a,
.flexy-menu li ul li.active > a { background: #8c0101; color: #fff; }

.flexy-menu li.right	{ float: right; }

.flexy-menu ul, 
.flexy-menu ul li ul	{ width: auto; background: #cd1617; box-shadow: none; }
.flexy-menu ul			{ top: 50px; left: 0; }
.flexy-menu ul li ul	{ top: 0; left: 100%; }
.flexy-menu ul li		{ width: 100%; border: none; }
.flexy-menu ul li a		{ padding: 15px; width: 100%; min-width: 200px; color: #dedede; }

.flexy-menu > li .indicator			{ color: #666666; top: 28px; right: 50%; font-size: 7px; }
.flexy-menu > li.active .indicator	{ color: #ffffff; }
.flexy-menu > li:hover .indicator	{ color: #ffffff; }
.flexy-menu ul > li .indicator		{ color: #ffffff; top: 10px; right: 15px; }
@media (max-width: 767px)
{
	.flexy-menu > li .indicator		{ color: #ffffff; top: 15px; right: 15px; font-size: 10px; }
	.flexy-menu ul > li .indicator	{ top: 10px; right: 15px; }
}

.flexy-menu > li.showhide				{ display: none; width: 100%; height: 50px; cursor: pointer; color: #555555;
										  border-bottom: 0; background: transparent; }
.flexy-menu > li.showhide span.title	{ font-family: "Poppins", sans-serif; font-weight: 300; font-size: 16px; margin: 15px 0 15px 15px; float: left; }
.flexy-menu > li.showhide span.icon		{ margin: 12px 30px; float: right; color: #555555; font-size: 24px; }
.flexy-menu > li.showhide .icon em		{ margin-bottom: 3px; display: block; width: 20px; height: 2px; background: #ffffff; }


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

.breadcrumb						{ padding: 8px 15px; list-style: none; background-color: #f7f7f7; border-radius: 0; margin: 0; }
.breadcrumb > li				{ display: inline-block; color: #555555; }
.breadcrumb > li + li:before	{ padding: 0 5px; color: #ccc; content: "\00b7"; }
.breadcrumb > li a				{ color: #555555; }
.breadcrumb > li a:hover		{ color: #262a81; }
.breadcrumb > .active			{ color: #555555; }


/************************************
*** LISTE
************************************/

.list			{ margin: 0; padding: 0; list-style: none; }
.list li		{ padding: 0; padding-top: 5px;  margin: 0; }
.list li a		{ display: block; padding: 10px; background: #f7f7f7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.list li a:hover{ background: #262a81; color: #ffffff; }
	

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

.container-footer 				{ color: #666666; }
.container-footer a				{ color: #666666; }
.container-footer a:hover		{ color: #292929; }
.container-footer .seperator	{ width: 100%; height: 1px; background: #999999; padding: 0; margin: 10px 0 10px 0; }


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

h1	{ font-family: "Poppins", sans-serif; font-weight: 300; font-size: 26px; line-height: 1.5; margin: 0; padding: 0; }
h2	{ font-family: "Poppins", sans-serif; font-weight: 300; font-size: 23px; line-height: 1.5; margin: 0; padding: 0; }
h3	{ font-family: "Poppins", sans-serif; font-weight: 300; font-size: 19px; line-height: 1.5; margin: 0; padding: 0; }
h4	{ font-family: "Poppins", sans-serif; font-weight: 600; font-size: 16px; 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; }


/************************************************
*** INPUTS
************************************************/

.form-control			{ }
.form-control:focus		{ border-color: #262a81; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(38, 42, 129, .6);
						  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(38, 42, 129, .6); }


/************************************************
*** LEISTUNGEN
************************************************/

.panel			{ box-shadow: none !important; border-radius: 0 !important; border-color: #f5f5f5 !important; }
.panel-title	{ font-family: "Poppins", sans-serif; font-weight: 300; font-size: 15px; line-height: 1.5; margin: 0; padding: 0; }
.panel-title a	{ display: block; color: #262a81; }
.panel-body		{ border-color: #f5f5f5 !important; }


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

.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; }

.container-google-maps			{ max-width: 100%; width: 1380px; margin: 0 auto !important; padding: 0 !important; height: 400px; }
.container-google-maps iframe	{ width: 100%; height: 400px; border: 0; margin: 0; }
.google-maps-home				{ width: 100%; height: 200px; border: 0; margin: 0; }


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

.btn				{ font-family: "Poppins", sans-serif; font-weight: 300; text-transform: uppercase; font-size: 14px; line-height: 24px; text-decoration: none !important;
					  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn-primary		{ color: #ffffff; background: #262a81 !important; border: 0; }
.btn-primary:hover	{ color: #ffffff; background: #3b40a8 !important; }
.btn-default		{ color: #292929; border-color: #292929; background: none; }
.btn-default:hover	{ color: #cd1617; border-color: #cd1617; background: none; }
.btn-default-2		{ color: #cd1617; border-color: #cd1617; background: none; }
.btn-default-2:hover{ color: #292929; border-color: #292929; background: none; }
.btn-blank			{ margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.btn-blank:hover	{ color: #cd1617 !important; }


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

.text-blue		{ color: #262a81 !important; }
.text-dark		{ color: #555555 !important; }
.text-white		{ color: #ffffff !important; }
.text-grey		{ color: #b6b6b6 !important; }

.text-upper		{ text-transform: uppercase !important; }
.text-bold		{ font-weight: bold; }

.bg-blue		{ background: #262a81 !important; }
.bg-white		{ background: #ffffff !important; }
.bg-dark		{ background: #555555 !important; }
.bg-grey		{ background: #dfdfdf; }
.bg-light		{ background: #f7f7f7; }


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

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

.m-top-15	{ margin-top: 15px !important; }
.m-bot-15	{ margin-bottom: 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-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; }


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

#back-top				{ position: fixed; bottom: 50px; right: 50px; text-align: center; width: 35px; }
#back-top a				{ display: block; background: #dfdfdf; color: #292929; padding: 5px 0 5px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#back-top a:hover		{ background: #262a81; color: #ffffff; }