.elementor-3503 .elementor-element.elementor-element-8db513d{--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;}/* Start custom CSS for html, class: .elementor-element-3e32f85 *//* ============================================================
   Busy Being Healthy – Quiz Override für WordPress
   Einfügen unter: Design → Customizer → Zusätzliches CSS
   ODER: Design → Theme-Editor → style.css (ganz unten)
   ============================================================ */

/* ── Buttons: Rahmen & Text ─────────────────────────────── */
.page-id-QUIZ a,
.page-id-QUIZ button,
.page-id-QUIZ .btn,
.page-id-QUIZ .wp-block-button__link,
a.btn--outline,
a.btn--primary,
button.btn--primary,
button.btn--outline,
button.answer-btn,
.answer-btn,
.btn-next,
.btn-start,
.btn-secondary {
  color: #5A2E32 !important;
  border-color: #5A2E32 !important;
  background-color: transparent !important;
  font-family: 'Jost', sans-serif !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Primäre gefüllte Buttons */
.btn--primary,
.btn-start,
.btn-next {
  background-color: #5A2E32 !important;
  color: #FDFCF9 !important;
  border-color: #5A2E32 !important;
}

/* Hover-States */
.btn--primary:hover,
.btn-start:hover,
.btn-next:hover {
  background-color: #485248 !important;
  color: #FDFCF9 !important;
  border-color: #485248 !important;
}

.btn--outline:hover,
.btn-secondary:hover {
  background-color: #5A2E32 !important;
  color: #FDFCF9 !important;
}

/* Answer Buttons */
.answer-btn {
  background-color: #ffffff !important;
  border-color: #E8CEC8 !important;
  color: #485248 !important;
}
.answer-btn:hover,
.answer-btn.selected {
  background-color: #F2E6E3 !important;
  border-color: #5A2E32 !important;
  color: #5A2E32 !important;
}

/* ── Links ───────────────────────────────────────────────── */
.quiz-wrap a,
.result-wrap a,
.site-footer a {
  color: #D5B4AC !important;
  text-decoration: none !important;
}
.quiz-wrap a:hover,
.result-wrap a:hover {
  color: #5A2E32 !important;
}
.quiz-wrap a:visited,
.result-wrap a:visited {
  color: #D5B4AC !important;
}

/* ── Focus / Outline (kein orange/blau) ──────────────────── */
.quiz-wrap *:focus,
.result-wrap *:focus {
  outline: 2px solid #D5B4AC !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* ── Input Felder (ActiveCampaign Formulare) ─────────────── */
.quiz-wrap input,
.quiz-wrap input[type="email"],
.quiz-wrap input[type="text"],
.result-wrap input,
.result-wrap input[type="email"],
.result-wrap input[type="text"],
._form input,
._form input[type="email"] {
  border: 1.5px solid #E8CEC8 !important;
  border-radius: 8px !important;
  color: #485248 !important;
  font-family: 'Jost', sans-serif !important;
  box-shadow: none !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.quiz-wrap input:focus,
.result-wrap input:focus,
._form input:focus {
  border-color: #5A2E32 !important;
  box-shadow: 0 0 0 3px rgba(90, 46, 50, 0.1) !important;
  outline: none !important;
}

/* ── ActiveCampaign Submit Button ────────────────────────── */
._form ._submit,
._form input[type="submit"],
._form button[type="submit"] {
  background-color: #5A2E32 !important;
  color: #FDFCF9 !important;
  border: none !important;
  border-radius: 40px !important;
  font-family: 'Jost', sans-serif !important;
  letter-spacing: 1px !important;
  box-shadow: none !important;
}
._form ._submit:hover,
._form input[type="submit"]:hover {
  background-color: #485248 !important;
}

/* ── Texte & Überschriften ───────────────────────────────── */
.quiz-wrap h1,
.result-wrap h1 {
  color: #5A2E32 !important;
  font-family: 'Playfair Display', serif !important;
}
.quiz-wrap h2,
.result-wrap h2 {
  color: #5A2E32 !important;
  font-family: 'Playfair Display', serif !important;
}
.quiz-wrap p,
.result-wrap p {
  color: #485248 !important;
}

/* ── Selektion (Text markieren) ──────────────────────────── */
.quiz-wrap ::selection,
.result-wrap ::selection {
  background: #F2E6E3 !important;
  color: #5A2E32 !important;
}

/* ============================================================
   WICHTIG: Ersetze "QUIZ" in .page-id-QUIZ mit der echten
   WordPress Seiten-ID deiner Quiz-Seite.
   Die ID findest du unter Seiten → Quiz-Seite → in der URL:
   z.B. post=42 → dann .page-id-42
   ============================================================ */

/* ── CTA Cards (grün & rot) – Text immer weiß ────────────── */
.cta-card,
.cta-card * {
  color: #ffffff !important;
}
.cta-card h2,
.cta-card h2 * {
  color: #ffffff !important;
  font-family: 'Playfair Display', serif !important;
}
.cta-card p,
.cta-card p * {
  color: rgba(255, 255, 255, 0.9) !important;
}
.cta-card .ac-form-placeholder p,
.cta-card .ac-form-placeholder p * {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Grüner CTA Hintergrund */
.cta-card[style*="gruen"],
.cta-card {
  background-color: inherit !important;
}/* End custom CSS */