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









.backto {
    display: inline;
    float: right;
    margin: -27px 0px 0px 0px;
}

.backto a {
    color: #fff;
    text-decoration: none;
}

body {
    display: block;
    margin: 0px;
    /* font-weight: 300; */
    font-family: MuseoSansCond-300;
    color: #16395f;
    font-size: 16px;
}

.headwrap {
    width: 100%;
    height: 225px;
    display: block;
}

.columnsec_two {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.firstgr {
    width: 50%;
    float: left;
	display: grid;
}

.secgr {
    width: 50%;
    float: left;
	display: grid;
}

.inner_kontakt {
    margin: 0 auto;
    padding-top: 1%;
    font-family: MuseoSansCond-300;
    padding-bottom: 25px;
}

.inner_kontakt b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 20px;
    float: left;
    padding-top: 45%;
}

.imp a {
    float: right;
}

.logo img {
    width: 300px;
    height: auto;
    padding: 2em 1em 1em 2em;
    margin-left: -15px;
}

.secwrap {
    width: 100%;
    height: 200px;
    display: block;
    border-top: 15px solid #16395f;
}

b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 20px;
}

a {
    color: #16395f;
    text-decoration: none;
}


.firstwrap {
    width: 100%;
    background: #16395f;
    color: #fff;
    height: 100%;
    display: block;
}

