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

/* Font Open Sans */
@font-face {
  font-family: 'Open Sans';
  font-style: lighter;
  font-weight: 300;
  src: url('../layout/fonts/OpenSans-Light.ttf') format('truetype'); 
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../layout/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 600;
  src: url('../layout/fonts/OpenSans-SemiBold.ttf') format('truetype');
}

/* Template */
body {
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: 300;
    line-height: 1.42857143;
    color: #434548;
	margin:0px;
	background-color: #ececec;
}


h1{
	font-size: 15px;
	font-weight: lighter;
	float: right;
	margin-bottom: 0px;
	margin-top: 30px;
}

.box{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 13;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.login{
	max-width: 360px;
	background-color: #fff;
	margin: 20px;
}

.login .logo{
	width: 90%;
	padding:10px 5%;
	float: left;
	border-bottom: 1px solid #d41217;
}

.login .logo img{
	width: 130px;
}

.login .eingabe{
	padding: 28px 20px;
	float: left;
}

.login .eingabe .text{
	width: 95%;
	border: solid 1px #c1c1c1;
	border-radius: 4px;
	padding: 10px 2%;
	margin: 8px 0px;
	font-size: 13px;
}

.login .eingabe .info{
	margin-top: 13px;
}

.login .eingabe .info{
	margin-top: 20px;
	float: left;
	width: 100%;
}

.login .eingabe .zu{
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#535151;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 5%;
	border: solid 1px #c1c1c1;
	border-radius: 4px;
	margin-top: 20px;
	margin-right: 0.5%;
	float: left;
	text-decoration: none;
}

.login .eingabe .zu:hover {
    background-color: #d41217;
    color: #fff;
    border-color: #d41217;
}


.login .eingabe .log {
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
    cursor: pointer;
    background-color: #fff;
    color: #535151;
    font-size: 12px;
    padding: 8px 10%;
    border: solid 1px #c1c1c1;
    border-radius: 4px;
	margin-top: 20px;
	margin-right: 0.5%;
	float: right;
    -webkit-appearance: none;
}

.login .eingabe .log:hover {
    background-color: #d41217;
    color: #fff;
    border-color: #d41217;
}

.login .footer{
	background-color: #595959;
	float: left;
	width: 96%;
	padding: 2%;
	color: #fff;
	font-size: 13px;
	border-top: 1px solid #d41217;
}

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

.login .footer a:hover{
	color: #c8c8c8;
}

.login .footer .rechts{
	float: right;
}