hr-design-system-handlebars 1.50.17 → 1.50.19

package/dist/assets/index.css

@@ -423,7 +423,7 @@ video {
         font-stretch: condensed;
     }
 
-.-translate-x-1\/2, .-translate-x-2\/4, .-translate-y-1\/2, .-rotate-45, .rotate-180, .rotate-45, .scale-50, .scale-y-100, .scale-y-90, .transform, .is-loading::after, .hover\:scale-105, .active\:scale-95 {
+.-translate-x-1\/2, .-translate-x-2\/4, .-translate-y-1\/2, .-translate-y-8, .translate-y-0, .translate-y-12, .-rotate-45, .rotate-180, .rotate-45, .scale-50, .scale-y-100, .scale-y-90, .transform, .is-loading::after, .hover\:scale-105, .active\:scale-95 {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
@@ -1059,6 +1059,10 @@ article.indexText ul {
 .bottom-15 {
   bottom: 3.75rem;
 }
+.bottom-feature-box-height {
+  bottom: 0;
+  bottom: var(--feature-box-height);
+}
 .left-0 {
   left: 0px;
 }
@@ -1104,12 +1108,19 @@ article.indexText ul {
 .top-8 {
   top: 2rem;
 }
+.top-9 {
+  top: 2.25rem;
+}
 .top-\[3px\] {
   top: 3px;
 }
 .top-\[41px\] {
   top: 41px;
 }
+.top-feature-box-height {
+  top: 0;
+  top: var(--feature-box-height);
+}
 .top-full {
   top: 100%;
 }
@@ -1152,6 +1163,9 @@ article.indexText ul {
 .order-4 {
   order: 4;
 }
+.order-first {
+  order: -9999;
+}
 .col-span-12 {
   grid-column: span 12 / span 12;
 }
@@ -1274,6 +1288,9 @@ article.indexText ul {
 .-mt-40 {
   margin-top: -10rem;
 }
+.-mt-6 {
+  margin-top: -1.5rem;
+}
 .-mt-8 {
   margin-top: -2rem;
 }
@@ -1385,6 +1402,9 @@ article.indexText ul {
 .mt-3 {
   margin-top: 0.75rem;
 }
+.mt-3\.5 {
+  margin-top: 0.875rem;
+}
 .mt-4 {
   margin-top: 1rem;
 }
@@ -1457,6 +1477,9 @@ article.indexText ul {
 .hidden {
   display: none;
 }
+.aspect-auto {
+  aspect-ratio: auto;
+}
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
@@ -1517,6 +1540,11 @@ article.indexText ul {
 .h-header-sm {
   height: 7.125rem;
 }
+.h-max {
+  height: -webkit-max-content;
+  height: -moz-max-content;
+  height: max-content;
+}
 .h-screen {
   height: 100vh;
 }
@@ -1718,6 +1746,18 @@ article.indexText ul {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-8 {
+  --tw-translate-y: -2rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.translate-y-0 {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.translate-y-12 {
+  --tw-translate-y: 3rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-rotate-45 {
   --tw-rotate: -45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1973,6 +2013,9 @@ article.indexText ul {
   border-top-left-radius: 0px;
   border-top-left-radius: var(--border-radius-hr);
 }
+.rounded-tr-lg {
+  border-top-right-radius: 0.5rem;
+}
 .border {
   border-width: 1px;
 }
@@ -2090,6 +2133,10 @@ article.indexText ul {
   border-color: #fff;
   border-color: var(--color-servicenavigation-border-color);
 }
+.border-structure-nav {
+  border-color: #005293;
+  border-color: var(--structure-nav-background);
+}
 .border-teal-600 {
   --tw-border-opacity: 1;
   border-color: rgba(13, 148, 136, var(--tw-border-opacity));
@@ -2184,6 +2231,10 @@ article.indexText ul {
   --tw-bg-opacity: 1;
   background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
 }
+.bg-green-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
+}
 .bg-highlight-1 {
   background-color: #eaf3fa;
   background-color: var(--color-highlight-1);
@@ -2244,6 +2295,10 @@ article.indexText ul {
   --tw-bg-opacity: 1;
   background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
 }
+.bg-orange-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 115, 22, var(--tw-bg-opacity));
+}
 .bg-orange-bridesmaid {
   --tw-bg-opacity: 1;
   background-color: rgba(252, 242, 237, var(--tw-bg-opacity));
@@ -2264,10 +2319,18 @@ article.indexText ul {
   --tw-bg-opacity: 1;
   background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
 }
+.bg-slate-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(100, 116, 139, var(--tw-bg-opacity));
+}
 .bg-stageTextBox\/85 {
   background-color: rgba(0, 110, 183, .85);
   background-color: rgb(var(--color-stage-text-box) / .85);
 }
+.bg-structure-nav {
+  background-color: #005293;
+  background-color: var(--structure-nav-background);
+}
 .bg-tickerTeaserTimelineScore {
   background-color: #d34600;
   background-color: var(--color-ticker-teaser-timeline-score);
@@ -2287,6 +2350,12 @@ article.indexText ul {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
+.bg-white\/60 {
+  background-color: rgba(255, 255, 255, 0.6);
+}
+.bg-white\/80 {
+  background-color: rgba(255, 255, 255, 0.8);
+}
 .bg-gradient-to-l {
   background-image: linear-gradient(to left, var(--tw-gradient-stops));
 }
@@ -2362,6 +2431,14 @@ article.indexText ul {
   fill: #006eb7;
   fill: var(--color-link);
 }
+.fill-structure-nav-text {
+  fill: #ffffff;
+  fill: var(--structure-nav-text);
+}
+.fill-text {
+  fill: #000000;
+  fill: var(--color-standard-text);
+}
 .fill-white {
   fill: #ffffff;
 }
@@ -2371,12 +2448,18 @@ article.indexText ul {
 .p-0 {
   padding: 0px;
 }
+.p-1 {
+  padding: 0.25rem;
+}
 .p-10 {
   padding: 2.5rem;
 }
 .p-2 {
   padding: 0.5rem;
 }
+.p-3 {
+  padding: 0.75rem;
+}
 .p-4 {
   padding: 1rem;
 }
@@ -2697,6 +2780,9 @@ article.indexText ul {
 .font-bold {
   font-weight: 700;
 }
+.font-medium {
+  font-weight: 500;
+}
 .font-normal {
   font-weight: 400;
 }
@@ -2744,6 +2830,9 @@ article.indexText ul {
 .leading-6 {
   line-height: 1.5rem;
 }
+.leading-7 {
+  line-height: 1.75rem;
+}
 .leading-\[34px\] {
   line-height: 34px;
 }
@@ -2885,6 +2974,14 @@ article.indexText ul {
   color: #ffffff;
   color: var(--color-stage-text);
 }
+.text-structure-nav-text {
+  color: #ffffff;
+  color: var(--structure-nav-text);
+}
+.text-structure-nav-text-mobile {
+  color: #005293;
+  color: var(--structure-nav-text-mobile);
+}
 .text-subline {
   color: #006dc1;
   color: var(--color-subline);
@@ -3077,6 +3174,9 @@ article.indexText ul {
 .duration-700 {
   transition-duration: 700ms;
 }
+.ease-\[cubic-bezier\(0\.68\2c -0\.3\2c 0\.32\2c 1\)\] {
+  transition-timing-function: cubic-bezier(0.68,-0.3,0.32,1);
+}
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -3091,7 +3191,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1700830960091;
+  counter-reset: cnt1701247788210;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3352,7 +3452,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1700830960091 1;
+  counter-increment: cnt1701247788210 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3368,7 +3468,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1700830960091);
+  content: counter(cnt1701247788210);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3591,6 +3691,24 @@ article.indexText ul {
     --color-ticker-teaser-headline-underline : #ffffff;
     --color-toggle-confirmation: #2c7e13; 
     --color-toggle-default: #797979;
+
+    
+    --banner__background-color: #ffffff;
+    --banner__background-color--with-image:transparent;
+    --banner-overlay_background-color: #ffffff;
+    --banner-overlay__background-color--rgba: rgba(--banner-overlay_background-color, 0.85);
+    --banner-topline__color: #000000;
+
+    --banner-specialinfo__background-color: #ffffff;
+    --banner-specialinfo__color: #000000;
+    --banner-specialinfo__background-color--invert: #000000;
+    --banner-specialinfo__color--invert: #ffffff;
+
+    --structure-nav-background: var(--color-primary-ds);
+    --structure-nav-text: #ffffff;
+    --structure-nav-text-mobile: var(--color-primary-ds);
+
+    --feature-box-height: 0;
 }
 [data-theme='hessenschau'] {
     --color-primary-ds: #005293;
@@ -3833,6 +3951,10 @@ article.indexText ul {
     /* Font */
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
+    /* Structure Navigation */
+    --structure-nav-background: #00375d;
+
+    --feature-box-height: 96px;
 }
 [data-theme='hr-rundfunkrat'] {
     --color-primary-ds: #606060;
@@ -3914,6 +4036,8 @@ article.indexText ul {
     /* Font */
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
+    /* Structure Navigation */
+    --structure-nav-background: #006eb7;
 }
 [data-theme='hr-werbung'] {
     --color-primary-ds: #007396; 
@@ -4289,6 +4413,12 @@ article.indexText ul {
     /* Font */
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
+    /* Structure Nav */
+    --structure-nav-background: var(--color-primary-ds);
+    --structure-nav-text: #433d37;
+    --structure-nav-text-mobile: #916B00;
+
+    --feature-box-height: 96px;
 }
 [data-theme='hr2'] {
     --color-primary-ds: #ec6602;
@@ -4366,6 +4496,8 @@ article.indexText ul {
     --color-ticker-teaser-timeline-score: #e5007d;
 
     --search-border-color-desktop:  var(--color-navigation-icons);
+    
+    --feature-box-height: 96px;
 }
 [data-theme='hr3'] {
     --color-primary-ds: #c20016;
@@ -4443,6 +4575,8 @@ article.indexText ul {
     --font-weight-title: 700;
 
     --search-border-color-desktop: #606060;
+
+    --feature-box-height: 96px;
 }
 [data-theme='hr4'] {
     --color-primary-ds: #bf0071;
@@ -4519,6 +4653,9 @@ article.indexText ul {
     --font-weight-title: 700;
     /* Border */
     --border-radius-hr: 1.5rem;
+    /* Structure Navigation */
+    --structure-nav-background: #168378;
+    --feature-box-height: 96px;
 }
 [data-theme='you-fm'] {
     --color-primary-ds: #007179 /* #c20016 */;
@@ -4602,6 +4739,11 @@ article.indexText ul {
     --font-weight-title: 700;
 
     --search-border-color-desktop:  var(--color-navigation-icons);
+    /* Structure Navigation */
+    --structure-nav-background: #f2da6c;
+    --structure-nav-text: #000000;
+    --structure-nav-text-mobile: #007EA1;
+    --feature-box-height: 96px;
 }
 /*! purgecss end ignore */
 .sbdocs-content {
@@ -4870,6 +5012,9 @@ article.indexText ul {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
+.group:hover .group-hover\:static {
+  position: static;
+}
 .group:hover .group-hover\:fill-media-button {
   fill: #276b9e;
   fill: var(--color-media-button);
@@ -4885,6 +5030,9 @@ article.indexText ul {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
 .group:focus .group-focus\:text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -4969,6 +5117,16 @@ article.indexText ul {
 .after\:col-full::after {
         grid-column: full;
     }
+:is([dir="rtl"] .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 1;
+}
+[class~='tw-dark'] .dark\:bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+[class~='tw-dark'] .dark\:bg-black\/60 {
+  background-color: rgba(0, 0, 0, 0.6);
+}
 [class~='tw-dark'] .dark\:bg-highlight-1-dark {
   background-color: #2d2d2d;
   background-color: var(--color-highlight-1-dark);
@@ -4985,6 +5143,10 @@ article.indexText ul {
   fill: #006eb7;
   fill: var(--color-link-dark);
 }
+[class~='tw-dark'] .dark\:fill-text-dark {
+  fill: #F0F0F0;
+  fill: var(--color-standard-text-dark);
+}
 [class~='tw-dark'] .dark\:text-link-dark {
   color: #006eb7;
   color: var(--color-link-dark);
@@ -5006,6 +5168,10 @@ article.indexText ul {
 }
 @media print {
 
+  .print\:absolute {
+    position: absolute;
+  }
+
   .print\:flex {
     display: flex;
   }
@@ -5056,10 +5222,53 @@ article.indexText ul {
     line-height: 1.75rem;
   }
 
+  .sm480\:text-4xl {
+    font-size: 2.125rem;
+    line-height: 2.375rem;
+  }
+
   .sm480\:text-lg {
     font-size: 1.125rem;
     line-height: 1.5rem;
   }
+
+  .sm480\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.1875rem;
+  }
+
+  .sm480\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.6875rem;
+  }
+    .sm480\:ar-16-7 {
+        aspect-ratio: 16 / 7;
+    }
+
+    @supports not (aspect-ratio: 16 / 7) {
+        .sm480\:ar-16-7::before {
+            float: left;
+            padding-top: calc(16 / 7 * 100%);
+            content: '';
+        }
+
+        .sm480\:ar-16-7::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .sm480\:ar-16-7::before {
+            float: left;
+            padding-top: calc(16 / 7 * 100%);
+            content: '';
+        }
+
+        .sm480\:ar-16-7::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
 }
 @media (min-width: 640px) {
 
@@ -5264,7 +5473,6 @@ article.indexText ul {
             clear: both;
         }
     }
-
     .sm\:ar-auto {
         aspect-ratio: auto;
     }
@@ -5400,6 +5608,10 @@ article.indexText ul {
     margin-bottom: 2rem;
   }
 
+  .md\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
   .md\:ml-4 {
     margin-left: 1rem;
   }
@@ -5435,6 +5647,10 @@ article.indexText ul {
     -webkit-line-clamp: 4;
   }
 
+  .md\:block {
+    display: block;
+  }
+
   .md\:inline-block {
     display: inline-block;
   }
@@ -5564,6 +5780,13 @@ article.indexText ul {
     row-gap: 3.5rem;
   }
 
+  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   .md\:self-end {
     align-self: flex-end;
   }
@@ -5590,6 +5813,10 @@ article.indexText ul {
     border-width: 0px;
   }
 
+  .md\:border-b-0 {
+    border-bottom-width: 0px;
+  }
+
   .md\:border-l {
     border-left-width: 1px;
   }
@@ -5659,6 +5886,11 @@ article.indexText ul {
     padding-right: 1rem;
   }
 
+  .md\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
   .md\:py-0 {
     padding-top: 0px;
     padding-bottom: 0px;
@@ -5742,6 +5974,11 @@ article.indexText ul {
     color: var(--color-footer-text);
   }
 
+  .md\:text-structure-nav-text {
+    color: #ffffff;
+    color: var(--structure-nav-text);
+  }
+
   .md\:decoration-2 {
     text-decoration-thickness: 2px;
   }
@@ -5804,6 +6041,34 @@ article.indexText ul {
             clear: both;
         }
     }
+    .md\:ar-100-27 {
+        aspect-ratio: 100 / 27.1;
+    }
+
+    @supports not (aspect-ratio: 100 / 27.1) {
+        .md\:ar-100-27::before {
+            float: left;
+            padding-top: calc(100 / 27.1 * 100%);
+            content: '';
+        }
+
+        .md\:ar-100-27::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .md\:ar-100-27::before {
+            float: left;
+            padding-top: calc(100 / 27.1 * 100%);
+            content: '';
+        }
+
+        .md\:ar-100-27::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
 
     .md\:col-main {
         grid-column: main;
@@ -5856,6 +6121,10 @@ article.indexText ul {
     position: relative;
   }
 
+  .lg\:bottom-0 {
+    bottom: 0px;
+  }
+
   .lg\:bottom-10 {
     bottom: 2.5rem;
   }
@@ -5888,6 +6157,10 @@ article.indexText ul {
     top: 3.75rem;
   }
 
+  .lg\:z-50 {
+    z-index: 50;
+  }
+
   .lg\:order-2 {
     order: 2;
   }
@@ -5900,6 +6173,11 @@ article.indexText ul {
     margin: 0px;
   }
 
+  .lg\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
   .lg\:mx-8 {
     margin-left: 2rem;
     margin-right: 2rem;
@@ -5971,6 +6249,10 @@ article.indexText ul {
     -webkit-line-clamp: 5;
   }
 
+  .lg\:block {
+    display: block;
+  }
+
   .lg\:flex {
     display: flex;
   }
@@ -6382,6 +6664,70 @@ article.indexText ul {
     border-left-width: 1px;
   }
 }
+.\[\&\:has\(\+\.-image\)\]\:order-4[\:has\(\%2B.-image\)] {
+  order: 4;
+}
+.\[\&\:has\(\+\.-image\)\]\:order-4:has(+.-image) {
+  order: 4;
+}
+@media (min-width: 1024px) {
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:order-1[\:has\(\%2B.-image\)] {
+    order: 1;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:order-1:has(+.-image) {
+    order: 1;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:-mb-9[\:has\(\%2B.-image\)] {
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:-mb-9:has(+.-image) {
+    margin-bottom: -2.25rem;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:py-0[\:has\(\%2B.-image\)] {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:py-0:has(+.-image) {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:pt-3[\:has\(\%2B.-image\)] {
+    padding-top: 0.75rem;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\)\]\:pt-3:has(+.-image) {
+    padding-top: 0.75rem;
+  }
+}
+.\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-image.-hideOnMobile\)] {
+  order: 1;
+}
+.\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1:has(+.-image.-hideOnMobile) {
+  order: 1;
+}
+@media (min-width: 1024px) {
+
+  .lg\:\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-image.-hideOnMobile\)] {
+    order: 1;
+  }
+
+  .lg\:\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1:has(+.-image.-hideOnMobile) {
+    order: 1;
+  }
+}
 .\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
   padding-bottom: 1.25rem;
 }
+@media (min-width:1170px) {
+
+  .\[\@media\(min-width\:1170px\)\]\:-mr-14 {
+    margin-right: -3.5rem;
+  }
+}