/* ==========================================================================
   QRTasse – Kontakt (Copy links sticky ab Eyebrow, Formular rechts)
   FINAL – mit robustem Hide für #wpforms-error-noscript
   ========================================================================== */

.contact{
  background: var(--warm);
  padding: clamp(2.2rem, 5vw, 4rem) 0;
  overflow: visible; /* wichtig für sticky */
}

/* ---------- Grid-Layout ---------- */
.contact__grid{
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) 1.1fr;
  gap: clamp(1.5rem, 5vw, 3rem);
}

/* ---------- Linke Spalte (Sticky) ---------- */
.contact__copy{ position: relative; z-index: 1; }
.contact__copy-inner{
  position: -webkit-sticky;
  position: sticky;
  top: clamp(12px, 4vw, 48px); /* Eyebrow klebt oben */
}

/* Eyebrow / Headline / Lead */
.contact__copy .eyebrow{
  display:inline-flex; align-items:center; gap:var(--space-1);
  padding:.25rem .6rem;
  border:1px solid rgba(0,0,0,.08);
  background:#fff; border-radius:999px;
  color:var(--muted); font-size:.85rem;
  margin-bottom:var(--space-2);
}
.contact__copy .eyebrow i{
  width:8px; height:8px; border-radius:50%; background:var(--gold);
}
.contact__copy h2{
  margin:.1rem 0 var(--space-2);
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  line-height:1.12; color: var(--ink);
}
.contact__copy .lead{
  margin:0 0 var(--space-3);
  color: var(--muted);
  font-size: clamp(1rem, 1.3vw, 1.1rem);
}

/* Bullets */
.contact__bullets{
  list-style:none; margin:0; padding:0;
  display:grid; gap:var(--space-2);
}
.contact__bullets li{
  display:flex; align-items:center; gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--r-m);
  background:#fff;
  box-shadow: var(--shadow-soft);
}
.contact__bullets i{
  width:22px; height:22px; display:inline-grid; place-items:center;
  border-radius:var(--r-s); background:var(--black); color:#fff; font-size:12px;
}

/* Trust + Privacy (unten links) */
.contact__trust{
  display:grid; gap:.6rem; margin-top:1rem;
}
.contact__trust p{
  display:flex; align-items:center; gap:.6rem;
  margin:0; font-size:.95rem; color:var(--muted);
}
.contact__trust i{
  width:18px; height:18px; display:inline-grid; place-items:center;
  background:#fff; color:var(--ink);
  border:1px solid rgba(0,0,0,.08);
  border-radius:6px; font-size:11px;
}
.contact__privacy{
  display:flex; align-items:flex-start; gap:.6rem;
  margin:.6rem 0 0; font-size:.9rem; color:#6b7077;
}
.contact__privacy i{ line-height:1.4; }

/* ---------- Rechte Spalte ---------- */
.contact__formwrap{ min-width:0; }
.contact__form{ display:grid; gap:var(--space-2); }

/* ---------- Robust: noscript-Hinweis ausblenden ---------- */
/* Mehrfach-spezifisch + !important gegen Inline-/Theme-Styles */
#wpforms-error-noscript,
div#wpforms-error-noscript,
.wpforms-container #wpforms-error-noscript,
.contact #wpforms-error-noscript,
[id="wpforms-error-noscript"],
.wpforms-hidden#wpforms-error-noscript{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .contact__grid{ display:block !important; }
  .contact__copy-inner{
    position:static !important;
    top:auto !important;
  }
  .contact__trust{ margin-top:1.5rem; }
}