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

/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
    src: url(fonts/titilliumweb.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/titilliumweb_2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
		-ms-text-size-adjust: 100%;
	    word-wrap: break-word;
}

body {
    font-family: 'Titillium Web', sans-serif;
	background-image:url(img/background.jpg);
	background-position: top;
	background-size:cover;
	color:white;
	text-align:center;
	margin:0px;
}

h1
{
	font-size:38px;
	margin-bottom:0px;
}

h3 {
margin-top:0px;}

h2
{
	padding-bottom:12px;
	border-bottom: 3px solid #182c51;
	font-size:18px;
	width:290px;
	margin:auto;
	padding-top:25px;
}

a, a:checked
{
	color:white;
}

body img:first-child {
	width:100px;
	display:block;
	margin:auto;
	padding-top:120px;
	padding-bottom:0px;
	text-align: center;
}

.content
{
	background-image:url(img/background_white.png);
	width:320px;
	height:360px;
	border-radius: 2px;
	padding:15px;
	margin:auto;
	color:#182c51;
	margin-bottom:250px;
	box-shadow: 5px 5px 10px black;
}


/*** Formular ****/

input {
	display:block;
	color:#182c51;
	font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
	letter-spacing: 0.7px;
}

label {
	text-align:left;
	padding-top:25px;
	font-weight:600;
	padding-bottom:5px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.5px;
}

button
{
	background-color:#182c51;
	color:white;
	border:none;
	padding:10px 33px;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	border-radius: 5px;
	font-weight: 600;
	text-align: left;
	margin-top:5px;
	cursor:pointer;
}

button, .content a, .content a:checked, label
{
	display:block;
}

.content a, .content a:checked{
	font-size:11px;
	color:#182c51;
	text-align:right;
}

input {
	background-color:white;
	padding:12px;
	width:263px;
	border-radius:2px;
	border:none;
}

form
{
	padding:0px 15px;
}

input{
	background-position:259px 9px;
	background-repeat: no-repeat;
	background-size:18px;
	padding-right:15px;
}

input#user
{
	background-image: url(img/icon_user.png);
}


input#passwort
{
	background-image: url(img/icon_schloss.png);
}



.foot_info {
	background-color:#182c51;
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
}

.foot_info>a {
	color:white;
}