Use theme colors for contact bar items and headline underlines

public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_typography.scss

@@ -20,7 +20,7 @@ h4,
 
 .headline--underlined:after {
     @apply block border-b-4 border-ep-primary-light pb-4 mb-4 -mt-2 w-20;
-    @apply sbw:border-sbw-primary ser:border-ser-secondary;
+    @apply sbw:border-sbw-primary snz:border-snz-primary uch:border-uch-primary ser:border-ser-secondary;
     content: '';
 }
 
@@ -36,7 +36,7 @@ h4,
         @apply relative pl-8;
         &:before {
             @apply absolute left-0 top-0 w-6 h-6 text-ep-primary-dark text-lg;
-            font-family: 'fontello';
+            font-family: 'fontello', sans-serif;
             content: '\e800';
         }
     }

public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_contact-bar.scss

@@ -9,7 +9,7 @@
 
 .contact-bar__item {
     @apply flex-1 text-white py-2 bg-ep-primary-dark border-r border-white last:border-0;
-    @apply ser:bg-ser-primary;
+    @apply ser:bg-ser-primary sbw:bg-sbw-primary snz:bg-snz-primary uch:bg-uch-primary;
 
     @screen md {
         @apply flex flex-none items-start transition-transform duration-300 ease-in-out p-1 shadow-md focus:text-white border-0;

tailwind.config.js

@@ -49,10 +49,6 @@ module.exports = {
             fontSize: {
                 'xs': '.8rem',
             },
-            opacity: {
-                '55': '.55',
-                '85': '.85',
-            },
             colors: {
                 concept: {
                     DEFAULT: '#0173A5',
@@ -102,7 +98,7 @@ module.exports = {
                 },
             },
             opacity: {
-                '55': 0.5,
+                '55': 0.55,
                 '85': 0.85,
             },
             backgroundImage: {