/* =====================================================================
   Bos & Landschap — huisstijl-aankleding
   ---------------------------------------------------------------------
   Losse laag boven site.css. De vier vormen uit het huisstijldocument
   (blad massief, blad met nerven, blad met diagonaal, blad met kader)
   komen hier terug als decoratie: watermerken in de vlakken, de vorm van
   de icoonvakjes en het blaadje voor een kopje.

   Alles staat achter de inhoud, vangt geen muisklikken en is bewust heel
   licht gehouden. Wil je deze aankleding niet, haal dan in elke pagina de
   regel weg die naar dit bestand verwijst — de website werkt gewoon door.
   ===================================================================== */

:root {
    /* De kleuren uit het huisstijldocument. Het lichtblauw is nieuw; de
       overige tinten liggen vlak naast de bestaande kleuren van de site. */
    --hs-forest:  #25443e;
    --hs-green:   #76a563;
    --hs-lime:    #b4e471;
    --hs-sky:     #acd7f4;
    --hs-sky-100: #e6f2fc;
    --hs-terra:   #d6683b;
    --hs-sun:     #f7d471;
}

/* ------------------------------------------------------------------ */
/* 1. Watermerken in de vlakken                                        */
/* ------------------------------------------------------------------ */
.hero, .section, .cta-band, .site-footer { position: relative; }
.hero > *, .section > *, .cta-band > * { position: relative; z-index: 1; }
/* De vormen lopen bewust ver buiten het vlak: je ziet een hoek van een
   blad binnenkomen. Het vlak knipt de rest af, dus geen schuifbalk. */
.hero, .section.bg-forest, .section.bg-mint, .section.bg-sand, .cta-band { overflow: hidden; }

.hero::after,
.section.bg-forest::after,
.section.bg-mint::after,
.section.bg-sand::after,
.cta-band::after {
    content: ''; position: absolute; pointer-events: none; z-index: 0;
    background-repeat: no-repeat; background-size: contain;
}

/* Startvlak: een blad dat linksonder het beeld in komt. */
.hero::after {
    left: -170px; bottom: -170px; width: 420px; height: 420px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath fill=%22%2376a563%22 fill-rule=%22evenodd%22 fill-opacity=%220.11%22 d=%22M 18.99 34.62 C 20.37 29.66 23.5 25.79 27.5 22.62 C 28.28 22 29.2 21.24 30.26 21.65 C 31.45 22.12 31.15 23.37 31.16 24.34 C 31.2 29.23 31.18 34.13 31.18 39.02 L 31.19 39.02 C 31.19 43.92 31.15 48.82 31.21 53.71 C 31.23 55.5 30.63 56.9 29.34 58.13 C 26.2 61.12 23.12 64.18 20.01 67.21 C 19.49 67.72 18.99 68.38 18.13 68.02 C 17.55 67.77 17.44 67.15 17.46 66.6 C 17.85 55.93 16.05 45.15 18.99 34.62 M 32.2 79.8 C 35.26 76.71 38.34 73.65 41.39 70.56 C 42.65 69.29 44.17 68.87 45.92 68.87 C 55.71 68.89 65.5 68.86 75.29 68.88 C 76.33 68.89 77.76 68.45 78.24 69.77 C 78.68 70.98 77.82 72.08 77.04 73.01 C 71.76 79.39 64.79 82.3 56.65 82.58 C 52.96 82.7 49.26 82.6 45.57 82.6 L 45.57 82.58 C 41.5 82.58 37.44 82.6 33.37 82.57 C 32.57 82.56 31.59 82.66 31.26 81.66 C 30.98 80.82 31.7 80.31 32.2 79.8 M 48.49 20.07 C 48.5 18.3 49.55 17.37 51.32 17.36 C 53.91 17.33 56.49 17.35 59.07 17.35 C 59.07 17.33 59.07 17.31 59.07 17.29 C 61.19 17.29 63.32 17.25 65.44 17.31 C 66.39 17.34 67.71 16.89 68.15 18.07 C 68.5 19 67.49 19.73 66.86 20.36 C 62.51 24.73 58.1 29.06 53.72 33.41 C 52.74 34.39 51.77 35.37 50.78 36.34 C 50.32 36.79 49.86 37.35 49.12 37 C 48.55 36.73 48.47 36.11 48.47 35.56 C 48.46 30.4 48.43 25.23 48.49 20.07 M 81.79 31.09 C 82.7 31.35 82.66 32.2 82.67 32.92 C 82.7 35.6 82.68 38.27 82.68 40.95 C 82.68 40.95 82.67 40.95 82.66 40.95 C 82.66 43.44 82.66 45.93 82.67 48.43 C 82.68 50.47 81.66 51.54 79.63 51.55 C 74.46 51.57 69.29 51.57 64.12 51.55 C 63.49 51.55 62.76 51.53 62.42 50.85 C 62.01 50.03 62.58 49.43 63.09 48.91 C 68.75 43.21 74.43 37.53 80.11 31.85 C 80.56 31.4 81.06 30.88 81.79 31.09 M 4.22 99.91 C 23.71 99.91 43.2 100 62.69 99.82 C 82.88 99.65 99.79 82.52 99.89 62.29 C 99.98 42.99 99.95 23.69 99.96 4.38 C 99.96 0.21 99.86 0.08 95.55 0.08 C 77.17 0.06 58.78 0.16 40.4 0.04 C 34.29 0 28.46 0.92 22.87 3.39 C 21.4 4.66 19.85 5.8 17.88 6.17 C 6.38 13.74 0.36 24.46 0.21 38.18 C 0 57.39 0.11 76.6 0.1 95.81 C 0.1 99.64 0.37 99.91 4.22 99.91 Z%22/%3E%3C/svg%3E");
}

