/* Wissensseiten (Numerologie, Human Design …) — ergänzt seite.css, ersetzt nichts. */

.brotkrume{max-width:820px;margin:0 auto;padding:16px 24px 0;font-size:.82rem;color:var(--color-fg-3)}
.brotkrume ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45em;margin:0;padding:0}
.brotkrume li::after{content:"›";margin-left:.45em;color:var(--color-line-2)}
.brotkrume li:last-child::after{content:""}
.brotkrume a{color:var(--color-fg-3);text-decoration:none}
.brotkrume a:hover{color:var(--color-brand);text-decoration:underline}

/* Kurzantwort ganz oben — das, was Google als Ausschnitt zieht */
.antwort{background:var(--color-panel-2);border:1px solid var(--color-line);
  border-left:3px solid var(--color-brand);border-radius:.75rem;padding:20px 22px;margin:0 0 2em}
.antwort p{margin:0;color:var(--color-fg);font-size:1.06rem;line-height:1.6}
.antwort p+p{margin-top:.7em}

/* Inhaltsverzeichnis */
.inhaltsvz{border:1px solid var(--color-line);border-radius:.75rem;padding:18px 22px;margin:0 0 2.4em}
.inhaltsvz strong{display:block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-fg-3);margin-bottom:.7em;font-weight:600}
.inhaltsvz ol{margin:0;padding-left:1.15em;color:var(--color-fg-2);font-size:.96rem}
.inhaltsvz li{margin-bottom:.3em}
.inhaltsvz a{text-decoration:none}
.inhaltsvz a:hover{text-decoration:underline}

/* Zahlenkacheln */
.zahlen{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin:1.6em 0 2em}
.zahl{display:block;background:var(--color-panel);border:1px solid var(--color-line);border-radius:.75rem;
  padding:16px 12px;text-align:center;text-decoration:none;transition:border-color .16s,transform .16s}
.zahl:hover{border-color:var(--color-brand);transform:translateY(-2px)}
.zahl__n{display:block;font-family:var(--font-display);font-weight:600;font-size:1.5rem;
  color:var(--color-brand);line-height:1.1}
.zahl__t{display:block;font-size:.8rem;color:var(--color-fg-3);margin-top:.35em}

/* Drei Lebensbereiche */
.bereiche{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin:1.4em 0 2em}
.bereich{background:var(--color-panel);border:1px solid var(--color-line);border-radius:.75rem;padding:18px 20px}
.bereich h3{margin:0 0 .45em;font-size:1rem}
.bereich p{margin:0;font-size:.95rem}

/* Aufruf zur Handlung */
.aufruf{background:linear-gradient(150deg,var(--color-panel-2),var(--color-ink) 78%);
  border:1px solid var(--color-line);border-radius:var(--radius);padding:28px 26px;margin:2.6em 0 0;text-align:center}
.aufruf h2{margin:0 0 .5em!important;font-size:1.35rem}
.aufruf p{margin:0 auto 1.3em;max-width:46ch}

/* Häufige Fragen */
.fragen{margin:2.2em 0 0}
.frage{border-bottom:1px solid var(--color-line)}
.frage summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:700;color:var(--color-fg);
  display:flex;justify-content:space-between;gap:1em;align-items:flex-start}
.frage summary::-webkit-details-marker{display:none}
.frage summary::after{content:"+";color:var(--color-brand);font-weight:400;font-size:1.3rem;line-height:1}
.frage[open] summary::after{content:"–"}
.frage p{padding:0 0 15px;margin:0;color:var(--color-fg-2)}
.frage summary:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:4px}

/* Weiterlesen */
.weiter{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.4em 0 0}
.weiter a{display:block;background:var(--color-panel);border:1px solid var(--color-line);
  border-radius:.75rem;padding:16px 18px;text-decoration:none;transition:border-color .16s}
.weiter a:hover{border-color:var(--color-brand)}
.weiter b{display:block;color:var(--color-fg);font-size:1rem;margin-bottom:.2em}
.weiter span{font-size:.88rem;color:var(--color-fg-3)}

/* Fußbereich der Wissensseiten */
.fuss__spalten{max-width:1100px;margin:0 auto 26px;display:grid;gap:26px;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));font-size:.9rem}
.fuss__spalten h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;
  color:var(--color-fg);margin:0 0 .6em}
.fuss__spalten ul{list-style:none;margin:0;padding:0}
.fuss__spalten li{margin-bottom:.35em}
.fuss__spalten a{margin:0}

/* Lebenszahl-Rechner auf dem Numerologie-Hub */
.lz-rechner{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius);
  padding:24px 22px;margin:1.4em 0 2.2em;box-shadow:0 18px 44px -30px rgb(31 45 61 / .25)}
.lz-rechner label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.5em;color:var(--color-fg)}
.lz-rechner__zeile{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lz-rechner input[type=date]{font:inherit;font-size:1.05rem;padding:11px 14px;border:1px solid var(--color-line-2);
  border-radius:.65rem;background:#fff;color:var(--color-fg);min-width:200px}
.lz-rechner input:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
.lz-rechner button{font:inherit;font-weight:700;font-size:1rem;color:#fff;background:var(--color-brand);
  border:0;border-radius:999px;padding:12px 26px;cursor:pointer;transition:background .2s,transform .16s}
.lz-rechner button:hover{background:var(--color-night);transform:translateY(-1px)}
.lz-rechner__aus{margin-top:18px;padding-top:16px;border-top:1px solid var(--color-line);display:none}
.lz-rechner__aus[data-aktiv]{display:block}
.lz-rechner__zahl{font-family:var(--font-display);font-weight:600;font-size:3rem;line-height:1;color:var(--color-brand)}
.lz-rechner__weg{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;color:var(--color-fg-3);margin:.5em 0 .8em}
.lz-rechner__aus p{margin:0 0 .5em}