.elementor-722 .elementor-element.elementor-element-881edf7{--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;--margin-top:0px;--margin-bottom:-95px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-722 .elementor-element.elementor-element-881edf7:not(.elementor-motion-effects-element-type-background), .elementor-722 .elementor-element.elementor-element-881edf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-5f01e12{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-5f01e12.e-con{--align-self:center;}.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-722 .elementor-element.elementor-element-606df52{width:var( --container-widget-width, 63.968% );max-width:63.968%;--container-widget-width:63.968%;--container-widget-flex-grow:0;text-align:start;}.elementor-722 .elementor-element.elementor-element-606df52.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-722 .elementor-element.elementor-element-606df52 img{width:150px;}.elementor-722 .elementor-element.elementor-element-9ff05d0{--display:flex;--flex-direction:row-reverse;--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-reverse;--justify-content:flex-start;--align-items:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-b0356ca{padding:7px 15px 7px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B8B8B8;border-radius:20px 20px 20px 20px;}.elementor-722 .elementor-element.elementor-element-b0356ca:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-722 .elementor-element.elementor-element-b0356ca .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-framed .elementor-icon, .elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-framed:has(:hover) .elementor-icon, .elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-default:has(:hover) .elementor-icon, .elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-framed:has(:focus) .elementor-icon, .elementor-722 .elementor-element.elementor-element-b0356ca.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-722 .elementor-element.elementor-element-b0356ca .elementor-icon{font-size:15px;}.elementor-722 .elementor-element.elementor-element-b0356ca .elementor-icon-box-title, .elementor-722 .elementor-element.elementor-element-b0356ca .elementor-icon-box-title a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-722 .elementor-element.elementor-element-b0356ca .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-3636dcc8{--display:flex;--min-height:40vh;--justify-content:flex-end;--overlay-opacity:0;--padding-top:150px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-3636dcc8:not(.elementor-motion-effects-element-type-background), .elementor-722 .elementor-element.elementor-element-3636dcc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-3636dcc8::before, .elementor-722 .elementor-element.elementor-element-3636dcc8 > .elementor-background-video-container::before, .elementor-722 .elementor-element.elementor-element-3636dcc8 > .e-con-inner > .elementor-background-video-container::before, .elementor-722 .elementor-element.elementor-element-3636dcc8 > .elementor-background-slideshow::before, .elementor-722 .elementor-element.elementor-element-3636dcc8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-722 .elementor-element.elementor-element-3636dcc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-722 .elementor-element.elementor-element-3636dcc8.e-con{--flex-grow:0;--flex-shrink:0;}.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-722 .elementor-element.elementor-element-33bfd46 .elementor-heading-title{font-family:"instrument-serif", Sans-serif;font-size:70px;font-weight:300;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-722 .elementor-element.elementor-element-712118f5{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-5a92359a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-1d5577b{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-85f08a9{--display:flex;--min-height:100vh;--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:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-85f08a9:not(.elementor-motion-effects-element-type-background), .elementor-722 .elementor-element.elementor-element-85f08a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-722 .elementor-element.elementor-element-b328887{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-722 .elementor-element.elementor-element-78bdd4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-722 .elementor-element.elementor-element-07eaae9{--display:flex;--justify-content:center;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-07eaae9:not(.elementor-motion-effects-element-type-background), .elementor-722 .elementor-element.elementor-element-07eaae9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aardappelen-legrand.be/wp-content/uploads/2026/08/Legrand-WEB-0264.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-722 .elementor-element.elementor-element-07eaae9::before, .elementor-722 .elementor-element.elementor-element-07eaae9 > .elementor-background-video-container::before, .elementor-722 .elementor-element.elementor-element-07eaae9 > .e-con-inner > .elementor-background-video-container::before, .elementor-722 .elementor-element.elementor-element-07eaae9 > .elementor-background-slideshow::before, .elementor-722 .elementor-element.elementor-element-07eaae9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-722 .elementor-element.elementor-element-07eaae9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-722 .elementor-element.elementor-element-3a81c36 .elementor-heading-title{font-family:"instrument-serif", Sans-serif;font-size:100px;font-weight:300;color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-706a683{color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-5d2cfad{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-c9b171d{background-color:var( --e-global-color-primary );padding:7px 15px 7px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:20px 20px 20px 20px;}.elementor-722 .elementor-element.elementor-element-c9b171d:hover{background-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-722 .elementor-element.elementor-element-c9b171d .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-framed .elementor-icon, .elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-default:has(:hover) .elementor-icon, .elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-722 .elementor-element.elementor-element-c9b171d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-c9b171d .elementor-icon{font-size:15px;}.elementor-722 .elementor-element.elementor-element-c9b171d .elementor-icon-box-title, .elementor-722 .elementor-element.elementor-element-c9b171d .elementor-icon-box-title a{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-722 .elementor-element.elementor-element-c9b171d .elementor-icon-box-title{color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-c9b171d:has(:hover) .elementor-icon-box-title, .elementor-722 .elementor-element.elementor-element-c9b171d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-c9b171d .elementor-icon-box-description{color:#FFFFFF;}.elementor-widget-button .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 );font-style:var( --e-global-typography-accent-font-style );}.elementor-722 .elementor-element.elementor-element-d6240dd .elementor-button{background-color:#141E2900;font-family:"Mona Sans", Sans-serif;font-weight:400;font-style:normal;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-722 .elementor-element.elementor-element-d6240dd .elementor-button:hover, .elementor-722 .elementor-element.elementor-element-d6240dd .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-text );border-color:#FFFFFF;}.elementor-722 .elementor-element.elementor-element-d6240dd .elementor-button:hover svg, .elementor-722 .elementor-element.elementor-element-d6240dd .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-2b0f75e{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-2b0f75e:not(.elementor-motion-effects-element-type-background), .elementor-722 .elementor-element.elementor-element-2b0f75e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-722 .elementor-element.elementor-element-f87c9a5{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-722 .elementor-element.elementor-element-d47d6d7{text-align:start;}.elementor-722 .elementor-element.elementor-element-d47d6d7 img{width:150px;}.elementor-722 .elementor-element.elementor-element-ff28874 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-ce1247b{--display:flex;--justify-content:space-between;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-722 .elementor-element.elementor-element-e210523 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-722 .elementor-element.elementor-element-f31ad10{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-722 .elementor-element.elementor-element-f31ad10 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-722 .elementor-element.elementor-element-2f942e4{--display:flex;--justify-content:flex-end;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-722 .elementor-element.elementor-element-732f715{--grid-template-columns:repeat(0, auto);text-align:left;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-722 .elementor-element.elementor-element-732f715 .elementor-social-icon{background-color:var( --e-global-color-accent );--icon-padding:0em;}.elementor-722 .elementor-element.elementor-element-732f715 .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-722 .elementor-element.elementor-element-732f715 .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-722 .elementor-element.elementor-element-8707f24{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-722 .elementor-element.elementor-element-65de05b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-722 .elementor-element.elementor-element-fda21bc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-722 .elementor-element.elementor-element-fda21bc .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-722 .elementor-element.elementor-element-5f01e12{--width:25%;}.elementor-722 .elementor-element.elementor-element-9ff05d0{--width:75%;}.elementor-722 .elementor-element.elementor-element-b328887{--width:100%;}.elementor-722 .elementor-element.elementor-element-f87c9a5{--width:33%;}.elementor-722 .elementor-element.elementor-element-ce1247b{--width:22%;}.elementor-722 .elementor-element.elementor-element-2f942e4{--width:22%;}.elementor-722 .elementor-element.elementor-element-8707f24{--width:22%;}}@media(min-width:1025px){.elementor-722 .elementor-element.elementor-element-07eaae9:not(.elementor-motion-effects-element-type-background), .elementor-722 .elementor-element.elementor-element-07eaae9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-722 .elementor-element.elementor-element-33bfd46 .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-722 .elementor-element.elementor-element-881edf7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-722 .elementor-element.elementor-element-5f01e12{--width:50%;}.elementor-722 .elementor-element.elementor-element-9ff05d0{--width:50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-3636dcc8{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-722 .elementor-element.elementor-element-33bfd46 .elementor-heading-title{font-size:50px;}.elementor-722 .elementor-element.elementor-element-1d5577b{width:100%;max-width:100%;}.elementor-722 .elementor-element.elementor-element-85f08a9{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-722 .elementor-element.elementor-element-07eaae9{--padding-top:70px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-722 .elementor-element.elementor-element-3a81c36 .elementor-heading-title{font-size:45px;}}/* Start custom CSS for shortcode, class: .elementor-element-78bdd4e *//* ========================================================== LEGRAND SMART ORDER MASTER STYLESHEET ========================================================== */ /* ========================================================== 01. DESIGN TOKENS ========================================================== */ .legrand-order { /* ---------- BRAND COLORS ---------- */ --lg-primary: #C61623; --lg-secondary: #F3BB49; --lg-text: #262626; --lg-accent: #F5F0E7; --lg-white: #FFFFFF; --lg-muted: #7A7772; --lg-border: rgba(38, 38, 38, 0.14); --lg-border-soft: rgba(38, 38, 38, 0.08); --lg-primary-soft: rgba(198, 22, 35, 0.055); --lg-secondary-soft: rgba(243, 187, 73, 0.18); /* ---------- TYPOGRAPHY ---------- */ --lg-font-heading: "Instrument-Serif", Georgia, "Times New Roman", serif; --lg-font-body: "Mona Sans", Arial, sans-serif; /* ---------- FONT SIZES ---------- */ --lg-h2: clamp(34px, 3.3vw, 52px); --lg-h3: clamp(24px, 2.1vw, 32px); --lg-body: 15px; --lg-small: 13px; --lg-label: 11px; /* ---------- FORM ---------- */ --lg-field-height: 52px; --lg-input-border: rgba(38, 38, 38, 0.22); /* ---------- RADIUS ---------- */ --lg-radius: 0px; --lg-radius-card: 0px; --lg-button-radius: 75px; /* ---------- SPACING ---------- */ --lg-gap-xs: 8px; --lg-gap-sm: 14px; --lg-gap-md: 24px; --lg-gap-lg: 40px; --lg-gap-xl: 64px; /* ---------- LAYOUT ---------- */ --lg-summary-width: 340px; --lg-sticky-top: 145px; --lg-progress-top: 68px; /* ---------- BUTTONS ---------- */ --lg-button-height: 52px; --lg-button-padding-x: 30px; /* ---------- BASE ---------- */ width: 100%; color: var(--lg-text); font-family: var(--lg-font-body); font-size: var(--lg-body); line-height: 1.55; } /* ========================================================== 02. RESET ========================================================== */ .legrand-order *, .legrand-order *::before, .legrand-order *::after { box-sizing: border-box; } .legrand-order button, .legrand-order input, .legrand-order textarea, .legrand-order select { font: inherit; } .legrand-order button { cursor: pointer; } .legrand-order p { margin-top: 0; } /* ========================================================== 03. TYPOGRAPHY ========================================================== */ .legrand-order h2, .legrand-order h3 { margin: 0; color: var(--lg-text); font-family: var(--lg-font-heading); font-weight: 400; letter-spacing: -0.02em; } .legrand-order h2 { margin-bottom: 30px; font-size: var(--lg-h2); line-height: 0.98; } .legrand-order h3 { font-size: var(--lg-h3); line-height: 1.05; } /* ---------- UI LABELS ---------- */ .legrand-order__eyebrow, .legrand-order__label, .legrand-order__field > span { display: block; margin-bottom: 9px; color: var(--lg-muted); font-family: var(--lg-font-body); font-size: var(--lg-label); line-height: 1.2; font-weight: 650; letter-spacing: 0.12em; text-transform: uppercase; } /* ---------- SPACING VOOR CHOICE LABELS ---------- */ .legrand-order__label + .legrand-order__choices { margin-top: 10px; } /* ========================================================== 04. PROGRESS BAR ========================================================== */ .legrand-order__progress { position: sticky; top: var(--lg-progress-top); z-index: 30; display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; margin-bottom: 58px; border: 0; background: var(--lg-accent); } .legrand-order__progress-step { position: relative; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 18px 14px 17px 0; border: 0; background: transparent; color: rgba(38, 38, 38, 0.42); text-align: left; transition: color 0.2s ease; } .legrand-order__progress-step:not(:last-child) { border-right: 0; } .legrand-order__progress-step span { flex: 0 0 auto; color: inherit; font-family: var(--lg-font-heading); font-size: 20px; line-height: 1; } .legrand-order__progress-step strong { overflow: hidden; color: inherit; font-size: 13px; line-height: 1.2; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; } .legrand-order__progress-step::after { content: ""; position: absolute; left: 0; right: 18px; bottom: -1px; height: 2px; background: transparent; transition: background-color 0.2s ease; } .legrand-order__progress-step.is-active { color: var(--lg-text); } .legrand-order__progress-step.is-active span { color: var(--lg-primary); } .legrand-order__progress-step.is-active::after { background: var(--lg-primary); } .legrand-order__progress-step.is-complete { color: var(--lg-primary); } .legrand-order__progress-step.is-complete::after { background: rgba(198, 22, 35, 0.28); } .legrand-order__progress-step:hover { background: transparent !important; color: var(--lg-text) !important; } /* ========================================================== 05. STEPS / TRANSITIONS ========================================================== */ .legrand-order__step { animation: lgOrderFade 0.32s ease; } @keyframes lgOrderFade { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================== 06. CHOICE CARDS ========================================================== */ .legrand-order__choices { display: grid; gap: var(--lg-gap-sm); } .legrand-order__choices--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .legrand-order__choice { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; min-height: 112px; padding: 25px 28px; border: 1px solid var(--lg-border); border-radius: var(--lg-radius-card); background: var(--lg-white); color: var(--lg-text); text-align: left; transition: border-color 0.2s ease, background-color 0.2s ease; } .legrand-order__choice:hover { border-color: rgba(198, 22, 35, 0.46); background: var(--lg-accent); } .legrand-order__choice.is-selected { border-color: var(--lg-primary); background: var(--lg-accent); } .legrand-order__choice.is-selected::after { content: "✓"; position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--lg-primary); color: var(--lg-white); font-size: 11px; font-weight: 700; } .legrand-order__choice span { padding-right: 38px; color: var(--lg-text); font-family: var(--lg-font-heading); font-size: clamp(22px, 1.8vw, 28px); line-height: 1.05; font-weight: 400; } .legrand-order__choice small { display: block; margin-top: 8px; color: var(--lg-muted); font-size: var(--lg-small); line-height: 1.45; } /* ========================================================== 07. FORM FIELDS ========================================================== */ .legrand-order__fields { display: grid; gap: 30px 36px; margin-top: 30px; } .legrand-order__fields--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .legrand-order__conditional, .legrand-order__block { margin-top: 42px; } .legrand-order__field { min-width: 0; } /* ========================================================== 07A. KLANTGEGEVENS DESKTOP GRID ========================================================== */ /* 40% | 40% | 20% BESTAANDE KLANT: Bedrijfsnaam | Contactpersoon | Klantennummer NIEUWE KLANT: Bedrijfsnaam | Contactpersoon | BTW-nummer */ .legrand-order__conditional .legrand-order__fields--2 { grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1fr); } /* ---------- RIJ 1 ---------- */ .legrand-order__conditional .legrand-order__field:nth-child(1) { grid-column: 1; grid-row: 1; } .legrand-order__conditional .legrand-order__field:nth-child(2) { grid-column: 2; grid-row: 1; } .legrand-order__conditional .legrand-order__field:nth-child(5) { grid-column: 3; grid-row: 1; } /* ---------- RIJ 2 ---------- */ .legrand-order__conditional .legrand-order__field:nth-child(3) { grid-column: 1; grid-row: 2; } .legrand-order__conditional .legrand-order__field:nth-child(4) { grid-column: 2; grid-row: 2; } /* ========================================================== 07B. ADRESVELDEN ========================================================== */ /* Vanaf het zesde veld: volledige breedte. Hierdoor krijgt o.a. het leveringsadres niet langer de smalle 20%-kolom. */ .legrand-order__conditional .legrand-order__fields--2 .legrand-order__field:nth-child(n+6) { grid-column: 1 / -1 !important; grid-row: auto !important; width: 100% !important; } .legrand-order__conditional .legrand-order__fields--2 .legrand-order__field:nth-child(n+6) input, .legrand-order__conditional .legrand-order__fields--2 .legrand-order__field:nth-child(n+6) textarea, .legrand-order__conditional .legrand-order__fields--2 .legrand-order__field:nth-child(n+6) select { width: 100% !important; max-width: none !important; } /* ---------- EXTRA VANGNET VOOR ADRESBLOKKEN ---------- */ .legrand-order__conditional .legrand-order__block .legrand-order__field, .legrand-order__conditional .legrand-order__block .legrand-order__field input, .legrand-order__conditional .legrand-order__block .legrand-order__field textarea { width: 100% !important; max-width: none !important; } /* ========================================================== 07C. INPUTS ========================================================== */ .legrand-order__field input, .legrand-order__field select { width: 100%; height: var(--lg-field-height); padding: 0 0 10px; border: 0; border-bottom: 1px solid var(--lg-input-border); border-radius: 0; outline: none; background: transparent; color: var(--lg-text); font-family: var(--lg-font-body); font-size: 15px; box-shadow: none; transition: border-color 0.2s ease; } .legrand-order__field input::placeholder, .legrand-order__field textarea::placeholder { color: rgba(38, 38, 38, 0.34); } .legrand-order__field input:hover, .legrand-order__field select:hover { border-bottom-color: rgba(38, 38, 38, 0.42); } .legrand-order__field input:focus, .legrand-order__field select:focus { border-color: var(--lg-primary); box-shadow: none; } /* ---------- TEXTAREA ---------- */ .legrand-order__field textarea { width: 100%; min-height: 130px; margin-top: 2px; padding: 17px 18px; resize: vertical; border: 1px solid var(--lg-border); border-radius: var(--lg-radius); outline: none; background: var(--lg-white); color: var(--lg-text); font-family: var(--lg-font-body); font-size: 14px; line-height: 1.55; box-shadow: none; transition: border-color 0.2s ease; } .legrand-order__field textarea:focus { border-color: var(--lg-primary); } /* ========================================================== 08. CHECKBOXES ========================================================== */ .legrand-order__check { display: flex; align-items: flex-start; gap: 11px; color: var(--lg-text); font-size: 14px; line-height: 1.5; cursor: pointer; } .legrand-order__check input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; accent-color: var(--lg-primary); } /* ========================================================== 08B. FACTURATIEADRES Verschijnt wanneer: "Facturatieadres is hetzelfde als leveringsadres" uitgevinkt wordt. ========================================================== */ .legrand-order [data-lso-billing-wrap] { width: 100%; margin-top: 30px; } .legrand-order [data-lso-billing-wrap] .legrand-order__field { display: block; width: 100%; } .legrand-order [data-lso-billing-wrap] .legrand-order__field > span { display: block; width: 100%; } .legrand-order [data-lso-billing-wrap] input { display: block; width: 100%; } /* ========================================================== 09. HINTS / INFO / WARNINGS ========================================================== */ .legrand-order__hint { margin-top: 13px; max-width: 600px; color: var(--lg-muted); font-size: 13px; line-height: 1.65; } .legrand-order__notice { position: relative; margin-top: 28px; padding: 19px 22px 19px 27px; border: 0; border-radius: var(--lg-radius); background: var(--lg-accent); color: var(--lg-text); font-size: 13px; line-height: 1.6; } .legrand-order__notice::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: var(--lg-primary); } .legrand-order__notice--warning { background: var(--lg-secondary-soft); } .legrand-order__notice--warning::before { background: var(--lg-secondary); } /* ---------- LINKS IN INFOBLOKKEN VET ---------- */ .legrand-order__notice a { font-weight: 700; } /* ========================================================== 09A. STAP 02 — LEVERING ========================================================== */ /* Meer ademruimte tussen: - Gewenste leverdatum - Leveringskeuze */ .legrand-order__step[data-step="2"] .legrand-order__field + .legrand-order__label, .legrand-order__step[data-step="2"] .legrand-order__label:has(+ .legrand-order__choices) { margin-top: 32px; } .legrand-order [data-lso-step="2"] .legrand-order__fields + .legrand-order__label { margin-top: 36px; margin-bottom: 9px; } /* ========================================================== 10. PRODUCT LAYOUT ========================================================== */ .legrand-order__products-layout { display: grid; grid-template-columns: minmax(0, 1fr) var(--lg-summary-width); gap: clamp(42px, 5vw, 72px); align-items: start; } /* ========================================================== 11. PRODUCT GROUPS ========================================================== */ .legrand-order__product-group { margin-top: 52px; } .legrand-order__product-group:first-child { margin-top: 42px; } .legrand-order__product-group-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; padding-bottom: 14px; border-bottom: 2px solid var(--lg-text); } .legrand-order__product-group-head h3 { font-size: clamp(27px, 2.2vw, 34px); } .legrand-order__product-group-head small { padding-bottom: 4px; color: var(--lg-muted); font-size: 10px; line-height: 1.2; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; } /* ========================================================== 12. PRODUCT TABLE ========================================================== */ .legrand-order__product-head { display: grid; grid-template-columns: minmax(0, 1fr) 105px 136px; gap: 18px; padding: 11px 0; border-bottom: 1px solid var(--lg-border); color: var(--lg-muted); font-size: 10px; font-weight: 650; letter-spacing: 0.10em; text-transform: uppercase; } .legrand-order__product-row { display: grid; grid-template-columns: minmax(0, 1fr) 105px 136px; gap: 18px; align-items: center; min-height: 68px; padding: 12px 0; border-bottom: 1px solid var(--lg-border-soft); transition: background-color 0.2s ease, padding-left 0.2s ease, padding-right 0.2s ease; } .legrand-order__product-row:hover { background: rgba(245, 240, 231, 0.45); } .legrand-order__product-row:has( .legrand-order__stepper input:not([value="0"]):not([value=""]) ) { padding-left: 12px; padding-right: 12px; background: var(--lg-primary-soft); } .legrand-order__product-name { color: var(--lg-text); font-size: 14px; line-height: 1.35; font-weight: 550; } .legrand-order__packaging { color: var(--lg-muted); font-size: 12px; line-height: 1.3; } /* ========================================================== 13. QUANTITY STEPPER ========================================================== */ .legrand-order__stepper { display: grid; grid-template-columns: 38px 52px 38px; width: 128px; border: 1px solid var(--lg-border); border-radius: var(--lg-radius); background: var(--lg-white); overflow: hidden; } .legrand-order__stepper button, .legrand-order__stepper input { height: 40px; margin: 0; border-radius: 0; box-shadow: none; } .legrand-order__stepper button { display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: var(--lg-text); font-size: 19px; font-weight: 350; line-height: 1; transition: background-color 0.15s ease, color 0.15s ease; } .legrand-order__stepper button:hover { background: var(--lg-primary); color: var(--lg-white); } .legrand-order__stepper button:disabled { opacity: 0.3; cursor: default; } .legrand-order__stepper button:disabled:hover { background: transparent; color: var(--lg-text); } .legrand-order__stepper input { width: 52px; padding: 0; border: 0; border-left: 1px solid var(--lg-border); border-right: 1px solid var(--lg-border); outline: none; background: transparent; color: var(--lg-text); text-align: center; font-size: 13px; font-weight: 650; appearance: textfield; } .legrand-order__stepper input::-webkit-inner-spin-button, .legrand-order__stepper input::-webkit-outer-spin-button { margin: 0; appearance: none; } /* ========================================================== 14. ORDER SUMMARY ========================================================== */ .legrand-order__summary { position: sticky; top: var(--lg-sticky-top); padding: 29px 28px; border: 0; border-radius: var(--lg-radius-card); background: var(--lg-accent); } .legrand-order__summary-title { margin-bottom: 19px; color: var(--lg-primary); font-size: 10px; line-height: 1.2; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .legrand-order__summary-empty { color: var(--lg-muted); font-size: 13px; line-height: 1.5; } .legrand-order__summary-line { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 12px 0; border-bottom: 1px solid var(--lg-border-soft); color: var(--lg-text); font-size: 13px; line-height: 1.35; } .legrand-order__summary-line small { display: block; margin-top: 4px; color: var(--lg-muted); font-size: 11px; } .legrand-order__summary-line strong { flex: 0 0 auto; font-size: 12px; font-weight: 650; } .legrand-order__summary-total { margin-top: 18px; padding-top: 17px; border-top: 1px solid rgba(38, 38, 38, 0.25); } .legrand-order__summary-total > div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-top: 7px; } .legrand-order__summary-total span { color: var(--lg-muted); font-size: 10px; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase; } .legrand-order__summary-total strong { color: var(--lg-text); font-family: var(--lg-font-heading); font-size: 25px; line-height: 1; font-weight: 400; } /* ========================================================== 15. REVIEW / CONTROLE ========================================================== */ .legrand-order__review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .legrand-order__review-grid section, .legrand-order__review-order { padding: 27px; border: 0; background: var(--lg-accent); } .legrand-order__review-grid section h3, .legrand-order__review-order h3 { margin-bottom: 17px; font-size: 25px; } .legrand-order__review-grid p { margin-bottom: 3px; color: var(--lg-muted); font-size: 13px; line-height: 1.55; } .legrand-order__review-order { margin-top: 14px; } .legrand-order__review-line { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--lg-border-soft); font-size: 13px; } /* ========================================================== 16. ACTION BAR ========================================================== */ .legrand-order__actions { position: sticky; bottom: 0; z-index: 35; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 52px; padding: 15px 0; border-top: 0; background: transparent; backdrop-filter: none; } /* ========================================================== 17. BUTTONS Alleen deze buttons zijn afgerond. ========================================================== */ .legrand-order__button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--lg-button-height); padding: 0 var(--lg-button-padding-x); border-radius: var(--lg-button-radius); font-family: var(--lg-font-body); font-size: 12px; line-height: 1; font-weight: 650; letter-spacing: 0.025em; text-decoration: none; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .legrand-order__button--primary { border: 1px solid var(--lg-primary); background: var(--lg-primary); color: var(--lg-white); } .legrand-order__button--primary:hover { border-color: var(--lg-text); background: var(--lg-text); color: var(--lg-white); } .legrand-order__button--secondary { border: 1px solid rgba(38, 38, 38, 0.24); background: transparent; color: var(--lg-text); } .legrand-order__button--secondary:hover { border-color: var(--lg-text); background: var(--lg-text); color: var(--lg-white); } /* ========================================================== 18. ERRORS ========================================================== */ .legrand-order__error-box { margin-top: 20px; padding: 15px 19px; border: 0; border-left: 3px solid var(--lg-primary); background: var(--lg-primary-soft); color: var(--lg-primary); font-size: 12px; line-height: 1.55; } /* ========================================================== 19. SUCCESS STATE ========================================================== */ .legrand-order__success { max-width: 760px; padding: 25px 0 50px; } .legrand-order__success h2 { margin-bottom: 22px; font-family: var(--lg-font-heading); font-size: clamp(42px, 5vw, 64px); line-height: 0.98; font-weight: 400; letter-spacing: -0.025em; } .legrand-order__success > p { max-width: 580px; color: var(--lg-muted); font-size: 15px; line-height: 1.65; } .legrand-order__success-card { margin: 32px 0; padding: 30px; border: 0; background: var(--lg-accent); } /* ========================================================== 20. MOBILE SUMMARY ========================================================== */ .legrand-order__mobile-summary { display: none; } /* ========================================================== 21. TABLET ========================================================== */ @media (max-width: 1024px) { .legrand-order { --lg-summary-width: 285px; --lg-gap-xl: 48px; } .legrand-order__products-layout { gap: 36px; } } /* ========================================================== 22. TABLET / MOBILE ========================================================== */ @media (max-width: 900px) { .legrand-order__products-layout { grid-template-columns: 1fr; } .legrand-order__summary--desktop { display: none; } .legrand-order__mobile-summary { position: sticky; bottom: 78px; z-index: 30; display: block; max-height: 250px; overflow-y: auto; margin-top: 30px; padding: 17px 20px; border-top: 1px solid var(--lg-border); background: var(--lg-accent); } } /* ========================================================== 23. MOBILE ========================================================== */ @media (max-width: 640px) { .legrand-order { --lg-h2: 34px; --lg-h3: 25px; --lg-progress-top: 57px; } /* ---------- PROGRESS ---------- */ .legrand-order__progress { margin-bottom: 36px; } .legrand-order__progress-step { justify-content: center; padding: 12px 4px; } .legrand-order__progress-step span { font-size: 18px; } .legrand-order__progress-step strong { display: none; } .legrand-order__progress-step::after { left: 4px; right: 4px; } /* ---------- CHOICES ---------- */ .legrand-order__choices--2 { grid-template-columns: 1fr; } .legrand-order__choice { min-height: auto; padding: 20px 21px; } .legrand-order__choice span { font-size: 22px; } /* ---------- FIELDS ---------- */ .legrand-order__fields--2 { grid-template-columns: 1fr; gap: 25px; } /* Desktop 40 / 40 / 20 uitschakelen. */ .legrand-order__conditional .legrand-order__fields--2 { grid-template-columns: 1fr; } .legrand-order__conditional .legrand-order__field { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; } /* ---------- STAP 02 ---------- */ .legrand-order__step[data-step="2"] .legrand-order__field + .legrand-order__label, .legrand-order__step[data-step="2"] .legrand-order__label:has(+ .legrand-order__choices) { margin-top: 26px; } /* ---------- REVIEW ---------- */ .legrand-order__review-grid { grid-template-columns: 1fr; } /* ---------- PRODUCT GROUP ---------- */ .legrand-order__product-group { margin-top: 40px; } .legrand-order__product-group-head { align-items: flex-start; } .legrand-order__product-group-head small { display: none; } .legrand-order__product-head { display: none; } /* ---------- PRODUCT ROW ---------- */ .legrand-order__product-row { grid-template-columns: minmax(0, 1fr) auto; gap: 14px; min-height: 65px; padding: 11px 0; } .legrand-order__product-name { font-size: 13px; } .legrand-order__product-name small { display: block; margin-top: 4px; color: var(--lg-muted); font-size: 10px; line-height: 1.3; font-weight: 450; } .legrand-order__packaging { display: none; } /* ---------- STEPPER ---------- */ .legrand-order__stepper { grid-template-columns: 34px 42px 34px; width: 110px; } .legrand-order__stepper input { width: 42px; } .legrand-order__stepper button, .legrand-order__stepper input { height: 38px; } /* ---------- SUMMARY ---------- */ .legrand-order__mobile-summary { bottom: 70px; } /* ---------- ACTIONS ---------- */ .legrand-order__actions { margin-top: 35px; padding: 11px 0; } .legrand-order__button { min-height: 47px; padding: 0 18px; } } /* ========================================================== STAP 04 — OPMERKING VOOR LEGRAND ========================================================== */ /* Volledig opmerkingenblok over 100% */ .legrand-order [data-lso-step="4"] .legrand-order__block:has( textarea[data-lso-field="note"] ) { width: 100%; max-width: none; } /* Label + field over volledige breedte */ .legrand-order [data-lso-step="4"] .legrand-order__field:has(textarea[data-lso-field="note"]) { display: block; width: 100%; max-width: none; } /* Textarea over 100% en ongeveer 4 regels hoog */ .legrand-order [data-lso-step="4"] textarea[data-lso-field="note"] { display: block; width: 100%; max-width: none; min-height: 120px; height: 120px; padding: 17px 18px; border: 1px solid var(--lg-border); border-radius: 0; background: var(--lg-white); resize: vertical; } /* Meer ademruimte onder het opmerkingenveld */ .legrand-order [data-lso-step="4"] .legrand-order__block:has(textarea[data-lso-field="note"]) { margin-bottom: 28px; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Mona Sans'; font-display: auto; src: url('https://aardappelen-legrand.be/wp-content/uploads/2026/08/MonaSans-VariableFont_wdthwght.ttf') format('truetype'); } /* End Custom Fonts CSS */