@inera/ids-design 5.3.0 → 5.4.1

package/components/dialog/dialog.css

@@ -14,7 +14,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -29,7 +29,7 @@
   top: 50%;
   left: 50%;
   z-index: 200;
-  border: 1px solid var(--dialog_border-color);
+  border: 0.0625rem solid var(--IDS-DIALOG__BORDER-COLOR);
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
@@ -37,27 +37,27 @@
   flex-direction: column;
   align-items: flex-start;
   background-color: #ffffff;
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-  border-radius: var(--dialog_border-radius);
-  padding: 40px 30px 40px 30px;
-  max-height: calc(100% - 80px);
-  max-width: calc(100% - 60px);
+  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
+  border-radius: var(--IDS-DIALOG__BORDER-RADIUS);
+  padding: 2.5rem 1.875rem 2.5rem 1.875rem;
+  max-height: calc(100% - 5rem);
+  max-width: calc(100% - 3.75rem);
   text-align: left;
-  color: var(--dialog_color);
+  color: var(--IDS-DIALOG__COLOR);
 }
 @media (max-width: 1024px) {
   .ids-dialog {
-    padding: 40px 10px 40px 10px;
+    padding: 2.5rem 0.625rem 2.5rem 0.625rem;
   }
 }
 @media (max-width: 640px) {
   .ids-dialog {
-    max-height: calc(100% - 80px);
-    width: calc(100% - 60px);
+    max-height: calc(100% - 5rem);
+    width: calc(100% - 3.75rem);
   }
 }
 .ids-dialog:has(.ids-dialog__header) {
-  padding-top: 20px;
+  padding-top: 1.25rem;
 }
 .ids-dialog.ids-dialog--hidden {
   display: none;
@@ -67,10 +67,11 @@
   align-items: flex-end;
   justify-content: flex-end;
   display: flex;
+  padding-bottom: 0.25rem;
 }
 .ids-dialog .ids-dialog__header .ids-dialog__header__button {
-  min-width: 24px;
-  min-height: 24px;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
   background: none;
   color: inherit;
   border: none;
@@ -88,63 +89,58 @@
   justify-content: center;
 }
 .ids-dialog .ids-dialog__header .ids-dialog__header__button:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-dialog .ids-dialog__body {
-  padding: 0 6px 10px 10px;
-  margin-right: 4px;
+  padding: 0 0.375rem 0.625rem 0.625rem;
+  margin-right: 0.188rem;
   height: 100%;
   overflow-y: auto;
 }
 .ids-dialog .ids-dialog__body::-webkit-scrollbar {
-  width: 14px;
+  width: 1rem;
   position: absolute;
-  margin-left: -20px;
-  margin-top: 10px;
+  margin-left: -1.25rem;
 }
 .ids-dialog .ids-dialog__body::-webkit-scrollbar-track {
-  background: var(--IDS-SCROLL_TRACK-COLOR);
-  border-radius: 10px;
-  margin-top: 10px;
+  background: var(--IDS-COLOR-NEUTRAL-99);
+  border-radius: 0.625rem;
   margin-bottom: 0;
 }
