body{
      padding: 0;
      margin: 0;
      background-image: url("Image/hintergrund.png");
      background-position: center;
      background-size:100%;
      background-repeat: repeat;
      background-attachment: fixed; /* Optional: Fixiert den Hintergrund */
    }

    p{
      font-family: "Josefin Sans", sans-serif;
      font-weight: 200;
      font-style: normal;
      color: #4d3403;
    }

    h2{
      font-family: "Josefin Sans", sans-serif;
      font-weight: 200;
      color: #4d3403;
      font-size: 3.5vw;
      text-decoration: underline;

    }

    .container{
      display: block;
      align-items: flex-start;
    }

    .top{
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url("Image/Italy.png");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; 
      height: 1.5rem;
    }

    .top h1{
      font-family: "Great Vibes", cursive;
      color: #4d3403;
      font-size: large;
    }

    .hero{
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url("Image/hero.png");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; 
      height: 25rem;
    }

    .hero p{
      font-family: "Rouge Script", cursive;
      color: rgb(252, 243, 227);
      font-size: 5vw;
      margin-left: 1.5vw;
      margin-right: 1.5vw;
      text-align: center;

    }

    .einleitung {
      display: flex;
      margin: 2rem 10vw;
      align-items: flex-start;
    }

    .einleitung img{
      width: 40vw;
    }

    .einleitung p{
      margin: 0 2.5rem;
      text-align: center;
      align-self: center;
      font-size: 2.5vw;
    }

    .button_container{
      display: flex;
      margin: 1rem 10vw;
      align-items: flex-start;
      justify-content: space-between;
      text-align: center;
    }

    .button_container img{
      object-fit:contain;
      display: block;
      margin-bottom: 1rem;

      width: 20vw;  /* Füge diese Zeile hinzu */
      height: auto;  /* Optional: behält Seitenverhältnis bei */
      
      margin-top: 1vw;
      margin-left: auto;
      margin-right: auto;
    }

    .button_container button{
      background-color: white;
      border: none;
    }

    .infoSpalte {
      display: block;
      margin: 1rem 5vw;
      align-items: flex-start;
      justify-content: space-between;
      text-align: center;
    }

    .infoSpalte h2{
      font-size: 3.5vw;
      margin-top: 4vw;
      margin-bottom: 3vw;
      text-decoration: underline;
    }

    .infoSpalte p{
      font-size: 2.5vw;
    }

    .infoSpalte h2, 
    .infoSpalte p{
      font-family: "Josefin Sans", sans-serif;
      font-weight: 200;
      color: #4d3403;
    }

    .infoSpalte_text{
      display: flex;
      justify-content:space-around;
    }

    .strich{
      margin-top: 10px;
      margin-bottom: 2vw;
      border-left: 0.1vw solid #4d3403;
    }

    .zwischenBild_Container{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      text-align: center;
    }

    .zwischenBild{
      object-fit:contain;
      display: block;
      margin: 0 0;

      width: 100%;  /* Füge diese Zeile hinzu */
      height: auto;  /* Optional: behält Seitenverhältnis bei */
    }

    .am {
      text-align: center;
    }
    .am h2, 
    .am p{
      font-family: "Josefin Sans", sans-serif;
      font-weight: 200;
      color: #4d3403;
    }
    
    .am h2{
      font-size: 3.5vw;
      margin-top: 4vw;
      margin-bottom: 3vw;
      text-decoration: underline;
    }

    .am p{
      font-size: 2.5vw;
      line-height: 4vw;
    }

    .speisekarte_Abschnitt_Container{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      text-align: center;
      margin-top: 2rem;
    }

    .speisekarte_Abschnitt{
      object-fit:contain;
      display: block;
      margin: auto ;

      width: 60vw;  /* Füge diese Zeile hinzu */
      height: auto;  /* Optional: behält Seitenverhältnis bei */
    }