1<!DOCTYPE html><html lang="da"><head><meta charset="utf-8"><meta content="width=device-width, viewport-fit=cover, initial-scale=1.0" name="viewport"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name="robots" content="index, follow"><meta name="generator" content="DAN® Webpage.io Content Management System"><meta name="Author" content="SAC-IT A/S"><meta name="description" content="Vi tilbyder skræddersyede IT Arbejdsplads-løsninger med Lenovo, Mac, software og hardware til virksomheder. Vi rÃ¥dgiver og leverer det rette setup til dig."><meta name="keywords" content=""><meta property="og:url" content="https://www.sac-it.dk/38/it-arbejdsplads"><meta property="og:type" content="website"><meta property="og:title" content="SAC-IT - Hjælper dig til sikker og fleksibel IT-drift"><meta property="og:description" content="Vi tilbyder skræddersyede IT Arbejdsplads-løsninger med Lenovo, Mac, software og hardware til virksomheder. Vi rÃ¥dgiver og leverer det rette setup til dig."><meta property="og:image" content="https://www.sac-it.dk/design/layoutimages/sac-it_neg_500.png"><link rel="icon" sizes="192x192" href="/design/layoutimages/sac-it-fav.png"><link rel="apple-touch-icon" href="/design/layoutimages/sac-it-fav.png"><meta name="apple-mobile-web-app-status-bar-style" content="black"><title>SAC-IT - Hjælper dig til sikker og fleksibel IT-drift</title><style>@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');@import url("/assets/ionicons/css/ionicons.min.css");@import url("/assets/icons/bootstrap-icons.min.css");/* Adjustment for css frameworks */html { color:#000; } /* For UIKit */.mdl-cell { margin-top:0px;margin-bottom:0px; } /* For Material Design Lite */.container img { margin:0.4rem 0 0.4rem; } /* Images' default margin *//* Default Typography */html { font-size: 100%; } body {color:#171b1f;font-style:normal;margin: 0;font-family:tahoma, arial, sans-serif;font-size: 100%; line-height: 1.5;font-weight:500;}p, td, li, label {font-size:18px;line-height: 1.6;font-weight:500;}h1, h2, h3, h4, h5, h6 {color:#171b1f;font-style:normal;text-transform:uppercase;font-family:Impact, sans-serif;font-weight:500;line-height: 1.17;}h1 {font-size: 2.5rem; margin: 1.2rem 0 1.2rem; }h2 {font-size: 2rem; margin: 1rem 0 1rem; }h3 {font-size: 1.73rem; margin: 1rem 0 1rem; }h4 {font-size: 1.5rem; margin: 0.5rem 0 0.5rem; }h5 {font-size: 1.25rem; margin: 0.5rem 0 0.5rem; }h6 {font-size: 1rem; margin: 0.5rem 0 0.5rem; }p {margin:0.8rem 0 0.8rem;}ul, ol { margin:0 0 1rem; padding-inline-start: 20px;}.display { margin-bottom: 0.5rem; }.display h1 {font-weight: 800;font-size: 3rem;}.display p {font-size: 1.3rem;}@media all and (max-width: 1024px) {h1 {font-size: 2rem; margin: 0.5rem 0 1rem; }h2 {font-size: 1.8rem; margin: 0.5rem 0 1rem; }h3 {font-size: 1.5rem; margin: 0.5rem 0 0.8rem; }h4 {font-size: 1.25rem; margin: 0.5rem 0 0.5rem; }h5 {font-size: 1.1rem; margin: 0.5rem 0 0.5rem; }h6 {font-size: 1rem; margin: 0.5rem 0 0.5rem; }p {font-size: 1rem; margin: 0 0 0.8rem; }.display h1 { font-size: 2.2rem; }.display p { font-size: 1.1rem; }}A{background:transparent;outline:0;color:#0b89fe;text-decoration:underline;font-size:18px;font-family:tahoma, arial;font-weight:300;font-style:normal;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out!important;}A:hover{color:#0b89fe;text-decoration:underline;font-size:18px;font-family:tahoma, arial;font-weight:300;font-style:normal}.MenuBackground{background:#171b1f;border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;border-bottom: 0px solid;border-radius:0px 0px 0px 0px;padding:15px 0px 15px 0px;margin:0px 0px -1px 0px;text-align:left;width:100%;height:30px;position:relative;z-index:11;}@media only screen and (min-width:980px){#menudocscontainer{position:relative;margin-left: auto;margin-right: auto;height:80px;}}@media only screen and (max-width:980px){#menudocscontainer{position:relative;
1left:0%;margin-left:0px;width:100%;box-sizing:border-box;}}#MenuLinks{float:right;}#menubar2{margin:0;padding:0;list-style:none;}#menubar2 > li{float:left;}li.menubar2link > a{background:transparent;border-top: 0px solid;border-bottom: 0px solid;border-left: 0px solid;border-right: 0px solid;border-radius:0px 0px 0px 0px;height:30px;line-height:30px;font-family:tahoma, arial,verdana;font-size:13px;color:#ffffff;font-style:normal;font-weight:300;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);text-decoration:none;text-align:left;padding:0px 10px 0px 10px;margin:0px;display:block;}li.menubar2link:hover > a{background:transparent;color:#ffffff;font-weight:300;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);font-style:normal;text-decoration:none;border-top: 0px solid;border-bottom: 0px solid;border-left: 0px solid;border-right: 0px solid;border-radius:0px 0px 0px 0px;line-height:30px;height:30px;}#backgroundtopmenu{background:#171b1f;border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;border-bottom: 0px solid;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;height:80px;position:relative;z-index:10;}@media only screen and (min-width:980px){.menudiv{position:relative;margin-left: auto;margin-right: auto;height:80px;}}@media only screen and (max-width:980px){.menudiv{width:100%!important;max-width:100%!important;}}.h1{font-family:Impact;font-size:36px;color:#171b1f;font-weight:500;font-style:normal;text-transform:uppercase;margin:0px;}.textnormal{font-family:tahoma, arial;font-size:18px;color:#171b1f;font-weight:500;font-style:normal;}.listtxt{font-family:Poppins;font-size:16px;background:#ffffff;color:#000;font-weight:300;font-style:normal;padding:0px;margin:0px 0px 0px 0px;border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;border-bottom: 0px solid;box-sizing:border-box;}a.listheadlinelinks{color:#000000;text-decoration:none;font-size:25px;font-family:Poppins;font-weight:600;font-style:normal}a.listheadlinelinks:Hover{color:#000;text-decoration:none;font-size:25px;font-family:Poppins;font-weight:600;font-style:normal}A.listlinks{color:#006fe9;text-decoration:underline;font-size:16px;font-family:Poppins;font-weight:400;font-style:normal}A.listlinks:Hover{color:#006fe9;text-decoration:underline;font-size:16px;font-family:Poppins;font-weight:400;font-style:normal}A.relatedlink{color:#00cccc;text-decoration:underline;font-size:16px;font-family:Poppins;font-weight:300;font-style:normal}A.relatedlink:Hover{color:#000;text-decoration:underline;font-size:16px;font-family:Poppins;font-weight:300;font-style:normal}@media only screen and (max-width:980px){#MenuLinks{display:none!important;}}@media only screen and (min-width:980px){#navend, #nav-mobile{display:none!important;}}</style> 2<link rel="preload" href="/assets/minimalist-blocks/content.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><link href="/adm/contentboxsource/box/box-flex.css" rel="stylesheet"><link href="/assets/scripts/glide/css/glide.core.css" rel="stylesheet"><link href="/assets/scripts/glide/css/glide.theme.css" rel="stylesheet"><link href="/assets/scripts/lightbox/lightbox.css" rel="stylesheet"><link href="/assets/scripts/animate/animate.css" rel="stylesheet"> 3<style>#Gallery{display:none;}.galleryphoto{float:left}.photos .galleryphoto img{display:block;width:100%}@media only screen and (max-width: 980px) {.galleryphoto img { max-width:100%!important;}}</style><style>@media all and (min-width : 970px) {.toggle,[id^=drop] { display: none;}nav { margin:0; padding: 0; background: transparent;}nav:after { content:""; display:table; clear:both;}nav ul {float: right; padding:0; margin:0; list-style: none; position: relative; }.dan-pure-css-menu > li > a {display: block;position: relative;padding: 18px 20px 18px 12px;text-decoration: none;font-family:tahoma, verdana;font-size:18px;letter-spacing: +0px;color:#ffffff;font-style:normal;font-weight:500;text-align:left;text-transform:none;text-decoration: none;background:transparent;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);padding:24px 0vw 0px 0vw;margin:0px 1.5vw 0px 1.5vw;border:#000000 0px solid;border-radius:0px;height:80px;opacity:1.0;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.0);}.dan-pure-css-menu > li > a:hover {background:transparent; color:#fff; border:#000 0px solid;}.dan-pure-css-menu li ul {background:#fff;border:#000 0px solid;border-radius:0px;padding:15px 40px 25px 34px;margin:0px 0px 0px 0px;opacity:1.0;width:300px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.0); box-sizing: border-box;}.dan-pure-css-menu li ul > li { width: 100%;}.dan-pure-css-menu li ul li a { display: block; background-color:transparent;border:#000000 0px solid;border-radius:0px;height:43px;font-family:tahoma, verdana;font-size:14px;LETTER-SPACING: +0px;color:#171b1f;font-weight:500;font-style:normal;text-align:left;text-transform:none;padding:15px 0px 5px 0px;margin:0px 0px 0px 0px;text-decoration: none;}.dan-pure-css-menu li ul li:hover > a { background:transparent; color:#171b1f; border:#000000 0px solid;}nav ul li { margin: 0px; display:inline-block; text-align:left; }nav ul ul { display: none; position: absolute; }
3.dan-pure-css-menu li:hover > ul { display:inherit;}.dan-pure-css-menu li ul li ul { position: absolute; margin-top:-58px;left: calc(300px / 1.5);}}@media all and (max-width : 970px) {.toggle,[id^=drop] { display: none;}nav { margin:0; padding: 0; background-color: transparent;}nav:after { content:''; display:table; clear:both;}nav ul { float: right; padding:0; margin:0; list-style: none; position: relative; }nav ul li { margin: 0px; display:inline-block; float: left; }nav a { display:block;}nav ul ul { display: none; position: absolute; }nav ul li:hover > ul { display:inherit;}nav ul ul li { width:100%; float:none; display:list-item; position: relative;}.toggle + a, .dan-pure-css-menu { display: none; } .toggle { display: block; } .toggle-menu { display: block; background-color: transparent!important; padding:0px!important; } [id^=drop]:checked + ul { display: block; } nav ul li { display: block; width: 100%; } nav ul ul { float: none; position:static; } nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; } nav ul ul li { display: block; width: 100%; } nav ul ul ul li { position: static; }}@media all and (max-width : 330px) { nav ul li { display:block; width: 94%; }}</style><meta name="google-site-verification" content="ECzN2ADaE2zZSaHpZJWbRtZ3o58lBHo4NzphFmXrYbA"><!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 3-4
3 4<script async src="https://www.googletagmanager.com/gtag/js?id=
4G-ZC6GK6WGVC
vendor: 13 bytes, line 4
4"></script>
5<script> 6
vendor: 138 bytes, lines 6-10
6window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 gtag('js', new Date()); 9 10 gtag('config', '
10G-ZC6GK6WGVC
vendor: 5 bytes, line 10
10');
11</script>
11 12<!-- Start of HubSpot Embed Code -->
13<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/147676705.js"></script>
13 14<!-- End of HubSpot Embed Code -->
15<script async src="https://www.googletagmanager.com/gtag/js?id="></script>
vendor: 2 bytes, line 15
15
16<script> 17 window.dataLayer = window.dataLayer || []; 18 function gtag(){dataLayer.push(arguments);} 19 gtag('js', new Date()); 20 21 22gtag('config', '', { 23 cookie_expires: 0 24}); 25 26</script>
26 27<meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#fff"> 28 29<style> 30 body input, body textarea { 31 -webkit-touch-callout: text; 32 -webkit-user-select: text; 33 user-select: text; 34} 35 36 input, input:before, input:after { 37 -webkit-user-select: initial; 38 -khtml-user-select: initial; 39 -moz-user-select: initial; 40 -ms-user-select: initial; 41 user-select: initial; 42 } 43 44 45 .displaynone, 46 #original-social 47 { 48 display:none!important; 49} 50 51 52 53 54.is-card * { 55 text-shadow:0px 0px 10px rgba(0, 0, 0, 0)!important; 56} 57.is-light-text h1,.is-light-text h2,.is-light-text h3,.is-light-text h4,.is-light-text h5{ 58 text-shadow:0px 0px 15px rgba(0, 0, 0, 0.0); 59} 60.is-light-text p,.is-light-text i{ 61 text-shadow:0px 0px 15px rgba(0, 0, 0, 0.0); 62} 63.is-light-text .is-btn-ghost1 { 64 box-shadow:0px 0px 10px rgba(0, 0, 0, 0.0); 65 text-shadow:0px 0px 15px rgba(0, 0, 0, 0.0); 66} 67.is-btnX,.is-btnX:hover, 68 aX[role=button],a[role=buttonX]:hover 69 70 { 71 min-width:180px; 72 max-width:100%; 73 font-size:80%!important; 74text-align:center; 75} 76 77 78.is-light-text a:hover:not(.is-btn) { 79 color:#fff; 80 text-decoration:underline; 81} 82 83 84 85#dan-social { 86 position:absolute; 87 bottom:4%; 88 right:6%; 89 z-index:10; 90} 91#dan-social a { 92 color:#fff; 93 text-decoration:none; 94} 95 #dan-social i { 96 font-size: 1.5em; 97 margin-right: 1em; 98 } 99#dan-social a:hover { 100 color:#aaa; 101 text-decoration:none; 102} 103 104</style><style> 105 106#header-container { 107 position:fixed; 108 top:0; 109 left:0; 110 z-index:100; 111 width:100%; 112 -webkit-transition: all 0.3s ease-in-out; 113 transition: all 0.3s ease-in-out; 114} 115.header-absolute { 116 position:fixed; 117 background:transparent; 118 background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); 119} 120.header-fixed { 121 position:fixed!important; 122 background:#fff!important; 123} 124 125 126@media only screen and (min-width:980px){ 127 128#menudocscontainer{ 129width:93.5vw; 130} 131 132 .menudiv{ 133width:93.5vw; 134} 135 136} 137 138@media only screen and (min-width:1280px){ 139 140#menudocscontainer{ 141width:89.5vw; 142} 143 144 .menudiv{ 145width:89.5vw; 146} 147 148} 149 150@media only screen and (min-width:1600px){ 151 152#menudocscontainer{ 153width:80vw; 154max-width:1530px; 155} 156 157 .menudiv{ 158width:80vw; 159max-width:1530px; 160} 161 162} 163 164 165@media only screen and (min-width: 980px) { 166 .logo { 167 position:absolute; 168 top:22px; 169 left:0vw; 170 z-index:101; 171 width:114px!important; 172 height:auto; 173 -webkit-transition: all 0.3s ease-in-out; 174 transition: all 0.3s ease-in-out; 175 } 176 177} 178 179#logo-dark { 180 position:absolute; 181 display:none; 182} 183.logo-mobile { 184 position:fixed; 185 display:none; 186} 187 188 189#logo-mobile { 190 display:none; 191} 192.menudiv{ 193 border-top:#fff 1px solid; 194 border-top:rgba(255, 255, 255, 0.45) 0px solid; 195} 196 197 /* ******* DESKTOP ONLY START ******* */ 198@media only screen and (min-width: 980px) { 199 #backgroundbasket { 200 border-right:0; 201 } 202 .logo-mobile { 203 display:none!important; 204 } 205} 206@media only screen and (min-width: 1025px) { 207 #backgroundbasket { 208 border-right:0; 209 } 210 .logo-mobile { 211 display:none!important; 212 } 213 214} 215/* ******* DESKTOP ONLY END ******* */ 216 217/* ******* MOBILE EXTRAS START ******* */ 218 219@media only screen and (max-width: 980px) { 220 221 .menudiv{ 222 border-top:0px!important; 223 } 224 225 .logo { 226 display:none!important; 227 } 228 .logo-mobile { 229 position:absolute; 230 top:20px; 231 left:35px; 232 margin-left:-0px; 233 width:70px; 234 height:auto!important; 235 z-index:101; 236 display:inline-block; 237 } 238 #logo-dark-mobile { 239 position:absolute; 240 display:none; 241 } 242 #header-container { 243 position:fixed; 244 border-bottom:#fff 1px solid!important; 245 border-bottom:rgba(255, 255, 255, 0.7) 1px solid!important; 246 } 247 248} 249/* ******* MOBILE EXTRAS END ******* */ 250 251 /* ******* SCROLL START ******* */ 252.headroom { 253 transition: transform 200ms linear; 254} 255.headroom--pinned { 256 transform: translateY(0%); 257} 258.headroom--unpinned { 259 transform: translateY(-100%); 260} 261/* ******* SCROLL END ******* */ 262 263</style><style> 264 /* ******* LIST START ******* */ 265 .dan-list-default > .is-overlay { 266 background-color: rgb(247, 247, 247); 267 } 268 269 .dan-list-related > .is-overlay { 270 background-color: rgb(247, 247, 247); 271 } 272 273 274 .dan-list-h1 { 275 display:none; 276 } 277 278 279 .dan-list-card { 280border-radius:15px; 281 margin-bottom:30px; 282height:95%; 283 } 284 285 .dan-list-card-content { 286padding:20px 30px 25px 30px; 287 width:100%; 288 box-sizing:border-box; 289 } 290 291 .listheadlinelinks { 292 display:inline-block; 293 width:100%; 294 text-align:left; 295} 296 297.listtxt img {
298 display:block; 299 margin-top:10px; 300 margin-left: auto; 301 margin-right: auto; 302 transition: all 0.3s ease-in-out 0s; 303} 304.listtxt img:hover { 305 transition: all 0.3s ease-in-out 0s; 306 transform: scale(1.05); 307} 308 309/* ******* LIST END ******* */ 310 311 312/* ******* INFO BOKSE LIST START ******* */ 313 314 .list-infobox-container { 315height:20px; 316margin-bottom:0px; 317 } 318 319.list-infobox-1, .list-infobox-2, .list-infobox-3 { 320margin:0px 20px 0px 0px; 321font-size:12px; 322font-weight:600; 323letter-spacing:-0.01em; 324text-transform:uppercase; 325display:inline-block; 326} 327 328 .list-infobox-1 { 329color:#c93400; 330} 331 332 .list-infobox-2 { 333color:#c93400; 334} 335 336 .list-infobox-3 { 337 338color:#c93400; 339} 340 341/* ******* INFO BOKSE LIST END ******* */ 342 343</style><style> 344 345 346@media only screen and (max-width: 970px) { 347 348 349 .is-btn,.is-btn:hover, 350 a[role=button],a[role=button]:hover 351 352 { 353 min-width:220px!important; 354 max-width:100%!important; 355 font-weight:500; 356 font-size:80%; 357 margin:10px 0px 10px 0px!important; 358 text-align:center!important; 359} 360 361 362 363 .galleryphoto { 364 display:block!important; 365 width:100%!important; 366 min-width:100%!important; 367 } 368 369 .hide-mobile{ 370 display:none!important; 371 } 372 .center { 373 text-align:center!important; 374 } 375 376 * { 377 -webkit-tap-highlight-color: transparent; 378 -webkit-touch-callout: none; 379 -webkit-user-select: none; 380 -khtml-user-select: none; 381 -moz-user-select: none; 382 -ms-user-select: none; 383 user-select: none; 384 } 385 386 387 388 #dan-social { 389 width:100%; 390 text-align:center; 391 right:0%; 392 bottom:2%; 393 } 394 #dan-social i { 395 font-size: 1.5em; 396 margin-left: 1em; 397 margin-right: 1em; 398 } 399 400 401} 402 403 404</style><style> 405 /* ******* DAN VIDEO SECTIONS START ******* */ 406 407 408 409/* ******* TABLET / LOW RESOLUTION DESKTOP START ******* */ 410@media (min-width:970px) { 411 412.is-video-bg { 413width: 100vw; 414height: 100vh; 415object-fit: cover; 416/* z-index: 0; */ 417 z-index: 0; 418 max-width:100%; 419 max-height:100%; 420} 421} 422/* ******* TABLET / LOW RESOLUTION DESKTOP END ******* */ 423 424/* ******* DESKTOP START ******* */ 425@media only screen and (min-width: 1025px) { 426 427.is-video-bg { 428width: 100vw; 429height: 100vh; 430object-fit: cover; 431/* z-index: 0; */ 432 z-index: 0; 433 max-width:100%; 434 max-height:100%; 435 436} 437 438} 439/* ******* DESKTOP END ******* */ 440 441/* ******* MOBILE START ******* */ 442@media only screen and (max-width: 970px) { 443 444.is-video-bg { 445min-height: 100%; 446width: 100vw; 447height: auto; 448object-fit: cover; 449/* z-index: 0; */ 450 z-index: 0; 451display:block; 452} 453 454 455 456 457 458 459 460} 461/* ******* MOBILE END ******* */ 462 463 464/* ******* DAN VIDEO SECTIONS END ******* */ 465 466 467</style><style> 468 469 @import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap'); 470 471 472 .dan-home-section {overflow:visible!important;} 473 474@media only screen and (min-width: 970px) { 475 476 477 478 479 480 #postit-container { 481position:absolute; 482right:40px; 483bottom:-79px; 484z-index:999!important; 485-webkit-transform:rotate(9deg); 486} 487 488.postit a,.postit a:hover { 489 font-family:'Reenie Beanie'!important; 490 font-size:3.7vmin; 491color:#000!important; 492} 493 494.postit { 495 line-height: 1; 496 text-align:center; 497 width: 40vmin; 498 height:35vmin!important; 499 padding:7vmin 2vmin 2vmin 2vmin; 500box-sizing: border-box; 501 position:relative; 502 border:0px solid #E8E8E8; 503 border-top:0px solid #fdfd86!important; 504 font-family:'Reenie Beanie'!important; 505 font-size:3.7vmin; 506 border-bottom-right-radius: 60px 5px; 507 display:inline-block; 508 background: #ffff88; 509color:#000; 510 background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); 511 background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); 512 background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); 513 514} 515 516.postit:after { 517 content: ""; 518 position:absolute; 519 z-index:-1; 520 right:-0px; bottom:20px; 521 width:35vmin; 522 height: 9vmin; 523 background: rgba(0, 0, 0, 0.2); 524 box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40); 525 -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0); 526 transform: matrix(-1, -0.1, 0, 1, 0, 0); 527} 528 529 } 530 531 532 533@media only screen and (max-width: 970px) { 534 535 536 537 538 539 #postit-container { 540position:absolute; 541right:20px; 542bottom:-79px; 543z-index:99; 544-webkit-transform:rotate(9deg); 545} 546 547.postit a,.postit a:hover { 548 font-family:'Reenie Beanie'!important; 549 font-size:6vmin; 550color:#000!important; 551} 552 553.postit { 554 line-height: 1; 555 text-align:center; 556 width: 50vmin; 557 height:45vmin!important; 558 padding:7vmin 2vmin 2vmin 2vmin; 559box-sizing: border-box; 560 position:relative; 561 border:0px solid #E8E8E8; 562 border-top:0px solid #fdfd86!important; 563 font-family:'Reenie Beanie'!important; 564 font-size:6vmin; 565 border-bottom-right-radius: 60px 5px; 566 display:inline-block; 567 background: #ffff88; 568color:#000; 569 background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); 570 background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); 571 background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); 572 573} 574 575.postit:after { 576 content: ""; 577 position:absolute; 578 z-index:-1; 579 right:5px; bottom:20px; 580 width:45vmin; 581 height: 9vmin; 582 background: rgba(0, 0, 0, 0.2); 583 box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40); 584 -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0); 585 transform: matrix(-1, -0.1, 0, 1, 0, 0); 586} 587 588 } 589 590 591 592 593</style><link rel="shortcut icon" href="/files/design/sac-it-fav.png"><style> 594 .dan-list-toggle { 595 border-bottom: #fff 1px solid; 596 padding-bottom: 10px; 597 } 598 .dan-list-toggle-content { 599 overflow: hidden; 600 transition: max-height 0.5s ease-in-out; 601 max-height: 0; /* Initially hidden */ 602padding-left:2px; 603 } 604 .dan-list-toggle-content.active { 605 max-height: 1500px; /* Adjust based on actual content height */ 606 } 607 a.dan-list-toggle-title { 608 color: rgba(186, 213, 240, 1); 609 font-weight: 400 !important; 610 font-size: 1em !important; 611 text-decoration: none!important; 612 display: block; 613 position: relative; 614 padding-top: 10px; 615 padding-left: 2px; 616 padding-right: 30px; 617 box-sizing: border-box; 618 cursor: pointer; 619font-family:K2D; 620text-transform:uppercase; 621 } 622 a.dan-list-toggle-title:hover { 623 color: rgba(186, 213, 240, 1); 624 text-decoration: none!important; 625 } 626 a.dan-list-toggle-title:after { 627 content: '+'; 628 font-size: 25px !important; 629 font-weight: 300 !important; 630 top: 2px !important; 631 right: 0px; 632 position: absolute; 633 color: rgba(186, 213, 240, 1); 634 transition: content 0.3s ease; 635 } 636 a.dan-list-toggle-title.opened:after { 637 content: 'â'; 638 } 639 .dan-list-toggle-content table { 640 margin-top: 20px; 641 } 642 .dan-list-toggle-content td { 643 padding: 6px 8px 6px 8px; 644 font-size: 0.8em !important; 645 line-height: 180%!important; 646 } 647 @media only screen and (min-width: 980px) { 648 .dan-list-toggle-content td { 649 padding: 6px 8px 6px 8px; 650 font-size: 0.9em !important; 651 line-height: 180%!important; 652 } 653 } 654</style> 655<meta name="theme-color" content="#317EFB"> 656<style> 657 658 659#videocards .is-card { 660margin-bottom:40px; 661} 662 663</style><style> 664 .robotcheck {display:none!important;} 665</style>
665<script> 666 // JavaScript code to execute before load 667 document.addEventListener("DOMContentLoaded", function() { 668 var videos = document.querySelectorAll("video"); 669 videos.forEach(function(video) { 670 video.preload = "metadata"; 671 }); 672 673 window.addEventListener("resize", function() { 674 var videos = document.querySelectorAll("video"); 675 videos.forEach(function(video) { 676 video.preload = "metadata"; 677 }); 678 }); 679 }); 680 </script>
680<style> 681 682 #verificationCode2 {display:none;} 683 684 #sacitteam img { 685filter:grayscale(1); 686} 687 688 h2, h3, h4 { 689font-family:K2D; 690font-weight:500; 691} 692 693 .sacit-link-hover:hover { 694color:rgba(110, 176, 243, 1)!important; 695} 696 697 .sacit-box { 698margin-bottom:30px; 699} 700 701 .input-page { 702background:#f0f3f7; 703color:#2b333a; 704padding:10px 20px 10px 20px; 705border-radius:10px 0px 0px 10px; 706font-family:K2D; 707font-size:18px; 708line-height:30px; 709width:30%; 710min-width:200px; 711 box-sizing: border-box; 712margin-bottom:30px; 713} 714 715 716 .input-page-large { 717background:#f0f3f7; 718color:#2b333a; 719padding:10px 20px 10px 20px; 720border-radius:10px 10px 10px 10px; 721font-family:K2D; 722font-size:18px; 723line-height:30px; 724width:300px; 725max-width:90%; 726 box-sizing: border-box; 727margin-bottom:30px; 728} 729 730 .input-page2 { 731background:#f0f3f7; 732color:#2b333a; 733padding:10px 20px 10px 20px; 734border-radius:10px 10px 10px 10px; 735font-family:K2D; 736font-size:18px; 737line-height:30px; 738width:150px; 739min-width:150px; 740 box-sizing: border-box; 741margin-bottom:30px; 742} 743 744 .button-page { 745background:#0b89fe; 746color:#fff; 747padding:10px 20px 10px 20px; 748border-radius:0px 10px 10px 0px; 749text-transform:uppercase; 750font-family:K2D; 751font-size:18px; 752line-height:30px; 753 box-sizing: border-box; 754margin-bottom:30px; 755} 756 757 758 .button-page-large { 759background:#0b89fe; 760color:#fff; 761padding:10px 20px 10px 20px; 762border-radius:10px 10px 10px 10px; 763text-transform:uppercase; 764font-family:K2D; 765font-size:18px; 766line-height:30px; 767 box-sizing: border-box; 768margin-bottom:30px; 769width:300px; 770max-width:90%; 771text-align:center; 772} 773 774 .input-footer { 775background:#f0f3f7; 776color:#2b333a; 777padding:10px 20px 10px 20px; 778border-radius:10px 0px 0px 10px; 779font-family:K2D; 780font-size:18px; 781line-height:30px; 782width:60%; 783 box-sizing: border-box; 784margin-bottom:30px; 785} 786 787 .button-footer { 788background:rgba(110, 176, 243, 1); 789color:#fff; 790padding:10px 20px 10px 20px; 791border-radius:0px 10px 10px 0px; 792text-transform:uppercase; 793font-family:K2D; 794font-size:18px; 795line-height:30px; 796 box-sizing: border-box; 797margin-bottom:30px; 798} 799 800 801@media only screen and (min-width: 980px) { 802 803.MenuBackground{ 804display:none; 805} 806} 807 808</style><style> 809 /* ******* NAVIGATION DESKTOP START ******* */ 810@media only screen and (min-width: 971px) { 811 .dan-pure-css-menu li ul.dan-nav-subnav li a { 812 border-bottom:#fff 1px solid; 813 border-bottom:rgba(255, 255, 255, 0.25) 1px solid; 814 } 815 .dan-pure-css-menu li ul.dan-nav-subnav li > a { 816 border-bottom:#fff 1px solid; 817 border-bottom:rgba(255, 255, 255, 0.25) 1px solid; 818 } 819 .dan-pure-css-menu li ul.dan-nav-subnav li > a:hover { 820 padding-left:10px; 821 } 822} 823/* ******* NAVIGATION DESKTOP END ******* */ 824 825 826 827/* ******* MOBILE NAVIGATION START ******* */ 828@media only screen and (max-width: 970px) { 829 830 831 832 833 :root { 834 --animationSpeed: 0.18s; 835} 836 837 838.danburger { 839position:absolute; 840right:38px; 841top:0px; 842z-index:100; 843 display: inline-block; 844 padding: 3px; 845 width: 16px; 846margin-top:-5px; 847margin-left:15px; 848} 849 850.danburger-container { 851 display: flex; 852 flex-direction: column; 853 justify-content: space-between; 854 height: 36px; 855 width: 36px; 856 box-sizing: border-box; 857border:transparent 9px solid; 858} 859 860.danburger-container, 861.danburger-bar { 862 cursor: pointer; 863 864} 865 866.danburger-bar { 867 width: 100%; 868 height: 2px; 869 background-color: rgb(110, 176, 243); 870 border-radius: 0px; 871 display: block; 872} 873 874 875 876 .danburger-extra { 877 position: relative; 878} 879 880.danburger-extra .danburger-bar { 881 position: absolute; 882 transform-origin: center; 883} 884 885.danburger-extra .danburger-bar1 { 886 top: 25%; 887 animation: makeCross1Backward var(--animationSpeed) ease 0s 1 forwards, moveDownBackward var(--animationSpeed) ease var(--animationSpeed) 1 forwards; 888} 889 890.danburger-extra .danburger-bar2 { 891 top: 50%; 892 transition: opacity 0.4s ease; 893 894} 895 896 897 898.danburger-extra .danburger-bar3 { 899 top: 75%; 900 animation: makeCross2Backward var(--animationSpeed) ease 0s 1 forwards, moveUpBackward var(--animationSpeed) ease var(--animationSpeed) 1 forwards; 901} 902 903.danburgercheck:checked + label .danburger-bar1 { 904 animation: moveDown var(--animationSpeed) ease 0s 1 forwards, makeCross1 var(--animationSpeed) ease var(--animationSpeed) 1 forwards; 905} 906 907.danburgercheck:checked + label .danburger-bar2 { 908 opacity: 0; 909} 910 911 912 913.danburgercheck:checked + label .danburger-bar3 { 914 animation: moveUp var(--animationSpeed) ease 0s 1 forwards, 915 makeCross2 var(--animationSpeed) ease var(--animationSpeed) 1 forwards; 916} 917 918@keyframes moveDown { 919 from { top: 25%; transform: translateY(0); } 920 to { top: 50%; transform: translateY(-50%); } 921} 922 923@keyframes moveDownBackward { 924 from { top: 50%; transform: translateY(-50%); } 925 to { top: 25%; transform: translateY(0); } 926} 927 928@keyframes moveUp { 929 from { top: 75%; transform: translateY(0); } 930 to { top: 50%; transform: translateY(-50%); } 931} 932 933@keyframes moveUpBackward { 934 from { top: 50%; transform: translateY(-50%); } 935 to { top: 75%; transform: translateY(0); } 936} 937 938@keyframes makeCross1 { 939 from { transform: rotate(0deg); } 940 to { transform: rotate(40deg); } 941} 942 943@keyframes makeCross1Backward { 944 from { top: 50%; transform: rotate(40deg) translateY(-50%); } 945 to { top: 50%; transform: rotate(0deg) translateY(-50%); } 946} 947 948@keyframes makeCross2 { 949 from { transform: rotate(0deg); }
950 to { transform: rotate(-40deg); } 951} 952 953@keyframes makeCross2Backward { 954 from { top: 50%; transform: rotate(-40deg) translateY(-50%); } 955 to { top: 50%; transform: rotate(0deg) translateY(-50%); } 956} 957 958 959 960 961 nav ul li { 962 opacity: 0; 963 -webkit-transition: all 0.3s ease-in-out; 964 transition: all 0.3s ease-in-out; 965 animation-fill-mode: forwards; 966 animation-name: fadeIn; 967 animation-duration: 0.25s; 968 animation-delay: 0s; 969 } 970 971 972 973 974 .dan-pure-css-menu { 975 padding: 20px 0px 0px 0px; 976 transform: translate3d(0,0,0); 977 position: fixed; 978 z-index: 98 !important; 979 top: 60px !important; 980 height: 90vh; 981 overflow-x: hidden; 982 overflow-y: scroll; 983 -webkit-overflow-scrolling: touch; 984background:#171b1f; 985 -webkit-transition: all 0.3s ease-in-out; 986 transition: all 0.3s ease-in-out; 987} 988 989 990/* ******* more + items ******* */ 991 992nav ul li > a, 993nav ul li > a:hover, 994nav ul li > .toggle, 995nav ul li > .toggle:hover 996 { 997 color:#fff!important; 998background:#171b1f!important; 999text-shadow:none!important; 1000font-family:tahoma, arial; 1001font-size:18px!important; 1002font-weight:400; 1003text-transform:none; 1004text-decoration:none!important; 1005border-bottom:#333 0px solid; 1006padding: 15px 0px 15px 50px; 1007margin-left:30px; 1008margin-right:30px; 1009} 1010 1011 1012/* ******* Fourth + items ******* */ 1013 1014 nav > ul > li > ul > li > ul > li > ul > li > a, 1015 nav > ul > li > ul > li > ul > li > ul > li > a:hover, 1016 nav > ul > li > ul > li > ul > li > ul > li > .toggle, 1017 nav > ul > li > ul > li > ul > li > ul > li > .toggle:hover 1018 1019 { 1020 color:#fff!important; 1021background:#171b1f!important; 1022text-shadow:none!important; 1023font-family:tahoma, arial; 1024font-size:18px!important; 1025font-weight:400; 1026text-transform:none; 1027text-decoration:none!important; 1028border-bottom:#333 0px solid; 1029padding: 15px 0px 15px 40px; 1030margin-left:30px; 1031margin-right:30px; 1032 } 1033 1034 1035 1036 1037/* ******* Third + items ******* */ 1038 1039 nav > ul > li > ul > li > ul > li > a, 1040 nav > ul > li > ul > li > ul > li > a:hover, 1041 nav > ul > li > ul > li > ul > li > .toggle, 1042 nav > ul > li > ul > li > ul > li > .toggle:hover 1043 1044 { 1045 color:#fff!important; 1046background:#171b1f!important; 1047text-shadow:none!important; 1048font-family:tahoma, arial; 1049font-size:18px!important; 1050font-weight:400; 1051text-transform:none; 1052text-decoration:none!important; 1053border-bottom:#333 0px solid; 1054padding: 15px 0px 15px 30px; 1055margin-left:30px; 1056margin-right:30px; 1057 } 1058 1059 1060 1061 1062 1063/* ******* Second + items ******* */ 1064 1065 nav > ul > li > ul > li > a, 1066 nav > ul > li > ul > li > a:hover, 1067 nav > ul > li > ul > li > .toggle, 1068 nav > ul > li > ul > li > .toggle:hover 1069 1070 { 1071 color:#fff!important; 1072background:#171b1f!important; 1073text-shadow:none!important; 1074font-family:tahoma, arial; 1075font-size:18px!important; 1076font-weight:400; 1077text-transform:none; 1078text-decoration:none!important; 1079border-bottom:#333 0px solid; 1080padding: 15px 0px 15px 20px; 1081margin-left:30px; 1082margin-right:30px; 1083 } 1084 1085 1086 1087 1088 1089 1090 1091/* ******* First items ******* */ 1092 1093nav > ul > li > a, 1094nav > ul > li > a:hover, 1095 nav > ul > li > .toggle, 1096 nav > ul > li > .toggle:hover 1097 { 1098 color:#fff!important; 1099background:transparent!important; 1100text-shadow:none!important; 1101font-family:tahoma, arial; 1102font-size:19px!important; 1103font-weight:500!important; 1104text-transform:none; 1105text-decoration:none!important; 1106border-bottom:#d9d9d9 0px solid!important; 1107padding: 10px 0px 10px 0px; 1108margin-left:30px; 1109margin-right:30px; 1110 } 1111 1112 1113 nav ul li > .toggle, 1114nav ul li > .toggle:hover, 1115 nav > ul > li > ul > li > ul > li > ul > li > .toggle, 1116 nav > ul > li > ul > li > ul > li > ul > li > .toggle:hover, 1117 nav > ul > li > ul > li > ul > li > .toggle, 1118 nav > ul > li > ul > li > ul > li > .toggle:hover, 1119 nav > ul > li > ul > li > .toggle, 1120 nav > ul > li > ul > li > .toggle:hover 1121 { 1122 font-weight:700; 1123 } 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 #backgroundtopmenu{ 1134 height:0px; 1135 } 1136 1137 1138 #navend{ 1139 padding:0px 0px 30px 0px; 1140 margin:0px 0px 110px 0px; 1141 width:100%; 1142 max-width:100%; 1143 } 1144 1145 1146 1147 #navend li.menubar2link > a, #navend li.menubar2link:hover > a { 1148 color:#fff!important; 1149background:transparent!important; 1150font-family:tahoma, arial; 1151font-size:17px; 1152line-height:40px;
1153font-weight:400; 1154text-transform:none; 1155text-decoration:none!important; 1156text-shadow:none!important; 1157border-top:#333 0px solid; 1158border-bottom:#d9d9d9 0px solid; 1159padding: 7px 0px 7px 10px; 1160margin-left:30px; 1161margin-right:30px; 1162display:block; 1163height:auto!important; 1164 } 1165 } 1166/* ******* MOBILE NAVIGATION END ******* */ 1167 1168.dan-pure-css-menu li > a:after { content: ' '; } 1169.dan-pure-css-menu li > a:only-child:after { content: ''; } 1170 1171 1172@media all and (max-width : 980px) { 1173 1174 nav ul li > .toggle:after { content: ' '; } 1175 1176 } 1177 1178#dan-no-linkX { color: red!important; } 1179</style><style> 1180 1181/* ******* ADDON NAVIGATION STYLES START ******* */ 1182 1183@media only screen and (min-width: 970px) { 1184 li#it442 a { 1185 background:transparent!important; 1186 border:#6eb0f3 3px solid; 1187 border-radius:10px!important; 1188 padding-top:4px!important; 1189 padding-bottom:6px!important; 1190 padding-left:15px!important; 1191 padding-right:15px!important; 1192 height:auto!important; 1193 margin-top:12px!important; 1194margin-left: calc(15vw + 10px)!important; 1195 margin-right:0px!important; 1196 font-weight:500!important; 1197 } 1198 .menubar2link:nth-last-child(2){ 1199 background:#fff; 1200 border-radius:50px 0px 0px 50px; 1201 border-right:#ccc 1px solid!important; 1202 -webkit-transition: all 0.3s ease-in-out; 1203 transition: all 0.3s ease-in-out; 1204 margin-top:0px; 1205 margin-left:30px; 1206 padding-left:10px; 1207 padding-right:0px; 1208 } 1209 .menubar2link:last-child { 1210 background:#fff; 1211 border-radius:0px 50px 50px 0px; 1212 -webkit-transition: all 0.3s ease-in-out; 1213 transition: all 0.3s ease-in-out; 1214 margin-top:0px; 1215 margin-left:0px; 1216 padding-left:5px; 1217 padding-right:10px; 1218 } 1219 .menubar2link:nth-last-child(2) a,.menubar2link:last-child a{ 1220 color:#000!important; 1221 font-weight:500!important; 1222 font-size:11px; 1223 text-shadow:0px 0px 10px rgba(0, 0, 0, 0)!important; 1224 } 1225 .menubar2link:nth-last-child(2):hover,.menubar2link:last-child:hover{ 1226 background:#fff; 1227 border:#fff 0px solid; 1228 font-weight:500!important; 1229 -webkit-transition: all 0.3s ease-in-out; 1230 transition: all 0.3s ease-in-out; 1231 font-size:11px; 1232 text-shadow:0px 0px 10px rgba(0, 0, 0, 0)!important; 1233 } 1234} 1235 1236 1237 @media only screen and (min-width: 2700px) { 1238 li#it442 a { 1239margin-left: calc(10vw + 50px)!important; 1240 } 1241 1242 } 1243 1244 1245 1246/* ******* ADDON NAVIGATION STYLES END ******* */ 1247 1248 @media only screen and (max-width: 970px) { 1249 1250 li#it442 a { 1251 background:transparent!important; 1252 border:#6eb0f3 3px solid!important; 1253 border-radius:10px!important; 1254 padding-top:4px!important; 1255 padding-bottom:6px!important; 1256 padding-left:15px!important; 1257 padding-right:15px!important; 1258 height:auto!important; 1259 margin-top:40px!important; 1260 font-weight:500!important; 1261text-align:center!important; 1262width:220px!important; 1263position:relative; 1264left:50%!important; 1265margin-left:-110px!important; 1266 } 1267 1268 1269 } 1270</style>
1270<script src = 'https://cxppusa1formui01cdnsa01-endpoint.azureedge.net/eur/FormLoader/FormLoader.bundle.js' ></script>
1270 1271 1272<style> 1273 main table { 1274 width:90%!important; 1275} 1276main table.default td:first-of-type input { 1277margin-left:-115px!important; 1278 transform: scale(1.5); 1279 -webkit-transform: scale(1.5); 1280} 1281 1282main table.default td:first-of-type label { 1283 width:30px!important; 1284 max-width:30px!important; 1285text-align:left!important; 1286float:left!important; 1287} 1288 1289main table.default td:first-of-type { 1290 width:40px!important; 1291 max-width:40px!important; 1292} 1293 1294 1295@media only screen and (max-width: 970px) { 1296 1297main table.default td:first-of-type input { 1298margin-left:0px!important; 1299 transform: scale(1.0); 1300 -webkit-transform: scale(1.0); 1301} 1302 1303 } 1304 1305@media only screen 1306 and (min-device-width: 768px) 1307 and (max-device-width: 1024px) 1308 and (-webkit-min-device-pixel-ratio: 1) { 1309 1310 1311main table.default td:first-of-type input { 1312margin-left:0px!important; 1313 transform: scale(1.0); 1314 -webkit-transform: scale(1.0); 1315} 1316} 1317 1318 /* Safari 7.1+ */ 1319 1320_::-webkit-full-page-media, _:future, :root main table.default td:first-of-type input { 1321margin-left:0px!important; 1322 transform: scale(1.0); 1323 -webkit-transform: scale(1.0); 1324} 1325 1326 main * { 1327background-color:transparent!important; 1328color:#171b1f!important; 1329width:auto!important; 1330padding:0!important; 1331margin:0!important; 1332font-family:tahoma, arial!important; 1333font-size:18px!important; 1334font-weight:400!important; 1335} 1336 1337main *::after { 1338 content: " "!important; 1339} 1340 1341mainX label { 1342margin-bottom:-10px!important; 1343text-align:left!important; 1344} 1345 1346main * label span { 1347font-size:16px!important; 1348} 1349 1350mainX div { 1351text-align:left!important; 1352} 1353 1354main * input { 1355background:#fff!important; 1356padding:15px 15px 15px 15px!important; 1357color:#171b1f!important; 1358border:none!important; 1359border-radius:10px!important; 1360font-family: K2D!important; 1361margin-bottom:15px!important; 1362width:80%!important; 1363min-width:250px!important; 1364} 1365 1366main * textarea { 1367background:#fff!important; 1368padding:15px 15px 15px 15px!important; 1369color:#171b1f!important; 1370border:none!important; 1371border-radius:10px!important; 1372font-family: K2D!important; 1373margin-bottom:15px!important; 1374width:80%!important; 1375min-width:250px!important; 1376} 1377 1378 main * button { 1379background:transparent!important; 1380padding:15px 15px 15px 15px!important; 1381color:#171b1f!important; 1382border:#171b1f 3px solid!important; 1383border-radius:10px!important; 1384 -webkit-transition: all 0.3s ease-in-out; 1385 transition: all 0.3s ease-in-out; 1386margin-top:10px!important; 1387margin-bottom:10px!important; 1388font-family: K2D!important; 1389text-transform:uppercase!important; 1390} 1391 main * button:hover { 1392background:#171b1f!important; 1393color:#bad5f0!important; 1394border:#171b1f 3px solid!important; 1395border-radius:5px!important; 1396 -webkit-transition: all 0.3s ease-in-out; 1397 transition: all 0.3s ease-in-out; 1398font-family: K2D!important; 1399} 1400 1401 main * button span { 1402background:transparent!important; 1403color:inherit!important; 1404font-family: K2D!important; 1405} 1406 1407 1408 mainX * input[type="checkbox"] { 1409 transform: scale(1.5); /* Adjust the scale value as needed */ 1410 -webkit-transform: scale(1.2); /* For Safari */ 1411 -moz-transform: scale(1.2); /* For Firefox */ 1412 -ms-transform: scale(1.2); /* For IE */ 1413 -o-transform: scale(1.2); /* For Opera */ 1414 } 1415 1416 1417 1418 1419 .submitButtonWrapper { 1420display:block!important; 1421 padding-top:0px!important; 1422 padding-bottom:0px!important; 1423 margin-top:20px!important; 1424 margin-bottom:30px!important; 1425 } 1426 1427 1428 1429</style><style> 1430 main form[aria-label="Newsletter Signup"] * { 1431background-color:transparent!important; 1432color:#fff!important; 1433width:auto!important; 1434padding:0!important; 1435margin:0!important; 1436font-family:tahoma, arial!important; 1437font-size:18px!important; 1438font-weight:400!important; 1439} 1440 1441 main form[aria-label="Newsletter Signup"] h1 { 1442color: rgb(147, 172, 197)!important; 1443font-family: K2D!important; 1444font-weight: 500!important; 1445display:none; 1446} 1447 1448 main form[aria-label="Newsletter Signup"] *::after { 1449 content: " "!important; 1450} 1451 1452main form[aria-label="Newsletter Signup"] * label { 1453margin-bottom:-10px!important; 1454} 1455 1456main form[aria-label="Newsletter Signup"] * label span { 1457font-size:16px!important; 1458} 1459 1460 1461 1462main form[aria-label="Newsletter Signup"] * input { 1463background:#fff!important; 1464padding:15px 15px 15px 15px!important; 1465color:#171b1f!important; 1466border:none!important; 1467border-radius:10px!important; 1468font-family: K2D!important; 1469display:block!important; 1470margin-bottom:15px!important; 1471width:80%!important; 1472min-width:250px!important; 1473} 1474 1475main form[aria-label="Newsletter Signup"] * textarea { 1476background:#fff!important; 1477padding:15px 15px 15px 15px!important; 1478color:#171b1f!important; 1479border:none!important; 1480border-radius:10px!important; 1481font-family: K2D!important; 1482display:block!important; 1483} 1484 1485 main form[aria-label="Newsletter Signup"] .submitButton { 1486padding:10px 20px 10px 20px!important; 1487background: #6eb0f3!important; 1488 color: #fff!important; 1489border:rgba(110, 176, 243, 1) 3px solid!important; 1490border-radius:10px!important; 1491 -webkit-transition: all 0.3s ease-in-out; 1492 transition: all 0.3s ease-in-out; 1493margin-top:10px!important; 1494margin-bottom:30px!important; 1495font-family: K2D!important; 1496display:inline-block!important; 1497} 1498 maXin form[aria-label="Newsletter Signup"] * button:hover { 1499color: rgba(110, 176, 243, 1)!important; 1500 background: #fff!important; 1501border:#171b1f 3px solid!important; 1502border-radius:5px!important; 1503 -webkit-transition: all 0.3s ease-in-out; 1504 transition: all 0.3s ease-in-out; 1505font-family: K2D!important; 1506} 1507 1508 1509 1510 1511 1512 main form[aria-label="Newsletter Signup"] * input[type="checkbox"] { 1513 transform: scale(1.5); /* Adjust the scale value as needed */ 1514 -webkit-transform: scale(1.1); /* For Safari */ 1515 -moz-transform: scale(1.1); /* For Firefox */ 1516 -ms-transform: scale(1.1); /* For IE */ 1517 -o-transform: scale(1.1); /* For Opera */ 1518 1519} 1520 1521mXain form[aria-label="Newsletter Signup"] span:last-of-type { 1522 display: none; 1523} 1524 1525 main form[aria-label="Newsletter Signup"] * button span { 1526background: #6eb0f3!important; 1527color:#fff!important; 1528font-family: K2D!important; 1529 display: block; 1530text-transform:uppercase!important; 1531} 1532 1533 1534 1535 main form[aria-label="Newsletter Signup"] * button p { 1536display:block!important; 1537 padding-top:30px!important; 1538 padding-bottom:30px!important; 1539 margin-top:30px!important; 1540 margin-bottom:30px!important; 1541 } 1542 1543 1544 main form[aria-label="Newsletter Signup"] * label{ 1545display:block!important; 1546 } 1547 1548.phoneCountryCodeLabel { 1549display:none!important; 1550 } 1551 1552</style><style> 1553@media only screen and (min-width: 980px) { 1554 1555/* Base styling for top-level menu items */ 1556.dan-pure-css-menu > li > a { 1557 position: relative; 1558} 1559 1560/* Hover underline for top-level menu items */ 1561.dan-pure-css-menu > li > a:hover::after { 1562 content: ''; 1563 position: absolute; 1564 left: 0; 1565 bottom: 20px; 1566 width: 100%; 1567 height: 0.10em; 1568 background-color: currentColor; 1569} 1570 1571/* Active link styling for top-level menu items */ 1572.active-link { 1573 position: relative; 1574} 1575 1576.active-link::after { 1577 content: ''; 1578 position: absolute; 1579 left: 0; 1580 bottom: 20px; 1581 width: 100%; 1582 height: 0.10em; 1583 background-color: currentColor; 1584} 1585 1586 #it442 .active-link::after, 1587#it442 a:hover::after { 1588display:none!important; 1589} 1590 1591/* Sub-item active link styling */ 1592.sub-active-link { 1593 color: rgba(11, 137, 254, 1)!important; 1594 text-decoration: none; /* Ensures no underline is applied */ 1595} 1596 1597/* Optionally, ensure hover effects are consistent */ 1598.dan-nav-subnaXv > li > a:hover { 1599 color: red!important; /* Match hover color with active link for consistency */ 1600} 1601} 1602</style> 1603 1604 1605
1606<script> 1607(function () { 1608 // Get the current URL path 1609 var currentPath = window.location.pathname; 1610 1611 // Wait until the DOM is ready 1612 document.addEventListener("DOMContentLoaded", function () { 1613 // Select all the navigation links 1614 var navLinks = document.querySelectorAll('.dan-pure-css-menu > li > a, .dan-nav-subnav > li > a'); 1615 1616 navLinks.forEach(function (link) { 1617 // Check if the href matches the current URL 1618 if (link.getAttribute('href') === currentPath) { 1619 // Add the active-link class for top-level menu items 1620 if (link.closest('.dan-nav-subnav')) { 1621 link.classList.add('sub-active-link'); // Sub-item styling 1622 // Highlight the parent menu item 1623 var parentMenu = link.closest('.dan-nav-subnav').parentNode.querySelector('a'); 1624 parentMenu.classList.add('active-link'); 1625 } else { 1626 link.classList.add('active-link'); 1627 } 1628 } 1629 }); 1630 }); 1631})(); 1632</script>
1632 1633<!-- Google Consent Mode --> 1634
1634<script data-cookieconsent="ignore"> 1635 window.dataLayer = window.dataLayer || []; 1636 function gtag() { 1637 dataLayer.push(arguments) 1638 } 1639 gtag("consent", "default", { 1640 ad_personalization: "denied", 1641 ad_storage: "denied", 1642 ad_user_data: "denied", 1643 analytics_storage: "denied", 1644 functionality_storage: "denied", 1645 personalization_storage: "denied", 1646 security_storage: "granted", 1647 wait_for_update: 500 1648 }); 1649 gtag("set", "ads_data_redaction", true); 1650 gtag("set", "url_passthrough", true); 1651 </script>
1651 1652 <!-- End Google Consent Mode--> 1653 1654 1655 <!-- Google Tag Manager --> 1656
1656<script data-cookieconsent="ignore">
vendor: 353 bytes, lines 1656-1661
1656 1657 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1658 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1659 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1660 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1661 })(window,document,'script','dataLayer','
1661GTM-M4XQZFR
vendor: 3 bytes, line 1661
1661');
1661</script>
1661 1662 <!-- End Google Tag Manager --> 1663 1664 1665 <!-- Cookiebot CMP--> 1666
1666<script 1667 id="Cookiebot" 1668 src="https://consent.cookiebot.com/uc.js" 1669 data-cbid="af3792b4-59b6-4b25-89c5-cefee23297d8" 1670 data-blockingmode="auto" 1671 type="text/javascript" 1672 ></script>
1672 1673 <!-- End Cookiebot CMP -->
1673<script> 1674 document.addEventListener('DOMContentLoaded', function() { 1675 1676 var menuElements = document.querySelectorAll('.dan-pure-css-menu:last-child'); 1677 var sslideContent = document.querySelector('.sslide') ? document.querySelector('.sslide').innerHTML : ''; 1678 1679 menuElements.forEach(function(menuElement) { 1680 if (!menuElement.classList.contains('sslide')) { 1681 menuElement.innerHTML += sslideContent; 1682 var newLi = document.createElement('li'); 1683 newLi.id = 'navend'; 1684 menuElement.appendChild(newLi); 1685 1686 var menubar2Content = document.getElementById('menubar2') ? document.getElementById('menubar2').innerHTML : ''; 1687 newLi.innerHTML = menubar2Content; 1688 } 1689 }); 1690 1691 var danburger = document.getElementById('danburger'); 1692 if (danburger) { 1693 danburger.addEventListener('click', function() { 1694 var drop = document.getElementById('drop'); 1695 if (drop) { 1696 drop.click(); 1697 } 1698 }); 1699 } 1700 1701 }); 1702</script>
vendor: 71 bytes, lines 1702-1703
1702 1703<script src='https://www.google.com/recaptcha/api.js?hl=da'></script>
1703<script src="https://t.contentsquare.net/uxa/bf56f83875c2a.js" defer></script>
1703<link rel="canonical" href="https://www.sac-it.dk/38/it-arbejdsplads"></head><body><div id="header-container" class="header-absolute"><a title="www.sac-it.dk" href="/"><img loading="lazy" class="logo-mobile" id="logo-light-mobile" alt="" src="/design/layoutimages/sac-it_neg_500.png" style="border: 0px currentColor; border-image: none;"><img loading="lazy" class="logo-mobile" id="logo-dark-mobile" alt="" src="/design/layoutimages/logo-dark-210-mobile.png" style="border: 0px currentColor; border-image: none;"></a><div class="MenuBackground"><div id="menudocscontainer"><a title="www.sac-it.dk" href="/"><img class="logo" id="logo-light" alt="" src="/design/layoutimages/sac-it_neg_500.png" style="border: 0px currentColor; border-image: none;"><img class="logo" id="logo-dark" alt="" src="/design/layoutimages/logo-dark-270.png" style="border: 0px currentColor; border-image: none;"></a><div class="danburger"><input type="checkbox" class="danburgercheck" id="danburger" hidden><label class="danburger-container danburger-extra" for="danburger"><span class="danburger-bar danburger-bar1"></span><span class="danburger-bar danburger-bar2"></span><span class="danburger-bar danburger-bar3"></span></label></div><div id="MenuLinks"><ul id="menubar2"> 1704 1705</ul></div><div style="clear: both;"></div></div></div><div id="backgroundtopmenu"><div id="menudiv" class="menudiv"> 1706<a title="www.sac-it.dk" href="/"><img class="logo" id="logo-light" alt="" src="/design/layoutimages/sac-it_neg_500.png" style="border: 0px currentColor; border-image: none;"><img class="logo" id="logo-dark" alt="" src="/design/layoutimages/logo-dark-270.png" style="border: 0px currentColor; border-image: none;"></a> 1707<nav><input type="checkbox" id="drop"><ul id="menu0" class="dan-pure-css-menu"><li id="it498"><label for="drop-498" class="toggle">Løsninger </label><a href="#dan-no-link" onclick="javascript:void(0); return true;">Løsninger</a><input type="checkbox" id="drop-498"><ul id="menu498" class="dan-nav-subnav"><li id="it501"><a href="/45/cloud">Cloud</a></li><li id="it502"><a href="/37/microsoft-365">Microsoft 365</a></li><li id="it503"><a href="/35/it-drift">IT Drift</a></li><li id="it504"><a href="/38/it-arbejdsplads">IT Arbejdsplads</a></li><li id="it505"><a href="/39/it-sikkerhed">IT Sikkerhed</a></li><li id="it513"><a href="/48/compliance">Compliance</a></li><li id="it511"><a href="/40/backup-as-a-service">Backup as a service</a></li><li id="it506"><a href="/42/managed-services">Managed Services</a></li><li id="it507"><a href="/41/konsulent-services">Konsulent Services</a></li><li id="it508"><a href="/43/web-services">Web Services</a></li><li id="it510"><a href="/44/vmware-vcf">VMware VCF</a></li><li id="it521"><a href="/96/ai-platform">AI-platform</a></li></ul></li><li id="it499"><a href="/33/om-sac-it">Om os</a></li><li id="it500"><a href="/34/kontakt">Kontakt</a></li><li id="it442"><a href="/52/support">Få support</a></li><li id="it515"><a href="/62/driftstatus">Driftstatus</a></li></ul></nav></div></div><div style="clear:both;"></div></div><div id="contentarea" class="is-wrapper"><div class="is-section is-box box-autofit last-box is-light-text is-section-auto scroll-target" style="background-color: rgb(23, 27, 31);">� <div class="is-overlay"></div>� <div class="is-container v2 leading-14 size-18 v3 is-content-1600">�� <div class="row">� <div class="column">� <div class="spacer height-120"></div>� </div>� </div>� <div class="row relative xs-column-reverse">� <div class="column pl-1" style="width: 40%; flex: 0 0 auto;">� <h1 style="color: rgb(110, 176, 243);" class="size-72">�� Optimeret it-arbejdsplads til sikker og problemfri drift</h1>� <p style="color: rgb(204, 227, 251); padding-right: 5vw;" class="size-21">SAC-IT leverer skræddersyede IT Arbejdsplads-løsninger baseret pÃ¥ Lenovo, Mac og diverse hardware- og softwareløsninger. Vi rÃ¥dgiver virksomheder om de bedste løsninger, tilbyder certificeret implementering, samt hosting, backup og VDI for optimal drift.</p>� <div class="spacer height-20"></div>� <div>� <a href="/71/kontakform" role="button" class="transition-all inline-block whitespace-nowrap cursor-pointer no-underline border-2 border-solid mr-2 mt-2 mb-1 size-17 border-current font-normal leading-14 tracking-wide rounded pt-4 pb-4 px-6 uppercase hover:border-transparent" style="color: rgb(255, 255, 255); border-width: 3px; border-style: solid; border-color: rgb(110, 176, 243); font-family: K2D; font-weight: 700;" title="" data-bg="" data-hover-bg="rgba(110, 176, 243, 1)" onmouseover="if(this.getAttribute('data-hover-bg'))this.style.backgroundColor=this.getAttribute('data-hover-bg');" onmouseout="if(this.getAttribute('data-bg'))this.style.backgroundColor=this.getAttribute('data-bg');else this.style.backgroundColor=''">Book et møde</a>� </div>� </div>� <div class="column md-autofit desktop-autofit pr-1"><img loading="lazy" src="/files/system/images/arbejdsplads-nh4zl1.png" alt="" data-filename="arbejdsplads.png" style="border-radius: 30px;">� <div class="spacer height-80 md-hidden desktop-hidden"></div>� </div>� </div>� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>�� </div>�</div>�<div class="is-section is-box box-autofit last-box is-section-auto" style="background-color: rgb(186, 213, 240);">� <div class="is-overlay"></div>� <div class="is-container v2 leading-14 size-18 is-content-1600 v3">�� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>
1707� <div class="row sm-autofit">� <div class="column sm-hidden xs-hidden">� <div class="spacer height-80"></div>� </div>� <div class="column" style="width: 70%; flex: 0 0 auto;">� <h2 class="text-center size-42" style="color: rgb(23, 27, 31);">En IT Arbejdsplads-løsning til din virksomhed</h2>� </div>� <div class="column xs-hidden sm-hidden">� <div class="spacer height-80"></div>� </div>� </div>�� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>� <div class="row relative gap-30">�� <div class="column pr-7 pl-7 pb-8 pt-8 sacit-box" style="background-color: rgb(23, 27, 31); border-radius: 15px;">� <div class="text-center">� <i class="icon ion-android-laptop size-96" style="color: rgb(110, 176, 243);"></i>� </div>� <h3 class="text-center size-35" style="color: rgb(240, 243, 247);">Hvad er SAC IT's IT Arbejdsplads?</h3>� <p class="text-center" style="color: rgb(204, 227, 251);"> Vi leverer IT Arbejdsplads-løsninger baseret på Lenovo hardware (PC'er), Mac (Apple), installeret software samt hardware som skærme, dockingstationer, printere, Access Points, mobiltelefoner og tablets.�� Vi rådgiver dig om den bedste løsning for din virksomhed. Vores certificerede konsulenter håndterer alle faser af implementeringen, og hvis du ønsker andre IT-løsninger, kan dette lade sig gøre, men med ekstra omkostninger og vilkår.<br></p>�� </div>� <div class="column pr-7 pl-7 pb-8 pt-8 sacit-box" style="background-color: rgb(23, 27, 31); border-radius: 15px;">� <div class="text-center">� <i class="bi bi-card-checklist size-96" style="color: rgb(110, 176, 243);"></i>� </div>� <h3 class="text-center size-35" style="color: rgb(240, 243, 247);">Fordele ved IT Arbejdsplads fra SAC-IT</h3>� <p class="text-center" style="color: rgb(204, 227, 251);">Med en IT Arbejdsplads-løsning kan du sikre at din hardware altid er fuldt opdateret og sikret efter højeste standarder. Ligeledes leverer vi hosting, backup og Virtuelle Desktops (VDI) for at sikre at din arbejdsplads kører optimalt. Vi ved, hvor vigtigt det er, og derfor arbejder vi dedikeret og målrettet på at skabe løsninger, der giver mest mulig værdi for dig og din virksomhed.</p>�� </div>� </div>�� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>� </div>�</div>��<div class="is-section is-box box-autofit last-box is-section-auto is-light-text" style="background-color: rgb(23, 27, 31);">� <div class="is-overlay"></div>� <div class="is-container v2 leading-14 size-18 v3 is-content-960">�� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>�� <div class="row">� <div class="column">� <p class="leading-11 text-center size-24" style="color: rgb(186, 213, 240);"><i class="bi bi-quote size-24" style="color: rgb(147, 172, 197);"></i>SAC-IT's IT Arbejdsplads-løsninger sikrer opdateret og sikker hardware, kombineret med hosting, backup og Virtuelle Desktops (VDI), skræddersyet til din virksomheds behov.<i class="bi bi-quote size-24" style="color: rgb(147, 172, 197);"></i></p>� </div>� </div>�� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>�� </div>�</div>�<div class="is-section is-box box-autofit last-box is-light-text is-section-auto">� <div class="is-overlay" style="background-color: rgb(43, 51, 58);"></div>� <div class="is-container v2 leading-14 size-18 is-content-1600 v3">�� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>
1707� <div class="row sm-autofit">� <div class="column pl-1" style="width: 37%; flex: 0 0 auto;">� <h2 style="color: rgb(110, 176, 243);" class="size-48">Hvilken IT Arbejdsplads-løsning passer bedst til din virksomhed?</h2>� </div>� <div class="column sm-hidden xs-hidden" style="width: 13%; flex: 0 0 auto;">� <div class="spacer height-80"></div>� </div>� <div class="column pr-1 xs-pl-1" style="width: 100%;">� <div class="full dan-list-toggle"><a class="dan-list-toggle-title" href="JavaScript:void(0);" title="">Hvad er Access Points?</a>�� <div class="dan-list-toggle-content">� <p style="color: rgb(240, 243, 247);">Et Access Point er en enhed, der opretter et trådløst lokalnetværk eller WLAN, normalt i et kontor eller en større bygning. Et Access Point forbindes til en kablet router, switch eller hub via et Ethernet-kabel og projicerer herefter et Wi-Fi-signal til et udvalgt område.</p>� <p style="color: rgb(240, 243, 247);">For at finde den rette løsning til din virksomhed kan du kontakte os, så hjælper vi dig med at vurdere dine behov og anbefale den mest passende cloud-løsning. Ring til IT Arbejdsplads Teamet på <a href="tel:+4589808000" title="">89808000</a>�� <br>� </p>� </div>� </div>�� <div class="full dan-list-toggle"><a class="dan-list-toggle-title" href="JavaScript:void(0);" title="">Hvad er Virtuelle Desktop (VDI)?</a>�� <div class="dan-list-toggle-content">� <p style="color: rgb(240, 243, 247);">En VDI er en virtuel PC, en desktop-virtualiseringsteknologi, hvor et desktopoperativsystem, typisk Microsoft Windows, kan køres og administreres via et datacenter. Det virtuelle skrivebordsbillede leveres herefter over et netværk til en end point-enhed.</p>� <p style="color: rgb(240, 243, 247);">For at finde den rette løsning til din virksomhed kan du kontakte os, så hjælper vi dig med at vurdere dine behov og anbefale den mest passende cloud-løsning. Ring til IT Arbejdsplads-Teamet på <a href="tel:+4589808000" title="">89808000</a><br></p>� </div>� </div>�� <div class="full dan-list-toggle"><a class="dan-list-toggle-title" href="JavaScript:void(0);" title="">Hvad er Netværk?</a>�� <div class="dan-list-toggle-content">� <p style="color: rgb(240, 243, 247);">Netværk omfatter fysiske komponenter eller netværksenheder, der er essentielle for interaktion og kommunikation mellem hardwareenheder forbundet til et computernetværk. Disse komponenter er dedikerede hardwarekomponenter, der forbindes og sætter et netværk i stand til at fungere effektivt. Dette inkluderer blandt andet modems, routers, hubs, switches, etc.</p>� <p style="color: rgb(240, 243, 247);">For at finde den rette løsning til din virksomhed kan du kontakte os, så hjælper vi dig med at vurdere dine behov og anbefale den mest passende IT Arbejdsplads-løsning. Ring til IT Arbejdsplads-Teamet på <a href="tel:+4589808000" title="">89808000</a>�� </p>� </div>� </div>�� </div>� </div>� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>� </div>�</div>�<div class="is-section is-box box-autofit last-box is-light-text is-section-auto" style="background-color: rgb(23, 27, 31);">� <div class="is-overlay"></div>� <div class="is-container v2 leading-14 size-18 v3 is-content-1600">� <div class="row">� <div class="column">� <div class="spacer height-120"></div>� </div>� </div>� <div class="row relative">� <div class="column" style="width: 42.013%; flex: 0 0 auto;">� <h2 style="color: rgb(110, 176, 243);" class="text-center size-48">�� Vi er klar til at� hjælpe dig </h2>� <p style="color: rgb(204, 227, 251); margin-right: 7vw; margin-left: 7vw;" class="size-21 text-center">Udfyld formularen, og� vores team vil kontakte dig� hurtigst muligt. <
1707/p>� <div class="spacer height-80"></div>� <h2 style="color: rgb(110, 176, 243);" class="text-center size-35">�� Eller kontakt os pÃ¥:</h2>� <p style="color: rgb(204, 227, 251);" class="size-21 text-center"><a href="tel:+458980800" title="" class="size-21" style="color: rgb(186, 213, 240); text-decoration: none;">+45 89 80 80 0</a>0</p>� <div class="spacer height-80"></div>� <div class="spacer height-20"></div>� </div>� <div class="column" style="width: 6.68831%; flex: 0 0 auto;">� <div class="spacer height-80"></div>� </div>� <div class="column md-autofit desktop-autofit pl-8 pr-8 pt-2 pb-2" style="background-color: rgb(186, 213, 240); border-radius: 15px; width: 100%;">� <h3 style="color: rgb(23, 27, 31);" class="size-24">Skriv til os:</h3>� <div data-form-id="fae27274-928c-ef11-ac20-000d3a4cdd42" data-form-api-url="https://public-eur.mkt.dynamics.com/api/v1.0/orgs/04f20136-bea0-ee11-a564-000d3a3a0246/landingpageforms" data-cached-form-url="https://assets-eur.mkt.dynamics.com/04f20136-bea0-ee11-a564-000d3a3a0246/digitalassets/forms/fae27274-928c-ef11-ac20-000d3a4cdd42"></div>� </div>� </div>� <div class="row">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>� </div>�</div><div class="is-section is-box is-dark-text is-static box-autofit last-box box-space box-space-m is-section-auto" style="background-color: rgb(43, 51, 58);">� <div class="is-overlay"></div>� <div class="is-container v2 leading-13 size-18 is-content-1600 v3 sm-autofit">� <div class="row relative xs-items-2">� <div class="column flex flex-col justify-center items-center"><a href="37/microsoft-365" title=""><img loading="lazy" src="/files/logos/microsoft-365-white.svg" alt="" style="width: 40%;"></a>� <div class="spacer height-40"></div>� </div>� <div class="column flex flex-col justify-center items-center"><a href="/60/azure" title=""><img loading="lazy" src="/files/logos/microsoft-azure-white.svg" alt="" style="width: 50%;"></a>� <div class="spacer height-40"></div>� </div>� <div class="column flex flex-col justify-center items-center"><a href="/37/microsoft-365" title=""><img loading="lazy" src="/files/logos/microsoft-intune-white.png" alt="" style="width: 50%;"></a>� <div class="spacer height-40"></div>� </div>� <div class="column flex flex-col justify-center items-center"><a href="/list/502/microsoft365" title=""><img loading="lazy" src="/files/logos/microsoft-sharepoint-white.svg" alt="" style="width: 50%;"></a>� <div class="spacer height-40"></div>� </div>� </div>� <div class="row">� <div class="column">� <hr style="border-width:1px;border-color:#fff">� </div>� </div>� <div class="row">� <div class="column">� <div class="spacer height-40"></div>� </div>� </div>� <div class="row">� <div class="column" style="width: 50%; flex: 0 0 auto;">� <h4 class="size-42" style="color: rgb(110, 176, 243);">FÃ¥ hurtig IT-hjælp</h4>� </div>� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>� <div class="row relative xs-hidden sm-hidden">� <div class="column">� <div class="spacer height-80"></div>� </div>� </div>� <div class="row">� <div class="column">�� <h4 style="color: rgb(147, 172, 197);" class="size-18">Hovednummer</h4>� <p><a href="tel:+4589808089" title="" style="color: rgb(240, 243, 247); text-decoration: none;">+45 89 80 80 00</a></p>� <div class="spacer height-40"></div>� <h4 style="color: rgb(147, 172, 197);" class="size-18">Support</h4>� <p><a href="tel:+4589808089" title="" style="color: rgb(240, 243, 247); text-decoration: none;">+45 89 80 80 80</a></p>� <div class="spacer height-40"></div>� <h4 style="color: rgb(147, 172, 197);" class="size-18">Support mail</h4>� <p><a href="mailto:[email protected]" title="" style="color: rgb(240, 243, 247);">[email protected]</a></p>� <div class="spacer height-40"></div>� <h4 style="color: rgb(147, 172, 197);" class="size-18">Connect</h4>� <div class="is-social text-left">� <a href="https://www.youtube.com/@sac-itinstanttechnology462/videos" target="_blank" title="Møs os pÃ¥ YouTube"><i class="icon ion-social-youtube-outline" style="color: rgb(240, 243, 247);"></i></a>� <a href="https://www.linkedin.com/company/sac-it/?originalSubdomain=dk" target="_blank" title="Connect pÃ¥ Linkedin"><i class="bi bi-linkedin" style="color: rgb(240, 243, 247);"></i></a>�� </div>� </div>� <div class="column">� <h4 style="color: rgb(147, 172, 197);" class="size-18"><br></h4>�� <iframe src="https://cdn.forms-content-1.sg-form.com/3bbcf7d2-50da-11f0-959a-02f7dbbea246" style="width:100%; max-width:100%; height:600px; border:none; display:block; margin:0px;">� </iframe>�� <p><a href="/50/cookiepolitik" title="" style="color: rgb(240, 243, 247);">Cookiepolitik</a></p>� <p><a href="/51/privatlivspolitik" title="" style="color: rgb(240, 243, 247);">Privatlivspolitik</a><br><br><br></p>�� <h4 style="color: rgb(147, 172, 197);" class="size-18">Tilmeld nyhedsbrev</h4>� </div>� </div>�� <div class="row">� <div class="column py-4">� <p id="copyright" class="text-center size-12 uppercase" style="color: rgb(240, 243, 247); font-family: K2D;">© Copyright <span id="currentYearCopyright" class="size-12" style="color: rgb(240, 243, 247);font-family:K2D;">.</span> SAC-IT A/S â <a href="https://www.dan.dk" title="Powered by DAN®" target="_blank" class="size-12" style="text-decoration-line: none; color: rgb(240, 243, 247);font-family:K2D;">Powered by DAN®</a></p>� </div>� </div>
1707� </div>�</div><div id="original-social"><a href="https://twitter.com/intent/tweet?status=SAC-IT+-+Hjælper+dig+til+sikker+og+fleksibel+IT-drift%20https://www.sac-it.dk/38/it-arbejdsplads" title="Del på Twitter" target="_blank" rel="noopener noreferrer"><i class="icon ion-social-twitter-outline"></i></a><a href="https://www.facebook.com/sharer.php?u=https://www.sac-it.dk/38/it-arbejdsplads&t=SAC-IT+-+Hjælper+dig+til+sikker+og+fleksibel+IT-drift" title="Del på Facebook" target="_blank" rel="noopener noreferrer"><i class="icon ion-social-facebook-outline"></i></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.sac-it.dk/38/it-arbejdsplads&title=SAC-IT+-+Hjælper+dig+til+sikker+og+fleksibel+IT-drift" title="Del på Linkedin" target="_blank" rel="noopener noreferrer"><i class="icon ion-social-linkedin-outline"></i></a><a href="javascript:void(document.location='mailto:?subject= SAC-IT - Hjælper dig til sikker og fleksibel IT-drift&body= SAC-IT - Hjælper dig til sikker og fleksibel IT-drift: '+escape(top.parent.location.href))" title="Send til en ven"><i class="icon ion-ios-email-outline"></i></a></div>
1707<script defer src="/assets/scripts/glide/glide.js"></script>
1707<script defer src="/adm/contentboxsource/box/box-flex.js"></script>
vendor: 2 bytes, line 1707
1707
1708<script defer src="/assets/scripts/lightbox/lightbox.min.js"></script>
vendor: 2 bytes, line 1708
1708
1709<script src="/system/smoothscroll/smoothscroll.min.js"></script>
vendor: 2 bytes, line 1709
1709
1710<script> 1711SmoothScroll({ 1712 // Scrolling Core 1713 frameRate : 150, // [Hz] 1714 animationTime : 400, // [ms] 1715 stepSize : 100, // [px] 1716 1717 // Pulse (less tweakable) 1718 // ratio of "tail" to "acceleration" 1719 pulseAlgorithm : true, 1720 pulseScale : 4, 1721 pulseNormalize : 1, 1722 1723 // Acceleration 1724 accelerationDelta : 50, // 50 1725 accelerationMax : 3, // 3 1726 1727 // Keyboard Settings 1728 keyboardSupport : true, // option 1729 arrowScroll : 50, // [px] 1730 1731 // Other 1732 fixedBackground : true, 1733 excluded : '' 1734}); 1735</script>
vendor: 2 bytes, line 1735
1735
1736<script> 1737 document.querySelectorAll('a[href*="#"]:not([href="#"])').forEach(anchor => { 1738 anchor.addEventListener('click', function (e) { 1739 e.preventDefault(); 1740 1741 if (window.location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && window.location.hostname === this.hostname) { 1742 var targetSelector = this.hash; 1743 var target = document.querySelector(targetSelector) || document.querySelector('[name=' + targetSelector.slice(1) + ']'); 1744 1745 if (target) { 1746 var targetPosition = target.getBoundingClientRect().top + window.pageYOffset; 1747 1748 window.scrollTo({ 1749 top: targetPosition, 1750 behavior: 'smooth' 1751 }); 1752 } 1753 } 1754 }); 1755}); 1756 1757</script>
1757<script> 1758 document.addEventListener('DOMContentLoaded', function() { 1759 var elements = document.querySelectorAll('.is-arrow-down a'); 1760 elements.forEach(function(element) { 1761 element.setAttribute('title', 'Scroll ned'); 1762 }); 1763}); 1764</script>
1764<script> 1765 document.addEventListener('DOMContentLoaded', function() { 1766 var leftArrows = document.querySelectorAll('.glide__arrow--left'); 1767 leftArrows.forEach(function(element) { 1768 element.setAttribute('title', 'Tilbage'); 1769 }); 1770 1771 var rightArrows = document.querySelectorAll('.glide__arrow--right'); 1772 rightArrows.forEach(function(element) { 1773 element.setAttribute('title', 'Næste'); 1774 }); 1775 }); 1776</script>
vendor: 2 bytes, line 1776
1776
1777<script> 1778 document.addEventListener('DOMContentLoaded', function() { 1779 setAirplayAttribute(); 1780 }); 1781 1782 window.addEventListener('resize', function() { 1783 setAirplayAttribute(); 1784 }); 1785 1786 function setAirplayAttribute() { 1787 var videos = document.querySelectorAll('video'); 1788 videos.forEach(function(video) { 1789 video.setAttribute('x-webkit-airplay', 'deny'); 1790 }); 1791 } 1792</script>
vendor: 2 bytes, line 1792
1792
1793<script> 1794document.addEventListener('DOMContentLoaded', function() { 1795 const toggleTitles = document.querySelectorAll('.dan-list-toggle-title'); 1796 1797 let firstClick = true; // Track if any title has been clicked 1798 1799 toggleTitles.forEach(title => { 1800 title.addEventListener('click', function() { 1801 const content = title.nextElementSibling; 1802 const wasActive = content.classList.contains('active'); 1803 1804 // Close all sections first 1805 closeAllSections(); 1806 1807 // Toggle the clicked section if it was not previously active 1808 if (!wasActive) { 1809 content.classList.add('active'); 1810 title.classList.add('opened'); 1811 content.style.maxHeight = content.scrollHeight + "px"; // Dynamically set max-height for smooth animation 1812 1813 // Wait for transition to end before scrolling with offset 1814 const onTransitionEnd = () => { 1815 content.removeEventListener('transitionend', onTransitionEnd); 1816 // Apply offset only if not the first click or if other sections are open 1817 if (!firstClick || document.querySelectorAll('.dan-list-toggle-content.active').length > 1) { 1818 scrollToTitleWithOffset(title, 150); // Adjust the offset here 1819 } else { 1820 scrollToTitleWithOffset(title, 150); // No offset for the first click or if it's the only one open 1821 } 1822 firstClick = false; // Update the flag after the first click 1823 }; 1824 1825 content.addEventListener('transitionend', onTransitionEnd); 1826 } else if (document.querySelectorAll('.dan-list-toggle-content.active').length === 0) { 1827 // If it was active and now closed, and it's the only one, reset firstClick 1828 firstClick = true; 1829 } 1830 }); 1831 }); 1832 1833 function closeAllSections() { 1834 document.querySelectorAll('.dan-list-toggle-content.active').forEach(activeContent => { 1835 activeContent.classList.remove('active'); 1836 const title = activeContent.previousElementSibling; 1837 title.classList.remove('opened'); 1838 activeContent.style.maxHeight = null; // Reset max-height 1839 }); 1840 } 1841 1842 function scrollToTitleWithOffset(element, offset) { 1843 const elementPosition = element.getBoundingClientRect().top + window.pageYOffset; 1844 const offsetPosition = elementPosition - offset; // Apply the offset 1845 window.scrollTo({ 1846 top: offsetPosition, 1847 behavior: 'smooth' 1848 }); 1849 } 1850}); 1851 1852 1853</script>
vendor: 2 bytes, line 1853
1853
1854<script> 1855 // Get the current year 1856 const currentYear = new Date().getFullYear(); 1857 // Update the content of the span with id "year" 1858 document.getElementById('currentYearCopyright').textContent = currentYear; 1859 </script>
1859<script> 1860 // VIDEO IS-CARD START 1861 window.addEventListener('load', function() { 1862 var figures = document.querySelectorAll('.videocard'); 1863 var vids = document.querySelectorAll('.videocard video'); 1864 1865 figures.forEach(function(item, index) { 1866 item.addEventListener('mouseover', function() { 1867 hoverVideo(index); 1868 }, false); 1869 1870 item.addEventListener('mouseout', function() { 1871 hideVideo(index); 1872 }, false); 1873 }); 1874 1875 function hoverVideo(index) { 1876 vids[index].play(); 1877 } 1878 1879 function hideVideo(index) { 1880 vids[index].pause(); 1881 } 1882 }); 1883 // VIDEO IS-CARD END 1884 1885 1886 1887 1888 1889 1890 if (window.innerWidth < 980) { 1891 window.addEventListener('scroll', function() { 1892 var videos = document.querySelectorAll('.videocard video'); 1893 videos.forEach(function(video) { 1894 if (isInViewport(video, 0)) { 1895 video.play(); 1896 } else { 1897 video.pause(); 1898 } 1899 }); 1900 }); 1901} 1902 1903function isInViewport(element, tolerance) { 1904 var rect = element.getBoundingClientRect(); 1905 return ( 1906 rect.top >= 0 - tolerance && 1907 rect.bottom <= window.innerHeight + tolerance 1908 ); 1909} 1910 1911 1912 1913</script>
1913 1914 1915
1916<script> 1917 window.addEventListener('load', function() { 1918 var rows = document.querySelectorAll('.row'); 1919 1920 rows.forEach(function(row) { 1921 var videocards = row.querySelectorAll('#videocards .is-card'); 1922 var maxHeight = 0; 1923 1924 videocards.forEach(function(videocard) { 1925 var cardHeight = videocard.offsetHeight; 1926 1927 if (cardHeight > maxHeight) { 1928 maxHeight = cardHeight; 1929 } 1930 }); 1931 1932 videocards.forEach(function(videocard) { 1933 videocard.style.height = maxHeight + 'px'; 1934 }); 1935 }); 1936}); 1937</script>
1937 1938<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1938-1939
1938 1939<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1939GTM-M4XQZFR
vendor: 85 bytes, lines 1939-1940
1939" 1940height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1941<!-- End Google Tag Manager (noscript) --></div></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.