/* Stil der Rechtstexte. Schriften und Farben kommen aus index.html;
   die Seiten selbst bleiben schlichte, lesbare Textseiten. */
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/literata-italic-600-latin.2cbe72eb.woff2") format("woff2");
    unicode-range: U+0020-007E, U+00A0, U+00A2-00A3, U+00A7, U+00A9, U+00AB, U+00AD-00AE, U+00B0, U+00B2-00B3, U+00B5, U+00B7, U+00BB-00BE, U+00C0-00C2, U+00C4, U+00C7-00CA, U+00CC-00CE, U+00D1-00D4, U+00D6-00DC, U+00DF-00E2, U+00E4-00EF, U+00F1-00F4, U+00F6-00FC, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2191, U+2193;
  }
  @font-face {
    font-family: "Literata";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/literata-normal-400-latin.b58b49cf.woff2") format("woff2");
    unicode-range: U+0020-007E, U+00A0, U+00A2-00A3, U+00A7, U+00A9, U+00AB, U+00AD-00AE, U+00B0, U+00B2-00B3, U+00B5, U+00B7, U+00BB-00BE, U+00C0-00C2, U+00C4, U+00C7-00CA, U+00CC-00CE, U+00D1-00D4, U+00D6-00DC, U+00DF-00E2, U+00E4-00EF, U+00F1-00F4, U+00F6-00FC, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2191, U+2193;
  }
  @font-face {
    font-family: "Literata";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/literata-normal-600-latin.135e9404.woff2") format("woff2");
    unicode-range: U+0020-007E, U+00A0, U+00A2-00A3, U+00A7, U+00A9, U+00AB, U+00AD-00AE, U+00B0, U+00B2-00B3, U+00B5, U+00B7, U+00BB-00BE, U+00C0-00C2, U+00C4, U+00C7-00CA, U+00CC-00CE, U+00D1-00D4, U+00D6-00DC, U+00DF-00E2, U+00E4-00EF, U+00F1-00F4, U+00F6-00FC, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2191, U+2193;
  }
  @font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/work-sans-normal-400-latin.09985426.woff2") format("woff2");
    unicode-range: U+0020-007E, U+00A0, U+00A2-00A3, U+00A7, U+00A9, U+00AB, U+00AD-00AE, U+00B0, U+00B2-00B3, U+00B5, U+00B7, U+00BB-00BE, U+00C0-00C2, U+00C4, U+00C7-00CA, U+00CC-00CE, U+00D1-00D4, U+00D6-00DC, U+00DF-00E2, U+00E4-00EF, U+00F1-00F4, U+00F6-00FC, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2191, U+2193;
  }
  @font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/work-sans-normal-500-latin.66f1cf5c.woff2") format("woff2");
    unicode-range: U+0020-007E, U+00A0, U+00A2-00A3, U+00A7, U+00A9, U+00AB, U+00AD-00AE, U+00B0, U+00B2-00B3, U+00B5, U+00B7, U+00BB-00BE, U+00C0-00C2, U+00C4, U+00C7-00CA, U+00CC-00CE, U+00D1-00D4, U+00D6-00DC, U+00DF-00E2, U+00E4-00EF, U+00F1-00F4, U+00F6-00FC, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2191, U+2193;
  }
  @font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/work-sans-normal-600-latin.762b05fe.woff2") format("woff2");
    unicode-range: U+0020-007E, U+00A0, U+00A2-00A3, U+00A7, U+00A9, U+00AB, U+00AD-00AE, U+00B0, U+00B2-00B3, U+00B5, U+00B7, U+00BB-00BE, U+00C0-00C2, U+00C4, U+00C7-00CA, U+00CC-00CE, U+00D1-00D4, U+00D6-00DC, U+00DF-00E2, U+00E4-00EF, U+00F1-00F4, U+00F6-00FC, U+0131, U+0152-0153, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2191, U+2193;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/literata-italic-600-latin-ext.dac4eb85.woff2") format("woff2");
    unicode-range: U+0103, U+0107, U+010C-010D, U+0113, U+011F, U+012B, U+014D, U+015F-0160, U+0163, U+0173, U+020B, U+0219, U+2020;
  }
  @font-face {
    font-family: "Literata";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/literata-normal-400-latin-ext.d3eba930.woff2") format("woff2");
    unicode-range: U+0103, U+0107, U+010C-010D, U+0113, U+011F, U+012B, U+014D, U+015F-0160, U+0163, U+0173, U+020B, U+0219, U+2020;
  }
  @font-face {
    font-family: "Literata";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/literata-normal-600-latin-ext.87933755.woff2") format("woff2");
    unicode-range: U+0103, U+0107, U+010C-010D, U+0113, U+011F, U+012B, U+014D, U+015F-0160, U+0163, U+0173, U+020B, U+0219, U+2020;
  }
  @font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/work-sans-normal-400-latin-ext.76a1d780.woff2") format("woff2");
    unicode-range: U+0103, U+0107, U+010C-010D, U+0113, U+011F, U+012B, U+014D, U+015F-0160, U+0163, U+0173, U+020B, U+0219, U+2020;
  }
  @font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/work-sans-normal-500-latin-ext.484b3999.woff2") format("woff2");
    unicode-range: U+0103, U+0107, U+010C-010D, U+0113, U+011F, U+012B, U+014D, U+015F-0160, U+0163, U+0173, U+020B, U+0219, U+2020;
  }
  @font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/work-sans-normal-600-latin-ext.80452500.woff2") format("woff2");
    unicode-range: U+0103, U+0107, U+010C-010D, U+0113, U+011F, U+012B, U+014D, U+015F-0160, U+0163, U+0173, U+020B, U+0219, U+2020;
  }

  :root {
    /* Dieselbe Farbtafel wie in index.html - die Rechtstexte sollen wie die
       Seite aussehen, zu der sie gehören. Wird eine geändert, gehört die
       andere mit geändert; genau das war am 22.09.2026 fast passiert. */
    --ink: #23201a;
    --ink-soft: #5a5346;
    --paper: #efece2;
    --paper-raised: #f8f6ee;
    --line: #8f8570;
    --accent: #a8481f;
    --accent-soft: #e7cbb8;
    --teal: #26666b;
    --teal-soft: #d7e6e4;
    --focus: #a8481f;
  }
  /* Hell oder dunkel entscheidet das Betriebssystem des Besuchers; die Seite
     hat bewusst keinen eigenen Schalter. Die früheren Regeln für ein
     data-theme-Attribut waren toter Code – nichts setzte es je. */
  @media (prefers-color-scheme: dark) {
    :root {
      --ink: #e9ebef;
      --ink-soft: #a3a9b5;
      --paper: #17181b;
      --paper-raised: #202126;
      --line: #646b7a;
      --accent: #eba07f;
      --accent-soft: #40302a;
      --teal: #6fd0c8;
      --teal-soft: #15302e;
      --focus: #eba07f;
    }
  }

  * { box-sizing: border-box; }

  body {
    background: var(--paper);
    color: var(--ink);
    font-family: "Work Sans", -apple-system, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    padding-inline: 20px;
    padding-block: max(28px, env(safe-area-inset-top, 0px)) 48px;
    max-width: 680px;
    margin: 0 auto;
  }

  a { color: var(--teal); }
  a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

  h1 {
    font-family: "Literata", Georgia, "Times New Roman", serif;
    font-style: italic;
    font-weight: 600;
    font-size: clamp(26px, 5vw, 36px);
    line-height: 1.1;
    margin: 0 0 6px;
  }

  h2 {
    font-family: "Literata", Georgia, serif;
    font-weight: 600;
    font-size: 20px;
    margin: 32px 0 8px;
  }

  .zurueck {
    display: inline-block;
    margin-bottom: 24px;
    font-size: 14px;
  }

  dl { margin: 0; }
  dt { font-weight: 600; margin-top: 12px; }
  dd { margin: 0; }

  footer {
    margin-top: 40px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    font-size: 13px;
    color: var(--ink-soft);
  }