/* Ticketkauf, Unterkunft, Sponsoren und Grußwort. */
.invitation-tickets {
  padding: 39px 13px 17px;
  background: var(--invitation-green);
  color: #fff;
}

.invitation-framed {
  min-height: 548px;
  padding: 0 13px 35px;
  border: 1px solid currentcolor;
  text-align: center;
}

.invitation-framed__title {
  width: max-content;
  max-width: calc(100% - 144px);
  margin: -38px auto 34px;
  padding: 0 18px;
  background: var(--invitation-green);
  font-size: 24px;
  letter-spacing: 0.15em;
  line-height: 52px;
}

.invitation-tickets__facts {
  display: grid;
  gap: 35px;
  max-width: 734px;
  margin: 0 auto;
}

.invitation-tickets__notice {
  max-width: 660px;
  margin: 24px auto 0;
  font-size: 14px;
  line-height: 1.5;
}

.invitation-tickets__notice .notice {
  margin: 0;
  color: var(--invitation-green);
}

.invitation-info {
  padding: 39px 13px 17px;
  background: #e5e5e5;
  color: #565656;
}

.invitation-info__frame { min-height: 724px; }

.invitation-tickets .invitation-framed__title { margin-bottom: 36px; }

.invitation-info .invitation-framed__title {
  margin-bottom: 23px;
  background: #e5e5e5;
  color: #000;
}

.invitation-info__content {
  display: grid;
  gap: 30px;
}

.invitation-info__image {
  display: block;
  width: 100%;
  max-height: 357px;
  object-fit: cover;
}

.invitation-info__details { color: #000; }

.invitation-info__text {
  font-size: 14px;
  line-height: 27px;
}

.invitation-info__facts {
  display: grid;
  gap: 35px;
  margin-top: 35px;
}

.invitation-tickets .invitation-button { width: 171px; }
.invitation-tickets .invitation-button { margin-top: 35px; }
.invitation-info .invitation-button {
  width: 131px;
  margin-top: 32px;
}

.invitation-sponsors {
  padding: 28px 26px 48px;
  background: var(--invitation-light);
  text-align: center;
}

.invitation-sponsors__title {
  font-size: 24px;
  letter-spacing: 0.15em;
}

.invitation-sponsors__text {
  margin-top: 8px;
  font-size: 14px;
}

.invitation-sponsors__logos {
  display: grid;
  gap: 44px;
  justify-items: center;
  margin-top: 34px;
}

.invitation-sponsors__logo {
  display: block;
  width: min(314px, 100%);
}

.invitation-closing {
  padding: 33px 26px 0;
  background: var(--invitation-green);
  color: #fff;
  text-align: center;
}

.invitation-closing__text {
  font-size: 14px;
  line-height: 1.6;
}

.invitation-closing__text p { margin: 0; }

.invitation-closing__signature {
  max-width: 999px;
  margin: 15px auto 22px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
}

.invitation-closing__image {
  display: block;
  width: 100%;
  max-width: 1342px;
  height: 380px;
  margin: 0 auto;
  object-fit: cover;
}

@media (min-width: 800px) {
  .invitation-tickets {
    min-height: 659px;
    padding: 75px 32px 53px;
  }

  .invitation-framed {
    min-height: 531px;
    padding: 0 60px 35px;
  }

  .invitation-framed__title {
    margin-top: -38px;
    margin-bottom: 38px;
    padding-inline: 32px;
    font-size: 30px;
  }

  .invitation-tickets .invitation-framed__title,
  .invitation-info .invitation-framed__title { margin-bottom: 38px; }

  .invitation-tickets__facts {
    gap: 47px;
    margin-top: 14px;
    transform: translateY(14px);
  }

  .invitation-tickets .invitation-button {
    width: 200px;
    margin-top: 57px;
    padding-inline: 6px;
  }

  .invitation-info {
    min-height: 625px;
    margin-top: 3px;
    padding: 77px 32px 49px;
  }

  .invitation-info__frame { min-height: 499px; }

  .invitation-info__content {
    grid-template-columns: minmax(360px, 489px) minmax(500px, 830px);
    gap: 23px;
    align-items: center;
    max-width: 1342px;
    margin: 56px auto 0;
  }

  .invitation-info__details {
    align-self: start;
    margin-top: 37px;
    text-align: center;
  }

  .invitation-info__text {
    font-size: 20px;
    line-height: 1.55;
  }

  .invitation-info__facts {
    grid-template-columns: repeat(2, 1fr);
    gap: 23px;
    margin-top: 37px;
  }

  .invitation-info .invitation-fact { text-align: center; }
  .invitation-info .invitation-button {
    width: 145px;
    margin-top: 51px;
    padding-inline: 6px;
  }

  .invitation-sponsors {
    min-height: 407px;
    padding: 75px 32px 55px;
  }

  .invitation-sponsors__title { font-size: 30px; }
  .invitation-sponsors__text { font-size: 20px; }

  .invitation-sponsors__logos {
    grid-template-columns: repeat(3, 314px);
    gap: min(13vw, 198px);
    justify-content: center;
    margin-top: 69px;
  }

  .invitation-closing {
    min-height: 759px;
    padding: 71px 32px 0;
  }

  .invitation-closing__text { font-size: 21px; }

  .invitation-closing__signature {
    margin-top: 9px;
    margin-bottom: 39px;
    font-size: 34px;
  }

  .invitation-closing__image { height: 539px; }
}