* {
    box-sizing: border-box;
}
li{
	list-style-type:none;
}
#record_body body{
    font-family: sans-serif;
    margin: 0;
}
#record_body #flashMessage{
	color:red;
	font-weight: 600px;
	font-size: 130%;
}



#record_body article {
	max-width:400px;
	margin: auto;
}

#record_user header {
    display: grid;
    background: #216791ff;
    grid-template-columns: 15% auto;
    grid-template-rows: 30px 30px;
    grid-template-areas: "hd1 hd2"
						 "hd1 hd3";
}
#record_user .hinweis{
	color: #b25;
	font-size:130%;
	padding-left: 15px;
}

h1{
	margin:0;
	font-size:120%;
}

.logo {
    grid-area: hd1;
}
.logo img{
    padding:4px;
}
.hd2{
    grid-area: hd2;    
    font-weight:bold;
    color: white;
}
.hd3{
    grid-area: hd3;
    color: white;
}


#record_user header,
#record_user main,
#record_user footer {
    padding: 10px;
}

#record_main main {
    grid-area: main;
    background: #f2f2f2ff;
    display: grid;
    grid-template-columns: 15% auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
	grid-auto-flow: column;
    align-items: center;
}

#record_main img{
	height:44px;
	padding-top:2px;
}

#record_main input, #record_main button, #record_view .field{
	height:44px;
	width:95%;
    font-weight: 600;
}

#record_main input[type="text"], #record_main input[type="email"]{
	border-radius: 0px 5px 5px 0px;
	padding-left: 10px;
}
#record_view .field{
	border-radius: 0px 5px 5px 0px;
	padding-left: 10px;
	background:white;
	padding-top:10px;
}

#record_main input[type="submit"], #record_main button[type="submit"]{
    background: #216791ff;
    color: white;
    font-weight: 600;
	border-radius: 5px;
}
.error-message{
	position:absolute;
	color:red;
}

footer {
    grid-area: footer;
}

.navigation-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.navigation-item {
    margin: 0 10px;
}

.navigation-item a {
    text-decoration: none;
}

.navigation-item a:hover,
.navigation-item a:active {
    color: #fa923f;
}