/*
 Theme Name:   Kadence Child
 Theme URI:    https://kadencewp.com/
 Description:  Child Theme für Kadence
 Author:       Jeanette Jäger
 Template:     kadence
 Version:      1.0
*/

/* ---------- Global ---------- */
html { scroll-behavior: smooth; }

/* === LIGROWA · Farb-Tokens === */
:root{
  --ligrowa-purple:#4A1F68;
  --ligrowa-gold:#EECC7F;
  --ligrowa-gold-light:#F5E7BD;
  --ligrowa-ink:#2C2440;
  --ligrowa-muted:#6B647A;
  --radius:22px;
  --shadow:0 10px 30px rgba(0,0,0,.06);
  --ring:0 0 0 3px rgba(74,31,104,.15);
}


/* ---------- Menü: "News" ausgegraut & nicht klickbar ---------- */
.menu-item.news > a {
  color: #d8cba7;            /* sanftes Gold-Beige */
  opacity: 0.6;              /* leicht transparent */
  pointer-events: none;      /* deaktiviert Klick */
  cursor: default;           /* kein Hand-Cursor */
  text-decoration: none;     /* kein Unterstrich */
  transition: opacity 0.3s ease;
}
.menu-item.news > a::after {
  content: " – demnächst";
  font-size: 0.85em;
  color: #c9bb91;            /* etwas dunklerer Ton für Lesbarkeit */
  margin-left: 2px;
}
.menu-item.news > a:hover { opacity: 0.8; }

/* ---------- LIGROWA – Booking Bereich / Karten ---------- */
.ligrowa-booking {
  padding: 3.5rem 0;
  background: linear-gradient(180deg, var(--ligrowa-gold-light) 0%, #fff 65%);
  color: var(--ligrowa-ink);
  font-family: "Poppins", "Quicksand", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.ligrowa-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 1.25rem;
  text-align: center;
}

.ligrowa-title {
  font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.1rem);
  color: var(--ligrowa-purple);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.ligrowa-intro {
  color: var(--ligrowa-muted);
  font-size: 1.1rem;
  margin-bottom: 2.5rem;
}

/* Kartenlayout */
.ligrowa-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}
@media (min-width: 768px) {
  .ligrowa-grid { grid-template-columns: 1fr 1fr; }
}

