body{
font-family: "Karmina Sans", sans-serif;
}

html{
	-webkit-font-smoothing: antialiased;
}

::-moz-selection { background: #93be1d; color: #fff;  }
::selection { background: #93be1d; color: #fff; }

a[href^=tel] { color: #000; text-decoration: none; }

:focus {
outline: 0;
}

.clear{
	clear: both;

}

button{
font-family: "Karmina Sans", sans-serif;
}

address{
	font-style: normal;
}

h1{
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 100;
}


h2{
	font-size: 48px;
	font-weight: 600;
}

h3{
	font-size: 48px;
	font-weight: 100;
	text-transform: uppercase;
}

h4{
	font-size: 48px;
	font-weight: normal;
}

h5{

}

p{
	font-size: 18px;
	
}

.col-wrap li{
color: #011f21;
}

.col-5-content-pos{
color: #011f21;
}

.col-5-title{
color: #011f21;
}

.col-2-title{
color: #011f21;	
}

.col-4-content-head{
color: #011f21;	
}

article{
	font-size: 18px;
	font-weight: 300;
}

/*line*/

.col-4-offer-content{
	line-height: 1.3;
}

.another-sub{
	line-height: 1.3;
}

.col-2-input-1 article{
	line-height: 1.3;
}

.col-5-content{
	line-height: 1.3;
}



.head-input{
	line-height: 1.3;
}

@media screen and (max-width: 650px) and (min-width: 0px) {
	h2{
		font-size: 22px;
	}

	h3{
		font-size: 22px!important;
	}

	h4{
		font-size: 22px;
	}
}


.btn{
	background: #93be1d;
	border: none;
	color: #FFF;
	padding: 10px 50px;
	margin-top: 20px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 2px;
}

.btn2{
	background: #93be1d;
	border: none;
	color: #FFF;
	padding: 15px 25px;
	margin-top: 20px;	
	font-size: 18px;
	border-radius: 2px;
	cursor: pointer;	
}

.btn33 a{
    border: 1px solid #FFF;
    float: left;
    padding: 10px 35px;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
    border-radius: 2px;
    margin-top: 20px;
    cursor: pointer;	
}

/*Navigation*/

.navigation{
	width: 1400px;
	margin: 0 auto;
	position: relative;
	background: #FFF;
	padding: 20px 0;

}

nav li{
	list-style: none;
	
}

nav a{
	text-decoration: none;
	color: #000;
}

.nav-input{
	margin-top: 10px;
}

.header-imgs {
	position: relative;
	color: #FFF;


}

.header-imgs img{
	width: 100%;
	display: block;
}

.pos-header{
	

}

.width-header{
/*	position: relative;*/
	width: 1400px;
	margin: auto;
}

.header-content{
	position: absolute;
	width: 49%;
	top: 20%;
/*	left: 7%;*/
	text-align: left;
	color: #FFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}



.header-content ul{
	margin-top: 20px;
}

.header-content li{
	border: 1px solid #FFF;
	float: left;
	padding: 10px 35px;

}

.menu_icon { 
	display:block; 
	overflow: hidden; 
	margin: 0;
	position: absolute; 
	padding: 0; 
	width: 30px; 
	height: 45px; 
	font-size: 0; 
	text-indent: -9999px; 
	appearance: none; 
	box-shadow: none; 
	border-radius: none; 
	border: none; 
	cursor: pointer; 
	transition: background 0.3s;  
	right:0; 
	top: 20px;
	background-color:transparent;
	z-index: 99;
}

.menu_icon:focus { outline: none;}
.menu_icon span { display: block; position: absolute; top:15px; left:0; right:0; height: 2px; background:#000;}
.menu_icon span:before, .menu_icon span:after { position: absolute; display: block; left: 0; width: 100%; height:2px; background-color: #000; content: "";}
.menu_icon span:before { top: -7px;}
.menu_icon span:after { bottom: -7px;}

.menu_icon-X span { transition: background 0s 0.3s;}
.menu_icon-X span:before, .menu_icon-X span:after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
.menu_icon-X span:before { transition-property: top, transform;}
.menu_icon-X span:after { transition-property: bottom, transform;}

.menu_icon-X.is-active span { background: none;}
.menu_icon-X.is-active span:before { top: 0; transform: rotate(45deg);}
.menu_icon-X.is-active span:after { bottom: 0; transform: rotate(-45deg);}
.menu_icon-X.is-active span:before, .menu_icon-X.is-active span:after { transition-delay: 0s, 0.3s;}

.my-menu{
	background: #FFF;
	position: absolute;
	right: 0;
	top: 75px;
	z-index: 99;
	width: 180px;
	font-size: 24px;

}

.nav-name{
	margin-top: 15px;
}

.nav-name li{
	display: block;
	padding: 15px 33px;

}

.nav-icon{
	padding: 15px 33px 60px 33px;
}

.nav-icon li{
	float: left;
	margin-right: 18px;

}

.my-menu-li.section {
/*	display: none;*/
}


/*Content*/

.col-wrap{
	margin: auto;
	width: 1400px;

}

.head-input li a{
	color: #FFF;
	text-decoration: none;
}

.head-input p{

}

/*Col 1*/
.col-1{
	padding: 90px 0px;
	background: #f4f4f4;
}

.col-1-img{
	float: left;
	width: 180px;
	padding-left: 90px;
	padding-right: 90px;
}

.col-1-input{

}

/*Col 2*/

.col-2{
	padding: 110px 0;
	background: #f4f4f4;
}

.col-2-title{

}

.col-2-input-1{
	float: right;
	width: 860px;
}

.col-2-img{
	float: left;
}

.col-2-input-2{
	margin-top: 130px;
	text-align: center;
	padding: 0px 165px;
}


/*Col 3*/

.col-3{
	background: #f5f5f5;
	height: 100%;
    background-image: url('../img/bg-fill.jpg');
    background-repeat: repeat-y;
    background-size:  auto 50%;
}

.head-input{
	max-width: 700px;
}

.box-wrap{
	width: 350px;
	padding: 80px 0;
	float: left;
	font-size: 28px;
	text-align: center;
}

.box-wrap img{
	margin-bottom: 20px;
}

.box-img-wrap{
	width: 68px;
	height: 68px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.box1{
	background: #f6f6f6;
}

.box2{
	background: #fdfdfd;
}

.box3{
	background: #f9f9f9;
}

.box4{
	background: #f5f5f5;
}

.box-input{
	padding: 0px 50px;
}

/*Col 4*/

.col-4{
	position: relative;
}

.col-4-wrap{
	position: absolute;
	top: -5%;

}

.col-4-offer{
	background: #011f21;
	color: #FFF;
	padding: 40px 20px;
	text-align: center;
}

.col-4-offer h5{
	font-size: 36px;
	font-weight: normal;
}

.col-4-offer-wrap{
	float: left;
	width: 400px;
	position: relative;
}

.col-4-offer-wrap-pos{
	margin-right: 100px;
}

.col-4-offer-input{
	background: #f5f5f5;
}

.col-4-offer-button{
	text-align: center;
	margin-bottom: 20px;
}

.col-4-offer-content{
	padding: 30px 30px;
}

.col-4-offer-content table{
	width: 100%;
	font-weight: 100;
	font-size: 18px;
}
.table-td{
	font-weight: 600!important;
}

.pre  {
	white-space: pre;
}

.offer-span{
	font-size: 24px;
	font-weight: lighter;
}

.plus-icon{
/*	position: absolute;
	left: 105%;
	top: 350px;*/
	text-align: center;
	margin-top: 20px;
}
.col-4-content-head{
	font-size: 18px;
	margin-bottom: 20px;
}

.col-4-offer-content li{
	list-style-type: disc;
}
.col-4-offer-content li:before{
	content: '- ';
	padding-top: 0;
}



.col-4-offer-content p{	
	font-weight: lighter;
}

.col-4-content-head span{
	font-weight: normal;
}

.col-4-offer-content li{
	font-size: 18px;
	font-weight: lighter;
	list-style-position: inside;
}

.second-ul{
	margin-left: 15px;
}

.second-ul li{
	list-style: none;
}

.second-ul li:after{
	content: '·';
	float: left;
	padding-right: 7px;
}

.second-ul li:before{
	content: '';
}

/*Col 5*/
.col-5{
	padding: 110px 0;
}

.col-5-content{
	width: 24%;
	float: left;
}

.col-5-content-pos{
	margin-right: 13.5%;
}

.col-5-list-wrap{
	margin-top: 40px;
}

.col-5-content li{
	font-size: 18px;
}
.col-5-content li::before{
	content: '- '
}

.col-5-title{
	text-align: center;
}

/*Col 7*/

.img-width img{
	width: 100%;
}

.col-7{
	margin-top: 80px;
	margin-bottom: 80px;
}

.col-7-content{
	margin-top: 55px;
	font-weight: lighter;
}

.another-sub{
	font-weight: lighter;
}

/*Slider*/
.col-6{
	background: #00181b;
}

#tab{
	min-height: 100px;
	max-height: 100px;
	padding: 100px 0;
}

#tabs{
	padding: 70px 0;
}

ul#tabs{
	list-style-type: none;
	text-align: center;
}

ul#tabs li{
	display: inline-block;
	padding: 5px 20px;
	margin-bottom: 4px;
	color: #FFF;
	opacity: 0.5;
}

ul#tabs li:hover{

	opacity: 1;	
}

ul#tabs li.active {

	opacity: 1;	
}

#tab {
	width: 1060px;
	margin: 0 auto;
	text-align: center;
}

