/* Satz fuer Impressum und Datenschutz. Beides sind Lesetexte, keine
   gestalteten Seiten - eine Spalte, klare Ueberschriften, sonst nichts.

   .luecke markiert jede Stelle, an der noch echte Angaben fehlen. Die
   Markierung ist absichtlich laut: sie soll auffallen, solange sie da
   ist, und vor dem Livegang restlos verschwinden. */

.rt{padding-block:clamp(2.5rem,5vw,4rem);max-width:70ch}
.rt h1{
  font:700 clamp(1.75rem,1.3rem + 1.8vw,2.375rem)/1.15 var(--sans);
  letter-spacing:-.03em;margin-bottom:var(--s-4);
}
.rt h2{
  margin:var(--s-7) 0 var(--s-3);padding-bottom:.5rem;
  border-bottom:1px solid var(--line);
  font:600 var(--t-h2)/1.25 var(--sans);letter-spacing:-.015em;
}
.rt h3{margin:var(--s-5) 0 var(--s-2);font:600 var(--t-h3)/1.35 var(--sans)}
.rt p,.rt li{font-size:.9375rem;line-height:1.7;color:var(--ink-2)}
.rt p{margin-bottom:var(--s-3)}
.rt ul{list-style:disc;padding-left:1.3em;margin-bottom:var(--s-4)}
.rt li{margin-bottom:.4rem}
.rt li::marker{color:var(--ink-3)}
.rt a{text-decoration:underline;text-underline-offset:2px}
.rt address{font-style:normal;line-height:1.8;font-size:.9375rem;color:var(--ink-2)}

/* Die Fuellfarbe ist im Hellmodus dunkel (weisse Schrift traegt),
   im Dunkelmodus hell (dann traegt dunkle Schrift). Deshalb steht die
   Schriftfarbe nicht fest, sondern folgt dem Modus. */
.luecke{
  display:inline-block;padding:.1em .5em;border-radius:4px;
  background:var(--c-koralle-ink);color:#fff;
  font:500 .875em/1.5 var(--mono);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .luecke{color:#100e17}
}
:root[data-theme="dark"] .luecke{color:#100e17}
.hinweis{
  margin-bottom:var(--s-6);padding:var(--s-4) var(--s-5);
  border:1px solid var(--line);border-left:3px solid var(--c-koralle);
  border-radius:0 var(--r) var(--r) 0;background:var(--surface);
}
.hinweis p{margin:0;font-size:var(--t-sm);color:var(--ink-2)}
.hinweis b{color:var(--ink)}