@font-face{
  font-family:'Carlito';
  src:url('/fonts/carlito-v4-latin-regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Carlito';
  src:url('/fonts/carlito-v4-latin-700.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gelasio';
  src:url('/fonts/gelasio-v14-latin-regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gelasio';
  src:url('/fonts/gelasio-v14-latin-600.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gelasio';
  src:url('/fonts/gelasio-v14-latin-italic.woff2') format('woff2');
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
:root{
  --plum:#3A2229;
  --sage:#4F5C42;
  --terracotta:#7A4530;
  --sand:#7A5F35;
  --cream:#F7F1EA;
  --cream-2:#EFE6D8;
  --white:#FFFDF9;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
/* Sprungziele (z.B. Fußnoten, #preis) landen sonst unter dem sticky Header */
:target{scroll-margin-top:100px;}
body{
  font-family:'Gelasio',serif;
  color:var(--plum);
  background:var(--cream);
  line-height:1.65;
  font-size:17px;
  overflow-x:hidden;
  overflow-wrap:break-word;
}
h1,h2,h3,.brand{
  font-family:'Carlito',sans-serif;
  font-weight:700;
  color:var(--plum);
}
a{color:inherit;}
.wrap{max-width:880px;margin:0 auto;padding:0 24px;}

/* --- nav (identisch zur Sales-Page) --- */
.site-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(247,241,234,0.92);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(58,34,41,0.08);
}
.site-nav .wrap{
  max-width:1040px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  padding-bottom:16px;
}
.site-nav .brand-link{
  font-family:'Carlito',sans-serif;
  font-weight:700;
  font-size:17px;
  color:var(--plum);
  text-decoration:none;
  letter-spacing:0.2px;
  display:flex;
  align-items:center;
}
.site-nav .brand-link img{
  display:block;
  height:52px;
  width:auto;
}
.site-nav .nav-links{display:flex;align-items:center;gap:28px;}
.site-nav .nav-links a{
  font-family:'Carlito',sans-serif;
  font-size:14.5px;
  font-weight:700;
  color:var(--plum);
  text-decoration:none;
  opacity:0.75;
  transition:opacity 0.15s ease;
}
.site-nav .nav-links a:hover{opacity:1;}
.site-nav .nav-links a.nav-cta{
  background:var(--terracotta);
  color:var(--white);
  opacity:1;
  padding:10px 20px;
  border-radius:100px;
  box-shadow:0 4px 14px rgba(122,69,48,0.24);
}
@media(max-width:600px){
  .site-nav .nav-links{gap:14px;}
  .site-nav .nav-links a:not(.nav-cta){font-size:13px;}
  .site-nav .nav-links a.nav-cta{padding:9px 16px;font-size:13px;}
}

/* --- generic section / cta / footer (aus Sales-Page übernommen) --- */
section{position:relative;padding:64px 0;overflow:hidden;}
.bg-cream2{background:var(--cream-2);}
.bg-white{background:var(--white);}
.cta{
  display:inline-block;
  background:var(--terracotta);
  color:var(--white);
  font-family:'Carlito',sans-serif;
  font-weight:700;
  font-size:17px;
  padding:17px 38px;
  border-radius:100px;
  text-decoration:none;
  box-shadow:0 6px 20px rgba(122,69,48,0.28);
  transition:transform 0.15s ease, box-shadow 0.15s ease;
}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(122,69,48,0.34);}
.notice{
  background:var(--cream-2);
  border-left:4px solid var(--sand);
  padding:22px 26px;
  border-radius:8px;
  font-size:14.5px;
  opacity:0.85;
  max-width:680px;
}
footer{
  background:var(--sage);
  color:var(--cream);
  text-align:center;
  padding:36px 0;
  font-size:13px;
  font-family:'Carlito',sans-serif;
  opacity:0.9;
}
footer a{text-decoration:none;}
footer a:hover{text-decoration:underline;}
footer .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  text-align:left;
}
footer .footer-copyright{font-size:11.5px;opacity:0.75;}
footer .footer-links{font-size:13px;}
footer .footer-links .sep{margin:0 14px;opacity:0.5;}
@media(max-width:480px){
  footer .wrap{flex-direction:column;justify-content:center;text-align:center;}
}

/* --- blog: article header --- */
.article-header{padding:92px 0 40px;}
.article-header .eyebrow{
  font-family:'Carlito',sans-serif;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12.5px;
  color:var(--terracotta);
  font-weight:700;
  margin-bottom:16px;
}
.article-header h1{font-size:38px;line-height:1.2;margin-bottom:18px;max-width:720px;}
.article-header .meta{font-size:14px;opacity:0.65;font-family:'Carlito',sans-serif;}
.article-header .dek{font-size:19px;opacity:0.85;max-width:640px;margin-top:14px;}

/* --- blog: article body typography --- */
.article-body{padding-top:44px;}
.article-body h2{font-size:24px;margin:36px 0 14px;max-width:680px;}
.article-body h3{font-size:19px;margin:28px 0 10px;max-width:680px;}
.article-body p{margin-bottom:18px;max-width:680px;}
.article-body ul,.article-body ol{margin:0 0 18px 22px;max-width:680px;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--plum);}
.article-body .lead{font-size:19px;opacity:0.9;max-width:680px;}
.article-body blockquote{
  border-left:3px solid var(--sage);
  padding:4px 0 4px 20px;
  margin:24px 0;
  font-style:italic;
  opacity:0.85;
  max-width:640px;
}
.sources-toggle{
  background:var(--cream-2);
  border-radius:12px;
  padding:16px 20px;
  margin:24px 0;
  font-size:14px;
  max-width:680px;
}
.sources-toggle summary{cursor:pointer;font-family:'Carlito',sans-serif;font-weight:700;font-size:14px;}
.sources-toggle ul{margin-top:12px;}
.sources-toggle .src-meta{display:block;font-size:12.5px;opacity:0.65;}

/* --- blog: inline CTA box --- */
.blog-cta{
  background:var(--white);
  border:1px solid rgba(58,34,41,0.1);
  border-radius:20px;
  padding:32px;
  text-align:center;
  max-width:680px;
  margin:40px 0;
}
.blog-cta h3{font-size:20px;margin-top:0;margin-bottom:8px;}
.blog-cta p{max-width:none;margin-bottom:20px;opacity:0.85;}

/* --- blog: weiterlesen / related articles --- */
.related-articles{
  background:var(--cream-2);
  border-radius:16px;
  padding:18px 32px 26px;
  margin:40px 0;
  max-width:680px;
}
.related-articles h3{font-size:18px;margin-top:0;margin-bottom:14px;}
.related-articles ul{list-style:none;margin:0;padding:0;max-width:none;}
.related-articles li{margin-bottom:12px;}
.related-articles li:last-child{margin-bottom:0;}
.related-articles a{
  font-family:'Carlito',sans-serif;
  font-weight:700;
  font-size:15px;
  color:var(--terracotta);
  text-decoration:none;
}
.related-articles a::before{content:"\2192";margin-right:8px;}
.related-articles a:hover{text-decoration:underline;}

/* --- blog: overview grid --- */
.blog-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:32px;
}
.blog-card{
  background:var(--white);
  border-radius:16px;
  padding:26px;
  text-decoration:none;
  border:1px solid rgba(58,34,41,0.08);
  display:block;
  transition:transform 0.15s ease, box-shadow 0.15s ease;
}
.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(58,34,41,0.1);}
.blog-card .eyebrow{
  font-family:'Carlito',sans-serif;
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:11.5px;
  color:var(--terracotta);
  font-weight:700;
  margin-bottom:10px;
}
.blog-card h2{font-size:19px;margin-bottom:8px;line-height:1.3;}
.blog-card p{font-size:14.5px;opacity:0.8;margin-bottom:0;}

@media(max-width:700px){
  .blog-grid{grid-template-columns:1fr;}
  .article-header{padding:64px 0 28px;}
  .article-header h1{font-size:27px;}
  section{padding:44px 0;}
}