/*
	00m Stylesheet
	================
	
	colors: 	to be defined
	_______
	
	background				#fff
	write					#333, #000
	elements				
	highlight				#85581d
	link					#DE7008
*/

body 						{color: #333; background: #d5e1df;
							background-image: url("/png/20200922_175229.jpg"); background-blend-mode: screen;}
.header, .footer			{color: #034f84; }
.cont						{background: #fff; border-top: 4px solid #034f84;	border-bottom: 4px solid #034f84;}
h1, h2						{color: #034f84;}
a:hover						{background: #d5e1df; }

/*
------------------------------------------------------------------------------------------- PAGE CONSTRUCTION
*/

html 						{ margin: 0; } 
body 						{ margin: 0; height: 100vh; font-family: 'Raleway', sans-serif; font-weight:400;}
.main 						{ height: 100vh; } /* Genereller Container */
.header 					{ font-family: 'Raleway', sans-serif; height: 12vh; min-height: 100px; } /* Header für das Logo */
.cont 						{ height: 82vh; overflow-y: auto; 
								overflow-x: hidden;} /* Seitendarstellung (ohne Footer -> siehe cpr)  */
.inner						{ width: 75%; margin: 0 auto; }
.footer		 				{ clear: both; height: 5vh; }
.header h1					{ margin: 0; font-weight:700; font-size: 2rem;}
nav 						{ height: 64px;  }
.form-inline 				{ display: flex inline;  flex-flow: row wrap;  align-items: center; }
.form-inline .menuitem 		{ display: flex; margin: 0 8px 0 px; padding: 2px; margin: 0 8px 0 8px;  }
.form-inline .menuitem:first-child { margin-left: 0;}
.form-inline .menuitem:hover 	{ background: #d5e1df; }
.menuitem label {  display: flex; justify-content: center; align-items: center; margin-left: 4px;  }

/* .form-inline input			{ display: flex; margin: 8px; } */
input[type=text],input[type=password]
							{ padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border-radius: 24px; 
								font-family: 'Raleway', sans-serif; }
input[type=text]:focus,input[type=password]:focus 
							{ border-color: #34eb34; background: #f5f3c6;}

@media only screen and (max-width:599px) {
	.header, .footer 		{ background-image: none;}
	.inner 					{width: 100%; }
}