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

#container {
width: 540px;
height: 600px;
position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -350px;
margin-left: -250px;
	
}

#header {
	width:540px;
text-align: center;left: 105px;
top: 85px;

}

.titel{
font-family: 'Roboto',arial;
font-weight: 400;
color: #a02220;
font-size: 50px;
	left: 105px; 
	top: 10px;
	height: 66px;
} 
.ondertitel{
	font-family: 'arial',arial;
font-weight: 400;
color: #000000;
font-size: 14px;
height: 35px;}
.ondertitel2 {
		font-family: 'arial',arial;
font-weight: 400;
color: #000000;
font-size: 14px;
height: 35px;
margin-top: 120px;}
	
}
#popupcontent{
left: 185px;
text-align: center;


	
} 
.pin{
	margin-top: 15px;
	text-align: center;
font-size: 14px;
font-family: 'arial',arial;
font-weight: 400;
color: #000000;
font-size: 14px;
		
}
.form-control{
border: 1px solid #e8e8e8;
border-top: 3px solid #dddddd;
border-bottom-left-radius: 0.11111rem;
border-bottom-right-radius: 0.11111rem;
transition: all 100ms ease-out;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.67;
color: #777777;
background-color: #fff;
background-image: none;
	
}
.button{
	display: block;
	margin-top: 15px;
text-align: center;
font-family: 'arial',arial;
font-weight: 400;
color: #000000;
font-size: 14px;
line-height: inherit;

}

.btn-primary {
    padding:padding: 0.5rem 1.4rem !important;
    color: #fff !important;
    border-bottom: 3px solid #7b1414;
    background: #A02220;
	border: 1px solid transparent;
	padding: 0.37rem 1.75rem;
	}
#foot{ 
margin-top: 155px;
font-family: 'arial',arial;
font-weight: 400;
color: #a02220;
font-size: 16px;
}

.text{
}