/* ==========================================================================
   holistic-life-p7.de - P7 Affiliate-Partner:in
   Eigenstaendige Landingpage (frueher Divi-Code-Modul).
   Marken-Tokens = offizielle P7-CI. Blatt-Ornamente bewusst durch CI-Waschungen
   ersetzt; Bindungs-Detail der Seite ist der Spektrum-Strich (.p7a-rule).
   ========================================================================== */
@font-face{font-family:"Overpass";src:url("/assets/fonts/overpass-var.woff2") format("woff2-variations"),
  url("/assets/fonts/overpass-var.woff2") format("woff2");
  font-weight:100 900;font-display:swap;font-style:normal}
@font-face{font-family:"Roustel";src:url("/assets/fonts/roustel.woff2") format("woff2");
  font-weight:400;font-display:swap;font-style:normal}





:root{
  --paper:#FAF8F0; --paper-warm:#F4ECD9; --paper-deep:#EFE8D6; --white:#FFFFFF;
  --ink:#43473C; --ink-soft:#5A5F50; --line:#E8E0CD; --line-strong:#D9CFB6;
  --sage:#8B9680; --sage-text:#55604A; --avocado:#E2E4A4; --lachs:#FFC89F;
  --gold:#FCDFA0; --gold-strong:#F5C961; --gold-ink:#3A2F10;
  --deep:#3A3E33; --on-deep:#FAF8F0; --on-deep-soft:#C7C9BC;
  --c1:#FFC89F; --c2:#FCDFA0; --c3:#E2E4A4; --c4:#8B9680; --c5:#FFC89F; --c6:#FCDFA0; --c7:#E2E4A4; --c8:#8B9680;
  --spectrum:linear-gradient(90deg,#FFC89F 0%,#FCDFA0 34%,#E2E4A4 67%,#8B9680 100%);
  --spectrum-v:linear-gradient(180deg,#FFC89F 0%,#FCDFA0 34%,#E2E4A4 67%,#8B9680 100%);
  --avocado-dark:#5A6048; /* CI „Avocado dark“ – Script-Variante, hier für den Hero-Schriftzug */
  --ease:cubic-bezier(.22,.61,.36,1);
  --shadow-sm:0 2px 12px rgba(42,45,38,.05); --shadow-md:0 4px 24px rgba(42,45,38,.08);
  --fs-label:clamp(11px,.9vw,12.5px);
  --fs-body:clamp(16px,1.1vw,18px);
  --fs-lead:clamp(19px,2vw,23px);
  --fs-script:clamp(34px,4.6vw,58px);
  --fs-h1:clamp(24px,3.2vw,40px);
}

/* Grundflaeche: greift auch dort, wo .p7a nicht liegt (Sprunglink, Footer). */
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Overpass",system-ui,"Segoe UI",Roboto,sans-serif}

.p7a{
  /* P7-Markenfarben als Akzentreihe: Pfirsich · Sand/Gold · Avocado · Salbei (keine Mastery-Ordnerfarben) */
  font-family:"Overpass",system-ui,"Segoe UI",Roboto,sans-serif;
  font-weight:400;color:var(--ink);background:var(--paper);
  font-size:var(--fs-body);line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.p7a :where(h1,h2,h3,p,ul,ol,li,figure,blockquote,dl,dd,dt,fieldset,legend){margin:0}
.p7a :where(fieldset){padding:0;border:0;min-width:0}
.p7a :where(*){box-sizing:border-box}
.p7a :where(img,svg){max-width:100%;display:block}
.p7a :where(ul,ol){padding:0;list-style:none}
.p7a :where(a){color:inherit}
/* Fokus: dunkler Kern (8,96:1 auf Creme) + heller Aussenrand, damit der Ring
   auf Creme UND auf dunklem Grund UND auf dem goldenen Button sichtbar bleibt. */
.p7a :where(a,button,summary,input,select,textarea):focus-visible{
  outline:3px solid var(--ink);outline-offset:2px;border-radius:4px;
  box-shadow:0 0 0 6px rgba(250,248,240,.95)}
.p7a-sec--deep :where(a,button,summary,input,select,textarea):focus-visible{
  outline-color:var(--gold);box-shadow:0 0 0 6px rgba(58,62,51,.95)}
.p7a-form :where(a,button,summary,input,select,textarea):focus-visible{
  box-shadow:0 0 0 6px rgba(250,248,240,.95)}

/* ---- Bausteine ---- */
.p7a-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,60px)}
.p7a-sec{padding:clamp(64px,9vw,120px) 0;position:relative}
.p7a-sec > .p7a-wrap{position:relative;z-index:1}
.p7a-sec--warm{background:radial-gradient(70% 55% at 100% 0%,rgba(255,200,159,.30),transparent 60%),radial-gradient(60% 50% at 0% 100%,rgba(226,228,164,.42),transparent 60%),var(--paper-warm)}
.p7a-sec--aura{background:
  radial-gradient(60% 55% at 8% 12%,rgba(255,200,159,.45),transparent 62%),
  radial-gradient(55% 50% at 88% 18%,rgba(252,223,160,.50),transparent 62%),
  radial-gradient(60% 55% at 85% 92%,rgba(139,150,128,.30),transparent 62%),
  radial-gradient(55% 50% at 15% 88%,rgba(226,228,164,.55),transparent 62%),
  var(--paper)}
.p7a-sec--tint{background:radial-gradient(55% 45% at 100% 100%,rgba(252,223,160,.32),transparent 60%),var(--paper)}
.p7a-sec--deep{background:var(--deep);color:var(--on-deep)}
/* Sektions-Naht: ersetzt die frueheren Blatt-Ornamente.
   Weicher CI-Wash + kurzer Spektrum-Strich - dieselbe Form wie .p7a-rule,
   dadurch bindet ein einziges wiederkehrendes Detail alle Sektionen. */
.p7a-sec--orn::before{content:"";position:absolute;top:0;left:50%;width:min(680px,86vw);height:130px;
  transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(58% 100% at 50% 0%,rgba(139,150,128,.13),transparent 72%)}
.p7a-sec--orn::after{content:"";position:absolute;top:0;left:50%;width:64px;height:3px;
  transform:translateX(-50%);border-radius:0 0 2px 2px;background:var(--spectrum);opacity:.85}
.p7a-sec--deep.p7a-sec--orn::before{background:radial-gradient(58% 100% at 50% 0%,rgba(252,223,160,.16),transparent 72%)}

.p7a-label{font-size:var(--fs-label);font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--sage-text);line-height:1.6}
.p7a-sec--deep .p7a-label{color:var(--gold)}
.p7a-script{font-family:"Roustel","Dancing Script",cursive;font-weight:400;font-size:var(--fs-script);line-height:1.15;letter-spacing:.01em;color:var(--sage-text);text-wrap:balance}
.p7a-sec--deep .p7a-script{color:var(--gold)}
.p7a-lead{font-size:var(--fs-lead);line-height:1.55;font-weight:300;color:var(--ink);max-width:36em}
.p7a-sec--deep .p7a-lead{color:var(--on-deep)}
.p7a-copy{max-width:62ch}
.p7a-copy p + p{margin-top:1.1em}
.p7a em{font-style:italic;color:var(--sage-text)}
.p7a-sec--deep em{color:var(--gold)}
.p7a-muted{color:var(--ink-soft)}
.p7a-sec--deep .p7a-muted{color:var(--on-deep-soft)}
/* Sektionskopf: Label, Script-Headline, kurzer Spektrum-Strich, Lead */
.p7a-head{margin-bottom:clamp(28px,3.6vw,48px);max-width:820px}
.p7a-head .p7a-label{margin-bottom:14px}
.p7a-head .p7a-rule{margin:20px 0 0}
.p7a-head .p7a-lead{margin-top:20px}
.p7a-rule{width:120px;height:4px;border-radius:2px;background:var(--spectrum)}
.p7a-band{height:5px;background:var(--spectrum);opacity:.85}
.p7a-orn{display:block;width:96px;height:auto;margin:0 auto;opacity:.9}

