/* ── SCOPED: alles begint met #ag-landing om conflicten met thema te voorkomen ── */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');

#ag-landing {
--ag-rood: #D10000;
--ag-rood-dark: #a80000;
--ag-zwart: #0a0a0a;
--ag-mid: #141414;
--ag-light: #1e1e1e;
--ag-wit: #ffffff;
--ag-grijs: #888;
--ag-goud: #f5c842;
font-family: 'DM Sans', sans-serif;
font-size: 16px;
line-height: 1.6;
color: var(--ag-wit);
background: var(--ag-zwart);
overflow-x: hidden;
position: relative;
}

/* Reset binnen scope */
#ag-landing *, #ag-landing *::before, #ag-landing *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#ag-landing a { text-decoration: none; }
#ag-landing ul { list-style: none; }
#ag-landing h1, #ag-landing h2, #ag-landing h3 {
font-family: 'Bebas Neue', sans-serif;
letter-spacing: 0.03em;
line-height: 1;
}

/* ── STICKY BALK ── */
#ag-landing .ag-sticky {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 99999;
background: var(--ag-rood);
padding: 9px 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
#ag-landing .ag-sticky span {
font-size: 13px;
font-weight: 500;
color: var(--ag-wit);
}
#ag-landing .ag-code-pill {
background: var(--ag-wit);
color: var(--ag-rood);
font-family: 'Bebas Neue', sans-serif;
font-size: 15px;
letter-spacing: 0.1em;
padding: 3px 12px;
border-radius: 4px;
cursor: pointer;
transition: transform 0.15s;
user-select: none;
white-space: nowrap;
}
#ag-landing .ag-code-pill:hover { transform: scale(1.05); }
#ag-landing .ag-sticky-cta {
background: rgba(0,0,0,0.3);
color: var(--ag-wit);
font-size: 12px;
font-weight: 600;
padding: 5px 12px;
border-radius: 4px;
white-space: nowrap;
}
#ag-landing .ag-sticky-cta:hover { background: rgba(0,0,0,0.5); }

/* ── SECTIE WRAPPER ── */
#ag-landing .ag-section {
padding: 70px 20px;
width: 100%;
}
#ag-landing .ag-section-inner {
max-width: 1160px;
margin: 0 auto;
}
#ag-landing .ag-tag {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--ag-rood);
margin-bottom: 10px;
display: block;
}
#ag-landing .ag-h2 {
font-size: clamp(36px, 7vw, 60px);
margin-bottom: 12px;
}
#ag-landing .ag-sub {
font-size: 16px;
color: #777;
font-weight: 300;
line-height: 1.7;
margin-bottom: 44px;
max-width: 520px;
}

/* ── HERO ── */
#ag-landing .ag-hero {
background: var(--ag-zwart);
padding-top: 100px;
padding-bottom: 60px;
position: relative;
overflow: hidden;
}
#ag-landing .ag-hero::before {
content: '';
position: absolute;
top: 0; right: 0;
width: 70%; height: 100%;
background: radial-gradient(ellipse at top right, rgba(209,0,0,0.10) 0%, transparent 65%);
pointer-events: none;
}
#ag-landing .ag-hero-grid {
max-width: 1160px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
#ag-landing .ag-badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(209,0,0,0.12);
border: 1px solid rgba(209,0,0,0.3);
color: #ff7070;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 100px;
margin-bottom: 18px;
}
#ag-landing .ag-hero-h1 {
font-size: clamp(48px, 8vw, 86px);
margin-bottom: 18px;
}
#ag-landing .ag-hero-h1 em {
color: var(--ag-rood);
font-style: normal;
display: block;
}
#ag-landing .ag-hero-sub {
font-size: 17px;
color: #999;
font-weight: 300;
line-height: 1.7;
margin-bottom: 14px;
max-width: 420px;
}
#ag-landing .ag-prijsinfo {
background: rgba(255,255,255,0.03);
border: 1px solid #252525;
border-left: 3px solid var(--ag-rood);
border-radius: 0 8px 8px 0;
padding: 13px 16px;
margin-bottom: 28px;
max-width: 420px;
}
#ag-landing .ag-prijsinfo p {
font-size: 13px;
color: #888;
line-height: 1.6;
}
#ag-landing .ag-prijsinfo strong { color: #ccc; }
#ag-landing .ag-hero-btns {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 36px;
}
#ag-landing .ag-btn-primary {
background: var(--ag-rood);
color: var(--ag-wit);
padding: 15px 26px;
border-radius: 8px;
font-weight: 600;
font-size: 15px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: background 0.2s, transform 0.15s;
white-space: nowrap;
}
#ag-landing .ag-btn-primary:hover { background: var(--ag-rood-dark); transform: translateY(-2px); }
#ag-landing .ag-btn-secondary {
background: transparent;
color: var(--ag-wit);
padding: 15px 22px;
border-radius: 8px;
font-weight: 500;
font-size: 15px;
display: inline-flex;
align-items: center;
gap: 7px;
border: 1px solid #2e2e2e;
transition: border-color 0.2s, background 0.2s;
white-space: nowrap;
}
#ag-landing .ag-btn-secondary:hover { border-color: #555; background: #111; }