/* Donkere vlakken: het blad met diagonaal, in limoen, rechtsboven. */
.section.bg-forest::after {
    right: -70px; top: -80px; width: 360px; height: 360px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath fill=%22%23b4e471%22 fill-rule=%22evenodd%22 fill-opacity=%220.07%22 d=%22M 17.81 46.99 C 17.81 42.49 17.81 37.98 17.82 33.48 C 17.83 32.76 17.74 31.91 18.52 31.52 C 19.41 31.07 19.8 31.89 20.31 32.39 C 36.01 48.14 51.72 63.89 67.41 79.66 C 68.09 80.34 69.4 80.89 68.98 82.02 C 68.55 83.16 67.21 82.75 66.25 82.74 C 57.53 82.62 48.77 83.36 40.08 82.39 C 27.08 80.94 17.91 70.5 17.81 57.47 C 17.78 53.98 17.81 50.49 17.81 46.99 M 32.22 18.65 C 32.48 17.74 33.32 17.75 34.04 17.76 C 42.59 17.86 51.16 17.13 59.68 18.11 C 73.28 19.67 82.05 29.44 82.45 43.16 C 82.55 46.84 82.46 50.52 82.46 54.2 C 82.45 58.06 82.47 61.92 82.44 65.78 C 82.43 66.65 82.85 67.84 81.79 68.26 C 80.75 68.68 80.21 67.55 79.6 66.93 C 67.35 54.73 55.12 42.51 42.89 30.28 C 39.64 27.03 36.39 23.77 33.16 20.51 C 32.65 19.99 31.97 19.5 32.22 18.65 M 0.36 61.59 C 0.78 83.88 17.47 99.9 39.72 99.95 C 58.12 99.98 76.52 99.99 94.92 100 C 99.6 100 99.8 99.73 99.78 94.94 C 99.76 85.1 99.77 75.26 99.77 65.42 C 99.73 65.42 99.69 65.42 99.64 65.42 C 99.64 56.68 99.57 47.93 99.67 39.2 C 99.73 34.53 99.07 30.05 97.47 25.67 C 92.42 11.8 79.88 1.4 65.22 0.82 C 44.73 0 24.19 0.58 3.67 0.51 C 1.27 0.51 0.18 1.37 0.19 3.91 C 0.27 23.14 0 42.37 0.36 61.59 Z%22/%3E%3C/svg%3E");
}

