:root {
      --text: #1f2937;
      --muted: #4b5563;
      --line: #d1d5db;
      --soft: #f8fafc;
      --accent: #111827;
      --box: #f3f4f6;
      --table-head: #e5e7eb;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--text);
      background: #ffffff;
      line-height: 1.65;
    }

    .page {
      max-width: 980px;
      margin: 0 auto;
      padding: 48px 36px 64px;
    }

    .article {
      width: 100%;
    }

    .title {
      margin: 0 0 8px;
      text-align: center;
      font-size: 34px;
      line-height: 1.2;
      font-weight: 700;
      color: var(--accent);
    }

    .subtitle {
      margin: 0;
      text-align: center;
      font-size: 24px;
      line-height: 1.4;
      font-weight: 700;
      color: var(--accent);
    }

    .intro-gap {
      height: 18px;
    }

    .lead {
      margin: 0;
      text-align: center;
      font-size: 22px;
      line-height: 1.45;
      font-weight: 700;
      color: var(--accent);
    }

    .section {
      margin-top: 44px;
    }

    h2 {
      margin: 0 0 20px;
      font-size: 28px;
      line-height: 1.3;
      font-weight: 700;
      color: var(--accent);
    }

    h3 {
      margin: 28px 0 18px;
      font-size: 21px;
      line-height: 1.35;
      font-weight: 700;
      color: var(--accent);
    }

    h4 {
      margin: 28px 0 14px;
      font-size: 21px;
      line-height: 1.35;
      font-weight: 700;
      color: var(--accent);
    }

    p {
      margin: 0 0 18px;
      font-size: 19px;
    }

    .center {
      text-align: center;
    }

    .bold-center {
      margin: 0 0 18px;
      text-align: center;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.45;
    }

    .spacer-sm {
      height: 10px;
    }

    .spacer-md {
      height: 18px;
    }

    .spacer-lg {
      height: 28px;
    }

    .exam-name {
      margin: 18px 0 8px;
      text-align: center;
      font-size: 30px;
      font-weight: 700;
      line-height: 1.35;
    }

    .exam-short {
      margin: 0 0 22px;
      text-align: center;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.4;
    }

    .simple-table {
      width: 100%;
      border-collapse: collapse;
      margin: 18px 0 24px;
      font-size: 18px;
    }

    .simple-table th,
    .simple-table td {
      border: 1px solid var(--line);
      padding: 12px 14px;
      vertical-align: top;
      text-align: left;
    }

    .simple-table th {
      background: var(--table-head);
      font-weight: 700;
    }

    .note-box {
      border: 1px solid var(--line);
      background: var(--soft);
      padding: 18px 20px;
      margin: 20px 0 22px;
    }

    .note-box p:last-child,
    .topic-box p:last-child,
    .plan-box p:last-child {
      margin-bottom: 0;
    }

    .topic-box {
      border-left: 5px solid #9ca3af;
      background: var(--box);
      padding: 16px 18px;
      margin: 18px 0 22px;
    }

    .plan-box {
      border: 2px solid var(--accent);
      background: #fafafa;
      padding: 18px 20px;
      margin: 18px 0 24px;
    }

    .rule-title {
      margin: 0 0 14px;
      text-align: center;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.5px;
    }

    .chapter-title {
      margin: 46px 0 20px;
      font-size: 28px;
      line-height: 1.3;
      font-weight: 700;
      color: var(--accent);
    }

    .subhead {
      margin: 26px 0 14px;
      font-size: 22px;
      line-height: 1.4;
      font-weight: 700;
    }

    .final-lines p {
      margin-bottom: 14px;
    }

    .footer-success {
      margin-top: 28px;
      text-align: center;
      font-size: 26px;
      font-weight: 700;
    }

    .footer-link {
      text-align: center;
      font-size: 20px;
      font-weight: 700;
    }
.zitat_blau {margin-left: 0.14in; line-height: 100%; margin-bottom: 0in; margin-right: 0.14in; border-top: none; border-bottom: none; border-left: 2.00pt solid #1b3a6b; border-right: none; padding-top: 10px; padding-bottom: 10px; padding-left: 0.11in; padding-right: 0in; background: #d9e8f5;}
.zitat_gelb {margin-left: 0.14in; line-height: 100%; margin-bottom: 0in; margin-right: 0.14in; border-top: none; border-bottom: none; border-left: 2.00pt solid #7d5a00; border-right: none; padding-top: 10px; padding-bottom: 10px; padding-left: 0.11in; padding-right: 0in; background: #fff9e0;}
.zitat_grun {margin-left: 0.14in; line-height: 100%; margin-bottom: 0in; margin-right: 0.14in; border-top: none; border-bottom: none; border-left: 2.00pt solid #1a6b3a; border-right: none; padding-top: 10px; padding-bottom: 10px; padding-left: 0.11in; padding-right: 0in; background: #d6f0e2;}
.zitat_rot {margin-left: 0.14in; line-height: 100%; margin-bottom: 0in; margin-right: 0.14in; border-top: none; border-bottom: none; border-left: 2.00pt solid #8b0000; border-right: none; padding-top: 10px; padding-bottom: 10px; padding-left: 0.11in; padding-right: 0in; background: #fdecea;}
h3 {border-top: none; border-bottom: none; border-left: 2.50pt solid #1b3a6b; border-right: none; padding-left: 0.11in; padding-right: 0in; margin-left: 0.11in; }
h4 {border-top: none; border-bottom: none; border-left: 2.50pt solid #1b3a6b; border-right: none; padding-left: 0.11in; padding-right: 0in; margin-left: 0.11in; }
.section li {font-size: 19px; }