/* Buttons */
.p7a-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;
  font-family:"Overpass";font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;border:0;padding:14px 30px;border-radius:9999px;
  background:var(--gold-strong);color:var(--gold-ink);
  transition:background .25s var(--ease),box-shadow .25s var(--ease);box-shadow:var(--shadow-sm)}
.p7a-btn:hover{background:#F2C04C;box-shadow:var(--shadow-md)}
.p7a-btn--ghost{background:transparent;color:var(--sage-text);box-shadow:inset 0 0 0 1.5px var(--sage)}
.p7a-btn--ghost:hover{background:rgba(139,150,128,.12);box-shadow:inset 0 0 0 1.5px var(--sage)}
.p7a-sec--deep .p7a-btn--ghost{color:var(--on-deep);box-shadow:inset 0 0 0 1.5px rgba(250,248,240,.55)}
.p7a-sec--deep .p7a-btn--ghost:hover{background:rgba(250,248,240,.1)}
.p7a-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.p7a-sep{display:inline-block;margin:0 .45em}
.p7a-micro{font-size:14px;color:var(--ink-soft);margin-top:14px;line-height:1.6}
.p7a-sec--deep .p7a-micro{color:var(--on-deep-soft)}

/* Foto im Bogen (wiederkehrende Bild-Form der Seite) */
.p7a-arch{position:relative;border-radius:999px 999px 18px 18px;overflow:hidden;background:var(--paper-deep);box-shadow:var(--shadow-md)}
.p7a-arch img{width:100%;height:100%;object-fit:cover}
.p7a-arch::after{content:"";position:absolute;inset:10px;border:1px solid rgba(250,248,240,.55);border-radius:inherit;pointer-events:none}
.p7a-caption{font-size:13.5px;color:var(--ink-soft);margin-top:12px;letter-spacing:.02em}

/* ---------- HERO: Text links, Bogen-Foto rechts ---------- */
.p7a-hero{position:relative;overflow:hidden;padding:clamp(48px,7vw,96px) 0 clamp(48px,6vw,80px);
  background:radial-gradient(60% 60% at 100% 20%,rgba(226,228,164,.45),transparent 62%),radial-gradient(50% 45% at 0% 100%,rgba(252,223,160,.35),transparent 60%),var(--paper)}
.p7a-hero-grid{display:grid;gap:clamp(30px,5vw,72px);align-items:center}
@media (min-width:900px){.p7a-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.p7a-hero-logo{width:clamp(60px,6.5vw,84px);height:auto;margin-bottom:clamp(22px,3vw,36px)}
.p7a-hero-tag{font-size:var(--fs-label);font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--sage-text);line-height:1.7}
.p7a-h1{font-family:"Overpass";font-size:var(--fs-h1);font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.25;margin-top:clamp(18px,2.4vw,28px);color:var(--ink);text-wrap:balance}
.p7a-h1-script{display:block;font-family:"Roustel","Dancing Script",cursive;font-weight:400;text-transform:none;letter-spacing:.01em;
  font-size:clamp(46px,6.4vw,88px);line-height:1.05;margin-top:.1em;padding:.05em .1em .14em 0;color:var(--avocado-dark)}
.p7a-hero .p7a-rule{margin:26px 0}
.p7a-hero .p7a-lead{max-width:34em}
.p7a-hero .p7a-cta{margin-top:32px}
.p7a-hero-photo{position:relative;max-width:460px;margin:0 auto}
.p7a-hero-photo .p7a-arch{aspect-ratio:4/5}
.p7a-hero-photo .p7a-arch img{object-position:50% 45%}
.p7a-hero-corner{position:absolute;right:-26px;bottom:-22px;width:clamp(120px,14vw,190px);transform:rotate(180deg);opacity:.95;pointer-events:none;z-index:2}
@media (max-width:899px){
  .p7a-hero-photo{max-width:340px}
  .p7a-hero-corner{width:120px;right:-18px;bottom:-16px}
}

/* Fakten-Zeile */
.p7a-facts{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(252,223,160,.38),rgba(252,223,160,0))}
.p7a-fact{padding:clamp(18px,2.4vw,30px) clamp(6px,2vw,24px);text-align:center;border-bottom:1px solid var(--line)}
.p7a-fact:nth-child(odd){border-right:1px solid var(--line)}
.p7a-fact b{display:block;font-family:"Roustel","Dancing Script",cursive;font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.1;color:var(--sage-text)}
.p7a-fact span{display:block;font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ink-soft);margin-top:8px;line-height:1.5}
@media (min-width:760px){.p7a-facts{grid-template-columns:repeat(4,1fr)}.p7a-fact{border-bottom:0;border-right:1px solid var(--line)}.p7a-fact:last-child{border-right:0}}

