.elementor-24 .elementor-element.elementor-element-441c975d{--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:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-441c975d:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-441c975d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-441c975d::before, .elementor-24 .elementor-element.elementor-element-441c975d > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-441c975d > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-441c975d > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-441c975d > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-441c975d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-24 .elementor-element.elementor-element-2b657a36{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-24 .elementor-element.elementor-element-1d5f362e{--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;--align-items:flex-end;--overlay-opacity:0.57;--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-24 .elementor-element.elementor-element-1d5f362e::before, .elementor-24 .elementor-element.elementor-element-1d5f362e > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-1d5f362e > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-1d5f362e > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-1d5f362e > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-1d5f362e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.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-24 .elementor-element.elementor-element-5cacdd9e{width:var( --container-widget-width, 125% );max-width:125%;--e-transform-translateX:-25%;--e-transform-translateY:-5px;--container-widget-width:125%;--container-widget-flex-grow:0;}.elementor-24 .elementor-element.elementor-element-5cacdd9e img{width:125%;max-width:125%;height:75vh;object-fit:cover;object-position:top right;opacity:1;}.elementor-24 .elementor-element.elementor-element-432982fa{--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:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-432982fa:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-432982fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F5F5;}.elementor-24 .elementor-element.elementor-element-33fd45d7{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:75px;}.elementor-24 .elementor-element.elementor-element-7e381cb6{--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;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-341907e5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-24 .elementor-element.elementor-element-341907e5 img{width:100%;height:400px;object-fit:cover;object-position:top center;border-radius:20px 0px 0px 20px;}.elementor-24 .elementor-element.elementor-element-d71dcad{width:var( --container-widget-width, 50% );max-width:50%;margin:-100px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:start;}.elementor-24 .elementor-element.elementor-element-d71dcad img{width:100%;height:300px;object-fit:cover;object-position:top center;border-radius:20px 20px 20px 20px;}.elementor-24 .elementor-element.elementor-element-9a00aa2{--display:flex;--min-height:75vh;--overlay-opacity:0.82;}.elementor-24 .elementor-element.elementor-element-9a00aa2:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-9a00aa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tumic.be/wp-content/uploads/2026/07/tumic.webp");background-size:cover;}.elementor-24 .elementor-element.elementor-element-9a00aa2::before, .elementor-24 .elementor-element.elementor-element-9a00aa2 > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-9a00aa2 > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-9a00aa2 > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-9a00aa2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-9a00aa2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-24 .elementor-element.elementor-element-9e91482{--display:flex;--min-height:75vh;--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-24 .elementor-element.elementor-element-94d9451{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-441c975d{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-441c975d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-2b657a36{--padding-top:25px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-24 .elementor-element.elementor-element-1d5f362e.e-con{--order:-99999 /* order start hack */;}.elementor-24 .elementor-element.elementor-element-5cacdd9e{padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-24 .elementor-element.elementor-element-5cacdd9e.elementor-element{--order:-99999 /* order start hack */;}.elementor-24 .elementor-element.elementor-element-5cacdd9e img{height:400px;}.elementor-24 .elementor-element.elementor-element-432982fa{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-33fd45d7{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-24 .elementor-element.elementor-element-341907e5{padding:50px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-24 .elementor-element.elementor-element-341907e5 img{width:100%;height:350px;border-radius:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-d71dcad{padding:50px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-24 .elementor-element.elementor-element-d71dcad img{height:250px;}.elementor-24 .elementor-element.elementor-element-9a00aa2{--min-height:0vh;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-9e91482{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-24 .elementor-element.elementor-element-94d9451{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-2b657a36{--width:min(50%, 1250px / 2);}.elementor-24 .elementor-element.elementor-element-1d5f362e{--width:50%;}.elementor-24 .elementor-element.elementor-element-33fd45d7{--width:min(50%, 1250px / 2);}.elementor-24 .elementor-element.elementor-element-7e381cb6{--width:50%;}.elementor-24 .elementor-element.elementor-element-9a00aa2{--content-width:1250px;}.elementor-24 .elementor-element.elementor-element-9e91482{--width:60%;}.elementor-24 .elementor-element.elementor-element-94d9451{--content-width:1250px;}}@media(max-width:1024px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-2b657a36{--width:70%;}.elementor-24 .elementor-element.elementor-element-1d5f362e{--width:30%;}.elementor-24 .elementor-element.elementor-element-9e91482{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-441c975d */.elementor-element-441c975d:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 75%;
    height: 100%;
    background-image:url('https://tumic.be/wp-content/uploads/2026/07/zijkant.svg');
    background-position: center right;
    z-index: 1!important;
}

@media (max-width: 1024px) 
{
    .elementor-element-441c975d:before
    {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image:url('https://tumic.be/wp-content/uploads/2026/07/zijkant.svg');
        background-position: center right;
        z-index: 1!important;
    }
}

@media (max-width: 585px) 
{
    .elementor-element-441c975d:before
    {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0%;
        height: 0%;
        background-image:url('https://tumic.be/wp-content/uploads/2026/07/zijkant.svg');
        background-position: center right;
        z-index: 1!important;
    }
}/* End custom CSS */
/* Start custom CSS */h1 strong { color: var(--Rood); }

/* Hero-animatie (zoals crammerock): titelregels vallen in met schuine onthulling, foto zoomt uit */
@keyframes tumicTitelIn {
  0%   { transform: translateY(-50px); opacity: 0; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%); }
  35%  { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); }
}
@keyframes tumicFotoUitzoomen {
  0%   { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.elementor [data-id="3a02593"] span,
.elementor [data-id="3a02593"] strong {
  display: inline-block;
  opacity: 0;
  animation: tumicTitelIn 1.6s cubic-bezier(.22,.61,.36,1) forwards;
}
.elementor [data-id="3a02593"] strong { animation-delay: .5s; } /* onderste regel eerst */
.elementor [data-id="3a02593"] span   { animation-delay: .6s; }
.elementor-element-1d5f362e { overflow: hidden; }
.elementor-element-5cacdd9e img {
  transform-origin: center;
  animation: tumicFotoUitzoomen 2s ease forwards;
}
@media (prefers-reduced-motion: reduce) {
  .elementor [data-id="3a02593"] span, .elementor [data-id="3a02593"] strong, .elementor-element-5cacdd9e img { animation: none; opacity: 1; }
}

/* Video-lightbox ('Bekijk onze bedrijfsvideo'): altijd schermvullend gecentreerd
   (Elementor berekent de positie soms voor de lightbox afmetingen heeft) */
.elementor-lightbox .dialog-widget-content {
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
}

/* Hero: 'Bekijk video'-knop met play-icoon in een lichte bol */
.elementor [data-id="2d03f817"] {
  padding-right: 70px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='white' fill-opacity='.12'/%3E%3Cpath d='M16.5 13.5v13l10-6.5z' fill='none' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 40px 40px !important;
  background-position: calc(100% - 6px) 50% !important;
}

/* Visie-sectie: schuine lijn loopt door vanuit de hero.
   Hero = 75vh hoog, zijkant.svg (2363x1059) rechts + verticaal gecentreerd in een vak van 75% breed, hoek 30deg.
   Eindpunt onderaan hero: x = 75% - tan(30)*(75vh + 1059px)/2  =>  right = 25% + 305.7px + 21.65vh */
.elementor-element-432982fa { position: relative; overflow: hidden; }
.elementor-element-432982fa::before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0; bottom: 0;
  left: -100%; right: calc(25% + 305.7px + 21.65vh);
  width: auto; height: auto;
  transform: skewX(-30deg);
  transform-origin: 100% 0;
  background: linear-gradient(to left, rgba(255,255,255,.95) 0%, rgba(255,255,255,.55) 35%, rgba(255,255,255,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0,0,0,.2) 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0,0,0,.2) 100%);
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1024px) {
  .elementor-element-432982fa::before { right: calc(305.7px + 21.65vh); }
}
.elementor-element-432982fa > .elementor-element { position: relative; z-index: 1; }

/* ===== Diensten-slider (onder Visie) ===== */
.elementor [data-id="79f13b6e"] { position: relative; overflow: hidden; }
.elementor [data-id="70ba7d0d"] strong { color: var(--Rood); }
.elementor [data-id="1d1da851"] { width: 100%; }
.elementor [data-id="21a5bca"] {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-left: max(20px, calc((100% - 1250px) / 2)) !important;
  padding-right: max(20px, calc((100% - 1250px) / 2)) !important;
  scroll-padding-inline: max(20px, calc((100% - 1250px) / 2));
  scrollbar-width: none;
}
.elementor [data-id="21a5bca"]::-webkit-scrollbar { display: none; }
.elementor [data-id="21a5bca"] > .e-con {
  flex: 0 0 450px !important;
  width: 450px !important;
  height: 550px;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 45px !important;
  border-radius: 16px;
  overflow: hidden;
  scroll-snap-align: start;
  text-decoration: none;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: transform .35s ease, box-shadow .35s ease;
}
.elementor [data-id="21a5bca"] > .e-con:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(8,24,34,.22); }
@media (max-width: 767px) {
  .elementor [data-id="21a5bca"] > .e-con { flex-basis: 78vw !important; width: 78vw !important; height: 420px; padding: 28px !important; }
}
/* kaartfoto's met donkerblauwe fade onderaan */
.elementor [data-id="595a2eb1"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/dsc05791.jpg") !important; }
.elementor [data-id="45722923"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/dscn0197.jpg") !important; }
.elementor [data-id="2001590b"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/foto_286.jpg") !important; }
.elementor [data-id="55fef681"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/dsc05161.jpg") !important; }
.elementor [data-id="3280d419"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/dsc01697.jpg") !important; }
.elementor [data-id="4c2a2b0a"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/wormwiel.jpg") !important; }
.elementor [data-id="6f01f55f"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/rectangle-cr_763-1.png") !important; }
.elementor [data-id="2820181f"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/asbussen-resizedpng.jpg") !important; }
.elementor [data-id="14a3d78c"] { background-image: linear-gradient(180deg, rgba(8,24,34,0) 45%, rgba(8,24,34,.92) 100%), url("https://tumic.be/wp-content/uploads/2026/07/oliekeeringsbaan2.jpg") !important; }
/* pijlen: native scroll-buttons (Chrome/Edge). Andere browsers negeren deze regels; swipen/scrollen blijft daar werken */
.elementor [data-id="21a5bca"]::scroll-button(*) {
  position: absolute;
  top: 150px;
  width: 44px; height: 44px;
  border: 0; border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: opacity .25s ease;
}
.elementor [data-id="21a5bca"]::scroll-button(left) {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24' fill='none' stroke='%2312303F' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") / "Vorige";
  right: calc(max(20px, (100% - 1250px) / 2) + 64px);
}
.elementor [data-id="21a5bca"]::scroll-button(right) {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24' fill='none' stroke='%2312303F' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") / "Volgende";
  right: max(20px, (100% - 1250px) / 2);
}
.elementor [data-id="21a5bca"]::scroll-button(*):hover { opacity: .5; }
.elementor [data-id="21a5bca"]::scroll-button(*):disabled { opacity: .25; cursor: default; }
@media (max-width: 767px) {
  .elementor [data-id="21a5bca"]::scroll-button(*) { display: none; }
}

/* Atelier-sectie: lichtgrijze achtergrond + zelfde schuine lichtbaan (30deg), start bovenaan op ~70% van de breedte */
.elementor-element-94d9451 { position: relative; overflow: hidden; background-color: #F4F5F5; }
.elementor-element-94d9451::before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0; bottom: 0;
  left: -100%; right: 30%;
  width: auto; height: auto;
  transform: skewX(-30deg);
  transform-origin: 100% 0;
  background: linear-gradient(to left, rgba(255,255,255,.95) 0%, rgba(255,255,255,.55) 35%, rgba(255,255,255,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.15) 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 45%, rgba(0,0,0,.15) 100%);
  pointer-events: none;
  z-index: 0;
}
.elementor-element-94d9451 > .e-con-inner { position: relative; z-index: 1; }

/* Sectoren-banner: koele foto + overlay die van links naar rechts oplicht */
.elementor-element-9a00aa2 .elementor-motion-effects-layer {
  filter: saturate(.35) brightness(.95);
}
.elementor-element-9a00aa2::before {
  background-image: linear-gradient(90deg, rgba(8,24,34,.96) 0%, rgba(8,24,34,.86) 30%, rgba(14,40,62,.62) 62%, rgba(26,60,92,.42) 100%) !important;
  background-color: transparent !important;
  opacity: 1 !important;
  z-index: 1 !important;
}
.elementor-element-9a00aa2 > .e-con-inner { position: relative; z-index: 2; }

/* Sectorkaarten: glas */
.elementor-element-ab3f31f > .e-con {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}/* End custom CSS */