:root {
	--theme-form-field-padding: 0 25px
}

textarea {
	--theme-form-field-padding: 20px 25px
}


/* contact form */
.ct-contact-form {
	--theme-form-text-initial-color: rgba(255, 255, 255, 0.5);
	--theme-form-text-focus-color: rgba(255, 255, 255, 1);
	--theme-form-field-border-initial-color: transparent;
	--theme-form-field-background-initial-color: #121b1f;
	--theme-form-field-background-focus-color: #121b1f;
}

.ct-contact-form .ff-btn-submit {
	width: 100%;
	--theme-button-text-initial-color: var(--theme-palette-color-4);
	--theme-button-background-initial-color: #fff;
}

.separator-mitte .wp-block-uagb-separator__inner {
  background-color: #a8845e !important;
  background-image: none !important;
  --my-background-image: none !important;
  height: 1x !important;
  width: 70px !important;
  margin-top: 20px !important;
  margin-bottom: 16px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
.separator-links .wp-block-uagb-separator__inner {
  background-color: #c8a882 !important;
  background-image: none !important;
  --my-background-image: none !important;
  height: 1px !important;
  width: 60px !important;
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  display: block !important;
}
.mein-text {
  color: #c8a882 !important;
}.text-center {
  text-align: center !important;
  width: 100% !important;
}
.image-container {
  background: radial-gradient(
    ellipse 120px 60px at center,
    #F5EDE4 0%,
    #8a6e52 55%,
    #2A2218 100%
  );
  border-radius: 0;
  padding: 4px 17px;
  display: flex;
  align-items: center;
  gap: 12px;
}
}
.bewerber-tag {
  display: table !important;
  width: auto !important;
}
.hero-right {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.hero-right::before {
  content: '';
  position: absolute;
  right: -100px;
  top: -100px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    transparent 35%,
    rgba(26, 61, 26, 0.1) 40%,
    rgba(26, 61, 26, 0.5) 45%,
    #1a3d1a 50%,
    rgba(26, 61, 26, 0.5) 55%,
    rgba(26, 61, 26, 0.1) 62%,
    transparent 70%
  );
  pointer-events: none;
}

.hero-right::after {
  content: '';
  position: absolute;
  left: -50px;
  bottom: -50px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    transparent 35%,
    rgba(26, 61, 26, 0.1) 40%,
    rgba(26, 61, 26, 0.5) 45%,
    #1a3d1a 50%,
    rgba(26, 61, 26, 0.5) 55%,
    rgba(26, 61, 26, 0.1) 62%,
    transparent 70%
  );
  pointer-events: none;
}
.hero-right {
  border-radius: 0 !important;
}
/* Karte normal */
.deine-karte-klasse {
  position: relative !important;
  z-index: 0 !important;
  overflow: hidden !important;
  border: 2px solid #c8a96e !important;
  transition: all 0.3s ease !important;
}

/* Karte normal */
.deine-karte-klasse {
  position: relative !important;
  z-index: 0 !important;
  overflow: hidden !important;
  border: 2px solid #c8a96e !important;
  transition: all 0.3s ease !important;
}

/* Hover — Lichtstrahl läuft rum */
.deine-karte-klasse:hover {
  border: 2px solid transparent !important;
}

.deine-karte-klasse:hover::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 20px;
  background: conic-gradient(
    transparent 0deg,
    transparent 100deg,
    rgba(200,169,110,0.3) 130deg,
    #c8a96e 160deg,
    #f0d090 180deg,
    #c8a96e 200deg,
    rgba(200,169,110,0.3) 230deg,
    transparent 260deg,
    transparent 360deg
  );
  animation: spin 2s linear infinite;
  z-index: -1;
}

.deine-karte-klasse:hover::after {
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: 18px;
  background: #1a3d1a;
  z-index: -1;
}



