.wrapper {
  width: 860px !important;
  margin: 0 auto 40px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden;
}

.wrapper > header {
  float: left !important;
  width: 120px !important;
  position: sticky;
  top: 24px;
  margin: 0 !important;
  padding: 10px 8px !important;
  box-sizing: border-box !important;
}

.wrapper > section {
  float: left !important;
  width: 740px !important;
  margin: 0 !important;
  padding: 15px 20px !important;
  box-sizing: border-box !important;
}

.wrapper::after {
  content: "";
  display: table;
  clear: both;
}

header h1 {
  margin-bottom: 0.2em;
  font-size: 14px;
  word-wrap: break-word;
}

header p {
  margin: 0 0 0.8em 0;
  font-size: 12px;
}

/* Nav-Buttons: vertikal gestapelt in der linken Spalte.
   Spezifische Selektoren + !important um Theme-CSS zu überschreiben. */

.wrapper > header ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 1em 0 0 0 !important;
  position: static !important;
  height: auto !important;
  width: auto !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: block !important;
}

.wrapper > header ul::before {
  display: none !important;
  content: none !important;
}

.wrapper > header ul li,
.wrapper > header ul li + li,
.wrapper > header ul li + li + li {
  float: none !important;
  width: auto !important;
  height: auto !important;
  border: none !important;
  margin: 0 0 6px 0 !important;
  display: block !important;
}

.wrapper > header ul a {
  display: block !important;
  text-align: center !important;
  padding: 5px 6px !important;
  height: auto !important;
  line-height: 1.4 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: linear-gradient(#77B9FB, #3782CD) !important;
  border-radius: 5px !important;
  text-shadow: rgba(0,0,0,0.3) 0 -1px 0 !important;
  box-shadow: inset rgba(255,255,255,0.3) 0 1px 0 !important;
  text-decoration: none !important;
}

.wrapper > header ul a:hover {
  background: linear-gradient(#5aa3f5, #2566b0) !important;
}

.wrapper > header ul a strong {
  display: inline !important;
  font-size: 11px !important;
  color: #fff !important;
}

section h2, section h3 {
  margin-top: 1.2em;
}

section p {
  margin: 0 0 1em 0;
  line-height: 1.45;
}

section table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5em 0 1.2em 0;
}

section td, section th {
  vertical-align: top;
  padding: 0.15em 0.5em 0.15em 0;
}

a {
  word-break: break-word;
}

#Bottom table td {
  padding-right: 1.2em;
}

@media (max-width: 900px) {
  .wrapper {
    width: auto;
    margin: 0 16px 32px 16px;
  }

  .wrapper > header,
  .wrapper > section {
    float: none;
    width: auto;
    position: static;
  }

  /* Buttons auch auf schmalen Bildschirmen sichtbar halten */
  .wrapper > header ul {
    display: block !important;
  }
}