1<!doctype html><html lang="sv"><head> 2 <meta charset="utf-8"> 3 4 <title>Medicinväska för barn som guidar vuxna i akuta lägen | Medsbag</title> 5 6 7 <link rel="shortcut icon" href="https://www.medsbag.se/hubfs/Medsbag%20ny%20logga-3.png"> 8 9 <meta name="description" content="En medicinväska för barn som guidar vuxna steg för steg med röstinstruktioner, och en app som delar barnets handlingsplan med skolan och släkten i förväg."> 10 11 12 13 14 <meta name="viewport" content="width=device-width, initial-scale=1"> 15 16 17 <meta property="og:description" content="En medicinväska för barn som guidar vuxna steg för steg med röstinstruktioner, och en app som delar barnets handlingsplan med skolan och släkten i förväg."> 18 <meta property="og:title" content="Medicinväska för barn som guidar vuxna i akuta lägen | Medsbag"> 19 <meta name="twitter:description" content="En medicinväska för barn som guidar vuxna steg för steg med röstinstruktioner, och en app som delar barnets handlingsplan med skolan och släkten i förväg."> 20 <meta name="twitter:title" content="Medicinväska för barn som guidar vuxna i akuta lägen | Medsbag"> 21 22 23 24 25 <style> 26a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'âº';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} 27</style> 28 29<style> 30/* Settings */ 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87:root { 88 /* HubSpot DND layout grid */ 89 --hsElevate--column__gap: 2.13%; 90 --hsElevate--column__widthMultiplier: 8.333; 91 92 /* Sections */ 93 --hsElevate--contentWrapper--narrow__maxWidth: 768px ; 94 --hsElevate--contentWrapper--medium__maxWidth: 1120px ; 95 --hsElevate--contentWrapper--wide__maxWidth: 1296px ; 96 97 --hsElevate--section--extraSmall__verticalPadding: 48px ; 98 --hsElevate--section--small__verticalPadding: 64px ; 99 --hsElevate--section--medium__verticalPadding: 96px ; 100 --hsElevate--section--large__verticalPadding: 128px ; 101 --hsElevate--section--extraLarge__verticalPadding: 192px ; 102 103 /* Default section left/right padding */ 104 --hsElevate--section--horizontalPadding: 32px ; 105 106 /* Gap - default gaps that could be easily leveraged in module styles via class names */ 107 --hsElevate--gap--extraSmall: 16px ; 108 --hsElevate--gap--small: 24px ; 109 --hsElevate--gap--medium: 32px ; 110 --hsElevate--gap--large: 64px ; 111 --hsElevate--gap--extraLarge: 96px ; 112 113 /* Spacing - default spacing values */ 114 --hsElevate--spacing--4: 4px ; 115 --hsElevate--spacing--8: 8px ; 116 --hsElevate--spacing--12: 12px ; 117 --hsElevate--spacing--16: 16px ; 118 --hsElevate--spacing--20: 20px ; 119 --hsElevate--spacing--24: 24px ; 120 --hsElevate--spacing--32: 32px ; 121 --hsElevate--spacing--40: 40px ; 122 --hsElevate--spacing--48: 48px ; 123 --hsElevate--spacing--56: 56px ; 124 --hsElevate--spacing--64: 64px ; 125 --hsElevate--spacing--72: 72px ; 126 --hsElevate--spacing--80: 80px ; 127 --hsElevate--spacing--88: 88px ; 128 --hsElevate--spacing--96: 96px ; 129 --hsElevate--spacing--104: 104px ; 130 --hsElevate--spacing--112: 112px ; 131 --hsElevate--spacing--120: 120px ; 132 --hsElevate--spacing--128: 128px ; 133 --hsElevate--spacing--136: 136px ; 134 --hsElevate--spacing--144: 144px ; 135 --hsElevate--spacing--152: 152px ; 136 --hsElevate--spacing--160: 160px ; 137 --hsElevate--spacing--168: 168px ; 138 --hsElevate--spacing--176: 176px ; 139 --hsElevate--spacing--184: 184px ; 140 --hsElevate--spacing--192: 192px ; 141 142 /* Grids */ 143 --default-section-padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); 144 --default-section-margin: 0; 145 --default-section-max-width: var(--hsElevate--contentWrapper--wide__maxWidth); 146 --default-container-padding: 0; 147 --default-container-margin: 0; 148 --default-container-gap: var(--hsElevate--gap--medium); 149 --default-container-row-gap: var(--hsElevate--gap--medium); 150 --default-container-column-gap: var(--hsElevate--gap--medium); 151 --default-table-padding: 0; 152 --default-table-margin: 0; 153 --default-table-row-gap: var(--hsElevate--gap--medium); 154 --default-table-column-gap: var(--hsElevate--gap--medium); 155} 156 157 158 159 160 161 162 163 164 165 166 167:root { 168 /* Text spacing */ 169 170 --hsElevate--text--extraSmall__margin: 0 0.75rem; /* 12px */ 171 --hsElevate--text--small__margin: 0 1.25rem; /* 20px */ 172 --hsElevate--text__margin: 0 2rem; /* 32px */ 173 --hsElevate--text--large__margin: 0 2.5rem; /* 40px */ 174 --hsElevate--text--extraLarge__margin: 0 4rem; /* 64px */ 175 176 /* Body */ 177 178 --hsElevate--baseText__fontSize: 16px ; 179 --hsElevate--body__font: Inter ; 180 --hsElevate--body--small__fontSize: 1.000125rem ; 181 --hsElevate--body__fontSize: 1.125rem ; 182 --hsElevate--body--large__fontSize: 1.499625rem ; 183 --hsElevate--body--extraLarge__fontSize: 1.9991249999999998rem ; 184 --hsElevate--body__fontWeight: normal ; 185 --hsElevate--body__fontStyle: normal ; 186 --hsElevate--body__lineHeight: 1.55; 187 188 /* Primary links */ 189 190 --hsElevate--link--primary__fontColor: #EA580C ; 191 192 193 --hsElevate--link--primary__textDecoration: underline; 194 --hsElevate--link--primary__textDecorationColor: #F99202 ; 195 196 197 /* Hover state */ 198 199 --hsElevate--link--primary__hover--fontColor: #F99202 ; 200 201 202 --hsElevate--link--primary__hover--textDecoration: underline; 203 --hsElevate--link--primary__hover--textDecorationColor: #F99202 ; 204 205 206 /* Secondary links */ 207 208 --hsElevate--link--secondary__fontColor: #CBD5E1 ; 209 210 211 --hsElevate--link--secondary__textDecoration: none; 212 --hsElevate--link--secondary__textDecorationColor: transparent; 213 214 215 /* Hover state */ 216 217 --hsElevate--link--secondary__hover--fontColor: #CBD5E1 ; 218 219 220 --hsElevate--link--secondary__hover--textDecoration: underline; 221 --hsElevate--link--secondary__hover--textDecorationColor: #CBD5E1 ; 222 223 224 /* Headings */ 225 226 /* Percentage change for the heading font sizes on mobile */ 227 --hsElevate--heading__tablet-modifier: 0.8; 228 229 --hsElevate--heading__lineHeight: 1.2; 230 231 --hsElevate--display1__font: Inter ; 232 --hsElevate--display1__fontSize: 6.313rem; 233 234 --hsElevate--display2__font: Inter ; 235 --hsElevate--display2__fontSize: 4.75rem; 236 237 --hsElevate--h1__font: Poppins ; 238 --hsElevate--h1__fontSize: 2.75rem ; 239 --hsElevate--h1__fontWeight: normal ; 240 --hsElevate--h1__fontStyle: normal ; 241 242 --hsElevate--h2__font: Poppins ; 243 --hsElevate--h2__fontSize: 2.0rem ; 244 --hsElevate--h2__fontWeight: normal ; 245 --hsElevate--h2__fontStyle: normal ; 246 247 --hsElevate--h3__font: Poppins ; 248 --hsElevate--h3__fontSize: 1.6875rem ; 249 --hsElevate--h3__fontWeight: normal ; 250 --hsElevate--h3__fontStyle: normal ; 251 252 --hsElevate--h4__font: Poppins ; 253 --hsElevate--h4__fontSize: 1.5rem ; 254 --hsElevate--h4__fontWeight: normal ; 255 --hsElevate--h4__fontStyle: normal ; 256 257 --hsElevate--h5__font: Poppins ; 258 --hsElevate--h5__fontSize: 1.25rem ; 259 --hsElevate--h5__fontWeight: normal ; 260 --hsElevate--h5__fontStyle: normal ; 261 262 --hsElevate--h6__font: Poppins ; 263 --hsElevate--h6__fontSize: 1.0rem ; 264 --hsElevate--h6__fontWeight: normal ; 265 --hsElevate--h6__fontStyle: normal ; 266 267 /* Quotes */ 268 269 --hsElevate--quotes__font: Inter ; 270 --hsElevate--quotes__fontColor: ; 271 --hsElevate--quotes__fontSize: 1.0rem ; 272 --hsElevate--quotes__fontWeight: normal ; 273 --hsElevate--quotes__fontStyle: normal ; 274 275 /* Captions */ 276 277 --hsElevate--captions__font: Inter ; 278 --hsElevate--captions__fontSize: 0.75rem ; 279 --hsElevate--captions__fontWeight: normal ; 280 --hsElevate--captions__fontStyle: normal ; 281 --hsElevate--captions__case: lowercase ; 282 283 /* Images */ 284 285 --hsElevate--rteImages__margin: 2rem; /* 32px */ 286} 287 288 289 290:root { 291 /* Base colors */ 292 --hsElevate--color--base--1: #FFFFFF ; 293 --hsElevate--color--base--2: #F7F9FC ; 294 --hsElevate--color--base--3: #09152B ; 295 296 /* Accent colors */ 297 --hsElevate--color--accent--1: #F3F2EF ; 298 --hsElevate--color--accent--2: #CBD5E1 ; 299 --hsElevate--color--accent--3: #F99202 ; 300} 301 302 303 304 305 306:root { 307 /* Primary button variables */ 308 --hsElevate--button--primary__buttonFill: filled ; 309 310 /* Primary button font */ 311 --hsElevate--button--primary__font: Inter ; 312 /* 313 TODO: Look into why primary_button.text.size ~ primary_button.text.size_unit 314 is not evaluating to the correct size_unit, but can still take in px 315 */ 316 --hsElevate--button--primary__fontSize: 1.0rem ; 317 --hsElevate--button--primary__fontWeight: 500 ; 318 --hsElevate--button--primary__fontStyle: normal ; 319 320 /* Primary button text color */ 321 --hsElevate--button--primary__textColor: #ffffff ; 322 --hsElevate--button--primary__hover--textColor: #ffffff ; 323 324 /* Primary button shape */ 325 326 327 328 329 330 --hsElevate--button--primary__borderRadius: 50px; 331 332 333 /* Primary button background color */ 334 335 --hsElevate--button--primary__backgroundColor: #EA580C ; 336 --hsElevate--button--primary__hover--backgroundColor: #f97316 ; 337 338 --hsElevate--button--primary__active--backgroundColor: #db5500 ; 339 340 341 342 /* Primary button border */ 343 --hsElevate--button--primary__borderThickness: 0px ; 344 --hsElevate--button--primary__hover--borderThickness: 0px ; 345 346 347 --hsElevate--button--primary__borderColor: transparent; 348 --hsElevate--button--primary__hover--borderColor: transparent; 349 350 351 /* Secondary button variables */ 352 --hsElevate--button--secondary__buttonFill: no_fill ; 353 354 /* Secondary button font */ 355 --hsElevate--button--secondary__font: Inter ; 356 --hsElevate--button--secondary__fontSize: 1.0rem ; 357 --hsElevate--button--secondary__fontWeight: 500 ; 358 --hsElevate--button--secondary__fontStyle: normal ; 359 360 /* Secondary button text color */ 361 --hsElevate--button--secondary__textColor: #334155 ; 362 --hsElevate--button--secondary__hover--textColor: #64748b ; 363 364 /* Secondary button shape */ 365 366 367 368 369 370 --hsElevate--button--secondary__borderRadius: 50px; 371 372 373 /* Secondary button background color */ 374 375 --hsElevate--button--secondary__backgroundColor: transparent; 376 --hsElevate--button--secondary__hover--backgroundColor: transparent; 377 378 379 380 /* Secondary button border */ 381 --hsElevate--button--secondary__borderThickness: 2px ; 382 --hsElevate--button--secondary__hover--borderThickness: 2px ; 383 384 385 --hsElevate--button--secondary__borderColor: #334155 ; 386 --hsElevate--button--secondary__hover--borderColor: #64748b ; 387 388 389 390 /* Tertiary button variables */ 391 --hsElevate--button--tertiary__buttonFill: filled ; 392 393 /* Tertiary button font */ 394 --hsElevate--button--tertiary__font: Inter ; 395 --hsElevate--button--tertiary__fontSize: 1.0rem ; 396 --hsElevate--button--tertiary__fontWeight: 500 ; 397 --hsElevate--button--tertiary__fontStyle: normal ; 398 399 /* Tertiary button text color */ 400 --hsElevate--button--tertiary__textColor: #09152B ; 401 --hsElevate--button--tertiary__hover--textColor: #09152B ; 402 403 /* Tertiary button shape */ 404 405 406 407 408 409 --hsElevate--button--tertiary__borderRadius: 8px; 410 411 412 /* Tertiary button background color */ 413 414 --hsElevate--button--tertiary__backgroundColor: #CBD5E1 ; 415 --hsElevate--button--tertiary__hover--backgroundColor: #CBD5E1 ; 416 417 418 419 420 /* Tertiary button border */ 421 --hsElevate--button--tertiary__borderThickness: 0px ; 422 --hsElevate--button--tertiary__hover--borderThickness: 0px ; 423 424 425 --hsElevate--button--tertiary__borderColor: transparent; 426 --hsElevate--button--tertiary__hover--borderColor: transparent; 427 428 429 /* Accent button variables */ 430 --hsElevate--button--accent__buttonFill: filled ; 431 432 /* Accent button font */ 433 --hsElevate--button--accent__font: Inter ; 434 --hsElevate--button--accent__fontSize: 1.0rem ; 435 --hsElevate--button--accent__fontWeight: 500 ; 436 --hsElevate--button--accent__fontStyle: normal ; 437 438 /* Accent button text color */ 439 --hsElevate--button--accent__textColor: #FFFFFF ; 440 --hsElevate--button--accent__hover--textColor: #FEFFFF ; 441 442 /* Accent button shape */ 443 444 445 446 447 448 --hsElevate--button--accent__borderRadius: 50px; 449 450 451 /* Accent button background color */ 452 453 --hsElevate--button--accent__backgroundColor: #334155 ; 454 --hsElevate--button--accent__hover--backgroundColor: #64748b ; 455 456 457 458 459 /* Accent button border */ 460 --hsElevate--button--accent__borderThickness: 0px ; 461 --hsElevate--button--accent__hover--borderThickness: 0px ; 462 463 464 --hsElevate--button--accent__borderColor: transparent; 465 --hsElevate--button--accent__hover--borderColor: transparent; 466 467} 468 469 470 471:root { 472 /* Form field background color */ 473 474 --hsElevate--formField__backgroundColor: #F7F9FC ; 475 476 477 /* Form field shape */ 478 479 480 481 482 483 --hsElevate--formField__borderRadius: 50px; 484 485 486 /* Form field border -- multiple fields to properly handle field visibility for both fill and no fill */ 487 488 489 490 491 /* Proper usage of variables to achieve "All" or "Bottom" will be within CSS */ 492 493 --hsElevate--formField__borderThickness: 1px ; 494 495 496 497 --hsElevate--formField__borderTop: 1px solid #D3DAE4 ; 498 --hsElevate--formField__borderRight: 1px solid #D3DAE4 ; 499 --hsElevate--formField__borderLeft: 1px solid #D3DAE4 ; 500 501 502 503 --hsElevate--formField__borderBottom: 1px solid #D3DAE4 ; 504 --hsElevate--formField__borderColor: #D3DAE4 ; 505 506 507 508 509 510 511 /* Form field text color */ 512 --hsElevate--formFieldInput__textColor: #09152B ; 513 514 /* Form field spacing */ 515 --hsElevate--formField__marginBottom: var(--hsElevate--spacing--32); 516 517 /* Form textarea border radius */ 518 --hsElevate--formFieldTextArea__borderRadius: calc(var(--hsElevate--formField__borderRadius) * 0.5); 519 520 /* Form field checkbox/radio */ 521 --hsElevate--formFieldCheckboxRadio__size: 24px; 522 --hsElevate--formFieldCheckboxRadio__fillColor: #000000; 523 524 /* Form field placeholder */ 525 --hsElevate--formFieldPlaceholder__textColor: #7d8ca5 ; 526 527 /* Form required field color */ 528 --hsElevate--formRequired__color: #de2828; 529 530 /* Form field datepicker icon */ 531 --hsElevate--formField__datepickerIcon: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3812_12272)'%3E%3Cpath d='M8.14286 2.07136C8.14286 1.35886 7.56964 0.785645 6.85714 0.785645C6.14464 0.785645 5.57143 1.35886 5.57143 2.07136V4.21422H3.42857C1.5375 4.21422 0 5.75172 0 7.64279V8.49993V11.0714V24.7856C0 26.6767 1.5375 28.2142 3.42857 28.2142H20.5714C22.4625 28.2142 24 26.6767 24 24.7856V11.0714V8.49993V7.64279C24 5.75172 22.4625 4.21422 20.5714 4.21422H18.4286V2.07136C18.4286 1.35886 17.8554 0.785645 17.1429 0.785645C16.4304 0.785645 15.8571 1.35886 15.8571 2.07136V4.21422H8.14286V2.07136ZM2.57143 11.0714H21.4286V24.7856C21.4286 25.2571 21.0429 25.6428 20.5714 25.6428H3.42857C2.95714 25.6428 2.57143 25.2571 2.57143 24.7856V11.0714Z' fill='%2309152B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3812_12272'%3E%3Crect width='24' height='27.4286' fill='white' transform='translate(0 0.785645)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); 532 533 /* Form field select icon */ 534 --hsElevate--formField__selectIcon: url("data:image/svg+xml,%3Csvg width='24' height='25' viewB
534ox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A"); 535 536 /* Textarea drag icon */ 537 --hsElevate--formField__dragIcon: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='29.5206' y2='-1' transform='matrix(-0.666795 0.745241 -0.806754 -0.590888 19.6843 0)' stroke='%23303F59' stroke-width='2'/%3E%3Cpath d='M21.0005 9.99756L10.5005 21.9976' stroke='%23303F59' stroke-width='2'/%3E%3C/svg%3E%0A"); 538 539 /* Label text */ 540 --hsElevate--formLabel__textColor: #09152B ; 541 --hsElevate--formLabel__font: Inter ; 542 --hsElevate--formLabel__fontSize: 1.125rem ; 543 --hsElevate--formLabel__fontWeight: 500 ; 544 --hsElevate--formLabel__marginBottom: var(--hsElevate--spacing--8); 545 546 /* Help text */ 547 --hsElevate--formHelpText__textColor: #647390; 548 549 /* Form background color */ 550 551 --hsElevate--form__backgroundColor: #F5F5F5 ; 552 553 554 /* Form shape */ 555 556 557 558 559 560 --hsElevate--form__borderRadius: 24px; 561 562 563 /* Form border */ 564 565 --hsElevate--form__borderThickness: 1px ; 566 --hsElevate--form__borderColor: #D3DAE4 ; 567 568 569 /* Form spacing */ 570 --hsElevate--form__padding: var(--hsElevate--spacing--48); 571 572 /* CSS variables for new forms */ 573 574 /* Global vars */ 575 --hsf-global__font-family: var(--hsElevate--formLabel__font); 576 --hsf-global__font-size: var(--hsElevate--formLabel__fontSize); 577 --hsf-global__color: var(--hsElevate--formLabel__textColor); 578 --hsf-global-error__color: var(--hsElevate--formRequired__color); 579 580 /* Form */ 581 --hsf-background__background-color: var(--hsElevate--form__backgroundColor); 582 --hsf-background__padding: var(--hsElevate--form__padding); 583 --hsf-background__border-style: solid; 584 --hsf-background__border-color: var(--hsElevate--form__borderColor); 585 --hsf-background__border-radius: var(--hsElevate--form__borderRadius); 586 --hsf-background__border-width: var(--hsElevate--form__borderThickness); 587 588 /* Content */ 589 --hsf-heading__font-family: var(--hsf-global__font-family); 590 --hsf-heading__color: var(--hsf-global__color); 591 --hsf-heading__text-shadow: none; 592 --hsf-richtext__font-family: var(--hsf-global__font-family); 593 --hsf-richtext__font-size: var(--hsf-global__font-size); 594 --hsf-richtext__color: var(--hsf-global__color); 595 596 /* Labels */ 597 --hsf-field-label__font-family: var(--hsf-global__font-family); 598 --hsf-field-label__font-size: var(--hsf-global__font-size); 599 --hsf-field-label__color: var(--hsf-global__color); 600 --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color); 601 --hsf-module__vertical-spacing: var(--hsElevate--formLabel__marginBottom); 602 603 /* Help text */ 604 --hsf-field-description__font-family: var(--hsf-global__color); 605 --hsf-field-description__color: var(--hsElevate--formHelpText__textColor); 606 607 /* Errors */ 608 --hsf-erroralert__font-family: var(--hsElevate--formLabel__font); 609 --hsf-erroralert__color: var(--hsf-global-error__color); 610 611 /* Field footer */ 612 --hsf-field-footer__font-family: var(--hsf-field-description__font-family); 613 --hsf-field-footer__color: var(--hsf-field-description__color); 614 615 /* Field */ 616 --hsf-field-input__font-family: var(--hsf-global__font-family); 617 --hsf-field-input__background-color: var(--hsElevate--formField__backgroundColor); 618 --hsf-field-input__placeholder-color: var(--hsElevate--formFieldPlaceholder__textColor); 619 --hsf-field-input__border-color: var(--hsElevate--formField__borderColor); 620 621 --hsf-field-input__border-width: var(--hsElevate--formField__borderThickness); 622 623 --hsf-field-input__border-style: solid; 624 --hsf-field-input__border-radius: var(--hsElevate--formField__borderRadius); 625 --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--32); 626 --hsf-field-input__color: var(--hsElevate--formFieldInput__textColor); 627 --hsf-row__vertical-spacing: var(--hsElevate--formField__marginBottom); 628 --hsf-row__horizontal-spacing: var(--hsElevate--spacing--32); 629 630 /* Textarea */ 631 --hsf-field-textarea__font-family: var(--hsf-field-input__font-family); 632 --hsf-field-textarea__color: var(--hsf-field-input__color); 633 --hsf-field-textarea__background-color: var(--hsf-field-input__background-color); 634 --hsf-field-textarea__border-color: var(--hsf-field-input__border-color); 635 --hsf-field-textarea__border-style: var(--hsf-field-input__border-style); 636 --hsf-field-textarea__border-radius: var(--hsElevate--formFieldTextArea__borderRadius); 637 --hsf-field-textarea__padding: var(--hsf-field-input__padding); 638 639 /* Checkbox */ 640 --hsf-field-checkbox__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); 641 --hsf-field-checkbox__background-color: #fff; 642 --hsf-field-checkbox__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 643 --hsf-field-checkbox__border-color: var(--hsf-field-input__border-color); 644 --hsf-field-checkbox__border-width: 1px 1px 1px 1px; 645 --hsf-field-checkbox__border-style: var(--hsf-field-input__border-style); 646 647 /* Radio */ 648 --hsf-field-radio__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); 649 --hsf-field-radio__background-color: #fff; 650 --hsf-field-radio__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 651 --hsf-field-radio__border-color: var(--hsf-field-input__border-color); 652 --hsf-field-radio__border-width: 1px 1px 1px 1px; 653 --hsf-field-radio__border-style: var(--hsf-field-input__border-style); 654 655 /* Progress bar CSS vars: 656 - --hsf-progressbar__font-family 657 - --hsf-progressbar__font-family 658 - --hsf-progressbar__font-size 659 - --hsf-progressbar__color 660 - --hsf-progressbar__background-color 661 - --hsf-progressbar__background 662 - --hsf-progressbar__border-color 663 - --hsf-progressbar__border-style 664 - --hsf-progressbar__border-width 665 */ 666 667 /* Button */ 668 --hsf-button__width: 100%; 669 --hsf-button__font-family: var(--hsElevate--button--primary__font); 670 --hsf-button__font-size: var(--hsElevate--button--primary__fontSize); 671 --hsf-button__font-weight: var(--hsElevate--button--primary__fontWeight); 672 --hsf-button__color: var(--hsElevate--button--primary__textColor); 673 --hsf-button__background-color: var(--hsElevate--button--primary__backgroundColor); 674 --hsf-button__background-image: none; 675 --hsf-button__border-radius: var(--hsElevate--button--primary__borderRadius); 676 --hsf-button__border-width: var(--hsElevate--button--primary__borderThickness); 677 --hsf-button__border-style: solid; 678 --hsf-button__border-color: var(--hsElevate--button--primary__borderColor); 679 --hsf-button__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--24); 680 --hsf-button__box-shadow: none; 681 --hsf-button--hover__color: var(--hsElevate--button--primary__hover--textColor); 682 --hsf-button--hover__background-color: var(--hsElevate--button--primary__hover--backgroundColor); 683 --hsf-button--hover__border-color: var(--hsElevate--button--primary__hover--borderColor); 684 --hsf-button--focus__color: var(--hsElevate--button--primary__hover--textColor); 685 --hsf-button--focus__background-color: var(--hsElevate--button--primary__hover--backgroundColor); 686 --hsf-button--focus__border-color: var(--hsElevate--button--primary__hover--borderColor); 687} 688 689@media (max-width: 600px) { 690 :root { 691 --hsElevate--form__padding: var(--hsElevate--spacing--24); 692 } 693 694 .hsfc-PhoneInput__FlagAndCaret { 695 --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--16); 696 } 697} 698 699 700 701 702 703 704 705 706 707 708 709 710:root { 711 /* Card variant 1 */ 712 713 /* Shape */ 714 715 716 717 718 719 --hsElevate--card--variant1__borderRadius: 16px; 720 --hsElevate--card--variant1__iconBorderRadius: 12px; 721 722 723 /* Border thickness */ 724 --hsElevate--card--variant1__borderThickness: 1px ; 725 726 /* Colors */ 727 728 --hsElevate--card--variant1__backgroundColor: #fafafa ; 729 730 731 732 --hsElevate--card--variant1__borderColor: #e6e6e6 ; 733 734 735 --hsElevate--card--variant1__textColor: #09152B ; 736 737 /* Links */ 738 739 740 741 742 --hsElevate--card--variant1--link__fontColor: #EA580C ; 743 744 745 --hsElevate--card--variant1--link__textDecoration: underline; 746 --hsElevate--card--variant1--link__textDecorationColor: #F99202 ; 747 748 749 /* Hover state */ 750 751 --hsElevate--card--variant1--link__hover--fontColor: #F99202 ; 752 753 --hsElevate--card--variant1--link__hover--textDecoration: underline; 754 --hsElevate--card--variant1--link__hover--textDecorationColor: #F99202 ; 755 756 757 /* Icon colors */ 758 759 --hsElevate--card--variant1__iconColor: #F99202 ;
760 --hsElevate--card--variant1__iconBackgroundColor: #CBD5E1 ; 761 762 /* Card variant 2 */ 763 764 /* Shape */ 765 766 767 768 769 770 --hsElevate--card--variant2__borderRadius: 16px; 771 --hsElevate--card--variant2__iconBorderRadius: 12px; 772 773 774 /* Border thickness */ 775 --hsElevate--card--variant2__borderThickness: 1px ; 776 777 /* Colors */ 778 779 --hsElevate--card--variant2__backgroundColor: transparent; 780 781 782 783 --hsElevate--card--variant2__borderColor: #dcdcdc ; 784 785 786 --hsElevate--card--variant2__textColor: #09152B ; 787 788 /* Links */ 789 790 791 792 793 --hsElevate--card--variant2--link__fontColor: #EA580C ; 794 795 796 --hsElevate--card--variant2--link__textDecoration: underline; 797 --hsElevate--card--variant2--link__textDecorationColor: #F99202 ; 798 799 800 /* Hover state */ 801 802 --hsElevate--card--variant2--link__hover--fontColor: #F99202 ; 803 804 --hsElevate--card--variant2--link__hover--textDecoration: underline; 805 --hsElevate--card--variant2--link__hover--textDecorationColor: #F99202 ; 806 807 808 /* Icon colors */ 809 810 --hsElevate--card--variant2__iconColor: #F99202 ; 811 --hsElevate--card--variant2__iconBackgroundColor: #F3F2EF ; 812 813 /* Card variant 3 */ 814 815 /* Shape */ 816 817 818 819 820 821 --hsElevate--card--variant3__borderRadius: 16px; 822 --hsElevate--card--variant3__iconBorderRadius: 12px; 823 824 825 /* Border thickness */ 826 --hsElevate--card--variant3__borderThickness: 1px ; 827 828 /* Colors */ 829 830 --hsElevate--card--variant3__backgroundColor: #09152B ; 831 832 833 834 --hsElevate--card--variant3__borderColor: #303F59 ; 835 836 837 --hsElevate--card--variant3__textColor: #F7F9FC ; 838 839 /* Links */ 840 841 842 843 844 --hsElevate--card--variant3--link__fontColor: #CBD5E1 ; 845 846 847 --hsElevate--card--variant3--link__textDecoration: none; 848 --hsElevate--card--variant3--link__textDecorationColor: transparent; 849 850 851 /* Hover state */ 852 853 --hsElevate--card--variant3--link__hover--fontColor: #CBD5E1 ; 854 855 --hsElevate--card--variant3--link__hover--textDecoration: underline; 856 --hsElevate--card--variant3--link__hover--textDecorationColor: #CBD5E1 ; 857 858 859 /* Icon colors */ 860 861 --hsElevate--card--variant3__iconColor: #CBD5E1 ; 862 --hsElevate--card--variant3__iconBackgroundColor: #303F59 ; 863 864 /* Card variant 4 */ 865 866 /* Shape */ 867 868 869 870 871 872 --hsElevate--card--variant4__borderRadius: 16px; 873 --hsElevate--card--variant4__iconBorderRadius: 12px; 874 875 876 /* Border thickness */ 877 --hsElevate--card--variant4__borderThickness: 1px ; 878 879 /* Colors */ 880 881 --hsElevate--card--variant4__backgroundColor: #F3F2EF ; 882 883 884 885 --hsElevate--card--variant4__borderColor: #F3F2EF ; 886 887 888 --hsElevate--card--variant4__textColor: #334155 ; 889 890 /* Links */ 891 892 893 894 895 --hsElevate--card--variant4--link__fontColor: #EA580C ; 896 897 898 --hsElevate--card--variant4--link__textDecoration: underline; 899 --hsElevate--card--variant4--link__textDecorationColor: #F99202 ; 900 901 902 /* Hover state */ 903 904 --hsElevate--card--variant4--link__hover--fontColor: #F99202 ; 905 906 --hsElevate--card--variant4--link__hover--textDecoration: underline; 907 --hsElevate--card--variant4--link__hover--textDecorationColor: #F99202 ; 908 909 910 /* Icon colors */ 911 --hsElevate--card--variant4__iconColor: #334155 ; 912 --hsElevate--card--variant4__iconBackgroundColor: #F3F2EF ; 913} 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930:root { 931 /* Light section 1 */ 932 --hsElevate--section--lightSection--1__backgroundColor: #FFFFFF ; 933 --hsElevate--section--lightSection--1__textColor: #09152B ; 934 --hsElevate--section--lightSection--1__accentColor: #F99202 ; 935 --hsElevate--section--lightSection--1__captionColor: #647390 ; 936 --hsElevate--section--lightSection--1--blockquote__textColor: #09152B ; 937 --hsElevate--section--lightSection--1--blockquote__backgroundColor: #F7F9FC ; 938 --hsElevate--section--lightSection--1--blockquote__accentColor: #F99202 ; 939 940 941 942 943 944 --hsElevate--section--lightSection--1--link__fontColor: #EA580C ; 945 946 947 --hsElevate--section--lightSection--1--link__textDecoration: underline; 948 --hsElevate--section--lightSection--1--link__textDecorationColor: #F99202 ; 949 950 951 /* Hover state */ 952 953 --hsElevate--section--lightSection--1--link__hover--fontColor: #F99202 ; 954 955 --hsElevate--section--lightSection--1--link__hover--textDecoration: underline; 956 --hsElevate--section--lightSection--1--link__hover--textDecorationColor: #F99202 ; 957 958 959 /* Light section 2 */ 960 --hsElevate--section--lightSection--2__backgroundColor: #F3F2EF ; 961 --hsElevate--section--lightSection--2__textColor: #09152B ; 962 --hsElevate--section--lightSection--2__accentColor: #F99202 ; 963 --hsElevate--section--lightSection--2__captionColor: #647390 ; 964 --hsElevate--section--lightSection--2--blockquote__textColor: #09152B ; 965 --hsElevate--section--lightSection--2--blockquote__backgroundColor: #F7F9FC ; 966 --hsElevate--section--lightSection--2--blockquote__accentColor: #F99202 ; 967 968 969 970 971 972 --hsElevate--section--lightSection--2--link__fontColor: #EA580C ; 973 974 975 --hsElevate--section--lightSection--2--link__textDecoration: underline; 976 --hsElevate--section--lightSection--2--link__textDecorationColor: #F99202 ; 977 978 979 /* Hover state */ 980 981 --hsElevate--section--lightSection--2--link__hover--fontColor: #F99202 ; 982 983 --hsElevate--section--lightSection--2--link__hover--textDecoration: underline; 984 --hsElevate--section--lightSection--2--link__hover--textDecorationColor: #F99202 ; 985 986 987 /* Light section 3 */ 988 --hsElevate--section--lightSection--3__backgroundColor: #F3F2EF ; 989 --hsElevate--section--lightSection--3__textColor: #FF9902 ; 990 --hsElevate--section--lightSection--3__accentColor: #F99202 ; 991 --hsElevate--section--lightSection--3__captionColor: #334155 ; 992 --hsElevate--section--lightSection--3--blockquote__textColor: #334155 ; 993 --hsElevate--section--lightSection--3--blockquote__backgroundColor: #F3F2EF ; 994 --hsElevate--section--lightSection--3--blockquote__accentColor: #F99202 ; 995 996 997 998 999 1000 --hsElevate--section--lightSection--3--link__fontColor: #EA580C ; 1001 1002 1003 --hsElevate--section--lightSection--3--link__textDecoration: underline; 1004 --hsElevate--section--lightSection--3--link__textDecorationColor: #F99202 ; 1005 1006 1007 /* Hover state */ 1008 1009 --hsElevate--section--lightSection--3--link__hover--fontColor: #F99202 ; 1010 1011 --hsElevate--section--lightSection--3--link__hover--textDecoration: underline; 1012 --hsElevate--section--lightSection--3--link__hover--textDecorationColor: #F99202 ; 1013 1014 1015 /* Dark section 1 */ 1016 --hsElevate--section--darkSection--1__backgroundColor: #09152B ; 1017 --hsElevate--section--darkSection--1__textColor: #FFFFFF ; 1018 --hsElevate--section--darkSection--1__accentColor: #F99202 ; 1019 --hsElevate--section--darkSection--1__captionColor: #CBD5E1 ; 1020 --hsElevate--section--darkSection--1--blockquote__textColor: #F7F9FC ; 1021 --hsElevate--section--darkSection--1--blockquote__backgroundColor: #1E293B ; 1022 --hsElevate--section--darkSection--1--blockquote__accentColor: #F99202 ; 1023 1024 1025 1026 1027 1028 --hsElevate--section--darkSection--1--link__fontColor: #CBD5E1 ; 1029 1030 1031 --hsElevate--section--darkSection--1--link__textDecoration: none; 1032 --hsElevate--section--darkSection--1--link__textDecorationColor: transparent; 1033 1034 1035 /* Hover state */ 1036 1037 --hsElevate--section--darkSection--1--link__hover--fontColor: #CBD5E1 ; 1038 1039 --hsElevate--section--darkSection--1--link__hover--textDecoration: underline; 1040 --hsElevate--section--darkSection--1--link__hover--textDecorationColor: #CBD5E1 ; 1041 1042} 1043 1044 1045:root { 1046 /* Font */ 1047 --hsElevate--tag__font: Inter ; 1048 --hsElevate--tag__fontColor: ; 1049 --hsElevate--tag__fontSize: 0.875rem ; 1050 --hsElevate--tag__fontWeight: 500 ; 1051 --hsElevate--tag__fontStyle: normal ; 1052 1053 /* Text colors */ 1054 --hsElevate--tag__textColor: #063E95 ; 1055
1056 /* Background colors */ 1057 1058 --hsElevate--tag__backgroundColor: #E5F0FF ; 1059 1060 1061 /* Shape */ 1062 1063 1064 1065 1066 1067 --hsElevate--tag__borderRadius: 50px; 1068 1069 1070 /* Border thickness */ 1071 --hsElevate--tag__borderThickness: 1px ; 1072 --hsElevate--tag__borderColor: #E5F0FF ; 1073 1074 /* Case */ 1075 --hsElevate--tag__case: none ; 1076} 1077:root { 1078 /* Border radius based on shape */ 1079 --hsElevate-sharp: 0; 1080 --hsElevate-rounded--extra-small: 4px; 1081 --hsElevate-rounded--small: 8px; 1082 --hsElevate-rounded: 16px; 1083 --hsElevate-rounded--large: 24px; 1084 --hsElevate-rounded--extra-large: 32px; 1085 --hsElevate-circle: 50%; 1086} 1087:root { 1088 --hsElevate--icon--small__size: 16px; 1089 --hsElevate--icon--medium__size: 24px; 1090 --hsElevate--icon--large__size: 32px; 1091} 1092 1093/* Generic */ 1094 1095*, 1096*:before, 1097*:after { 1098 box-sizing: border-box; 1099} 1100/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1101 1102/* Document 1103 ========================================================================== */ 1104 1105/** 1106 * 1. Correct the line height in all browsers. 1107 * 2. Prevent adjustments of font size after orientation changes in iOS. 1108 */ 1109 1110html { 1111 line-height: 1.15; /* 1 */ 1112 -webkit-text-size-adjust: 100%; /* 2 */ 1113} 1114 1115/* Sections 1116 ========================================================================== */ 1117 1118/** 1119 * Remove the margin in all browsers. 1120 */ 1121 1122body { 1123 margin: 0; 1124 overflow-x: hidden; 1125} 1126 1127/** 1128 * Correct the font size and margin on `h1` elements within `section` and 1129 * `article` contexts in Chrome, Firefox, and Safari. 1130 */ 1131 1132h1 { 1133 font-size: 2em; 1134 margin: 0.67em 0; 1135} 1136 1137/* Grouping content 1138 ========================================================================== */ 1139 1140/** 1141 * Add the correct box sizing in Firefox. 1142 */ 1143 1144hr { 1145 box-sizing: content-box; 1146 height: 0; 1147} 1148 1149/** 1150 * 1. Correct the inheritance and scaling of font size in all browsers. 1151 * 2. Correct the odd `em` font sizing in all browsers. 1152 */ 1153 1154pre { 1155 font-family: monospace, monospace; /* 1 */ 1156 font-size: 1em; /* 2 */ 1157} 1158 1159/* Text-level semantics 1160 ========================================================================== */ 1161 1162/** 1163 * 1. Remove the bottom border in Chrome 57- 1164 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. 1165 */ 1166 1167abbr[title] { 1168 border-bottom: none; /* 1 */ 1169 text-decoration: underline; /* 2 */ 1170 -webkit-text-decoration: underline dotted; 1171 text-decoration: underline dotted; /* 2 */ 1172} 1173 1174/** 1175 * Add the correct font weight in Chrome, Edge, and Safari. 1176 */ 1177 1178b, 1179strong { 1180 font-weight: bolder; 1181} 1182 1183/** 1184 * 1. Correct the inheritance and scaling of font size in all browsers. 1185 * 2. Correct the odd `em` font sizing in all browsers. 1186 */ 1187 1188code, 1189kbd, 1190samp { 1191 font-family: monospace, monospace; /* 1 */ 1192 font-size: 1em; /* 2 */ 1193} 1194 1195/** 1196 * Add the correct font size in all browsers. 1197 */ 1198 1199small { 1200 font-size: 80%; 1201} 1202 1203/** 1204 * Prevent `sub` and `sup` elements from affecting the line height in 1205 * all browsers. 1206 */ 1207 1208sub, 1209sup { 1210 font-size: 75%; 1211 line-height: 0; 1212 position: relative; 1213 vertical-align: baseline; 1214} 1215 1216sub { 1217 bottom: -0.25em; 1218} 1219 1220sup { 1221 top: -0.5em; 1222} 1223
1224/* Forms 1225 ========================================================================== */ 1226 1227/** 1228 * 1. Change the font styles in all browsers. 1229 * 2. Remove the margin in Firefox and Safari. 1230 */ 1231 1232button, 1233input, 1234optgroup, 1235select, 1236textarea { 1237 font-family: inherit; /* 1 */ 1238 font-size: 100%; /* 1 */ 1239 line-height: 1.15; /* 1 */ 1240 margin: 0; /* 2 */ 1241} 1242 1243/** 1244 * Remove the inheritance of text transform in Edge and Firefox. 1245 * 1. Remove the inheritance of text transform in Firefox. 1246 */ 1247 1248button, 1249select { 1250 text-transform: none; 1251} 1252 1253/** 1254 * Correct the inability to style clickable types in iOS and Safari. 1255 */ 1256 1257button, 1258[type='button'], 1259[type='reset'], 1260[type='submit'] { 1261 -webkit-appearance: button; 1262} 1263 1264/** 1265 * Remove the inner border and padding in Firefox. 1266 */ 1267 1268button::-moz-focus-inner, 1269[type='button']::-moz-focus-inner, 1270[type='reset']::-moz-focus-inner, 1271[type='submit']::-moz-focus-inner { 1272 border-style: none; 1273 padding: 0; 1274} 1275 1276/** 1277 * Restore the focus styles unset by the previous rule. 1278 */ 1279 1280button:-moz-focusring, 1281[type='button']:-moz-focusring, 1282[type='reset']:-moz-focusring, 1283[type='submit']:-moz-focusring { 1284 outline: 1px dotted ButtonText; 1285} 1286 1287/** 1288 * Correct the padding in Firefox. 1289 */ 1290 1291fieldset { 1292 padding: 0.35em 0.75em 0.625em; 1293} 1294
1295/** 1296 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. 1297 */ 1298 1299legend { 1300 padding: 0; 1301} 1302 1303/** 1304 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 1305 */ 1306 1307progress { 1308 vertical-align: baseline; 1309} 1310 1311/** 1312 * Correct the cursor style of increment and decrement buttons in Chrome. 1313 */ 1314 1315[type='number']::-webkit-inner-spin-button, 1316[type='number']::-webkit-outer-spin-button { 1317 height: auto; 1318} 1319 1320/** 1321 * 1. Correct the odd appearance in Chrome and Safari. 1322 * 2. Correct the outline style in Safari. 1323 */ 1324 1325[type='search'] { 1326 -webkit-appearance: textfield; /* 1 */ 1327 outline-offset: -2px; /* 2 */ 1328} 1329 1330/** 1331 * Remove the inner padding in Chrome and Safari on macOS. 1332 */ 1333 1334[type='search']::-webkit-search-decoration { 1335 -webkit-appearance: none; 1336} 1337 1338/** 1339 * 1. Correct the inability to style clickable types in iOS and Safari. 1340 * 2. Change font properties to `inherit` in Safari. 1341 */ 1342 1343::-webkit-file-upload-button { 1344 -webkit-appearance: button; /* 1 */ 1345 font: inherit; /* 2 */ 1346} 1347 1348/* Interactive 1349 ========================================================================== */ 1350 1351/* 1352 * Add the correct display in Edge and Firefox. 1353 */ 1354 1355details { 1356 display: block; 1357} 1358 1359/* 1360 * Add the correct display in all browsers. 1361 */ 1362 1363summary { 1364 display: list-item; 1365} 1366 1367/* Objects */ 1368 1369.dnd-section { 1370 padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); 1371} 1372 1373.dnd-section > .row-fluid, 1374.hs-elevate-content-wrapper { 1375 margin: 0 auto; 1376 max-width: var(--hsElevate--contentWrapper--wide__maxWidth); 1377} 1378 1379.hs-elevate-content-wrapper { 1380 padding: 0 var(--hsElevate--section--horizontalPadding); 1381} 1382 1383/* Helper Classes */ 1384 1385.hs-elevate-content-wrapper--sm { 1386 max-width: var(--hsElevate--contentWrapper--narrow__maxWidth); 1387 padding: 0; 1388} 1389 1390.hs-elevate-content-wrapper--md { 1391 max-width: var(--hsElevate--contentWrapper--medium__maxWidth); 1392 padding: 0; 1393} 1394 1395/* Padding for non DND sections */ 1396 1397.hs-elevate-content-padding { 1398 padding-block: var(--hsElevate--section--medium__verticalPadding); 1399} 1400 1401.hs-elevate-content-padding--extra-small { 1402 padding-block: var(--hsElevate--section--extraSmall__verticalPadding); 1403} 1404 1405.hs-elevate-content-padding--small { 1406 padding-block: var(--hsElevate--section--small__verticalPadding); 1407} 1408 1409.hs-elevate-content-padding--large { 1410 padding-block: var(--hsElevate--section--large__verticalPadding); 1411} 1412 1413.hs-elevate-content-padding--extra-large { 1414 padding-block: var(--hsElevate--section--extraLarge__verticalPadding); 1415} 1416 1417.row-fluid { 1418 display: flex; 1419 flex-wrap: wrap; 1420 width: 100%; 1421} 1422 1423.row-fluid .span1, 1424.row-fluid .span2, 1425.row-fluid .span3, 1426.row-fluid .span4, 1427.row-fluid .span5, 1428.row-fluid .span6, 1429.row-fluid .span7, 1430.row-fluid .span8, 1431.row-fluid .span9, 1432.row-fluid .span10, 1433.row-fluid .span11, 1434.row-fluid .span12 { 1435 min-height: 1px; 1436 width: 100%; 1437} 1438 1439@media (min-width: 768px) { 1440 .row-fluid { 1441 flex-wrap: nowrap; 1442 justify-content: space-between; 1443 } 1444 1445 .row-fluid .span1 { 1446 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 1 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 11 / 100); 1447 } 1448 1449 .row-fluid .span2 { 1450 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 2 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 10 / 100); 1451 } 1452 1453 .row-fluid .span3 { 1454 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 3 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 9 / 100); 1455 } 1456 1457 .row-fluid .span4 { 1458 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 4 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 8 / 100); 1459 } 1460 1461 .row-fluid .span5 { 1462 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 5 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 7 / 100); 1463 } 1464 1465 .row-fluid .span6 { 1466 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 6 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 6 / 100); 1467 } 1468 1469 .row-fluid .span7 { 1470 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 7 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 5 / 100); 1471 } 1472 1473 .row-fluid .span8 { 1474 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 8 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 4 / 100); 1475 } 1476 1477 .row-fluid .span9 { 1478 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 9 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 3 / 100); 1479 } 1480 1481 .row-fluid .span10 { 1482 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 10 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 2 / 100); 1483 } 1484 1485 .row-fluid .span11 { 1486 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 11 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 1 / 100); 1487 } 1488} 1489 1490/* Elements */ 1491 1492html { 1493 font-size: var(--hsElevate--baseText__fontSize); 1494} 1495 1496body { 1497 background-color: var(--hsElevate--section--lightSection--1__backgroundColor); 1498 color: var(--hsElevate--section--lightSection--1__textColor); 1499 font-family: var(--hsElevate--body__font); 1500 font-size: var(--hsElevate--body__fontSize); 1501 font-style: var(--hsElevate--body__fontStyle); 1502 font-weight: var(--hsElevate--body__fontWeight); 1503 line-height: var(--hsElevate--body__lineHeight); 1504 overflow-wrap: break-word; 1505} 1506 1507html[lang^='ja'] body, 1508html[lang^='zh'] body, 1509html[lang^='ko'] body { 1510 line-break: strict; 1511 overflow-wrap: normal; 1512 word-break: break-all; 1513} 1514
1515/* Paragraphs */ 1516 1517p { 1518 margin-block: var(--hsElevate--text__margin); 1519} 1520 1521a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link), 1522a.hs-elevate-link--primary, 1523.hs-elevate-link--primary a { 1524 color: var(--hsElevate--link--primary__fontColor); 1525 cursor: pointer; 1526 -webkit-text-decoration: var(--hsElevate--link--primary__textDecoration); 1527 text-decoration: var(--hsElevate--link--primary__textDecoration); 1528 text-decoration-color: var(--hsElevate--link--primary__textDecorationColor); 1529} 1530 1531a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1532a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus, 1533a.hs-elevate-link--primary:hover, 1534.hs-elevate-link--primary a:hover, 1535a.hs-elevate-link--primary:focus, 1536.hs-elevate-link--primary a:focus { 1537 color: var(--hsElevate--link--primary__hover--fontColor); 1538 -webkit-text-decoration: var(--hsElevate--link--primary__hover--textDecoration); 1539 text-decoration: var(--hsElevate--link--primary__hover--textDecoration); 1540 text-decoration-color: var(--hsElevate--link--primary__hover--textDecorationColor); 1541} 1542 1543a.hs-elevate-link--secondary, 1544.hs-elevate-link--secondary a { 1545 color: var(--hsElevate--link--secondary__fontColor); 1546 cursor: pointer; 1547 -webkit-text-decoration: var(--hsElevate--link--secondary__textDecoration); 1548 text-decoration: var(--hsElevate--link--secondary__textDecoration); 1549 text-decoration-color: var(--hsElevate--link--secondary__textDecorationColor); 1550} 1551 1552a.hs-elevate-link--secondary:hover, 1553.hs-elevate-link--secondary a:hover a.hs-elevate-link--secondary:focus, 1554.hs-elevate-link--secondary a:focus { 1555 color: var(--hsElevate--link--secondary__hover--fontColor); 1556 -webkit-text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); 1557 text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); 1558 text-decoration-color: var(--hsElevate--link--secondary__hover--textDecorationColor); 1559} 1560 1561/* Headings */ 1562 1563h1, 1564h2, 1565h3, 1566h4, 1567h5, 1568h6, 1569.hs-elevate-display-1, 1570.hs-elevate-display-2 { 1571 line-height: var(--hsElevate--heading__lineHeight); 1572 margin-block: var(--hsElevate--text__margin); 1573} 1574 1575.hs-elevate-display-1 { 1576 font-family: var(--hsElevate--display1__font); 1577 font-size: calc(var(--hsElevate--display1__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1578 font-style: normal; 1579 font-weight: 400; 1580} 1581 1582.hs-elevate-display-2 { 1583 font-family: var(--hsElevate--display2__font); 1584 font-size: calc(var(--hsElevate--display2__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1585 font-style: normal; 1586 font-weight: 400; 1587} 1588 1589h1, 1590.hs-elevate-h1 { 1591 font-family: var(--hsElevate--h1__font); 1592 font-size: calc(var(--hsElevate--h1__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1593 font-style: var(--hsElevate--h1__fontStyle); 1594 font-weight: var(--hsElevate--h1__fontWeight); 1595} 1596 1597h2, 1598.hs-elevate-h2 { 1599 font-family: var(--hsElevate--h2__font); 1600 font-size: calc(var(--hsElevate--h2__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1601 font-style: var(--hsElevate--h2__fontStyle); 1602 font-weight: var(--hsElevate--h2__fontWeight); 1603} 1604 1605h3, 1606.hs-elevate-h3 { 1607 font-family: var(--hsElevate--h3__font); 1608 font-size: calc(var(--hsElevate--h3__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1609 font-style: var(--hsElevate--h3__fontStyle); 1610 font-weight: var(--hsElevate--h3__fontWeight); 1611} 1612 1613h4, 1614.hs-elevate-h4 { 1615 font-family: var(--hsElevate--h4__font); 1616 font-size: calc(var(--hsElevate--h4__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1617 font-style: var(--hsElevate--h4__fontStyle); 1618 font-weight: var(--hsElevate--h4__fontWeight); 1619} 1620 1621h5, 1622.hs-elevate-h5 { 1623 font-family: var(--hsElevate--h5__font); 1624 font-size: calc(var(--hsElevate--h5__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1625 font-style: var(--hsElevate--h5__fontStyle); 1626 font-weight: var(--hsElevate--h5__fontWeight); 1627} 1628 1629h6, 1630.hs-elevate-h6 { 1631 font-family: var(--hsElevate--h6__font); 1632 font-size: calc(var(--hsElevate--h6__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1633 font-style: var(--hsElevate--h6__fontStyle); 1634 font-weight: var(--hsElevate--h6__fontWeight); 1635} 1636 1637@media (min-width: 767px) { 1638 .hs-elevate-display-1 { 1639 font-size: var(--hsElevate--display1__fontSize); 1640 } 1641 1642 .hs-elevate-display-2 { 1643 font-size: var(--hsElevate--display2__fontSize); 1644 } 1645 1646 h1, 1647 .hs-elevate-h1 { 1648 font-size: var(--hsElevate--h1__fontSize); 1649 } 1650 1651 h2, 1652 .hs-elevate-h2 { 1653 font-size: var(--hsElevate--h2__fontSize); 1654 } 1655 1656 h3, 1657 .hs-elevate-h3 { 1658 font-size: var(--hsElevate--h3__fontSize); 1659 } 1660 1661 h4, 1662 .hs-elevate-h4 { 1663 font-size: var(--hsElevate--h4__fontSize); 1664 } 1665 1666 h5, 1667 .hs-elevate-h5 { 1668 font-size: var(--hsElevate--h5__fontSize); 1669 } 1670 1671 h6, 1672 .hs-elevate-h6 { 1673 font-size: var(--hsElevate--h6__fontSize); 1674 } 1675} 1676 1677/* Lists */ 1678 1679ul, 1680ol { 1681 margin-block: var(--hsElevate--text__margin); 1682} 1683 1684/* Blockquotes */ 1685 1686blockquote { 1687 padding: var(--hsElevate--spacing--24, 24px); 1688 border-radius: var(--hsElevate-rounded--extra-small); 1689 border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor)); 1690 background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor)); 1691 color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor)); 1692 font-family: var(--hsElevate--quotes__font); 1693 font-size: var(--hsElevate--quotes__fontSize); 1694 font-style: var(--hsElevate--quotes__fontStyle); 1695 font-weight: var(--hsElevate--quotes__fontWeight); 1696 margin-block: var(--hsElevate--text__margin); 1697} 1698
1699:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { 1700 padding: var(--hsElevate--spacing--24, 24px); 1701 border-radius: var(--hsElevate-rounded--extra-small); 1702 border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor)); 1703 background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor)); 1704 color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor)); 1705 font-family: var(--hsElevate--quotes__font); 1706 font-size: var(--hsElevate--quotes__fontSize); 1707 font-style: var(--hsElevate--quotes__fontStyle); 1708 font-weight: var(--hsElevate--quotes__fontWeight); 1709 margin-block: var(--hsElevate--text__margin); 1710} 1711 1712@media (max-width: 767.98px) { 1713 :is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { 1714 font-size: calc(var(--hsElevate--body__fontSize) + 4px); 1715 margin-inline: 0; 1716 } 1717} 1718 1719/* Captions */ 1720 1721.hs-elevate-caption { 1722 color: var(--hsElevate--captions__fontColor, var(--hsElevate--section--lightSection--1--captionColor)); 1723 font-family: var(--hsElevate--captions__font); 1724 font-size: var(--hsElevate--captions__fontSize); 1725 font-style: var(--hsElevate--captions__fontStyle); 1726 font-weight: var(--hsElevate--captions__fontWeight); 1727 text-transform: var(--hsElevate--captions__case); 1728} 1729 1730/* Tags */ 1731.hs-elevate-tag { 1732 padding: 2px 8px; 1733 border-color: var(--hsElevate--tag__borderColor); 1734 border-radius: var(--hsElevate--tag__borderRadius); 1735 border-style: solid; 1736 border-width: var(--hsElevate--tag__borderThickness); 1737 background-color: var(--hsElevate--tag__backgroundColor); 1738 color: var(--hsElevate--tag__textColor); 1739 font-family: var(--hsElevate--tag__font); 1740 font-size: var(--hsElevate--tag__fontSize); 1741 font-style: var(--hsElevate--tag__fontStyle); 1742 font-weight: var(--hsElevate--tag__fontWeight); 1743 text-transform: var(--hsElevate--tag__case); 1744} 1745 1746/* Images in rich text */ 1747:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) img { 1748 max-width: 100%; 1749 margin-block-end: var(--hsElevate--rteImages__margin); 1750} 1751.hs-elevate-button:focus { 1752 outline: 2px solid #53acff; 1753 outline-offset: 2px; 1754} 1755 1756.hs-elevate-button--primary { 1757 font-family: var(--hsElevate--button--primary__font); 1758 font-size: var(--hsElevate--button--primary__fontSize); 1759 font-weight: var(--hsElevate--button--primary__fontWeight); 1760 font-style: var(--hsElevate--button--primary__fontStyle); 1761 color: var(--hsElevate--button--primary__textColor); 1762 border-width: var(--hsElevate--button--primary__borderThickness); 1763 background-color: var(--hsElevate--button--primary__backgroundColor); 1764 border-style: solid; 1765 border-color: var(--hsElevate--button--primary__borderColor); 1766 border-radius: var(--hsElevate--button--primary__borderRadius); 1767 text-decoration: none; 1768} 1769 1770.hs-elevate-button--primary:hover { 1771 color: var(--hsElevate--button--primary__hover--textColor); 1772 background-color: var(--hsElevate--button--primary__hover--backgroundColor); 1773 border-color: var(--hsElevate--button--primary__hover--borderColor); 1774 border-width: var(--hsElevate--button--primary__hover--borderThickness); 1775 text-decoration: none; 1776} 1777 1778.hs-elevate-button--primary:active { 1779 color: var(--hsElevate--button--primary__hover--textColor); 1780 background-color: #db5500 ; 1781 border-color: ; 1782 border-width: var(--hsElevate--button--primary__hover--borderThickness); 1783 text-decoration: none; 1784} 1785 1786.hs-elevate-button--secondary { 1787 font-family: var(--hsElevate--button--secondary__font); 1788 font-size: var(--hsElevate--button--secondary__fontSize); 1789 font-weight: var(--hsElevate--button--secondary__fontWeight); 1790 font-style: var(--hsElevate--button--secondary__fontStyle); 1791 color: var(--hsElevate--button--secondary__textColor); 1792 border-width: var(--hsElevate--button--secondary__borderThickness); 1793 background-color: var(--hsElevate--button--secondary__backgroundColor); 1794 border-style: solid; 1795 border-color: var(--hsElevate--button--secondary__borderColor); 1796 border-radius: var(--hsElevate--button--secondary__borderRadius); 1797 text-decoration: none; 1798} 1799 1800.hs-elevate-button--secondary:hover {
1801 color: var(--hsElevate--button--secondary__hover--textColor); 1802 background-color: var(--hsElevate--button--secondary__hover--backgroundColor); 1803 border-color: var(--hsElevate--button--secondary__hover--borderColor); 1804 border-width: var(--hsElevate--button--secondary__hover--borderThickness); 1805 text-decoration: none; 1806} 1807 1808.hs-elevate-button--secondary:active { 1809 color: var(--hsElevate--button--secondary__hover--textColor); 1810 background-color: transparent ; 1811 border-color: #46566d ; 1812 border-width: var(--hsElevate--button--secondary__hover--borderThickness); 1813 text-decoration: none; 1814} 1815 1816.hs-elevate-button--tertiary { 1817 font-family: var(--hsElevate--button--tertiary__font); 1818 font-size: var(--hsElevate--button--tertiary__fontSize); 1819 font-weight: var(--hsElevate--button--tertiary__fontWeight); 1820 font-style: var(--hsElevate--button--tertiary__fontStyle); 1821 color: var(--hsElevate--button--tertiary__textColor); 1822 border-width: var(--hsElevate--button--tertiary__borderThickness); 1823 background-color: var(--hsElevate--button--tertiary__backgroundColor); 1824 border-style: solid; 1825 border-color: var(--hsElevate--button--tertiary__borderColor); 1826 border-radius: var(--hsElevate--button--tertiary__borderRadius); 1827 text-decoration: none; 1828} 1829 1830.hs-elevate-button--tertiary:hover { 1831 color: var(--hsElevate--button--tertiary__hover--textColor); 1832 background-color: var(--hsElevate--button--tertiary__hover--backgroundColor); 1833 border-color: var(--hsElevate--button--tertiary__hover--borderColor); 1834 border-width: var(--hsElevate--button--tertiary__hover--borderThickness); 1835 text-decoration: none; 1836} 1837 1838.hs-elevate-button--tertiary:active { 1839 color: var(--hsElevate--button--tertiary__hover--textColor); 1840 background-color: #adb7c3 ; 1841 border-color: ; 1842 border-width: var(--hsElevate--button--tertiary__hover--borderThickness); 1843 text-decoration: none; 1844} 1845 1846.hs-elevate-button--accent { 1847 font-family: var(--hsElevate--button--accent__font); 1848 font-size: var(--hsElevate--button--accent__fontSize); 1849 font-weight: var(--hsElevate--button--accent__fontWeight); 1850 font-style: var(--hsElevate--button--accent__fontStyle); 1851 color: var(--hsElevate--button--accent__textColor); 1852 border-width: var(--hsElevate--button--accent__borderThickness); 1853 background-color: var(--hsElevate--button--accent__backgroundColor); 1854 border-style: solid; 1855 border-color: var(--hsElevate--button--accent__borderColor); 1856 border-radius: var(--hsElevate--button--accent__borderRadius); 1857 text-decoration: none; 1858} 1859 1860.hs-elevate-button--accent:hover {
1861 color: var(--hsElevate--button--accent__hover--textColor); 1862 background-color: var(--hsElevate--button--accent__hover--backgroundColor); 1863 border-color: var(--hsElevate--button--accent__hover--borderColor); 1864 border-width: var(--hsElevate--button--accent__hover--borderThickness); 1865 text-decoration: none; 1866} 1867 1868.hs-elevate-button--accent:active { 1869 color: var(--hsElevate--button--accent__hover--textColor); 1870 background-color: #46566d ; 1871 border-color: ; 1872 border-width: var(--hsElevate--button--accent__hover--borderThickness); 1873 text-decoration: none; 1874} 1875.hs-elevate-card--variant-1 { 1876 border-color: var(--hsElevate--card--variant1__borderColor); 1877 border-radius: var(--hsElevate--card--variant1__borderRadius); 1878 border-style: solid; 1879 border-width: var(--hsElevate--card--variant1__borderThickness); 1880 background-color: var(--hsElevate--card--variant1__backgroundColor); 1881 color: var(--hsElevate--card--variant1__textColor); 1882} 1883.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1884 color: var(--hsElevate--card--variant1--link__fontColor); 1885 -webkit-text-decoration: var(--hsElevate--card--variant1--link__textDecoration); 1886 text-decoration: var(--hsElevate--card--variant1--link__textDecoration); 1887 text-decoration-color: var(--hsElevate--card--variant1--link__textDecorationColor); 1888} 1889.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1890.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1891 color: var(--hsElevate--card--variant1--link__hover--fontColor); 1892 -webkit-text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); 1893 text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); 1894 text-decoration-color: var(--hsElevate--card--variant1--link__hover--textDecorationColor); 1895} 1896 1897.hs-elevate-card--variant-2 { 1898 border-color: var(--hsElevate--card--variant2__borderColor); 1899 border-radius: var(--hsElevate--card--variant2__borderRadius); 1900 border-style: solid; 1901 border-width: var(--hsElevate--card--variant2__borderThickness); 1902 background-color: var(--hsElevate--card--variant2__backgroundColor); 1903 color: var(--hsElevate--card--variant2__textColor); 1904} 1905 1906.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1907 color: var(--hsElevate--card--variant2--link__fontColor); 1908 -webkit-text-decoration: var(--hsElevate--card--variant2--link__textDecoration); 1909 text-decoration: var(--hsElevate--card--variant2--link__textDecoration); 1910 text-decoration-color: var(--hsElevate--card--variant2--link__textDecorationColor); 1911} 1912 1913.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1914.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1915 color: var(--hsElevate--card--variant2--link__hover--fontColor); 1916 -webkit-text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); 1917 text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); 1918 text-decoration-color: var(--hsElevate--card--variant2--link__hover--textDecorationColor); 1919} 1920 1921.hs-elevate-card--variant-3 { 1922 border-color: var(--hsElevate--card--variant3__borderColor); 1923 border-radius: var(--hsElevate--card--variant3__borderRadius); 1924 border-style: solid; 1925 border-width: var(--hsElevate--card--variant3__borderThickness); 1926 background-color: var(--hsElevate--card--variant3__backgroundColor); 1927 color: var(--hsElevate--card--variant3__textColor); 1928} 1929 1930.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1931 color: var(--hsElevate--card--variant3--link__fontColor); 1932 -webkit-text-decoration: var(--hsElevate--card--variant3--link__textDecoration); 1933 text-decoration: var(--hsElevate--card--variant3--link__textDecoration); 1934 text-decoration-color: var(--hsElevate--card--variant3--link__textDecorationColor); 1935} 1936 1937.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1938.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1939 color: var(--hsElevate--card--variant3--link__hover--fontColor); 1940 -webkit-text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); 1941 text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); 1942 text-decoration-color: var(--hsElevate--card--variant3--link__hover--textDecorationColor); 1943} 1944 1945.hs-elevate-card--variant-4 { 1946 border-color: var(--hsElevate--card--variant4__borderColor); 1947 border-radius: var(--hsElevate--card--variant4__borderRadius); 1948 border-style: solid; 1949 border-width: var(--hsElevate--card--variant4__borderThickness); 1950 background-color: var(--hsElevate--card--variant4__backgroundColor); 1951 color: var(--hsElevate--card--variant4__textColor); 1952} 1953 1954.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1955 color: var(--hsElevate--card--variant4--link__fontColor); 1956 -webkit-text-decoration: var(--hsElevate--card--variant4--link__textDecoration); 1957 text-decoration: var(--hsElevate--card--variant4--link__textDecoration); 1958 text-decoration-color: var(--hsElevate--card--variant4--link__textDecorationColor); 1959} 1960 1961.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1962.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1963 color: var(--hsElevate--card--variant4--link__hover--fontColor); 1964 -webkit-text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); 1965 text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); 1966 text-decoration-color: var(--hsElevate--card--variant4--link__hover--textDecorationColor); 1967} 1968.cs-feature { 1969 overflow: hidden; 1970} 1971 1972.cs-feature .hs-elevate-details__label { 1973 font-weight: 600; 1974} 1975 1976.cs-feature .cs-feature__link:hover { 1977 opacity: 0.8; 1978} 1979 1980.cs-feature .cs-feature__link .cs-feature__chevron-path { 1981 fill: currentcolor; 1982} 1983 1984.cs-feature .cs-feature__link:hover .cs-feature__chevron-path { 1985 opacity: 0.8; 1986} 1987/* Form */ 1988 1989.hs-form, 1990.hs-elevate-system-form form, 1991.hs-elevate-system-form--subscription-preferences form .email-prefs { 1992 padding: var(--hsElevate--form__padding); 1993 border-color: var(--hsElevate--form__borderColor); 1994 border-radius: var(--hsElevate--form__borderRadius); 1995 border-style: solid; 1996 border-width: var(--hsElevate--form__borderThickness); 1997 background: var(--hsElevate--form__backgroundColor); 1998} 1999 2000/* Form labels */ 2001 2002:is(.hs-form, .hs-elevate-system-form) label, 2003.hs-elevate-system-form--subscription-preferences .fakelabel { 2004 display: block; 2005 color: var(--hsElevate--formLabel__textColor); 2006 font-family: var(--hsElevate--formLabel__font); 2007 font-size: var(--hsElevate--formLabel__fontSize); 2008 font-weight: var(--hsElevate--formLabel__fontWeight); 2009 margin-block-end: var(--hsElevate--formLabel__marginBottom); 2010} 2011 2012/* Form fields */ 2013 2014.hs-form .hs-form-field { 2015 margin-block-end: var(--hsElevate--formField__marginBottom); 2016} 2017 2018:is(.hs-form, .hs-elevate-system-form) input[type='text'], 2019:is(.hs-form, .hs-elevate-system-form) input[type='email'], 2020:is(.hs-form, .hs-elevate-system-form) input[type='password'], 2021:is(.hs-form, .hs-elevate-system-form) input[type='tel'], 2022:is(.hs-form, .hs-elevate-system-form) input[type='number'], 2023:is(.hs-form, .hs-elevate-system-form) input[type='search'], 2024:is(.hs-form, .hs-elevate-system-form) select, 2025:is(.hs-form, .hs-elevate-system-form) textarea { 2026 width: 100% !important; 2027 border-radius: var(--hsElevate--formField__borderRadius); 2028 border-top: var(--hsElevate--formField__borderTop); 2029 border-right: var(--hsElevate--formField__borderRight); 2030 border-bottom: var(--hsElevate--formField__borderBottom); 2031 border-left: var(--hsElevate--formField__borderLeft); 2032 background-color: var(--hsElevate--formField__backgroundColor); 2033 color: var(--hsElevate--formFieldInput__textColor); 2034 padding-block: var(--hsElevate--spacing--20); 2035 padding-inline: var(--hsElevate--spacing--32); 2036} 2037 2038.hs-input.hs-fieldtype-intl-phone { 2039 display: flex; 2040 width: 100% !important; 2041 flex-direction: row; 2042 flex-wrap: wrap; 2043 align-items: center; 2044 justify-content: flex-start; 2045 gap: 8px; /* matches column margins from form injection */ 2046} 2047 2048.hs-input.hs-fieldtype-intl-phone > input { 2049 flex: 1 0 calc(70% - 8px) !important; 2050} 2051 2052.hs-input.hs-fieldtype-intl-phone > select { 2053 flex: 1 0 30% !important; 2054} 2055 2056@media (max-width: 600px) { 2057 .hs-input.hs-fieldtype-intl-phone { 2058 display: flex; 2059 width: 100%; 2060 flex-direction: column; 2061 gap: 8px; 2062 } 2063 2064 .hs-input.hs-fieldtype-intl-phone > select, 2065 .hs-input.hs-fieldtype-intl-phone > input { 2066 min-width: 100%; 2067 flex: 1 1 100%; 2068 } 2069 2070 .hs-input.hs-fieldtype-intl-phone > select { 2071 padding-inline: var(--hsElevate--spacing--16); 2072 } 2073} 2074 2075.hs-form-field.hs-fieldtype-file .hs-input, 2076.hs-form fieldset { 2077 max-width: 100% !important; 2078} 2079 2080/* Form fields - textarea */ 2081 2082.hs-form textarea { 2083 position: relative; 2084 height: 160px; 2085 border-radius: var(--hsElevate--formFieldTextArea__borderRadius); 2086} 2087 2088.hs-form textarea::-webkit-resizer { 2089 display: none; 2090} 2091 2092.hs-form .hs_multi_line_field .input { 2093 position: relative; 2094} 2095 2096.hs-form .hs_multi_line_field .input:after { 2097 position: absolute; 2098 right: var(--hsElevate--spacing--8); 2099 bottom: var(--hsElevate--spacing--8); 2100 content: var(--hsElevate--formField__dragIcon); 2101 pointer-events: none; 2102} 2103 2104/* Form fields - select */ 2105 2106.hs-form .hs-fieldtype-select .input { 2107 position: relative; 2108} 2109 2110.hs-form select { 2111 -webkit-appearance: none; 2112 -moz-appearance: none; 2113 appearance: none; 2114} 2115 2116.hs-form .hs-fieldtype-select .input:after { 2117 position: absolute; 2118 top: 50%; 2119 right: var(--hsElevate--spacing--32); 2120 content: var(--hsElevate--formField__selectIcon); 2121 pointer-events: none; 2122 transform: translateY(-50%); 2123} 2124 2125/* Form fields - datepicker */ 2126 2127.hs-form .hs-dateinput { 2128 position: relative; 2129} 2130
2131.hs-form .hs-dateinput:before { 2132 position: absolute; 2133 top: 50%; 2134 right: var(--hsElevate--spacing--32); 2135 content: var(--hsElevate--formField__datepickerIcon); 2136 pointer-events: none; 2137 transform: translateY(-50%); 2138} 2139 2140/* Form fields - placeholders */ 2141 2142::-moz-placeholder { 2143 color: var(--hsElevate--formFieldPlaceholder__textColor); 2144} 2145 2146::placeholder { 2147 color: var(--hsElevate--formFieldPlaceholder__textColor); 2148} 2149 2150/* Form fields - checkbox/radio */ 2151 2152.hs-form .inputs-list { 2153 padding: 0; 2154 margin: 0; 2155 list-style: none; 2156} 2157 2158.hs-form .inputs-list li { 2159 display: block; 2160 margin-block-end: var(--hsElevate--spacing--16); 2161} 2162 2163.hs-form .inputs-list li:last-of-type { 2164 margin-block-end: 0; 2165} 2166 2167.hs-form .inputs-list :is(input, span) { 2168 vertical-align: middle; 2169} 2170 2171:is(.hs-form, .hs-elevate-system-form) input[type='checkbox'], 2172:is(.hs-form, .hs-elevate-system-form) input[type='radio'] { 2173 height: var(--hsElevate--formFieldCheckboxRadio__size); 2174 width: var(--hsElevate--formFieldCheckboxRadio__size) !important; 2175 accent-color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 2176 cursor: pointer; 2177 margin-inline-end: var(--hsElevate--spacing--12); 2178} 2179 2180/* Form help text */ 2181 2182.hs-form legend { 2183 /* To do: figure out where we should pull this from */ 2184 color: var(--hsElevate--formHelpText__textColor); 2185 margin-block-end: var(--hsElevate--spacing--8); 2186} 2187 2188/* Form rich text */ 2189 2190.hs-form .hs-richtext { 2191 color: var(--hsElevate--formLabel__textColor); 2192} 2193 2194.hs-form .hs-richtext img { 2195 height: auto; 2196 max-width: 100% !important; 2197} 2198 2199/* Form error messages */ 2200 2201.hs-form .hs-input.error { 2202 border-color: var(--hsElevate--formRequired__color); 2203} 2204 2205.hs-form .hs-error-msg, 2206.hs-form .hs-error-msgs { 2207 color: var(--hsElevate--formRequired__color); 2208 margin-block-start: var(--hsElevate--spacing--4); 2209} 2210 2211/* Form button */ 2212 2213:is(.hs-form, .hs-elevate-system-form) .hs-button, 2214:is(.hs-form, .hs-elevate-system-form) input[type='submit'] { 2215 display: inline-block; 2216 width: 100%; 2217 border-color: var(--hsElevate--button--primary__borderColor); 2218 border-radius: var(--hsElevate--button--primary__borderRadius); 2219 border-style: solid; 2220 border-width: var(--hsElevate--button--primary__borderThickness); 2221 background-color: var(--hsElevate--button--primary__backgroundColor); 2222 color: var(--hsElevate--button--primary__textColor); 2223 cursor: pointer; 2224 font-family: var(--hsElevate--button--primary__font); 2225 font-size: var(--hsElevate--button--primary__fontSize); 2226 font-style: var(--hsElevate--button--primary__fontStyle); 2227 font-weight: var(--hsElevate--button--primary__fontWeight); 2228 padding-block: var(--hsElevate--spacing--20); 2229 padding-inline: var(--hsElevate--spacing--24); 2230 text-align: center; 2231 text-decoration: none; 2232 transition: all 0.15s linear; 2233 white-space: normal !important; 2234} 2235 2236:is(.hs-form, .hs-elevate-system-form) .hs-button:hover, 2237:is(.hs-form, .hs-elevate-system-form) .hs-button:focus, 2238:is(.hs-form, .hs-elevate-system-form) input[type='submit']:hover, 2239:is(.hs-form, .hs-elevate-system-form) input[type='submit']:focus { 2240 border-color: var(--hsElevate--button--primary__hover--borderColor); 2241 border-width: var(--hsElevate--button--primary__hover--borderThickness); 2242 background-color: var(--hsElevate--button--primary__hover--backgroundColor); 2243 color: var(--hsElevate--button--primary__hover--textColor); 2244 text-decoration: none; 2245} 2246 2247/* Captcha */ 2248 2249.grecaptcha-badge { 2250 margin-block: 0; 2251 margin-inline: auto; 2252} 2253 2254/* Components */ 2255 2256/* Navigation skipper */ 2257 2258.hs-elevate-header__skip { 2259 position: absolute; 2260 top: -1000px; 2261 left: -1000px; 2262 overflow: hidden; 2263 height: 1px; 2264 width: 1px; 2265 text-align: left; 2266} 2267 2268.hs-elevate-header__skip:hover, 2269.hs-elevate-header__skip:focus, 2270.hs-elevate-header__skip:active { 2271 z-index: 2; 2272 top: 0; 2273 left: 0; 2274 overflow: visible; 2275 height: auto; 2276 width: auto; 2277} 2278/* 2279 TODO: Move this code to the MenuComponent styled-component code -- keeping it here to prevent conflicts with open Menu PRs 2280 TODO: Remove this file and its references from main.hubl.css 2281*/ 2282 2283@media (max-width: 767px) { 2284 .hs-elevate-footer .hs-elevate-menu { 2285 display: flex; 2286 flex-direction: column; 2287 align-items: center; 2288 } 2289} 2290/* 2291 Spacing variables are: 2292 --hsElevate--menuItem__padding 2293 --hsElevate--menuItem__margin 2294 --hsElevate--menu--topLevel__gap 2295 --hsElevate--flyoutSubMenu__top 2296 --hsElevate--flyoutSubMenu__left 2297 --hsElevate--flyoutSubMenu__right 2298 --hsElevate--flyoutSubMenu__bottom 2299 --hsElevate--firstFlyoutMenu__top 2300 --hsElevate--firstFlyoutMenu__left 2301 --hsElevate--firstFlyoutMenu__right 2302 --hsElevate--firstFlyoutMenu__bottom 2303 */ 2304 2305.hs-elevate-menu { 2306 display: flex; 2307} 2308 2309.hs-elevate-menu, 2310.hs-elevate-menu ul { 2311 list-style: none; 2312} 2313 2314.hs-elevate-menu li { 2315 position: relative; 2316} 2317 2318.hs-elevate-menu--horizontal { 2319 flex-direction: row; 2320 flex-wrap: wrap; 2321} 2322 2323.hs-elevate-menu--vertical { 2324 flex-direction: column; 2325} 2326 2327.hs-elevate-menu {
2328 gap: var(--hsElevate--menu--topLevel__gap, 0); 2329} 2330 2331.hs-elevate-menu--desktop { 2332 margin: 0; 2333} 2334 2335.hs-elevate-menu__flyout-submenu { 2336 min-width: -moz-max-content; 2337 min-width: max-content; 2338 max-width: 250px; 2339 white-space: nowrap; 2340 overflow-wrap: break-word; 2341 padding: 20px; 2342 border: 1px solid #f7f7f7; 2343 border-radius: 8px; 2344 background-color: white; 2345} 2346.logo-company-name { 2347 margin-block: 0; 2348} 2349 2350/* Offsets margin on ul element inside default image grid */ 2351.hs-image__grid__list { 2352 margin-block: 0; 2353} 2354 2355/* Logo responsive styling */ 2356.widget-type-logo img { 2357 height: auto; 2358 max-width: 100%; 2359} 2360 2361/* Preset-specific styles */ 2362/* Onyx preset specific styles */ 2363 2364 2365</style> 2366 2367<link rel="stylesheet" href="https://www.medsbag.se/hubfs/hub_generated/module_assets/1/208130419511/1772051573476/module_Appen.min.css"> 2368<link rel="stylesheet" href="https://www.medsbag.se/hubfs/hub_generated/module_assets/1/208130429302/1772051678672/module_Vskan.min.css"> 2369<link rel="stylesheet" href="https://www.medsbag.se/hubfs/hub_generated/module_assets/1/208130429715/1772535244092/module_Process_skerhets.min.css"> 2370<link rel="stylesheet" href="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-35056501883/1791562988718/module_video.min.css"> 2371 2372 <style> 2373 #oembed_container-widget_1767102285978 .oembed_custom-thumbnail_icon svg { 2374 fill: #ffffff; 2375 } 2376 </style> 2377 2378 2379 <style> 2380 #oembed_container-widget_1767102411212 .oembed_custom-thumbnail_icon svg { 2381 fill: #ffffff; 2382 } 2383 </style> 2384 2385<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-B6DpAFOq.css"> 2386 2387<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 2388 2389<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/PlaceholderEmptyContent-MX2JmU9C.css"> 2390 2391<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/MobileMenuIsland-fLww7Ehg.css"> 2392 2393<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/MobileLogoBackButton-CBRrxUrt.css"> 2394 2395<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-lmkptd1h.css"> 2396 2397<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/MenuItemComponent-BLBQT5iZ.css"> 2398 2399<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/useDocumentLang-D-zc02CH.css"> 2400 2401<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-09VGSRsQ.css"> 2402 2403<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-AJ-XpXDx.css"> 2404 2405<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-DA0Ph26K.css"> 2406 2407<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-N2SAwmPM.css"> 2408 2409<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 2410 2411<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-DA0Ph26K.css"> 2412 2413<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-N2SAwmPM.css"> 2414 2415<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 2416 2417<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-pcb368F4.css"> 2418 2419<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-09VGSRsQ.css"> 2420 2421<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-DLDznqQN.css"> 2422 2423<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 2424 2425<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-09VGSRsQ.css"> 2426 2427<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-CwxSt1Vd.css"> 2428 2429<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-AJ-XpXDx.css"> 2430 2431<style> 2432 @font-face { 2433 font-family: "Inter"; 2434 font-weight: 400; 2435 font-style: normal; 2436 font-display: swap; 2437 src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); 2438 } 2439 @font-face { 2440 font-family: "Inter"; 2441 font-weight: 500; 2442 font-style: normal; 2443 font-display: swap; 2444 src: url("/_hcms/googlefonts/Inter/500.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/500.woff") format("woff"); 2445 } 2446 @font-face { 2447 font-family: "Inter"; 2448 font-weight: 600; 2449 font-style: normal; 2450 font-display: swap; 2451 src: url("/_hcms/googlefonts/Inter/600.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600.woff") format("woff"); 2452 } 2453 @font-face { 2454 font-family: "Inter"; 2455 font-weight: 800; 2456 font-style: normal; 2457 font-display: swap; 2458 src: url("/_hcms/googlefonts/Inter/800.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/800.woff") format("woff"); 2459 } 2460 @font-face { 2461 font-family: "Inter"; 2462 font-weight: 600; 2463 font-style: italic; 2464 font-display: swap; 2465 src: url("/_hcms/googlefonts/Inter/600italic.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600italic.woff") format("woff"); 2466 } 2467 @font-face { 2468 font-family: "Inter"; 2469 font-weight: 700; 2470 font-style: normal; 2471 font-display: swap; 2472 src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff"); 2473 } 2474 @font-face { 2475 font-family: "Inter"; 2476 font-weight: 400; 2477 font-style: italic; 2478 font-display: swap; 2479 src: url("/_hcms/googlefonts/Inter/italic.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/italic.woff") format("woff"); 2480 } 2481 @font-face { 2482 font-family: "Poppins"; 2483 font-weight: 400; 2484 font-style: normal; 2485 font-display: swap; 2486 src: url("/_hcms/googlefonts/Poppins/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/regular.woff") format("woff"); 2487 } 2488 @font-face { 2489 font-family: "Poppins"; 2490 font-weight: 700; 2491 font-style: normal; 2492 font-display: swap; 2493 src: url("/_hcms/googlefonts/Poppins/700.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/700.woff") format("woff"); 2494 } 2495</style> 2496 2497<!-- Editor Styles --> 2498<style id="hs_editor_style" type="text/css"> 2499#hs_cos_wrapper_module_17647059807756 { display: block !important; padding-top: 0px !important; text-align: center !important } 2500#hs_cos_wrapper_widget_1770984331069 { display: block !important; padding-bottom: 24px !important } 2501#hs_cos_wrapper_module_1770984734792 { display: block !important; padding-bottom: 24px !important } 2502#hs_cos_wrapper_widget_1770986473701 { display: block !important; padding-top: 40px !important } 2503#hs_cos_wrapper_widget_1767102285978 { border-radius: 25px !important; display: block !important } 2504#hs_cos_wrapper_widget_1767102411212 { border-color: #334155 !important; border-radius: 25px !important; border-width: 25px !important; display: block !important } 2505#hs_cos_wrapper_module_17670452848987 { border-width: 0px !important; display: block !important } 2506#hs_cos_wrapper_widget_1771315157912 { display: block !important; padding-top: 16px !important } 2507#hs_cos_wrapper_module_17647059807756 { display: block !important; padding-top: 0px !important; text-align: center !important } 2508#hs_cos_wrapper_widget_1770984331069 { display: block !important; padding-bottom: 24px !important } 2509#hs_cos_wrapper_module_1770984734792 { display: block !important; padding-bottom: 24px !important } 2510#hs_cos_wrapper_widget_1770986473701 { display: block !important; padding-top: 40px !important } 2511#hs_cos_wrapper_widget_1767102411212 { border-color: #334155 !important; border-radius: 25px !important; border-width: 25px !important; display: block !important } 2512#hs_cos_wrapper_widget_1767102285978 { border-radius: 25px !important; display: block !important } 2513.header-row-0-force-full-width-section > .row-fluid { 2514 max-width: none !important; 2515} 2516.dnd_area-row-0-max-width-section-centering > .row-fluid { 2517 max-width: 830px !important; 2518 margin-left: auto !important; 2519 margin-right: auto !important; 2520} 2521.dnd_area-row-5-max-width-section-centering > .row-fluid { 2522 max-width: 768px !important; 2523 margin-left: auto !important; 2524 margin-right: auto !important; 2525} 2526.widget_1770978292791-flexbox-positioning { 2527 display: -ms-flexbox !important; 2528 -ms-flex-direction: column !important; 2529 -ms-flex-align: center !important; 2530 -ms-flex-pack: start; 2531 display: flex !important; 2532 flex-direction: column !important; 2533 align-items: center !important; 2534 justify-content: flex-start; 2535} 2536.widget_1770978292791-flexbox-positioning > div { 2537 max-width: 100%; 2538 flex-shrink: 0 !important; 2539} 2540.module_17670452848987-flexbox-positioning { 2541 display: -ms-flexbox !important; 2542 -ms-flex-direction: column !important; 2543 -ms-flex-align: center !important; 2544 -ms-flex-pack: start; 2545 display: flex !important; 2546 flex-direction: column !important; 2547 align-items: center !important; 2548 justify-content: flex-start; 2549} 2550.module_17670452848987-flexbox-positioning > div { 2551 max-width: 100%; 2552 flex-shrink: 0 !important; 2553} 2554/* HubSpot Non-stacked Media Query Styles */ 2555@media (min-width:768px) { 2556 .header-row-0-vertical-alignment > .row-fluid { 2557 display: -ms-flexbox !important; 2558 -ms-flex-direction: row; 2559 display: flex !important; 2560 flex-direction: row; 2561 } 2562 .module_1765839272930-vertical-alignment { 2563 display: -ms-flexbox !important; 2564 -ms-flex-direction: column !important; 2565 -ms-flex-pack: center !important; 2566 display: flex !important; 2567 flex-direction: column !important; 2568 justify-content: center !important; 2569 } 2570 .module_1765839272930-vertical-alignment > div { 2571 flex-shrink: 0 !important; 2572 } 2573 .dnd_area-row-5-vertical-alignment > .row-fluid { 2574 display: -ms-flexbox !important; 2575 -ms-flex-direction: row; 2576 display: flex !important; 2577 flex-direction: row; 2578 } 2579 .cell_17709863865427-vertical-alignment { 2580 display: -ms-flexbox !important; 2581 -ms-flex-direction: column !important; 2582 -ms-flex-pack: center !important; 2583 display: flex !important; 2584 flex-direction: column !important; 2585 justify-content: center !important; 2586 } 2587 .cell_17709863865427-vertical-alignment > div { 2588 flex-shrink: 0 !important; 2589 } 2590 .cell_17709865371132-row-2-vertical-alignment > .row-fluid { 2591 display: -ms-flexbox !important; 2592 -ms-flex-direction: row; 2593 display: flex !important; 2594 flex-direction: row; 2595 } 2596 .cell_17709865788922-vertical-alignment { 2597 display: -ms-flexbox !important; 2598 -ms-flex-direction: column !important; 2599 -ms-flex-pack: center !important; 2600 display: flex !important; 2601 flex-direction: column !important; 2602 justify-content: center !important; 2603 } 2604 .cell_17709865788922-vertical-alignment > div { 2605 flex-shrink: 0 !important; 2606 } 2607 .cell_1770986578891-vertical-alignment { 2608 display: -ms-flexbox !important; 2609 -ms-flex-direction: column !important; 2610 -ms-flex-pack: center !important; 2611 display: flex !important; 2612 flex-direction: column !important; 2613 justify-content: center !important; 2614 } 2615 .cell_1770986578891-vertical-alignment > div { 2616 flex-shrink: 0 !important; 2617 } 2618} 2619/* HubSpot Styles (default) */ 2620.header-row-0-padding { 2621 padding-top: 0px !important; 2622 padding-bottom: 0px !important; 2623 padding-left: 0px !important; 2624 padding-right: 0px !important; 2625} 2626.dnd_area-row-0-padding { 2627 padding-top: 96px !important; 2628 padding-bottom: 96px !important; 2629} 2630.dnd_area-row-0-background-layers { 2631 background-image: linear-gradient(rgba(243, 242, 239, 1), rgba(243, 242, 239, 1)) !important; 2632 background-position: left top !important; 2633 background-size: auto !important; 2634 background-repeat: no-repeat !important; 2635} 2636.dnd_area-row-1-padding { 2637 padding-bottom: 0px !important; 2638} 2639.dnd_area-row-1-background-layers { 2640 background-image: url('https://www.medsbag.se/hubfs/5.png') !important; 2641 background-position: center center !important; 2642 background-size: cover !important; 2643 background-repeat: no-repeat !important; 2644} 2645.dnd_area-row-2-padding { 2646 padding-top: 0px !important; 2647} 2648.dnd_area-row-2-background-layers { 2649 background-image: url('https://www.medsbag.se/hubfs/5.png') !important; 2650 background-position: center center !important; 2651 background-size: cover !important; 2652 background-repeat: no-repeat !important; 2653} 2654.dnd_area-row-3-padding { 2655 padding-top: 0px !important; 2656 padding-bottom: 0px !important; 2657} 2658.dnd_area-row-4-padding { 2659 padding-top: 95px !important; 2660 padding-bottom: 120px !important; 2661} 2662.dnd_area-row-4-background-layers { 2663 background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; 2664 background-position: left top !important; 2665 background-size: auto !important; 2666 background-repeat: no-repeat !important; 2667} 2668.dnd_area-row-5-background-layers { 2669 background-image: linear-gradient(rgba(51, 65, 85, 1), rgba(51, 65, 85, 1)) !important; 2670 background-position: left top !important; 2671 background-size: auto !important; 2672 background-repeat: no-repeat !important; 2673} 2674.dnd_area-row-6-background-layers { 2675 background-image: linear-gradient(rgba(243, 242, 239, 1), rgba(243, 242, 239, 1)) !important; 2676 background-position: left top !important; 2677 background-size: auto !important; 2678 background-repeat: no-repeat !important; 2679} 2680.footer-row-0-background-layers { 2681 background-image: linear-gradient(rgba(51, 65, 85, 1), rgba(51, 65, 85, 1)) !important; 2682 background-position: left top !important; 2683 background-size: auto !important; 2684 background-repeat: no-repeat !important; 2685} 2686.cell_17670452848983-row-0-margin { 2687 margin-bottom: 16px !important; 2688} 2689</style> 2690 2691 2692 2693 <link rel="canonical" href="https://www.medsbag.se/sakerhetssystem"> 2694 2695 2696<meta property="og:url" content="https://www.medsbag.se/sakerhetssystem"> 2697<meta name="twitter:card" content="summary"> 2698<meta http-equiv="content-language" content="sv"> 2699<link rel="alternate" hreflang="en" href="https://www.medsbag.se/en/sakerhetssystem"> 2700<link rel="alternate" hreflang="sv" href="https://www.medsbag.se/sakerhetssystem"> 2701 2702 2703 2704 2705 2706 2707 <meta name="generator" content="HubSpot"></head> 2708 2709 <body class="body-wrapper hs-content-id-200989606063 hs-site-page page theme-overrides"> 2710 2711 2712 <div data-global-resource-path="@hubspot/elevate/templates/partials/lp-header.hubl.html"> 2713 2714 2715 2716 2717 2718 2719<header class="hs-elevate-header"> 2720 <div class="container-fluid"> 2721<div class="row-fluid-wrapper"> 2722<div class="row-fluid"> 2723<div class="span12 widget-span widget-type-cell "
2723style="" data-widget-type="cell" data-x="0" data-w="12"> 2724 2725<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section header-row-0-padding header-row-0-force-full-width-section header-row-0-vertical-alignment"> 2726<div class="row-fluid "> 2727<div class="span12 widget-span widget-type-custom_widget module_1765839272930-vertical-alignment dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2728<div id="hs_cos_wrapper_module_1765839272930" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-B6DpAFOq.css"> 2729<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 2730<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/PlaceholderEmptyContent-MX2JmU9C.css"> 2731<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/MobileMenuIsland-fLww7Ehg.css"> 2732<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/MobileLogoBackButton-CBRrxUrt.css"> 2733<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-lmkptd1h.css"> 2734<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/MenuItemComponent-BLBQT5iZ.css"> 2735<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/useDocumentLang-D-zc02CH.css"> 2736<div class="hs-elevate-site-header _hs-elevate-site-header_r5rb8_1 _hs-elevate-site-header--has-language-switcher_r5rb8_15" style="--hsElevate--siteHeader__menuTextColor:#334155;--hsElevate--siteHeader__hover--menuTextColor:#334155;--hsElevate--siteHeader__menuBackgroundColor:#CBD5E1;--hsElevate--siteHeader__menuAccentColor:#CBD5E1"><div class="hs-elevate-site-header__header-container _hs-elevate-site-header__header-container_r5rb8_21"><div class="hs-elevate-site-header__logo-container _hs-elevate-site-header__logo-container_r5rb8_33"><!--$--><div data-hs-island="true" id="island-02056anf82fc6R3"><!--$--><div class="hs-elevate-site-header__back-button-container"><a class="hs-elevate-site-header__logo-link _hs-elevate-site-header__logo-link_1q62y_33" href="https://www.medsbag.se?hsLang=sv"><img class="hs-elevate-site-header__logo _hs-elevate-site-header__logo_1q62y_33" src="https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=1800&height=1800&name=Medsbag%20ny%20logga-1.png" loading="eager" width="1800" height="1800" srcset="https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=900&height=900&name=Medsbag%20ny%20logga-1.png 900w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=1800&height=1800&name=Medsbag%20ny%20logga-1.png 1800w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=2700&height=2700&name=Medsbag%20ny%20logga-1.png 2700w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=3600&height=3600&name=Medsbag%20ny%20logga-1.png 3600w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=4500&height=4500&name=Medsbag%20ny%20logga-1.png 4500w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=5400&height=5400&name=Medsbag%20ny%20logga-1.png 5400w" sizes="(max-width: 1800px) 100vw, 1800px"><span class="_hs-elevate-site-header__logo-link-screen-reader_1q62y_65">Hemsida</span></a></div><!--/$--></div><!--/$--></div><div class="hs-elevate-site-header__main-nav _hs-elevate-site-header__main-nav_r5rb8_42"><!--$--><div data-hs-island="true" id="island-02056anf82fc6R5" style="flex:1 0 100%"><!--$--><nav tabindex="0" aria-label="Main navigation"><ul role="menu" class="hs-elevate-menu hs-elevate-menu--horizontal hs-elevate-menu--desktop hs-elevate-site-header__main-nav-menu" style="justify-content:center;padding:0"><li class="" data-hs-elevate-menuitem-depth="1" tabindex="-1" role="menuitem"><div class="hs-elevate-menu__menu-item-link-container _menuItemLinkContainer_bqqz5_27"><a class="hs-elevate-link--primary hs-elevate-menu__menu-item-link _menuItemLink_bqqz5_27" tabindex="-1" href="https://www.medsbag.se?hsLang=sv">Hem</a></div></li><li class="" data-hs-elevate-menuitem-depth="1" tabindex="-1" role="menuitem"><div class="hs-elevate-menu__menu-item-link-container _menuItemLinkContainer_bqqz5_27"><a class="hs-elevate-link--primary hs-elevate-menu__menu-item-link _menuItemLink_bqqz5_27" tabindex="-1" href="https://www.medsbag.se/sakerhetssystem">Säkerhetslösning</a></div></li><li class="" data-hs-elevate-menuitem-depth="1" tabindex="-1" role="menuitem"><div class="hs-elevate-menu__menu-item-link-container _menuItemLinkContainer_bqqz5_27"><a class="hs-elevate-link--primary hs-elevate-menu__menu-item-link _menuItemLink_bqqz5_27" tabindex="-1" href="https://www.medsbag.se/om-oss?hsLang=sv">Om oss</a></div></li></ul></nav><!--/$--></div><!--/$--></div><div class="hs-elevate-site-header__language-switcher-container _hs-elevate-site-header__language-switcher-container_r5rb8_165"><!--$--><div data-hs-island="true" id="island-02056anf82fc6R7"><!--$--><nav style="--hsElevate--languageSwitcher__textColor:#334155;--hsElevate--languageSwitcher__backgroundColor:#CBD5E1" class="hs-elevate-language-switcher _hs-elevate-language-switcher_1ws3g_1"><div role="button" aria-expanded="false" aria-label="Svenska" class="hs-elevate-language-switcher__button _hs-elevate-language-switcher__button_1ws3g_8"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-labelledby="earth-americas:island-02056anf82fc6R7-R5:" role="img"><path d="M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"></path></svg><span class="hs-elevate-language-switcher__current-language">Svenska</span></div><div class="hs-elevate-language-switcher__side-panel _hs-elevate-language-switcher__side-panel_1ws3g_27"><div class="hs-elevate-language-switcher__side-panel-header _hs-elevate-language-switcher__side-panel-header_1ws3g_49"><span class="hs-elevate-language-switcher__side-panel-title _hs-elevate-language-switcher__side-panel-title_1ws3g_61">Välj ett sprÃ¥k</span><button aria-label="Close language selector" class="hs-elevate-language-switcher__side-panel-close-button _hs-elevate-language-switcher__side-panel-close-button_1ws3g_68">â</button></div><div class="hs-elevate-language-switcher__side-panel-options-container _hs-elevate-language-switcher__side-panel-options-container_1ws3g_76"><ul style="--hsElevate--languageSwitcher__textColor:#334155;--hsElevate--languageSwitcher__hover--backgroundColor:#CBD5E1;--hsElevate--languageSwitcher__hover--textColor:#334155;--hsElevate--languageSwitcher__fontSize:var(--hsElevate--heading--h5__fontSize, 18px)" role="menu" class="hs-elevate-language-switcher__language-list _hs-elevate-language-switcher__language-list_1pe0f_1"><li role="menuitem" class="hs-elevate-language-switcher__language-item _hs-elevate-language-switcher__language-item_1pe0f_8"><a href="https://www.medsbag.se/en/sakerhetssystem" lang="en" hreflang="en" class="hs-elevate-language-switcher__language-link _hs-elevate-language-switcher__language-link_1pe0f_22">English</a></li><li role="menuitem" class="hs-elevate-language-switcher__language-item _hs-elevate-language-switcher__language-item_1pe0f_8 _hs-elevate-language-switcher__language-item--active_1pe0f_18"><a href="https://www.medsbag.se/sakerhetssystem" lang="sv" hreflang="sv" class="hs-elevate-language-switcher__language-link _hs-elevate-language-switcher__language-link_1pe0f_22">Svenska</a></li></ul></div></div></nav><!--/$--></div><!--/$--></div><div class="hs-elevate-site-header__button-container _hs-elevate-site-header__button-container_r5rb8_171"><a style="--hsElevate--button__padding:var(--hsElevate--spacing--16, 16px) var(--hsElevate--spacing--24, 24px)" class="hs-elevate-button _hs-elevate-button_zjvt8_1 hs-elevate-button--primary hs-elevate-site-header__button" target="_blank" href="https://buy.stripe.com/cNi8wPdxW7tm2PyfYO3Nm00" rel="noopener noreferrer" data-hs-token="module.module_1765839272930.groupButton.buttonContentText">Köp</a></div><div class="hs-elevate-site-header__mobile-menu-container _hs-elevate-site-header__mobile-menu-container_r5rb8_185"><!--$--><div data-hs-island="true" id="island-02056anf82fc6Rb"><!--$--><div style="--hsElevate--mobileMenu__textColor:#334155;--hsElevate--mobileMenu__hover--textColor:#334155;--hsElevate--mobileMenu__backgroundColor:#CBD5E1;--hsElevate--mobileMenu__accentColor:#CBD5E1;--hsElevate--mobileMenu__height:0px;--hsElevate--mobileMenuButtonContainer__height:0px;--hsElevate--mobileMenuLanguageSwitcher__height:0px" class="hs-elevate-site-header__mobile-menu _hs-elevate-site-header__mobile-menu_1ke6g_1"><div class="hs-elevate-site-header__hamburger-menu _hs-elevate-site-header__hamburger-menu_1ke6g_133" tab-index="1"><div></div><div></div><div></div></div><div class="hs-elevate-site-header__menu-container _hs-elevate-site-header__menu-container_1ke6g_5 _hs-elevate-site-header__menu-container--is-hidden_1ke6g_109"><nav tabindex="0" aria-label="Main mobile navigation"><ul role="menu" class="hs-elevate-menu hs-elevate-menu--vertical hs-elevate-menu--mobile hs-elevate-site-header__menu"><li class="" data-hs-elevate-menuitem-depth="1" tabindex="-1" role="menuitem"><div class="hs-elevate-menu__menu-item-link-container _menuItemLinkContainer_bqqz5_27"><a style="--hsElevate--menu--topLevel__gap:0" class="hs-elevate-link--primary hs-elevate-menu__menu-item-link _menuItemLink_bqqz5_27" tabindex="-1" href="https://www.medsbag.se?hsLang=sv">Hem</a></div></li><li class="" data-hs-elevate-menuitem-depth="1" tabindex="-1" role="menuitem"><div class="hs-elevate-menu__menu-item-link-container _menuItemLinkContainer_bqqz5_27"><a style="--hsElevate--menu--topLevel__gap:0" class="hs-elevate-link--primary hs-elevate-menu__menu-item-link _menuItemLink_bqqz5_27" tabindex="-1" href="https://www.medsbag.se/sakerhetssystem">Säkerhetslösning</a></div></li><li class="" data-hs-elevate-menuitem-depth="1" tabindex="-1" role="menuitem"><div class="hs-elevate-menu__menu-item-link-container _menuItemLinkContainer_bqqz5_27"><a style="--hsElevate--menu--topLevel__gap:0" class="hs-elevate-link--primary hs-elevate-menu__menu-item-link _menuItemLink_bqqz5_27" tabindex="-1" href="https://www.medsbag.se/om-oss?hsLang=sv">Om oss</a></div></li></ul></nav><div class="hs-elevate-site-header__mobile-button-container _hs-elevate-site-header__mobile-button-container_1ke6g_113"><a style="--hsElevate--button__padding:var(--hsElevate--spacing--16, 16px) var(--hsElevate--spacing--24, 24px)" class="hs-elevate-button _hs-elevate-button_zjvt8_1 hs-elevate-button--primary hs-elevate-site-header__mobile-button _hs-elevate-site-header__mobile-button_1ke6g_113" target="_blank" href="https://buy.stripe.com/cNi8wPdxW7tm2PyfYO3Nm00" rel="noopener noreferrer" data-hs-token="module.module_1765839272930.groupButton.buttonContentText">Köp</a></div><div class="hs-elevate-site-header__language-switcher-container _hs-elevate-site-header__language-switcher-container_1ovt6_1" style="--hsElevate--languageSwitcher__backgroundColor:#CBD5E1;--hsElevate--languageSwitcher__textColor:#334155;--hsElevate--languageSwitcher__hover--backgroundColor:#CBD5E1;--hsElevate--languageSwitcher__hover--textColor:#334155"><button aria-expanded="false" aria-controls="language-options" class="hs-elevate-site-header__language-switcher-button _hs-elevate-site-header__language-switcher-button_1ovt6_22"><div class="hs-elevate-site-header__language-switcher-button-content _hs-elevate-site-header__language-switcher-button-content_1ovt6_39"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-labelledby="earth-americas:island-02056anf82fc6Rb-Rbe:" role="img"><path d="M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"></path></svg><span class="hs-elevate-site-header__language-switcher-current-language">Svenska</span></div></button><div class="hs-elevate-site-header__language-switcher-options-container _hs-elevate-site-header__language-switcher-options-container_1ovt6_53"><div class="hs-elevate-site-header__language-switcher-select-language-label _hs-elevate-site-header__language-switcher-select-language-label_1ovt6_70">Välj ett sprÃ¥k</div><div class="hs-elevate-site-header__language-switcher-options-scroll-wrapper _hs-elevate-site-header__language-switcher-options-scroll-wrapper_1ovt6_78"><ul style="--hsElevate--languageSwitcher__textColor:#334155;--hsElevate--languageSwitcher__hover--backgroundColor:#CBD5E1;--hsElevate--languageSwitcher__hover--textColor:#334155;--hsElevate--languageSwitcher__fontSize:var(--hsElevate--heading--h6__fontSize, 14px)" role="menu" class="hs-elevate-language-switcher__language-list _hs-elevate-language-switcher__language-list_1pe0f_1"><li role="menuitem" class="hs-elevate-language-switcher__language-item _hs-elevate-language-switcher__language-item_1pe0f_8"><a href="https://www.medsbag.se/en/sakerhetssystem" lang="en" hreflang="en" class="hs-elevate-language-switcher__language-link _hs-elevate-language-switcher__language-link_1pe0f_22">English</a></li><li role="menuitem" class="hs-elevate-language-switcher__language-item _hs-elevate-language-switcher__language-item_1pe0f_8 _hs-elevate-language-switcher__language-item--active_1pe0f_18"><a href="https://www.medsbag.se/sakerhetssystem" lang="sv" hreflang="sv" class="hs-elevate-language-switcher__language-link _hs-elevate-language-switcher__language-link_1pe0f_22">Svenska</a></li></ul></div></div></div></div></div><!--/$--></div><!--/$--></div></div></div> 2737
2737<script type="text/javascript"> 2738 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 2739 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 2740 window.__hsBasePath = "\u002Fsakerhetssystem"; 2741 </script>
2741 2742 2743
2743<script type="text/javascript"> 2744 var newIslands = [{"clientOnly":false,"hydrateOn":"load","id":"island-02056anf82fc6R3","moduleId":"components\u002Fmodules\u002FSiteHeader\u002Fislands\u002FMobileLogoBackButton.tsx?client-entry","moduleName":"MobileLogoBackButton","priority":0,"props":{"companyName":null,"isInEditor":false,"logoField":{"alt":null,"height":1800,"src":"https:\u002F\u002F9184131.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F9184131\u002FMedsbag%20ny%20logga-1.png","suppress_company_name":true,"width":1800},"logoLink":"https:\u002F\u002Fwww.medsbag.se","logoLinkAriaText":"Hemsida","logoPlaceholderDescription":"Klicka för att lägga till en logotyp","logoPlaceholderTitle":"Ingen logotyp"},"resolvedDataDependencies":{"languageVariants":{"data":[{"isActive":false,"languageCode":"en","languageDisplayName":{"HYBRID":"English (Engelska)","LOCALIZED":"English","PAGELANG":"Engelska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fen\u002Fsakerhetssystem"},{"isActive":true,"languageCode":"sv","languageDisplayName":{"HYBRID":"Svenska","LOCALIZED":"Svenska","PAGELANG":"Svenska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"}],"status":"SUCCESS"}},"sharedStateID":"hs-ss-:02056anf82fc6R0:","supplementalFieldValues":{"globe_icon":{"type":"icon","value":{"aliases":["globe-americas","earth","earth-america"],"altIconName":"earth-americas","categories":[],"icon_set":"fontawesome-6.4.2","name":"earth-americas","styles":["SOLID"],"svg":{"SOLID":"M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"},"unicode":"f57d","viewPort":[0,0,512,512]}}},"url":"https:\u002F\u002F145747460.fs1.hubspotusercontent-eu1.net\u002Fhubfs\u002F145747460\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2282\u002Fjs_client_assets\u002Fassets\u002FMobileLogoBackButton-DtqpVGri.js"},{"clientOnly":false,"hydrateOn":"load","id":"island-02056anf82fc6R5","moduleId":"components\u002FMenuComponent\u002Findex.tsx?client-entry","moduleName":"index","priority":0,"props":{"additionalClassArray":["hs-elevate-site-header__main-nav-menu"],"flow":"horizontal","flyouts":true,"maxDepth":3,"menuAlignment":{"css":"","horizontal_align":"CENTER"},"menuDataArray":[{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Hem","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":200944821799,"pageTitle":"Hem","parentGuid":null,"slug":"","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se"},{"activeBranch":true,"activeNode":true,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Säkerhetslösning","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":200989606063,"pageTitle":"Säkerhetslösning","parentGuid":null,"slug":"sakerhetssystem","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"},{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Om oss","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":201077040764,"pageTitle":"Om oss","parentGuid":null,"slug":"om-oss","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se\u002Fom-oss","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se\u002Fom-oss"}],"navigationAriaLabel":"Main navigation"},"resolvedDataDependencies":{"languageVariants":{"data":[{"isActive":false,"languageCode":"en","languageDisplayName":{"HYBRID":"English (Engelska)","LOCALIZED":"English","PAGELANG":"Engelska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fen\u002Fsakerhetssystem"},{"isActive":true,"languageCode":"sv","languageDisplayName":{"HYBRID":"Svenska","LOCALIZED":"Svenska","PAGELANG":"Svenska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"}],"status":"SUCCESS"}},"sharedStateID":"hs-ss-:02056anf82fc6R0:","supplementalFieldValues":{"globe_icon":{"type":"icon","value":{"aliases":["globe-americas","earth","earth-america"],"altIconName":"earth-americas","categories":[],"icon_set":"fontawesome-6.4.2","name":"earth-americas","styles":["SOLID"],"svg":{"SOLID":"M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"},"unicode":"f57d","viewPort":[0,0,512,512]}}},"url":"https:\u002F\u002F145747460.fs1.hubspotusercontent-eu1.net\u002Fhubfs\u002F145747460\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2282\u002Fjs_client_assets\u002Fassets\u002Findex-BmfWLHSR.js"},{"clientOnly":false,"hydrateOn":"load","id":"island-02056anf82fc6R7","moduleId":"components\u002FLanguageSwitcherComponent\u002Findex.tsx?client-entry","moduleName":"index","priority":0,"props":{"langSwitcherIconFieldPath":"globe_icon","languageSwitcherSelectText":"VÃ
2744¤lj ett sprÃ¥k","menuBackgroundColor":"#CBD5E1","menuBackgroundColorHover":"#CBD5E1","textColor":"#334155","textColorHover":"#334155"},"resolvedDataDependencies":{"languageVariants":{"data":[{"isActive":false,"languageCode":"en","languageDisplayName":{"HYBRID":"English (Engelska)","LOCALIZED":"English","PAGELANG":"Engelska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fen\u002Fsakerhetssystem"},{"isActive":true,"languageCode":"sv","languageDisplayName":{"HYBRID":"Svenska","LOCALIZED":"Svenska","PAGELANG":"Svenska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"}],"status":"SUCCESS"}},"sharedStateID":"hs-ss-:02056anf82fc6R0:","supplementalFieldValues":{"globe_icon":{"type":"icon","value":{"aliases":["globe-americas","earth","earth-america"],"altIconName":"earth-americas","categories":[],"icon_set":"fontawesome-6.4.2","name":"earth-americas","styles":["SOLID"],"svg":{"SOLID":"M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"},"unicode":"f57d","viewPort":[0,0,512,512]}}},"url":"https:\u002F\u002F145747460.fs1.hubspotusercontent-eu1.net\u002Fhubfs\u002F145747460\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2282\u002Fjs_client_assets\u002Fassets\u002Findex-DghDOzwv.js"},{"clientOnly":false,"hydrateOn":"load","id":"island-02056anf82fc6Rb","moduleId":"components\u002Fmodules\u002FSiteHeader\u002Fislands\u002FMobileMenuIsland.tsx?client-entry","moduleName":"MobileMenuIsland","priority":0,"props":{"buttonStyleSize":"medium","buttonStyleVariant":"primary","flow":"horizontal","flyouts":true,"groupButton":{"buttonContentIcon":{"icon_set":"fontawesome-6.4.2","name":"arrow-right"},"buttonContentIconPosition":"right","buttonContentLink":{"no_follow":false,"open_in_new_tab":true,"rel":"noopener","sponsored":false,"url":{"content_id":null,"href":"https:\u002F\u002Fbuy.stripe.com\u002FcNi8wPdxW7tm2PyfYO3Nm00","href_with_scheme":"https:\u002F\u002Fbuy.stripe.com\u002FcNi8wPdxW7tm2PyfYO3Nm00","type":"EXTERNAL"},"user_generated_content":false},"buttonContentShowIcon":false,"buttonContentText":"Köp","showButton":true},"hublData":{"companyName":null,"defaultLogo":{"alt":null,"height":1800,"src":"https:\u002F\u002F9184131.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F9184131\u002FMedsbag%20ny%20logga-1.png","suppress_company_name":true,"width":1800},"isInEditor":false,"logoLink":"https:\u002F\u002Fmedsbag.se\u002F","navigation":{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Hem","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":200944821799,"pageTitle":"Hem","parentGuid":null,"slug":"","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se"},{"activeBranch":true,"activeNode":true,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Säkerhetslösning","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":200989606063,"pageTitle":"Säkerhetslösning","parentGuid":null,"slug":"sakerhetssystem","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"},{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Om oss","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":201077040764,"pageTitle":"Om oss","parentGuid":null,"slug":"om-oss","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se\u002Fom-oss","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se\u002Fom-oss"}],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":null,"level":0,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":null,"urlParamStr":"","urlWithoutAnchor":"null"}},"langSwitcherIconFieldPath":"globe_icon","languageSwitcherSelectText":"VÃ
2744¤lj ett sprÃ¥k","maxDepth":3,"menuAccentColor":"#CBD5E1","menuAlignment":{"css":"","horizontal_align":"CENTER"},"menuBackgroundColor":"#CBD5E1","menuDataArray":[{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Hem","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":200944821799,"pageTitle":"Hem","parentGuid":null,"slug":"","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se"},{"activeBranch":true,"activeNode":true,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Säkerhetslösning","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":200989606063,"pageTitle":"Säkerhetslösning","parentGuid":null,"slug":"sakerhetssystem","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"},{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":1,"children":[],"contentGroupId":null,"contentType":"site_page","errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Om oss","level":1,"linkTarget":null,"live":true,"nodeType":2,"pageId":201077040764,"pageTitle":"Om oss","parentGuid":null,"slug":"om-oss","state":"PUBLISHED_OR_SCHEDULED","subcategory":"site_page","topLevelAncestorGuid":null,"url":"https:\u002F\u002Fwww.medsbag.se\u002Fom-oss","urlParamStr":"","urlWithoutAnchor":"https:\u002F\u002Fwww.medsbag.se\u002Fom-oss"}],"menuTextColor":"#334155","menuTextHoverColor":"#334155","moduleName":"module_1765839272930","myAvailableTranslations":[{"isActive":false,"languageCode":"en","languageDisplayName":{"HYBRID":"English (Engelska)","LOCALIZED":"English","PAGELANG":"Engelska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fen\u002Fsakerhetssystem"},{"isActive":true,"languageCode":"sv","languageDisplayName":{"HYBRID":"Svenska","LOCALIZED":"Svenska","PAGELANG":"Svenska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"}],"navigationAriaLabel":"Main mobile navigation"},"resolvedDataDependencies":{"languageVariants":{"data":[{"isActive":false,"languageCode":"en","languageDisplayName":{"HYBRID":"English (Engelska)","LOCALIZED":"English","PAGELANG":"Engelska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fen\u002Fsakerhetssystem"},{"isActive":true,"languageCode":"sv","languageDisplayName":{"HYBRID":"Svenska","LOCALIZED":"Svenska","PAGELANG":"Svenska"},"localizedUrl":"https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"}],"status":"SUCCESS"}},"sharedStateID":"hs-ss-:02056anf82fc6R0:","supplementalFieldValues":{"globe_icon":{"type":"icon","value":{"aliases":["globe-americas","earth","earth-america"],"altIconName":"earth-americas","categories":[],"icon_set":"fontawesome-6.4.2","name":"earth-americas","styles":["SOLID"],"svg":{"SOLID":"M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"},"unicode":"f57d","viewPort":[0,0,512,512]}}},"url":"https:\u002F\u002F145747460.fs1.hubspotusercontent-eu1.net\u002Fhubfs\u002F145747460\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2282\u002Fjs_client_assets\u002Fassets\u002FMobileMenuIsland-i8qAYrhU.js"}]; 2745 if (Array.isArray(window.__islands)) { 2746 window.__islands.push(...newIslands); 2747 } else { 2748 window.__islands = newIslands; 2749 } 2750 2751 var newState = {"hs-ss-:02056anf82fc6R0:":{"value":[],"hasCu
2751stomReducerFunc":true}}; 2752 if (window.__hsSSInit) { 2753 window.__hsSSInit = Object.assign(window.__hsSSInit, newState); 2754 } else { 2755 window.__hsSSInit = newState; 2756 } 2757 </script>
2757 2758 <link rel="modulepreload" crossorigin href="https://static.hsappstatic.net/cms-js-static/ex/js/react/v18/react-combined.mjs"> 2759
2759<script type="module" crossorigin> 2760 import { initConfigSingletonFromJSON, setupIslandHydration, unmountIslandsForModule } from "https://static.hsappstatic.net/cms-js-static/ex/js/island-runtime/v1/island-runtime.mjs" 2761 initConfigSingletonFromJSON(window.__hsEnvConfig) 2762 setupIslandHydration(); 2763 window.__islandRuntime = { ...window.__islandRuntime, unmountIslandsForModule }; 2764 </script>
2764 2765 </div> 2766 2767</div><!--end widget-span --> 2768</div><!--end row--> 2769</div><!--end row-wrapper --> 2770 2771</div><!--end widget-span --> 2772</div> 2773</div> 2774</div> 2775</header></div> 2776 2777 2778 2779 <main id="main-content"> 2780 2781 <div class="container-fluid"> 2782<div class="row-fluid-wrapper"> 2783<div class="row-fluid"> 2784<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2785 2786<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-0-max-width-section-centering dnd_area-row-0-background-color dnd_area-row-0-background-layers dnd-section dnd_area-row-0-padding"> 2787<div class="row-fluid "> 2788<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2789 2790<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> 2791<div class="row-fluid "> 2792<div class="span12 widget-span widget-type-custom_widget widget_1770978292791-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2793<div id="hs_cos_wrapper_widget_1770978292791" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805<span id="hs_cos_wrapper_widget_1770978292791_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=1366&height=768&name=2-2.png" class="hs-image-widget " width="1366" height="768" style="max-width: 100%; height: auto;" alt="2-2" title="2-2" srcset="https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=683&height=384&name=2-2.png 683w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=1366&height=768&name=2-2.png 1366w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=2049&height=1152&name=2-2.png 2049w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=2732&height=1536&name=2-2.png 2732w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=3415&height=1920&name=2-2.png 3415w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=4098&height=2304&name=2-2.png 4098w" sizes="(max-width: 1366px) 100vw, 1366px"></span></div> 2806 2807</div><!--end widget-span --> 2808</div><!--end row--> 2809</div><!--end row-wrapper --> 2810 2811<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> 2812<div class="row-fluid "> 2813<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2814<div id="hs_cos_wrapper_module_177097808036813" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-09VGSRsQ.css"> 2815<div class="hs-elevate-heading-container _hs-elevate-heading-container_1bnlv_1" style="--hsElevate--heading__textColor:var(--hsElevate--section--lightSection--1__textColor)"><h1 class="hs-elevate-h1 hs-elevate-heading-container__heading" style="text-align:center" data-hs-token="module.module_177097808036813.headingAndTextHeading">En säkerhetslösning som följer ditt barn överallt</h1></div> 2816
2816<script type="text/javascript"> 2817 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 2818 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 2819 window.__hsBasePath = "\u002Fsakerhetssystem"; 2820 </script>
2820 2821 </div> 2822 2823</div><!--end widget-span --> 2824</div><!--end row--> 2825</div><!--end row-wrapper --> 2826 2827<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> 2828<div class="row-fluid "> 2829<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2830<div id="hs_cos_wrapper_widget_1770978208278" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-AJ-XpXDx.css"> 2831<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--lightSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--lightSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--lightSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--lightSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--lightSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--lightSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--lightSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--lightSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--lightSection--1--blockquote__accentColor)" data-hs-token="module.widget_1770978208278.richTextContentHTML"><p style="text-align: center;">Med Medsbag får föräldrar ett enkelt sätt att dela alltid uppdaterad information och handlingsplaner till tillfälliga vårdnadshavare t.ex lärare, fritidsledare, anhöriga.</p></div> 2832
2832<script type="text/javascript"> 2833 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 2834 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 2835 window.__hsBasePath = "\u002Fsakerhetssystem"; 2836 </script>
2836 2837 </div> 2838 2839</div><!--end widget-span --> 2840</div><!--end row--> 2841</div><!--end row-wrapper --> 2842 2843</div><!--end widget-span --> 2844</div><!--end row--> 2845</div><!--end row-wrapper --> 2846 2847<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd_area-row-1-padding dnd-section dnd_area-row-1-background-image dnd_area-row-1-background-layers"> 2848<div class="row-fluid "> 2849<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2850 2851<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> 2852<div class="row-fluid "> 2853<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2854<div id="hs_cos_wrapper_widget_1771790840964" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div id="medsbag-app-section"> 2855 <section class="app-section"> 2856 <div class="app-card"> 2857 <div class="app-card-image"> 2858 <img src="https://www.medsbag.se/hubfs/3-2-1.png" alt="3-2-1"> 2859 </div> 2860 <div class="app-card-content"> 2861 <div class="app-badge">ð± Appen</div> 2862 <h2>Alltid uppdaterad information â enkel att dela</h2> 2863 <ul class="app-features"> 2864 <li> 2865 <div class="feature-dot"></div> 2866 <span>Skapa barnets digitala handlingsplan med text och röstinspelning</span> 2867 </li> 2868 <li> 2869 <div class="feature-dot"></div> 2870 <span>Dela med skola via länk eller QR-kod â mottagaren behöver inte appen</span> 2871 </li> 2872 <li> 2873 <div class="feature-dot"></div> 2874 <span>Uppdatera direkt â alla ser senaste versionen i realtid</span> 2875 </li> 2876 <li> 2877 <div class="feature-dot"></div> 2878 <span>Kostnadsfritt för föräldrar</span> 2879 </li> 2880 </ul> 2881 <div class="app-actions"> 2882 <a href="https://www.medsbag.se/hubfs/Hur%20Medsbag%20App%20fungerar-3.pdf?hsLang=sv" class="read-more-btn">Läs mer</a> 2883 </div> 2884 <div class="app-download"> 2885 <a href="https://apps.apple.com/us/app/medsbag/id6476832368" target="_blank" class="store-btn store-btn-apple"> 2886 <svg class="store-icon" viewbox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" /></svg> 2887 <div class="store-text"> 2888 <span class="store-label">Ladda ner pÃ¥</span> 2889 <span class="store-name">App Store</span> 2890 </div> 2891 </a> 2892 <a href="https://play.google.com/store/apps/details?id=com.mycompany.medsbagstart" target="_blank" class="store-btn store-btn-google"> 2893 <svg class="store-icon" viewbox="0 0 24 24" fill="currentColor"><path d="M3.61 1.814L13.793 12 3.61 22.186a.996.996 0 0 1-.61-.92V2.734a1 1 0 0 1 .61-.92zm.503-.368l11.27 6.518-2.776 2.776L4.113 1.446zm11.27 15.592L4.113 23.556l8.494-9.294 2.776 2.776zM16.865 13.1l3.223 1.864c.86.497.86 1.31 0 1.808l-3.223 1.864L14.1 15.872l2.765-2.772z" /></svg> 2894 <div class="store-text"> 2895 <span class="store-label">Hämta pÃ¥</span> 2896 <span class="store-name">Google Play</span> 2897 </div> 2898 </a> 2899 </div> 2900 </div> 2901 </div> 2902 </section> 2903</div></div> 2904 2905</div><!--end widget-span --> 2906</div><!--end row--> 2907</div><!--end row-wrapper --> 2908 2909</div><!--end widget-span --> 2910</div><!--end row--> 2911</div><!--end row-wrapper --> 2912 2913<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd_area-row-2-background-layers dnd_area-row-2-padding dnd-section dnd_area-row-2-background-image"> 2914<div class="row-fluid "> 2915<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2916 2917<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> 2918<div class="row-fluid "> 2919<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2920<div id="hs_cos_wrapper_widget_1771791859146" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div id="medsbag-bag-section"> 2921 <section class="bag-section"> 2922 <div class="bag-card"> 2923 <div class="bag-card-content"> 2924 <div class="bag-badge">ð Medicinväskan</div> 2925 <h2>Medicinväskan â guidar i akutsituationer</h2> 2926 <div class="bag-price">
2927 <span class="price-amount">495 kr</span> 2928 </div> 2929 <ul class="bag-features"> 2930 <li> 2931 <div class="bag-dot"></div> 2932 <span>Inbyggd högtalare för röstguidning â tryck pÃ¥ â¶, fÃ¥ steg-för-steg-instruktion</span> 2933 </li> 2934 <li> 2935 <div class="bag-dot"></div> 2936 <span>MÃ¥tt: 25 cm lÃ¥ng, 15,5 cm bred, 7 cm djup</span> 2937 </li> 2938 <li> 2939 <div class="bag-dot"></div> 2940 <span>Rymmer mediciner, hjälpmedel och instruktioner</span> 2941 </li> 2942 <li> 2943 <div class="bag-dot"></div> 2944 <span>Tillverkad av 100% Ã¥tervunnen plast</span> 2945 </li> 2946 <li> 2947 <div class="bag-dot"></div> 2948 <span>Justerbara remmar â bärs som ryggsäck eller axelväska</span> 2949 </li> 2950 </ul> 2951 <div class="bag-cta"> 2952 <a href="https://buy.stripe.com/5kQ4gzalKeVOducaEu3Nm01" target="_blank" class="buy-btn">Köp nu</a> 2953 </div> 2954 </div> 2955 <div class="bag-card-image"> 2956 <img src="https://www.medsbag.se/hubfs/5_Medsbag_remmar_puck.jpeg" alt="Medsbag väska"> 2957 </div> 2958 2959 </div> 2960 </section> 2961</div></div> 2962 2963</div><!--end widget-span --> 2964</div><!--end row--> 2965</div><!--end row-wrapper --> 2966 2967</div><!--end widget-span --> 2968</div><!--end row--> 2969</div><!--end row-wrapper --> 2970 2971<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section dnd_area-row-3-padding"> 2972<div class="row-fluid "> 2973<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2974 2975<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> 2976<div class="row-fluid "> 2977<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2978<div id="hs_cos_wrapper_widget_1771792947953" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div id="medsbag-how-it-works"> 2979 <section class="hiw-section"> 2980 <h2>SÃ¥ funkar det</h2> 2981 <p class="hiw-intro">Tre enkla steg till ett komplett säkerhetssystem för ditt barn.</p> 2982 2983 <div class="hiw-steps"> 2984 <div class="hiw-step"> 2985 <div class="hiw-step-number">1</div> 2986 <div class="hiw-step-icon">ð±</div> 2987 <h5>Skapa handlingsplanen</h5> 2988 <p>Ladda ner appen och fyll i ditt barns medicinska information. Spela in röstinstruktioner i väskans högtalare.</p> 2989 </div> 2990 2991 <div class="hiw-connector"> 2992 <div class="connector-line"></div> 2993 <div class="connector-arrow">âº</div> 2994 </div> 2995 2996 <div class="hiw-step"> 2997 <div class="hiw-step-number">2</div> 2998 <div class="hiw-step-icon">ð</div> 2999 <h5>Dela med de som behöver</h5> 3000 <p>Skicka den digitala handlingsplanen via länk eller QR-kod till alla som tar hand om ditt barn â lärare, fritidsledare, mor- och farföräldrar eller andra vÃ¥rdnadshavare.</p> 3001 </div> 3002 3003 <div class="hiw-connector"> 3004 <div class="connector-line"></div> 3005 <div class="connector-arrow">âº</div> 3006 </div> 3007 3008 <div class="hiw-step"> 3009 <div class="hiw-step-number">3</div> 3010 <div class="hiw-step-icon">â </div> 3011 <h5>Trygghet â varje dag</h5> 3012 <p>Appen ser till att rätt information alltid finns tillgänglig i förväg. Väskan bär medicin och akutinstruktioner nära barnet â redo att guida den som är närmast i stunden.</p> 3013 </div> 3014 </div> 3015 3016 <div class="hiw-equation"> 3017 <div class="eq-item"> 3018 <div class="eq-icon">ð±</div> 3019 <div class="eq-label">Appen</div> 3020 <div class="eq-desc">Skicka rätt information i förväg till alla runt barnet</div> 3021 </div> 3022 <div class="eq-plus">+</div> 3023 <div class="eq-item"> 3024 <div class="eq-icon">ð</div> 3025 <div class="eq-label">Väskan</div> 3026 <div class="eq-desc">Bär medicin och akutinstruktioner nära barnet</div> 3027 </div> 3028 <div class="eq-equals">=</div> 3029 <div class="eq-result"> 3030 <div class="eq-icon-result">ð¡ï¸</div> 3031 <div class="eq-label-result">
3031Komplett säkerhetslösning</div> 3032 <div class="eq-desc-result">Rätt Ã¥tgärd sker â oavsett vem som är med ditt barn</div> 3033 </div> 3034 </div> 3035 3036 </section> 3037</div></div> 3038 3039</div><!--end widget-span --> 3040</div><!--end row--> 3041</div><!--end row-wrapper --> 3042 3043</div><!--end widget-span --> 3044</div><!--end row--> 3045</div><!--end row-wrapper --> 3046 3047<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section dnd_area-row-4-background-layers dnd_area-row-4-background-color dnd_area-row-4-padding"> 3048<div class="row-fluid "> 3049<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 3050 3051<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row"> 3052<div class="row-fluid "> 3053<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3054<div id="hs_cos_wrapper_module_17647059807756" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-section_header" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_17647059807756_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_section_header" style="" data-hs-cos-general-type="widget" data-hs-cos-type="section_header"><div class="page-header section-header"><h2>Vem kan behöva en Medsbag?</h2></div></span></div> 3055 3056</div><!--end widget-span --> 3057</div><!--end row--> 3058</div><!--end row-wrapper --> 3059 3060<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row"> 3061<div class="row-fluid "> 3062<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3063<div id="hs_cos_wrapper_widget_1770984331069" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> 3064 3065</div><!--end widget-span --> 3066</div><!--end row--> 3067</div><!--end row-wrapper --> 3068 3069<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row"> 3070<div class="row-fluid "> 3071<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3072<div id="hs_cos_wrapper_widget_1770984290870" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-DA0Ph26K.css"> 3073<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-N2SAwmPM.css"> 3074<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 3075<div class="hs-elevate-card-container _hs-elevate-card-container_wd0gz_1 _hs-elevate-card-container--bootstrap_wd0gz_8" style="--hsElevate--cardIcon__borderRadius:var(--hsElevate--card--variant1__iconBorderRadius);--hsElevate--cardIcon__fillColor:var(--hsElevate--card--variant1__iconColor);--hsElevate--cardIcon__backgroundColor:var(--hsElevate--card--variant1__iconBackgroundColor);--hsElevate--card__alignment:center;--hsElevate--card__textAlignment:center"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-1 hs-elevate-card-container__card _hs-elevate-card-container__card--no-button_wd0gz_107 undefined"><div class="hs-elevate-card-container__image-wrapper _hs-elevate-card-container__image-wrapper_wd0gz_50"><img class="hs-elevate-card-container__image" src="https://www.medsbag.se/hubfs/2.svg" alt="2" width="940" height="788" loading="lazy" data-hs-token="module.widget_1770984290870.groupCards[0].groupImage.image"></div><div class="hs-elevate-card-container__content _hs-elevate-card-container__content_wd0gz_86"><h3 class="hs-elevate-h3 hs-elevate-card-container__title" style="text-align:center" data-hs-token="module.widget_1770984290870.groupCards[0].groupContent.headingAndTextHeading">Allergi</h3><div class="hs-elevate-card-container__body _hs-elevate-card-container__body_wd0gz_103" data-hs-token="module.widget_1770984290870.groupCards[0].groupContent.richTextContentHTML"><p>Ditt barn vill leka, äta tillsammans med andra och känna sig fri. Men med allergi finns alltid oron för att nÃ¥got oväntat ska hända. </p> 3076<p><span style="color: #09152b; background-color: #fafafa;"> </span></p></div></div></article><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-1 hs-elevate-card-container__card _hs-elevate-card-container__card--no-button_wd0gz_107 undefined"><div class="hs-elevate-card-container__image-wrapper _hs-elevate-card-container__image-wrapper_wd0gz_50"><img class="hs-elevate-card-container__image" src="https://www.medsbag.se/hubfs/3.svg" alt="3" width="940" height="788" loading="lazy" data-hs-token="module.widget_1770984290870.groupCards[1].groupImage.image"></div><div class="hs-elevate-card-container__content _hs-elevate-card-container__content_wd0gz_86"><h3 class="hs-elevate-h3 hs-elevate-card-container__title" style="text-align:center" data-hs-token="module.widget_1770984290870.groupCards[1].groupContent.headingAndTextHeading">Epilepsi</h3><div class="hs-elevate-card-container__body _hs-elevate-card-container__body_wd0gz_103" data-hs-token="module.widget_1770984290870.groupCards[1].groupContent.richTextContentHTML"><p>Ditt barn vill leka, gÃ¥ pÃ¥ kalas och känna sig självständig. Men med epilepsi följer ovisshet â när
3076kan nästa anfall komma? </p></div></div></article><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-1 hs-elevate-card-container__card _hs-elevate-card-container__card--no-button_wd0gz_107 undefined"><div class="hs-elevate-card-container__image-wrapper _hs-elevate-card-container__image-wrapper_wd0gz_50"><img class="hs-elevate-card-container__image" src="https://www.medsbag.se/hubfs/5.svg" alt="5" width="940" height="788" loading="lazy" data-hs-token="module.widget_1770984290870.groupCards[2].groupImage.image"></div><div class="hs-elevate-card-container__content _hs-elevate-card-container__content_wd0gz_86"><h3 class="hs-elevate-h3 hs-elevate-card-container__title" style="text-align:center" data-hs-token="module.widget_1770984290870.groupCards[2].groupContent.headingAndTextHeading">Alzheimers</h3><div class="hs-elevate-card-container__body _hs-elevate-card-container__body_wd0gz_103" data-hs-token="module.widget_1770984290870.groupCards[2].groupContent.richTextContentHTML"><p>Din partner, förälder eller vän vill behålla sin självständighet och känna sig trygg i vardagen. Men Alzheimers sjukdom innebär minnesförlust, förvirring och plötsliga situationer som kan skapa oro för både den drabbade och dig som anhörig.</p></div></div></article></div> 3077
3077<script type="text/javascript"> 3078 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3079 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3080 window.__hsBasePath = "\u002Fsakerhetssystem"; 3081 </script>
3081 3082 </div> 3083 3084</div><!--end widget-span --> 3085</div><!--end row--> 3086</div><!--end row-wrapper --> 3087 3088<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row"> 3089<div class="row-fluid "> 3090<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3091<div id="hs_cos_wrapper_module_1770984734792" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> 3092 3093</div><!--end widget-span --> 3094</div><!--end row--> 3095</div><!--end row-wrapper --> 3096 3097<div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row"> 3098<div class="row-fluid "> 3099<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3100<div id="hs_cos_wrapper_module_1770984334144" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-DA0Ph26K.css"> 3101<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-N2SAwmPM.css"> 3102<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 3103<div class="hs-elevate-card-container _hs-elevate-card-container_wd0gz_1 _hs-elevate-card-container--bootstrap_wd0gz_8" style="--hsElevate--cardIcon__borderRadius:var(--hsElevate--card--variant1__iconBorderRadius);--hsElevate--cardIcon__fillColor:var(--hsElevate--card--variant1__iconColor);--hsElevate--cardIcon__backgroundColor:var(--hsElevate--card--variant1__iconBackgroundColor);--hsElevate--card__alignment:center;--hsElevate--card__textAlignment:center"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-1 hs-elevate-card-container__card _hs-elevate-card-container__card--no-button_wd0gz_107 undefined"><div class="hs-elevate-card-container__image-wrapper _hs-elevate-card-container__image-wrapper_wd0gz_50"><img class="hs-elevate-card-container__image" src="https://www.medsbag.se/hubfs/1.svg" alt="1" width="940" height="788" loading="lazy" data-hs-token="module.module_1770984334144.groupCards[0].groupImage.image"></div><div class="hs-elevate-card-container__content _hs-elevate-card-container__content_wd0gz_86"><h3 class="hs-elevate-h3 hs-elevate-card-container__title" style="text-align:center" data-hs-token="module.module_1770984334144.groupCards[0].groupContent.headingAndTextHeading">Diabetes</h3><div class="hs-elevate-card-container__body _hs-elevate-card-container__body_wd0gz_103" data-hs-token="module.module_1770984334144.groupCards[0].groupContent.richTextContentHTML"><p>Ditt barn vill vara som alla andra â leka, delta, och känna sig fri. Men diabetes kräver ständig koll och planering, vilket lätt gör att bÃ¥de barn och förälder känner sig annorlunda.</p></div></div></article><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-1 hs-elevate-card-container__card _hs-elevate-card-container__card--no-button_wd0gz_107 undefined"><div class="hs-elevate-card-container__image-wrapper _hs-elevate-card-container__image-wrapper_wd0gz_50"><img class="hs-elevate-card-container__image" src="https://www.medsbag.se/hubfs/4.svg" alt="4" width="940" height="788" loading="lazy" data-hs-token="module.module_1770984334144.groupCards[1].groupImage.image"></div><div class="hs-elevate-card-container__content _hs-elevate-card-container__content_wd0gz_86"><h3 class="hs-elevate-h3 hs-elevate-card-container__title" style="text-align:center" data-hs-token="module.module_1770984334144.groupCards[1].groupContent.headingAndTextHeading">Astma</h3><div class="hs-elevate-card-container__body _hs-elevate-card-container__body_wd0gz_103" data-hs-token="module.module_1770984334144.groupCards[1].groupContent.richTextContentHTML"><p>Ditt barn vill bara springa, leka och andas fritt. Men astma betyder att varje utflykt, idrottslektion eller kall dag kan innebära risk. </p></div></div></article><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-1 hs-elevate-card-container__card _hs-elevate-card-container__card--no-button_wd0gz_107 undefined"><div class="hs-elevate-card-container__image-wrapper _hs-elevate-card-container__image-wrapper_wd0gz_50"><img class="hs-elevate-card-container__image" src="https://www.medsbag.se/hubfs/6.svg" alt="6" width="940" height="788" loading="lazy" data-hs-token="module.module_1770984334144.groupCards[2].groupImage.image"></div><div class="hs-elevate-card-container__content _hs-elevate-card-container__content_wd0gz_86"><h3 class="hs-elevate-h3 hs-elevate-card-container__title" style="text-align:center" data-hs-token="module.module_1770984334144.groupCards[2].groupContent.headingAndTextHeading">Demens</h3><div class="hs-elevate-card-container__body _hs-elevate-card-container__body_wd0gz_103" data-hs-token="module.module_1770984334144.groupCards[2].groupContent.richTextContentHTML"><p>Din partner, förälder eller vän vill fortsätta leva sitt liv med värdighet och självständighet. Men demens gör vardagen oförutsägbar och skapar oro â bÃ¥de för den drabbade och dig som anhörig.</p></div></div></article></div> 3104
3104<script type="text/javascript"> 3105 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3106 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3107 window.__hsBasePath = "\u002Fsakerhetssystem"; 3108 </script>
3108 3109 </div> 3110 3111</div><!--end widget-span --> 3112</div><!--end row--> 3113</div><!--end row-wrapper --> 3114 3115</div><!--end widget-span --> 3116</div><!--end row--> 3117</div><!--end row-wrapper --> 3118 3119<div class="row-fluid-wrapper row-depth-1 row-number-17 dnd-section dnd_area-row-5-max-width-section-centering dnd_area-row-5-background-layers dnd_area-row-5-vertical-alignment dnd_area-row-5-background-color"> 3120<div class="row-fluid "> 3121<div class="span12 widget-span widget-type-cell cell_17709863865427-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 3122 3123<div class="row-fluid-wrapper row-depth-1 row-number-18 dnd-row"> 3124<div class="row-fluid "> 3125<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3126<div id="hs_cos_wrapper_module_1770986386543" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-pcb368F4.css"> 3127<span class="hs-elevate-anchor _hs-elevate-anchor_16sov_1" id=""></span> 3128
3128<script type="text/javascript"> 3129 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3130 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3131 window.__hsBasePath = "\u002Fsakerhetssystem"; 3132 </script>
3132 3133 </div> 3134 3135</div><!--end widget-span --> 3136</div><!--end row--> 3137</div><!--end row-wrapper --> 3138 3139<div class="row-fluid-wrapper row-depth-1 row-number-19 dnd-row"> 3140<div class="row-fluid "> 3141<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3142<div id="hs_cos_wrapper_module_17709863865432" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-09VGSRsQ.css"> 3143<div class="hs-elevate-heading-container _hs-elevate-heading-container_1bnlv_1" style="--hsElevate--heading__textColor:var(--hsElevate--section--darkSection--1__textColor)"><h2 class="hs-elevate-h1 hs-elevate-heading-container__heading" style="text-align:center" data-hs-token="module.module_17709863865432.headingAndTextHeading">Känn dig tryggare</h2></div> 3144
3144<script type="text/javascript"> 3145 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3146 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3147 window.__hsBasePath = "\u002Fsakerhetssystem"; 3148 </script>
3148 3149 </div> 3150 3151</div><!--end widget-span --> 3152</div><!--end row--> 3153</div><!--end row-wrapper --> 3154 3155<div class="row-fluid-wrapper row-depth-1 row-number-20 dnd-row"> 3156<div class="row-fluid "> 3157<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3158<div id="hs_cos_wrapper_widget_1770986473701" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> 3159 3160</div><!--end widget-span --> 3161</div><!--end row--> 3162</div><!--end row-wrapper --> 3163 3164<div class="row-fluid-wrapper row-depth-1 row-number-21 dnd-row"> 3165<div class="row-fluid "> 3166<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3167<div id="hs_cos_wrapper_module_17709863865433" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-DLDznqQN.css"> 3168<link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-Cir01r20.css"> 3169<div class="hs-elevate-button-wrapper _hs-elevate-button-wrapper--bootstrap_1urmm_9" style="--hsElevate--buttons__gap:var(--hsElevate--spacing--16, 16px);--hsElevate--buttons__alignment:center"><div class="hs-elevate-button-container _hs-elevate-button-container_1urmm_1"><a style="--hsElevate--button__padding:var(--hsElevate--spacing--16, 16px) var(--hsElevate--spacing--24, 24px)" class="hs-elevate-button _hs-elevate-button_zjvt8_1 hs-elevate-button--primary hs-elevate-button-container__button" target="_blank" href="https://buy.stripe.com/5kQ4gzalKeVOducaEu3Nm01" rel="noopener noreferrer" aria-label="Ãppna extern länk" data-hs-token="module.module_17709863865433.groupButtons[0].buttonContentText">Beställ din Medsbag idag</a></div></div> 3170
3170<script type="text/javascript"> 3171 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3172 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3173 window.__hsBasePath = "\u002Fsakerhetssystem"; 3174 </script>
3174 3175 </div> 3176 3177</div><!--end widget-span --> 3178</div><!--end row--> 3179</div><!--end row-wrapper --> 3180 3181</div><!--end widget-span --> 3182</div><!--end row--> 3183</div><!--end row-wrapper --> 3184 3185<div class="row-fluid-wrapper row-depth-1 row-number-22 dnd-section dnd_area-row-6-background-layers dnd_area-row-6-background-color"> 3186<div class="row-fluid "> 3187<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 3188 3189<div class="row-fluid-wrapper row-depth-1 row-number-23 dnd-row"> 3190<div class="row-fluid "> 3191<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3192<div id="hs_cos_wrapper_widget_1770986536883" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-09VGSRsQ.css"> 3193<div class="hs-elevate-heading-container _hs-elevate-heading-container_1bnlv_1" style="--hsElevate--heading__textColor:var(--hsElevate--section--lightSection--1__textColor)"><h2 class="hs-elevate-h2 hs-elevate-heading-container__heading" style="text-align:center" data-hs-token="module.widget_1770986536883.headingAndTextHeading">Så här funkar det</h2></div> 3194
3194<script type="text/javascript"> 3195 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3196 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3197 window.__hsBasePath = "\u002Fsakerhetssystem"; 3198 </script>
3198 3199 </div> 3200 3201</div><!--end widget-span --> 3202</div><!--end row--> 3203</div><!--end row-wrapper --> 3204 3205<div class="row-fluid-wrapper row-depth-1 row-number-24 dnd-row"> 3206<div class="row-fluid "> 3207<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3208<div id="hs_cos_wrapper_widget_1770986564783" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> 3209 3210</div><!--end widget-span --> 3211</div><!--end row--> 3212</div><!--end row-wrapper --> 3213 3214<div class="row-fluid-wrapper row-depth-1 row-number-25 cell_17709865371132-row-2-vertical-alignment dnd-row"> 3215<div class="row-fluid "> 3216<div class="span6 widget-span widget-type-cell cell_1770986578891-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> 3217 3218<div class="row-fluid-wrapper row-depth-1 row-number-26 dnd-row"> 3219<div class="row-fluid "> 3220<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3221<div id="hs_cos_wrapper_widget_1767102285978" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 3222 3223 3224 <div class="oembed_container oembed_container--full-size" id="oembed_container-widget_1767102285978"> 3225 3226 3227 <button class="oembed_custom-thumbnail" style="background-image:url(https://www.medsbag.se/hubfs/Sk%C3%A4rmavbild%202025-12-30%20kl.%2014.45.08.png)"> 3228 <span class="oembed-info">Video player - Skärmavbild 2025-12-30 kl. 14.45.08 - Click to play video</span> 3229 <div class="oembed_custom-thumbnail_icon"> 3230 <svg viewbox="0 0 135.39 149.4"><path d="M371.2,398.69l-127.79,71c-1.47.83-2.74.93-3.8.28a3.69,3.69,0,0,1-1.59-3.46V324.88a3.73,3.73,0,0,1,1.59-3.47,3.66,3.66,0,0,1,3.8.29l127.79,71c1.47.84,2.21,1.82,2.21,3S372.67,397.85,371.2,398.69Z" transform="translate(-238.02 -321)"></path></svg> 3231 </div> 3232 </button> 3233 3234 3235 3236 3237 3238 3239 3240 <div class="iframe_wrapper" data-embed-response-html="<iframe width="200" height="113" src="https://www.youtube.com/embed/QijA1w1WEQo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="
3240strict-origin-when-cross-origin" allowfullscreen title="Medsbag App"></iframe>" data-embed-response-width="200" data-embed-response-height="113" data-embed-url="https://www.youtube.com/watch?v=QijA1w1WEQo"> 3241 </div> 3242 3243 3244 </div> 3245 3246 3247 3248 3249</div> 3250 3251</div><!--end widget-span --> 3252</div><!--end row--> 3253</div><!--end row-wrapper --> 3254 3255</div><!--end widget-span --> 3256<div class="span6 widget-span widget-type-cell cell_17709865788922-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> 3257 3258<div class="row-fluid-wrapper row-depth-1 row-number-27 dnd-row"> 3259<div class="row-fluid "> 3260<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3261<div id="hs_cos_wrapper_widget_1767102411212" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 3262 3263 3264 <div class="oembed_container oembed_container--full-size" id="oembed_container-widget_1767102411212"> 3265 3266 3267 <button class="oembed_custom-thumbnail" style="background-image:url(https://www.medsbag.se/hubfs/Sk%C3%A4rmavbild%202025-11-25%20kl.%2021.51.01.png)"> 3268 <span class="oembed-info">Video player - Skärmavbild 2025-11-25 kl. 21.51.01 - Click to play video</span> 3269 <div class="oembed_custom-thumbnail_icon"> 3270 <svg viewbox="0 0 135.39 149.4"><path d="M371.2,398.69l-127.79,71c-1.47.83-2.74.93-3.8.28a3.69,3.69,0,0,1-1.59-3.46V324.88a3.73,3.73,0,0,1,1.59-3.47,3.66,3.66,0,0,1,3.8.29l127.79,71c1.47.84,2.21,1.82,2.21,3S372.67,397.85,371.2,398.69Z" transform="translate(-238.02 -321)"></path></svg> 3271 </div> 3272 </button> 3273 3274 3275 3276 3277 3278 3279 3280 <div class="iframe_wrapper" data-embed-response-html="<iframe width="200" height="113" src="https://www.youtube.com/embed/nTspi2Rvon8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="
3280strict-origin-when-cross-origin" allowfullscreen title="Explanation video"></iframe>" data-embed-response-width="200" data-embed-response-height="113" data-embed-url="https://www.youtube.com/watch?v=nTspi2Rvon8"> 3281 </div> 3282 3283 3284 </div> 3285 3286 3287 3288 3289</div> 3290 3291</div><!--end widget-span --> 3292</div><!--end row--> 3293</div><!--end row-wrapper --> 3294 3295</div><!--end widget-span --> 3296</div><!--end row--> 3297</div><!--end row-wrapper --> 3298 3299</div><!--end widget-span --> 3300</div><!--end row--> 3301</div><!--end row-wrapper --> 3302 3303</div><!--end widget-span --> 3304</div> 3305</div> 3306</div> 3307 3308 </main> 3309 3310 3311 <div data-global-resource-path="@hubspot/elevate/templates/partials/lp-footer.hubl.html"> 3312 3313 3314 3315 3316 3317 3318<footer class="hs-elevate-footer"> 3319 <div class="container-fluid"> 3320<div class="row-fluid-wrapper"> 3321<div class="row-fluid"> 3322<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 3323 3324<div class="row-fluid-wrapper row-depth-1 row-number-1 footer-row-0-background-color dnd-section footer-row-0-background-layers"> 3325<div class="row-fluid "> 3326<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 3327 3328<div class="row-fluid-wrapper row-depth-1 row-number-2 cell_17670452848983-row-0-margin dnd-row"> 3329<div class="row-fluid "> 3330<div class="span12 widget-span widget-type-custom_widget module_17670452848987-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3331<div id="hs_cos_wrapper_module_17670452848987" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 <span id="hs_cos_wrapper_module_17670452848987_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//www.medsbag.se/?hsLang=sv" id="hs-link-module_17670452848987_hs_logo_widget" style="border-width:0px;border:0px;"><img src="https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=80&height=80&name=Medsbag%20ny%20logga-3.png" class="hs-image-widget " height="80" style="height: auto;width:80px;border-width:0px;border:0px;" width="80" alt="Medsbag ny logga-3" title="Medsbag ny logga-3" loading="lazy" srcset="https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=40&height=40&name=Medsbag%20ny%20logga-3.png 40w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=80&height=80&name=Medsbag%20ny%20logga-3.png 80w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=120&height=120&name=Medsbag%20ny%20logga-3.png 120w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=160&height=160&name=Medsbag%20ny%20logga-3.png 160w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=200&height=200&name=Medsbag%20ny%20logga-3.png 200w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=240&height=240&name=Medsbag%20ny%20logga-3.png 240w" sizes="(max-width: 80px) 100vw, 80px"></a></span> 3357</div> 3358 3359</div><!--end widget-span --> 3360</div><!--end row--> 3361</div><!--end row-wrapper --> 3362 3363<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> 3364<div class="row-fluid "> 3365<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3366<div id="hs_cos_wrapper_module_17670452848988" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-CwxSt1Vd.css"> 3367<div class="hs-elevate-social-follow _hs-elevate-social-follow_el603_1" style="--hsElevate--socialFollowIcon__padding:var(--hsElevate--spacing--10, 10px);--hsElevate--socialFollowIcon__size:var(--hsElevate--icon--small__size);--hsElevate--socialFollowIcon__shape:var(--hsElevate-rounded);--hsElevate--socialFollowIcon__gap:var(--hsElevate--spacing--12, 12px);--hsElevate--socialFollow__justifyContent:center;--hsElevate--socialFollowIcon__backgroundColor:var(--hsElevate--button--accent__backgroundColor);--hsElevate--socialFollowIcon__color:var(--hsElevate--button--accent__textColor);--hsElevate--socialFollowIcon__borderColor:var(--hsElevate--button--accent__borderColor);--hsElevate--socialFollowIcon__borderWidth:var(--hsElevate--button--accent__borderThickness);--hsElevate--socialFollowIcon__hover--backgroundColor:var(--hsElevate--button--accent__hover--backgroundColor);--hsElevate--socialFollowIcon__hover--color:var(--hsElevate--button--accent__hover--textColor);--hsElevate--socialFollowIcon__hover--borderColor:var(--hsElevate--button--accent__hover--borderColor);--hsElevate--socialFollowIcon__hover--borderWidth:var(--hsElevate--button--accent__hover--borderThickness);--hsElevate--socialFollowIcon__active--backgroundColor:var(--hsElevate--button--accent__active--backgroundColor);--hsElevate--socialFollowIcon__active--color:var(--hsElevate--button--accent__active--textColor);--hsElevate--socialFollowIcon__active--borderColor:var(--hsElevate--button--accent__active--borderColor);--hsElevate--socialFollowIcon__active--borderWidth:var(--hsElevate--button--accent__active--borderThickness)"><a class="hs-elevate-social-follow__link _hs-elevate-social-follow__link_el603_9" rel="noopener noreferrer" target="_blank" href="https://www.linkedin.com/company/medsbag" aria-label="Följ oss på LinkedIn"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-social-follow__icon _hs-elevate-social-follow__icon_el603_50"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a><a class="hs-elevate-social-follow__link _hs-elevate-social-follow__link_el603_9" rel="noopener noreferrer" target="_blank" href="https://www.facebook.com/medsbag/" aria-label="Följ oss på Facebook"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512" aria-hidden="true" class="hs-elevate-social-follow__icon _hs-elevate-social-follow__icon_el603_50">
3367<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a><a class="hs-elevate-social-follow__link _hs-elevate-social-follow__link_el603_9" rel="noopener noreferrer" target="_blank" href="https://www.instagram.com/medsbag/" aria-label="Följ oss på Instagram"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-social-follow__icon _hs-elevate-social-follow__icon_el603_50"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a></div> 3368
3368<script type="text/javascript"> 3369 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3370 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3371 window.__hsBasePath = "\u002Fsakerhetssystem"; 3372 </script>
3372 3373 </div> 3374 3375</div><!--end widget-span --> 3376</div><!--end row--> 3377</div><!--end row-wrapper --> 3378 3379<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> 3380<div class="row-fluid "> 3381<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3382<div id="hs_cos_wrapper_widget_1771315157912" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> 3383 3384</div><!--end widget-span --> 3385</div><!--end row--> 3386</div><!--end row-wrapper --> 3387 3388<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> 3389<div class="row-fluid "> 3390<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 3391<div id="hs_cos_wrapper_module_17670452848989" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2282/js_client_assets/assets/index-AJ-XpXDx.css"> 3392<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--darkSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--darkSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--darkSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--darkSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--darkSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--darkSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--darkSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--darkSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--darkSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--darkSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--darkSection--1--blockquote__accentColor)" data-hs-token="module.module_17670452848989.richTextContentHTML"><div style="text-align: center;"><a href="http://medsbag.hubspotpagebuilder.com/integritetspolicy" rel="noopener">Integritetspolicy</a> <a href="http://medsbag.hubspotpagebuilder.com/användarvillkor" rel="noopener">Användarvillkor</a> <a href="http://medsbag.hubspotpagebuilder.com/leveranspolicy" rel="noopener">Leveranspolicy</a><span></span></div></div> 3393
3393<script type="text/javascript"> 3394 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"eu1","portalID":9184131}; 3395 window.__hsServerPageUrl = "https:\u002F\u002Fwww.medsbag.se\u002Fsakerhetssystem"; 3396 window.__hsBasePath = "\u002Fsakerhetssystem"; 3397 </script>
3397 3398 </div> 3399 3400</div><!--end widget-span --> 3401</div><!--end row--> 3402</div><!--end row-wrapper --> 3403 3404</div><!--end widget-span --> 3405</div><!--end row--> 3406</div><!--end row-wrapper --> 3407 3408</div><!--end widget-span --> 3409</div> 3410</div> 3411</div> 3412</footer></div> 3413 3414 3415 3416 3417 3418 3419<!-- HubSpot performance collection script -->
3420<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3420
3420
3421<script> 3422var hsVars = hsVars || {}; hsVars['language'] = 'sv'; 3423</script>
3423 3424
3425<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 3425
3425
3426<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
vendor: 1 bytes, line 3426
3426
3427<script src="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-35056501883/1791562988718/module_video.min.js"></script>
3427 3428 3429<!-- Start of HubSpot Analytics Code -->
3430<script type="text/javascript"> 3431var _hsq = _hsq || []; 3432_hsq.push(["setContentType", "standard-page"]); 3433_hsq.push(["setCanonicalUrl", "https:\/\/www.medsbag.se\/sakerhetssystem"]); 3434_hsq.push(["setPageId", "200989606063"]); 3435_hsq.push(["setContentMetadata", { 3436 "contentPageId": 200989606063, 3437 "legacyPageId": "200989606063", 3438 "contentFolderId": null, 3439 "contentGroupId": null, 3440 "abTestId": null, 3441 "languageVariantId": 200989606063, 3442 "languageCode": "sv", 3443 3444 3445}]); 3446</script>
3446 3447
3448<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/9184131.js"></script>
3448 3449<!-- End of HubSpot Analytics Code --> 3450 3451
3452<script type="text/javascript"> 3453var hsVars = { 3454 render_id: "8ff3e3c6-54a3-4268-adc5-dbe1863392a3", 3455 ticks: 1791571244042, 3456 page_id: 200989606063, 3457 3458 content_group_id: 0, 3459 portal_id: 9184131, 3460 app_hs_base_url: "https://app-eu1.hubspot.com", 3461 cp_hs_base_url: "https://cp-eu1.hubspot.com", 3462 language: "sv", 3463 analytics_page_type: "standard-page", 3464 scp_content_type: "", 3465 3466 analytics_page_id: "200989606063", 3467 category_id: 1, 3468 folder_id: 0, 3469 is_hubspot_user: false 3470} 3471</script>
3471 3472 3473
3474<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3474 3475 3476 3477 3478 3479 3480</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.