.produktvorschau {
    text-align: left;
    text-align: center;
}


.iboxinner {
    background: #fff;position: relative;
    overflow: hidden;border-radius: 0.8em;
}
.iboxinner.mit_schatten{box-shadow:0 0 1em rgb(0 0 0 / 26%);border: 1px solid #fff;}
.iboxinner.mit_rahmen{border:6px solid #fff;}


.ibox-bord{box-shadow: 0 0 2em rgb(46 46 46 / 58%);}
.ibox img{width:100%;height:auto;margin-bottom:-5px;}
.iboxtxt{padding: .7em .2em .3em .2em;}


.produktvorschau .ibox h3 {
    z-index: 100;
    line-height: 1.3em;
    font-family: 'Archivo Narrow',helvetica,arial,sans-serif;
    position: absolute;
    padding: .4em 0 .3em 0;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    display: block;
    text-align: center;
    letter-spacing: .02em;
    font-weight: 400;
    width: 100%;
    text-transform: uppercase;
}
.produktvorschau .ibox h3.linkaktiv {background: rgb(46 46 46 / 58%);color: #fff;}
.produktvorschau .ibox h3.linkinaktiv {background: rgb(255 255 255 / 84%);color: #000;}





.produktvorschau .ibox.fuenftel,
.produktvorschau .ibox.viertel,
.produktvorschau .ibox.drittel,
.produktvorschau .ibox.halb{
    position:relative;
    display:inline-block;
    box-sizing: border-box;
    float:left;
    }


/*.produktvorschau .ibox.fuenftel{float: left;} */


.produktvorschau .ibox .iboxinner img {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    overflow: hidden;
}









.ibox img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ibox img:hover {
    -webkit-transform: scale(1.23);
    -moz-transform: scale(1.23);
    -ms-transform: scale(1.23);
    -o-transform: scale(1.23);
    transform: scale(1.23);
    border-radius: 0.6em;
}











/* ====================================  */

@media screen and (min-width:1281px) {
.ibox.fuenftel{width:20%;}
.ibox.viertel{width:25%;max-width:313px;}
.ibox.drittel{width:33.333%;max-width:417px;}
.ibox.halb{width:50%;max-width:626px;}
.produktvorschau .ibox{padding:.8em;}
.produktvorschau .ibox h3{font-size:1em;}
}
@media screen and (min-width:901px) and (max-width:1280px) {
.ibox.fuenftel{width:25%;}
.ibox.viertel{width:25%;max-width:313px;}
.ibox.drittel{width:33.333%;max-width:417px;}
.ibox.halb{width:50%;max-width:626px;}
.produktvorschau .ibox{padding:.8em;}
.produktvorschau .ibox h3{font-size:1em;}
}
@media screen and (min-width:551px) and (max-width:900px) {
.ibox.fuenftel{width:33%;}
.ibox.viertel{width:25%;}
.ibox.drittel{width:33.333%;max-width:500px;}
.ibox{padding:.4em;}
.ibox h3{font-size:.9em;}
}
@media screen and (min-width:551px) {
.produktvorschau > .ibox{text-align:center;box-sizing:border-box;
    display:inline-block;margin:0 auto;}
}

@media screen and (min-width:451px) and (max-width:550px) {
.ibox.viertel,.ibox.drittel,.ibox.fuenftel{
    width:50%;
    height: auto;}
.ibox{padding:.3em;}
}

@media screen and (max-width:500px) {
.produktvorschau .ibox h3{font-size:0.9em;}
}

@media screen and (min-width:451px) {
.ibox.halb{width:50%;height:auto;}
}
@media screen and (min-width:281px) and (max-width:450px) {
.ibox.drittel,.ibox.viertel,.ibox.fuenftel{width:50%;height:auto;}
.ibox.halb{width:100%;max-width:675px;height:auto;}
.ibox{padding:.3em;}
}

@media screen and (max-width:280px) {
.produktvorschau .ibox{padding:.4em 0;}
}

.ibox.fuenftel{max-width:313px;height:auto;}






@media screen and (min-width:1001px) {
.linktext {margin-left:7.5em;}
}
@media screen and (min-width:751px) and (max-width:1000px) {
.linkimg {margin-right:1em;}
}
@media screen and (min-width:451px) and (max-width:750px) {
.linktext {margin-left:7.5em;}
}
@media screen and (max-width:450px) {
.linkimg {margin-right:1em;}
}

.linktext:after {
    content: "";
    display: block;
    clear: both;
}


@media screen and (min-width:751px) {
.linkliste {
    max-width: 660px;
    width: 48%;
    float: left;
    margin-right: 4%;
}
}
@media screen and (max-width:750px) {
.linkliste {margin-left:auto;margin-right:auto;}
}

.linkzeile {
    margin:0 0 1.3em 0;
    clear: both;
    padding:1em;
    background: #f9f8f7;
    min-height: 116px
}
.linkliste p {
    line-height: 1.4em;
    margin: 0;
}
.linkzeile:hover {
    background: #ffffff;
    box-shadow: 0 0 1.5em rgb(1 61 70 / 22%);
}
.linkimg {
    float: left;
    width: 100px;
    height: auto;
}
.linkimg img {
    width: 100px;
    height: auto;
    border-radius: .2em;
}

.linkliste h3 {margin-bottom:.2em;}


.linkliste a{text-decoration:none;}