html,body { 
  height:100%;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.bg-container {
//  background-color:#d8d8d8;
  font-family: Calibri;
  color:black;
  height:100%;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  position: relative;
}

.bg-container .content {
  position: absolute;
  z-index:5;
  text-align: left;
  width: 100%;
}

.bg-container::after {
  content: "";
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index:1;
  background-image: url("/images/hg.png");
  background-size: cover;
  opacity: 0.7;
}

a:link { color:black }
a:visited { color:black }
a:active { color:black }

#content {
  margin-left:12em;
  margin-right:30px;
  margin-bottom:30px;
  padding:10px;
  text-align:left;
  width: 80%
}

#Ueberschrift {
//  background-color:#003366;
  color: black;
  text-align: center;
  font-size: 120%
}