/* Basis */
body {
	background-image:      url('back.webp');
	background-position:   center;
	background-size:       cover;
	background-attachment: Fixed;
	font-family:           sans-serif;
	text-align:            center;
	color:                 #111;
	margin:                0;
	padding:               0;
	box-sizing:            border-box;
}
/* Rahmen um Blöcke */
header, nav, main, article, div, p, footer {
	max-width:        1000px;
	margin:           1em auto;
	padding:          1em;
	border:           1px solid rgba(84, 84, 84, 0.8);
	border-radius:    8px;
	box-shadow:       -1px 2px 5px rgba(0, 0, 0, 0.8);
}
/* Bilder */
.ImgBox{
	max-width: 288px;
	border:           1px solid rgba(84, 84, 84, 0.8);
	border-radius:    8px;
	box-shadow:       -1px 2px 5px rgba(0, 0, 0, 0.8);
}
.FlexBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	background-color: rgba(215, 218, 215, 0.7);
}
/* Farbgebung */
/* Überschriften */
h1 { /* Hauptüberschrift */
	font-size:        2em;
	color:            #007744; /* Ajukapalme-Grün */
	margin:           0;
}
h2 { /* Titel */
	color:            #005544;
	margin:           0;
}
h3 { /* Titel */
	margin:           0;
}
/* Heller Käfig */
.bg_hell_solid {
	background-color: rgba(252, 255, 252, 1);
}
.bg_hell_tranz {
	background-color: rgba(252, 255, 252, 0.7);
}
.NaviBar {
	background-color: rgba(252, 255, 252, 0.7);
}
/* Dunkler Käfig */
.bg_dark_solid {
	background-color: rgba(215, 218, 215, 1);
}
.bg_dark_tranz {
	background-color: rgba(215, 218, 215, 0.7);
}
.Main {
	background-color: rgba(215, 218, 215, 0.7);
}
/* Roter Käfig */
.Fail {
	background-color: rgba(255, 88, 88, 0.8);
}
/* Footer */
.Foot {
	font-size:        0.9em;
	color:            #444;
	background-color: rgba(215, 218, 215, 0.7);
}
/* LinkStyle */
a {
	outline-color: transparent;
}
a:link {
	color:            #007744;
}
a:visited {
	color:            #005544;
}