/* ============================================================================
   HDE — Design der Unterseiten (Wissen, Blog, Ratgeber, FAQ, Leistungen)
   Wird NACH den Seiten-Styles geladen und hebt sie auf das Niveau der Startseite:
   dunkler, edler Kopf mit Milchglas, heller Lesebereich, Gold als Akzent.
   Behebt außerdem zwei echte Fehler:
   1. Der Kopf lief unter die Statusleiste des iPhones (fehlende Safe-Area).
   2. Zu schwacher Kontrast auf goldenen Flächen (weiße Schrift auf Gold).
   ========================================================================= */

:root{
  --hde-tinte:#1C1917;        /* Grundton dunkel  */
  --hde-tinte-tief:#0C0A09;
  --hde-creme:#FAFAF9;
  --hde-papier:#FFFFFF;
  --hde-gold:#A16207;
  --hde-gold-hell:#C68A2E;
  --hde-gold-licht:#E5B45C;
  --hde-text:#292524;
  --hde-text-leise:#57534E;
  --hde-linie:rgba(28,25,23,.10);
  --hde-radius:18px;
  --hde-schatten:0 2px 4px rgba(28,25,23,.04), 0 12px 32px rgba(28,25,23,.07);
  --hde-schatten-hoch:0 8px 16px rgba(28,25,23,.07), 0 24px 60px rgba(28,25,23,.13);
  --hde-oben:env(safe-area-inset-top, 0px);
}

body.lp{background:var(--hde-creme);color:var(--hde-text);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* ---------- Lesefortschritt ---------------------------------------------- */
.hde-fortschritt{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--hde-gold),var(--hde-gold-licht));
  box-shadow:0 0 12px rgba(198,138,46,.55);transition:width .1s linear}

/* ---------- Kopf: klebend, Milchglas, mit Rand für die Statusleiste ------- */
body.lp .lp-head{position:sticky;top:0;z-index:50;
  max-width:none;width:100%;margin:0;
  padding:calc(var(--hde-oben) + 12px) max(22px, env(safe-area-inset-left)) 12px
          max(22px, env(safe-area-inset-right));
  background:rgba(250,250,249,.82);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--hde-linie);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
  transition:padding .25s ease, background .25s ease}
body.lp .lp-head > *{max-width:1120px}
body.lp .lp-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.lp .lp-head img{height:38px;width:auto}
body.lp.hde-gescrollt .lp-head{padding-top:calc(var(--hde-oben) + 8px);padding-bottom:8px;
  background:rgba(250,250,249,.94)}

/* ---------- Schaltflächen: hoher Kontrast -------------------------------- */
body.lp .lp-cta{position:relative;display:inline-flex;align-items:center;gap:8px;
  background:var(--hde-tinte);color:#fff;border:1px solid var(--hde-tinte);
  padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:600;
  font-size:14.5px;letter-spacing:.01em;line-height:1.1;
  transition:transform .18s cubic-bezier(.2,.7,.3,1), box-shadow .18s, background .18s;
  box-shadow:0 6px 18px rgba(28,25,23,.16)}
body.lp .lp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(28,25,23,.24)}
body.lp .lp-cta:focus-visible{outline:3px solid var(--hde-gold-hell);outline-offset:3px}
/* Gold-Variante: dunkle Schrift auf Gold — deutlich besser lesbar als Weiß */
body.lp .lp-cta--gold{background:linear-gradient(135deg,var(--hde-gold-licht),var(--hde-gold-hell) 55%,var(--hde-gold));
  color:#1C1917;border-color:transparent;font-weight:700;
  box-shadow:0 6px 20px rgba(161,98,7,.32)}
body.lp .lp-cta--gold:hover{box-shadow:0 12px 30px rgba(161,98,7,.42)}