/* ---------- Das Wichtigste in Kürze ---------- */
.p7a-brief{display:grid;gap:clamp(24px,4vw,56px);align-items:start}
@media (min-width:900px){.p7a-brief{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.p7a-brief-list{border-top:1px solid var(--line-strong)}
.p7a-brief-list li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 22px;padding:16px 0;border-bottom:1px solid var(--line)}
.p7a-brief-list b{font-size:var(--fs-label);letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--sage-text);padding-top:.45em}
@media (max-width:599px){.p7a-brief-list li{grid-template-columns:minmax(0,1fr)}}

/* ---------- Für wen ---------- */
.p7a-fit{display:grid;gap:clamp(28px,4vw,56px);align-items:center}
@media (min-width:900px){.p7a-fit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.p7a-fit-photo .p7a-arch{aspect-ratio:4/5;max-width:440px;margin:0 auto}
.p7a-check{border-top:1px solid var(--line-strong)}
.p7a-check li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.p7a-check li::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--c,var(--sage));border:2px solid var(--sage);margin-top:.55em;box-shadow:0 0 0 3px rgba(139,150,128,.14)}
.p7a-check--no li::before{background:var(--paper);border:2px solid var(--line-strong);box-shadow:none}
.p7a-check h3{font-size:var(--fs-label);letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--sage-text);margin:26px 0 8px}
.p7a-fit h3{font-size:var(--fs-label);letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--sage-text);margin:0 0 8px}
.p7a-fit h3 + .p7a-check{margin-bottom:26px}

