@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');

.topnav {
  background-image: url("../img/wood_menubar_darker.jpg");
  overflow: hidden;
  z-index: 2000;
}

/* Style the links inside the navigation bar */

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 25px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #ddd;
  color: black;
}
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;

}

.img_under_menu {
  padding-left: 25%;
  width: 55%;
}

.seiten_ueberschrift{
  padding-top: 10px;
  text-align: center;
  font-size: 370%;
  font-family: 'Parisienne', cursive;

}

.ueberschrift_paragraph{
  padding-top: 1%;
  text-align: center;
  font-size: 370%;
  font-family: 'Parisienne', cursive;
}

.text_main{
  padding-left: 23.5%;
  padding-right: 23.5%;
  font-family: 'Vollkorn', serif;
  font-size: 145%;

}
.ueberschrift_paragraph_1{
  padding-top: 1%;
  text-align: center;
  font-size: 300%;
  font-family: 'Parisienne', cursive;
}

.fusszeile{
background-color: #717171;
  width: 100%;
}
.fusszeile_text{
  padding-top: 3px;
  font-size: 15px;
}

@media screen and (max-width: 992px) {
img{
 width: 100%;
}

  .ueberschrift_paragraph_1{
    padding-top: 10px;
    text-align: center;
    font-size: 40px;
    font-family: 'Parisienne', cursive;
  }
  .ueberschrift_paragraph{
    padding-top: 90%;
    text-align: center;
    font-size: 40px;
    font-family: 'Parisienne', cursive;
  }

  .text_main{
    padding-left: 10%;
    padding-right: 10%;
    font-family: 'Vollkorn', serif;
    font-size: 120%;
  }

  .seiten_ueberschrift{
    padding-top: 10px;
    text-align: center;
    font-size: 40px;
    font-family: 'Parisienne', cursive;
  }

  .ueberschrift {
    padding-top: 10px;
    text-align: center;
    font-size: 35px;
    font-family: 'Parisienne', cursive;
  }

  .topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 15px;
  }

  .body_behind{
    position: absolute;
    z-index: 2;
  }


}