/* ALGEMEEN */
.cf:before,
.cf:after { content:" "; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

main { }

div#pagina.homepage { }
div#pagina.homepage .breadcrumbs { display:none; }

#homepage { display: flex; flex-direction: column; }
#homepage .items { position: relative; margin: 0 auto; width: 100%; }
#homepage .items h2.large,
.populair h2.large { position: relative; margin-bottom: 45px!important; font-size: 48px!important; font-weight: 700; line-height: 1!important; line-height: 1.2!important; }

#homepage .items.large { }
.catalogus-btn { margin-top: 60px; }
#homepage .items.large .arrow-down { position:absolute; bottom:-27px; left:0; right:0; margin:0 auto; width:50px; height:50px; border-radius:50%; cursor:pointer; transition:opacity ease 0.25s;
    animation-name:bounce; animation-duration:2s; animation-iteration-count:infinite;
    background-image:url(../images/icons/arrow-down-white@2x.png); background-color:var(--darkgreen); background-position:center 18px; background-size:50%; background-repeat:no-repeat; z-index:3; }
@keyframes bounce {
    0%   { bottom:-17px; }
    50%  { bottom:-37px; }
    100% { bottom:-17px; }
}

#homepage .items.medium { }
#homepage .items.small { }

/*#homepage .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 2; }*/

#homepage .item.sale .foto span { position:absolute; top:50%; left:0; right:0; margin:0 auto; width:60%; font-size:55px; color:#fff; font-weight: 700; line-height:55px; text-transform:uppercase; text-shadow:0 0 30px rgba(0,0,0,1); transform:translateY(-50%) rotate(-2deg); pointer-events:none; z-index:2; }

#homepage .item .text { }
#homepage .item .text h2 { margin: 0; margin-bottom: 20px; /*font-family: 'Open Sans', sans-serif;*/ font-weight: 400; font-size: 32px; line-height: 40px; }
#homepage .item .text span.subtitle { display: block; margin-bottom: 10px; /*font-weight: 300;*/ }
#homepage .item .text span.more { display: inline-block; color: var(--pink); font-weight: 700; line-height: 17px; transition: all ease 0.25s; }
#homepage .item .text span.more:hover { filter: brightness(1.1); }
#homepage .item .text span.more:after { display: inline-block; margin-left: 7px; content: "›"; }

#homepage .item .foto { text-align: center; overflow: hidden; }
#homepage .item .foto img { position: absolute; display: block; top: 50%; left: 0; width: 100%; transform: translateY(-50%); transition: all ease 0.5s; -webkit-backface-visibility: hidden; }

#homepage .item:hover .text span.more { filter: brightness(1.1); }

/* LARGE */
#homepage .row.items.large:before { position: absolute; top: 0; left: 0; width: 100%; height: 30px; content: ""; opacity: 0.25; z-index: 2; background: rgb(17, 17, 17); background: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 1) 100%); }
#homepage .row.items.large .content { width: 100%; max-width: none; }
#homepage .row.items.large .content .page_content { padding: 0; border-bottom: none; }

#homepage .items.large #cycle { position: relative; width: 100%; height: calc(100vh - 450px); min-height: 400px; max-height: 600px; }
#homepage .items.large #cycle .controls { position:absolute; bottom:10%; right:50px; z-index:101; }
#homepage .items.large #cycle .controls .prev,
#homepage .items.large #cycle .controls .next { display:block; margin:0 8px; width:14px; height:14px; cursor:pointer; background-image:url(../images/icons/arrow-down-white@2x.png); background-position:center; background-size:100%; background-repeat:no-repeat; }
#homepage .items.large #cycle .controls .prev { transform:rotate(90deg); }
#homepage .items.large #cycle .controls .next { transform:rotate(-90deg); }
#homepage .items.large #cycle .controls .pager { }
#homepage .items.large #cycle .controls .pager span { display:block; margin:2px 4px; width:10px; height:10px; font-size:0; line-height:0; border-radius:50%; cursor:pointer; background-color:#fff; }
#homepage .items.large #cycle .controls .pager span:hover,
#homepage .items.large #cycle .controls .pager span.cycle-pager-active { background-color: var(--pink); }