/* ---------- Was du bekommst ---------- */
.p7a-get{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
@media (min-width:900px){.p7a-get{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.p7a-get-side{position:sticky;top:110px}}
.p7a-rows{border-top:1px solid var(--line-strong)}
.p7a-row{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:clamp(14px,2vw,28px);padding:clamp(18px,2.2vw,24px) 0;border-bottom:1px solid var(--line)}
.p7a-row .num{font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--sage-text);padding-top:.45em}
.p7a-row .num::after{content:"";display:block;width:28px;height:3px;border-radius:2px;background:var(--c,var(--sage));margin-top:9px}
.p7a-row h3{font-size:clamp(18px,1.5vw,21px);font-weight:600;line-height:1.3}
.p7a-row p{margin-top:6px;color:var(--ink-soft)}
.p7a-get-side .p7a-arch{aspect-ratio:4/5}
.p7a-get-side .p7a-arch img{object-position:60% 50%}
.p7a-side-quote{margin-top:26px;font-family:"Roustel","Dancing Script",cursive;font-size:clamp(24px,2.4vw,30px);line-height:1.3;color:var(--sage-text);text-wrap:balance}

/* Goldenes Panel */
.p7a-panel{position:relative;overflow:hidden;background:var(--gold);color:var(--ink);border-radius:14px;
  padding:clamp(26px,3.4vw,44px) clamp(24px,4vw,56px);text-align:center;
  font-family:"Roustel","Dancing Script",cursive;font-size:clamp(24px,2.7vw,34px);line-height:1.35;box-shadow:var(--shadow-sm);text-wrap:balance}
.p7a-panel::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(42% 78% at 0% 0%,rgba(255,255,255,.42),transparent 62%),
             radial-gradient(42% 78% at 100% 100%,rgba(255,200,159,.38),transparent 62%)}
