h1{
  color: #E93737;
  font-size:28pt;
  font-style:italic;
  font-weight:bold;
  font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
}
h2{
  color: #FFFFFF;
  font-size:20pt;
  font-style:italic;
  font-weight:bold;
  font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
}
body {
 background-image:url(../pictures/background.jpg);
 background-repeat:no-repeat;
 background-attachment:fixed; padding:0px;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-attachment: fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
div.header {
 position: absolute;
 top:3px;
 left: 230px;
 width: calc(100% - 240px);
 height: 50px;
 background-color: hsla(0, 0%, 10%, 0.0);
}
div.foot {
 display: flex;
 justify-content: space-between;
 padding-left: 15px;
 padding-top: 12px;
 position: absolute;
 top: calc(100% - 70px);
 left: 20px;
 width: calc(100% - 70px);
 height: 40px;
 color: #FFFFFF;
 font-size:18pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif; /* Schriftart */
 background-color: hsla(0, 0%, 10%, 0.4);
}
div.logo {
 position: absolute;
 top: 15px;
 left: 20px;
 width: 180px;
 height: 65px;
 background-color: hsla(0, 0%, 10%, 0.0);
}
div.body {
 padding-top: 8px;
 padding-left: 8px;
 padding-bottom: 10px;
 position: absolute;
 top: 100px;
 left: 20px;
 width: calc(100% - 460px);
 height: calc(100% - 200px);
 overflow: auto;
 color: #FFFFFF;
 font-size:16pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif; /* Schriftart */
 background-color: hsla(0, 0%, 10%, 0.4);
 }
div.button{
 margin-top: 10px;
 margin-bottom: 10px;
 padding-left: 8px;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-right: 8px;
 width: 400px;
 border-style: solid;
 border-color: #FFFFFF;
 border-width: 1px;
 color: #FFFFFF;
 text-decoration: none;
 font-size:16pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif; /* Schriftart */
}
a.buttonlink{
 border-color: #FFFFFF;
 border-width: 1px;
 color: #FFFFFF;
 text-decoration: none;
}
a.buttonlink:hover{
 border-color: #E93737;
 color: #E93737;
 text-decoration: none;
}
div.button:hover{
 border-color: #E93737;
 color: #E93737;
 text-decoration: none;
}
div.menue {
 padding-left: 8px;
 padding-top: 8px;
 position: absolute;
 top: 50px;
 width: 320px;
 height: calc(100% - 148px);
 left: calc(100% - 360px);
 overflow: auto;
 color: #E93737;
 line-height: 150%;
 font-size:18pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif; /* Schriftart */
 background-color: hsla(0, 0%, 10%, 0.4);
}
a.menuelink{
 color: #FFFFFF;
 text-decoration: none;
 font-size:18pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif; /* Schriftart */
}
a.menuelink:hover{
 color: #E93737;
 text-decoration: none;
 font-size:18pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif; /* Schriftart */
}
.img-fit{
  width: auto;
  height: 100%;
}
div.image{
 padding-top: 20px;
 width: calc(100% - 400px);
 height: 350px;
 color: #FFFFFF;
 font-size:16pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
 background-color: hsla(0, 0%, 10%, 0.0);
}
div.box{
 display: flex;
 justify-content: space-between;
 color: #FFFFFF;
 font-size:16pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
 background-color: hsla(0, 0%, 10%, 0.0);
}
div.index{
 padding-top: 8px;
 padding-left: 10px;
 width: 240px;
 height: auto;
 color: #FFFFFF;
 font-size:16pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
 background-color: hsla(0, 0%, 10%, 0.0);
}
div.value{
 width: 170px;
 height: auto;
 overflow: auto;
 color: #FFFFFF;
 font-size:16pt;
 font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
 background-color: hsla(0, 0%, 10%, 0.0);
}
 div.data{
  padding-top: 8px;
  padding-left: 4px;
  width: 170px;
  height: auto;
  color: #FFFFFF;
  font-size:16pt;
  font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
  background-color: hsla(0, 0%, 10%, 0.0);
 }
 div.Rows{
  display: grid;
  justify-content: space-between;
  width: auto;
  height: auto;
  color: #FFFFFF;
  font-size:16pt;
  font-family:"arial rounded mt bold", arial, "lucida console", sans-serif;
  background-color: hsla(0, 0%, 10%, 0.0);
 }