/* Erscheinungsbild nach WilckeWeb (wilckeweb.org): Inter, warmes Off-White, Koralle als Akzent, Petrol für Handlungen. */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap");
:root {
  --papier: #f6f3ef;
  --papier-2: #efe9e2;
  --karte: #ffffff;
  --tinte: #2a2a2a;
  --tinte-2: #6b6b6b;
  --linie: rgba(63, 63, 63, .12);
  --akzent: #f97d73;
  --akzent-2: rgba(249, 125, 115, .14);
  --gruen: #56a0a8;
  --gruen-2: rgba(86, 160, 168, .14);
  --nacht: #232323;
  --nacht-2: #3f3f3f;
  --a: #56a0a8;
  --b: #f97d73;
  --c: #3f3f3f;
  --schatten: 0 24px 60px -32px rgba(63, 63, 63, .35);
  --serif: "Inter", "SF Pro Display", "Segoe UI", "Helvetica Neue", -apple-system, sans-serif;
  --sans: "Inter", "SF Pro Display", "Segoe UI", "Helvetica Neue", -apple-system, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: radial-gradient(1200px 700px at 0% 0%, rgba(249, 125, 115, .12), transparent 60%),
              radial-gradient(900px 600px at 100% 100%, rgba(86, 160, 168, .10), transparent 60%), var(--papier);
  background-attachment: fixed;
  color: var(--tinte); font-family: var(--sans); -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--sans); font-weight: 800; letter-spacing: -0.035em; margin: 0; }
.chip { display: inline-flex; gap: .5em; align-items: center; color: var(--akzent); background: none; padding: 0;
  font-size: .78em; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.k { color: var(--akzent); }
.buchstabe { display: inline-grid; place-items: center; width: 1.8em; height: 1.8em; border-radius: .55em; color: #fff; font-weight: 700; flex: none; }
.w0 .buchstabe, .buchstabe.w0 { background: var(--a); }
.w1 .buchstabe, .buchstabe.w1 { background: var(--b); }
.w2 .buchstabe, .buchstabe.w2 { background: var(--c); }
.leise { color: var(--tinte-2); }
.versteckt { display: none !important; }