.p7a-panel small{display:block;font-family:"Overpass";font-size:var(--fs-label);letter-spacing:.28em;text-transform:uppercase;font-weight:600;margin-top:14px;color:#5B4A1C}

/* ---------- Vergütung ---------- */
.p7a-pay{display:grid;gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(30px,4vw,48px)}
@media (min-width:900px){.p7a-pay{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.p7a-pay-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-strong)}
.p7a-pay-grid div{padding:18px 14px 18px 0;border-bottom:1px solid var(--line)}
.p7a-pay-grid div:nth-child(odd){border-right:1px solid var(--line);padding-right:16px}
.p7a-pay-grid div:nth-child(even){padding-left:18px}
.p7a-pay-grid b{display:block;font-family:"Roustel","Dancing Script",cursive;font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.1;color:var(--sage-text)}
.p7a-pay-grid span{display:block;font-size:14.5px;color:var(--ink-soft);margin-top:6px;line-height:1.5}
.p7a-pay-copy h3{font-size:var(--fs-label);letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--sage-text);margin:0 0 10px}
.p7a-pay-copy p + h3{margin-top:26px}
.p7a-pay-copy strong{font-weight:600}
.p7a-note{margin-top:22px;font-size:14px;color:var(--ink-soft);line-height:1.6}

/* ---------- So startest du: Weg-Linie (Signatur) ---------- */
.p7a-start{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
@media (min-width:900px){.p7a-start{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.p7a-start-side{position:sticky;top:110px}}
.p7a-start-side .p7a-arch{aspect-ratio:4/5;max-width:400px}
.p7a-steps{position:relative;padding-left:clamp(44px,5vw,64px)}
.p7a-steps::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:4px;border-radius:2px;background:var(--spectrum-v);opacity:.9}
.p7a-step{position:relative;padding:0 0 clamp(28px,3.4vw,44px)}
.p7a-step:last-child{padding-bottom:0}
.p7a-step .dot{position:absolute;left:calc(-1 * clamp(44px,5vw,64px) + 6px);top:.35em;width:22px;height:22px;border-radius:50%;background:var(--c,var(--sage));border:3px solid var(--sage);box-shadow:0 0 0 5px var(--paper)}
.p7a-step .when{display:block;font-size:var(--fs-label);letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--sage-text);margin-bottom:6px}
.p7a-step h3{font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.3}
.p7a-step p{margin-top:8px;color:var(--ink-soft);max-width:56ch}
.p7a-step a{color:var(--sage-text);text-decoration:underline;text-decoration-color:rgba(85,96,74,.35);text-underline-offset:3px}
.p7a-step a:hover{text-decoration-color:var(--sage-text)}

/* ---------- Kontakt: Wähle deinen Weg (dunkel) ---------- */
.p7a-ways{display:grid;gap:clamp(14px,2vw,22px);margin-top:clamp(30px,4vw,48px)}
@media (min-width:760px){.p7a-ways{grid-template-columns:repeat(3,1fr)}}
.p7a-way{position:relative;background:rgba(250,248,240,.06);border:1px solid rgba(250,248,240,.16);border-radius:16px;padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:14px}
.p7a-way .num{font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--gold)}
.p7a-way .num::after{content:"";display:block;width:28px;height:3px;border-radius:2px;background:var(--c,var(--gold));margin-top:9px}
.p7a-way h3{font-size:clamp(19px,1.6vw,23px);font-weight:600;color:var(--on-deep);line-height:1.3}
.p7a-way p{color:var(--on-deep-soft);font-size:15.5px;line-height:1.65;flex:1}
.p7a-way a{color:var(--on-deep);text-decoration:underline;text-decoration-color:rgba(250,248,240,.4);text-underline-offset:3px}
.p7a-way a:hover{text-decoration-color:var(--gold)}
.p7a-way .p7a-btn{align-self:flex-start;margin-top:4px}
.p7a-way .p7a-btn--ghost{min-height:46px;padding:11px 22px;font-size:13.5px}

