.elementor-kit-6{--e-global-color-primary:#262626;--e-global-color-secondary:#444444;--e-global-color-text:#444444;--e-global-color-accent:#262626;--e-global-color-swtekst:#444444;--e-global-color-swdonker:#262626;--e-global-color-swvlak:#F2F2F2;--e-global-color-swlijn:#BFBFBF;--e-global-color-swlijnlicht:#E2E2E2;--e-global-color-swscheider:#C9C9C9;--e-global-color-swsubtekst:#666666;--e-global-color-swgroen:#78B928;--e-global-color-swwit:#FFFFFF;--e-global-color-swzwart:#000000;--e-global-typography-primary-font-family:"Univers for Schueco";--e-global-typography-primary-font-size:28px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:32px;--e-global-typography-secondary-font-family:"Univers for Schueco";--e-global-typography-secondary-font-size:17px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:24px;--e-global-typography-text-font-family:"Univers for Schueco";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:30px;--e-global-typography-accent-font-family:"Univers for Schueco";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:20px;--e-global-typography-swkoph1-font-family:"Univers for Schueco";--e-global-typography-swkoph1-font-size:40px;--e-global-typography-swkoph1-font-weight:300;--e-global-typography-swkoph1-line-height:48px;--e-global-typography-swkoph2-font-family:"Univers for Schueco";--e-global-typography-swkoph2-font-size:28px;--e-global-typography-swkoph2-font-weight:300;--e-global-typography-swkoph2-line-height:32px;--e-global-typography-swtekst-font-family:"Univers for Schueco";--e-global-typography-swtekst-font-size:17px;--e-global-typography-swtekst-font-weight:300;--e-global-typography-swtekst-line-height:30px;--e-global-typography-swaccent-font-family:"Univers for Schueco";--e-global-typography-swaccent-font-size:17px;--e-global-typography-swaccent-font-weight:700;--e-global-typography-swaccent-line-height:24px;--e-global-typography-swknop-font-family:"Univers for Schueco";--e-global-typography-swknop-font-size:15px;--e-global-typography-swknop-font-weight:400;--e-global-typography-swknop-line-height:20px;--e-global-typography-swtabel-font-family:"Univers for Schueco";--e-global-typography-swtabel-font-size:15px;--e-global-typography-swtabel-font-weight:300;--e-global-typography-swtabel-line-height:28px;--e-global-typography-swklein-font-family:"Univers for Schueco";--e-global-typography-swklein-font-size:15px;--e-global-typography-swklein-font-weight:300;--e-global-typography-swklein-line-height:24px;--e-global-typography-swvoet-font-family:"Univers for Schueco";--e-global-typography-swvoet-font-size:14px;--e-global-typography-swvoet-font-weight:300;--e-global-typography-swvoet-line-height:22px;background-color:#FFFFFF;color:var( --e-global-color-swtekst );font-family:"Univers for Schueco", Helvetica, Arial, sans-serif;font-size:17px;font-weight:300;line-height:30px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-swdonker );}.elementor-kit-6 h1{color:var( --e-global-color-swdonker );}.elementor-kit-6 h2{color:var( --e-global-color-swdonker );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:24px;--container-default-padding-bottom:0px;--container-default-padding-left:24px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:16px;--container-default-padding-bottom:0px;--container-default-padding-left:16px;}}
/* Start custom CSS *//* Elementor → Site Settings → Custom CSS. Dit bestand is de bron: eerst hier wijzigen, dan overzetten, dan teruglezen.
   ALLEEN dit. Elke regel heeft een reden. Toevoegingen ook in bouw/BESLISSINGEN.md. Waarden = DESIGN-SPEC (niet zelf aanpassen).
   Alles gescoped op eigen klassen; geen Elementor-interne klassen. Versie 2.13 (2026-10-14, mobiele header zoals schueco.com, iconen Schüco, CAD- en BIM-pagina). */

/* 0) Tokens: koppeling met Global Colors (vaste _id's, zie BOUWPLAN §1). Fallback = DESIGN-SPEC §1.
      Geeft Elementor andere id's, pas dan alleen deze regels aan. */
:root {
  --sw-tekst: var(--e-global-color-swtekst, #444444);
  --sw-donker: var(--e-global-color-swdonker, #262626);
  --sw-vlak: var(--e-global-color-swvlak, #f2f2f2);
  --sw-lijn: var(--e-global-color-swlijn, #bfbfbf);
  --sw-subtekst: var(--e-global-color-swsubtekst, #666666);
  --sw-groen: var(--e-global-color-swgroen, #78b928);
  --sw-wit: var(--e-global-color-swwit, #ffffff);
}

/* 1) TablePress (alleen tabellen met extra klasse "schueco-tabel"): zebra, geen randen */
.tablepress.schueco-tabel { border: 0; }
.tablepress.schueco-tabel :is(td, th) { border: 0; padding: 10px 20px; font-size: 15px; line-height: 28px; font-weight: 300; color: var(--sw-tekst); }
.tablepress.schueco-tabel thead th { padding: 12px 20px; font-weight: 700; color: var(--sw-donker); background: transparent; border-bottom: 1px solid var(--sw-lijn); } /* 12px = canvas */
.tablepress.schueco-tabel tbody tr:nth-child(odd) td { background: var(--sw-vlak); }
.tablepress.schueco-tabel tbody tr:nth-child(even) td { background: var(--sw-wit); }
.tablepress.schueco-tabel td:first-child { font-weight: 400; } /* systeemnaam */
@media (min-width: 768px) {                                /* uniforme kolommen zoals canvas (grid 2fr 1fr 1fr) */
  .tablepress.schueco-tabel { table-layout: fixed; width: 100%; }
  .tablepress.schueco-tabel thead th:first-child { width: 50%; }
  .tablepress.schueco-tabel thead th:not(:first-child) { width: 25%; }
  .tablepress.schueco-tabel thead th:nth-child(2):last-child { width: 50%; }   /* tabel met één knoppenkolom (BIM): knop op dezelfde plek als de eerste knop elders */
}
.tablepress.schueco-tabel thead tr:first-child th { border-top: 0; } /* Hello reset.css zet hier een lijn (hogere specificiteit) */
.tablepress.schueco-tabel td:not(:first-child):not(:has(a)) { color: var(--sw-subtekst); white-space: nowrap; } /* status, bv. "Op aanvraag" = #666, breekt niet af (besluit) */

/* 2) Link in tabelcel = downloadknop met icoon (SVG als masker). Cel zonder link blijft gewone tekst. */
.tablepress.schueco-tabel td a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border: 1px solid var(--sw-lijn); background: var(--sw-wit); color: var(--sw-donker); font-size: 15px; line-height: 20px; font-weight: 400; text-decoration: none; transition: color .2s, border-color .2s; }
.tablepress.schueco-tabel td a::before { content: ""; flex: none; width: 15px; height: 15px; background: currentColor; -webkit-mask: var(--dl-icon) center / contain no-repeat; mask: var(--dl-icon) center / contain no-repeat;
  --dl-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 2v8M4.5 6.8 8 10.3l3.5-3.5M2.5 13.5h11'/></svg>"); }
.tablepress.schueco-tabel td a:is(:hover, :focus-visible) { color: var(--sw-groen); border-color: var(--sw-groen); }

/* 4) Anker-scroll. Smooth alleen als de gebruiker geen "minder beweging" vraagt (toegankelijkheid).
      Offset onder de sticky header: 230px desktop (canvas; besluit "canvas volledig"). Mobiel/tablet gemeten 2026-10-14.
      Te testen: doet Elementor de smooth-scroll/offset al zelf (Nav Menu-ankers), verwijder dan wat dubbel is. */
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
html { scroll-padding-top: 230px; }
@media (max-width: 1024px) { html { scroll-padding-top: 135px; } } /* tablet: header 111px (rij 1 + sectiebalk) + 24 */
@media (max-width: 767px) { html { scroll-padding-top: 129px; } }  /* mobiel: header 105px + 24 */

/* 5) Header (Theme Builder). Klassen staan op de containers/widgets in Elementor.
      Container heeft geen backdrop-filter- of clip-path-instelling; de Nav Menu heeft geen apart gewicht voor "actief". */
.sw-badge { clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%); } /* pijlvorm badge */
.sw-schaduw-onder { clip-path: inset(0 0 -40px 0); }       /* schaduw rij 2 alleen naar beneden */
.submenu-glas { background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* glas */
body .sw-submenu.elementor-element .elementor-nav-menu .elementor-item.elementor-item-active { font-weight: 700; } /* actief anker vet; specifiek genoeg t.o.v. widget-typografie */
.sw-envelop .elementor-icon-wrapper { display: flex; }                                   /* envelop (SVG Schüco) zonder extra regelhoogte, verticaal gecentreerd in de rij */
@media (min-width: 1025px) {                               /* PROEF (pagina 396): tabellen als krantenkolommen; volgorde blijft links-boven-naar-beneden, dan rechts */
  .sw-tabelkolommen.sw-tabelkolommen { display: block; column-count: 2; column-gap: 40px; } /* dubbele klasse wint van display:flex van de container */
  .sw-tabelkolommen .sw-tabelsectie { break-inside: avoid; margin-bottom: 56px; }          /* sectie nooit over twee kolommen; ruimte = sectie-gap */
}
@media (max-width: 1024px) {                               /* mobiel + tablet: sectiebalk zoals schueco.com (besluit 2026-10-14; BOUWPLAN §4.2) */
  .sw-sectiebalk.submenu-glas { background: var(--sw-donker); -webkit-backdrop-filter: none; backdrop-filter: none; } /* sectiebalk donker */
  .sw-sectiebalk { overflow-x: clip; }                                                      /* begrenst het tikvlak hieronder (geen zijwaartse scroll) */
  .sw-sectiebalk .sw-submenu .elementor-menu-toggle::after { content: ""; position: absolute; inset: -6px -100vw; } /* hele balk (ook de paginatitel links van het icoon) opent het sectiemenu */
  .sw-sectiebalk .sw-submenu .elementor-nav-menu--dropdown .elementor-nav-menu { display: grid; gap: 8px; padding: 16px; background: var(--sw-wit); } /* secties als losse knoppen */
  .sw-sectiebalk .sw-submenu .elementor-nav-menu--dropdown a { border: 1px solid var(--sw-donker); } /* knop met rand */
  :is(.sw-hamburger, .sw-submenu) .elementor-menu-toggle svg { display: block; }            /* eigen SVG-icoon (Schüco) zonder extra regelhoogte: rijen 60/45 */
}
@media (min-width: 768px) and (max-width: 1024px) {        /* tablet: zijruimte 24 i.p.v. 16 (besluit zijruimte) */
  .sw-sectiebalk .sw-submenu .elementor-nav-menu--dropdown .elementor-nav-menu { padding: 16px 24px; }
}
@media (max-width: 767px) {                                /* mobiel (BOUWPLAN §3.6 A) */
  .tablepress.schueco-tabel { table-layout: fixed; width: 100%; }                          /* vaste kolommen: knoppen in alle tabellen exact onder elkaar (verzoek Serge) */
  .tablepress.schueco-tabel thead th:not(:first-child) { width: 102px; }                  /* knoppenkolommen vast; naamkolom krijgt de rest */
  .tablepress.schueco-tabel thead th:nth-child(2):last-child { width: 118px; }            /* één knoppenkolom (BIM): knop "IFC/RVT" is 103px */
  .tablepress.schueco-tabel :is(td, th), .tablepress.schueco-tabel thead th { padding: 10px 6px; } /* tabel past op 360–390px */
  .tablepress.schueco-tabel td a { padding: 6px 10px; min-width: 86px; justify-content: center; } /* alle knoppen even breed */
  .tablepress.schueco-tabel td:not(:first-child):not(:has(a)) { white-space: normal; }    /* "Op aanvraag" past (88px); alleen "In behandeling" breekt */
  .tablepress.schueco-tabel td a .sw-ext { display: none; }                               /* knop "DWG" i.p.v. "DWG.ZIP" (verzoek Serge); aria-label blijft volledig (plugin v1.3) */
  .tablepress.schueco-tabel td:first-child { hyphens: auto; overflow-wrap: anywhere; } /* lange namen (bv. "(vliesgevelsysteem)") naast DWG.ZIP-knop: tabel past op 390px */
}/* End custom CSS */