#cart #total_coupon td { padding: 15px 0 0 0}
#cart_third .col_right { min-height: 242px}
#cart_third #cart_third_delivery {min-height: 416px;}
#cart_third_agb { margin-left: 10px; margin-bottom: 25px}

#cart form { width: 100%}
#cart_first form .coupon_input, #cart_third form .coupon_input { float: none; margin-left: 25px}
#cart_first form  button.coupon, #cart_third form  button.coupon { margin-bottom: 0; width: 40px; box-sizing: border-box; min-width: 40px; padding: 0; color: #fff; vertical-align: top;    margin-left: 0;}
#cart_first form  button.coupon .icon:before, #cart_third form  button.coupon .icon:before { color: #fff; font-size: 28px;}
#cart_first form  button.coupon .icon, #cart_third form  button.coupon .icon {  top: 10px;left: 5px; position: absolute;}

#navbar .wrp > ul > li {
    cursor: pointer;
    font-size: 18px;
    padding: 7px 10px 10px 10px;
    line-height: 25px;
    height: 47px;
    margin-top: 3px;
    margin-left: 0;
    border-radius: 4px 4px 0 0;
}

#navbar .wrp > ul > li:hover {
    color: #696969;
    background: #f7f7f7;
}

#navbar .wrp > ul > li:after {
    float: right;
    margin-left: 5px;
    margin-top: 4px;
    font-family: 'icon';
    content: 'v';
}


/*trade-groups layout*/
@media screen {

    .trade-groups .product-card-container,
    .product-listing .product-card-container { padding-top: 50px; }

    .trade-groups .product-card-container .product-card:nth-child(1),
    .trade-groups .product-card-container .product-card:nth-child(2),
    .trade-groups .product-card-container .product-card:nth-child(7),
    .trade-groups .product-card-container .product-card:nth-child(8),
    .trade-groups .product-card-container .product-card:nth-child(17),
    .trade-groups .product-card-container .product-card:nth-child(18),
    .product-listing .product-card-container .product-card:nth-child(1),
    .product-listing .product-card-container .product-card:nth-child(2),
    .product-listing .product-card-container .product-card:nth-child(7),
    .product-listing .product-card-container .product-card:nth-child(8),
    .product-listing .product-card-container .product-card:nth-child(17),
    .product-listing .product-card-container .product-card:nth-child(18) {
        margin: 0 !important;
        min-height: 250px;
        grid-column: span 2;
        display: grid;
        grid-gap: 0 1.5vw;
        grid-template-columns: 3fr 3fr;
    }

    .trade-groups .product-card-container .product-card:nth-child(1) h4,
    .trade-groups .product-card-container .product-card:nth-child(2) h4,
    .trade-groups .product-card-container .product-card:nth-child(7) h4,
    .trade-groups .product-card-container .product-card:nth-child(8) h4,
    .trade-groups .product-card-container .product-card:nth-child(17) h4,
    .trade-groups .product-card-container .product-card:nth-child(18) h4,
    .product-listing .product-card-container .product-card:nth-child(1) h4,
    .product-listing .product-card-container .product-card:nth-child(2) h4,
    .product-listing .product-card-container .product-card:nth-child(7) h4,
    .product-listing .product-card-container .product-card:nth-child(8) h4,
    .product-listing .product-card-container .product-card:nth-child(17) h4,
    .product-listing .product-card-container .product-card:nth-child(18) h4 {
        height: 53px;
        grid-column: 2;
    }

    .trade-groups .product-card-container .product-card:nth-child(1) a:nth-of-type(1),
    .trade-groups .product-card-container .product-card:nth-child(2) a:nth-of-type(1),
    .trade-groups .product-card-container .product-card:nth-child(7) a:nth-of-type(1),
    .trade-groups .product-card-container .product-card:nth-child(8) a:nth-of-type(1),
    .trade-groups .product-card-container .product-card:nth-child(17) a:nth-of-type(1),
    .trade-groups .product-card-container .product-card:nth-child(18) a:nth-of-type(1),
    .product-listing .product-card-container .product-card:nth-child(1) a:nth-of-type(1),
    .product-listing .product-card-container .product-card:nth-child(2) a:nth-of-type(1),
    .product-listing .product-card-container .product-card:nth-child(7) a:nth-of-type(1),
    .product-listing .product-card-container .product-card:nth-child(8) a:nth-of-type(1),
    .product-listing .product-card-container .product-card:nth-child(17) a:nth-of-type(1),
    .product-listing .product-card-container .product-card:nth-child(18) a:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1 / 5;
        align-self: center;
    }

    .trade-groups .product-card-container .product-card img,
    .product-listing .product-card-container .product-card img {
        background: unset;
        height: 180px;
        margin-bottom: 5px;
    }

    .trade-groups .product-card-container .product-card div,
    .product-listing .product-card-container .product-card div{
        grid-row: span 2;
        line-height: 145%;
        font-size: 14px;
        padding: 0 6px 10px;
        text-align: center;
    }

    .trade-groups .product-card-container .product-card:nth-child(1) .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(2) .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(7) .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(8) .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(17) .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(18) .card-btn,
    .product-listing .product-card-container .product-card:nth-child(1) .card-btn,
    .product-listing .product-card-container .product-card:nth-child(2) .card-btn,
    .product-listing .product-card-container .product-card:nth-child(7) .card-btn,
    .product-listing .product-card-container .product-card:nth-child(8) .card-btn,
    .product-listing .product-card-container .product-card:nth-child(17) .card-btn,
    .product-listing .product-card-container .product-card:nth-child(17) .card-btn {
        position: absolute;
        bottom: 10px;
        right: 0;
    }

    .trade-groups .product-card-container .product-card:nth-child(1) .rte_container .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(2) .rte_container .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(7) .rte_container .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(8) .rte_container .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(17) .rte_container .card-btn,
    .trade-groups .product-card-container .product-card:nth-child(18) .rte_container .card-btn,
    .product-listing .product-card-container .product-card:nth-child(1) .rte_container .card-btn,
    .product-listing .product-card-container .product-card:nth-child(2) .rte_container .card-btn,
    .product-listing .product-card-container .product-card:nth-child(7) .rte_container .card-btn,
    .product-listing .product-card-container .product-card:nth-child(8) .rte_container .card-btn,
    .product-listing .product-card-container .product-card:nth-child(17) .rte_container .card-btn,
    .product-listing .product-card-container .product-card:nth-child(18) .rte_container .card-btn {
        width: 50%!important;
    }

    .trade-groups .product-card-container .product-card .rte_container .card-btn,
    .product-listing .product-card-container .product-card .rte_container .card-btn { margin-top: 10px; }
}