/* ════════════════════════════════════════════
   YA Jobs — Alle Formulare CSS FINAL
   
   ID 5 = Kontaktseite      → nur Datenschutz + Turnstile
   ID 6 = Unternehmen       → Gold Design (unverändert)
   ID 7 = Bewerber          → Grün + Gold Design
   
   ANLEITUNG:
   1. Alles im Custom CSS löschen
   2. Diesen Code einfügen
   3. LiteSpeed Purge All
   4. Strg+Shift+R
════════════════════════════════════════════ */


/* ════════════════════════════════════════════
   FORMULAR ID 5 — KONTAKT Korrekturen
════════════════════════════════════════════ */

/* Datenschutz Checkbox — heller */
#fluentform_5 .ff-el-form-check-input[type="checkbox"],
.fluentform[data-form_id="5"] .ff-el-form-check-input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: #160b04 !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  filter: brightness(1.8) !important;
}

/* Datenschutz Text heller */
#fluentform_5 .ff_tc_check label,
.fluentform[data-form_id="5"] .ff_tc_check label {
  color: #F5EDE4 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* Datenschutz Link */
#fluentform_5 .ff_tc_check a,
.fluentform[data-form_id="5"] .ff_tc_check a {
  color: #C8A96E !important;
  text-decoration: underline !important;
}

/* Turnstile kleiner */
#fluentform_5 .cf-turnstile,
#fluentform_5 .ff_turnstile_wrap,
.fluentform[data-form_id="5"] .ff_turnstile_wrap {
  transform: scale(0.65) !important;
  transform-origin: left center !important;
  margin: 8px 0 !important;
}

/* ════════════════════════════════════════════
   FORMULAR ID 6 — UNTERNEHMEN
   Gold Design — unverändert
════════════════════════════════════════════ */

#fluentform_6,
.fluentform[data-form_id="6"] {
  background: #F5EDE4 !important;
  padding: 40px 48px !important;
  border-radius: 12px !important;
  max-width: 780px !important;
  margin: 0 auto !important;
}

#fluentform_6 .ff-el-input--label label,
.fluentform[data-form_id="6"] .ff-el-input--label label {
  color: #7D5F2E !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 5px !important;
  display: block !important;
}

#fluentform_6 .ff-el-is-required .ff-el-input--label label::after,
.fluentform[data-form_id="6"] .ff-el-is-required .ff-el-input--label label::after {
  content: " *" !important;
  color: #C8A96E !important;
}

#fluentform_6 input[type="text"],
#fluentform_6 input[type="email"],
#fluentform_6 input[type="tel"],
#fluentform_6 input[type="number"],
#fluentform_6 input[type="url"],
.fluentform[data-form_id="6"] input[type="text"],
.fluentform[data-form_id="6"] input[type="email"],
.fluentform[data-form_id="6"] input[type="tel"] {
  background: #ffffff !important;
  border: 1.5px solid #C8A96E !important;
  border-radius: 6px !important;
  color: #2a1a0a !important;
  font-size: 13px !important;
  padding: 11px 16px !important;
  height: 46px !important;
  width: 100% !important;
  box-shadow: none !important;
}

#fluentform_6 textarea,
.fluentform[data-form_id="6"] textarea {
  background: #ffffff !important;
  border: 1.5px solid #C8A96E !important;
  border-radius: 6px !important;
  color: #2a1a0a !important;
  font-size: 13px !important;
  padding: 11px 16px !important;
  min-height: 100px !important;
  max-height: 160px !important;
  width: 100% !important;
  resize: vertical !important;
}

#fluentform_6 input:focus,
#fluentform_6 textarea:focus,
.fluentform[data-form_id="6"] input:focus,
.fluentform[data-form_id="6"] textarea:focus {
  border-color: #7D5F2E !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(200,169,110,0.15) !important;
}

#fluentform_6 input::placeholder,
#fluentform_6 textarea::placeholder,
.fluentform[data-form_id="6"] input::placeholder,
.fluentform[data-form_id="6"] textarea::placeholder {
  color: #b09878 !important;
  font-size: 13px !important;
}

#fluentform_6 .ff-el-group,
.fluentform[data-form_id="6"] .ff-el-group {
  margin-bottom: 16px !important;
}

#fluentform_6 .ff-el-form-check,
.fluentform[data-form_id="6"] .ff-el-form-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  padding: 6px 0 !important;
}

