html {
  overflow-y: scroll;
}

body {
  background-image: radial-gradient(circle, #bfad99, #8B7765);
  margin: 0;
  padding-top: 141px;
}

/* LINKS */
a:link, a:visited {
  color: #b9b9b9;
  text-decoration: none;
}

a:hover {
  color: #dddddd;
}

/* =========================
   HEADLINE
========================= */
h1 {
  color: black;
  font-size: 30px;
  font-family: serif, sans-serif;
  font-weight: bold;
  margin: 0;
  line-height: 48px;
}

/* =========================
   HEADER (EBENE)
========================= */
#ebene {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;

  width: 732px;
  background-color: #877561;

  border: 2px solid #7a6854;

  display: flex;
  flex-direction: column;

  z-index: 1000;
}

/* HEADER BOX */
#feld {
  background-color: #7a6854;

  width: 712px;
  margin: 19px 10px 12px;
  padding: 12px 10px;

  border-radius: 7px;
  box-shadow: 0px 2px 2px -2px black;

  box-sizing: border-box;
}

/* NAV WRAPPER */
#feld2 {
  width: 100%;
  padding-bottom: 12px;
}

/* NAVIGATION */
#navikat {
  width: 710px;
  margin: 0 auto;
  display: flex;

  font-family: Verdana, Helvetica, arial;
  font-size: 13px;
  line-height: 23px;
}

/* NAV BOXEN */
#box1, #box2, #box3, #box4, #box5, #box6 {
  width: 113px;
  background-color: #216521;
  text-align: center;
  box-shadow: 1px 1px 2px #333;
  margin-left: 6px;
}

#box1 a, #box2 a, #box3 a, #box4 a, #box5 a, #box6 a {
  display: block;
}

#box1 a:hover,
#box2 a:hover,
#box3 a:hover,
#box4 a:hover,
#box5 a:hover,
#box6 a:hover {
  background-color: #60824f;
}

/* =========================
   CONTENT CONTAINER
========================= */
#ebene2 {
  background-color: #7a6854;

  width: 736px;
  margin: 0 auto;

  padding: 2px;
  border: 10px solid #877561;

  box-sizing: border-box;

  display: flex;
  flex-direction: column;

  font-family: Verdana, Helvetica, arial;
  font-size: 14px;
  color: black;
}

/* =========================
   BLOCK BASIS (ALLE BLÖCKE)
========================= */
#ebene2 > div {
  background-color: #658754;
  width: 100%;
  box-sizing: border-box;

  padding: 8px 6px;
  margin-bottom: 2px;

  line-height: 17px;
}

/* FETTE ÜBERSCHRIFTEN */
#ebene2 strong {
  font-weight: 700;
}

/* =========================
   SILBENTRENNUNG NUR WO NÖTIG
========================= */
#block8,
#block10,
#block12,
#block14 {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.datenschutz a {
  color: inherit !important;
  text-decoration: underline !important;
}