.elementor-12 .elementor-element.elementor-element-b93bc3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-a8fb29f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-1954e6c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-1954e6c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-dc4b8ed{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-dc4b8ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-553afdc{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-553afdc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-a174db2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-1307253{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-12 .elementor-element.elementor-element-2317508 > .elementor-widget-container{padding:50px 0px 60px 0px;}.elementor-12 .elementor-element.elementor-element-2317508{text-align:center;}.elementor-12 .elementor-element.elementor-element-abc4254{--display:flex;}.elementor-12 .elementor-element.elementor-element-abc4254.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-6f97fc6{width:100%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-6f97fc6.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-a0621ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-a76b671{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-a76b671:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a76b671 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7920c67 );}.elementor-12 .elementor-element.elementor-element-beb21f7 > .elementor-widget-container{padding:50px 0px 60px 0px;}.elementor-12 .elementor-element.elementor-element-beb21f7{text-align:center;}.elementor-12 .elementor-element.elementor-element-75cb694{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-75cb694:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-75cb694 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7920c67 );}.elementor-12 .elementor-element.elementor-element-d31eee2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-3904a9b > .elementor-widget-container{background-color:#FFFFFF7A;padding:20px 20px 60px 20px;border-style:none;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(66.99999999999996, 2.9999999999999893, 121.99999999999997, 0.42);}.elementor-12 .elementor-element.elementor-element-3904a9b .elementor-icon-box-wrapper{text-align:left;}.elementor-12 .elementor-element.elementor-element-3904a9b{--icon-box-icon-margin:1px;}.elementor-12 .elementor-element.elementor-element-3904a9b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-692a1e0 );}.elementor-12 .elementor-element.elementor-element-3904a9b.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-3904a9b.elementor-view-default .elementor-icon{fill:var( --e-global-color-692a1e0 );color:var( --e-global-color-692a1e0 );border-color:var( --e-global-color-692a1e0 );}.elementor-12 .elementor-element.elementor-element-3904a9b .elementor-icon{font-size:23px;padding:0px;border-width:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-703992f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-d16b5ee > .elementor-widget-container{background-color:#FFFFFF7A;padding:20px 20px 60px 20px;border-style:none;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(66.99999999999996, 2.9999999999999893, 121.99999999999997, 0.42);}.elementor-12 .elementor-element.elementor-element-d16b5ee .elementor-icon-box-wrapper{text-align:left;}.elementor-12 .elementor-element.elementor-element-d16b5ee{--icon-box-icon-margin:1px;}.elementor-12 .elementor-element.elementor-element-d16b5ee.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-692a1e0 );}.elementor-12 .elementor-element.elementor-element-d16b5ee.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-d16b5ee.elementor-view-default .elementor-icon{fill:var( --e-global-color-692a1e0 );color:var( --e-global-color-692a1e0 );border-color:var( --e-global-color-692a1e0 );}.elementor-12 .elementor-element.elementor-element-d16b5ee .elementor-icon{font-size:23px;padding:0px;border-width:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-37ee0d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-6cc4856 > .elementor-widget-container{background-color:#FFFFFF7A;padding:20px 20px 60px 20px;border-style:none;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(66.99999999999996, 2.9999999999999893, 121.99999999999997, 0.42);}.elementor-12 .elementor-element.elementor-element-6cc4856 .elementor-icon-box-wrapper{text-align:left;}.elementor-12 .elementor-element.elementor-element-6cc4856{--icon-box-icon-margin:1px;}.elementor-12 .elementor-element.elementor-element-6cc4856.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-692a1e0 );}.elementor-12 .elementor-element.elementor-element-6cc4856.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-6cc4856.elementor-view-default .elementor-icon{fill:var( --e-global-color-692a1e0 );color:var( --e-global-color-692a1e0 );border-color:var( --e-global-color-692a1e0 );}.elementor-12 .elementor-element.elementor-element-6cc4856 .elementor-icon{font-size:23px;padding:0px;border-width:0px 0px 0px 0px;}@media(max-width:1140px){.elementor-12 .elementor-element.elementor-element-1954e6c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-1307253{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-a76b671{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-75cb694{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-1954e6c{--width:98.482%;}.elementor-12 .elementor-element.elementor-element-dc4b8ed{--width:100.954%;}.elementor-12 .elementor-element.elementor-element-abc4254{--width:100.172%;}.elementor-12 .elementor-element.elementor-element-d31eee2{--width:33.3%;}.elementor-12 .elementor-element.elementor-element-703992f{--width:33.3%;}.elementor-12 .elementor-element.elementor-element-37ee0d4{--width:33.3%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-1954e6c{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-beb21f7 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-75cb694{--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-12 .elementor-element.elementor-element-d31eee2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-703992f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-37ee0d4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-6476d46 *//* Forside: hvid tekst på den fyldte CTA-knap i hero */
.home .front-hero .btn--primary,
.home .front-hero .wp-block-button__link:not(.is-style-outline),
.home .front-hero .elementor-button:not(.elementor-button--outline){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important; /* Safari-fix */
}
/* Sørg for at evt. ikon/tekst inde i knappen også bliver hvid */
.home .front-hero .btn--primary *,
.home .front-hero .wp-block-button__link:not(.is-style-outline) *,
.home .front-hero .elementor-button:not(.elementor-button--outline) *{
  color:inherit !important;
}

/* Luft over "Book et møde"-knappen i footer */
.elementor-location-footer .elementor-widget-button .elementor-button{
  margin-top:12px; /* ændr til 15–20px hvis du vil have mere luft */
}

/* Footer: ekstra luft over knappen i 4. kolonne */
.site-footer .footer-grid > :nth-child(4) .wp-block-button__link,
.site-footer .footer-grid > :nth-child(4) .elementor-button,
.site-footer .footer-grid > :nth-child(4) .btn,
.site-footer .footer-grid > :nth-child(4) .button{
  margin-top:14px !important; display:inline-flex;
}
/* Desktop-justering for 4. kolonne */
@media (min-width: 768px){
  .site-footer .footer-grid > :nth-child(4) :is(.wp-block-button__link, .elementor-button, .btn, .button){
    margin-top:18px !important;
  }
}
/* --- CFO teal palette (samme som på side 630) --- */
:root{
  --teal-700:#0b6d79;
  --teal-600:#0f8c99;
  --teal-500:#13a3b0;
}

/* --- Primær knap i HERO = samme stil som CFO Services --- */
.front-hero .btn--primary{
  /* gradient + kant i teal, hvid tekst */
  --_bg: linear-gradient(180deg, var(--teal-600) 0%, var(--teal-700) 100%);
  --_fg: #fff;
  --_bd: var(--teal-700);
  /* samme “turkis” skygge som CFO-siden */
  box-shadow: 0 12px 22px rgba(15,140,153,.28), 0 2px 6px rgba(11,109,121,.20);
}

/* Hover som på CFO: en anelse lysere top */
.front-hero .btn--primary:hover{
  --_bg: linear-gradient(180deg, var(--teal-500) 0%, var(--teal-700) 100%);
  --_bd: var(--teal-600);
}

/* (valgfrit) Fokus-ring i teal for visuel konsistens */
.front-hero .btn--primary:focus-visible{
  box-shadow: 0 0 0 4px rgba(15,140,153,.32);
}
/* Forside/hero: rektangulære knapper */
.home .cta .btn{
  border-radius: 8px !important;      /* var mere rund – justér 6–10px efter smag */
  padding: 10px 18px !important;      /* ens højde/luft */
  line-height: 1.2 !important;
}

/* Primær (fyldt) */
.home .cta .btn.btn--primary{
  background:#0E7490 !important;
  color:#fff !important;
  border:2px solid #0E7490 !important;
  box-shadow: 0 2px 0 rgba(0,0,0,.12);
}

/* Sekundær (outline) */
.home .cta .btn.btn--secondary{
  background:transparent !important;
  color:#0E7490 !important;
  border:2px solid #0E7490 !important;
}

/* (valgfrit) lidt lysere ved hover */
.home .cta .btn:hover{ filter: brightness(1.05); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8fb29f *//* ===== CFO Hero (kompakt, high-end) ===== */
.cc-hero{
  /* Brand-variabler (tilpas frit) */
  --accent: #5E3DDB;            /* Primær accent (lilla) */
  --text: #0B0B0F;              /* Næsten sort */
  --muted: #5F6370;             /* Sekundær tekst */
  --surface-top: #FFFFFF;
  --surface-btm: #F7F7FB;
  --radius: 20px;
  --border: rgba(11,11,15,.08);
  --shadow: 0 12px 30px rgba(11,11,15,.06);

  color: var(--text);
  background: linear-gradient(180deg,var(--surface-top) 0%,var(--surface-btm) 100%);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(24px,5vw,56px);
  max-width: 1200px;            /* matcher typisk Elementor "Boxed" */
  margin-inline: auto;
}

.cc-hero__inner{
  max-width: 980px;             /* læsbar linjelængde */
  margin: 0 auto;
}

.cc-hero h1{
  font-size: clamp(28px, 4.2vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 .4em 0;
}

.cc-hero__subheading{
  font-size: clamp(18px, 1.6vw, 22px);
  margin: 0 0 1.1rem 0;
  color: #1F2026;
}

.cc-hero__list{
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem 0;
  display: grid;
  gap: .6rem;
}

.cc-hero__list li{
  display: grid;
  grid-template-columns: 1.1rem auto;
  align-items: start;
  column-gap: .6rem;
}

.cc-hero__list li::before{
  content: "";
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--accent);
  margin-top: .55rem;           /* centrér prikkens baseline */
}

.cc-hero__muted{ color: var(--muted); }

.cc-hero__cta{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .5rem;
}

.cc-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 600;
  padding: .85rem 1.15rem;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease,
              background-color .15s ease, color .15s ease, border-color .15s ease;
}

.cc-btn--primary{
  background: var(--accent);
  color: #fff;
}

.cc-btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(94,61,219,.35);
}

.cc-btn--ghost{
  background: transparent;
  color: var(--text);
  border-color: var(--border);
}

.cc-btn--ghost:hover{
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

.cc-hero__trust{
  margin: 1rem 0 0;
  color: var(--muted);
  font-size: .95rem;
}

.cc-hero__trust--light{
  opacity: .9;
  margin-left: .25ch;
}

/* Mobile justeringer */
@media (max-width: 767px){
  .cc-hero{ padding: 22px; }
  .cc-hero__inner{ max-width: 100%; }
  .cc-hero__list li{ grid-template-columns: .95rem auto; }
}
/* ===== Hero: centreret, hvid boks (scopet til denne sektion via '.elementor-12 .elementor-element.elementor-element-a8fb29f') ===== */

/* Hvidt kort + centreret på siden */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero{
  /* Brand-variabler (tilpas farver her) */
  --accent: #5E3DDB;
  --text: #0B0B0F;
  --muted: #5F6370;

  background: #FFFFFF !important;              /* hvid boks */
  color: var(--text);
  border: 1px solid rgba(11,11,15,.10);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(11,11,15,.06);
  padding: clamp(24px,5vw,48px);
  max-width: 960px;                            /* smal, high-end boks */
  margin: 0 auto;                              /* center boks horisontalt */
}

/* Indhold centreret, men bullets venstrejusteres pænt */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__inner{
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

/* Overskrift + underlinje */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero h1{ 
  font-size: clamp(28px, 4.2vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 .5em 0;
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__subheading{
  font-size: clamp(18px, 1.6vw, 22px);
  color: #1F2026;
  margin: 0 0 1.1rem 0;
}

/* Liste – gør bullets stabile og undgå mærkelige linjeskift */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list{
  list-style: none;
  padding: 0;
  margin: 0 0 1.2rem 0;
  display: inline-block;       /* gør det muligt at centrere hele listen */
  text-align: left;            /* men behold venstrejusteret tekst */
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li{
  position: relative;
  padding-left: 1.15rem;
  line-height: 1.45;
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li + li{ margin-top: .55rem; }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li::before{
  content: "";
  position: absolute;
  left: 0; top: .72em;
  width: .5rem; height: .5rem;
  border-radius: 50%;
  background: var(--accent);
}
/* Nogle temaer gør <strong> til block – tving inline for at undgå “komma på ny linje” */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list strong{ display: inline !important; }

.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__cta{ 
  display: flex; 
  flex-wrap: wrap; 
  gap: .75rem; 
  justify-content: center;     /* center knapper */
  margin-top: .5rem; 
}

.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__trust{ 
  text-align: center; 
  margin-top: 1rem; 
  color: var(--muted); 
  font-size: .95rem; 
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__trust--light{ opacity: .9; margin-left: .25ch; }

/* Mobil */
@media (max-width: 767px){
  .elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero{ padding: 22px; max-width: 100%; }
  .elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__inner{ max-width: 100%; }
}
/* ===== HERO: centreret hvid boks + bullets i én linje (scopet til sektionen) ===== */

/* Hvid boks, centreret */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero{
  --accent: #5E3DDB;
  --text: #0B0B0F;
  --muted: #5F6370;

  background:#fff !important;
  color:var(--text);
  border:1px solid rgba(11,11,15,.10);
  border-radius:18px;
  box-shadow:0 10px 24px rgba(11,11,15,.06);
  padding:clamp(24px,5vw,48px);
  max-width:960px;          /* bredde på kortet */
  margin:0 auto;            /* center */
}

/* Indhold centreret */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__inner{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}

/* Overskrift og underlinje */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero h1{
  font-size:clamp(28px,4.2vw,56px);
  line-height:1.08;
  letter-spacing:-0.02em;
  margin:0 0 .5em 0;
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__subheading{
  font-size:clamp(18px,1.6vw,22px);
  color:#1F2026;
  margin:0 0 1.1rem 0;
}

/* Liste – fuld bredde, venstrejusteret indhold */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list{
  list-style:none;
  padding:0;
  margin:0 0 1.2rem 0;
  width:min(100%,720px);
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  display:block !important;     /* overstyr evt. grid/flex */
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li{
  position:relative;
  display:block !important;
  padding-left:1.15rem;
  line-height:1.45;
  white-space:normal;           /* default på mobil */
  word-break:normal;
  overflow-wrap:break-word;
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li + li{ margin-top:.55rem; }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li::before{
  content:"";
  position:absolute;
  left:0; top:.72em;
  width:.5rem; height:.5rem;
  border-radius:50%;
  background:var(--accent);
}
/* Sikr plads mellem <strong> og parentes/komma */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list strong{ display:inline !important; margin-right:.25ch; }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__muted{ color:var(--muted); }

/* På DESKTOP: hold hvert bullet-punkt på én linje */
@media (min-width: 768px){
  .elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li{ white-space:nowrap; }
}

/* CTA centreres */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__cta{
  display:flex; flex-wrap:wrap; gap:.75rem; justify-content:center; margin-top:.5rem;
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:600; text-decoration:none;
  padding:.85rem 1.15rem; border-radius:999px; border:1px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease, color .15s ease, border-color .15s ease, background-color .15s ease;
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-btn--primary{ background:var(--accent); color:#fff; }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-btn--primary:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(94,61,219,.35); }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-btn--ghost{ background:transparent; color:var(--text); border-color:rgba(11,11,15,.10); }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-btn--ghost:hover{ border-color:var(--accent); color:var(--accent); transform:translateY(-1px); }

/* Micro-trust */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__trust{ text-align:center; margin-top:1rem; color:var(--muted); font-size:.95rem; }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__trust--light{ opacity:.9; margin-left:.25ch; }

/* Mobil justering */
@media (max-width: 767px){
  .elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero{ max-width:100%; padding:22px; }
  .elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__inner{ max-width:100%; }
  /* tillad wrap på mobil for lange bullets */
  .elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li{ white-space:normal; }
}
html { scroll-behavior: smooth; }
/* Centrér selve liste-blokken, men behold venstrejusteret tekst */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__inner{ text-align:center; } /* hvis ikke allerede sat */

.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list{
  display: block !important;           /* nulstil evt. tema-flex/grid */
  width: -moz-fit-content;
  width: fit-content;                  /* gør listen kun så bred som indholdet */
  max-width: min(640px, 100%);         /* sikkerhed på små skærme */
  margin: 0 auto 1.2rem;               /* centrer hele blokken */
  text-align: left;                    /* men behold venstrejusteret tekst */
}

/* Bullets på én lodret linje */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li{
  position: relative;
  display: block !important;
  padding-left: 1.15rem;               /* plads til prik */
  line-height: 1.45;
  white-space: normal;                 /* tillad linjeskift inden i punktet */
}
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li + li{ margin-top: .55rem; }
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: .5rem; height: .5rem;
  border-radius: 50%;
  background: var(--accent);
}

/* Undgå at <strong> hopper på ny linje i nogle temaer */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list strong{ display: inline !important; margin-right: .25ch; }
/* --- LISTE: centrér blokken, venstrejustér tekst --- */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list{
  display: block !important;               /* nulstil evt. grid/flex */
  list-style: disc !important;             /* brug native bullets */
  list-style-position: outside;
  padding-left: 1.25rem;                   /* indryk = plads til bullet */
  margin: 0 auto 1.2rem;                   /* centrer hele listen */
  width: fit-content;
  max-width: min(680px,100%);
  text-align: left;
}

/* Hvert punkt: normal wrap, pæn line-height */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li{
  display: list-item !important;           /* reset til standard */
  line-height: 1.5;
  white-space: normal;                     /* linje 2 bliver inde i boksen */
}

/* Farve/størrelse på den rigtige bullet */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li::marker{
  color: var(--accent);
  font-size: .9em;
}

/* Slå gamle pseudo-bullets fra (hvis de findes) */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list li::before{ content: none !important; }

/* Undgå at <strong> hopper på ny linje */
.elementor-12 .elementor-element.elementor-element-a8fb29f .cc-hero__list strong{ display:inline !important; margin-right:.25ch; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-553afdc *//* === Quad cards – ren version === */
:root{
  /* Brand */
  --brand-700:#3e118f;   /* mørk lilla til overskrifter */
  --brand-600:#5b2bd7;   /* primær lilla (accent) */
  --brand-500:#6b3df2;   /* lysere lilla til bullets */
  --brand-100:#efe7ff;   /* lys lilla ring om bullets */

  /* Mint adskillelse omkring og mellem kort */
  --mint-1:#e7f6f0;
  --mint-2:#f2fbf8;

  /* Typografi & farver */
  --ink-900:#0f172a;
  --ink-600:#475569;
  --font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  /* Layout */
  --wrap-w:1200px;
  --gap:30px;            /* afstand mellem kasserne (mint ses her) */
  --radius:18px;
  --shadow:0 12px 28px rgba(24,20,58,.08), 0 2px 6px rgba(24,20,58,.06);
  --ring:rgba(107,61,242,.18);

  /* Højde & foto-fokus */
  --card-h:170px;        /* ~1/3 lavere; brug 130–150px efter smag */
  --photo-focus-y:28%;   /* flyt motivet lodret (lavere tal = mere top) */
}

/* Sektion */
.home-quad{
  padding: clamp(22px, 4vw, 48px) 0;
  font-family: var(--font-sans);
  color: var(--ink-900);
}
.home-quad .container{
  width: min(var(--wrap-w), 92vw);
  margin-inline: auto;
}

/* Mint "ramme" der også ses mellem kortene */
.quad-wrap{
  background: linear-gradient(180deg, var(--mint-1) 0%, var(--mint-2) 100%);
  border-radius: 22px;
  padding: clamp(16px, 2.4vw, 24px);
  box-shadow: 0 8px 24px rgba(24,20,58,.06);
  border: 1px solid rgba(91,43,215,.06);
}

/* Grid – 4/2/1 kolonner responsivt */
.home-quad-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: var(--gap);
  align-items: stretch;
}
@media (max-width: 1024px){
  .home-quad-grid{ grid-template-columns: repeat(2, minmax(260px, 1fr)); }
}
@media (max-width: 560px){
  .home-quad-grid{ grid-template-columns: 1fr; }
}

/* Kasser */
.hq-card{
  background:#fff;
  border-radius: var(--radius);
  border: 1px solid var(--ring);
  box-shadow: var(--shadow);
  display:flex;
  flex-direction:column;

  /* Fast, lav højde = “skær 1/3 af” */
  block-size: var(--card-h);
  height: var(--card-h);       /* bred browserstøtte */
  overflow: hidden;            /* klipper evt. overskud forneden */

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.hq-card:hover{
  transform: translateY(-2px);
  border-color: rgba(91,43,215,.28);
  box-shadow: 0 16px 42px rgba(24,20,58,.12), 0 6px 16px rgba(24,20,58,.08);
}
.hq-inner{ padding: 12px 16px; }

/* Typografi */
.hq-card h3{
  margin: 0 0 6px;
  font: 800 clamp(1rem,1.5vw,1.15rem)/1.2 var(--font-sans);
  color: var(--brand-700);
}
.hq-card p{ margin:0; color:var(--ink-600); }

/* Liste med lilla, ringede markører */
.hq-list{
  list-style:none;
  margin:6px 0 0;
  padding:0;
  display:grid;
  gap:6px;
}
.hq-list li{
  position:relative;
  padding-left:22px;
  color:var(--ink-600);
}
.hq-list li::before{
  content:"";
  position:absolute;
  left:0; top:.28em;
  width:12px; height:12px; border-radius:999px;
  background: radial-gradient(circle at 30% 30%, var(--brand-500) 0 50%, var(--brand-600) 52% 100%);
  box-shadow: 0 0 0 4px var(--brand-100);
}

/* Foto-kort (samme lave højde) */
.hq-card--photo{ padding:0; }
.hq-card--photo .hq-photo{ inline-size:100%; block-size:100%; }
.hq-card--photo .hq-photo img{
  display:block; width:100%; height:100%;
  object-fit: cover;
  object-position: 50% var(--photo-focus-y);
}

/* Mindre bevægelse */
@media (prefers-reduced-motion: reduce){
  .hq-card, .hq-card:hover{ transform:none; transition:none; }
}

/* Mobil: lad kort vokse, så der ikke klippes tekst */
@media (max-width: 560px){
  .hq-card{ block-size:auto; height:auto; min-block-size: var(--card-h); overflow:visible; }
}
/* === PATCH: 1/2-højde + portræt i top === */
:root{
  /* Brug 180px som udgangspunkt = ~1/2 af ~270px.
     Justér til 176–188px efter smag. */
  --card-h: 180px;

  /* Sørger for at toppen af billedet altid er synlig */
  --photo-focus-y: 0%;
}

/* Efterlad denne regel, så billedet følger variablen ovenfor */
.hq-card--photo .hq-photo img{
  object-position: 50% var(--photo-focus-y);
}
.hq-inner{ padding: 14px 18px; } /* evt. 16px 18px */
/* === PATCH: dobbelt højde, mere luft og portræt i top === */

/* 1) Højde & spacing */
:root{
  --card-h: 380px;   /* ca. dobbelt af ~180px. Justér til 340–380px efter smag */
  --gap: 36px;       /* luft mellem kasserne (grønt mellemrum bliver tydeligt) */
  --photo-focus-y: 0%; /* top-ankring så hele ansigtet er med */
}

/* 2) Mere grøn “kant” rundt om alle kasser */
.quad-wrap{
  padding: 28px;     /* vis tydelig mint rundt om gridet */
}

/* 3) Sikre at alle kort følger den nye højde */
.hq-card{
  block-size: var(--card-h);
  height: var(--card-h);
  overflow: hidden;
}

/* 4) Foto-kort følger højden og bevarer top-fokus */
.hq-card--photo .hq-photo{
  block-size: 100%;
  height: 100%;
}
.hq-card--photo .hq-photo img{
  object-position: 50% var(--photo-focus-y); /* 50% 0% = centreret vandret, top lodret */
}

/* (valgfrit) Hvis du synes kortene bliver for høje på mobil */
@media (max-width: 560px){
  .hq-card{ block-size: auto; height: auto; min-block-size: 200px; }
}
/* === 1) Tekst mere i midten af kassen (lodret) === */
/* .hq-card har allerede flex-direction: column;  */
.hq-card:not(.hq-card--photo){
  justify-content: center;    /* centrer .hq-inner lodret i kortet */
}

/* (behold venstrestillet tekst – bare lidt komfort-padding) */
:root{
  --pad-x: 20px;              /* vandret indvendig padding i kortet */
  --pad-y: 12px;              /* lodret indvendig padding i kortet */
}
.hq-inner{
  padding-inline: var(--pad-x);
  padding-block: var(--pad-y);
}

/* === 2) Mere luft mellem kasserne i siderne === */
/* Separér row/column gap så vi kan give ekstra luft vandret */
:root{
  --gap-x: 44px;              /* afstand mellem kasserne horisontalt */
  --gap-y: 24px;              /* afstand lodret (på tablet/mobil) */
}
.home-quad-grid{
  gap: var(--gap-y);          /* grundværdi (lodret) */
  column-gap: var(--gap-x);   /* ekstra luft på siderne mellem kasserne */
}

/* Mere mint rundt om hele gruppen (især i siderne) */
.quad-wrap{
  padding: 28px 40px;         /* top/bund 28, venstre/højre 40 – justér frit */
}

/* Portrættet: behold top-ankring så hele ansigtet er synligt */
:root{ --photo-focus-y: 0%; }       /* top */
.hq-card--photo .hq-photo img{
  object-position: 50% var(--photo-focus-y);
}
/* === PATCH: samme højde, lidt mindre afstand, overskrift for oven, mere luft mellem bullets === */

/* 1) Højde tilbage til før + finjusterbar bullet-afstand */
:root{
  --card-h: 180px;        /* samme højde som før (brug 170–190px efter smag) */
  --gap-x: 28px;          /* lidt mindre afstand mellem kasserne vandret */
  --gap-y: 24px;          /* lodret afstand på tablet/mobil */
  --bullet-gap: 12px;     /* mere luft mellem punkterne (prøv 14px for endnu mere) */
  --photo-focus-y: 0%;    /* top-ankring af foto (hele ansigtet i toppen) */
}

/* 2) Grid-afstande (overstyrer tidligere gap-regler) */
.home-quad-grid{
  gap: var(--gap-y);        /* basis (lodret) */
  column-gap: var(--gap-x); /* lidt mindre luft vandret */
}

/* 3) Kort: fasthold den faste højde og overskrift/indhold starter for oven */
.hq-card{
  block-size: var(--card-h);
  height: var(--card-h);
  overflow: hidden;
}
.hq-card:not(.hq-card--photo){
  justify-content: flex-start;   /* overskrift for oven – ingen lodret centrering */
}

/* 4) Indvendig padding (kan justeres, hvis du vil have mere/ mindre luft) */
.hq-inner{ padding: 14px 18px; }

/* 5) Mere luft mellem punkterne */
.hq-list{ gap: var(--bullet-gap); }

/* 6) Foto-kort følger højden og bevarer topfokus */
.hq-card--photo .hq-photo{ block-size: 100%; height: 100%; }
.hq-card--photo .hq-photo img{ object-position: 50% var(--photo-focus-y); }
/* === DOBBELT HØJDE & PUNKTER I MIDTEN === */

/* 1) Højde: sæt til ca. dobbelt af din nuværende (typisk 180px -> 360px) */
:root{
  --card-h: 360px;     /* justér til 340–380px hvis du vil finpudse */
  --photo-focus-y: 0%; /* top-ankring af portræt */
}

/* 2) Sørg for at kort faktisk er den nye højde */
.hq-card{
  block-size: var(--card-h);
  height: var(--card-h);
  overflow: hidden;
}

/* 3) Overskriften bliver øverst, punkterne i midten */
.hq-card:not(.hq-card--photo){
  justify-content: flex-start; /* hele kortets indhold starter for oven */
}
.hq-card:not(.hq-card--photo) .hq-inner{
  height: 100%;
  display: flex;
  flex-direction: column; /* h3 over ul */
}
/* selve punktlisten centreres lodret inde i .hq-inner */
.hq-card:not(.hq-card--photo) .hq-list{
  margin-block: auto;   /* giver lige meget luft over/under = midt */
}

/* 4) Portrættet følger højden og bevarer topfokus */
.hq-card--photo .hq-photo{ block-size: 100%; height: 100%; }
.hq-card--photo .hq-photo img{ object-position: 50% var(--photo-focus-y); }

/* (valgfrit) hvis de bliver FOR høje på mobil */
@media (max-width: 560px){
  .hq-card{ block-size:auto; height:auto; min-block-size: 200px; }
}
/* === HVID RAMME RUNDT OM DEN GRØNNE GRUPPE + GRØN HALO OM HVER KASSE === */
:root{
  --white-frame: 12px;  /* tykkelsen på den hvide kant rundt om alle fire */
  --green-halo: 10px;   /* grøn luft/halo rundt om hvert kort (vises mellem kortene) */
  /* behold evt. dine eksisterende --gap-x / --gap-y værdier */
}

/* Vis mint imellem kortene: margin skaber den grønne "halo" pr. kort */
.hq-card{ margin: var(--green-halo); }

/* Hvid ramme rundt om hele sektionen med grøn baggrund indenfor */
.quad-wrap{
  /* grøn baggrund som før */
  background: linear-gradient(180deg, var(--mint-1) 0%, var(--mint-2) 100%);
  /* HVID kant rundt om det grønne */
  border: var(--white-frame) solid #fff;
  /* Sørg for at den indvendige grønne radius forbliver pæn */
  border-radius: calc(22px + var(--white-frame));
  /* Grøn “luft” indenfor rammen */
  padding: clamp(18px, 2.4vw, 28px);
  /* hold farven ren i kanten */
  background-clip: padding-box;
  /* let skygge for dybde (valgfrit) */
  box-shadow: 0 8px 24px rgba(24,20,58,.06);
}

/* (Valgfrit) lidt mindre på mobil for at spare plads */
@media (max-width: 560px){
  :root{
    --white-frame: 8px;
    --green-halo: 6px;
  }
  .quad-wrap{ padding: 16px; }
}
/* === Hvid ramme udenom grøn baggrund (robust) === */
:root{
  --white-frame: 12px;   /* tykkelse på den hvide kant */
  --green-halo: 10px;    /* grøn luft rundt om hvert kort */
}

/* grøn “mellemrum” vises rundt om hvert kort */
.hq-card{ margin: var(--green-halo); }

/* selve rammen med hvid ring */
.quad-wrap{
  /* gennemsigtig border + to baggrundslag = tydelig hvid ring */
  border: var(--white-frame) solid transparent;
  border-radius: calc(22px + var(--white-frame));

  /* 1) mint gradient inde i padding-boksen
     2) hvidt lag i border-boksen (danner ringen) */
  background:
    linear-gradient(180deg, var(--mint-1), var(--mint-2)) padding-box,
    #fff border-box;

  /* komfort-luft rundt om grid’et */
  padding: 28px 40px;

  /* let dybde, valgfrit */
  box-shadow: 0 8px 24px rgba(24,20,58,.06);
}

/* (valgfrit) gør ringen lidt mindre på mobil */
@media (max-width: 560px){
  :root{ --white-frame: 8px; --green-halo: 6px; }
  .quad-wrap{ padding: 16px; }
}
/* --- Endelig finjustering (placer nederst) --- */
:root{
  --photo-focus-y: 70%;  /* prøv 38–48% til finjustering */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45513ae */:root{
  /* Justér til din brandfarve */
  --brand: #5e2ea5;
  --brand-hover: #4f2591;
  --card-radius: 14px;
}

/* Kort (matcher stilen i dit screenshot) */
.card{
  background: #fff;
  border-radius: var(--card-radius);
  box-shadow: 0 6px 24px rgba(0,0,0,0.06);
  padding: 1.25rem 1.5rem;
}

.card h3{
  margin-top: 0;
  margin-bottom: .75rem;
}

.card ul{
  margin: 0.75rem 0 1rem;
  padding-left: 1.2rem;
}

/* Gør konsolideringskortet bredt i et 2-kolonne grid */
@media (min-width: 900px){
  #konsolidering{
    grid-column: 1 / -1; /* spænder over begge kolonner */
  }
}

/* KNAPPER */
.btn{
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  padding: .8rem 1.1rem;
  border-radius: 999px;  /* pilleform */
  text-decoration: none;
  border: 1px solid transparent;
  transition: background .2s ease, box-shadow .2s ease, transform .06s ease;
}

/* Primær, lilla knap med hvid tekst */
.btn--primary{
  background: var(--brand);
  color: #fff;                  /* ← hvid tekst */
}
.btn--primary:link,
.btn--primary:visited{ color:#fff; }   /* sikrer hvid tekst i alle link-states */
.btn--primary:hover{
  background: var(--brand-hover);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(94,46,165,.25);
}
.btn--primary:focus-visible{
  outline: 3px solid #cdb9f1;   /* tydelig tastaturfokus */
  outline-offset: 2px;
}

/* “Læs mere” med <details> (skjult pil og tekstskifte) */
.readmore summary{ 
  list-style: none; 
  cursor: pointer; 
}
.readmore summary::-webkit-details-marker{ display: none; }
.readmore summary{ 
  display: inline-block; 
}
.readmore .when-open{ display: none; }
.readmore[open] .when-closed{ display: none; }
.readmore[open] .when-open{ display: inline; }
.readmore__body{ margin-top: 1rem; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f97fc6 */.cc-why { text-align:center; }
.cc-why__lead { color: var(--cc-deep); margin-bottom: 8px; }
.cc-why p { max-width: 960px; margin: 0 auto 10px; line-height: 1.7; }
/* Centrer h2 i 'Hvorfor'-sektionen uanset Elementor-indstillinger */
.cc-why { text-align: center; }
.cc-why h2 {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* Hvis forælder-containeren er flex og “skubber” indholdet til venstre */
.cc-why .elementor-container,
.cc-why .e-con {
  justify-content: center !important;
  align-items: center !important;
}
.cc-why { text-align: center; }
.cc-why p { max-width: 960px; margin: 0 auto 10px; line-height: 1.7; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1307253 *//* Mere luft mellem de tre kort under “Hvorfor”-sektionen */
.cc-why .cc-values {
  gap: 36px;         /* mellemrum mellem kortene */
  margin-top: 24px;  /* luft op til teksten */
}

/* Mobil: lidt mindre gap og 1 kolonne */
@media (max-width: 1024px){
  .cc-why .cc-values {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08475d1 *//* CFO-teal palette – samme som på CFO Services */
:root{
  --teal-700:#0b6d79;
  --teal-600:#0f8c99;
  --teal-500:#13a3b0;
}

/* Variant: teal primærknap (matcher CFO-siden) */
.cc-btn--teal{
  background: linear-gradient(180deg, var(--teal-600) 0%, var(--teal-700) 100%) !important;
  color:#fff !important;
  border: 1px solid var(--teal-700) !important;
  border-radius: 12px; /* match CFO */
  box-shadow: 0 12px 22px rgba(15,140,153,.28), 0 2px 6px rgba(11,109,121,.20) !important;
}
.cc-btn--teal:hover{
  background: linear-gradient(180deg, var(--teal-500) 0%, var(--teal-700) 100%) !important;
  border-color: var(--teal-600) !important;
  transform: translateY(-1px);
}
.cc-btn--teal:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(15,140,153,.32), 0 12px 22px rgba(15,140,153,.28), 0 2px 6px rgba(11,109,121,.20) !important;
}
/* Teal palette – samme som CFO Services */
:root{
  --teal-700:#0b6d79;
  --teal-600:#0f8c99;
  --teal-500:#13a3b0;
}

/* Variant: teal primærknap (overstyrer .cc-btn's lilla baggrund) */
.cc-btn--teal{
  background: linear-gradient(180deg, var(--teal-600) 0%, var(--teal-700) 100%) !important;
  color:#fff !important;
  border: 1px solid var(--teal-700) !important;
  border-radius: 12px;  /* valgfrit: matcher CFO-stilen */
  box-shadow: 0 12px 22px rgba(15,140,153,.28), 0 2px 6px rgba(11,109,121,.20) !important;
}
.cc-btn--teal:hover{
  background: linear-gradient(180deg, var(--teal-500) 0%, var(--teal-700) 100%) !important;
  border-color: var(--teal-600) !important;
  transform: translateY(-1px);
}
.cc-btn--teal:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(15,140,153,.32),
              0 12px 22px rgba(15,140,153,.28),
              0 2px 6px rgba(11,109,121,.20) !important;
}/* End custom CSS */