#ag-landing .ag-hero-stats {
display: flex;
gap: 26px;
flex-wrap: wrap;
}
#ag-landing .ag-stat-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 30px;
color: var(--ag-wit);
line-height: 1;
display: block;
}
#ag-landing .ag-stat-label {
font-size: 11px;
color: var(--ag-grijs);
letter-spacing: 0.04em;
}

/* Hero visueel */
#ag-landing .ag-hero-visual {}
#ag-landing .ag-hero-card {
background: var(--ag-light);
border: 1px solid #222;
border-radius: 16px;
overflow: hidden;
}
#ag-landing .ag-car-wrap {
background: linear-gradient(135deg, #181818 0%, #0e0e0e 100%);
height: 300px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
#ag-landing .ag-car-wrap::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(ellipse at 60% 40%, rgba(209,0,0,0.18) 0%, transparent 60%);
}
#ag-landing .ag-car-svg { width: 88%; position: relative; z-index: 1; }
#ag-landing .ag-card-footer {
padding: 16px 20px;
border-top: 1px solid #222;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
#ag-landing .ag-card-txt { font-size: 13px; color: var(--ag-grijs); }
#ag-landing .ag-card-txt strong { color: var(--ag-wit); display: block; font-size: 14px; }
#ag-landing .ag-pulse-pill {
background: var(--ag-rood);
color: var(--ag-wit);
font-family: 'Bebas Neue', sans-serif;
font-size: 12px;
letter-spacing: 0.08em;
padding: 4px 11px;
border-radius: 100px;
animation: ag-pulse 2.5s infinite;
white-space: nowrap;
}
@keyframes ag-pulse {
0%,100%{box-shadow:0 0 0 0 rgba(209,0,0,0.4)}
50%{box-shadow:0 0 0 8px rgba(209,0,0,0)}
}
#ag-landing .ag-contact-pills {
display: flex;
gap: 10px;
margin-top: 12px;
}
#ag-landing .ag-pill {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
background: var(--ag-light);
border: 1px solid #252525;
border-radius: 10px;
padding: 12px 14px;
color: #bbb;
font-size: 13px;
font-weight: 500;
transition: all 0.2s;
}
#ag-landing .ag-pill:hover { border-color: #444; color: var(--ag-wit); }
#ag-landing .ag-pill.ag-wa { border-color: rgba(37,211,102,0.2); }
#ag-landing .ag-pill.ag-wa:hover { border-color: rgba(37,211,102,0.55); color: #25d366; }

/* ── USP BALK ── */
#ag-landing .ag-usp {
background: var(--ag-mid);
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
padding: 22px 20px;
}
#ag-landing .ag-usp-inner {
max-width: 1160px;
margin: 0 auto;
display: flex;
gap: 28px;
justify-content: center;
flex-wrap: wrap;
}
#ag-landing .ag-usp-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 500;
color: #bbb;
}
#ag-landing .ag-dot {
width: 6px; height: 6px;
background: var(--ag-rood);
border-radius: 50%;
flex-shrink: 0;
}

