.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body { 
    width: 85%; 
    text-align: left; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 50px; 
    margin-top: 100px; 
    font-family: Verdana, Geneva, sans-serif; }



h1, h2, h3, h4 { color: #0099cc; }

/* a { color: #660066; } */
a:link, a:visited, a:active {
    color: #99cc33;
}

a:hover { color: #0099cc; }

/* a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
} */

input.MyButton {
    /* width: 300px; */
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px;
    cursor: pointer;
    font-weight: bold;
    font-size: 110%;
    background: #99cc33;
    color: #fff;
    border: 1px solid #99cc33;
    border-radius: 10px;
}

input.MyButton:hover {
    color: #fff;
    background: #0099cc;
    border: 1px solid #0099cc;
}

.alert {
    font-weight: bold;
}

  table {
    border-collapse: collapse;
    width: 100%;
  }
  th, td {
    border: 1px solid grey;
    padding: 10px;
    font-size: 90%;
  }
  thead th {
    background-color: #d76b06b8; /* Dunkles Orange für Titelzeile */
    color: white; /* Weiße Schrift  */
  }
  tbody tr {
    background-color: #f7c69e; /* Helles Orange für Datenzeilen */
    color: black; /* Schwarze Schrift  */
  }

nav ol { padding-left: 0; }
nav a { color: #CC5500; text-decoration: none; }
nav a:hover { text-decoration: underline; }
h2 { scroll-margin-top: 100px; } /* Offset für fixe Header */
.innerUL {
  padding-left: 50px;
}

.outerUL {
  margin-left: 100px;
}