#homepage .items.large #cycle .cycle-items { position:absolute; width:100%; height:100%; }

#homepage .items.large #cycle .cycle-items .item { position: absolute; width: 100%; height: 100%; }
#homepage .items.large #cycle .cycle-items .item .item-content { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; margin: 0 auto; width: 90%; max-width: 1400px; height: 100%; }
#homepage .items.large #cycle .cycle-items .item .item-content .center { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 90px; padding: 40px; padding-right: 60px; width: 40%; border-radius: 8px; box-sizing: border-box; background-color:rgba(255,255,255,0.75); z-index:1; }
#homepage .items.large #cycle .cycle-items .item .item-content .center h2 { margin-bottom: 15px; /*font-family: 'Open Sans', sans-serif;*/ font-size: 48px; font-weight: 700; line-height: 1; }
#homepage .items.large #cycle .cycle-items .item .item-content .center span.subtitle { margin-bottom: 30px; }
#homepage .items.large #cycle .cycle-items .item .item-content .center a.more { position: relative; display: inline-block; padding: 15px 20px 17px 20px; color: #fff; font-weight: 700; line-height: 1; text-decoration: none; border: none; border-radius: 4px; transition: all ease 0.25s; background-color: var(--pink); }
#homepage .items.large #cycle .cycle-items .item .item-content .center a.more:hover { filter: brightness(1.1); }

#homepage .items.large #cycle .cycle-items .item .item-image { position: absolute; top: 0; right: initial; width: 100%; height: 100%; overflow: hidden; background-color: #ccc; }
#homepage .items.large #cycle .cycle-items .item .item-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* SHOWROOM */
#homepage .items.showroom { background-color: var(--lightgrey); }
#homepage .items.showroom .block { display: flex; flex-wrap: wrap; border-radius: 8px; overflow: hidden; background-color: var(--pink); }
#homepage .items.showroom .block .block-image { padding: 45px; width: 30%; aspect-ratio: 16/9; }
#homepage .items.showroom .block .block-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; overflow: hidden; }
#homepage .items.showroom .block .block-text { display: flex; flex-direction: column; flex: 1; justify-content: center; padding: 45px; padding-left: 0; color: #fff; }
#homepage .items.showroom .block .block-text h2.large { margin: 0 0 15px 0!important; font-size: 32px!important; color: #fff; line-height: 1!important; }
#homepage .items.showroom .block .block-text p { }
#homepage .items.showroom .block .block-text a { display: inline-block; margin-top: 15px; color: #fff; line-height: 1; text-decoration-color: #fff; }
#homepage .items.showroom .block .block-text a:hover { border-bottom: none; }

/* ZEKERHEDEN */
#homepage .row.zekerheden { }

/* MEDIUM */
#homepage .items.medium .content { width: 100%; max-width: none; }
#homepage .items.medium .content h2.large { margin: 0 auto; width: 90%; max-width: 1400px; }

#homepage .items.medium .items { }

#homepage .items.medium .item { position: relative; display: flex; gap: 60px; margin: 0 auto; padding: 60px 0; width: 90%; max-width: 1400px; height: auto; border-top: 4px solid #f7f7f7; }
#homepage .items.medium .item:nth-of-type(odd) { /*background-color: var(--lightgrey);*/ }
#homepage .items.medium .item:last-of-type { border-bottom: 4px solid #f7f7f7; }
#homepage .items.medium .item a { position: relative; width: auto; height: auto; white-space: nowrap; }
#homepage .items.medium .item a:hover { border-bottom: none; }

#homepage .items.medium .item:nth-of-type(odd) { }
#homepage .items.medium .item:nth-of-type(odd) .text { order: 2; }
#homepage .items.medium .item:nth-of-type(odd) .foto { order: 1; }