ul#tab {
	list-style-type: none;
	color: #FFF;
}

ul#tab li{
	display: none;
}

ul#tab li p{
	font-size: 28px!important;
}

ul#tab li.active{
	display: block;
}

/*Kontaktformular*/

#ContactMailForm_ContactMailForm label{
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}

#ContactMailForm_ContactMailForm input{
	background: #f5f5f5;
    height:20px; 
    width:350px; 
    padding:5px 8px;
    margin-left: 50px;
    border: none;
}

#ContactMailForm_ContactMailForm textarea{
	background: #f5f5f5;
    height:180px; 
    width:350px; 
    padding:5px 8px;
    margin-left: 50px;
    border: none;	
    font-family: "Karmina Sans", sans-serif;
}

.input-wrap{
	margin-bottom: 8px;
}

.header-content2{
	width: 700px;
	height: 70px;
}

#ContactMailForm_ContactMailForm>.btnBar input{
	background: #93be1d;
	color: #FFF;
	width: 180px;
	height: 48px;
	border-radius: 3px;
	font-size: 18px;
	margin-left: 206px;
}


.cont-info{
	float: left;
	margin-top: -30px;
}


.cont-info p{
	font-size: 14px;
	color: #cccccd;
}

.action { -webkit-appearance: none; }


.cont-col-33-DataAccess{
	display: flex;
	display: -webkit-flex;
	width: 520px
}

