/* PALcito SEO – Medium-Artikel-Stil: weiß/schwarz, Serif-Body, viel Luft.
   Geteilt von allen reparatur-/reparatur-in-Seiten (ein File, gecacht). */
:root{
  --ink:#242424;        /* Medium-Schwarz */
  --grey:#6B6B6B;        /* Meta/Caption */
  --line:#E6E6E6;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:"Source Serif 4",Georgia,Cambria,"Times New Roman",serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%;}
body{background:#fff; color:var(--ink); font-family:var(--serif); line-height:1.58; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}

header.m{border-bottom:1px solid var(--line);}
header.m .row{max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 24px;}
header.m .brand{font-family:var(--sans); font-weight:700; font-size:20px; color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:8px;}
header.m .brand img{height:26px; width:auto;}
header.m .top{font-family:var(--sans); font-size:14px; color:var(--ink); text-decoration:none; border:1px solid var(--ink); border-radius:999px; padding:7px 16px;}

article{max-width:680px; margin:0 auto; padding:48px 24px 80px;}
.kicker{font-family:var(--sans); font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--grey); margin-bottom:14px;}
h1{font-family:var(--sans); font-weight:700; font-size:42px; line-height:1.12; letter-spacing:-.02em; margin:0 0 18px;}
.byline{font-family:var(--sans); font-size:14px; color:var(--grey); margin-bottom:8px;}

p{font-size:20px; line-height:1.58; letter-spacing:-.003em; margin:0 0 1.45em;}
h2{font-family:var(--sans); font-weight:700; font-size:27px; line-height:1.25; letter-spacing:-.014em; margin:1.9em 0 .55em;}
h3{font-family:var(--sans); font-weight:600; font-size:20px; margin:1.6em 0 .35em;}
a{color:var(--ink); text-decoration:underline; text-underline-offset:2px;}

figure{margin:2.2em 0 1em;}
figure img{width:100%; height:auto; display:block;}
figcaption{font-family:var(--sans); font-size:13px; color:var(--grey); text-align:center; margin-top:10px;}

ul,ol{margin:0 0 1.45em; padding-left:1.25em;}
li{font-size:20px; line-height:1.58; margin-bottom:.5em;}

blockquote{border-left:3px solid var(--ink); margin:1.8em 0; padding:2px 0 2px 22px; font-style:italic; font-size:23px; line-height:1.45;}
blockquote cite{display:block; font-style:normal; font-family:var(--sans); font-size:14px; color:var(--grey); margin-top:10px;}

.cta{display:inline-block; background:var(--ink); color:#fff; font-family:var(--sans); font-weight:600; font-size:16px; text-decoration:none; padding:12px 24px; border-radius:999px; margin:.4em 0 1.2em;}
.cta:hover{opacity:.88;}
hr.sep{border:0; border-top:1px solid var(--line); margin:2.4em 0;}

.more{font-family:var(--sans); font-size:16px;}
.more a{display:block; padding:9px 0; border-bottom:1px solid var(--line);}

footer.m{border-top:1px solid var(--line); font-family:var(--sans);}
footer.m .in{max-width:680px; margin:0 auto; padding:28px 24px 48px; font-size:14px; color:var(--grey);}
footer.m .in a{color:var(--grey);}
footer.m .nap{color:var(--ink); font-weight:600; margin:.4em 0;}
footer.m .legal a{margin-right:16px;}

@media (max-width:600px){ h1{font-size:33px;} p,li{font-size:19px;} article{padding:32px 20px 64px;} }