/* Jahnhalle microsite variant.
   Loaded only when Branding -> Microsite design is set to "Jahnhalle". */

.ill-variant-jahnhalle {
  --ill-jahnhalle-beige: var(--Jahnhalle-beige, #E4DFDA);
  --ill-jahnhalle-brown: var(--Jahnhalle-brown, #9D7B69);
  --ill-jahnhalle-yellow: var(--Jahnhalle-yellow, #FFD943);
  --ill-jahnhalle-footer-bg: var(--ill-footer-bg-override, var(--Jahnhalle-brown, #9D7B69));
}

@media (min-width: 992px) {
  .ill-variant-jahnhalle :where(h2, .ill-heading--h2) {
    font-size: 40px;
    line-height: 1.1;
  }
}

.ill-variant-jahnhalle .ill-cta__content .ill-heading {
  font-weight: 700;
}

.ill-variant-jahnhalle .ill-drawer {
  background: var(--ill-jahnhalle-brown);
}

.ill-variant-jahnhalle .ill-drawer__list a {
  color: #fff !important;
  font-size: clamp(2rem, 3vw, 40px);
  text-transform: none !important;
  transition: color .18s ease, opacity .18s ease;
}

.ill-variant-jahnhalle .ill-drawer__list a:hover,
.ill-variant-jahnhalle .ill-drawer__list a:focus {
  color: var(--ill-jahnhalle-yellow) !important;
  opacity: 1 !important;
}

.ill-variant-jahnhalle .ill-drawer__download.btn,
.ill-variant-jahnhalle .ill-drawer__download.btn.btn-primary {
  background: var(--ill-jahnhalle-yellow);
  border-color: var(--ill-jahnhalle-yellow);
  color: var(--ill-jahnhalle-brown) !important;
  font-family: 'HelveticaNeueStd-Cn', Arial, sans-serif;
  font-weight: 700;
  line-height: 24px;
  padding: 8px 16px;
}

.ill-variant-jahnhalle .ill-drawer__download.btn:hover,
.ill-variant-jahnhalle .ill-drawer__download.btn:focus {
  background: #fff;
  border-color: #fff;
  color: var(--ill-jahnhalle-brown) !important;
  filter: none;
  opacity: 1 !important;
}

.ill-variant-jahnhalle .ill-drawer__contacts-title {
  color: color-mix(in srgb, var(--ill-jahnhalle-beige), var(--ill-jahnhalle-brown) 18%);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: none;
}

.ill-variant-jahnhalle .ill-drawer__contact-name {
  color: var(--ill-jahnhalle-beige);
  font-family: 'HelveticaNeueStd-Cn', Arial, sans-serif;
  font-weight: 700;
}

.ill-variant-jahnhalle .ill-drawer__intro,
.ill-variant-jahnhalle .ill-drawer__contact-mail {
  color: #fff;
}

.ill-variant-jahnhalle .ill-footer {
  --ill-footer-text: #fff;
  --ill-footer-link: #fff;
  background: var(--ill-jahnhalle-footer-bg);
  color: #fff;
}

.ill-variant-jahnhalle .ill-footer__inner.py-5 {
  padding-top: clamp(4.25rem, 6vw, 6.25rem) !important;
  padding-bottom: clamp(4.25rem, 6vw, 6rem) !important;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row {
  grid-template-columns: minmax(16rem, 1.05fr) minmax(20rem, .9fr) minmax(17rem, .82fr);
  column-gap: clamp(4.5rem, 8vw, 8.5rem);
  align-items: start;
}

.ill-variant-jahnhalle .ill-footer,
.ill-variant-jahnhalle .ill-footer p,
.ill-variant-jahnhalle .ill-footer strong,
.ill-variant-jahnhalle .ill-footer b,
.ill-variant-jahnhalle .ill-footer a {
  color: #fff;
}

.ill-variant-jahnhalle .ill-footer a {
  text-decoration-color: rgba(255, 255, 255, .72);
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .widget_media_image img {
  width: 192px !important;
  max-width: min(12rem, 100%);
  opacity: .72;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .widget_text {
  margin-top: clamp(1.65rem, 2.25vw, 2.35rem);
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .widget_text p,
.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) .widget_text p,
.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) .widget_text p {
  font-size: clamp(.98rem, .96vw, 1.08rem) !important;
  font-weight: 400 !important;
  line-height: 1.34 !important;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .ill-footer-widget:last-child {
  margin-top: clamp(3.35rem, 5.4vw, 5.1rem);
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .ill-footer-widget:last-child .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  margin: 0 !important;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .ill-footer-widget:last-child .col {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 0 !important;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .ill-footer-widget:last-child p {
  margin: 0;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .ill-footer-widget:last-child a {
  font-size: clamp(.98rem, .96vw, 1.08rem);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: .07em;
  text-underline-offset: .16em;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) > .ill-footer-widget:first-child .wp-block-heading {
  margin: 0 0 clamp(1rem, 1.25vw, 1.35rem);
  color: var(--ill-jahnhalle-beige);
  font-family: var(--ill-h1-font, var(--ill-headline-font));
  font-size: clamp(2rem, 2.35vw, 2.65rem);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: none !important;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) .widget_text {
  margin-top: 0;
  max-width: 21rem;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) .ill-footer-widget:nth-child(n+3) {
  margin-top: 1.15rem;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) .wp-block-columns {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .65rem !important;
  margin: 0 !important;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) .wp-block-column:first-child {
  flex: 0 0 1.3rem !important;
  width: 1.3rem;
  max-width: 1.3rem;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) .wp-block-column:last-child {
  flex: 0 1 auto !important;
  width: auto;
  max-width: none;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) figure,
.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) p {
  margin: 0;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) img {
  display: block;
  width: 1.2rem;
  max-width: none;
  height: 1.2rem;
  object-fit: contain;
  opacity: .82;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(2) a {
  font-size: clamp(.98rem, .96vw, 1.08rem);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) {
  padding-top: .35rem;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) .ill-footer-widget {
  margin-top: 0;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) .ill-footer-widget + .ill-footer-widget {
  margin-top: 1.35rem;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) .wp-block-columns {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .9rem !important;
  margin: 0 !important;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) .wp-block-column:first-child {
  flex: 0 0 3rem !important;
  width: 3rem;
  max-width: 3rem;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) .wp-block-column:last-child {
  flex: 0 1 auto !important;
  width: auto;
  max-width: none;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) figure,
.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) h4,
.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) p {
  margin: 0;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) img {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  object-fit: cover;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) h4 {
  color: var(--ill-jahnhalle-beige);
  font-family: 'HelveticaNeueStd-Cn', Arial, sans-serif;
  font-size: clamp(.98rem, .96vw, 1.08rem);
  font-weight: 700;
  line-height: 1.15;
}

.ill-variant-jahnhalle .ill-footer__inner > .container > .row > :nth-child(3) a {
  font-size: clamp(.98rem, .96vw, 1.08rem);
  font-weight: 400;
  line-height: 1.15;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .ill-variant-jahnhalle .ill-footer__inner > .container > .row {
    grid-template-columns: 1fr;
    row-gap: 3rem;
  }

  .ill-variant-jahnhalle .ill-footer__inner > .container > .row > :first-child .ill-footer-widget:last-child {
    margin-top: 2.5rem;
  }
}
