body {
    margin-left: 3%;
    margin-right: 3%;
    font-family: Lucida Sans, Verdana, Geneva, Tahoma, sans-serif;
    color: #552277;
    background-image: linear-gradient(#fafafa, #dfdde399);
    max-width: 100em;
/*  align-items: center;
    background-color: #dfdde399;
*/
}
header {
    text-align: center;
}
footer {
    margin: 0.9em;
    max-width: 70em;

}
h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, div, td, th, address, blockquote {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
hr {
    margin: .9em;
    max-width: 70em;
    height: 0.2em;
    color: #8c8c8c;
    background: #8822aa;
    border-radius: 5em;
}
a:link {
  font-style: italic;
  text-decoration: none;
  color: #552288;
}
a:visited {
  font-style: italic;
  text-decoration: none;
  color: #2222bb;
}
a:focus {
  color: #552288;
}
a:hover {
  font-style: italic;
  text-decoration: underline;
  color: #a909a0;
}
a:active {
  color: #552288;
}
nav ul {
  display: flex;
  flex-direction: inherit;
}
nav li {
  list-style: none;
  margin: 0.5em;
  padding: 0.2em;
  font-size: 1.1em;  
}
nav a:any-link {
    text-decoration: none; 
    font-weight: bold;
    color: #552288; 
    background-color: var(--background-color);
 }
[aria-current=page]{
	background: var(--accent2-color);
}
.flex-container {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.flex-item {
	flex: auto;
    flex-wrap: wrap;
    border: 2px;
	border-radius: 15px;
    margin: .3em;
	padding: .9em;
	background: #fcfaf8;
}
.flex-item1 {
	max-inline-size: 50%;
    border: 2px;
	border-radius: 15px;
    margin: .3em;
	padding: .9em;
	background: #fcfaf8;
}
.flex-item2 {
	max-inline-size: 50%;
    border: 2px;
	border-radius: 15px;
    margin: .3em;
	padding: .9em;
	background: none;
}
.flex-item3 {
	flex: auto;
    max-width: 70em;
    border: 2px;
	border-radius: 15px;
    margin: .3em;
	padding: .9em;
	background: none;
}
.mittig {
  align-content: center;
}
.unterstrich {
  text-decoration-line: underline;
}

.o0  { opacity: 0; }
.o2  { opacity: 0.2; }
.o4  { opacity: 0.4; }
.o6  { opacity: 0.6; }
.o8  { opacity: 0.8; }
.o10 { opacity: 1; }

#rechtslink {
    position: absolute;
    bottom: auto;
    right: 4%;
}
#toplink {
	position: fixed;
	bottom: 2%;
	right: 2%;
}
#toplink1 {
	background: none;
	bottom: 0;
	margin: 0;
	position: fixed;
}