* {
	margin:					0;
	padding:				0;
	color:					black;
	font-family: 			'Raleway', sans-serif;
}
h1{
	color:					#F49E00;
	font-weight:			normal;
	margin-bottom:			40px;
	line-height:			150%;
}
a{
	text-decoration:		none;
}
a:hover{
	color:					#F49E00;
}
a.link{
	text-decoration:		none;
	font-weight:			bold;
}
a.link:hover{
	color:					#F49E00;
	font-weight:			bold;
}
#clear{
	clear:					both;
}
.yellow{
	color:					#F49E00;
}

.white {
	color:  #fff;
}

.red {
	color: #d91920;
}

#head{
	position:				relative;
	background:				#00295B;
	width:					100%;
	height:					180px;
	border-bottom:			10px solid #F49E00;
	z-index:				1000;
}
#head_inner{
	position:				relative;
	margin:					auto;
	width:					1200px;
}

#logo_div{
	position:				relative;
	width:					200px;
	height:					200px;
	margin:					auto;
	padding-top:			30px;
	z-index:				1200;
}
#logo{
	width:					100%;
	cursor:					pointer;
}

#headline,
#headline div{
	color:					white;
}

#headline_m{
	display:				none;
	line-height:			150%;
	color:					white;
}
#galery_pic{
	width:					100%;
	z-index:				100;
}


#button_div{
	position:				absolute;
	top:					650px;
	left:					9%;
	z-index:				500;
}

#einklinker_neu{
	font-size:				1.1em;	
	font-weight:			bold;
}
#einklinker_div,
#einklinker_div_2,
#einklinker_div_3 {
	position:				absolute;
	width:					500px;
	height:					80px;
	top:					280px;
	right:					0%;
	z-index:				500;
	background:				url(../images/Einklinker_JetztNeu.png);
	background-repeat:		no-repeat;
	background-size:		100% 100%;
	text-align:				center;
	padding-top:			10px;
	font-size:				1.3em;
}

#einklinker_div_2,
#einklinker_div_3 {
	top:  					380px;
	font-size: 				1.3em;
	text-align: 			center;
	width: 					573px;
}

#einklinker_neu_2 {
	font-size:  			1.6em;
	padding-left: 			12em;
	display: 				block;
	padding-right: 			1em;
	font-weight:			bold;
}

#einklinker_neu_3 {
	font-size:  			1.1em;
	padding:	 			0.5em 1em 0.2em 5em;
	display: 				block;
	font-weight:			bold;
}

#einklinker_div_m,
#einklinker_div_3_m{
	display:				none;
	position:				relative;
	width:					100%;
	height:					80px;
	text-align:				center;
	padding:				8px 0 8px 0;
	font-size:				1.3em;
	background:				#F49E00;
	margin-top:				-22px;
}

#einklinker_div_3_m{
	padding:				16px 0 16px 0;
	font-size:				1.3em;
	background:				#F49E00;
	margin-top:				-22px;
}


#nav_div{
	position:				absolute;
	width:					50%;
	top:					0px;
	padding-top:			80px;
}
#nav_div2{
	position:				absolute;
	width:					38%;
	top:					0px;
	right:					0px;
	padding-top:			70px;
	color:					white;
	font-size:				0.9em;
}

#mobile_nav{
	position:				absolute;
	display:				none;
	font-size:				2em;
	color:					white;
	top:					0px;
	right:					0px;
	padding-top:			70px;
	z-index:				1100;
}
#mobile_div{
	position:				absolute;
	display:				none;
	font-size:				2em;
	color:					white;
	top:					180px;	
	height:					300px;
	width:					100%;
	z-index:				1150;
	background:				#00295B;
	text-align:				center;
	padding-top:			50px;
	line-height:			180%;
	z-index: 				100000;
}
#button_menue{
	height:					40px;
	vertical-align:			middle;
	margin:					-5px 0 0 20px;
}

ul{
	margin-left:			15px;
}

ul.navigation{				
	margin-top:				8px;
	padding:				0;
	text-align:				justify;
	font-size:				1.1em;
}

