.color-item {
    width: 8px;
    height: 8px;
    display: inline-block;
    border: 1px solid black;
    margin-left: 2px;
}
.stock-overview-mobile {
    display: none;
}
.zvm-blue {
    background-color: var(--zvm-blauw);
}
.zvm-darkblue {
    background-color: var(--zvm-donkerblauw) !important;
}
.zvm-darkblue button {
    color: white;
}
h2.zvmstartnow {
    color: var(--qonnex-donkerderblauw);
}
h2.zvmstartnow img {
    background-color: var(--qonnex-donkerderblauw);
    padding: 4px;
    width: 20px;
}
.zvm-contact {
    padding: 12px;
}
.zvm-contact img {
    position: relative;
    height: 47px;
    top: 18px;
    margin-top: -30px;
}
.num-contact {
     padding: 12px;
}
.num-contact img {
    position: relative;
    height: 40px;
    top: 14px;
    margin-top: -30px;
}
.qsync img.spinner {
    max-height: 25px;
    opacity: 0.4;
}
.icon-facebook {
    content:url(/icon/facebook.png);
}
.icon-facebook.icon-queue {
    content:url(/icon/facebook-queue.png);
}
.icon-hexon {
    width: 25px !important;
    content:url(/icon/hexon.png);
}
.icon-hexon.icon-queue {
    content:url(/icon/hexon-queue.png);
}
.icon-marktplaats {
    content:url(/icon/marktplaats.png);
}
.icon-marktplaats.icon-queue {
    content:url(/icon/marktplaats-queue.png);
}
.icon-marktplaats.icon-error {
    content:url(/icon/qsync-error.png);
}
.qsync.marktplaats div[data-autorenew="1"]:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0;
    border-left: 12px solid transparent;
    border-bottom: 12px solid var(--marktplaats-autorenew);
    margin-left: -12px;
    margin-top: 13px;
}
.qsync.marktplaats div[data-booster="1"]:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0;
    border-left: 12px solid transparent;
    border-top: 12px solid var(--marktplaats-booster);
    margin-left: -12px;
    margin-top: 0px;
}
.icon-marktplaatsmaandelijks {
    content:url(/icon/marktplaatsmaandelijks.png);
}
.icon-marktplaatsmaandelijks.icon-queue {
    content:url(/icon/marktplaatsmaandelijks-queue.png);
}
.icon-marktplaatsmaandelijks.icon-error {
    content:url(/icon/qsync-error.png);
}
.qsync.marktplaatsmaandelijks div[data-autorenew="1"]:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0;
    border-left: 12px solid transparent;
    border-bottom: 12px solid var(--marktplaats-autorenew);
    margin-left: -12px;
    margin-top: 13px;
}
.marktplaats-displaytitle {
    font-family: arial;
    position: absolute;
    top: 26px;
    left: 4px;
    pointer-events: none;
    font-size: 16px;
    color: gray;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.marktplaats-displaytitle .mptitle-hiddentext {
    color: transparent;
}
.marktplaats-displaytitle:has(.mptitle-hiddentext:empty) {
    text-align: right;
}

.stock-overview table tr td:first-child {
    font-weight: bold;
    padding-right: 10px;
}
.stock-overview table thead tr th.selectall {
    padding-left: 7px !important;
    width: 18px;
}
.stock-overview table thead tr th.selectall label {
    position: relative;
    top: 3px;
}
.stock-overview th:nth-child(2) {
    width: 131px;
}
.stock-overview th:nth-child(3) {
    width: 273px;
}
.stock-overview th:nth-child(4) {
    width: 89px;
}
.stock-overview th:nth-child(5) {
    width: 80px;
}
.stock-overview th:nth-child(6) {
    width: 50px;
}
.stock-overview th:nth-child(7) {
    width: 160px;
}
.stock-overview th:nth-child(8) {
    width: 36px;
}
.stock-overview th:nth-child(9) {
    width: 107px;
}
.stock-overview th:nth-child(10) {
    width: 85px;
}
.stock-overview th:nth-child(11) {
    width: 100px;
}
.stock-overview th:nth-child(12) {
    width: 242px;
}
.stock-overview .item {
    position: relative;
    font-size: 16px;
    overflow: hidden;
}
.stock-overview-photo .item {
    height: 258px;
    border-top: 2px solid var(--qonnex-blauw);
    border-bottom: 2px solid var(--qonnex-blauw);
    margin-bottom: 30px;
}
.stock-overview-table .item {
    height: 54px;
}
.stock-overview .item-header {
    position: absolute;
    width: 100%;
    background-color: var(--qonnex-lichtergrijs);
    height: 57px;
    line-height: 57px;
}
.stock-overview-table .item:nth-child(odd) .item-header {
    background-color: transparent;
}
.stock-overview-table .item:hover .item-header {
    background-color: var(--qonnex-blauw-30);
}
.stock-overview .item-header .merknaam {
    float: left;
    padding-left: 4px;
    width: min(140px, 10%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 57px;
}
.stock-overview .item-header .typenaam {
    float: left;
    width: min(270px, 19%);
    max-width: calc(84% - 775px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 57px;
}
.stock-overview .item-header .teller {
    position: absolute;
    top: 0px;
    right: 847px;
    width: 110px;
    overflow: hidden;
}
.stock-overview .item-header .foto {
    width: 30px;
    position: absolute;
    right: 970px;
    top: 5px;
}
.stock-overview .item-header .foto .photo-count {
    top: -7px;
}
.stock-overview .item-header .bouwjaar {
    position: absolute;
    top: 0px;
    right: 780px;
    width: 100px;
    overflow: hidden;
    text-align: center;
}
.stock-overview .item-header .kleur {
    position: absolute;
    top: 0px;
    right: 675px;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.stock-overview .item-header .prijs-van-voor {
    position: absolute;
    top: 0px;
    right: 585px;
    width: 100px;
    text-align: right;
    line-height: 22px;
    padding-top: 7px;
}
.stock-overview .item-header .prijs-van-voor.prijs-voor-,
.stock-overview .item-header .prijs-van-voor.prijs-voor-0 {
    padding-top: 18px;
}
.stock-overview .item-header .handelsprijs {
    position: absolute;
    top: 0px;
    right: 467px;
    width: 112px;
    overflow: hidden;
    white-space: nowrap;
    color: var(--qonnex-blauw);
}
.stock-overview .item-header .handelsprijs img {
    position: relative;
    top: 5px;
}
.stock-overview .item-header .kenteken {
    position: absolute;
    top: 0px;
    right: 413px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center;
}
.stock-overview .item-header .stadagen {
    position: absolute;
    right: 278px;
    width: 20px;
    text-align: center;
    text-align: center;
    background-size: contain;
}
.stock-overview .item-header .status {
    position: absolute;
    top: 0px;
    right: 300px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
}
.stock-overview .item-header .actions {
    position: absolute;
    right: 5px;
    top: 15px;
    line-height: 22px;
}
.stock-overview .item-header .actions .more,
.stock-overview .item-header .actions .more-actions {
    display: none;
}
.stock-overview .row.list-row-header {
    height: 36px;
    background-color: var(--qonnex-blauw);
    color: white;
    position: sticky;
    top: 96px;
    z-index: 100;
}
.list-row-header div {
    display: inline-block;
    line-height: 36px;
    font-weight: bold;
    border-right: 1px solid white;
    overflow: clip;
}
.list-row-header div.selectall {
    width: 18px;
    padding: 0 5px;
    text-align: center;
}
.list-row-header div.merknaam {
    padding-left: 4px;
    width: 131px;
}
.list-row-header div.typenaam {
    width: 265px;
}
.list-row-header div.foto {
    width: 30px;
}
.list-row-header div.teller {
    width: 100px;
}
.list-row-header div.bouwjaar {
    width: 85px;
}
.list-row-header div.kleur {
    width: 85px;
}
.list-row-header div.prijs {
    width: 100px;
    text-align: right;
    padding-right: 4px;;
}
.list-row-header div.handelsprijs {
    width: 80px;
    text-align: right;
    padding-right: 4px;;
}
.list-row-header div.kenteken {
    width: 85px;
}
.list-row-header div.stadagen {
    width: 20px;
}
.list-row-header div.status {
    width: 97px;
}
.list-row-header div.actions {
    width: 242px;
}

@media screen and (min-width: 1000px) {
    .stock-overview .item-header .actions .more-actions {
        display: none !important;
    }
}
.stock-overview .photo {
    position: absolute;
    top: 57px;
    height: 200px;
    width: 267px;
}
.stock-overview .photo img {
    max-width: 100%;
    max-height: 100%;
}
.stock-overview div.itemselector {
    float: left;
    padding-left: 6px;
}
.stockoverview .deleted-yes td.itemselector label,
.stock-overview .deleted-yes div.itemselector label {
    display: none;
}
.stock-overview .omschr {
    position: absolute;
    left: 267px;
    top: 57px;
    padding: 10px;
    width: calc(50% - 137px);
    height: 180px;
    overflow: hidden;
    background-color: var(--qonnex-blauw-30);
}
.stock-overview h4 {
    margin: 0px;
    color: var(--qonnex-blauw);
}
.stock-overview .tekstinternet h4 {
    margin: 8px 0px 4px 0px;
}
.stock-overview .inlinkingtitle,
.stock-overview .qxtitel,
.stock-overview .marktplaatstitel,
.stock-overview .marktplaatsmaandelijkstitel,
.stock-overview .hexontitel {
    position: absolute;
    left: 8px;
    top: 35px;
    width: calc(100% - 8px);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    padding-top: 5px;
}
.stock-overview .inlinkingtitle div.inp,
.stock-overview .qxtitel div.inp,
.stock-overview .marktplaatstitel div.inp,
.stock-overview .marktplaatsmaandelijkstitel div.inp,
.stock-overview .hexontitel div.inp {
    margin-top: -5px;
}
.stock-overview .qxtitel {
    top: 70px;
}
.stock-overview .marktplaatstitel {
    top: 105px;
}
.stock-overview .marktplaatstitel .marktplaats_daysleft {
    margin-left: -28px;
}
.stock-overview .marktplaatstitel .inp.smaller .marktplaats_daysleft {
    top: 4px;
    font-size: 14px;
}
.stock-overview .marktplaatsmaandelijkstitel {
    top: 105px;
}
.stock-overview .marktplaatsmaandelijkstitel .marktplaatsmaandelijks_daysleft {
    margin-left: -28px;
}
.stock-overview .marktplaatsmaandelijkstitel .inp.smaller .marktplaatsmaandelijks_daysleft {
    top: 4px;
    font-size: 14px;
}
.stock-overview .hexontitel {
    top: 140px;
}
.stock-overview .tekstinternet {
    position: absolute;
    top: 57px;
    left: calc(50% + 160px);
    height: 190px;
    width: calc(50% - 170px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.stock-overview .marktplaatstitel .restdays,
.stock-overview .marktplaatsmaandelijkstitel .restdays {
    display: none;
}
.stock-overview .title-type {
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid silver;
    color: gray;
    margin: 3px 3px 3px 15px;
    text-align: center;
    font-size: 15px;
}
#stock-wrapper td[name="status"] {
    padding: 0px 4px;
}
#stock-wrapper .status-deleted {
    background-color: var(--qonnex-grijs);
}
#stock-wrapper div.status-deleted {
    line-height: 28.5px;
}
#stock-wrapper .status-expected {
    background-color: var(--qonnex-geel-30);
}
#stock-wrapper .status-instock {
    background-color: var(--qonnex-blauw-30);
}
#stock-wrapper .status-reserved {
    background-color: var(--qonnex-oranje-30);
}
#stock-wrapper .status-sold {
    background-color: var(--qonnex-groen-30);
}
.stock table {
    width: 100%;
    border-spacing: 0px;
}
.stock table tr {
    border-collapse: separate;
}
.stock table tbody tr:hover {
    background-color: #ddd;
}
.stock table tr th {
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--qonnex-blauw);
    color: white;
    line-height: 27px;
    padding: 4px 3px;
    border-right: 1px solid var(--qonnex-lichtblauw);
}
.stock table tr th.orderby,
.stock .list-row-header div.orderby {
    background-color: var(--qonnex-donkerblauw2);
}
.stock table tr th.orderby.asc::after,
.stock .list-row-header div.orderby.asc::after {
    content: ' \f309'; /* Unicode voor 'fa-long-arrow-alt-down' */
    font-family: 'Font Awesome 5 Free';
}
.stock table tr th.orderby.desc::after,
.stock .list-row-header div.orderby.desc::after {
    content: ' \f30c'; /* Unicode voor 'fa-long-arrow-alt-up' */
    font-family: 'Font Awesome 5 Free';
}
.stock table tr th.tac {
    text-align: center;
}
.stock table tfoot tr th {
    border-bottom: none;
    padding: 4px 0px;
}
.stock table tr th img {
    width: 12px;
}
.stock table tr td {
    white-space: nowrap;
    padding: 4px 3px 4px 0px;
    border-bottom: 1px solid #DBDBDB;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
}
.stock td.action_button {
    width: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.stock td.action_button:not(:empty) {
    width: 1px;
    padding-left: 3px;
}

.stock table tr td.maxwidth30 {
    max-width: 30px;
}
.stock table tr td[name="kenteken"] {
    text-transform: uppercase;
    max-width: 100px;
}
.stock table tr td[name="onderhoud"] {
    max-width: 125px;
}
.stock table tr td.maxwidth150,
.stock table tr td[name="email"] {
    max-width: 150px;
}
.stock table tr td.maxwidth250 {
    max-width: 250px;
    width: 250px;
}
.stock table tr td.maxwidth500 {
    max-width: 500px;
}

.stock table tr td[name="mrn"] .green {
    height: 36px;
    display: inline-block;
    width: 47px;
    padding-top: 8px;
}
.stock table tr:nth-child(odd){
    background: #f6f6f6;
}
.stock table tr:nth-child(even){
    background: #fdfdfd;
}
.stock .not-active {
    opacity: 0.4;
}
.inp.is-light > :disabled,
.stock .is-light .not-active {
    opacity: 0.6;
    filter: contrast(50%);
}
.stock table tr td:first-child, .stock table tr th:first-child {
    padding-left: 5px;
}
.stock table tr td:last-child, .stock table tr th:last-child {
    padding-right: 5px;
}
#stockmodules-wrapper td.importeur {
    font-weight: bold;
}

