/* Ramabrama · gemeinsames Stylesheet für die Unterseiten (Danke, Impressum, Datenschutz).
   Farben und Schriften wie index.html — nur Systemschriften, keine externen Anfragen. */
:root{
  --paper:#F7F8F6; --weiss:#FFFFFF; --mist:#E9EFEC; --linie:#D5DEDA;
  --ink:#1C2B2B; --text:#34403F; --leise:#5B6866;
  --see:#2F6D67; --see-dunkel:#245853; --licht:#E3A66E; --licht-ink:#9C5A2A;
  --rot:#A44A36; --rot-grund:#F9EFEC;
  --ph-grund:#FFF4D6; --ph-rand:#B98A1B; --ph-text:#5E4300;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0; font-family:var(--sans); font-size:17px; line-height:1.7; color:var(--text); background:var(--paper)}
a{color:var(--see)}
a:hover{color:var(--see-dunkel)}
:focus-visible{outline:3px solid var(--licht-ink); outline-offset:3px; border-radius:4px}
.wrap{max-width:760px; margin:0 auto; padding-inline:24px}
header.kopf{background:rgba(247,248,246,.94); border-bottom:1px solid var(--linie)}
.nav{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:64px}
.marke{display:inline-flex; align-items:center; gap:10px; font-family:var(--serif); font-size:1.45rem; color:var(--ink); text-decoration:none}
.marke svg{width:24px; height:24px}
.zurueck{font-size:.95rem; color:var(--leise); text-decoration:none}
.zurueck:hover{color:var(--see)}
main{padding-block:56px 80px}
h1,h2{font-family:var(--serif); color:var(--ink); font-weight:400; line-height:1.2; margin:0}
h1{font-size:clamp(2rem,4vw,2.6rem); margin-bottom:10px}
h2{font-size:1.35rem; margin:34px 0 10px}
.unter{color:var(--leise); margin:0 0 34px}
p{margin:0 0 12px}
ul{margin:0 0 14px 20px; padding:0}
li{margin-bottom:6px}
.tbd{display:inline-block; background:var(--ph-grund); border:1px dashed var(--ph-rand); color:var(--ph-text); border-radius:6px; padding:0 8px; font-size:.9rem; font-weight:600}
.warn{background:var(--rot-grund); border-left:3px solid var(--rot); border-radius:0 10px 10px 0; padding:18px 22px; margin-bottom:34px; font-size:.95rem; color:#6E2A1B}
.warn b{display:block; font-family:var(--serif); font-size:1.1rem; font-weight:400; margin-bottom:4px; color:var(--rot)}
.btn{display:inline-flex; align-items:center; padding:.75em 1.4em; border-radius:999px; font-weight:600; text-decoration:none; background:var(--see); color:#FFFFFF; border:1.5px solid var(--see)}
.btn:hover{background:var(--see-dunkel); color:#FFFFFF}
footer.fuss{border-top:1px solid var(--linie); padding-block:28px 40px; font-size:.9rem; color:var(--leise)}
footer.fuss a{color:var(--leise)}
@media (max-width:640px){ .wrap{padding-inline:18px} main{padding-block:40px 60px} }