.nextcars {height: 37px}
.nextcars .left {text-align: left}
.nextcars .right,.contentwrapper .img-wrapper .overlay .content .kategorie {;color:#fff}

.cars {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: normal;
    align-items: flex-start;
    align-content: flex-start;
	gap:5px;
}

/* Content Wrapper */
.contentwrapper {
    padding: 0;
    display: block;
	flex: 1 1 32%;
	min-width:300px;
    align-self: auto;
    order: 0;
}

.car-details{width:90%; margin:auto}

/* Columns */
.col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.content_box_inner {
    width: 100%;
}

/* Tabellen & Boxen */
.table_row {
    margin-left: -15px;
    margin-right: -15px;
}

.row {display:flex}

.item,
.kategorie {
    width: 90%;
	color:#fff
}

.content-box:before,
.table_row:before {
    display: table;
    content: " ";
}

.content-box:after,
.table_row:after {
    clear: both;
}

/* Bild-Wrapper */
.contentwrapper .img-wrapper {
    position: relative;
    overflow: hidden;
    height: 260px;
	
}

.contentwrapper .img-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}

/* Overlay */
.contentwrapper .img-wrapper .overlay {
    background-color: rgba(156, 36, 38, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    margin-top: -35px;
    transform: translate(0, 0);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.contentwrapper .img-wrapper:hover .overlay {
    transform: translate(0, calc(-100% + 30px));
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

/* Overlay Headline */
.contentwrapper .img-wrapper .overlay .headline {
    background-color: #9C2426;
    width: 100%;
    height: 25px;
    padding: 5px 0;
}

.contentwrapper .img-wrapper .overlay .headline .carname h3 {
    text-align: center;
    font-weight: 600;
    margin: 0;
    color: #fff;
    font-size: 16px;
}

/* Overlay Content */
.contentwrapper .img-wrapper .overlay .content {
    padding-top: 20px;
}

.contentwrapper .img-wrapper .overlay .content p {
    margin: 0;
    color: #fff;
    font-size: 16px;
}

/* Buttons */
.contentwrapper .img-wrapper .overlay .content .btnwrapper {
    text-align: center;
    padding: 0;
    top: 1em;
    position: relative;
}

.contentwrapper .img-wrapper .overlay .content .btnwrapper .btn {
    padding: 3px 15px;
    color: #9C2426;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    position: relative;
	text-decoration:none
}

.contentwrapper .img-wrapper .overlay .content .btnwrapper .btn > a {
    display: inline-block;
}

.contentwrapper .img-wrapper .overlay .content .btnwrapper .btn:hover {
    background-color:rgba(255, 255, 255, 0.6);


}

/* Responsive Styles */
/* Laptops and Desktops (981px - 1405px) */
@media only screen and (min-width: 981px) and (max-width: 1405px) {
    .contentwrapper {
        width: 33.33%;
    }
    .contentwrapper .img-wrapper .overlay .headline .carname h3,
    .contentwrapper .img-wrapper .overlay .content p {
        font-size: 14px;
    }
}

/* Tablets (max 980px) */
@media only screen and (max-width: 980px) {
    .contentwrapper {
        width: 100%;
    }
    .contentwrapper .img-wrapper .overlay {
        margin-top: -40px;
    }
    .contentwrapper .img-wrapper .overlay .headline .carname h3,
    .contentwrapper .img-wrapper .overlay .content p {
        font-size: 14px;
    }
}