<!--
body       { color: white }
h1        { font-family:Arial; font-weight:bold; font-size:14pt; color:black; }
h2         { color: Teal;  font-family:  Arial; font-style: italic; font-size: 12pt }
h3       { font-family:Arial; font-style:italic; font-size:14pt; color:blue; }
h4       { color: #ff6600; font-style: normal; font-weight: normal; font-size: 9pt; font-family:  Arial }
h5      { font-family: Arial; font-style:normal; font-weight:bold; font-size:10pt; color:red; line-height:100%; margin-top:0; margin-bottom:0; }
h6       { font-family:Arial; font-style:normal; font-weight:normal; font-size:10pt; color:black; }
p          { color: black; font-style: normal; font-weight: normal; font-size: 100%; font-family:  Arial }



.style1
{ font-family:Arial; font-weight:bold; font-size:140%; color:black; }
.style2
{ color: blue; font-style: italic; font-size: 110%; font-family: Arial}
.style3
    { font-family:Arial; font-style:italic; font-weight:bold; font-size:130%; color:blue; }
.style4
    { color: #ff6600; font-style: normal; font-weight: normal; font-size: 98%; font-family: Arial;  }
.style5
{font-family: Arial; font-style:normal; font-weight:bold; font-size:100%; color:black; line-height:100%; margin-top:0; margin-bottom:0;}
.style5a
{font-family:Arial; font-style:normal; 
font-weight:normal; font-size:100%; color:black; line-height:100%; margin-top:0; margin-bottom:0; padding:10pt; }
.style5b
    { color: black; font-style: normal; font-weight: normal; font-size: 100%; font-family: Arial; }
.style6
    { font-family:Arial; font-style:normal; font-weight:normal; font-size:11pt; color:black; }
.style6a
{ font-family:Arial; font-style:normal; font-weight:bold; font-size:100%; color:black; }
.style6b
    { font-family:Arial; font-style:normal; font-size:70%; font-weight:normal; color:black; align:right; }
.style20
{ width=50% }
.style9
    { font-family:Arial; font-style:normal; font-size:120%; font-weight:normal; color:teal; style:padding-left:10%; align:right; }
.style9a
    { font-family:Arial; font-style:normal; font-size:90%; font-weight:normal; color:teal; align:right; }
.style9b
    { font-family:Arial; font-style:normal; font-size:140%; font-weight:normal; color:teal; align:right; }

.style11
    { padding-left:10%; height:45pt; width:20%; valign:top; }


.style11tab
    { border:0; cellspacing:0; cellpadding:0; width:38%; height:66%; }

a:link      { font-weight: normal; font-size:90%; font-family: Arial; color:teal; 
text-decoration: none }
a:visited      { font-weight: normal; font-family:  Arial; color:teal; 
text-decoration: none }
a:active      {  font-weight: normal; font-family: Arial; color:teal; 
text-decoration: none }
a:hover  { font-weight: bold; font-family: Arial ; color:teal;
text-decoration: none }

.style12
{ color:#ff6600; }


-->
.section1
{margin-left:40pt
; margin-right:40pt
 }
.section2
{bgcolor="#222222"; margin-left:180pt
; margin-top:180pt
;
}
.section3
{bgcolor="#111111";margin-left:2pt
; 
}

.box-design {
  background-color: #b5f6d5;
  padding: 20px;
  border-radius: 8px;
  max-width: 500px;


/* 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;
}