.elementor-6890 .elementor-element.elementor-element-06d6ca2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6890 .elementor-element.elementor-element-06d6ca2:not(.elementor-motion-effects-element-type-background), .elementor-6890 .elementor-element.elementor-element-06d6ca2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f30c32b );}.elementor-6890 .elementor-element.elementor-element-f8be010{--display:flex;}.elementor-6890 .elementor-element.elementor-element-da6f6c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6890 .elementor-element.elementor-element-da6f6c7:not(.elementor-motion-effects-element-type-background), .elementor-6890 .elementor-element.elementor-element-da6f6c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e645c1a );}.elementor-6890 .elementor-element.elementor-element-deaf8d7{--display:flex;}.elementor-6890 .elementor-element.elementor-element-e350b7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6890 .elementor-element.elementor-element-e350b7e:not(.elementor-motion-effects-element-type-background), .elementor-6890 .elementor-element.elementor-element-e350b7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f30c32b );}.elementor-6890 .elementor-element.elementor-element-6bdd9f2{--display:flex;}.elementor-6890 .elementor-element.elementor-element-e5c643a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6890 .elementor-element.elementor-element-e5c643a:not(.elementor-motion-effects-element-type-background), .elementor-6890 .elementor-element.elementor-element-e5c643a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e645c1a );}.elementor-6890 .elementor-element.elementor-element-af9398a{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6890 .elementor-element.elementor-element-06d6ca2{--content-width:1600px;}.elementor-6890 .elementor-element.elementor-element-da6f6c7{--content-width:1600px;}.elementor-6890 .elementor-element.elementor-element-e350b7e{--content-width:1600px;}.elementor-6890 .elementor-element.elementor-element-e5c643a{--content-width:1600px;}}/* Start custom CSS for wpforms, class: .elementor-element-b7e1d69 *//* WrapIndustries – WPForms Styling nach Vorgabe („Kontakt & Anfrage“-Block)
   Anwendung: In WPForms → Formular → Einstellungen → Allgemein → „CSS-Klasse des Formulars“
   die Klasse **wrapi-form** eintragen und dieses CSS global einfügen. */

/* ===== Tokens / Basis ===== */
.wrapi-form{
  --wrapi-accent:#9a27d5;
  --wrapi-text:#ffffff;
  --wrapi-dim:#cfcfcf;
  --wrapi-card:#141416;
  --wrapi-surface:#1c1c22;    /* Buttonfläche (heller auf Schwarz) */
  --wrapi-surface-2:#23232b;  /* Hover-Tiefe */
  --wrapi-border:#5a5963;     /* sichtbare Kante */
  --wrapi-radius:22px;

  /* Unterstrich-Feintuning NUR für Buttons (nicht für Labels/Felder) */
  --uline-thickness:3px;
  --uline-core:.50;
  --uline-glow:.34;
  --uline-blur:10px;
  --uline-inset:14px;
  --uline-offset:1px;

  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--wrapi-text) !important;
}

/* ===== Card-Hülle wie im HTML-Block ===== */
.wrapi-form.wpforms-container-full{
  background:linear-gradient(180deg, rgba(25,24,29,.92), rgba(20,20,22,.92));
  border:1px solid #26242b;
  border-radius:var(--wrapi-radius);
  padding:18px;
  box-shadow:0 18px 44px rgba(0,0,0,.38);
  color:var(--wrapi-text) !important;
}

/* Grid-Abstände */
.wrapi-form .wpforms-field{ margin-bottom:14px; }
.wrapi-form .wpforms-field-row{ row-gap:14px; }

/* ===== Alle Formtexte standardmäßig weiß ===== */
.wrapi-form .wpforms-form,
.wrapi-form .wpforms-form *{
  color:inherit;
}

.wrapi-form,
.wrapi-form .wpforms-form,
.wrapi-form .wpforms-title,
.wrapi-form .wpforms-description,
.wrapi-form .wpforms-field-label,
.wrapi-form .wpforms-field-label-inline,
.wrapi-form .wpforms-field-sublabel,
.wrapi-form .wpforms-field-description,
.wrapi-form .wpforms-choice-label,
.wrapi-form label{
  color:var(--wrapi-text) !important;
}

