@layer dbaSafariRules {
/* Peter's package 10 presentation approval, 27 October 2026. */
body main [data-dba-package10-quote] .dba-testimonial {margin:0;max-width:100%;}
body main [data-dba-package10-quote] blockquote {margin:0;padding:0;border:0;}
body main [data-dba-package10-quote] blockquote p {
  font-family:tiempos_reg,serif!important;font-size:clamp(24px,2.1vw,32px)!important;
  line-height:1.45!important;font-style:normal;font-weight:400;margin:0;
}
body main [data-dba-package10-quote] figcaption {margin:24px 0 0;font:inherit;line-height:1.5;}
body footer .contact-info .dba-footer-award {font-size:inherit;line-height:inherit;margin-top:8px;}
body footer .dba-footer-award a {color:inherit;text-decoration:underline;text-underline-offset:3px;}

/* One job-card treatment, including text that is long or enlarged on a phone. */
body .dba-jobs-list .dba-job-cards {padding:0;list-style:none;}
 :root body.dba-package10-layout main .dba-jobs-list .dba-job-cards>li.job {
  box-sizing:border-box!important;min-width:0!important;width:100%!important;padding:32px!important;background:#fff!important;
  color:#15141a!important;margin:0 0 20px!important;border:0!important;
}
:root body.dba-package10-layout main .dba-jobs-list .dba-job-cards>li.job :is(h3,p,a,span) {color:#15141a!important;}
:root body.dba-package10-layout main .dba-jobs-list .dba-job-cards>li.job:last-child {margin-bottom:0!important;}
body .dba-jobs-list .dba-jobs-more {margin-top:28px;}
body .dba-jobs-list .dba-jobs-more a {color:#15141a;}

/* Empty slider controls are not content. Keep sliders on every other page. */
body.single-job main :is(.slick-dots,.swiper-pagination,.splide__pagination,.owl-dots) {display:none!important;}

/* The icon and its heading share a top edge; the badge remains in its own row. */
body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event {
  display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;
  gap:20px 24px;align-items:start!important;text-align:left!important;
}
body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event .page-timeline-event-number {
  position:relative!important;inset:auto!important;transform:none!important;grid-column:1/-1;
  display:flex!important;margin:0!important;
}
body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event .svg-wrapper {
  grid-column:1;min-width:0;width:72px!important;padding:0!important;margin:0!important;
  display:flex;align-items:flex-start;justify-content:flex-start;
}
body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event .svg-wrapper svg {margin:0!important;max-width:72px!important;}
body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event .page-timeline-event-info {
  grid-column:2;min-width:0;padding:0!important;margin:0!important;
}
body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event .page-timeline-event-info h4 {margin-top:0!important;}
@media(max-width:767px) {
   :root body.dba-package10-layout main .dba-jobs-list .dba-job-cards>li.job {padding:24px!important;}
  body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event {grid-template-columns:56px minmax(0,1fr)!important;column-gap:20px;}
  body:is(.home,.page-id-11,.page-id-331) main .page-timeline .page-timeline-event .svg-wrapper {width:56px!important;}
}

}

/* K34 (Peter 05.11 22.32): "Vi arbejder hurtigt" on mobile. The reading-width rule forced the text column to the full width, so text was cut off on the right and icons shifted. Text column and its children follow the grid column; icons stay in the 56px column. */
@layer dbaSafariRules {
  html body main .page-timeline .page-timeline-event>.page-timeline-event-info.page-timeline-event-info,
  html body main .page-timeline .page-timeline-event>.page-timeline-event-info.page-timeline-event-info>*{width:auto!important;max-width:none!important;min-width:0!important;margin-inline:0!important}
  html body main .page-timeline .page-timeline-event>.svg-wrapper.svg-wrapper{width:56px!important;max-width:56px!important;overflow:visible}
  html body main .page-timeline .page-timeline-event>.svg-wrapper.svg-wrapper :is(svg,img){width:100%!important;max-width:56px!important;height:auto!important}
}

/* K35 (QA 05.11, Peter 06.11 "kør på"): Cookie page. The Cookiebot declaration followed the full window width, so the consent link sat at the edge and the tables touched both sides; on mobile words broke mid-word. Same reading column as the other pages, tables scroll inside it. */
@layer dbaSafariRules {
  html body main .content-wrapper > .CookieDeclaration.CookieDeclaration,
  html body main .content-wrapper > div > .CookieDeclaration.CookieDeclaration,
  html body main .CookieDeclaration.CookieDeclaration{box-sizing:border-box!important;width:min(760px,calc(100vw - 40px))!important;max-width:100%!important;margin-inline:auto!important;padding-inline:0!important}
  html body main .CookieDeclaration.CookieDeclaration :is(p,div,span,a,td,th){word-break:normal!important;overflow-wrap:break-word!important;hyphens:manual!important}
  html body main .CookieDeclaration.CookieDeclaration table.CookieDeclarationTable{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin-inline:0!important}
  html body main .CookieDeclaration.CookieDeclaration table.CookieDeclarationTable :is(th,td){min-width:96px}
}

/* K36 v2 (Peter 06.11 13.40): fagområde-indeks. Photo left in the full height of the list, two columns, no numbers. Custom elements so no theme rule for p, div, ol or img reaches the layout. */
@layer dbaSafariRules {
  html body main section.dba-idx.dba-idx{display:block!important;width:100%!important;max-width:none!important;background:#15141A!important;color:#e4ecef!important;padding:104px 0 112px!important;margin:0!important}
  html body main .dba-idx.dba-idx dba-idx-in{display:block!important;width:min(1100px,calc(100vw - 40px))!important;margin:0 auto!important}
  html body main .dba-idx.dba-idx .dba-idx__kicker{width:auto!important;max-width:none!important;font:13px/1 suisse_reg,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#C2A46C!important;margin:0 0 20px!important}
  html body main .dba-idx.dba-idx .dba-idx__h{width:auto!important;max-width:640px!important;font:42px/1.14 tiempos_reg,serif!important;color:#fff!important;margin:0 0 16px!important;text-wrap:balance}
  html body main .dba-idx.dba-idx .dba-idx__lead{width:auto!important;max-width:640px!important;font:16px/1.6 suisse_reg,sans-serif!important;color:#919099!important;margin:0 0 56px!important}
  html body main .dba-idx.dba-idx dba-idx-grid{position:relative!important;display:grid!important;grid-template-columns:340px minmax(0,1fr) minmax(0,1fr)!important;column-gap:48px!important;align-items:stretch!important}
  html body main .dba-idx.dba-idx dba-idx-col{display:block!important;min-width:0!important}
  html body main .dba-idx.dba-idx .dba-idx__label{width:auto!important;max-width:none!important;font:11px/1 suisse_reg,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#777b80!important;margin:0 0 14px!important}
  html body main .dba-idx.dba-idx dba-ol{display:block!important;border-top:1px solid #3d4349!important}
  html body main .dba-idx.dba-idx dba-li{display:block!important;border-bottom:1px solid #3d4349!important}
  html body main .dba-idx.dba-idx dba-li a{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;align-items:center!important;column-gap:8px!important;height:56px!important;padding:0!important;color:#c9ced2!important;text-decoration:none!important;border:0!important;background:none!important;font:20px/1.2 tiempos_reg,serif!important}
  html body main .dba-idx.dba-idx dba-li a::before,html body main .dba-idx.dba-idx dba-li a::after{content:none!important;display:none!important}
  html body main .dba-idx.dba-idx dba-li a > dba-t{display:block!important;justify-self:start!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-bottom:3px!important;background:linear-gradient(#C2A46C,#C2A46C) no-repeat 0 100%/0 1px!important;transition:background-size .35s ease,color .2s!important}
  html body main .dba-idx.dba-idx dba-arr{display:block!important;font:15px/1 suisse_reg,sans-serif!important;color:#C2A46C!important;opacity:0!important;transform:translateX(-6px)!important;transition:.25s!important;text-align:right!important}
  html body main .dba-idx.dba-idx dba-li a:is(:hover,:focus-visible){color:#fff!important}
  html body main .dba-idx.dba-idx dba-li a:is(:hover,:focus-visible) > dba-t{background-size:100% 1px!important}
  html body main .dba-idx.dba-idx dba-li a:is(:hover,:focus-visible) dba-arr{opacity:1!important;transform:none!important}
  html body main .dba-idx.dba-idx dba-li.dba-idx__ask a{color:#C2A46C!important}
  html body main .dba-idx.dba-idx dba-li.dba-idx__ask dba-arr{opacity:1!important;transform:none!important}
  html body main .dba-idx.dba-idx dba-idx-media{position:relative!important;display:block!important;grid-column:1!important;grid-row:1!important;margin:25px 0 0!important;min-height:100%!important}
  html body main .dba-idx.dba-idx dba-big{display:none!important;position:absolute!important;left:0!important;top:25px!important;bottom:0!important;width:340px!important;pointer-events:none!important;z-index:2!important;background:#15141A!important;animation:dbaIdxFade .35s ease both}
  /* K38 (Peter 07.11 15.15): iOS keeps :hover after a tap; the big photo only on desktop with a mouse. */
  @media (hover:hover) and (pointer:fine) and (min-width:901px){html body main .dba-idx.dba-idx dba-li a:is(:hover,:focus-visible) dba-big{display:block!important}
  html body main .dba-idx.dba-idx dba-idx-grid:has(dba-li a:is(:hover,:focus-visible) dba-big) dba-idx-media{visibility:hidden!important}}
  html body main .dba-idx.dba-idx :is(dba-idx-media,dba-big) img{position:absolute!important;inset:0 0 28px 0!important;display:block!important;width:100%!important;max-width:100%!important;height:calc(100% - 28px)!important;object-fit:cover!important;margin:0!important}
  html body main .dba-idx.dba-idx :is(dba-idx-media,dba-big) dba-cap{position:absolute!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;justify-content:space-between!important;font:12px/1.4 suisse_reg,sans-serif!important;color:#919099!important}
  html body main .dba-idx.dba-idx .dba-idx__count{width:auto!important;max-width:none!important;font:12px/1.4 suisse_reg,sans-serif!important;color:#777b80!important;margin:32px 0 0!important}
  html body main .dba-idx.dba-idx dba-thumb{display:none!important}
  @media (max-width:900px){
    html body main section.dba-idx.dba-idx{padding:64px 0 72px!important}
    html body main .dba-idx.dba-idx dba-idx-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:36px!important}
    html body main .dba-idx.dba-idx :is(dba-idx-media,dba-big){display:none!important}
    html body main .dba-idx.dba-idx .dba-idx__h{font-size:30px!important;margin-bottom:12px!important}
    html body main .dba-idx.dba-idx .dba-idx__lead{font-size:15px!important;margin-bottom:32px!important}
    html body main .dba-idx.dba-idx dba-li a{grid-template-columns:64px minmax(0,1fr) 16px!important;column-gap:14px!important;height:auto!important;min-height:56px!important;padding:8px 0!important;font-size:19px!important;color:#e4ecef!important}
    html body main .dba-idx.dba-idx dba-thumb{display:block!important;width:64px!important;height:43px!important;overflow:hidden!important}
    html body main .dba-idx.dba-idx dba-thumb img{display:block!important;width:64px!important;height:43px!important;max-width:none!important;object-fit:cover!important;margin:0!important}
    /* K39 (Peter 07.11 17.59): the three dba dots fade in the empty thumb of 'Et andet fagområde?'. */
    html body main .dba-idx.dba-idx dba-li.dba-idx__ask dba-thumb{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
    html body main .dba-idx.dba-idx dba-li.dba-idx__ask dba-dot{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#e6eaef!important;animation:dbaIdxDot 2.5s ease-in-out infinite!important}
    html body main .dba-idx.dba-idx dba-li.dba-idx__ask dba-dot:nth-child(2){background:#b6bbc0!important;animation-delay:.2s!important}
    html body main .dba-idx.dba-idx dba-li.dba-idx__ask dba-dot:nth-child(3){background:#777b80!important;animation-delay:.4s!important}
    /* K40 (Peter 07.11 18.32): the GxP thumb zooms in on the plane, so it is not a flat blue square. */
    html body main .dba-idx.dba-idx dba-li a[href*="gxp"] dba-thumb img{transform:scale(2.6)!important;transform-origin:52% 44%!important}
    html body main .dba-idx.dba-idx dba-arr{opacity:1!important;transform:none!important}
  }
  @media (prefers-reduced-motion:reduce){html body main .dba-idx.dba-idx dba-li.dba-idx__ask dba-dot{animation:none!important;opacity:1!important}}
}
@keyframes dbaIdxFade{from{opacity:0}to{opacity:1}}
@keyframes dbaIdxDot{0%,100%{opacity:.2}45%,60%{opacity:1}}
@layer dbaSafariRules{
  /* K41 (Peter 07.11 19.54): dba-link on the forside: label, gold arrow, short gold line that grows on hover. */
  html body.home main :is(a.dashed, section.page-columns p > a){display:inline-flex!important;align-items:center!important;gap:12px!important;padding:0 0 10px!important;font:13px/1.2 suisse_reg,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#24252A!important;text-decoration:none!important;border:0!important;background:linear-gradient(#C2A46C,#C2A46C) 0 100%/28px 1px no-repeat!important;transition:background-size .35s ease!important}
  html body.home main :is(a.dashed, section.page-columns p > a)::after{content:"\2192"!important;color:#C2A46C!important;letter-spacing:0!important;font-size:15px!important;transition:transform .25s ease!important}
  html body.home main :is(a.dashed, section.page-columns p > a):is(:hover,:focus-visible){background-size:100% 1px!important}
  html body.home main :is(a.dashed, section.page-columns p > a):is(:hover,:focus-visible)::after{transform:translateX(4px)!important}
  /* K41: Kontakt phone and mail as index rows; the drawn dba icons stay. */
  html body main .dba-contact-intro .contact-info{display:block!important;border-top:1px solid #dcdfe3!important;margin-top:8px!important}
  html body main .dba-contact-intro .contact-info > a{display:grid!important;grid-template-columns:30px minmax(0,1fr) 16px!important;align-items:center!important;column-gap:18px!important;padding:20px 0!important;margin:0!important;border-bottom:1px solid #dcdfe3!important;font:26px/1.2 tiempos_reg,serif!important;color:#24252A!important;text-decoration:none!important}
  html body main .dba-contact-intro .contact-info > a > span{text-decoration:none!important;border:0!important;font:inherit!important;color:inherit!important;background:linear-gradient(#C2A46C,#C2A46C) 0 100%/0 1px no-repeat!important;transition:background-size .35s ease!important;justify-self:start!important}
  html body main .dba-contact-intro .contact-info > a:is(:hover,:focus-visible) > span{background-size:100% 1px!important}
  html body main .dba-contact-intro .contact-info > a::after{content:"\2192"!important;font:15px/1 suisse_reg,sans-serif!important;color:#C2A46C!important;text-align:right!important}
  html body main .dba-contact-intro .contact-info > a > svg{width:30px!important;height:30px!important;margin:0!important}
}
@layer dbaSafariRules{
  /* K42 (Peter 07.11 21.24): dba article template (Indblik): air, "I artiklen", pull quote, dark band, ending. */
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section{padding-top:24px!important;padding-bottom:24px!important}
  @media (min-width:901px){:root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section{padding-top:40px!important;padding-bottom:40px!important}}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight dba-toc{display:block!important;margin:8px 0 8px!important;padding:22px 0 6px!important;border-top:1px solid #dcdfe3!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight dba-toc dba-k{display:block!important;font:12px/1.2 suisse_reg,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#8a8f96!important;margin:0 0 6px!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight dba-toc a{display:grid!important;grid-template-columns:minmax(0,1fr) 16px!important;align-items:center!important;gap:12px!important;padding:13px 0!important;border-bottom:1px solid #e6e8eb!important;font:19px/1.3 tiempos_reg,serif!important;color:#24252A!important;text-decoration:none!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight dba-toc a::after{content:"\2193"!important;font:15px/1 suisse_reg,sans-serif!important;color:#C2A46C!important;text-align:right!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight dba-pull{display:block!important;margin:36px 0 36px!important;padding:22px 0 0!important;background:linear-gradient(#C2A46C,#C2A46C) 0 0/40px 1px no-repeat!important;font:26px/1.35 tiempos_reg,serif!important;color:#24252A!important;text-wrap:balance}
  @media (min-width:901px){:root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight dba-pull{font-size:34px!important;max-width:760px!important}}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight h2[id]{scroll-margin-top:96px!important}
  /* the dark band: Opgaver */
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case){background:#15141A!important;color:#c9ced2!important;padding-top:48px!important;padding-bottom:44px!important;margin:24px 0!important;box-shadow:0 0 0 100vmax #15141A!important;clip-path:inset(0 -100vmax)!important}
  @media (min-width:901px){:root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case){padding-top:72px!important;padding-bottom:64px!important;margin:40px 0!important}}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) :is(h2,h3,summary,strong,dt,b){color:#e4ecef!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) :is(p,li,dd,.dba-featured p,.dba-answer p){color:#b9bec4!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) a{color:#e4ecef!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) .dba-featured{background:#1E1D24!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) :is(.dba-facts,details.dba-case){border-color:#34333b!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) details.dba-case{border-top:1px solid #34333b!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) .dba-chevron{color:#C2A46C!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section:has(.dba-case) h2{position:relative!important;padding-top:20px!important;background:linear-gradient(#C2A46C,#C2A46C) 0 0/40px 1px no-repeat!important}
  /* the ending */
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight > section.dba-section.dba-k42-end{background:#F4F5F7!important;padding-top:40px!important;padding-bottom:44px!important;margin:0!important;box-shadow:0 0 0 100vmax #F4F5F7!important;clip-path:inset(0 -100vmax)!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight .dba-k42-end dba-links{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;margin-top:8px!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight .dba-k42-end dba-links a{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:0 0 10px!important;font:13px/1.3 suisse_reg,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#24252A!important;text-decoration:none!important;border:0!important;background:linear-gradient(#C2A46C,#C2A46C) 0 100%/28px 1px no-repeat!important}
  :root:not(#dba-k42):not(#dba-k42b) body main article.dba-insight .dba-k42-end dba-links a::after{content:"\2192"!important;color:#C2A46C!important;letter-spacing:0!important;font-size:15px!important}
}