html {
        scroll-behavior: smooth;
      }

      .body {
        text-align: center;
        font-family: "raleway";
        font-size: 16px;
        margin: 0%;
      }

      .button-ger {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url(255px-Flag_of_Germany.svg.webp);
        background-size: cover;
        background-position: center;
        font-size: 16px;
        cursor: pointer;
      }

      .button-eng {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url(Flag_of_Great_Britain_\(1707–1800\).svg.png);
        background-size: cover;
        background-position: center;
        font-size: 16px;
        cursor: pointer;
      }

      .menu-img {
        height: 100vh;
        object-fit: cover;
      }

      .hero {
        background-image: url("Hero.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100vh;
        /* Bild wird nicht korrekt dargestellt, hängt hiermit zusammen oder wegen Bildauflösung*/
        font-size: 96px;
        font-weight: bold;
      }

      .menu {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        margin-left: 160px;
        margin-right: 160px;
        height: 112px;
      }

      .nav a:hover {
        color: #6e0600;
      }

      .nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
      }

      .button {
        background-color: #9f0908;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        border-style: solid;
        padding: 5px;
        border-color: white;
      }

      .button:hover {
        background-color: #6e0600;
        color: white;
      }

      .menu a {
        text-decoration: none;
        font-size: 24px;
        color: white;
        font-weight: 100;
      }

      .icon {
        height: 64px;
        width: 64px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }

      .headline {
        color: white;
        position: absolute;
        top: 160px;
        left: 0px;
        right: 0px;
      }

      .heroh1 {
        top: 50px;
        font-size: 96px;
      }

      .heroh2 {
        font-size: 24px;
        font-weight: 100;
      }

      .order {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 160px;
        margin-right: 160px;
        font-family: "Economica", sans-serif;
        font-size: 56px;
        font-weight: bold;
      }

      /* Jede andere Headline ausser der ersten */
      .other_headline {
        font-size: 80px;
        font-weight: bold;
        color: #9f0908;
        top: 120px;
        margin-top: 120px;
      }

      /* Übersicht Gerichte */
      .food {
        background-image: url("./Icons und material/3. Our Menu Sektion/JPG (Hintergrund)/1. Desktop@3x.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
      }

      /* Bild und Fleisch/Preis */
      .menuitem {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 56px;
      }

      /* Tabelle mit Fleisch und Preis */
      .meatprice {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-left: 160px;
        padding-right: 160px;
        font-family: "Raleway", sans-serif;
        font-weight: bold;
        font-size: 32px;
        color: #675e54;
      }

      /* Name des Gerichtes */
      .dish_headline {
        font-family: "Economica", sans-serif;
        color: black;
        font-weight: bold;
        font-size: 56px;
        display: flex;
        justify-content: flex-start;
      }

      .maps {
        display: flex;
        flex-direction: column;
      }

      .map {
        height: 500px;
      }

      .address {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .footer {
        color: white;
        background-color: black;
        height: 144px;
        display: flex;
        justify-content: space-between;
      }

      .footer_logo {
        display: flex;
        align-items: center;
        margin-left: 160px;
        justify-content: space-between;
        gap: 10px;
      }

      .social_icons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 160px;
        gap: 10px;
      }

      @media (max-width: 1000px) {
        .hide-mobile {
          display: none;
        }
        .mobile {
          font-size: 32px;
        }

        .mobile .hero img {
          height: 64px;
          width: 64px;
        }

        .mobile h1 {
          font-size: 28px;
        }

        .mobile h2 {
          font-size: 26px;
        }

        .mobile table {
          font-size: 26px;
        }


        .mobile .menu {
          margin: 0;
        }

        .mobile .order {
          flex-direction: column;
          margin: 0;
        }

        .mobile .menuitem img {
          width: 100px;
          height: auto;
        }

        .mobile .meatprice {
          padding: 16px;
        }

        .mobile .footer .footer_logo {
          margin: 0;
        }

        .mobile .footer .social_icons {
          margin: 0;
        }

      }