/* SAS tussenlaag (23-10-2026): Divi-basis voor de omgezette dl-inhoud, overgenomen uit de eerste BIU-omzetting. Tijdelijk: de normalisatieketen (thema/blokken) zet dit om naar blokinstellingen en de sectiestijl, daarna verdwijnt dit bestand, zoals bij BIU (fase 7f). */
/* basis Divi-defaults (gemeten op live productie, 390px) */
html,body{overflow-x:clip}
.dl-section :is(h1,h2,h3,h4,h5,h6,p,li,a,span,div,summary,strong,em,b){letter-spacing:normal}
/* 24-10-2026 (visuele poort /category/blog/ 1440, gemeten met regels_voor.py): ook buiten .dl-section, zoals archieven, geen -0,1px uit theme.json. Divi gebruikt op SAS overal normal; met -0,1px liepen uittreksels een regel korter */
:root body{letter-spacing:normal} /* :root erbij: de globale stijlen van theme.json laden na dit bestand */
.dl-section .dl-narrow h1{font-size:26px!important}.dl-section .dl-narrow h2{font-size:23px!important}.dl-section .dl-narrow h3{font-size:20px!important}.dl-section .dl-narrow h4{font-size:18px!important}.dl-section .dl-narrow h5{font-size:16px!important}.dl-section .dl-narrow h6{font-size:15px!important}
.dl-section,.dl-section *,.dl-section *::before,.dl-section *::after{box-sizing:border-box}
.dl-section .dl-b-cont{padding-left:var(--pl,0)}
.dl-section a{text-decoration:none}
.dl-section.dl-fw{padding-block:0}.dl-section .dl-fw .dl-mod{margin-bottom:0}.dl-section .dl-fw .dl-imgwrap img{width:100%;display:block}
.dl-section{position:relative;box-sizing:border-box;padding-block:50px;line-height:23.8px;color:#000;font-size:14px}
.dl-section :is(p,li):not(.dl-code *):not(:where(.gform_wrapper *)){font-size:inherit;line-height:inherit;color:inherit} /* 24-10-2026: regels 13, 17 en 21 niet binnen Gravity Forms: keuzes kregen 23,8px in plaats van 18px en de lijst 1em onder (stowbox-vertrek-formulier 390 +38px) */
/* 23-10-2026 (visuele poort formulieren): niet binnen Gravity Forms; daar gaven 1em links en 23px onder de keuzelijsten 15px inspringing en een
   ingesprongen veld (opzegformulier 390: label liep over twee regels, keuzes 30px smaller) */
.dl-section :is(ul,ol):not(.dl-code *):not(:where(.gform_wrapper *)){margin:0;padding:0 0 23px 1em;line-height:26px}
.dl-section .dl-text :is(ul,ol):not(:where(.gform_wrapper *)){padding-bottom:1em}
.dl-section table:not(.dl-code *){width:100%;margin:0 0 15px;border:1px solid #eee;border-collapse:collapse;text-align:left}
.dl-section table:not(.dl-code *) th{color:#000;font-weight:700;padding:9px 24px}
.dl-section table:not(.dl-code *) td{padding:6px 24px;border-top:1px solid #eee}
.dl-section li:not(.dl-code *):not(:where(.gform_wrapper *)){line-height:26px} /* 24-10-2026: niet in formulieren, daar 18px van Gravity Forms (gemeten stowbox-vertrek-formulier 390: keuzes 4px te hoog) */
/* 23-10-2026: niet binnen het sjabloon Canvas (pagina's): daar is geen randruimte om op te rekken, de negatieve marge gaf 50px horizontaal scrollen . 24-10-2026: ook niet binnen een ingesloten bericht (dl-blog-inhoud), daar gaf het op telefoon 30px aan beide kanten buiten de kolom (gemeten met regels_voor.py) */
.wp-site-blocks :not(.signo-canvas,.dl-blog-inhoud)>.wp-block-post-content.entry-content:has(>section.dl-section){max-width:none!important;padding-inline:0!important;width:auto!important;margin-inline:calc(var(--wp--style--root--padding-left,0px)*-1)!important}
.wp-site-blocks .wp-block-post-content.entry-content>section.dl-section.dl-section{margin-block:0;width:100%;max-width:none!important;margin-inline:0!important}
/* 23-10-2026 (visuele nulmeting): Divi-SAS kopstijl is #333 en vet (themaoptie header bold); de BIU-kopie had #000 en 500 */
.dl-section :is(h1,h2,h3,h4,h5,h6):not(.dl-code *){margin:0!important;padding-bottom:10px;line-height:var(--wp--custom--signo--kop-regelhoogte,1.3em);color:#000;font-weight:700}
/* Divi: in een bericht (article.et_pb_post) op telefoon (max 479px) h2 16px zonder ruimte eronder; module-instellingen gaan voor */
/* 23-10-2026 (visuele poort): ook projecten (Divi: article.et_pb_post bij project) en regelhoogte 1em (gemeten 16px hoog per regel) */
@media (max-width:479px){body:is(.single-post,.single-project) .dl-section h2:not(.dl-code *){font-size:16px;padding-bottom:0;line-height:1em}} /* specifieker dan ".dl-section :is(h1..h6):not(.dl-code *)" (0,2,1), anders bleef 10px onder elke kop staan (gemeten 23-10 22:50) */
.dl-section p:empty,.entry-content>p:empty{display:none}
.dl-section>br,.dl-section .dl-row>br,.dl-section .dl-col>br,.entry-content>br{display:none}
.dl-section .dl-div{position:absolute;left:0;right:0;top:0;height:var(--dh,98px);background:url("data:image/svg+xml,%3Csvg width='100%25' height='100px' viewBox='0 0 1280 140' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M1280 140V0H0l1280 140z' fill-opacity='.5'/%3E%3Cpath d='M1280 98V0H0l1280 98z'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none;z-index:10}
.dl-section .dl-div.dl-flip{transform:scaleX(-1)}
.dl-section .dl-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;column-gap:var(--g,5.5%);width:80%;max-width:var(--wp--custom--signo--rij-max,1320px);margin-inline:auto;padding-block:30px;box-sizing:border-box}
.dl-section .dl-col .dl-row{width:100%;max-width:none;padding-block:0}
.dl-section .dl-col{box-sizing:border-box;flex:0 0 calc(var(--f,1) * (100% + var(--g,5.5%)) - var(--g,5.5%));max-width:calc(var(--f,1) * (100% + var(--g,5.5%)) - var(--g,5.5%));min-width:0;min-height:1px}
.dl-section .dl-col>:not(style):not(.dl-mb):not(:has(~ :not(style))){margin-bottom:0!important}
.dl-section .dl-mod{margin-bottom:30px}
@media (max-width:980px){.dl-section .dl-b-in{max-width:550px;margin-left:auto;margin-right:auto}}
.dl-section .dl-text{font-weight:500}
.dl-section .dl-text p,.dl-section .dl-b-body p,.dl-section .dl-slide-content p{margin:0;padding-bottom:0}
/* 24-10-2026: tekstmodule zoals Divi (p:last-of-type zonder ruimte): ook een lege afsluitende alinea telt mee, de omzetting laat die nu staan (omzetketen/divi_naar_blokken.php) */
.dl-section .dl-text p:not(:last-of-type),.dl-section .dl-b-body p:has(~ p:not(:empty)),.dl-section .dl-slide-content p:has(~ p:not(:empty)),.dl-section .dl-text p:has(~ p[style]),.dl-section .dl-b-body p:has(~ p[style]),.dl-section .dl-slide-content p:has(~ p[style]){padding-bottom:1em}
/* 23-10-2026 (visuele nulmeting): Divi kleurt links in tekst met de accentkleur (rood), niet met de tekstkleur (BIU-kopie had
   inherit). :where houdt de specificiteit laag, zodat een eigen linkkleur van de module (link_text_color) voorgaat */
:where(.dl-section .dl-text) a{color:var(--wp--preset--color--rood,#d2091e)}
/* Blurb-iconen zonder eigen kleur: Divi-accentkleur */
:where(.dl-section) .dl-b-icon{color:var(--wp--preset--color--rood,#d2091e)}
.dl-section .dl-blurb{text-align:left}
.dl-section .dl-b-in{display:flex;gap:0}
.dl-section .dl-b-media img{height:auto;display:block}
.dl-section .dl-b-icon{font-family:"Font Awesome 5 Free","Font Awesome 6 Free",sans-serif;font-weight:900;line-height:1;display:block}
.dl-section .dl-b-cont{flex:1;min-width:0}
.dl-section .dl-b-title{margin:0;padding-bottom:10px;font-size:18px;line-height:1.3em}
.dl-section .dl-b-title a{text-decoration:none;color:inherit}
.dl-section .dl-b-body{font-size:14px}
.dl-section .dl-btn-wrap{text-align:left}
/* 23-10-2026: knopstandaard van Divi bij SAS (et_divi all_buttons_bg_color transparant, accentkleur #d2091e, rand 2px in tekstkleur, hoek 3px); de BIU-kopie had oranje #EA5B2B, witte tekst en geen rand */
.dl-section .wp-block-button__link{box-sizing:border-box;display:inline-block;background:transparent;color:var(--wp--preset--color--rood,#d2091e);font-size:20px;font-weight:500;line-height:1.7em;padding:.3em 1em;border-radius:3px;border:2px solid;text-decoration:none;height:auto}
.dl-section .dl-imgwrap img{max-width:100%;height:auto;display:inline-block;vertical-align:bottom}
.dl-section .dl-slider{display:grid}
.dl-section .dl-slider>.dl-slide{grid-area:1/1;width:88%;margin-inline:auto;text-align:center;box-sizing:border-box}
.dl-section .dl-slider>.dl-slide:not(:first-of-type){visibility:hidden}
.dl-section .dl-slide .dl-slide-title{font-size:20px;padding-bottom:10px;color:#212a53;font-weight:600;text-align:center}
.dl-section .dl-slide .dl-slide-title a{text-decoration:none;color:inherit}
.dl-section .dl-slide-content{font-size:14px;font-weight:400;color:#000;text-align:center}
.dl-section .dl-slide-content img{max-width:100%;height:auto}
.dl-section .dl-slide .dl-btn-wrap{margin-top:20px}
.dl-section .dl-slide-content ul{text-align:left}
.dl-section .dl-acc-item{margin-bottom:2px}.dl-section .dl-acc-item.dl-acc-first{display:none}
/* 23-10-2026: Divi-toggle bij SAS: titel 16px/1em vet zonder eigen binnenruimte (de 20px zit op het item), 50px rechts voor het icoon; inhoud 20px eronder zonder eigen vlak (gemeten veelgestelde-vragen: dicht 58px). De BIU-kopie had 10px 20px en een wit inhoudsvlak */
.dl-section .dl-acc-item summary{font-weight:700;cursor:pointer;padding:0 50px 0 0;font-size:16px;line-height:1em;position:relative;list-style:none}
.dl-section .dl-acc-item summary::-webkit-details-marker{display:none}
.dl-section .dl-acc-item summary::after{content:"";position:absolute;right:22px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.dl-section .dl-acc-item .dl-acc-body{padding:20px 0 0;font-size:14px}
.dl-section .dl-hr{border:0;border-top:1px solid #ddd;margin:1.5em 0}
.dl-section .dl-spec-row{padding-block:0;align-items:flex-start}
.dl-section .dl-row-inner{margin-left:0!important;margin-right:0!important}
@media (min-width:981px){.dl-section .dl-spec-row .dl-row-inner.dl-gut2{column-gap:3.95%!important}.dl-section .dl-spec-row .dl-row-inner>.dl-c-1_2{flex:0 0 48.02%!important;max-width:48.02%!important}}
.dl-section .dl-video iframe{display:block;max-width:100%;border:0}
@media (min-width:981px){.dl-hide-desktop{display:none!important}}
@media (min-width:768px) and (max-width:980px){.dl-hide-tablet{display:none!important}}
@media (min-width:981px){.dl-section .dl-gut1>.dl-c-4_4{--mb:0}.dl-section .dl-gut1>.dl-c-3_4{--mb:0}.dl-section .dl-gut1>.dl-c-2_3{--mb:0}.dl-section .dl-gut1>.dl-c-3_5{--mb:0}.dl-section .dl-gut1>.dl-c-1_2{--mb:0}.dl-section .dl-gut1>.dl-c-2_5{--mb:0}.dl-section .dl-gut1>.dl-c-1_3{--mb:0}.dl-section .dl-gut1>.dl-c-1_4{--mb:0}.dl-section .dl-gut1>.dl-c-1_5{--mb:0}.dl-section .dl-gut1>.dl-c-1_6{--mb:0}.dl-section .dl-gut2>.dl-c-4_4{--mb:1.5%}.dl-section .dl-gut2>.dl-c-3_4{--mb:2.02%}.dl-section .dl-gut2>.dl-c-2_3{--mb:2.284%}.dl-section .dl-gut2>.dl-c-3_5{--mb:2.551%}.dl-section .dl-gut2>.dl-c-1_2{--mb:3.093%}.dl-section .dl-gut2>.dl-c-2_5{--mb:3.927%}.dl-section .dl-gut2>.dl-c-1_3{--mb:4.787%}.dl-section .dl-gut2>.dl-c-1_4{--mb:6.593%}.dl-section .dl-gut2>.dl-c-1_5{--mb:8.523%}.dl-section .dl-gut2>.dl-c-1_6{--mb:10.588%}.dl-section .dl-gut3>.dl-c-4_4{--mb:2.75%}.dl-section .dl-gut3>.dl-c-3_4{--mb:3.735%}.dl-section .dl-gut3>.dl-c-2_3{--mb:4.242%}.dl-section .dl-gut3>.dl-c-3_5{--mb:4.758%}.dl-section .dl-gut3>.dl-c-1_2{--mb:5.82%}.dl-section .dl-gut3>.dl-c-2_5{--mb:7.493%}.dl-section .dl-gut3>.dl-c-1_3{--mb:9.27%}.dl-section .dl-gut3>.dl-c-1_4{--mb:13.174%}.dl-section .dl-gut3>.dl-c-1_5{--mb:17.628%}.dl-section .dl-gut3>.dl-c-1_6{--mb:22.759%}.dl-section .dl-gut4>.dl-c-4_4{--mb:4%}.dl-section .dl-gut4>.dl-c-3_4{--mb:5.479%}.dl-section .dl-gut4>.dl-c-2_3{--mb:6.25%}.dl-section .dl-gut4>.dl-c-3_5{--mb:7.042%}.dl-section .dl-gut4>.dl-c-1_2{--mb:8.696%}.dl-section .dl-gut4>.dl-c-2_5{--mb:11.364%}.dl-section .dl-gut4>.dl-c-1_3{--mb:14.286%}.dl-section .dl-gut4>.dl-c-1_4{--mb:21.053%}.dl-section .dl-gut4>.dl-c-1_5{--mb:29.412%}.dl-section .dl-gut4>.dl-c-1_6{--mb:40%}.dl-section .dl-mod{margin-bottom:var(--mb,30px)}.dl-section{padding-block:4vw}.dl-section .dl-row{padding-block:2%}.dl-section .dl-col .dl-row{padding-block:0}}
@media (min-width:768px) and (max-width:980px){.dl-section .dl-row.dl-n4>.dl-col,.dl-section .dl-row.dl-n5>.dl-col{flex:0 0 calc((100% - 5.5%)/2)!important;max-width:calc((100% - 5.5%)/2)!important}.dl-section .dl-row.dl-n6>.dl-col{flex:0 0 calc((100% - 2*5.5%)/3)!important;max-width:calc((100% - 2*5.5%)/3)!important}.dl-section .dl-row.dl-n4,.dl-section .dl-row.dl-n5,.dl-section .dl-row.dl-n6{column-gap:5.5%!important}}
@media (max-width:980px){body.home .dl-row.dl-x59>.dl-col:first-child{margin-bottom:50px}}
@media (min-width:768px) and (max-width:980px){.dl-section .dl-row.dl-n4>.dl-col:nth-last-of-type(-n+2),.dl-section .dl-row.dl-n5>.dl-col:nth-last-of-type(1),.dl-section .dl-row.dl-n6>.dl-col:nth-last-of-type(-n+3){margin-bottom:0}}
@media (max-width:980px){.dl-section .dl-col.dl-empty{display:none}.dl-section .dl-col{flex-basis:100%!important;max-width:100%!important;margin-bottom:30px}.dl-section .dl-col:last-child{margin-bottom:0}.dl-section .dl-row.dl-g1>.dl-col{margin-bottom:0}}
@media (max-width:767px){.dl-hide-phone{display:none!important}}
/* 23-10-2026: BIU-regel (links uitgelijnde tekst op telefoon centreren) geldt niet voor SAS: Divi houdt die tekst links */
/* 23-10-2026: niet binnen een berichtenlijst (Query Loop): daar zijn titel en afbeelding juist de inhoud */
:is(.wp-block-post-title,.wp-block-post-featured-image):not(.wp-block-post-template *):not(.signo-canvas-titel-kop){display:none!important}
/* 23-10-2026 (visuele nulmeting /hoe-is-de-betaling-geregeld/): Divi-bericht met zichtbare titel (_et_pb_show_title on, sjabloon
   canvas-titel): titel h1 30px vet #333 in de container (80%, max 1080) met 58px erboven; de inhoud staat in diezelfde container
   (rijen 100% van de container) en de voet 85px onder het einde van de inhoud, op tablet en telefoon 66px (gemeten 23-10 20:30 op
   rekenvoorbeeld-stowbox-longstay, hoe-is-de-betaling-geregeld en 5-tips: Divi 25px onder het bericht plus 60px, onder 981px 41px) */
.signo-canvas.signo-canvas-titel.signo-canvas-titel{width:80%;max-width:var(--wp--custom--signo--rij-max,1080px);margin-inline:auto;padding-top:58px;padding-bottom:85px}
.signo-canvas-titel .signo-canvas-titel-kop{margin:0;padding-bottom:10px;font-size:30px;line-height:1em;font-weight:700;color:#000}
.signo-canvas-titel .dl-section .dl-row{width:100%}.signo-canvas-titel .dl-section.dl-met-achtergrond .dl-row{width:80%} /* Divi: in de container rijen 100%, in een sectie met achtergrond 80% (gemeten /autos-in-een-nieuw-jasje/ 1440: 864 van 1080) */ /* canvas-container: rijen houden hun 80% binnen de sectie (gemeten /autos-in-een-nieuw-jasje/ 1440, 23-10 23:10) */

/* ---- core-blokken: Divi-pariteit (columns, column, group, buttons, image, details) ---- */
.dl-section .wp-block-columns.dl-row{flex-wrap:wrap!important;row-gap:0;column-gap:var(--g,5.5%);align-items:normal}
.dl-section .wp-block-column.dl-col{flex-grow:0;word-break:normal;overflow-wrap:normal}

.dl-section :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-buttons,.wp-block-details)>*{margin-block-start:0;margin-block-end:0}
/* 23-10-2026: de bovenmarge nog eens met :root, want LiteSpeed voegt de CSS samen vóór global-styles en dan won de algemene blokafstand (:root :where(.is-layout-flow) > *, 1.2rem) bij gelijke specificiteit. Alleen de bovenmarge: de ondermarge van de modules (--mb) moet blijven winnen */
:root .dl-section :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-buttons,.wp-block-details)>*{margin-block-start:0}
.dl-section .wp-block-group{padding:0}
.dl-section figure.wp-block-image{margin-inline:0}
.dl-section.dl-fw>.dl-mod,.dl-section.dl-fw .dl-mod{margin-bottom:0}
.dl-section .wp-block-buttons{display:block;gap:0}
.dl-section .wp-block-button{display:inline-block}
.dl-section .wp-block-heading{margin-block:0}
.dl-section .wp-block-list li{margin-top:0}
.dl-section .dl-col{flex:0 0 calc(var(--f,1) * (100% + var(--g,5.5%)) - var(--g,5.5%));max-width:calc(var(--f,1) * (100% + var(--g,5.5%)) - var(--g,5.5%));min-width:0}
.dl-section .wp-block-columns.dl-row{margin-block:0}
.dl-section .wp-block-columns.dl-row>.wp-block-column.dl-col{flex:0 0 calc(var(--f,1) * (100% + var(--g,5.5%)) - var(--g,5.5%));max-width:calc(var(--f,1) * (100% + var(--g,5.5%)) - var(--g,5.5%))}
.dl-section .dl-mod{margin-block-start:0}
/* 23-10-2026: kolom met een eigen breedte (blokinstelling Breedte, uit Divi 'width: 70%') niet begrenzen op de Divi-fractie */
.dl-section .wp-block-columns.dl-row > .wp-block-column.dl-col[style*="flex-basis"]{max-width:none}
/* en zoals bij Divi (rij met display:flex) krimpen alle kolommen van zo'n rij naar verhouding als de breedtes samen boven 100% uitkomen */
.dl-section .wp-block-columns.dl-row:has(> [style*="flex-basis"]) > .wp-block-column.dl-col{flex-shrink:1;max-width:none}
@media (min-width:981px){.dl-section .wp-block-columns.dl-row:has(> [style*="flex-basis"]){flex-wrap:nowrap!important}} /* signo-important: moet de algemene rijregel .dl-row{flex-wrap:wrap!important} hierboven overstemmen */
/* 23-10-2026: Divi vanaf 1350px breed: rij 27px en sectie 54px boven/onder in plaats van 2% en 4vw (gemeten op sallandstorage.nl, 1440) */
@media (min-width:1350px){.dl-section{padding-block:54px}.dl-section .dl-row{padding-block:27px}}
/* 23-10-2026: Divi-testimonial (core/quote met klasse dl-testimonial). Achtergrond, rand, binnenruimte en lettergrootte staan als
   blokinstellingen op het blok zelf; hier alleen wat het blok niet kan: het aanhalingsteken in een rondje boven het midden (Divi:
   32px, #f5f5f5, merkrood) en de vette auteursregel 32px onder de tekst (gemeten op sallandstorage.nl) */
.dl-section .wp-block-quote.dl-testimonial{position:relative;margin:0;color:#000;text-align:left;font-style:normal;quotes:none}
/* 24-10-2026 19:35: aanhalingsteken = Divi-glyph "|" uit ETmodules 32px/32px (gemeten op de referentie-home), niet Georgia */
.dl-section .wp-block-quote.dl-testimonial::before{content:"|";position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:31px;background:#f5f5f5;color:var(--wp--preset--color--rood,#d2091e);font:400 32px/32px ETmodules;text-align:center;speak:none}
.dl-section .wp-block-quote.dl-testimonial p{padding-bottom:14px}
.dl-section .wp-block-quote.dl-testimonial cite{display:block;margin-top:32px;font-weight:700;font-style:normal;font-size:14px;line-height:21px}
/* 23-10-2026: zoekicoon in de kop compact zoals Divi (icoon 21px, geen knopvlak); de standaardknop is 56px hoog en liep op de telefoon buiten beeld */
.dl-menu .wp-block-search.dl-zoekicoon .wp-block-search__button{padding:4px;margin-left:0}
.dl-menu .wp-block-search.dl-zoekicoon .wp-block-search__button svg{width:21px;height:21px;min-width:21px;min-height:21px}
.dl-menu .wp-block-search.dl-zoekicoon .wp-block-search__inside-wrapper{align-items:center}
.dl-menu .wp-block-search.dl-zoekicoon.wp-block-search__searchfield-hidden .wp-block-search__input{min-height:0;height:0;padding-block:0}
/* op tablet en telefoon staat bij Divi het hamburgermenu rechts van het zoekicoon */
@media (max-width:980px){.dl-menu .wp-block-navigation{order:2}}
/* 23-10-2026: Divi-rij met eigen display:flex (dl-flexrij) blijft op tablet en telefoon naast elkaar, kolommen delen de breedte */
@media (max-width:980px){.dl-section .wp-block-columns.dl-row.dl-flexrij{flex-wrap:nowrap!important}.dl-section .wp-block-columns.dl-row.dl-flexrij>.wp-block-column.dl-col{flex:1 1 0!important;max-width:none!important;margin-bottom:0}} /* signo-important: moet de stapelregel voor kolommen op tablet/telefoon (flex-basis:100%!important) en de rijregel (flex-wrap:wrap!important) overstemmen */
/* Divi-menu op tablet en telefoon (tot 980px) als hamburgermenu, zoals Divi; WordPress klapt het pas onder 600px in */
@media (min-width:600px) and (max-width:980px){.dl-menu .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.dl-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}}
/* 23-10-2026: voet sluit direct aan op de inhoud zoals bij Divi (de algemene blokafstand gaf 19px wit ertussen) */
:root .wp-site-blocks>footer.wp-block-template-part{margin-block-start:0}
/* 23-10-2026: tablet, rijen 1/2+1/4+1/4 (dl-kwart): kwartkolommen twee naast elkaar zoals Divi (gemeten voet SAS 768: 327px, 38px ertussen) */
@media (min-width:768px) and (max-width:980px){.dl-section .wp-block-columns.dl-row.dl-kwart{column-gap:5.5%}.dl-section .wp-block-columns.dl-row.dl-kwart>.wp-block-column.dl-c-1_4{flex:0 0 47.25%!important;max-width:47.25%!important;margin-bottom:0}} /* signo-important: moet de stapelregel voor kolommen op tablet (flex-basis:100%!important) overstemmen */
/* 23-10-2026: carrouselitems (dica-carrousel omgezet naar groep met stijl Slider): volle breedte, afbeelding vult het vak */
.dl-section .wp-block-group.dl-carousel-items{display:flex;flex-wrap:nowrap;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:24px} /* 24px: ruimte van de Divi-bolletjes, hier voor de schuifbalk */
.dl-section .wp-block-group.dl-carousel-items>.dl-carousel-item{flex:0 0 calc((100% - (var(--n,4) - 1) * 30px) / var(--n,4));min-width:0;scroll-snap-align:start}
.dl-car-d1{--n:1}.dl-car-d2{--n:2}.dl-car-d3{--n:3}.dl-car-d4{--n:4}.dl-car-d5{--n:5}.dl-car-d6{--n:6}
@media (max-width:980px){.dl-section .dl-car-t1{--n:1}.dl-section .dl-car-t2{--n:2}.dl-section .dl-car-t3{--n:3}.dl-section .dl-car-t4{--n:4}.dl-section .dl-car-t5{--n:5}.dl-section .dl-car-t6{--n:6}}
@media (max-width:767px){.dl-section .dl-car-p1{--n:1}.dl-section .dl-car-p2{--n:2}.dl-section .dl-car-p3{--n:3}.dl-section .dl-car-p4{--n:4}.dl-section .dl-car-p5{--n:5}.dl-section .dl-car-p6{--n:6}}
.dl-section .dl-carousel-media .wp-block-image img{width:100%;height:auto}
.dl-section .dl-carousel-item h4{padding-bottom:10px;line-height:1em;font-weight:700;color:#000}
/* 23-10-2026: afbeeldingencarrousel (galerij dl-carousel) op één rij zoals Divi (gemeten selfstorage-box: 3 naast elkaar); de overige
   afbeeldingen zijn horizontaal te scrollen in plaats van dat ze als extra rijen onder elkaar komen (955px i.p.v. 230px) */
/* en de Divi-galerijslider (dl-gallery-slider, één afbeelding tegelijk met bolletjes) als strook met één afbeelding per beeld */
.dl-section .wp-block-gallery.has-nested-images:is(.dl-carousel,.dl-gallery-slider){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:24px}
.dl-section .wp-block-gallery.has-nested-images:is(.dl-carousel,.dl-gallery-slider)>figure.wp-block-image{flex-shrink:0;scroll-snap-align:start}
/* 23-10-2026: Divi-bloggrid (Query Loop dl-blog-query): titel 18px vet #333 als link, "Lees meer" in merkrood (gemeten selfstorage-box) */
.dl-section .dl-blog-kaart .wp-block-post-title{margin:0;padding-bottom:10px;font-weight:700;color:#000;font-size:18px}
.dl-section .dl-blog-kaart .wp-block-post-title a{text-decoration:none}
/* titelkleur uit de module (header_text_color, als linkkleur van het blok) gaat voor; zonder eigen kleur erft de link #333 (23-10-2026, /blog/ rood) */
.dl-section .dl-blog-kaart .wp-block-post-title:not([class*="wp-elements-"]) a{color:inherit}
/* Divi op telefoon (max 479px): titel 16px, en de uitgelichte afbeelding in de eigen verhouding (Divi laadt daar het origineel, niet de 400x250-uitsnede).
   "auto 400/250" zoals Divi: zonder de 400/250-terugval kregen nog niet geladen (lazy) beelden 1500px hoogte (/blog/ 390 +13087px) */
@media (max-width:479px){.dl-section .dl-blog-kaart .wp-block-post-title{font-size:16px;padding-bottom:0}:root .dl-section .dl-blog-kaart .wp-block-post-featured-image img{aspect-ratio:var(--dl-ar,auto 400/250)}} /* 24-10-2026: --dl-ar = verhouding van het origineel (merken/sas.php) */
.dl-section .dl-blog-kaart .wp-block-read-more{font-size:14px;line-height:23.8px;color:var(--wp--preset--color--rood,#d2091e);text-decoration:none}
/* 23-10-2026: YouTube-video schaalt mee met de kolom in 16:9, zoals Divi (fitvids); vaste 608px gaf in een halve kolom een te hoog vlak.
   NB productie toont de video pas na cookietoestemming (Cookiebot), dus daar is het vlak zonder toestemming leeg */
.dl-section .dl-video iframe{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9}
/* 23-10-2026: Divi-standaardtabel (entry-content table) bij SAS: rand 1px #eee, kop 9px 24px vet #555, cellen 6px 24px met lijn erboven
   (gemeten rekenvoorbeelden-prijslijst) */
.dl-section table:not(.variations){border:1px solid #eee;border-collapse:collapse;margin:0 0 15px;text-align:left;width:100%}
.dl-section table:not(.variations) :is(thead th,tr th){color:#000;font-weight:700;padding:9px 24px}
.dl-section table:not(.variations) tr td{border-top:1px solid #eee;padding:6px 24px}
/* 23-10-2026: Divi-volgknoppen (blok Sociale iconen, dl-social): 32px vierkant met 3px hoek, icoon 16px */
.dl-section .wp-block-social-links.dl-social .wp-social-link{border-radius:3px}
.dl-section .wp-block-social-links.dl-social .wp-social-link a{padding:8px}
/* uitgelichte afbeelding tot de rand van de kaart (Divi: -20px rondom, 29px eronder, verhouding 16:10) en tekstregel 23,8px */
.dl-section .dl-blog-kaart{line-height:23.8px;overflow:hidden}
.dl-section .dl-blog-kaart .wp-block-post-featured-image{margin:-19px -19px 29px}
.dl-section .dl-blog-kaart .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
.dl-section .dl-blog-query .wp-block-post-template{padding:0;margin:0;list-style:none}
/* 23-10-2026: afbeeldingen in tekst nooit breder dan de kolom (Divi: img max-width 100%); op telefoon stak een plaatje in de
   prijsblokken van Motorstalling 150px buiten de kolom en maakte het blok 100px hoger */
.dl-section .dl-text img{max-width:100%;height:auto}
/* 23-10-2026 (livegang): regel uit de Customizer-CSS van het Divi-kindthema Salland (gaat bij de themawissel verloren),
   voor alle Gravity Forms-formulieren: Roboto 15px zwart */
body .gform_wrapper .gform_body{font-family:Roboto,sans-serif;color:#000;font-size:15px}
/* 23-10-2026 (livegang): Divi zet onder een bericht (niet onder pagina's of projecten) 25px opvulling plus 60px marge
   (article.et_pb_post), gemeten op /de-gezichten-van-salland-storage-sonja-en-astrid/: voet 84px lager dan het einde van de inhoud */
body.single-post .signo-canvas{padding-bottom:85px}
/* 23-10-2026 (visuele nulmeting /bedankt/): Divi-portfoliorooster (et_pb_portfolio, fullwidth off), gemeten op productie:
   1440: 4 kolommen, 5,5% tussenruimte, beeld 400:284, titel 18px/1.4em vet #333 10px onder het beeld;
   768-980: 3 kolommen, titel 26px, 49px (7,5%) onder elke rij; tot 767: 1 kolom, beeld 16:9, titel 18px, 11,5% eronder */
:root .dl-portfolio .wp-block-post-template{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:5.5%;row-gap:0;margin:0;padding:0}
:root .dl-portfolio .wp-block-post-featured-image{margin:0}
/* 23-10-2026 (visuele poort /bedankt/): titel met 10px ruimte eronder zoals Divi; tablet: 7,5% tussen de rijen van de rasterbreedte (49px op 820), niet van de kolombreedte */
:root .dl-portfolio .wp-block-post-title{margin:10px 0 0;padding:0 0 10px;font-size:18px;line-height:1.4em;font-weight:700;color:#000}
:root .dl-portfolio .wp-block-post-title a{color:inherit;text-decoration:none}
@media (min-width:768px) and (max-width:980px){:root .dl-portfolio .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))}:root .dl-portfolio .wp-block-post-template{row-gap:7.5%;padding-bottom:7.5%}:root .dl-portfolio .wp-block-post{margin-bottom:0}:root .dl-portfolio .wp-block-post-title{font-size:26px}}
@media (max-width:767px){:root .dl-portfolio .wp-block-post-template{grid-template-columns:minmax(0,1fr)}:root .dl-portfolio .wp-block-post{margin-bottom:11.5%}:root .dl-portfolio .wp-block-post-featured-image img{aspect-ratio:16/9!important}} /* signo-important: Divi toont op telefoon het beeld 16:9, het blok zet de verhouding als inline stijl */
/* 23-10-2026 (visuele nulmeting /blog/ 820): Divi-bloggrid 3 kolommen op desktop, 2 op tablet, 1 op telefoon */
@media (min-width:768px) and (max-width:980px){:root .dl-blog-query .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){:root .dl-blog-query .wp-block-post-template.is-layout-grid{grid-template-columns:minmax(0,1fr)}}
/* 23-10-2026 (visuele nulmeting /interne-oplevering-van-container/): Divi-pagina zonder builder: 20px tussen titel en inhoud,
   voet direct onder de inhoud (gemeten: h1 219-259, inhoud vanaf 279, voet op het einde van de inhoud) */
body.page .signo-canvas.signo-canvas-titel.signo-canvas-titel{padding-bottom:0}
body.page .signo-canvas-titel .signo-canvas-titel-kop{margin-bottom:20px}
/* 23-10-2026 (visuele nulmeting formulierpagina's): Divi zet alinea's zonder marge; het blokthema gaf de verplicht-melding van
   Gravity Forms 14px boven en onder */
:root .gform_wrapper p.gform_required_legend{margin:0}
:root .signo-canvas-titel .entry-content>.gform_wrapper{margin-block:0}
/* 23-10-2026: bloggrid als metselwerk (merken/sas.js verdeelt de kaarten om en om over kolommen, zoals Divi/Salvattore) */
:root .dl-blog-query .wp-block-post-template.dl-metselwerk{display:flex;align-items:flex-start;column-gap:5.5%}
:root .dl-blog-query .dl-metselwerk>.dl-mw-kolom{flex:1 1 0;min-width:0;display:flex;flex-direction:column;row-gap:59px}
:root .dl-blog-query .dl-metselwerk>.dl-mw-kolom>li{list-style:none;margin:0}
@media (min-width:768px) and (max-width:980px){:root .dl-blog-query .dl-metselwerk>.dl-mw-kolom{row-gap:5.5%}}
/* 23-10-2026 (visuele nulmeting /blog/ 820 en 390): ruimte tussen de kaarten 51px op tablet en 36px op telefoon (gemeten);
   (beeld blijft 16:10 bijgesneden: Divi toont meestal dezelfde maat) */
@media (min-width:768px) and (max-width:980px){:root .dl-blog-query .dl-metselwerk>.dl-mw-kolom{row-gap:51px}}
@media (max-width:767px){:root .dl-blog-query .wp-block-post-template.is-layout-grid{row-gap:36px}}
/* 23-10-2026 (visuele poort /opslag-in-de-wijk/ 820): Divi-rij 1/2+1/6+1/6+1/6 op tablet: de halve kolom over de volle breedte, de drie
   zesde-kolommen naast elkaar (gemeten 195px met 5,5% ertussen). De algemene 4-koloms tabletregel (dl-n4, twee per rij) gaf hier 2+2 */
@media (min-width:768px) and (max-width:980px){.dl-section .dl-row.dl-n4:has(>.dl-c-1_2)>.dl-col.dl-c-1_2{flex:0 0 100%!important;max-width:100%!important}.dl-section .dl-row.dl-n4:has(>.dl-c-1_2)>.dl-col.dl-c-1_6{flex:0 0 calc((100% - 2*5.5%)/3)!important;max-width:calc((100% - 2*5.5%)/3)!important;margin-bottom:0}} /* signo-important: moet de dl-n4-tabletregel (zelf !important) overstemmen */
/* 23-10-2026 (visuele poort, voet op alle pagina's): vet zoals Divi (strong/b 700). Zonder dit werd <strong> in de voettekst met
   gewicht 300 maar 'bolder' (400) en stond de voet op elke pagina dunner dan op productie */
:where(strong,b){font-weight:700}
/* bladeren in archieven zoals Divi (merken/sas.php): links oudere, rechts nieuwere berichten, 14px in de Divi-linkkleur */
.signo-divi-bladeren{display:flex;justify-content:space-between;font-size:14px;line-height:1.7;margin-top:0} /* 24-10-2026: regelhoogte 1,7 (23,8px) zoals Divi, gemeten op /category/blog/ 1440; was 1,2 en de voet stond 7px te hoog */
.signo-divi-bladeren a{color:#2ea3f2;text-decoration:none}
/* 23-10-2026 20:30 (visuele poort rekenvoorbeeld 820): inhoud direct onder de berichttitel (Divi: geen ruimte; de blokruimte gaf 19px), en
   onder 981px 66px tot de voet in plaats van 85px. De paginavariant (body.page) houdt zijn 20px onder de titel en 0 onder de inhoud */
:where(body.single) .signo-canvas-titel .signo-canvas-titel-kop + .entry-content{margin-block-start:0}
@media (max-width:980px){body.single .signo-canvas.signo-canvas-titel.signo-canvas-titel,body.single-post .signo-canvas{padding-bottom:66px}}
/* 23-10-2026 (visuele poort /afstuderen/): slide-afbeelding van Divi (renderer: .dl-slide-img). Op 1440 in de nulmeting gecentreerd,
   181px hoog met 24px eronder; onder 981px toonde Divi hem niet (tablet een postzegel, telefoon verborgen) */
.dl-section .dl-slide-img{margin:0 0 24px;text-align:center}
.dl-section .dl-slide-img img{display:inline-block;max-height:181px;width:auto;max-width:100%}
/* 24-10-2026 (live productie /afstuderen/ 1440, regels_voor.py): met complete Divi-CSS staat de afbeelding van een lege slide op de volle
   breedte van de container (70% via de slide-instelling, gecentreerd), hoogte naar verhouding, slide-opvulling 6% boven en opzij.
   De 181px hierboven kwam uit een opname waarin Divi de module-CSS niet leverde */
@media (min-width:981px){
/* Divi: slide 0 6% opzij, container 70% daarvan, afbeelding 10% van de container onder de bovenrand, daaronder de lege beschrijving
   (30px boven en onder; gemeten 24-10 01:55: slide 450 bij afbeelding 345, dus 48px onder de afbeelding). Hier staat de opvulling van de beschrijving (30px, 8% opzij, als harde regel uit de slide-instelling) om de
   afbeelding heen; zonder extra harde regel (plafond in thema/important_plafond.json) omgerekend: 0,7 x 0,88 / 0,84 = 73,3% breed, 7,33% van de inhoud min 30px erboven */
.dl-section .dl-slide .dl-slide-img{width:73.33%;margin:calc(7.33% - 30px) auto 48px} /* .dl-slide erbij: wint van :root :where(.is-layout-flow)>:first-child (marge boven 0) */
.dl-section .dl-slide-img img{display:block;width:100%;max-height:none;height:auto}
}
@media (max-width:980px){.dl-section .dl-slide-img{display:none}}
/* 23-10-2026 (visuele poort /mijn-account/): Divi-inlogmodule (gemeten productie 1440 en 390): 25px binnenruimte, velden 47px hoog
   met 14px ertussen, 16px, grijs vlak #eee met plaatshouder #666, "Wachtwoord vergeten?" 12px, knop 46px rood, 20px, volle breedte */
.dl-section .dl-login{padding:25px}
.dl-section .dl-login .wp-block-loginout form p{margin:0 0 14px}
.dl-section .dl-login .wp-block-loginout label,.dl-section .dl-login .wp-block-loginout .login-remember{display:none}
.dl-section .dl-login .wp-block-loginout input.input{display:block;width:100%;height:47px;box-sizing:border-box;padding:0 14px;font-size:16px;font-weight:400;color:#000;background:#eee;border:0;border-radius:3px}
.dl-section .dl-login .wp-block-loginout input.input::placeholder{color:#666}
.dl-section .dl-login .wp-block-loginout .dl-wachtwoord-vergeten{margin:-5px 0 0;font-size:12px;line-height:22px;padding-bottom:14px}
.dl-section .dl-login .wp-block-loginout .dl-wachtwoord-vergeten a{color:inherit;text-decoration:none}
.dl-section .dl-login .wp-block-loginout .login-submit{margin:0}
.dl-section .dl-login .wp-block-loginout .login-submit input[type=submit]{display:block;width:100%;height:46px;margin:0;padding:0 20px;font-size:20px;font-weight:500;color:#fff;background:#d2091e;border:0;border-radius:3px;cursor:pointer}
.dl-section .dl-login>.wp-block-heading{padding-bottom:10px;margin-bottom:0}
.dl-section .dl-login>.wp-block-loginout{margin-top:20px}
/* 23-10-2026: Gravity Forms houdt zijn eigen 16px boven het formulier (formsmain); de blokopmaak zette die als eerste kind op 0 */
.dl-section .gform_wrapper.gform_legacy_markup_wrapper{margin-block:16px} /* 24-10-2026: ook 16px onder (Gravity Forms legacy); :root :where(.is-layout-flow)>:last-child zette die op 0 (stowbox-vertrek-formulier 390 -16px) */
/* 23-10-2026 22:40 (visuele poort, categorie- en projectarchieven op 390/820): Divi laadt op archiefpagina's onder 981px de
   lettertype-instelling van het thema niet; de tekst staat daar in "Open Sans", Arial (Open Sans wordt niet geladen, dus Arial).
   Koppen blijven Roboto (eigen instelling). Gemeten op /category/faq/ en /project/ (body, voettekst, voetknop); zoeken en
   pagina's niet. Zelfde beeld als productie; na de normalisatie kan dit weg */
body.archive{font-family:"Open Sans",Arial,sans-serif}
body.archive main :is(p,li,a,span,div):not(:is(h1,h2,h3,h4,h5,h6) *){font-family:inherit} /* 23:55: ook op desktop staat de archieftekst in Arial (gemeten /category/blog/ 1440) */
@media (min-width:981px){body.archive :is(header,footer){font-family:Roboto,Helvetica,Arial,sans-serif}} /* voet op desktop wel Roboto (gemeten /category/faq/ 1440) */
@media (max-width:980px){body.archive :is(p,li,a,span,div,.wp-block-button__link):not(:is(h1,h2,h3,h4,h5,h6) *){font-family:inherit}}
/* 23-10-2026 22:45 (visuele poort, kop op telefoon, gemeten /category/faq/ 390): Divi zet de kop met sticky 10px van boven (de
   plaatshouder blijft op 4px), rij 78px hoog; zoeken (17px, rood, midden x=291) en menu (32x32, drie rode streepjes, midden x=333).
   Staging had zwart zoeken en een grijs menu met twee streepjes, 6px hoger */
@media (max-width:767px){
header .dl-section.dl-hide-tablet.dl-hide-desktop{position:relative;top:6px}
/* 24-10-2026: de eigen rij-opvulling 10/9px vervallen; de rij-instelling uit de omzetting (8px plus 3px rand) geeft 78px zoals productie (gemeten /bonk-elektro/ 390, was 81px en schoof elke telefoonpagina 3px) */
header .dl-section.dl-hide-tablet.dl-hide-desktop .wp-block-search{transform:translateX(23px)}
header .dl-section.dl-hide-tablet.dl-hide-desktop .wp-block-search__button{color:#d2091e}
header .dl-section.dl-hide-tablet.dl-hide-desktop .wp-block-search__button svg{visibility:hidden}
/* 24-10-2026 23:15: telefoon-zoekicoon is nu de Divi-glyph "U" 17px (hieronder); de eerdere svg-achtergrond tekende een tweede loep eronder */
header .dl-section.dl-hide-tablet.dl-hide-desktop .wp-block-search .wp-block-search__button.wp-block-search__button::after{font-size:17px}
header .dl-section.dl-hide-tablet.dl-hide-desktop .wp-block-navigation__responsive-container-open{width:32px;height:32px;transform:translateX(-6px)} /* 24-10-2026 23:15: geen getekende streepjes meer, de Divi-glyph (::after) is het icoon */
header .dl-section.dl-hide-tablet.dl-hide-desktop .wp-block-navigation__responsive-container-open svg{visibility:hidden}
}
/* 23-10-2026 22:55 (visuele poort /bedankt-carstorage/ e.a.): Divi-zoekmodule in de inhoud (gemeten 1440): rand 1px #ddd met 3px hoek,
   veld 36px hoog, 14px, gewicht 400, 10px links, transparant; knop met de tekst "Zoeken", 66px breed, grijs #ddd, tekst #666 */
main .dl-section .wp-block-search .wp-block-search__inside-wrapper{border:1px solid #ddd;border-radius:3px;padding:0;gap:0;background:transparent}
main .dl-section .wp-block-search .wp-block-search__input{height:36px;min-height:0;padding:0 10px;font-size:14px;font-weight:400;color:#000;background:transparent;border:0;border-radius:0}
main .dl-section .wp-block-search .wp-block-search__button{height:36px;min-width:66px;margin:0;padding:0 10px;font-size:14px;font-weight:400;line-height:36px;color:#000;background:#ddd;border:0;border-radius:0}
main .dl-section .wp-block-search .wp-block-search__button svg{display:none}
main .dl-section .wp-block-search .wp-block-search__button.has-icon::before{content:"Zoeken"}
/* 23-10-2026 22:55 (visuele poort /mijn-account/ 820): de Divi-inlogmodule staat op tablet in een volle kolom met de kop links en het
   formulier rechts (elk 50%, formulier 40px binnenruimte links); op desktop zit hij in een halve kolom en staat alles onder elkaar */
@media (min-width:768px) and (max-width:980px){.dl-section .dl-login{display:flex;align-items:flex-start}.dl-section .dl-login>.wp-block-heading{flex:0 0 50%}.dl-section .dl-login>.wp-block-loginout{flex:0 0 50%;box-sizing:border-box;padding-left:40px;margin-top:0}}
/* 23-10-2026 22:55 (visuele poort /afstuderen/): slide met eigen achtergrond over de volle breedte binnen de afgeronde slider, en de
   Divi-bolletjes onderin (7px, 10px ertussen, 10px van de onderkant; actief vol, de rest half doorzichtig) */
.dl-section .dl-slider:has(>.dl-slide-bg){overflow:hidden;position:relative}
.dl-section .dl-slider>.dl-slide.dl-slide-bg{width:100%}
.dl-section .dl-slider{position:relative}
.dl-section .dl-slider-bolletjes{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:10px;line-height:0;color:#fff}
.dl-section .dl-slider-bolletjes span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}
.dl-section .dl-slider-bolletjes span:first-child{opacity:1}
/* 23-10-2026 23:15 (visuele poort archieven, gemeten /category/blog/): eerste titel staat bij Divi 9px (desktop), 19px (tablet) en
   18px (telefoon) hoger; en op desktop de dunne lijn van de (lege) zijbalk op 79,125% van de container (#e2e2e2) */
body.archive main .signo-divi-archief-lijst{margin-block-start:calc(19.2px - 19px)}
@media (min-width:981px){body.archive main .signo-divi-archief-lijst{margin-block-start:calc(19.2px - 9px)}
body.archive main{position:relative}
body.archive main::before{content:"";position:absolute;top:-9px;bottom:0;width:1px;background:#e2e2e2;left:calc((100% - min(80%,1080px))/2 + min(80%,1080px)*.79125)}}
@media (max-width:479px){body.archive main .signo-divi-archief-lijst{margin-block-start:calc(19.2px - 18px)}}
/* 23-10-2026 23:50 (visuele poort /hoe-is-de-betaling-geregeld/, gemeten 1440): ingesloten bericht in een Divi-bloglijst (dl-blog-inhoud,
   zie merken/sas.php): titel #333 zonder linkkleur, secties binnen de kolom (niet uitlopend), rijen zie 24-10-2026 hieronder,
   tekst #666 gewicht 400 met 1em onder elke alinea behalve de laatste */
.dl-section .dl-blog-lijst .wp-block-post-title a{color:#000}
.wp-site-blocks .wp-block-post-content.entry-content .dl-blog-inhoud section.dl-section.dl-section{width:auto;max-width:none;margin:0;padding:0}
/* 24-10-2026 (gemeten productie 390/820/1440 met regels_voor.py): rijen krijgen Divi's standaardopvulling 30px 0, vanaf 981px 2% 0
   en vanaf 1350px 27px 0; de eigen rij-instelling van het ingesloten bericht komt via merken/sas.php (dl-bx-klassen). Het bericht zelf
   heeft 25px onder (Divi: .single .post) en 60px marge, 42px onder 981px (Divi: .et_pb_post) */
.dl-section .dl-blog-inhoud .dl-row{width:100%;max-width:none;margin:0;padding:30px 0}
@media (min-width:981px){.dl-section .dl-blog-inhoud .dl-row{padding:2% 0}}
@media (min-width:1350px){.dl-section .dl-blog-inhoud .dl-row{padding:27px 0}}
.dl-section .dl-blog-lijst:has(>.dl-blog-inhoud){padding-bottom:25px}
.dl-section .wp-block-post:has(>.dl-blog-lijst>.dl-blog-inhoud){margin-bottom:42px}
@media (min-width:981px){.dl-section .wp-block-post:has(>.dl-blog-lijst>.dl-blog-inhoud){margin-bottom:60px}}
.dl-section .dl-blog-inhoud p{font-weight:400;color:#000;margin:0;padding-bottom:1em}
.dl-section .dl-blog-inhoud p:last-child{padding-bottom:0}
/* de omzetting zet de bolletjes in een alinea binnen een groep: daar de flex-opmaak, en de spans als blok (inline negeert de maat) */
.dl-section .dl-slider-bolletjes>p{display:flex;justify-content:center;gap:10px;margin:0;padding:0;line-height:0}
.dl-section .dl-slider-bolletjes span{display:block;flex:0 0 7px}
.wp-site-blocks .dl-blog-inhoud>.wp-block-post-content.entry-content.entry-content.entry-content{width:auto;max-width:none;margin-left:0;margin-right:0} /* de volle-breedteregel voor pagina-inhoud (-50px) niet binnen een ingesloten bericht */
/* 24-10-2026 (visuele poort /contact/deventer/ 390): beschikbaarheidskaart (mu-plugin sas-beschikbaarheid) houdt zijn marge 0 8px 8px 0; :root :where(.is-layout-flow)>:last-child zette de onderste op 0 */
.dl-section .dl-text>.sas-bw-card{margin:0 8px 8px 0}
/* 24-10-2026 04:10 (productiecontrole na livegang, /formulieren/overeenkomst-tot-toegang-opslagruimtes-salland-storage/ 390 -79px): Divi gaf elke ul in de inhoud regelhoogte 26px, ook de veldenlijst van Gravity Forms; de velden erven die (html-velden 26 per regel). Alleen de regelhoogte, niet de ruimte van de Divi-lijst */
.dl-section .gform_wrapper ul{line-height:26px}
/* 24-10-2026 05:00 (website_bewaking na livegang, ROOD in chromium/webkit/firefox): (1) brede tabellen (prijslijst, rekenvoorbeelden, huurperiodes, betaling, privacy) staken op telefoon tot 300px buiten het scherm en werden afgesneden; nu horizontaal scrollbaar binnen de kolom. (2) Een negatieve rechtermarge uit Divi (bijv. -369px op /slimme-voorraadopslag-voor-webshops/) maakte tekst onder 981px breder dan het scherm; daar nu nooit breder dan de kolom */
@media (max-width:767px){:is(.dl-section,.entry-content) table{display:block;max-width:100%;overflow-x:auto}}
@media (max-width:980px){.dl-section .dl-mod{max-width:100%}}
/* 24-10-2026 05:40 (website_bewaking: tikdoel "Lees meer" 65x24px): 10px onzichtbare tikruimte boven en onder, gecompenseerd met negatieve marge, zodat de opmaak gelijk blijft */
.dl-section .dl-blog-kaart .wp-block-read-more{display:inline-block;padding-block:10px;margin-block:-10px}
/* idem voor de titellink van een blogkaart (86x18px op tablet). 24-10-2026 19:15: NIET met padding, die telde wel mee
   (kaarten 26px hoger dan Divi, gemeten met omzetketen/blok_meten.py); tikruimte via een onzichtbare ::after */
.dl-section .dl-blog-kaart .wp-block-post-title{position:relative}
.dl-section .dl-blog-kaart .wp-block-post-title a::after{content:"";position:absolute;left:0;right:0;top:-13px;bottom:-13px}

/* ==== 24-10-2026: Divi-pariteit uit de element-meting tegen de echte Divi-weergave (divi-referentie.sallandstorage.nl,
   AI/_systeem/thema/omzetketen/stijl_vergelijk.py). Waarden zijn gemeten op de referentie, niet geschat. ==== */
@font-face{font-family:ETmodules;src:url(../fonts/etmodules/modules.woff) format("woff");font-weight:400;font-style:normal;font-display:block}
/* Divi zet -webkit-font-smoothing:antialiased op body: op de Mac dunnere, lichtere letters. Zonder dit oogt alle tekst vetter */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Menupijl hoofdmenu: Divi glyph "3" (ETmodules) 16px gewicht 800, rechts in 20px ruimte naast het label, regelhoogte 14px */
header .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-icon{width:20px;height:14px;margin:0;padding:0;display:inline-flex;justify-content:flex-end;align-items:flex-start;color:inherit}
header .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-icon svg{display:none}
header .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-icon::after{content:"3";font-family:ETmodules;font-size:16px;font-weight:800;line-height:14px;speak:none}
/* Zoekicoon kop (desktop): Divi glyph "U" 21px #d2091e, vlak 21x30 */
.dl-menu .wp-block-search.dl-zoekicoon .wp-block-search__button{width:21px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#d2091e;background:none}
.dl-menu .wp-block-search.dl-zoekicoon .wp-block-search__button svg{display:none}
.dl-menu .wp-block-search.dl-zoekicoon .wp-block-search__button::after{content:"U";font-family:ETmodules;font-size:21px;line-height:1;speak:none}
/* Toggle-icoon: Divi glyph \e050 (plus in cirkel) 16px #ccc rechts; open \e04f */
.dl-section .dl-acc-item summary::after{content:"\e050";font-family:ETmodules;font-size:16px;line-height:16px;font-weight:400;color:#ccc;border:0;width:auto;height:auto;right:0;top:50%;transform:translateY(-50%)}
.dl-section .dl-acc-item[open] summary::after{content:"\e04f"}
/* Hoofdmenu desktop: Divi-link heeft regelhoogte 14px en 8px onder, onderkant gelijk met het zoekicoon (gemeten: tekst y=99.8, was 88.3);
   de menugroep stond 12px rechts van Divi (gecentreerd in een 24px smallere ruimte) */
@media (min-width:981px){
.dl-menu .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{line-height:14px}
.dl-menu>.wp-block-group.is-content-justification-center{margin-left:-24px}
.dl-menu>.wp-block-group.is-content-justification-center>nav.wp-block-navigation{position:relative;top:11.5px}
}
/* Testimonial-tekst gewicht 500 zoals Divi (was 300; gemeten op de home) */
.dl-section .wp-block-quote.dl-testimonial{font-weight:500}
/* Bladeren in de blogmodule op een pagina (/blog/): Divi-linkkleur van de inhoud #d2091e; in archieven blijft #2ea3f2 */
.dl-section .signo-divi-bladeren a{color:#d2091e}
/* Formulieren (gemeten op 33 velden, 9 keuzelijsten, 2 tekstvakken): Divi-rand 1px #bbb (was 2px #767676), tekst #4e4e4e;
   de verzendknop in de Divi-letter; links in formulieren #df3c39 */
.dl-section .gform_wrapper :is(input:not([type=radio],[type=checkbox],[type=submit],[type=button],[type=hidden],[type=file]),select,textarea),
.dl-section .login-username input,.dl-section .login-password input{border:1px solid #bbb;color:#4e4e4e}
.dl-section .gform_wrapper :is(button,input[type=submit],input[type=button]){font-family:inherit}
.dl-section .gform_legacy_markup_wrapper a{color:#df3c39} /* alleen oude GF-opmaak (stowassist e.d.); keuzehulp (gravity-theme) houdt #d2091e */
/* vet (b): Divi gebruikt "bolder" (relatief aan de ouder): 900 in /she-shed/, 700 in /salland-storage-breidt-verder-uit/ */
.dl-section b{font-weight:bolder}
/* Vaste kop (assets/sas/gedrag.js): zoals de Divi-sticky-secties, z-index 10010, volle breedte */
header .dl-sticky{left:0;right:0;width:100%;z-index:10010;background-color:#fff} /* position en margin zet gedrag.js inline */
/* desktop: in vaste stand 68px hoog (Divi 86 -> 68): logo 157x25 en de knopkolom compacter */
@media (min-width:981px){
header .dl-sticky-desktop>.dl-row{min-height:0;height:68px;box-sizing:border-box;align-items:center}
header .dl-sticky-desktop .dl-imgwrap img{width:157px;height:auto}
}
/* Blurb-afbeeldingen schuiven in (Divi fadeTop) */
@keyframes dlFadeTop{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateX(0)}}
.dl-anim-top{opacity:0}
.dl-anim-top.dl-anim-in{opacity:1;animation:dlFadeTop 1s cubic-bezier(.77,0,.175,1) 1}
@media (prefers-reduced-motion:reduce){.dl-anim-top{opacity:1;animation:none}}
/* Zweefgedrag zoals Divi (gemeten met hover_vergelijk.py op 4 pagina's): knoppen met inschuivende pijl, menu-items 0,7 doorzichtig */
.wp-block-button__link.dl-knop{position:relative;transition:all .3s ease}
.wp-block-button__link.dl-knop::after{content:"5";font-family:ETmodules;font-size:1.6em;line-height:1em;font-weight:400;position:absolute;margin-left:-1em;opacity:0;transition:all .2s;speak:none;text-transform:none}
.wp-block-button__link.dl-knop:hover::after{opacity:1;margin-left:0}
.wp-block-button__link.dl-knop:hover{border-color:transparent}
.wp-block-button__link.dl-knop.dl-knop-leeg:hover{background-color:rgba(0,0,0,.05)}
header .wp-block-navigation-item__content{transition:opacity .4s ease-in-out}
header .wp-block-navigation-item__content:hover{opacity:.7;text-decoration:none}
/* 24-10-2026 20:30: de FA4-iconenregel van 19:20 is teruggedraaid. De Divi-referentiesite toonde op kaartpagina's FA4-iconen
   (dichte envelop), maar de echte oude site (nulmeting 19-10, contact-deventer_1440) toonde de dunne FA5-iconen. De referentie
   week hier af van de nulmeting; de nulmeting is leidend. */
/* 24-10-2026 22:50 (JH: "topmenu klapt niet lekker uit, overlapt met de pagina"; gemeten met omzetketen/menu_vergelijk.py):
   het submenu viel onder de pagina-inhoud (z-index 2 zonder eigen laag voor de kop) en kreeg de lijstopmaak van de inhoud
   (padding links 1em, onder 23px). Divi: 240px breed, 20px binnenruimte boven/onder, rode bovenrand 3px, schaduw, z-index 9999,
   items 240x40 met 6px 20px, 7px onder de menubalk en 10px links van de menutekst */
header{position:relative;z-index:10000}
@media (min-width:981px){
header .wp-block-navigation .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{padding:20px 0;margin:7px 0 0 -10px;width:240px;min-width:240px;border:0;border-top:3px solid #d2091e;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:9999;background:#fff}
header .wp-block-navigation .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px} /* brug over de 7px, anders verdwijnt het menu onderweg */
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{gap:0;row-gap:0}
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item.wp-block-navigation-item{width:240px;margin:0;padding:0 20px;box-sizing:border-box} /* ook de 3px lijstmarge van de inhoud niet; Divi: li 0 20px, link 200 breed met 6px 20px, tekst dus 40px van de rand */
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content{display:block;width:200px;box-sizing:border-box;padding:6px 20px;line-height:28px}
}
/* 24-10-2026 22:55 (menu_vergelijk.py 820/390): op tablet en telefoon waren zoekicoon en hamburger zwart en de hamburger een
   dun svg-icoon. Divi: zoekglyph "U" 22px merkrood, hamburger glyph "a" uit ETmodules 32x32 merkrood */
@media (max-width:980px){
header .wp-block-search .wp-block-search__button.wp-block-search__button{color:#d2091e}
header .wp-block-search .wp-block-search__button.wp-block-search__button::after{font-size:22px;color:#d2091e}
header .wp-block-navigation__responsive-container-open svg{display:none}
header .wp-block-navigation__responsive-container-open::after{content:"a";display:block;width:32px;height:32px;font-family:ETmodules;font-size:32px;line-height:32px;font-weight:400;color:#d2091e;speak:none}
}
/* 24-10-2026 23:00 (JH: "topmenu klapt niet lekker uit, overlapt met de webpagina"; gemeten met omzetketen/mobielmenu_meten.py):
   het blokmenu opende op tablet en telefoon als schermvullende laag met alle submenu's uitgeklapt en gecentreerd. Divi: een wit
   paneel onder de kop (telefoon x23 y65 332 breed, tablet x273 y85 273 breed), rode bovenrand 3px, schaduw, binnenruimte 5%,
   alleen de hoofditems links uitgelijnd, 14px/26px, 10px 5% per item, dunne scheidingslijn, items met submenu vet (700). Een tik
   op een hoofditem opent de pagina; submenu's staan op mobiel niet in het menu. Sluiten via het menu-icoon (gedrag.js), dat
   in open stand het Divi-kruisje "M" toont */
@media (max-width:980px){
html.has-modal-open{overflow:auto}
header .dl-menu{position:relative}
header .dl-menu .wp-block-navigation{position:static}
header .wp-block-navigation__responsive-container.wp-block-navigation__responsive-container.is-menu-open{position:absolute;top:calc(100% - 12px);left:0;right:auto;bottom:auto;width:100%;height:auto;max-height:calc(100vh - 120px);overflow:auto;padding:0 5%;background:#fff;border-top:3px solid #d2091e;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:9999;animation:none;color:#000}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{width:100%;max-width:none;margin:0;padding:0}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{display:none}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content.wp-block-navigation__responsive-container-content{padding:16px 0;margin:0;align-items:stretch}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container.wp-block-navigation__container{gap:0;align-items:stretch;width:100%;padding:0;margin:0}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.wp-block-navigation-item.wp-block-navigation-item{display:block;width:100%;margin:0;align-items:stretch}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content.wp-block-navigation-item__content{display:block;width:100%;box-sizing:border-box;padding:10px 5%;font-size:14px;line-height:26px;font-weight:500;color:#000;text-align:left;border-bottom:1px solid rgba(0,0,0,.03);opacity:1}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.has-child>.wp-block-navigation-item__content.wp-block-navigation-item__content{font-weight:700}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container,
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon.wp-block-navigation__submenu-icon{display:none}
html.has-modal-open header .wp-block-navigation__responsive-container-open::after{content:"M"}
}
@media (min-width:768px) and (max-width:980px){
header .wp-block-navigation__responsive-container.wp-block-navigation__responsive-container.is-menu-open{left:auto;right:0;width:273px;top:100%}
}
/* het paneel valt anders onder de regel "Onze klanten waarderen ons" (latere kopsectie met dezelfde laag); geen focusrand op het
   eerste item na een tik (het blokmenu zet de focus daar zelf, Divi niet); toetsenbordfocus blijft zichtbaar */
@media (max-width:980px){
header .wp-block-columns:has(.dl-menu){z-index:5}
header .dl-menu .wp-block-search .wp-block-search__button.wp-block-search__button::after{font-size:22px}
html:not(.dl-toets) header .wp-block-navigation__responsive-container.is-menu-open a:focus{outline:none}
}
/* 24-10-2026 23:25: een review zonder eigen alinea (tekst direct in de Divi-module) had onder Divi geen 14px ruimte onder de tekst;
   de omzetting markeert die alinea nu met dl-geen-alinea (home: tweede review 14px te hoog, knop eronder lager) */
.dl-section .wp-block-quote.dl-testimonial p.dl-geen-alinea{padding-bottom:0}
/* 24-10-2026 23:35 (omzetketen/icoon_nulmeting.py, vergeleken met de nulmeting van de echte oude site): op pagina's met een kaart
   toonde de oude site op de telefoon de Font Awesome 4-iconen (dichte envelop, klok met dikke rand; WP Go Maps laadde FA4 voor
   mobiele bezoekers) en op tablet en desktop de dunne FA5-iconen. Gemeten op 5 contactpagina's: 390 FA4 (afwijking 1 tegen 49-54),
   820 en 1440 FA5 */
@font-face{font-family:SignoFA4;src:url(../fonts/fontawesome-divi/fontawesome-webfont-4.7.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}
@media (max-width:767px){body:has(.wpgmza_map) .dl-section .dl-b-icon.dl-b-icon{font-family:SignoFA4,"Font Awesome 5 Free"!important;font-weight:400!important}} /* signo-important: moet de per-icoon regel "Font Awesome 5 Brands"!important (WhatsApp) overstemmen; FA4 heeft het WhatsApp-icoon ook */
/* 25-10-2026 (/stowbox/, "Wat is een StowBox?"): WordPress snijdt afbeeldingen in een galerij met is-cropped bij (object-fit:cover op
   gelijke hoogte). Daardoor vielen de maatlabels 2,10m en 1,80m van de StowBox-tekening weg. De Divi-galerijslider toonde de hele afbeelding */
/* WordPress zelf gebruikt figure.wp-block-image:not(#individual-image) (id-specificiteit), daarom hier twee :not(#..) */
.dl-section .wp-block-gallery.has-nested-images.is-cropped:is(.dl-carousel,.dl-gallery-slider) figure.wp-block-image:not(#signo-a):not(#signo-b){align-self:flex-start;height:auto}
.dl-section .wp-block-gallery.has-nested-images.is-cropped:is(.dl-carousel,.dl-gallery-slider) figure.wp-block-image:not(#signo-a):not(#signo-b) img{flex:none;height:auto;object-fit:fill}

/* 25-10-2026 (JH: tekstkleur overal gelijk): Google Reviews-plugin zet naam en tekst geforceerd via eigen kleurvariabelen (#333, #222) */
.wp-gr .wp-google-name,.wp-gr .wp-google-text{color:#000!important} /* signo-important: pluginregel is zelf !important */
.wp-site-blocks .wp-block-table.is-style-signo-tabel th{color:#000} /* SAS: kopcellen zwart; blokstijlen.css is gedeeld met BIU en houdt daar #555 */