/* ── PAKKETTEN ── */
#ag-landing .ag-pakketten-bg { background: var(--ag-zwart); }
#ag-landing .ag-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
#ag-landing .ag-pakket {
background: var(--ag-light);
border: 1px solid #222;
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.2s, border-color 0.2s;
}
#ag-landing .ag-pakket:hover { transform: translateY(-5px); border-color: #2e2e2e; }
#ag-landing .ag-pakket.ag-featured { border-color: var(--ag-rood); transform: scale(1.025); }
#ag-landing .ag-pakket.ag-featured:hover { transform: scale(1.025) translateY(-5px); }
#ag-landing .ag-pak-head {
padding: 24px 22px 18px;
background: var(--ag-mid);
border-bottom: 1px solid #222;
}
#ag-landing .ag-pakket.ag-featured .ag-pak-head { background: var(--ag-rood); }
#ag-landing .ag-popular {
display: inline-block;
background: var(--ag-goud);
color: var(--ag-zwart);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 100px;
margin-bottom: 10px;
}
#ag-landing .ag-pak-naam {
font-family: 'Bebas Neue', sans-serif;
font-size: 30px;
letter-spacing: 0.04em;
margin-bottom: 4px;
}
#ag-landing .ag-pak-prijs {
display: flex;
align-items: baseline;
gap: 4px;
}
#ag-landing .ag-vanaf { font-size: 12px; color: rgba(255,255,255,0.55); }
#ag-landing .ag-prijs-num {
font-family: 'Bebas Neue', sans-serif;
font-size: 42px;
line-height: 1;
}
#ag-landing .ag-na-korting {
font-size: 11px;
color: rgba(255,255,255,0.45);
margin-top: 3px;
}
#ag-landing .ag-na-korting strong { color: #7dffb3; }
#ag-landing .ag-pak-body {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
}
#ag-landing .ag-diensten { margin-bottom: 20px; flex: 1; }
#ag-landing .ag-diensten li {
padding: 9px 0;
border-bottom: 1px solid #1e1e1e;
display: flex;
flex-direction: column;
gap: 3px;
}
#ag-landing .ag-diensten li:last-child { border-bottom: none; }
#ag-landing .ag-dnaam {
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
gap: 7px;
color: var(--ag-wit);
}
#ag-landing .ag-dnaam::before { content: '✦'; color: var(--ag-rood); font-size: 8px; flex-shrink: 0; }
#ag-landing .ag-featured .ag-dnaam::before { color: #ff9090; }
#ag-landing .ag-ddesc { font-size: 12px; color: #555; padding-left: 15px; line-height: 1.5; }
#ag-landing .ag-pak-cta {
display: block;
text-align: center;
padding: 13px;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
transition: all 0.2s;
}
#ag-landing .ag-cta-default { background: #222; color: var(--ag-wit); border: 1px solid #2e2e2e; }
#ag-landing .ag-cta-default:hover { background: #2a2a2a; }
#ag-landing .ag-cta-featured { background: var(--ag-wit); color: var(--ag-rood); }
#ag-landing .ag-cta-featured:hover { background: #f0f0f0; }

#ag-landing .ag-prijs-uitleg {
margin-top: 24px;
background: rgba(255,255,255,0.025);
border: 1px solid #222;
border-radius: 12px;
padding: 20px 24px;
display: flex;
align-items: flex-start;
gap: 14px;
}
#ag-landing .ag-prijs-uitleg-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
#ag-landing .ag-prijs-uitleg p { font-size: 13px; color: #666; line-height: 1.7; }
#ag-landing .ag-prijs-uitleg strong { color: #aaa; }