/* ---------- Brotkrümel --------------------------------------------------- */
body.lp .lp-breadcrumb{max-width:1120px;margin:0 auto;padding:14px 22px 0}
body.lp .lp-breadcrumb ol{font-size:.84rem;color:#78716C}
body.lp .lp-breadcrumb a{color:#78716C;text-decoration:none;border-bottom:1px solid transparent}
body.lp .lp-breadcrumb a:hover{color:var(--hde-gold);border-bottom-color:currentColor}

/* ---------- Dunkler Kopfbereich ------------------------------------------ */
body.lp .lp-hero{position:relative;margin:0;padding:64px 22px 60px;text-align:center;
  color:#F5F5F4;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 50% -10%, #2A2521 0%, var(--hde-tinte) 45%, var(--hde-tinte-tief) 100%)}
body.lp .lp-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background:
    radial-gradient(40% 60% at 12% 0%, rgba(198,138,46,.20), transparent 70%),
    radial-gradient(45% 55% at 88% 12%, rgba(161,98,7,.16), transparent 70%)}
body.lp .lp-hero::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(560px,72%);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--hde-gold-hell),transparent)}
body.lp .lp-hero .lp-eyebrow{display:inline-block;color:var(--hde-gold-licht);
  border:1px solid rgba(229,180,92,.35);border-radius:999px;padding:6px 16px;
  background:rgba(198,138,46,.10);font-size:11.5px;letter-spacing:.16em}
body.lp .lp-hero h1{color:#FAFAF9;margin:18px auto 14px;max-width:16ch;
  font-size:clamp(2.2rem,7vw,3.6rem);line-height:1.06;letter-spacing:-.01em}
body.lp .lp-hero h1 em{color:var(--hde-gold-licht);font-style:italic}
body.lp .lp-hero p{color:rgba(245,245,244,.78);max-width:62ch;
  font-size:clamp(1rem,2.6vw,1.14rem);line-height:1.7}
body.lp .lp-hero .lp-actions{margin-top:28px}
body.lp .lp-hero .lp-cta{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);
  color:#FAFAF9;backdrop-filter:blur(8px)}
body.lp .lp-hero .lp-cta:hover{background:rgba(255,255,255,.14)}
body.lp .lp-hero .lp-cta--gold{background:linear-gradient(135deg,var(--hde-gold-licht),var(--hde-gold-hell) 55%,var(--hde-gold));
  color:#1C1917;border-color:transparent}

/* ---------- Abschnitte ---------------------------------------------------- */
body.lp .lp-wrap{max-width:1120px;padding-left:max(22px,env(safe-area-inset-left));
  padding-right:max(22px,env(safe-area-inset-right))}
body.lp .lp-section{padding-top:56px;padding-bottom:56px;border-top:0;position:relative}
body.lp .lp-section + .lp-section::before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;
  background:linear-gradient(90deg,transparent,var(--hde-linie) 12%,var(--hde-linie) 88%,transparent)}
body.lp .lp-section h2{font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.01em;color:var(--hde-tinte)}
body.lp .lp-section .sub{font-size:1.02rem;color:var(--hde-text-leise);max-width:64ch}

/* ---------- Karten -------------------------------------------------------- */
body.lp .lp-grid{gap:20px}
body.lp .lp-card{background:var(--hde-papier);border:1px solid var(--hde-linie);
  border-radius:var(--hde-radius);padding:24px;box-shadow:var(--hde-schatten);
  transition:transform .2s cubic-bezier(.2,.7,.3,1), box-shadow .2s, border-color .2s;
  position:relative;overflow:hidden}
body.lp .lp-card::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;
  background:linear-gradient(90deg,var(--hde-gold),var(--hde-gold-licht));transition:width .3s ease}
body.lp .lp-card:hover{transform:translateY(-4px);box-shadow:var(--hde-schatten-hoch);
  border-color:rgba(161,98,7,.30)}
body.lp .lp-card:hover::after{width:100%}
body.lp .lp-card h3{font-size:1.08rem;letter-spacing:-.005em;margin-bottom:8px}
body.lp .lp-card a{color:var(--hde-gold);font-weight:600}

