body {
  background-color: #fbfbfb;
}




/* 25.05.2023 StaticImageModule by Fabi */
/* 25.05.2023 StaticImageModule by Fabi */
/* 25.05.2023 StaticImageModule by Fabi */

.StaticImageModule{
  display: flex;
  /* height: 800px; */
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 18px 0 18px 0;
}


.StaticImageModule{
  margin-top: 147.5px;
display: flex;
/* align-items: center; */
justify-content: center;
align-items: center;
padding-right: 50px;
padding-left: 50px;
}





.StaticImageModule.StaticImageModule--lessHeight{
  padding-right: 150px;
  padding-left: 150px;
}
.StaticImageModule.StaticImageModule--lessHeight img {
  /* max-height: 500px; */
}
/* .StaticImageModule__figure--lessHeight{
max-width: 711px;
} */


.StaticImageModule.StaticImageModule--fullWidth{
  height: auto;

}

.StaticImageModule.StaticImageModule--fullWidth > figure{
max-width: 1222px;
}

.StaticImageModule.StaticImageModule--column > figure{
  max-width: 1222px;
  }

  .StaticImageModule--column .StaticImageModule__figure--portrait{
    width: 66%;
  }


  .StaticImageModule__figure.StaticImageModule__figure--noPadding > figcaption{
    padding-bottom: 0px;
  }
  .StaticImageModule__figure.StaticImageModule__figure--noPadding{
  align-content:center;
  }



    .StaticImageModule__figure.StaticImageModule__figure--extraPadding:not(:last-child){
      padding-bottom: 5%;
          }

.StaticImageModule--column{
  flex-wrap: wrap;
  height: 100%;
}


  .StaticImageModule__figure{
    flex-wrap: wrap;
    margin: 0 19px 0 19px;
    height: 100%;
   
    align-items: center;
    width: max-content;
    display: flex;
    /* align-content: center; */
    align-content: end;
    justify-content: center;
    overflow: hidden;
    }


        .StaticImageModule__figure__image.StaticImageModule__figure__image--landscape{  
        width: 100%;
        }    

.StaticImageModule__figure__image{
max-height: calc(100% - 143px ) ;
width: 100%;
object-fit: contain;
object-position: center center;
}



.navigator.open{display: none!important;}
/* HEADER */

header {
  text-align: center;
  margin-top: 168px;
}

.exhibitions-unterseite-editorial {
  font-family: EditorialNew;
  font-size: 89.4px;
  font-weight: 200;
  line-height: 82px;
  letter-spacing: -2.48px;
}
 
.exhibitions-unterseite-leipziger {
  font-family: jaf-lapture-display;
  font-size: 74.5px;
  line-height: 62.1px;
  letter-spacing: -1px;
}

.exhibitions-unterseite-share {
  font-family: EricaType;
  font-size: 24px;
  line-height: 52px;
  height: 58px;
  margin-top: 22.3px;
}

header a {
  margin-right: 16px;
  cursor: pointer;
}

header a:last-of-type {
  margin-right: 0px;
}

header img:hover {
  filter: brightness(0) saturate(100%) invert(71%) sepia(0%) saturate(14%)
    hue-rotate(281deg) brightness(92%) contrast(91%);
}

/* SPLIDE */
.splide {
  margin-top: 200px;
}

.splide__slide {
  display: flex;
  justify-content: space-evenly;
}

.splide__slide img {
  max-height: 80vh;
  max-width: 49vw;
}

.splide-three img {
  max-width: 32vw;
}

/* IMG SHOWCASE */

#fit-image-to-text {
  max-width: 1222px;
}


.exhibitions-unterseite-image-container{
  height: 30vw;
  display: flex;
  justify-content: center;
  align-items: center;

overflow: hidden;
/* slider height */
width: 30vw;
aspect-ratio: 3/2;

}

#fit-image-to-text.fit-image-to-text--group{
max-height: none;
 max-width: none; 
 object-fit:cover;
 /* slider height */
 width: 30vw;

  }

  #fit-image-to-text.fit-image-to-text--portrait{

    width: auto;
    max-height: 30vw;
    padding-bottom: 25px;
  
      }

@media only screen and (max-width: 1422px) {
  #fit-image-to-text {
    width: 80vw;
  }
}

.exhibitions-unterseite-image-showcase {
  margin-top: 147.5px;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  gap: 40px;
  padding-right: 50px;
  padding-left: 50px;
}


#column-layout {
  flex-direction: column;
}