/* ── HOE HET WERKT ── */
#ag-landing .ag-howto-bg { background: var(--ag-mid); }
#ag-landing .ag-stappen {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
position: relative;
}
#ag-landing .ag-stappen::before {
content: '';
position: absolute;
top: 27px; left: 12.5%; right: 12.5%; height: 1px;
background: linear-gradient(90deg, transparent, rgba(209,0,0,0.35), rgba(209,0,0,0.35), transparent);
}
#ag-landing .ag-stap { text-align: center; }
#ag-landing .ag-stap-num {
width: 54px; height: 54px;
border-radius: 50%;
background: var(--ag-rood);
display: flex; align-items: center; justify-content: center;
font-family: 'Bebas Neue', sans-serif;
font-size: 22px;
color: var(--ag-wit);
margin: 0 auto 14px;
position: relative; z-index: 1;
}
#ag-landing .ag-stap h3 { font-size: 18px; margin-bottom: 8px; }
#ag-landing .ag-stap p { font-size: 13px; color: #5a5a5a; line-height: 1.6; }

/* ── KORTINGSCODE ── */
#ag-landing .ag-korting-bg { background: var(--ag-zwart); border-top: 1px solid #1a1a1a; }
#ag-landing .ag-korting-inner { max-width: 820px; margin: 0 auto; text-align: center; }
#ag-landing .ag-korting-box {
background: linear-gradient(135deg, rgba(209,0,0,0.12) 0%, rgba(209,0,0,0.04) 100%);
border: 1px solid rgba(209,0,0,0.35);
border-radius: 20px;
padding: 48px 32px;
position: relative;
overflow: hidden;
}
#ag-landing .ag-korting-box::before {
content: '10%';
position: absolute; right: -10px; top: 50%; transform: translateY(-50%);
font-family: 'Bebas Neue', sans-serif; font-size: 160px;
color: rgba(209,0,0,0.055); line-height: 1; pointer-events: none;
}
#ag-landing .ag-korting-box .ag-h2 { margin-bottom: 8px; }
#ag-landing .ag-korting-box p { color: #666; font-size: 16px; margin-bottom: 26px; font-weight: 300; }
#ag-landing .ag-code-display {
display: inline-flex;
align-items: center;
gap: 14px;
background: var(--ag-zwart);
border: 2px dashed rgba(209,0,0,0.4);
border-radius: 12px;
padding: 14px 24px;
margin-bottom: 14px;
cursor: pointer;
transition: border-color 0.2s;
flex-wrap: wrap;
justify-content: center;
}
#ag-landing .ag-code-display:hover { border-color: var(--ag-rood); }
#ag-landing .ag-code-txt {
font-family: 'Bebas Neue', sans-serif;
font-size: 32px;
letter-spacing: 0.1em;
}
#ag-landing .ag-copy-btn {
background: var(--ag-rood);
color: var(--ag-wit);
border: none;
padding: 8px 16px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
font-family: 'DM Sans', sans-serif;
}
#ag-landing .ag-copy-btn:hover { background: var(--ag-rood-dark); }
#ag-landing .ag-korting-note { font-size: 12px; color: #444; }

/* ── EXTRA DIENSTEN ── */
#ag-landing .ag-diensten-bg { background: var(--ag-mid); }
#ag-landing .ag-grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
#ag-landing .ag-dienst-card {
background: var(--ag-light);
border: 1px solid #222;
border-radius: 14px;
padding: 26px;
display: flex;
gap: 16px;
align-items: flex-start;
transition: border-color 0.2s, transform 0.2s;
}
#ag-landing .ag-dienst-card:hover { border-color: #2e2e2e; transform: translateY(-3px); }
#ag-landing .ag-dienst-icon {
width: 46px; height: 46px;
background: rgba(209,0,0,0.1);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 20px;
flex-shrink: 0;
}
#ag-landing .ag-dienst-card h3 { font-size: 19px; margin-bottom: 6px; }
#ag-landing .ag-dienst-card p { font-size: 13px; color: #666; line-height: 1.6; margin-bottom: 12px; }
#ag-landing .ag-dienst-link {
color: var(--ag-rood);
font-size: 13px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
}
#ag-landing .ag-dienst-link:hover { color: #ff4444; }

