hr-design-system-handlebars 1.27.1 → 1.28.0

package/dist/assets/index.css

@@ -433,7 +433,7 @@ video {
   --tw-scale-y: 1;
 }
 
-.from-black, .from-purple-50, .from-white, .to-purple-100, .md\:from-white {
+.from-\[\{\{_bgcolor\}\}\], .from-black, .from-purple-50, .from-white, .to-purple-100, .md\:from-white {
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
@@ -1084,6 +1084,9 @@ video {
 .top-10 {
   top: 2.5rem;
 }
+.top-\[41px\] {
+  top: 41px;
+}
 .top-full {
   top: 100%;
 }
@@ -1203,9 +1206,6 @@ video {
 .-mt-1 {
   margin-top: -0.25rem;
 }
-.-mt-10 {
-  margin-top: -2.5rem;
-}
 .-mt-2 {
   margin-top: -0.5rem;
 }
@@ -1215,12 +1215,21 @@ video {
 .-mt-40 {
   margin-top: -10rem;
 }
+.-mt-8 {
+  margin-top: -2rem;
+}
+.-mt-px {
+  margin-top: -1px;
+}
 .mb-0 {
   margin-bottom: 0px;
 }
 .mb-10 {
   margin-bottom: 2.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -1248,6 +1257,9 @@ video {
 .ml-4 {
   margin-left: 1rem;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mr-0 {
   margin-right: 0px;
 }
@@ -1308,6 +1320,9 @@ video {
 .box-border {
   box-sizing: border-box;
 }
+.box-content {
+  box-sizing: content-box;
+}
 .line-clamp-4 {
   overflow: hidden;
   display: -webkit-box;
@@ -1467,9 +1482,6 @@ video {
 .w-7 {
   width: 1.75rem;
 }
-.w-8 {
-  width: 2rem;
-}
 .w-9 {
   width: 2.25rem;
 }
@@ -1677,9 +1689,6 @@ video {
 .justify-around {
   justify-content: space-around;
 }
-.justify-items-center {
-  justify-items: center;
-}
 .gap-5 {
   gap: 1.25rem;
 }
@@ -1861,6 +1870,10 @@ video {
 .border-none {
   border-style: none;
 }
+.border-brandnavigation-border-color {
+  border-color: #005293;
+  border-color: var(--color-brandnavigation-border-color);
+}
 .border-button {
   border-color: var(--color-button);
 }
@@ -1891,6 +1904,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(156, 163, 175, var(--tw-border-opacity));
 }
+.border-navigation-border-color {
+  border-color: #fff;
+  border-color: var(--color-navigation-border-color);
+}
 .border-primary {
   border-color: #005293;
   border-color: var(--color-primary-ds);
@@ -1978,6 +1995,10 @@ video {
   background-color: #d34600;
   background-color: var(--color-highlight-2);
 }
+.bg-highlight-3 {
+  background-color: #005293;
+  background-color: var(--color-highlight-3);
+}
 .bg-labelBreakingnews {
   background-color: #cc1a14;
   background-color: var(--color-label-breakingnews);
@@ -2018,6 +2039,10 @@ video {
   background-color: #009bc6;
   background-color: var(--color-label-program);
 }
+.bg-navigation-bg {
+  background-color: #005293;
+  background-color: var(--color-navigation-bg);
+}
 .bg-neutral-200 {
   --tw-bg-opacity: 1;
   background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
@@ -2026,10 +2051,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(252, 242, 237, var(--tw-bg-opacity));
 }
-.bg-orange-spicyCarrot {
-  --tw-bg-opacity: 1;
-  background-color: rgba(211, 70, 0, var(--tw-bg-opacity));
-}
 .bg-podcast {
   background-color: #006dc1;
   background-color: var(--color-podcast);
@@ -2050,6 +2071,10 @@ video {
   background-color: rgba(0, 110, 183, .85);
   background-color: rgb(var(--color-stage-text-box) / .85);
 }
+.bg-tickerTeaserTimelineScore {
+  background-color: #d34600;
+  background-color: var(--color-ticker-teaser-timeline-score);
+}
 .bg-top-topic-background {
   background-color: #d3e2f4;
   background-color: var(--color-top-topic-background);
@@ -2061,12 +2086,20 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
+.bg-gradient-to-l {
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
+.from-\[\{\{_bgcolor\}\}\] {
+  --tw-gradient-from: {{ bgcolor}} var(--tw-gradient-from-position);
+  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-black {
   --tw-gradient-from: #000000 var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
@@ -2277,6 +2310,9 @@ video {
 .pl-0\.5 {
   padding-left: 0.125rem;
 }
+.pl-10 {
+  padding-left: 2.5rem;
+}
 .pl-16 {
   padding-left: 4rem;
 }
@@ -2452,9 +2488,6 @@ video {
 .\!leading-none {
   line-height: 1 !important;
 }
-.leading-10 {
-  line-height: 2.5rem;
-}
 .leading-3 {
   line-height: .75rem;
 }
@@ -2470,6 +2503,9 @@ video {
 .leading-6 {
   line-height: 1.5rem;
 }
+.leading-\[34px\] {
+  line-height: 34px;
+}
 .tracking-wide {
   letter-spacing: .0125em;
 }
@@ -2508,6 +2544,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(0, 109, 193, var(--tw-text-opacity));
 }
+.text-brandnav-pseudo {
+  color: #005293;
+  color: var(--color-brandnav-pseudo);
+}
 .text-button {
   color: var(--color-button);
 }
@@ -2560,6 +2600,14 @@ video {
   color: #276b9e;
   color: var(--color-media-button);
 }
+.text-navigation-icons {
+  color: #fff;
+  color: var(--color-navigation-icons);
+}
+.text-navigation-text {
+  color: #fff;
+  color: var(--color-navigation-text);
+}
 .text-orange-spicyCarrot {
   --tw-text-opacity: 1;
   color: rgba(211, 70, 0, var(--tw-text-opacity));
@@ -2584,6 +2632,18 @@ video {
   color: #006dc1;
   color: var(--color-subline);
 }
+.text-tickerTeaserFooter {
+  color: #ffffff;
+  color: var(--color-ticker-teaser-footer);
+}
+.text-tickerTeaserHeadline {
+  color: #ffffff;
+  color: var(--color-ticker-teaser-headline,#000);
+}
+.text-tickerTeaserlabelByline {
+  color: #ffffff;
+  color: var(--color-ticker-teaser-label-byline);
+}
 .text-toplineColor {
   color: #006dc1;
   color: var(--color-topline);
@@ -2732,6 +2792,9 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.delay-1000 {
+  transition-delay: 1000ms;
+}
 .delay-200 {
   transition-delay: 200ms;
 }
@@ -2757,7 +2820,7 @@ video {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 .counter-reset {
-  counter-reset: cnt1686838790804;
+  counter-reset: cnt1687424423300;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -2855,7 +2918,7 @@ video {
     border-left-width: 8px;
     border-bottom-width: 8px;
     border-color: #005293;
-    border-color: var(--color-primary-ds);
+    border-color: var(--color-brandnav-pseudo);
     --tw-border-opacity: 1;
     border-left-color: rgba(255, 255, 255, var(--tw-border-opacity));
     border-right-color: transparent;
@@ -2937,11 +3000,10 @@ video {
     border-right-width: 8px;
     border-left-width: 8px;
     border-bottom-width: 8px;
-    --tw-border-opacity: 1;
-    border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity));
     border-right-color: transparent;
     border-left-color: transparent;
-    border-bottom-color: #ffffff;
+    border-bottom-color: #fff;
+    border-bottom-color: var(--color-navigation-border-color);
   }
 }
 .-weather_warning {
@@ -2993,7 +3055,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1686838790804 1;
+  counter-increment: cnt1687424423300 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3009,7 +3071,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1686838790804);
+  content: counter(cnt1687424423300);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -3054,9 +3116,21 @@ video {
   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));
         content: attr(data-prop-loading);
 }
+.brand-logo-size {
+            padding-top: 10px;
+            padding-top: var(--logo-padding-top);
+            padding-bottom: 10px;
+            padding-bottom: var(--logo-padding-bottom);
+        }
 .\[-T\:\+Z\] {
   --t: +Z;
 }
+.\[border-image-slice\:1\] {
+  border-image-slice: 1;
+}
+.\[border-image-source\:var\(--border-navigation-border-image\)\] {
+  border-image-source: var(--border-navigation-border-image);
+}
 /*! purgecss start ignore */
 :root,
 [data-theme='default'] {
@@ -3064,7 +3138,29 @@ video {
     --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
-
+    --color-highlight-3: #005293;
+
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #005293;
+    --color-brandnavigation-bg: #fff; 
+    /* Navigation Icons */
+    --color-navigation-icons: #fff;
+    /* Navigation Text */
+    --color-navigation-text: #fff;
+    /* Brandnavigation Border and :before Color */
+    --color-brandnavigation-border-color: #005293; 
+    --color-brandnav-pseudo: #005293;
+    /* Service/Sectionnavigation Border-Color */
+    --color-navigation-border-color: #fff;
+    /* Sectionnavigation Border Bottom Width */
+    --border-navigation-border-width: 1px;
+    /* Logo-Container Padding */
+    --logo-padding-top: 10px;
+    --logo-padding-bottom: 10px;
+    --logo-padding-top-md: 10px;
+    --logo-padding-bottom-md: 10px;    
+    --logo-padding-top-lg: 10px;
+    --logo-padding-bottom-lg: 10px;
     /*Hauptmenü*/
     --color-top-topic-background: #d3e2f4;
     /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3132,12 +3228,27 @@ video {
     --font-weight-titleCluster: 700;
     /* Border Radius */
     --border-radius-hr: 0px;
+    /* ticker-Teaser*/
+    --color-ticker-teaser-headline: #ffffff;
+    --color-ticker-teaser-label-byline: #ffffff;
+    --color-ticker-teaser-timeline-score: #d34600;
+    --color-ticker-teaser-footer: #ffffff;
+
 }
 [data-theme='hessenschau'] {
     --color-primary-ds: #005293;
     --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
+    --color-highlight-3: #005293;
+
+    /* Logo-Container Padding */
+    --logo-padding-top: 6px;
+    --logo-padding-bottom: 6px;
+    --logo-padding-top-md: 6px;
+    --logo-padding-bottom-md: 6px;    
+    --logo-padding-top-lg: 8px;
+    --logo-padding-bottom-lg: 8px;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006dc1;
@@ -3201,12 +3312,22 @@ video {
     --font-weight-titleCluster: 700;
     /* Border */
     --border-radius-hr: 1.5rem;
+    /* ticker-Teaser*/
+    --color-ticker-teaser-headline: #ffffff;
+    --color-ticker-teaser-label-byline: #ffffff;
+    --color-ticker-teaser-timeline-score: #d34600;
+    --color-ticker-teaser-footer: #ffffff;
 }
 [data-theme='hr-fernsehen'] {
     --color-primary-ds: #a00d65;
     --color-secondary-ds: #007179;
     --color-highlight-1: #eaeded;
     --color-highlight-2: #d34600;
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #a00d65;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #a00d65;
+    --color-brandnav-pseudo: #a00d65;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
@@ -3265,6 +3386,12 @@ video {
     --color-highlight-1: #e5edf1;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #276b9e; 
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #276b9e; 
+    --color-brandnav-pseudo: #276b9e;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #276b9e;
     /* Ticker, Live, Livestream */
@@ -3321,6 +3448,15 @@ video {
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #606060;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #606060;
+    --color-brandnav-pseudo: #606060;
+    /* Logo Top/Bottom-Padding */
+    --logo-padding-top:12px;
+    --logo-padding-bottom: 12px;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
     /* Ticker, Live, Livestream */
@@ -3378,6 +3514,11 @@ video {
     --color-secondary-ds: #007179;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #006eb7; 
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #006eb7; 
+    --color-brandnav-pseudo: #006eb7;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
@@ -3436,6 +3577,14 @@ video {
     --color-secondary-ds: #007179;
     --color-highlight-1: #e0e0e0;
     --color-highlight-2: #d34600;
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #8d2725;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #8d2725;
+    --color-brandnav-pseudo: #8d2725;
+    /* Logo padding */
+    --logo-padding-top:2px;
+    --logo-padding-bottom: 2px;
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #8d2725;
@@ -3493,6 +3642,14 @@ video {
     --color-highlight-1: #eaf5f7;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund, Borders und Icons */
+    --color-navigation-bg: #00646f;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color:  #00646f;
+    --color-brandnav-pseudo: #00646f;
+    /* Logo padding */
+    --logo-padding-top:2px;
+    --logo-padding-bottom: 2px;    
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #00646f;
     /* Ticker, Live, Livestream */
@@ -3549,6 +3706,12 @@ video {
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #006eb7; 
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #006eb7; 
+    --color-brandnav-pseudo: #006eb7;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
     /* Ticker, Live, Livestream */
@@ -3606,7 +3769,15 @@ video {
     --color-secondary-ds: #007179;
     --color-highlight-1: #FBF9EE;
     --color-highlight-2: #d34600;
-
+    
+    /* Navigation Hintergrund, Borders und Icons */
+    --color-navigation-bg: #e0ae00;
+    /* Navigation Icons und Text Colors*/
+    --color-navigation-icons: #433d37;
+    --color-navigation-text: #433d37;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #e0ae00;
+    --color-brandnav-pseudo: #e0ae00;
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #916B00;
     /* Ticker, Live, Livestream */
@@ -3665,6 +3836,19 @@ video {
     --color-highlight-1: #e0e0e0;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund, Text und Icons */
+    --color-navigation-bg: #fff;
+    --color-navigation-icons: #433d37;
+    --color-navigation-text: #433d37;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #ec6602;
+    --color-brandnav-pseudo: #ec6602;
+    --color-navigation-border-color:#ec6602;
+    /* Sectionnavigation Border bottom Width */
+    --border-navigation-border-width: 8px;
+    /* Logo paddings */
+    --logo-padding-top:8px;
+    --logo-padding-bottom: 8px; 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #c95702;
     /* Ticker, Live, Livestream */
@@ -3715,6 +3899,8 @@ video {
     /* 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;
+    /* ticker-Teaser*/
+    --color-ticker-teaser-timeline-score: #e5007d;
 }
 [data-theme='hr3'] {
     --color-primary-ds: #c20016;
@@ -3722,6 +3908,20 @@ video {
     --color-highlight-1: #E6E6E6;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund, Text und Icons */
+    --color-navigation-bg: #fff;
+    --color-navigation-icons: #606060;
+    --color-navigation-text: #606060;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #c20016;
+    --color-brandnav-pseudo: #c20016; 
+    /* Service/Sectionnavigation Border Color */
+    --color-navigation-border-color: #c20016;
+    /* Sectionnavigation Border Bottom Width */
+    --border-navigation-border-width: 8px;
+    /* Logo padding */
+    --logo-padding-top:8px;
+    --logo-padding-bottom: 8px;
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #c20016;
     /* Ticker, Live, Livestream */
@@ -3781,6 +3981,14 @@ video {
     --color-highlight-1: #DBEAEA;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund */
+    --color-navigation-bg: #168378;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #168378;
+    --color-brandnav-pseudo: #168378;
+    /* Logo padding */
+    --logo-padding-top:4px;
+    --logo-padding-bottom: 4px;
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #168378;
     /* Ticker, Live, Livestream */
@@ -3837,11 +4045,25 @@ video {
     --border-radius-hr: 1.5rem;
 }
 [data-theme='you-fm'] {
-    --color-primary-ds: #c20016;
+    --color-primary-ds: #007179 /* #c20016 */;
     --color-secondary-ds: #007179;
     --color-highlight-1: #E5E8E8;
     --color-highlight-2: #d34600;
 
+    /* Navigation Hintergrund, Text und Icons */
+    --color-navigation-bg: #fff;
+    --color-navigation-icons: #000;
+    --color-navigation-text: #000;
+    /* Brandnavigation Border and :before Colors*/
+    --color-brandnavigation-border-color: #000;
+    --color-brandnav-pseudo: #007179; 
+    /* Service/Sectionnavigation Border Color*/
+    --color-navigation-border-color:#000;
+    /* Sectionnavigation Border Bottom Width*/
+    --border-navigation-border-width: 11px;
+    /* The Fancy special border on youfm */
+    --border-navigation-border-image: linear-gradient(to right, #ec6a19 0%, #ec6a19 17%, #00aec5 17%, #00aec5 34%, #00a781 34%, #00a781 51%, #fcbf1f 51%, #fcbf1f 68%, #e51353 68%, #e51353 85%, #8d3b8e 85%, #8d3b8e 100%);
+   
     /* Medieninhalte, Video, Audio, Bildergalerien */
     --color-label-media: #000000;
     /* Ticker, Live, Livestream */
@@ -3905,24 +4127,6 @@ video {
 .hide-scroll-bar::-webkit-scrollbar {
     display: none;
 }
-.arrow-left-background {
-    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
-    transition: transform 150ms ease-in-out 0s;
-}
-.arrow-right-background {
-    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
-    transition: transform 150ms ease-in-out 0s;
-}
-.arrow-left-background-blue {
-    background: linear-gradient(to left, rgba(255, 255, 255, 0),#005293 50%);
-    background: linear-gradient(to left, rgba(255, 255, 255, 0),var(--color-primary-ds) 50%);
-    transition: transform 150ms ease-in-out 0s;
-}
-.arrow-right-background-blue {
-    background: linear-gradient(to right, rgba(255, 255, 255, 0), #005293 50%);
-    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--color-primary-ds) 50%);
-    transition: transform 150ms ease-in-out 0s;
-}
 .c-videoplayer .ardplayer {
     position: absolute;
     top: 0;
@@ -3991,12 +4195,19 @@ video {
 .first\:font-normal:first-child {
   font-weight: 400;
 }
+.last\:border-b:last-child {
+  border-bottom-width: 1px;
+}
 .last\:border-b-0:last-child {
   border-bottom-width: 0px;
 }
 .last\:border-r-0:last-child {
   border-right-width: 0px;
 }
+.last\:border-navigation-border-color:last-child {
+  border-color: #fff;
+  border-color: var(--color-navigation-border-color);
+}
 .first-of-type\:border-none:first-of-type {
   border-style: none;
 }
@@ -4536,6 +4747,14 @@ video {
     margin-top: -10rem;
   }
 
+  .md\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .md\:mb-0 {
+    margin-bottom: 0px;
+  }
+
   .md\:mb-16 {
     margin-bottom: 4rem;
   }
@@ -4548,6 +4767,10 @@ video {
     margin-top: 0px;
   }
 
+  .md\:mt-auto {
+    margin-top: auto;
+  }
+
   .md\:line-clamp-4 {
     overflow: hidden;
     display: -webkit-box;
@@ -4575,10 +4798,6 @@ video {
     height: 3rem;
   }
 
-  .md\:h-7 {
-    height: 1.75rem;
-  }
-
   .md\:h-8 {
     height: 2rem;
   }
@@ -4611,10 +4830,6 @@ video {
     width: 8rem;
   }
 
-  .md\:w-40 {
-    width: 10rem;
-  }
-
   .md\:w-8 {
     width: 2rem;
   }
@@ -4722,6 +4937,10 @@ video {
     padding: 2.5rem;
   }
 
+  .md\:p-5 {
+    padding: 1.25rem;
+  }
+
   .md\:\!px-0 {
     padding-left: 0px !important;
     padding-right: 0px !important;
@@ -4742,6 +4961,10 @@ video {
     padding-right: 1rem;
   }
 
+  .md\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
   .md\:pl-0 {
     padding-left: 0px;
   }
@@ -4758,6 +4981,10 @@ video {
     padding-right: 1.25rem;
   }
 
+  .md\:pt-0 {
+    padding-top: 0px;
+  }
+
   .md\:pt-4 {
     padding-top: 1rem;
   }
@@ -4799,10 +5026,6 @@ video {
     line-height: 1rem;
   }
 
-  .md\:leading-8 {
-    line-height: 2rem;
-  }
-
   .md\:decoration-2 {
     text-decoration-thickness: 2px;
   }
@@ -4884,7 +5107,16 @@ video {
         width: calc((100% - var(--gap)) / 2);
         flex-basis: calc((100% - var(--gap)) / 2);
     }
-    .md\:first-of-type\:pt-0:first-of-type {
+        .md\:brand-logo-size-md {
+            padding-top: 10px;
+            padding-top: var(--logo-padding-top-md);
+            padding-bottom: 10px;
+            padding-bottom: var(--logo-padding-bottom-md);
+        }
+        .md\:first\:border-t-0:first-child {
+    border-top-width: 0px;
+  }
+        .md\:first-of-type\:pt-0:first-of-type {
     padding-top: 0px;
   }
 }
@@ -4955,10 +5187,6 @@ video {
     margin-top: -10rem;
   }
 
-  .lg\:-mt-8 {
-    margin-top: -2rem;
-  }
-
   .lg\:mb-0 {
     margin-bottom: 0px;
   }
@@ -5021,14 +5249,14 @@ video {
     height: 4rem;
   }
 
-  .lg\:h-8 {
-    height: 2rem;
-  }
-
   .lg\:h-9 {
     height: 2.25rem;
   }
 
+  .lg\:h-\[3\.875rem\] {
+    height: 3.875rem;
+  }
+
   .lg\:h-auto {
     height: auto;
   }
@@ -5057,10 +5285,6 @@ video {
     width: 25%;
   }
 
-  .lg\:w-10 {
-    width: 2.5rem;
-  }
-
   .lg\:w-3\/4 {
     width: 75%;
   }
@@ -5081,6 +5305,10 @@ video {
     width: 23rem;
   }
 
+  .lg\:w-\[3\.875rem\] {
+    width: 3.875rem;
+  }
+
   .lg\:w-auto {
     width: auto;
   }
@@ -5172,6 +5400,11 @@ video {
     border-bottom-width: 1px;
   }
 
+  .lg\:border-b-navigation-border-width {
+    border-bottom-width: 1px;
+    border-bottom-width: var(--border-navigation-border-width);
+  }
+
   .lg\:border-r-0 {
     border-right-width: 0px;
   }
@@ -5180,6 +5413,11 @@ video {
     border-style: none;
   }
 
+  .lg\:border-navigation-border-color {
+    border-color: #fff;
+    border-color: var(--color-navigation-border-color);
+  }
+
   .lg\:border-primary {
     border-color: #005293;
     border-color: var(--color-primary-ds);
@@ -5290,6 +5528,11 @@ video {
     line-height: 1.25rem;
   }
 
+  .lg\:text-navigation-text {
+    color: #fff;
+    color: var(--color-navigation-text);
+  }
+
   .lg\:text-primary {
     color: #005293;
     color: var(--color-primary-ds);
@@ -5327,38 +5570,41 @@ video {
         width: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
         flex-basis: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
     }
-    .first\:lg\:-ml-4:first-child {
+        .lg\:brand-logo-size-lg {
+            padding-top: 10px;
+            padding-top: var(--logo-padding-top-lg);
+            padding-bottom: 10px;
+            padding-bottom: var(--logo-padding-bottom-lg);
+        }
+        .first\:lg\:-ml-4:first-child {
     margin-left: -1rem;
   }
-    .lg\:first\:border-t-0:first-child {
-    border-top-width: 0px;
-  }
-    .lg\:first\:pl-0:first-child {
+        .lg\:first\:pl-0:first-child {
     padding-left: 0px;
   }
-    .lg\:last\:border-0:last-child {
+        .lg\:last\:border-0:last-child {
     border-width: 0px;
   }
-    .lg\:last\:pr-8:last-child {
+        .lg\:last\:pr-8:last-child {
     padding-right: 2rem;
   }
-    .lg\:odd\:pr-4:nth-child(odd) {
+        .lg\:odd\:pr-4:nth-child(odd) {
     padding-right: 1rem;
   }
-    .lg\:only\:odd\:pr-0:nth-child(odd):only-child {
+        .lg\:only\:odd\:pr-0:nth-child(odd):only-child {
     padding-right: 0px;
   }
-    .lg\:even\:pl-4:nth-child(even) {
+        .lg\:even\:pl-4:nth-child(even) {
     padding-left: 1rem;
   }
-    .lg\:first-of-type\:pl-0:first-of-type {
+        .lg\:first-of-type\:pl-0:first-of-type {
     padding-left: 0px;
   }
-    .lg\:hover\:underline:hover {
+        .lg\:hover\:underline:hover {
     -webkit-text-decoration-line: underline;
             text-decoration-line: underline;
   }
-    .lg\:after\:relative::after {
+        .lg\:after\:relative::after {
     position: relative;
   }
 }
@@ -5404,3 +5650,6 @@ video {
     border-left-width: 1px;
   }
 }
+.\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
+  padding-bottom: 1.25rem;
+}