@inera/ids-design 5.3.0 → 5.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/components/alert/alert-lit.js +1 -1
  2. package/components/alert/alert.css +48 -48
  3. package/components/alert-global/alert-global-lit.js +1 -1
  4. package/components/alert-global/alert-global.css +68 -92
  5. package/components/badge/badge-lit.js +1 -1
  6. package/components/badge/badge.css +10 -6
  7. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  8. package/components/breadcrumbs/breadcrumbs.css +48 -25
  9. package/components/button-group/button-group-lit.js +1 -1
  10. package/components/button-group/button-group.css +1 -1
  11. package/components/card/card-lit.js +1 -1
  12. package/components/card/card.css +26 -17
  13. package/components/carousel/carousel-item-lit.d.ts +2 -0
  14. package/components/carousel/carousel-item-lit.js +7 -0
  15. package/components/carousel/carousel-item.css +67 -0
  16. package/components/carousel/carousel-lit.d.ts +2 -0
  17. package/components/carousel/carousel-lit.js +7 -0
  18. package/components/carousel/carousel.css +156 -0
  19. package/components/data-table/data-table-lit.js +1 -1
  20. package/components/data-table/data-table.css +28 -28
  21. package/components/date-label/date-label-lit.js +1 -1
  22. package/components/date-label/date-label.css +13 -13
  23. package/components/dialog/dialog-lit.js +1 -1
  24. package/components/dialog/dialog.css +43 -47
  25. package/components/dropdown/dropdown-lit.js +1 -1
  26. package/components/dropdown/dropdown.css +21 -21
  27. package/components/expandable/expandable-lit.js +1 -1
  28. package/components/expandable/expandable.css +38 -37
  29. package/components/footer/footer-lit.js +1 -1
  30. package/components/footer/footer.css +49 -49
  31. package/components/footer-1177/footer-1177-lit.js +1 -1
  32. package/components/footer-1177/footer-1177.css +72 -70
  33. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  34. package/components/footer-1177-admin/footer-1177-admin.css +75 -71
  35. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  36. package/components/footer-1177-pro/footer-1177-pro.css +38 -39
  37. package/components/footer-inera/footer-inera-lit.js +1 -1
  38. package/components/footer-inera/footer-inera.css +84 -84
  39. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  40. package/components/footer-inera-admin/footer-inera-admin.css +111 -110
  41. package/components/form/error-message/error-message-lit.js +1 -1
  42. package/components/form/error-message/error-message.css +9 -9
  43. package/components/form/group/group-lit.js +1 -1
  44. package/components/form/group/group.css +7 -7
  45. package/components/form/range/range-lit.js +1 -1
  46. package/components/form/range/range.css +15 -16
  47. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  48. package/components/form/select-multiple/select-multiple.css +44 -35
  49. package/components/form/spinner/spinner-lit.js +1 -1
  50. package/components/form/spinner/spinner.css +9 -8
  51. package/components/grid/column/column-lit.js +1 -1
  52. package/components/grid/column/column.css +12 -0
  53. package/components/header-1177/composite-header-1177.css +413 -394
  54. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  55. package/components/header-1177/header-1177-avatar.css +42 -34
  56. package/components/header-1177/header-1177-item-lit.js +1 -1
  57. package/components/header-1177/header-1177-item.css +47 -43
  58. package/components/header-1177/header-1177-lit.js +1 -1
  59. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  60. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  61. package/components/header-1177/header-1177-nav-item-mobile.css +39 -40
  62. package/components/header-1177/header-1177-nav-item.css +141 -141
  63. package/components/header-1177/header-1177-nav-lit.js +1 -1
  64. package/components/header-1177/header-1177-nav.css +22 -22
  65. package/components/header-1177/header-1177.css +125 -117
  66. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  67. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  68. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +17 -17
  69. package/components/header-1177-admin/header-1177-admin-avatar.css +62 -61
  70. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  71. package/components/header-1177-admin/header-1177-admin-item.css +53 -37
  72. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  73. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  74. package/components/header-1177-admin/header-1177-admin-nav-item.css +149 -149
  75. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  76. package/components/header-1177-admin/header-1177-admin-nav.css +16 -16
  77. package/components/header-1177-admin/header-1177-admin.css +74 -72
  78. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  79. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  80. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +18 -17
  81. package/components/header-1177-pro/header-1177-pro-avatar.css +67 -65
  82. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  83. package/components/header-1177-pro/header-1177-pro-item.css +17 -13
  84. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  85. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  86. package/components/header-1177-pro/header-1177-pro-nav-item.css +137 -137
  87. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  89. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +32 -32
  90. package/components/header-1177-pro/header-1177-pro-nav.css +20 -24
  91. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  92. package/components/header-1177-pro/header-1177-pro-region-picker.css +81 -77
  93. package/components/header-1177-pro/header-1177-pro.css +63 -63
  94. package/components/header-inera/header-inera-item-lit.js +1 -1
  95. package/components/header-inera/header-inera-item.css +15 -12
  96. package/components/header-inera/header-inera-lit.js +1 -1
  97. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  98. package/components/header-inera/header-inera-nav-item.css +37 -50
  99. package/components/header-inera/header-inera-nav-lit.js +1 -1
  100. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  101. package/components/header-inera/header-inera-nav-mobile.css +49 -48
  102. package/components/header-inera/header-inera-nav.css +2 -2
  103. package/components/header-inera/header-inera.css +17 -17
  104. package/components/header-inera-admin/composite-header-inera-admin.css +152 -170
  105. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  106. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  107. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +9 -9
  108. package/components/header-inera-admin/header-inera-admin-avatar.css +22 -21
  109. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  110. package/components/header-inera-admin/header-inera-admin-item.css +11 -11
  111. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  112. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  113. package/components/header-inera-admin/header-inera-admin-nav-item.css +42 -50
  114. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  115. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  116. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +49 -48
  117. package/components/header-inera-admin/header-inera-admin-nav.css +2 -2
  118. package/components/header-inera-admin/header-inera-admin.css +30 -30
  119. package/components/list/list-lit.js +1 -1
  120. package/components/list/list.css +38 -21
  121. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  122. package/components/mobile-menu/mobile-menu.css +413 -408
  123. package/components/navigation/content/navigation-content-lit.js +1 -1
  124. package/components/navigation/content/navigation-content.css +15 -15
  125. package/components/navigation/local/navigation-local-lit.js +1 -1
  126. package/components/navigation/local/navigation-local.css +13 -13
  127. package/components/notification-badge/notification-badge-lit.js +1 -1
  128. package/components/notification-badge/notification-badge.css +2 -2
  129. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  130. package/components/pagination/data-pagination/data-pagination.css +23 -23
  131. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  132. package/components/pagination/list-pagination/list-pagination.css +32 -29
  133. package/components/popover/popover-content-lit.js +1 -1
  134. package/components/popover/popover-content.css +74 -82
  135. package/components/progressbar/progressbar-lit.js +1 -1
  136. package/components/progressbar/progressbar.css +12 -12
  137. package/components/side-menu/side-menu-lit.js +1 -1
  138. package/components/side-menu/side-menu.css +32 -32
  139. package/components/side-panel/side-panel-lit.js +1 -1
  140. package/components/side-panel/side-panel.css +83 -101
  141. package/components/stepper/stepper-lit.js +1 -1
  142. package/components/stepper/stepper.css +28 -24
  143. package/components/table/table.css +5 -5
  144. package/components/tabs/tab-lit.js +1 -1
  145. package/components/tabs/tab-panel-lit.js +1 -1
  146. package/components/tabs/tab-panel.css +2 -2
  147. package/components/tabs/tab.css +24 -24
  148. package/components/tabs/tabs-lit.js +2 -2
  149. package/components/tabs/tabs.css +6 -6
  150. package/components/tag/tag-lit.js +1 -1
  151. package/components/tag/tag.css +19 -43
  152. package/components/tooltip/tooltip-lit.js +1 -1
  153. package/components/tooltip/tooltip.css +11 -14
  154. package/global/_partials.css +1 -1
  155. package/global/global.css +404 -356
  156. package/global/util/util.css +7 -5
  157. package/package.json +1 -1
  158. package/themes/1177/1177.css +812 -822
  159. package/themes/1177-pro/1177-pro.css +912 -929
  160. package/themes/inera/inera.css +812 -858
  161. package/themes/inera-admin/inera-admin.css +860 -934
  162. package/themes/reset.css +1 -1