/* ---------- Artikelsatz --------------------------------------------------- */
body.lp .lp-article{max-width:74ch}
body.lp .lp-article p{font-size:1.06rem;line-height:1.8;color:#3F3A36}
body.lp .lp-article h2{margin:0 0 14px;font-size:clamp(1.55rem,3.4vw,2.1rem)}
body.lp .lp-article h3{margin:34px 0 10px;font-size:1.22rem;font-weight:600;color:var(--hde-tinte);
  padding-left:16px;border-left:3px solid var(--hde-gold-hell)}
body.lp .lp-article ul{list-style:none;padding-left:0}
body.lp .lp-article ul li{position:relative;padding-left:26px;margin-bottom:12px;line-height:1.75}
body.lp .lp-article ul li::before{content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px;
  border-radius:2px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--hde-gold-licht),var(--hde-gold))}
body.lp .lp-article a{color:var(--hde-gold);text-decoration:none;
  border-bottom:1px solid rgba(161,98,7,.35);font-weight:600}
body.lp .lp-article a:hover{border-bottom-color:var(--hde-gold)}
body.lp .lp-article strong{color:var(--hde-tinte)}

/* Bild mit Rahmen und Bildunterschrift */
body.lp .lp-hero-img{border-radius:20px;border:1px solid var(--hde-linie);
  box-shadow:0 20px 60px rgba(28,25,23,.16)}
body.lp .lp-figure figcaption{font-size:.78rem;color:#A8A29E;letter-spacing:.02em}

/* ---------- FAQ ----------------------------------------------------------- */
body.lp .lp-faq details{background:var(--hde-papier);border:1px solid var(--hde-linie);
  border-radius:14px;padding:2px 20px;margin-bottom:12px;box-shadow:0 1px 3px rgba(28,25,23,.04);
  transition:border-color .2s, box-shadow .2s}
body.lp .lp-faq details[open]{border-color:rgba(161,98,7,.28);box-shadow:var(--hde-schatten)}
body.lp .lp-faq summary{padding:18px 44px 18px 0;font-size:1.04rem;color:var(--hde-tinte)}
body.lp .lp-faq summary::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;border:1px solid rgba(161,98,7,.35);
  background:
    linear-gradient(var(--hde-gold),var(--hde-gold)) center/11px 1.5px no-repeat,
    linear-gradient(var(--hde-gold),var(--hde-gold)) center/1.5px 11px no-repeat,
    rgba(161,98,7,.07)}
body.lp .lp-faq details[open] summary::after{
  background:
    linear-gradient(var(--hde-gold),var(--hde-gold)) center/11px 1.5px no-repeat,
    rgba(161,98,7,.07)}
body.lp .lp-faq summary{position:relative}
body.lp .lp-faq p{padding-bottom:4px;line-height:1.75}