/* ===== Labels (ohne Unterstrich/Pseudo) ===== */
.wrapi-form .wpforms-field-label{
  color:var(--wrapi-text) !important;
  font-weight:600;
  font-size:.94rem;
  margin:0 0 6px;
  text-decoration:none !important;
  padding:0 !important;
}
.wrapi-form .wpforms-field-label::before,
.wrapi-form .wpforms-field-label::after{ content:none !important; }
.wrapi-form .wpforms-required-label{ color:var(--wrapi-accent) !important; }

/* Optionale Hilfstexte leicht heller, aber nicht grau */
.wrapi-form .wpforms-field-description,
.wrapi-form .wpforms-field-sublabel{
  color:#e7e7e7 !important;
}

/* ===== Eingabefelder ===== */
.wrapi-form input[type="text"],
.wrapi-form input[type="email"],
.wrapi-form input[type="tel"],
.wrapi-form input[type="number"],
.wrapi-form input[type="url"],
.wrapi-form input[type="password"],
.wrapi-form select,
.wrapi-form textarea{
  width:100%;
  padding:14px;
  background:var(--wrapi-card) !important;
  border:1px solid #26242b;
  border-radius:var(--wrapi-radius);
  color:var(--wrapi-text) !important;
  -webkit-text-fill-color:var(--wrapi-text) !important;
  caret-color:var(--wrapi-text);
  outline:none;
  box-shadow:none;
  transition:border-color .25s ease, box-shadow .25s ease;
  opacity:1;
}

.wrapi-form input::placeholder,
.wrapi-form textarea::placeholder{
  color:var(--wrapi-dim) !important;
  opacity:.9;
}

.wrapi-form input:focus,
.wrapi-form select:focus,
.wrapi-form textarea:focus{
  background:var(--wrapi-card) !important;
  color:var(--wrapi-text) !important;
  -webkit-text-fill-color:var(--wrapi-text) !important;
  border-color:var(--wrapi-accent);
  box-shadow:0 0 0 2px rgba(154,39,213,.18);
}

.wrapi-form textarea{
  min-height:140px;
  resize:vertical;
}

/* Fehlerzustände */
.wrapi-form .wpforms-error,
.wrapi-form input.wpforms-error,
.wrapi-form textarea.wpforms-error,
.wrapi-form select.wpforms-error{
  border-color:#7b2e2e !important;
  box-shadow:0 0 0 2px rgba(255,107,107,.18) !important;
}
.wrapi-form .wpforms-error-container{
  color:#ffc9c9 !important;
}

/* ===== Select-Optik (Standard-<select>) ===== */
.wrapi-form select{
  appearance:none;
  -webkit-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--wrapi-dim) 50%),
    linear-gradient(135deg, var(--wrapi-dim) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:36px;
}

/* ===== Uploadfeld („Bild & Daten hochladen (optional)“) ===== */
.wrapi-form .wpforms-field-file-upload{
  border:1px dashed #26242b;
  border-radius:14px;
  padding:12px;
  background:rgba(0,0,0,.18);
  color:var(--wrapi-text) !important;
}
.wrapi-form .wpforms-field-file-upload .wpforms-field-description{
  margin-top:8px;
  color:#e7e7e7 !important;
}