#homepage .items.medium .item .text { position: relative; display: flex; flex-direction: column; justify-content: center; top: 0; left: 0; right: auto; margin:0; padding: 0; width: calc(100% / 2); height: auto; box-sizing: border-box; }
#homepage .items.medium .item .text .center { margin-bottom: 15px; }
#homepage .items.medium .item .text .center a.more { position: relative; display: inline-block; padding: 15px 20px 17px 20px; color: #fff; font-weight: 700; line-height: 1; text-decoration: none; border: none; border-radius: 4px; transition: all ease 0.25s; background-color: var(--pink); }
#homepage .items.medium .item .text .center a.more:after { display: inline-block; margin-left: 7px; content: "›"; }
#homepage .items.medium .item .text .center a.more:hover { filter: brightness(1.1); }
#homepage .items.medium .item .text h2 { font-size: 36px; font-size: 32px; font-weight: 700; line-height: 38px; line-height: 1.2; }
#homepage .items.medium .item .text span.subtitle { margin-bottom: 25px; }
#homepage .items.medium .item .text span.more { padding: 13px 16px 14px 16px; color: #fff; background-color: var(--pink); }

#homepage .items.medium .item .foto { position: relative; top: 0; left: auto; right: 0; margin: 0; padding-bottom: 28%; width: calc(100% / 2); height: 0; border-radius: 4px; overflow: hidden; background-color:#ccc; }
#homepage .items.medium .item .foto img { position: absolute; height: 100%; object-fit: cover; }

/* INTRO */
#homepage .items.intro { background-color: var(--lightgrey); }
#homepage .items.intro h2.large { margin-bottom: 15px!important; /*font-size: 36px!important;*/ }
#homepage .items.intro p { }
#homepage .items.intro a { }
#homepage .items.intro a:hover { border-bottom: none; }

/* SMALL */
#homepage .items.small { display: block; }
#homepage .items.small .items { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
#homepage .items.small .item { position: relative; width: 100%; aspect-ratio: 1/1; border-radius: 8px; overflow: hidden; background-color: var(--lightgrey); }
#homepage .items.small .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
#homepage .items.small .item .text { position: absolute; bottom: 0; padding: 30px; width: 100%; box-sizing: border-box; background-color: rgba(255,255,255,0.75); z-index: 1; }
#homepage .items.small .item .text h2 { margin-bottom: 5px; font-size: 24px; font-weight: 600; line-height: 1.2; }
#homepage .items.small .item .text span.subtitle { /*font-size: 16px; font-weight: 300; line-height: 24px;*/ }
#homepage .items.small .item .text span.more { opacity: 1; text-transform: uppercase; }
#homepage .items.small .item .foto { position: absolute; width: 100%; height: 100%; background-color: #ccc; }
#homepage .items.small .item .foto img { top: 0; left: 50%; width: auto; height: 100%; transform: translateX(-50%); }
#homepage .items.small .item:hover .foto img { transform: translateX(-50%) scale(1.05,1.05); }

/* STIJLVOL EN PROFESSIONEEL */
#homepage .items.stijlvol { display: block; }
#homepage .items.stijlvol .items { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
#homepage .items.stijlvol .item { position: relative; display: flex; flex-direction: column; width: 100%; border-radius: 8px; overflow: hidden; background-color: rgb(241 239 235 / 50%); }

#homepage .items.stijlvol .item .foto { position: relative; width: 100%; aspect-ratio: 16/9; background-color: #ccc; }
#homepage .items.stijlvol .item .foto img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: none; }
#homepage .items.stijlvol .item:hover .foto img { }

#homepage .items.stijlvol .item .text { position: relative; flex: 1; bottom: 0; padding: 30px; padding-bottom: 75px; width: 100%; font-size: 16px; line-height: 1.5; box-sizing: border-box; z-index: 1; }
#homepage .items.stijlvol .item .text h2 { margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 1.2; }
#homepage .items.stijlvol .item .text span.snippet { display: block; }
#homepage .items.stijlvol .item .text span.snippet a { display: inline-block; }
#homepage .items.stijlvol .item .text .more { position: absolute; display: flex; align-items: center; gap: 10px; bottom: 40px; margin-top: 15px; color: var(--pink); font-weight: 700; line-height: 17px; text-decoration: none; transition: all ease 0.25s; opacity: 1; text-transform: uppercase; }
#homepage .items.stijlvol .item .text .more:hover { opacity: 0.8; }
#homepage .items.stijlvol .item .text .more img { position: relative; top: 0px; /* order: 2; */ width: 17px; filter: invert(13%) sepia(40%) saturate(5534%) hue-rotate(300deg) brightness(99%) contrast(95%); }

