PageSourceSearch

https://www.medsbag.se/sakerhetssystem

html medsbag.se collected 2026-10-09 23:49:50 UTC 176,088 bytes, 3,480 lines download raw bytes

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&amp;height=1800&amp;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&amp;height=900&amp;name=Medsbag%20ny%20logga-1.png 900w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=1800&amp;height=1800&amp;name=Medsbag%20ny%20logga-1.png 1800w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=2700&amp;height=2700&amp;name=Medsbag%20ny%20logga-1.png 2700w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=3600&amp;height=3600&amp;name=Medsbag%20ny%20logga-1.png 3600w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=4500&amp;height=4500&amp;name=Medsbag%20ny%20logga-1.png 4500w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-1.png?width=5400&amp;height=5400&amp;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&amp;height=768&amp;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&amp;height=384&amp;name=2-2.png 683w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=1366&amp;height=768&amp;name=2-2.png 1366w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=2049&amp;height=1152&amp;name=2-2.png 2049w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=2732&amp;height=1536&amp;name=2-2.png 2732w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=3415&amp;height=1920&amp;name=2-2.png 3415w, https://www.medsbag.se/hs-fs/hubfs/2-2.png?width=4098&amp;height=2304&amp;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.&nbsp;</p>
3076<p><span style="color: #09152b; background-color: #fafafa;">&nbsp;</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?&nbsp;</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.&nbsp;</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=&quot;200&quot; height=&quot;113&quot; src=&quot;https://www.youtube.com/embed/QijA1w1WEQo?feature=oembed&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;
3240strict-origin-when-cross-origin&quot; allowfullscreen title=&quot;Medsbag App&quot;></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=&quot;200&quot; height=&quot;113&quot; src=&quot;https://www.youtube.com/embed/nTspi2Rvon8?feature=oembed&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;
3280strict-origin-when-cross-origin&quot; allowfullscreen title=&quot;Explanation video&quot;></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&amp;height=80&amp;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&amp;height=40&amp;name=Medsbag%20ny%20logga-3.png 40w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=80&amp;height=80&amp;name=Medsbag%20ny%20logga-3.png 80w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=120&amp;height=120&amp;name=Medsbag%20ny%20logga-3.png 120w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=160&amp;height=160&amp;name=Medsbag%20ny%20logga-3.png 160w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=200&amp;height=200&amp;name=Medsbag%20ny%20logga-3.png 200w, https://www.medsbag.se/hs-fs/hubfs/Medsbag%20ny%20logga-3.png?width=240&amp;height=240&amp;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>&nbsp; &nbsp; <a href="http://medsbag.hubspotpagebuilder.com/användarvillkor" rel="noopener">Användarvillkor</a>&nbsp; &nbsp; <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.