body {font-family: Arial, sans-serif; margin:0; padding:0; background:#f7f7f7; color:#222;}
header {background:#000; color:#fff; padding:15px;}
header .container {display:flex; align-items:center; justify-content:space-between; max-width:1000px; margin:auto;}
.logo {height:125px;}
nav a {color:#fff; margin-left:15px; text-decoration:none; font-weight:bold;}
nav a:hover {color:orange;}
.hero {padding:80px 20px; background:#fff; text-align:center;}
.hero h2 {font-size:2em; margin-bottom:20px;}
.btn {background:orange; color:#fff; padding:10px 20px; text-decoration:none; border-radius:5px;}
.section {padding:60px 20px;}
.section.alt {background:#eee;}
.container {max-width:1000px; margin:auto;}
.grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
.card {background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.card:hover {background:#DDD;transition:0.5s;cursor:pointer;}
.card h3 {margin-top:0; color:orange;}
.contact-form {display:flex; flex-direction:column; gap:15px;}
.contact-form input, .contact-form textarea {padding:10px; border:1px solid #ccc; border-radius:5px;}
.contact-form button {background:orange; color:#fff; padding:12px; border:none; border-radius:5px; cursor:pointer;}
.contact-form button:hover {background:#ff9800;}
footer {background:#000; color:#fff; padding:20px; text-align:center;}
footer a {color:orange; text-decoration:none;}
.keurmerk {margin-top:20px; height:60px;}