package/components/footer/footer.css CHANGED
@@ -11,17 +11,17 @@
11
11
  }
12
12
 
13
13
  .ids-container {
14
- max-width: var(--IDS_MAX-WIDTH);
14
+ max-width: var(--IDS__MAX-WIDTH);
15
15
  display: grid;
16
16
  margin-left: auto;
17
17
  margin-right: auto;
18
- padding-left: 20px;
19
- padding-right: 20px;
18
+ padding-left: 1.25rem;
19
+ padding-right: 1.25rem;
20
20
  }
21
21
 
22
22
  .ids-container.ids-container--gutterless {
23
- padding-left: 0px !important;
24
- padding-right: 0px !important;
23
+ padding-left: 0 !important;
24
+ padding-right: 0 !important;
25
25
  }
26
26
 
27
27
  .ids-container.ids-container--fluid {
@@ -32,7 +32,7 @@
32
32
  * BUTTONS
33
33
  ********/
34
34
  /*******
35
- * SCROLLBAR
35
+ * SCROLLBARS
36
36
  ********/
37
37
  /*******
38
38
  * FORM
@@ -48,12 +48,12 @@
48
48
  box-shadow: var(--footer_box-shadow);
49
49
  }
50
50
  .ids-footer .ids-footer__inner {
51
- max-width: var(--IDS_MAX-WIDTH);
51
+ max-width: var(--IDS__MAX-WIDTH);
52
52
  display: grid;
53
53
  margin-left: auto;
54
54
  margin-right: auto;
55
- padding-left: 20px;
56
- padding-right: 20px;
55
+ padding-left: 1.25rem;
56
+ padding-right: 1.25rem;
57
57
  padding-top: var(--footer-inner_padding-top);
58
58
  padding-bottom: var(--footer-inner_padding-bottom);
59
59
  }
@@ -63,7 +63,7 @@
63
63
  }
64
64
  }
65
65
  .ids-footer .ids-footer__inner .ids-footer__headline-row {
66
- padding-bottom: 20px;
66
+ padding-bottom: 1.25rem;
67
67
  }
68
68
  .ids-footer .ids-footer__inner .ids-footer__headline-row .ids-footer__headline {
69
69
  display: inline;
@@ -81,10 +81,10 @@
81
81
  }
82
82
  .ids-footer .ids-footer__inner .ids-footer__headline-row .ids-footer__headline--sr {
83
83
  position: absolute;
84
- width: 1px;
85
- height: 1px;
84
+ width: 0.063rem;
85
+ height: 0.063rem;
86
86
  padding: 0;
87
- margin: -1px;
87
+ margin: -0.063rem;
88
88
  overflow: hidden;
89
89
  clip: rect(0, 0, 0, 0);
90
90
  white-space: nowrap;
@@ -148,13 +148,13 @@
148
148
  max-width: 50%;
149
149
  }
150
150
  .ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col ul {
151
- margin: 0px;
151
+ margin: 0;
152
152
  list-style: none;
153
- padding: 0px;
153
+ padding: 0;
154
154
  }
155
155
  .ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col .ids-link,
156
156
  .ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col .ids-footer__link-col__link {
157
- margin-bottom: 10px !important;
157
+ margin-bottom: 0.625rem !important;
158
158
  }
159
159
  @media (max-width: 1024px) {
160
160
  .ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col {
@@ -164,7 +164,7 @@
164
164
  .ids-footer .ids-footer__sub-footer {
165
165
  position: relative;
166
166
  background-color: var(--footer-sub_background-color);
167
- border-top: var(--footer-sub_border-top);
167
+ border-top: none;
168
168
  padding-bottom: var(--footer-sub_padding-bottom);
169
169
  padding-top: var(--footer-sub_padding-top);
170
170
  }
@@ -184,16 +184,16 @@
184
184
  }
185
185
  }
186
186
  .ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container {
187
- max-width: var(--IDS_MAX-WIDTH);
187
+ max-width: var(--IDS__MAX-WIDTH);
188
188
  display: grid;
189
189
  margin-left: auto;
190
190
  margin-right: auto;
191
- padding-left: 20px;
192
- padding-right: 20px;
191
+ padding-left: 1.25rem;
192
+ padding-right: 1.25rem;
193
193
  }
194
194
  .ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer_sub-footer-mobile-text {
195
195
  color: var(--footer-sub-mobile_color);
196
- padding: 30px 40px 10px;
196
+ padding: 1.875rem 2.5rem 0.625rem;
197
197
  font-size: 0.875rem;
198
198
  text-align: center;
199
199
  line-height: 1.25rem;
@@ -226,7 +226,7 @@
226
226
  .ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right .ids-link {
227
227
  font-size: 0.875rem;
228
228
  color: var(--footer-sub-text_color);
229
- margin-left: 20px !important;
229
+ margin-left: 1.25rem !important;
230
230
  }
231
231
  @media (max-width: 1024px) {
232
232
  .ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right {
@@ -236,8 +236,8 @@
236
236
  @media (max-width: 1024px) {
237
237
  .ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container {
238
238
  height: auto;
239
- padding-left: 0px;
240
- padding-right: 0px;
239
+ padding-left: 0;
240
+ padding-right: 0;
241
241
  }
242
242
  }
243
243
  .ids-footer .ids-footer__content-row {
@@ -249,14 +249,14 @@
249
249
  .ids-footer .ids-footer__mobile-links {
250
250
  font-size: 0.875rem;
251
251
  display: none;
252
- padding-left: 20px;
253
- padding-right: 20px;
252
+ padding-left: 1.25rem;
253
+ padding-right: 1.25rem;
254
254
  padding-top: 1.25rem;
255
255
  flex-direction: column;
256
256
  }
257
257
  .ids-footer .ids-footer__mobile-links .ids-link {
258
- padding-top: 15px;
259
- padding-bottom: 15px;
258
+ padding-top: 0.938rem;
259
+ padding-bottom: 0.938rem;
260
260
  }
261
261
  @media (max-width: 1024px) {
262
262
  .ids-footer .ids-footer__mobile-links {
@@ -278,17 +278,17 @@
278
278
  font-size: 0.875rem;
279
279
  text-align: center;
280
280
  line-height: 1.25rem;
281
- padding-left: 40px;
282
- padding-right: 40px;
281
+ padding-left: 2.5rem;
282
+ padding-right: 2.5rem;
283
283
  }
284
284
  .ids-footer .ids-footer__sub-footer-mobile .ids-footer__sub-footer-mobile-text {
285
- margin-top: 30px;
285
+ margin-top: 1.875rem;
286
286
  }
287
287
  }
288
288
  .ids-footer.ids-footer--1177:after {
289
289
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E");
290
- background-size: 100% 30px;
291
- height: 30px;
290
+ background-size: 100% 1.875rem;
291
+ height: 1.875rem;
292
292
  top: -30px;
293
293
  content: "";
294
294
  position: absolute;
@@ -298,8 +298,8 @@
298
298
  }
299
299
  .ids-footer.ids-footer--1177 .ids-footer__sub-footer:after {
300
300
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E");
301
- background-size: 100% 30px;
302
- height: 30px;
301
+ background-size: 100% 1.875rem;
302
+ height: 1.875rem;
303
303
  top: -30px;
304
304
  content: "";
305
305
  position: absolute;
@@ -317,10 +317,10 @@
317
317
  align-items: center;
318
318
  }
319
319
  .ids-footer.ids-footer--1177-pro .ids-footer__sub-footer-mobile-service-name {
320
- margin-left: 15px;
321
- padding-left: 15px;
322
- border-left: 1px solid var(--IDS-COLOR-PRIMARY-30);
323
- height: 40px;
320
+ margin-left: 0.938rem;
321
+ padding-left: 0.938rem;
322
+ border-left: 0.063rem solid var(--IDS-COLOR-PRIMARY-30);
323
+ height: 2.5rem;
324
324
  display: flex;
325
325
  align-items: center;
326
326
  }
@@ -352,8 +352,8 @@
352
352
  position: absolute;
353
353
  width: 154px;
354
354
  height: 77px;
355
- left: 20px;
356
- bottom: 0px;
355
+ left: 1.25rem;
356
+ bottom: 0;
357
357
  background-repeat: no-repeat;
358
358
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' viewBox='0 0 154 78' fill='none'%3E%3Cpath d='M154 77.7737C154 77.7522 154 77.7307 154 77.7092C154 35.2188 119.526 0.773669 77 0.773673C34.474 0.773677 -3.72026e-06 35.2188 -5.63531e-09 77.7092C-3.7567e-09 77.7307 1.52569e-05 77.7522 3.05176e-05 77.7737L48.4356 77.7737C48.4355 77.7522 48.4355 77.7307 48.4355 77.7092C48.4355 61.9466 61.2241 49.1686 77 49.1686C92.7758 49.1686 105.565 61.9466 105.565 77.7092C105.565 77.7307 105.564 77.7522 105.564 77.7737L154 77.7737Z' fill='%23C03F73'/%3E%3C/svg%3E");
359
359
  }
@@ -365,7 +365,7 @@
365
365
  }
366
366
  @media (max-width: 1024px) {
367
367
  .ids-footer.ids-footer--inera .ids-footer__inner-wrapper {
368
- background-position-x: calc(100% - 20px);
368
+ background-position-x: calc(100% - 1.25rem);
369
369
  }
370
370
  }
371
371
  .ids-footer.ids-footer--inera-admin .ids-footer__inner-wrapper {
@@ -375,7 +375,7 @@
375
375
  }
376
376
  @media (max-width: 1024px) {
377
377
  .ids-footer.ids-footer--inera-admin .ids-footer__inner-wrapper {
378
- background-position-x: calc(100% - 20px);
378
+ background-position-x: calc(100% - 1.25rem);
379
379
  }
380
380
  }
381
381
  .ids-footer.ids-footer--inera-admin .sub-footer-container::after {
@@ -385,11 +385,11 @@
385
385
  background-color: var(--IDS-COLOR-PRIMARY-40);
386
386
  }
387
387
  .ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .sub-footer-container {
388
- min-height: 40px;
388
+ min-height: 2.5rem;
389
389
  }
390
390
  .ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .ids-footer__sub-footer__mobile-text {
391
391
  color: var(--footer-sub-mobile_color);
392
- padding: 30px 40px 10px 40px;
392
+ padding: 1.875rem 2.5rem 0.625rem 2.5rem;
393
393
  font-size: 0.875rem;
394
394
  text-align: center;
395
395
  line-height: 1.25rem;
@@ -423,8 +423,8 @@
423
423
  position: absolute;
424
424
  width: 154px;
425
425
  height: 77px;
426
- left: 20px;
427
- bottom: 0px;
426
+ left: 1.25rem;
427
+ bottom: 0;
428
428
  background-repeat: no-repeat;
429
429
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' viewBox='0 0 154 78' fill='none'%3E%3Cpath d='M154 77.7737C154 77.7522 154 77.7307 154 77.7092C154 35.2188 119.526 0.773669 77 0.773673C34.474 0.773677 -3.72026e-06 35.2188 -5.63531e-09 77.7092C-3.7567e-09 77.7307 1.52569e-05 77.7522 3.05176e-05 77.7737L48.4356 77.7737C48.4355 77.7522 48.4355 77.7307 48.4355 77.7092C48.4355 61.9466 61.2241 49.1686 77 49.1686C92.7758 49.1686 105.565 61.9466 105.565 77.7092C105.565 77.7307 105.564 77.7522 105.564 77.7737L154 77.7737Z' fill='%23fff'/%3E%3C/svg%3E");
430
430
  }
@@ -452,14 +452,14 @@
452
452
  }
453
453
  @media (max-width: 1024px) {
454
454
  .ids-footer.ids-footer--inera-admin-legacy .ids-footer__inner-wrapper {
455
- background-position: left calc(50vw - 525px) bottom 20px;
455
+ background-position: left calc(50vw - 525px) bottom 1.25rem;
456
456
  background-size: 1000px 1000px;
457
457
  }
458
458
  }
459
459
  .ids-footer.ids-footer--inera-admin-legacy .ids-footer__sub-footer {
460
460
  position: relative;
461
461
  background-color: #f1edea;
462
- border-top: 1px solid #e0e0e0;
462
+ border-top: 0.063rem solid #e0e0e0;
463
463
  }
464
464
  @media (max-width: 1024px) {
465
465
  .ids-footer.ids-footer--inera-admin-legacy .ids-footer__sub-footer {
package/components/footer-1177/footer-1177-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-container.ids-container--gutterless{padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid{max-width:100%}.ids-footer-1177{background-color:var(--footer_background-color);box-shadow:var(--footer_box-shadow);margin-top:var(--footer_margin-top);position:relative}.ids-footer-1177 .ids-footer-1177__inner{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-bottom:var(--footer-inner_padding-bottom);padding-left:20px;padding-right:20px;padding-top:var(--footer-inner_padding-top)}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:var(--footer-inner-mobile_padding-bottom)}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row{padding-bottom:20px}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline{color:var(--footer-headline_color);display:inline;font-family:var(--footer-headline_font-family);font-size:1.5rem;font-size:var(--footer-headline_font-size);font-weight:var(--footer-headline_font-weight);letter-spacing:var(--footer-headline_letter-spacing);line-height:1.25;line-height:var(--footer-headline_line-height)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--footer-headline-sub_color)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;flex-wrap:wrap}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--footer-content_color)!important;flex:0 0 41.6%;margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-6{flex:0 0 50%;max-width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:10px!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--footer-sub_background-color);border-top:var(--footer-sub_border-top);padding-bottom:var(--footer-sub_padding-bottom);padding-top:var(--footer-sub_padding-top);position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:block}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--footer-sub-mobile_background-color);border-top:none;padding-top:var(--footer-sub-mobile_padding-top)}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:30px 40px 10px;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left{color:var(--footer-sub-text_color)!important;font-size:.875rem!important;line-height:.875rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{text-align:end}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link{color:var(--footer-sub-text_color);font-size:.875rem;margin-left:20px!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177 .ids-footer-1177__content-row{z-index:1}.ids-footer-1177 .ids-footer-1177__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:20px;padding-right:20px;padding-top:1.25rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:flex;padding:16px 0!important;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;color:var(--footer-sub-mobile_color);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 40px;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:30px}}.ids-footer-1177:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:after,.ids-footer-1177:after{background-color:transparent;background-size:100% 30px;content:\"\";height:30px;position:absolute;top:-30px;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:after{content:none!important}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-container.ids-container--gutterless{padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid{max-width:100%}.ids-footer-1177{background-color:var(--IDS-COLOR-PRIMARY-90);margin-top:1.875rem;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:1.875rem 1.25rem 6.25rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:3.125rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline{color:var(--IDS-COLOR-PRIMARY-40);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;flex-wrap:wrap}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-COLOR-NEUTRAL-20)!important;flex:0 0 41.6%;font-size:1rem;margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);padding-bottom:1.25rem;padding-top:.313rem;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:block}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{flex:auto;text-align:end}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block!important;font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177 .ids-footer-1177__content-row{z-index:1}.ids-footer-1177 .ids-footer-1177__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:1.25rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:flex;padding:1rem 0!important;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 2.5rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-1177:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:after,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-1.875rem;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:after{content:none!important}}";
4
4
 
5
5
  var footer1177Lit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/footer-1177/footer-1177.css CHANGED
@@ -11,17 +11,17 @@
11
11
  }
12
12
 
13
13
  .ids-container {
14
- max-width: var(--IDS_MAX-WIDTH);
14
+ max-width: var(--IDS__MAX-WIDTH);
15
15
  display: grid;
16
16
  margin-left: auto;
17
17
  margin-right: auto;
18
- padding-left: 20px;
19
- padding-right: 20px;
18
+ padding-left: 1.25rem;
19
+ padding-right: 1.25rem;
20
20
  }
21
21
 
22
22
  .ids-container.ids-container--gutterless {
23
- padding-left: 0px !important;
24
- padding-right: 0px !important;
23
+ padding-left: 0 !important;
24
+ padding-right: 0 !important;
25
25
  }
26
26
 
27
27
  .ids-container.ids-container--fluid {
@@ -32,7 +32,7 @@
32
32
  * BUTTONS
33
33
  ********/
34
34
  /*******
35
- * SCROLLBAR
35
+ * SCROLLBARS
36
36
  ********/
37
37
  /*******
38
38
  * FORM
@@ -40,51 +40,45 @@
40
40
  /*******
41
41
  * A11Y
42
42
  ********/
43
- /* Footer 1177 */
44
43
  .ids-footer-1177 {
45
- background-color: var(--footer_background-color);
44
+ background-color: var(--IDS-COLOR-PRIMARY-90);
46
45
  position: relative;
47
- margin-top: var(--footer_margin-top);
48
- box-shadow: var(--footer_box-shadow);
46
+ margin-top: 1.875rem;
49
47
  }
50
48
  .ids-footer-1177 .ids-footer-1177__inner {
51
- max-width: var(--IDS_MAX-WIDTH);
52
- display: grid;
49
+ max-width: var(--IDS__MAX-WIDTH);
53
50
  margin-left: auto;
54
51
  margin-right: auto;
55
- padding-left: 20px;
56
- padding-right: 20px;
57
- padding-top: var(--footer-inner_padding-top);
58
- padding-bottom: var(--footer-inner_padding-bottom);
52
+ padding-left: 1.25rem;
53
+ padding-right: 1.25rem;
54
+ padding-top: 1.875rem;
55
+ padding-bottom: 6.25rem;
59
56
  }
60
57
  @media (max-width: 1024px) {
61
58
  .ids-footer-1177 .ids-footer-1177__inner {
62
- padding-bottom: var(--footer-inner-mobile_padding-bottom);
59
+ padding-bottom: 3.125rem;
63
60
  }
64
61
  }
65
62
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row {
66
- padding-bottom: 20px;
63
+ padding-bottom: 1.25rem;
67
64
  }
68
65
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline {
69
66
  display: inline;
70
67
  font-size: 1.5rem;
71
- line-height: 1.25;
72
- font-size: var(--footer-headline_font-size);
73
- line-height: var(--footer-headline_line-height);
74
- letter-spacing: var(--footer-headline_letter-spacing);
75
- font-weight: var(--footer-headline_font-weight);
76
- font-family: var(--footer-headline_font-family);
77
- color: var(--footer-headline_color);
68
+ line-height: 1.875rem;
69
+ font-weight: bold;
70
+ font-family: var(--IDS-FONT-FAMILY-HEADING);
71
+ color: var(--IDS-COLOR-PRIMARY-40);
78
72
  }
79
73
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub {
80
- color: var(--footer-headline-sub_color);
74
+ color: var(--IDS-COLOR-PRIMARY-30);
81
75
  }
82
76
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr {
83
77
  position: absolute;
84
- width: 1px;
85
- height: 1px;
78
+ width: 0.063rem;
79
+ height: 0.063rem;
86
80
  padding: 0;
87
- margin: -1px;
81
+ margin: -0.063rem;
88
82
  overflow: hidden;
89
83
  clip: rect(0, 0, 0, 0);
90
84
  white-space: nowrap;
@@ -95,7 +89,8 @@
95
89
  flex-wrap: wrap;
96
90
  }
97
91
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text {
98
- color: var(--footer-content_color) !important;
92
+ font-size: 1rem;
93
+ color: var(--IDS-COLOR-NEUTRAL-20) !important;
99
94
  flex: 0 0 41.6%;
100
95
  max-width: 41.6%;
101
96
  margin-right: 8.3%;
@@ -104,13 +99,27 @@
104
99
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text {
105
100
  flex: 0 0 100%;
106
101
  max-width: 100%;
107
- margin-right: 0%;
102
+ margin-right: 0;
108
103
  }
109
104
  }
110
105
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col {
111
106
  flex: 0 0 16%;
112
107
  max-width: 16%;
113
108
  }
109
+ .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul {
110
+ margin: 0;
111
+ list-style: none;
112
+ padding: 0;
113
+ }
114
+ .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link {
115
+ margin-bottom: 0.625rem !important;
116
+ }
117
+ .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),
118
+ .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),
119
+ .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]) {
120
+ display: block;
121
+ margin-bottom: 0.625rem !important;
122
+ }
114
123
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2 {
115
124
  flex: 0 0 25%;
116
125
  max-width: 25%;
@@ -147,14 +156,6 @@
147
156
  flex: 0 0 50%;
148
157
  max-width: 50%;
149
158
  }
