body {
    margin:0;
    font-family:Arial,sans-serif;
    background:#0f6233;
    color:#333;
  }
  
  .container {
    max-width:900px;
    margin:50px auto;
    padding:0 15px; /* zorgt voor ruimte op mobiel */
  }
  
  .card {
    background:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.1);
    border-radius:6px;
    overflow:hidden;
  }
  
  .card-header {
    background:#f9f9f9;
    padding:20px;
    text-align:center;
    border-bottom:1px solid #ddd;
  }
  
  .card-header h1 {
    margin:0;
    font-size:26px;
    color:#666;
  }
  
  .card-body {
    padding:30px;
    font-size:15px;
    line-height:1.6;
    color:#333;
  }
  
  .card-body h2 {
    font-size:18px;
    margin-top:25px;
    margin-bottom:10px;
    color:#0f6233;
  }
  
  .card-body ul {
    margin:10px 0 20px 20px;
  }
  
  .card-body li {
    margin-bottom:8px;
  }
  
  .card-body, a, .link {
    color:#0f5132;
  }
  
  /* Footer */
  footer {
    margin-top:40px;
    width:100%;
    text-align:center;
    background:#0f5132;
    padding:10px;
    font-size:0.85rem;
    color:#fff;
  }
  
  /* Knop */
  .btn-custom {
    background:#0f6233;
    color:#fff;
    padding:10px 25px;
    border:none;
    border-radius:4px;
    font-size:15px;
    text-decoration:none;
    display:inline-block;
  }
  .btn-custom:hover {
    background:#0c4f29;
    color:#fff;
    text-decoration:none;
  }
  .text-center { text-align:center; }
  
  /* ✅ Responsive verbeteringen */
  @media (max-width:768px) {
    .container { margin:30px auto; }
    .card-header h1 { font-size:22px; }
    .card-body { padding:20px; font-size:14px; }
    .card-body h2 { font-size:16px; }
  }
  
  @media (max-width:480px) {
    .container { margin:20px auto; }
    .card-header { padding:15px; }
    .card-header h1 { font-size:20px; }
    .card-body { padding:15px; font-size:13.5px; }
    .card-body h2 { font-size:15px; }
    .btn-custom { padding:8px 18px; font-size:14px; }
    footer { font-size:0.75rem; padding:8px; }
  }