.elementor-25 .elementor-element.elementor-element-0b8feb9{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:75px;--padding-left:50px;--padding-right:50px;}.elementor-25 .elementor-element.elementor-element-0b8feb9:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-0b8feb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hsu-facility.nl/wp-content/uploads/2026/04/Schoonmaak-voertuigen-Kantoren-schoonmaak-Facilitaire-ondersteuning-HSU-Groep-Kwaliteit-Hero.webp");background-position:0px 74%;background-repeat:no-repeat;background-size:cover;}.elementor-25 .elementor-element.elementor-element-0b8feb9::before, .elementor-25 .elementor-element.elementor-element-0b8feb9 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-0b8feb9 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-0b8feb9 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-0b8feb9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-0b8feb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #11182600 0%, var( --e-global-color-secondary ) 100%);}.elementor-25 .elementor-element.elementor-element-c7fdada{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-a00a1a3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-25 .elementor-element.elementor-element-a00a1a3 .elementor-heading-title{font-family:"Poppins font", Sans-serif;font-size:70px;font-weight:600;color:var( --e-global-color-78162c6 );}.elementor-25 .elementor-element.elementor-element-859ac5a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-859ac5a .elementor-heading-title{font-family:"Poppins font", Sans-serif;font-size:20px;font-weight:400;text-transform:none;line-height:28px;color:var( --e-global-color-78162c6 );}.elementor-25 .elementor-element.elementor-element-a5d48e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:25px 25px;--row-gap:25px;--column-gap:25px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-ad707d1 );--border-color:var( --e-global-color-ad707d1 );--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-25 .elementor-element.elementor-element-d038122{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-25 .elementor-element.elementor-element-09683b4{--grid-columns:2;}.elementor-25 .elementor-element.elementor-element-09683b4 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-25 .elementor-element.elementor-element-09683b4 .e-loop-item > .elementor-section, .elementor-25 .elementor-element.elementor-element-09683b4 .e-loop-item > .elementor-section > .elementor-container, .elementor-25 .elementor-element.elementor-element-09683b4 .e-loop-item > .e-con, .elementor-25 .elementor-element.elementor-element-09683b4 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination{text-align:center;margin-top:10px;}.elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination .page-numbers.current{color:var( --e-global-color-primary );}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-25 .elementor-element.elementor-element-09683b4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-25 .elementor-element.elementor-element-dc5c515{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:25px 25px;--row-gap:25px;--column-gap:25px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-ad707d1 );--border-color:var( --e-global-color-ad707d1 );--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-25 .elementor-element.elementor-element-dc5c515:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-dc5c515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ad707d1 );}.elementor-25 .elementor-element.elementor-element-18eef9d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-c7856d0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;}.elementor-25 .elementor-element.elementor-element-c7856d0 .elementor-heading-title{font-family:"Poppins font", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-5de9e1a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-25 .elementor-element.elementor-element-99538ff:hover img{opacity:0.54;}.elementor-25 .elementor-element.elementor-element-9f4a84c:hover img{opacity:0.54;}.elementor-25 .elementor-element.elementor-element-aa682fb:hover img{opacity:0.54;}.elementor-25 .elementor-element.elementor-element-44405e8:hover img{opacity:0.54;}.elementor-25 .elementor-element.elementor-element-d5c5cf0:hover img{opacity:0.54;}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-c7fdada{--width:620px;}.elementor-25 .elementor-element.elementor-element-d038122{--width:100%;}.elementor-25 .elementor-element.elementor-element-18eef9d{--width:100%;}.elementor-25 .elementor-element.elementor-element-5de9e1a{--width:100%;}}@media(max-width:1200px){.elementor-25 .elementor-element.elementor-element-0b8feb9{--min-height:60vh;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-0b8feb9:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-0b8feb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-25 .elementor-element.elementor-element-a00a1a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-25 .elementor-element.elementor-element-a00a1a3 .elementor-heading-title{font-size:50px;}.elementor-25 .elementor-element.elementor-element-859ac5a .elementor-heading-title{font-size:20px;line-height:26px;}.elementor-25 .elementor-element.elementor-element-a5d48e3{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-09683b4{--grid-columns:2;}.elementor-25 .elementor-element.elementor-element-dc5c515{--padding-top:60px;--padding-bottom:45px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-c7856d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-c7856d0 .elementor-heading-title{font-size:15px;}.elementor-25 .elementor-element.elementor-element-5de9e1a{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-0b8feb9{--min-height:50vh;--overlay-opacity:0.64;}.elementor-25 .elementor-element.elementor-element-0b8feb9:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-0b8feb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-25 .elementor-element.elementor-element-a00a1a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-25 .elementor-element.elementor-element-a00a1a3 .elementor-heading-title{font-size:35px;}.elementor-25 .elementor-element.elementor-element-859ac5a .elementor-heading-title{font-size:16px;line-height:22px;}.elementor-25 .elementor-element.elementor-element-a5d48e3{--gap:0 4%;--row-gap:0;--column-gap:4%;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-09683b4{--grid-columns:1;}.elementor-25 .elementor-element.elementor-element-dc5c515{--gap:0 4%;--row-gap:0;--column-gap:4%;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-c7856d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-25 .elementor-element.elementor-element-c7856d0 .elementor-heading-title{font-size:14px;}.elementor-25 .elementor-element.elementor-element-5de9e1a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 8%;--row-gap:15px;--column-gap:8%;--flex-wrap:wrap;}.elementor-25 .elementor-element.elementor-element-99538ff{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-9f4a84c{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-aa682fb{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-44405e8{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-d5c5cf0{width:var( --container-widget-width, 28% );max-width:28%;--container-widget-width:28%;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-d038122 *//* ========================================= ALGEMENE HOVER EFFECTEN VOOR '.hover-kaart' ========================================= */ /* --- DEEL 1: DE AFBEELDING ZOOM --- */ /* Vloeiende overgang op de container met de class 'afbeelding-hover' */ .afbeelding-hover { transition: background-size 0.4s ease-in-out !important; /* We gebruiken exact de instelling uit jouw Elementor code als startpunt: */ background-size: 100% auto !important; } /* De Actie: Hover over de hoofdkaart (.hover-kaart) -> zoom '.afbeelding-hover' in */ .hover-kaart:hover .afbeelding-hover { /* We vergroten de breedte naar 110%, de hoogte (auto) schaalt netjes mee */ background-size: 105% auto !important; } /* --- DEEL 2: DE ICOONLIJST (Pijltje) --- */ /* Icoonlijst links uitlijnen */ .hover-kaart .elementor-icon-list-item, .hover-kaart .elementor-icon-list-item a { display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 8px !important; } /* Zet de tekst als eerste element */ .hover-kaart .elementor-icon-list-text { order: 1 !important; } /* Zet het icoon/pijltje als tweede element (rechts) en voeg overgang toe */ .hover-kaart .elementor-icon-list-icon { order: 2 !important; margin: 0 !important; display: inline-flex !important; transition: transform 0.3s ease !important; } /* De Actie: Hover over de hoofdkaart -> Pijltje schuift naar rechts */ .hover-kaart:hover .elementor-icon-list-icon { transform: translateX(6px) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5de9e1a *//* ========================================= ALGEMENE HOVER EFFECTEN VOOR '.hover-kaart' ========================================= */ /* --- DEEL 1: DE AFBEELDING ZOOM --- */ /* Vloeiende overgang op de container met de class 'afbeelding-hover' */ .afbeelding-hover { transition: background-size 0.4s ease-in-out !important; /* We gebruiken exact de instelling uit jouw Elementor code als startpunt: */ background-size: 100% auto !important; } /* De Actie: Hover over de hoofdkaart (.hover-kaart) -> zoom '.afbeelding-hover' in */ .hover-kaart:hover .afbeelding-hover { /* We vergroten de breedte naar 110%, de hoogte (auto) schaalt netjes mee */ background-size: 105% auto !important; } /* --- DEEL 2: DE ICOONLIJST (Pijltje) --- */ /* Icoonlijst links uitlijnen */ .hover-kaart .elementor-icon-list-item, .hover-kaart .elementor-icon-list-item a { display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 8px !important; } /* Zet de tekst als eerste element */ .hover-kaart .elementor-icon-list-text { order: 1 !important; } /* Zet het icoon/pijltje als tweede element (rechts) en voeg overgang toe */ .hover-kaart .elementor-icon-list-icon { order: 2 !important; margin: 0 !important; display: inline-flex !important; transition: transform 0.3s ease !important; } /* De Actie: Hover over de hoofdkaart -> Pijltje schuift naar rechts */ .hover-kaart:hover .elementor-icon-list-icon { transform: translateX(6px) !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Poppins font'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-Thin100.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-ExtraLight200.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-Light300.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-Regular400.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-Medium500.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-SemiBold600.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-Bold700.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-ExtraBold800.ttf') format('truetype'); } @font-face { font-family: 'Poppins font'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://www.hsu-facility.nl/wp-content/uploads/2026/03/Poppins-Black900.ttf') format('truetype'); } /* End Custom Fonts CSS */