150
- .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul {
151
- margin: 0px;
152
- list-style: none;
153
- padding: 0px;
154
- }
155
- .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link {
156
- margin-bottom: 10px !important;
157
- }
158
159
  @media (max-width: 1024px) {
159
160
  .ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col {
160
161
  display: none;
@@ -162,10 +163,9 @@
162
163
  }
163
164
  .ids-footer-1177 .ids-footer-1177__sub-footer {
164
165
  position: relative;
165
- background-color: var(--footer-sub_background-color);
166
- border-top: var(--footer-sub_border-top);
167
- padding-bottom: var(--footer-sub_padding-bottom);
168
- padding-top: var(--footer-sub_padding-top);
166
+ background-color: var(--IDS-COLOR-PRIMARY-40);
167
+ padding-bottom: 1.25rem;
168
+ padding-top: 0.313rem;
169
169
  }
170
170
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu {
171
171
  display: none;
@@ -177,22 +177,20 @@
177
177
  }
178
178
  @media (max-width: 1024px) {
179
179
  .ids-footer-1177 .ids-footer-1177__sub-footer {
180
- background-color: var(--footer-sub-mobile_background-color);
181
- padding-top: var(--footer-sub-mobile_padding-top);
180
+ background-color: var(--IDS-COLOR-PRIMARY-40);
182
181
  border-top: none;
183
182
  }
184
183
  }
185
184
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container {
186
- max-width: var(--IDS_MAX-WIDTH);
187
- display: grid;
185
+ max-width: var(--IDS__MAX-WIDTH);
188
186
  margin-left: auto;
189
187
  margin-right: auto;
190
- padding-left: 20px;
191
- padding-right: 20px;
188
+ padding-left: 1.25rem;
189
+ padding-right: 1.25rem;
192
190
  }
193
191
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text {
194
- color: var(--footer-sub-mobile_color);
195
- padding: 30px 40px 10px;
192
+ color: var(--IDS-COLOR-NEUTRAL-100);
193
+ padding: 1.875rem 2.5rem 0.625rem;
196
194
  font-size: 0.875rem;
197
195
  text-align: center;
198
196
  line-height: 1.25rem;
@@ -210,9 +208,10 @@
210
208
  }
211
209
  }
