/* Gemeinsames Fundament für alle Ratgeber-Seiten — Premium-Look wie die Landingpage. */
:root{
  --bg:#FAF6F1; --surface:#fff; --sunken:#F3EDE5; --border:#E8E2DB;
  --text:#1A1A1A; --text2:#4A4A4A; --text3:#707070;
  --accent:#E07838; --accent-strong:#B85A1E; --accent-schrift:#A34F19;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Figtree',system-ui,sans-serif; font-size:18px; line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:42rem; margin:0 auto; padding:0 1.25rem;}
header.top{padding:1.5rem 0 .5rem;}
header.top img{height:30px; width:auto; display:block;}
main{padding:1rem 0 3rem;}
.eyebrow{font-size:.8rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-schrift); margin:1.5rem 0 .75rem;}
h1{font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:400;
   font-size:2.5rem; line-height:1.08; letter-spacing:-.01em; margin:.25rem 0 1rem;}
h2{font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:400;
   font-size:1.7rem; line-height:1.15; margin:2.6rem 0 .8rem;}
h3{font-size:1.15rem; font-weight:700; margin:1.8rem 0 .5rem;}
p{margin:0 0 1.15rem;}
a{color:var(--accent-strong); text-underline-offset:2px;}
strong{font-weight:700;}
.lead{font-size:1.2rem; color:var(--text2); line-height:1.6;}
ul,ol{margin:0 0 1.2rem; padding-left:1.3rem;}
li{margin:.35rem 0;}
blockquote{margin:1.4rem 0; padding:.2rem 0 .2rem 1.1rem; border-left:3px solid var(--accent);
  font-style:italic; color:var(--text2);}
blockquote cite{display:block; font-style:normal; font-size:.85rem; color:var(--text3); margin-top:.4rem;}
.stat{background:var(--sunken); border:1px solid var(--border); border-radius:1rem; padding:1.1rem 1.25rem; margin:1.4rem 0;}
.stat .num{font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:2rem; color:var(--accent-strong); line-height:1;}
.stat .lbl{font-size:.95rem; color:var(--text2); margin-top:.35rem;}
.cta{background:var(--surface); border:1px solid var(--border); border-radius:1rem; padding:1.5rem; margin:2.4rem 0 1rem; text-align:center;}
.cta h2{margin:.2rem 0 .5rem;}
.cta p{color:var(--text2); margin-bottom:1rem;}
.btn{display:inline-block; background:var(--accent-strong); color:#fff; text-decoration:none;
  font-weight:600; padding:.75rem 1.5rem; border-radius:.75rem; min-height:44px;}
.meta{font-size:.85rem; color:var(--text3); margin-bottom:2rem;}
hr{border:none; border-top:1px solid var(--border); margin:2.5rem 0;}
/* Tabellen (Vergleichsseite) */
.tablewrap{overflow-x:auto; margin:1.4rem 0;}
table{border-collapse:collapse; width:100%; font-size:.95rem;}
th,td{text-align:left; padding:.7rem .8rem; border-bottom:1px solid var(--border); vertical-align:top;}
th{font-weight:700; background:var(--sunken);}
td:first-child,th:first-child{white-space:nowrap;}
/* Artikel-Liste (Übersicht) */
.cardlist{list-style:none; padding:0; margin:1.5rem 0; display:grid; gap:1rem;}
.cardlist a{display:block; text-decoration:none; color:inherit;
  background:var(--surface); border:1px solid var(--border); border-radius:1rem; padding:1.25rem 1.4rem;}
.cardlist .k{font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:1.35rem; color:var(--text); margin-bottom:.3rem;}
.cardlist .d{font-size:.95rem; color:var(--text2); line-height:1.55;}
/* interne Verweise am Artikelende */
.related{margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--border);}
.related .eyebrow{margin-top:0;}
.related ul{list-style:none; padding:0;}
footer{border-top:1px solid var(--border); padding:1.5rem 0 2.5rem; font-size:.85rem; color:var(--text3); margin-top:2rem;}
footer a{color:var(--text2); text-decoration:none; margin-right:1rem;}
@media (max-width:480px){ h1{font-size:2rem;} body{font-size:17px;} }