*{margin:0;padding:0}
html{height:100%;width:100%}
body{background: #ffffff;font-family:'Open Sans',sans-serif,arial;font-size:100%;color:#000000}
.small{font-size:.8em}
.title{font-weight:800; display:block}
.clear{height:1px;clear:both;overflow:hidden}
.space{margin-top:1.2em!important}
.nospace{margin:0!important;padding:0!important}
img{max-width:100%}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.bold{font-weight:800}
.fbanar{padding:1em 0}
.italic{font-style:italic}
a{text-decoration:none;color:inherit;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.show{display:block}
.hidden{display:none}
label{display:block;padding:.8em 0 .5em}
label.normal{display:inline;padding:0}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select,textarea,.standardinput{font-family:'Open Sans',sans-serif;background:#FFF;border:1px solid rgba(204,204,204,0.4);padding:7px;display:inline-block;width:90%;outline:none;-webkit-appearance:none;text-transform:none;color:#000000}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,select:focus,textarea:focus,.standardinput:focus{border:1px solid #bfbfbf}
select{padding:6px}
textarea{resize:none;height:120px}
input[type="submit"],.button{text-decoration:none!important;font-family:'Open Sans',sans-serif!important;-webkit-appearance:none!important;cursor:pointer;color:#ffffff!important;border-radius:.3em!important;padding:3px 10px!important;background:#1dc70a!important;font-weight:800!important;border:2px solid #1dc70a!important;font-size:100%!important;display:inline-block!important;-webkit-transition:all .3s ease-in-out!important;-moz-transition:all .3s ease-in-out!important;-o-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important}
.button{padding:3px 10px!important}
input[type="submit"].green,.button.green{background:#1dc70a!important;border:2px solid #1dc70a!important}
.button.facebook{background:#516ba2!important;border-color:#516ba2!important}
.button.facebook:hover{background:#7489b5!important;border-color:#516ba2!important}
input[type="submit"]:hover,.button:hover{opacity:.8!important;filter:alpha(opacity=80)!important;box-shadow:0 0 5px #1dc70a!important}
input[type="submit"].green:hover,.button.green:hover{box-shadow:0 0 5px #1dc70a!important}
.googlepowered{background:url(../images/web_images/powered-by-google-on-white.png) top right no-repeat!important;display:block}
#advanced_s_toggle{display:none;margin-bottom:1em;text-align:center}
.wrapper{width:95%;margin:0 auto}
.block_2{width:50%;float:left}
.block_3{width:33%;float:left}
.block_4{width:25%;float:left}
.block_5{width:20%;float:left}
.block_20{width:20%;float:left}
.block_80{width:80%;float:left}
.insidecontent{padding:1em}
i.fa{width:1em}
.fp.insidecontent {
    display: none;
}                       /* vanaf fp weghalen tot hier als ik banner op homepage terugwil  */
.fp.insidecontent{border:1px solid #bfbfbf;margin-bottom:1em;background:#ffffff;padding:1em}
.fp.insidecontent h1,.fp.insidecontent h2,.fp.insidecontent h3{color:#000000}
.warn{border:1px solid #bfbfbf;background:#ffffff;padding:1.2em;margin:1em}
.warn p,.warn ul{margin:0!important}
.warn ul{list-style:disc!important;list-style-position:inside!important}
.warn .button{margin-bottom:1em!important}
.item{background:#ffffff;width:20%;margin:1em;float:left}
#cattinosho{display:none!important}
.mobile_no{display:inline-block}
.only_mobile{display:none}
#topmenu{height:65px;line-height:65px;overflow:hidden;border-bottom:1px solid #000000}
#topmenu ul{list-style:none;text-align:right}
#topmenu ul li{display:inline-block;margin:0 .2em}
#topmenu ul .nm{display:none}
#topmenu a{text-decoration:none}
#topmenu a:hover{text-decoration:underline;color:inherit}
#logo{font-size:2em;white-space:nowrap;height:100%; }
#logo img{max-height:65px!important;}
#logo a:hover{opacity:.8;filter:alpha(opacity=80);text-decoration:none}
#topmenu .twoblocks{width:50%;float:left}
#topsearchmenu{border-bottom:1px solid #bfbfbf;padding:.5em 0 .6em .5em}
#topsearchmenu .button{width:auto;margin-right:1em}
#topsearchmenu #fptopsr{width:30%}
#topsearchmenu #topcat{width:15%}
#topsearchmenu #zk_postcode{width:8%}
#topsearchmenu #zk_afstand{width:8%}
#loginbar{background:#ffffff;padding:.8em 0 .5em;display:none;-webkit-box-shadow:inset 0 -68px 12px -61px rgba(0,0,0,0.47);-moz-box-shadow:inset 0 -68px 12px -61px rgba(0,0,0,0.47);box-shadow:inset 0 -68px 12px -61px rgba(0,0,0,0.47);border-bottom:1px solid #000000}
#loginbar .left{width:20%;float:left;display:block}
#loginbar .right{width:80%;float:left;display:block}
#loginbar input{width:auto}
#loginbar label{display:inline-block}
#balloon{display:none;height:215px;margin-left:438px;margin-top:-230px;position:absolute;width:351px;z-index:99928}
.getballoon:hover #balloon{display:block}
#todaytopper {margin-top: 0;margin-bottom: 1em;}
#todaytopper .title{font-size:1.4em}
#cats{background:#ffffff;border:1px solid #bfbfbf;padding:.4em;margin-right:1em}
#cats .title{margin-bottom:1em;display:block;color:#000000}
#cats ul{list-style:none}
#cats ul li{padding:.2em 0;font-size:.8em}
#cats a{color:inherit;text-decoration:none}
#cats a:hover{text-decoration:underline;background-color:inherit;opacity:.8;filter:alpha(opacity=80)}
.fpad{background:#ffffff;border:1px solid rgba(191,191,191,0.3);padding:.5em;height:90%;margin:.4em;font-size:.8em}
.fpad h3{height:3em;overflow:hidden}
.fpad:hover{border:1px solid #bfbfbf}
.fpad .city{margin-bottom:.4em;height:1.5em;overflow:hidden}
.fpad img{max-width:100%}
.fpad span{display:block}
.searchbar{line-height:normal}
#searchbetween{padding:1em 1em 1em 0;margin-bottom:1em}
#searchbetween h1{color:#000000}
#catleft{width:98%}
#sideform label{padding:0;margin:0;float:none}
#sideform input{margin-bottom:1em;width:87%}
#sideform select{width:95%;margin-bottom:1em}
#sideform input[type="radio"]{margin-bottom:0;width:auto}
.listing{clear:both;padding:1em;border:1px solid #bfbfbf;background:#000000;margin-bottom:1em;cursor:pointer}
.sortbox{font-size:1.2em;line-height:normal;padding-bottom:0;padding-top:0}
.topper{background:#ffffff;box-shadow:4px 4px 0 #d3feb4}
.subtopper{box-shadow:4px 4px 0 #d3feb4;background:rgba(255,255,255,0.5)}
.listing .img{width:20%;float:left}
.listing .img img{width:95%;padding-top:.5em}
.listing .description{width:50%;float:left}
.listing .description h3{margin-bottom:.5em}
.listing .description p{font-size:.9em}
.listing .price{width:15%;float:left;text-align:right}
.listing .price span{display:block;color:#000000}
.listing .location{width:15%;float:left;text-align:right;font-size:.8em}
.listing .location.sort{font-size:inherit}
#breadcrumb{padding:1em 0;font-weight:800}
#breadcrumb a:hover{text-decoration:underline}
#leftlisting{width:-moz-calc(100% - 300px);width:-webkit-calc(100% - 300px);width:calc(100% - 300px);float:left}
#leftlisting #inner{width:98%}
#leftlisting #bg{background:#ffffff;padding:1em;border:1px solid #bfbfbf}
#simads{width:98%;padding-top:1em;}
#simads .title{font-size:1.4em; color:#000000;margin:1em 0 1em 0 ; display:block}
#leftlisting #inner h1{color:#000000}
#leftlisting #inner .date{font-size:.7em;display:block}
#leftlisting #inner .price{font-size:1.1em;text-align:right;font-weight:400;display:block;color:#000000;font-weight:700;border-bottom:1px solid #bfbfbf}
#imagebox {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
}

#imagebox.solouno .swiper {
    max-width: 100%;
}

.swiper {
    width: 100%;
    height: auto;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img.imgdetailbox {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Stijlen voor Swiper-navigatieknoppen */
.swiper-button-prev,
.swiper-button-next {
    color: #1dc70a !important; /* Zwart voor goed contrast, vervang door je gewenste kleur */
    background-color: transparent; /* Verwijder de achtergrond */
    padding: 10px; /* Behoud padding voor een klikbaar gebied */
    border-radius: 0; /* Verwijder afgeronde randen */
    width: 40px; /* Vaste breedte voor consistentie */
    height: 40px; /* Vaste hoogte voor consistentie */
    transition: opacity 0.3s ease-in-out; /* Soepele overgang bij hover */
}

/* Hover-effect */
.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 0.8; /* Lichte vervaging bij hover voor interactiviteit */
}

/* Zorg ervoor dat de standaard SVG-pijltjes zichtbaar blijven */
.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 24px; /* Pas de grootte van de pijltjes aan */
}

/* Mobiele weergave (max. 768px breed) */
@media (max-width: 768px) {
    .swiper-button-prev,
    .swiper-button-next {
        color: #1dc70a !important;
        background-color: transparent;
        padding: 10px;
        border-radius: 0;
        width: 40px;
        height: 40px;
        transition: opacity 0.3s ease-in-out;
    }

    .swiper-button-prev::after,
    .swiper-button-next::after {
        font-size: 28px; /* Iets groter op mobiel voor betere zichtbaarheid */
    }
}

.swiper-pagination-bullet {
    background: #333;
}

.swiper-pagination-bullet-active {
    background: #007aff;
}
#lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9); /* Darker background for better contrast */
    z-index: 9999;
    justify-content: center;
    align-items: center;
    overflow: auto; /* Allow scrolling if needed */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}
#lightbox img {
    max-width: 90%;
    max-height: 80%; /* Reduced height for better mobile fit */
    object-fit: contain;
    border: 2px solid #000000;
    margin: 20px auto; /* Added margin for spacing */
}
#lightbox .close {
    position: fixed; /* Changed to fixed for consistent positioning */
    top: 10px; /* Closer to top edge for easier access */
    right: 10px;
    color: #000000;
    font-size: 2.5em; /* Larger for better tap target */
    cursor: pointer;
    padding: 10px; /* Larger tap area */
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background for visibility */
    border-radius: 50%; /* Circular button for modern look */
    line-height: 1;
}
@media only screen and (max-width: 800px) {
    #lightbox img {
        max-width: 85%; /* Slightly smaller for better fit */
        max-height: 75%;
        margin: 15px auto; /* Adjusted margin */
    }
    #lightbox .close {
        top: 5px;
        right: 5px;
        font-size: 2em; /* Slightly smaller for balance */
        padding: 8px;
    }
}
@media only screen and (max-width: 600px) {
    #lightbox img {
        max-width: 95%; /* Maximize width for small screens */
        max-height: 70%; /* Ensure room for close button */
        margin: 10px auto;
    }
    #lightbox .close {
        top: 5px;
        right: 5px;
        font-size: 1.8em;
        padding: 6px;
    }
}
#imagebox{margin:1em 0}
#imagebox.solouno,#imagebox .solouno{text-align:center}
#imagebox .solouno{margin-bottom:.8em}
#imagebox .thumbs img{border:1px solid #bfbfbf;width:6em;margin:0 .5em 1em}
#leftlisting #cloptions{list-style:none}
#leftlisting #cloptions li{width:40%;float:left;border-bottom:1px solid #bfbfbf;padding:.5em}
#leftlisting #cloptions li label{width:35%;float:left;padding:0}
#leftlisting .usercontent{margin-bottom:1em}
#leftlisting #map{width:100%;height:300px;margin-bottom:2em}
#leftlisting #map img{max-width:none}
#leftlisting #offeroption{text-align:center;font-size:3em}
#leftlisting #offeroption a{margin:0 .4em;color:#4a4a4a}
#leftlisting #offeroption a:hover{opacity:.6;filter:alpha(opacity=60)}
#rightlisting{width:300px;float:left}
#rightlisting .title{color:#000000;border-bottom:1px solid #bfbfbf;margin-bottom:.5em;display:block}
#rightlisting a:hover{text-decoration:underline}
#rightlisting input{margin-bottom:.5em}
#rightlisting .contact{margin-bottom:1em}
#rightlisting .owner{background:#ffffff;border:1px solid #bfbfbf;padding:1em}
#rightlisting .owner .whatsapp{float:right}
#rightlisting ul{list-style:disc;list-style-position:inside;font-size:.8em;margin-bottom:.5em}
#rightlisting .owner .opti{list-style:none}
#rightlisting .owner .opti a{color:#1dc70a}
#rightlisting .owner .opti a:hover{text-decoration:none;color:#1dc70a}
#rightlisting .owner .opti i{width:1.2em}
#rightlisting .bidoverviewbox{list-style:none!important;padding:.5em 0;text-align:right; white-space:nowrap}
#rightlisting .bidoverviewbox label{width:37%;padding:0;text-align:left;float:left}
.reviewbox{margin-bottom:1em; border:1px solid #bfbfbf;padding:1em}
.quote{display:block;background:#ffffff;margin:0 1em 1em 1em;padding:1em;border:1px solid #bfbfbf;}
#footer{font-size:0.9em;margin-top:1em;padding:1em 0;border-top:2px solid #000000}
#footer a{text-decoration:none;color:inherit}
#footer a:hover{color:inherit;text-decoration:underline}
#footer ul{list-style:none}
#footer ul .title{font-size:1.5em}
#footer .socialmedia{text-align:right}
.makespace{padding:0 0.5em 0.5em 0.5em}
.content{padding:1em 0}
.content a{text-decoration:underline}
.content p{margin:0 1.5em 1.5em 0}
.content ul{margin:0 1.5em 1.5em 0;list-style-position:inside}
.content h1{font-size:1.8em;color:#000000;margin-bottom:1em}
.content h2{font-size:1.6em;color:#000000;margin-bottom:1em}
.content h3{font-size:1.4em;color:#000000}
.content h4{font-size:1.2em;color:#000000}
.content .complogo{float:left;margin:0 1em 1em 0}
.blog h2 a{text-decoration:none;color:#000000}
.blog .blogimg{max-width:150px; float:left;margin:0 0.5em 0.5em 0}
#prevnext{font-size:1.2em;margin-bottom:1em;text-align:center}
#prevnext a,#prevnext span{border:1px solid #bfbfbf;color:#000000;display:inline-block;margin:0 .2em 1em;padding:.3em!important;text-decoration:none}
#prevnext a:hover{background:#1dc70a;border:1px solid #1dc70a;color:#000000}
#prevnext span{background:#1dc70a;border:1px solid #1dc70a;color:#000000}
#cookiething{padding:2em 1em 2em 1em;background:#000;background:rgba(0,0,0,0.8);bottom:0;color:#ffffff;font-size:14px;height:auto;line-height:30px;position:fixed;width:100%;z-index:99999999}
#cookiething p{text-align:center}
#cookiething a{text-decoration:underline}
@media (max-width: 600px) {
  #cookiething {
    width: 100vw;           /* precies volle viewport breedte */
    left: 0;                /* helemaal links */
    right: 0;               /* helemaal rechts */
    padding: 1em;           /* padding binnenin */
    box-sizing: border-box; /* padding telt mee in breedte */
    font-size: 12px;
    line-height: 20px;
    max-height: 40vh;
    overflow-y: auto;
    border-radius: 0;       /* geen afgeronde hoeken, strak langs schermrand */
  }
}
@media (max-width: 800px) {
  #cookiething {
    width: 100vw;           /* precies volle viewport breedte */
    left: 0;                /* helemaal links */
    right: 0;               /* helemaal rechts */
    padding: 1em;           /* padding binnenin */
    box-sizing: border-box; /* padding telt mee in breedte */
    font-size: 12px;
    line-height: 20px;
    max-height: 40vh;
    overflow-y: auto;
    border-radius: 0;       /* geen afgeronde hoeken, strak langs schermrand */
  }
}
@media (max-width: 1200px) {
  #cookiething {
    width: 100vw;           /* precies volle viewport breedte */
    left: 0;                /* helemaal links */
    right: 0;               /* helemaal rechts */
    padding: 1em;           /* padding binnenin */
    box-sizing: border-box; /* padding telt mee in breedte */
    font-size: 12px;
    line-height: 20px;
    max-height: 40vh;
    overflow-y: auto;
    border-radius: 0;       /* geen afgeronde hoeken, strak langs schermrand */
  }
}

#middlepage{min-height:625px}
.white{color:#000000}
.black{color:#000}
.blue{color:#000000}
.green{color:#000000}
.red{color:#000000}
.yellow{color:#FF0}
.grey{color:#000000}
.light_blue{color:#000000}
.light_green{color:#3C9}
.light_red{color:#F66}
.light_yellow{color:#FFC}
.light_grey{color:#4a4a4a}
.light_a{color:#d3feb4}
.light_b{color:#9CC}
.bg_white{background-color:#000000}
.bg_black{background-color:#000}
.bg_blue{background-color:#ffffff}
.bg_green{background-color:#393}
.bg_red{background-color:red}
.bg_yellow{background-color:#FF0}
.bg_grey{background-color:#000000}
.bg_light_blue{background-color:#1dc70a}
.bg_light_green{background-color:#3C9}
.bg_light_red{background-color:#F66}
.bg_light_yellow{background-color:#FFC}
.bg_light_grey{background-color:#ffffff}
.bg_light_a{background-color:#d3feb4}
.bg_light_b{background-color:#9CC}
input.normal{width:auto!important}
@media only screen and (max-width: 1400px) {
.wrapper{width:95%;margin:0 auto}
}
@media only screen and (max-width: 1200px) {
#topsearchmenu #fptopsr{width:25%}
#mainmenu{font-size:.8em}
}
@media only screen and (max-width: 1024px) {
.wrapper{width:95%;margin:0 auto}
@media only screen and (max-width: 600px) {
.wrapper{width:95%;margin:0 auto}
}
.listing .price{font-size:.8em}
.listing .location{font-size:.8em}
.block_20{width:100%!important;float:none!important}
.block_80{width:100%!important;float:none!important}
#cats{padding:.4em;margin:1em 0!important}
#cats ul li{float:left;width:25%}
.block_3 .choosecat{margin-bottom:1em}
#advanced_search{display:none}
#sideform input{margin-bottom:1em;width:93%}
#sideform select{width:95%;margin-bottom:1em}
#advanced_s_toggle{display:block!important}
.mobile2{width:50%;float:left;padding-bottom:1em}
}
@media only screen and (max-width: 800px) {
a{-webkit-transition:all .0s ease-in-out;-moz-transition:all .0s ease-in-out;-o-transition:all .0s ease-in-out;transition:all .0s ease-in-out}
#logo{font-size:1.2em}

.block_5{width:25%}
.block_4{width:50%;margin-bottom:2em}
.mobile_no{display:none!important}
.only_mobile{display:block!important}
#loginbar{display:none!important}
.sp{font-size:2em}
#cats{padding:.4em;margin:1em 0!important}
#topmenu{height:40px; line-height:40px;}
#topmenu img{height:40px;}
#topmenu ul .om{display:none!important}
#topmenu ul .nm{display:block}
#mainmenu{position:absolute;width:auto;top:70px;right:0;z-index:9999;min-height:auto;display:none}
#mainmenu li{display:block!important;padding:0 .8em;font-size:1.1em;border-bottom:1px solid #bfbfbf;font-weight:800!important}
#cats ul li{float:left;width:33%}
#leftlisting{width:100%;float:none;margin-bottom:1em}
#rightlisting{width:100%;float:none}
.listing .description p{display:none}
#mainform{text-align:center!important}
#mainform .button{display:none!important}
#topsearchmenu #fptopsr{width:50%}
#topsearchmenu #topcat{display:none}
#topsearchmenu #zk_postcode{display:none}
#topsearchmenu #zk_afstand{display:none}
#footer ul{margin-bottom:1em}
#leftlisting #cloptions li{width:95%!important;float:none!important;padding:.5em 0}
#leftlisting #inner,#simads{width:100%}
}
@media only screen and (max-width: 600px) {
.block_2{width:100%;float:none}
.block_3{width:100%;float:none}
.block_4{width:50%}
.block_5{width:50%}
#categories{display:none}
#cattinosho{display:block!important;margin:0!important}
.small_no{display:none!important}
#cats ul {margin:0!important;}
#cats ul li{float:left;width:50%}
#cats ul li a{padding:0.7em; display:inline-block}
.listing .description{width:40%}
.listing .description h3{font-size:.8em}
.listing .price{width:25%;font-size:.8em}
.listing .location{width:25%;font-size:.8em}
#footer .copyright{text-align:center}
#footer .socialmedia{text-align:center}
}
/* Padding uitschakelen op mobiel */
@media only screen and (max-width: 1024px) {
  .insidecontent.nopad,
  .fp.insidecontent.nopad {
    padding: 0 !important;
  }

  .insidecontent.nopad img,
  .fp.insidecontent.nopad img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}
.sortbox-wrapper {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}
.sortbox-container {
    display: inline-flex;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    font-family: Arial, sans-serif;
}
.sortbox {
    display: flex;
    align-items: center;
}
#sort-select {
    padding: 8px 30px 8px 12px;
    font-size: 0.9rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23333'%3E%3Cpath d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#sort-select option.bold-option {
    font-weight: bold;
}
#sort-select:focus {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);
}
.wrapper, .row, .block_80 {
    margin-top: 0;
    padding-top: 0;
}
#searchbetween {
    margin: 0;
    padding: 0;
}
#searchbetween .inner.content {
    margin: 0;
    padding: 5px 0;
}
#searchbetween h4 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.2;
}
.favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
.favorite-btn {
    font-size: 20px;
    color: #ccc;
    text-decoration: none;
}
.favorite-btn.favorited {
    color: #ff0000;
}
.favorite-btn:hover {
    color: #ff6666;
}
.listing, .listing.topper {
    position: relative;
    padding: 0;
    border: 1px solid #bfbfbf;
    background: #ffffff;
    margin-bottom: 1em;
    cursor: pointer;
    overflow: hidden;
    min-height: 120px;
    display: flex;
    flex-wrap: wrap;
}
.listing .img, .listing.topper .img {
    width: 25%;
    height: 100%;
    overflow: hidden;
    padding: 0 0 0 0.5em; /* Voeg 0.5em padding links toe */
    box-sizing: border-box;
    flex: 0 0 25%;
}
.listing .img img, .listing.topper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
    display: block;
}
.listing .location .mobile_no, .listing.topper .location .mobile_no {
    display: none; /* Verbergt <br> op desktop */
    }
.listing .description, .listing.topper .description {
    width: 50%;
    padding: 0.6em;
    box-sizing: border-box;
    flex: 1 1 50%;
    position: relative;
}
.listing .description h3, .listing.topper .description h3 {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 58%;
    padding-left: 0.5em;
}
.listing .description p, .listing.topper .description p {
    width: 60%;
    font-size: 0.8em;
    margin: 4.5em 0 0em 0em; /* Extra space for location */
}
.listing .price, .listing.topper .price {
    width: 30%;
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.5em;
    box-sizing: border-box;
    position: absolute;
    top: 0.1em;
    right: 1.6em; /* Increased from 0.5em to shift left */
    flex: 0 0 25%;
}
.listing .price.red, .listing.topper .price.red {
    font-weight: bold;
}
.listing .price span, .listing.topper .price span {
    display: block;
    font-weight: 700;
}
.listing .location, .listing.topper .location {
    width: 50%;
    position: absolute;
    bottom: 0.5em;
    right: 24%;
    font-size: 0.9em;
    padding: 0 0.5em 0 0;
    box-sizing: border-box;
    text-align: left; /* Aligns text to the left */
}
    .listing .location .posted-date, .listing.topper .location .posted-date {
    position: absolute;
    bottom: 0.0em;
    right: -46%;
    font-size: 1em;
}
@media (max-width: 800px) {
    .sortbox-wrapper {
        justify-content: flex-end;
        margin: 0;
        padding: 0;
    }
    .sortbox-container {
        padding: 5px;
        border: none;
    }
    .sortbox {
        display: flex;
        align-items: center;
    }
    #sort-select {
        padding: 5px 20px 5px 8px;
        font-size: 0.8rem;
        width: 120px;
        background-size: 12px;
        background-position: right 8px center;
    }
    #sort-select option.bold-option {
        font-weight: bold;
    }
    #sort-select:focus {
        box-shadow: 0 0 0 1px rgba(0, 102, 204, 0.2);
    }
    #searchbetween {
        margin: 0;
        padding: 0;
    }
    #searchbetween .inner.content {
        padding: 3px 0;
    }
    #searchbetween h4 {
        font-size: 0.8rem;
        line-height: 1.1;
    }
    .listing, .listing.topper {
        min-height: 100px;
    }
    .listing .img, .listing.topper .img {
        width: 25%;
        height: 100%;
        overflow: hidden;
        padding: 0 0 0 0.5em;
        box-sizing: border-box;
        flex: 0 0 25%;
    }
    .listing .img img, .listing.topper .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top left;
        display: block;
    }
    .listing .description, .listing.topper .description {
        width: 50%;
        font-size: 1.2em;
        padding: 0.5em;
        flex: 1 1 50%;
    }
    .listing .description h3, .listing.topper .description h3 {
        font-size: 0.8em;
        margin: 0;
        position: absolute;
        top: 0.5em;
        left: 0;
        width: 63%;
        padding-left: 0.5em;
    }
    .listing .description p, .listing.topper .description p {
        width: 60%;
        display: block;
        font-size: 0.4em;
        line-height: 1.3;
        margin: 5.5em 0 0em 0em;
    }
    .listing .price, .listing.topper .price {
        width: 25%;
        font-size: 0.8em;
        font-weight: bold;
        padding: 0.5em;
        box-sizing: border-box;
        position: absolute;
        top: 0.3em;
        right: 2.5em;
    }
    .listing .location, .listing.topper .location {
        width: 60%;
        position: absolute;
        bottom: 0.5em;
        right: 14%;
        font-size: 0.5em;
        padding: 0 0.5em 0 0;
        text-align: left; /* Aligns text to the left */
    }
    .listing .location .posted-date, .listing.topper .location .posted-date {
        width: 50%;
        font-size: 1.2em;
        position: absolute;
        bottom: 0.0em;
        right: -21%;
        text-align: right; /* Aligns text to the right */
    }
@media (max-width: 600px) {
    .listing, .listing.topper {
        min-height: 80px;
    }
    .listing .img, .listing.topper .img {
        width: 25%;
        height: 100%;
        overflow: hidden;
        padding: 0 0 0 0.1em;
        box-sizing: border-box;
        flex: 0 0 25%;
    }
    .listing .img img, .listing.topper .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top left;
        display: block;
    }
    .listing .description, .listing.topper .description {
        width: 50%;
        font-size: 0.8em;
        padding: 0.3em;
        flex: 1 1 50%;
    }
    .listing .description h3, .listing.topper .description h3 {
        font-size: 0.75em;
        margin: 0;
        position: absolute;
        top: 0.5em;
        left: 0;
        width: 63%;
        padding-left: 0.6em;
    }
    .listing .description p, .listing.topper .description p {
        width: 85%;
        display: block;
        font-size: 1.8vw;
        margin: 4.4em 0 1.2em 0.3em;
    }
    .listing .price, .listing.topper .price {
        width: 25%;
        font-size: 0.6em;
        font-weight: bold;
        padding: 0.3em;
        box-sizing: border-box;
        position: absolute;
        top: 0.3em;
        right: 2.3em;
    }
    .listing .location, .listing.topper .location {
        width: 60%;
        font-size: 0.3em;
        position: absolute;
        bottom: 0.3em;
        left: 27%;
        padding: 0 0.3em 0 0;
        text-align: left; /* Aligns text to the left */
    }
    .listing .location .posted-date, .listing.topper .location .posted-date {
        width: 55%;
        font-size: 0.3em;
        position: absolute;
        left: 64%;
        bottom: 0.0em;
        right: 0.3em;
        text-align: right; /* Aligns text to the right */
    }
    .favorite {
        top: 5px;
        right: 5px;
    }
    .favorite-btn {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .listing, .listing.topper {
        min-height: 20px;
    }
    .listing .img, .listing.topper .img {
        width: 25%;
        height: 100%;
        overflow: hidden;
        padding: 0 0 0 0.1em;
        box-sizing: border-box;
        flex: 0 0 25%;
    }
    .listing .img img, .listing.topper .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top left;
        display: block;
    }
    .listing .description, .listing.topper .description {
        width: 50%;
        font-size: 0.7em;
        padding: 0.3em;
        flex: 1 1 50%;
    }
    .listing .description h3, .listing.topper .description h3 {
        font-size: 0.7em;
        margin: 0;
        position: absolute;
        top: 0.5em;
        left: 0;
        width: 63%;
        padding-left: 0.6em;
    }
    .listing .description p, .listing.topper .description p {
        width: 60%;
        display: block;
        font-size: 1.8vw;
        margin: 4.4em 0 1.2em 0.3em;
    }
    .listing .price, .listing.topper .price {
        width: 25%;
        font-size: 0.5em;
        font-weight: bold;
        padding: 0.3em;
        box-sizing: border-box;
        position: absolute;
        top: 0.3em;
        right: 2.3em;
    }
    .listing .location, .listing.topper .location {
        width: 60%;
        font-size: 0.3em;
        position: absolute;
        bottom: 0.3em;
        left: 27%;
        padding: 0 0.3em 0 0;
        text-align: left; /* Aligns text to the left */
    }
    .listing .location .posted-date, .listing.topper .location .posted-date {
        width: 55%;
        font-size: 0.3em;
        position: absolute;
        left: 64%;
        bottom: 0.0em;
        right: 0.3em;
        text-align: right; /* Aligns text to the right */
    }
    .favorite {
        top: 5px;
        right: 5px;
    }
    .favorite-btn {
        font-size: 16px;
    }
}