/* ---------- Abschluss-Block ---------------------------------------------- */
body.lp .lp-final{position:relative;overflow:hidden;border-radius:26px;padding:54px 30px;
  background:radial-gradient(120% 100% at 50% 0%, #2A2521 0%, var(--hde-tinte) 50%, var(--hde-tinte-tief) 100%);
  box-shadow:0 30px 80px rgba(28,25,23,.28)}
body.lp .lp-final::before{content:"";position:absolute;inset:0;opacity:.55;
  background:radial-gradient(45% 60% at 20% 0%, rgba(198,138,46,.22), transparent 70%),
             radial-gradient(45% 60% at 85% 15%, rgba(161,98,7,.18), transparent 70%)}
body.lp .lp-final > *{position:relative}
body.lp .lp-final h2{color:#FAFAF9;font-size:clamp(1.7rem,4.4vw,2.5rem)}
body.lp .lp-final .sub{color:rgba(245,245,244,.72)}
body.lp .lp-final .lp-cta{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);color:#FAFAF9}
body.lp .lp-final .lp-cta--gold{background:linear-gradient(135deg,var(--hde-gold-licht),var(--hde-gold-hell) 55%,var(--hde-gold));color:#1C1917}

/* ---------- Fußzeile ------------------------------------------------------ */
body.lp .lp-foot{background:var(--hde-tinte);color:rgba(245,245,244,.66);border-top:0;
  margin-top:60px;padding:44px max(22px,env(safe-area-inset-left)) calc(34px + env(safe-area-inset-bottom));
  max-width:none}
body.lp .lp-foot strong{color:#FAFAF9}
body.lp .lp-foot a{color:var(--hde-gold-licht);text-decoration:none}
body.lp .lp-foot a:hover{color:#fff}
body.lp .lp-foot > div[style*="font-weight:600"]{color:rgba(245,245,244,.9) !important}
body.lp .lp-foot-links{gap:12px 18px}

@media (max-width:640px){
  body.lp .lp-hero{padding:44px 20px 44px}
  body.lp .lp-section{padding-top:40px;padding-bottom:40px}
  body.lp .lp-final{padding:40px 22px;border-radius:20px}
  body.lp .lp-head img{height:32px}
  body.lp .lp-cta{padding:11px 16px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  body.lp *{transition:none !important;animation:none !important}
}

/* ---------- Inhaltsverzeichnis ------------------------------------------- */
.hde-inhalt{max-width:74ch;margin:0 auto 8px;background:var(--hde-papier);
  border:1px solid var(--hde-linie);border-radius:16px;overflow:hidden;box-shadow:var(--hde-schatten)}
.hde-inhalt-schalter{width:100%;text-align:left;background:none;border:0;cursor:pointer;
  font:inherit;font-weight:600;color:var(--hde-tinte);padding:16px 46px 16px 20px;position:relative}
.hde-inhalt-schalter::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;
  background:linear-gradient(var(--hde-gold-licht),var(--hde-gold))}
.hde-inhalt-schalter::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--hde-gold);border-bottom:2px solid var(--hde-gold);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s ease}
.hde-inhalt.offen .hde-inhalt-schalter::after{transform:translateY(-30%) rotate(-135deg)}
.hde-inhalt ol{list-style:none;margin:0;padding:0 20px 6px;display:none}
.hde-inhalt.offen ol{display:block;padding-bottom:16px}
.hde-inhalt li{margin:0}
.hde-inhalt a{display:block;padding:7px 0 7px 14px;color:var(--hde-text-leise);text-decoration:none;
  font-size:.94rem;line-height:1.4;border-left:2px solid transparent;transition:all .18s}
.hde-inhalt a:hover{color:var(--hde-gold);border-left-color:rgba(161,98,7,.4)}
.hde-inhalt a.aktiv{color:var(--hde-gold);border-left-color:var(--hde-gold);font-weight:600}
.hde-inhalt li.stufe-h3 a{padding-left:28px;font-size:.9rem}
body.lp .lp-article h2, body.lp .lp-article h3{scroll-margin-top:96px}

@media (min-width:1180px){
  .hde-inhalt{position:sticky;top:96px;float:right;width:270px;margin:0 0 24px 40px;max-width:none}
  body.lp .lp-article{max-width:70ch}
}

/* Brotkrümel: styles.css setzt ein Trennzeichen per ::after, wissen.css eines per ::before —
   zusammen ergab das „Startseite › › Wissen". Eines davon wird hier abgeschaltet. */
body.lp .lp-breadcrumb li::after{content:none !important}
body.lp .lp-breadcrumb li + li::before{content:"›";margin-right:8px;color:#A8A29E}
body.lp .lp-breadcrumb [aria-current="page"]{color:var(--hde-tinte);font-weight:600}

/* Sicherheitsnetz: ohne border-box wird der Artikel mit „74ch" breiter als der Bildschirm,
   dann klebt der Text auf dem Handy am linken Rand. */
body.lp .lp-wrap, body.lp .lp-article, body.lp .lp-card, body.lp .lp-final,
body.lp .lp-faq details, body.lp .hde-inhalt{box-sizing:border-box}
body.lp .lp-article{max-width:min(74ch, 100%)}
@media (min-width:1180px){ body.lp .lp-article{max-width:min(70ch, 100%)} }

/* ---------- Kopfzeile eines Artikels: Lesedauer und Umfang ---------------- */
body.lp .wi-meta{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;
  margin:0 auto 18px;max-width:none;font-size:.82rem;color:rgba(245,245,244,.6)}
body.lp .wi-meta span{position:relative;padding-left:16px}
body.lp .wi-meta span:first-child{padding-left:0}
body.lp .wi-meta span:not(:first-child)::before{content:"";position:absolute;left:6px;top:.55em;
  width:4px;height:4px;border-radius:50%;background:var(--hde-gold-hell)}

/* ---------- Kachel mit Bild (auch als Link nutzbar) ---------------------- */
body.lp .wi-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
body.lp .wi-grid--klein{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
body.lp a.wi-item{display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:var(--hde-papier);border:1px solid var(--hde-linie);border-radius:var(--hde-radius);
  overflow:hidden;box-shadow:var(--hde-schatten);
  transition:transform .2s cubic-bezier(.2,.7,.3,1), box-shadow .2s, border-color .2s}
body.lp a.wi-item:hover{transform:translateY(-4px);box-shadow:var(--hde-schatten-hoch);
  border-color:rgba(161,98,7,.30)}
body.lp a.wi-item img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#F5F5F4;
  transition:transform .5s cubic-bezier(.2,.7,.3,1)}
body.lp a.wi-item:hover img{transform:scale(1.045)}
body.lp a.wi-item .wi-text{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1}
body.lp a.wi-item .wi-kat{text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;
  color:var(--hde-gold);font-weight:700}
body.lp a.wi-item .wi-titel{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.24rem;
  line-height:1.22;color:var(--hde-tinte)}
body.lp a.wi-item .wi-frage{font-size:.92rem;line-height:1.55;color:var(--hde-text-leise);flex:1}
body.lp a.wi-item .wi-link{font-size:.88rem;font-weight:600;color:var(--hde-gold);margin-top:6px}
body.lp a.wi-item--leer{background:linear-gradient(135deg,#2A2521,var(--hde-tinte))}
body.lp a.wi-item--leer .wi-titel{color:#FAFAF9}
body.lp a.wi-item--leer .wi-frage{color:rgba(245,245,244,.65)}
body.lp a.wi-item--leer .wi-kat{color:var(--hde-gold-licht)}
body.lp a.wi-item--leer .wi-link{color:var(--hde-gold-licht)}
body.lp a.wi-item--leer .wi-text{padding:26px 22px}

/* ---------- Voriger / nächster Beitrag ----------------------------------- */
body.lp .wi-nachbarn{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:8px auto 0;padding-top:8px}
body.lp .wi-nachbar{display:flex;flex-direction:column;gap:6px;padding:20px 22px;text-decoration:none;
  background:var(--hde-papier);border:1px solid var(--hde-linie);border-radius:16px;
  box-shadow:var(--hde-schatten);transition:transform .2s, box-shadow .2s, border-color .2s}
body.lp .wi-nachbar:hover{transform:translateY(-3px);box-shadow:var(--hde-schatten-hoch);
  border-color:rgba(161,98,7,.3)}
body.lp .wi-nachbar-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;
  color:var(--hde-gold);font-weight:700}
body.lp .wi-nachbar-titel{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.16rem;
  line-height:1.25;color:var(--hde-tinte)}
body.lp .wi-nachbar--nach{text-align:right}
@media (max-width:600px){
  body.lp .wi-nachbarn{grid-template-columns:1fr}
  body.lp .wi-nachbar--nach{text-align:left}
}

/* ---------- Filterknöpfe der Übersicht ----------------------------------- */
body.lp .wi-filter{gap:10px;margin-bottom:30px}
body.lp .wi-filter button{border-radius:999px;padding:10px 18px;font-size:.9rem;
  border:1px solid rgba(28,25,23,.16);background:var(--hde-papier);color:var(--hde-text-leise);
  box-shadow:0 1px 2px rgba(28,25,23,.04);transition:all .18s}
body.lp .wi-filter button:hover{border-color:var(--hde-gold);color:var(--hde-gold);transform:translateY(-1px)}
body.lp .wi-filter button[aria-pressed="true"]{
  background:linear-gradient(135deg,#2A2521,var(--hde-tinte));border-color:transparent;color:#fff;
  box-shadow:0 6px 16px rgba(28,25,23,.22)}

/* ---------- Blog ---------------------------------------------------------- */
body.lp .bl-eintrag{border-radius:var(--hde-radius);padding:26px 28px;box-shadow:var(--hde-schatten);
  border:1px solid var(--hde-linie);transition:box-shadow .2s, border-color .2s}
body.lp .bl-eintrag:hover{box-shadow:var(--hde-schatten-hoch);border-color:rgba(161,98,7,.22)}
body.lp .bl-eintrag h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;line-height:1.25}
body.lp .bl-meta{text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;
  color:var(--hde-gold);font-weight:700}
body.lp .bl-eintrag p{font-size:1.02rem;line-height:1.75}

/* ---------- Formular ------------------------------------------------------ */
body.lp .wi-form{border-radius:20px;padding:30px;box-shadow:var(--hde-schatten)}
body.lp .wi-form input,body.lp .wi-form textarea,body.lp .wi-form select{
  border-radius:12px;background:var(--hde-creme);border-color:rgba(28,25,23,.14);transition:border-color .18s, box-shadow .18s}
body.lp .wi-form input:focus,body.lp .wi-form textarea:focus,body.lp .wi-form select:focus{
  outline:none;border-color:var(--hde-gold);box-shadow:0 0 0 4px rgba(198,138,46,.16)}
body.lp .wi-form button{border-radius:999px;padding:14px 30px;
  background:linear-gradient(135deg,var(--hde-gold-licht),var(--hde-gold-hell) 55%,var(--hde-gold));
  color:#1C1917;font-weight:700;box-shadow:0 6px 20px rgba(161,98,7,.30);transition:transform .18s, box-shadow .18s}
body.lp .wi-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(161,98,7,.40)}

/* Die FAQ-Seite benutzt .faq statt .lp-faq — dort stand das Pluszeichen per float und
   rutschte bei zweizeiligen Fragen unter den Text. Gleiche Behandlung wie oben. */
body.lp .faq details{background:var(--hde-papier);border:1px solid var(--hde-linie);
  border-radius:14px;padding:2px 20px;margin-bottom:12px;box-shadow:0 1px 3px rgba(28,25,23,.04);
  transition:border-color .2s, box-shadow .2s}
body.lp .faq details[open]{border-color:rgba(161,98,7,.28);box-shadow:var(--hde-schatten)}
body.lp .faq summary{position:relative;padding:18px 46px 18px 0;font-size:1.04rem;
  color:var(--hde-tinte);list-style:none;cursor:pointer;font-weight:600}
body.lp .faq summary::-webkit-details-marker{display:none}
body.lp .faq summary::after{content:"";float:none;position:absolute;right:0;top:50%;
  transform:translateY(-50%);width:26px;height:26px;border-radius:50%;
  border:1px solid rgba(161,98,7,.35);font-size:0;
  background:
    linear-gradient(var(--hde-gold),var(--hde-gold)) center/11px 1.5px no-repeat,
    linear-gradient(var(--hde-gold),var(--hde-gold)) center/1.5px 11px no-repeat,
    rgba(161,98,7,.07)}
body.lp .faq details[open] summary::after{
  background:
    linear-gradient(var(--hde-gold),var(--hde-gold)) center/11px 1.5px no-repeat,
    rgba(161,98,7,.07)}
body.lp .faq p{color:var(--hde-text-leise);line-height:1.75;padding-bottom:6px}
body.lp .faq-final{background:radial-gradient(120% 100% at 50% 0%, #2A2521 0%, var(--hde-tinte) 50%, var(--hde-tinte-tief) 100%);
  border-radius:26px;padding:48px 28px;text-align:center;color:#FAFAF9;margin:36px auto;
  box-shadow:0 30px 80px rgba(28,25,23,.28)}
body.lp .faq-final h2{color:#FAFAF9}
body.lp .faq-final p{color:rgba(245,245,244,.72)}