/* Formular */
.p7a-form-wrap{display:grid;gap:clamp(28px,4vw,56px);align-items:start;margin-top:clamp(40px,5vw,72px);padding-top:clamp(40px,5vw,72px);border-top:1px solid rgba(250,248,240,.18)}
@media (min-width:900px){.p7a-form-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.p7a-form-intro .p7a-script{font-size:clamp(30px,3.6vw,46px)}
.p7a-form-intro p{margin-top:18px;color:var(--on-deep-soft)}
.p7a-form-intro .p7a-deep-logo{width:clamp(56px,6vw,76px);height:auto;margin-top:30px;opacity:.95}
.p7a-form{background:var(--paper);color:var(--ink);border-radius:18px;padding:clamp(24px,3.4vw,44px);box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.p7a-form::after{content:"";position:absolute;right:0;top:0;width:180px;height:180px;pointer-events:none;
  background:radial-gradient(70% 70% at 100% 0%,rgba(226,228,164,.42),transparent 68%)}
.p7a-form-row{display:grid;gap:16px}
@media (min-width:600px){.p7a-form-row{grid-template-columns:1fr 1fr}}
.p7a-field{display:grid;gap:6px;margin-bottom:16px;position:relative;z-index:1}
.p7a-field label,.p7a-field legend{font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--sage-text)}
.p7a-field .req{color:#9C4A2C;margin-left:.2em}
.p7a-input{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--white);border:1px solid var(--line-strong);border-radius:10px;padding:13px 16px;min-height:50px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.p7a-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(139,150,128,.18);outline:none}
.p7a-input::placeholder{color:#6E7364}
textarea.p7a-input{min-height:120px;resize:vertical;line-height:1.6}
select.p7a-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355604A' stroke-width='1.8'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}
.p7a-choice{display:grid;gap:10px;margin-top:4px}
@media (min-width:600px){.p7a-choice{grid-template-columns:repeat(3,1fr)}}
.p7a-choice label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--white);border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}
.p7a-choice label:hover{border-color:var(--sage)}
.p7a-choice input{width:18px;height:18px;accent-color:#55604A;margin:0;flex:none}
.p7a-choice label:has(input:checked){border-color:var(--sage);background:rgba(226,228,164,.35)}
.p7a-consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;margin:22px 0 22px;font-size:14px;line-height:1.6;color:var(--ink-soft);position:relative;z-index:1}
.p7a-consent input{width:18px;height:18px;margin-top:3px;accent-color:#55604A}
.p7a-consent a{color:var(--sage-text);text-decoration:underline;text-underline-offset:3px}
.p7a-form .p7a-btn{width:100%}
@media (min-width:600px){.p7a-form .p7a-btn{width:auto}}
.p7a-form .p7a-micro{margin-top:14px}
.p7a-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.p7a-form-ok{display:none;margin-top:18px;padding:16px 18px;border-radius:10px;background:rgba(226,228,164,.45);color:var(--ink);font-size:15px;line-height:1.6}
.p7a-form-ok.is-on{display:block}

/* ---------- FAQ ---------- */
.p7a-faq{border-top:1px solid var(--line-strong);max-width:900px}
.p7a-faq details{border-bottom:1px solid var(--line)}
.p7a-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:16px;align-items:center;padding:20px 0;font-size:clamp(17px,1.35vw,20px);font-weight:600;line-height:1.35}
.p7a-faq summary::-webkit-details-marker{display:none}
.p7a-faq summary svg{width:24px;height:24px;stroke:var(--sage-text);fill:none;stroke-width:1.6;transition:transform .3s var(--ease)}
.p7a-faq details[open] summary svg{transform:rotate(45deg)}
.p7a-faq .a{padding:0 44px 22px 0;color:var(--ink-soft);max-width:66ch}
.p7a-faq .a p + p{margin-top:.8em}
.p7a-faq .a a{color:var(--sage-text);text-decoration:underline;text-underline-offset:3px}

