/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 27 2026 | 13:03:20 */
/* Sectie-opbouw: elke sectie = Flexbox.sectie met daarin Div.inhoud */
.inhoud       { width: min(100% - 2*var(--space-block), 1200px);
                margin-inline: auto; }

/* Hero */
.hero         { min-height: clamp(420px, 60vh, 640px);
                display: flex; align-items: center;
                padding-block: var(--space-section); }
.hero__titel  { font-size: var(--fs-h1); line-height: var(--lh-heading);
                color: var(--c-creme); max-width: 18ch; }

/* Knop (vervangt tp-button) */
.btn          { display: inline-flex; align-items: center; gap: .5em;
                background: var(--c-accent); color: var(--c-wit);
                font-size: var(--fs-lead); font-weight: 400;
                padding: .8em 1.6em; text-decoration: none; }
.btn:hover    { filter: brightness(.92); }

/* Highlightvlak achter kop */
.kop-highlight { background: var(--c-beige); display: inline-block;
                 padding: var(--space-item) var(--space-block); }

/* Introrij beeld + tekst */
.intro-rij    { display: grid; gap: var(--space-block);
                grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
                align-items: center; }
@media (max-width: 767px) { .intro-rij { grid-template-columns: 1fr; } }

/* Dienstenkaarten (vervangt icon-box) */
.kaart        { display: flex; flex-direction: column; gap: var(--space-item); }
.kaart__icoon { width: 48px; height: 48px; color: var(--c-accent); }
.kaart__titel { font-size: var(--fs-h3); color: var(--c-primair); }
.kaart__tekst { font-size: var(--fs-body); line-height: var(--lh-body); }

/* Stappenrij */
.stappenrij   { display: grid; gap: var(--space-block);
                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.stap__nummer { font-size: clamp(2rem, 1.5rem + 1.5vw, 2.5rem);
                font-weight: 600; color: var(--c-accent); line-height: 1; }
.stap__naam   { font-size: var(--fs-h3); color: var(--c-primair); }

/* Afsluitende CTA */
.cta          { background: var(--c-creme); text-align: center; }
.cta .tekst   { margin-inline: auto; }/* Voeg uw CSS code hier toe.
Bijvoorbeeld:
.example {
    color: red;
}

Voor het opfrissen van uw CSS kennis, kijk op http://www.w3schools.com/css/css_syntax.asp

Einde van de reactie */