/*####### Resets #######*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
}

/*####### Fonts #######*/

@font-face {
  font-family: 'Assistant';
  src: url(Assistant/assistant-regular-webfont.woff) format('woff');
  font-style: normal;
  font-weight: 800;

}

@font-face {
  font-family: 'Assistant';
  src: url(Assistant/assistant-light-webfont.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Assistant';
  src: url(Assistant/assistant-bold-webfont.woff) format('woff');
  font-style: normal;
  font-weight: 700;
}

/*####### Fonts-End #######*/


/*####### Header #######*/


h1 {
  font-family: 'Assistant', Helvetica, sans-serif;
  flex-grow: 1;
  flex-shrink: 0;
}

/*####### Navigation #######*/


/*####### Main #######*/

body{ 
    background: url("background-img7.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: 'Assistant', Helvetica, sans-serif;
font-size: 17pt}

main {
  flex-grow: 0;
  flex-shrink: 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 45%;
  width: 100%;
  text-align: center;
}


.logo {
  font-weight: 700;
  position: relative;

}

.mailto {
font-weight: 400;}

/* <audio src="audio/audiofile.wav" autoplay loop controls>
Ihr Browser kann diese Datei nicht widergeben.</br> Download<a href="pfad/zum/audiofile.wav">hier</a>
</audio>

   <div class="audioplayer" width="30" height="10">
  <button onclick="document.getElementById('player').play()">Play</button>
    <button onclick="document.getElementById('player').pause()">Pause</button>
    <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/ Unmute</button>
</div>

 */

/*####### Footer #######*/
footer {
   background: url("background-img8.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-weight: 200;
    font-size: 16pt;
}
footer {
  flex-basis: 4rem;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer ul {
  flex-basis: 30vw;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: space-evenly;
}

footer ul li {
  flex-basis: 8rem;
  flex-grow: 0;
  flex-shrink: 0;
  list-style: none;
  text-align: center;
  color: #fff;
}



/* Link Animatiom#########*/
footer a:link,
footer a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: #fff;
}

footer li:hover a:focus,
footer li:hover a:hover,
footer li:hover a:active,
.current a {
  font-weight: 400;
  border-bottom: 2px solid #fff;
}

.mailto a:link,
        a:visited
        {
  color: #fff;
  text-decoration: none;
}

.mailto a:focus,
        a:hover,
.current a {
  font-weight: 700;
  border-bottom: 3px solid #fff;


}

/*####### Textformatierung #######*/

@font-face {
  font-family: 'Assistant';
  src: url(Assistant/assistant-regular-webfont.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Assistant';
  src: url(Assistant/assistant-light-webfont.woff) format('woff');
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: 'Assistant';
  src: url(Assistant/assistant-bold-webfont.woff) format('woff');
  font-style: normal;
  font-weight: 700;
}


.firstLineIndent {
  padding-left: -1.3rem;
  text-indent: 1.3rem;
}




/*####### Textformatierung #######*/

section figure img {
  border-radius: 100px;
  margin-bottom: 2rem;
}


/*####### Audio #######*/


/*#### Java Script #####*/