/* Zachtgroene vlakken: het blad met kader, linksboven. */
.section.bg-mint::after {
    left: -155px; top: -130px; width: 330px; height: 330px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath fill=%22%2325443e%22 fill-rule=%22evenodd%22 fill-opacity=%220.055%22 transform=%22rotate%2890 50 50%29%22 d=%22M 20.18 17.25 C 32.84 17.32 45.52 17.17 58.19 17.33 C 70.21 17.48 81.22 27.2 82.18 39.03 C 83.31 52.86 82.44 66.75 82.6 80.62 C 82.62 82.19 81.82 82.68 80.35 82.68 C 67.22 82.63 54.09 82.74 40.96 82.54 C 35.86 82.47 31.24 80.52 27.21 77.33 C 26.12 76.76 25.28 75.91 24.5 74.97 C 20.16 70.39 17.44 65 17.36 58.66 C 17.19 45.81 17.34 32.95 17.25 20.1 C 17.24 17.87 18.06 17.25 20.18 17.25 M 0.09 60.49 C 0.08 82.84 16.66 99.7 39.08 99.86 C 58.21 100 77.36 99.84 96.5 99.93 C 99.12 99.94 99.81 99.01 99.78 96.55 C 99.68 86.38 99.74 76.21 99.74 66.04 C 99.71 66.04 99.68 66.04 99.65 66.04 C 99.65 56.14 99.98 46.24 99.59 36.36 C 98.8 16.31 81.9 0.18 61.86 0.1 C 42.44 0.01 23.02 0.12 3.6 0.01 C 0.81 0 0 0.8 0.02 3.63 C 0.14 22.58 0.09 41.54 0.09 60.49 Z M 33.39 46.02 C 33.43 46.02 33.47 46.02 33.51 46.02 C 33.51 49.25 33.57 52.49 33.48 55.73 C 33.43 57.59 34.08 59.12 35.08 60.6 C 37.8 64.63 41.79 66.31 46.42 66.45 C 52.15 66.61 57.88 66.44 63.61 66.54 C 65.6 66.57 66.43 65.97 66.39 63.85 C 66.27 57.94 66.4 52.02 66.32 46.11 C 66.23 38.99 61.08 33.66 53.9 33.44 C 47.9 33.25 41.89 33.44 35.88 33.37 C 33.91 33.34 33.31 34.18 33.36 36.04 C 33.46 39.37 33.39 42.69 33.39 46.02 Z%22/%3E%3C/svg%3E");
}

/* Zandkleurige vlakken: een massief blad, rechtsboven. */
.section.bg-sand::after {
    right: -130px; top: -110px; width: 300px; height: 300px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath fill=%22%2376a563%22 fill-rule=%22evenodd%22 fill-opacity=%220.06%22 d=%22M 38.9 99.54 C 57.79 99.36 76.67 99.51 95.56 99.51 C 99.6 99.5 99.93 99.17 99.94 95.05 C 99.94 77.27 99.88 59.49 99.96 41.71 C 100 33.84 98.88 26.3 94.96 19.34 C 94.36 18.67 93.64 18.06 93.16 17.3 C 88.97 10.76 83.2 6.16 76.04 3.25 C 74.94 2.8 73.92 2.17 72.87 1.62 C 69.42 0.51 65.89 0 62.26 0 C 43.1 0.02 23.93 0 4.77 0.01 C 0.66 0.01 0.43 0.24 0.43 4.44 C 0.42 23.23 0.7 42.03 0.36 60.82 C 0 80.55 16.76 99.75 38.9 99.54 Z%22/%3E%3C/svg%3E");
}

/* Het afsluitende blok: één blad dat linksonder binnenkomt. */
.cta-band::after {
    left: -105px; bottom: -125px; width: 260px; height: 260px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath fill=%22%23b4e471%22 fill-rule=%22evenodd%22 fill-opacity=%220.1%22 d=%22M 17.81 46.99 C 17.81 42.49 17.81 37.98 17.82 33.48 C 17.83 32.76 17.74 31.91 18.52 31.52 C 19.41 31.07 19.8 31.89 20.31 32.39 C 36.01 48.14 51.72 63.89 67.41 79.66 C 68.09 80.34 69.4 80.89 68.98 82.02 C 68.55 83.16 67.21 82.75 66.25 82.74 C 57.53 82.62 48.77 83.36 40.08 82.39 C 27.08 80.94 17.91 70.5 17.81 57.47 C 17.78 53.98 17.81 50.49 17.81 46.99 M 32.22 18.65 C 32.48 17.74 33.32 17.75 34.04 17.76 C 42.59 17.86 51.16 17.13 59.68 18.11 C 73.28 19.67 82.05 29.44 82.45 43.16 C 82.55 46.84 82.46 50.52 82.46 54.2 C 82.45 58.06 82.47 61.92 82.44 65.78 C 82.43 66.65 82.85 67.84 81.79 68.26 C 80.75 68.68 80.21 67.55 79.6 66.93 C 67.35 54.73 55.12 42.51 42.89 30.28 C 39.64 27.03 36.39 23.77 33.16 20.51 C 32.65 19.99 31.97 19.5 32.22 18.65 M 0.36 61.59 C 0.78 83.88 17.47 99.9 39.72 99.95 C 58.12 99.98 76.52 99.99 94.92 100 C 99.6 100 99.8 99.73 99.78 94.94 C 99.76 85.1 99.77 75.26 99.77 65.42 C 99.73 65.42 99.69 65.42 99.64 65.42 C 99.64 56.68 99.57 47.93 99.67 39.2 C 99.73 34.53 99.07 30.05 97.47 25.67 C 92.42 11.8 79.88 1.4 65.22 0.82 C 44.73 0 24.19 0.58 3.67 0.51 C 1.27 0.51 0.18 1.37 0.19 3.91 C 0.27 23.14 0 42.37 0.36 61.59 Z%22/%3E%3C/svg%3E");
}