.ligrowa-card {
  background: #fff;
  border: 1px solid rgba(74, 31, 104, 0.12);
  border-radius: var(--radius);
  padding: 2rem 1.75rem;
  box-shadow: var(--shadow);
  transition: all 0.25s ease;
  position: relative;
  text-align: left;
}
.ligrowa-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
}
.ligrowa-card--highlight {
  background: linear-gradient(180deg, rgba(238, 204, 127, 0.18), #fff 60%);
  border-color: rgba(238, 204, 127, 0.55);
}

.ligrowa-emoji { font-size: 2.4rem; margin-bottom: 0.75rem; }
.ligrowa-card-title {
  color: var(--ligrowa-purple);
  font-weight: 700;
  font-size: 1.35rem;
  margin-bottom: 0.75rem;
}

.ligrowa-list { margin: 0 0 1rem 1.25rem; padding: 0; }
.ligrowa-list li { margin: 0.35rem 0; line-height: 1.4; }

.ligrowa-muted { color: var(--ligrowa-muted); font-size: 0.95rem; }

.ligrowa-price {
  display: flex; align-items: baseline; gap: 0.6rem;
  margin: 0.75rem 0 1.1rem;
}
.ligrowa-price-old { text-decoration: line-through; color: var(--ligrowa-muted); }
.ligrowa-price-new { color: #9C6F04; font-weight: 800; font-size: 1.3rem; }
.ligrowa-price-only { font-weight: 800; font-size: 1.2rem; }

/* Buttons */
.ligrowa-btn {
  display: inline-block; text-decoration: none; padding: 0.7rem 1.3rem;
  border-radius: 999px; font-weight: 700; letter-spacing: 0.2px;
  border: 1px solid transparent; box-shadow: var(--shadow);
  transition: all 0.25s ease; cursor: pointer;
}
.ligrowa-btn--primary { background: var(--ligrowa-purple); color: #fff; }
.ligrowa-btn--primary:hover { background: #3d1656; box-shadow: 0 0 0 0 var(--shadow), var(--ring); }
.ligrowa-btn--accent { background: var(--ligrowa-gold); color: var(--ligrowa-purple); }
.ligrowa-btn--accent:hover { background: #f0dca3; box-shadow: 0 0 0 0 var(--shadow), var(--ring); }

/* Formularcontainer */
.ligrowa-booking-form {
  margin-top: 1.75rem; padding-top: 1rem;
  border-top: 1px solid rgba(74, 31, 104, 0.12);
  animation: fadeIn 0.5s ease forwards;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Hinweisboxen */
.ligrowa-note {
  margin-top: 2.25rem; color: var(--ligrowa-muted); font-style: italic;
  font-size: 0.95rem; text-align: center;
}
.ligrowa-note a { color: var(--ligrowa-purple); text-decoration: underline; }
.ligrowa-note a:hover { color: var(--ligrowa-gold); }

.ligrowa-inline-note {
  max-width: 720px; margin: .75rem auto 0; font-size: .95rem; color: #6B647A;
  background: #FFF7E2; border: 1px solid rgba(238,204,127,.55);
  border-radius: 12px; padding: .75rem .9rem;
}

/* SSA-Container begrenzen */
.ligrowa-booking-form .ssa-booking,
.ligrowa-booking-form .ssa-container {
  max-width: 520px; margin: 0 auto;
}

/* Glow-Effekt beim Aktivieren */
.ligrowa-booking-form.glow {
  position: relative; z-index: 1;
  box-shadow: 0 0 0 3px rgba(238, 204, 127, 0.6),
              0 0 25px 8px rgba(238, 204, 127, 0.25);
  border-radius: 18px; transition: box-shadow 0.6s ease; animation: ligrowaPulse 2s ease forwards;
}
@keyframes ligrowaPulse {
  0%   { box-shadow: 0 0 0 0 rgba(238,204,127,0.6), 0 0 15px 3px rgba(238,204,127,0.15); }
  50%  { box-shadow: 0 0 0 4px rgba(238,204,127,0.8), 0 0 25px 8px rgba(238,204,127,0.35); }
  100% { box-shadow: 0 0 0 3px rgba(238,204,127,0.6), 0 0 20px 5px rgba(238,204,127,0.25); }
}

/* Utility */
.hidden { display: none !important; }

/* ---------- Forminator: Schrift & Größen an Kadence anpassen ---------- */
.forminator-label,
.forminator-input,
.forminator-textarea,
.forminator-select,
.forminator-button,
.forminator-description {
  font-family: 'Poppins', 'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--ligrowa-purple) !important;
}
.forminator-description{
font-size: 14px !important;
}

.forminator-title,
.forminator-subtitle {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  font-weight: 600;
  font-size: 20px !important;
  color: var(--ligrowa-purple);
  margin-bottom: 12px;
}

.forminator-input,
.forminator-textarea {
  font-size: 16px !important;
  padding: 10px 14px !important;
  border-radius: 12px;
  border: 1px solid #ddd;
}

.forminator-button {
  background-color: var(--ligrowa-gold) !important;
  color: var(--ligrowa-purple) !important;
  border-radius: 25px !important;
  padding: 10px 24px !important;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: 0.3s;
margin-right: 10px;
}
.forminator-button:hover {
  background-color: var(--ligrowa-purple) !important;
  color: #fff !important;
}

/* Mobile Feinschliff */
@media (max-width: 768px) {
  .forminator-input,
  .forminator-textarea,
  .forminator-label {
    font-size: 15px !important;
  }
}

/* === Buchungsauswahl (mit und ohne Aufzeichnung) auf Beratungsseiten  === */

/* === Booking-Layout === */
.ligrowa-booking{padding:3.5rem 0;background:linear-gradient(180deg,var(--ligrowa-gold-light)0%,#fff 65%);color:var(--ligrowa-ink);font-family:"Century Gothic","Poppins",sans-serif;}
.ligrowa-wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem;text-align:center;}
.ligrowa-title{font-size:clamp(1.6rem,1.2rem+1.5vw,2.1rem);color:var(--ligrowa-purple);font-weight:700;margin-bottom:.75rem;}
.ligrowa-intro{color:var(--ligrowa-muted);font-size:1.1rem;margin-bottom:2.5rem;}
.ligrowa-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;}
@media(min-width:768px){.ligrowa-grid{grid-template-columns:1fr 1fr;}}

/* === Karten === */
.ligrowa-card{background:#fff;border:1px solid rgba(74,31,104,.12);border-radius:var(--radius);padding:2rem 1.75rem;box-shadow:var(--shadow);transition:all .25s ease;text-align:left;}
.ligrowa-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.08);}
.ligrowa-card--highlight{background:linear-gradient(180deg,rgba(238,204,127,.18),#fff 60%);border-color:rgba(238,204,127,.55);}
.ligrowa-icon{display:block;width:140px;margin:0 0 .6rem;filter:drop-shadow(0 4px 14px rgba(0,0,0,.08));}
@media(min-width:768px){.ligrowa-icon{width:160px;}}
.ligrowa-card-title{color:var(--ligrowa-purple);font-weight:700;font-size:1.35rem;margin-bottom:.75rem;}
.ligrowa-list{margin:0 0 1rem 1.25rem;padding:0;}
.ligrowa-list li{margin:.35rem 0;line-height:1.4;}
.ligrowa-muted{color:var(--ligrowa-muted);font-size:.95rem;}
.ligrowa-price{display:flex;align-items:baseline;gap:.6rem;margin:.75rem 0 1.1rem;}
.ligrowa-price-old{text-decoration:line-through;color:var(--ligrowa-muted);}
.ligrowa-price-new{color:#9C6F04;font-weight:800;font-size:1.3rem;}
.ligrowa-price-only{font-weight:800;font-size:1.2rem;}
.ligrowa-btn{display:inline-block;text-decoration:none;padding:.7rem 1.3rem;border-radius:999px;font-weight:700;letter-spacing:.2px;border:1px solid transparent;box-shadow:var(--shadow);transition:all .25s ease;cursor:pointer;}
.ligrowa-btn--primary{background:var(--ligrowa-purple);color:#fff;}
.ligrowa-btn--primary:hover{background:#B78DD0;box-shadow:0 0 0 0 var(--shadow),var(--ring);}
.ligrowa-btn--accent{background:var(--ligrowa-gold);color:var(--ligrowa-purple);}
.ligrowa-btn--accent:hover{background:#f0dca3;box-shadow:0 0 0 0 var(--shadow),var(--ring);}

/* === DSGVO-Box === */
.ligrowa-consent{max-width:720px;margin:0 auto 2rem;padding:1rem 1.2rem;background:#F6F2FF;border:1px solid rgba(74,31,104,.15);border-radius:12px;text-align:left;animation:ligrowaFadeIn .35s ease forwards;}
.ligrowa-consent .consent-label{display:flex;gap:.6rem;align-items:flex-start;line-height:1.5;color:var(--ligrowa-ink);}
.ligrowa-consent input[type=checkbox]{margin-top:.2rem;transform:scale(1.1);accent-color:var(--ligrowa-purple);}
.ligrowa-consent a{color:var(--ligrowa-purple);text-decoration:underline;}
.consent-hint{margin-top:.5rem;color:#9C6F04;font-weight:600;}
#gdpr-consent{scroll-margin-top:120px;}
@keyframes ligrowaShake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}
#gdpr-consent.shake{animation:ligrowaShake .4s ease;border-color:var(--ligrowa-gold);}

/* === Slot & Hinweis === */
.ligrowa-booking-slot{margin:2rem auto 0;padding-top:1.25rem;border-top:1px solid rgba(74,31,104,.12);max-width:720px;animation:ligrowaFadeIn .5s ease forwards;}
.ligrowa-booking-slot.glow{position:relative;z-index:1;border-radius:18px;transition:box-shadow .6s ease;box-shadow:0 0 0 3px rgba(238,204,127,.6),0 0 25px 8px rgba(238,204,127,.25);animation:ligrowaPulse 2s ease forwards;}
.ligrowa-inline-note{max-width:720px;margin:.75rem auto 0;font-size:.95rem;color:#6B647A;background:#FFF7E2;border:1px solid rgba(238,204,127,.55);border-radius:12px;padding:.75rem .9rem;}
.hidden{display:none!important;}
@keyframes ligrowaFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ligrowaPulse{0%{box-shadow:0 0 0 0 rgba(238,204,127,.6),0 0 15px 3px rgba(238,204,127,.15)}50%{box-shadow:0 0 0 4px rgba(238,204,127,.8),0 0 25px 8px rgba(238,204,127,.35)}100%{box-shadow:0 0 0 3px rgba(238,204,127,.6),0 0 20px 5px rgba(238,204,127,.25)}}

/* verhindert Layout-Shift beim Einblenden des SSA iFrames */
.ligrowa-booking-slot {
  min-height: 420px;  /* ggf. 360–520 testen */
}


/* === SSA Sichtbarkeit === */
.ligrowa-booking .ssa-container,
.ligrowa-booking .ssa-form-aufzeichnung,
.ligrowa-booking .ssa-form-standard{display:none!important;}
.has-consent .ligrowa-booking #booking-slot .ssa-container,
.has-consent .ligrowa-booking #booking-slot>.ssa-form-aufzeichnung,
.has-consent .ligrowa-booking #booking-slot>.ssa-form-standard{display:block!important;}


/* gut sichtbarer, aber sanfter Fokus */
#consent-checkbox:focus-visible {
  outline: 2px solid var(--ligrowa-gold);
  outline-offset: 3px;
}



/* Timezone ausblenden */
.booking-app .timezone{
	display:none!important;
}

/* Unbenennung Anmerkungen */
span.mdc-floating-label:has(+ textarea[aria-label="Anmerkungen"])::after {
  content: "Nachricht";
  color: inherit;
}
span.mdc-floating-label:has(+ textarea[aria-label="Anmerkungen"]) {
  visibility: hidden;
}
span.mdc-floating-label:has(+ textarea[aria-label="Anmerkungen"])::after {
  visibility: visible;
}
/* ------------------------
   Miniberatung Recorder CSS
   ------------------------ */
:root{
  --violet: #7b4a94;
  --violet-dark: #5b3b6a;
  --gold: #eecc7f;
  --icon-size-desktop: 84px; /* Button icon container */
  --icon-size-mobile: 64px;
}

/* Section base */
.miniberatung-section {
  background: #f8f5fb;
  border-radius: 20px;
  padding: 28px;
  max-width: 1200px;
  margin: 0 auto;
}
.miniberatung-head h2 { color: var(--violet-dark); margin-bottom:6px; }
.miniberatung-head p { color:#333; max-width:760px; }

/* Recorder bar (left aligned) */
#recorder { margin-top: 12px; }
#recorder-bar {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  flex-wrap:wrap;
  margin: 0 0 8px 0;
}

/* Button base */
.recorder-btn {
  background: #4A1F68;
  border: 2px solid rgba(123,74,148,0.12);
  width: calc(var(--icon-size-desktop) * 0.8);
  height: calc(var(--icon-size-desktop) * 0.8);
  border-radius: 16px;
  padding: 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
  box-shadow: 0 6px 18px rgba(83,62,107,0.04);
  position: relative;
  overflow: visible; /* ensure markers and strokes not clipped */
}

/* icon size inside button */
.recorder-btn .icon {
  width: calc(var(--icon-size-desktop) * 0.48);
  height: calc(var(--icon-size-desktop) * 0.48);
  display:block;
}

/* default icon tone (light lilac) using currentColor */
.recorder-btn .icon { color: #bfa9cf; }
.recorder-btn svg path,
.recorder-btn svg rect,
.recorder-btn svg circle,
.recorder-btn svg line { fill: currentColor; stroke: currentColor; stroke-width: 0; }

/* hover */
.recorder-btn:hover {
  transform: translateY(-3px);
  border-color: rgba(123,74,148,0.18);
}

/* disabled */
.recorder-btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.recorder-btn[disabled] .icon { color: #d9cfe0; }

/* active states */
/* Recording: record button gets gold fill and white icon */
.recorder-btn.recording {
  background: var(--gold);
  border-color: rgba(238,204,127,0.6);
  box-shadow: 0 10px 22px rgba(238,204,127,0.12);
}
.recorder-btn.recording .icon { color: #fff !important; }

/* Paused / stopped: violet filled for pause/redo when active */
.recorder-btn.active--violet,
.recorder-btn.active--violet .icon {
  background: var(--violet);
  color: #fff !important;
  border-color: rgba(123,74,148,0.28);
}

/* subtle pulse for recording using transform on svg path */
@keyframes recPulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.06); opacity: 0.95; }
  100% { transform: scale(1); opacity: 1; }
}
.recorder-btn.recording svg { animation: recPulse 1.4s infinite; }

/* Audio player layout */
#audioPlayback { width:100%; max-width:900px; margin-top:10px; display:block; }

/* status text */
#statusMsg { text-align:left; font-size:0.95rem; margin-top:6px; color:var(--violet-dark); }

/* responsive */
@media (max-width:900px){
  :root{ --icon-size-desktop: 72px; }
}
@media (max-width:600px){
  :root{ --icon-size-desktop: 64px; --icon-size-mobile: 56px; }
  .recorder-btn { width: calc(var(--icon-size-mobile) * 0.8); height: calc(var(--icon-size-mobile) * 0.8); }
  .recorder-btn .icon { width: calc(var(--icon-size-mobile) * 0.48); height: calc(var(--icon-size-mobile) * 0.48); }
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

.shake {
  animation: shake 0.4s ease;
}


.ssa-welcome-box {
  background: #f8f4ff;
  border-left: 5px solid #6b46c1;
  padding: 18px 20px;
  margin-bottom: 25px;
  border-radius: 8px;
}

.ssa-welcome-title {
  margin: 0 0 6px;
  font-size: 1.5rem;
  color: #3a2477;
}

.ssa-welcome-text {
  margin: 0;
  font-size: 1rem;
  color: #4a4a4a;
}


/* ============================
   Vollständiges CSS für die Rabatt-Karte
   Nur auf Seite: page-id-839 (Elternberatung)
   ============================ */
 
/* generelle Page-Schutz-Regel */
body.page-id-839 { overflow-x: hidden !important; }

/* Grid neutralisieren; alle Grid-Kinder außer unserer Karte ausblenden */
body.page-id-839 .ligrowa-grid {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.page-id-839 .ligrowa-grid > *:not(#rabatt3-karte) {
  display: none !important;
}

/* Hauptkarte (zentriert, angenehme max-width) */
body.page-id-839 article#rabatt3-karte {
  width: 100% !important;
  max-width: 980px !important;
  margin: 40px auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: linear-gradient(180deg, #fff8ff 0%, #f7f2ff 100%) !important;
  border-radius: 20px !important;
  padding: 36px 26px !important;
  border: 2px solid #e6d6ff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
  position: relative !important;
  z-index: 999 !important;
  display: block !important;
}

/* Icon oben zentriert (unterstützt sowohl <img> als erstes Kind als auch .ligrowa-icon) */
body.page-id-839 article#rabatt3-karte img.ligrowa-icon,
body.page-id-839 article#rabatt3-karte > img {
  display: block !important;
  margin: 0 auto 20px auto !important;
  width: 160px !important;
  height: auto !important;
}

/* Titel / Headline */
body.page-id-839 article#rabatt3-karte .ligrowa-card-title,
body.page-id-839 article#rabatt3-karte h3 {
  font-size: 1.6rem !important;
  line-height: 1.15 !important;
  margin: 0 0 14px 0 !important;
  color: #3d1668 !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* Beschreibungs-Liste: keine Bullets, zentriert, sauberer Abstand */
body.page-id-839 article#rabatt3-karte .ligrowa-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 18px 0 !important;
  text-align: center !important;
}
body.page-id-839 article#rabatt3-karte .ligrowa-list li {
  margin: 8px 0 !important;
  padding: 0 !important;
  display: block !important;
  color: #444 !important;
  line-height: 1.45 !important;
}
body.page-id-839 article#rabatt3-karte .ligrowa-list li::before {
  display: none !important;
  content: none !important;
}

/* Price block: mittig ausrichten */
body.page-id-839 article#rabatt3-karte .ligrowa-price {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: center !important;
  margin: 12px 0 22px 0 !important;
  width: 100% !important;
}
body.page-id-839 article#rabatt3-karte .ligrowa-price .ligrowa-price-old {
  text-decoration: line-through !important;
  color: #9a8fa8 !important;
  font-size: 0.95rem !important;
}
body.page-id-839 article#rabatt3-karte .ligrowa-price .ligrowa-price-new {
  color: #b77600 !important;
  font-weight: 800 !important;
  font-size: 1.25rem !important;
}

/* Button: zentriert, prominent */
body.page-id-839 article#rabatt3-karte .ligrowa-btn,
body.page-id-839 article#rabatt3-karte a.ligrowa-btn {
  display: inline-block !important;
  margin: 0 auto !important;
  background: #e8c66a !important;
  color: #3d1668 !important;
  padding: 14px 34px !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 18px rgba(110,59,210,0.08) !important;
  transition: transform 150ms ease, box-shadow 150ms ease !important;
}
body.page-id-839 article#rabatt3-karte .ligrowa-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 28px rgba(110,59,210,0.12) !important;
}

/* Kleine Bildschirme: kompakteres Padding, Icon kleiner, Text zentriert */
@media (max-width: 880px) {
  body.page-id-839 article#rabatt3-karte {
    padding: 22px 16px !important;
    margin: 22px auto !important;
    max-width: 96% !important;
  }
  body.page-id-839 article#rabatt3-karte img.ligrowa-icon,
  body.page-id-839 article#rabatt3-karte > img {
    width: 120px !important;
    margin-bottom: 16px !important;
  }
  body.page-id-839 article#rabatt3-karte .ligrowa-card-title {
    font-size: 1.25rem !important;
  }
  body.page-id-839 article#rabatt3-karte .ligrowa-list li { font-size: 0.98rem !important; }
  body.page-id-839 article#rabatt3-karte .ligrowa-price .ligrowa-price-new { font-size: 1.05rem !important; }
  body.page-id-839 article#rabatt3-karte .ligrowa-btn { padding: 12px 26px !important; }
}
/* ====== Extra-spezifische Regeln nur für page-id-839 ====== */
body.page-id-839 article#rabatt3-karte,
body.page-id-839 #rabatt3-karte {
  /* sicherstellen, dass die Karte das erwartete Layout hat */
  display: block !important;
  margin: 40px auto !important;
  max-width: 980px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* LISTEN: alle möglichen Marker-Methoden entfernen */
body.page-id-839 #rabatt3-karte .ligrowa-list,
body.page-id-839 #rabatt3-karte .ligrowa-list ul,
body.page-id-839 #rabatt3-karte .ligrowa-list li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Entferne ::marker und pseudo-elemente, die Bullets erzeugen */
body.page-id-839 #rabatt3-karte .ligrowa-list li::marker,
body.page-id-839 #rabatt3-karte .ligrowa-list li::before,
body.page-id-839 #rabatt3-karte .ligrowa-list li::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* Sicherheit: überschreibe auch generische Marker-Style */
body.page-id-839 #rabatt3-karte .ligrowa-list li {
  -webkit-margin-start: 0 !important;
  -moz-margin-start: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ICON oben & zentriert (falls noch nicht) */
body.page-id-839 #rabatt3-karte img.ligrowa-icon,
body.page-id-839 #rabatt3-karte > img {
  display: block !important;
  margin: 0 auto 18px auto !important;
  width: 160px !important;
  height: auto !important;
}

/* PREIS: force center — deckt verschiedene WooCommerce-Klassen ab */
body.page-id-839 #rabatt3-karte .ligrowa-price,
body.page-id-839 #rabatt3-karte .price,
body.page-id-839 #rabatt3-karte .woocommerce-Price-amount,
body.page-id-839 #rabatt3-karte .amount,
body.page-id-839 #rabatt3-karte span.price {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
}