#fluentform_6 .ff-el-form-check-input[type="radio"],
#fluentform_6 .ff-el-form-check-input[type="checkbox"],
.fluentform[data-form_id="6"] .ff-el-form-check-input[type="radio"],
.fluentform[data-form_id="6"] .ff-el-form-check-input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: #C8A96E !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  cursor: pointer !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

#fluentform_6 .ff-el-form-check-label,
.fluentform[data-form_id="6"] .ff-el-form-check-label {
  color: #3d2810 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  margin: 0 !important;
}

#fluentform_6 .ff-el-form-check-label a,
.fluentform[data-form_id="6"] .ff-el-form-check-label a {
  color: #7D5F2E !important;
  text-decoration: underline !important;
}

#fluentform_6 .ff-btn-submit,
#fluentform_6 button[type="submit"],
.fluentform[data-form_id="6"] .ff-btn-submit,
.fluentform[data-form_id="6"] button[type="submit"] {
  background: #C8A96E !important;
  color: #1a1008 !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 13px 36px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  letter-spacing: 0.02em !important;
  margin-top: 8px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#fluentform_6 .ff-btn-submit:hover,
.fluentform[data-form_id="6"] .ff-btn-submit:hover {
  background: #7D5F2E !important;
  color: #F5EDE4 !important;
}

#fluentform_6 .ff-message-success,
.fluentform[data-form_id="6"] .ff-message-success {
  background: #3d2810 !important;
  color: #C8A96E !important;
  border: 1px solid #C8A96E !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  font-size: 13px !important;
  margin-top: 16px !important;
}

#fluentform_6 .error,
.fluentform[data-form_id="6"] .error {
  color: #c0392b !important;
  font-size: 11px !important;
  margin-top: 3px !important;
}

#fluentform_6 .ff_turnstile_wrap,
.fluentform[data-form_id="6"] .ff_turnstile_wrap {
  display: flex !important;
  justify-content: center !important;
  margin: 12px 0 !important;
}


/* ════════════════════════════════════════════
   FORMULAR ID 7 — BEWERBER
   Grün + Gold Design
════════════════════════════════════════════ */

#fluentform_7,
.fluentform[data-form_id="7"] {
  background: #F5EDE4 !important;
  padding: 36px 40px !important;
  border-radius: 12px !important;
  max-width: 780px !important;
  margin: 0 auto !important;
}

#fluentform_7 .ff-el-group,
.fluentform[data-form_id="7"] .ff-el-group {
  background: transparent !important;
  margin-bottom: 18px !important;
}

#fluentform_7 .ff-el-input--label label,
.fluentform[data-form_id="7"] .ff-el-input--label label {
  color: #7D5F2E !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#fluentform_7 .ff-el-is-required .ff-el-input--label label::after,
.fluentform[data-form_id="7"] .ff-el-is-required .ff-el-input--label label::after {
  content: " *" !important;
  color: #C8A96E !important;
}

#fluentform_7 .ff-el-req-asterisk {
  color: #C8A96E !important;
}

#fluentform_7 input[type="text"],
#fluentform_7 input[type="email"],
#fluentform_7 input[type="tel"],
#fluentform_7 input[type="number"],
#fluentform_7 input[type="url"],
#fluentform_7 select,
.fluentform[data-form_id="7"] input[type="text"],
.fluentform[data-form_id="7"] input[type="email"],
.fluentform[data-form_id="7"] input[type="tel"],
.fluentform[data-form_id="7"] select {
  background: #ffffff !important;
  border: 1.5px solid #1A3D1A !important;
  border-radius: 8px !important;
  color: #3d2810 !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease !important;
}

#fluentform_7 textarea,
.fluentform[data-form_id="7"] textarea {
  background: #ffffff !important;
  border: 1.5px solid #1A3D1A !important;
  border-radius: 8px !important;
  color: #3d2810 !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  min-height: 90px !important;
  width: 100% !important;
  resize: vertical !important;
  box-shadow: none !important;
}

#fluentform_7 input:focus,
#fluentform_7 textarea:focus,
.fluentform[data-form_id="7"] input:focus,
.fluentform[data-form_id="7"] textarea:focus {
  border-color: #1A3D1A !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(26,61,26,0.10) !important;
}

#fluentform_7 input::placeholder,
#fluentform_7 textarea::placeholder,
.fluentform[data-form_id="7"] input::placeholder,
.fluentform[data-form_id="7"] textarea::placeholder {
  color: #C8A96EAA !important;
  font-size: 13px !important;
}

#fluentform_7 .ff-el-form-check-group,
.fluentform[data-form_id="7"] .ff-el-form-check-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  row-gap: 12px !important;
  margin-top: 6px !important;
  align-items: center !important;
}

