/* WordPress-tilpasninger til designet (frontend). */
body{margin:0}
html{scroll-behavior:smooth}
.wp-site-blocks{padding:0}
.wp-block-template-part{display:contents}
.fd [hidden]{display:none!important}
.fd main{display:block}

/* Admin-bjælken skal ikke dække den klæbende header. */
.admin-bar .fd-header{top:var(--wp-admin--admin-bar--height,32px)}
@media (max-width:600px){.admin-bar .fd-header{top:0}}

/* Mobilmenu: overlay under headeren. */
html.fd-mobilmenu-aaben{overflow:hidden}
.fd-mobilmenu-aaben .fd-mobilenav{max-height:calc(100dvh - var(--fd-nav-top,110px));overflow:auto;overscroll-behavior:contain}

.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link.screen-reader-text:focus{clip-path:none;height:auto;width:auto;z-index:100000;background:#fff;color:#142a42;padding:12px 16px;top:8px;left:8px}

/* Kerneblokke inde i designets komponenter. */
.fd .wp-block-list{margin-top:0;margin-bottom:0}

/* Besked ved links til sider, der ikke findes. */
.fd-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#142a42;color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;box-shadow:0 12px 30px rgba(9,25,41,.3);transition:opacity .2s,transform .2s}
.fd-toast.is-synlig{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fd-toast{transition:none}}

/* Megamenuer: samme kolonnebredde og afstand i alle menuer (IT-løsninger, Viden …).
   Én kolonne = en fjerdedel af den brede menu; panelet er så bredt som dets antal kolonner (--n). */
.fd .fd-dd__panel.fd-tg--cols {
	--fd-tg-kol: calc((min(1180px, 100% - 2 * var(--fd-gutter)) - 28px) / 4);
	width: calc(var(--fd-tg-kol) * min(var(--n, 4), 4) + 28px);
	left: 0; right: 0; margin-inline: auto;
}
.fd .fd-tg--cols .fd-tg__cols { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); }

/* ---------------------------------------------------------------- Brancheside: IT til lægehuse (fd-lh-*) */
.fd .fd-styrkort { align-self: start; gap: 18px; }
.fd .fd-styrkort .fd-h3 { margin: 0; }

/* Ansvarsmodellen på branchesiderne: fd-am (samme komponent som "Det tager vi os af"), med titel, kort tekst og
   evt. et pakkemærke pr. felt. Orange = Furesø Data efter aftale, stiplet = anden leverandør. */