.prijs-van-voor .prijs-van {
    position: relative;
    display: inline-block;
}
.prijs-van-voor .prijs-van:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, transparent 47%, var(--qonnex-rood) 47%, var(--qonnex-rood) 53%, transparent 53%);
    pointer-events: none;
}
.prijs-van-voor.prijs-voor- .prijs-van:before,
.prijs-van-voor.prijs-voor-0 .prijs-van:before,
.prijs-van-voor.prijs-voor- .prijs-voor,
.prijs-van-voor.prijs-voor-0 .prijs-voor {
    display: none;
}

#selected-actions {
    display: none;
    position: fixed;
    bottom: 45px;
    margin: auto;
    width: 100%;
    max-width: 1440px;
    padding: 10px;
    z-index: 10;
    background-color: var(--qonnex-blauw);
    color: white;
    box-shadow: 0px -2px 5px silver;
}
#selected-actions .selected-count {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
}

#stock-wrapper table.stockoverview th.selectall,
#stock-wrapper table.stockoverview td[name="select"] {
    width: 18px;
}
#dlg_qsync td:first-child {
    width: 100px;
    max-width: 100px;
}

#save-inventory {
    position: fixed;
    left: 0;
    bottom: 45px;
    width: 100vw;
    background-color: var(--qonnex-blauw);
    padding: 5px 0px;
    text-align: center;
    z-index: 10;
}
#save-inventory div {
    display: inline-block;
    padding: 0px 5px;
    min-width: 100px;
}
@media screen and (max-width: 1440px) {
    .stock-overview .item-header {
        font-size: 13px;
    }
    .stock-overview .item-header .status {
        width: 80px;
        right: 311px;
    }
    .stock-overview .item-header .stadagen {
        right: 288px;
    }
    .stock-overview .item-header .kenteken {
        width: 63px;
        right: 383px;
    }
    .stock-overview .item-header .handelsprijs {
        right: 444px;
        width: 30px;
    }
    .stock-overview .item-header .prijs-van-voor {
        right: 475px;
        width: 80px;
    }
    .stock-overview .item-header .kleur {
        right: 555px;
        width: 90px;
    }
    .stock-overview .item-header .bouwjaar {
        right: 640px;
        width: 70px;
    }
    .stock-overview .item-header .teller {
        right: 710px;
        width: 90px;
    }
    .stock-overview .item-header .foto {
        right: 800px;
    }

    .list-row-header div.merknaam {
        width: 9%;
    }
    .list-row-header div.typenaam {
        width: calc(85% - 800px);
    }
    .list-row-header div.teller {
        width: 80px;
    }
    .list-row-header div.bouwjaar {
        width: 65px;
    }
    .list-row-header div.kleur {
        width: 75px;
    }
    .list-row-header div.prijs {
        width: 85px;
    }
    .list-row-header div.handelsprijs {
        width: 20px;
    }
    .list-row-header div.kenteken {
        width: 57px;
    }
    .list-row-header div.status {
        width: 76px;
    }
}

