/* Theme Name: Vores IT Child Theme Theme URI: https://divicake.com/ Description: Child Theme Template Version: 1.56 Author: Vores IT Author URI: https://www.vores-it.dk Template: Divi */ /* * /overblik/ (post-1482): Juster første produkt-række så logoer og h5-titler står på linje. * - Ens billedområde pr. kolonne (så forskellige logo-dimensioner ikke skubber teksten forskelligt) * - Ens heading-højde på desktop for de tre bokse i rækken */ body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row { display: flex; align-items: stretch; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row { display: flex; align-items: stretch; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row { display: flex; align-items: stretch; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column { display: flex; flex-direction: column; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column { display: flex; flex-direction: column; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row > .et_pb_column { display: flex; flex-direction: column; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column .et_pb_image.et_pb_module { height: 260px; display: flex; align-items: center; justify-content: center; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_image.et_pb_module { height: 260px; display: flex; align-items: center; justify-content: center; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column .et_pb_image .et_pb_image_wrap, body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column .et_pb_image .et_pb_image_wrap img { width: auto; max-width: 100%; max-height: 256px; height: auto; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_image .et_pb_image_wrap, body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_image .et_pb_image_wrap img { width: auto; max-width: 100%; max-height: 256px; height: auto; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module { min-height: 72px; display: flex; align-items: flex-start; justify-content: center; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module { min-height: 72px; display: flex; align-items: flex-start; justify-content: center; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column .et_pb_heading .et_pb_module_heading { width: 100%; margin-bottom: 0; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_heading .et_pb_module_heading { width: 100%; margin-bottom: 0; } /* Row 5 + 6: hold anden tekstlinje (h6) i samme hoejde og skub CTA ned i bunden */ body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module:nth-of-type(3), body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module:nth-of-type(3) { min-height: 112px; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_button_module_wrapper, body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row > .et_pb_column .et_pb_button_module_wrapper { margin-top: auto; } /* /overblik/: EVAC-kort indsættes i række .et_pb_row_6 som ekstra produkt-kolonne */ @media (min-width: 981px) { body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row > .et_pb_column { width: 25% !important; margin-right: 0 !important; } } @media (max-width: 980px) { body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row { display: block; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row { display: block; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row { display: block; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column .et_pb_image.et_pb_module { height: auto; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_image.et_pb_module { height: auto; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_4.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module { min-height: 0; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module { min-height: 0; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module:nth-of-type(3), body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row > .et_pb_column .et_pb_heading.et_pb_module:nth-of-type(3) { min-height: 0; } body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_5.et_pb_row > .et_pb_column .et_pb_button_module_wrapper, body.et_divi_theme #main-content article#post-1482 .et_pb_section_0.et_section_regular .et_pb_row_6.et_pb_row > .et_pb_column .et_pb_button_module_wrapper { margin-top: 0; } } /* * `/evac-beredskabsmail/` / post-1700: al layout-CSS leveres fra `functions.php` * (`vores_it_evac_divi_footer_css`), så den følger med deploy — ikke kun bundet design.css / style-cache. */ /* --- /opstart/ landing (reference: lys baggrund + hvidt hero-kort m. EU-badge) --- */ /* * Viktigt: body får ikke klassen page-slug-opstart fra WordPress/Divi — derfor scope via * #main-content .et_pb_section.opstart-page (module_class i WXR-export) og :has(...). */ /* * Ét fælles stack på /opstart/: samme indholdsbredde for alle `.et_pb_row` (minder om browser-/Divi-forskelle). */ #main-content article .entry-content .et_pb_section.opstart-page, #main-content .et_pb_section.opstart-page { --vi-opstart-stack-max: 850px; /* Mobil: samme vandrette indryk som Divi typisk bruger på hero‑rækken ( Matcher ~35 px ved ~700 px spor ). */ --vi-opstart-mobile-row-gutter: clamp(18px, 5.2vw, 36px); } /* * 100 % af indholdssporet + max‑bredde → samme målte kant på tværs af rækker (undgår 90 %+ Divi‑!important uens). */ #main-content article .entry-content .et_pb_section.opstart-page > .et_pb_row, #main-content .et_pb_section.opstart-page > .et_pb_row { width: 100% !important; max-width: var(--vi-opstart-stack-max) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; clear: none !important; } #main-content article .entry-content .et_pb_section.opstart-page > .et_pb_row > .et_pb_column, #main-content .et_pb_section.opstart-page > .et_pb_row > .et_pb_column { box-sizing: border-box !important; padding-left: 0 !important; padding-right: 0 !important; } /* * Højere lag end Divis static‑CSS pr. `#et_pb_snippet_*`/`%%order_class%%` for rækkernes bredde på /opstart/. */ body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row { width: 100% !important; max-width: var(--vi-opstart-stack-max) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; float: none !important; position: relative !important; left: auto !important; transform: none !important; } #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row > .et_pb_column.et_pb_column_4_4, #main-content article .entry-content .et_pb_section.opstart-page > .et_pb_row > .et_pb_column.et_pb_column_4_4 { width: 100% !important; max-width: 100% !important; } /* Pakke‑rækken: kan få anderledes mål fra Divi static pr. `.et_pb_row_2`; tving samme 850‑spor som hero/platform */ body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row { width: 100% !important; max-width: var(--vi-opstart-stack-max) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; float: none !important; transform: none !important; left: auto !important; clear: none !important; } body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row > .et_pb_column, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row > .et_pb_column, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row > .et_pb_column, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row > .et_pb_column, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row > .et_pb_column, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row > .et_pb_column, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row > .et_pb_column, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row > .et_pb_column, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row > .et_pb_column { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-package-row .vi-opstart-pack-all.et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-package-row .vi-opstart-pack-all.et_pb_text.et_pb_module, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-row .vi-opstart-addons-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-addons-row .vi-opstart-addons-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-row .vi-opstart-env-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-env-row .vi-opstart-env-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page #kontakt.et_pb_row .vi-opstart-contact-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page #kontakt.et_pb_row .vi-opstart-contact-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-row .vi-opstart-contact-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-contact-row .vi-opstart-contact-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-row .vi-opstart-steps-card.et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-steps-row .vi-opstart-steps-card.et_pb_text.et_pb_module { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; clear: none !important; box-sizing: border-box !important; } @media (max-width: 767px) { /* * Pakke‑rækken: base‑reglen sætter padding 0 (desktop‑align med hero‑spor). * På mobil genskab samme spor som øvrige .opstart‑rækker ( hero/platform ~35 px kant ). */ #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row, #main-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-package-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-addons-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-env-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #kontakt.et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-steps-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-sla-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-faq-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-contact-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, #main-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row, #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row { padding-left: var(--vi-opstart-mobile-row-gutter) !important; padding-right: var(--vi-opstart-mobile-row-gutter) !important; } } /* * Priser‑ræk (#priser / vi‑opstart‑prisers‑row): samme 850‑spor og kolonner som vi‑opstart‑package‑row. */ body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row { width: 100% !important; max-width: var(--vi-opstart-stack-max) !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; float: none !important; transform: none !important; left: auto !important; clear: none !important; } /* * IKKE sæt `width: 100%` på alle kolon her — `.et_pb_column_1_2` skal forblive ~50%/float som Divi; * ellers bliver begge pris‑kort lige brede som hele raden (~850 px). */ body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2 { padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; min-width: 0 !important; } /* * Divi `@media (max-width:980px)` sætter alle `.et_pb_column` til 100 % bredde → pris‑kolonner stables * (andet kort ~230 px lavere, begge ~850 px brede). Flex‑ræk genskaber tospor 768–980 px. */ @media (min-width: 768px) and (max-width: 980px) { body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: clamp(16px, 3vw, 24px) !important; box-sizing: border-box !important; } body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2 { width: auto !important; flex: 1 1 0 !important; max-width: none !important; margin-right: 0 !important; margin-bottom: 0 !important; float: none !important; clear: none !important; } } @media (max-width: 767px) { body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > #priser.et_pb_row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2 { width: 100% !important; max-width: 100% !important; } } body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, body.et_divi_theme #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; clear: none !important; box-sizing: border-box !important; } /* * Pris‑kort (#priser): tydelig “kort”-ramme + grøn top‑accent (slår bedre end subtil gradient alene når Divi sætter inline styles). */ #main-content article .entry-content .et_pb_section.opstart-page #priser .vi-opstart-price-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card.et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-prisers-row .vi-opstart-price-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row .vi-opstart-price-card.et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-priser-row .vi-opstart-price-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row .vi-opstart-price-card.et_pb_text.et_pb_module { background: linear-gradient(180deg, #eaf6ef 0%, #fbfffd 38%, #ffffff 100%) !important; background-color: #ffffff !important; border-radius: 16px !important; border: 1px solid #9ec4b0 !important; box-shadow: 0 4px 22px rgba(23, 79, 51, 0.12), 0 2px 12px rgba(15, 23, 42, 0.05) !important; padding: clamp(22px, 4vw, 34px) clamp(20px, 3.5vw, 30px) !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; float: none !important; position: relative !important; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important; } #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module { border-top: 4px solid #1f6b45 !important; } #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module { border-top: 4px solid #569b72 !important; background: linear-gradient(180deg, #f2faf5 0%, #ffffff 45%, #ffffff 100%) !important; background-color: #ffffff !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card.et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card.et_pb_text.et_pb_module:focus-within, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module:focus-within, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row .vi-opstart-price-card.et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row .vi-opstart-price-card.et_pb_text.et_pb_module:focus-within, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row .vi-opstart-price-card.et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row .vi-opstart-price-card.et_pb_text.et_pb_module:focus-within { transform: translateY(-3px) !important; border-color: #1f6b45 !important; box-shadow: 0 14px 40px rgba(23, 79, 51, 0.18), 0 6px 20px rgba(15, 23, 42, 0.06) !important; } @media (prefers-reduced-motion: reduce) { #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row .vi-opstart-price-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row .vi-opstart-price-card.et_pb_text.et_pb_module { transition: none !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card.et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card.et_pb_text.et_pb_module:focus-within, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module:focus-within, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row .vi-opstart-price-card.et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row .vi-opstart-price-card.et_pb_text.et_pb_module:focus-within, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row .vi-opstart-price-card.et_pb_text.et_pb_module:hover, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row .vi-opstart-price-card.et_pb_text.et_pb_module:focus-within { transform: none !important; } } #main-content article .entry-content .et_pb_section.opstart-page #priser .vi-opstart-price-card .et_pb_text_inner, #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card .et_pb_text_inner, #main-content article .entry-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text .et_pb_text_inner, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text .et_pb_text_inner { border-radius: 0 !important; overflow: visible !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card .et_pb_text_inner, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text .et_pb_text_inner { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; text-align: left !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card h3, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 .et_pb_text h3 { font-size: clamp(0.97rem, 2vw, 1.06rem) !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; color: #071a12 !important; margin: 0 0 12px !important; padding: 0 !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card .et_pb_text_inner > p, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 .et_pb_text .et_pb_text_inner > p { margin: 0 0 8px !important; padding: 0 !important; font-size: 0.94rem !important; line-height: 1.5 !important; color: #1e3328 !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card .et_pb_text_inner > p:last-child, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 .et_pb_text .et_pb_text_inner > p:last-child { margin-bottom: 0 !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card .et_pb_text_inner p strong, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 .et_pb_text .et_pb_text_inner p strong { display: inline-block !important; font-weight: 800 !important; font-size: clamp(2rem, 6vw, 2.375rem) !important; line-height: 1.06 !important; letter-spacing: -0.02em !important; color: #071a12 !important; } #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:first-child .et_pb_text_inner p strong, #main-content .et_pb_section.opstart-page .vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child .et_pb_text_inner p strong, #main-content .et_pb_section.opstart-page .vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child .et_pb_text_inner p strong { color: #0d3d28 !important; } /* Beløbslinje uden `` (ældre Divi‑indhold) */ #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 .et_pb_text .et_pb_text_inner > h3 + p:not(:has(strong)):not(:has(small)) { font-weight: 800 !important; font-size: clamp(2rem, 6vw, 2.375rem) !important; line-height: 1.06 !important; letter-spacing: -0.02em !important; color: #071a12 !important; } #main-content .et_pb_section.opstart-page #priser .vi-opstart-price-card .et_pb_text_inner p small, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 .et_pb_text .et_pb_text_inner p small { font-size: 0.8125rem !important; font-weight: 500 !important; color: #3d524a !important; } @media (min-width: 768px) { #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module { margin-right: 10px !important; } #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module { margin-left: 10px !important; } } @media (max-width: 767px) { #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module { margin-bottom: 14px !important; } #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:first-child > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2:last-child > .et_pb_text.et_pb_module { margin-left: 0 !important; margin-right: 0 !important; } #main-content .et_pb_section.opstart-page #priser.et_pb_row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-prisers-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_row.vi-opstart-priser-row > .et_pb_column.et_pb_column_1_2 > .et_pb_text.et_pb_module { padding: clamp(20px, 5vw, 28px) clamp(18px, 4vw, 24px) !important; } } /* * .opstart-page: liste-/hero-ikoner 18×18 desktop, 16×16 ved ≤760px (.vi-icon; EU-badge bruger ikke .vi-icon). * EU-badge (`.vi-eu-badge`) i hero: 36×36 / 32×32 — også i `functions.php` inline for at slå caches. */ #main-content .et_pb_section.opstart-page img.vi-icon:not(.vi-eu-badge), #main-content:has(.vi-opstart-hero) img.vi-icon:not(.vi-eu-badge) { width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; min-width: 18px !important; box-sizing: content-box !important; object-fit: contain !important; display: inline-block !important; vertical-align: middle !important; flex-shrink: 0 !important; margin: 0 10px 0 0 !important; } /* EU-badge i hero: dobbelt størrelse (36×36 / 32×32). */ #main-content .et_pb_section.opstart-page img.vi-eu-badge, #main-content:has(.vi-opstart-hero) img.vi-eu-badge { width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; min-width: 36px !important; margin: 0 12px 0 0 !important; object-fit: contain !important; display: inline-block !important; vertical-align: middle !important; flex-shrink: 0 !important; box-sizing: content-box !important; } /* Ikoner først i punktlister: afstand styres med flex‑gap (ikke dobbelt margin). */ #main-content .et_pb_section.opstart-page .et_pb_text ul li > img.vi-icon:first-child { margin: 0.2em 0 0 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text ul:has( li > img.vi-icon ) { list-style: none !important; padding-left: 0 !important; margin: 12px 0 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text ul:has( li > img.vi-icon ) li { display: flex !important; align-items: flex-start !important; gap: 12px !important; line-height: 1.5 !important; letter-spacing: 0.015em !important; margin: 0 0 10px !important; padding: 3px 0 !important; } /* Pakkekort (+ indholdsgrid): ydre boks matcher hero‑kæden; liste 4×2 på bred skærm, én kolonne på mobil */ /* samme kortskal: pakke / tilkøb / EU / kontakt‑CTA / trin (`vi-opstart-contact-card`, `vi-opstart-steps-card`) */ #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-pack-all.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-pack-all.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-addons-card.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-env-card.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-contact-card.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-steps-card.et_pb_module { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #d8e4dc !important; box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.07), 0 24px 48px rgba(15, 23, 42, 0.05) !important; padding: clamp(22px, 4.2vw, 38px) clamp(20px, 3.8vw, 32px) !important; background-color: #ffffff !important; background-clip: padding-box !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-pack-all .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-pack-all .et_pb_text_inner, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-addons-card .et_pb_text_inner, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner { border-radius: 0 !important; overflow: visible !important; background-color: transparent !important; background-image: none !important; } @media (max-width: 767px) { #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-pack-all.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-pack-all.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-addons-card.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-env-card.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-contact-card.et_pb_module, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-steps-card.et_pb_module { padding: clamp(18px, 5.2vw, 28px) clamp(16px, 4.5vw, 22px) !important; } } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-pack-all ul, #main-content .et_pb_section.opstart-page .vi-opstart-pack-all ul { list-style: none !important; padding-left: 0 !important; margin: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-auto-flow: row !important; row-gap: 12px !important; column-gap: 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-pack-all ul li, #main-content .et_pb_section.opstart-page .vi-opstart-pack-all ul li { display: flex !important; align-items: flex-start !important; gap: 12px !important; line-height: 1.5 !important; letter-spacing: 0.015em !important; margin: 0 !important; padding: 3px 0 !important; } @media (min-width: 768px) { /* * To kolonner à fire punkter: DOM‑liste 1–4 venstre, 5–8 højre (`grid-auto-flow: column`). */ #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-pack-all ul, #main-content .et_pb_section.opstart-page .vi-opstart-pack-all ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(4, auto) !important; grid-auto-flow: column !important; column-gap: clamp(28px, 6vw, 48px) !important; row-gap: 14px !important; } } /* Tilkøbsmuligheder: ét liste‑spor + fodnote (reference‑layout) */ #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card ul, #main-content .et_pb_section.opstart-page .vi-opstart-addons-card ul, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-addons-card ul { list-style: none !important; padding-left: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 14px !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card ul li, #main-content .et_pb_section.opstart-page .vi-opstart-addons-card ul li, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-addons-card ul li { display: flex !important; align-items: flex-start !important; gap: 12px !important; line-height: 1.5 !important; letter-spacing: 0.015em !important; margin: 0 !important; padding: 3px 0 !important; color: #1e3328 !important; font-size: 0.94rem !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card ul li strong, #main-content .et_pb_section.opstart-page .vi-opstart-addons-card ul li strong, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-addons-card ul li strong { font-weight: 700 !important; color: #071a12 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card ul + p, #main-content .et_pb_section.opstart-page .vi-opstart-addons-card ul + p, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-addons-card ul + p { margin: clamp(22px, 4vw, 30px) 0 0 !important; padding: 0 !important; font-size: 0.8125rem !important; font-weight: 500 !important; line-height: 1.5 !important; color: #3d524a !important; } /* Europæisk / miljø: brødtekst + links i hvidt kort */ #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner > p, #main-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner > p { margin: 0 0 14px !important; padding: 0 !important; font-size: 0.94rem !important; line-height: 1.55 !important; color: #1e3328 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner > p:last-child, #main-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner > p:last-child { margin-bottom: 0 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner p strong, #main-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner p strong { font-weight: 700 !important; color: #071a12 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner a, #main-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner a { color: #1f6b45 !important; font-weight: 600 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner a:hover, #main-content .et_pb_section.opstart-page .vi-opstart-env-card .et_pb_text_inner a:hover { color: #174f33 !important; } /* Klar til opstart (#kontakt): brødtekst + mail‑knap + disclaimer */ #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner > p, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner > p, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > p, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > p { margin: 0 0 14px !important; padding: 0 !important; font-size: 0.94rem !important; line-height: 1.55 !important; color: #1e3328 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner > p:last-child, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner > p:last-child, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > p:last-child, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > p:last-child { margin-bottom: 0 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner p strong, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner p strong, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner p strong, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner p strong, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner ol strong, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner ol strong { font-weight: 700 !important; color: #071a12 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > ol, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > ol { margin: 0 0 14px !important; padding-left: 1.35em !important; font-size: 0.94rem !important; line-height: 1.55 !important; color: #1e3328 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > ol:last-child, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner > ol:last-child { margin-bottom: 0 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner ol li, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner ol li { margin: 0 0 10px !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner ol li:last-child, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner ol li:last-child { margin-bottom: 0 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .vi-contact-mail-wrap, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .vi-contact-mail-wrap { margin: 4px 0 18px !important; padding: 0 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .vi-contact-mail-btn, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .vi-contact-mail-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; padding: 12px 22px !important; border-radius: 16px !important; border: none !important; font-size: 0.97rem !important; font-weight: 700 !important; line-height: 1.2 !important; color: #ffffff !important; background-color: #1f6b45 !important; text-decoration: none !important; text-underline-offset: unset !important; box-shadow: 0 2px 10px rgba(31, 107, 69, 0.25), 0 8px 20px rgba(15, 23, 42, 0.06) !important; transition: background-color 0.15s ease, box-shadow 0.15s ease !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .vi-contact-mail-btn:hover, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .vi-contact-mail-btn:hover { color: #ffffff !important; background-color: #174f33 !important; box-shadow: 0 3px 12px rgba(23, 79, 51, 0.35), 0 10px 26px rgba(15, 23, 42, 0.08) !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner p small, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card .et_pb_text_inner p small, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner p small, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card .et_pb_text_inner p small { font-size: 0.8125rem !important; font-weight: 500 !important; line-height: 1.45 !important; color: #3d524a !important; } @media (max-width: 760px) { #main-content .et_pb_section.opstart-page img.vi-icon:not(.vi-eu-badge), #main-content:has(.vi-opstart-hero) img.vi-icon:not(.vi-eu-badge) { width: 16px !important; height: 16px !important; max-width: 16px !important; max-height: 16px !important; min-width: 16px !important; margin: 0 8px 0 0 !important; } #main-content .et_pb_section.opstart-page img.vi-eu-badge, #main-content:has(.vi-opstart-hero) img.vi-eu-badge { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; min-width: 32px !important; margin: 0 10px 0 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text ul li > img.vi-icon:first-child { margin-top: 0.15em !important; margin-right: 0 !important; } } /* EU-badge: — ikke `vi-icon` (undgår globale ikon‑regler); størrelse sættes ovenfor + inline på opstart. */ #main-content .et_pb_section.opstart-page .vi-eu-badge { vertical-align: middle; flex-shrink: 0; } #main-content .et_pb_section.opstart-page .vi-eu-badge svg { display: block; width: 22px; height: 22px; } @media (max-width: 767px) { #main-content .et_pb_section.opstart-page .vi-eu-badge svg { width: 20px; height: 20px; } } /* Hero: EU-badge + label (matcher reference-layout) */ #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-hero .et_pb_text_inner > p:first-child strong, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-hero > .et_pb_text_inner > p:first-child strong { display: inline-flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; font-weight: 700; line-height: 1.35; color: #000000 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-hero.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-hero.et_pb_text.et_pb_module { padding: clamp(24px, 4vw, 32px) !important; box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04), 0 10px 30px rgba(15, 23, 42, 0.07), 0 24px 48px rgba(15, 23, 42, 0.05) !important; border-style: none !important; border-width: 0 !important; border-radius: 16px !important; } #main-content .et_pb_section.opstart-page .vi-opstart-hero h1 { margin: 14px 0 16px !important; line-height: 1.14 !important; font-size: clamp(1.75rem, 4.5vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; color: #000000 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner > h1, #main-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner > h1 { font-size: clamp(1.75rem, 4.5vw, 2.5rem) !important; color: #000000 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner > p:not(:first-child), #main-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner > p:not(:first-child) { margin-bottom: 0 !important; line-height: 1.65 !important; letter-spacing: 0.012em !important; font-size: clamp(17px, 2vw, 19px) !important; font-weight: 400 !important; color: #000000 !important; max-width: 68ch !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-hero.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .vi-opstart-hero.et_pb_text.et_pb_module { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-hero h1, #main-content .et_pb_section.opstart-page .vi-opstart-hero h1 { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; } @media (min-width: 768px) { #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner > h1, #main-content .et_pb_section.opstart-page .vi-opstart-hero .et_pb_text_inner > h1, #main-content .et_pb_section.opstart-page .vi-opstart-hero h1 { font-size: 40px !important; line-height: 1.12 !important; } } /* Mobil: kompakter hero-padding */ @media (max-width: 767px) { #main-content .et_pb_section.opstart-page > .et_pb_row:first-child .vi-opstart-hero.et_pb_text, #main-content .et_pb_section.opstart-page .et_pb_row_0 .vi-opstart-hero.et_pb_text, #main-content article .entry-content .et_pb_section.opstart-page > .et_pb_row:first-child .vi-opstart-hero.et_pb_text { padding: clamp(20px, 5vw, 28px) !important; border-radius: 16px !important; } #main-content .et_pb_section.opstart-page .vi-opstart-hero h1 { margin-top: 10px !important; margin-bottom: 12px !important; } #main-content .et_pb_section.opstart-page > .et_pb_row:first-child, #main-content .et_pb_section.opstart-page .et_pb_row_0 { padding-bottom: 4px !important; margin-bottom: 0 !important; } } /* * CTA: CSS Grid (+ footer-inline i functions.php: grid + som hero 16px knap‑radius vs. Divi static). * Bredde: `min(100%,850px)` + `margin: auto` + `align-self: center` (Divi-/flex spor kan give ~942 px med kun `width:100%`). * To kolonner fra 601px; ≤600px stablet mobil ( Matcher vores-it-opstart-cta-grid-footer ). */ #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row, #main-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row_inner, #main-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row_inner, body.et_divi_theme #page-container #et-boc #et-main-area #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .vi-opstart-cta-row.et_pb_row, body.et_divi_theme #page-container #et-boc #et-main-area #main-content .et_pb_section.opstart-page.et_section_regular > .vi-opstart-cta-row.et_pb_row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; align-items: stretch !important; justify-items: stretch !important; box-sizing: border-box !important; /* Matcher hero-/platform‑sporet (≈850px midtstill); `width:100%` alene udvider nogle steder til hele spor (942px). */ width: min(100%, 850px) !important; max-width: 850px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; flex: none !important; align-self: center !important; float: none !important; clear: both !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 6px !important; padding-bottom: 12px !important; } #main-content .et_pb_section.opstart-page .vi-opstart-lead-stack .vi-opstart-cta-row.et_pb_row_inner, #main-content .et_pb_section.opstart-page .vi-opstart-cta-row.vi-opstart-lead-stack.et_pb_row { padding-top: 10px !important; padding-bottom: 0 !important; } #main-content .et_pb_section.opstart-page .vi-opstart-lead-stack > .et_pb_column.et_pb_column_4_4 .vi-opstart-cta-row.et_pb_row_inner, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-lead-stack > .et_pb_column.et_pb_column_4_4 .vi-opstart-cta-row.et_pb_row_inner { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column_inner, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column_inner { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; min-width: 0 !important; } @media (min-width: 601px) { body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row_inner, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row_inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 12px !important; row-gap: 12px !important; gap: 12px !important; } body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-cta-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content article .entry-content .vi-opstart-cta-row > .et_pb_column.et_pb_column_1_2, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column_1_2.et_pb_column_inner, body.et_divi_theme #main-content article .entry-content .vi-opstart-cta-row .et_pb_column_1_2.et_pb_column_inner { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-bottom: 0 !important; float: none !important; grid-column: auto !important; } } @media (max-width: 600px) { body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row, body.et_divi_theme #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row_inner, body.et_divi_theme #main-content .et_pb_section.opstart-page .vi-opstart-cta-row.et_pb_row_inner { grid-template-columns: minmax(0, 1fr) !important; column-gap: 0 !important; row-gap: 14px !important; gap: 14px 0 !important; } } /* Fælles for knapkolonner (uden bredde — den styres i min-/max-width-blokke ovenfor). */ #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column.et_pb_column_1_2, #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column_1_2, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column_1_2 { float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_button_module_wrapper, #main-content article .entry-content .vi-opstart-cta-row .et_pb_button_module_wrapper { width: 100% !important; max-width: 100% !important; flex: 1 0 auto !important; float: none !important; display: block !important; margin: 0 !important; box-sizing: border-box !important; text-align: left !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_button, #main-content article .entry-content .vi-opstart-cta-row .et_pb_button { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* Divi sætter ofte knap som inline-block — dom: a.et_pb_button.et_pb_button_0 */ #main-content .et_pb_section.opstart-page .vi-opstart-cta-row a.et_pb_button, #main-content article .entry-content .vi-opstart-cta-row a.et_pb_button, #main-content article .entry-content .vi-opstart-cta-row a.et_pb_button.et_pb_button_0 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: block !important; box-sizing: border-box !important; border-radius: 16px !important; line-height: 1.35 !important; text-align: center !important; padding-top: 14px !important; padding-bottom: 14px !important; padding-left: 18px !important; padding-right: 18px !important; font-weight: 700 !important; border-style: solid !important; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important; /* Udligner højde når den ene knap har 1px kant og den anden ikke. */ min-height: 56px !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row a.et_pb_button:before, #main-content .et_pb_section.opstart-page .vi-opstart-cta-row a.et_pb_button:after, #main-content article .entry-content .vi-opstart-cta-row a.et_pb_button:before, #main-content article .entry-content .vi-opstart-cta-row a.et_pb_button:after { border-radius: inherit !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button { background-color: #1f6b45 !important; background-image: none !important; color: #ffffff !important; border-width: 0 !important; border-color: transparent !important; box-shadow: 0 2px 10px rgba(31, 107, 69, 0.25); } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button .et_pb_button_text, #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button .et_pb_button_text, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button { color: #ffffff !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button:hover, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:first-child a.et_pb_button:hover { background-color: #165236 !important; color: #ffffff !important; box-shadow: 0 2px 14px rgba(22, 82, 54, 0.35); } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button { background-color: #ffffff !important; background-image: none !important; color: #1f6b45 !important; border-width: 1px !important; border-style: solid !important; border-color: #d8e4dc !important; box-shadow: 0 1px 4px rgba(26, 55, 40, 0.06); } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button .et_pb_button_text, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button .et_pb_button_text { color: #1f6b45 !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button:hover, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button:hover { background-color: #f7fbf8 !important; border-color: #b9cfc4 !important; color: #134030 !important; } #main-content .et_pb_section.opstart-page .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button:hover .et_pb_button_text, #main-content article .entry-content .vi-opstart-cta-row .et_pb_column:nth-child(2) a.et_pb_button:hover .et_pb_button_text { color: #134030 !important; } /* * Platform & datasikkerhed: samme kortmål som hero (padding, 16px radius, dybde) — grøn baggrund. * Rækken følger samme 850px-stack som øvrige .opstart-page > .et_pb_row. */ /* Række lige under CTA: fjern ekstra spor-margin/padding før platform‑kortet */ #main-content article .entry-content .et_pb_section.opstart-page > .vi-opstart-cta-row.et_pb_row + .vi-opstart-lead-stack.et_pb_row, #main-content .et_pb_section.opstart-page > .vi-opstart-cta-row.et_pb_row + .vi-opstart-lead-stack.et_pb_row { margin-top: 0 !important; padding-top: 0 !important; } /* Platform‑ræk → pakkekort: ingen ekstra spor‑luft (Divi‑rækker bruger typisk lodret mellemrum). */ #main-content article .entry-content .et_pb_section.opstart-page > .vi-opstart-lead-stack.et_pb_row:not(.vi-opstart-cta-row):not(.vi-opstart-hero-row) + .vi-opstart-package-row.et_pb_row, #main-content .et_pb_section.opstart-page > .vi-opstart-lead-stack.et_pb_row:not(.vi-opstart-cta-row):not(.vi-opstart-hero-row) + .vi-opstart-package-row.et_pb_row, body.et_divi_theme #page-container #et-boc #et-main-area #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .vi-opstart-lead-stack.et_pb_row:not(.vi-opstart-cta-row):not(.vi-opstart-hero-row) + .vi-opstart-package-row.et_pb_row, body.et_divi_theme #page-container #et-boc #et-main-area #main-content .et_pb_section.opstart-page.et_section_regular > .vi-opstart-lead-stack.et_pb_row:not(.vi-opstart-cta-row):not(.vi-opstart-hero-row) + .vi-opstart-package-row.et_pb_row { margin-top: 0 !important; padding-top: 0 !important; } /* Ældre layout: egen .vi-opstart-platform-row (bevaret hvis kun DB-indhold bruger den) */ #main-content article .entry-content .et_pb_section.opstart-page > .vi-opstart-platform-row.et_pb_row, #main-content .et_pb_section.opstart-page > .vi-opstart-platform-row.et_pb_row { padding-left: 0 !important; padding-right: 0 !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-platform-wxr.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr.et_pb_module { /* Overrides Divi `custom_margin`; bund holdes lav ift. pakkekort‑rækken */ margin-top: 8px !important; margin-bottom: 8px !important; background-color: #14472f !important; background-image: none !important; /* Samme lagdeling som .vi-opstart-hero; grønt tonet så det læses på mørk flade */ box-shadow: 0 2px 12px rgba(8, 28, 18, 0.35), 0 10px 30px rgba(5, 35, 22, 0.28), 0 24px 48px rgba(4, 40, 24, 0.22) !important; border-radius: 16px !important; border-style: none !important; border-width: 0 !important; /* Mere luft mod kanten end hero‑kort — indhold må ikke klemmes på mørk flade */ padding: clamp(28px, 5.5vw, 44px) clamp(26px, 4.5vw, 40px) !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; background-clip: padding-box !important; } @media (max-width: 767px) { /* * CTA + platform‑ræk: skal ligge EFTER baseline cta‑`padding:0` i filen, ellers forbliver den fuldbløde på mobil. */ body.et_divi_theme #page-container #et-boc #et-main-area #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-cta-row.et_pb_row, body.et_divi_theme #page-container #et-boc #et-main-area #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-cta-row.et_pb_row, body.et_divi_theme #page-container #et-boc #et-main-area #main-content article .entry-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-lead-stack.et_pb_row:not(.vi-opstart-cta-row):not(.vi-opstart-hero-row), body.et_divi_theme #page-container #et-boc #et-main-area #main-content .et_pb_section.opstart-page.et_section_regular > .et_pb_row.vi-opstart-lead-stack.et_pb_row:not(.vi-opstart-cta-row):not(.vi-opstart-hero-row) { box-sizing: border-box !important; padding-left: var(--vi-opstart-mobile-row-gutter) !important; padding-right: var(--vi-opstart-mobile-row-gutter) !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-platform-wxr.et_pb_text.et_pb_module, #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr.et_pb_module { padding: clamp(22px, 6vw, 34px) clamp(18px, 5vw, 28px) !important; border-radius: 16px !important; } #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-platform-wxr .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-platform-wxr .et_pb_text_inner { border-radius: 0 !important; } } /* Indre lag: ingen radius — ellers klipper overflow+buet hjørne overskriftens venstre side (fx «P»). Ydre modul tegner kortet. */ #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-platform-wxr .et_pb_text_inner, #main-content .et_pb_section.opstart-page .vi-opstart-platform-wxr .et_pb_text_inner { border-radius: 0 !important; overflow: visible !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr h2 { color: #f1fbf5 !important; font-size: clamp(1.18rem, 2.6vw, 1.35rem) !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; margin: 0 0 20px !important; padding: 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr .et_pb_text_inner { color: #f1fbf5 !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr ul li { display: flex !important; align-items: flex-start !important; gap: 12px !important; line-height: 1.55 !important; letter-spacing: 0.02em !important; margin: 0 0 12px !important; padding: 4px 0 !important; color: #f1fbf5 !important; font-size: clamp(0.95rem, 1.6vw, 1.05rem) !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr ul li > img.vi-icon:first-child { margin: 0.22em 0 0 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-platform-wxr ul li:last-child { margin-bottom: 0 !important; } #main-content .et_pb_section.opstart-page .et_pb_text.vi-opstart-pack-all h2, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-addons-card h2, #main-content .et_pb_section.opstart-page .vi-opstart-addons-card h2, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-env-card h2, #main-content .et_pb_section.opstart-page .vi-opstart-env-card h2, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-contact-card h2, #main-content .et_pb_section.opstart-page .vi-opstart-contact-card h2, #main-content article .entry-content .et_pb_section.opstart-page .vi-opstart-steps-card h2, #main-content .et_pb_section.opstart-page .vi-opstart-steps-card h2 { font-size: clamp(1.1rem, 2.3vw, 1.28rem) !important; font-weight: 800 !important; letter-spacing: -0.01em !important; margin: 0 0 18px !important; padding: 0 0 14px !important; line-height: 1.3 !important; color: #071a12 !important; border-bottom: 1px solid #d8e4dc !important; } /* * Ydre sektion: lyse grå/grøn (#f4f7f4) — matcher hero-reference. */ #main-content .et_pb_section.opstart-page.et_section_regular { background-image: none !important; background-color: #f4f7f4 !important; padding-top: 40px !important; padding-bottom: 40px !important; padding-left: 0 !important; padding-right: 0 !important; } #main-content:has(.et_pb_section.opstart-page) .et-l--post { background-color: transparent !important; background: transparent !important; } #main-content:has(.et_pb_section.opstart-page) .et_pb_code_0 .et_pb_code_inner { padding: 0 !important; margin: 0 !important; } /* * .vi-onepager: bruges ikke i de nuværende tema-snapshot-filer (.divi-shortcodes.txt); * beholdet til Divi/HTML-indhold eller ældre one-pagers med klassen på siden /opstart/ eller øvrigt. */ #main-content:has(.et_pb_section.opstart-page) .vi-onepager, .et_divi_theme .vi-onepager { --vi-cream-top: #fdf8ee; --vi-cream-mid: #faf6ec; --vi-cream-low: #f5efe3; --vi-surface: #ffffff; --vi-body: #0f172a; --vi-heading: #0a0f1a; --vi-muted: #5b6475; --vi-line: #e8e2d8; --vi-green: #2d6a4f; --vi-green-deep: #1b4332; --vi-green-soft: #e9f5ee; --vi-link: #1a73e8; --vi-link-hover: #155fc5; --vi-link-soft: rgba(26, 115, 232, 0.1); --vi-check-fill: #1a73e8; --vi-radius-card: 14px; --vi-shadow-card: 0 10px 32px rgba(27, 22, 12, 0.09); background: transparent !important; background-color: transparent !important; color: var(--vi-body); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 17px !important; line-height: 1.6 !important; width: auto; max-width: none; margin: 0 !important; padding: clamp(20px, 5vw, 48px) clamp(14px, 4vw, 24px) !important; -webkit-font-smoothing: antialiased; box-sizing: border-box; } .vi-onepager *, .vi-onepager *::before, .vi-onepager *::after { box-sizing: border-box; } .et_divi_theme .vi-onepager p { font-size: inherit !important; line-height: 1.6 !important; } #main-content:has(.et_pb_section.opstart-page) .vi-onepager a { color: var(--vi-link); text-decoration-thickness: 1px; text-underline-offset: 3px; } #main-content:has(.et_pb_section.opstart-page) .vi-onepager a:hover { color: var(--vi-link-hover); } .vi-shell { max-width: 580px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; } .vi-svg { flex-shrink: 0; vertical-align: middle; } .vi-svg-check circle { fill: var(--vi-check-fill); } .vi-svg-check--green circle { fill: #1b4332 !important; } .vi-svg-check--blue circle { fill: #1a73e8 !important; } .vi-svg-shield { color: var(--vi-green-deep); } .vi-svg-shield--blue { color: #1a73e8 !important; } .vi-svg-check { vertical-align: top; margin-top: 4px; } .vi-svg-leaf { display: inline-block; vertical-align: -0.2em; margin-right: 6px; color: var(--vi-green-deep); } .vi-card { background: var(--vi-surface) !important; border-radius: var(--vi-radius-card); box-shadow: var(--vi-shadow-card); padding: clamp(22px, 5vw, 30px) !important; border: 1px solid rgba(232, 226, 216, 0.95); } #main-content:has(.et_pb_section.opstart-page) .vi-onepager .vi-card p { color: var(--vi-body) !important; font-weight: 500; } .et_divi_theme .vi-onepager h1 { color: var(--vi-heading) !important; padding-bottom: 0 !important; } .vi-hero h1 { margin: 0 0 14px !important; font-size: clamp(2rem, 5.8vw, 2.55rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.14 !important; border: none !important; } #main-content:has(.et_pb_section.opstart-page) .vi-onepager h2, .et_divi_theme .vi-onepager h2 { margin: 0 0 14px !important; font-size: 1.22rem !important; font-weight: 800 !important; line-height: 1.25 !important; color: var(--vi-heading) !important; letter-spacing: -0.02em !important; padding-bottom: 0 !important; } .vi-pill { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 14px !important; padding: 8px 16px !important; border-radius: 999px !important; font-size: 0.84rem !important; font-weight: 700 !important; color: var(--vi-green-deep) !important; background: linear-gradient(180deg, #f4faf6 0%, var(--vi-green-soft) 100%) !important; border: 1px solid rgba(45, 106, 79, 0.18); } .vi-pill .vi-icon { width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; min-width: 20px; object-fit: contain; vertical-align: middle; } .vi-lead { margin: 0 0 22px !important; color: #2f3642 !important; font-size: 1.02rem !important; line-height: 1.52 !important; max-width: 52ch !important; font-weight: 500 !important; } .vi-onepager .vi-hero-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; } .vi-btn { display: inline-flex !important; justify-content: center; align-items: center; text-decoration: none !important; font-weight: 700 !important; font-size: 0.96rem !important; border-radius: 12px !important; padding: 14px 20px !important; border-width: 2px !important; border-style: solid !important; transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease; cursor: pointer; } .vi-btn-primary { background: var(--vi-green-deep) !important; color: #ffffff !important; border-color: var(--vi-green-deep) !important; box-shadow: 0 4px 14px rgba(27, 67, 50, 0.22); } .vi-btn-primary:hover { background: #134030 !important; border-color: #134030 !important; color: #ffffff !important; } .vi-btn-outline { background: #ffffff !important; color: var(--vi-green-deep) !important; border-color: rgba(29, 80, 60, 0.45) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); } .vi-btn-outline:hover { background: var(--vi-green-soft) !important; } .vi-onepager a.vi-btn-light { background: #ffffff !important; color: var(--vi-green-deep) !important; border-color: #d8e4dc !important; border-width: 1px !important; box-shadow: none; } .vi-onepager a.vi-btn-light:hover { background: #f8fbf9 !important; border-color: #c5d4cc !important; color: #134030 !important; } .vi-btn-accent { background: #ffffff !important; color: var(--vi-link) !important; border-color: var(--vi-link) !important; box-shadow: 0 1px 4px rgba(26, 115, 232, 0.12); word-break: break-word; text-align: center; } .vi-btn-accent:hover { background: var(--vi-link-soft) !important; color: var(--vi-link-hover) !important; border-color: var(--vi-link-hover) !important; } .vi-btn-full-sm { width: 100%; } .vi-facts-premium { background: linear-gradient(148deg, #2d6a4f 0%, var(--vi-green-deep) 55%, #152e24 100%) !important; border: none !important; color: #f6fff9 !important; box-shadow: 0 14px 36px rgba(21, 46, 36, 0.38); } .vi-facts-premium h2 { color: #ffffff !important; margin-bottom: 16px !important; } .vi-onepager .vi-badges { display: flex; flex-wrap: wrap; gap: 8px; } .vi-onepager .vi-facts-premium .vi-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border-radius: 999px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.22); color: #f1fbf5; font-size: 0.86rem; font-weight: 600; line-height: 1.2; } .vi-onepager .vi-facts-premium .vi-badge .vi-icon { filter: brightness(0) invert(1); opacity: 0.95; } #main-content:has(.et_pb_section.opstart-page) .vi-onepager .vi-facts-premium p { color: rgba(246, 255, 249, 0.96) !important; } .vi-platform-list { display: flex; flex-direction: column; gap: 14px; } .vi-platform-item { display: flex; align-items: flex-start; gap: 12px; font-weight: 600; font-size: 0.95rem; line-height: 1.38; color: rgba(255, 255, 255, 0.96); } .vi-platform-item > .vi-svg:first-child { color: rgba(255, 255, 255, 0.95); fill: currentColor; flex-shrink: 0; margin-top: 1px; } .vi-platform-item path { fill: currentColor; } .vi-platform-item > span:last-child { color: rgba(255, 255, 255, 0.96) !important; } .vi-platform-item .vi-icon { flex-shrink: 0; width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; object-fit: contain; margin-top: 1px; } .vi-list { list-style: none !important; margin: 8px 0 0 !important; padding: 0 !important; display: grid; gap: 10px !important; } .et_divi_theme .vi-onepager .vi-list li { display: flex !important; align-items: flex-start !important; gap: 8px !important; line-height: 1.35 !important; color: var(--vi-body) !important; font-weight: 500 !important; } .et_divi_theme .vi-onepager .vi-list .vi-icon { flex-shrink: 0; width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; min-width: 20px; object-fit: contain; margin-top: 1px; } .vi-onepager .vi-list strong { font-weight: 700 !important; color: var(--vi-heading) !important; } .vi-onepager .vi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } @media (max-width: 760px) { .vi-onepager .vi-grid { grid-template-columns: 1fr; } .vi-onepager .vi-list .vi-icon { width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; min-width: 20px; } } .vi-onepager .vi-pricing { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; } .vi-price-card { background: var(--vi-surface) !important; border-radius: var(--vi-radius-card); box-shadow: var(--vi-shadow-card); padding: 22px 24px !important; border: 1px solid rgba(225, 216, 200, 0.98); } .vi-price-main { border-color: #b8cbb9; background: linear-gradient(185deg, #ffffff 0%, #fafcf8 100%) !important; } .vi-price-label { margin: 0 !important; font-size: 1rem !important; font-weight: 700 !important; color: var(--vi-muted) !important; line-height: 1.35 !important; } .vi-price { margin: 10px 0 6px !important; font-size: 2.25rem !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1 !important; color: var(--vi-heading) !important; } #main-content:has(.et_pb_section.opstart-page) .vi-onepager .vi-note { margin: 6px 0 0 !important; font-size: 0.9rem !important; color: var(--vi-muted) !important; font-weight: 500 !important; } .et_divi_theme .vi-onepager .vi-price-foot { margin: 14px 0 0 !important; font-size: 0.87rem !important; font-weight: 600 !important; color: var(--vi-muted) !important; line-height: 1.45 !important; } #main-content:has(.et_pb_section.opstart-page) .vi-onepager .vi-note--tilkoeb { margin-top: 14px !important; margin-bottom: 0 !important; } .et_divi_theme .vi-onepager .vi-steps-foot { margin: 14px 0 0 !important; font-size: 0.86rem !important; color: var(--vi-muted) !important; font-weight: 500 !important; line-height: 1.45 !important; } .vi-platform-emoji { display: inline-block; flex-shrink: 0; width: 1.45em; line-height: 1.2; font-size: 1.12rem; text-align: center; } .vi-links a { color: var(--vi-link) !important; font-weight: 600 !important; text-decoration: underline !important; } .vi-links a:hover { color: var(--vi-link-hover) !important; } .vi-contact .vi-disclaimer { margin-top: 18px !important; font-size: 0.8rem !important; color: #6f7785 !important; line-height: 1.42 !important; } .vi-steps { margin: 0 !important; padding: 0 !important; list-style: none !important; display: flex; flex-direction: column; gap: 14px !important; } .vi-steps li { display: flex !important; gap: 12px !important; align-items: flex-start !important; line-height: 1.43 !important; font-size: 0.94rem !important; font-weight: 600 !important; color: var(--vi-heading) !important; } .et_divi_theme .vi-onepager .vi-steps li { color: var(--vi-heading) !important; font-weight: 600 !important; } .vi-step-n { flex-shrink: 0; width: 28px !important; height: 28px !important; border-radius: 50%; background: var(--vi-green-soft) !important; color: var(--vi-green-deep) !important; font-weight: 800 !important; font-size: 0.82rem !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1; margin-top: 0 !important; border: 1px solid rgba(45, 106, 79, 0.28); box-shadow: 0 2px 6px rgba(27, 67, 50, 0.08); } .vi-bullets { margin: 0 !important; padding-left: 1rem !important; color: var(--vi-body) !important; font-size: 0.93rem !important; font-weight: 500 !important; display: flex; flex-direction: column; gap: 10px !important; list-style: square outside !important; } .vi-bullets li { padding-left: 4px !important; } .vi-bullets li::marker { color: var(--vi-heading); } .vi-faq-heading { font-size: 1.12rem !important; margin-bottom: 14px !important; padding-bottom: 0 !important; } .vi-faq-stack { display: flex; flex-direction: column; gap: 10px !important; } .vi-faq-item { background: #f5f7f9; border-radius: 12px; border: 1px solid rgba(27, 32, 40, 0.12); overflow: hidden; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04); } .vi-faq-item summary { cursor: pointer !important; list-style: none !important; padding: 15px 48px 15px 36px !important; font-weight: 700 !important; font-size: 0.9rem !important; position: relative !important; user-select: none; color: var(--vi-heading) !important; } .vi-faq-item summary::before { content: ""; position: absolute; left: 14px; top: 50%; margin-top: -5px; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent var(--vi-heading); transition: transform 0.22s ease; } .vi-faq-item[open] summary::before { transform: rotate(90deg); margin-left: -1px; } .vi-faq-item summary::after { content: ""; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; background: rgba(255, 255, 255, 0.65); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); border: 1px solid rgba(27, 32, 40, 0.1); z-index: 0; pointer-events: none; } .vi-faq-item summary::-webkit-details-marker { display: none !important; } .et_divi_theme .vi-onepager .vi-faq-body { padding: 0 18px 16px !important; font-size: 0.9rem !important; color: var(--vi-muted) !important; line-height: 1.52 !important; max-width: 58ch; font-weight: 500 !important; } .vi-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @media (min-width: 981px) { #main-content:has(.et_pb_section.opstart-page) .vi-onepager .vi-shell { max-width: 640px; } }