From ef3d70937052406c1c1631ebddb7695aa2d3138d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 3 Jan 2023 17:13:24 +0100
Subject: [PATCH] Use theme colors for contact bar items and headline
 underlines

---
 .../Resources/Private/Assets/scss/base/_typography.scss     | 4 ++--
 .../Private/Assets/scss/components/_contact-bar.scss        | 2 +-
 tailwind.config.js                                          | 6 +-----
 3 files changed, 4 insertions(+), 8 deletions(-)

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 4e7023f1..f7df95a1 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
@@ -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';
         }
     }
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 55e8824f..ad1537a7 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
@@ -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;
diff --git a/tailwind.config.js b/tailwind.config.js
index 6c429ce8..4c34fe69 100644
--- a/tailwind.config.js
+++ b/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: {