.elementor-163 .elementor-element.elementor-element-649523b7{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;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-primary );--border-color:var( --e-global-color-primary );}.elementor-163 .elementor-element.elementor-element-da11028{--display:flex;--justify-content:flex-start;}.elementor-163 .elementor-element.elementor-element-da11028:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-da11028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.io-online.be/wp-content/uploads/2026/03/Copy-of-iO-store-depanne-06-scaled.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-163 .elementor-element.elementor-element-71311788{--display:flex;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-b754c2c );--border-color:var( --e-global-color-b754c2c );--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-163 .elementor-element.elementor-element-e52005c img{width:43%;}.elementor-163 .elementor-element.elementor-element-cb74c72{--spacer-size:20px;}.elementor-163 .elementor-element.elementor-element-0e5863c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-163 .elementor-element.elementor-element-0e5863c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:23px;font-weight:700;text-transform:uppercase;font-style:normal;color:#292929;}.elementor-163 .elementor-element.elementor-element-cbaa5e0 .elementor-button{background-color:#9FA699;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;line-height:22px;border-radius:5px 5px 5px 5px;padding:10px 10px 10px 10px;}.elementor-163 .elementor-element.elementor-element-cbaa5e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 12px 0px;}.elementor-163 .elementor-element.elementor-element-8a8fc8b{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 20px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;line-height:20px;}.elementor-163 .elementor-element.elementor-element-8a8fc8b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-163 .elementor-element.elementor-element-341ee7fe{--display:flex;}.elementor-163 .elementor-element.elementor-element-341ee7fe:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-341ee7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.io-online.be/wp-content/uploads/2025/12/iO.OpticiansOostende.CopyrightMargoCarton_103-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-163 .elementor-element.elementor-element-6683a9e9{--display:flex;--min-height:550px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;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-b754c2c );--border-color:var( --e-global-color-b754c2c );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-163 .elementor-element.elementor-element-3c63986f{--display:flex;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-b754c2c );--border-color:var( --e-global-color-b754c2c );}.elementor-163 .elementor-element.elementor-element-e35354b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:010px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-dc431c6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:040px;}.elementor-163 .elementor-element.elementor-element-f65f364{text-align:center;}.elementor-163 .elementor-element.elementor-element-c66c8cc{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;line-height:20px;}.elementor-163 .elementor-element.elementor-element-c66c8cc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-163 .elementor-element.elementor-element-cf2c667{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-163 .elementor-element.elementor-element-5bd2b9e{border-style:none;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu .elementor-item{font-size:14px;font-weight:400;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main .elementor-item{color:#F0EEF1;fill:#F0EEF1;padding-left:0px;padding-right:0px;padding-top:11px;padding-bottom:11px;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main .elementor-item:focus{color:#292929;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-50132ba );}.elementor-163 .elementor-element.elementor-element-5bd2b9e .e--pointer-framed .elementor-item:before,
					.elementor-163 .elementor-element.elementor-element-5bd2b9e .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-50132ba );}.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .elementor-item:before{border-radius:0px;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:0px 0px 0 0;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 0px 0px;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 0px 0px 0;}.elementor-163 .elementor-element.elementor-element-5bd2b9e .e--animation-shutter-in-vertical .elementor-item:after{border-radius:0px 0 0 0px;}@media(max-width:1024px){.elementor-163 .elementor-element.elementor-element-649523b7{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--flex-wrap:wrap;}.elementor-163 .elementor-element.elementor-element-da11028.e-con{--order:99999 /* order end hack */;}.elementor-163 .elementor-element.elementor-element-71311788{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12%;--padding-bottom:12%;--padding-left:12%;--padding-right:12%;}.elementor-163 .elementor-element.elementor-element-0e5863c .elementor-heading-title{font-size:20px;}.elementor-163 .elementor-element.elementor-element-341ee7fe{--justify-content:flex-start;}.elementor-163 .elementor-element.elementor-element-6683a9e9{--min-height:400px;}}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-649523b7{--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;}.elementor-163 .elementor-element.elementor-element-da11028{--width:100%;--min-height:320px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-163 .elementor-element.elementor-element-da11028:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-da11028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-163 .elementor-element.elementor-element-da11028.e-con{--order:-99999 /* order start hack */;}.elementor-163 .elementor-element.elementor-element-8a8fc8b{padding:0px 0px 0px 0px;}.elementor-163 .elementor-element.elementor-element-341ee7fe:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-341ee7fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-163 .elementor-element.elementor-element-341ee7fe{--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:0%;}.elementor-163 .elementor-element.elementor-element-6683a9e9{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:020%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-163 .elementor-element.elementor-element-3c63986f{--min-height:200px;--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;}.elementor-163 .elementor-element.elementor-element-e35354b{--width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;}.elementor-163 .elementor-element.elementor-element-dc431c6{--width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:020px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-c66c8cc{padding:0px 40px 0px 40px;}}@media(min-width:768px){.elementor-163 .elementor-element.elementor-element-da11028{--width:30%;}.elementor-163 .elementor-element.elementor-element-71311788{--width:40%;}.elementor-163 .elementor-element.elementor-element-341ee7fe{--width:30%;}.elementor-163 .elementor-element.elementor-element-3c63986f{--width:70%;}.elementor-163 .elementor-element.elementor-element-e35354b{--width:30%;}.elementor-163 .elementor-element.elementor-element-dc431c6{--width:100%;}.elementor-163 .elementor-element.elementor-element-cf2c667{--width:64%;}}@media(max-width:1024px) and (min-width:768px){.elementor-163 .elementor-element.elementor-element-da11028{--width:100%;}.elementor-163 .elementor-element.elementor-element-71311788{--width:70%;}.elementor-163 .elementor-element.elementor-element-341ee7fe{--width:30%;}}/* Start custom CSS for nav-menu, class: .elementor-element-5bd2b9e *//* Reset spacing that can create the "white line" */
.elementor-163 .elementor-element.elementor-element-5bd2b9e ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  /* Background (matches container) */
  background-color: #9FA699;

  /* Single outer border */
  border: 1px solid #F0EEF1;
  box-sizing: border-box;

  /* Rounded outer corners */
  border-radius: 5px;
  overflow: hidden;
}

/* Separator lines between items */
.elementor-163 .elementor-element.elementor-element-5bd2b9e ul li {
  margin: 0 !important;
  border-top: 1px solid #F0EEF1;
  box-sizing: border-box;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* No separator above the first item */
.elementor-163 .elementor-element.elementor-element-5bd2b9e ul li:first-child {
  border-top: 0;
}

/* Hover = full box without changing line thickness */
.elementor-163 .elementor-element.elementor-element-5bd2b9e ul li:hover {
  box-shadow: inset 0 0 0 1px #292929;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e35354b */@media (max-width: 767px){
  #afspraak{
    scroll-margin-top: 120px; /* increase/decrease until "Onze winkels" is visible */
  }
}/* End custom CSS */