/* ── REVIEWS ── */
#ag-landing .ag-reviews-bg { background: var(--ag-zwart); }
#ag-landing .ag-reviews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
#ag-landing .ag-review {
background: var(--ag-light);
border: 1px solid #222;
border-radius: 14px;
padding: 24px;
transition: border-color 0.2s;
}
#ag-landing .ag-review:hover { border-color: #2e2e2e; }
#ag-landing .ag-sterren { color: var(--ag-goud); font-size: 13px; margin-bottom: 12px; letter-spacing: 2px; }
#ag-landing .ag-review-txt { font-size: 14px; color: #aaa; line-height: 1.7; margin-bottom: 18px; font-style: italic; }
#ag-landing .ag-review-auteur { display: flex; align-items: center; gap: 10px; }
#ag-landing .ag-avatar {
width: 38px; height: 38px;
border-radius: 50%;
background: var(--ag-rood);
display: flex; align-items: center; justify-content: center;
font-family: 'Bebas Neue', sans-serif;
font-size: 17px;
color: var(--ag-wit);
flex-shrink: 0;
}
#ag-landing .ag-review-naam strong { display: block; font-size: 13px; color: var(--ag-wit); }
#ag-landing .ag-review-naam span { font-size: 12px; color: #444; }

/* ── AFSPRAAK ── */
#ag-landing .ag-afspraak-bg { background: var(--ag-mid); border-top: 1px solid #1a1a1a; }
#ag-landing .ag-afspraak-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start;
}
#ag-landing .ag-afspraak-info .ag-h2 { margin-bottom: 12px; }
#ag-landing .ag-afspraak-info p { color: #666; font-size: 15px; font-weight: 300; line-height: 1.7; margin-bottom: 24px; }
#ag-landing .ag-stap-list { display: flex; flex-direction: column; margin-bottom: 28px; }
#ag-landing .ag-stap-row {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 13px 0;
border-bottom: 1px solid #1a1a1a;
}
#ag-landing .ag-stap-row:last-child { border-bottom: none; }
#ag-landing .ag-stap-circle {
width: 28px; height: 28px;
border-radius: 50%;
background: var(--ag-rood);
display: flex; align-items: center; justify-content: center;
font-family: 'Bebas Neue', sans-serif;
font-size: 14px;
color: var(--ag-wit);
flex-shrink: 0;
margin-top: 1px;
}
#ag-landing .ag-stap-row strong { display: block; font-size: 14px; color: var(--ag-wit); margin-bottom: 2px; }
#ag-landing .ag-stap-row span { font-size: 13px; color: #555; line-height: 1.5; }
#ag-landing .ag-contact-alt p { font-size: 11px; color: #444; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 10px; }
#ag-landing .ag-contact-btns { display: flex; gap: 10px; }
#ag-landing .ag-cbtn {
flex: 1;
display: flex; align-items: center; justify-content: center; gap: 8px;
padding: 12px 14px;
border-radius: 8px;
font-size: 13px; font-weight: 600;
border: 1px solid #252525;
background: var(--ag-light);
color: #aaa;
transition: all 0.2s;
}
#ag-landing .ag-cbtn:hover { border-color: #444; color: var(--ag-wit); }
#ag-landing .ag-cbtn-wa { border-color: rgba(37,211,102,0.2); }
#ag-landing .ag-cbtn-wa:hover { color: #25d366; border-color: rgba(37,211,102,0.5); }

/* Bookly wrapper */
#ag-landing .ag-bookly-wrap {
background: var(--ag-light);
border: 1px solid #222;
border-radius: 16px;
overflow: hidden;
}
#ag-landing .ag-bookly-head {
padding: 20px 24px;
border-bottom: 1px solid #1e1e1e;
}
#ag-landing .ag-bookly-head h3 { font-size: 22px; margin-bottom: 3px; }
#ag-landing .ag-bookly-head p { font-size: 13px; color: #555; }
#ag-landing .ag-bookly-reminder {
margin: 16px 24px 0;
padding: 10px 14px;
background: rgba(209,0,0,0.08);
border: 1px solid rgba(209,0,0,0.2);
border-radius: 8px;
font-size: 12px;
color: #ff8080;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
#ag-landing .ag-bookly-content { padding: 20px 24px 24px; }

