body {
    background-color:#353b48;
    margin: 0px;
    font-family: Verdana;
    padding-bottom: 3em;
 }

#kopf {
    background-color:#2f3542;
    height:120px;
    width: 100%;
}

footer {
  position: fixed; 
  left: 0px;
  bottom: 0px; 
  height: 64px;
  width: 100%; 
  background: #2f3542;
  border-top: solid 2px #ff6b81;
}
#kopf a {
    color: #ff6b81;
    text-decoration:none;
    font-size: 300%;
    font-weight:bold;
    display:inline-block;
    margin-top: 15px;
    margin-left:35%;
}
#kopf span {
    color:white;
    font-weight: bold;
    font-size:75%;
    margin-left:41%;
}

#nav a {
    margin-top:5px;
    width:25%;
    display:inline-block;
    float:left;
    text-align:center;
    font-size:15px;
    text-decoration: none;
    color: white;
    height:20px;
}

#nav a:hover {
    background-color: #ff6b81;
    color:black;
}

#rot {
    border-top: solid 2px #ffeaa7;
}

#blau {
    border-top: solid 2px #fab1a0;
}

#gruen {
    border-top: solid 2px #ff7675;
}

#braun {
    border-top: solid 2px #d63031;
}

h1 {
    
    color: #d67199;
    font-family: Klavika,'Klavika Bold','Lucida Grande','Helvetica Neue',Verdana;
    font-size: 45px;
}
h2 {
    
    color: skyblue;
    font-family: Klavika,'Klavika Bold','Lucida Grande','Helvetica Neue',Verdana;
    font-size: 15px;
}

h4 {
    color: white;
    font-family: Klavika,'Klavika Bold','Lucida Grande','Helvetica Neue',Verdana;
    font-size: 18px;
}

h6 {
    color: white;
    font-family: Klavika,'Klavika Bold','Lucida Grande','Helvetica Neue',Verdana;
    font-size: 15px;
}