.elementor-kit-17061{--e-global-color-primary:#161616;--e-global-color-secondary:#F50000;--e-global-color-text:#707070;--e-global-color-accent:#F50000;--e-global-color-0f11670:#D6AE7B;--e-global-color-a6421f7:#F5F5F5;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-0f11670 );}.elementor-kit-17061 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}.elementor-widget:not(:last-child){--kit-widget-spacing:1rem;}.elementor-element{--widgets-spacing:1rem 0rem;--widgets-spacing-row:1rem;--widgets-spacing-column:0rem;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:540px;}.e-con{--container-max-width:540px;}}/* Start custom CSS */.microcement-guide {
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    color: #222 !important;
    max-width: 1000px !important;
    margin: 2em auto !important;
    padding: 1em !important;
    line-height: 1.65 !important;
}

/* Remove default browser bullets */
.microcement-guide ul li::marker {
    content: "" !important;
    display: none !important;
}

/* Container voor alle content secties */
.microcement-guide .content-sections {
    display: flex !important;
    flex-direction: column !important;
    gap: 2em !important;
}

/* Individual content section wrapper */
.microcement-guide .content-section {
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px 0 rgba(120, 110, 100, 0.06) !important;
    padding: 2em 2em 1.5em 2em !important;
    border-left: 6px solid #cfa87c !important;
    transition: box-shadow .25s ease !important;
    min-height: auto !important;
    margin-bottom: 0 !important;
}

.microcement-guide .content-section:hover {
    box-shadow: 0 4px 20px 0 rgba(120, 110, 100, 0.12) !important;
}

/* Main title styling */
.microcement-guide .main-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
    margin: 0 0 1.5em 0 !important;
    letter-spacing: -0.01em !important;
    font-weight: 800 !important;
    text-align: center !important;
    color: #333 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* Section headers */
.microcement-guide .section-header {
    font-size: clamp(1.2rem, 3vw, 1.4rem) !important;
    margin: 0 0 1em 0 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    border-bottom: 1.5px solid #f2e7d3 !important;
    padding-bottom: 0.3em !important;
    color: #333 !important;
}

/* Step headers (special styling) */
.microcement-guide .step-header {
    color: #755303 !important;
    background: #faf3e1 !important;
    padding: 0.5em 1em 0.4em 1em !important;
    border-left: 4px solid #cfa87c !important;
    border-bottom: none !important;
    font-size: clamp(1.15rem, 2.5vw, 1.25rem) !important;
    border-radius: 0 8px 8px 0 !important;
    margin: 0 0 1em 0 !important;
    font-weight: 700 !important;
}

/* Content text */
.microcement-guide .content-text {
    font-size: clamp(1rem, 2.2vw, 1.07rem) !important;
    color: #2a2a2a !important;
    margin: 0 0 1.2em 0 !important;
    line-height: 1.6 !important;
}

/* List styling */
.microcement-guide .content-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 1.2em 0 !important;
}

.microcement-guide .content-list > li {
    position: relative !important;
    padding-left: 1.5em !important;
    margin-bottom: 0.8em !important;
    font-size: clamp(1rem, 2.2vw, 1.07rem) !important;
    color: #2a2a2a !important;
    line-height: 1.6 !important;
    list-style: none !important;
}

.microcement-guide .content-list > li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    color: #cfa87c !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
    line-height: 1 !important;
    top: 0 !important;
}

/* Nested lists */
.microcement-guide .content-list .nested-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0.5em 0 0 0 !important;
    padding-left: 1.5em !important;
}

.microcement-guide .content-list .nested-list > li {
    position: relative !important;
    padding-left: 1.2em !important;
    margin-bottom: 0.5em !important;
    font-size: inherit !important;
    list-style: none !important;
}

.microcement-guide .content-list .nested-list > li::before {
    content: "◦" !important;
    position: absolute !important;
    left: 0 !important;
    color: #bdbdbd !important;
    font-size: 1em !important;
    top: 0 !important;
}

/* Sub-techniques with dashes */
.microcement-guide .sub-techniques {
    list-style: none !important;
    padding: 0 !important;
    margin: 0.5em 0 0 0 !important;
    padding-left: 1.5em !important;
}

.microcement-guide .sub-techniques > li {
    position: relative !important;
    padding-left: 1.2em !important;
    margin-bottom: 0.5em !important;
    font-size: inherit !important;
    list-style: none !important;
}

.microcement-guide .sub-techniques > li::before {
    content: "–" !important;
    position: absolute !important;
    left: 0 !important;
    color: #cfa87c !important;
    font-size: 1em !important;
    font-weight: bold !important;
    top: 0 !important;
}

/* Important notes/warnings */
.microcement-guide .note {
    background: linear-gradient(95deg, #fff7e9 85%, #f3f1ec 100%) !important;
    border-left: 6px solid #cfa87c !important;
    padding: 1.2em 1.5em !important;
    margin: 1.5em 0 !important;
    font-style: italic !important;
    color: #7a6528 !important;
    font-size: clamp(1rem, 2.2vw, 1.04rem) !important;
    box-shadow: 0 2px 10px 0 rgba(237, 215, 188, 0.15) !important;
    border-radius: 10px !important;
    line-height: 1.5 !important;
}

/* Emphasis styling */
.microcement-guide .content-section strong {
    color: #af8b4b !important;
    font-weight: 700 !important;
}

/* Links */
.microcement-guide .content-section a {
    color: #cfa87c !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color .2s ease !important;
}

.microcement-guide .content-section a:hover {
    color: #ad853c !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .microcement-guide {
        margin: 1em auto !important;
        padding: 0.5em !important;
    }
    
    .microcement-guide .content-section {
        padding: 1.5em 1em !important;
        margin-bottom: 1.5em !important;
    }
    
    .microcement-guide .content-sections {
        gap: 1.5em !important;
    }
}

@media (max-width: 480px) {
    .microcement-guide .content-section {
        padding: 1em 0.8em !important;
    }
    
    .microcement-guide .content-sections {
        gap: 1em !important;
    }
}

/* Hover effects for interactivity */
.microcement-guide .content-list > li:hover {
    background: rgba(250, 244, 234, 0.5) !important;
    border-radius: 6px !important;
    margin-left: -0.5em !important;
    margin-right: -0.5em !important;
    padding-left: 2em !important;
    padding-right: 0.5em !important;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    transition: all .2s ease !important;
}

/* Auto-adjusting spacing */
.microcement-guide .content-section > *:last-child {
    margin-bottom: 0 !important;
}/* End custom CSS */