/* Datei-Button – Hauptbuttonstil (schmal) */
.wrapi-form .wpforms-field-file-upload input[type="file"]{
  color:var(--wrapi-text) !important;
  -webkit-text-fill-color:var(--wrapi-text) !important;
  background:transparent;
  border:0;
  padding:0;
}
.wrapi-form .wpforms-field-file-upload input[type="file"]::file-.elementor-6890 .elementor-element.elementor-element-b7e1d69-button{
  -webkit-tap-highlight-color:transparent;
  margin-right:12px;
  padding:12px 20px;                 /* schmal */
  min-height:48px;                   /* schmal */
  border:1px solid var(--wrapi-border);
  border-radius:28px;
  background:
    /* sanfter Unterstrich – nur im Button */
    linear-gradient(90deg, rgba(154,39,213,0) 0%, rgba(154,39,213,var(--uline-core)) 50%, rgba(154,39,213,0) 100%) 50% calc(100% - var(--uline-offset))/100% var(--uline-thickness) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.12)),
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.10), transparent 40%),
    var(--wrapi-surface);
  color:var(--wrapi-text) !important;
  font-weight:800; letter-spacing:.2px; cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 16px 40px rgba(0,0,0,.35),
    0 0 22px rgba(154,39,213,.28);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.wrapi-form .wpforms-field-file-upload input[type="file"]::file-.elementor-6890 .elementor-element.elementor-element-b7e1d69-button:hover{
  transform:translateY(-1px) scale(1.012);
  border-color:#6c6a75;
  background:
    linear-gradient(90deg, rgba(154,39,213,0) 0%, rgba(154,39,213,var(--uline-core)) 50%, rgba(154,39,213,0) 100%) 50% calc(100% - var(--uline-offset))/100% var(--uline-thickness) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.14)),
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.12), transparent 42%),
    var(--wrapi-surface-2);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 18px 46px rgba(0,0,0,.38),
    0 0 28px rgba(154,39,213,.38);
}
/* Safari/WebKit Fallback */
.wrapi-form .wpforms-field-file-upload input[type="file"]::-webkit-file-upload-button{
  -webkit-tap-highlight-color:transparent;
  margin-right:12px;
  padding:12px 20px;
  min-height:48px;
  border:1px solid var(--wrapi-border);
  border-radius:28px;
  background:
    linear-gradient(90deg, rgba(154,39,213,0) 0%, rgba(154,39,213,var(--uline-core)) 50%, rgba(154,39,213,0) 100%) 50% calc(100% - var(--uline-offset))/100% var(--uline-thickness) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.12)),
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.10), transparent 40%),
    var(--wrapi-surface);
  color:var(--wrapi-text) !important;
  font-weight:800; letter-spacing:.2px; cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 16px 40px rgba(0,0,0,.35),
    0 0 22px rgba(154,39,213,.28);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

/* ===== Submit-Button – Hauptbuttonstil (schmal) ===== */
.wrapi-form .wpforms-submit-container .wpforms-submit{
  -webkit-tap-highlight-color:transparent;
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 20px;                /* schmal */
  min-height:48px;                  /* schmal */
  border:1px solid var(--wrapi-border);
  border-radius:28px;
  background:
    /* sanfter Unterstrich – nur im Button */
    linear-gradient(90deg, rgba(154,39,213,0) 0%, rgba(154,39,213,var(--uline-core)) 50%, rgba(154,39,213,0) 100%) 50% calc(100% - var(--uline-offset))/100% var(--uline-thickness) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.12)),
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.10), transparent 40%),
    var(--wrapi-surface);
  color:var(--wrapi-text) !important;
  -webkit-text-fill-color:var(--wrapi-text) !important;
  font-weight:800; letter-spacing:.2px; text-decoration:none;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 16px 40px rgba(0,0,0,.35),
    0 0 22px rgba(154,39,213,.28);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.wrapi-form .wpforms-submit-container .wpforms-submit:hover{
  transform:translateY(-1px) scale(1.012);
  border-color:#6c6a75;
  background:
    linear-gradient(90deg, rgba(154,39,213,0) 0%, rgba(154,39,213,var(--uline-core)) 50%, rgba(154,39,213,0) 100%) 50% calc(100% - var(--uline-offset))/100% var(--uline-thickness) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.14)),
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.12), transparent 42%),
    var(--wrapi-surface-2);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 18px 46px rgba(0,0,0,.38),
    0 0 28px rgba(154,39,213,.38);
}
.wrapi-form .wpforms-submit-container .wpforms-submit:focus-visible{
  outline:none;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.18),
    0 0 0 1px rgba(154,39,213,.5),
    0 0 28px rgba(154,39,213,.5);
  border-color:rgba(154,39,213,.5);
}

