* 
{
    font-family: "Verdana", "Calibri", sans-serif;
    line-height: 1.5;
}

body {
    background: #555555 url("bilder/background3.jpg") fixed;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.hauptbehaelter {
    background: rgba(223, 223, 223, 0.685);
    width: 50%;
    margin: 1px auto;
    padding: 1.5% 1%;
    box-shadow: 4px 4px 10px grey;
}

h1 {
    margin-top: 0;
}

ul {
    margin-bottom: 0;
}

h1, h2 {
    background: #2c2c2c;
    color: white;
    text-align: center;
    padding: 1%;
    box-shadow: 2px 2px 5px grey;
    text-shadow: 1,5px 1,5px 1,5px grey;
    border-radius: 20px/50%;
    margin-bottom: 35px;
}

img {
    float: right;
    padding: 1%;
}

.padding-lr20 {
    padding-left: 20px;
    padding-right: 20px;
}

section {
    margin-bottom: 105px;
}

table, td, th {
    border: 2px solid #2c2c2c;
    border-collapse: collapse;
}

table {
    width: 44%;
    text-align: center;
    background: linear-gradient(#e4e4e4,#2c2c2c);
    box-shadow: 2px 2px 5px grey;
}

.tabellenbehaelter {
    display: flex;
    justify-content: space-around;
}

.btn {
    box-shadow: 1px 1px 2px grey;
    background: linear-gradient(#e4e4e4,#2c2c2c);
    width: 180px;
    height: 50px;
   display: inline-block;
   border-bottom: solid 4px #2c2c2c;
   font-family: "Verdana", "Calibri", sans-serif;
   text-align:center;
   font-weight: bold;
   color: black;
   text-decoration: none;
   border-radius: 20px/50%;
   margin-bottom: 35px;
   padding: 0.7%;
   margin: 1.6%;
  border: 2px solid #2c2c2c;

}

.btn:hover, .btn:focus, .btn:active{
    box-shadow: 1px 1px 2px grey;
    background: linear-gradient(#2c2c2c,#e4e4e4);
} 

.BSBIcon {
    height: 80px;
    position: relative;
 left: 25px;
 top: -1320px;

}

.BSBIcon:hover, .BSBIcon:focus, .BSBIcon:active {
 height: 82px;
 position: relative;
 left: 24px;
}