diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
index e3e87526..0ff04697 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
@@ -11,5 +11,5 @@ p {
 }
 
 a:not(.button) {
-    @apply text-ep-primary sbw:text-sbw-primary-dark;
+    @apply text-ep-primary-light sbw:text-sbw-primary-dark;
 }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss
index 753df416..d37d5519 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss
@@ -1,6 +1,6 @@
 h1,
 .headline--primary {
-    @apply block text-3xl md:text-4xl text-gray-800 font-normal;
+    @apply block text-3xl md:text-4xl text-gray-800 font-bold;
 }
 
 h2,
@@ -19,12 +19,12 @@ h4,
 }
 
 .headline--underlined:after {
-    @apply block border-b-4 border-ep-primary sbw:border-sbw-primary pb-4 mb-4 -mt-2 w-20;
+    @apply block border-b-4 border-ep-primary-light sbw:border-sbw-primary pb-4 mb-4 -mt-2 w-20;
     content: '';
 }
 
 .subline {
-    @apply block text-sm md:text-base uppercase font-light tracking-widest leading-6 md:leading-10 pb-2 md:pb-0;
+    @apply block text-sm md:text-base font-normal leading-6 md:leading-10 pb-2 md:pb-0;
 }
 
 // Lists
@@ -34,7 +34,7 @@ h4,
     li {
         @apply relative pl-8;
         &:before {
-            @apply absolute left-0 top-0 w-6 h-6 text-ep-primary text-lg;
+            @apply absolute left-0 top-0 w-6 h-6 text-ep-primary-dark text-lg;
             font-family: 'fontello';
             content: '\e800';
         }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
index 7755f384..f05be3f1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_buttons.scss
@@ -2,7 +2,7 @@
     @apply inline-flex items-center justify-center space-x-2 px-4 py-2 md:px-8 cursor-pointer;
     @apply uppercase leading-none text-center;
     @apply transition-colors outline-none focus:outline-none;
-    @apply bg-ep-secondary text-white;
+    @apply bg-ep-primary-light text-white;
     @apply sbw:bg-sbw-secondary;
     @apply snz:bg-snz-secondary;
     @apply uch:bg-uch-secondary;
@@ -26,7 +26,7 @@
     &--light {
         @apply bg-white border-2;
         @apply font-bold;
-        @apply border-ep-primary text-ep-primary;
+        @apply border-ep-primary-light text-ep-primary;
         @apply sbw:bg-white sbw:border-sbw-primary sbw:text-sbw-primary;
         @apply snz:bg-white snz:border-snz-primary snz:text-snz-primary;
         @apply uch:bg-white uch:border-uch-primary uch:text-uch-primary;
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_contact-bar.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_contact-bar.scss
index f2f7824a..c390f1ac 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_contact-bar.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_contact-bar.scss
@@ -8,7 +8,7 @@
 }
 
 .contact-bar__item {
-    @apply flex-1 text-white py-2 bg-ep-primary border-r border-white last:border-0;
+    @apply flex-1 text-white py-2 bg-ep-primary-light border-r border-white last:border-0;
 
     @screen md {
         @apply flex flex-none items-start transition-transform duration-300 ease-in-out p-1 shadow-md focus:text-white border-0;
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_herounit.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_herounit.scss
index 8398e429..f8d69be8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_herounit.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_herounit.scss
@@ -21,18 +21,12 @@
 }
 
 .herounit__badge {
-    @apply absolute;
+    @apply absolute bg-badge-gradient text-white py-8 px-2;
 
     &--skipass {
         top: 0;
         right: 16px;
-        width: 60px;
-        height: auto;
-        @screen md {
-            width: 100px;
-        }
         @screen lg {
-            width: auto;
             right: 90px;
         }
     }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_misc.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_misc.scss
index 6b65a0c9..b408f97f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_misc.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_misc.scss
@@ -1,3 +1,3 @@
 .headerbar {
-    @apply bg-ep-primary sbw:bg-sbw-primary text-white uppercase font-semibold py-2 px-4 mb-4;
+    @apply bg-ep-primary-light sbw:bg-sbw-primary text-white uppercase font-semibold py-2 px-4 mb-4;
 }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_sidebar.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_sidebar.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
index 9bf5d8a9..c182f287 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
@@ -4,7 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
-    <div class="bg-winter my-2">
+    <div class="bg-ep-primary-medium my-2">
         <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
             <f:if condition="{settings.themeKey} == 'ep'">
                 <f:render partial="Disrupter/Outlines"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
index 0cdedb99..aa99bf11 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/LastChance.html
@@ -3,7 +3,7 @@
       xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-<div class="bg-winter my-2">
+<div class="bg-ep-primary-medium my-2">
     <f:render partial="Disrupter/Outlines"
               section="Top1"
               arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Outlines.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Outlines.html
index 038144cc..d9d3bfd0 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Outlines.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Outlines.html
@@ -5,42 +5,42 @@
     <f:section name="Top1">
         <svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
             <rect y="0" width="1440" height="45.1" fill="currentColor"/>
-            <polyline points="1440,25.1 1359.3,23.2 1210.3,32.3 1055.4,20.5 720.5,39.6 533.9,15.2 443.5,30.5 292.3,44.9 129.9,14.9 0,44.1 0,61.8 171,45.1 345,45.1 451.9,60.6 618.5,48 793,63.1 987,51.9 1044.7,59.7 1298.8,48.4 1320.7,59.7 1440,45.1" fill="#f9c700"/>
+            <polyline points="1440,25.1 1359.3,23.2 1210.3,32.3 1055.4,20.5 720.5,39.6 533.9,15.2 443.5,30.5 292.3,44.9 129.9,14.9 0,44.1 0,61.8 171,45.1 345,45.1 451.9,60.6 618.5,48 793,63.1 987,51.9 1044.7,59.7 1298.8,48.4 1320.7,59.7 1440,45.1" fill="#18527B"/>
         </svg>
     </f:section>
 
     <f:section name="Bottom1">
         <svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
             <rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
-            <polygon class="st1" points="0,40 166.8,51.6 384.9,40 641.7,58.2 702.2,40 1011.5,52.9 1181.7,40 1440,49.1 1440,28.3 1302.1,35.6 1053.4,31 861.8,38.9 657,23.6 559.2,38.3 412.2,23.6 233.3,33.6 0,28.3 " fill="#F9C700"/>
+            <polygon class="st1" points="0,40 166.8,51.6 384.9,40 641.7,58.2 702.2,40 1011.5,52.9 1181.7,40 1440,49.1 1440,28.3 1302.1,35.6 1053.4,31 861.8,38.9 657,23.6 559.2,38.3 412.2,23.6 233.3,33.6 0,28.3 " fill="#18527B"/>
         </svg>
     </f:section>
 
     <f:section name="Top2">
         <svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
             <rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/>
-            <polyline points="1440,42.4 1324.9,39.5 1227.9,44.8 1155.9,34.7 979.9,44.6 872.3,43.5 826.9,31.3 727.3,44.6 654.8,37.8 514.8,42.3 443.5,30.5 292.3,44.9 147.3,29.4 0,44.1 0,45.1 121.8,48.9 185.9,45.1 265,45.3 301.4,50.7 339.7,45.3 493.7,47.4 589.6,45.3 691.9,47.9 707.7,45.3 987,51.9 1088.6,46.1 1165.6,51.8 1298.8,45.3 1409.7,49.9 1440,45.1 " fill="#f9c700"/>
+            <polyline points="1440,42.4 1324.9,39.5 1227.9,44.8 1155.9,34.7 979.9,44.6 872.3,43.5 826.9,31.3 727.3,44.6 654.8,37.8 514.8,42.3 443.5,30.5 292.3,44.9 147.3,29.4 0,44.1 0,45.1 121.8,48.9 185.9,45.1 265,45.3 301.4,50.7 339.7,45.3 493.7,47.4 589.6,45.3 691.9,47.9 707.7,45.3 987,51.9 1088.6,46.1 1165.6,51.8 1298.8,45.3 1409.7,49.9 1440,45.1 " fill="#18527B"/>
         </svg>
     </f:section>
 
     <f:section name="Bottom2">
         <svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
             <rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
-            <polygon points="0,40 170.3,33.2 334,40 436.8,26.1 478.9,40 692.2,33 938.3,40 1101,29.6 1115.2,40 1220.3,33 1440,40 1440,41.5 1427.9,40.7 1297.4,48.2 1240.5,40.3 913.9,48.2 736.6,40.3 433.7,48.2 195.6,40.3 0,48.2" fill="#f9c700"/>
+            <polygon points="0,40 170.3,33.2 334,40 436.8,26.1 478.9,40 692.2,33 938.3,40 1101,29.6 1115.2,40 1220.3,33 1440,40 1440,41.5 1427.9,40.7 1297.4,48.2 1240.5,40.3 913.9,48.2 736.6,40.3 433.7,48.2 195.6,40.3 0,48.2" fill="#18527B"/>
         </svg>
     </f:section>
 
     <f:section name="Top3">
         <svg class="{classes}" viewBox="0 0 1440 79" xmlns="http://www.w3.org/2000/svg">
             <rect y="0" class="st0" width="1440" height="45.1" fill="currentColor"/>
-            <polyline points="1440,44.6 1423.9,43.9 1409.5,40.9 1370.6,43.8 1324.9,39.5 1227.9,44.8 1203.3,38 1093.3,44 1071.7,40.3 984.5,44.2 971.2,40.8 926.2,44.4 833.4,37.9 815.5,43.6 786.9,41.6 727.3,44.6 654.8,37.8 641.4,41.6 616.4,39 514.8,42.3 459.6,36 449.4,42.1 396.4,43.7 379.3,36.6 292.3,44.9 272.7,41.6 188,43 153.6,32.6 136.2,37.2 61.8,44.2 0,39.2 0,45.1 17,46.3 48.6,45.5 121.8,48.9 154.8,45.8 189.4,46.2 209.7,50.2 225.3,45.3 251.4,47.2 339.7,45.3 373.3,48.8 404.1,46.2 462.9,47.8 498.3,49.4 511.3,45.9 548.5,46.6 569.4,45.3 651.5,48.9 663.7,45.8 710.5,47.8 720.5,45.3 808.5,49.4 823,46.7 905.5,45.5 955.1,48.7 994.2,46 1088.6,46.1 1129.9,50 1151.1,46.8 1298.8,45.3 1368.6,50.2 1434.1,47.5 1440,45.1 " fill="#f9c700"/>
+            <polyline points="1440,44.6 1423.9,43.9 1409.5,40.9 1370.6,43.8 1324.9,39.5 1227.9,44.8 1203.3,38 1093.3,44 1071.7,40.3 984.5,44.2 971.2,40.8 926.2,44.4 833.4,37.9 815.5,43.6 786.9,41.6 727.3,44.6 654.8,37.8 641.4,41.6 616.4,39 514.8,42.3 459.6,36 449.4,42.1 396.4,43.7 379.3,36.6 292.3,44.9 272.7,41.6 188,43 153.6,32.6 136.2,37.2 61.8,44.2 0,39.2 0,45.1 17,46.3 48.6,45.5 121.8,48.9 154.8,45.8 189.4,46.2 209.7,50.2 225.3,45.3 251.4,47.2 339.7,45.3 373.3,48.8 404.1,46.2 462.9,47.8 498.3,49.4 511.3,45.9 548.5,46.6 569.4,45.3 651.5,48.9 663.7,45.8 710.5,47.8 720.5,45.3 808.5,49.4 823,46.7 905.5,45.5 955.1,48.7 994.2,46 1088.6,46.1 1129.9,50 1151.1,46.8 1298.8,45.3 1368.6,50.2 1434.1,47.5 1440,45.1 " fill="#18527B"/>
         </svg>
     </f:section>
 
     <f:section name="Bottom3">
         <svg class="{classes}" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg">
             <rect y="40" class="st0" width="1440" height="40" fill="currentColor"/>
-            <polygon points="0,34.5 79.5,26.5 152.6,37.6 191.6,32.1 357.9,40 412,29.2 454.1,38.1 482.1,40 528.6,31 636.4,40 769.8,20.3 799.5,40 895.3,30.2 1104.6,40 1228.7,26.1 1305,40 1397.2,27.4 1440,32.7 1440,47.8 1414.9,42 1255.3,44.3 1198.1,40 1139.6,46 1068,45.1 1044,40.5 942.3,42.7 894,40.5 775.8,43.4 742.3,40.3 598.9,45.6 591.6,40.3 536.4,43.8 468.3,41.4 392.7,43.6 254.1,47.8 228.9,40.7 125.3,43.4 0,40 " fill="#f9c700"/>
+            <polygon points="0,34.5 79.5,26.5 152.6,37.6 191.6,32.1 357.9,40 412,29.2 454.1,38.1 482.1,40 528.6,31 636.4,40 769.8,20.3 799.5,40 895.3,30.2 1104.6,40 1228.7,26.1 1305,40 1397.2,27.4 1440,32.7 1440,47.8 1414.9,42 1255.3,44.3 1198.1,40 1139.6,46 1068,45.1 1044,40.5 942.3,42.7 894,40.5 775.8,43.4 742.3,40.3 598.9,45.6 591.6,40.3 536.4,43.8 468.3,41.4 392.7,43.6 254.1,47.8 228.9,40.7 125.3,43.4 0,40 " fill="#18527B"/>
         </svg>
     </f:section>
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
index 91939007..b25ec760 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
@@ -3,7 +3,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
-    <div class="bg-winter my-2">
+    <div class="bg-ep-primary-medium my-2">
         <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
             <f:render partial="Disrupter/Outlines"
                       section="Top1"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
index 7b162b13..d8201dc4 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
@@ -4,7 +4,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
-    <div class="bg-winter my-2">
+    <div class="bg-ep-primary-medium my-2">
         <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
             <f:if condition="{settings.themeKey} == 'ep'">
                 <f:render partial="Disrupter/Outlines"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
index 42675c0c..27bb247f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
@@ -3,7 +3,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
-<div class="bg-winter my-2">
+<div class="bg-ep-primary-medium my-2">
     <div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-80\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
         <f:render partial="Disrupter/Outlines"
                   section="Top1"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
index d9b16045..52d267e8 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
@@ -3,7 +3,7 @@
       xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-    <div class="bg-winter mt-8">
+    <div class="bg-ep-primary-medium mt-8">
         <div class="bg-ep-primary-80 sbw:bg-sbw-primary-80 uch:bg-uch-primary-80">
             <f:if condition="{settings.themekey} == 'ep'">
                 <f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: 'transform -translate-y-2 text-white'}"/>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
index a09e0f86..c245353f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
@@ -45,9 +45,9 @@
                                 </div>
                             </div>
                             <f:if condition="{slide.skipass}">
-                                <f:link.typolink parameter="{settings.skipassPageUid}" title="Skipass inklusive">
-                                    <f:image src="EXT:ep_theme/Resources/Public/images/badge_skipass.png"
-                                             alt="Skipass inklusive" class="herounit__badge herounit__badge--skipass" />
+                                <f:link.typolink parameter="{settings.skipassPageUid}" title="Skipass inklusive" class="herounit__badge herounit__badge--skipass">
+                                    <p class="uppercase text-4xl font-bold leading-7 mb-2">Ski-<br>Pass</p>
+                                    <p class="uppercase">inklusive</p>
                                 </f:link.typolink>
                             </f:if>
                             <f:if condition="{badge}">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
index 4cf06886..fd5cc68d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
@@ -3,7 +3,7 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <f:section name="Teaser">
-        <div class="product-teaser flex flex-col h-full bg-white shadow group{f:if(condition: landscape, then: ' sm:flex-row sm:h-auto')}{f:if(condition: '{index} > 2', then: ' lg:hidden')}">
+        <div class="product-teaser flex flex-col h-full bg-white group{f:if(condition: landscape, then: ' sm:flex-row sm:h-auto')}{f:if(condition: '{index} > 2', then: ' lg:hidden')}">
             <f:render section="TeaserImage" arguments="{_all}"/>
             <f:render section="TeaserContent" arguments="{_all}"/>
         </div>
@@ -59,18 +59,14 @@
             </div>
             <ul class="product-teaser__list-included flex-1 list-none m-0 text-gray-800 divide-y divide-gray-400">
                 <li class="flex items-center space-x-1 py-1">
-                    <svg class="product-teaser__list-icon">
-                        <use href="#icon-check"></use>
-                    </svg>
+                    <i class="icon-check text-ep-primary-light"></i>
                     <span class="block flex-1 leading-none">
                         {f:if(condition: '{season} == "s"', then: 'Bergbahnticket', else: 'Skipass')}
                     </span>
                 </li>
                 <f:if condition="{product.feature}">
                     <li class="flex items-center space-x-1 py-1">
-                        <svg class="product-teaser__list-icon">
-                            <use href="#icon-check"></use>
-                        </svg>
+                        <i class="icon-check text-ep-primary-light"></i>
                         <span class="block flex-1 leading-none">
                             {product.feature}
                         </span>
@@ -78,9 +74,7 @@
                 </f:if>
                 <f:if condition="{board}">
                     <li class="flex items-center space-x-1 py-1">
-                        <svg class="product-teaser__list-icon">
-                            <use href="#icon-check"></use>
-                        </svg>
+                        <i class="icon-check text-ep-primary-light"></i>
                         <span class="block flex-1 leading-none">
                             {board}
                         </span>
@@ -88,7 +82,7 @@
                 </f:if>
             </ul>
             <div class="pt-8">
-                <div class="bg-ep-primary text-white font-bold px-4 py-1 group-hover:bg-ep-secondary transition-colors">
+                <div class="bg-ep-primary-light text-white font-bold px-4 py-1 group-hover:bg-ep-secondary transition-colors">
                     <div class="lg:inline-block">
                         ab <span class="product-teaser__price mx-1">{minPrice} €</span>
                     </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
index aa7b9260..30a36c7d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
@@ -3,7 +3,7 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-    <div class="mb-4 p-4 bg-ep-primary text-white"
+    <div class="mb-4 p-4 bg-ep-primary-light text-white"
          data-controller="collapse"
          data-collapse-collapsed-value="{f:if(condition: '{filterSettings.dateFrom} || {filterSettings.dateTo}', then: 'false', else: 'true')}">
         <button type="button"
@@ -83,7 +83,7 @@
         </div>
     </div>
 
-    <div class="mb-4 p-4 bg-ep-primary text-white"
+    <div class="mb-4 p-4 bg-ep-primary-light text-white"
          data-controller="collapse"
          data-collapse-collapsed-value="{f:if(condition: '{filterSettings.conceptUids}', then: 'false', else: 'true')}">
         <button type="button"
@@ -138,7 +138,7 @@
                     <f:for each="{filterOptions.destinations}" as="destination">
                         <li class="relative border-b last:border-0 mb-2">
                             <label class="flex items-start">
-                                <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
+                                <f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
                                                  property="countryUids"
                                                  data="{action: '{stimulusController}#filter'}"
                                                  value="{destination.country.uid}"/>
@@ -154,7 +154,7 @@
                                     <f:for each="{destination.regions}" as="region">
                                         <li>
                                             <label class="flex items-start">
-                                                <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
+                                                <f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
                                                                  property="regionUids"
                                                                  data="{action: '{stimulusController}#filter'}"
                                                                  value="{region.uid}"/>
@@ -191,7 +191,7 @@
                     <f:for each="{filterOptions.priceRanges}" as="range">
                         <li>
                             <label class="flex items-start">
-                                <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
+                                <f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
                                                  property="priceRanges"
                                                  data="{action: '{stimulusController}#filter'}"
                                                  value="{range.uid}"/>
@@ -253,7 +253,7 @@
                     <f:for each="{filterOptions.hotelTypes}" as="type">
                         <li>
                             <label class="flex items-start">
-                                <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
+                                <f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
                                                  property="hotelTypes"
                                                  data="{action: '{stimulusController}#filter'}"
                                                  value="{type}"/>
@@ -287,7 +287,7 @@
                         <f:if condition="{type.label}">
                             <li>
                                 <label class="flex items-start">
-                                    <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
+                                    <f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
                                                      property="boardTypes"
                                                      data="{action: '{stimulusController}#filter'}"
                                                      value="{type.uid}"/>
@@ -329,7 +329,7 @@
                     <f:for each="{filterOptions.roomTypes}" as="type">
                         <li>
                             <label class="flex items-start">
-                                <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
+                                <f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
                                                  property="roomTypes"
                                                  data="{action: '{stimulusController}#filter'}"
                                                  value="{type}"/>
@@ -362,7 +362,7 @@
                     <ul class="mb-0 p-0 pt-2 space-y-1">
                         <li>
                             <label class="flex items-start">
-                                <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
+                                <f:form.checkbox class="w-5 h-5 border-ep-primary-light ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
                                                  property="bus"
                                                  data="{action: '{stimulusController}#filter'}"
                                                  value="1"/>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
index bea5d540..13ffacd6 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
@@ -2,7 +2,7 @@
       xmlns="http://www.w3.org/1999/xhtml"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-    <div class="bg-ep-primary text-white p-4 mb-4">
+    <div class="bg-ep-primary-light text-white p-4 mb-4">
         Deine Suche
         <f:if condition="{meta.organic}">
             <f:then>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
index 73878c94..81f3551c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
@@ -6,9 +6,9 @@
 
     <f:if condition="{settings.hideAreaNavigation}">
         <f:else>
-            <div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-cover bg-center shadow" style="background-image: url({f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/polygon.jpg')})">
+            <div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-ep-primary-medium shadow">
                 <div class="container">
-                    <nav role="navigation" class="flex justify-between m-0 p-0 w-full divide-x divide-gray-300 border-r border-l">
+                    <nav role="navigation" class="flex justify-between m-0 p-0 w-full divide-x divide-ep-primary-dark border-r border-l border-ep-primary-dark">
                         <f:link.typolink parameter="9" class="flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary" title="E&amp;P">
                             <svg class="w-5 h-5"><use href="#icon-home"/></svg>
                         </f:link.typolink>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
index aea4f310..2853ba18 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
@@ -15,7 +15,7 @@
                 <f:if condition="{hasSurcharge}">
                     <button type="button"
                             data-action="pricetable#toggleSurcharge"
-                            class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
+                            class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
                         <svg class="w-4 h-4">
                             <use href="#icon-arrow-circle-right"></use>
                         </svg>
@@ -29,7 +29,7 @@
                 <f:if condition="{hasDiscount}">
                     <button type="button"
                             data-action="pricetable#toggleDiscount"
-                            class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
+                            class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
                         <svg class="w-4 h-4">
                             <use href="#icon-arrow-circle-right"></use>
                         </svg>
@@ -112,7 +112,7 @@
                                     </span>
                                 </f:if>
                                 <button type="button"
-                                        class="text-ep-primary col-span-2 text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
+                                        class="text-ep-primary-light col-span-2 text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
                                         data-action="pricetable#openModal"
                                         data-type="services"
                                         data-uid="{row.dateUid}"
@@ -198,7 +198,7 @@
             <div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
                  data-action="click->modal#close"></div>
             <div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 w-full max-w-xl px-4">
-                <div class="shadow flex items-center justify-between p-4 bg-ep-primary text-white rounded-t">
+                <div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
                     <span class="text-xl font-bold">
                         Inklusivleistungen {hotel.name}
                     </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
index 0dee6890..a312c283 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
@@ -61,7 +61,7 @@
             <div class="absolute inset-0 w-full h-full bg-overlay-black z-25 flex items-center justify-center"
                  data-action="click->modal#close"></div>
             <div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 bg-white shadow w-full max-w-xl rounded">
-                <div class="shadow flex items-center justify-between p-4 bg-ep-primary text-white rounded-t">
+                <div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
                     <span class="text-xl font-bold">
                         Inklusivleistungen
                     </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
index 78a0a70c..8d2e0249 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
@@ -17,7 +17,7 @@
                 <f:if condition="{hasSurcharge}">
                     <button type="button"
                             data-action="pricetable#toggleSurcharge"
-                            class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
+                            class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
                         <svg class="w-4 h-4">
                             <use href="#icon-arrow-circle-right"></use>
                         </svg>
@@ -31,7 +31,7 @@
                 <f:if condition="{hasDiscount}">
                     <button type="button"
                             data-action="pricetable#toggleDiscount"
-                            class="flex items-center space-x-1 focus:outline-none text-ep-primary mb-2">
+                            class="flex items-center space-x-1 focus:outline-none text-ep-primary-light mb-2">
                         <svg class="w-4 h-4">
                             <use href="#icon-arrow-circle-right"></use>
                         </svg>
@@ -120,7 +120,7 @@
                         <td class="border border-gray-300 px-2 py-1 md:p-2 text-center">
                             <f:if condition="{row.hasOptionalServices} && {row.available}">
                                 <button type="button"
-                                        class="text-ep-primary text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
+                                        class="text-ep-primary-light text-sm md:text-base text-left leading-none whitespace-nowrap p-1"
                                         data-action="pricetable#openModal"
                                         data-type="options"
                                         data-uid="{row.roomUid}"
@@ -213,7 +213,7 @@
             <div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
                  data-action="click->modal#close"></div>
             <div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 w-full max-w-xl px-4">
-                <div class="shadow flex items-center justify-between p-4 bg-ep-primary text-white rounded-t">
+                <div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
                     <span class="text-xl font-bold">
                         Optionale Zusatzleistungen
                     </span>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
index 76cabdb7..14e398f1 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
@@ -40,7 +40,7 @@
                                      data-datepicker-min-date-value="{f:format.date(date: 'now', format: 'Y-m-d')}"
                                      data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
                                      data-collapse-collapsed-value="true">
-                                    <div class="relative border-b border-r border-white mr-8">
+                                    <div class="relative border-b border-r border-overlay-white-50 mr-8">
                                         <input type="text"
                                                data-action="click->collapse#toggle"
                                                class="w-full bg-transparent border-0 ring-0 focus:ring-0 text-white uppercase px-2 py-1 cursor-pointer placeholder-white"
@@ -95,7 +95,7 @@
                                      data-controller="collapse"
                                      data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
                                      data-collapse-collapsed-value="true">
-                                    <div class="relative border-b border-r border-white mr-8">
+                                    <div class="relative border-b border-r border-overlay-white-50 mr-8">
                                         <input type="text"
                                                data-action="click->collapse#toggle"
                                                data-searchbar-target="paxLabel"
@@ -132,7 +132,7 @@
                                      data-controller="collapse"
                                      data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
                                      data-collapse-collapsed-value="true">
-                                    <div class="relative border-b border-r border-white mr-8">
+                                    <div class="relative border-b border-r border-overlay-white-50 mr-8">
                                         <input type="text"
                                                data-action="click->collapse#toggle"
                                                data-searchbar-target="destinationLabel"
@@ -208,7 +208,7 @@
                                      data-controller="collapse"
                                      data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
                                      data-collapse-collapsed-value="true">
-                                    <div class="relative border-r border-b border-white">
+                                    <div class="relative border-r border-b border-overlay-white-50">
                                         <input type="text"
                                                data-action="click->collapse#toggle"
                                                data-searchbar-target="priceRangeLabel"
@@ -253,13 +253,13 @@
                                 </svg>
                             </button>
                         </div>
-                        <div class="flex justify-end mt-4 reduced:hidden">
+                        <div class="flex justify-end mt-6 reduced:hidden">
                             <button type="submit"
                                     class="w-1/3 text-white uppercase py-2">
                                 Detailsuche
                             </button>
                             <button type="submit"
-                                    class="w-1/3 text-white bg-ep-primary uppercase py-2">
+                                    class="w-1/3 text-white bg-ep-primary-light uppercase py-2">
                                 Alle anzeigen
                             </button>
                         </div>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Watchlist/List.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Watchlist/List.html
index d55f9062..6d3d6885 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Watchlist/List.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Watchlist/List.html
@@ -12,7 +12,7 @@
                 <div data-watchlist-target="container"></div>
                 <div class="absolute top-0 left-0 inset-0 bg-overlay-white hidden"
                      data-watchlist-target="loadingIndicator">
-                    <svg class="w-6 h-6 text-ep-primary absolute top-1/2 left-1/2 transform -translate-xy-1/2">
+                    <svg class="w-6 h-6 text-ep-primary-light absolute top-1/2 left-1/2 transform -translate-xy-1/2">
                         <use href="#icon-spinner"></use>
                     </svg>
                 </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 3dc5a766..8cbf6a18 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -50,6 +50,7 @@ module.exports = {
                 overlay: {
                     black: tinycolor('#000000').setAlpha(0.85).toRgbString(),
                     white: tinycolor('#ffffff').setAlpha(0.85).toRgbString(),
+                    'white-50': tinycolor('#ffffff').setAlpha(0.5).toRgbString(),
                 },
                 concept: {
                     default: '#3d8ccb',
@@ -111,6 +112,9 @@ module.exports = {
                     'overlay-secondary': tinycolor('#a6c62c').setAlpha(0.55).toRgbString(),
                 },
             },
+            backgroundImage: {
+                'badge-gradient': 'linear-gradient(120deg, rgba(150,1,103,1) 0%, rgba(158,3,106,1) 40%, rgba(250,26,140,1) 100%)',
+            },
             height: {
                 '128': '32rem',
             },