@media all and (max-width: 1100px) {
    .stock-overview .row.list-row-header {
        top: 50px;
    }
}
@media all and (max-width: 1000px) {
    /*--- overview ---*/
    #stock-wrapper .stepper {
        top: -64px;
    }
    .stock-overview-desktop {
        display: none;
    }
    .stock-overview-mobile {
        display: block;
    }
    .stock-overview-mobile.lijn {
        border-top: 1px solid var(--qonnex-lichtgrijs);
        border-bottom: 1px solid var(--qonnex-lichtgrijs);
        position: absolute;
        top: 400px;
        height: 72px;
        width: 100%;
    }
    .stock-overview-photo .item {
        margin-bottom: 20px;
    }
    .stock-overview-photo table th:not(:first-child) {
        display: none;
    }
    .stock-overview-photo table tr,
    .stock-overview-photo table th {
        background-color: transparent !important;
    }
    .stock-overview.stock-overview-photo table thead tr th.selectall {
        padding-left: 14px !important;
    }
    .stock-overview .item {
        border-top: 1px solid black;
        border-bottom: 1px solid var(--qonnex-lichtgrijs);
        height: 552px;
    }
    .stock-overview .item-header {
        background-color: var(--qonnex-blauw);
        height: 57px;
        line-height: 57px;
        font-size: 20px;
    }
    .stock-overview-table .item:hover .item-header {
        background-color: var(--qonnex-blauw);
    }
    .stock-overview div.itemselector {
        padding-top: 6px;
        padding-left: 15px;
    }
    .stock-overview .item-header .merknaam {
        width: calc(50% - 169px);
        color: white;
    }
    .stock-overview .item-header .typenaam {
        width: calc(50% + 124px);
        max-width: calc(50% + 124px);
        color: white;
    }
    .stock-overview .omschr {
        height: 151px;
        left: 228px;
        top: 57px;
        width: calc(100% - 228px);
    }
    .stock-overview .item-header .actions {
        top: 512px;
        height: 50px;
        right: 100px;
        text-align: right;
        scale: 200%;
        width: 197px;
    }
    .stock-overview .item-header .actions div.is-more-action {
        display: none;
    }
    .stock-overview .item-header .actions .more {
        display: inline-block;
        background-color: var(--qonnex-groen);
        height: 25px;
        width: 25px;
        color: white;
        text-align: center;
        line-height: 27px;
        cursor: pointer;
        font-size: 16px;
    }
    .stock-overview .item-header .actions .more-actions {
        background-color: var(--qonnex-blauw);
        width: 120px;
        height: 90px;
        position: relative;
        top: -95px;
        padding: 2.5px;
        right: -72px;
    }
    .stock-overview .item-header .actions .more-actions div.inp {
        margin: 2.5px;
    }
    .stock-overview .item-header .actions .more-actions div.inp i.fa-times {
        padding: unset;
        text-align: center;
    }
    .stock-overview .item-header .teller {
        top: 340px;
        left: 75px;
        white-space: nowrap;
    }
    .stock-overview .item-header .bouwjaar {
        top: 340px;
        left: 190px;
    }
    .stock-overview .item-header .kleur {
        top: 340px;
        left: 285px;
    }
    .stock-overview .item-header .kenteken {
        top: 340px;
        left: calc(100% - 127px);
        text-align: right;
        width: 116px;
    }
    .stock-overview .item-header .stadagen {
        top: 407px;
        left: calc(100% - 60px);
        width: 50px;
        height: 50px;
        padding-top: 3px;
        color: var(--qonnex-blauw);
        background-image: url('/icon/calendar.png');
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
        font-size: 16px;
    }
    .stock-overview .item-header .prijs-van-voor {
        top: 407px;
        left: 10px;
        text-align: left;
    }
    .stock-overview .item-header .handelsprijs {
        top: 407px;
        left: 145px;
        width: 140px;
    }
    .stock-overview .tekstinternet {
        top: 230px;
        left: 0px;
        width: calc(100% - 20px);
        height: 87px;
        padding: 10px;
        border-bottom: 1px solid var(--qonnex-lichtgrijs);
    }
    .stock-overview .tekstinternet  div {
        height: 38px;
        overflow: hidden;
    }

    .stock-overview .photo {
        top: 57px;
        width: 228px;
        height: 171px;
    }
    .stock-overview .item-header .foto {
        left: 18px;
        top: 350px;
        scale: 150%;
    }
    .stock-overview .item-header .status {
        top: 487px;
        left: 10px;
        line-height: 50px;
        width: calc(100% - 314px);
    }

    .stock-overview .list-row-header {
        display: none;
    }
    .stock-overview-table .item {
        height: 260px;
    }
    .stock-overview-table .item:nth-child(2n+1) .item-header {
        background-color: var(--qonnex-blauw);
    }
    .stock-overview-table .item-header .foto {
        top: 65px;
    }
    .stock-overview-table .item-header .teller,
    .stock-overview-table .item-header .bouwjaar,
    .stock-overview-table .item-header .kleur,
    .stock-overview-table .item-header .kenteken {
        top: 60px;
    }
    .stock-overview-table .stock-overview-mobile.lijn {
        top: 115px;
    }
    .stock-overview-table .item-header .prijs-van-voor,
    .stock-overview-table .item-header .handelsprijs,
    .stock-overview-table .item-header .stadagen {
        top: 122px;
    }
    .stock-overview-table .item-header .status {
        top: 192px;
    }
    .stock-overview-table .item-header .actions {
        top: 217px;
    }
}
@media screen and (max-width: 950px) { /* hamburgermenu wordt aktief */
    .stock td.handelsprijs span {
        display: none;
    }
    .stock th.handelsprijs,
    .stock td.handelsprijs {
        text-align: center;
    }
}

