From 1748c9e4136eb17935db6a97eba69cd60d61b60b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 8 Mar 2022 15:20:08 +0100
Subject: [PATCH] Fix badges colliding with textbox in header slider

---
 .../Resources/Private/Assets/scss/components/_herounit.scss    | 3 ++-
 .../ext/ep_theme/Resources/Private/Partials/HeaderSlider.html  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

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 8b2bd2c5..520bbb77 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
@@ -3,7 +3,8 @@
 }
 
 .herounit__badge-wrapper {
-    @apply absolute top-0 right-0 lg:right-32 w-full px-4 md:w-auto md:px-0 flex flex-row-reverse justify-between md:flex-col md:items-center md:space-y-4;
+    @apply absolute top-0 right-0 md:right-32 w-full px-4 md:w-auto md:px-0;
+    @apply flex flex-row-reverse justify-between md:flex-col items-start md:items-center md:space-y-4;
 }
 
 .herounit__badge {
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 1a98a0a2..efff8e5f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
@@ -28,7 +28,7 @@
                                             {slide.headline}
                                         </span>
                                         <f:if condition="{slide.subline}">
-                                            <span class="block md:text-lg text-white mb-4 md:mb-8">
+                                            <span class="hidden lg:block md:text-lg text-white mb-4 md:mb-8">
                                                 {slide.subline}
                                             </span>
                                         </f:if>