ul.navigation li{
	display:				inline-block;
	list-style:				none;
}
.menuePos{
	padding:				0px 20px 4px 0px;
	color:					white;
}
.menuePos:hover{
	color:					#F49E00;
}
.menuePosAktive{
	padding:				0px 20px 4px 0px;
	color:					#F49E00;
}
.icon{
	height:					1.5em;
	padding:				0 5px 0 30px;
	vertical-align:			middle;
}







#content {
	margin:					auto;
	width:					1200px;
	font-size:				1.1em;
	line-height:			150%;
	padding-top:			50px;
}

#content_left{
	float:					left;
	width:					65%;
}
#content_right{
	float:					left;
	width:					35%;
	text-align:				right;
}
#content_right_m{
	display:				none;
}


.logo_kikok{
	position:				relative;
	width:					50%;
	top:					0px;
}
.logo_kikok_spargel{
	position:				relative;
	width:					50%;
	top:					-180px;
}
.plakat{
	position:				relative;
	width:					50%;
	top:					-180px;
	z-index:				10000;
	border:					solid 2px #FFF;
}
.home_banner{
	width:					100%;
	background:				#FEEDD3;
	margin-bottom:			100px;
}
.home_banner_inner{
	margin:					auto;
	width:					1200px;
	padding:				20px 0 20px 0;
	line-height:			150%;
}

.partner_div{
	position:				relative;
	width:					70%;
	height: 				100%;
    display: 				inline-block;
}
.partner_div_inner{
	float:					left;
	width:					40%;
	height:					150px;
	padding:				4% 10% 4% 0;
	text-align:				center;
}
.logo_partner{
	width:					50%;
	margin: 				0 auto 0 auto;
	vertical-align: 		middle;
}
.align_div{
	width: 					1px;
    height: 				100%;
    display: 				inline-block;
    margin-left: 			-10px;
    vertical-align:			middle;
}

textarea{
	width:					calc(80% - 35px);
	height:					150px;
	border:					solid 1px #888;
	padding:				10px;
	margin:					0px 20px 25px 0px;
}
input[type=text], input[type=email]{
	width:					calc(40% - 40px);
	border:					solid 1px #888;
	padding:				10px;
	margin:					0px 20px 25px 0px;
}
input[type=submit]{
	border:					none;
	color:					#FFF;
	background:				#F49E00;
	padding:				10px 35px;
	margin:					0px 0px 25px 0px;
	float:					left;
}

input[type=submit]:hover{
	background:				#00295B;
}

#checkbox_div{
	position:				relative;
	left:					4px;
}

input[type=checkbox] { 
	opacity: 				0; 
}
input[type=checkbox] + label:before {
	width:					17px;
	height:					17px;
	display:				inline-block;
	position:				absolute;
	left:					0;
	top:					3px;
	margin-left:			-20px;
	content:				"";
	border:					1px solid #888;
	border-radius:			3px;
	background-color:		#fff;
}
input[type=checkbox]:focus + label:before { 
	outline:				thin dotted; 
	outline:				5px auto -webkit-focus-ring-color; // for WebKit
}
@font-face{
	font-family:			'Glyphicons Halflings';
	src:					url(../bootstrap/fonts/glyphicons-halflings-regular.eot);
	src:					url(../bootstrap/fonts/glyphicons-halflings-regular.svg)	format('svg'),
							url(../bootstrap/fonts/glyphicons-halflings-regular.woff)	format('woff'),
							url(../bootstrap/fonts/glyphicons-halflings-regular.ttf)	format('ttf')
}
input[type=checkbox] + label:after {
	width:					16px;
	height:					16px;
	display:				inline-block;
	position:				absolute;
	left:					0;
	top:					0;
	padding-left:			3px;
	padding-top:			1px;
	margin-left:			-20px;
	font-size:				11px;
	color:					#555;
}
input[type=checkbox]:checked + label:before {
	background-color:		#888;
	border-color:			#888;
}
input[type=checkbox]:checked + label:after {
	font-family:			"Glyphicons Halflings";
	content:				'\e013';
	color:					#00295B;
	top:					-3px;
	font-size:				18px;
}
input[type=checkbox] + label {
	display:				inline-block;
	position:				relative; 
	padding-left:			15px; 
	margin-right:			30px;
}

