{"id":17807,"date":"2026-09-07T14:36:31","date_gmt":"2026-09-07T12:36:31","guid":{"rendered":"https:\/\/dat.dk\/?page_id=17807"},"modified":"2026-09-22T15:54:13","modified_gmt":"2026-09-22T13:54:13","slug":"erhverv","status":"publish","type":"page","link":"https:\/\/dat.dk\/no\/erhverv\/","title":{"rendered":"DAT Erhverv DK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17807\" class=\"elementor elementor-17807\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d7677 e-flex e-con-boxed e-con e-parent\" data-id=\"07d7677\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72a9ac4 elementor-widget elementor-widget-html\" data-id=\"72a9ac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"dat-lp\">\n<style>\n\/* Inter-skrifttypen. Slet linjen herunder, hvis WordPress-temaet allerede\n   indl\u00e6ser Inter \u2014 s\u00e5 bruger siden temaets egen indl\u00e6sning. *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   AFSNIT 1 \u2014 BILLEDER\n   Inds\u00e6t URL'erne fra WordPress' mediebibliotek mellem anf\u00f8rselstegnene.\n   Lad url(\" \") st\u00e5 \u2014 det er kun teksten indeni, der skal skiftes ud.\n   S\u00e6tter du en tom v\u00e6rdi, vises en neutral gr\u00e5 flade i stedet.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dat-lp{\n  --img-hero:   url(\"https:\/\/dat.dk\/wp-content\/uploads\/2026\/09\/dat_corporate_hero-scaled.webp\");\n  --img-intro:  url(\"https:\/\/dat.dk\/wp-content\/uploads\/2026\/09\/dat_corporate_fleet-scaled.webp\");\n  --img-portal: url(\"https:\/\/dat.dk\/wp-content\/uploads\/2026\/09\/dat_corporate_portal-scaled.webp\");\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* ---------- farver, typografi og m\u00e5l ----------\n   Farverne herunder er hentet fra WordPress' \"Global Colors\"-panel\n   (Indstillinger for websted \u2192 Globale farver), s\u00e5 siden bruger de\n   samme nuancer som resten af dat.dk. Gr\u00e5\/sort er nu kun tre trin:\n   --ink (br\u00f8dtekst), --ink-2 (sekund\u00e6r tekst) og --line (kanter\/disable). *\/\n.dat-lp{\n  --deep:#9B0909;\n  --red:#CC0000;\n  --red-hover:#B00000;\n  --ground:#FFFFFF;\n  --wash:#F1F1F1;\n  --line:#C2C2C2;\n  --ink:#313131;\n  --ink-2:#515151;\n  --green:#1A7A3C;\n  --blue:#1B4F9E;\n  --pad:clamp(18px,5vw,44px);\n  \/* Afstand fra toppen, n\u00e5r siden ruller til en CTA. Skru op, hvis\n     WordPress-temaets header er sticky og d\u00e6kker overskriften. *\/\n  --anker:90px;\n  box-sizing:border-box;\n  background:var(--ground);\n  color:var(--ink);\n  font-family:\"Inter\",\"Helvetica Neue\",Arial,sans-serif;\n  font-size:1.0625rem;\n  line-height:1.65;\n  -webkit-font-smoothing:antialiased;\n}\n.dat-lp *,.dat-lp *::before,.dat-lp *::after{box-sizing:border-box}\n.dat-lp h1,.dat-lp h2,.dat-lp h3,.dat-lp h4,.dat-lp p,.dat-lp figure,\n.dat-lp table,.dat-lp label,.dat-lp ul{margin:0}\n.dat-lp h1,.dat-lp h2,.dat-lp h3{text-wrap:balance;letter-spacing:-.02em;font-weight:700;line-height:1.15}\n.dat-lp a{color:inherit}\n.dat-lp :focus-visible{outline:2px solid var(--red);outline-offset:3px}\n.dat-lp img{max-width:100%;display:block}\n.dat-lp .dat-wrap{max-width:1180px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}\n.dat-lp .dat-col{max-width:760px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}\n\/* Med ensfarvet hvid baggrund hele vejen ned l\u00e6gger to sektioners\n   padding sig oven i hinanden uden noget farveskift til at retf\u00e6rdigg\u00f8re\n   det, s\u00e5 den er sat en del ned i forhold til dengang sektionerne skiftede\n   mellem hvid og gr\u00e5. *\/\n.dat-lp section{padding:clamp(28px,4vw,52px) 0;scroll-margin-top:var(--anker)}\n.dat-lp .dat-alt{background:var(--wash)}\n.dat-lp h2{font-size:clamp(1.6rem,3vw,2.15rem)}\n.dat-lp .dat-sub{color:var(--ink-2);margin-top:14px}\n.dat-lp .dat-fine{font-size:.8125rem;color:var(--ink-2);margin-top:22px;line-height:1.55}\n\/* ---------- knapper ---------- *\/\n.dat-lp .dat-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;\n  font-size:1rem;font-weight:600;padding:14px 26px;border-radius:4px;border:1px solid transparent;\n  text-decoration:none;cursor:pointer;line-height:1.3;\n  transition:background-color .15s ease,color .15s ease,border-color .15s ease}\n.dat-lp .dat-btn-primary{background:var(--red);color:#fff}\n.dat-lp .dat-btn-primary:hover{background:var(--red-hover);color:#fff}\n.dat-lp .dat-btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}\n.dat-lp .dat-btn-ghost:hover{border-color:var(--ink)}\n.dat-lp .dat-btn-onred{background:#fff;color:var(--deep);border-color:#fff}\n.dat-lp .dat-btn-onred:hover{background:rgba(255,255,255,.88);color:var(--deep)}\n.dat-lp .dat-btn-hero-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}\n.dat-lp .dat-btn-hero-ghost:hover{background:rgba(255,255,255,.16);border-color:#fff;color:#fff}\n.dat-lp .dat-arw{font-size:1.05em;line-height:1}\n\/* ---------- billedflader ---------- *\/\n.dat-lp .dat-foto{background:var(--wash) center\/cover no-repeat;border-radius:8px;width:100%}\n.dat-lp .dat-cap{font-size:.75rem;color:var(--ink-2);margin-top:8px}\n\/* ---------- hero ---------- *\/\n.dat-lp .dat-hero{position:relative;background:var(--deep);color:#fff;text-align:center;overflow:hidden;isolation:isolate}\n\/* Billedet er sat 100px l\u00e6ngere ud \u00f8verst og nederst end selve hero'en,\n   som s\u00e5 (via overflow:hidden herover) sk\u00e6rer de yderste 100px af toppen\n   og bunden af billedet v\u00e6k \u2014 det giver et t\u00e6ttere, mere zoomet udsnit. *\/\n.dat-lp .dat-hero::after{content:\"\";position:absolute;top:-100px;right:0;bottom:-100px;left:0;z-index:-2;\n  background-image:var(--img-hero);background-size:cover;background-position:center 62%}\n.dat-lp .dat-hero::before{content:\"\";position:absolute;inset:0;background:rgba(0,0,0,.44);z-index:-1}\n.dat-lp .dat-hero .dat-wrap{position:relative;padding-top:clamp(64px,11vw,150px);padding-bottom:clamp(64px,11vw,150px)}\n.dat-lp .dat-hero h1{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.08;max-width:22ch;margin:0 auto;color:#fff}\n.dat-lp .dat-lede{margin-top:18px;font-size:clamp(1.0625rem,1.9vw,1.3rem);font-weight:500;\n  color:rgba(255,255,255,.94);max-width:46ch;margin-left:auto;margin-right:auto}\n.dat-lp .dat-herocta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}\n\/* ---------- intro ---------- *\/\n.dat-lp .dat-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,58px);\n  align-items:start;max-width:1180px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}\n.dat-lp .dat-intro-grid>*{min-width:0}\n@media (max-width:880px){.dat-lp .dat-intro-grid{grid-template-columns:1fr;gap:30px}}\n.dat-lp .dat-intro p+p{margin-top:15px}\n.dat-lp .dat-intro .dat-btn{margin-top:26px}\n\/* ---------- rejsetids-sammenligning \u2014 sidder nu i intro-grid'en, ved siden\n   af teksten, s\u00e5 den ikke har brug for egen top-margin eller centrering ---------- *\/\n.dat-lp .dat-compare{border:1px solid var(--line);border-radius:8px;padding:26px 28px;background:#fff}\n@media (max-width:600px){.dat-lp .dat-compare{padding:22px 18px}}\n.dat-lp .dat-compare h3{font-size:1.0625rem;font-weight:600}\n.dat-lp .dat-compare .dat-csub{font-size:.8125rem;color:var(--ink-2);margin-top:4px}\n.dat-lp .dat-trip{margin-top:26px}\n.dat-lp .dat-trip-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}\n.dat-lp .dat-trip-name{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}\n.dat-lp .dat-trip-total{font-weight:700;font-size:clamp(1.3rem,2.6vw,1.6rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums}\n.dat-lp .dat-trip-fly .dat-trip-total{color:var(--red)}\n.dat-lp .dat-bar{display:flex;height:15px;margin-top:10px;gap:2px;width:100%;border-radius:2px;overflow:hidden;background:#fff}\n.dat-lp .dat-bar .dat-seg{height:100%;width:var(--w);transition:width .9s cubic-bezier(.22,.7,.24,1)}\n.dat-lp .dat-compare.dat-anim .dat-bar .dat-seg{width:0}\n.dat-lp .dat-compare.dat-anim.dat-in .dat-bar .dat-seg{width:var(--w)}\n.dat-lp .dat-seg-rest{background:var(--line)}\n.dat-lp .dat-seg-flyrest{background:var(--ink-2)}\n.dat-lp .dat-seg-sail{background:var(--blue)}\n.dat-lp .dat-seg-air{background:var(--red)}\n.dat-lp .dat-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:11px;font-size:.8125rem;color:var(--ink-2)}\n.dat-lp .dat-legend span{display:inline-flex;align-items:center;gap:7px}\n.dat-lp .dat-legend i{width:9px;height:9px;flex:none;display:inline-block;border-radius:1px}\n.dat-lp .dat-compare .dat-cfoot{margin-top:24px;background:var(--wash);border-radius:4px;padding:12px 14px;font-size:.8125rem;color:var(--ink-2)}\n.dat-lp .dat-compare .dat-cfoot a{color:var(--red);font-weight:600}\n@media (prefers-reduced-motion:reduce){\n  .dat-lp .dat-bar .dat-seg,.dat-lp .dat-compare.dat-anim .dat-bar .dat-seg{transition:none;width:var(--w)}\n}\n\/* ---------- to niveauer + pristabel ---------- *\/\n.dat-lp .dat-levels{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,56px);margin-top:32px}\n.dat-lp .dat-levels>*{min-width:0}\n@media (max-width:760px){.dat-lp .dat-levels{grid-template-columns:1fr;gap:32px}}\n.dat-lp .dat-level h3{font-size:1.25rem;padding-bottom:12px;border-bottom:3px solid var(--red)}\n.dat-lp .dat-level .dat-who{font-size:.9375rem;color:var(--ink-2);margin-top:14px}\n.dat-lp .dat-level ul{list-style:none;margin:16px 0 0;padding:0;font-size:.9375rem}\n.dat-lp .dat-level li{display:flex;gap:11px;padding:8px 0;color:var(--ink-2)}\n.dat-lp .dat-level li .dat-tick{color:var(--green);font-weight:700;flex:none}\n.dat-lp .dat-level .dat-btn{margin-top:18px}\n.dat-lp details.dat-prices{margin-top:26px;border:1px solid var(--line);border-radius:8px;background:#fff}\n.dat-lp details.dat-prices summary{list-style:none;cursor:pointer;padding:14px 44px 14px 18px;font-size:.9375rem;font-weight:600;position:relative}\n.dat-lp details.dat-prices summary::-webkit-details-marker{display:none}\n.dat-lp details.dat-prices summary::after{content:\"+\";position:absolute;right:18px;top:10px;font-size:1.25rem;color:var(--red)}\n.dat-lp details.dat-prices[open] summary::after{content:\"\u2013\"}\n.dat-lp .dat-ptable-wrap{overflow-x:auto;border-top:1px solid var(--line);-webkit-overflow-scrolling:touch}\n.dat-lp table.dat-ptable{width:100%;border-collapse:collapse;font-size:.875rem}\n.dat-lp table.dat-ptable th,.dat-lp table.dat-ptable td{padding:10px 14px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}\n.dat-lp table.dat-ptable th:first-child,.dat-lp table.dat-ptable td:first-child{text-align:left}\n.dat-lp table.dat-ptable thead th{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:700}\n.dat-lp table.dat-ptable td{font-variant-numeric:tabular-nums;color:var(--ink-2)}\n.dat-lp table.dat-ptable td:first-child{color:var(--ink);font-weight:600}\n.dat-lp table.dat-ptable tbody tr:last-child td{border-bottom:0;background:var(--wash)}\n\/* Prislisten som kort \u2014 vises i stedet for tabellen p\u00e5 mobil, s\u00e5 man\n   ikke skal scrolle til siden for at se priserne. *\/\n.dat-lp .dat-pcards{display:none}\n.dat-lp .dat-pcard{border-top:1px solid var(--line);padding:16px 18px}\n.dat-lp .dat-pcard:first-child{border-top:0}\n.dat-lp .dat-pcard h4{font-size:.9375rem;font-weight:700}\n.dat-lp .dat-pcard-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;\n  padding:7px 0;font-size:.875rem;border-bottom:1px dashed var(--line)}\n.dat-lp .dat-pcard-row:last-child{border-bottom:0}\n.dat-lp .dat-pcard-row span:first-child{color:var(--ink-2)}\n.dat-lp .dat-pcard-row span:last-child{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}\n.dat-lp .dat-pcard-best span:first-child{color:var(--ink);font-weight:600}\n.dat-lp .dat-pcard-best span:last-child{color:var(--red)}\n@media (max-width:640px){\n  .dat-lp .dat-ptable-wrap{display:none}\n  .dat-lp .dat-pcards{display:block}\n}\n\/* ---------- beregner ---------- *\/\n.dat-lp .dat-calc{font-size:16px;line-height:1.6;background:#fff;border:1px solid var(--line);\n  border-radius:8px;overflow:hidden;max-width:820px;margin:0 auto}\n.dat-lp .dat-calc-head{padding:24px 26px 0}\n.dat-lp .dat-calc-head h3{font-size:1.25rem}\n.dat-lp .dat-calc-head p{margin-top:8px;font-size:.9375rem;color:var(--ink-2)}\n@media (max-width:640px){.dat-lp .dat-calc-head{padding:22px 18px 0}}\n\/* ---------- beregneren som trin-for-trin (\u00e9t sp\u00f8rgsm\u00e5l ad gangen) ---------- *\/\n.dat-lp .dat-steps{display:flex;gap:6px;margin-top:18px}\n.dat-lp .dat-step-dot{width:7px;height:7px;border-radius:50%;background:var(--line);flex:none;transition:background-color .15s ease}\n.dat-lp .dat-step-dot-active{background:var(--red)}\n.dat-lp .dat-step-dot-done{background:var(--ink-2)}\n\/* Trinnene ligger oven p\u00e5 hinanden i \"ruden\" (kun det aktive trin ligger i\n   normal flow og bestemmer dermed rudens h\u00f8jde) og glider ind\/ud i siden\n   via opacity + transform. dat-step-enter-* er startpositionen lige f\u00f8r et\n   trin bliver aktivt, dat-step-exit-* er hvor et trin glider hen n\u00e5r det\n   forlades \u2014 JS'en styrer hvorn\u00e5r klasserne s\u00e6ttes\/fjernes. *\/\n.dat-lp .dat-step-viewport{position:relative}\n.dat-lp .dat-step{position:absolute;top:0;left:0;width:100%;padding:22px 26px 26px;\n  opacity:0;transform:translateX(0);pointer-events:none;\n  transition:opacity .3s ease,transform .3s ease}\n.dat-lp .dat-step.dat-step-active{position:relative;opacity:1;transform:translateX(0);pointer-events:auto}\n.dat-lp .dat-step.dat-step-enter-left{opacity:0;transform:translateX(-28px)}\n.dat-lp .dat-step.dat-step-enter-right{opacity:0;transform:translateX(28px)}\n.dat-lp .dat-step.dat-step-exit-left{opacity:0;transform:translateX(-28px)}\n.dat-lp .dat-step.dat-step-exit-right{opacity:0;transform:translateX(28px)}\n.dat-lp .dat-step[data-step=\"5\"]{padding:0}\n@media (max-width:640px){.dat-lp .dat-step{padding:20px 18px 22px}}\n@media (prefers-reduced-motion:reduce){\n  .dat-lp .dat-step{transition:none}\n}\n.dat-lp .dat-step-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}\n.dat-lp .dat-step-nav .dat-btn{margin-top:0;flex:none;white-space:nowrap}\n.dat-lp .dat-step-nav .dat-step-back{color:var(--ink-2);border-color:transparent;background:transparent;padding-left:0;padding-right:0}\n.dat-lp .dat-step-nav .dat-step-back:hover{color:var(--ink)}\n\/* Under ca. 380px kn\u00e6kker \"\u2190 Ret tal\" og \"Ans\u00f8g om en aftale\" ellers midt i\n   teksten, n\u00e5r de to knapper skal dele bredden \u2014 s\u00e5 her stables de i stedet,\n   fylder hele bredden og f\u00e5r luft over sig. *\/\n@media (max-width:380px){\n  .dat-lp .dat-step-nav{flex-direction:column;align-items:stretch;gap:10px}\n  .dat-lp .dat-step-nav .dat-btn{width:100%;white-space:normal}\n  .dat-lp .dat-step-nav .dat-step-back{padding:12px 0}\n}\n\/* Resultatet (trin 5) letter lidt ekstra op, n\u00e5r det dukker op *\/\n@keyframes datKpiInd{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\n.dat-lp .dat-step[data-step=\"5\"].dat-step-active .dat-result{animation:datKpiInd .4s ease both}\n.dat-lp .dat-step[data-step=\"5\"].dat-step-active .dat-result-time{animation:datKpiInd .4s ease both;animation-delay:.1s}\n@media (prefers-reduced-motion:reduce){\n  .dat-lp .dat-step[data-step=\"5\"].dat-step-active .dat-result,\n  .dat-lp .dat-step[data-step=\"5\"].dat-step-active .dat-result-time{animation:none}\n}\n.dat-lp .dat-f{display:flex;flex-direction:column;gap:6px}\n.dat-lp .dat-f label{font-size:.8125rem;font-weight:600;color:var(--ink-2)}\n.dat-lp .dat-f input,.dat-lp .dat-f select{\n  font-family:inherit;font-size:1rem;line-height:1.4;color:var(--ink);background:#fff;\n  border:1px solid var(--line);border-radius:4px;padding:11px 13px;width:100%;\n  font-variant-numeric:tabular-nums;height:auto;box-shadow:none;margin:0;-webkit-appearance:none;appearance:none}\n.dat-lp .dat-f select{background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);\n  background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);\n  background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}\n.dat-lp .dat-f input:focus,.dat-lp .dat-f select:focus{border-color:var(--ink);outline:2px solid transparent}\n.dat-lp .dat-hint{font-size:.75rem;color:var(--ink-2);line-height:1.45}\n\/* ---------- \"regn det ud i stedet\"-panelet under bil\/f\u00e6rge-feltet ---------- *\/\n.dat-lp .dat-fbreak{margin-top:14px;border:1px solid var(--line);border-radius:6px;background:var(--wash)}\n.dat-lp .dat-fbreak summary{list-style:none;cursor:pointer;padding:11px 34px 11px 14px;\n  font-size:.8125rem;font-weight:600;color:var(--ink-2);position:relative}\n.dat-lp .dat-fbreak summary::-webkit-details-marker{display:none}\n.dat-lp .dat-fbreak summary::after{content:\"+\";position:absolute;right:14px;top:9px;font-size:1.1rem;color:var(--red)}\n.dat-lp .dat-fbreak[open] summary::after{content:\"\u2013\"}\n.dat-lp .dat-fbreak-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:2px 14px 14px}\n.dat-lp .dat-fbreak-grid .dat-f label{font-size:.75rem}\n.dat-lp .dat-fbreak-grid .dat-f input{padding:9px 11px}\n@media (max-width:520px){.dat-lp .dat-fbreak-grid{grid-template-columns:1fr;gap:10px}}\n.dat-lp .dat-fbreak-sum{padding:0 14px 14px;margin-top:0}\n.dat-lp .dat-fbreak-sum strong{color:var(--ink);font-variant-numeric:tabular-nums}\n.dat-lp .dat-rejsetid{background:var(--wash);border-radius:6px;padding:16px 18px;margin-top:18px}\n.dat-lp .dat-rt{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:5px 0}\n.dat-lp .dat-rt-k{font-size:.875rem;color:var(--ink-2)}\n.dat-lp .dat-rt-v{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}\n.dat-lp .dat-rt-fly{color:var(--red)}\n.dat-lp .dat-rt-note{font-size:.75rem;color:var(--ink-2);margin-top:8px;line-height:1.5}\n.dat-lp .dat-calc-out{background:var(--wash);border-top:1px solid var(--line);padding:24px 26px 26px}\n@media (max-width:640px){.dat-lp .dat-calc-out{padding:22px 18px}}\n\/* Simplificeret resultat: \u00e9t stort, tydeligt tal frem for tre KPI-kort og\n   en detaljeret opdelingstabel \u2014 det gjorde det for uoverskueligt. Tallet er\n   gr\u00f8nt, n\u00e5r man sparer penge (.dat-pos) og r\u00f8dt, n\u00e5r man ikke g\u00f8r (.dat-neg)\n   \u2014 sat af JS'en ud fra fortegnet p\u00e5 nettoresultatet. *\/\n.dat-lp .dat-result{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);\n  border-radius:8px;padding:26px 24px;text-align:center}\n.dat-lp .dat-result-k{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}\n.dat-lp .dat-result-v{font-size:clamp(2.1rem,6vw,2.9rem);font-weight:700;letter-spacing:-.03em;color:var(--ink);\n  margin-top:8px;font-variant-numeric:tabular-nums;line-height:1.1;transition:color .2s ease}\n.dat-lp .dat-result.dat-pos .dat-result-v{color:var(--green)}\n.dat-lp .dat-result.dat-neg .dat-result-v{color:var(--red)}\n.dat-lp .dat-result-u{font-size:.9375rem;color:var(--ink-2);margin-top:6px}\n\/* Advarslen, n\u00e5r regnestykket ikke g\u00e5r op \u2014 skjules\/vises via [hidden] fra JS'en *\/\n.dat-lp .dat-result-warn{margin-top:14px;padding:12px 14px;background:#FBEAEA;border:1px solid #F0C6C6;\n  border-radius:6px;font-size:.8125rem;color:var(--ink);line-height:1.5}\n.dat-lp .dat-result-time{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;\n  gap:5px 9px;margin-top:18px;font-size:.9375rem;color:var(--ink-2)}\n.dat-lp .dat-result-time>*{white-space:nowrap}\n.dat-lp .dat-result-time .dat-rt-v{font-size:1.0625rem;font-weight:700;color:var(--ink)}\n.dat-lp .dat-calc-note{font-size:.8125rem;color:var(--ink-2);margin-top:16px;line-height:1.55}\n\/* ---------- lille konfetti-animation, n\u00e5r besparelsen vises ---------- *\/\n.dat-lp .dat-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}\n.dat-lp .dat-confetti-piece{position:absolute;top:-12px;left:0;width:7px;height:12px;border-radius:1px;\n  opacity:0;animation-name:datConfettiFald;animation-timing-function:cubic-bezier(.15,.6,.4,1);\n  animation-fill-mode:forwards}\n@keyframes datConfettiFald{\n  0%{opacity:1;transform:translate(0,0) rotate(0deg)}\n  100%{opacity:0;transform:translate(var(--dx,0),190px) rotate(300deg)}\n}\n@media (prefers-reduced-motion:reduce){\n  .dat-lp .dat-confetti-piece{display:none}\n}\n\/* ---------- FAQ ---------- *\/\n.dat-lp .dat-faqwrap{margin-top:26px;border-top:1px solid var(--line)}\n.dat-lp details.dat-faq{border-bottom:1px solid var(--line)}\n.dat-lp details.dat-faq summary{list-style:none;cursor:pointer;padding:18px 44px 18px 0;position:relative;\n  font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}\n.dat-lp details.dat-faq summary::-webkit-details-marker{display:none}\n.dat-lp details.dat-faq summary::after{content:\"+\";position:absolute;right:6px;top:15px;font-size:1.3rem;font-weight:500;color:var(--red);line-height:1}\n.dat-lp details.dat-faq[open] summary::after{content:\"\u2013\"}\n.dat-lp details.dat-faq .dat-a{padding:0 44px 20px 0;color:var(--ink-2);font-size:.9375rem;margin-top:-4px}\n\/* ---------- formular ---------- *\/\n\/* Formularen fylder hele kolonnens bredde og ruller aldrig internt \u2014 den er\n   altid lige s\u00e5 h\u00f8j som selve formularen. Under 640px brydes kortet ud i\n   fuld sk\u00e6rmbredde, og formularen fylder mindst hele sk\u00e6rmh\u00f8jden, n\u00e5r man\n   scroller ned til den. *\/\n.dat-lp .dat-formbox{margin-top:30px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px}\n.dat-lp .dat-formbox iframe{display:block;width:1px;min-width:100%;border:none}\n@media (max-width:640px){\n  .dat-lp .dat-formbox{margin:20px calc(-1 * var(--pad)) 0;border:none;border-radius:0;padding:0}\n  .dat-lp .dat-formbox iframe{min-height:100vh}\n}\n.dat-lp .dat-contactline{margin-top:26px;font-size:.9375rem;color:var(--ink-2)}\n.dat-lp .dat-contactline a{color:var(--red);font-weight:600;text-decoration:none}\n.dat-lp .dat-contactline a:hover{text-decoration:underline}\n<\/style>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AFSNIT 2 \u2014 PRISER, REJSETIDER OG F\u00c6RGEPRISER\n     Alt herunder bruges B\u00c5DE i pristabellen og i beregneren, s\u00e5 tallene kun\n     skal rettes \u00e9t sted. Kilde: https:\/\/dat.dk\/pendlerbilletter\/\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\nwindow.DAT_RUTER = [\n  {\n    id: \"CPH\",\n    navn: \"Bornholm\u2013K\u00f8benhavn\",\n    \/* Priser p\u00e5 Erhvervsklippekort. [antal rejser \u00e9n vej, samlet pris i kr.]\n       Slet eller tilf\u00f8j linjer efter behov \u2014 tabellen f\u00f8lger automatisk med. *\/\n    klippekort: [ [10, 8864], [20, 17231], [50, 42042], [100, 82428], [250, 200895] ],\n    \/* Rejsetid d\u00f8r til d\u00f8r, \u00c9N VEJ, i minutter.\n       Kilde: DAT's rejsetidsberegner. *\/\n    flyMin: 99,          \/* med fly, inkl. transport til\/fra lufthavn + 30 min check-in *\/\n    bilMin: 214,         \/* med bil og f\u00e6rge, inkl. k\u00f8rsel, check-in og ventetid *\/\n    flyvetidMin: 35,     \/* ren flyvetid (bruges kun i s\u00f8jlegrafikken \u00f8verst) *\/\n    sejltidMin: 80,      \/* ren sejltid Ystad\u2013R\u00f8nne (bruges kun i s\u00f8jlegrafikken) *\/\n    \/* Vejledende pris for bil og f\u00e6rge, tur\/retur, i kr. Brugeren kan rette den. *\/\n    faergePris: 1150,\n    verificeret: true    \/* true = tiderne er tjekket i rejsetidsberegneren *\/\n  },\n  {\n    id: \"BLL\",\n    navn: \"Bornholm\u2013Billund\",\n    klippekort: [ [10, 10808], [20, 21003], [50, 51227], [100, 100410], [250, 244635] ],\n    flyMin: 112,\n    bilMin: 364,\n    flyvetidMin: 55,\n    sejltidMin: 80,\n    faergePris: 1750,\n    verificeret: false\n  },\n  {\n    id: \"AAL\",\n    navn: \"Bornholm\u2013Aalborg\",\n    \/* 100-rejsers-kortet st\u00e5r ikke p\u00e5 dat.dk for denne rute og er derfor\n       udeladt. Beregneren bruger s\u00e5 250-trinnet, n\u00e5r behovet er st\u00f8rre end 50. *\/\n    klippekort: [ [10, 12408], [20, 24071], [50, 58628], [250, 279179] ],\n    flyMin: 124,\n    bilMin: 454,\n    flyvetidMin: 65,\n    sejltidMin: 80,\n    faergePris: 2100,\n    verificeret: false\n  }\n];\n\/* Standardv\u00e6rdier i beregneren, n\u00e5r siden \u00e5bnes. *\/\nwindow.DAT_STANDARD = {\n  klippekort: 50,       \/* forvalgt klippekort \u2014 skal v\u00e6re en af st\u00f8rrelserne ovenfor *\/\n  timeomkostning: 400,  \/* kr. pr. medarbejdertime, l\u00f8n inkl. sociale omkostninger *\/\n  arbejdsuge: 37        \/* timer \u2014 bruges til at omregne sparet tid til arbejdsuger *\/\n};\n<\/script>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AFSNIT 4 \u2014 SIDENS INDHOLD\n     Herfra og ned er det almindelig HTML. Ret overskrifter og br\u00f8dtekst\n     direkte i teksten. Alle knapper med href=\"#dat-ansoeg\" f\u00f8rer til\n     Jotform-formularen nederst p\u00e5 siden.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- ---------- Hero ---------- -->\n<div class=\"dat-hero\">\n  <div class=\"dat-wrap\">\n    <h1>Spar en halv arbejdsdag, hver gang en medarbejder skal over<\/h1>\n    <p class=\"dat-lede\">\n      Book alle firmarejser \u00e9t sted, f\u00e5 \u00e9n samlet faktura om m\u00e5neden og fast rabat p\u00e5 billetterne.\n      Gratis at oprette. Ingen binding.\n    <\/p>\n    <div class=\"dat-herocta\">\n      <a class=\"dat-btn dat-btn-primary\" href=\"#dat-ansoeg\">Ans\u00f8g om en aftale <span class=\"dat-arw\" aria-hidden=\"true\">\u2192<\/span><\/a>\n      <a class=\"dat-btn dat-btn-hero-ghost\" href=\"#dat-beregner\">Beregn jeres besparelse<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- ---------- Intro + rejsetids-sammenligning ---------- -->\n<section>\n  <div class=\"dat-intro-grid\">\n    <div class=\"dat-intro\">\n      <h2>DAT Erhverv<\/h2>\n      <p class=\"dat-sub\">\n        Med en DAT Erhverv-aftale booker I alle firmarejser \u00e9t sted, f\u00e5r \u00e9n samlet faktura hver m\u00e5ned\n        og kan f\u00e5 rabat p\u00e5 billetterne. Uanset om I er tre eller tre hundrede medarbejdere.\n      <\/p>\n      <p>\n        Det er gratis at oprette en aftale, der er ingen binding, og der er ikke noget krav om, hvor meget I rejser.\n        Alt I skal bruge, er et CVR-nummer.\n      <\/p>\n      <p>\n        Aftalen g\u00f8r det ogs\u00e5 nemt at holde styr p\u00e5 CO2-regnskabet: uanset om I v\u00e6lger Erhvervskonto eller\n        Erhvervsklippekort, kan I f\u00e5 tilsendt et CO2-regnskab for jeres rejser, uden det koster ekstra.\n      <\/p>\n      <a class=\"dat-btn dat-btn-primary\" href=\"#dat-ansoeg\">Ans\u00f8g om en aftale <span class=\"dat-arw\" aria-hidden=\"true\">\u2192<\/span><\/a>\n    <\/div>\n    <div class=\"dat-compare\" id=\"dat-compare\">\n      <h3>R\u00f8nne \u2192 K\u00f8benhavn, d\u00f8r til d\u00f8r<\/h3>\n      <p class=\"dat-csub\">Typisk rejsetid for \u00e9n medarbejder, \u00e9n vej<\/p>\n      <div class=\"dat-trip dat-trip-car\">\n        <div class=\"dat-trip-head\">\n          <span class=\"dat-trip-name\">Bil og f\u00e6rge<\/span>\n          <span class=\"dat-trip-total\" id=\"dat-cmp-car-total\">\u2014<\/span>\n        <\/div>\n        <div class=\"dat-bar\" id=\"dat-cmp-car-bar\" role=\"img\" aria-label=\"Bil og f\u00e6rge\">\n          <span class=\"dat-seg dat-seg-sail\" id=\"dat-cmp-sail\"><\/span>\n          <span class=\"dat-seg dat-seg-rest\" id=\"dat-cmp-carrest\"><\/span>\n        <\/div>\n        <div class=\"dat-legend\">\n          <span><i style=\"background:var(--blue)\"><\/i>F\u00e6rge Ystad\u2013R\u00f8nne <span id=\"dat-cmp-sail-t\">\u2014<\/span><\/span>\n          <span><i style=\"background:var(--line)\"><\/i>K\u00f8rsel, check-in og ventetid <span id=\"dat-cmp-carrest-t\">\u2014<\/span><\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dat-trip dat-trip-fly\">\n        <div class=\"dat-trip-head\">\n          <span class=\"dat-trip-name\">Fly med DAT<\/span>\n          <span class=\"dat-trip-total\" id=\"dat-cmp-fly-total\">\u2014<\/span>\n        <\/div>\n        <div class=\"dat-bar\" id=\"dat-cmp-fly-bar\" role=\"img\" aria-label=\"Fly med DAT\">\n          <span class=\"dat-seg dat-seg-air\" id=\"dat-cmp-air\"><\/span>\n          <span class=\"dat-seg dat-seg-flyrest\" id=\"dat-cmp-flyrest\"><\/span>\n        <\/div>\n        <div class=\"dat-legend\">\n          <span><i style=\"background:var(--red)\"><\/i>Flyvetid <span id=\"dat-cmp-air-t\">\u2014<\/span><\/span>\n          <span><i style=\"background:var(--ink-2)\"><\/i>Transport, check-in og security <span id=\"dat-cmp-flyrest-t\">\u2014<\/span><\/span>\n        <\/div>\n      <\/div>\n      <p class=\"dat-cfoot\">\n        Tallene kommer fra DAT's egen rejsetidsberegner, som regner d\u00f8r til d\u00f8r.\n        <a href=\"#dat-beregner\">Regn p\u00e5 jeres egen rute og jeres egne rejsetal<\/a>.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ---------- To m\u00e5der at f\u00e5 rabat p\u00e5 + pristabel ---------- -->\n<section>\n  <div class=\"dat-col\">\n    <h2>To m\u00e5der at f\u00e5 rabat p\u00e5<\/h2>\n    <p class=\"dat-sub\">\n      Selve aftalen er gratis. Rabatten kan I f\u00e5 p\u00e5 to m\u00e5der \u2014 og I kan sagtens starte det ene sted og\n      tilf\u00f8je det andet senere.\n    <\/p>\n    <div class=\"dat-levels\">\n      <div class=\"dat-level\">\n        <h3>Erhvervskonto<\/h3>\n        <p class=\"dat-who\">Rabat efter hvor meget I booker. Jo mere virksomheden rejser, jo bedre bliver prisen \u2014 niveauet aftaler vi ud fra jeres faktiske forbrug.<\/p>\n        <ul>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Gratis at oprette<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Adgang til agentportalen<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>\u00c9n samlet faktura om m\u00e5neden<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Fast kontaktperson hos DAT<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Ingen binding, intet minimumsforbrug<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Kan f\u00e5 tilsendt et CO2-regnskab, uden det koster ekstra<\/li>\n        <\/ul>\n        <a class=\"dat-btn dat-btn-ghost\" href=\"#dat-ansoeg\">Kontakt os for at f\u00e5 en aftale<\/a>\n      <\/div>\n      <div class=\"dat-level\">\n        <h3>Erhvervsklippekort<\/h3>\n        <p class=\"dat-who\">Fast rabat pr. klip. I k\u00f8ber 10, 20, 50, 100 eller 250 rejser forud, gyldige i 180 dage. Jo flere klip, jo lavere pris pr. rejse \u2014 og prisen er kendt, f\u00f8r I booker.<\/p>\n        <ul>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Fast pris pr. rejse, uanset hvorn\u00e5r I booker<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Gratis ombooking og fuld refusion<\/li>\n<li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Gratis ombooking & fuld refusion ved aflysninger<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Klippene deles af hele virksomheden<\/li>\n          <li><span class=\"dat-tick\" aria-hidden=\"true\">\u2713<\/span>Kan f\u00e5 tilsendt et CO2-regnskab, uden det koster ekstra<\/li>\n        <\/ul>\n        <a class=\"dat-btn dat-btn-ghost\" href=\"#dat-beregner\">Se hvad I kan spare<\/a>\n      <\/div>\n    <\/div>\n    <details class=\"dat-prices\">\n      <summary>Priser p\u00e5 Erhvervsklippekort<\/summary>\n      <div class=\"dat-ptable-wrap\">\n        <!-- Tabellen udfyldes fra DAT_RUTER i AFSNIT 2 \u2014 ret priserne der.\n             Vises p\u00e5 sk\u00e6rme fra 640px og opefter. -->\n        <table class=\"dat-ptable\" id=\"dat-ptable\">\n          <thead><tr id=\"dat-ptable-head\"><\/tr><\/thead>\n          <tbody id=\"dat-ptable-body\"><\/tbody>\n        <\/table>\n      <\/div>\n      <!-- Samme priser som kort, \u00e9n pr. rute \u2014 vises i stedet for tabellen\n           under 640px, s\u00e5 man slipper for at scrolle til siden p\u00e5 mobil. -->\n      <div class=\"dat-pcards\" id=\"dat-pcards\"><\/div>\n    <\/details>\n    <p class=\"dat-fine\">\n      \u00c9n rejse = \u00e9n FULL FLEX-billet, \u00e9n vej. Alle klippekort er gyldige i 180 dage og skal bestilles\n      mindst to arbejdsdage f\u00f8r f\u00f8rste brug. Priser hentet fra dat.dk\/pendlerbilletter og skal verificeres inden lancering.\n    <\/p>\n  <\/div>\n<\/section>\n<!-- ---------- Beregner ---------- -->\n<section id=\"dat-beregner\">\n  <div class=\"dat-col\">\n    <div class=\"dat-calc\" id=\"dat-calc\">\n      <div class=\"dat-calc-head\" id=\"dat-calc-head\">\n        <h3>Hvad kan I spare?<\/h3>\n        <p>Svar p\u00e5 fire korte sp\u00f8rgsm\u00e5l, og se hvad I sparer i tid og kroner ved at flyve med DAT\n           frem for at sende medarbejderne over med bil og f\u00e6rge.<\/p>\n        <div class=\"dat-steps\" id=\"dat-steps\" aria-hidden=\"true\">\n          <span class=\"dat-step-dot\" data-dot=\"1\"><\/span>\n          <span class=\"dat-step-dot\" data-dot=\"2\"><\/span>\n          <span class=\"dat-step-dot\" data-dot=\"3\"><\/span>\n          <span class=\"dat-step-dot\" data-dot=\"4\"><\/span>\n          <span class=\"dat-step-dot\" data-dot=\"5\"><\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Trinnene ligger stablet oven p\u00e5 hinanden i denne \"rude\", s\u00e5 det \u00e9t,\n           der er aktivt, kan glide ind fra siden mens det forrige glider ud. -->\n      <div class=\"dat-step-viewport\" id=\"dat-step-viewport\">\n\n        <!-- Trin 1 \u2014 rute. Viser med det samme rejsetids-gevinsten som en lille \"smagspr\u00f8ve\". -->\n        <div class=\"dat-step dat-step-active\" data-step=\"1\">\n          <div class=\"dat-f\">\n            <label for=\"dat-rute\">Hvilken rute rejser I mest p\u00e5?<\/label>\n            <select id=\"dat-rute\"><\/select>\n            <span class=\"dat-hint\">Alle DAT's danske ruter til og fra Bornholm<\/span>\n          <\/div>\n          <div class=\"dat-rejsetid\">\n            <div class=\"dat-rt\">\n              <span class=\"dat-rt-k\">Med fly, tur\/retur<\/span>\n              <span class=\"dat-rt-v dat-rt-fly\" id=\"dat-t-fly\">\u2014<\/span>\n            <\/div>\n            <div class=\"dat-rt\">\n              <span class=\"dat-rt-k\">Med bil og f\u00e6rge, tur\/retur<\/span>\n              <span class=\"dat-rt-v\" id=\"dat-t-faerge\">\u2014<\/span>\n            <\/div>\n            <p class=\"dat-rt-note\" id=\"dat-t-note\">\u2014<\/p>\n          <\/div>\n          <div class=\"dat-step-nav\">\n            <span><\/span>\n            <button type=\"button\" class=\"dat-btn dat-btn-primary dat-step-next\" data-next=\"2\">N\u00e6ste <span class=\"dat-arw\" aria-hidden=\"true\">\u2192<\/span><\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Trin 2 \u2014 klippekort -->\n        <div class=\"dat-step\" data-step=\"2\">\n          <div class=\"dat-f\">\n            <label for=\"dat-rejser\">Hvor mange rejser regner I med at bruge?<\/label>\n            <select id=\"dat-rejser\"><\/select>\n            <span class=\"dat-hint\">\u00c9n rejse er \u00e9n vej. Kortet g\u00e6lder 180 dage og deles af hele virksomheden<\/span>\n          <\/div>\n          <div class=\"dat-step-nav\">\n            <button type=\"button\" class=\"dat-btn dat-btn-ghost dat-step-back\" data-back=\"1\">\u2190 Tilbage<\/button>\n            <button type=\"button\" class=\"dat-btn dat-btn-primary dat-step-next\" data-next=\"3\">N\u00e6ste <span class=\"dat-arw\" aria-hidden=\"true\">\u2192<\/span><\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Trin 3 \u2014 timeomkostning -->\n        <div class=\"dat-step\" data-step=\"3\">\n          <div class=\"dat-f\">\n            <label for=\"dat-time\">Hvad koster en medarbejdertime jer?<\/label>\n            <input id=\"dat-time\" type=\"number\" min=\"0\" max=\"5000\" step=\"25\" inputmode=\"numeric\">\n            <span class=\"dat-hint\">L\u00f8n inkl. sociale omkostninger. Et gennemsnit er fint<\/span>\n          <\/div>\n          <div class=\"dat-step-nav\">\n            <button type=\"button\" class=\"dat-btn dat-btn-ghost dat-step-back\" data-back=\"2\">\u2190 Tilbage<\/button>\n            <button type=\"button\" class=\"dat-btn dat-btn-primary dat-step-next\" data-next=\"4\">N\u00e6ste <span class=\"dat-arw\" aria-hidden=\"true\">\u2192<\/span><\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Trin 4 \u2014 bil og f\u00e6rge -->\n        <div class=\"dat-step\" data-step=\"4\">\n          <div class=\"dat-f\">\n            <label for=\"dat-faerge\">Hvad koster bil og f\u00e6rge jer, tur\/retur?<\/label>\n            <input id=\"dat-faerge\" type=\"number\" min=\"0\" max=\"20000\" step=\"50\" inputmode=\"numeric\">\n            <span class=\"dat-hint\">F\u00e6rgebillet, br\u00e6ndstof og bro \u2014 udfyldt med et vejledende tal, men ret det gerne til jeres eget<\/span>\n            <details class=\"dat-fbreak\" id=\"dat-fbreak\">\n              <summary>Regn det ud i stedet \u2014 f\u00e6rgebillet, br\u00e6ndstof og bro hver for sig<\/summary>\n              <div class=\"dat-fbreak-grid\">\n                <div class=\"dat-f\">\n                  <label for=\"dat-faerge-billet\">F\u00e6rgebillet, tur\/retur<\/label>\n                  <input id=\"dat-faerge-billet\" type=\"number\" min=\"0\" max=\"10000\" step=\"25\" inputmode=\"numeric\" placeholder=\"0\" value=\"650\">\n                <\/div>\n                <div class=\"dat-f\">\n                  <label for=\"dat-faerge-brandstof\">Br\u00e6ndstof, tur\/retur<\/label>\n                  <input id=\"dat-faerge-brandstof\" type=\"number\" min=\"0\" max=\"10000\" step=\"25\" inputmode=\"numeric\" placeholder=\"0\" value=\"200\">\n                <\/div>\n                <div class=\"dat-f\">\n                  <label for=\"dat-faerge-bro\">Bro, tur\/retur<\/label>\n                  <input id=\"dat-faerge-bro\" type=\"number\" min=\"0\" max=\"10000\" step=\"25\" inputmode=\"numeric\" placeholder=\"0\" value=\"300\">\n                <\/div>\n              <\/div>\n              <!-- 650 + 200 + 300 = 1.150 kr., som matcher standard-f\u00e6rgeprisen (DAT_STANDARD\/DAT_RUTER i AFSNIT 2) -->\n              <p class=\"dat-hint dat-fbreak-sum\">Samlet: <strong id=\"dat-fbreak-total\">1.150 kr.<\/strong> \u2014 s\u00e6ttes automatisk ind som svar ovenfor<\/p>\n            <\/details>\n          <\/div>\n          <div class=\"dat-step-nav\">\n            <button type=\"button\" class=\"dat-btn dat-btn-ghost dat-step-back\" data-back=\"3\">\u2190 Tilbage<\/button>\n            <button type=\"button\" class=\"dat-btn dat-btn-primary dat-step-next\" data-next=\"5\">Se resultatet <span class=\"dat-arw\" aria-hidden=\"true\">\u2192<\/span><\/button>\n          <\/div>\n        <\/div>\n\n        <!-- Trin 5 \u2014 resultat. Her dukker \"Ans\u00f8g om en aftale\"-knappen op. -->\n        <div class=\"dat-step\" data-step=\"5\">\n          <div class=\"dat-calc-out\">\n            <div class=\"dat-result\" id=\"dat-result\">\n              <div class=\"dat-confetti\" id=\"dat-confetti\" aria-hidden=\"true\"><\/div>\n              <div class=\"dat-result-k\" id=\"dat-result-label\">Samlet gevinst<\/div>\n              <div class=\"dat-result-v\" id=\"dat-k-netto\">\u2014<\/div>\n              <div class=\"dat-result-u\" id=\"dat-k-nettotekst\">pr. Erhvervsklippekort<\/div>\n            <\/div>\n            <p class=\"dat-result-warn\" id=\"dat-result-warn\" hidden>\n              I sparer ikke penge med de tal, I har indtastet \u2014 er I sikre p\u00e5, at de passer?\n              Tjek fx jeres timepris og prisen for bil og f\u00e6rge.\n            <\/p>\n            <div class=\"dat-result-time\">\n              <span class=\"dat-rt-k\">Sparet arbejdstid:<\/span>\n              <span class=\"dat-rt-v\" id=\"dat-k-timer\">\u2014<\/span>\n              <span id=\"dat-k-uger\">\u2014<\/span>\n            <\/div>\n            <p class=\"dat-calc-note\" id=\"dat-calc-note\">\u2014<\/p>\n            <div class=\"dat-step-nav\">\n              <button type=\"button\" class=\"dat-btn dat-btn-ghost dat-step-back\" data-back=\"4\">\u2190 Ret tal<\/button>\n              <a class=\"dat-btn dat-btn-primary\" href=\"#dat-ansoeg\">Ans\u00f8g om en aftale <span class=\"dat-arw\" aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AFSNIT 3 \u2014 JOTFORM-FORMULAREN\n     Alle knapper p\u00e5 siden peger p\u00e5 id'et \"dat-ansoeg\" herunder.\n     Skal formularen skiftes ud, inds\u00e6ttes den nye embed-kode i stedet for\n     iframe'en og de to script-linjer. Behold section-taggets id=\"dat-ansoeg\".\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"dat-ansoeg\">\n  <div class=\"dat-col\">\n    <h2>Ans\u00f8g om DAT Erhverv<\/h2>\n    <p class=\"dat-sub\">Udfyld formularen, s\u00e5 kontakter en af vores erhvervsansvarlige dig. Det er uforpligtende.<\/p>\n    <div class=\"dat-formbox\">\n      <iframe\n        id=\"JotFormIFrame-262492505193055\"\n        title=\"Ans\u00f8g om DAT Erhverv\"\n        allowtransparency=\"true\"\n        allow=\"geolocation; microphone; camera; fullscreen; payment\"\n        src=\"https:\/\/form.jotform.com\/262492505193055\"\n        frameborder=\"0\"\n        style=\"min-width:100%;max-width:100%;height:539px;border:none;\"\n        scrolling=\"no\"\n      ><\/iframe>\n    <\/div>\n    <script src=\"https:\/\/cdn.jotfor.ms\/s\/umd\/latest\/for-form-embed-handler.js\"><\/script>\n    <script>window.jotformEmbedHandler(\"iframe[id='JotFormIFrame-262492505193055']\", \"https:\/\/form.jotform.com\/\")<\/script>\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n         AFSNIT 6 \u2014 KONTAKTOPLYSNINGER\n         \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <p class=\"dat-contactline\">\n      Vil I hellere tale med nogen f\u00f8rst? Skriv til Erhvervschef Rune Hansen p\u00e5 <a href=\"mailto:rha@dat.dk\">rha@dat.dk<\/a>\n      eller ring til kundeservice p\u00e5 <a href=\"tel:+4576923040\">+45 76 92 30 40<\/a>.\n    <\/p>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     AFSNIT 5 \u2014 OFTE STILLEDE SP\u00d8RGSM\u00c5L\n     Ret sp\u00f8rgsm\u00e5l og svar direkte herunder. \u00c9t sp\u00f8rgsm\u00e5l = \u00e9n details-blok.\n     Kopi\u00e9r en hel blok for at tilf\u00f8je et nyt sp\u00f8rgsm\u00e5l, eller slet en blok\n     for at fjerne et. R\u00e6kkef\u00f8lgen p\u00e5 siden er den, de st\u00e5r i her.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section>\n  <div class=\"dat-col\">\n    <h2>Ofte stillede sp\u00f8rgsm\u00e5l<\/h2>\n    <div class=\"dat-faqwrap\">\n      <details class=\"dat-faq\">\n        <summary>Hvad koster det at have en aftale?<\/summary>\n        <div class=\"dat-a\">Ingenting. Det er gratis at blive oprettet som erhvervskunde, og der er hverken oprettelsesgebyr eller \u00e5rligt gebyr. I betaler kun for de billetter, I k\u00f8ber \u2014 enten til jeres aftalte erhvervspris eller med et Erhvervsklippekort.<\/div>\n      <\/details>\n      <details class=\"dat-faq\">\n        <summary>Hvad er forskellen p\u00e5 Erhvervskonto og Erhvervsklippekort?<\/summary>\n        <div class=\"dat-a\">P\u00e5 en Erhvervskonto afh\u00e6nger rabatten af, hvor meget I booker \u2014 niveauet aftales individuelt ud fra jeres forbrug. Et Erhvervsklippekort er et fast antal rejser, I k\u00f8ber forud til en kendt pris pr. rejse. I kan sagtens have begge dele.<\/div>\n      <\/details>\n      <details class=\"dat-faq\">\n        <summary>Er der binding eller krav om, hvor meget vi rejser?<\/summary>\n        <div class=\"dat-a\">Nej. Der er ingen binding og intet minimumsforbrug p\u00e5 selve aftalen. Bruger I den lidt det ene \u00e5r og meget det n\u00e6ste, koster det ikke noget ekstra.<\/div>\n      <\/details>\n      <details class=\"dat-faq\">\n        <summary>Kan alle medarbejdere bruge aftalen?<\/summary>\n        <div class=\"dat-a\">Ja. I bestemmer selv, hvem der f\u00e5r adgang til at booke i portalen. Nogle virksomheder lader \u00e9n person booke for alle, andre giver adgang til hver afdeling. Alle rejser samles p\u00e5 den samme m\u00e5nedsfaktura.<\/div>\n      <\/details>\n      <details class=\"dat-faq\">\n        <summary>Hvilke ruter g\u00e6lder aftalen p\u00e5?<\/summary>\n        <div class=\"dat-a\">K\u00f8benhavn, Billund og Aalborg til og fra Bornholm. Rejser p\u00e5 DAT's norske indenrigsruter kan tilf\u00f8jes til aftalen \u2014 skriv det i ans\u00f8gningen, s\u00e5 tager vi det med.<\/div>\n      <\/details>\n      <details class=\"dat-faq\">\n        <summary>Hvor hurtigt kan vi komme i gang?<\/summary>\n        <div class=\"dat-a\">Vi kontakter dig indenfor et par dage. N\u00e5r aftalen er p\u00e5 plads, opretter vi virksomheden i agentportalen, og I kan booke med det samme. Et klippekort skal bestilles mindst to arbejdsdage, f\u00f8r det skal bruges f\u00f8rste gang.<\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     TEKNIK \u2014 herunder er der normalt ikke noget at rette.\n     Tal og priser ligger i AFSNIT 2 l\u00e6ngere oppe.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function(){\n  var rod = document.getElementById('dat-calc');\n  var ruter = window.DAT_RUTER || [];\n  var std   = window.DAT_STANDARD || {klippekort:50, timeomkostning:400, arbejdsuge:37};\n  if (!ruter.length) return;\n  function q(id){ return document.getElementById(id); }\n  \/* ---------- formatering ---------- *\/\n  function kr(n){ return Math.round(n).toLocaleString('da-DK') + ' kr.'; }\n  function tid(min){\n    var m = Math.round(min), t = Math.floor(m \/ 60);\n    m = m - t * 60;\n    if (t && m) return t + ' t ' + m + ' min';\n    if (t) return t + ' t';\n    return m + ' min';\n  }\n  function heltal(n){ return Math.round(n).toLocaleString('da-DK'); }\n  function tal(input, fallback){\n    var v = parseFloat(String(input.value).replace(',', '.'));\n    return (isFinite(v) && v >= 0) ? v : fallback;\n  }\n  \/* =====================================================================\n     1) Pristabellen under \"To m\u00e5der at f\u00e5 rabat p\u00e5\"\n     Bygges af klippekort-tallene i DAT_RUTER, s\u00e5 tabel og beregner\n     altid viser de samme priser.\n     ===================================================================== *\/\n  (function tegnPristabel(){\n    var head = q('dat-ptable-head'), body = q('dat-ptable-body');\n    if (!head || !body) return;\n    \/* Alle klippekort-st\u00f8rrelser, der findes p\u00e5 tv\u00e6rs af ruterne, sorteret *\/\n    var stoerrelser = [];\n    ruter.forEach(function(r){\n      (r.klippekort || []).forEach(function(t){\n        if (stoerrelser.indexOf(t[0]) === -1) stoerrelser.push(t[0]);\n      });\n    });\n    stoerrelser.sort(function(a,b){ return a - b; });\n    var html = '<th>Klippekort<\/th>';\n    ruter.forEach(function(r){ html += '<th>' + r.navn + '<\/th>'; });\n    head.innerHTML = html;\n    var rows = '';\n    stoerrelser.forEach(function(n){\n      rows += '<tr><td>' + n + ' rejser<\/td>';\n      ruter.forEach(function(r){\n        var fundet = null;\n        (r.klippekort || []).forEach(function(t){ if (t[0] === n) fundet = t[1]; });\n        rows += '<td>' + (fundet === null ? '\u2014' : kr(fundet)) + '<\/td>';\n      });\n      rows += '<\/tr>';\n    });\n    rows += '<tr><td>Laveste pris pr. rejse<\/td>';\n    ruter.forEach(function(r){\n      var bedst = null;\n      (r.klippekort || []).forEach(function(t){\n        var pr = t[1] \/ t[0];\n        if (bedst === null || pr < bedst) bedst = pr;\n      });\n      rows += '<td>' + (bedst === null ? '\u2014' : kr(bedst)) + '<\/td>';\n    });\n    rows += '<\/tr>';\n    body.innerHTML = rows;\n    \/* Mobilversion: samme tal, men som \u00e9t kort pr. rute i stedet for en\n       bred tabel \u2014 se .dat-pcards i CSS'en herover. *\/\n    var cardsEl = q('dat-pcards');\n    if (cardsEl){\n      var cards = '';\n      ruter.forEach(function(r){\n        cards += '<div class=\"dat-pcard\"><h4>' + r.navn + '<\/h4>';\n        stoerrelser.forEach(function(n){\n          var fundet = null;\n          (r.klippekort || []).forEach(function(t){ if (t[0] === n) fundet = t[1]; });\n          if (fundet === null) return;\n          cards += '<div class=\"dat-pcard-row\"><span>' + n + ' rejser<\/span><span>' + kr(fundet) + '<\/span><\/div>';\n        });\n        var bedst = null;\n        (r.klippekort || []).forEach(function(t){\n          var pr = t[1] \/ t[0];\n          if (bedst === null || pr < bedst) bedst = pr;\n        });\n        cards += '<div class=\"dat-pcard-row dat-pcard-best\"><span>Laveste pris pr. rejse<\/span><span>' +\n          (bedst === null ? '\u2014' : kr(bedst)) + '<\/span><\/div>';\n        cards += '<\/div>';\n      });\n      cardsEl.innerHTML = cards;\n    }\n  })();\n  \/* =====================================================================\n     2) S\u00f8jlegrafikken \"R\u00f8nne \u2192 K\u00f8benhavn, d\u00f8r til d\u00f8r\"\n     S\u00f8jlerne skaleres efter den l\u00e6ngste rejse, s\u00e5 de kan sammenlignes.\n     Bruger den F\u00d8RSTE rute i DAT_RUTER.\n     ===================================================================== *\/\n  (function tegnSammenligning(){\n    var cmp = q('dat-compare');\n    if (!cmp) return;\n    var r = ruter[0];\n    var laengst = Math.max(r.bilMin, r.flyMin);\n    var pct = function(min){ return (min \/ laengst * 100).toFixed(1) + '%'; };\n    var sejl    = r.sejltidMin;\n    var bilRest = r.bilMin - sejl;\n    var luft    = r.flyvetidMin;\n    var flyRest = r.flyMin - luft;\n    q('dat-cmp-car-total').textContent = tid(r.bilMin);\n    q('dat-cmp-fly-total').textContent = tid(r.flyMin);\n    q('dat-cmp-sail').style.setProperty('--w', pct(sejl));\n    q('dat-cmp-carrest').style.setProperty('--w', pct(bilRest));\n    q('dat-cmp-air').style.setProperty('--w', pct(luft));\n    q('dat-cmp-flyrest').style.setProperty('--w', pct(flyRest));\n    q('dat-cmp-sail-t').textContent    = tid(sejl);\n    q('dat-cmp-carrest-t').textContent = tid(bilRest);\n    q('dat-cmp-air-t').textContent     = tid(luft);\n    q('dat-cmp-flyrest-t').textContent = tid(flyRest);\n    q('dat-cmp-car-bar').setAttribute('aria-label', 'Bil og f\u00e6rge: ' + tid(r.bilMin) + ' i alt');\n    q('dat-cmp-fly-bar').setAttribute('aria-label', 'Fly med DAT: ' + tid(r.flyMin) + ' i alt');\n    var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (!reduce && 'IntersectionObserver' in window){\n      cmp.classList.add('dat-anim');\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){\n          if (e.isIntersecting){ e.target.classList.add('dat-in'); io.unobserve(e.target); }\n        });\n      }, {threshold:.2});\n      io.observe(cmp);\n      setTimeout(function(){ cmp.classList.add('dat-in'); }, 4000);\n    }\n  })();\n  \/* =====================================================================\n     3) Beregneren\n     ===================================================================== *\/\n  if (!rod || rod.getAttribute('data-dat-init') === '1') return;\n  rod.setAttribute('data-dat-init', '1');\n  var el = {\n    rute:      q('dat-rute'),\n    rejser:    q('dat-rejser'),\n    time:      q('dat-time'),\n    faerge:    q('dat-faerge'),\n    fBillet:   q('dat-faerge-billet'),\n    fBrand:    q('dat-faerge-brandstof'),\n    fBro:      q('dat-faerge-bro'),\n    fSum:      q('dat-fbreak-total'),\n    tFly:      q('dat-t-fly'),\n    tFaerge:   q('dat-t-faerge'),\n    tNote:     q('dat-t-note'),\n    kTimer:    q('dat-k-timer'),\n    kUger:     q('dat-k-uger'),\n    kNetto:    q('dat-k-netto'),\n    kNettoTxt: q('dat-k-nettotekst'),\n    resultBox: q('dat-result'),\n    resultLbl: q('dat-result-label'),\n    warn:      q('dat-result-warn'),\n    confetti:  q('dat-confetti'),\n    note:      q('dat-calc-note')\n  };\n  for (var k in el){ if (!el[k]) return; }\n  \/* Rute-v\u00e6lgeren fyldes fra DAT_RUTER *\/\n  el.rute.innerHTML = ruter.map(function(r, i){\n    return '<option value=\"' + i + '\">' + r.navn + '<\/option>';\n  }).join('');\n  el.time.value = std.timeomkostning;\n  \/* Klippekort-v\u00e6lgeren viser kun de kort, ruten faktisk s\u00e6lges med \u2014 derfor\n     bygges den om, hver gang ruten skifter. St\u00e5r det valgte antal ikke p\u00e5 den\n     nye rute (Aalborg har f.eks. ikke 100-kortet), rykker valget ned til det\n     n\u00e6rmeste mindre kort. *\/\n  function fyldKlippekort(rute){\n    var oensket = parseInt(el.rejser.value, 10) || std.klippekort;\n    var stoerrelser = rute.klippekort.map(function(t){ return t[0]; });\n    el.rejser.innerHTML = stoerrelser.map(function(antal){\n      return '<option value=\"' + antal + '\">' + antal + ' rejser<\/option>';\n    }).join('');\n    var valgt = stoerrelser[0];\n    stoerrelser.forEach(function(antal){ if (antal <= oensket) valgt = antal; });\n    el.rejser.value = valgt;\n  }\n  \/* Finder kortet med det valgte antal rejser. *\/\n  function findTrin(rute, antal){\n    for (var i = 0; i < rute.klippekort.length; i++){\n      if (rute.klippekort[i][0] === antal) return rute.klippekort[i];\n    }\n    return rute.klippekort[0];\n  }\n  var senesteRute = null;\n  var senesteErGevinst = true;\n  \/* Lille konfetti-animation, der fyres, n\u00e5r man lander p\u00e5 resultat-trinnet\n     med en reel besparelse. Stykkerne er blot spans, der animerer sig selv\n     via CSS og rydder sig selv op bagefter \u2014 ingen eksterne biblioteker. *\/\n  function fyrKonfetti(){\n    var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reduce || !el.confetti) return;\n    var farver = ['var(--red)', 'var(--green)', 'var(--blue)', 'var(--deep)'];\n    var antal = 18;\n    var stykker = [];\n    for (var i = 0; i < antal; i++){\n      var stk = document.createElement('span');\n      stk.className = 'dat-confetti-piece';\n      stk.style.left = (Math.random() * 100) + '%';\n      stk.style.background = farver[i % farver.length];\n      stk.style.setProperty('--dx', (Math.random() * 44 - 22) + 'px');\n      stk.style.animationDelay = Math.round(Math.random() * 160) + 'ms';\n      stk.style.animationDuration = Math.round(750 + Math.random() * 400) + 'ms';\n      el.confetti.appendChild(stk);\n      stykker.push(stk);\n    }\n    setTimeout(function(){\n      stykker.forEach(function(stk){ if (stk.parentNode) stk.parentNode.removeChild(stk); });\n    }, 1300);\n  }\n  function opdater(){\n    var rute = ruter[parseInt(el.rute.value, 10)] || ruter[0];\n    \/* Skifter man rute, bygges klippekort-v\u00e6lgeren om, og den vejledende\n       f\u00e6rgepris f\u00f8lger med *\/\n    if (rute !== senesteRute){\n      fyldKlippekort(rute);\n      el.faerge.value = rute.faergePris;\n      senesteRute = rute;\n    }\n    var timeom  = tal(el.time, std.timeomkostning);\n    var pFaerge = tal(el.faerge, rute.faergePris);\n    var trin     = findTrin(rute, parseInt(el.rejser.value, 10));\n    var rejser   = trin[0];          \/* rejser \u00e9n vej \u2014 \u00e9t klip pr. rejse *\/\n    var turRetur = rejser \/ 2;       \/* de samme rejser som tur\/retur *\/\n    var prKlip   = trin[1] \/ trin[0];\n    var udgiftFly    = trin[1];                 \/* kortets pris, som den st\u00e5r p\u00e5 dat.dk *\/\n    var udgiftFaerge = turRetur * pFaerge;\n    var diff         = udgiftFly - udgiftFaerge;   \/* positiv = flyet dyrest p\u00e5 billetter *\/\n    \/* Sparet tid pr. rejse er forskellen den ene vej, gange antallet af rejser *\/\n    var sparetTimer = Math.max(0, (rute.bilMin - rute.flyMin) * rejser \/ 60);\n    var vaerdiTid   = sparetTimer * timeom;\n    var netto       = vaerdiTid - diff;\n    el.tFly.textContent    = tid(rute.flyMin * 2);\n    el.tFaerge.textContent = tid(rute.bilMin * 2);\n    el.tNote.textContent =\n      'D\u00f8r til d\u00f8r p\u00e5 ruten ' + rute.navn + '. Flyet er regnet med 30 min check-in og security ' +\n      'samt transport til og fra lufthavnen. ' +\n      (rute.verificeret\n        ? 'Tiderne er hentet fra DAT\u2019s rejsetidsberegner.'\n        : 'Tiderne er fremskrevet fra DAT\u2019s rejsetidsberegner og b\u00f8r verificeres.');\n    el.kTimer.textContent    = heltal(sparetTimer) + ' timer';\n    el.kUger.textContent     = '(ca. ' + (sparetTimer \/ std.arbejdsuge).toFixed(1).replace('.', ',') + ' arbejdsuger)';\n    var erGevinst = netto >= 0;\n    senesteErGevinst = erGevinst;\n    el.kNetto.textContent    = kr(Math.abs(netto));\n    el.kNettoTxt.textContent = erGevinst ? 'pr. Erhvervsklippekort' : 'i merudgift pr. Erhvervsklippekort';\n    el.resultLbl.textContent = erGevinst ? 'Samlet gevinst' : 'Samlet merudgift';\n    el.resultBox.classList.toggle('dat-pos', erGevinst);\n    el.resultBox.classList.toggle('dat-neg', !erGevinst);\n    el.warn.hidden = erGevinst;\n    \/* Noten forklarer i almindeligt sprog, hvordan tallet ovenfor er sat\n       sammen \u2014 og g\u00f8r samtidig sagen for, at flyet er det bedste valg,\n       fremfor bare t\u00f8rt at liste tallene op. *\/\n    var billetTekst = diff >= 0\n      ? 'Billetterne koster til geng\u00e6ld ' + kr(Math.abs(diff)) + ' mere end bil og f\u00e6rge for de samme rejser'\n      : 'Billetterne er oven i k\u00f8bet ' + kr(Math.abs(diff)) + ' billigere end bil og f\u00e6rge for de samme rejser';\n    \/* Konklusionen skal matche fortegnet p\u00e5 nettoresultatet \u2014 ellers kan\n       teksten finde p\u00e5 at \"s\u00e6lge\" flyet, selvom tallet ovenfor er r\u00f8dt. *\/\n    var konklusion = erGevinst\n      ? (diff >= 0 ? ' \u2014 det henter I mange gange hjem igen p\u00e5 den sparede tid.' : ' \u2014 s\u00e5 her er der ingen tvivl.')\n      : ' \u2014 med de indtastede tal opvejer den sparede tid ikke merudgiften. Tjek gerne tallene igen.';\n    el.note.innerHTML =\n      'Beregnet p\u00e5 et Erhvervsklippekort med <strong>' + trin[0] + ' rejser<\/strong> (' + kr(trin[1]) +\n      ' \u2014 ' + kr(prKlip) + ' pr. rejse) p\u00e5 ' + rute.navn + '. Ved at flyve i stedet for at k\u00f8re og sejle ' +\n      'frig\u00f8r I <strong>' + heltal(sparetTimer) + ' arbejdstimer<\/strong> til en v\u00e6rdi af ' + kr(vaerdiTid) +\n      ' \u2014 tid medarbejderne kan bruge p\u00e5 deres opgaver i stedet for at sidde i bil og p\u00e5 f\u00e6rge. ' +\n      billetTekst + konklusion + ' Klippene g\u00e6lder 180 dage og bruges af alle medarbejdere. ' +\n      'Alle tal er vejledende og kan justeres efter jeres eget rejsem\u00f8nster.';\n  }\n  el.rute.addEventListener('change', opdater);\n  [el.rejser, el.time, el.faerge].forEach(function(i){\n    i.addEventListener('input', opdater);\n    i.addEventListener('change', opdater);\n  });\n  \/* =====================================================================\n     3b) \"Regn det ud i stedet\" \u2014 f\u00e6rgebillet, br\u00e6ndstof og bro hver for\n     sig, summeret direkte ind i f\u00e6rge-feltet ovenfor, hver gang \u00e9t af de\n     tre delfelter \u00e6ndres.\n     ===================================================================== *\/\n  function opdaterFaergeSum(){\n    var sum = tal(el.fBillet, 0) + tal(el.fBrand, 0) + tal(el.fBro, 0);\n    el.fSum.textContent = kr(sum);\n    el.faerge.value = sum;\n    opdater();\n  }\n  [el.fBillet, el.fBrand, el.fBro].forEach(function(i){\n    i.addEventListener('input', opdaterFaergeSum);\n    i.addEventListener('change', opdaterFaergeSum);\n  });\n  opdater();\n  \/* =====================================================================\n     4) Trin-for-trin visning af beregneren, som en klassisk lead-formular.\n     Selve beregningen ovenfor k\u00f8rer u\u00e6ndret i baggrunden p\u00e5 hvert trin \u2014\n     her skiftes der bare mellem hvilket trin der er synligt, og\n     \"Ans\u00f8g om en aftale\"-knappen ligger i trin 5, s\u00e5 den f\u00f8rst dukker op,\n     n\u00e5r man har svaret p\u00e5 det hele.\n     ===================================================================== *\/\n  (function stepWizard(){\n    var steps = rod.querySelectorAll('.dat-step');\n    var dots  = rod.querySelectorAll('.dat-step-dot');\n    if (!steps.length) return;\n    var reduce  = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\n    var ANIM_MS = reduce ? 0 : 300;\n    var current = 1;\n    function findStep(n){\n      var fundet = null;\n      Array.prototype.forEach.call(steps, function(s){\n        if (parseInt(s.getAttribute('data-step'), 10) === n) fundet = s;\n      });\n      return fundet;\n    }\n    function setDots(n){\n      Array.prototype.forEach.call(dots, function(d){\n        var i = parseInt(d.getAttribute('data-dot'), 10);\n        d.classList.remove('dat-step-dot-active', 'dat-step-dot-done');\n        if (i === n) d.classList.add('dat-step-dot-active');\n        else if (i < n) d.classList.add('dat-step-dot-done');\n      });\n    }\n    function scrollTop(){\n      var top = q('dat-calc-head');\n      if (top && top.scrollIntoView) top.scrollIntoView({behavior: reduce ? 'auto' : 'smooth', block: 'start'});\n    }\n    \/* S\u00e6tter hvilket trin der er synligt uden nogen overgang \u2014 bruges kun\n       ved selve opstarten, hvor der hverken skal glides eller scrolles. *\/\n    function visStep(n){\n      Array.prototype.forEach.call(steps, function(s){\n        var i = parseInt(s.getAttribute('data-step'), 10);\n        if (i === n) s.classList.add('dat-step-active');\n        else s.classList.remove('dat-step-active');\n      });\n      setDots(n);\n    }\n    \/* Skifter trin med en glide-overgang: det nuv\u00e6rende trin glider ud til\n       siden (venstre ved \"N\u00e6ste\", h\u00f8jre ved \"Tilbage\"), og det nye trin\n       glider ind fra den modsatte side \u2014 som et klassisk step-flow. *\/\n    function goTil(n){\n      if (n === current) return;\n      var fra = findStep(current), til = findStep(n);\n      var frem = n > current;\n      current = n;\n      if (!fra || !til || reduce){\n        visStep(n);\n        scrollTop();\n        if (n === 5 && senesteErGevinst) fyrKonfetti();\n        return;\n      }\n      fra.classList.add(frem ? 'dat-step-exit-left' : 'dat-step-exit-right');\n      scrollTop();\n      setTimeout(function(){\n        fra.classList.remove('dat-step-active', 'dat-step-exit-left', 'dat-step-exit-right');\n        til.classList.add(frem ? 'dat-step-enter-right' : 'dat-step-enter-left', 'dat-step-active');\n        setDots(n);\n        til.offsetWidth; \/* tving browseren til at tegne startpositionen f\u00f8rst *\/\n        requestAnimationFrame(function(){\n          til.classList.remove('dat-step-enter-right', 'dat-step-enter-left');\n        });\n        \/* Konfetti, n\u00e5r man lander p\u00e5 resultatet \u2014 kun hvis det rent faktisk\n           er en besparelse, og f\u00f8rst n\u00e5r trinnet er ved at v\u00e6re synligt. *\/\n        if (n === 5 && senesteErGevinst) fyrKonfetti();\n      }, ANIM_MS);\n    }\n    Array.prototype.forEach.call(rod.querySelectorAll('.dat-step-next'), function(btn){\n      btn.addEventListener('click', function(){ goTil(parseInt(btn.getAttribute('data-next'), 10)); });\n    });\n    Array.prototype.forEach.call(rod.querySelectorAll('.dat-step-back'), function(btn){\n      btn.addEventListener('click', function(){ goTil(parseInt(btn.getAttribute('data-back'), 10)); });\n    });\n    visStep(1); \/* opstart: ingen scroll, ingen animation, bare vis trin 1 *\/\n  })();\n  \/* Bl\u00f8d scroll til beregner og formular, n\u00e5r man klikker p\u00e5 en CTA.\n     WordPress-temaet h\u00e5ndterer det ofte selv \u2014 s\u00e5 sker der bare ingenting her. *\/\n  Array.prototype.forEach.call(\n    document.querySelectorAll('.dat-lp a[href^=\"#dat-\"]'),\n    function(a){\n      a.addEventListener('click', function(ev){\n        var maal = document.getElementById(a.getAttribute('href').slice(1));\n        if (!maal) return;\n        ev.preventDefault();\n        var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\n        maal.scrollIntoView({behavior: reduce ? 'auto' : 'smooth', block: 'start'});\n        if (history.replaceState) history.replaceState(null, '', a.getAttribute('href'));\n      });\n    }\n  );\n})();\n<\/script>\n<\/div><!-- \/.dat-lp -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spar en halv arbejdsdag, hver gang en medarbejder skal over Book alle firmarejser \u00e9t sted, f\u00e5 \u00e9n samlet faktura om m\u00e5neden og fast rabat p\u00e5 billetterne. Gratis at oprette. Ingen binding. Ans\u00f8g om en aftale \u2192 Beregn jeres besparelse DAT Erhverv Med en DAT Erhverv-aftale booker I alle firmarejser \u00e9t sted, f\u00e5r \u00e9n samlet faktura [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":17802,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"DAT Erhverv","_seopress_titles_desc":"Book alle firmarejser \u00e9t sted, f\u00e5 \u00e9n samlet faktura om m\u00e5neden og fast rabat p\u00e5 billetterne. Gratis at oprette. Ingen binding.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"region":[52],"class_list":["post-17807","page","type-page","status-publish","has-post-thumbnail","hentry","region-da"],"acf":[],"_links":{"self":[{"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/pages\/17807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/comments?post=17807"}],"version-history":[{"count":50,"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/pages\/17807\/revisions"}],"predecessor-version":[{"id":18338,"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/pages\/17807\/revisions\/18338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/media\/17802"}],"wp:attachment":[{"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/media?parent=17807"}],"wp:term":[{"taxonomy":"region","embeddable":true,"href":"https:\/\/dat.dk\/no\/wp-json\/wp\/v2\/region?post=17807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}