/*
Theme Name: Sloep Service Groningen
Theme URI: https://sloepservicegroningen.nl
Author: Taxi Groningen
Description: One-page WordPress theme voor sloepverhuur met schipper in Groningen.
Version: 1.0
License: GPL-2.0+
Text Domain: sloepservicegroningen
*/
:root{--navy:#123044;--blue:#1f6f8b;--sand:#f4efe6;--white:#fff;--orange:#e0893e;--text:#1a2833;--muted:#657786}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--sand);line-height:1.55}a{color:inherit}.wrap{width:min(1120px,92vw);margin:auto}.topbar{background:var(--navy);color:#fff;padding:10px 0;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.nav{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 3px 16px rgba(0,0,0,.07)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{font-weight:800;font-size:22px;color:var(--navy);text-decoration:none}.menu{display:flex;gap:22px;align-items:center}.menu a{text-decoration:none;color:var(--text);font-weight:600}.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;border-radius:999px;padding:13px 22px;font-weight:700;box-shadow:0 10px 24px rgba(224,137,62,.28)}.btn.secondary{background:var(--blue)}.hero{background:linear-gradient(90deg,rgba(18,48,68,.94),rgba(18,48,68,.62)),url('assets/images/hero-sloep.svg') center/cover no-repeat;color:#fff;padding:96px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#ffd6ad;font-size:13px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;margin:12px 0 20px}.hero p{font-size:20px;max-width:650px}.card{background:#fff;color:var(--text);border-radius:26px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.price{font-size:52px;font-weight:900;color:var(--navy);line-height:1}.price small{font-size:18px;color:var(--muted)}.section{padding:72px 0}.section h2{font-size:clamp(30px,4vw,44px);margin:0 0 14px;color:var(--navy)}.lead{font-size:19px;color:var(--muted);max-width:760px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.feature{background:#fff;border-radius:24px;padding:26px;box-shadow:0 8px 28px rgba(0,0,0,.06)}.feature img{width:100%;height:160px;object-fit:cover;border-radius:18px;margin-bottom:18px}.feature h3{margin:0 0 10px;color:var(--navy);font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{width:100%;border-radius:28px;box-shadow:0 14px 42px rgba(0,0,0,.12)}.list{padding-left:0;list-style:none}.list li{margin:12px 0;padding-left:32px;position:relative}.list li:before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:900}.cta{background:var(--navy);color:#fff;text-align:center;padding:72px 0}.cta h2{color:#fff}.contact{background:#fff;border-radius:28px;padding:34px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer{background:#071e2d;color:#dce8ef;padding:32px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}@media(max-width:850px){.hero-grid,.split,.contact-row,.grid3{grid-template-columns:1fr}.menu{display:none}.hero{padding:72px 0}.topbar .wrap{display:block}.topbar span{display:block;margin:3px 0}}
