<!-- html -->
{foreach $sAdvancedMenu as $category}
                        {if $category.name == "Entdecken"}
                            {foreach $category.sub as $discoverCat}
                                <div class="discover-category">
                                    <div class="discover-category-inner show-all" {if $discoverCat.media.thumbnails.0.source}style="background-image: url('{$discoverCat.media.thumbnails.0.source}'); background-repeat: no-repeat; background-size: cover;"{/if}>
                                        <a class="discover-category-link" href="{$discoverCat.link}">{$discoverCat.name}</a>
                                    </div>
                                </div>
                            {/foreach}
                        {/if}
                    {/foreach}

<!-- less -->
.discover-category-inner {
          height: 160px;
          overflow: hidden;
          position: relative;

          &.show-all {
            background: #FFA850;
            &::before {
              display: none !important;
            }
            &:hover{
              -webkit-filter: brightness(40%);
              -webkit-transition: all 50ms ease;
              -moz-transition: all 50ms ease;
              -o-transition: all 50ms ease;
              -ms-transition: all 50ms ease;
              transition: all 50ms ease;
              .discover-category-link{
                -webkit-filter: none !important;
              }
            }

          }