/* Responsive menu balk */
.resMenubalk            {display: none; height:54px; padding: 0; position: relative; top: 0; width: 100%; z-index: 100;}
.resMenubalkinhoud      {background-color: #e73742; top: 0; left: 0; right: 0; padding: 17px; z-index: 50; position: fixed; line-height: 1em; text-align: right;}
.resMenubalkinhoud a    {display: inline-block; text-decoration: none; position: relative; padding: 0 5px; line-height: 0; vertical-align: middle; font-size: 22px; color: #fff;}
.resMenubalkinhoud img  {width: 20px; vertical-align: middle;}
.resMenubalkinhoud .resMenucategorienaam  { color: #ffffff; cursor: pointer; display: block; font-size: 10px; position: relative; text-decoration: none; vertical-align: middle; top: 3px; text-transform: uppercase;}
.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 {box-shadow: none; font-size: 14px; font-style: italic; margin: 0 auto; display: block; padding: 6px 10px; transition: all 0.3s ease 0s; text-align: center; width: 100%;}

/* Responsive menu balk holder */
.resMenuHolder  {background-color: #f7f7f7; box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.2); height: 0; left: 0; right: 0; padding: 0px; position: fixed; top: 54px; width: 100%; z-index: 22; overflow-y: scroll; transition: height .4s ease-out,opacity .4s ease-out; pointer-events: none;}
.resMenuHolder.open     {height: 100vh; pointer-events: all;}

.resMenubloktitel 	{background-color: #f7f7f7; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 7px 15px;}
.resMenublok:first-child .resMenubloktitel {border-top: 0;}

.resMenublokinhoud 	ul	                   {padding: 0; margin: 0;}
.resMenublokinhoud .resMenuItem            {list-style-type: none; position: relative; overflow: hidden;}

.resMenublokinhoud.mijnAccount ul {display: flex; flex-wrap: wrap;}
.resMenublokinhoud.mijnAccount ul li {padding: 0; margin: 0;}
.mijnAccount .resMenuItem a {line-height: 1; text-align: center; opacity: .5; font-size: 11px !important; border-left: 1px solid #eee; padding: 10px 5px 10px !important;}
.mijnAccount .resMenuItem a:hover {opacity: 1; background: #eee;}

.mijnAccount .resMenuItem a::before {content: "\f08b"; display: block; font-family: "Font Awesome 5 Pro"; font-size: 18px; margin: 0 0 10px;}
.mijnAccount .resMenuItem.winkelmand a::before {content: "\f07a";}
.mijnAccount .resMenuItem.mijnGegevens a::before {content: "\f007";}
.mijnAccount .resMenuItem.mijnOrders a::before {content: "\f15c";}


.resMenublokinhoud .resMenuItem a          {border-bottom: 1px solid #eee; display: block; padding: 8px 25px; font-weight: 600; text-decoration: none; width: 100%; box-sizing: border-box; color: #333; font-size: 13px; transition: background-color .3s ease; background-color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.resMenublokinhoud .resMenuItem.active > a {color:#e73742;}
.resMenublokinhoud .resMenuItem #respVerlangLijstCode {width: 100%; padding: 10px 0px; text-indent: 20px; font-style:italic; border-radius: 0px; font-size: 14px; border: 0; color: #000; border-bottom: 1px solid #dbdbdb; background-color: #fff; box-shadow: none; height: auto; margin:0;}

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

.resMenuwinkelmandje #reswinkelMandjeAantal {background-color: #000; border-radius: 50%; color: #fff; font-size: 9px; height: 14px; line-height: 1.6em; position: absolute; right: -7px; text-align: center; top: -8px; width: 14px; font-weight: bold;} 
#aantal {background-color: #0082d6; border-radius: 10px; display: inline-block; line-height: 15px; margin-left: 5px; color:#fff; padding: 3px 7px; text-align: center; }
.openklapper            {width: 39px; height: 39px; right: 0; top: 0; background-color: #404040; position: absolute; background: url("images/res_plus.svg") no-repeat scroll center center / 50% auto; transition: .5s all ease;}
.openklapper.open       {transform: rotate(45deg);}
.resMenuItemHolder      {max-height: 0px; overflow: hidden; transition: .6s all ease; }
.resMenuItemHolder.open {max-height: 1000px;}

/* Responsive knop */
.responsiveButton         {position:relative; height:26px; width:26px; display:inline-block; background: no-repeat center center transparent; background-size: cover; margin:5px 15px; padding:0; }
.responsiveButton .badge  {border-radius:30px; padding:4px 6px; font-size:12px; background-color:#0096D8; text-align:center; line-height:1em;position:absolute; right:-10px; top:-4px; font-weight:bold;}
a.responsiveButton        {text-decoration:none; color:#fff; text-align:center;}
#resonsiveBel             {background-image:url("images/responsive/telefoon.png");}
#resonsiveFavorieten      {background-image:url("images/responsive/ster.png");}
#resonsiveWinkelmandje    {background-image:url("images/responsive/winkelwagen.png");}
#resonsiveZoeken          {background-image:url("images/responsive/zoeken.png");}

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

#menuopenen {margin-left: 7px;}
#menuopenen img {width: 30px; top: -6px; position: relative; transition: .5s all ease;}
html.resBg #menuopenen img {transform: rotate(180deg);}

.resMenublokinhoud .resMenuItem.homeWeg {display: none;}

.mijnAccount .resMenuItem.favorieten a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mijnAccount .resMenuItem.favorieten a::before {content: "\f005";}
.mijnAccount .resMenuItem.favorieten #aantal {display: none;}

/* Responsive Filter Algemeen */
.kenmerkMobielHouder {display: none;}
.kenmerkMobielHouder .toonFiltersKnop {background: #365376; 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; color: inherit; border-radius: 3px; line-height: 1; color:#666;}
.kenmerkMobielHouder .filters .filterknop a {display: block; background-color: #365376; 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: #365376; 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: #e73742; color: #FFF; text-align: center; padding: 7px 15px; margin: 10px 0; cursor: pointer; border-radius: 0;}
.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; border-top: 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: 10px 15px; position: relative; border-radius: 0; font-size: 15px;}
.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: transparent; border: 1px solid #e73742; border-radius: 0; text-align: center; padding: 10px; text-decoration: none; width: calc(100% - 20px); margin: 10px; box-sizing: border-box; color: #e73742; position: fixed; bottom: 0; left: 0; z-index: 20; font-size: inherit; transition: none;}
.kenmerkMobielHouder.accordion .filtersSluiten {font-size: 20px; cursor: pointer;}
.kenmerkMobielHouder.accordion .filters .filterBovenkant {padding: 10px; background: #365376; 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: #365376; 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: #365376; 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 */

/******************/
/* 15 inch versie */
/******************/
@media screen and (max-width: 1200px) { 
    .art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .pageFooterKnoppenHolder .pageFooterKnoppen, .SubfooterHolder, .accountHouder2, .usps {max-width: 1000px;}
    .usps > div {margin: 0 6px;}
}


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

  .zoeken {left: 360x;}
  
}


/******************/
/* iPad versie */
/******************/
@media screen and (max-width: 1000px)  {  
  .resMenubalk, .kenmerkMobielHouder {display:block;}
	.art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .pageFooterKnoppenHolder .pageFooterKnoppen, .SubfooterHolder, .accountHouder2, .usps {max-width: 760px;}
	.art-Post .FCK2kolTdS, .art-Post .FCK3kolTdS {display:none;}
	.art-Post .FCK2kolTd,  .art-Post .FCK3kolTd {display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 100% !important; }
	#cookieHolder .cookie {width: calc(100% - 40px); max-width: 100%; border-radius: 0px; left: auto; right: auto; bottom: 0;}

	/* Filter */
	.filters img {width: auto !important;}

	/* Elementen verwijderen */
	.art-nav, 
	.aLandingMenu, 
	.account, 
	.art-sidebar1, 
	.knoppenRechts, 
	.footerTable .tussen, 
	.winkelwagenHouder, 
	.bovenkant .zoeken, 
	.ccRechts, 
  .ccLinks,
  .bovenkantHolder,
	.usps,
	.shopSortMaxPageC,
	.shopSortMaxPageA
	{display:none !important;}

	body                                                {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}

	/* Typografie aanpassingen inhoud */
  h1, h2, h3, h4, h5, h6                  {clear: both;}
  
  textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {font-size: 16px;}

	#map-canvas, iframe {width: 100% !important; max-width: 100%;}
	.bovenkantHeader, .accountHouder, .pageFooterHolder {width:100%;}
	.responsiveKnop                                     {display: block;}
	.bovenkantHolder, #art-main                         {min-width: 0;}
	#art-main 																					{overflow: hidden;}
  .alleenResponsive                                   {display:inline;}
  

  .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;}


	/* FCK Template aanpassingen */
	.art-Sheet .FCK2kolTdS, .art-Sheet .FCK3kolTdS, .art-Sheet .FCK4kolTdS, .art-Sheet .FCK5kolTdS       {display:none;}
	.art-Sheet .FCK2kolTd,  .art-Sheet .FCK3kolTd, .art-Sheet .FCK4kolTd, .art-Sheet .FCK5kolTd          {width: 100%; display:block; margin-bottom:15px;}
	.pageFooter .FCK2kolTd,  .pageFooter .FCK3kolTd, .pageFooter .FCK4kolTd, .pageFooter .FCK5kolTd      {width: 100%; display:block; margin-bottom:15px;}
	.pageFooter .FCK2kolTdS, .pageFooter .FCK3kolTdS, .pageFooter .FCK4kolTdS, .pageFooter .FCK5kolTdS   {display:none;}

	/* Bovenkant aanpassingen */
	.HeaderHolder {width: 100%;}
	a.logo        {width: 170px;}
	.bovenkant    {width: 100%; height: 85px;}

	/* Algemene paginaindeling */
	.art-Sheet                      {width:100% !important; padding: 0;}
	.art-contentLayout              {width:100% !important;}
	.art-contentLayout .art-content {width:100% !important;}
	.art-Post                       {width:100% !important; margin:0;}
	.art-Post-body                  {padding:10px;}
	.art-Post img                   {max-width:100%; height: auto !important;}

	/* Sidebar aanpassingen */
	.art-contentLayout .art-sidebar2 {width:100% !important;}
	.art-Block                       {padding:5%; margin:0;}
	.art-Block-body                  {padding:0; margin:0;}
	.art-BlockContent-body           {padding:0; margin:0;}
	.art-Block img                   {max-width:100%; height:auto !important;}

	/* Footer aanpassingen */
	.FooterKnoppen                   {display: block; position: relative; top:auto; text-indent: -1000px; width: 100%;}
	.copyright                       {top:auto; left:auto; right:auto; display: block;}
	.pageFooterKnoppenHolder .pageFooterKnoppen     {padding: 10px;}
	.pageFooterHolder .pageFooter 	 {padding: 20px;}

	/* Sitemap aanpassingen */
	.sitemap1 .sitemap1ul a, .sitemap1 .sitemapWinkel a, .sitemap1 .sitemapMinisite a    {text-decoration: none;}
	.sitemap1 .sitemap1ul li, .sitemap1 .sitemapWinkel li, .sitemap1 .sitemapMinisite li {display: block; float: none; width: auto;}
	ul.sitemap1ul, ul.sitemap1ul ul, ul.sitemap1ul ul ul, ul.sitemap1ul ul ul ul         {margin: 0;}
	li.STPMenu1li  {width:100%; border:0; list-style-type: none;}
	li.STPMenu2li  {margin-left: 10px;}
	li.STPMenu3li  {margin-left: 20px;}
	li.STPMenu4li  {margin-left: 30px;}
	li.STPMenu5li  {margin-left: 40px;}
	li.STPMenu6li  {margin-left: 50px;}
	li.STPMenu7li  {margin-left: 60px;}
	li.STPMenu8li  {margin-left: 70px;}
	li.STPMenu9li  {margin-left: 80px;}
	li.STPMenu10li {margin-left: 90px;}
	li.STPMenu2li a {font-size: 14px;}
	li.STPMenu3li a {font-size: 13px;}


  /* Liquid Slider */
  .liquid-slide-sjabloon .inhoud {position: relative; max-width:none; left:0; top:0; font-size:13px; padding:5px 15px; background: #e73742;}
  .liquid-slide-sjabloon .sliderWrapper {background-color:#000;}
  .liquid-slide-sjabloon .inhoud h2 {font-size: 20px; margin-bottom: 0; text-align: center; padding: 5px;}
  .liquid-slide-sjabloon .inhoud p {display: none;}
  
	/* Standaard Modules geoptimaliseerd */
	.Taalkeuze_vlaggen                                                 {left: auto; position: relative; right: auto; text-align: center; width: 100%;}
	.HeaderHolder .slideshowHolder, .HeaderHolder .slideshowHolder div {width:100% !important;}
	.HeaderHolder .slideshowHolder div img                             {width:100% !important; max-width:100%; height:auto !important;}

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

	/* Inlogscherm */
	.inloggen_holder {display: block; margin: 0 auto;}
	.inloggen_holder .sep {display: none;}
	.inloggen_holder .inloggen_content, .inloggen_holder .inloggen_beschrijving {border: 0; display: block; width: 100%;}
	.inloggen_holder .inloggen_content {margin: 0 0 10px;}
	.inloggen_holder .inloggen_beschrijving {padding: 0;}

	/* Shop */
	/* Artikelweergave */
	.shopTegel .artikel 											{width:48.9%;}
	.shopTegel .artikel:nth-of-type(4n+1)			{clear:none;}
	.shopTegel .artikel:nth-of-type(3n+1) 		{clear:none;}
	.shopTegel .artikel:nth-of-type(2n+1) 		{clear:both;}
	.shopTegel .artikel:nth-of-type(2n) 				{margin-right:0;}
	.shopTegel .artikel:nth-of-type(3n) 				{margin-right:2.2%;}

	.shopTegel .artikel .voorraad					{display:block;}
	.shopTegel .artikel .voorraad .image 			{display: none;}
	.shopTegel .artikel .omschrijving h2.titel a 	{height:auto;}
	.shopTegel .artikel .favorieten,
	.shopTegel .artikel .verlang,
	.shopTegel .artikel .bestellen,
	.shopTegel .artikel .formuleHolder,
  .shopTegel .artikel .prijsafspraakInLijst {display: none;}
  .shopCategorieHolder .categorie .inner,
  .shopTegel .artikel .inner {margin: 5px;}
  
	.shopCompact .artikel .inner			{table-layout: auto}
	.shopCompact .artikel .inner .col1		{display: none;}
	.shopCompact .artikel .inner .col3		{width:auto; padding:0;}
	.shopCompact .artikel .inner .details	{display: none;}
	.shopCompact .artikel .artikelEenheid	{display: none;}
	.shopCompact .artikel .extrainfo		{display: none;}

	.artikel.detail .ad-gallery .ad-nav {position: absolute; opacity: 0; height: 0; width: 0;}
	.artikel.detail .ad-gallery .ad-image-wrapper .ad-image	{pointer-events:none;}

	.ad-gallery .ad-next .ad-next-image, .ad-gallery .ad-prev .ad-prev-image {display:block !important; opacity:0.5 !important; background-color:#fff;}
	.shopSortOptieTable                   {margin: 15px 0;}
	.shopSortOptieTable td                {display: inline-block; margin: 0 5px 5px 0;}
	.shopSortOptieTable .shopSortMaxPageB {display: none;}
	.shopSortOptieTable td.shopSortNiks   {display: none;}
	.shopSortOptieTable td img            {width: auto;}

	#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 */

	/* Artikel detail */
	.shopNavigatie {margin: 0 auto; height: auto; top: 0;}

  /* 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 */
  /* Stappen */
	.stappenbalk {padding: 0 0 10px; text-align: center;}
	.stappenbalk li {margin: 0;}
  .stappenbalk li .naam {display: none;}
  .stappenKnop li a {font-size: 14px;}

  .stap.twee > .blokholder,
  #stap2_factuuruitklap,
  #stap2_bewaaraccount,
  .stap3_betaal.blokholder {float: none !important; width: 100% !important; padding: 0;}
 
 /* Orderproces aanpassingen */
.kassaArtikel                                 {display:block; padding:10px; margin-top:10px; border-top:1px solid #ddd; clear:both;}
.kassaArtikelen th                            {display: none;}
.kassaArtikel > td                            {box-sizing:border-box; display:block; border-bottom:0;}
.kassaArtikel .kassaArtikelAfbeeldingHolder   {float:left; width:25%; }
.kassaArtikel .tekst 						              {float:left; width:75%; }
.kassaArtikel .regelStuk                      {display: none;}
.kassaArtikel .aantallen                      {float:left; margin-left:25%; clear:both; padding:0;}
.kassaArtikel .regelTotaal                    {float:right; margin-right:10px;}
.kassaArtikel .verwijderKnop                  {float:left;}
.kassaArtikel::after                          {content:""; display: table; clear:both;}
.pdfKnop                                      {float: unset; margin-bottom: 15px;}
.stap .totalen                                {width: 100%; float: unset; padding: 15px;}
.stap .totalen .stap1Totalen, 
.stap .totalen .totaalCadeaubon               {width: 100%; float: unset; padding: 10px;}
.stap select                                  {font-size: 15px;}
.stap.twee .stap2_bestaandeKlant .inloggen, 
.stap.twee .stap2_bestaandeKlant .uitleg      {width: 100%; float: unset;}
.stap.drie .blokholder                        {width: 100%; float: unset;}
.stap.vier .factuurAfleverHouder .links, 
.stap.vier .factuurAfleverHouder .rechts      {width: 100%; display: block;}
.stap.vier .factuurAfleverHouder .midden      {display: none; width: 0;}
  
  /* 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;}

	/*Productcarroussel*/
	.productCarrousselHolder .jcarousel-clip {max-width: 445px;}

	/* 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 */
  

  .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 .content      {padding: 0;}
  .blokholder.accountWijzigen .beschrijving, .blokholder.accountWijzigen .invoer {display: block; width: auto; padding: 0;}
  .blokholder.accountWijzigen .beschrijving {font-weight: bold;}
  .blokholder.accountWijzigen .invoer       {padding-bottom: 10px;}


  .vak .inhoud {padding: 40px 10px;}

  .privacyMelding {left: 0; max-width: 100%; bottom: 0; border-radius: 0;}
  .privacyMelding .inhoud, .privacyMelding .knoppen {padding: 20px;}

  .blokAchtergrond {background-attachment: unset;}
  .blokAchtergrond .inhoud {width: 100%; padding: 30px;}

  html.resBg, html.resBg > body {overflow: hidden; -webkit-overflow-scrolling: touch;}

  .vak.meebestellen .shopTegel .artikel:nth-of-type(3n+1) {clear: none;}
  .vak.meebestellen .shopTegel .artikel:nth-of-type(2n+1) {clear: both;}
  .vak.meebestellen .shopTegel .artikel {width: 50%;}

  .resMenubalkinhoud a.logoRes {position: absolute; padding: 0 12px; top: 14px; width: 130px; left: 0px; margin: 0;}
  a.logoRes img {width: 100%; height: auto;}

  .shopHeader .blok {display: block;}
  .shopHeader .blok .rechtsVak {display: none;}
  .shopHeader .blok .linksVak {display: block; width: 100%; padding: 20px;}

   .servicePersoon {display: none;}

   .contactHolder {padding: 20px;}
   .contactBox {float: none; width: 100%;}
   .contactBox .inhoud {margin: 45px 15px 15px 15px; padding: 50px 20px;}
   .contactBox .icoon {top: -30px;}

   .kenmerkArt .groep, .EANnummer .toelichting, .artikelnrKenmerk .titel {width: 200px;}
	 
	 	.artikel.detail .vak.artikelTabel, .vak.grijs.artikeldetail .inhoud {display: block;}
		.artikel.detail .vak.artikelTabel .links {flex-basis: 100%; display: block; padding-right: 0;}
		.artikel.detail .vak.artikelTabel .rechts {flex-basis: 100%; display: block; padding: 30px 0 0 0;}
		
		.artikeldetail .rechts.omschrijving, .artikel.detail .rechts.downloads, .artikeldetail .links.productinformatie { padding: 20px; flex-basis: 100%;}
        
    .vak.meebestellen .shopTegel .artikel:nth-of-type(3n+1) {clear: both;}
    .vak.meebestellen .shopTegel .artikel:nth-of-type(4n+1),
    .vak.meebestellen .shopTegel .artikel:nth-of-type(2n+1) {clear: none;}
		.vak.meebestellen .shopTegel .artikel {width: calc(33.33% - 20px); margin: 10px;}

		.artikel.detail .rechts .adviesNodig::after,
    .liquid-slide-sjabloon .inhoud::before, .liquid-slide-sjabloon .plaatje::before {display: none;}
    
		.artikel.detail .rechts .bestelHouder, .artikel.detail .rechts .adviesNodig {max-width: 760px; margin: 0 auto; box-sizing: border-box;}
		
		.volledigGallery .carousel-cell-groot .verhouding {padding-bottom: 75%;}

    .shopTegel .artikel:nth-of-type(3n) {margin-right: 0;}

    .tabsV2 .titels {display: block;}
    .tabsV2 .titels > div {display: inline-block; float: left; width: calc(50% - 10px); box-sizing: border-box; border-radius: 3px; border: 0; margin: 5px;}
    .tabsV2 .titels > div.actief {border: 0; background: #365376; color: #FFF;}
		.tabsV2 .inhoud {top: 5px;}
		

		.vak .inhoud ol li {width: 100%; border-right: 0;}
		.vak .inhoud ol li:nth-child(7) {border-bottom: 1px solid #ddd;}

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

		.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;}


}

/******************/
/* Mobiele versie    */
/******************/
@media screen and (max-width: 760px) { 
  .art-Sheet, .bovenkant, .menuLaag2 .art-nav, .pageFooterHolder .pageFooter, .pageFooterKnoppenHolder .pageFooterKnoppen, .SubfooterHolder, .accountHouder2, .usps {max-width: 550px;}
  
  .artikel.detail .rechts .adviesNodig a {display: block;}

  .vak.meebestellen .shopTegel .artikel:nth-of-type(2n+1) {clear: both;}
  .vak.meebestellen .shopTegel .artikel:nth-of-type(3n+1) {clear: none;}
  .vak.meebestellen .shopTegel .artikel {width: calc(50% - 20px); margin: 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;}

}

@media screen and (max-width: 560px)  {
	/*Productcarroussel*/
	.productCarrousselHolder .jcarousel-clip {max-width: 215px;}
}