/* Falls einzelne Preis-Span floated/inline-block ist */
body.page-id-839 #rabatt3-karte .ligrowa-price span,
body.page-id-839 #rabatt3-karte .ligrowa-price .woocommerce-Price-amount,
body.page-id-839 #rabatt3-karte .ligrowa-price .amount {
  float: none !important;
  display: inline-block !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Optional: Styling des Preises (erkennbar, mittig) */
body.page-id-839 #rabatt3-karte .ligrowa-price .ligrowa-price-old { text-decoration: line-through !important; color: #9a8fa8 !important; }
body.page-id-839 #rabatt3-karte .ligrowa-price .ligrowa-price-new { color: #b77600 !important; font-weight: 800 !important; }

/* extra hohe Spezifität als Fallback */
html body.page-id-839 article#rabatt3-karte .ligrowa-list li,
html body.page-id-839 #rabatt3-karte .ligrowa-list li {
  list-style: none !important;
}

/* responsive safety */
@media (max-width:880px) {
  body.page-id-839 #rabatt3-karte .ligrowa-price,
  body.page-id-839 #rabatt3-karte .price {
    justify-content: center !important;
  }
}

.miniberatung-record-wrap {
  background: #f7f5f2;
  padding: 30px;
  border-radius: 12px;
}

.miniberatung-record-wrap .button {
  background-color: #8b6f5a;
  color: #fff;
  border-radius: 30px;
}
/* Miniberatung CTA Box auf der Woo Danke-Seite */
.woocommerce-order-received .ligrowa-cta-box--miniberatung{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 22px 20px;
  margin: 26px 0 10px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  text-align: center;
}

