body {
   font-family: 'Poppins', sans-serif;
 }

 .header-background {
     position: relative;
     background-image: url('https://hebikeenvaccinatienodig.nl/images/2025-08-01-banner-surf.jpg');
     background-size: cover;
     background-position: right top;
     height: 600px;
     width: 100%;
 }

 .overlayVaccinatie {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     z-index: 1000;
 }

 .quickcheck-banner {
   max-width: 800px;
   margin: 20px auto;
   background-color: rgba(178, 79, 48, 0.8);
   border: 2px solid #703C1B;
   border-radius: 16px;
   padding: 24px;
   box-shadow: 0 4px 12px rgba(0, 172, 193, 0.2);
 }

 .quickcheck-banner h2 { color: white; font-size: 1.8em; margin-bottom: 10px; }
 .quickcheck-banner ul { list-style: none; padding-left: 0; margin: 12px 0; color: white; }
 .quickcheck-banner ul li::before { content: "✅"; margin-right: 8px; color: white; }
 .quickcheck-banner .cta-button {
   display: inline-block;
   background-color: #28a745;
   color: #333;
   font-weight: bold;
   padding: 12px 24px;
   border-radius: 8px;
   text-decoration: none;
   font-size: 1em;
   margin-top: 16px;
   transition: background-color 0.3s ease;
 }
 .quickcheck-banner .cta-button:hover { background-color: #004080; color: white; }