212
210
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left {
211
+ flex: 50%;
213
212
  font-size: 0.875rem !important;
214
- line-height: 0.875rem !important;
215
- color: var(--footer-sub-text_color) !important;
213
+ line-height: 1.125rem !important;
214
+ color: var(--IDS-COLOR-NEUTRAL-100) !important;
216
215
  }
217
216
  @media (max-width: 1024px) {
218
217
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left {
@@ -220,12 +219,15 @@
220
219
  }
221
220
  }
222
221
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right {
222
+ flex: auto;
223
223
  text-align: end;
224
224
  }
225
+ .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right ::slotted(*),
225
226
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link {
227
+ display: inline-block !important;
226
228
  font-size: 0.875rem;
227
- color: var(--footer-sub-text_color);
228
- margin-left: 20px !important;
229
+ color: var(--IDS-COLOR-NEUTRAL-100);
230
+ margin-left: 1.25rem !important;
229
231
  }
230
232
  @media (max-width: 1024px) {
231
233
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right {
@@ -235,8 +237,8 @@
235
237
  @media (max-width: 1024px) {
236
238
  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container {
237
239
  height: auto;
238
- padding-left: 0px;
239
- padding-right: 0px;
240
+ padding-left: 0;
241
+ padding-right: 0;
240
242
  }
241
243
  }
242
244
  .ids-footer-1177 .ids-footer-1177__content-row {
@@ -245,8 +247,8 @@
245
247
  .ids-footer-1177 .ids-footer-1177__mobile-links {
246
248
  font-size: 0.875rem;
247
249
  display: none;
248
- padding-left: 20px;
249
- padding-right: 20px;
250
+ padding-left: 1.25rem;
251
+ padding-right: 1.25rem;
250
252
  padding-top: 1.25rem;
251
253
  flex-direction: column;
252
254
  }
@@ -254,7 +256,7 @@
254
256
  .ids-footer-1177 .ids-footer-1177__mobile-links a {
255
257
  display: flex;
256
258
  width: 100%;
257
- padding: 16px 0 !important;
259
+ padding: 1rem 0 !important;
258
260
  }
259
261
  @media (max-width: 1024px) {
260
262
  .ids-footer-1177 .ids-footer-1177__mobile-links {
@@ -272,22 +274,22 @@
272
274
  flex-direction: column;
273
275
  padding-bottom: 1rem;
274
276
  padding-top: 1rem;
275
- color: var(--footer-sub-mobile_color);
277
+ color: var(--IDS-COLOR-NEUTRAL-100);
276
278
  font-size: 0.875rem;
277
279
  text-align: center;
278
280
  line-height: 1.25rem;
279
- padding-left: 40px;
280
- padding-right: 40px;
281
+ padding-left: 2.5rem;
282
+ padding-right: 2.5rem;
281
283
  }
282
284
  .ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text {
283
- margin-top: 30px;
285
+ margin-top: 1.875rem;
284
286
  }
285
287
  }
286
288
  .ids-footer-1177:after {
287
289
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E");
288
- background-size: 100% 30px;
289
- height: 30px;
290
- top: -30px;
290
+ background-size: 100% 1.875rem;
291
+ height: 1.875rem;
292
+ top: -1.875rem;
291
293
  content: "";
292
294
  position: absolute;
293
295
  z-index: 2;
@@ -296,9 +298,9 @@
296
298
  }
297
299
  .ids-footer-1177 .ids-footer-1177__sub-footer:after {
298
300
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E");
299
- background-size: 100% 30px;
300
- height: 30px;
301
- top: -30px;
301
+ background-size: 100% 1.875rem;
302
+ height: 1.875rem;
303
+ top: -1.875rem;
302
304
  content: "";
303
305
  position: absolute;
304
306
  z-index: 3;