/* ---------- Schluss ---------- */
.p7a-final{text-align:center;padding:clamp(64px,9vw,120px) 0;position:relative;overflow:hidden}
.p7a-final .p7a-script{font-size:clamp(34px,5vw,64px)}
.p7a-final .p7a-cta{justify-content:center}
.p7a-final-tag{margin-top:34px;font-size:var(--fs-label);letter-spacing:.34em;text-transform:uppercase;font-weight:600;color:var(--sage-text)}
.p7a-final-logo{width:56px;height:auto;margin:30px auto 0;opacity:.95}

/* ---------- Reveal (progressive Enhancement; ohne JS alles sichtbar) ---------- */
.p7a--anim .p7a-reveal{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.p7a--anim .p7a-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .p7a *,.p7a *::before,.p7a *::after{animation:none!important;transition:none!important}
  .p7a--anim .p7a-reveal{opacity:1;transform:none}
}

/* ==========================================================================
   ERGÄNZUNGEN für die eigenständige Domain
   (früher lieferte Divi Header/Footer — jetzt gehört beides zur Seite)
   ========================================================================== */

/* Nur für Screenreader */
.p7a-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Sprunglink: erste Tabulator-Station, sonst unsichtbar */
.p7a-skip{position:absolute;left:50%;top:0;transform:translate(-50%,-140%);z-index:999;
  background:var(--deep);color:var(--on-deep);font-family:"Overpass",system-ui,sans-serif;
  font-size:15px;font-weight:600;letter-spacing:.04em;padding:14px 26px;border-radius:0 0 12px 12px;
  text-decoration:none;transition:transform .2s var(--ease)}
.p7a-skip:focus-visible{transform:translate(-50%,0);outline:3px solid var(--gold);outline-offset:-6px}

/* Schmale Textspalte für Rechtstexte, Danke- und Fehlerseite */
.p7a-schmal{max-width:760px}
.p7a-schmal .p7a-script{font-size:clamp(30px,4vw,52px)}
.p7a-schmal .p7a-rule{margin:22px 0 30px}
.p7a-schmal .p7a-lead{max-width:none}
.p7a-schmal .p7a-cta{margin-top:36px}

/* Fließtext in Impressum und Datenschutz */
.p7a-recht{line-height:1.75}
.p7a-recht h2{font-size:clamp(19px,1.7vw,23px);font-weight:600;line-height:1.3;
  margin:38px 0 12px;color:var(--ink)}
.p7a-recht h2:first-of-type{margin-top:30px}
.p7a-recht p{margin-bottom:14px;max-width:68ch}
.p7a-recht ul{list-style:disc;padding-left:1.3em;margin:0 0 16px;max-width:68ch}
.p7a-recht li{margin-bottom:7px}
.p7a-recht a{color:var(--sage-text);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(85,96,74,.4)}
.p7a-recht a:hover{text-decoration-color:var(--sage-text)}
.p7a-recht strong{font-weight:600}