/* ── FOOTER ── */
#ag-landing .ag-footer {
background: var(--ag-mid);
border-top: 1px solid #1a1a1a;
padding: 32px 20px;
}
#ag-landing .ag-footer-inner {
max-width: 1160px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 14px;
}
#ag-landing .ag-footer-logo {
display: flex; align-items: center; gap: 10px;
}
#ag-landing .ag-logo-icon {
width: 32px; height: 32px;
background: var(--ag-rood);
border-radius: 5px;
display: flex; align-items: center; justify-content: center;
font-family: 'Bebas Neue', sans-serif;
font-size: 17px;
color: var(--ag-wit);
}
#ag-landing .ag-logo-txt {
font-family: 'Bebas Neue', sans-serif;
font-size: 19px;
color: var(--ag-wit);
letter-spacing: 0.05em;
}
#ag-landing .ag-logo-txt span { color: var(--ag-rood); }
#ag-landing .ag-footer-copy { font-size: 12px; color: #333; }
#ag-landing .ag-footer-code { font-size: 12px; color: #333; }
#ag-landing .ag-footer-code strong { color: var(--ag-rood); }

/* ── FADE-IN ANIMATIE ── */
#ag-landing .ag-fade {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.55s ease, transform 0.55s ease;
}
#ag-landing .ag-fade.ag-visible { opacity: 1; transform: translateY(0); }

/* ══════════════════════════════════════
MOBIEL — max-width: 768px
══════════════════════════════════════ */
@media (max-width: 768px) {
#ag-landing .ag-sticky { gap: 6px; padding: 8px 12px; }
#ag-landing .ag-sticky span:first-child { display: none; }
#ag-landing .ag-sticky-cta { display: none; }

#ag-landing .ag-hero { padding-top: 80px; padding-bottom: 48px; }
#ag-landing .ag-hero-grid { grid-template-columns: 1fr; gap: 0; }
#ag-landing .ag-hero-visual { display: none; }
#ag-landing .ag-hero-h1 { font-size: clamp(46px, 13vw, 70px); }
#ag-landing .ag-hero-btns { flex-direction: column; }
#ag-landing .ag-btn-primary, #ag-landing .ag-btn-secondary { justify-content: center; text-align: center; }
#ag-landing .ag-hero-stats { gap: 18px; }

#ag-landing .ag-grid-3 { grid-template-columns: 1fr; }
#ag-landing .ag-pakket.ag-featured { transform: none; }
#ag-landing .ag-pakket.ag-featured:hover { transform: translateY(-5px); }

#ag-landing .ag-stappen { grid-template-columns: repeat(2, 1fr); gap: 20px; }
#ag-landing .ag-stappen::before { display: none; }

#ag-landing .ag-grid-2 { grid-template-columns: 1fr; }
#ag-landing .ag-reviews-grid { grid-template-columns: 1fr; }

#ag-landing .ag-afspraak-grid { grid-template-columns: 1fr; gap: 36px; }

#ag-landing .ag-korting-box { padding: 36px 20px; }
#ag-landing .ag-korting-box::before { font-size: 100px; }
#ag-landing .ag-code-display { width: 100%; justify-content: center; }

#ag-landing .ag-section { padding: 52px 16px; }
#ag-landing .ag-usp-inner { gap: 16px; }
#ag-landing .ag-usp-item { font-size: 12px; }

#ag-landing .ag-footer-inner { flex-direction: column; align-items: flex-start; gap: 10px; }

#ag-landing .ag-contact-btns { flex-direction: column; }

/* Bookly mobiel */
#ag-landing .ag-bookly-head,
#ag-landing .ag-bookly-reminder,
#ag-landing .ag-bookly-content { padding-left: 16px; padding-right: 16px; }
}

@media (max-width: 480px) {
#ag-landing .ag-hero-h1 { font-size: 42px; }
#ag-landing .ag-prijs-num { font-size: 36px; }
#ag-landing .ag-stappen { grid-template-columns: 1fr; }
#ag-landing .ag-sub { font-size: 15px; }
}

🎉 Exclusief — gebruik code