/* WEEKAANBIEDING */
#homepage .items.weekaanbieding { border-bottom: 1px solid var(--grey); }
#homepage .items.weekaanbieding h2.large { margin-bottom: 45px!important; color: var(--black); }

#homepage .items.weekaanbieding .split { display: flex; gap: 30px; width: 100%; }
#homepage .items.weekaanbieding .split .left { position: relative; flex: 1; order: 2; margin: 0; margin-right: 0; padding: 48px; width: 100%; color: #fff; line-height: 1.5; border-radius: 8px; box-sizing: border-box; z-index: 11; background-color: var(--pink); }
#homepage .items.weekaanbieding .split .left:after { position: absolute; top: 50%; left: -24px; width: 50px; height: 50px; content: ""; transform: translateY(-50%) rotate(45deg); z-index: 2; background-color: var(--pink); }
#homepage .items.weekaanbieding .split .left .contentt { width: 65%; }
#homepage .items.weekaanbieding .split .left .contentt h2 { margin: 0; margin-bottom: 10px; font-size: 36px; color: #fff; font-weight: bold; line-height: 38px; text-transform: uppercase; }
#homepage .items.weekaanbieding .split .left .contentt .text { width: 100%; box-sizing: border-box; }
#homepage .items.weekaanbieding .split .left .contentt a { display: inline-block; margin-top: 25px; padding: 14px 16px; width: auto; color: var(--pink); font-weight: bold; line-height: 17px; background-color: #fff; }
#homepage .items.weekaanbieding .split .left .contentt a:hover { background-color: rgba(255,255,255,0.95); }
#homepage .items.weekaanbieding .split .left .contentt a span.more:after { display: inline-block; margin-left: 7px; content: "›"; }
#homepage .items.weekaanbieding .split .left .contentt .dates { position: absolute; bottom: 48px; margin-top: 15px; width: calc(100% - 96px); font-style: italic; opacity: 0.8; }
#homepage .items.weekaanbieding .split .left .contentt .dates .date { position: relative; display: inline-block; }
#homepage .items.weekaanbieding .split .left .contentt .dates .date.start { }
#homepage .items.weekaanbieding .split .left .contentt .dates .date.end { }

#homepage .items.weekaanbieding .split .left .prices { position: absolute; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; top: -5%; right: 5%; width: 200px; height: 200px; font-size: 32px; color: #fff; font-weight: 700; line-height: 1.2; border: 10px solid #fff; border-radius: 50%; transform: rotate(10deg); z-index: 100; background-color: var(--darkgreen); }
#homepage .items.weekaanbieding .split .left .prices .price { position: relative; display: block; }
#homepage .items.weekaanbieding .split .left .prices .price span { }
#homepage .items.weekaanbieding .split .left .prices .price span:before { content: "€ "; }
#homepage .items.weekaanbieding .split .left .prices .price.original { font-size: 24px; }
#homepage .items.weekaanbieding .split .left .prices .price.original span { opacity: 0.8; }
#homepage .items.weekaanbieding .split .left .prices .price.original:before { position: absolute; top: 45%; left: -5%; width: 110%; height: 2px; content: ""; transform: rotate(-12deg); background-color: #fff; }
#homepage .items.weekaanbieding .split .left .prices .price.now { font-size: 40px; }

#homepage .items.weekaanbieding .split .item.carousel { position: relative; order: 1; margin: 0; margin-left: 0; width: calc(100% / 3); aspect-ratio: 1 / 1; box-sizing: border-box; }

#homepage .items.weekaanbieding .split .item.carousel .countdownbar { position: absolute; bottom: 0; width: 100%; z-index: 11; }
#homepage .items.weekaanbieding .split .item.carousel .countdownbar span.pointer { color: var(--pink); font-weight: 700; box-shadow: 0 0 10px rgba(0,0,0,0.25); background-color: #fff; }
#homepage .items.weekaanbieding .split .item.carousel .countdownbar span.pointer:after { background-color: #fff; }