/*#region Produktkarten */
.product-card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }

.product-card-container.even {
    justify-content: space-around; }

.product-card-container.wide {
    justify-content: space-between; }

@media screen and (max-width: 899px) {
    .product-card-container.wide {
        justify-content: center; } }

.product-card-container a {
    text-decoration: none; }

.product-card {
    position: relative;
    width: 300px;
    /* height: 330px; */
    margin: 20px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); }

.product-card img {
    margin-bottom: 10px;
    width: 100% !important;
    height: 200px;
    -o-object-fit: none;
    object-fit: none;
    background: radial-gradient(white, #e8e8e8); }

.product-card h4 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold; }

.product-card p {
    font-size: 14px;
    text-align: center;
    line-height: 120%;
    padding: 0 10px 10px;
    margin-bottom: 0; }

.product-card ul {
    margin: 10px 0 0;
    padding-left: 10px; }

.product-card li::before {
    /* force rte list default in '.hint.message' */
    display: block !important;
    top: 10px; }

.product-card li {
    padding-left: 15px;
    text-align: left; }

.product-card li a {
    position: relative;
    bottom: 4px; }

.product-card p a,
.product-card ul a {
    color: inherit !important; }

.product-card.small {
    height: unset;
    padding-bottom: 6px;
    border: 1px solid rgba(246, 156, 28, 0.3);
    width: 220px; }

.product-card.small h4 {
    margin-bottom: 8px; }

/* .product-card.small img { */
/* background: radial-gradient(white, #efefef); */
/* width: 220px; */
/* height: 200px;
    object-fit: none; */
/* } */
.product-card .card-btn {
    width: 100%;
    color: white !important;
    background: #5abe00;
    /* background: $clrMain; */
    border: unset;
    margin-bottom: 0;
    line-height: 32px;
    height: 32px;
    font-size: 100%; }

.product-card .card-btn:hover {
    background: #72f100; }

.product-card .ribbon {
    position: absolute;
    top: 24px;
    left: -6px;
    background: #e94c09;
    color: white !important;
    font-size: 85%;
    font-weight: bold;
    padding: 3px 24px 3px 16px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

/* spdesign mods */
.product-card-container.spdesign .product-card {
    margin: 20px 5px;
    border: unset;
    box-shadow: unset;
    background: linear-gradient(#f3f3f3, white); }

.product-card-container.spdesign .product-card.small {
    width: 250px; }

.product-card-container.spdesign h4 {
    margin: 0;
    color: #e94c09;
    /* background: #f4f4f4; */
    /* box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.3), 0 -2px 3px -3px rgba(0, 0, 0, 0.3); */
    border-bottom: 1px solid; }

.product-card-container.spdesign .ribbon {
    top: 48px; }

.product-card-container.spdesign img {
    background: unset;
    height: 180px;
    margin-bottom: 5px; }

.product-card-container.spdesign p {
    font-size: 14px;
    height: 48px;
    padding: 0 6px 10px; }

.product-card-container.spdesign .card-btn-info {
    /* background: #848484; */
    background: #efefef;
    /* background: #d9d9d9; */
    /* IE fallback */
    color: dimgray !important;
    color: unset !important;
    border: 1px solid #dadada; }

.product-card-container.spdesign .card-btn-info:hover {
    /* background: #969696; */
    background: #d8d8d8;
    /* background: #f7f7f7; */ }

/* product-card click-hint */
.product-card.click-hint > a:first-child:before {
    display: block;
    /*     content: url(/customers_pics/655/26a7e25eb4f8c38792e9e9d51a787e48.png); */
    content: url(/customers_pics/655/f4d587d36fff36c62f3365fecd15165a.png);
    position: absolute;
    bottom: 85px;
    right: 7px;
    -webkit-filter: drop-shadow(0px 0px 2px #e94c09);
    filter: drop-shadow(0px 0px 2px #e94c09);
    pointer-events: none; }

.product-card.click-hint img:hover,
.product-card img:hover {
    background: radial-gradient(white, #e94c09); }

/* product-card grid-mod */
.product-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5vw; }

.product-card-grid .product-card {
    /* width: 100% !important; */
    margin: 0 !important;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) !important; }

.product-card-grid.spdesign .product-card h4 {
    height: 53px; }

/* .product-card-grid.spdesign .product-card img {
    transition: all 0.25s ease-in-out;
} */
.product-card-grid .grid-wide-2 {
    /* width: 100% !important; */
    margin: 0 !important;
    min-height: 250px;
    grid-column: span 2;
    display: grid;
    grid-gap: 0 1.5vw;
    grid-template-columns: 3fr 3fr; }

.product-card-grid .grid-wide-2 > a:nth-of-type(1) {
    grid-column: 1;
    grid-row: 1 / 5;
    align-self: center; }

.product-card-grid .grid-wide-2 > h4,
.product-card-grid .grid-wide-2 > a {
    grid-column: 2; }

.product-card-grid .grid-wide-2 > p {
    grid-row: span 2;
    line-height: 145%; }

.product-card-grid a.btn {
    grid-row: 4;
    align-self: center; }

.product-card-grid .product-card:hover {
    background: radial-gradient(circle at 50% 45%, white, #e94c09); }

.product-card-grid .grid-wide-2:hover {
    background: radial-gradient(circle at 25%, white, #e94c09); }

.product-card-grid .product-card:hover h4 {
    color: white;
    text-shadow: 0 0 1.5px rgba(0, 0, 0, 0.7); }

.product-card-grid .product-card:hover p {
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }

/* .product-card-grid .product-card:hover img {
    transform: scale(1.05);
} */
.product-card-grid .product-card img:hover {
    background: unset; }

@media screen and (max-width: 870px) {
    .product-card-grid {
        display: flex; }
    .product-card-grid .product-card {
        width: 200px !important;
        margin: 20px 5px !important; }
    .product-card-grid .grid-wide-2 {
        grid-column: span 1;
        display: unset;
        min-height: unset; }
    .product-card-grid .grid-wide-2 > p {
        line-height: 120%; }
    .small-card-hide {
        display: none; } }

/* IE fallback reverse fix */
@supports (display: grid) {
    /* .product-card-grid .grid-wide-2 {
          width: 100% !important;
      } */
    .product-card-grid .product-card {
        width: 100% !important; } }

/*#endregion Produktkarten */