/* emi.atmet · Rechtsseiten (DEMO-Platzhalter) — gleiche Tokens wie die Hauptseiten */
:root{
  --paper:#F5EFE7; --white:#FBF8F3; --espresso-2:#211d19;
  --ink:#2C2824; --ink-soft:#5C534A; --ink-faint:#726757;
  --clay:#B4694E; --clay-deep:#9A5238; --clay-soft:#EBD7CC;
  --sage:#8A9A82; --sage-deep:#54654C; --sage-soft:#E1E7DC;
  --line:rgba(44,40,36,.12);
  --serif:"Newsreader","Newsreader Fallback",Georgia,serif;
  --sans:"Instrument Sans","Instrument Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --radius:16px; --pill:999px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased;}
.wrap{width:min(760px,92vw);margin-inline:auto;}
a{color:var(--clay-deep);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--clay);}
.topbar{padding:20px 0;border-bottom:1px solid var(--line);}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;}
.wm{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:19px;color:var(--ink);text-decoration:none;}
.wm .lotus{width:28px;height:28px;} .wm .dot{color:var(--clay);}
.back{font-size:14.5px;font-weight:500;color:var(--ink-soft);text-decoration:none;}
.back:hover{color:var(--ink);}
main{padding:clamp(40px,7vw,80px) 0 clamp(50px,9vw,100px);}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(30px,5vw,44px);line-height:1.1;letter-spacing:-.01em;}
.eyebrow{font-weight:600;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--clay-deep);display:block;margin-bottom:14px;}
h2{font-family:var(--serif);font-weight:600;font-size:clamp(21px,3vw,26px);margin:2.4rem 0 .7rem;}
p,li{color:var(--ink-soft);margin-bottom:.9rem;}
strong{color:var(--ink);font-weight:600;}
ul{padding-left:1.3rem;margin-bottom:1rem;}
.demo-box{background:var(--clay-soft);border-radius:var(--radius);padding:22px 24px;margin:2rem 0;font-size:15.5px;color:#7A3A22;line-height:1.6;display:flex;gap:14px;align-items:flex-start;}
.demo-box svg{flex:none;margin-top:2px;}
.demo-box strong{color:var(--ink);}
.good{background:var(--sage-soft);border-radius:var(--radius);padding:20px 24px;margin:1.6rem 0;color:var(--sage-deep);font-size:15.5px;line-height:1.6;}
.good strong{color:var(--ink);}
.klar{color:var(--clay-deep);font-weight:600;}
footer{background:var(--espresso-2);color:rgba(245,239,231,.6);padding:34px 0;font-size:14px;}
footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}
footer a{color:rgba(245,239,231,.72);}
:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(180,105,78,.45);border-radius:6px;}