/* Gemeinsames Blatt fuer Impressum und Datenschutz.
   Bewusst dieselben Marken-Werte wie die Startseite, aber eine eigene Datei:
   Rechtstexte sind Lesetexte, keine Verkaufsflaeche — schmalere Spalte,
   ruhigere Abstaende, keine Handy-Leiste, kein Knopf. */

@font-face{
  font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;
  src:url('./fonts/instrument-serif-regular.ttf') format('truetype');
}

:root{
  --papier:#F5F2EC;
  --papier-tief:#EDE8DF;
  --tinte:#16211E;
  --akzent:#1F4E4A;
  --akzent-hell:#7FB3AC;
  --grau:#6B7370;
  --linie:#D8D2C6;
  --serif:'Instrument Serif','Iowan Old Style',Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--papier);color:var(--tinte);
  font-family:var(--sans);font-size:16.5px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:640px;margin:0 auto;padding:0 24px}

.fahne{background:var(--tinte);color:var(--papier);font-size:12.5px;letter-spacing:.05em;
  text-align:center;padding:10px 16px;line-height:1.45}
.fahne b{color:var(--akzent-hell)}

header{padding:36px 0 4px}
.marke{display:inline-block;line-height:0}
.marke img{width:200px;height:auto;display:block}

main{padding:26px 0 50px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,6vw,42px);line-height:1.15;
  margin-bottom:26px;letter-spacing:-.01em}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(20px,3.6vw,25px);line-height:1.28;
  margin:34px 0 10px}
p{margin-bottom:15px;max-width:62ch}
p:last-child{margin-bottom:0}
b,strong{font-weight:600}
a{color:var(--akzent)}
ul{margin:0 0 15px;padding-left:0;list-style:none}
li{position:relative;padding-left:24px;margin-bottom:9px;max-width:62ch}
li::before{content:'';position:absolute;left:0;top:12px;width:13px;height:1.5px;background:var(--akzent)}
.klein{display:inline-block;font-size:14.5px;color:var(--grau);line-height:1.6;margin-top:6px}

.offen{background:#FBF3EE;border:1px solid #E0C3B4;border-left:3px solid #A8472F;
  padding:18px 20px;margin:22px 0 30px;font-size:15px;line-height:1.6;color:#5C3324}
.offen b{color:#8E3A24}

.kasten{background:var(--papier-tief);border-left:2px solid var(--akzent);
  padding:18px 20px;margin:20px 0;font-size:15.5px;line-height:1.62}

footer{padding:26px 0 44px;border-top:1px solid var(--linie);font-size:14px;color:var(--grau)}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer nav a{color:var(--tinte);text-decoration:none;font-weight:600}
footer nav a:hover{text-decoration:underline}

@media (min-width:768px){body{font-size:17.5px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}