<style>
h1 {
  color:#FF9F00;   /* Farbe orange */
  font-size:28pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
}
  p.a { font-size:28pt; font-weight:bold; font-style: normal; font-family: 'Arial Kursiv'; }
  P.b { font-size:24pt; font-weight:bold; font-style: italic; font-family: 'Arial'; }
  P.c { font-weight:normal; font-style: oblique; font-family: 'Arial Fett'; }

#links
{
position: fixed;
top: 20px;
left: 0%;
height: 84%;
width: 300px;
padding-left: 5px;
background-color: rgb(246, 236, 216);
float: right;
overflow-y: auto;
z-index: 2;
text-align: right;
}

#mitte
{
position: absolute;
top: 20px;
left: 310px;
right: 220px;
width: auto;
height: 84%;
overflow-y: auto;
z-index: 3;
text-align: center;
background-color: rgb(246, 236, 216);
}

#rechts
{
position: fixed;
top: 20px;
right: 0%;
height: 90%;
width: 280px;
padding-right: 5px;
background-color: rgb(246, 236, 216);
float: right;
z-index: 2;
text-align: left;
}

#footer {
    position: fixed;
    height: auto;
    background-color: rgb(246, 236, 216);
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-size:14pt; 
}



p {
    max-width: 10px;
}

img {
  width: 100%;
  max-width: 300px; 
  height: auto;
}

</style>

