.elementor-kit-91{--e-global-color-primary:#C9A24B;--e-global-color-secondary:#111111;--e-global-color-text:#333333;--e-global-color-accent:#B8902F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-91 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================
   BallenMakers — Site brede custom CSS
   Te plakken in: WP Admin → Elementor → Site Settings → Custom CSS
   Of: Elementor editor → hamburger menu → Site Settings → Custom CSS

   Gebruikt Elementor's auto-generated CSS variables voor globals.
   Eigen variabelen daaroverheen voor wat globals niet dekken.
   ===================================================== */

:root {
    /* Eigen kleurvariabelen — alles wat niet in Elementor globals zit */
    --bmk-text-on-dark: #E5E5E5;
    --bmk-text-muted: #555555;
    --bmk-footer-text: #CCCCCC;
    --bmk-footer-text-muted: #888888;
    --bmk-bg-light: #F4F5F7;
    --bmk-border-light: #E0E0E0;
    --bmk-divider: #EEEEEE;
}

/* =========================================
   HEADINGS — semantische sizing
   h1-h6 vallen automatisch onder Elementor's globale Primary typography
   (Poppins 600). Hier alleen sizing + line-height per niveau.
   ========================================= */
.elementor-widget-heading h1.elementor-heading-title {
    font-size: 56px;
    line-height: 1.1;
    font-weight: 700;
}

.elementor-widget-heading h2.elementor-heading-title {
    font-size: 40px;
    line-height: 1.15;
    font-weight: 700;
}

.elementor-widget-heading h3.elementor-heading-title {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}

.elementor-widget-heading h4.elementor-heading-title {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
}

.elementor-widget-heading h5.elementor-heading-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}

.elementor-widget-heading h6.elementor-heading-title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 1024px) {
    .elementor-widget-heading h1.elementor-heading-title { font-size: 44px; }
    .elementor-widget-heading h2.elementor-heading-title { font-size: 32px; }
}

@media (max-width: 767px) {
    .elementor-widget-heading h1.elementor-heading-title { font-size: 32px; }
    .elementor-widget-heading h2.elementor-heading-title { font-size: 26px; }
    .elementor-widget-heading h3.elementor-heading-title { font-size: 20px; }
}

/* =========================================
   HERO secties (donkere achtergrond)
   ========================================= */
.bmk-hero-intro {
    color: var(--bmk-text-on-dark);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    max-width: 780px;
    margin: 24px auto 0;
}

/* =========================================
   Sectie intros (lichte achtergrond)
   ========================================= */
.bmk-section-intro {
    text-align: center;
    color: var(--bmk-text-muted);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 17px;
    line-height: 1.6;
    max-width: 720px;
    margin: 12px auto 32px;
}

/* =========================================
   Body teksten (langere paragrafen)
   ========================================= */
.bmk-body-text {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 17px;
    line-height: 1.7;
    max-width: 760px;
}

.bmk-body-text p + p {
    margin-top: 16px;
}

/* =========================================
   CTA-sectie tekst (op goud)
   ========================================= */
.bmk-cta-intro {
    text-align: center;
    color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 17px;
    line-height: 1.6;
    max-width: 640px;
    margin: 12px auto 28px;
}

/* =========================================
   FOOTER
   ========================================= */
.bmk-footer-tagline {
    color: var(--bmk-footer-text);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 14px;
    line-height: 1.7;
    margin-top: 8px;
}

.bmk-footer-credit {
    color: var(--bmk-footer-text-muted);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 13px;
    margin-top: 16px;
}

.bmk-footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: var(--e-global-typography-text-font-family);
    font-size: 14px;
    line-height: 2.2;
}

.bmk-footer-nav a {
    color: var(--bmk-footer-text);
    text-decoration: none;
    transition: color 0.15s;
}

.bmk-footer-nav a:hover {
    color: var(--e-global-color-primary);
}

.bmk-footer-nav .bmk-current {
    color: var(--e-global-color-primary);
}

.bmk-footer-contact {
    color: var(--bmk-footer-text);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

.bmk-footer-contact + .bmk-footer-contact {
    margin-top: 14px;
}

.bmk-footer-contact a {
    color: var(--bmk-footer-text);
    text-decoration: none;
}

.bmk-footer-contact a.bmk-mail {
    color: var(--e-global-color-primary);
}

.bmk-footer-cta-text {
    color: var(--bmk-footer-text);
    font-family: var(--e-global-typography-text-font-family);
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 16px;
}

.bmk-footer-copyright {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    font-family: var(--e-global-typography-text-font-family);
    font-size: 12px;
    color: var(--bmk-footer-text-muted);
}

/* =========================================
   Prijstabel (Relatiegeschenken pagina)
   ========================================= */
.bmk-pricing-wrap {
    max-width: 760px;
    margin: 0 auto;
}

.bmk-pricing-table {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    border-collapse: collapse;
    font-family: var(--e-global-typography-text-font-family);
    box-shadow: 0 4px 18px rgba(0,0,0,0.05);
}

.bmk-pricing-table thead {
    background: var(--e-global-color-secondary);
    color: #FFFFFF;
}

.bmk-pricing-table th {
    padding: 14px 18px;
    text-align: left;
    font-weight: 600;
    font-family: var(--e-global-typography-primary-font-family);
}

.bmk-pricing-table td {
    padding: 14px 18px;
    border-bottom: 1px solid var(--bmk-divider);
}

.bmk-pricing-table tr:last-child td {
    border-bottom: 0;
}

.bmk-pricing-table .bmk-price {
    text-align: right;
    color: var(--e-global-color-primary);
    font-weight: 600;
}

/* =========================================
   Process lijst (genummerd, op Relatiegeschenken)
   ========================================= */
.bmk-process-list {
    max-width: 740px;
    margin: 0 auto;
    font-family: var(--e-global-typography-text-font-family);
    font-size: 16px;
    line-height: 1.9;
    color: var(--e-global-color-text);
    padding-left: 20px;
}

.bmk-process-list li + li {
    margin-top: 8px;
}

/* =========================================
   Materialen tekstblok (Texturen pagina)
   ========================================= */
.bmk-materials-text {
    max-width: 760px;
    margin: 0 auto;
    font-family: var(--e-global-typography-text-font-family);
    font-size: 16px;
    line-height: 1.8;
    color: var(--e-global-color-text);
}

.bmk-materials-text p + p {
    margin-top: 14px;
}

/* =========================================
   Speakable (voor voice search / AI)
   Niet zichtbaar verbergen, slechts label
   ========================================= */
.bmk-speakable {
    /* gewoon zichtbaar — used als anchor voor schema markup */
}

/* =========================================
   Responsive helpers
   ========================================= */
@media (max-width: 767px) {
    .bmk-hero-intro {
        font-size: 17px;
    }
    .bmk-section-intro {
        font-size: 15px;
    }
    .bmk-body-text {
        font-size: 16px;
    }
    .bmk-pricing-table th,
    .bmk-pricing-table td {
        padding: 10px 12px;
        font-size: 13px;
    }
}/* End custom CSS */