hr-design-system-handlebars 1.33.3 → 1.34.0

package/dist/assets/index.css

@@ -457,7 +457,7 @@ video {
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
 }
 
-.blur, .blur-2xl, .drop-shadow, .drop-shadow-md, .filter, .md\:drop-shadow-md, .md\:filter {
+.blur, .blur-2xl, .drop-shadow, .drop-shadow-md, .invert-logo-footer, .filter, .md\:drop-shadow-md, .md\:filter {
   --tw-blur:  ;
   --tw-brightness:  ;
   --tw-contrast:  ;
@@ -1135,9 +1135,15 @@ video {
 .col-span-full {
   grid-column: 1 / -1;
 }
+.float-right {
+  float: right;
+}
 .\!m-0 {
   margin: 0px !important;
 }
+.m-0 {
+  margin: 0px;
+}
 .m-1 {
   margin: 0.25rem;
 }
@@ -1171,6 +1177,10 @@ video {
   margin-left: 1.25rem;
   margin-right: 1.25rem;
 }
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
 .mx-px {
   margin-left: 1px;
   margin-right: 1px;
@@ -1320,6 +1330,9 @@ video {
 .mt-6 {
   margin-top: 1.5rem;
 }
+.mt-8 {
+  margin-top: 2rem;
+}
 .box-border {
   box-sizing: border-box;
 }
@@ -1407,6 +1420,10 @@ video {
 .h-auto {
   height: auto;
 }
+.h-footer-logo {
+  height: 75px;
+  height: var(--height-footer-logo);
+}
 .h-full {
   height: 100%;
 }
@@ -1485,6 +1502,9 @@ video {
 .w-7 {
   width: 1.75rem;
 }
+.w-8 {
+  width: 2rem;
+}
 .w-9 {
   width: 2.25rem;
 }
@@ -1502,6 +1522,10 @@ video {
   width: -moz-fit-content;
   width: fit-content;
 }
+.w-footer-logo {
+  width: 135px;
+  width: var(--width-footer-logo);
+}
 .w-full {
   width: 100%;
 }
@@ -1805,6 +1829,9 @@ video {
 .rounded-lg {
   border-radius: 0.5rem;
 }
+.rounded-logo-footer {
+  border-radius: var(--rounded-logo-footer);
+}
 .rounded-xl {
   border-radius: 0.75rem;
 }
@@ -1897,6 +1924,18 @@ video {
   border-color: #797979;
   border-color: var(--color-eventcalendar-secondary);
 }
+.border-footer-border {
+  border-color: red;
+  border-color: var(--color-footer-border);
+}
+.border-footer-heading {
+  border-color: white;
+  border-color: var(--color-footer-heading);
+}
+.border-footer-text {
+  border-color: white;
+  border-color: var(--color-footer-text);
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgba(229, 231, 235, var(--tw-border-opacity));
@@ -1924,6 +1963,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
+.border-b-secondary {
+  border-bottom-color: #606060;
+  border-bottom-color: var(--color-secondary-ds);
+}
 .\!bg-white {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
@@ -1960,6 +2003,10 @@ video {
   background-color: #005293;
   background-color: var(--color-eventcalendar-primary);
 }
+.bg-footer-bg {
+  background-color: #005293;
+  background-color: var(--color-footer-bg);
+}
 .bg-geoTag {
   background-color: #E5F2F3;
   background-color: var(--color-geoTag);
@@ -2096,6 +2143,9 @@ video {
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
+.bg-logo-footer {
+  background-image: var(--bg-logo-footer);
+}
 .from-\[\{\{_bgcolor\}\}\] {
   --tw-gradient-from: {{ bgcolor}} var(--tw-gradient-from-position);
   --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
@@ -2139,6 +2189,10 @@ video {
   fill: #797979;
   fill: var(--color-eventcalendar-secondary);
 }
+.fill-footer-text {
+  fill: white;
+  fill: var(--color-footer-text);
+}
 .fill-link {
   fill: #006eb7;
   fill: var(--color-link);
@@ -2207,6 +2261,10 @@ video {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
 .px-9 {
   padding-left: 2.25rem;
   padding-right: 2.25rem;
@@ -2578,6 +2636,14 @@ video {
   color: #cc1a14;
   color: var(--color-event-status);
 }
+.text-footer-heading {
+  color: white;
+  color: var(--color-footer-heading);
+}
+.text-footer-text {
+  color: white;
+  color: var(--color-footer-text);
+}
 .text-gray-dark {
   --tw-text-opacity: 1;
   color: rgba(112, 112, 112, var(--tw-text-opacity));
@@ -2617,6 +2683,10 @@ video {
   color: #005293;
   color: var(--color-primary-ds);
 }
+.text-secondary {
+  color: #606060;
+  color: var(--color-secondary-ds);
+}
 .text-stageLink {
   color: #006eb7;
   color: var(--color-stage-link);
@@ -2688,17 +2758,17 @@ video {
 .decoration-2 {
   text-decoration-thickness: 2px;
 }
-.placeholder-primary::-webkit-input-placeholder {
-  color: #005293;
-  color: var(--color-primary-ds);
+.placeholder-secondary::-webkit-input-placeholder {
+  color: #606060;
+  color: var(--color-secondary-ds);
 }
-.placeholder-primary::-moz-placeholder {
-  color: #005293;
-  color: var(--color-primary-ds);
+.placeholder-secondary::-moz-placeholder {
+  color: #606060;
+  color: var(--color-secondary-ds);
 }
-.placeholder-primary::placeholder {
-  color: #005293;
-  color: var(--color-primary-ds);
+.placeholder-secondary::placeholder {
+  color: #606060;
+  color: var(--color-secondary-ds);
 }
 .placeholder-opacity-100::-webkit-input-placeholder {
   --tw-placeholder-opacity: 1;
@@ -2768,6 +2838,10 @@ video {
   --tw-drop-shadow: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.invert-logo-footer {
+  --tw-invert: invert(var(--invert-logo-footer));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -2825,8 +2899,12 @@ video {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.border-b-secondary {
+  border-bottom-color: #606060;
+  border-bottom-color: var(--color-secondary-ds);
+}
 .counter-reset {
-  counter-reset: cnt1690287794197;
+  counter-reset: cnt1690289760048;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3061,7 +3139,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1690287794197 1;
+  counter-increment: cnt1690289760048 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3077,7 +3155,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1690287794197);
+  content: counter(cnt1690289760048);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -3175,6 +3253,23 @@ video {
     --logo-padding-top-lg: 10px;
     --logo-padding-bottom-lg: 10px;
 
+    /* Footer Logo Invert */
+    --invert-logo-footer: 0;
+    --color-footer-text: white; 
+    --color-footer-heading: white; 
+    --color-footer-border: red;
+    --color-footer-bg: #005293;
+
+    --width-footer-logo: 135px;
+    --height-footer-logo: 75px;
+
+    --width-footer-logo-md: 6.4375rem;
+    --height-footer-logo-md: 2.6875rem; 
+
+    --width-footer-logo-lg: 6.4375rem;
+    --height-footer-logo-lg: 2.6875rem; 
+    
+
     /*Hauptmenü*/
     --color-top-topic-background: #d3e2f4;
     /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -3247,6 +3342,7 @@ video {
     --color-ticker-teaser-label-byline: #ffffff;
     --color-ticker-teaser-timeline-score: #d34600;
     --color-ticker-teaser-footer: #ffffff;
+
     --search-border-color-desktop: transparent;
     --search-border-color-mobile: var(--color-primary-ds);
     --color-ticker-teaser-headline-underline : #ffffff;
@@ -3266,6 +3362,16 @@ video {
     --logo-padding-top-lg: 8px;
     --logo-padding-bottom-lg: 8px;
 
+    --color-footer-bg: #606060;
+    --color-footer-border: #accfe9;
+
+    --width-footer-logo: 135px;
+    --height-footer-logo: 75px;
+    --width-footer-logo-md: 6.4375rem;
+    --height-footer-logo-md: 2.6875rem; 
+    --width-footer-logo-lg: 9.375rem;
+    --height-footer-logo-lg: 2rem; 
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006dc1;
     /* Ticker, Live, Livestream */
@@ -3344,7 +3450,8 @@ video {
     /* Brandnavigation Border and :before Colors*/
     --color-brandnavigation-border-color: #a00d65;
     --color-brandnav-pseudo: #a00d65;
-
+    --color-footer-bg: #4b6464;
+    --color-footer-border:  #6d0041;
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
     /* Ticker, Live, Livestream */
@@ -3407,7 +3514,14 @@ video {
     /* Brandnavigation Border and :before Colors*/
     --color-brandnavigation-border-color: #00375d; 
     --color-brandnav-pseudo: #00375d;
+    
+    --color-footer-bg: #e5edf1; 
+    --color-footer-border: #e5007d; 
+    --color-footer-text: #276b9e;
+    --color-footer-heading:#000000; 
 
+    --search-border-color-desktop: #276b9e; 
+    
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #276b9e;
     /* Ticker, Live, Livestream */
@@ -3476,7 +3590,8 @@ video {
     --logo-padding-bottom-md: 8px;    
     --logo-padding-top-lg: 12px;
     --logo-padding-bottom-lg: 12px;
-
+    --color-footer-bg: #606060; 
+    --color-footer-border: ##276b9e;
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
     /* Ticker, Live, Livestream */
@@ -3540,6 +3655,9 @@ video {
     --color-brandnavigation-border-color: #006eb7; 
     --color-brandnav-pseudo: #006eb7;
 
+    --color-footer-bg: #006eb7; 
+    --color-footer-border: #a2bc09;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
     /* Ticker, Live, Livestream */
@@ -3610,6 +3728,18 @@ video {
     --logo-padding-top-lg: 6px;
     --logo-padding-bottom-lg: 6px;
 
+    --color-footer-bg: #575756; 
+    --color-footer-border: #8d2725; 
+
+    --width-footer-logo: 7.4375rem;
+    --height-footer-logo: 2.5rem;
+
+    --width-footer-logo-md: 7.4375rem;
+    --height-footer-logo-md: 2.5rem; 
+
+    --width-footer-logo-lg: 7.4375rem;
+    --height-footer-logo-lg: 2.5rem; 
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #8d2725;
     /* Ticker, Live, Livestream */
@@ -3680,6 +3810,15 @@ video {
     --logo-padding-top-lg: 4px;
     --logo-padding-bottom-lg: 4px;
 
+    --color-footer-bg: #575756; 
+    --color-footer-border: #c1bc2b;
+
+    --width-footer-logo: 7.4375rem;
+    --height-footer-logo: 2.5rem;
+    --width-footer-logo-md: 5.4375rem;
+    --height-footer-logo-md: 2.5rem; 
+    --width-footer-logo-lg: 5.4375rem;
+    --height-footer-logo-lg: 2.5rem; 
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #00646f;
@@ -3743,6 +3882,18 @@ video {
     --color-brandnavigation-border-color: #006eb7; 
     --color-brandnav-pseudo: #006eb7;
 
+    --color-footer-bg: #006eb7;
+    --color-footer-border: #a2bc09;
+
+    --width-footer-logo: 3.4375rem;
+    --height-footer-logo: 2.6875rem; 
+
+    --width-footer-logo-md: 3.4375rem;
+    --height-footer-logo-md: 2.6875rem; 
+
+    --width-footer-logo-lg: 3.4375rem;
+    --height-footer-logo-lg: 2.6875rem; 
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006eb7;
     /* Ticker, Live, Livestream */
@@ -3809,6 +3960,19 @@ video {
     /* Brandnavigation Border and :before Colors*/
     --color-brandnavigation-border-color: #e0ae00;
     --color-brandnav-pseudo: #e0ae00;
+
+    --color-footer-bg: #433d37 ; 
+    --color-footer-border: #e0ae00;
+
+    --width-footer-logo: 3.4375rem;
+    --height-footer-logo: 2.6875rem; 
+
+    --width-footer-logo-md: 3.4375rem;
+    --height-footer-logo-md: 2.6875rem; 
+
+    --width-footer-logo-lg: 3.4375rem;
+    --height-footer-logo-lg: 2.6875rem;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #916B00;
     /* Ticker, Live, Livestream */
@@ -3880,6 +4044,17 @@ video {
     /* Logo paddings */
     --logo-padding-top:8px;
     --logo-padding-bottom: 8px; 
+
+    --color-footer-bg: #74747f; 
+    --color-footer-border: #ec6602;
+
+    --width-footer-logo: 2.5rem;
+    --height-footer-logo: 2.5rem;
+    --width-footer-logo-md: 2.5rem;
+    --height-footer-logo-md: 2.5rem; 
+    --width-footer-logo-lg: 2.5rem;
+    --height-footer-logo-lg: 2.5rem; 
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #c95702;
     /* Ticker, Live, Livestream */
@@ -3955,6 +4130,19 @@ video {
     /* Logo padding */
     --logo-padding-top:8px;
     --logo-padding-bottom: 8px;
+
+    --color-footer-bg: #9b0112 ;
+    --color-footer-border: #007179;
+
+    --width-footer-logo: 2.5rem;
+    --height-footer-logo: 2.5rem;
+
+    --width-footer-logo-md: 2.5rem;
+    --height-footer-logo-md: 2.5rem; 
+
+    --width-footer-logo-lg: 2.5rem;
+    --height-footer-logo-lg: 2.5rem;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #c20016;
     /* Ticker, Live, Livestream */
@@ -4029,6 +4217,19 @@ video {
     --logo-padding-top-lg: 8px;
     --logo-padding-bottom-lg: 8px;
 
+    --bg-logo-footer: linear-gradient(to right top, #9b0058, #d6007f);;
+    --rounded-logo-footer: 7px 0px 7px 0px; 
+
+    --color-footer-bg: #407596; 
+    --color-footer-border: #168378;
+
+    --width-footer-logo: 2.5rem;
+    --height-footer-logo: 2.5rem;
+    --width-footer-logo-md: 2.5rem;
+    --height-footer-logo-md: 2.5rem; 
+    --width-footer-logo-lg: 2.5rem;
+    --height-footer-logo-lg: 2.5rem;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #168378;
     /* Ticker, Live, Livestream */
@@ -4104,6 +4305,12 @@ video {
     /* 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%);
    
+    /* Footer Logo Invert */
+    --invert-logo-footer: 0;
+
+    --color-footer-bg: #606060; 
+    --color-footer-border: #007ea1;
+
     /* Medieninhalte, Video, Audio, Bildergalerien */
     --color-label-media: #000000;
     /* Ticker, Live, Livestream */
@@ -4250,6 +4457,9 @@ video {
   border-color: #fff;
   border-color: var(--color-navigation-border-color);
 }
+.last\:pr-0:last-child {
+  padding-right: 0px;
+}
 .first-of-type\:border-none:first-of-type {
   border-style: none;
 }
@@ -4805,10 +5015,38 @@ video {
     margin-bottom: 2rem;
   }
 
+  .md\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .md\:ml-4 {
+    margin-left: 1rem;
+  }
+
   .md\:mt-0 {
     margin-top: 0px;
   }
 
+  .md\:mt-0\.5 {
+    margin-top: 0.125rem;
+  }
+
+  .md\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .md\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .md\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .md\:mt-\[38px\] {
+    margin-top: 38px;
+  }
+
   .md\:mt-auto {
     margin-top: auto;
   }
@@ -4840,6 +5078,10 @@ video {
     height: 3rem;
   }
 
+  .md\:h-6 {
+    height: 1.5rem;
+  }
+
   .md\:h-8 {
     height: 2rem;
   }
@@ -4848,6 +5090,11 @@ video {
     height: auto;
   }
 
+  .md\:h-footer-logo-md {
+    height: 2.6875rem;
+    height: var(--height-footer-logo-md);
+  }
+
   .md\:h-full {
     height: 100%;
   }
@@ -4860,6 +5107,10 @@ video {
     width: 50%;
   }
 
+  .md\:w-1\/4 {
+    width: 25%;
+  }
+
   .md\:w-12 {
     width: 3rem;
   }
@@ -4884,6 +5135,11 @@ video {
     width: auto;
   }
 
+  .md\:w-footer-logo-md {
+    width: 6.4375rem;
+    width: var(--width-footer-logo-md);
+  }
+
   .md\:w-full {
     width: 100%;
   }
@@ -4912,10 +5168,22 @@ video {
     flex-direction: column;
   }
 
+  .md\:items-end {
+    align-items: flex-end;
+  }
+
+  .md\:justify-start {
+    justify-content: flex-start;
+  }
+
   .md\:justify-end {
     justify-content: flex-end;
   }
 
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+
   .md\:gap-x-6 {
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
@@ -4925,6 +5193,10 @@ video {
     row-gap: 3.5rem;
   }
 
+  .md\:self-end {
+    align-self: flex-end;
+  }
+
   .md\:overflow-visible {
     overflow: visible;
   }
@@ -4955,6 +5227,10 @@ video {
     border-right-width: 1px;
   }
 
+  .md\:border-t {
+    border-top-width: 1px;
+  }
+
   .md\:border-none {
     border-style: none;
   }
@@ -4969,6 +5245,10 @@ video {
     background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
   }
 
+  .md\:bg-transparent {
+    background-color: transparent;
+  }
+
   .md\:from-white {
     --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
     --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
@@ -5003,10 +5283,19 @@ video {
     padding-right: 1rem;
   }
 
+  .md\:py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
   .md\:pl-0 {
     padding-left: 0px;
   }
 
+  .md\:pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:pl-5 {
     padding-left: 1.25rem;
   }
@@ -5015,6 +5304,10 @@ video {
     padding-right: 0px;
   }
 
+  .md\:pr-4 {
+    padding-right: 1rem;
+  }
+
   .md\:pr-5 {
     padding-right: 1.25rem;
   }
@@ -5023,6 +5316,10 @@ video {
     padding-top: 0px;
   }
 
+  .md\:pt-16 {
+    padding-top: 4rem;
+  }
+
   .md\:pt-4 {
     padding-top: 1rem;
   }
@@ -5035,6 +5332,14 @@ video {
     padding-top: 1.75rem;
   }
 
+  .md\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .md\:pt-\[38px\] {
+    padding-top: 38px;
+  }
+
   .md\:text-2xl {
     font-size: 1.375rem;
     line-height: 1.75rem;
@@ -5153,6 +5458,12 @@ video {
         }
         .md\:first\:border-t-0:first-child {
     border-top-width: 0px;
+  }
+        .md\:first\:pr-4:first-child {
+    padding-right: 1rem;
+  }
+        .md\:last\:pb-4:last-child {
+    padding-bottom: 1rem;
   }
         .md\:first-of-type\:pt-0:first-of-type {
     padding-top: 0px;
@@ -5212,6 +5523,10 @@ video {
     order: 4;
   }
 
+  .lg\:m-0 {
+    margin: 0px;
+  }
+
   .lg\:mx-8 {
     margin-left: 2rem;
     margin-right: 2rem;
@@ -5311,6 +5626,11 @@ video {
     height: auto;
   }
 
+  .lg\:h-footer-logo-lg {
+    height: 2.6875rem;
+    height: var(--height-footer-logo-lg);
+  }
+
   .lg\:h-full {
     height: 100%;
   }
@@ -5363,6 +5683,11 @@ video {
     width: auto;
   }
 
+  .lg\:w-footer-logo-lg {
+    width: 6.4375rem;
+    width: var(--width-footer-logo-lg);
+  }
+
   .lg\:w-full {
     width: 100%;
   }