html,body {
margin:0px;
padding:0px;
height:90%; /* braucht es für die min-height des Containers */
}





/*font-family: 'Source Sans Pro', sans-serif;*/
.body {
/*background: linear-gradient(to bottom, #eeeeee, #ffffff);*/
	position: relative;
	top: 5px;
	left: 5px;
	right: 5px; 
	bottom: 5px;
	height:80%;
	
}
p{
	font-family: 'PT Sans', sans-serif;
	color: #ffffff;
}
.container {
	position: relative;
	height: 100%;
	
}
.content {
	background: linear-gradient(to top left, #0040aa, #bb0088);
	position: relative;
	/*top: 170px;
	left: 10px;
	right: 10px; 
	*/
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-radius: 20px;
	color: white;
	padding: 10px;
	text-align: center;
	min-height: 100%;
}
.content-heading-1 {
	font-family: 'PT Sans', sans-serif;
}
.info-text {
	color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
}
.info-text  a {
	color: white;
}
.info-text b {
	color: white;
}
.header-heading-1 {
	margin-top: 10px;
	color: #1E1E1E;
	width: 100%;
	text-align: center;
	font-family: 'PT Sans', sans-serif;
}

.id-vertical-right {
	position: absolute;
	right: 0px;
	top: 15px;
	font-size: 80%;
	color: #bbbbbb;
	font-family: 'Source Sans Pro', sans-serif;
	writing-mode: vertical-rl;
	text-orientation: mixed;
}


.hr-content {
	border: 0.5px #FFFFFF solid;
	margin-top: 10px;
	margin-right: 50px;
	margin-left: 50px;
}
.footer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Source Sans Pro', sans-serif;
	color: #999999;
	text-decoration: none;
	text-align: center;
}
.footer-id-info {
	font-size: 60%;
}
.footer .footer-logo {
	vertical-align: middle;
}
/*new*/

.codeInput{
	margin: 0px 3px 2px 3px;
	color: white;
	text-align: center;
	display: inline;
	font-family: 'PT Sans', sans-serif;
	font-size: 400%;
	width: 17%;
	max-width: 70px;
	background: rgba(0,0,0,0.3);
	border: solid 2px rgba(255,255,255,1);
	/*border: solid 3px rgba(0,0,0,1);*/
	border-radius: 9px;
	
}
.codeInput:focus{
	
	
  -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */

  animation-duration: 0.8s;
	margin: 0px 3px 0px 3px;
	border: solid 3px rgba(255,255,255,1);
}

.codeInput:disabled{
	color: #cccccc;
	border-color: #cccccc;
}

/*Button*/
.button{
	font-family: 'PT Sans', sans-serif;
			background: rgba(0,0,0,0.1);
			border-radius: 9px;
			/*box-shadow: 2px 2px 5px rgba(0,0,0,0.4);*/
			border: 2px #FFFFFF solid;
			width: 74%;
	
			padding: 10px;
			font-size: 120%;
			margin-left: auto;
			margin-right: auto;
	text-decoration: none;
			color: white;
			vertical-align: center;
			
		}
		
#resultContainer{
	font-family: 'PT Sans', sans-serif;
}