/* Shared styles for the static content pages (Impressum, Datenschutz, Über das
   Projekt). The SPA (index.html) keeps its own inline CSS; these text pages are
   simple enough to share one small stylesheet and stay visually consistent with it. */
:root{
  --bg:#ffffff; --ink:#13171c; --soft:#626c77; --line:#e7eaed;
  --accent:#d9462a; --bg-2:#f5f7f8;
  --display:"Archivo",system-ui,sans-serif; --body:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
  line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
a{color:var(--accent)}

.top{display:flex;justify-content:space-between;align-items:center;
  padding:20px 0;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);
  font-weight:800;font-size:17px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand i{font-style:normal;color:var(--accent)}
.brand img{display:block}
.top .tag{font-size:12.5px;color:var(--soft);letter-spacing:.04em;text-transform:uppercase}

main{padding:6px 0 10px}
h1{font-family:var(--display);font-weight:800;font-size:clamp(26px,4vw,36px);
  letter-spacing:-.02em;margin:30px 0 6px}
h2{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin:34px 0 8px}
h3{font-family:var(--display);font-weight:700;font-size:16px;margin:22px 0 6px}
p,li{font-size:16px;color:#2b3138}
.lead{font-size:18px;color:var(--soft);margin:0 0 8px}
ul{padding-left:20px} li{margin:5px 0}
dl{margin:0} dt{font-family:var(--display);font-weight:700;margin-top:14px} dd{margin:2px 0 0}
address{font-style:normal}

/* operator-fill placeholders + "review this" callouts */
.ph{background:#fff4d6;border-radius:4px;padding:0 5px;font-style:normal}
.note{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:10px;padding:14px 16px;margin:18px 0;font-size:14.5px;color:var(--soft)}
.note b{color:var(--ink)}

footer{margin-top:54px;border-top:1px solid var(--line);padding:26px 0 60px;
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
footer nav{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13.5px}
footer nav a{color:var(--soft);text-decoration:none}
footer nav a:hover{color:var(--accent)}
footer .brand{font-size:15px}

@media(max-width:560px){
  .wrap{padding:0 16px}
  .top .tag{display:none}
}