:root {
    --ink: #1b2430;
    --ink-soft: #5b6472;
    --line: #e4e2dc;
    --bg: #505050;
    --surface: #ffffff;
    --accent: #2f5d50;
    --accent-soft: #505050;
  }


	.wrap {
    max-width: 720px;
    margin: 0 auto;
  }

  .eyebrow {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 8px;
  }

  h1 {
    font-family: 'Source Serif 4', Georgia, serif;
    font-weight: 600;
    font-size: 1.9rem;
    margin-bottom: 32px;
    letter-spacing: -0.01em;
  }

  /* Tabellen-Container */
  .elegant-table-card {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(27, 36, 48, 0.04), 0 8px 24px rgba(27, 36, 48, 0.05);
  }

  table.elegant-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
  }

  .elegant-table thead th {
    font-family: 'Manrope', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    background: var(--accent-soft);
    padding: 16px 24px;
    border-bottom: 4px solid #66a5d2;
  }

  .elegant-table thead th:first-child { border-top-left-radius: 14px; }
  .elegant-table thead th:last-child { border-top-right-radius: 14px; }

  .elegant-table tbody td {
    padding: 18px 24px;
    border-bottom: 1px solid var(--line);
    font-size: 0.95rem;
    vertical-align: top;
  }

  .elegant-table tbody tr:last-child td {
    border-bottom: none;
  }

  .elegant-table tbody tr {
    transition: background-color 0.15s ease;
  }

  .elegant-table tbody tr:hover {
    background-color: var(--accent-soft);
  }

  .elegant-table td.label {
    font-weight: 600;
    color: var(--ink);
    width: 38%;
  }
  
  .elegant-table tbody tr:hover td.label,
  .elegant-table tbody tr:hover td.value {
    color: #ffffff;
  }

  .elegant-table td.value {
    color: var(--ink-soft);
  }

  /* --- Mobile: Tabelle wird zu gestapelten Karten --- */
  @media (max-width: 576px) {
    .elegant-table thead {
      display: none;
    }

    .elegant-table, 
    .elegant-table tbody, 
    .elegant-table tr, 
    .elegant-table td {
      display: block;
      width: 100%;
    }

    .elegant-table tbody tr {
      padding: 18px 20px;
      border-bottom: 1px solid var(--line);
    }

    .elegant-table tbody tr:last-child {
      border-bottom: none;
    }

    .elegant-table td {
      padding: 4px 0;
      border-bottom: none !important;
    }

    .elegant-table td.label {
      font-size: 0.72rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--accent);
      width: auto;
    }

    .elegant-table td.value {
      font-size: 1rem;
      color: var(--ink);
      margin-bottom: 4px;
    }
  }

  /* Fokus-Sichtbarkeit für Tastaturnutzung, falls Zeilen klickbar gemacht werden */
  .elegant-table tbody tr:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
  }