<?php
$porto_helper = $this->helper('Smartwave\Porto\Helper\Data');
?>
<li class="percentage-link"><a href="<?php echo $block->getUrl('newsletter') ?>"><?php echo __('Newsletter abonnieren & 5€ Gutschein sichern!'); ?></a></li>
<li class="contact-link"><a href="<?php echo $block->getUrl('service/kundenservice') ?>"><?php echo __('Contact Us'); ?></a></li>
<li class="newsletter-link"><a href="<?php echo $block->getUrl('newsletter') ?>"><?php echo __('Newsletter abonnieren'); ?></a></li>


<style>
    .page-header.type1 .panel.header .header.links > li.percentage-link > a {
        background: url("/media/theme_customization/top-percentage32.png") no-repeat center left;
        background-size: auto;
        padding-left: 23px;
        background-size: 16px;
    }
    .page-header.type1 .panel.header .header.links > li.percentage-link > a:hover {
         background: url("/media/theme_customization/top-percentage32-a.png") no-repeat center left;
         padding-left: 23px;
         background-size: 16px;
     }
    .page-header.type1 .panel.header .header.links > li.percentage-link {
        float: left;
        text-align: left;
        margin-right: 0;
    }

    .product-item-info .product-item-details .product-item-name {
        min-height: 55px;
    }

    .product-item-info .product-item-details .product-item-name a {
        color: #444;
        font-size: 18px;
        line-height: normal;
        text-transform: uppercase;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }
    .product-item-info .product-item-details .product-item-name a:hover {
        text-decoration: underline;
    }

    .product-item-info .product-item-details .product-item-actions .tocart {
        font-size: 23px;
        white-space: normal;
        border-color: #004896;
        width: 40px;
        height: 40px;
        color: #fff;
        background: #004795;
        border-radius: 5px;
        font-weight: 400;
    }
    .product-item-info .product-item-details .product-item-actions .actions-secondary {
        display: none;
    }

    .product-item-info .product-item-details {
        padding: 10px 10px;
    }

    .product-item .product-item-details .price-box .minimal-price .price-label {
        color: #7e786b;
        white-space: nowrap;
        font-size: 16px;
        display: inline-block;
        vertical-align: inherit;
    }

    .product-item .product-item-details .price-box .minimal-price .price-container {
        display: inline-block;
    }

    .product-item .product-item-details .price-box .price {
        color: #004896;
        font-weight: 500;
        font-size: 20px;
    }

    .product-item .product-item-details .price-box .price-hints .tax-hint {
        display: block;
        font-size: 11px;
        color: #6f6f6f;
    }

    .product-item .product-item-details .price-box .price-hints .normalized-price {
        color: #999;
        font-size: 11px;
    }

    .product-item .product-item-details .price-box .old-price .price-hints{
        display: none;
    }

    .product-item-details .price-box .old-price .price {
        color: #7e786b;
        font-weight: 500;
        font-size: 14px;
    }

    .products_grid_round_tab .nav.nav-pills {
        margin-top: 40px;
    }

    #html-body [data-pb-style=QCLK5SJ] .pagebuilder-column {
        margin-bottom: 20px;
    }

</style>
