/* Responsive menu balk */
.resMenubalk {display: none; margin: auto 0 auto auto;}
.bovenkantHolder .bovenkant .resMenubalkinhoud {line-height: 1; white-space: nowrap;}
.bovenkantHolder .bovenkant .resMenubalkinhoud a    {display: inline-block; text-decoration: none; position: relative; margin-left: 10px; vertical-align: middle; font-size: 22px;}
.bovenkantHolder .bovenkant .resMenubalkinhoud a.resMenucategorieknop {margin-left: 15px;}
.resMenubalkinhoud .resZoeken         {display:block; max-height:0; overflow:hidden; padding:0; transition: all .3s ease;}
.resMenubalkinhoud .resZoeken.open    {max-height: 60px; padding-top: 25px;}
.resMenubalkinhoud #resZoekveld {border: 1px solid #ccc; border-radius: 5px; box-shadow: none; font-size: 14px; font-style: italic; margin: 0 auto; display: block; padding: 8px 10px; transition: all 0.3s ease 0s; text-align: center; width: calc(100% - 30px);}

/* Responsive menu balk holder */
.resMenuHolder {background-color: #fff; height: auto; left: -110%; transition: .3s all ease; padding: 0px; position: absolute; top: calc(100% + 1px); width: 100%; max-width: 80vw; z-index: 22; overflow-y: auto;}
.resMenuHolder.open     {left: 0%;}

.resMenuHolder::-webkit-scrollbar {display: none;}

.resMenubloktitel 	{background-color: #f2f2ef; border-bottom: 1px solid #ddd; color: #000; display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 7.5px 15px; line-height: normal;}
.resMenublok:first-child .resMenubloktitel {border-top: 0;}

.resMenublokinhoud 	ul	                   {padding: 0; margin: 0; line-height: normal;}
.resMenublokinhoud .resMenuItem            {list-style-type: none; position: relative;}
.resMenublokinhoud .resMenuItem a          {border-bottom: 1px solid #ddd; display: block; padding: 10px 15px; text-decoration: none; width: 100%; box-sizing: border-box; color: #000; font-size: 14px;}
.resMenublokinhoud .resMenuItem.active > a {color: #888;}
.resMenublokinhoud .resMenuItem.divider    {display: none;}
.resMenublokinhoud .resMenuItem #respVerlangLijstCode {width: 100%; padding: 10px 15px; box-sizing: border-box; font-style: italic; border-radius: 0px; border: 0; color: #000; border-bottom: 1px solid #ddd; background-color: #fff; box-shadow: none; height: auto; margin:0;}

.resMenuItem.favorieten a,
.resMenuItem.verlanglijst a {display: flex;}

.resMenuItem.favorieten a span,
.resMenuItem.verlanglijst a span {margin: auto 0 auto auto; padding: 2px; background: #f2f2ef; border: 1px solid #ddd; box-sizing: border-box; line-height: 1; min-width: 20px; text-align: center; border-radius: 3px;}

/* Submenus */
.resMenuItem .laag1 a {padding-left: 30px;}
.resMenuItem .laag2 a {padding-left: 45px;}
.resMenuItem .laag3 a {padding-left: 60px;}

.resMenuwinkelmandje #reswinkelMandjeAantal {background-color: #ff0000; border-radius: 50%; color: #fff; font-size: 12px; height: 20px; line-height: 1.6em; position: absolute; right: -7px; text-align: center; top: -3px; width: 20px;font-weight: bold; display: none;}
#aantal {background-color: #000; border-radius: 10px; display: inline-block; line-height: 15px; margin-left: 5px; color:#fff; padding: 3px 7px; text-align: center;}
.openklapper            {display: block; padding: 10px 15px; text-decoration: none; box-sizing: border-box; color: #333; position: absolute; width: 100%; right: 0; top: 0; height: 39px; text-align: right;}
.resMenuItem.open .openklapper { width: auto; }
.openklapper::before       {content: "\f054"; font-family: "Font Awesome 5 Pro"; position: relative; display: inline-block;}
.openklapper.open::before  {transform: rotate(90deg);}
.resMenuItemHolder         {max-height: 0px; overflow: hidden;}
.resMenuItemHolder.open    {max-height: 1000px;}

/* Responsive catgorieen */
.resCategorieen {display: none; overflow: auto; line-height: 1; -webkit-overflow-scrolling: touch; margin: 0 -15px 10px; padding: 0 15px;}
.resCategorieen::-webkit-scrollbar {display: none;}
.resCategorieen ul {list-style: none; margin: 0; padding: 0; white-space: nowrap;}
.resCategorieen ul li {display: inline-block; margin-right: 5px;}
.resCategorieen ul li:last-child {margin-right: 15px;}
.resCategorieen ul li a {display: block; padding: 10px; border: 1px solid #ddd; border-radius: 3px; text-decoration: none; color: inherit; min-width: 60px; text-align: center;}
.resCategorieen ul li.actief a {background: #f2f2ef; color: #000; font-weight: bold;}

/* Responsive Filter Algemeen */
.kenmerkMobielHouder {display: none;}
.kenmerkMobielHouder .toonFiltersKnop {background: #000; color: #FFF; text-align: center; padding: 5px 12px; margin: 10px 0; border-radius: 3px; cursor: pointer;}
.kenmerkMobielHouder .filters .kenmerkgroep .prijsFilterHolder {margin: 15px 0;}
.kenmerkMobielHouder .filters .kenmerkgroep .prijsFilterHolder .prijsfilterVelden input {font-size: 16px;}
.kenmerkMobielHouder .filters .kenmerkgroep .prijsFilterHolder .noUi-handle {width: 25px; height: 25px; top: -13px; right: -13px;}
.kenmerkMobielHouder .filters .kenmerkgroep .prijsFilterHolder .noUi-target {margin: 28px 10px 0 10px;}
.kenmerkMobielHouder .filters .kenmerkgroep .titel .groepActieveKenmerken {display: block; font-size: 12px; margin-top: 5px; color: #a9a9a9;}
.kenmerkMobielHouder .filters .filterBovenkant {display: flex; justify-content: space-between;}
.kenmerkMobielHouder .filters .filterBovenkant .toelichting {flex: 2;}
.kenmerkMobielHouder .filters .filterBovenkant .filtersSluiten {cursor: pointer; font-size: 22px;}
.kenmerkMobielHouder .filters .filterBovenkant .terugFilteren {display: none;}
.kenmerkMobielHouder .filters .filterBovenkant .alleFiltersWissen a {text-decoration: none; background: #e8e8e8; padding: 5px 10px; border-radius: 3px; line-height: 1; margin: 0 20px; color:#666;}
.kenmerkMobielHouder .filters .kenmerkgroep a.filterGroepHerstel {position: absolute; top: 15px; right: 0; text-decoration: none; background: #e8e8e8; padding: 5px; border-radius: 3px; line-height: 1; color:#666;}
.kenmerkMobielHouder .filters .filterknop a {display: block; background-color: #000; border-radius: 3px; text-align: center; padding: 10px; text-decoration: none; width: 100%; box-sizing: border-box; color: #fff; margin: 0; z-index: 20; font-size: inherit; transition: none;}
.kenmerkMobielHouder .filters .kenmerkgroepHouder .kenmerkgroep .prijsFilterHolder .prijsfilterKnop {margin-right:auto; margin-left:20px;}
.kenmerkMobielHouder .filters .kenmerkgroepHouder .kenmerkgroep .prijsFilterHolder .prijsfilterInput:first-of-type {margin-right:20px;}
/* Einde Responsive Filter Algemeen */

/* Responsive Filter Standaard */
.kenmerkMobielHouder.standaard .toonFiltersKnop {background: #000; color: #FFF; text-align: center; padding: 5px 12px; margin: 10px 0; border-radius: 3px; cursor: pointer;}
.kenmerkMobielHouder.standaard .filters {border: 1px solid #e8e8e8; border-radius: 3px; padding: 20px; margin: 10px 0; box-sizing: border-box; overflow: hidden; transition: .3s all ease; display: none;}
.kenmerkMobielHouder.standaard .filters.open {display: block;}
/* Einde Responsive Filter Standaard */

/* Responsive Filter Accordion */
.kenmerkMobielHouder.accordion .toonFiltersKnop {background: #000; color: #FFF; text-align: center; padding: 5px 12px; margin: 10px 0; border-radius: 3px; cursor: pointer;}
.kenmerkMobielHouder.accordion .filters {position: fixed; top: 0; height: 100% !important; width: 100%; background: #fff; z-index: 100; margin: 0; border-radius: 0; border: 0; left: -110%; transition: all .3s ease-in-out ; padding: 0; box-sizing: border-box; overflow: hidden;}
.kenmerkMobielHouder.accordion .filters.open {left: 0;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroepHouder {padding: 10px; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep {padding: 5px 0;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep .kenmerken,
.kenmerkMobielHouder.accordion .filters .kenmerkgroep .prijsFilterHolder {pointer-events: none; overflow: hidden; border: 1px solid #fff; background: #fff; position: relative; margin-top: 0; z-index: 10; height: 0; opacity: 0; transition: .3s all ease;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep.open .kenmerken,
.kenmerkMobielHouder.accordion .filters .kenmerkgroep.open .prijsFilterHolder {height: auto; opacity: 1; padding: 15px; border: 1px solid #e1e2e2; border-top: 0; pointer-events: all;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep .titel {background: #f9f9f9; border: 1px solid #e8e8e8; margin: 0; padding: 15px; position: relative; border-radius: 3px;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep .titel::after {content: "\f107"; font-family: "Font Awesome 5 Pro"; position: absolute; margin-right: 16px; right: 0; top: 12px; font-size: 17px; transition: .3s all ease;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep.open a.titel::after {transform: rotate(180deg);}
.kenmerkMobielHouder.accordion .filters .filterknop a {display: block; background-color: #000; border-radius: 3px; text-align: center; padding: 10px; text-decoration: none; width: 100%; box-sizing: border-box; color: #fff; position: fixed; bottom: 0; left: 0; border: 10px solid #FFF; margin: 0; z-index: 20; font-size: inherit; transition: none;}
.kenmerkMobielHouder.accordion .filtersSluiten {font-size: 20px; cursor: pointer;}
.kenmerkMobielHouder.accordion .filters .filterBovenkant {padding: 10px; background: #000; color: #FFF;}
.kenmerkMobielHouder.accordion .filters .filterBovenkant .toelichting {color: #FFF;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep a.filterGroepHerstel {right:50px;}
/* Einde Responsive Filter Accordion */

/* Responsive Filter Slide */
.kenmerkMobielHouder.slide .toonFiltersKnop {background: #000; color: #FFF; text-align: center; padding: 5px 12px; margin: 10px 0; border-radius: 3px; cursor: pointer;}
.kenmerkMobielHouder.slide .filters {position: fixed; top: 0; height: 100% !important; width: 100%; background: #fff; z-index: 100; margin: 0; border-radius: 0; border: 0; left: -110%; transition: all .3s ease-in-out; padding: 0px; box-sizing: border-box; overflow: hidden; -webkit-overflow-scrolling: touch;}
.kenmerkMobielHouder.slide .filters.open {left: 0;}
.kenmerkMobielHouder.slide .filters .filterBovenkant {padding: 10px;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder {transition: .3s all ease; position: relative; overflow: hidden auto; -webkit-overflow-scrolling: touch; box-sizing: border-box;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep {border-bottom: 1px solid #e8e8e8; padding: 0;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep::after {content: "\f054"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 0; right: 0; line-height: 1; padding: 21px; color: inherit;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep .titel {font-size: 17px; font-weight: normal; text-transform: none; margin: 0 10px; padding: 20px 0;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep.open {position: initial;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep .kenmerken,
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep .prijsFilterHolder  {position: absolute; left: 100%; top: 0; padding: 10px; width: 100%; box-sizing: border-box; opacity: 0; pointer-events: none; max-height: none; overflow: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep.open .kenmerken,
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep.open .prijsFilterHolder   {opacity: 1; pointer-events: all;}
.kenmerkMobielHouder.slide .filters .kenmerkgroep a.filterGroepHerstel {position: absolute; top: 17px; right: 50px; text-decoration: none; background: #e8e8e8; padding: 5px; color: inherit; border-radius: 3px; line-height: 1;}
.kenmerkMobielHouder.slide .filters .filterknop a {position: fixed; bottom: 0; left: 0; border: 10px solid #FFF;}
.kenmerkMobielHouder.slide .filters .filterBovenkant {padding: 10px; background: #000; color: #FFF;}
.kenmerkMobielHouder.slide .filters .filterBovenkant .toelichting {color: #FFF;}
.kenmerkMobielHouder.slide .filters .filterBovenkant .terugFilteren {display: inline-block; cursor: pointer; text-decoration: none; background: #e8e8e8; padding:5px 0px; border-radius: 3px; line-height: 1; color:#666; opacity: 0; width: 0; transition: .3s all ease; margin-right:0;}
.kenmerkMobielHouder.slide .filters.volgende .filterBovenkant .terugFilteren {opacity: 1; width: auto; margin-right: 10px; padding: 5px 10px;}
/* Einde Responsive Filter Slide */


.resMenuHolderBg {z-index: 1; opacity: 0; position: fixed; left: 0; top: 0; right: 0; background-image: url(images/zwart/25.png); background-repeat: repeat; transition: opacity 0.3s ease 0s;}
.resMenuHolderBg.open {opacity: 1; bottom: 0;}

/******************/
/* Kleiner dan 1920 */
/******************/
@media screen and (max-width: 1500px) {
	
	/* Algemene paddings */
	.bovenkantHolder .bovenkant,
	.pageFooterKnoppenHolder .pageFooterKnoppen {padding: 10px 30px;}
	.extrabovenkantHolder .extrabovenkant,
	.bovenkantHolder .winkelmenu {padding: 0 30px;}
	.art-Sheet {padding: 30px;}
	.pageFooterHolder .pageFooter {padding: 45px 30px 30px;}

	.shopTegel.volledig .artikel, .tabsV2 .shopTegel .artikel {width: calc(25% - 10px);}

}


@media screen and (max-width: 1250px) {
	
	.art-Sheet .art-sidebar1 {padding-right: 20px; width: 280px;}


	.shopTegel .artikel {width: calc(33.333% - 10px);}

	.stap.twee .links, .stap.drie .links {margin: 0;}
	.stap.twee .links>div, .stap.drie .links>div {width: 100%; margin: 0 0 10px;}

	.kassaArtikelen th.regelStuk,
	.kassaArtikelen .artikel td.regelStuk {display: none;}

	.snelbestellenHolder {padding: 10px; margin-bottom: 10px;} 
	.snelbestellenHolder .invoer {flex-wrap: wrap;}
	.snelbestellenHolder .invoer .titel { display: block; width: 100%; }


	.productCarrousselHolder .jcarousel-clip {max-width: 760px;}

} 

/******************/
/* iPad versie    */
/******************/
@media screen and (max-width: 900px) {
	.resMenubalk,
	.art-Sheet,
	.bovenkantHolder .bovenkant .resMenubalkinhoud,
	.resCategorieen,
	.kenmerkMobielHouder
	{display: block;}

	
	.extrabovenkantHolder.open {z-index: 5;}


	/* Algemene paddings */
	.bovenkantHolder .bovenkant,
	.pageFooterKnoppenHolder .pageFooterKnoppen {padding: 10px 15px;}
	.extrabovenkantHolder .extrabovenkant {padding: 0 15px;}
	.bovenkantHolder .winkelmenu {padding: 0 10px;}
	.art-Sheet {padding: 15px;}
	.pageFooterHolder .pageFooter {padding: 30px 15px 15px;}
	.vak {padding: 25px 0px;}

	/* Elementen verwijderen */
	.art-nav, 
	.aLandingMenu, 
	.extrabovenkantHolder .extrabovenkant .slogan,
	.account, 
	.art-sidebar1, 
	.winkelwagenHouder,
	.hoverMenu,
	.winkelmenu.art-menu li .t.hoverMenuActief::after
	{display:none;}

	/* Typografie aanpassingen inhoud */
	body                                                {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
  h1, h2, h3, h4, h5, h6                  {clear: both;}
  h1                                      {font-size: 26px;}
  textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select {font-size: 16px;}
	#map-canvas, iframe {width: 100% !important; max-width: 100%;} 


	/* FCK Template aanpassingen */
	.FCK2kolTdS, .FCK3kolTdS, .FCK4kolTdS, .FCK5kolTdS  {display: none;}
	.FCK2kolTd, .FCK3kolTd, .FCK4kolTd, .FCK5kolTd  {width: 100%; display: block;}


	/* Bovenkant aanpassingen */
	a.logo img        {width: 105px;}
	.bovenkantHolder {top:0; position: sticky; position: -webkit-sticky;}
	.bovenkantHolder .winkelmenu {white-space: nowrap; overflow: auto;}
	.extrabovenkantHolder .extrabovenkant .valuta {position: relative; margin: auto 0 auto auto;}


  /* Liquid Slider */
  .liquid-slide-sjabloon .inhoud {position: relative; max-width:none; left:0; top:0; font-size:13px; padding: 15px;}
  .liquid-slide-sjabloon .sliderWrapper {background-color:#000;}
  .liquid-slide-sjabloon .inhoud h2 {font-size: 18px; margin: 0;}
  .liquid-slide-sjabloon .inhoud p:last-child {margin: 0 0 1em 0;}
  .liquid-slide-sjabloon .sliderWrapper {position: relative;}

	/* Meldingen */
	#cookieHolder .cookie {width: calc(100% - 40px); max-width: 100%; border-radius: 0px; left: auto; right: auto; bottom: 0;}
	.privacyMelding {left: 0; max-width: 100%; bottom: 0; border-radius: 0;}
	.privacyMelding .inhoud, .privacyMelding .knoppen {padding: 20px;}

	/* Formulieren */
  .formulier_holder table, .formulier_text {width: 100%; max-width: 100%;}
  .formulier_holder td {display: block;}
  .formulier_holder td textarea,
  .formulier_holder td input[type="text"],
  .formulier_holder td input[type="password"],
  .formulier_holder td input[type="email"],
  .formulier_holder td input[type="tel"],
  .formulier_holder td input[type="number"] {display: block;}

	/* Inschrijfformulier */
	.inschrijfformulier_table td {display: block;}

	/* Sidebar aanpassingen */
	.art-contentLayout .art-sidebar2 {width:100% !important;}

	/* Shop */
	.shopTegel.volledig .artikel, .tabsV2 .shopTegel .artikel {width: calc(33.333% - 10px);}
		
	/* Artikel detail */
	.artikel.detail .detailinkollommen {flex-direction: column; margin: 0;}
	.artikel.detail .detailinkollommen .links,
	.artikel.detail .detailinkollommen .rechts {width: 100%; margin: 0;}
	.tabsV2 .titels {display: none;}
	.tabsV2 .inhoud {border: 0; padding: 0;}
	.tabsV2 .inhoud > div {display: block !important; margin: 0 0 20px;}

	/* Artikelweergave */
	.shopCompact .artikel {padding: 5px 10px;}
	.shopCompact .artikel h2.titel, .shopCompact .artikel h2.titel a {font-size: 13px;}
	.shopCompact .artikel .prijzen {margin-right: 0;}
	.shopCompact .artikel .bestellen,
	.shopCompact .artikel .artikelnr {display: none;}
	.shopCompact .artikel .bestellen .bestelknop .aantalMinPlus {display: none;}
	.shopCompact .artikel .bestellen .bestelknop > * {width: auto !important;}


	#tell-a-friend table {width: 100%;}
	#tell-a-friend td    {display: block; width: 100%;}
	#tell-a-friend td textarea, #tell-a-friend td input {width: 100%;}
	/* Einde artikelweergave */

	.productCarrousselHolder .jcarousel-clip {max-width: 505px;}

  /* Extra scherm winkelmandje */
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td {display: block;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td:first-child {display: none;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen {padding: 0; width: 100%;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a {width: 50%; text-align: center; box-sizing: border-box; float: left; margin: 10px 0 0;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.doorgaanKassa {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.verderWinkelen {border-top-left-radius: 0; border-bottom-left-radius: 0;}

	/* Orderproces */
	.stap .blokholder,
	.kassainkollommen > .rechts .blok, .couponcodeHouder {padding: 10px; margin-bottom: 10px;}

	.kassainkollommen {flex-direction: column;}
	.kassainkollommen > .rechts {width: 100%; margin: 0;}

	.stap.twee .resBestaandeklant {display: block; margin: 0 0 10px}
	.stap.twee .resBestaandeklant .button {display: block; text-align: center;}

  /* Stappen */
	.stappenbalk {padding: 0 0 10px; text-align: center;}
	.stappenbalk li {margin: 0;}
  .stappenbalk li .naam {display: none;}
  .stappenKnop li a {font-size: 14px;}

	.adresHolder .adressen .item {flex-basis: 100%; margin: 0 0 5px;}
  .adresHolder .adressen .item.open {position: relative; left: auto; top: auto; right: auto; padding: 10px 15px; box-shadow: none;}

  .blokholder.accountWijzigen .beschrijving, .blokholder.accountWijzigen .invoer {display: block; width: auto; padding: 0;}
  .blokholder.accountWijzigen .beschrijving {font-weight: bold;}
	.blokholder.accountWijzigen .invoer       {padding-bottom: 10px;}
	
  /* Order status */
  table.lijst tr:first-child {display: none;}
  table.lijst tr    {display: block; margin: 0 0 10px; background: #fafafa; border-radius: 3px; padding: 10px; border: 1px solid #eee; position: relative;}
  table.lijst tr td {display: block; width: 100%; box-sizing: border-box; border: none; background: none !important; padding: 0;}

  table.lijst tr td #voorraadTT {float: none;}
  table.lijst tr td.bedrag {text-align: left; font-weight: bold;}
  table.lijst td.knoppenHouder {position: absolute; right: 0; top: 0; width: auto; padding: 10px; border-left: 1px solid #eee;}
  table.lijst td.knoppenHouder a {padding: 8px; display: block;}

	/* cadeaubon */
	.cadeauHolder .cadeauAfbeeldingHolder img {max-width: 100%; height: auto !important;}
	.cadeauHolder .cadeauTextField, .cadeauHolder .cadeauTextArea {width: calc(100% - 10px);}
	.cadeauHolder .cadeauBedrag .cadeauTextField {width: 170px;}
	.cadeauHolderOpties > div {float: none !important;}

	/*pdfkeuze*/
	.pdfkeuzeholder {border-radius: 0; left: 0; margin: 0; max-width: 100%; padding: 20px 10px 10px; position: absolute; right: 0; top: 64px; width: auto;}
	.pdfkeuzeholder .pdfkeuze .inner .col1, .pdfkeuzeholder .pdfkeuze .inner .col2, .pdfkeuzeholder .pdfkeuze .inner .col3 {box-sizing: border-box; display: block !important; width: 100% !important;}
	.pdfkeuzeholder .pdfkeuze .inner .col2 {padding: 15px 0;}

	/* Barcodescanner */
	a.barcodescannerLink 				{float:right;}
	.barcodescannerHouder.open 	{border-radius: 0; top: 0px; left: 0px; width: 100%; bottom: 0px; margin-left: 0;}
	#barcodeScannerCamera video {width:100%; height:auto;}
	/* Einde Barcodescanner */

	.detailOrderHolder {flex-direction: column;}
	.detailOrderHolder .detailOrderBlok {width: calc(100% - 20px);}
	.detailOrderHolder .detailOrderBlok table.lijst tr {background: unset; border: 0; padding: 5px; margin: 0;}
	.detailOrderHolder .detailOrderBlok table.lijst tr td {display: table-cell; border-bottom: 1px solid #eee;}
	
	.FCK2kol.grijs>tbody>tr>td:nth-child(1),
	.FCK2kol.grijs>tbody>tr>td:nth-child(3) {width: 100%;}
}

@media screen and (max-width: 680px) {

	.shopSortOptie {flex-wrap: wrap; margin: 0 -15px; border-left: 0; border-right: 0; border-radius: 0;}
	.shopSortOptie > * {width: calc(50% - 10px); margin: 5px !important;}
	.shopSortOptie > * select {width: 100%;}
	.shopSortOptie > .pdfKnop a {display: block;}

	.shopTegel, .shopLijst, .shopCompact {margin: 0 -15px;}
	#extraSchermWinkelmand .schermWinkelMandje .shopTegel {margin: 0;}

	.shopTegel .artikel,
	.shopTegel.volledig .artikel, .tabsV2 .shopTegel .artikel, #extraSchermWinkelmand .schermWinkelMandje .shopTegel .artikel {width: 50%; margin: 0;}
	
	.shopTegel .artikel .inner {border-left: 0; border-bottom: 0;}
	.shopTegel .artikel:nth-child(1) .inner,
	.shopTegel .artikel:nth-child(2) .inner {border-top: 0;}
	.shopTegel .artikel:nth-child(2n+2) .inner {border-right: 0;}

	.shopTegel .artikel .inner .bestellen {display: none;}

	.shopLijst .artikel {margin: 0; border: 0; border-bottom: 1px solid #ddd; border-radius: 0;}
	.shopLijst .artikel:hover {box-shadow: none;}
	.shopLijst .artikel .inner .inhoud {flex-direction: column;}
	.shopLijst .artikel .omschrijving, .shopLijst .artikel .prijzen {width: 100%; margin: 0; text-align: left !important;}

	.kassaArtikelen .artikel .kassaArtikelAfbeeldingHolder {width: 60px;}

	.kassaArtikelen .artikel .exBtwToelichting {display: block;}

	.productCarrousselHolder .jcarousel-clip {max-width: 250px;}

	.pageFooterKnoppenHolder .pageFooterKnoppen {flex-direction: column;}


	#extraSchermWinkelmand .schermWinkelMandje .melding {min-width: 0;}
	#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven .afbeeldingHouder {display: none;}

	.shopCategorieHolder .categorie {width: calc(33.333% - 10px);}

	.mijnAccountOrderHolder .item {flex-direction: column;}
	.mijnAccountOrderHolder .item .artikelen {display: flex; width: auto; margin: -5px 0 0 0; padding: 0px 10px 10px;}
	.mijnAccountOrderHolder .item .pijl {display: none;}

	div[class*="grid"]{grid-template-columns: 1fr;}

	.snelbestellenHolder .invoer {flex-wrap: wrap;}
	.snelbestellenHolder .invoer > .snelbestellenKnop {margin: auto 0;}
	.snelbestellenHolder .tooltip.sbUpload {display: none;}

}


@media screen and (max-width: 320px) {

	/* Algemene paddings */
	.bovenkantHolder .bovenkant,
	.pageFooterKnoppenHolder .pageFooterKnoppen {padding: 10px 10px;}
	.extrabovenkantHolder .extrabovenkant {padding: 0 10px;}
	.bovenkantHolder .winkelmenu {padding: 0 5px;}
	.art-Sheet {padding: 10px;}
	.pageFooterHolder .pageFooter {padding: 30px 10px 10px;}

	.productCarrousel li  {max-width: 200px;}
	.productCarrousselHolder .jcarousel-clip {max-width: 210px;}

	.shopCategorieHolder .categorie {width: calc(50% - 10px);}
}