.elementor-767 .elementor-element.elementor-element-7cfca8f > .elementor-container{max-width:1320px;}.elementor-767 .elementor-element.elementor-element-dd866d6 > .elementor-container{max-width:1320px;}.elementor-767 .elementor-element.elementor-element-b6cfd8d{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;text-align:start;}.elementor-767 .elementor-element.elementor-element-b6cfd8d .elementor-heading-title{font-size:42px;font-weight:900;line-height:64px;}.elementor-767 .elementor-element.elementor-element-609af39{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 1em) 0em;line-height:28px;}.elementor-767 .elementor-element.elementor-element-0194113 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:15px;}.elementor-767 .elementor-element.elementor-element-be73808 .elementor-heading-title{font-size:18px;font-weight:700;}.elementor-767 .elementor-element.elementor-element-60cd65b{font-size:18px;line-height:36px;color:#797979;}.elementor-767 .elementor-element.elementor-element-19db0b8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:15px;}.elementor-767 .elementor-element.elementor-element-303a769 .elementor-heading-title{font-size:18px;font-weight:700;}.elementor-767 .elementor-element.elementor-element-5adf3ae{font-size:18px;line-height:36px;color:#797979;}.elementor-767 .elementor-element.elementor-element-8fb2571{--spacer-size:8vh;}@media(max-width:1024px) and (min-width:768px){.elementor-767 .elementor-element.elementor-element-1be8366{width:100%;}}@media(max-width:1024px){.elementor-767 .elementor-element.elementor-element-b6cfd8d{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;text-align:start;}.elementor-767 .elementor-element.elementor-element-b6cfd8d .elementor-heading-title{font-size:2.5em;line-height:1.4em;}}@media(max-width:767px){.elementor-767 .elementor-element.elementor-element-b6cfd8d{text-align:start;}.elementor-767 .elementor-element.elementor-element-b6cfd8d .elementor-heading-title{font-size:1.5em;line-height:1.4em;}}/* Start custom CSS for shortcode, class: .elementor-element-7832b0f *//* =========================================================
   Contact Form 7 – Pakibo FINAL
   Strategie:
   - Eine universelle Textfarbe (funktioniert in Light & Dark)
   - Kein Mode-Switching mehr
   - Lila Fokus & Hover
========================================================= */

/* ---------- Basis Felder ---------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 .wpcf7-form-control {
  width: 100%;
  background: transparent !important;

  /* UNIVERSAL TEXT COLOR */
  color: #7E74B5 !important;
  -webkit-text-fill-color: #7E74B5 !important;

  border: 1px solid rgba(143, 61, 255, 0.35) !important;
  border-radius: 12px;
  padding: 14px 16px;

  font-size: 15px;
  line-height: 1.4;

  transition: 
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    color 0.25s ease;

  caret-color: #8f3dff;
}

/* ---------- Placeholder ---------- */
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 textarea::placeholder {
  color: rgba(126, 116, 181, 0.65) !important;
  -webkit-text-fill-color: rgba(126, 116, 181, 0.65) !important;
}

/* ---------- Hover ---------- */
.wpcf7 input[type="text"]:hover,
.wpcf7 input[type="email"]:hover,
.wpcf7 textarea:hover {
  border-color: #8f3dff !important;
}

/* ---------- Focus ---------- */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
  border-color: #8f3dff !important;
  box-shadow: 0 0 0 2px rgba(143, 61, 255, 0.25) !important;
  outline: none !important;
}

/* ---------- Textarea ---------- */
.wpcf7 textarea {
  min-height: 160px;
  resize: vertical;
}

/* ---------- Chrome / Safari Autofill Fix ---------- */
.wpcf7 input:-webkit-autofill,
.wpcf7 textarea:-webkit-autofill {
  -webkit-text-fill-color: #7E74B5 !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* ---------- Submit Button (FINAL KONTRAST) ---------- */
.wpcf7 input[type="submit"]{
  background: #dbc2fc !important;

  /* MAXIMALER KONTRAST */
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;

  /* heller Shadow statt dunkler */
  text-shadow: 0 1px 1px rgba(255,255,255,0.35);

  margin-top: 28px !important;
  width: auto !important;
  display: inline-block !important;
  min-width: 220px;
  padding: 12px 24px !important;
  text-align: center !important;

  border: none !important;
  border-radius: 12px;
  font-size: 15px;
  cursor: pointer;

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wpcf7 input[type="submit"]:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(143, 61, 255, 0.35);
}

/* =========================================================
   CF7 – Meldungen im Button-Look (Pakibo)
   - wie der "Nachricht senden" Button
   - keine gelben/roten Default-Boxen
   - elegant + minimal animiert
========================================================= */

/* Grundstil für alle CF7-Meldungen */
.wpcf7-response-output{
  margin-top: 20px !important;
  padding: 14px 18px !important;

  background: #dbc2fc !important;                 /* wie Button */
  border: 1px solid rgba(143, 61, 255, 0.35) !important;
  border-radius: 12px !important;

  color: #39383b !important;                      /* wie Button */
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;

  text-align: left !important;

  /* gleiche "Tiefe" wie Hover */
  box-shadow: 0 6px 20px rgba(143, 61, 255, 0.25) !important;

  /* sanftes Auftauchen */
  animation: pakiboFadeUp 0.45s ease both;
}

/* CF7 Standard-Klassen: alles auf den gleichen Button-Look zwingen */
.wpcf7-mail-sent-ok,
.wpcf7-validation-errors,
.wpcf7-acceptance-missing,
.wpcf7-spam-blocked,
.wpcf7-mail-sent-ng{
  background: #dbc2fc !important;
  border-color: rgba(143, 61, 255, 0.35) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(143, 61, 255, 0.25) !important;
}

/* Icon vorne: Default = Erfolg */
.wpcf7-response-output::before{
  display: inline-block;
  margin-right: 10px;
  font-weight: 800;
  color: #ffffff;
}

/* Wenn Fehler / Validierung: Icon ändern */
.wpcf7-validation-errors::before,
.wpcf7-acceptance-missing::before,
.wpcf7-mail-sent-ng::before,
.wpcf7-spam-blocked::before{
  content: "!";
}

/* Animation */
@keyframes pakiboFadeUp{
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}/* End custom CSS */