.fd .fd-am--branche .fd-am__own--fuld { grid-column: 2 / -1; }
.fd .fd-am--branche .fd-am__t { flex-direction: column; gap: 2px; }
.fd .fd-am--branche .fd-am__t small { margin-top: 2px; }
.fd .fd-am--branche .fd-am__tier { margin-top: 6px; padding: 2px 9px; border-radius: 999px; background: rgba(255, 255, 255, .22); font-size: 10.5px; font-weight: 700; letter-spacing: .03em; color: #fff; }
@media (max-width: 1100px) { .fd .fd-am--branche .fd-am__own--fuld { grid-column: 1 / -1; } }

/* Lægehus: journalen flytter til skyen – før → nu, og det, klinikken stadig skal have styr på (navy sektion) */
.fd .fd-lh-shift { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 16px; align-items: stretch; }
.fd .fd-lh-shift__col { padding: 22px 24px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); }
.fd .fd-lh-shift__h { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 14px; font-weight: 600; color: #fff; }
.fd .fd-lh-shift__h::before { content: ""; flex: none; width: 2.5px; height: 1.1em; border-radius: 2px; background: rgba(255, 255, 255, .35); }
.fd .fd-lh-shift__col--nu .fd-lh-shift__h::before { background: var(--wp--preset--color--orange); }
.fd .fd-lh-shift__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.fd .fd-lh-shift__col--foer li { position: relative; padding-left: 22px; font-size: 15px; color: rgba(255, 255, 255, .6); }
.fd .fd-lh-shift__col--foer li::before { content: ""; position: absolute; left: 0; top: .5em; width: 10px; height: 10px; border-radius: 3px; border: 1.5px dashed rgba(255, 255, 255, .4); }
.fd .fd-lh-shift__col--nu { background: rgba(255, 255, 255, .09); }
.fd .fd-lh-shift__col--nu .fd-body { color: rgba(255, 255, 255, .84); }
.fd .fd-lh-shift__pil { align-self: center; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: var(--wp--preset--color--orange); }
.fd .fd-lh-shift__pil svg { width: 20px; height: 20px; }
.fd .fd-lh-shift + .fd-styrkort { margin-top: 16px; }
.fd .fd-styrkort--bred .fd-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; }
@media (max-width: 900px) {
	.fd .fd-lh-shift, .fd .fd-styrkort--bred .fd-checklist { grid-template-columns: minmax(0, 1fr); }
	.fd .fd-lh-shift__pil { justify-self: center; transform: rotate(90deg); }
}
.fd .fd-indgang { margin-top: 20px; background: #fff; }
.fd .fd-fodnote { margin-top: 14px; }

/* Forløb med fire trin */
@media (min-width: 1101px) { .fd .fd-proc--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Overgang og pris */
.fd .fd-tjekkort { margin-top: 32px; display: flex; flex-direction: column; gap: 16px; }
.fd .fd-tjekkort .fd-h3 { margin: 0; }
.fd .fd-tjekkort .fd-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; }
.fd .fd-prisfakta { list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid #DCE4EE; }
.fd .fd-prisfakta li { display: flex; flex-direction: column; gap: 4px; padding: 16px 24px; border-left: 1px solid #DCE4EE; }
.fd .fd-prisfakta li:first-child { padding-left: 0; border-left: 0; }
.fd .fd-prisfakta b { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--daempet); }
.fd .fd-prisfakta span { font-size: 15px; line-height: 1.5; color: var(--wp--preset--color--navy); }
.fd .fd-prisnote { margin-top: 14px; }
.fd .fd-lh-privat, .fd .fd-privat { margin-top: 18px; padding: 10px 14px; border-radius: 10px; background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .75); }
@media (max-width: 900px) {
	.fd .fd-tjekkort .fd-checklist, .fd .fd-prisfakta { grid-template-columns: minmax(0, 1fr); }
	.fd .fd-prisfakta li { padding: 12px 0; border-left: 0; border-top: 1px solid #DCE4EE; }
	.fd .fd-prisfakta li:first-child { border-top: 0; }
}

/* Stibar: når heroen er scrollet forbi, glider stien frem under menuen i designets sekundære mørkeblå (navy-2) – et toneskridt,
   der står både på lyse og mørke sektioner (theme.js, afsnit 6).
   Én flade med menuen – ingen kantlinje eller skyggesøm imellem. Fremdrift vises som en fin ring om "Til toppen". */
.fd-stibar{position:absolute;left:0;right:0;top:100%;z-index:1;background:var(--wp--preset--color--navy-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 1px 0 rgba(9,25,41,.25),0 14px 28px -20px rgba(9,25,41,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}
.fd-stibar.is-synlig{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease,visibility 0s}
.fd-header:has(.fd-stibar.is-synlig){box-shadow:none;background:var(--wp--preset--color--navy)}
.fd-header:has([aria-expanded="true"]) .fd-stibar{opacity:0;visibility:hidden}
.fd .fd-stibar .fd-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px}
.fd-stibar__sti{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;font-size:13px;line-height:1;color:rgba(255,255,255,.55)}
.fd-stibar__sti>*{flex:none}
.fd .fd-stibar__sti a{color:rgba(255,255,255,.62);text-decoration:none;transition:color .15s}
.fd .fd-stibar__sti a:hover,.fd .fd-stibar__sti a:focus-visible{color:#fff;text-decoration:none}
.fd-stibar__sti [aria-current]{flex:0 0 auto;color:#fff;font-weight:600}
.fd .fd-stibar__sti span[aria-hidden="true"]{opacity:.4}
/* Den aktuelle sektion – adskilt af logoets lodrette orange streg. */
.fd-stibar__sek{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;display:block;margin-left:6px;color:rgba(255,255,255,.78);font-weight:500;line-height:16px}
.fd-stibar__sek::before{content:"";display:inline-block;width:2px;height:14px;margin-right:12px;border-radius:2px;background:var(--wp--preset--color--orange);vertical-align:-2px}
.fd-stibar__sek.is-tom{display:none}
.fd-stibar__sek.is-ny{animation:fd-sek .4s ease}
@keyframes fd-sek{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
/* "Til toppen" med fremdriftsring. */
.fd-stibar__op{flex:none;display:inline-flex;align-items:center;gap:10px;padding:4px 0;border:0;background:none;font:500 13px/1 Poppins,sans-serif;color:rgba(255,255,255,.7);cursor:pointer;transition:color .2s}
.fd-stibar__op:hover{color:#fff}
.fd-stibar__ring{position:relative;flex:none;width:28px;height:28px}
.fd-stibar__ring svg{position:absolute;inset:0;width:28px;height:28px;transform:rotate(-90deg)}
.fd-stibar__ring circle{fill:none;stroke-width:2}
.fd-stibar__ring .spor{stroke:rgba(255,255,255,.14)}
.fd-stibar__ring .fremdrift{stroke:var(--wp--preset--color--orange);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .15s linear}
.fd-stibar__ring i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.fd-stibar__ring i svg{position:static;width:13px;height:13px;transform:none}
.fd-stibar__op:hover .fd-stibar__ring i{transform:translateY(-2px)}
.fd-stibar__op:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px;border-radius:999px}
.fd-har-stibar .fd-anchor{scroll-margin-top:136px}
@media (max-width:640px){.fd .fd-stibar .fd-wrap{min-height:40px;gap:12px}.fd-stibar__sti{font-size:12.5px}.fd-stibar__op>span:first-child{display:none}.fd-stibar__ring,.fd-stibar__ring svg{width:26px;height:26px}.fd-har-stibar .fd-stibar__sti:has(.fd-stibar__sek:not(.is-tom))>:not([aria-current]):not(.fd-stibar__sek){display:none}}
@media (prefers-reduced-motion:reduce){.fd-stibar,.fd-stibar.is-synlig{transition:none;transform:none}.fd-stibar__sek.is-ny{animation:none}.fd-stibar__ring .fremdrift{transition:none}}

/* Footer og megamenu: hvert punkt står på én linje */
/* Én linje, hvor der er plads: footeren fra 981px, megamenuens punkter fra 1280px. Smallere skærme ombryder
   inde i punktets hover-boks i stedet for at løbe ud over kanten. */
@media (min-width: 981px) { .fd .fd-ft__col li a { white-space: nowrap; } }
@media (min-width: 1280px) { .fd .fd-dd__panel .fd-tg__i b { white-space: nowrap; } }
.fd .fd-dd__panel .fd-tg__i, .fd .fd-dd__panel .fd-tg__tx { min-width: 0; }
.fd .fd-dd__panel .fd-tg__tx small { overflow-wrap: anywhere; }

/* Hvidt kort på navy sektion: kortets egen tekst er mørk */
.fd .fd-section--navy .fd-card .fd-h3 { color: var(--wp--preset--color--navy); }
.fd .fd-section--navy .fd-card .fd-body { color: var(--wp--preset--color--tekst); }
.fd .fd-styrkort > .fd-h3 { margin: 0 0 4px; }
.fd .fd-section--navy .fd-sechead .fd-body, .fd .fd-section--navy .fd-sechead .fd-small { color: rgba(255, 255, 255, .74); }
.fd .fd-section--navy .fd-sechead .fd-body a, .fd .fd-section--navy .fd-sechead .fd-link { color: #fff; text-decoration-color: var(--wp--preset--color--orange); }

/* Kontaktsektion med rådgiverens foto (inc/personfoto.php): figuren får sin egen række under teksten i venstre kolonne og
   står på sektionens underkant; navnekortet sidder fast på figuren. Under 981px vises den almindelige personblok. */
.fd .fd-figur { display: none; }
@media (min-width: 981px) {
	.fd .fd-contact--figur { grid-template-rows: auto 1fr; row-gap: 0; }
	.fd .fd-contact--figur > .fd-contactcard { grid-column: 1; grid-row: 1; }
	.fd .fd-contact--figur > :not(.fd-contactcard):not(.fd-figur) { grid-column: 2; grid-row: 1 / span 2; }
	.fd .fd-contact--figur .fd-people, .fd .fd-contact--figur .fd-contactcard > .fd-person-inline, .fd .fd-contact--figur .fd-contactlines { display: none; }
	/* Figuren fylder rækken under teksten, så luften mellem tekst og hoved altid er 40px (min. 340px, maks. 540px høj). */
	.fd .fd-contact--figur .fd-figur { display: flex; flex-direction: column; justify-content: flex-end; position: relative; grid-column: 1; grid-row: 2; align-self: stretch; width: fit-content; min-height: 380px; padding-top: 40px; margin-bottom: calc(-1 * clamp(56px, 7vw, 96px)); }
	/* Beskåret midt på lårene: billedet selv beskæres (ikke beholderen), så navnekortet ikke klippes. */
	/* Udklippet er beskåret stramt om kroppen (top til midt på lårene), så skulderen flugter med tekstens venstrekant. */
	.fd .fd-figur__img { display: block; flex: 1 1 auto; min-height: 0; max-height: 540px; height: 100%; width: auto; filter: drop-shadow(0 24px 36px rgba(0, 0, 0, .35)); }
	.fd .fd-figur__kort { position: absolute; left: 74%; top: 52%; display: flex; flex-direction: column; gap: 3px; min-width: 210px; padding: 20px 24px 18px; border-radius: 16px; background: #fff; box-shadow: 0 24px 48px -20px rgba(0, 0, 0, .55); white-space: nowrap; }
	.fd .fd-figur__kort::before { content: ""; position: absolute; left: 24px; top: 0; width: 32px; height: 3px; border-radius: 0 0 3px 3px; background: var(--wp--preset--color--orange); }
	.fd .fd-figur__kort b { font-size: 16px; font-weight: 700; color: var(--wp--preset--color--navy); }
	.fd .fd-figur__kort span { font-size: 14px; color: var(--wp--preset--color--daempet); }
	.fd .fd-figur__kort .fd-figur__tlf { margin-top: 8px; font-size: 15px; font-weight: 700; text-decoration: none; }
	.fd .fd-figur__kort .fd-figur__tlf + a { margin-top: 2px; }
	.fd .fd-figur__kort a { margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--wp--preset--color--navy); text-decoration: underline; text-decoration-color: var(--wp--preset--color--orange); text-underline-offset: 3px; }
}
@media (min-width: 981px) and (max-width: 1240px) {
	.fd .fd-contact--figur .fd-figur { min-height: 340px; }
	.fd .fd-figur__img { max-height: 440px; }
	.fd .fd-figur__kort { left: 70%; min-width: 0; padding: 16px 18px 14px; }
}
.fd .fd-tg__i b .fd-tg__soon { display: inline-flex; vertical-align: 1px; margin: 0 0 0 8px; }

/* Brede fotobånd fra fotoshoot 2025 på branche-, lokal- og oversigtssider */
.fd .fd-wide-photo--efter { margin-top: clamp(36px, 4.5vw, 64px); box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .6); }
.fd .fd-wide-photo--foer { margin-bottom: clamp(36px, 4.5vw, 56px); }

/* Mobilmenu: den vigtigste handling er altid synlig nederst i menuen; åbne grupper og aktuel side markeres med
   orange markør (pil eller streg), mens teksten forbliver hvid – orange bruges kun som markør. */
.fd .fd-mobilenav > .fd-btn--primary { position: sticky; bottom: 0; z-index: 2; margin-top: 16px; box-shadow: 0 -18px 18px 6px var(--wp--preset--color--navy), 0 24px 0 24px var(--wp--preset--color--navy); }
.fd .fd-mgroup[open] summary, .fd .fd-msub[open] > summary { color: #fff; }
.fd .fd-mgroup[open] > summary .fd-chev, .fd .fd-msub[open] > summary .fd-chev { color: var(--wp--preset--color--orange); }
.fd .fd-mobilenav a[aria-current="page"] { color: #fff; box-shadow: inset 2.5px 0 0 var(--wp--preset--color--orange); }
/* Firmabil-fotoet har personerne i kanterne; på smalle skærme beskæres til Jonas ved bilen i stedet for midten (bilens tag). */
@media (max-width: 780px) { .fd .fd-wide-photo img[src*="firmabilen"] { object-position: 88% 40% !important; } }
/* Ansvarsmodellen (fd-am) på tablet: "vi" og "andre" deler ikke rækken – fire felter på halv bredde gav ~70 px pr. felt,
   så ord som "Brugersupport" stak ud. Under 1080 px får hver gruppe hele bredden; lange ord brydes som sidste udvej. */
@container fd (max-width: 1080px) { .fd .fd-am__row { grid-template-columns: minmax(0, 1fr); } }
@container fd (max-width: 640px) { .fd .fd-am__t { font-size: 13px; padding: 12px 10px; } }
.fd .fd-am__t { overflow-wrap: break-word; hyphens: auto; }
/* Lange mailadresser i smalle kort (fx Selvbetjening): tekstkolonnen må krympe, og adressen må brydes. */
.fd .fd-way > div { min-width: 0; }
.fd main a[href^="mailto:"] { overflow-wrap: anywhere; }
/* Pakketabellen på mobil: lange enkeltord i første kolonne ("Computeroptimering") deles i stedet for at stikke ud. */
@media (max-width: 640px) { .fd .fd-pkg tbody th { padding-inline: 10px; hyphens: auto; overflow-wrap: break-word; } }
/* Certificeringer: "slags bevis" (etiket + forklaring) stables på mobil, så forklaringen ikke presses ned på 100 px. */
@media (max-width: 600px) { .fd .fd-kind { grid-template-columns: minmax(0, 1fr); gap: 4px; } }
/* Faktafelterne i værktøjernes hero (fd-polhero): tre felter deler 340 px på mobil – mindre tekst, og lange ord må deles. */
.fd .fd-polhero > div { min-width: 0; }
.fd .fd-polhero b, .fd .fd-polhero span { overflow-wrap: break-word; hyphens: auto; }
@media (max-width: 480px) { .fd .fd-polhero > div { padding-inline: 12px; } .fd .fd-polhero b { font-size: 15px; } }
/* "Læs også" under relaterede løsninger: én rolig linje med links til uddybende artikler. */
.fd .fd-viden { margin: 24px 0 0; font-size: 15px; color: var(--wp--preset--color--daempet); }
.fd .fd-sechead .fd-viden { margin-top: 4px; }
/* Megamenuernes hoverfelt: teksten skal have luft til feltets kant – ikke kun "være inden for". Mere plads til højre
   end til venstre (ikonet står til venstre), så linjerne ikke rører kanten, når feltet er markeret. */
.fd .fd-dd__panel .fd-tg__i { padding: 9px 16px 9px 10px; gap: 11px; }
.fd .fd-dd__panel .fd-tg__i small { white-space: normal; text-wrap: pretty; }

/* ---------------------------------------------------------------- Mobil: overblik (gennemgang 31.10.2026)
   Kortsamlinger, der stod stablet i fuld bredde, gjorde siderne meget lange på telefon (forsiden ca. 22 skærme).
   - Nøgletal: kompakte gitre.
   - Kundeudtalelser og eksempler på forsiden: vandret rulning med "kig" på næste kort.
   - Cases-oversigten: eksemplernes indledning skjules på mobil (titel, størrelse, brugere og "Se eksemplet" står tilbage).
   - Artikler: "Kort fortalt"-fakta og det mørke CTA-kort i sidekolonnen skjules, når kolonnen står under artiklen –
     kontaktsektionen lige efter har samme opfordring. "Læs også" bliver. */
@media (max-width: 640px) {
	.fd .fd-cw__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.fd .fd-cw__stats > * { padding: 12px 10px; margin: 0; min-width: 0; }
	.fd .fd-cw__stats b, .fd .fd-cw__stats strong { font-size: 20px; }
	.fd .fd-cw__stats span { display: block; font-size: 11.5px; overflow-wrap: anywhere; hyphens: auto; }
	.fd .fd-app__up small { white-space: normal; }
	.fd .fd-proof__big { font-size: 19px; }

	.fd.home .fd-quotes, .fd.home .fd-dcases {
		display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
		margin-inline: calc(-1 * var(--fd-gutter, 16px)); padding: 4px var(--fd-gutter, 16px) 14px; scrollbar-width: none;
	}
	.fd.home .fd-quotes::-webkit-scrollbar, .fd.home .fd-dcases::-webkit-scrollbar { display: none; }
	.fd.home .fd-quotes > *, .fd.home .fd-dcases > * { flex: 0 0 86%; scroll-snap-align: start; margin: 0; }

	.fd .fd-cs-card__lead { display: none; }
}
@media (max-width: 980px) {
	.fd .fd-art__side > .fd-art__card:has(.fd-art__facts), .fd .fd-art__side > .fd-art__card--navy { display: none; }
}

/* ---------------------------------------------------------------- Udmærkelser med rene mærker i segl (31.10.2026)
   Fire bokse (filtre.py › udmaerkelser) med designets runde segl – lyst orange med ensfarvede orange mærker, så gazellen, de tre A'er
   og CoworkIT-cirklen får samme ramme og vægt. Bred skærm: fire i en række. Under 1180 px: 2 × 2 med seglet til
   venstre. Telefon: 2 × 2 med seglet over teksten, centreret. */
.fd .fd-awards--maerker { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fd .fd-awards--maerker .fd-award { gap: 14px; padding: 20px; align-items: center; min-width: 0; }
.fd .fd-awards--maerker .fd-award + .fd-award { border-left: 1px solid #E6ECF3; border-top: 0; }
/* Orange segl som sitets øvrige ikoner: ensfarvede mærker (*-orange.png) på den lyse orange gradient. */
.fd .fd-award__seal--maerke { width: 56px; height: 56px; background: radial-gradient(circle at 30% 30%, #FFF6EC, #FDE3CB); box-shadow: inset 0 0 0 1px rgba(244,130,32,.3), 0 4px 12px -6px rgba(244,130,32,.45); overflow: hidden; transition: transform .2s, box-shadow .2s; }
.fd .fd-award:hover .fd-award__seal--maerke { transform: translateY(-1px); box-shadow: inset 0 0 0 1px rgba(244,130,32,.45), 0 8px 18px -8px rgba(244,130,32,.55); }
.fd .fd-award__seal--maerke img { display: block; width: auto; height: auto; max-width: 56%; max-height: 56%; object-fit: contain; }
.fd .fd-award--gazelle .fd-award__seal--maerke img { max-height: 58%; transform: translateX(3%); }
.fd .fd-award--aaa .fd-award__seal--maerke img { max-width: 62%; }
.fd .fd-award--coworkit .fd-award__seal--maerke img { max-width: 52%; max-height: 52%; }
.fd .fd-awards--maerker .fd-award > div { min-width: 0; }
.fd .fd-awards--maerker .fd-award__k { margin: 0 0 2px; }
.fd .fd-awards--maerker .fd-award__t { font-size: 15.5px; line-height: 1.3; margin: 0 0 2px; }
.fd .fd-awards--maerker .fd-award__d { font-size: 13px; line-height: 1.45; margin: 0; text-wrap: pretty; }
@container fd (max-width: 1180px) {
	.fd .fd-awards--maerker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fd .fd-awards--maerker .fd-award:nth-child(odd) { border-left: 0; }
	.fd .fd-awards--maerker .fd-award:nth-child(n+3) { border-top: 1px solid #E6ECF3; }
}
@media (max-width: 640px) {
	.fd .fd-awards--maerker .fd-award { flex-direction: column; text-align: center; gap: 10px; padding: 18px 12px; }
	.fd .fd-award__seal--maerke { width: 52px; height: 52px; }
	.fd .fd-awards--maerker .fd-award__k { font-size: 11.5px; }
	.fd .fd-awards--maerker .fd-award__t { font-size: 15px; }
	.fd .fd-awards--maerker .fd-award__d { font-size: 13px; text-wrap: balance; }
}

/* ---------------------------------------------------------------- Forsidens første skærm (31.10.2026)
   Telefon: etiketten på én linje, kortere afstande, så overskrift, indledning og begge knapper står på første skærm.
   Den sekundære knap er rolig (kant), den primære fylder. Fakta under knapperne i et stramt 2×2-gitter med
   læsbar tekst (14 px) – anmeldelserne øverst. */
.fd.home .fd-hero__ctas .fd-btn--ghost { background: #fff; }
/* Overskriftens orange del står altid på sin egen linje (ved 768 px blev "En" ellers hængende på første linje). */
.fd.home .fd-hero .fd-h1 .fd-hl { display: block; }
/* 981–1180 px: de to knapper kan stå side om side i den smallere tekstkolonne. */
@media (min-width: 981px) and (max-width: 1180px) {
	.fd.home .fd-hero__ctas { gap: 10px; }
	.fd.home .fd-hero__proof--cols { grid-template-columns: max-content minmax(0, 1fr); gap: 12px 24px; }
	.fd.home .fd-hero__ctas .fd-btn { padding-inline: 16px; font-size: 14px; gap: 6px; }
}
@media (max-width: 640px) {
	.fd.home .fd-hero { padding-block: 22px 36px; }
	.fd.home .fd-hero__copy { gap: 16px; }
	.fd.home .fd-hero .fd-eyebrow { font-size: 13px; letter-spacing: -.015em; gap: 10px; margin: 0 0 -4px; text-wrap: balance; }
	.fd.home .fd-hero .fd-h1 { font-size: 33px; }
	.fd.home .fd-hero .fd-h1::after { margin-top: 14px; }
	.fd.home .fd-hero .fd-lead { font-size: 16px; line-height: 1.55; }
	.fd.home .fd-hero__ctas { gap: 10px; margin-top: 2px; }
	.fd.home .fd-hero__ctas .fd-btn { min-height: 50px; }
	.fd.home .fd-hero__proof--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; font-size: 14px; }
	.fd.home .fd-hero__proof--cols > span { align-items: flex-start; line-height: 1.35; min-width: 0; }
	.fd.home .fd-hero__proof--cols svg { margin-top: 1px; flex: none; }
	.fd.home .fd-hero__proof .stars svg { width: 13px; height: 13px; }
	.fd.home .fd-hero__proof .stars { flex-basis: 100%; }
	.fd.home .fd-hero__proof--cols > span:has(.stars) { flex-wrap: wrap; gap: 3px 6px; }
	.fd.home .fd-hero__proof--cols > span:not(:has(.stars)) { grid-column: 1 / -1; }
}

/* Udvalgt billede øverst i indlæg og ordbogsopslag (inc/indlaeg.php). Samme 16:9-format som kortene på oversigten. */
.fd .fd-art__fig { margin: 0 0 10px; border-radius: 16px; overflow: hidden; aspect-ratio: 16 / 9; background: #EEF4FB; border: 1px solid #E4EAF2; }
.fd .fd-art__fig img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* IT-ordbogen: kort svar, diagrammer, tabeller, indholdsfortegnelse og kilder (FUDA WP Tools › ordbog.php). */
.fd .fd-ord__svar { background: #fff; border: 1px solid #E4EAF2; border-left: 4px solid var(--wp--preset--color--orange, #F48220); border-radius: 12px; padding: 18px 22px; box-shadow: 0 1px 12px rgba(20,42,66,.05); }
.fd .fd-ord__svar-k { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #F48220; margin: 0 0 6px; }
.fd .fd-ord__svar p:not(.fd-ord__svar-k) { margin: 0; font-size: 17px; line-height: 1.7; color: #142A42; }
.fd .fd-dia { margin: 10px 0 6px; padding: 22px; border-radius: 16px; background: #F4F6F9; border: 1px solid #E4EAF2; }
.fd .fd-dia__t { font-size: 13px; font-weight: 700; color: #6B7A8D; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 14px; }
.fd .fd-dia__trin { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: fdtrin; }
.fd .fd-dia__trin > li { counter-increment: fdtrin; position: relative; background: #fff; border: 1px solid #E4EAF2; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; margin: 0; }
.fd .fd-dia__trin > li b { font-size: 15px; color: #142A42; line-height: 1.3; }
.fd .fd-dia__trin > li span { font-size: 14px; line-height: 1.5; color: #5B6B7F; }
.fd .fd-dia--flow .fd-dia__trin, .fd .fd-dia--cyklus .fd-dia__trin { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.fd .fd-dia--flow .fd-dia__trin > li, .fd .fd-dia--cyklus .fd-dia__trin > li { padding-top: 44px; }
.fd .fd-dia--flow .fd-dia__trin > li::before, .fd .fd-dia--cyklus .fd-dia__trin > li::before { content: counter(fdtrin); position: absolute; left: 16px; top: 12px; width: 24px; height: 24px; border-radius: 50%; background: #F48220; color: #fff; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.fd .fd-dia--flow .fd-dia__trin > li:not(:last-child)::after { content: '→'; position: absolute; right: -11px; top: 12px; color: #F48220; font-weight: 700; font-size: 16px; z-index: 1; }
.fd .fd-dia--cyklus .fd-dia__trin > li:last-child::after { content: '↺ forfra'; position: absolute; right: 12px; top: 14px; color: #F48220; font-size: 12px; font-weight: 700; }
.fd .fd-dia--lag .fd-dia__trin > li { border-left: 4px solid #142A42; }
.fd .fd-dia--lag .fd-dia__trin > li:first-child { border-left-color: #F48220; }
.fd .fd-dia__cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fd .fd-dia__side { background: #fff; border: 1px solid #E4EAF2; border-radius: 12px; padding: 16px 18px; }
.fd .fd-dia__side + .fd-dia__side { border-color: #F48220; }
.fd .fd-dia__h { font-weight: 700; font-size: 16px; color: #142A42; margin: 0 0 8px; }
.fd .fd-dia__ul { margin: 0; padding-left: 18px; }
.fd .fd-dia__ul li { font-size: 14.5px; line-height: 1.55; color: #3E4C5E; margin: 4px 0; }
.fd .fd-tabel { margin: 6px 0; overflow-x: auto; }
.fd .fd-tabel table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 520px; }
.fd .fd-tabel th, .fd .fd-tabel td { border: 0; border-bottom: 1px solid #E4EAF2; padding: 10px 12px; text-align: left; vertical-align: top; line-height: 1.5; }
.fd .fd-tabel thead th { background: #F4F6F9; color: #142A42; font-weight: 700; }
.fd .fd-tabel figcaption { font-size: 13px; color: #6B7A8D; margin-top: 8px; text-align: left; }
.fd .fd-toc__ul { list-style: none; margin: 0; padding: 0; }
.fd .fd-toc__ul li { margin: 0; border-top: 1px solid #EDF1F6; }
.fd .fd-toc__ul a { display: block; padding: 8px 0; font-size: 14px; line-height: 1.4; color: #142A42; text-decoration: none; }
.fd .fd-toc__ul a:hover { color: #F48220; }
.fd .fd-ord__q li { font-weight: 500; }
.fd .fd-ord__kilder { margin-top: 10px; padding-top: 14px; border-top: 1px solid #E4EAF2; }
.fd .fd-ord__kilder-h { font-size: 13px; font-weight: 700; color: #6B7A8D; margin: 0 0 4px; }
.fd .fd-ord__kilder-ul { margin: 0; padding-left: 18px; }
.fd .fd-ord__kilder-ul li { font-size: 13.5px; line-height: 1.5; margin: 3px 0; }
@container fd (max-width: 760px) {
	.fd .fd-dia__cmp { grid-template-columns: 1fr; }
	.fd .fd-dia--flow .fd-dia__trin > li:not(:last-child)::after { content: '↓'; right: auto; left: 50%; top: auto; bottom: -15px; }
}
.fd .fd-dia__trin > li b, .fd .fd-dia__trin > li span, .fd .fd-tabel td { overflow-wrap: break-word; hyphens: manual; -webkit-hyphens: manual; }
@container fd (max-width: 560px) {
	.fd .fd-dia--flow .fd-dia__trin, .fd .fd-dia--cyklus .fd-dia__trin { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------- Finpudsning (31.10.2026)
   Megamenuens bundfelt: går helt ud til panelets kant, så panelets afrunding (overflow: hidden) også er bundfeltets –
   før sad feltet 7 px inde med en anden radius, og hjørnerne flugtede ikke. */
.fd .fd-tg--cols .fd-tg__foot { margin: 6px -6px 0; border-radius: 0; }

/* Ordbog › Kort fortalt: korte værdier står til højre på linjen; lange (fx Også kaldt) brydes ned under etiketten
   i stedet for at blive klemt ind i en smal kolonne. */
.fd .fd-art__facts li { flex-wrap: wrap; gap: 4px 16px; align-items: baseline; }
.fd .fd-art__facts li > b { flex: none; }
.fd .fd-art__facts li > span { flex: 0 0 auto; max-width: 100%; margin-left: auto; line-height: 1.5; text-wrap: pretty; }

/* Ordbog › Forløb: højst tre trin side om side. Fire eller flere trin vises som lodret tidslinje (nummer til venstre,
   forbindelseslinje), så teksten ikke orddeles i smalle kolonner, og intet trin står alene på en ny række. */
.fd .fd-dia--flow .fd-dia__trin, .fd .fd-dia--cyklus .fd-dia__trin { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.fd .fd-dia__trin:has(> li:nth-child(4)) { grid-template-columns: 1fr !important; gap: 10px; }
.fd .fd-dia__trin:has(> li:nth-child(4)) > li { padding: 14px 18px 14px 58px !important; }
.fd .fd-dia__trin:has(> li:nth-child(4)) > li::before { left: 18px !important; top: 14px !important; }
.fd .fd-dia--flow .fd-dia__trin:has(> li:nth-child(4)) > li:not(:last-child)::after { content: ''; right: auto; left: 29px; top: 40px; bottom: -11px; width: 2px; height: auto; background: #F9C79A; }
.fd .fd-dia--cyklus .fd-dia__trin:has(> li:nth-child(4)) > li:last-child::after { top: 14px; right: 16px; }
.fd .fd-dia__trin > li b { text-wrap: balance; }
.fd .fd-dia__trin > li span { text-wrap: pretty; }

/* Sticky-elementer under menuen: når stibaren (brødkrummebjælken, 44 px) er vist, slutter headeren ved ca. 114 px.
   Elementer med top 96 px gled ind under den og fik toppen skåret af. */
.fd-har-stibar .fd-art__side, .fd-har-stibar .fd-assess__res, .fd-har-stibar .fd-res2, .fd-har-stibar .fd-pol__doc,
.fd-har-stibar .fd-polside, .fd-har-stibar .fd-calc3__out, .fd-har-stibar .fd-nmp, .fd-har-stibar .fd-est { top: 132px; }
.fd-har-stibar .fd-summary { top: 150px; }
.fd-har-stibar .fd .fd-hx-split > .fd-sechead { top: 134px; }
/* Artikel- og ordbogsspalten er højere end skærmen: hele spalten kan ikke stå fast, så de nederste kort aldrig blev
   synlige. Spalten følger nu siden, og kun det sidste kort (kontakt) bliver stående, mens man læser. */
@media (min-width: 981px) {
	.fd .fd-art__side { position: static; align-self: stretch; }
	.fd .fd-art__side > :last-child { position: sticky; top: 96px; }
	.fd-har-stibar .fd .fd-art__side > :last-child { top: 132px; }
}

/* Ingen automatisk orddeling i overskrifter, spørgsmål og korttitler (brandregel). Lange sammensatte ord brydes kun,
   hvis de ellers ville løbe ud over kanten, og overskrifter balanceres, så sidste linje ikke står med ét ord. */
.fd .fd-h1, .fd .fd-h2, .fd .fd-h3, .fd h1, .fd h2, .fd h3, .fd h4, .fd .fd-faq__q > span:first-child, .fd .fd-am__t,
.fd .fd-polhero b, .fd .fd-dia__trin > li b { hyphens: manual; -webkit-hyphens: manual; overflow-wrap: break-word; }
.fd h1, .fd h2, .fd h3, .fd .fd-h1, .fd .fd-h2, .fd .fd-h3 { text-wrap: balance; }

/* Metalinjer med ikon (fx "Også kaldt" i ordbogens hero): ikonet krympede til en prik, når teksten fyldte flere
   linjer, og stod midt på højden. Nu fast størrelse og placeret ud for første linje. */
.fd .fd-art__meta { align-items: flex-start; line-height: 1.55; }
.fd .fd-art__meta svg { flex: none; margin-top: 2px; }
@media (max-width: 640px) {
	.fd .fd-ord__svar { padding: 16px 18px; }
	.fd .fd-ord__svar p:not(.fd-ord__svar-k) { font-size: 16px; line-height: 1.65; }
}
/* Heller ingen orddeling i nøgletal, mærkater og tabeller – ord holdes hele og brydes kun, hvis de ikke kan være der. */
.fd .fd-polhero span, .fd .fd-cw__stats span, .fd .fd-art__table td, .fd .fd-art__table b, .fd .fd-tabel td,
.fd .fd-pkg tbody th, .fd .fd-faq__q > span:first-child { hyphens: manual; -webkit-hyphens: manual; overflow-wrap: break-word; }
/* Workspace-demoen: kommende opgaver afkortede teksten med "…" i mellembredder. Teksten må nu bryde over to linjer. */
.fd .fd-app__up li b, .fd .fd-app__up li small { white-space: normal; overflow: visible; text-overflow: clip; }