/* Ratgeber und Über mich. Ergänzt seite.css, Farbwelt C ohne Lila. */
.kopf.fest{position:relative;background:var(--nacht)}
.pfad{font-size:14px;color:var(--text-leise);margin-bottom:22px}
.pfad a{color:var(--text-leise);text-decoration:none}
.pfad a:hover{color:var(--koralle-tief)}
.artikel{padding:56px 0 72px}
.artikel h1{font-size:clamp(32px,5vw,48px);margin-bottom:14px}
.meta{font-size:14px;color:var(--text-leise);margin-bottom:28px}
.kurz{background:var(--weiss);border:1px solid var(--rahmen);border-left:6px solid var(--koralle);border-radius:16px;padding:22px 26px;margin-bottom:40px}
.kurz .eyebrow{margin-bottom:8px}
.kurz p{margin:0;font-size:18px;line-height:1.6;color:var(--nacht)}
.artikel h2{font-size:clamp(24px,3.2vw,30px);margin:44px 0 14px}
.artikel ul{margin:0 0 18px 0;padding-left:0;list-style:none}
.artikel li{position:relative;padding-left:30px;margin-bottom:10px}
.artikel li:before{content:"";position:absolute;left:4px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--koralle)}
.artikel .fragen{margin-top:48px}
.hinweis{background:var(--sand);border-radius:14px;padding:18px 22px;font-size:15px;color:var(--text-leise);margin-top:36px}
.autorin{display:flex;gap:18px;align-items:center;background:var(--weiss);border:1px solid var(--rahmen);border-radius:16px;padding:20px 22px;margin-top:28px}
.autorin .kreis{flex:none;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--koralle),var(--apricot));color:#fff;display:flex;align-items:center;justify-content:center;font-family:"Jakarta";font-weight:800;font-size:22px}
.autorin p{margin:0;font-size:15px}
.weiter{margin-top:40px}
.weiter h2{margin-top:0}
.liste-artikel{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.liste-artikel a{display:block;background:var(--weiss);border:1px solid var(--rahmen);border-radius:18px;padding:22px 24px;text-decoration:none;color:var(--text);transition:transform .15s ease,box-shadow .15s ease}
.liste-artikel a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(58,42,34,0.1)}
.liste-artikel h3{margin-bottom:8px}
.liste-artikel p{margin:0;font-size:15px;color:var(--text-leise)}
.erklaer{background:var(--nacht);color:#fff;border-radius:20px;padding:28px 30px;margin-top:44px}
.erklaer h2{color:#fff;margin:0 0 10px}
.erklaer p{color:rgba(255,255,255,0.82)}
.erklaer .klein{font-size:13px;color:rgba(255,255,255,0.55);margin:14px 0 0}
@media (max-width:900px){.liste-artikel{grid-template-columns:1fr}.artikel{padding:40px 0 56px}}