@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}
  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}
    html body main .dba-idx.dba-idx dba-arr{opacity:1!important;transform:none!important}
  }
}
@keyframes dbaIdxFade{from{opacity:0}to{opacity:1}}