/* Statische versie: het thema-script (animaties/preloader) is niet nodig en is weggelaten. */
.frontlayer,.backlayer{display:none!important}
.Element.Banner,[data-fakepreload],.Slogan,.Slogan h1,.Slogan h2,.animated,.hasanimation{opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important}
html{scroll-behavior:smooth}
.Banner .Slogan h1,.Banner .Slogan h2,.Banner .Slogan p{text-shadow:0 2px 18px rgba(0,0,0,.45)}
/* Alle lopende tekst even groot als de intro (1.4375rem) */
.Block.Service.Item .Content,.Block.Service.Item .Content p,.Block.Textblock .Content,.Block.Textblock .Content p,.Block.Textblock .inner{font-size:1.4375rem!important;line-height:1.43!important}
/* Tekstgrootte: alle lopende tekst gelijk */
.mainrow>.maincolumn .Text,.mainrow>.maincolumn .Text p,.Block.Service.Item .Content,.Block.Service.Item .Content p,.Block.Textblock .Content,.Block.Textblock .Content p,.Block.Textblock .inner{font-size:1.25rem!important;line-height:1.5!important}
/* Menu */
html{scroll-padding-top:130px}
#Header{position:fixed!important;top:0;left:0;right:0;z-index:50;transition:background .25s}
#Header.scrolled{background:rgba(35,31,32,.94)}
#Header #headerMiddle .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.sitemenu{display:flex;gap:clamp(14px,2.6vw,38px);flex-wrap:wrap;justify-content:flex-end}
.sitemenu a{color:#fff;text-decoration:none;font-size:1rem;letter-spacing:.02em;padding:6px 0;border-bottom:2px solid transparent;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.sitemenu a:hover{border-bottom-color:#ee2722}
/* Rode/donkerrode ballen: darken in plaats van overlay */
.Element.Banner .Slogan::after,.Element.Banner .Slogan>*.right::after,
footer.Footer #footerMiddle .container>* .slogan::before,footer.Footer #footerMiddle .container>* .slogan::after,
.Service.Overview.default .block-grid figure::before,.Service.Overview.default .block-grid>li:nth-child(2n-1) .Item.default figure::before,
.fullcolumn .Textblock.Detail figure::before,.Snippet.Contact figure::before,.mainrow>.titlecolumn .inner .Heading>*.h1::before{mix-blend-mode:darken!important}

/* ===== Mobiel / smalle schermen ===== */
@media (max-width:899px){
  html{scroll-padding-top:120px}
  #Header,#Header.scrolled{background:rgba(35,31,32,.96)!important}
  #Header #headerMiddle .container{flex-direction:column;align-items:flex-start;gap:4px;padding-top:10px;padding-bottom:8px}
  #Header .logo{width:112px!important;height:43px!important;display:block}
  #Header .logo svg{width:100%;height:100%}
  .sitemenu{width:100%;justify-content:space-between;gap:6px;flex-wrap:nowrap}
  .sitemenu a{font-size:.9rem;color:#fff!important;text-shadow:none!important;padding:4px 0}
  .Element.Banner,.Element.Banner .container.ontop,.Element.Banner .banner_image{height:560px!important}
  .Element.Banner .container.ontop{padding-top:120px}
  .Element.Banner .banner_image img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
  .Element.Banner .Slogan h1{font-size:2.6rem!important;line-height:1.05!important}
  .Element.Banner .Slogan h1.right{text-align:right}
  .Element.Banner .Slogan .Intro,.Element.Banner .Slogan .Intro p{font-size:1.05rem!important;line-height:1.4!important}
  img{max-width:100%;height:auto}
  .Element.Banner .Slogan::after{width:62vw!important;height:62vw!important;left:-18vw!important;top:78%!important}
}