/* Partner marks and partner-specific presentation. Official partner artwork is kept unmodified. */
.footer-partners {
  display: grid;
  gap: .55rem;
  width: min(13.5rem, 100%);
  margin-top: 1.6rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(217, 231, 232, .18);
}

.footer-partners__label {
  color: #8ee9ff;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.footer-partner {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.footer-partner img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(255, 255, 255, .14);
}

.footer-partner:hover img,
.footer-partner:focus-visible img {
  border-color: rgba(142, 233, 255, .65);
}

.loxone-intro__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
}

.loxone-intro__copy h1 {
  margin-bottom: 1rem;
}

.loxone-partner-mark {
  margin: 0;
}

.loxone-partner-mark img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
}

.loxone-pending {
  max-width: 34rem;
}

@media (max-width: 700px) {
  .loxone-intro__layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .loxone-partner-mark {
    width: min(22rem, 100%);
  }
}