body {
    background-image: url("../img/tapete_barock_gold.jpg");
}

@font-face {
    font-family: rothenbg;
    src: url("../fonts/rothenbg.ttf");
}

.headline {
  font-family: rothenbg;
}

.navbar-nav li {
    margin: 0 0.5em;
}

#navbarResponsive a{
  margin-top: 25px;
  color: rgb(40, 30, 2);
  font-size: 4em;
  font-family: rothenbg;
}

#navbarResponsive a:hover{
  color: rgb(107, 81, 6);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7.5h22M4 15.5h22M4 23.5h22'/%3E%3C/svg%3E");
}

.menu-active {
  color: rgb(107, 81, 6) !important;
}

img{
  width: 80%;
  margin: 3%;
  background-color: white;
  font-weight: bold;
}

.news-text {
  background-color: rgba(246, 221, 171, 0.75);
  width: 80%;
  margin: 20px auto;
  padding: 20px;
}

.news-text h2, h3, h4{
    font-family: rothenbg;
    margin-top: 15px;
}

.news-text p{
    font-family: 'Courier', serif;
}

.news-text a{
      color: rgb(107, 81, 6);
}


footer a{
    color: rgb(40, 30, 2);
    font-family: rothenbg;
}

footer a:hover{
    color: rgb(107, 81, 6);

}

@media only screen and (max-width: 600px) {
  #navbarResponsive a{
    margin-top: 10px;
    color: rgb(40, 30, 2);
    font-size: 1.5em;
    font-family: rothenbg;
  }

  a {
    text-decoration: underline !important;
  }

  ul >li > a {
    text-decoration: none !important;
  }

  footer a {
    text-decoration: none !important;

  }
}