html, body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white; /* Falls das Bild nicht den ganzen Bereich füllt */
    background-image: url('bilder/hintergrund2.jpg');
  }
  html{
  
  overflow-x: scroll;
  overflow-y: hidden;
  }
  
  img {
    height: auto; /* Bildhöhe wird automatisch angepasst */
    width: auto;  /* Bildbreite wird automatisch angepasst */
  }
  .logo1 {
    position: fixed;
    height: 10vh; /* Setzt die Höhe auf 10% der Viewport-Höhe */
    width: auto; /* Beibehaltung des Seitenverhältnisses */
    display: flex; /* Falls du flexbox für weiteres Styling verwenden möchtest */
    justify-content: center;
    align-items: top;
    top: 5vh;
  }
  
  .logo1 img {
  
    height: 12vh;
    width: auto;
  }

  .links-container{
    position:fixed;
    display:flex;
    top: 20vh;
    gap: 15%;
    white-space: nowrap;
    font-family: "Libre Caslon Text", serif;
    justify-content: center;
    font-size: 0.7rem;
}
    .links-photo{
    display: inline-block;

    }
    .links-film{
    display: inline-block;
    }
    .links-kontakt{
        display: inline-block;
    }
    .galler {
        justify-content: flex-start;  /* Setzt die Bilder an den linken Rand */
        width: 100%; /* Nimmt den gesamten horizontalen Raum ein */
        gap: 40%;
        padding-left: 15vh;
        padding-top: 18vh;
        white-space: nowrap;
        
      }
      
      .galler img {
        height: 50vh;  /* Bildhöhe ist immer 50% der Höhe des Viewports */
        width: auto;   /* Die Breite wird automatisch angepasst */
      }
    
      .contactInformation{
        display: inline-block;
        margin-right: 25vh;
        margin-left: 10vh;
        font-family: "Libre Caslon Text", serif;
        text-align: right;
        font-size: 0.7rem;
        color: #555555;
        padding-top: 45vh;;
      }
      .contactInformation img{
width: 2vh;
height: auto;


      }
  
  .footer1 {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: top;
    bottom: 1%;
    color: #555555;
    font-family: "Libre Caslon Text", serif;
    font-size: 0.7rem;
    margin-top: 10vh;
  }
  
  
  @media (max-width: 749px) {
    html, body {
        margin: 0;
        padding: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white; /* Falls das Bild nicht den ganzen Bereich füllt */
      }
      html{
      
      overflow-x: scroll;
      overflow-y: hidden;
      }
      
      img {
        height: auto; /* Bildhöhe wird automatisch angepasst */
        width: auto;  /* Bildbreite wird automatisch angepasst */
      }
     
      .logo1 {
        position: fixed;
        
        height: 10vh; /* Setzt die Höhe auf 10% der Viewport-Höhe */
        width: auto; /* Beibehaltung des Seitenverhältnisses */
        display: flex; /* Falls du flexbox für weiteres Styling verwenden möchtest */
        justify-content: center;
        align-items: top;
        top: 5vh;
      }
      
      .logo1 img {
      
        height: 12vh;
        width: auto;
      }

      .links-container{
          position:fixed;
          display:flex;
          top: 20vh;
          gap: 15%;
          white-space: nowrap;
          font-family: "Libre Caslon Text", serif;
          justify-content: center;
          font-size: 0.7rem;
      }
      .links-photo{
      display: inline-block;
      
      }
      .links-film{
      display: inline-block;
      }
      .links-kontakt{
          display: inline-block;
      }

      .galler {
        justify-content: flex-start;  /* Setzt die Bilder an den linken Rand */
        width: 100%; /* Nimmt den gesamten horizontalen Raum ein */
        gap: 40%;
        padding-left: 5vh;
        left: 5vh;
        padding-top: 18vh;
        white-space: nowrap;
      }
      
      .galler img {
        height: 65vh;  /* Bildhöhe ist immer 50% der Höhe des Viewports */
        width: auto;   /* Die Breite wird automatisch angepasst */
      }
      
      .footer1 {
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: top;
        bottom: 1%;
        color: #555555;
        font-family: "Libre Caslon Text", serif;
        font-size: 0.7rem;
        margin-top: 10vh;
      }
}