-.ids-dialog .ids-dialog__body::-webkit-resizer {
-  appearance: none;
-  background-image: var(--IDS-TEXTAREA-RESIZER-IMAGE);
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: cover;
-}
-.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner {
-  background-color: transparent;
-}
 .ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb {
   cursor: auto;
-  background: var(--IDS-SCROLL_COLOR);
-  border-radius: 10px;
+  background: var(--IDS-SCROLL__COLOR);
+  border-radius: 0.625rem;
   box-sizing: border-box;
-  border: 3px solid var(--IDS-SCROLL_TRACK-COLOR);
+  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-99);
 }
 .ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover {
-  background: var(--IDS-SCROLL_HOVER-COLOR);
+  background: var(--IDS-SCROLL__HOVER-COLOR);
+}
+.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.ids-dialog .ids-dialog__body:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar {
-  padding-right: 20px;
+  padding-right: 1.25rem;
 }
 .ids-dialog .ids-dialog__body .ids-dialog__body__headline {
-  padding-top: 6px;
-  margin: 0px;
+  padding-top: 0.375rem;
+  margin: 0;
   align-self: center;
 }
 @media (max-width: 1024px) {
   .ids-dialog .ids-dialog__body .ids-dialog__body__headline {
-    padding-top: 0px;
+    padding-top: 0;
   }
 }
 .ids-dialog .ids-dialog__body .ids-dialog__body__header {
   box-sizing: border-box;
-  padding: 20px 0px 0px 0px;
+  padding: 1.25rem 0 0 0;
   width: 100%;
   display: flex;
   -webkit-justify-content: flex-end;
@@ -153,15 +149,15 @@
   -webkit-align-items: flex-end;
 }
 .ids-dialog .ids-dialog__body .ids-dialog__body__content {
-  margin-top: 20px;
+  margin-top: 1.25rem;
 }
 .ids-dialog .ids-dialog__footer {
-  margin-top: 30px;
+  margin-top: 1.875rem;
 }
 .ids-dialog .ids-dialog__footer,
 .ids-dialog ::slotted([slot=actions]) {
   display: flex;
-  gap: 20px;
+  gap: 1.25rem;
   justify-content: center;
   align-items: center;
   width: 100%;
@@ -170,7 +166,7 @@
   .ids-dialog .ids-dialog__footer,
   .ids-dialog ::slotted([slot=actions]) {
     flex-direction: column;
-    gap: 20px;
+    gap: 1.25rem;
   }
 }
 

