html, body {
	height:				100%;
	width:				100%;
	margin:				0 auto;
	padding:			0;
	font-family:		Open Sans, sans-serif;
	font-size:			14px;
	background-color:	#f0f0f0;
}

.body-in {
	height:				100%;
	width:				100%;
	max-width:			1240px;
	max-height:			700px;
	position:			relative;
	top:				0;
	margin:				0 auto;
}

.body-in-marg {
	height:				calc(100% - 62px);
	width:				calc(100% - 62px);
	margin:				30px;
	background:			rgba(255,255,255,0.75);
	position:			relative;
	float:				left;
	border:				1px solid #ffffff;
}

#logo,
#logo img {
	position:			relative;
	margin:				0 auto;
	max-width:			365px;
	display:			block;
}

#logo {
	margin-top:			20px;
	padding:			0px 20px;
}

.start-image {
	width:						100%;
	height:						75%;
	margin-top:					10px;
	position:					relative;
	background-image:			url("test.jpg");
	background-position:		center;
	background-size:			cover;
}

.second-channel {
	width:				100%;
	height:				auto;
	margin-top:			20px;
	margin-bottom:		15px;
	position:			relative;
	background:			#666666;
}

.btn-area {
	width:				100%;
	max-width:			390px;
	margin:				0 auto;
	height:				100%;
}

.pagelink {
	width:				calc(100% - 110px);
	height:				80px;
	font-size:			25px;
	color:				#75B72F;
	text-align:			left;
	text-decoration:	none;
	display:			block;
	padding:			10px 0px 10px 70px;
	position:			relative;
	background-color:	rgba(255,255,255,0.75);
	box-shadow:			5px 5px 5px rgba(0,0,0,0.5);
	margin:				50px 20px 0px;
	background-image:	url(home-link.png);
	background-position:21.5px center;	
	background-repeat:	no-repeat;
}

.pagelink.fussboden {
	float:				left;
	line-height:		40px;
}

.pagelink.estrich {
	float:				right;
	line-height:		80px;
}

.pagelink:hover,
.pagelink.active {
}

@media (max-width: 802px) {
	#logo img {
		max-width:		400px;
	}	
	.start-image {
		height:			50%;
	}
}


@media (max-width: 512px) {
	#logo img {
		max-width:		250px;
	}
	.start-image {
		height:			30%;
	}
	.pagelink {
		font-size:			18px;
	}
}

@media (max-height: 700px) {
	.body-in {
		height:				100%;
		width:				100%;
		max-height:			100%;
		position:			relative;
		top:				0;
	}
}

/* Login Startseite ---------------------------- START */

.login-area {
	padding-top:			10px;
}

label {
  display: 					inline-block;
  max-width: 				100%;
  margin-bottom: 			5px;
  font-weight: 				bold;
}

.form-control {
	display:				block;
	width: 					100%;
	height:					34px;
	padding:				4px 0px;
	font-size:				14px;
	line-height:			1.42857143;
	color:					#555555;
	background-color:		#ffffff;
	background-image:		none;
	border:					1px solid #cccccc;
	border-radius:			4px;
	-webkit-box-shadow: 	inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 			inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: 	border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: 			border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: 			border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin:					0 auto;
}

.form-control:focus {
  border-color: 			#66afe9;
  outline: 					0;
  -webkit-box-shadow: 		inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: 				inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.login-area .form-control {
	width: 					calc(100% - 66px);
	margin:					0 auto;
	height:					100%;
}

.login-area label {
	padding-left:			35px; 
	color:					#ffffff;
}

.form-group {
	margin-bottom:			10px;
}

.login-area-memory {
	padding:				0px 35px 1px 35px;
}

.login-area form {
	top:					calc(50% - 170px);
	position:				relative;
	margin-top:				0px;
}

.login-area form #login {
	width:					calc(100% - 60px);
	left:					30px;
	position:				relative;
	margin-top:				5px;
}

.login-area form .btn-default {
	background-color:		#E6E6E6;
	border-color:			#ADADAD;
}

.login-area form .btn-default:hover {
	background-color:		#ffffff;
	border-color:			#66afe9;
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(229,23,23,0.6);
	outline:				0 none;
}

.login-area form > div > input {
	box-shadow:				0 0px 5px rgba(0,0,0,0.3) inset;	
}

.btn-info {
	background:				#c5c5c5;
	border:					none;
	color:					#000000;
}

.btn {
  display: 					inline-block;
  margin-bottom: 			0;
  font-weight: 				normal;
  text-align: 				center;
  vertical-align: 			middle;
  -ms-touch-action: 		manipulation;
      touch-action:			manipulation;
  cursor: 					pointer;
  background-image: 		none;
  border: 					1px solid transparent;
  white-space: 				nowrap;
  padding: 					4px 12px;
  font-size: 				14px;
  line-height: 				1.42857143;
  border-radius: 			4px;
  -webkit-user-select: 		none;
  -moz-user-select: 		none;
  -ms-user-select: 			none;
  user-select: 				none;
}

/* Login Startseite ---------------------------- ENDE */