body {
    
	background-color: #072A40;
	font-family: "Arial", Arial, serif;
	margin: 0 auto;
}

h1 {  max-width: 860px; padding: 0; text-align: left; letter-spacing: 1px; border-bottom: 2px solid #178CA4; margin: 20px auto 25px; font-size: 2em;}

h2 { width: 820px; margin: 0; padding: 0 0 0 30px; font-size: 15px; letter-spacing: 0.1em; }

h4 { max-width: 860px; padding: 0; text-align: left; letter-spacing: 1px; margin: 20px auto 25px; font-size: 1.2em;}

p { width: 820px; font-size: 1.3em; margin: 10px auto 10px; line-height: 25px;}

#wrapper
{

	padding: 25px 0 25px 0;
	margin: 0 50px;
	overflow: hidden;
	min-width: 780px;

}

#header
{
	background: #178CA4;
	height: 190px;
	padding: 20px;

	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#header .logo { margin: 10px 10px 0 50px; }
#header .title{	color: #000; margin: 0 0 0 23px; font-family: "Arial", Arial, serif; letter-spacing: 2px; font-size: 1.7em;}


#navigation { height: 35px; background: #4D4D4D; font-size: 1.3em; border-left: 2px solid #000; border-right: 2px solid #000;}
#navigation ul { margin: 0;	padding: 0; }
#navigation ul li{ list-style-type: none; display: inline;}
#navigation li a { letter-spacing: 2px;	display: block;	float: left; padding: 5px 0 0 0; text-align: center; color: #FFF; text-decoration: none; border-right: 1px solid #fff; width: 130px; height: 30px; }
#navigation li a:hover { background: #000; }
#navigation .active { color: #18b7be; }


#content
{
	clear: left;
	padding: 25px 20px 50px 20px;
	background: #f9f7f0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	overflow: hidden;
}

#page { margin: 0 auto; max-width: 880px;}

#page .date {font-size: 1em; font-style: oblique 20deg;}

#footer
{
	background: #178CA4;
	color: #000;
	text-align: center;
	padding: 20px;
	height: 50px;
	
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top: 1px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}

#footer a { text-decoration: none; color: #000;}
#footer a:hover { text-decoration: underline; }
#footer a:visited { color: #000; }

#loginform { width: 75%; margin: 65px auto; }
#loginform .loginheader { text-align: center; border-bottom: 2px solid #178CA4;}
#loginform .loginform { margin: 0 auto; width: 270px; }
#loginform .loginform input.textfeld { font-size: 16px; height: 35px; width: 260px; text-align: center; background: #F2F5A9}
#loginform .loginbutton { font-size: 14px; margin: 0; height: 85px; width: 85px; background-color: #178CA4; border-radius: 50px; border-radius: 50px; }
#loginform form p { position:relative; }
#loginform label  { font-size: 16px; color: grey; letter-spacing: 1px; position:absolute; top: 9px; left: 96px; }
#loginform form p br { display: none; }

#loginform .lostpass { font-size: 11px;  text-decoration: none; margin-left: 86px; color: #000;}
#loginform .lostpass:visited { color: #000; }
#loginform .lostpass:hover { text-decoration: underline; }

#loginform label[for="username"]
{
    display:none;
}

#loginform label[for="password"]
{
    display:none;
}

.box 
{
    display: flex; /* Flexbox für Spalten */
    border: 1px solid #333;
    border-radius: 8px;
    overflow: hidden;
	margin: 0px 25px 0 25px;
}

.column 
{
	flex: 1; /* Gleichmäßige Verteilung */
    padding: 10px;
    text-align: center;
}

.left 
{
    background-color: #f0f0f0; /* Grauer Hintergrund */
	min-width: 200px;
	max-width: 250px;
}

.left img 
{
	width: 100%; /* Bild passt sich der Spalte an */
    height: auto; /* Seitenverhältnis bleibt erhalten */
    object-fit: cover; /* Füllt die Spalte (optional) */
}

.right 
{
	background-color: #ddd;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    word-wrap: break-word;
    overflow-wrap: break-word;
    flex: 1; /* Nimmt den restlichen Platz ein */
    min-width: 0; /* Lässt die Spalte schrumpfen, damit der Text umbricht */
}

.right p
{
	font-size: 1.1em;
}


#navbox{}
#navbox a {float: right;margin: 10px 25px 0 0;font-size: 0.8em;text-decoration: none;}
#navbox a:hover {text-decoration: underline;}
#navbox a:visited {color: black;}