h1 { font-family:Arial; font-style:normal; font-weight:bold; font-size:12pt; color:black; text-decoration:none; }
h2 { font-family:Arial; font-size:16pt; font-style:italic; font-weight:bold; color:#0000CC}
h3 { font-family:Arial; font-weight:normal; font-size:10pt; color:red; text-decoration:none; }
h4 { font-family:Arial; font-weight:bold; font-size:12pt; }
h5 { font-family:Arial; font-style:normal; font-weight:normal; font-size:10pt; color:black; line-height:140%; margin-top:0; margin-bottom:0; }
h6 { font-family:Arial; font-weight:normal; font-size:10pt; line-height:100%; }
p {font-family:Arial; font-size:10pt; color:black;}

a:link      { font-weight: normal; font-size: 80%; font-family: Arial; 
text-decoration: none }
a:visited      { font-weight: normal; font-size:80%; font-family:  Arial; 
text-decoration: none }
a:active      {  font-weight: normal; font-size:80%; font-family: Arial; 
text-decoration: none }
a:hover  { font-weight: bold; font-size:100%; font-family: Arial ; 
text-decoration: none }

div {
  display:inline-block;
  width: 100%;
}
div1 {
  display:inline-block;
  width: 33%;
  }
.style1
{ font-family:Arial; font-style:normal; font-weight:bold; font-size:12pt; color:black; text-decoration:none; }
.style2
{ font-family:Arial; font-style:italic; font-weight:bold; font-size:14pt; color:rgb(0,0,204); }
.style3
{ font-family:Arial; font-weight:normal; font-size:10pt; color:red; text-decoration:none; color:black;}
.style4
{ font-family:Arial; font-weight:normal; font-size:14; color:rgb(255,102,0); }
.style5
{ font-family:Arial; font-style:normal; font-weight:bold; font-size:80%; line-height:140%; margin-top:0; margin-bottom:0; color:black;}
.style6
{ font-family:Arial; font-weight:normal; font-size:10pt; line-height:100%; color:black;}
.style6a
 { font-family:Arial; font-style:normal; font-size:10pt; font-weight:bold;color:black; }
.style7
{font-family:Arial; font-size:10pt; color:black;}
.style8
{font-family:Arial; font-size:8pt; color:black;}
.style9
{font-family:Arial; font-size:20pt; color:teal;}
.style9a
{font-family:Arial; font-size:16pt; color:teal;}
.style10
{width:136; height:55; valign:top}
.style11
{width:136; height:55}
.style20
{width:95%}


/* Checkbox ausblenden */
.menu-toggle {
  display: none;
}

/* Container für das Symbol stylen */
.hamburger-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 22px;
  cursor: pointer;
}

/* Die drei Striche des Hamburgers */
.hamburger-icon span {
  width: 100%;
  height: 3px;
  background-color: #333;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
}

/* Das Menü standardmäßig verstecken */
.menu-list {
  display: none;
  list-style: none;
  padding: 0;
}

/* Menü anzeigen, wenn die Checkbox angeklickt (geprüft) wird */
.menu-toggle:checked ~ .menu-list {
  display: block;
}