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

    @font-face{
        font-family:"Frutiger LT W01_57 Condensed";
        src:url("../fonts/e6c921f4-c7f3-4375-a9e2-2a30e1af2014.eot?#iefix");
        src:url("../fonts/e6c921f4-c7f3-4375-a9e2-2a30e1af2014.eot?#iefix") format("eot"),url("../fonts/5995e4b5-97ff-4823-bebb-dc150282a2cf.woff2") format("woff2"),url("../fonts/bd26bfea-b97f-4b32-b5f6-504be0b1938d.woff") format("woff"),url("../fonts/01a184f4-fea6-4abf-805e-1baebb16eefb.ttf") format("truetype");
    }
    @font-face{
        font-family:"Frutiger LT W01_67 Bold Cond";
        src:url("../fonts/d4125907-9465-43ee-b1eb-b9195f69cec7.eot?#iefix");
        src:url("../fonts/d4125907-9465-43ee-b1eb-b9195f69cec7.eot?#iefix") format("eot"),url("../fonts/4c4ee705-e593-4456-988d-03a5a2594534.woff2") format("woff2"),url("../fonts/e728739a-5d86-4213-9f4f-73394eff3d19.woff") format("woff"),url("../fonts/ec9c2bcd-5001-4da7-985e-6697698f55b3.ttf") format("truetype");
    }
    @font-face{
        font-family:"Frutiger LT W01_77 Black Cond";
        src:url("../fonts/7eee79cd-0bdf-42f5-934b-ea0719e8f972.eot?#iefix");
        src:url("../fonts/7eee79cd-0bdf-42f5-934b-ea0719e8f972.eot?#iefix") format("eot"),url("../fonts/6d87ec2c-6ff9-4959-ae4b-ee78bf6766d9.woff2") format("woff2"),url("../fonts/64002fd1-78f6-4403-bbaa-af1af63a80d9.woff") format("woff"),url("../fonts/350bf429-b295-4652-8bbd-c991c333406b.ttf") format("truetype");
    }
	
	@font-face {
		font-family: "Glyphicons Halflings";
		src: url("../fonts/glyphicons-halflings-regular.eot");
		src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
	}


/* Basis-CSS */

* {	box-sizing : border-box;}