AUTOGLANS10

voor 10% korting
Plan afspraak →

✦ Vakmanschap dat je ziet

SCHONER
DAN
NIEUW.

Autoglans — schoner dan nieuw.

Van grondig wassen tot professioneel polijsten. Wij behandelen jouw auto met de zorg die het verdient.

💡 Hoe werkt de prijs? Onze pakketten hebben een vanaf-prijs. Op de dag van je afspraak bekijken we samen de staat van je auto en geven we je de definitieve prijs — pas dan betaal je.

📅 Plan gratis afspraak
Bekijk pakketten →
500+Tevreden klanten
4.9★Gemiddeld oordeel
10%Korting met code

Diamant PakketVolledige behandeling
AUTOGLANS10 = -10%

💬 WhatsApp eerst
📞 0318 565 406

Professioneel vakmanschap

Snelle service

Prijs op locatie — geen verrassingen

Makkelijk bereikbaar

10% korting met AUTOGLANS10

Onze pakketten

KIES JOUW
BEHANDELING

Drie heldere pakketten, van grondig tot compleet. Gebruik code AUTOGLANS10 voor 10% korting.

Zilver
v.a.€229,95
Met AUTOGLANS10: v.a. €206,96

  • WassenGrondig wassen — teer, groene aanslag, motorruimte, velgen en sponningen vetvrij.
  • Licht polijstenVerwijdering van kleine krassen en swirlmarks.
  • WaxDuurzame waxlaag voor glans en bescherming.
  • RamenAlle ramen grondig gereinigd.
  • Banden & kunststofVinylbehandeling voor strakke, glanzende afwerking.

Plan afspraak →

⭐ Meest gekozen

Goud
v.a.€329,95
Met AUTOGLANS10: v.a. €296,96

  • WassenGrondig wassen — teer, groene aanslag, motorruimte, velgen en sponningen vetvrij.
  • Licht polijstenVerwijdering van kleine krassen.
  • Binnenzijde kunststofOnderhoudsvloeistof herstelt originele kleur van kunststof binnenzijde.
  • InterieurGrondig uitgezogen — dashboard en kunststof stofvrij behandeld.
  • Ramen & bandenRamen gereinigd, banden en kunststof met vinyl behandeld.
  • WaxDuurzame waxlaag voor glans en bescherming.

Plan afspraak →

Diamant
v.a.€429,95
Met AUTOGLANS10: v.a. €386,96

  • WassenGrondig wassen — teer, groene aanslag, motorruimte, velgen en sponningen vetvrij.
  • Diep polijstenMeerfasenpolijsten voor diepe krassen en swirls — perfecte lak.
  • Binnenzijde kunststofDuurzame producten voor volledig herstel originele kleur.
  • Interieur shamponerenDieptereiniging door shamponeren — interieur als nieuw.
  • Ramen & bandenSpeciale plastbehandeling voor diepe, blijvende glans.
  • Premium waxHoogwaardige duurzame wax voor maximale bescherming en glans.

Plan afspraak →

ℹ️

Over de vanaf-prijzen: De getoonde prijzen zijn startprijzen voor een gemiddelde auto in goede staat. Bij jouw afspraak inspecteren we de auto en geven we je de exacte prijs — volledig transparant, zonder verplichtingen. Pas na akkoord starten we de behandeling.

Werkwijze

ZO WERKT HET

Van afspraak naar een stralende auto — in vier simpele stappen.

1

Plan afspraak

Kies een pakket en plan direct in. Je ontvangt een bevestiging én herinnering.

2

Breng je auto

Kom langs op het afgesproken moment. We inspecteren de auto en bespreken de definitieve prijs.

3

Wij aan het werk

Na jouw akkoord starten onze specialisten. Vakmanschap met topproducten.

4

Stralend resultaat

Jij rijdt weg in een auto die er weer als nieuw uitziet. Gegarandeerd tevreden.

Exclusieve aanbieding

10% KORTING
OP ALLES

Noem onderstaande code bij je afspraak en ontvang direct 10% korting op je pakket.

AUTOGLANS10