package/components/dropdown/dropdown-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:#fff;border:1px solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 10px 0 rgba(0,0,0,.3);left:0;padding:8px;position:absolute;top:0}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__content__link,:host(ids-dropdown-content) .ids-dropdown__content__link{align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon{display:inherit}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover{display:none}.ids-dropdown__content .ids-dropdown__content__link:focus,.ids-dropdown__content .ids-dropdown__content__link:hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus,:host(ids-dropdown-content) .ids-dropdown__content__link:hover{background-color:var(--IDS-COLOR-ACCENT-30)!important;color:#fff!important}.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon{display:none}.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover{display:inherit}.ids-dropdown__content ::slotted(a),:host(ids-dropdown-content) ::slotted(a){align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);color:#fff}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:0}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__content__link,:host(ids-dropdown-content) .ids-dropdown__content__link{align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.25rem .75rem!important;text-decoration:none!important}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon{display:inherit}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover{display:none}.ids-dropdown__content .ids-dropdown__content__link:focus,.ids-dropdown__content .ids-dropdown__content__link:hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus,:host(ids-dropdown-content) .ids-dropdown__content__link:hover{background-color:var(--IDS-COLOR-ACCENT-30)!important;color:var(--IDS-COLOR-NEUTRAL-100)!important}.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon{display:none}.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover{display:inherit}.ids-dropdown__content ::slotted(a),:host(ids-dropdown-content) ::slotted(a){align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.25rem .75rem!important;text-decoration:none!important}.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);color:var(--IDS-COLOR-NEUTRAL-100)}";
 
 var dropdownLit = css`
   ${unsafeCSS(css_248z)}

package/components/dropdown/dropdown.css

@@ -19,11 +19,11 @@
 :host(ids-dropdown-content) {
   position: absolute;
   border-radius: var(--IDS-BORDER-RADIUS);
-  border: 1px solid var(--IDS-DROPDOWN__BORDER-COLOR);
-  background: white;
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-  padding: 8px;
-  left: 0px;
+  border: 0.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);
+  background: var(--IDS-COLOR-NEUTRAL-100);
+  box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
+  padding: 0.5rem;
+  left: 0;
   top: 0;
 }
 .ids-dropdown__content.ids-dropdown__content--hide,
@@ -47,19 +47,19 @@
 .ids-dropdown__content .ids-dropdown__content__link,
 :host(ids-dropdown-content) .ids-dropdown__content__link {
   display: flex !important;
-  border-radius: var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);
-  gap: 8px !important;
+  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
+  gap: 0.5rem !important;
   color: var(--IDS-LINK--COLORPRESET-1__COLOR);
   align-items: center !important;
-  font-family: var(--font-family_1) !important;
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
   font-size: 1rem !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 1.5rem !important;
-  letter-spacing: var(--Font-letter-spacing-body-text, 0px);
-  padding: 4px 12px !important;
-  outline-offset: -4px !important;
-  outline-color: white !important;
+  letter-spacing: var(--Font-letter-spacing-body-text, 0);
+  padding: 0.25rem 0.75rem !important;
+  outline-offset: -0.25rem !important;
+  outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
   text-decoration: none !important;
 }
 .ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon,
@@ -73,7 +73,7 @@
 .ids-dropdown__content .ids-dropdown__content__link:hover, .ids-dropdown__content .ids-dropdown__content__link:focus,
 :host(ids-dropdown-content) .ids-dropdown__content__link:hover,
 :host(ids-dropdown-content) .ids-dropdown__content__link:focus {
-  color: white !important;
+  color: var(--IDS-COLOR-NEUTRAL-100) !important;
   background-color: var(--IDS-COLOR-ACCENT-30) !important;
 }
 .ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon, .ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,
@@ -89,25 +89,25 @@
 .ids-dropdown__content ::slotted(a),
 :host(ids-dropdown-content) ::slotted(a) {
   display: flex !important;
-  border-radius: var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);
-  gap: 8px !important;
+  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
+  gap: 0.5rem !important;
   color: var(--IDS-LINK--COLORPRESET-1__COLOR);
   align-items: center !important;
-  font-family: var(--font-family_1) !important;
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
   font-size: 1rem !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 1.5rem !important;
-  letter-spacing: var(--Font-letter-spacing-body-text, 0px);
-  padding: 4px 12px !important;
-  outline-offset: -4px !important;
-  outline-color: white !important;
+  letter-spacing: var(--Font-letter-spacing-body-text, 0);
+  padding: 0.25rem 0.75rem !important;
+  outline-offset: -0.25rem !important;
+  outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
   text-decoration: none !important;
 }
 .ids-dropdown__content ::slotted(a:hover),
 .ids-dropdown__content ::slotted(a:focus),
 :host(ids-dropdown-content) ::slotted(a:hover),
 :host(ids-dropdown-content) ::slotted(a:focus) {
-  color: white;
+  color: var(--IDS-COLOR-NEUTRAL-100);
   background-color: var(--IDS-COLOR-ACCENT-30);
 }

package/components/expandable/expandable-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-expandable{border-bottom:var(--expandable_border-bottom)}.ids-expandable.ids-expandable--borderless{border-bottom:1px solid transparent}.ids-expandable .ids-expandable__button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-expandable.ids-expandable--expanded.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card:not(.ids-expandable--child){border-bottom:none}.ids-expandable.ids-expandable--expanded>.ids-expandable__content{display:block}.ids-expandable.ids-expandable--child .ids-expandable__headline{font-size:var(--IDS-EXPANDABLE--CHILD__HEADLINE__FONT-SIZE)}.ids-expandable .ids-expandable__inner{align-items:center;cursor:pointer;display:flex;min-height:70px;text-align:start}.ids-expandable .ids-expandable__content{display:none;padding-bottom:20px}.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){color:var(--expandable-headline_color);flex-grow:1;font-family:var(--IDS-EXPANDABLE__HEADLINE__FONT-FAMILY);font-size:var(--IDS-EXPANDABLE__HEADLINE__FONT-SIZE);font-weight:var(--IDS-EXPANDABLE__HEADLINE__FONT-WEIGHT);margin:0;padding-bottom:20px;padding-right:10px;padding-top:20px;text-align:start}@media (max-width:1024px){.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){font-size:var(--IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE)}}.ids-expandable .ids-expandable__icon{align-items:center;background-color:var(--expandable-icon-2-icon);border-radius:50%;display:flex;justify-content:center;min-height:24px;min-width:24px}.ids-expandable .ids-expandable__icon .ids-expandable__icon--large{display:none}.ids-expandable .ids-expandable__icon .ids-expandable__icon--small{display:inline-flex}@media (min-width:640px){.ids-expandable .ids-expandable__icon{min-height:28px;min-width:28px}.ids-expandable .ids-expandable__icon .ids-expandable__icon--small{display:none}.ids-expandable .ids-expandable__icon .ids-expandable__icon--large{display:inline-flex}}.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--closed,.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--closed,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--expanded,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--expanded{display:none}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-expandable{border-bottom:var(--IDS-EXPANDABLE__BORDER-BOTTOM)}.ids-expandable .ids-expandable__inner{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:space-between;min-height:4.375rem;text-align:start}.ids-expandable .ids-expandable__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-expandable .ids-expandable__content{display:none;padding-bottom:1.25rem}.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){color:var(--IDS-EXPANDABLE__HEADLINE-COLOR);font-family:var(--IDS-EXPANDABLE__HEADLINE-FONT-FAMILY);font-size:var(--IDS-EXPANDABLE__HEADLINE-FONT-SIZE);font-weight:var(--IDS-EXPANDABLE__HEADLINE-FONT-WEIGHT);margin:0;text-align:start}@media (max-width:1024px){.ids-expandable .ids-expandable__headline,.ids-expandable ::slotted([slot=headline]){font-size:var(--IDS-EXPANDABLE--MOBILE__HEADLINE-FONT-SIZE)}}.ids-expandable .ids-expandable__icon{align-items:center;background-color:var(--IDS-EXPANDABLE__ICON-2-COLOR);border-radius:50%;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem}.ids-expandable .ids-expandable__icon .ids-expandable__icon--large{display:none}.ids-expandable .ids-expandable__icon .ids-expandable__icon--small{display:inline-flex}@media (min-width:640px){.ids-expandable{min-height:1.75rem;min-width:1.75rem}.ids-expandable .ids-expandable__inner{flex-wrap:nowrap}.ids-expandable .ids-expandable__icon .ids-expandable__icon--small{display:none}.ids-expandable .ids-expandable__icon .ids-expandable__icon--large{display:inline-flex}}.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--closed,.ids-expandable.ids-expandable--expanded>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--closed,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon--expanded,.ids-expandable:not(.ids-expandable--expanded)>.ids-expandable__button>.ids-expandable__inner>.ids-expandable__icon>.ids-expandable__icon--expanded{display:none}.ids-expandable.ids-expandable--borderless{border-bottom:.063rem solid transparent}.ids-expandable.ids-expandable--expanded.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card.ids-expandable--has-children,.ids-expandable.ids-expandable--inside-card:not(.ids-expandable--child){border-bottom:none}.ids-expandable.ids-expandable--expanded>.ids-expandable__content{display:block}.ids-expandable.ids-expandable--child .ids-expandable__headline{font-size:var(--IDS-EXPANDABLE--CHILD__HEADLINE-FONT-SIZE)}";
 
 var expandableLit = css`${unsafeCSS(css_248z)}`;
 

package/components/expandable/expandable.css

@@ -2,7 +2,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -22,61 +22,47 @@
   }
 }
 
-/* Expandable Content */
 .ids-expandable {
-  border-bottom: var(--expandable_border-bottom);
-}
-.ids-expandable.ids-expandable--borderless {
-  border-bottom: 1px solid transparent;
-}
-.ids-expandable .ids-expandable__button:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
-}
-.ids-expandable.ids-expandable--inside-card.ids-expandable--has-children, .ids-expandable.ids-expandable--inside-card:not(.ids-expandable--child), .ids-expandable.ids-expandable--expanded.ids-expandable--has-children {
-  border-bottom: none;
-}
-.ids-expandable.ids-expandable--expanded > .ids-expandable__content {
-  display: block;
-}
-.ids-expandable.ids-expandable--child .ids-expandable__headline {
-  font-size: var(--IDS-EXPANDABLE--CHILD__HEADLINE__FONT-SIZE);
+  border-bottom: var(--IDS-EXPANDABLE__BORDER-BOTTOM);
 }
 .ids-expandable .ids-expandable__inner {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
+  justify-content: space-between;
   cursor: pointer;
-  min-height: 70px;
+  min-height: 4.375rem;
   text-align: start;
+  gap: 0.625rem;
+}
+.ids-expandable .ids-expandable__button:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-expandable .ids-expandable__content {
-  padding-bottom: 20px;
+  padding-bottom: 1.25rem;
   display: none;
 }
 .ids-expandable .ids-expandable__headline,
 .ids-expandable ::slotted([slot=headline]) {
-  flex-grow: 1;
-  color: var(--expandable-headline_color);
-  font-size: var(--IDS-EXPANDABLE__HEADLINE__FONT-SIZE);
-  font-family: var(--IDS-EXPANDABLE__HEADLINE__FONT-FAMILY);
-  font-weight: var(--IDS-EXPANDABLE__HEADLINE__FONT-WEIGHT);
-  margin: 0px;
+  color: var(--IDS-EXPANDABLE__HEADLINE-COLOR);
+  font-size: var(--IDS-EXPANDABLE__HEADLINE-FONT-SIZE);
+  font-family: var(--IDS-EXPANDABLE__HEADLINE-FONT-FAMILY);
+  font-weight: var(--IDS-EXPANDABLE__HEADLINE-FONT-WEIGHT);
+  margin: 0;
   text-align: start;
-  padding-right: 10px;
-  padding-top: 20px;
-  padding-bottom: 20px;
 }
 @media (max-width: 1024px) {
   .ids-expandable .ids-expandable__headline,
   .ids-expandable ::slotted([slot=headline]) {
-    font-size: var(--IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE);
+    font-size: var(--IDS-EXPANDABLE--MOBILE__HEADLINE-FONT-SIZE);
   }
 }
 .ids-expandable .ids-expandable__icon {
-  background-color: var(--expandable-icon-2-icon);
+  background-color: var(--IDS-EXPANDABLE__ICON-2-COLOR);
   border-radius: 50%;
-  min-height: 24px;
-  min-width: 24px;
+  min-height: 1.5rem;
+  min-width: 1.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -88,9 +74,12 @@
   display: inline-flex;
 }
 @media (min-width: 640px) {
-  .ids-expandable .ids-expandable__icon {
-    min-height: 28px;
-    min-width: 28px;
+  .ids-expandable {
+    min-height: 1.75rem;
+    min-width: 1.75rem;
+  }
+  .ids-expandable .ids-expandable__inner {
+    flex-wrap: nowrap;
   }
   .ids-expandable .ids-expandable__icon .ids-expandable__icon--small {
     display: none;
@@ -104,4 +93,16 @@
 }
 .ids-expandable.ids-expandable--expanded > .ids-expandable__button > .ids-expandable__inner > .ids-expandable__icon--closed, .ids-expandable.ids-expandable--expanded > .ids-expandable__button > .ids-expandable__inner > .ids-expandable__icon > .ids-expandable__icon--closed {
   display: none;
+}
+.ids-expandable.ids-expandable--borderless {
+  border-bottom: 0.063rem solid transparent;
+}
+.ids-expandable.ids-expandable--inside-card.ids-expandable--has-children, .ids-expandable.ids-expandable--inside-card:not(.ids-expandable--child), .ids-expandable.ids-expandable--expanded.ids-expandable--has-children {
+  border-bottom: none;
+}
+.ids-expandable.ids-expandable--expanded > .ids-expandable__content {
+  display: block;
+}
+.ids-expandable.ids-expandable--child .ids-expandable__headline {
+  font-size: var(--IDS-EXPANDABLE--CHILD__HEADLINE-FONT-SIZE);
 }

package/components/footer/footer-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-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{background-color:var(--footer_background-color);box-shadow:var(--footer_box-shadow);margin-top:var(--footer_margin-top);position:relative}.ids-footer .ids-footer__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 .ids-footer__inner{padding-bottom:var(--footer-inner-mobile_padding-bottom)}}.ids-footer .ids-footer__inner .ids-footer__headline-row{padding-bottom:20px}.ids-footer .ids-footer__inner .ids-footer__headline-row .ids-footer__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 .ids-footer__inner .ids-footer__headline-row .ids-footer__headline .ids-footer__headline--sub{color:var(--footer-headline-sub_color)}.ids-footer .ids-footer__inner .ids-footer__headline-row .ids-footer__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 .ids-footer__inner .ids-footer__content{display:flex;flex-wrap:wrap}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__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 .ids-footer__inner .ids-footer__content .ids-footer__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col{flex:0 0 16%;max-width:16%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-auto{flex:0 0 auto;width:auto}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-6{flex:0 0 50%;max-width:50%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col ul{list-style:none;margin:0;padding:0}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col .ids-footer__link-col__link,.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col .ids-link{margin-bottom:10px!important}@media (max-width:1024px){.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col{display:none}}.ids-footer .ids-footer__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 .ids-footer__sub-footer .ids-footer__mobile-menu{display:none}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__mobile-menu{display:block}.ids-footer .ids-footer__sub-footer{background-color:var(--footer-sub-mobile_background-color);border-top:none;padding-top:var(--footer-sub-mobile_padding-top)}}.ids-footer .ids-footer__sub-footer .ids-footer__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 .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer_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 .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-left{color:var(--footer-sub-text_color)!important;font-size:.875rem!important;line-height:.875rem!important}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-left{display:none}}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right{text-align:end}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right .ids-link{color:var(--footer-sub-text_color);font-size:.875rem;margin-left:20px!important}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right{display:none}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer .ids-footer__content-row{z-index:1}.ids-footer .footer-sub-text{text-align:center}.ids-footer .ids-footer__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:20px;padding-right:20px;padding-top:1.25rem}.ids-footer .ids-footer__mobile-links .ids-link{padding-bottom:15px;padding-top:15px}@media (max-width:1024px){.ids-footer .ids-footer__mobile-links{display:flex}}.ids-footer .ids-footer__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer .ids-footer__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 .ids-footer__sub-footer-mobile .ids-footer__sub-footer-mobile-text{margin-top:30px}}.ids-footer.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.ids-footer--1177 .ids-footer__sub-footer:after,.ids-footer.ids-footer--1177:after{background-color:transparent;background-size:100% 30px;content:\"\";height:30px;position:absolute;top:-30px;width:100%}.ids-footer.ids-footer--1177 .ids-footer__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.ids-footer--1177 .ids-footer__sub-footer:after{content:none!important}}.ids-footer.ids-footer--1177-pro .ids-footer__sub-footer-mobile-icon{align-items:center;display:flex}.ids-footer.ids-footer--1177-pro .ids-footer__sub-footer-mobile-service-name{align-items:center;border-left:1px solid var(--IDS-COLOR-PRIMARY-30);display:flex;height:40px;margin-left:15px;padding-left:15px}.ids-footer.ids-footer--inera .ids-footer__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer.ids-footer--inera .ids-footer__sub-footer-container:after{content:none}}.ids-footer.ids-footer--inera .ids-footer__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer.ids-footer--inera .ids-footer__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:20px;position:absolute;width:154px}}.ids-footer.ids-footer--inera .ids-footer__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer.ids-footer--inera .ids-footer__inner-wrapper{background-position-x:calc(100% - 20px)}}.ids-footer.ids-footer--inera-admin .ids-footer__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin .ids-footer__inner-wrapper{background-position-x:calc(100% - 20px)}}.ids-footer.ids-footer--inera-admin .sub-footer-container:after{content:none}.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40)}.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .sub-footer-container{min-height:40px}.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .ids-footer__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.ids-footer--inera-admin .ids-footer__sub-footer .ids-footer__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .ids-footer__sub-footer-container:after{content:none}}.ids-footer.ids-footer--inera-admin .ids-footer__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin .ids-footer__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:20px;position:absolute;width:154px}}.ids-footer.ids-footer--inera-legacy .ids-footer__inner-wrapper{background:#f1edea;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='869' height='774'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .275h864.005v766.311H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 1.897)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%2300706E' d='M790.3 251.246C680.38 55.396 438.406-37.17 264.727 14.318-134.285 132.536-73.18 694.285 386.932 664.563c282.067-18.219 360.286-10.833 407.01 92.64 6.633 14.692 21.47 10.082 27.118.143 50.596-77.267 74.092-319.35-30.76-506.1' mask='url(%23b)'/%3E%3C/g%3E%3Cpath fill='%2341C0C2' d='M303.88 665.978c-87.494-9.538-139.49-41.576-139.49-41.576 115.558 57.494 199.308-22.749 303.798-44.631 99.938-20.93 255.572 14.38 324.043 175.628-13.503-25.372-30.308-47.56-56.255-63.21-99.715-60.137-319.427-13.93-432.096-26.211'/%3E%3C/g%3E%3C/svg%3E\");background-position:left calc(50vw - 915px) bottom -90px;background-repeat:no-repeat;background-size:869px 774px}@media (max-width:1024px){.ids-footer.ids-footer--inera-legacy .ids-footer__inner-wrapper{background-position:left calc(50vw - 614px) bottom -107px;background-size:1050px 800px}}@media (max-width:640px){.ids-footer.ids-footer--inera-legacy .ids-footer__inner-wrapper{background-color:var(--IDS-COLOR-PRIMARY-30)}}.ids-footer.ids-footer--inera-admin-legacy .ids-footer__inner-wrapper{background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23fff' cx='50' cy='50' r='50'/%3E%3C/svg%3E\") left calc(50vw - 915px) bottom -90px/869px 869px no-repeat #f1edea}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin-legacy .ids-footer__inner-wrapper{background-position:left calc(50vw - 525px) bottom 20px;background-size:1000px 1000px}}.ids-footer.ids-footer--inera-admin-legacy .ids-footer__sub-footer{background-color:#f1edea;border-top:1px solid #e0e0e0;position:relative}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin-legacy .ids-footer__sub-footer{border-top:none}}";
+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{background-color:var(--footer_background-color);box-shadow:var(--footer_box-shadow);margin-top:var(--footer_margin-top);position:relative}.ids-footer .ids-footer__inner{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-bottom:var(--footer-inner_padding-bottom);padding-left:1.25rem;padding-right:1.25rem;padding-top:var(--footer-inner_padding-top)}@media (max-width:1024px){.ids-footer .ids-footer__inner{padding-bottom:var(--footer-inner-mobile_padding-bottom)}}.ids-footer .ids-footer__inner .ids-footer__headline-row{padding-bottom:1.25rem}.ids-footer .ids-footer__inner .ids-footer__headline-row .ids-footer__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 .ids-footer__inner .ids-footer__headline-row .ids-footer__headline .ids-footer__headline--sub{color:var(--footer-headline-sub_color)}.ids-footer .ids-footer__inner .ids-footer__headline-row .ids-footer__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 .ids-footer__inner .ids-footer__content{display:flex;flex-wrap:wrap}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__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 .ids-footer__inner .ids-footer__content .ids-footer__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col{flex:0 0 16%;max-width:16%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-auto{flex:0 0 auto;width:auto}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col.ids-footer__col-size-6{flex:0 0 50%;max-width:50%}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col ul{list-style:none;margin:0;padding:0}.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col .ids-footer__link-col__link,.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col .ids-link{margin-bottom:.625rem!important}@media (max-width:1024px){.ids-footer .ids-footer__inner .ids-footer__content .ids-footer__link-col{display:none}}.ids-footer .ids-footer__sub-footer{background-color:var(--footer-sub_background-color);border-top:none;padding-bottom:var(--footer-sub_padding-bottom);padding-top:var(--footer-sub_padding-top);position:relative}.ids-footer .ids-footer__sub-footer .ids-footer__mobile-menu{display:none}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__mobile-menu{display:block}.ids-footer .ids-footer__sub-footer{background-color:var(--footer-sub-mobile_background-color);border-top:none;padding-top:var(--footer-sub-mobile_padding-top)}}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer_sub-footer-mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-left{color:var(--footer-sub-text_color)!important;font-size:.875rem!important;line-height:.875rem!important}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-left{display:none}}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right{text-align:end}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right .ids-link{color:var(--footer-sub-text_color);font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container .ids-footer__sub-footer-row .ids-footer__sub-footer-right{display:none}.ids-footer .ids-footer__sub-footer .ids-footer__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer .ids-footer__content-row{z-index:1}.ids-footer .footer-sub-text{text-align:center}.ids-footer .ids-footer__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:1.25rem}.ids-footer .ids-footer__mobile-links .ids-link{padding-bottom:.938rem;padding-top:.938rem}@media (max-width:1024px){.ids-footer .ids-footer__mobile-links{display:flex}}.ids-footer .ids-footer__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer .ids-footer__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 2.5rem;text-align:center}.ids-footer .ids-footer__sub-footer-mobile .ids-footer__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer.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.ids-footer--1177 .ids-footer__sub-footer:after,.ids-footer.ids-footer--1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-30px;width:100%}.ids-footer.ids-footer--1177 .ids-footer__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.ids-footer--1177 .ids-footer__sub-footer:after{content:none!important}}.ids-footer.ids-footer--1177-pro .ids-footer__sub-footer-mobile-icon{align-items:center;display:flex}.ids-footer.ids-footer--1177-pro .ids-footer__sub-footer-mobile-service-name{align-items:center;border-left:.063rem solid var(--IDS-COLOR-PRIMARY-30);display:flex;height:2.5rem;margin-left:.938rem;padding-left:.938rem}.ids-footer.ids-footer--inera .ids-footer__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer.ids-footer--inera .ids-footer__sub-footer-container:after{content:none}}.ids-footer.ids-footer--inera .ids-footer__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer.ids-footer--inera .ids-footer__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:1.25rem;position:absolute;width:154px}}.ids-footer.ids-footer--inera .ids-footer__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer.ids-footer--inera .ids-footer__inner-wrapper{background-position-x:calc(100% - 1.25rem)}}.ids-footer.ids-footer--inera-admin .ids-footer__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin .ids-footer__inner-wrapper{background-position-x:calc(100% - 1.25rem)}}.ids-footer.ids-footer--inera-admin .sub-footer-container:after{content:none}.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40)}.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .sub-footer-container{min-height:2.5rem}.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .ids-footer__sub-footer__mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .ids-footer__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin .ids-footer__sub-footer .ids-footer__sub-footer-container:after{content:none}}.ids-footer.ids-footer--inera-admin .ids-footer__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin .ids-footer__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:1.25rem;position:absolute;width:154px}}.ids-footer.ids-footer--inera-legacy .ids-footer__inner-wrapper{background:#f1edea;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='869' height='774'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .275h864.005v766.311H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 1.897)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%2300706E' d='M790.3 251.246C680.38 55.396 438.406-37.17 264.727 14.318-134.285 132.536-73.18 694.285 386.932 664.563c282.067-18.219 360.286-10.833 407.01 92.64 6.633 14.692 21.47 10.082 27.118.143 50.596-77.267 74.092-319.35-30.76-506.1' mask='url(%23b)'/%3E%3C/g%3E%3Cpath fill='%2341C0C2' d='M303.88 665.978c-87.494-9.538-139.49-41.576-139.49-41.576 115.558 57.494 199.308-22.749 303.798-44.631 99.938-20.93 255.572 14.38 324.043 175.628-13.503-25.372-30.308-47.56-56.255-63.21-99.715-60.137-319.427-13.93-432.096-26.211'/%3E%3C/g%3E%3C/svg%3E\");background-position:left calc(50vw - 915px) bottom -90px;background-repeat:no-repeat;background-size:869px 774px}@media (max-width:1024px){.ids-footer.ids-footer--inera-legacy .ids-footer__inner-wrapper{background-position:left calc(50vw - 614px) bottom -107px;background-size:1050px 800px}}@media (max-width:640px){.ids-footer.ids-footer--inera-legacy .ids-footer__inner-wrapper{background-color:var(--IDS-COLOR-PRIMARY-30)}}.ids-footer.ids-footer--inera-admin-legacy .ids-footer__inner-wrapper{background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23fff' cx='50' cy='50' r='50'/%3E%3C/svg%3E\") left calc(50vw - 915px) bottom -90px/869px 869px no-repeat #f1edea}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin-legacy .ids-footer__inner-wrapper{background-position:left calc(50vw - 525px) bottom 1.25rem;background-size:1000px 1000px}}.ids-footer.ids-footer--inera-admin-legacy .ids-footer__sub-footer{background-color:#f1edea;border-top:.063rem solid #e0e0e0;position:relative}@media (max-width:1024px){.ids-footer.ids-footer--inera-admin-legacy .ids-footer__sub-footer{border-top:none}}";
 
 var footerLit = css`${unsafeCSS(css_248z)}`;