/* ===== Dateiliste (wenn WPForms die hochgeladenen Dateinamen ausgibt) ===== */
.wrapi-form .wpforms-uploader-filelist,
.wrapi-form .wpforms-uploaded-files{
  display:grid;
  gap:8px;
  margin-top:10px;
}
.wrapi-form .wrapi-fileitem,
.wrapi-form .wpforms-uploader-file{
  display:grid;
  grid-template-columns:1fr minmax(80px,auto) 36px;
  gap:10px; align-items:center;
  background:var(--wrapi-card);
  border:1px solid #26242b;
  border-radius:10px; padding:10px 12px;
  color:var(--wrapi-text) !important;
}
.wrapi-form .wrapi-fn,
.wrapi-form .wpforms-uploader-file .wpforms-uploader-file-name{
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  color:var(--wrapi-text) !important;
}
.wrapi-form .wrapi-fsize{
  color:#e7e7e7 !important;
  font-size:.9rem;
  text-align:right;
}
.wrapi-form .wrapi-remove,
.wrapi-form .wpforms-uploader-file .wpforms-uploader-file-remove{
  appearance:none; border:0; margin:0; padding:0;
  width:36px; height:36px; border-radius:10px;
  display:grid; place-items:center; background:transparent; color:#fff !important; cursor:pointer;
  line-height:1; justify-self:center; align-self:center;
}
.wrapi-form .wrapi-remove:hover,
.wrapi-form .wpforms-uploader-file .wpforms-uploader-file-remove:hover{
  background:rgba(255,255,255,.08);
}

/* ===== Systemmeldungen ===== */
.wrapi-form .wpforms-confirmation-container-full{
  background:rgba(28,38,30,.85);
  border:1px solid #2f6f3b;
  color:#b6f5c7 !important;
  border-radius:var(--wrapi-radius);
  padding:14px 16px;
}
.wrapi-form .wpforms-error-container{
  margin-top:6px;
}

/* ===== A11y & Motion ===== */
.wrapi-form .wpforms-submit:focus-visible,
.wrapi-form input[type=file]:focus-visible{
  outline:none;
}
@media (prefers-reduced-motion:reduce){
  .wrapi-form *{ transition:none !important; }
}

/* ===== Mobile ===== */
@media (max-width:640px){
  .wrapi-form .wpforms-submit-container .wpforms-submit{
    width:100%;
    padding:12px 18px;
    min-height:46px;
  }
}

/* ===== Patch: Feld-Hintergrund bleibt immer gleich (Tippen/Fokus/Autofill) ===== */

.wrapi-form input[type="text"],
.wrapi-form input[type="email"],
.wrapi-form input[type="tel"],
.wrapi-form input[type="number"],
.wrapi-form input[type="url"],
.wrapi-form input[type="password"],
.wrapi-form select,
.wrapi-form textarea{
  background:var(--wrapi-card) !important;
  background-clip:padding-box;
}

.wrapi-form input:focus,
.wrapi-form select:focus,
.wrapi-form textarea:focus{
  background:var(--wrapi-card) !important;
}

/* Chrome/Edge/Safari: Autofill neutralisieren */
.wrapi-form input:-webkit-autofill,
.wrapi-form select:-webkit-autofill,
.wrapi-form textarea:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--wrapi-card) inset !important;
  -webkit-text-fill-color:var(--wrapi-text) !important;
}

/* Firefox: Autofill neutralisieren */
.wrapi-form input:-moz-autofill,
.wrapi-form select:-moz-autofill,
.wrapi-form textarea:-moz-autofill{
  box-shadow:0 0 0 1000px var(--wrapi-card) inset !important;
  color:var(--wrapi-text) !important;
}

/* Falls Themes den Feld-Wrapper einfärben */
.wrapi-form .wpforms-field:focus-within{
  background:transparent !important;
}/* End custom CSS */