#check_left{
	float:					left;
	height:					50px;
	width:					30px;
	margin:					15px 10px 50px 0;
}
#check_right{
	float:					left;
	height:					50px;
	width:					calc(80% - 30px);
	margin:					15px 0 50px 0;
}


#footer{
	width:					100%;
	background:				#00295B;
	margin-top:				50px;
	margin-bottom:				50px;
}
#footer_inner{
	margin:					auto;
	width:					1200px;
	align-items: center;
	justify-content: space-between;
	padding: 2em 1em;
}
#footer_content_1{
	width:					50%;
	font-size:				1.1em;
}
#footer_content_2{
	line-height:			150%;
	color:					white;
}




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

	#head_inner, #content, .home_banner_inner, #footer_inner{
		width:				96%;
	}
	
	#headline{
		display:			none;
	}
	#headline_m{
		display:			flex;
		color:				white;
	}
	#headline_m div {
		color: white;
	}
	.icon{
		padding:			0 5px 0 0;
	}

	
}

@media only screen and (max-width: 1150px) {
	
	#nav_div2{
		display:			none;
	}
	#nav_div{
		left:				260px;
		width:				calc(100% - 280px);
	}
	
	#logo_div{
		margin-left:		2%;
	}

	
}

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

	#content_right, #nav_div{
		display:			none;
	}
	#content_left{
		width:				96%;
	}
	#mobile_nav,#content_right_m{
		display:			block;
	}
	#einklinker_neu{
		font-size:			1.4em;
	}
	#einklinker_div{
		width:				350px;
		height:				50px;
		top:				220px;
		font-size:			1.0em;
	}

	#einklinker_div_2 {
		top:  				320px;
		font-size: 			.6em;
		text-align: 		center;
		width: 				100%;
		height: 			auto;
		background: 		#f49e00;
		z-index: 			10000;
	}

	#einklinker_div_3 {
		width:				400px;
		height:				50px;
		top:				290px;
		font-size:			1.0em;
		padding-top:		3px;
		padding-bottom:		10px;
	}
	

	#einklinker_neu_2 {
		font-size:  		1.4em;
		display: 			block;
		padding: 			1em;
	}
	
	input[type=checkbox] + label:before, input[type=checkbox] + label:after {
		margin-left:			0px;
	}
	
	input[type=checkbox] + label {
		padding-left:			35px; 
		margin-right:			30px;
	}
	.plakat{
		top:				0px;
	}


	
}


@media only screen and (max-width: 700px) {
	.footer-div {
		flex: auto;
	}

	#footer_content_1, #footer_content_2{
		width:				100%;
		text-align:			center;
		flex: 1;
	}

}


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

	#einklinker_div,
	#einklinker_div_3{
		display:			none;
	}
	#einklinker_div_3_m,
	#einklinker_div_m{
		display:			block;
	}
	#mobile_nav{
		color:				#00295B;
	}
	#einklinker_neu_3 {
		padding:	 		0.5em 1em 0.2em 2em;
	}

	
	textarea, input[type=text], input[type=email], input[type=submit]{
		width:				90%;
		padding:			10px;
		margin:				0 0 20px 0;
	}
	input[type=submit]{
		width:				96%;
	}
	
	.partner_div{
		width:					100%;
	}
	.partner_div_inner{
		float:					left;
		width:					100%;
		height:					150px;
		padding:				4% 10% 4% 0;
		text-align:				center;
	}


}

.uppercase {
	text-transform: uppercase;
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.flex-wrap {
	flex-wrap: wrap;
}

.nowrap {
	white-space: nowrap;
}

.mb-3 {
	margin-bottom: 1em;
}

.mr-3 {
	margin-right: 1em;
}

.br {
	display: block;
}

.large {
	font-size: 2em;
}