/* Blog — Neuro Qi Gong nach Güngör Önder®. Baut auf fonts.css auf. */
:root{
  --leinen:#F2EDE4; --leinen-tief:#E9DFCF; --weiss:#FBF8F2;
  --gold:#D4A94E; --amber:#C8956B; --bernstein:#8B5E3C;
  --tinte:#1F1A17; --tinte-weich:#4A4038; --saphir:#3B5C7A; --orange:#FF6503;
  --linie:rgba(139,94,60,.22);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:18px;line-height:1.75;
  color:var(--tinte-weich);background:var(--leinen);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--bernstein)}
strong{font-weight:500;color:var(--tinte)}
.wrap{max-width:1120px;margin:0 auto;padding-left:26px;padding-right:26px}
.skip{position:absolute;left:-999px;top:0;background:var(--bernstein);color:var(--leinen);
  padding:12px 20px;z-index:100;border-radius:0 0 6px 0}
.skip:focus{left:0}

/* Kopfzeile */
nav.site{background:var(--bernstein)}
nav.site .wrap{display:flex;align-items:center;justify-content:space-between;
  padding-top:16px;padding-bottom:16px}
nav.site .logo{display:flex;align-items:center;gap:14px;text-decoration:none}
nav.site .logo img{width:48px;height:48px;background:var(--leinen);border-radius:50%;padding:3px}
nav.site .logo span{font-family:'Cinzel',serif;font-size:.92rem;letter-spacing:.08em;color:var(--leinen)}
nav.site ul{display:flex;gap:28px;list-style:none;align-items:center}
nav.site ul a{text-decoration:none;color:rgba(242,237,228,.86);font-size:.9rem;font-weight:400}
nav.site ul a:hover{color:var(--gold)}
nav.site ul a.btn{background:var(--gold);color:var(--tinte);padding:10px 22px;border-radius:3px;
  font-family:'Cinzel',serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:820px){nav.site ul li:not(:last-child){display:none}}

h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--bernstein);
  line-height:1.15;font-weight:500;text-wrap:balance}
em.akz{font-style:italic;color:var(--gold)}
.eyebrow{font-family:'Cinzel',serif;font-weight:600;font-size:.68rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--bernstein);margin-bottom:14px}

/* Brotkrume */
.krume{font-size:.82rem;color:var(--tinte-weich);padding-top:22px}
.krume a{text-decoration:none}.krume a:hover{color:var(--gold)}
.krume span{color:var(--amber);margin:0 8px}

/* Blog-Übersicht */
.blog-kopf{padding:40px 0 10px}
.blog-kopf h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:6px 0 12px}
.blog-kopf p{max-width:60ch;font-size:1.05rem}
.liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;
  padding-block:44px 80px}
.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:12px;overflow:hidden;
  text-decoration:none;color:inherit;display:flex;flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease}
.karte:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(31,26,23,.1)}
.karte .motiv{aspect-ratio:16/9;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--leinen-tief),#DFD0B8)}
.karte .motiv svg{width:72px;height:72px;opacity:.5}
.karte .inner{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.karte .meta{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--amber);font-weight:600;margin-bottom:10px}
.karte h2{font-size:1.5rem;margin-bottom:8px}
.karte p{font-size:.95rem;flex:1}
.karte .mehr{margin-top:16px;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--bernstein)}
.karte.bald{pointer-events:none}
.karte.bald .meta{color:var(--tinte-weich)}

/* Artikel */
.artikel-kopf{padding:30px 0 0}
.artikel-kopf .inner{max-width:720px;margin:0 auto}
.artikel-kopf .meta{font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber);font-weight:600;margin-bottom:16px;
  display:flex;gap:14px;flex-wrap:wrap}
.artikel-kopf h1{font-size:clamp(2.2rem,4.6vw,3.3rem);margin-bottom:18px}
.artikel-kopf .lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;
  line-height:1.4;color:var(--tinte)}