/* Text wie “im weißen Kasten” */
.woocommerce-order-received .ligrowa-cta-text{
  margin: 0 0 14px;
}

/* Button – an Kadence Global Palette anlehnen */
.woocommerce-order-received a.ligrowa-cta-btn.button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: 0.9em 1.35em;
  border-radius: 999px;               /* typischer Kadence-Button */
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;
  border: 0;

  /* Kadence Theme Variablen (fallbacks dabei) */
  background: var(--global-palette1, #2b6cb0);
  color: var(--global-palette9, #ffffff);
  transition: transform .08s ease, filter .2s ease, box-shadow .2s ease;
}

/* Hover/Focus wie bei Kadence Buttons */
.woocommerce-order-received a.ligrowa-cta-btn.button:hover{
  filter: brightness(0.95);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}
.woocommerce-order-received a.ligrowa-cta-btn.button:focus{
  outline: 2px solid rgba(0,0,0,.18);
  outline-offset: 2px;
}

p.muted {
  font-size: 0.85rem;   /* kleiner als normal */
  line-height: 1.45;
  color: #6b6b6b;       /* dezenter Grauton */
}



.ligrowa-followup{
  margin-top: 3rem;
  display: flex;
  justify-content: center;
}

.ligrowa-card--followup{
  max-width: 560px;
  width: 100%;
  text-align: center;
  border: 0.5px solid #EECC7F;
  background: #F9F6FB;
  padding: 1.4rem 1.4rem;
  border-radius: 14px;
}

.ligrowa-card--followup h3{
  color: #4A1F68;
  margin-top: 0;
}

.ligrowa-card--followup ul{
  list-style: none;
  padding: 0;
  margin: 1rem 0 1.2rem;
}

.ligrowa-card--followup li{
  margin: 0.45rem 0;
}

.ligrowa-thankyou-followup{
  margin-top:22px;
  padding:16px;
  border:1px solid #eee;
  border-radius:14px;
  background:#fff;
  text-align:center;
}


.ligrowa-button{
  display: inline-block;
  padding: 0.8rem 1.1rem;
  border-radius: 999px;
  background: #4A1F68;
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
}

/* Padding für Widerrufs- / Zustimmungskasten im Checkout */
.woocommerce-checkout .ligrowa-consent,
.woocommerce-checkout .form-row.ligrowa-consent {
    padding: 12px 14px;
    margin: 12px 0;
    border-radius: 6px;
    background: rgba(138, 93, 168, 0.06); /* zartes Lila */
}


/* Abstand nach oben vor der AGB-Zustimmungsbox */
.woocommerce-privacy-policy-text{
    margin-bottom: 20px;
}

.miniberatung .ligrowa-consent{
	margin: 0;
}

#statusMsg { white-space: pre-line; }

.gold-button .wp-element-button{
	color: #4A1F68;
}

.gold-button .wp-element-button:hover{
	color: #ffffff;
	background-color: #4A1F68;
}