body {
  background-color: black;
}

 a:link {
  color: ghostwhite;
     text-decoration: none;
    }
 a:visited {
  color: ghostwhite;
  }
 a:hover {
  color: ghostwhite;
  text-decoration: none;
  }

 a.textlink:link {
  color: ghostwhite;
     text-decoration: none;
    }
 a.textlink:visited {
  color: lightyellow;
  }
 a.textlink:hover {
  color: ghostwhite;
  text-decoration: underline;
  }

 a.aboutlink:link {
  color: #f2d887;
     text-decoration: none;
    }
 a.aboutlink:visited {
  color:#f2d887;
  }
 a.aboutlink:hover {
  color: #f2d887;
  text-decoration: underline;
  }

aboutlink:after {
    content: '';
    height: 2px;
    background: black; 
    display:block;
    margin-top: 2px;
}

@font-face {
    font-family: 'Kabel LT Std';
    src: url('kabel/KabelLTStd-Black.woff2') format('woff2'),
         url('kabel/KabelLTStd-Black.woff') format('woff');
         url('kabel/KabelLTStd-Black.eot') format('embedded-opentype');
         url('kabel/KabelLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

main {
 height: 90vh;
display: grid;
}

footer {
position: fixed;
z-index: 1;
width: 100%;
margin: auto;
bottom: 0;
}

.footer {
    margin-right: auto;
    margin-left: auto;
    width: 450px;
    height: 80px;
    padding-top: 15px;
    padding-bottom: 4px;
    }

.video {
    position: relative;
    align-self: center;
    justify-self: center;
    margin: 0 auto;
    }



.videodonnerstag {
    width: 86vw;
    }

.caption {
     font-family: Kabel LT Std, sans-serif;
 font: "Kabel LT Std"
  -webkit-font-smoothing: antialiased;
  color: white;
font-size: 15px;
    line-height: 0px;
  width: 86vw;
    margin-right: auto;
    margin-left: auto;
}

.menu {
 font-family: Kabel LT Std, sans-serif;
 font: "Kabel LT Std"
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: ghostwhite;
font-size: 28px;
color: ghostwhite;
line-height: 25px;
padding: 0;
margin: 0;
}

.title {
      font-family: Kabel LT Std, sans-serif;
  font: "Kabel LT Std"
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: ghostwhite;
font-size: 28px;
color: ghostwhite;
line-height: 32px;
padding: 0;
margin: 0;
}

.copyright {
      font-family: Kabel LT Std, sans-serif;
  font: "Kabel LT Std"
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: ghostwhite;
font-size: 10.5px;
color: ghostwhite;
line-height: 8px;
padding: 0;
margin: 0;
}

.divabout {
margin: 0 auto;
display: block;
position: relative;
align-self: center;
justify-self: center;
padding-left: 10px;
padding-right: 10px;
width: 50vw;
min-height: 30vh;
}

.divimpress {
margin: 0 auto;
display: block;
position: relative;
align-self: center;
justify-self: center;
padding-left: 10px;
padding-right: 10px;
width: 50vw;
min-height: 30vh;
}

.impress {
  font-family: Kabel LT Std, sans-serif;
  font: "Kabel LT Std"
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: ghostwhite;
font-size: 14px;
color: ghostwhite;
line-height: 23px;
margin-bottom: 8px;
}


.impresscontent {
margin-top: 00px;
}

.socialmedia {
  font-size: 20px;
}

.about {
  font-family: Kabel LT Std, sans-serif;
  font: "Kabel LT Std"
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: ghostwhite;
font-size: 28px;
color: ghostwhite;
line-height: 38px;
margin-bottom: 8px;
}


.about2 {
  font-family: Kabel LT Std, sans-serif;
  font: "Kabel LT Std"
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.5px;
  color: ghostwhite;
font-size: 28px;
color: ghostwhite;
line-height: 38px;
 margin-top: 8px;
    outline-style: solid;
    outline-color: #f2d887;
}

.button {
  background-color: #001a00; /* Green */
  border: solid 1px;
  outline-color: ghostwhite;
  color: white;
  padding: 0px 3px;
  padding-top: 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10.8px;
    transition-duration: 0.3s;
    line-height: 14px;
}

.button2 {
  background-color: #001a00; /* Green */
  border: solid 1px;
  outline-color: ghostwhite;
  color: white;
  padding: 0px 3px;
  padding-top: 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10.8px;
    transition-duration: 0.6s;
    line-height: 14px;
}

.button:hover {
  background-color: #4CAF50; /* Green */
  color: white;
}

.button2:hover {
  background-color: none; /* Green */
  color: #f2d887;
}

.fa {
  padding-top: 00px;
  width: 50px;
  text-align: left;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    color: #f2d887;
    transition: 0.3s;
}

.fa-youtube {
  background: black;
  color: white;
}
.fa-instagram {
  background: black;
  color: white;
}
.fa-vimeo {
  background: black;
  color: white;
}



@media screen and (max-width: 799px) {
  .footer  {
    width: auto;
    padding-left: 10px;
    background-color: black;
  }
      footer {
    background-color: black;
        }
  .divabout {
    width: auto;
        }
    
     .divimpress {
    width: 95vw;
        }
        }