body.place {
  color: var(--page-accent);

  main {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    gap: 1em;

    .introduction,
    .events {
      grid-column: 1/-1;
    }

    a {
      color: var(--blue);


      &:hover {
        color: black;
      }

    }

    .swiper {
      grid-row: 2;
      grid-column: 1/17;
      width: 100%;
      max-height: 700px;


      .swiper-slide {
        width: 100%;


        picture {}

        img {
          object-fit: contain;
          max-height: 700px;
          width: auto;
          height: auto;

          &:hover {
            cursor: e-resize;
          }
        }
      }
    }


    .title {
      font-size: 2em;
    }

    .infos,
    .title {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      gap: 0 1em;
      margin-top: .5em;


      .swiper-pagination-place {
        text-align: left;
        top: 0;
        position: relative;
        grid-column: 1/3;


      }

      .caption {
        grid-column: 3/-1;
      }

      .description {
        grid-column: 1/-1;

      }
    }

    .header {
      font-size: 3.2em;
      line-height: 100%;
      margin: 0 0 0.5em 0;
      grid-row: 1;
      grid-column: 1/-1;
    }

    .event {

      .event-title {
        grid-column: 3/-1;
      }



    }

    .introduction,
    .event {
      margin-bottom: 2em;
    }



  }
}

.swiper .swiper-button-prev {

  height: 100%;
  top: 0;
  width: 20%;
}

.swiper .swiper-button-prev::after {
  content: " ";

}

.swiper .swiper-button-prev:hover {
  cursor: w-resize;
}


@media (width < 960px) {

  nav.mobile {
    display: block !important;
    position: relative !important;
    bottom: 0 !important;

    a:nth-of-type(1) {
      display: none;
    }

  }

  nav:not(.mobile) {
    position: relative !important;


    a:nth-of-type(1n+2) {
      display: none;
    }
  }




  body.place {
    main {

      .header {
        font-size: 2.2em;
      }

      .title {
        font-size: 1em;
      }

      .event {


        .event-title {
          grid-column: 3 / 10;
        }
      }
    }


  }
}

.infos,
.title {
  .swiper-pagination-place {
    grid-column: 1 / 3;
  }

  .swiper-pagination-fraction,
  .swiper-pagination-place {
    grid-column: 1 / 3;

  }
}
}
}
}