@media (max-width: 900px) {
    .hero::after { width: 250px; height: 250px; left: -110px; bottom: -110px; }
    .section.bg-forest::after, .section.bg-mint::after,
    .section.bg-sand::after, .cta-band::after { width: 210px; height: 210px; }
}

/* ------------------------------------------------------------------ */
/* 2. De bladvorm in de icoonvakjes                                    */
/* ------------------------------------------------------------------ */
/* Twee scherpe en twee ronde hoeken — precies de vorm uit de huisstijl. */
.card__icon,
.tab-btn__ico,
.step__num,
.media-card__ico,
.mock__ico { border-radius: 0 44% 0 44% !important; }

/* Kleurritme zoals in het huisstijldocument: de vakjes wisselen elkaar af.
   Kaarten met een eigen kleurvariant (--sun, --sky) houden hun eigen kleur. */
.row > [class*="col-"]:nth-child(4n+1) .card__icon:not([class*="--"]) { background: var(--hs-lime); }
.row > [class*="col-"]:nth-child(4n+2) .card__icon:not([class*="--"]) { background: var(--hs-sky); }
.row > [class*="col-"]:nth-child(4n+3) .card__icon:not([class*="--"]) { background: var(--hs-sun); }
.row > [class*="col-"]:nth-child(4n+4) .card__icon:not([class*="--"]) { background: var(--hs-green); color: #fff; }

/* ------------------------------------------------------------------ */
/* 3. Een blaadje voor het kopje in plaats van een streepje            */
/* ------------------------------------------------------------------ */
.eyebrow::before {
    width: 15px; height: 15px; border-radius: 0; background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath fill=%22%23315e54%22 fill-rule=%22evenodd%22 fill-opacity=%221%22 d=%22M 38.9 99.54 C 57.79 99.36 76.67 99.51 95.56 99.51 C 99.6 99.5 99.93 99.17 99.94 95.05 C 99.94 77.27 99.88 59.49 99.96 41.71 C 100 33.84 98.88 26.3 94.96 19.34 C 94.36 18.67 93.64 18.06 93.16 17.3 C 88.97 10.76 83.2 6.16 76.04 3.25 C 74.94 2.8 73.92 2.17 72.87 1.62 C 69.42 0.51 65.89 0 62.26 0 C 43.1 0.02 23.93 0 4.77 0.01 C 0.66 0.01 0.43 0.24 0.43 4.44 C 0.42 23.23 0.7 42.03 0.36 60.82 C 0 80.55 16.76 99.75 38.9 99.54 Z%22/%3E%3C/svg%3E");
    background-size: contain; background-repeat: no-repeat;
}
.bg-forest .eyebrow::before, .card--dark .eyebrow::before {
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cpath fill=%22%23b4e471%22 fill-rule=%22evenodd%22 fill-opacity=%221%22 d=%22M 38.9 99.54 C 57.79 99.36 76.67 99.51 95.56 99.51 C 99.6 99.5 99.93 99.17 99.94 95.05 C 99.94 77.27 99.88 59.49 99.96 41.71 C 100 33.84 98.88 26.3 94.96 19.34 C 94.36 18.67 93.64 18.06 93.16 17.3 C 88.97 10.76 83.2 6.16 76.04 3.25 C 74.94 2.8 73.92 2.17 72.87 1.62 C 69.42 0.51 65.89 0 62.26 0 C 43.1 0.02 23.93 0 4.77 0.01 C 0.66 0.01 0.43 0.24 0.43 4.44 C 0.42 23.23 0.7 42.03 0.36 60.82 C 0 80.55 16.76 99.75 38.9 99.54 Z%22/%3E%3C/svg%3E");
    background-size: contain; background-repeat: no-repeat;
}

/* ------------------------------------------------------------------ */
/* 4. Lichtblauw als extra accent                                      */
/* ------------------------------------------------------------------ */
.card__icon--sky { background: var(--hs-sky); color: var(--hs-forest); }
.pill--sky { background: var(--hs-sky-100); border-color: var(--hs-sky); }