Geldig op alle pakketten. Vermeld de code bij het plannen van je afspraak.

Meer mogelijkheden

EXTRA DIENSTEN
OP AANVRAAG

Bel of WhatsApp ons voor een persoonlijke offerte op maat.

💎

Glascoating

Keramische coating voor jarenlange lakbescherming. Ideaal voor nieuwere of premium voertuigen.

Prijs opvragen via WhatsApp →

🔧

Schadeherstel

Deukjes, krassen of lakschade? Wij herstellen dit vakkundig — van kleine reparaties tot complete lakbehandeling.

Prijs opvragen via WhatsApp →

🎯

Spot Repair

Gerichte, lokale schade hoeft geen grote reparatie te zijn. Snel en betaalbaar opgelost.

Prijs opvragen via WhatsApp →

✨

Maatwerk

Heeft jouw auto iets speciaals nodig? We bespreken de mogelijkheden en maken een passende aanbieding.

Bespreek de opties →

Wat klanten zeggen

KLANTEN AAN
HET WOORD

Meer dan 500 tevreden klanten gingen je voor.

★★★★★

"Mijn auto ziet er beter uit dan toen ik hem kocht. Diamant pakket is elke cent waard — ze legden ook precies uit hoe de prijs tot stand komt. Vertrouwen meteen aanwezig."

M
Mark de VriesBMW 5-serie
★★★★★

"Via WhatsApp snel geholpen met een vraag over de prijs. Dezelfde week afspraak gepland, kortingscode werkte direct. Het resultaat was geweldig — aanrader!"

S
Sarah JansenAudi A4
★★★★★

"Goud pakket voor mijn dagelijkse auto. Fijn dat ze bij aankomst de staat bekeken en alles transparant uitlegden. Interieur én exterieur top verzorgd."

T
Thomas BakkerVolkswagen Golf

PLAN JE
AFSPRAAK

Kies je pakket en plan direct in. Bij aankomst inspecteren we je auto en bespreken we de definitieve prijs — pas dan betaal je.

1
Plan via het formulierKies een datum en tijdstip dat jou uitkomt.
2
Ontvang bevestigingJe krijgt automatisch een bevestiging én herinnering.
3
Definitieve prijs op locatieWe inspecteren je auto en geven je de exacte prijs. Pas na jouw akkoord starten we.

Liever eerst een vraag stellen?

💬 WhatsApp
📞 0318 565 406

Afspraak plannen

Directe beschikbaarheid — kies jouw moment

🏷 Vergeet je kortingscode niet: AUTOGLANS10 — 10% korting

Laden...

© 2025 Autoglans. Alle rechten voorbehouden.

Kortingscode: AUTOGLANS10 — 10% korting

(function(){
function agCopySticky(){
navigator.clipboard.writeText('AUTOGLANS10').catch(function(){});
var el = document.getElementById('ag-sticky-code');
var orig = el.textContent;
el.textContent = '✓ Gekopieerd!';
setTimeout(function(){ el.textContent = orig; }, 2000);
}
function agCopyMain(){
navigator.clipboard.writeText('AUTOGLANS10').catch(function(){});
var btn = document.getElementById('ag-main-btn');
btn.textContent = '✓ Gekopieerd!';
btn.style.background = '#1a6e3a';
setTimeout(function(){ btn.textContent = 'Kopieer code'; btn.style.background = ''; }, 2500);
}
window.agCopySticky = agCopySticky;
window.agCopyMain = agCopyMain;

// Fade-in bij scrollen
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){ e.target.classList.add('ag-visible'); }
});
}, { threshold: 0.08 });
document.querySelectorAll('#ag-landing .ag-fade').forEach(function(el, i){
el.style.transitionDelay = (i % 4 * 0.07) + 's';
obs.observe(el);
});

// Smooth scroll voor interne links
document.querySelectorAll('#ag-landing a[href^="#ag-"]').forEach(function(a){
a.addEventListener('click', function(e){
var target = document.querySelector(a.getAttribute('href'));
if(target){ e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
});
});
})();

Autoglans Schadeherstel Glascoating