#homepage .items.weekaanbieding .split .item.carousel .container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#homepage .items.weekaanbieding .split .item.carousel .container .label { position: absolute; top: 35px; right: -45px; background-color: var(--darkgreen); color: #fff; font-size: 15px; font-weight: 700; padding: 10px 0 12px 0; width: 200px; text-align: center; transform: rotate(45deg); z-index: 10; }
#homepage .items.weekaanbieding .split .item.carousel .container .owl-carousel { position: absolute; padding-bottom: calc(100% - 2px); height: 0; border-radius: 8px; }
#homepage .items.weekaanbieding .split .item.carousel .container .owl-carousel .owl-stage-outer { position: absolute; height: 100%; }
#homepage .items.weekaanbieding .split .item.carousel .container .owl-carousel .owl-stage-outer .owl-stage { display: flex; align-items: center; justify-content: center; height: 100%; }
#homepage .items.weekaanbieding .split .item.carousel .container .owl-carousel .owl-stage-outer .owl-stage .owl-item { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#homepage .items.weekaanbieding .split .item.carousel .container .owl-carousel .owl-stage-outer .owl-stage .owl-item img { width: auto; height: auto; max-width: 85%; max-height: 85%; }
#homepage .items.weekaanbieding .split .item.carousel .container .owl-carousel .owl-dots { DISPLAY: NONE!important; bottom: 25px; }

/* POPULAIR */
.populair { position: relative; display: flex; flex-direction: column; margin: 0 auto; width: 100%; background-color: var(--lightgrey); }
.populair .content .page_content { }
.populair h2.large { }