.cont-col-33-DataAccess a{
	color: #93be1d;
}

.cont-col-33-DataAccess.error p{
	color: #FF392C;
}

/*Footer*/

footer{
	background: #010b18;
	color: #FFF;
	width: 100%;
	padding: 20px 0!important;
}



.foo-nav li{
	float: left;
	margin-right: 20px;
}

.foo-powered{
	float: right;
}

.foo-powered span{
	margin-right: 15px;
}

.foo-powered li{
	float: left;
	margin-left: 20px;
}

.foo-nav a{
	color: #FFF;
	text-decoration: none;
}

@media screen and (max-width: 1440px) and (min-width: 0px) {
	.navigation{
		width: auto;
		padding-left:20px;
		padding-right: 20px;
	}

	.col-5-pad{
		padding: 0 20px;
	}

	.menu_icon{
		right: 10px;
	}

	.my-menu{
		right: 10px;
	}

	.col-wrap{
		width: auto;
	}
	.col-2{
		padding-left: 20px;
		padding-right: 20px;
	}

	.col-2-title{
		/*width: 100%;*/
	}

	.col-2-input-1{
		width: 58%;
	}
	.col-2-img{
		width: 38%;
	}

	.col-5-list-wrap{
		padding: 0 0px;
	}

	.col-2-img img{
		width: 100%;
	}

	.col-4-wrap{
		margin: 0 10px;
		position: static;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.col-4-offer-wrap{
		width: 29.2%;
	}
	.col-4-offer-wrap-pos{
		margin-right: 6%
	}

	.plus-icon{
		width: 10%;
		margin-left: auto;
		margin-right: auto;
	}

	.plus-icon img{
		width: 100%;
	}

	.foo-wrap{
		padding-left: 10px;
		padding-right: 10px; 
	}

	.col-7{
		padding-left: 20px;
		padding-right: 40px;
	}

	.width-header{
		width: auto;
		    padding-left: 10px
	}

}

@media screen and (max-width: 1120px) and (min-width: 0px) {
	.col-4-offer h5{
		font-size: 20px;
	}

	.offer-span{
		font-size: 14px;
	}

	.btn2{
		font-size: 14px;
	}

	.img-width{
		display: none;
	}

	.col-7{
		margin-top: 40px;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 1150px) and (min-width: 0px) {
	.header-content{
		position: static;
		text-shadow: none;
		width: auto;
		color: #000;
		padding: 40px 10px 80px 10px;
	}

	.btn33 a{
		border-color: #000;
		color: #000;
	}	
}

@media screen and (max-width: 1110px) and (min-width: 0px) {
	.header-content{
		/*top: 10%;*/
	}

	#tab{
		width: auto;
		padding: 20px 20px;
	}	
}


@media screen and (max-width: 1050px) and (min-width: 0px) {
	.col-2-title{
		width: 100%;
		font-size: 36px;
	}

}



@media screen and (max-width: 920px) and (min-width: 0px) {

	.col-5-content-pos{
		margin-right: 12%;
	}

	.col-5-content{
		width: 23%;
	}

	ul#tab li p{
		font-size: 18px !important;
	}

}
@media screen and (max-width: 850px) and (min-width: 0px) {
	.btn33 a{
		margin-top: 0;
	}
}
@media screen and (max-width: 800px) and (min-width: 0px) {

	.head-input{
		width: auto!important;
	}

	.head-input p{
		font-size: 18px!important;
		font-weight: lighter;
	}

	.header-content li{
		border-color: #000;
	}

	.header-content li a{
		color: #000;
	}

	.col-2-input-1{
		width: auto;
	}

	.col-2-img{
		width: 100%;
		text-align: center;
	}

	.col-2-input-1{
		margin-bottom: 20px;
	}	

	.col-2-img img{
		width: auto;
	}

}

