html{
    scroll-behavior: smooth;
    overflow-x: hidden;
  }
  body {
    display: flex;
    min-height: 100vh;
    margin: 0 auto;
    flex-direction: column;
    background-color: #EDEAD8;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
  }
  a{
    color: #FBAA2A;
  }
  h1, h2, h3 {
    font-family: 'Roboto', sans-serif;
  }
  p {
    font-family: 'Roboto', sans-serif;
  }
  .all{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    min-height: 5em;
    flex: 1;
  }
  .navbar {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: #3a261a;
  }
  
  .navbar-logo a{
     font-size: 24px;
     color: #FBAA2A;
     z-index: 3;
     text-decoration: none;
  }
  
  .menu-items {
     list-style: none;
     display: flex;
     margin: 0;
     padding: 0;
     
  }
  
  .menu-items li {
     margin-right: 20px;
     
  }
  
  .menu-items a{
     text-decoration: none;
  }
  .menu-items a:hover{
     text-decoration:underline;
  }
  
  .burger-menu {
     display: none;
     flex-direction: column;
     cursor: pointer;
     z-index: 3;
  }
  
  .burger-menu .bar {
     width: 30px;
     height: 3px;
     background-color: #FBAA2A;
     margin: 3px 0;
     transition: 0.4s;
  }
  
  
  /* Styles for when the menu is active */
  .burger-menu.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6.5px);
  }
  
  .burger-menu.active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .burger-menu.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6.5px);
  }
  
  
  @media screen and (max-width: 768px) {
  
    @keyframes slideInUp {
      0% {
          transform: translateY(-200%);
      }
      100% {
          transform: translateY(0);
      }
  }
  @keyframes slideOutUp {
   0% {
       transform: translateY(0);
   }
   100% {
       transform: translateY(-200%);
   }
  }
  .menu-items {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 69px;
    left: 0;
    width: 100%;
    background: #3a261a;
    z-index: 1;
  }
  
     .menu-items.show {
         display: flex;
         animation: slideInUp 0.5s ease-in-out;
         z-index: 2;
       
     }
  
     .menu-items.hide {
      animation: slideOutUp 0.5s ease-in-out;
  }
  
     .menu-items a{
        font-size: 22px;
        
        
     }
     .menu-items li{
        margin: 10px;
     }
  
     .burger-menu {
         display: flex;
         
     }
  }


.recht{
  margin: 100px 30px;
}























  
footer {
    width: 100%;
    height: 100px;
    background-color: #3a261a; /* Grauer Footer-Hintergrund */
    color: #fff; /* Weiße Textfarbe im Footer */
    display: flex;
    align-items: center;
    justify-content: center;
   
  }
  
  footer a {
    color:#FBAA2A; /* Helles Blau für Links im Footer */
    text-decoration: none;
    padding: 10px;
  }
  
  /* Medienabfrage für Mobilgeräte */
  @media (max-width: 768px) {
    footer a {
        display: block; /* Links untereinander anzeigen */
        margin: 10px 0; /* Abstand zwischen den Links */
        text-align: center;
    }
  }