/* NovoFen GmbH – gemeinsames Layout für Impressum, Datenschutz, AGB, Widerruf */
:root{
  --green:#94D967; --green-deep:#4A7C2A; --ink:#2B2B2B; --ink-soft:#55564f;
  --paper:#F4F5F2; --white:#FFFFFF; --line:rgba(43,43,43,0.12); --radius:2px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif; color:var(--ink); background:var(--paper); line-height:1.65; -webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif; font-weight:600; letter-spacing:-0.01em;}
a{color:var(--green-deep);}
:focus-visible{outline:2px solid var(--green-deep); outline-offset:3px;}

.site-head{border-bottom:1px solid var(--line); background:var(--white);}
.head-in{max-width:820px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
.brand{display:flex; align-items:center; gap:12px; font-family:'Space Grotesk'; font-weight:700; font-size:1.25rem; letter-spacing:0.02em; line-height:1; color:#727272; text-decoration:none;}
.brand img{width:38px; height:auto; display:block;}
.brand .wm-fen{color:var(--green);}
.back{font-size:0.9rem; color:var(--ink-soft); text-decoration:none;}
.back:hover{text-decoration:underline;}

.wrap{max-width:820px; margin:0 auto; padding:56px 24px 88px;}
h1{font-size:1.9rem; margin-bottom:8px;}
.updated{color:var(--ink-soft); font-size:0.85rem; margin-bottom:36px;}
h2{font-size:1.15rem; margin:34px 0 12px;}
h3{font-size:1rem; margin:20px 0 8px;}
p, li{color:var(--ink-soft); font-size:0.98rem; margin-bottom:10px;}
ul, ol{padding-left:22px; margin-bottom:10px;}
strong{color:var(--ink);}

.todo{
  background:#FFF6E5; border:1px solid #E8C77A; color:#7A5B00; padding:14px 16px;
  border-radius:var(--radius); font-size:0.9rem; margin:14px 0;
}
.todo b{color:#5C4400;}
.todo p{color:#7A5B00; font-size:0.9rem; margin:6px 0 0;}
.highlight-box{
  background:var(--white); border:1.5px solid var(--green-deep); border-radius:var(--radius);
  padding:20px 22px; margin:20px 0;
}
.highlight-box p{color:var(--ink); margin:0;}
mark.platzhalter{background:#FFF1B8; color:#5C4400; padding:0 4px; border-radius:2px;}

.site-foot{border-top:1px solid var(--line); background:var(--white);}
.foot-in{max-width:820px; margin:0 auto; padding:22px 24px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; font-size:0.85rem; color:var(--ink-soft);}
.foot-in a{color:var(--ink-soft);}
.foot-links{display:flex; flex-wrap:wrap; gap:6px 20px;}

@media (max-width:520px){
  h1{font-size:1.6rem;}
  .wrap{padding:40px 20px 64px;}
  .head-in{padding:12px 20px;}
}