.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out-up;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-page-transition-animation-duration:2100ms;--e-preloader-animation-duration:2000ms;--e-preloader-delay:0ms;--e-preloader-width:13%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FDFDFD;}.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 */body.page-id-300 {
background-image: url("https://logodotje.nl/wp-content/uploads/2023/10/key-thing-zonder-poort.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
body.page-id-176 {
background-image: url("https://logodotje.nl/wp-content/uploads/2023/10/wie-is-logo-artwork.jpg ");
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
body.page-id-232 {
background-image: url("https://logodotje.nl/wp-content/uploads/2025/03/Contact_6.jpg");
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
./* Logo verdwijnt na 500px scrollen */
@media (min-width: 1px) {
    html {
        scroll-timeline: --scroll;
    }
    
    @keyframes hideLogo {
        0% { opacity: 1; visibility: visible; }
        100% { opacity: 0; visibility: hidden; }
    }

    .attachment-large.size-large.wp-image-119 {
        animation: hideLogo linear forwards;
        animation-timeline: --scroll;
        animation-range: 500px 510px; /* Pas deze waarde aan voor een ander scrollpunt */
    }
body.page-id-289 {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

body.page-id-289 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Zorg ervoor dat de hele pagina goed wordt weergegeven */
body.page-id-289 {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Voorkomt dat footer over content zweeft */
    align-items: center;
    min-height: 100vh; /* Zorgt ervoor dat de pagina altijd de hele viewport vult */
    width: 100vw;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Voorkomt horizontale scrollproblemen */
    background-color: #f8f8f8; /* Pas dit aan naar je gewenste kleur */
}

/* Algemene container-instelling zodat content goed blijft staan */
body.page-id-289 > * {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 90%;
    max-width: 800px;
    background-color: #ffffff; /* Achtergrond voor de content */
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Specifieke styling voor de footer en sitemap */
body.page-id-289 .elementor-sitemap-wrap {
    width: 100%;
    min-height: 250px; /* Zorgt ervoor dat de achtergrond de hele footer vult */
    background-color: #f8f8f8; /* Voorkomt dat de achtergrond halverwege stopt */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Extra styling voor de sitemap-secties */
body.page-id-289 .elementor-sitemap-section {
    width: 100%;
    max-width: 1200px;
    text-align: center;
}

body.page-id-289 .elementor-sitemap-list {
    list-style: none;
    padding: 0;
}

body.page-id-289 .elementor-sitemap-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.page-id-138, 
.page-id-138 body {
    overflow: hidden !important;
    height: 100vh !important;
    position: fixed !important;
    width: 100%;
}/* End custom CSS */