html { -webkit-text-size-adjust: 100%; }  
:root {
  --papier: #f6ecdd;
  --tinte: #2a2927;
  --tinte-weich: #5d5a54;
  --gold: #d9a441;  
  --linie: #d9cdb8;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --hand: "Bradley Hand", "Segoe Print", "Ink Free", "Comic Sans MS", cursive;
  --satz: clamp(20px, 1.55vw, 26px);
  --etikett: 14px;
  --bildhoehe: min(64svh, 620px);  
}

* { box-sizing: border-box; }
img { display: block; }
a { color: inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hervor { font-weight: 700; color: var(--tinte); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: .2em; text-decoration-skip-ink: none; }  


.tuermarke { display: block; flex: 0 0 auto; width: 24px; height: 24px; }
.tm-grund { fill: var(--marke-grund, #2a2927); }
.tm-licht { fill: var(--marke-licht, var(--gold)); }
.tm-blatt { fill: var(--marke-blatt, #4a463f); }
.tm-rahmen { fill: none; stroke: var(--marke-rahmen, #f6ecdd); stroke-width: 3.2; }