/* flimr.app — dieselben Farben wie der Dunkelmodus der App (Moods/flimr.css) */
:root{
  --grund:#0B0A0A;
  --karte:#161514;
  --feld:rgba(255,255,255,.08);
  --tinte:#F2EFE9;
  --stumm:#8A857D;
  --kante:rgba(255,255,255,.09);
  --marker:#D8F24B;   /* genau eine Auszeichnung pro Seite */
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--grund);
  color:var(--tinte);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  font-size:17px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
a{color:inherit}
.rahmen{width:100%;max-width:600px;margin:0 auto;padding:0 20px}

/* Kopf */
.kopf{padding:28px 0 0}
.wortmarke{display:block;height:20px;width:auto;fill:var(--tinte)}
.kopf a{display:inline-block}

/* Hauptteil */
main{flex:1;padding:72px 0 56px}
.zeichen{width:88px;height:88px;border-radius:20px;display:block;margin-bottom:36px}
h1{
  font-size:clamp(34px,8vw,52px);
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.06;
  margin-bottom:24px;
}
.markierung{
  background:var(--marker);
  color:#101012;
  padding:0 .14em;
  border-radius:.14em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.einleitung{font-size:19px;color:var(--tinte);opacity:.86;max-width:30em;margin-bottom:44px}

.punkte{list-style:none;border-top:1px solid var(--kante);margin-bottom:48px}
.punkte li{padding:16px 0;border-bottom:1px solid var(--kante);font-weight:600}
.punkte span{display:block;font-weight:400;color:var(--stumm);font-size:15px;margin-top:2px}

.liste{background:var(--karte);border:1px solid var(--kante);border-radius:22px;padding:26px 22px}
.liste h2{font-size:22px;font-weight:750;letter-spacing:-.02em;margin-bottom:6px}
.liste p{color:var(--stumm);font-size:15px;margin-bottom:18px}
.liste .bald{background:var(--feld);border-radius:14px;padding:14px 16px;font-size:15px;color:var(--stumm)}

/* Fuß */
.fuss{padding:28px 0 36px;border-top:1px solid var(--kante);font-size:14px;color:var(--stumm)}
.fuss nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.fuss a{text-decoration:none}
.fuss a:hover{color:var(--tinte)}

/* Textseiten: Impressum, Datenschutz */
.text{padding:56px 0}
.text h1{font-size:clamp(30px,7vw,40px);margin-bottom:28px}
.text h2{font-size:19px;font-weight:700;margin:32px 0 8px;letter-spacing:-.01em}
.text p,.text li{color:var(--tinte);opacity:.88;margin-bottom:10px}
.text ul{padding-left:1.2em}
.text .stand{color:var(--stumm);font-size:14px;margin-top:40px}
.offen{background:var(--feld);border-radius:6px;padding:0 .3em;color:var(--marker)}