.elementor-kit-11{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7d701d5:#F1E9DB;--e-global-color-b1395d8:#E8D39A;--e-global-color-8969099:#93BBF9;--e-global-color-73b308e:#48AF8A;--e-global-color-f6b5486:#E5D9ED;--e-global-color-984a4e5:#000000;--e-global-color-ad45fd1:#FFFFFF;--e-global-color-04c1933:#BF2713;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-e8a7dce-font-family:"Coda";--e-global-typography-e8a7dce-font-size:18px;--e-global-typography-e8a7dce-font-weight:500;--e-global-typography-e8a7dce-line-height:1.3em;--e-global-typography-e8a7dce-letter-spacing:0.2px;--e-global-typography-887365b-font-family:"Coda";--e-global-typography-887365b-font-size:16px;--e-global-typography-887365b-font-weight:400;--e-global-typography-887365b-text-transform:uppercase;--e-global-typography-887365b-line-height:1.2em;--e-global-typography-887365b-letter-spacing:0.2px;--e-global-typography-f58d719-font-family:"Climate Crisis";--e-global-typography-f58d719-font-size:55px;--e-global-typography-f58d719-font-weight:500;--e-global-typography-f58d719-line-height:1.5em;--e-global-typography-f58d719-letter-spacing:0.5px;--e-global-typography-38b8b51-font-family:"Climate Crisis";--e-global-typography-38b8b51-font-size:16px;--e-global-typography-38b8b51-font-weight:500;--e-global-typography-38b8b51-text-transform:uppercase;--e-global-typography-38b8b51-line-height:1.5em;--e-global-typography-38b8b51-letter-spacing:0.5px;--e-global-typography-5c3f6f4-font-family:"Coda";--e-global-typography-5c3f6f4-font-size:25px;--e-global-typography-5c3f6f4-font-weight:500;--e-global-typography-5c3f6f4-line-height:1.3em;--e-global-typography-5c3f6f4-letter-spacing:0.2px;--e-global-typography-4d0165d-font-family:"Coda";--e-global-typography-4d0165d-font-size:22px;--e-global-typography-4d0165d-font-weight:700;--e-global-typography-4d0165d-text-transform:uppercase;--e-global-typography-4d0165d-line-height:1.3em;--e-global-typography-4d0165d-letter-spacing:0.2px;background-color:var( --e-global-color-7d701d5 );}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:50px;--container-default-padding-bottom:0px;--container-default-padding-left:50px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:50px;--container-default-padding-bottom:0px;--container-default-padding-left:50px;}}@media(max-width:1200px){.e-con{--container-default-padding-top:0px;--container-default-padding-right:30px;--container-default-padding-bottom:0px;--container-default-padding-left:30px;}}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-f58d719-font-size:42px;}.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:30px;--container-default-padding-bottom:0px;--container-default-padding-left:30px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-f58d719-font-size:30px;--e-global-typography-f58d719-line-height:1.3em;--e-global-typography-5c3f6f4-font-size:20px;--e-global-typography-4d0165d-font-size:20px;}.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:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS */html { background-color: #ffffff !important; padding: 12px !important; box-sizing: border-box; overflow-x: hidden; } body { min-height: calc(100vh - 24px); } body::before { content: ""; position: fixed; inset: 0; z-index: 99999; pointer-events: none; border: 12px solid #ffffff; border-radius: 28px; } @media screen and (max-width: 1024px) { html { padding: 8px !important; } body::before { border-width: 8px; border-radius: 20px; } } /* knop-hover in huisstijl */ .elementor-button{transition:background-color .2s ease,color .2s ease,border-color .2s ease;} .elementor-button:hover,.elementor-button:focus{background-color:#BF2713;border-color:#BF2713;color:#FFFFFF;} /* ===================================================================== Tekstverslaafd – resterende responsive fixes (24 september 2026) Plakken in: Elementor → Site Settings → Custom CSS, onder de bestaande custom CSS. Fix 1 (Over ons), 2 (koppen Sittard/Roermond/agenda) zijn al in de widgets zelf doorgevoerd en staan hier niet meer in. ===================================================================== */ /* Vangnet: lange woorden in koppen afbreken i.p.v. buiten beeld lopen. */ @media (max-width: 767px) { .elementor-heading-title { hyphens: auto; -webkit-hyphens: auto; } } /* 3. Ticketpagina (plugin tekstverslaafd-tickets): kaarten breder dan het scherm op telefoons. De grid-kolom werd 'min-content' (365px bij een viewport van 360px) door de uppercase kop 'TEKSTVERSLAAFD …'. */ .tvt-public .tvt-events { grid-template-columns: minmax(0, 1fr); } .tvt-public .tvt-event-card, .tvt-public .tvt-event-card__body { min-width: 0; } @media (max-width: 480px) { .tvt-public .tvt-event-card { padding: 20px 18px; } .tvt-public .tvt-event-card h3 { font-size: clamp(16px, 5.2vw, 22px); overflow-wrap: anywhere; } } /* 4. Cookie-popup (Elementor popup 543): overlay-laag blokkeert alle klikken. Netter: in de popup-instellingen Style → Overlay uitzetten; dan kan dit blok weg. */ body #elementor-popup-modal-543 { pointer-events: none; } body #elementor-popup-modal-543 .dialog-widget-content { pointer-events: all; } /* 5. Tikdoelen (WCAG 2.5.8, min. 24×24px) - Hamburger in de header is 31×15px. - Sluitknop van het menu-popup is 15×15px. Een onzichtbaar pseudo-element vergroot het tikvlak met 12px rondom, zonder de layout te veranderen. */ .elementor-location-header a.elementor-icon[aria-label="Menu openen"] { position: relative; } .elementor-location-header a.elementor-icon[aria-label="Menu openen"]::after, #elementor-popup-modal-374 .dialog-close-button::after { content: ""; position: absolute; inset: -12px; } /* 6. Contactformulier op telefoons - Velden van 15px zorgen op iOS voor automatisch inzoomen bij focus. - Checkbox van 13px is te klein om te tikken. */ @media (max-width: 767px) { .elementor-widget-form .elementor-field-textual { font-size: 16px; } .elementor-widget-form input[type="checkbox"] { width: 20px; height: 20px; } } /* 7. Over ons: datumchips in de tijdlijn van 11px → 12px (leesbaarheid). Specifieker dan de inline