.elementor-kit-7{--e-global-color-primary:#7846EE;--e-global-color-secondary:#17121F;--e-global-color-text:#17121F;--e-global-color-accent:#3E1B91;--e-global-color-ritbg01:#F3F0EC;--e-global-color-ritpap1:#FFFEFA;--e-global-color-ritmut1:#6E6975;--e-global-color-ritlav1:#D5BEFB;--e-global-color-ritvio1:#B698FC;--e-global-color-ritlin1:#D7D0DC;--e-global-color-ritdrk1:#292232;--e-global-color-ritwht1:#FFFFFF;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:900;background-color:#F3F0EC;color:#17121F;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#17121F;}.elementor-kit-7 a:hover{color:#7846EE;}.elementor-kit-7 h1{color:#17121F;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-kit-7 h2{color:#17121F;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-kit-7 h3{color:#17121F;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-kit-7 h4{color:#17121F;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-kit-7 h5{color:#17121F;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-kit-7 h6{color:#17121F;font-family:"Space Grotesk", Sans-serif;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1230px;}.e-con{--container-max-width:1230px;}.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);}.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;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* RockingIT 2027 — gedeelde stijl (Elementor Site Settings > Custom CSS) Bron: rockingit-purple-redesign/styles.css. Alle klassen hebben prefix rit-. Pagina-specifieke CSS hoort in de Custom CSS van de pagina zelf. */ :root { --rit-bg: #f3f0ec; --rit-paper: #fffefa; --rit-ink: #17121f; --rit-muted: #6e6975; --rit-purple: #7846ee; --rit-purple-deep: #3e1b91; --rit-lav: #d5befb; --rit-violet: #b698fc; --rit-line: #d7d0dc; --rit-dark-card: #292232; --rit-max: 1230px; --rit-font: 'DM Sans', Arial, sans-serif; --rit-display: 'Space Grotesk', Arial, sans-serif; } body { -webkit-font-smoothing: antialiased; } p { line-height: 1.62; } /* Koppen: strak, compact, accentwoord in */ h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title { letter-spacing: -.075em; line-height: .98; } .elementor-heading-title em { font-style: normal; color: var(--rit-purple); } .rit-em-ink .elementor-heading-title em { color: var(--rit-ink); } .rit-em-violet .elementor-heading-title em { color: var(--rit-violet); } .rit-em-tilt .elementor-heading-title em { display: inline-block; transform: rotate(-2deg); } /* Label boven een kop (voorheen "eyebrow"): rustig, broodtekst-letter, zinsletters, geen spatiëring of stip */ .elementor-widget.rit-eyebrow .elementor-heading-title, .elementor-widget.rit-eyebrow p { display: block; margin: 0; font-family: var(--rit-font); font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-transform: none; color: var(--rit-muted); } .elementor-widget.rit-eyebrow .elementor-heading-title::before, .elementor-widget.rit-eyebrow p::before { content: none; display: none; } /* Knoppen: Button-widget + klasse rit-btn en een variant */ .elementor-widget.rit-btn .elementor-button { display: inline-flex; align-items: center; min-height: 52px; padding: 15px 19px; border: 2px solid var(--rit-ink); border-radius: 2px; font-family: var(--rit-font); font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; transition: transform .18s, background .18s, box-shadow .18s; } .elementor-widget.rit-btn .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 28px; width: 100%; } .elementor-widget.rit-btn .elementor-button-content-wrapper::after { content: '↗'; font-size: 20px; line-height: .8; } .elementor-widget.rit-btn--noarrow .elementor-button-content-wrapper::after { content: none; } .elementor-widget.rit-btn .elementor-button:hover, .elementor-widget.rit-btn .elementor-button:focus-visible { transform: translateY(-3px); box-shadow: 5px 5px 0 var(--rit-ink); } .elementor-widget.rit-btn--purple .elementor-button { background: var(--rit-purple); border-color: var(--rit-purple); color: #fff; } .elementor-widget.rit-btn--dark .elementor-button { background: var(--rit-ink); border-color: var(--rit-ink); color: #fff; } .elementor-widget.rit-btn--white .elementor-button { background: var(--rit-paper); border-color: var(--rit-paper); color: var(--rit-ink); } .elementor-widget.rit-btn--outline .elementor-button { background: transparent; border-color: var(--rit-ink); color: var(--rit-ink); } .elementor-widget.rit-btn--outline-light .elementor-button { background: transparent; border-color: #fff; color: #fff; } .elementor-widget.rit-btn--sm .elementor-button { min-height: 45px; padding: 12px 15px; } .elementor-widget.rit-btn--purple .elementor-button:hover, .elementor-widget.rit-btn--dark .elementor-button:hover { color: #fff; } .elementor-widget.rit-btn--white .elementor-button:hover, .elementor-widget.rit-btn--outline .elementor-button:hover { color: var(--rit-ink); } .elementor-widget.rit-btn--white .elementor-button:hover, .elementor-widget.rit-btn--outline-light .elementor-button:hover { box-shadow: 5px 5px 0 var(--rit-ink); } /* Secties en panelen (op containers) */ .rit-section { padding-top: 105px; padding-bottom: 105px; } .rit-panel-dark { background-color: var(--rit-ink); color: #fff; } .rit-panel-dark .elementor-heading-title, .rit-panel-dark .elementor-widget-text-editor { color: #fff; } .rit-panel-dark .elementor-widget.rit-eyebrow .elementor-heading-title { color: #c9b5f3; } .rit-panel-dark .rit-muted, .rit-panel-dark .rit-muted p { color: #b6aec3; } .rit-panel-purple { background-color: var(--rit-purple); color: #fff; } .rit-panel-purple .elementor-heading-title, .rit-panel-purple .elementor-widget-text-editor { color: #fff; } .rit-panel-purple .elementor-widget.rit-eyebrow .elementor-heading-title { color: #fff; } .rit-panel-purple .elementor-heading-title em { color: var(--rit-ink); } .rit-muted, .rit-muted p { color: var(--rit-muted); } .rit-lead p { font-size: 18px; color: #58515e; } @media (max-width: 767px) { .rit-section { padding-top: 74px; padding-bottom: 74px; } .rit-lead p { font-size: 16px; } } @media (max-width: 390px) { .elementor-widget.rit-btn .elementor-button { white-space: normal; } } @media (prefers-reduced-motion: reduce) { .elementor-widget.rit-btn .elementor-button { transition: none; } .elementor-widget.rit-btn .elementor-button:hover { transform: none; } } /* Hallmark audit (26a): zichtbare focusring, minimaal 3:1 tegen de achtergrond */ html body :is(a, button, input, select, textarea, summary, iframe, [tabindex]):focus-visible { outline: 3px solid var(--rit-ink); outline-offset: 3px; } html body :is(.rit-panel-dark, .rit-footer, .rit-ess-steps-section, .rit-ess-package--featured) :is(a, button, input, select, textarea, summary, iframe, [tabindex]):focus-visible { outline-color: #fff; } html body iframe:focus { outline: 3px solid var(--rit-ink); outline-offset: 3px; } /* Bliksem (uit het RockingIT-logo): vervangt de sterretjes als scheidingsteken. Kleurt mee met de tekst. */ .rit-bolt { display: inline-block; box-sizing: content-box; width: .5em; height: .82em; vertical-align: -.06em; background-color: currentColor; background-clip: content-box; -webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; -webkit-mask-origin: content-box; mask-origin: content-box; -webkit-mask-clip: content-box; mask-clip: content-box; } /* WCAG 2.4.11 (2.2): focus en ankers niet onder de sticky header */ html { scroll-padding-top: 110px; }/* End custom CSS */