.populair .items { position: relative; width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.populair .item { position: relative; padding: 30px 30px; width: 100%; text-align: center; border-radius: 8px; box-sizing: border-box; transition: box-shadow ease 0.25s; background-color: #fff; }
.populair .item:hover { box-shadow:0 0 25px rgba(0,0,0,0.25); }
.populair .item a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.populair .item .foto { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; width: 100%; aspect-ratio: 1 / 1; }
#homepage .populair .item .foto img { position: absolute; display: block; top: auto; left: auto; width: auto; max-width: 100%; height: auto; max-height: 100%; transform: none; transition: all ease 0.5s; -webkit-backface-visibility: hidden; }
.populair .item .info { margin:0 auto; width:98%; }
.populair .item .info h3 { margin-bottom: 45px; font-size: 16px; font-weight: normal; line-height: 1.4; text-transform: none; }
.populair .item .info .price { position: absolute; left: 0; bottom: 30px; font-size: 24px; font-weight: 700; width: 100%; text-align: center; }

.populair .item.actie { border: 4px solid var(--pink); }
.populair .item.actie:after { position: absolute; top: -20px; right: -20px; padding-top: 23px; width: 75px; height: 75px; content:"Actie"; font-size:16px; color:#fff; font-weight: 700; text-transform:uppercase; border-radius:50%; border:4px solid #fff; box-sizing:border-box; transform:rotate(-8deg); background-color: var(--pink); }
.populair .item.actie .info .price { color: var(--pink); }

/* HOME CONTENT */
.home-content { position: relative; margin: 0 auto; width: 100%; }
.home-content h1 { margin-bottom: 10px; width: 100%; font-size: 28px!important; color: var(--darkpink); line-height: 36px!important; }
.home-content .page_content { }


@media screen and (max-width: 1200px) {
        
    /*.melding { margin-top: 75px; padding: 16px 25px 21px 25px; font-size: 18px; }*/

	.populair,
    #cta { overflow:hidden; }
    
}
@media screen and (max-width: 1200px) and (min-width: 900px) {
    
    main { }
    
    #homepage .items.large { margin-top:95px!important; }
    div.home-content { padding-bottom:5em!important; }
    div.home-content h1 { margin-bottom:20px!important; }
    div.home-content h1,
    div.home-content .txt { float:none; margin:0 auto; width:90%; }
    
    #homepage .items.weekaanbieding .split .left { padding: 3% 4%; padding-bottom: calc(88% / 3 - 1%); }
    #homepage .items.weekaanbieding .split .left .contentt h2 { font-size: 24px; max-width: 80%; }
    #homepage .items.weekaanbieding .split .left .contentt .text { width: 90%; }
    #homepage .items.weekaanbieding .split .left .contentt a { margin-top: 25px; }
    #homepage .items.weekaanbieding .split .left .prices { top: -115px; right: 0%; transform: rotate(10deg) scale(0.65); }
    
}
@media screen and (max-width: 1200px) and (min-width: 600px) {
    
    #homepage .items.weekaanbieding .split .left { padding: 3% 4%; padding-bottom: calc(88% / 3 - 1%); z-index: 12; }
    #homepage .items.weekaanbieding .split .left:after { left: -15px; width: 40px; height: 40px; }
    #homepage .items.weekaanbieding .split .left .contentt { width: 100%; }
    #homepage .items.weekaanbieding .split .left .contentt h2 {  margin-bottom: 5px; font-size: 18px; line-height: 32px; }
    #homepage .items.weekaanbieding .split .left .contentt .dates { bottom: 8%!important; right: 5%!important; }
    #homepage .items.weekaanbieding .split .left .prices { top: -150px; right: -5%; transform: rotate(10deg) scale(0.5); }
    #homepage .items.weekaanbieding .split .item.carousel .countdownbar { z-index: 12; }

}
@media screen and (max-width: 900px) and (min-width: 600px) {
    
    #homepage .items.weekaanbieding .split .left .contentt a { margin-top: 15px; padding: 12px 15px; }
    #homepage .items.weekaanbieding .split .left .contentt .dates { display: none; }
    
    /*.melding { margin-top: 20px; margin-bottom: -30px; margin-left: 3%; padding: 14px 25px 21px 25px; width: 94%; font-size: 16px; }*/
    
    #homepage .items.large { margin-top:50px!important; padding-bottom:50px!important; }
    #homepage .items.large #cycle .cycle-items .item .text { bottom:0; }
    #homepage .items.large #cycle .cycle-items .item .text h2 { font-size:45px; line-height:45px; }
    div.home-content { padding-bottom:5em!important; }
    div.home-content h1 { margin-bottom:20px!important; }
    div.home-content h1,
    div.home-content .txt { float:none; margin:0 auto; width:90%; }
    
    body.scroll { padding-top:0; }
    body.scroll #topbar { display:block!important; }

	.catalogus-btn { right:15px; margin-top:25px; }
	
	div#pagina.homepage div.page_content { left:0; margin-bottom:30px; padding:0 5% 55px 5%; width:100%; }
	
	#homepage .items { left:0; padding:0 2% 50px 2%; width:100%; box-sizing:border-box; }
	
	#homepage .items.large { margin-bottom:25px; }
	#homepage .items.large .item .text h2 { font-size:32px; line-height:40px; }
	
	#homepage .items.medium .item .text { margin:0; padding:20px; z-index:1; }
	#homepage .items.medium .item .text h2 { margin-left:0; font-size:14px; line-height:18px; }
	
	#homepage .items.small .item .text h2 { font-size:18px; line-height:24px; }
	#homepage .items.small .item .text span.subtitle { font-size:14px; line-height:18px; }
    
	.populair { left:0; margin:0; padding:0 5% 60px 5%; width:100%; box-sizing:border-box; }
	.populair .item .info h3 { height:55px; font-size:14px;	line-height:16px; }

}
@media screen and (max-height: 768px) {
    
	.catalogus-btn { right:15px; margin-top:25px; }
	#homepage .items.large .arrow-down { position:fixed; margin-bottom:75px; }
	    
}
@media screen and (max-width: 600px) {
    
    /* ALGEMEEN */
    body.scroll { padding-top:0; }
    body.scroll #topbar { display:block!important; }

	.catalogus-btn { right:15px; margin-top:20px; width:85px; height:85px; z-index:98; }
	.catalogus-btn span { padding:20px 10px 0 10px; font-size:10px; line-height:12px; }
    
    main .content { width: 85%; }
    main .content .page_content { padding: 45px 0; }

	#homepage .items { display: flex; flex-direction: column; left: 0; width: 100%; }
	#homepage .items.large .arrow-down { position: absolute; margin-bottom: 0; width: 40px; height: 40px; background-position: center 15px; background-size: 18px 12px; }
    @keyframes bounce {
        0%   { bottom:-15px; }
        50%  { bottom:-25px; }
        100% { bottom:-15px; }
    }
	
	#homepage .item .text span.subtitle { font-size: 14px; line-height: 18px; }
	#homepage .item .foto { aspect-ratio: 4 / 3; }
	#homepage .item .foto img { object-fit: cover; width: 100%; height: 100%; }
	
    .home-content { margin-bottom:0; }
    .home-content h1 { margin-bottom:20px!important; font-size:21px!important; line-height:26px!important; text-align:left; }
    
	div#pagina.homepage h1 { float:left; margin-bottom:19px; padding:0 5%; font-size:21px; line-height:26px; }
	div#pagina.homepage div.page_content { left:0; margin-bottom:30px; padding:0 5% 25px 5%; width:100%; }
	div#pagina.homepage .page_content .txt p { }

    /* LARGE */
	#homepage .items.large { margin-top: 0; margin-bottom: 0!important; padding-bottom: 0!important; width: 100%; border: none; }
	#homepage .items.large .item { padding-bottom:50%; }
	#homepage .items.large .item .text { bottom:0; left:0; padding:20px; width:auto; }
	#homepage .items.large .item .text h2 { margin:0 0 6px -1px; font-size:21px; line-height:24px; }
	#homepage .items.large .item .text span.subtitle { margin-bottom:14px; }
	#homepage .items.large .item .text span.more { padding:8px 11px 9px 11px; font-size: 15px; }
	#homepage .items.large .item .foto { margin:0; width:100%; }
    
    #homepage .items.large #cycle { padding-bottom:0; height:50vh; }
    #homepage .items.large #cycle .cycle-items .item { padding-bottom:0; }
    #homepage .items.large #cycle .cycle-items .item .text { bottom:0; left:0; padding:20px 40px 30px 20px; width:auto; }
    #homepage .items.large #cycle .cycle-items .item .text h2 { font-size:28px; line-height:32px; }
    #homepage .items.large #cycle .cycle-items .item .text span.subtitle { font-size:14px; line-height:18px; }
	#homepage .items.large #cycle .cycle-items .item .foto { margin:0; width:100%; }
    
    #homepage .items.large #cycle .cycle-items .item .item-content { width: 100%; }
    #homepage .items.large #cycle .cycle-items .item .item-content .center { margin-bottom: 0; padding: 30px 7.5%!important; width: 100%; border-radius: 0; }
    #homepage .items.large #cycle .cycle-items .item .item-content .center h2 { font-size: 32px; }
    #homepage .items.large #cycle .cycle-items .item .item-content .center span.subtitle { margin-bottom: 20px; line-height: 1.5; }
    
    #homepage .items.large #cycle .cycle-items .item .item-image { }
		
    /* SHOWROOM */
	#homepage .items.showroom { }
	#homepage .items.showroom .block { flex-direction: column; }
	#homepage .items.showroom .block .block-image { padding: 0; width: 100%; }
	#homepage .items.showroom .block .block-image img { }
	#homepage .items.showroom .block .block-text { padding: 30px; }
	#homepage .items.showroom .block .block-text h2.large { font-size: 24px!important; }
	#homepage .items.showroom .block .block-text p { font-size: 15px; line-height: 1.5; }
	#homepage .items.showroom .block .block-text a { margin-top: 15px; }
    
    /* ZEKERHEDEN */
    .row.zekerheden .usps { display: flex; flex-direction: column; gap: 15px; }
    .row.zekerheden .usps .usp { padding: 20px; font-size: 15px; }
    .row.zekerheden .usps .usp.last { padding: 30px; }
    .row.zekerheden .usps .usp span strong { font-size: 16px; }
    .row.zekerheden .usps .usp span img { width: 60px; }

    /* MEDIUM */
	#homepage .items.medium { margin-bottom:10px!important; padding-bottom:25px!important; }
	#homepage .items.medium .item { float: none; flex-direction: column; margin: 0 auto; margin-bottom: 10px; width: 100%; }
	#homepage .items.medium .item .text { order: 2; top:auto; bottom:0; left:0; margin:0; padding: 0; padding-top: 25px; width:100%; height:auto; z-index:1; background-color:rgba(255,255,255,0.75); }
	#homepage .items.medium .item .text .center { position:static; top:auto; margin: 0; transform:none; }
	#homepage .items.medium .item .text h2 { margin-bottom: 10px; margin-left:0; font-size:21px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#homepage .items.medium .item .text span.subtitle { /*DISPLAY:NONE;*/ font-size: 16px; /*font-weight: 300;*/ line-height: 24px; }
	#homepage .items.medium .item .text span.more { display: block; padding:0; font-size:11px; color:var(--pink); font-weight: 700; line-height:17px; text-transform:uppercase; background-color:transparent; }
	#homepage .items.medium .item .foto { order: 1; margin: 0; padding-bottom: 73.875%; width: 100%; }
	#homepage .items.medium .item .foto img { width: 100%; }
    
    /* INTRO */
	#homepage .items.intro { left: auto; float: none; margin: 0 auto; width: 90%; }
	#homepage .items.intro h2.large { font-size: 21px!important; }
    
    /* SMALL */
	#homepage .items.small { margin-bottom:10px!important; padding-bottom:25px!important; }
	#homepage .items.small h2.large { margin-left: 0!important; margin-right: 0!important; }
	#homepage .items.small .items { left: 0; width: 100%; }
	#homepage .items.small .item { margin:0; margin-bottom: 18px; padding-bottom:50%; width:100%; }
	#homepage .items.small .item .text { padding:15px 10px 15px 20px; }
	#homepage .items.small .item .text h2 { margin-bottom:0; margin-left:0; font-size:21px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#homepage .items.small .item .text span.subtitle { DISPLAY:NONE; font-size:14px; font-weight:300; line-height:16px; }
	#homepage .items.small .item .text span.more { font-size:11px; }
	#homepage .items.small .item .foto img { width:100%; }
    
    /* STIJLVOL EN PROFESSIONEEL */
    #homepage .items.stijlvol .items { display: flex; flex-direction: column; gap: 20px; }
    #homepage .items.stijlvol .items .item .text { padding: 25px; padding-bottom: 60px; font-size: 15px; }
    #homepage .items.stijlvol .items .item .text h2 { font-size: 21px; }
    #homepage .items.stijlvol .items .item .text .more { bottom: 30px; }

    /* WEEKAANBIEDING */
    #homepage .items.weekaanbieding { }
    #homepage .items.weekaanbieding h2.large { margin-right: 0!important; margin-bottom: 30px!important; margin-left: 0!important; }
    #homepage .items.weekaanbieding .split { flex-direction: column; gap: 0; margin: 0 auto; width: 100%; /*overflow: hidden;*/ }
    #homepage .items.weekaanbieding .split .left { margin: 0; margin-top: 30px; padding: 30px; width: 100%; height: auto; z-index: 12; }
    #homepage .items.weekaanbieding .split .left:after { top: -10px; left: 50%; width: 30px; height: 30px; transform: translateX(-50%) rotate(45deg); }
    #homepage .items.weekaanbieding .split .left .contentt { width: 100%; }
    #homepage .items.weekaanbieding .split .left .contentt h2 { font-size: 24px; line-height: 28px; padding-right: 30%; }
    #homepage .items.weekaanbieding .split .left .contentt .dates { position: relative; bottom: 0!important; right:0!important; margin-top: 30px; width: 100%!important; text-align: left; }
    #homepage .items.weekaanbieding .split .left .prices { top: -15px; right: -25px; width: 200px; height: 200px; transform: rotate(10deg) scale(0.5); transform-origin: top right; }
    #homepage .items.weekaanbieding .split .item.carousel { margin: 0; padding-bottom: calc(100% / 1 - 2%); width: 100%; }

    /* POPULAIR */
	.populair { }
	.populair h2.large { margin: 0 0 30px 0!important; font-size: 28px!important; }
	.populair .items { }
	.populair .item { argin: 0; width: 100%; }
	.populair .item:nth-of-type(4) { display: none; }
	.populair .item.actie { padding-bottom: 27px; }
	.populair .item .foto { }
	.populair .item .info { margin-bottom: 50px; width: 100%; }
	.populair .item .info h3 { margin-bottom: 0; font-size: 15px; line-height: 18px; }
    
    #homepage .items h2.large,
    .populair h2.large { margin-bottom: 30px!important; font-size: 28px!important; line-height: 1.2!important; }

}