/* Offerte — Formular-Kapitel, alle Welten */

#slide-offerte.slide {
  overflow-x: clip;
  padding-bottom: clamp(12px, 2vw, 20px) !important;
}

#slide-offerte .slide-inner.offerte-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(20px, 3vw, 36px) !important;
  align-items: start !important;
  width: 100%;
  max-width: min(1280px, calc(100vw - clamp(32px, 6vw, 128px))) !important;
  margin: 0 auto !important;
  padding: 0 clamp(18px, 4vw, 64px) clamp(12px, 2vw, 20px) !important;
  box-sizing: border-box !important;
}

@media (min-width: 1025px) {
  body[data-world] #slide-offerte .slide-inner.offerte-layout,
  body.welten-desktop-subpage-hero--on #slide-offerte .slide-inner.offerte-layout {
    padding-top: 0 !important;
  }
}

#slide-offerte .offerte-copy {
  max-width: 42rem;
}

#slide-offerte .welten-leadform-wrap,
#slide-offerte .welten-offerte-form-wrap {
  min-width: 0;
  width: 100%;
  height: auto;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg, 28px);
  line-height: 0;
}

#slide-offerte .welten-leadform-frame {
  display: block;
  width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 1px solid var(--glass-border, rgba(142, 197, 255, 0.18));
  border-radius: var(--radius-lg, 28px);
  background: #070b12;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (max-width: 1024px) {
  #slide-offerte .slide-inner.offerte-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 14px 14px 18px !important;
    max-width: min(720px, calc(100vw - 20px)) !important;
  }

  #slide-offerte .offerte-copy {
    padding: 16px !important;
  }
}