.another-sub{
	margin-top: -70px;
	float: left;
}

@media screen and (max-width: 760px) and (min-width: 0px) {
	.col-4-offer-wrap-pos{
		margin-right: auto;
	}

	.col-4-offer-wrap {
		width: auto;
	}

	.plus-icon{
		position: static;
		margin: 40px auto;
	}

	.col-4-offer h5{
		font-size: 28px;
	}

	.another-sub{
		margin-top: 20px!important;
		float: auto!important;
	}
	.col-4-offer-wrap{
		float: none;
	}
}

@media screen and (max-width: 700px) and (min-width: 0px) {
	ul#tabs li{
		padding: 5px 5px;
		width: 15%;
	}

	ul#tabs img{
		width: 100%;
	}
}

@media screen and (max-width: 680px) and (min-width: 0px) {
	.col-5-content{
		width: auto;
		float: auto;
	}

	.col-5-content-pos{
		margin-right: auto;
	}

	.col-2{
		padding: 40px 10px;
	}

	.col-5{
		padding: 40px 10px;
	}

	.col-5-title{
		text-align: left;
	}
}

@media screen and (max-width: 660px) and (min-width: 0px) {
	.foo-nav{
		float: left;

	}

	.foo-powered{
		clear: both;
		float: none;
		padding-top: 10px;
	}
}

@media screen and (max-width: 620px) and (min-width: 0px) {
	#ContactMailForm_ContactMailForm label{
		width: 100%;
		float: none;
	}

	#ContactMailForm_ContactMailForm input{
		margin-left: 0;
	}

	#ContactMailForm_ContactMailForm textarea{
		margin-left: 0;
	}

	#ContactMailForm_ContactMailForm>.btnBar input{
		margin-left: 0;
	}
	.cont-col-33-DataAccess{
		width: 100%
	}
}

@media screen and (max-width: 500px) and (min-width: 0px) {
	.col-2-img img{
		width: 100%;
	}
}

@media screen and (max-width: 450px) and (min-width: 0px) {
	ul#tab li p{
		font-size: 14px!important;
	}

	ul#tab{
		margin-bottom: 20px
	}

	#tab{
		min-height: auto;
		max-height: auto;
	}
	#tabs{
		padding: 20px 0; 
	}
}

@media screen and (max-width: 410px) and (min-width: 0px) {
	#ContactMailForm_ContactMailForm input{
		width: 100%;
	}

	#ContactMailForm_ContactMailForm textarea{
		width: 100%;
	}
}

#MemberLoginForm_LoginForm{
	padding: 80px 40px;
}


input.error{

	background: rgba(255, 92, 86, 0.4)!important;
}