*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* color: #0f001b; */
}
@media only screen and (max-width: 620px) {
  .head_box {
    font-size: 1em;
    text-align: center;
  }
  .flex-container {
    flex-direction: column;
    font-size: 1em;
  }
}
@media only screen and (min-width: 1719px) {
  .buch {
    display: block;
    align-self: center;
    padding-bottom: 40vh;
    max-width: 70vw;
  }

  .buchbild {
    max-height: 10vh;
  }

}



@media only screen and (max-width: 955px) {
  .head_box {
    font-size: 1.2em;
    text-align: center;
  }
  .flex-container {
    flex-direction: column;
  }

}
html {
  scroll-behavior: smooth;
}

body {
  /* font-family: 'IBM Plex Sans', sans-serif; */
  /* font-family: "Special Gothic", sans-serif; */
  /* font-family: Sometype Mono; */
  font-family: Verdana, sans-serif;
  font-size: 1.2em;
  line-height: 180%;
  font-weight: 400;
  margin: 0;

  /*color: rgb(216, 69, 1);*/
  background-color: #fdedd8;
  
}

#bg-canvas {
  opacity: 0.2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  display: block;
}

/* .special-gothic-regular {
  font-family: "Special Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
} */
.landing {
  /* background-image: linear-gradient(rgb(251, 129, 149), white); */
  padding-top: 26vh;
  padding-bottom: 18vh;
}

.head_box {  
  /* background: -webkit-linear-gradient(#029f8d, #7a8e17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  font-family: 'Work Sans', sans-serif;

  /* text-shadow: 7px 7px 7px #ffffff; */
  text-align: center;
  line-height: 200%;
  /* font-weight: 600; */
  margin-top: 8vh;
  margin-bottom: 33vh;
  font-size: 1.6em;

}
.landing {
  color: #01055b;
}

.head_box h1 {
  max-width: 95vw;
}


a, a:hover, a:focus, a:active {
  text-decoration: none;
  color: #ad0a0a;
}

ul {
  list-style-type: none;
  margin: 5px;
  padding: 5px;
}

.flex-container {
  display: flex;
  justify-content: space-evenly;
  justify-content: center;
  margin-bottom: 25vh;
  font-family: 'Work Sans', sans-serif;
  font-size: 25px;
  /* text-shadow: 7px 7px 7px #ffadf4; */

}
.flex-container a {
  color: inherit;
}
.flex-container > div {
  background-color: transparent;
  width: flex;
  /* max-width: 100vw; */
  margin: 4vw;
  text-align: center;
  transition: font-size 2s ease;

  
}

.flex-container > div:hover {
font-size: 35px;

}

.LINK {
  display: flex;
  justify-content: center;
  text-align: center;
  color: #370244;
  font-weight: 400;
  font-size: 1em;
  margin-bottom: 33vh;
}
.erste {
  /* margin-left: 20px; */
  font-weight: 400;
  margin-bottom: 5vh;
}
.erste h3 {
  text-align: center;
  /* margin-left: 4vw; */
}
.erste#Termine h3 {
  padding-top: 25vh;
}
.zweite {
  text-align: center;
  font-weight: 400;
  margin: 3vh;
  margin-bottom: 33vh;
}
.zweite div {
  margin-top: 2em;
  margin-bottom: 2em;
}
.aktuell {
  text-align: left;
  font-weight: 200;
  margin-left: 15vw;
  margin-bottom: 15vh;
}

.buch {
  display: flex;
  align-items: flex-start;
  text-align: center;
  font-weight: 400;
  margin: 5vw 5vw 5vw 5vw ;
  border-radius: 10px;
  margin-top: 22vh;
  border-top: vh;
  padding-top: 10vw;
  padding-bottom: 12vw;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0.462);
}
.buch h2 {
  margin: 2vw;
}
.buch p.textBuch {
  font-weight: 300;
  margin: 1vw 5vw 5vw 5vw;
  text-align: justify;
  /* padding-right: 7vw; */
}
.buchbild {
  /* float: inline-start; */
  max-height: 50vh; 
  max-width: 40vw;
  margin: 0em 1em 3em 3em;
  /* padding-right: 2em; */
  /* padding-bottom: 1em; */
  
}

@media only screen and (max-width: 955px) { 
  .buch {
    flex-direction: column;
    /* justify-content: space-evenly; */
  }
  .buch p.textBuch {
    text-align: left;
  }
 .buchbild {
  max-height: 33vh;
  padding-bottom: 30px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  }

}
@media screen and (min-width: 955px) and (max-width: 1200px) {
  .buchbild {
    max-width: 20vw;
  }
}

.vita {
  margin-left: 49px;
  text-align: right;
  font-weight: 400;
  margin: 2vh;
  margin-bottom: 33vh;
}
.vita > a {
  text-decoration: underline;
}
.kontakt {
  text-align: center;
  margin-top: 15vh;
  margin-bottom: 33vh;
  margin-left: 5vw;
  margin-right: 5vw;
  font-weight: 400;
}
.Aufruhr {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 200;
  font-size: 1em;

}
.Aufruhrbild {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 65vh;
}
.buchtext {
  margin: 5vw;
}

.impressum {
  margin: 5vw;
  font-weight: 200;
}
footer {
  text-align: right;
  font-weight: 200;
  color: inherit;
}