.firstwrap_inner {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.content {
    padding: 1.5em 0em 1.5em 0em;
}

.firstwrap_inner h1 {
    font-size: 30px;
	font-family: MuseoSansCond-500;
    line-height: 35px;
    margin: 0 0 0 0;
}

.firstwrap_inner h2 {
    font-size: 30px;
    line-height: 30px;
	font-family: MuseoSansCond-500;
    margin: 0 0 0em 0px;
}

.secwrap {
    width: 100%;
    height: 200px;
    display: block;
}

.sw_one {
    display: grid;
    width: 60%;
    overflow: hidden;
    background: url(img/schluessel.jpg);
    height: 300px;
    float: left;
    background-position: right;
    background-size: cover;
}

.sw_two {
    display: grid;
    width: 40%;
    float: left;
    height: 300px;
    overflow: hidden;
    background: #fff;
}

.sw_two img {
    margin: auto 0;
    width: 45%;
    padding-left: 2em;
}

.prewrap {
    width: 100%;
    background: #16395f;
    display: inline-table;
    height: auto;
}

.pw_inner {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.tcol {
    width: 33.3%;
    display: grid;
    float: left;
}

ul li:before {
    content: '✓';
    margin: 0 5px 0 -16px;
    color: #A0C417;
}

ul li {
    list-style: none;
}

ul {
    padding-left: 47px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.tcol {
    width: 33.3%;
    display: grid;
    float: left;
    color: #fff;
}


.greenbar {
    height: 43px;
    display: block;
    background: #A0C417;
    width: 100%;
}

.prewrap {
    width: 100%;
    background: #16395f;
    display: inline-table;
    height: auto;
}

.tcol h2 {
    background: #A0C417;
    margin: 0px 0px 0px 0px;
    border-left: 3px solid #16395f;
    padding: 5px 1em 5px 1em;
    font-family: MuseoSansCond-500, sans-serif;
}

.tcol_content li {
    font-size: 21px;
    padding-bottom: 3px;
}

.kontakt_wrapper {
    width: 100%;
    height: auto;
    display: block;
}

.kwrapper_inner {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.kwrapper_head h2 {
    font-size: 30px;
    margin-bottom: 0px;
	font-family: MuseoSansCond-500;
    line-height: 34px;
}

.kwrapper_head h3 {
    font-size: 32px;
    margin-bottom: 0px;
    line-height: 34px;
}

.kwrapper_head h3 {
    font-size: 22px;
    margin-top: 0px;
    line-height: 26px;
}

.footer {
    width: 100%;
    display: block;
    bottom: 0 !important;
	color: #fff;
	z-index: 999;
    height: 35px;
    margin: 0px 0px 0px;
    line-height: 5px;
    background: #081f33;
}

.footer_inner {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.footer a {
    text-decoration: none;
    color: #fff;
}

.form-control {
	border-radius: 0px;
}

.select2-container--default .select2-selection--single {
	border-radius: 0px !important;
}

.input-group-addon {
	border-radius: 0px;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 0px !important;
}

.btn-primary {
    background: #16395f;
    border-radius: 0px;
}


ul li:before {
    content: '✓';
    margin: 0 6px 0 -22px;
    color: #A0C417;
}

.tcol_content li {
    font-size: 21px;
    padding-bottom: 3px;
    padding-left: 8px;
}

/* FORMS */
.jf-form{
  margin-top: 28px;
}

.jf-form > form{
  margin-bottom: 32px;
}

.jf-option-box{
  display: none;
  margin-left: 8px;
}

.jf-hide{
  display: none;
}

.jf-disabled {
    background-color: #eeeeee;
    opacity: 0.6;
    pointer-events: none;
}

/* 
overwrite bootstrap default margin-left, because the <label> doesn't contain the <input> element.
*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: 0px;
}

a.jf-copyright {
    display: none !important;
}

div.form-group{
  padding: 8px 8px 4px 8px;
}

.mainDescription{
  margin-bottom: 10px;
}

p.description{
  margin:0px;
}

.responsive img{
  width: 100%;
}

p.error, p.validation-error{
  padding: 5px;
}

p.error{
  margin-top: 10px;
  color:#a94442;
}

p.server-error{
  font-weight: bold;
}

div.thumbnail{
  position: relative;
  text-align: center;
}

div.thumbnail.selected p{
  color: #ffffff;
}

div.thumbnail .glyphicon-ok-circle{
  position: absolute;
  top: 16px;
  left: 16px;
  color: #ffffff;
  font-size: 32px;
}

.jf-copyright{color: #888888;margin: 16px;display:none;}

.form-group.required .control-label:after {
    color: #dd0000;
    content: "*";
    margin-left: 6px;
}

.submit .btn.disabled, .submit .btn[disabled]{
  background: transparent;
  opacity: 0.75;
}

/* for image option with span text */
.checkbox label > span, .radio label > span{
  display: block;
}

.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label
{
  display: block;
}

.form-group.inline div.radio,
.form-group.inline div.checkbox{
  display: inline-block;
}

.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox{
  display: block;
}

.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox{
  display: inline-flex;
  width: 48%;
}

.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox{
  display: inline-flex;
  width: 30%;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

p {
    margin: 15px 0;
}

.leftside {
    width: 50%;
    float: left;
    padding-right: 16px;
}

.rightside {
    width: 50%;
    float: left;
    padding-left: 10px;
}


.phx {
    display: block;
    height: 90px;
    width: 100%;
}

.form-group.submit.f0.absmain {
    padding-top: 25px;
}

.jf-form {
    margin-top: 28px;
    padding-left: 0px;
    margin-left: -5px;
}

.form-group.required .control-label:after {
    color: #16395f;
    content: "*";
    margin-left: 6px;
}

.kwcontent {
    padding-bottom: 20px;
}

.container.jf-form {
    display: block !important;
}

.jf-thankyou h3 {
    background: #16395f;
    color: #fff;
    margin: 0 -18px 0 -18px;
    padding: 10px 15px 10px 15px;
    display: block;
    text-align: center;
}

.container.jf-thankyou {
    padding-bottom: 40px;
    margin-top: -10px;
}

.input-group-addon {
    font-size: 17px !important;
}

.progress {
    display: none !important;
}

.submit .btn[disabled] {
    background: #16395f !important;
    opacity: 1 !important;
}

.container {
    width: 100%;
}


/* +++++ RESPONSIVE +++++ */



@media only screen 
	and (max-width : 1024px) {
		
		.headwrap {
    width: 100%;
    height: 225px;
    display: block;
}
		
		.firstwrap {
    width: 100%;
    background: #16395f;
    color: #fff;
    height: 100%;
    display: block;
}
		.secwrap {
    width: 100%;
    height: 200px;
    display: block;
}
		.prewrap {
    width: 100%;
    background: #16395f;
    display: inline-table;
    height: auto;
}
	.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
		.kontakt_wrapper {
    width: 100%;
    height: auto;
    display: block;
}
		.kwrapper_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.container {
    width: 100%;
}
		.footer {
    width: 100%;
    display: block;
    bottom: 0 !important;
    color: #fff;
    z-index: 999;
    height: 35px;
    margin: 0px 0px 0px;
    line-height: 5px;
    background: #081f33;
}
		
		.footer_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.pw_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.sw_two img {
    margin: auto 0;
    width: 93%;
    padding-left: 2em;
}
		.columnsec_two {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.inner_kontakt {
    margin: 0 auto;
    padding-top: 15%;
    font-family: MuseoSansCond-300;
    padding-bottom: 25px;
}
		.firstwrap_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		
}






@media only screen 
	and (max-width : 768px) {
		
		.headwrap {
    width: 100%;
    height: 225px;
    display: block;
}
		
		.firstwrap {
    width: 100%;
    background: #16395f;
    color: #fff;
    height: 100%;
    display: block;
}
		.secwrap {
    width: 100%;
    height: 200px;
    display: block;
}
		.prewrap {
    width: 100%;
    background: #16395f;
    display: inline-table;
    height: auto;
}
	.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}
		.kontakt_wrapper {
    width: 100%;
    height: auto;
    display: block;
}
		.kwrapper_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.container {
    width: 100%;
}
		.footer {
    width: 100%;
    display: block;
    bottom: 0 !important;
    color: #fff;
    z-index: 999;
    height: 35px;
    margin: 0px 0px 0px;
    line-height: 5px;
    background: #081f33;
}
		
		.footer_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.pw_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.sw_two img {
    margin: auto 0;
    width: 93%;
    padding-left: 2em;
}
		.columnsec_two {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.inner_kontakt {
    margin: 0 auto;
    padding-top: 20%;
    font-family: MuseoSansCond-300;
    padding-bottom: 25px;
}
		.inner_kontakt b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 20px;
    float: left;
    padding-top: 35%;
}
		
}







@media only screen 
	and (max-width : 414px) {


.inner_kontakt {
    margin: 0 auto;
    width: 175px;
    padding-top: 0%;
    font-size: 12px;
    text-align: right;
    float: left;
    padding-bottom: 25px;
}

.inner_kontakt p {
    margin-bottom: 0px;
}
		
b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 15px;
}		
	.firstwrap_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		
	.sw_one {
    display: grid;
    width: 100%;
    overflow: hidden;
    background: url(img/schluessel.jpg);
    height: 300px;
    float: left;
    background-position: right;
    background-size: cover;
}
	.sw_two {
    display: grid;
    width: 100%;
    float: left;
    height: 300px;
    overflow: hidden;
    background: #fff;
}
		
	.sw_two img {
    margin: 0 auto;
    width: 85%;
    display: block;
    padding-top: 3.5em;
}
		
		.pw_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		
	.tcol {
    width: 100%;
    display: grid;
    float: left;
    color: #fff;
}	
		.kwrapper_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.leftside {
    width: 50%;
    float: left;
    padding-right: 0px;
}
		.rightside {
    width: 50%;
    float: left;
    padding-left: 0px;
}
		.container {
    padding-right: 0px;
		}
		
		.footer_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.footer {
    width: 100%;
    display: block;
    bottom: 0 !important;
    color: #fff;
    z-index: 999;
    height: 70px;
    margin: 0px 0px 0px;
    line-height: 5px;
    background: #081f33;
}
		
		.form-group.submit.f0.absmain {
    padding-top: 50px;
}
		.sw_two img {
    padding-left: 0em;
}
		
		.inner_kontakt b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 16px;
    float: right;
    padding-top: 0%;
}
		
}











@media only screen 
	and (max-width : 375px) {
		



.inner_kontakt {
    margin: 0 auto;
    width: 175px;
    padding-top: 0%;
    font-size: 12px;
    text-align: right;
    float: left;
    padding-bottom: 25px;
}

.inner_kontakt p {
    margin-bottom: 0px;
}
		
b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 15px;
}		
	.firstwrap_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		
	.sw_one {
    display: grid;
    width: 100%;
    overflow: hidden;
    background: url(img/schluessel.jpg);
    height: 300px;
    float: left;
    background-position: right;
    background-size: cover;
}
	.sw_two {
    display: grid;
    width: 100%;
    float: left;
    height: 300px;
    overflow: hidden;
    background: #fff;
}
		
	.sw_two img {
    margin: 0 auto;
    width: 85%;
    display: block;
    padding-top: 3.5em;
}
		
		.pw_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		
	.tcol {
    width: 100%;
    display: grid;
    float: left;
    color: #fff;
}	
		.kwrapper_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.leftside {
    width: 50%;
    float: left;
    padding-right: 0px;
}
		.rightside {
    width: 50%;
    float: left;
    padding-left: 0px;
}
		.container {
    padding-right: 0px;
		}
		
		.footer_inner {
    width: 87%;
    display: block;
    margin: 0 auto;
}
		.footer {
    width: 100%;
    display: block;
    bottom: 0 !important;
    color: #fff;
    z-index: 999;
    height: 70px;
    margin: 0px 0px 0px;
    line-height: 5px;
    background: #081f33;
}
		
		.form-group.submit.f0.absmain {
    padding-top: 50px;
}
		.sw_two img {
    padding-left: 0em;
}
		.pw_inner {
    width: 100%;
    display: block;
    margin: 0 auto;
}
		
		.inner_kontakt b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 16px;
    float: right;
    padding-top: 0%;
}
		
}








@media only screen 
	and (max-width : 320px) {


		.prewrap {
    width: 100%;
    background: #16395f;
    display: inline-table;
    height: auto;
}
		
		.kontakt_wrapper {
    width: 100%;
    height: auto;
    display: block;
}
.inner_kontakt {
    margin: 0 auto;
    width: 175px;
    padding-top: 0%;
    font-size: 12px;
    text-align: right;
    float: left;
    padding-bottom: 25px;
}

.inner_kontakt p {
    margin-bottom: 0px;
}
		
b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 15px;
}		
	.firstwrap_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		
	.sw_one {
    display: grid;
    width: 100%;
    overflow: hidden;
    background: url(img/schluessel.jpg);
    height: 300px;
    float: left;
    background-position: right;
    background-size: cover;
}
	.sw_two {
    display: grid;
    width: 100%;
    float: left;
    height: 300px;
    overflow: hidden;
    background: #fff;
}
		
	.sw_two img {
    margin: 0 auto;
    width: 85%;
    display: block;
    padding-top: 3.5em;
}
		
		.pw_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		
	.tcol {
    width: 100%;
    display: grid;
    float: left;
    color: #fff;
}	
		.kwrapper_inner {
    width: 85%;
    display: block;
    margin: 0 auto;
}
		.leftside {
    width: 50%;
    float: left;
    padding-right: 0px;
}
		.rightside {
    width: 50%;
    float: left;
    padding-left: 0px;
}
		.container {
    padding-right: 0px;
		}
		
		.footer_inner {
    width: 89%;
    display: block;
    margin: 0 auto;
}
		.footer {
    width: 100%;
    display: block;
    bottom: 0 !important;
    color: #fff;
    z-index: 999;
    height: 70px;
    margin: 0px 0px 0px;
    line-height: 5px;
    background: #081f33;
}
		
		.form-group.submit.f0.absmain {
    padding-top: 50px;
}
		.sw_two img {
    padding-left: 0em;
}
		.firstwrap {
    width: 100%;
    background: #16395f;
    color: #fff;
    height: 100%;
    display: block;
}
		
		.inner_kontakt b {
    font-family: MuseoSansCond-500;
    letter-spacing: 0.7px;
    font-size: 16px;
    float: right;
    padding-top: 0%;
}
		
}