Avoid badge image overlaying content

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_product.scss

@@ -36,6 +36,12 @@
         .content{
             padding:17px 15px;
             background-color:$typoWhite;
+            &.has-badge {
+              padding-right: 75px;
+              @include mq($from: tablet) {
+                padding-right: 15px;
+              }
+            }
         }
         .flag{
             margin:15px 15px 0 0;

web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html

@@ -19,7 +19,7 @@
         <div class="head">
             {product.concept.name}
         </div>
-        <div class="content">
+        <div class="content{f:if(condition: '{settings.showSkipassBadge} && {product.skipassIncluded}', then: ' has-badge')}">
             <span class="headline headline--3">{product.name}{f:if(condition: product.subline, then: ' {product.subline}')}</span>
             <span>{product.region.name}</span>
         </div>