.motiv-band{max-width:720px;margin:34px auto 0;aspect-ratio:21/7;border-radius:12px;
  display:grid;place-items:center;background:linear-gradient(135deg,var(--leinen-tief),#E6D8BF 60%,var(--gold))}
.motiv-band svg{width:120px;height:120px;opacity:.45}

article.text{max-width:680px;margin:0 auto;padding-block:40px 20px}
article.text h2{font-size:1.85rem;margin:46px 0 14px}
article.text h3{font-size:1.3rem;font-weight:600;margin:30px 0 10px}
article.text p{margin:14px 0}
article.text ul,article.text ol{margin:14px 0 14px 2px;padding-left:22px}
article.text li{margin:9px 0}
article.text a{text-underline-offset:3px}

/* Übungs-Karten (nummeriert, mit Ablauf + Wirkung) */
.uebung{background:var(--weiss);border:1px solid var(--linie);border-radius:12px;
  padding:26px 28px;margin:22px 0}
.uebung .nr{font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:6px}
.uebung h3{margin:0 0 12px;font-size:1.3rem}
.uebung .zeile{display:flex;gap:10px;margin:8px 0;font-size:.97rem}
.uebung .zeile b{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--bernstein);flex:none;width:72px;padding-top:3px}

/* Merkkasten */
.merk{background:var(--leinen-tief);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;
  padding:20px 24px;margin:26px 0}
.merk p:first-child{font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bernstein);margin-bottom:6px}

/* Inhaltsverzeichnis */
.toc{background:var(--weiss);border:1px solid var(--linie);border-radius:12px;padding:22px 26px;margin:30px 0}
.toc p{font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amber);margin-bottom:10px}
.toc ol{margin:0;padding-left:20px}
.toc li{margin:5px 0;font-size:.95rem}
.toc a{text-decoration:none}.toc a:hover{color:var(--gold)}

/* CTA-Band im Artikel (Saphir-Akzent) */
.cta-band{background:var(--saphir);color:rgba(242,237,228,.92);border-radius:14px;
  padding:40px 40px;margin:48px auto;max-width:720px;text-align:center}
.cta-band .eyebrow{color:var(--gold)}
.cta-band h2{color:var(--leinen);margin:0 0 10px;font-size:1.8rem}
.cta-band p{max-width:46ch;margin:0 auto 24px}
.btn{display:inline-block;padding:15px 34px;font-family:'Cinzel',serif;font-weight:600;font-size:.76rem;
  letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-radius:3px;
  transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--tinte)}
.btn-gold:hover{box-shadow:0 10px 26px rgba(212,169,78,.4)}

/* Autorinnen-Box */
.autorin{max-width:720px;margin:40px auto 0;display:flex;gap:22px;align-items:flex-start;
  background:var(--weiss);border:1px solid var(--linie);border-radius:12px;padding:26px 28px}
.autorin img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none}
.autorin .name{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;color:var(--bernstein);
  margin-bottom:4px}
.autorin .rolle{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amber);margin-bottom:10px}
.autorin p{font-size:.95rem}

/* Hinweis / Disclaimer */
.hinweis{max-width:720px;margin:28px auto 0;font-size:.82rem;color:var(--tinte-weich);
  border-top:1px solid var(--linie);padding-top:16px}

/* Verwandte Artikel */
.verwandt{padding-block:56px 30px}
.verwandt .inner{max-width:720px;margin:0 auto}
.verwandt h2{font-size:1.6rem;margin-bottom:22px}
.verwandt .zwei{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:620px){.verwandt .zwei{grid-template-columns:1fr}}

footer.site{background:var(--bernstein);color:rgba(242,237,228,.82);padding:46px 0;margin-top:40px}
footer.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
footer.site .marke{font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.1em;color:var(--leinen)}
footer.site a{color:rgba(242,237,228,.82);text-decoration:none;font-size:.86rem}
footer.site a:hover{color:var(--gold)}
footer.site .links{display:flex;gap:22px;flex-wrap:wrap}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.karte:hover,.btn:hover{transform:none}}