.exhibitions-unterseite-video-showcase {
  margin-top: 147.5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.exhibitions-unterseite-video-showcase video {
  max-width: 99vw;
}

.exhibitions-unterseite-video-showcase p {
  font-family: EricaType;
  font-size: 18px;
  line-height: 22px;
  margin-top: 40px;
  margin-top: 40px;
  text-align: center;
}

.exhibitions-unterseite-image-showcase figure {
  text-align: center;
}

.exhibitions-unterseite-image-showcase img {
  max-width: 100%;
}

.exhibitions-unterseite-image-showcase img.height-limit {
  max-height: 84vh;
  width: auto !important;
}

.exhibitions-unterseite-image-showcase figcaption,
.centered-title {

  font-family: EricaType;
  font-size: 18px;
  line-height: 22px;

}

/* PAGE TEXT */

.exhibitions-unterseite-text {
  display: flex;
  justify-content: center;
  margin-top: 167.4px;
}

.exhibitions-unterseite-text > div {
  max-width: 1422px;
  padding-right: 100px;
  padding-left: 100px;
  font-family: jaf-lapture-display;
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.5px;
  color: #000000;
}

.exhibitions-unterseite-text > div > div {
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.centered-title {
  max-height: 10px;
  display: block;
  text-align: center;
  padding-left: 5vw;
  width: 100%;
  padding-right: 5vw;
  /* margin-top because the invisible p tags which are under the images still have a 
    margin-top of 40px, pushing this down 40px, which is why we don't give it a margin */
    margin-top: 40px;
    padding-bottom: 80px;
}

.exhibitions-older-newer {
  margin-top: 150px;
  margin-bottom: 250px;
  font-family: EditorialNew;
  font-size: 89.4px;
  font-weight: 200;
  line-height: 82px;
  letter-spacing: -2.48px;
  text-align: center;
}

.exhibitions-older-newer a {
  text-decoration: none;
  color: #000000;
}

.exhibitions-older-newer a:hover {
  cursor: pointer;
  color: #a4a4a4;
}

@media only screen and (max-width: 1280px) {

  .exhibitions-unterseite-image-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50vw - 50px);

  margin: 0px 0px 38px 0px !important;
  overflow: hidden;
  /* slider height */

  aspect-ratio: 3/2;
  }

  
  #fit-image-to-text.fit-image-to-text--group{
  max-height: none;
   max-width: none; 
   width: calc(50vw - 88px);
   object-fit:cover;
   /* slider height */

    }


  #fit-image-to-text.fit-image-to-text--portrait{
    width: auto;
    max-height: 30vw;
      }

    .exhibitions-unterseite-image-showcase {
      flex-wrap: wrap;
      justify-content: center;

    }
    


}


@media only screen and (max-width: 940px) {

      .StaticImageModule{
        height: fit-content;
        flex-wrap: wrap;
      }

      .StaticImageModule.StaticImageModule--lessHeight{
        height: auto;
        padding: 0 50px 0 50px;
      }




      .StaticImageModule__figure{
        margin: 18px 18px 18px 18px;
        width: 100%!important;
        height: auto;
       /* height: 800px; */
      }



      .StaticImageModule__figure--lessHeight{
        height: auto;
        
      }




  #fit-image-to-text {
    width: 90vw;
  }

  header {
    margin-top: 96.6px;
    margin-bottom: 55px;
  }
  .exhibitions-unterseite-editorial {
    font-size: 47px;
    line-height: 43px;
    letter-spacing: -1.31px;
  }

  .exhibitions-unterseite-leipziger {
    font-size: 39px;
    line-height: 36.5px;
  }

  .exhibitions-unterseite-share {
    height: 65px;
    margin-top: 0px;
    font-size: 18px;
    line-height: 65.1px;
  }

  header img {
    width: 32.4px;
    height: 32px;
  }

  /* IMG SHOWCASE */

  .exhibitions-unterseite-image-showcase {
    flex-direction: column;
    align-items: center;
    row-gap: 33px;
    margin-top: 55px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .exhibitions-unterseite-image-showcase figure {
    max-width: 90vw;
    width: 100vw;
  }

  #fit-image-to-text.fit-image-to-text--group{
    max-height: none;
   max-width: none; 
   /* max-width: 30vw; */
  }
  



  .exhibitions-unterseite-image-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50vw - 50px);
    height: 50vw;
  margin: 0px 0px 38px 0px !important;
  overflow: hidden;

  /* slider height */
  aspect-ratio: 3/2;
  }
  
  #fit-image-to-text.fit-image-to-text--group{
  max-height: none;
   max-width: none; 
   width: calc(100vw - 88px);
   object-fit:cover;
   /* slider height */

   width: auto;
   max-height: 50vw;

    }

    .exhibitions-unterseite-image-showcase {
      
      justify-content: center;

    }
    





  .exhibitions-unterseite-image-showcase figcaption {
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
  }

  /* PAGE TEXT */

  .exhibitions-unterseite-text {
    margin-top: 40.4px;
    /* margin-bottom: 60.1px; */
  }

  .exhibitions-unterseite-text div {
    max-width: 90vw;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: -0.25px;
  }

  .exhibitions-older-newer {
    margin-top: 60px;
    margin-bottom: 225px;
    font-size: 47px;
    line-height: 43px;
    letter-spacing: -1.31px;
  }
}

/* For galaxy fold */
@media only screen and (max-width: 330px) {
  .exhibitions-older-newer {
    font-size: 14vmin;
    line-height: 35px;
    letter-spacing: -1.71px;
  }
}