#fluentform_7 .ff-el-form-check,
.fluentform[data-form_id="7"] .ff-el-form-check {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

#fluentform_7 .ff-el-form-check label,
#fluentform_7 .ff-el-form-check-label,
.fluentform[data-form_id="7"] .ff-el-form-check label,
.fluentform[data-form_id="7"] .ff-el-form-check-label {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  color: #3d2810 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#fluentform_7 .ff-el-form-check input[type="radio"],
#fluentform_7 .ff-el-form-check input[type="checkbox"],
#fluentform_7 .ff-el-form-check-input[type="radio"],
#fluentform_7 .ff-el-form-check-input[type="checkbox"],
.fluentform[data-form_id="7"] .ff-el-form-check input[type="radio"],
.fluentform[data-form_id="7"] .ff-el-form-check input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: #1A3D1A !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}

#fluentform_7 .ff-el-form-check input[type="radio"]:checked + span,
#fluentform_7 .ff-el-form-check input[type="radio"]:checked ~ span,
.fluentform[data-form_id="7"] .ff-el-form-check input[type="radio"]:checked + span {
  color: #1A3D1A !important;
  font-weight: 500 !important;
}

#fluentform_7 .ff-btn-upload,
#fluentform_7 .ff_upload_btn,
.fluentform[data-form_id="7"] .ff-btn-upload,
.fluentform[data-form_id="7"] .ff_upload_btn {
  background: #ffffff !important;
  border: 1.5px dashed #1A3D1A !important;
  border-radius: 8px !important;
  color: #1A3D1A !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 18px 20px !important;
  width: 100% !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  display: block !important;
}

#fluentform_7 .ff-btn-upload::before,
.fluentform[data-form_id="7"] .ff-btn-upload::before {
  content: "↑ " !important;
  font-size: 16px !important;
  color: #C8A96E !important;
  font-weight: 700 !important;
}

#fluentform_7 .ff-btn-upload:hover,
.fluentform[data-form_id="7"] .ff-btn-upload:hover {
  border-color: #C8A96E !important;
  background: #fffdf5 !important;
}

#fluentform_7 .ff-el-help-message,
.fluentform[data-form_id="7"] .ff-el-help-message {
  font-size: 11px !important;
  color: #7D5F2E !important;
  margin-top: 6px !important;
  text-align: center !important;
  display: block !important;
}

#fluentform_7 .ff_tc_check label,
#fluentform_7 .ff_tc_check .ff-el-form-check-label,
.fluentform[data-form_id="7"] .ff_tc_check label {
  font-size: 12px !important;
  color: #7D5F2E !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}

#fluentform_7 .ff_tc_check a,
.fluentform[data-form_id="7"] .ff_tc_check a {
  color: #C8A96E !important;
  text-decoration: underline !important;
}

#fluentform_7 .ff-btn-submit,
#fluentform_7 button[type="submit"],
.fluentform[data-form_id="7"] .ff-btn-submit,
.fluentform[data-form_id="7"] button[type="submit"] {
  background: #1A3D1A !important;
  color: #F5EDE4 !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 13px 32px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  letter-spacing: 0.02em !important;
  margin-top: 10px !important;
  width: 100% !important;
  display: block !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#fluentform_7 .ff-btn-submit:hover,
.fluentform[data-form_id="7"] .ff-btn-submit:hover {
  background: #2d5c30 !important;
  color: #ffffff !important;
}

#fluentform_7 .error,
.fluentform[data-form_id="7"] .error {
  color: #7D5F2E !important;
  font-size: 11px !important;
  margin-top: 4px !important;
}

#fluentform_7 .ff-message-success,
.fluentform[data-form_id="7"] .ff-message-success {
  background: #3d2810 !important;
  color: #C8A96E !important;
  border: 1px solid #C8A96E55 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  margin-top: 16px !important;
}

#fluentform_7 .ff-el-section-break,
.fluentform[data-form_id="7"] .ff-el-section-break {
  border: none !important;
  border-top: 1px solid #C8A96E33 !important;
  margin: 20px 0 !important;
}

#fluentform_7 .ff_turnstile_wrap,
.fluentform[data-form_id="7"] .ff_turnstile_wrap {
  display: flex !important;
  justify-content: center !important;
  margin: 12px 0 !important;
}
/* FAQ — Items 5,6,7 versteckt */
#gspb_accordion-id-gsbp-4f2b504 .gs-accordion-item:nth-child(n+5) {
  display: none !important;
}

#gspb_accordion-id-gsbp-4f2b504.faq-expanded .gs-accordion-item:nth-child(n+5) {
  display: block !important;
}

/* Button */
.ya-faq-toggle-btn {
  display: block !important;
  margin: 16px auto 0 !important;
  padding: 10px 24px !important;
  background: transparent !important;
  border: 1.5px solid #C8A96E !important;
  border-radius: 6px !important;
  color: #C8A96E !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

.ya-faq-toggle-btn:hover {
  background: #C8A96E !important;
  color: #1a1008 !important;
}
/* FAQ — erste 4 immer sichtbar */
#gspb_accordion-id-gsbp-4f2b504 .gs-accordion-item:nth-of-type(-n+4) {
  display: block !important;
}
/* FAQ Button Abstände */
.ya-faq-toggle-btn {
  margin: 20px auto 24px !important;
}
/* Schritte-Container: 4 Spalten + Bezugspunkt für die Linie */
.ya-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1350px;
  margin: 0 auto;
}
.ya-card-icon svg {
  display: block;
  margin: 0 auto;
}
.ya-legal {
  max-width: 720px;
  margin: 0 auto;
  background: #FBF6EF;
  padding: 56px;
  border-radius: 4px;
  border: 0.5px solid rgba(125,95,46,0.2);
}
.ya-legal h1 {
  font-size: 30px;
  font-weight: 500;
  color: #111518;
  margin: 0 0 6px;
  line-height: 1.2;
}
.ya-legal .ya-legal-date {
  font-size: 13px;
  color: #8a7a64;
  margin-bottom: 40px;
}
.ya-legal h2 {
  font-size: 18px;
  font-weight: 500;
  color: #7D5F2E;
  margin: 36px 0 12px;
}
.ya-legal h3 {
  font-size: 15px;
  font-weight: 500;
  color: #2b1d0f;
  margin: 18px 0 8px;
}
.ya-legal p {
  font-size: 15px;
  line-height: 1.75;
  color: #3a2e1f;
  margin: 0 0 14px;
}
.ya-legal a {
  color: #7D5F2E;
}
.ya-legal-footer {
  border-top: 0.5px solid rgba(125,95,46,0.25);
  padding-top: 20px;
  margin-top: 24px;
  font-size: 12px;
  color: #8a7a64;
}

@media (max-width: 768px) {

  /* Spalten umbrechen — 2x2 Layout */
  #gspb_col-id-gsbp-79abf5d,
  #gspb_col-id-gsbp-3b39790 {
    width: 50% !important;
    flex: 0 0 50% !important;
  }

  /* Trennlinie ausblenden — erste Spalte */
  .sprachdienstleistung-section > div:first-child {
    display: none !important;
  }