/*=========================*/
/*==  Artikelliste Grid  ==*/
/*=========================*/
.artikelliste{ 
    margin: 18px 20px; 
    width: calc(100% - 40px); 
    height: 330px; 
    float: left;
    background: url("../images/bestseller-bg.gif") repeat-x bottom #fff; 
    border: 1px solid #D9DADB; 
    border-bottom: none; 
    line-height: 1.5;
}
@media (min-width: 520px) {
    .artikelliste {width:220px;}
}
@media (min-width: 520px) and(max-width: 704px) {
    .col1 .artikelliste {margin: 18px 15px}
}
@media (min-width: 705px) and (max-width:1019px) {
    .col1 .artikelliste {margin:18px 10px;}
}
@media (min-width:1020px) {
    .col1 .artikelliste {margin: 18px 15px}
    .col1 .artikelliste:nth-child(0n+1), .col1 .artikelliste:nth-child(4n+1) {margin-left:2px}
    .col1 .artikelliste:nth-child(4n) {margin-right:0}
}

.artikelliste_bild{
    padding-top: 5px; 
    height: 200px; 
    overflow: hidden; 
    display: grid; 
    justify-content: center; 
    align-items: center;
}
.artikelliste_bild img {max-width: 100%; height: 190px;}

.artikelliste_bezeichnung{
    margin-top: 1em; 
    padding: 0 10px; 
    height: 55px; 
    overflow: hidden; 
    text-align: left;}
.artikelliste_bezeichnung h2 {margin:0;}
.artikelliste_bezeichnung a {text-decoration: none; color: #005599; font-weight: bold; line-height: 1.6;}


.artikelliste_text { 
    display: block; 
    text-align: left; 
}
.artikelliste_text .langtext {
    font-size: 11px; 
    color: #FFFFFF; 
}
.artikelliste_text .artikelliste_right{margin-top: 25px}
.artikelliste_text .preis { margin: 0 10px;}
.artikelliste_text .preis_normal {margin: 0 10px;}

a.artikelliste_artikellink { float: right; position: relative; left: -7px; top: 17px; line-height: 15px; float: right; padding: 3px; border: 1px solid #FFFFFF; color: #005599; text-decoration: none; }
a.artikelliste_artikellink:hover { background-image: url(../images/breadcrumbbg2.png); color: #005599; padding: 3px; border: 1px solid #D9DADB; color: #005599; text-decoration: none; }
a.artikelliste_artikellink img { border-width: 0px; }

.artikelliste .tooltip { background-image: url(../images/tooltipbg.png); border-style: solid; border-width: 1px; border-color: #D9DADB; padding: 10px; width: 400px; }

.artikelliste_text .artikelliste_langtext, 
.artikelliste .bg_stock, 
.artikelliste .bt_cart {display: none;}