html, body {margin : 0; padding : 0; overflow-x: hidden; font-family: "Frutiger LT W01_57 Condensed"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased !important; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.noshow{display: none;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.nopadding {padding: 0 !important; margin: 0 !important;}

a{color: #39627a;}
a:hover, a:focus {color: #39627a;}
a:link, a:hover{text-decoration: none !important;}

.telmail {display: inline-block; width: 3.8em;}

.font-black, .font-black a, a.font-black{color: #000000 !important;}
.font-white, .font-white a, a.font-white{color: #FFFFFF !important;}
.font-blue, .font-blue a, a.font-blue{color: #39627a !important;}

strong, bold{
	font-family: "Frutiger LT W01_67 Bold Cond";
	font-style: normal;
	font-weight: 400;
}

p{
	font-family:"Frutiger LT W01_57 Condensed";
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 26px;
}

h1{
	font-family: "Frutiger LT W01_67 Bold Cond";
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 38px;
	color: #008bd2;
	text-transform: uppercase;
}

h2{
	font-family: "Frutiger LT W01_67 Bold Cond";
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

h3{
	font-family: "Frutiger LT W01_67 Bold Cond";
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
}

h4{
	font-family: "Frutiger LT W01_67 Bold Cond";
	font-style: normal;
	font-weight: 400;
}

h5{
	font-family: "Frutiger LT W01_67 Bold Cond";
	font-style: normal;
	font-weight: 400;
}

h6{
	font-family: "Frutiger LT W01_67 Bold Cond";
	font-style: normal;
	font-weight: 400;
}

.bg-green{
	background: #39627a !important;	
}

.bg-grey{
	background: #c6c6c6 !important;
}

.bg-lightgrey{
	background: #e6e6e6 !important;
	margin-top: 45px;
}


/* Kopfzeile - Logo */

.contactbar{
	background: #39627a;
	min-height: 37px !important;
	color: #FFFFFF;
	font-family:"Frutiger LT W01_57 Condensed";
	font-size: 16px;
	line-height: 36px;
	text-transform: uppercase;
}

.contactbar a{
	color: #FFFFFF;
}

.nomobile{
	display: block;
}

.nodesktop{
	display: none;	
}

.navbar{
	background: #FFFFFF !important;
	border-radius: 0px !important;
	margin-bottom: 0px !important;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;	
}

.navbar-brand {
    float: left;
    height: auto !important;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
	margin-top: 10px;
}

.img-logo-head{
	width: 380px;
}


/* Mobile-Menue-Button */

.navbar-toggle {
	background-color: #39627a;
	background-image: none;
	border: solid 1px #FFFFFF;
	border-radius: 0 !important;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 12px 10px;
	position: relative;
	margin-top: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle::focus{
	background-color: #000000 !important; 
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}
.navbar-toggle .icon-bar {
	border-radius: 0px;
	display: block;
	height: 4px;
	width: 25px;
}
	

/* Menue-Navigation */
	
.navbar.navbar-default ul.nav.navbar-nav{
	margin-top: 109px;
}

ul.nav.lang-nav{
	margin-top: 0px !important;
}

.nav.navbar-nav li a {
    position: relative;
    display: block;
    padding: 10px 15px;
	font-size: 16px;
	font-weight: 400;
	color: #c6c6c6;
	text-transform: uppercase;
	font-family: "Frutiger LT W01_67 Bold Cond";
	background: none !important;
}

.nav.navbar-nav li a:hover, .nav.navbar-nav li a:focus {
	color: #39627a;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 100%;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background: #c6c6c6 !important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border: none !important;
	border-radius: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 10px;
    border-radius: 0;
	padding-top: 0px;
}

.main-navi ul.nav.navbar-nav li.active.dropdown.open ul.dropdown-menu li.active a{
	color: #FFF;
	background: #39627a !important;
}

html body nav.navbar.navbar-default div.container div#ZAFBAR1.collapse.navbar-collapse.navbar-right.nopadding ul.nav.navbar-nav li.active{
	color: #39627a !important;
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li a{
	color: #FFFFFF;
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li a:hover{
	color: #FFF;
	background: #39627a !important;
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open a.dropdown-toggle{
	color: #39627a;
	font-family: "Frutiger LT W01_67 Bold Cond";
}

.navbar.navbar-default ul.nav.navbar-nav li.active.dropdown.open ul.dropdown-menu li.active a{
	color: #FFF;
	background: #39627a !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #39627a;
    background-color: none !important;
}

.navbar.navbar-default .container ul.nav.navbar-nav li.button1 a{
	padding-left: 0px !important;
}

.navbar.navbar-default .container ul.nav.navbar-nav li.button5 a{
	padding-left: 0px !important;
}


/* Slider */

.carousel.fade {
     opacity: 1;
}
.carousel.fade .item {
    transition: opacity ease-out .7s;
    left: 0;
    opacity: 0; /* hide all slides */
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}
.carousel.fade .item:first-child {
    top: auto;
    opacity: 1; /* show first slide */
    position: relative;
}
.carousel.fade .item.active {
    opacity: 1;
}


/* Inhaltselemente */

.text-margin-top{
	margin-top: 105px;
}

.content{
	margin-top: 55px;
}

.content p{
	font-size: 19px;
	line-height: 30px;
	color: #878787;
}

.content h1{
	font-size: 42px;
	line-height: 50px;
	color: #39627a;
	font-family: "Frutiger LT W01_67 Bold Cond";
	text-transform: uppercase;
	font-weight: normal;
}

.content h2{
	font-size: 25px;
	line-height: 30px;
	color: #39627a;
	font-family: "Frutiger LT W01_67 Bold Cond";
	text-transform: uppercase;
	font-weight: normal;
}

.content h3{
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: normal;
}

.content ul{
	
}

.content ul li{
	font-size: 20px;
	line-height: 28px;
	color: #39627a;
    display: block;
}

.content ul li:before {
	content: "\e080";
	font-family: 'Glyphicons Halflings';
	font-size: 12px;
	float: left;
	margin-top: 1px;
	margin-left: -12px;
	color: #39627a;
}


.bg-lightgrey .content h3{
	font-size: 42px;
	line-height: 50px;
	color: #39627a;
	font-family: "Frutiger LT W01_67 Bold Cond";
	text-transform: uppercase;
	font-weight: normal;	
}

.embed-responsive-100x400px{
  padding-bottom: 400px;
}


/* Leistungsboxen */

#flex-container {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.leistungsbox-flex {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  float: left;
}

.leistungsbox-margin{
	margin: 46px 0px 46px 0px
	
}

.leistungsbox{
	background: #39627a;
	color: #FFFFFF !important;
}

.leistungsbox div{
	padding: 35px 15px 30px 50px;
}

.leistungsbox h2{
	font-size: 36px;
	line-height: 38px;
	font-family: "Frutiger LT W01_67 Bold Cond";
	color: #FFF;
}

.leistungsbox p{
	color: #FFFFFF !important;
	font-family:"Frutiger LT W01_57 Condensed";
	font-size: 20px;
	line-height: 30px;
}


/* Anfang Formular-CSS */

.formbox{
	margin-top: 85px;
	margin-bottom: 35px;
}

div.mpform .form-group{
    display: inline-block;
    height: auto;
    margin-bottom: 2px;
    min-height: 35px;
    width: 100%;
}

div.mpform p {
    padding:1px;
    margin:1px;
}

div.mpform h3 label{
	font-family:"Frutiger LT W01_57 Condensed";
	font-size: 25px;
	line-height: 30px;
	color: #39627a;
	text-transform: uppercase;
	font-weight: normal;
}

.mpform label{
	font-family:"Frutiger LT W01_57 Condensed";
	font-size: 18px;
	line-height: 22px;
	color: #878787;
	font-weight: normal;
}

.mpform .mpform_field_14.mpform_field_checkbox.mpform_checkbox_label{
	font-size: 12px;
	line-height: 16px;
}

div.mpform p.help_txt {
    color:#600;
}

div.mpform fieldset {

}

/* IE7 specific: */
*:first-child+html div.mpform fieldset {

}

div.mpform legend {

}

/* IE7 specific: */
*:first-child+html div.mpform legend {

}

div.mpform input{
	font-size: 16px;
}


div.mpform input[type=text] {
    padding:5px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.mpform input[type=text]:focus {
    border-color:#333;
}

div.mpform textarea {
    padding:5px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.mpform textarea:focus {
    border-color:#333;
}

/* >>>>>>>> Layout without main table: */
div.mpform div.newline {
  clear: both;
  margin: 0;
  padding: 0;
}

div.mpform div.questionbox {
  clear: left;
  float:left;
  height:auto;
  padding: 4px;
  margin: 2px 0px 2px 2px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #aa3;
  text-align: right;
}

div.mpform fieldset div.questionbox {
  clear: left;
  float:left;
  height:auto;
  padding: 4px;
  margin: 2px 0px 2px 2px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #aa3;
  text-align: right;
}

div.mpform div.answerbox {
  float:left;
  width:100%;
  height:auto;
  padding: 4px;
  margin: 2px 2px 2px 0;
}

div.mpform fieldset div.answerbox {
  float:left;
  width:100%;
  height:auto;
  padding: 4px;
  margin: 2px 2px 2px 0;
  border: 1px solid #cccccc;
}

div.mpform div.submitbox {
  clear: both;
  float: left;
  height: 26px;
  padding: 8px;
  margin: 2px;
  text-align: center;
}

div.mpform div.submitbox input {
    cursor: pointer;
    border: 2px solid #999;	
    color:#666;
    text-align: center;
    margin: 2px 2px 2px 180px;
}
/* <<<<<<<<< Layout without main table */

.mpform_title, .mpform_help {
font-weight: normal;
vertical-align: top;
padding: 6px;
background-color: #FFE;
color: black;
}

.mpform_error .mpform_title,
.mpform_error .mpform_field,
.captcha_err  .mpform_title,
.captcha_err  .mpform_field {
color: red;
}

div.mpform form fieldset fieldset div.form-group div.col-md-8.inputGroupContainer div.input-group{
	width: 100%;
}

.mpform_field {
	width: 100%;
}

.mpform_date, .mpform_email, .mpform_textarea, .mpform_text, .mpform_select {
	width: 100%;
}

.mpform_err_date, .mpform_err_email, .mpform_err_textarea,
.mpform_err_text, .mpform_err_radio, .mpform_err_select,
.captcha_err input {
background-color:#F4A4A4; 
border: 1px solid red;
}

div.mpform_missing {
	background-color: red; 
	border: 2px solid yellow;
	color: yellow;
	font-weight: bold;
	padding: 6px;
}

.mpform_textfield.mpform_readonly input.mpform_text {
	background-color: #ddd; 
}

/* old classes: */
.mpform_date:hover, .mpform_email:hover, .mpform_textarea:hover, .mpform_text:hover,
.mpform_radio:hover, .mpform_select:hover, .mpform_checkbox:hover, .mpform_err_date:hover,
.mpform_err_email:hover, .mpform_err_textarea:hover, .mpform_err_text:hover, .mpform_err_radio:hover,
.mpform_err_select:hover, .mpform_err_checkbox:hover {
background-color: white;
} 

.mpform_date, .mpform_err_date{
}

.mpform_date_img{
cursor: pointer;
border: 0;
vertical-align: middle;
}	
.mpform_email, .mpform_err_email {
}

.mpform_text, .mpform_err_text {

} 
.mpform_radio, .mpform_err_radio{

}
.mpform_checkbox, .mpform_err_checkbox{
	margin: 4px 10px 0 0 !important;
}
.mpform_select, .mpform_err_select{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}


.mpform_heading {
	background-color: #fcc;
	padding: 5px;
}

.mpform_submit {
cursor: pointer;
border: 2px solid #999;	
color:#666666;
}
.mpform_submit:hover{
border: 2px solid #333;
}

span.mpform_required {
color:red;	
}

.captcha input {
background-color:#F4F4D4;
border: 1px solid #CCCCCC;	
}

.captcha .captcha_expl{
font-weight:normal;
}

.mpform_a_img{
border:0;	
}
.mpform_img_help{
border:0;
width:16px;
height:16px; 
}

.mpform_help_box_td{
border:1px solid #336699;
padding:6px;
background-color:#ECF3F7;
color:#003366;
}

.mpform_help_box_div{
color:#003366;
background-color:#ECF3F7;
}

#mpform_help_box_hr {
color:#336699;
/*background-color:#336699;*/
margin:0;
padding:0;
}

h5.mpform_help_box_h5 {
color:#036;
background-color:transparent; 
font-size:1.0em;
font-weight:normal;
margin:0;
padding:0;
}

.mpform_help_box_h6 {
color:#003366;
background-color:#ccf;
font-size:1.0em;
font-weight:normal;
margin:0;
padding:4px;
}

div.mpform_results {
	background-color: #cfc;
	border: 2px solid #090;
	padding: 6px;
}


/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}

/*  deprecated definitions, only for forms created with mpform < 0.3.0
	mpform_td_help is now called mpform_help
*/	

.mpform_td_help{
width:16px;
vertical-align:top;
}

.input-group {
    border-collapse: separate;
    display: inline;
    position: relative;
}

.mpform .text_captcha.medium.calc_text{
	float: left;
	margin-right: 15px;
}


/* Footer-Elemente */

.footer, .footer p, .footer a{
	color: #FFFFFF !important;
}
.footer{
	padding-bottom: 50px;
}

.footer p, .footer a{
	font-size: 16px;
	line-height: 22px;
}

.footer ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

.footer ul li::before { 
	position:absolute;
	left: -2em;
	margin-top: 1px;
	margin-left: 39px;
	content: url(../img/light-li-icon.png) " " 
}

.footer ul li {
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    display: block;
	font-family:"Frutiger LT W01_57 Condensed";
}

.h3margin{
	margin-top: 55px;	
}




@media (max-width: 1200px) {

	.navbar.navbar-default ul.nav.navbar-nav {
		margin-top: 0px;
	}	

}

@media (max-width: 768px) {
	
	.navbar{
		margin-top: 60px;
	}

	.nav > li {
		position: relative;
		display: block;
		text-align: center !important; 
	}
	
	.navbar.navbar-default .container ul.nav.navbar-nav li.button1 a, .navbar.navbar-default .container ul.nav.navbar-nav li.button5 a {
		padding-left: 10px !important;
	}
	
	.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li a {
		text-align: center !important; 	
	}	
	
	#ZAFBAR1{
		overflow: hidden;
	}
	
	.nav.navbar-nav li a {
		position: relative;
		display: block;
		padding: 10px 15px;
		font-size: 18px;
		font-weight: 400;
		color: #c6c6c6;
		text-transform: uppercase;
		font-family: "Frutiger LT W01_67 Bold Cond";
		background: none !important;
	}
	
	.leistungsbox-flex {
		display: block;
		float: none;
	}
	
	.leistungsbox div {
		padding: 25px 10px 20px 15px;
	}
	
	.leistungsbox h2 {
		font-size: 26px;
		line-height: 28px;
		font-family: "Frutiger LT W01_67 Bold Cond";
		color: #FFF;
	}
	
	.bg-lightgrey .content h3 {
		font-size: 32px;
		line-height: 40px;
		color: #39627a;
		font-family: "Frutiger LT W01_67 Bold Cond";
		text-transform: uppercase;
		font-weight: normal;
	}

}

@media (max-width: 520px) {

	.contactbar{
		background: #39627a;
		min-height: 42px !important;
		color: #FFFFFF;
		font-family:"Frutiger LT W01_57 Condensed";
		font-size: 22px;
		line-height: 44px;
		text-transform: uppercase;
		text-align: center !important;
	}

	.nomobile{
		display: none;
	}

	.nodesktop{
		display: block;	
	}
	
	.navbar{
		background: #FFFFFF !important;
		border-radius: 0px !important;
		margin-bottom: 0px !important;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 0px;
		margin-bottom: 42px;
	}	

}