.home {
    padding: 0;
    padding-left: var(--paddingContent);
    padding-right: var(--paddingContent);
    margin: auto;
    margin-top: min(7%,100px);
    max-width: var(--maxWidth);
}

.home.fullwidth {
  max-width: 100%;
}

.home .highlighted {
  font-size: var(--clFontSizeMedium);
  font-weight: 400;
  text-align: center;
  margin: 1.5% auto;
  line-height: 140%;
  max-width: 80%;
}

.home .title.right {
  text-align: right;
}

/*BUY*/
.buy {
  max-width: var(--maxWidth);
}

.buy .title {
  font-size: var(--clFontSizeLarge);
}

.buy-container {
  display: inline-flex;
  width: 100%;
}

.buy.ticket .buy-container .left, .buy.shop .buy-container .right {
  width: 63%;
}

.buy.ticket .buy-container .left img, .buy.shop .buy-container .right img {
  width: 100%;
}

.buy.ticket .buy-container .right, .buy.shop .buy-container .left {
  margin: auto;
  width: 50%;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.25));
}

.buy.ticket .buy-container .right {
  margin-left: -5%;
}

.buy.shop .buy-container .left {
  margin-right: -5%;
  z-index: 999;
}

.buy.ticket .buy-container .right .contents, .buy.shop .buy-container .left .contents {
  padding: 5%;
  background: #ffffffcf;
  border-radius: 8px;
  max-width: 400px;
}

.buy.shop .buy-container .left .contents {
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}

.buy.shop .buy-container .left .contents .link {
  display: inline-block;
}

.buy.ticket .buy-container .right .contents .title, .buy.shop .buy-container .left .contents .title {
  color: var(--blue);
  font-size: var(--clFontSizeMediumPlus);
  font-weight: 700;
  margin: 0;
}

.buy.ticket .buy-container .right .contents .text, .buy.shop .buy-container .left .contents .text {
  font-size: 18px;
  margin: 15px 0 30px 0;
}

.buy.ticket .buy-container .right .top img, .buy.ticket .buy-container .right .bottom img, 
.buy.shop .buy-container .left .top img, .buy.shop .buy-container .left .bottom img {
  width: 100%;
}

/*CONTACT*/
.contact-block {
  max-width: var(--maxWidth);
  margin-bottom: 130px;
}

.contact-container {
  display: inline-flex;
  width: -webkit-fill-available;
}

.contact-container .right {
  width: 50%;
}

.contact-container .right iframe {
  width: 100%;
  height: 120%;
  margin-top: -5%;
  border-radius: 8px;
}

.contact-container .left {
  margin: auto;
  margin-right: 5%;
  width: 47%;
  /*filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.25));*/
}

.contact-block .left h3 {
  color: var(--turq);
  font-size: var(--clFontSizeLarge);
  font-weight: 700;
  margin-bottom: 3%;
}
/*
.contact-container .left .contents {
  padding: 5%;
  background: #ffffffcf;
}
*/

.contact-container .left .contents .companyname {
  font-weight: 700;
  font-size: var(--clFontSizeMedium);
  color: var(--base);

}

.contact-container .left .contents .text {
  margin: 10px 0;
}

.contact-container .left .top img, .contact-container .left .bottom img {
  width: 100%;
}

.contact-container .virtual-walk-container {
  display: inline-flex;
}

.contact-container .virtual-walk-container img {
  margin-right: 30px;
}

.contact-container .contact-item-container {
  display: flex;
  gap: 20px;
  margin-left: -40px;
  align-items: center;
}

.contact-container .contact-item-container img {
  width: 20px;
  height: 20px;
}

/*webshop*/

.webshop-block {
  position: relative;
  padding: 0;
  height: 600px;
}

.webshop-block .container {
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.webshop-block .top, .webshop-block .bottom, .webshop-block .container {
  overflow: hidden;
  position: absolute;
}

.webshop-block .top, .webshop-block .bottom {
  width: 100%;
  z-index: 1;
}

.webshop-block .top {
  top: 0;
}

.webshop-block .bottom {
  bottom: 0;
}

.webshop-block .top img, .webshop-block .bottom img, .webshop-block .container img {
  width: 100%;
  max-height: 100px;
}

.webshop-block .title {
  color: var(--blue);
  margin: 0;
}

.webshop-block .highlighted {
  margin: 40px 0;
  font-size: var(--clFontSizeMediumPlus);
  font-weight: 700;
}

@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1600px) {
  .contact-block .contact-container .left .contact-item-container {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1280px) {
  .partners-logos.home {
    max-width: 670px;
  }
}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 900px) {
  .home {
    margin-top: 14%;
  }
  
  .home, .subpage {
    padding-left: 3.5vw;
    padding-right: 3.5vw;
  }

  .buy-container {
    display: flex;
  }

  .buy.ticket .buy-container {
    flex-direction: column;
  }

  .buy.shop .buy-container {
    flex-direction: column-reverse;
  }

  .buy.ticket .buy-container .left, .buy.shop .buy-container .right {
    width: 100%;
  }

  .buy.ticket .buy-container .right, .buy.shop .buy-container .left {
    margin: min(-10vw, -25px) auto 0px auto;
    width: 70%;
  }

  .buy.ticket .buy-container .right .contents, .buy.shop .buy-container .left .contents {
    max-width: 100%;
    margin: auto;
  }

  .contact-block.home .contact-container {
    flex-direction: column;
    gap: 25px;
  }

  .contact-block.home .contact-container .left, .contact-block.home .contact-container .right {
    width: 100%;
  }

  .contact-block.home .contact-container .right {
    height: 400px;
  }

  .contact-block.home .contact-container .right iframe {
    margin-top: 0;
  }

  .webshop-block.home {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 600px) {
  .buy.ticket .buy-container .right, .buy.shop .buy-container .left {
    width: 90%;
  }
  .contact-block.home .contact-container .right {
    height: min(450px, 40vh);
  }
}
@media only screen and (max-width: 500px) {}
@media only screen and (max-width: 400px) {}
@media only screen and (max-width: 350px) {}