/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* Paar-Kompass: Plugin-Seiten im Neuen Design. Das Plugin liefert nur die Struktur, dieses Snippet das Aussehen.
   Gemeinsame Basis: Elfenbein, Gold-Label, Serif-Titel, Ink-Pillen. Das Angebot (.mhs) ist bewusst dunkel und golden.
   Die alten .mhf-Regeln (Terrakotta, Karte mit Schatten) werden hier mit body .mhp überstimmt. */
.mhp{
  --k-ink:var(--e-global-color-eap-ink,#171C24);--k-ivory:var(--e-global-color-eap-ivory,#FFFDF9);
  --k-gold:var(--e-global-color-eap-gold-leaf,#CBA552);--k-gold-text:var(--e-global-color-eap-gold-text,#6E501C);
  --k-hair:color-mix(in srgb,var(--e-global-color-eap-gold-hairline,#BFA06A) 55%,transparent);
  --k-serif:var(--eap-serif,'Cormorant Garamond',Georgia,serif);--k-sans:var(--eap-sans,'Manrope',system-ui,sans-serif);
  --mhf-accent:var(--k-gold-text);--mhf-accent-2:var(--k-gold);--mhf-accent-ink:var(--k-gold-text);--mhf-ink:var(--k-ink);--mhf-line:var(--k-hair);--mhf-tint:#FBF6EC;--mhf-muted:#5b5348;
  font-family:var(--k-sans);color:var(--k-ink);font-size:17px;line-height:1.65;
}
/* Karte des alten Designs weg: Report und Jahreskompass liegen frei auf der Seite */
body .mhp.mhf:not(.mhp-form):not(.mhs){max-width:860px;margin:clamp(6rem,10vw,8rem) auto clamp(3rem,6vw,5rem);padding:0 clamp(1rem,4vw,2rem);background:none;border:0;box-shadow:none;border-radius:0}
body .mhp :is(h1,h2,h3,.mhf__result-title){font-family:var(--k-serif);font-weight:500;color:var(--k-ink);line-height:1.15;text-wrap:balance}
body .mhp .mhf__result-title{font-size:clamp(2rem,4.2vw,2.9rem);margin:0 0 .5em}
body .mhp .mhf__result-kicker,body .mhp .mhs__kicker{font-family:var(--k-sans);font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--k-gold-text)}
body .mhp .mhf__result-body{font-size:1.06em;color:var(--k-ink)}
body .mhp .mhf__note{font-size:.92em;color:var(--mhf-muted);border-left-color:var(--k-gold)}

/* Knöpfe: Ink-Pille, wie eap-btn--ink */
body .mhp .mhf__btn.mhf__btn--primary,body .mhp .mhp__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:1px solid transparent;border-radius:999px;padding:17px 34px;
  font:500 15px/1.2 var(--k-sans);text-transform:none;letter-spacing:0;text-decoration:none;cursor:pointer;background:#15181F!important;background-image:none!important;color:#FDFBF7!important;box-shadow:0 6px 18px rgba(23,28,36,.14);transition:background .2s,transform .2s}
body .mhp .mhf__btn.mhf__btn--primary:hover,body .mhp .mhp__btn:hover{background:var(--k-ink)!important;transform:translateY(-1px)}
body .mhp .mhf__btn:focus-visible,body .mhp .mhp__btn:focus-visible{outline:2px solid var(--k-gold);outline-offset:3px}
body .mhp .mhf__btn[disabled],body .mhp .mhp__btn[disabled]{opacity:.45;transform:none;cursor:not-allowed}

/* Formular */
.mhp-form{--mhp-gap:1.4em;--mhp-field-height:3.4em;--mhp-radius:18px;--mhp-line:var(--k-hair);--mhp-focus:var(--k-gold);--mhp-error:#a8321f;font-size:16px}
.mhp-form .mhp__legend{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--k-gold-text);padding-bottom:.5em;border-bottom:1px solid var(--k-hair)}
.mhp-form .mhp__field label{font-size:.9em;font-weight:500;color:var(--k-ink)}
.mhp-form .mhp__field input[type=text],.mhp-form .mhp__field input[type=email],.mhp-form .mhp__field input[type=date]{background:var(--k-ivory);border-color:var(--k-hair);color:var(--k-ink);transition:border-color .2s,box-shadow .2s}
.mhp-form .mhp__field input:hover{border-color:var(--k-gold)}
.mhp-form .mhp__field input:focus-visible{outline:none;border-color:var(--k-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--k-gold) 35%,transparent)}
.mhp-form .mhp__check label{font-size:.88em;color:var(--mhf-muted)}
.mhp-form .mhp__check input[type=checkbox]{accent-color:var(--k-ink)}
.mhp-form .mhp__check a{color:var(--k-gold-text)}
.mhp-form .mhp__fine{font-size:.82em;color:var(--mhf-muted)}
.mhp-form--done{text-align:center;padding:clamp(1.5rem,4vw,2.5rem)}
.mhp-form--done .mhp__title{font:500 clamp(1.8rem,3.6vw,2.4rem)/1.15 var(--k-serif)}
.mhp-form--done .mhp__kicker{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--k-gold-text)}

/* Ansicht (Report) und Jahreskompass: heller Papierlook */
body .mhp-report .mhp-report__kin{background:var(--k-ivory);border:1px solid var(--k-hair);border-radius:22px}
body .mhp-report .mhp-report__kin strong{font-family:var(--k-serif);font-weight:500;font-size:1.5em;color:var(--k-ink)}
body .mhp-report .mhp-report__who,body .mhp-report .mhp-report__num{color:var(--mhf-muted)}
body .mhp-report .mhp-report__sec{padding-top:1.8rem;border-top:1px solid var(--k-hair)}
body .mhp-report .mhp-report__offer{background:#FBF6EC;border:1px solid var(--k-hair);border-radius:22px}
body .mhp-report .mhp-report__oracle li{border-color:var(--k-hair)}
body .mhp-report .mhp-report__oracle span{color:var(--k-gold-text)}
.mhp-report__more summary{font-weight:600}
body .mhp-report__links a,body .mhp-report .mhf__picked{color:var(--k-gold-text)}
.mhp-deep__table th,.mhp-deep__table td{border-color:var(--k-hair)}
.mhp-deep__table th{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--k-gold-text)}
.mhp-deep__month{padding-top:1.6rem;border-top:1px solid var(--k-hair)}
.mhp-deep__month :is(h2,h3){font-size:clamp(1.6rem,3vw,2.1rem)}
/* Der Jahreskompass trägt eine goldene Kappe, der Report keine */
body .mhp-deep{border-top:4px solid var(--k-gold);padding-top:clamp(1.5rem,4vw,2.5rem)}

/* Angebot (OTO): dunkle Bühne, goldene Akzente, eigener Streifen. Nie mit dem Report zu verwechseln. */
body .mhp.mhs{max-width:none;margin:0;padding:clamp(7rem,10vw,9rem) clamp(1rem,4vw,2rem) clamp(2rem,6vw,5rem);background:radial-gradient(1200px 500px at 50% -10%,#2a2f3a,transparent 70%),#15181F;color:#F4EEE2;border:0;border-radius:0;box-shadow:none}
body .mhp.mhs>*{max-width:1080px;margin-left:auto!important;margin-right:auto!important}
.mhp.mhs::before{content:"Dein persönliches Angebot · zeitlich begrenzt";display:block;max-width:1080px;margin:0 auto 1.5rem;text-align:center;font:600 12.5px/1 var(--k-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--k-gold)}
body .mhs :is(h1,h2,h3,.mhs__h1,.mhs__h2){color:#FFFDF9}
body .mhs .mhs__kicker{color:var(--k-gold)}
.mhs .mhs__hero{border-radius:28px;border:1px solid color-mix(in srgb,var(--k-gold) 40%,transparent)}
.mhs .mhs__lead,.mhs .mhs__txt p,.mhs .mhs__list li,.mhs .mhs__faq p{color:#E4DCCB}
.mhs .mhs__list li::before{background:var(--k-gold)}
.mhs .mhs__steps li{border-color:color-mix(in srgb,var(--k-gold) 35%,transparent);background:rgba(255,255,255,.04);color:#F4EEE2}
.mhs .mhs__steps strong{background:var(--k-gold);color:var(--k-ink)}
.mhs .mhs__unit b{background:rgba(255,255,255,.06);border-color:color-mix(in srgb,var(--k-gold) 55%,transparent);color:var(--k-gold);font-family:var(--k-serif);font-weight:500}
.mhs .mhs__sep{color:var(--k-gold)}
.mhs .mhs__faq details{border-color:color-mix(in srgb,var(--k-gold) 30%,transparent)}
.mhs .mhs__faq summary{color:#FFFDF9}
.mhs .mhs__img img{border-radius:24px}
body .mhp.mhs .mhf__btn.mhf__btn--primary{background:var(--k-gold)!important;color:var(--k-ink)!important;box-shadow:0 10px 30px rgba(203,165,82,.28);font-weight:600}
body .mhp.mhs .mhf__btn.mhf__btn--primary:hover{background:#d8b566!important}
body .mhs .mhs__buy{background:var(--k-ivory);color:var(--k-ink);border:1px solid var(--k-gold);border-radius:28px}
body .mhs .mhs__buy :is(h2,.mhs__h2){color:var(--k-ink)}
body .mhs .mhs__buy :is(p,label,span,.mhs__fine,.mhs__price){color:#4a4338}
body .mhs .mhs__buy .mhs__unit b{background:#FBF6EC;color:var(--k-ink);border-color:var(--k-hair)}
body .mhp.mhs .mhs__buy .mhf__btn.mhf__btn--primary{background:#15181F!important;color:#FDFBF7!important;box-shadow:0 6px 18px rgba(23,28,36,.14)}
.mhs .mhs__buy .mhp__check input{accent-color:var(--k-ink)}
body .mhs .mhf__note,body .mhs .mhp__formerr{color:#a8321f}
.mhp-offer__intro{border-color:var(--k-hair)}
@media (max-width:720px){.mhp{font-size:16px}body .mhp .mhf__btn.mhf__btn--primary,body .mhp .mhp__btn{width:100%}}