/* Fehlerliste nach fehlgeschlagenem Absenden */
.p7a-fehlerliste{list-style:disc;padding-left:1.3em;margin:24px 0;max-width:60ch}
.p7a-fehlerliste li{margin-bottom:8px;color:#9C4A2C;font-weight:500}

/* Telefonnummer in der Kontakt-Karte */
.p7a-way-tel{margin:-4px 0 2px;flex:none}
.p7a-way-tel a{font-family:"Roustel","Dancing Script",cursive;font-size:clamp(22px,2.2vw,28px);
  color:var(--gold);text-decoration:none;letter-spacing:.01em}
.p7a-way-tel a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- Footer ---------- */
.p7a-foot{background:var(--deep);color:var(--on-deep);
  font-family:"Overpass",system-ui,"Segoe UI",Roboto,sans-serif;font-size:15.5px;line-height:1.7;
  padding:clamp(48px,6vw,76px) 0 clamp(28px,3vw,38px)}
.p7a-foot .p7a-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,60px)}
.p7a-foot-grid{display:grid;gap:clamp(28px,4vw,56px)}
@media (min-width:760px){.p7a-foot-grid{grid-template-columns:1.3fr 1fr 1fr}}
.p7a-foot-logo{width:52px;height:auto;margin-bottom:16px;opacity:.95}
.p7a-foot-marke{font-family:"Roustel","Dancing Script",cursive;font-size:26px;line-height:1.2;
  color:var(--gold);margin-bottom:10px}
.p7a-foot-klein{color:var(--on-deep-soft);font-size:14.5px;line-height:1.7}
.p7a-foot h3{font-size:var(--fs-label);letter-spacing:.28em;text-transform:uppercase;
  font-weight:600;color:var(--gold);margin:0 0 14px;line-height:1.6}
.p7a-foot-liste{list-style:none;padding:0;margin:0}
.p7a-foot-liste li{margin-bottom:9px}
.p7a-foot-liste a{color:var(--on-deep);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(250,248,240,.38)}
.p7a-foot-liste a:hover{text-decoration-color:var(--gold);color:var(--gold)}
.p7a-foot-unten{margin-top:clamp(34px,4vw,52px);padding-top:22px;
  border-top:1px solid rgba(250,248,240,.18);
  color:var(--on-deep-soft);font-size:14px;line-height:1.7}
.p7a-foot-unten a{color:var(--on-deep);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(250,248,240,.38)}
.p7a-foot-unten a:hover{color:var(--gold);text-decoration-color:var(--gold)}
.p7a-foot :where(a):focus-visible{outline:3px solid var(--gold);outline-offset:3px;
  border-radius:4px;box-shadow:0 0 0 6px rgba(58,62,51,.95)}

/* Akzentfarbe je Element — ersetzt die frueheren style="--c:…"-Attribute,
   damit die Content-Security-Policy ohne 'unsafe-inline' auskommt. */
.p7a-c1{--c:var(--c1)} .p7a-c2{--c:var(--c2)} .p7a-c3{--c:var(--c3)} .p7a-c4{--c:var(--c4)}
.p7a-c5{--c:var(--c5)} .p7a-c6{--c:var(--c6)} .p7a-c7{--c:var(--c7)} .p7a-c8{--c:var(--c8)}

.p7a-head--flach{margin-bottom:0}
.p7a-h3-abstand{margin-top:26px}
.p7a-muted--klein{font-size:15px}
.p7a-ueber{position:relative;z-index:1}
.p7a-rule--mitte{margin:0 auto 30px}

/* Korrektur: Das Formular ist ein HELLER Kasten INNERHALB der dunklen Sektion.
   Ohne diese Regel erbt sein Kleintext die helle Schriftfarbe der Sektion und
   steht dann hell auf hell (gemessen 1,58:1). Betraf auch die Ursprungsdatei. */
.p7a-sec--deep .p7a-form .p7a-micro{color:var(--ink-soft)}
.p7a-sec--deep .p7a-form .p7a-muted{color:var(--ink-soft)}
.p7a-sec--deep .p7a-form label,
.p7a-sec--deep .p7a-form legend{color:var(--sage-text)}
.p7a-sec--deep .p7a-form .p7a-consent{color:var(--ink-soft)}
.p7a-sec--deep .p7a-form .p7a-consent a{color:var(--sage-text)}

/* Die linke Spalte der Kurzuebersicht ist nur ~450px breit. Bei voller
   Script-Groesse passt "Affiliate-Programm" nicht in eine Zeile und bricht
   am Bindestrich um - das liest sich wie ein zerrissenes Wort. */
.p7a-brief .p7a-script{font-size:clamp(30px,3.4vw,44px)}