@media screen and (max-width: 760px) {
    .stock td.action_button {
        display: none !important;
    }
    .stock td[name="actionbutton"] .qsync {
        margin: auto;
    }
    #stock-wrapper .header-filter .widthmobile {
        width: calc(50% - 22px);
    }
    #stock-wrapper .header-pagination,
    #stock-wrapper .header-actions .stepper {
        display: none;
    }
    #stock-wrapper table.stockoverview {
        margin-top: -48px;
    }
}

@media all and (max-width: 560px) {

    /*--- overview ---*/
    .stock-overview .item {
        width: 100%;
    }
    .stock-overview .item-header .merknaam,
    .stock-overview .item-header .typenaam {
        width: calc(50% - 25px);
    }
    .stock-overview .inlinkingtitle,
    .stock-overview .qxtitel,
    .stock-overview .marktplaatstitel,
    .stock-overview .marktplaatsmaandelijkstitel,
    .stock-overview .hexontitel,
    .stock-overview .omschr h4 {
        font-size: 12px;
    }
    #stock-wrapper .list-title {
        font-size: 20px;
    }
    .stock-overview .item-header .bouwjaar {
        left: 170px;
    }
    .stock-overview .item-header .kleur {
        left: 255px;
    }
}

@media all and (max-width: 450px) {
    .stock-overview {
        margin: 0px -15px;
    }
    .stock-overview-table .item {
        height: 245px;
    }
    .stock-overview-photo .item {
        height: 509px;
        margin-bottom: 10px;
    }
    .stock-overview .photo {
        height: 150px;
        width: 200px;
    }
    .stock-overview .omschr {
        left: 200px;
        width: calc(100% - 200px);
        height: 131px;
    }
    .stock-overview .inlinkingtitle,
    .stock-overview .qxtitel,
    .stock-overview .marktplaatstitel,
    .stock-overview .marktplaatsmaandelijkstitel,
    .stock-overview .hexontitel,
    .stock-overview .omschr h4 {
        font-size: 11px;
    }
    .stock-overview .inlinkingtitle {
        top: 30px;
    }
    .stock-overview .qxtitel {
        top: 60px;
    }
    .stock-overview .marktplaatstitel {
        top: 90px;
    }
    .stock-overview .marktplaatsmaandelijkstitel {
        display: none;
    }
    .stock-overview .hexontitel {
        top: 120px;
    }
    .stock-overview .item-header .status {
        width: 125px;
    }
    .stock-overview.stock-overview-photo .tekstinternet {
        top: 200px;
    }
    .stock-overview.stock-overview-photo .item-header .teller,
    .stock-overview.stock-overview-photo .item-header .bouwjaar,
    .stock-overview.stock-overview-photo .item-header .kleur,
    .stock-overview.stock-overview-photo .item-header .kenteken {
        top: 320px;
    }
    .stock-overview.stock-overview-photo .item-header .foto {
        top: 330px;
    }
    .stock-overview-mobile.lijn {
        top: 380px;
    }
    .stock-overview.stock-overview-photo .item-header .prijs-van-voor,
    .stock-overview.stock-overview-photo .item-header .handelsprijs,
    .stock-overview.stock-overview-photo .item-header .stadagen {
        top: 387px;
    }
    .stock-overview.stock-overview-photo .item-header .status {
        top: 459px;
    }
    .stock-overview .item-header {
        font-size: 14px;
    }
    .stock-overview .item-header .bouwjaar {
        left: 145px;
    }
    .stock-overview .item-header .kleur {
        left: 225px;
    }
    .stock-overview .item-header .status {
        line-height: 39px;
        margin-top: 4px;
    }
    .stock-overview .item-header .actions {
        height: 40px;
        scale: 150%;
        top: 206px;
        right: 58px;
    }
    .stock-overview.stock-overview-photo .item-header .actions {
        top: 472px;
    }
}