/* 20260810194222 - v2 */
.gui,
.gui-block-linklist li a {
  color: #ffffff;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #e3f3ff;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #e3f3ff;
  box-shadow: 0 0 2px #e3f3ff;
}

.gui-select.gui-focus .gui-handle {
  border-color: #e3f3ff;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #ffffff;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #ffffff;
  background-color: #28719d;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #205a7d;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #666666;
}

.gui-progressbar {
  background-color: #e3f3ff;
}

/* custom */
@font-face {
    font-family: 'steelfishextrabold';
    src: url('https://cdn.webshopapp.com/shops/295427/files/320617086/steelfish-eb-webfont.eot');
    src: url('https://cdn.webshopapp.com/shops/295427/files/320617086/steelfish-eb-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.webshopapp.com/shops/295427/files/320617092/steelfish-eb-webfont.woff2') format('woff2'),
         url('https://cdn.webshopapp.com/shops/295427/files/320617090/steelfish-eb-webfont.woff') format('woff'),
         url('https://cdn.webshopapp.com/shops/295427/files/320617088/steelfish-eb-webfont.ttf') format('truetype'),
         url('https://cdn.webshopapp.com/shops/295427/files/320617087/steelfish-eb-webfont.svg#steelfishextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Fonts txt pages */
.htServicetxt article h1 {font-size: 30px!important; color:#28719d!important;}  
.htServicetxt article h2 {font-size: 25px!important; color:#28719d!important;}  
.htServicetxt article h3 {font-size: 20px!important; color:#28719d!important;}  
.htServicetxt article h4 {font-size: 25px!important; color:#28719d!important; font-family: 'Satisfy', cursive; font-weight:300!important;}   
.htServicetxt article h5 {font-size: 18px!important; color:#28719d!important; padding:22px; border: 2px solid #28719d;}  
.htServicetxt article h6 {font-size: 16px!important; color:#28719d!important;} 

.htnobefore figure:before {
  content:none!important;
}
.banner-grid h3 {
  text-shadow: 2px 2px 0 #28719d, 2px -2px 0 #28719d, -2px 2px 0 #28719d, -2px -2px 0 #28719d, 2px 0px 0 #28719d, 0px 2px 0 #28719d, -2px 0px 0 #28719d, 0px -2px 0 #28719d;
}

.banner-grid p {
  text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, 0px -1px 0 #000;
}
/* Phone number Banner */
ul.ht-phone-header { top: 8px; cursor:default;}
ul.ht-phone-header li {font-size: 24px!important; font-weight: 700; color: #28719d;}
ul.ht-phone-header:before {font-family: 'i' !important; content: "\e90f"; font-size: 24px!important; font-weight: 400; color: #28719d; transform-origin: 100% 100%; margin-right:8px}
ul.ht-phone-header:hover:before {-webkit-animation: wiggle .1s alternate ease infinite; animation: wiggle .1s alternate ease infinite;}

@-webkit-keyframes wiggle {
	from { -webkit-transform: rotate(0deg); }
	to   { -webkit-transform: rotate(10deg); }
}

@keyframes wiggle {
	from { transform: rotate(0deg); }
	to   { transform: rotate(10deg); }
}


/* 2 HT-columns */
.ht-2column {
  float: left;
  width: 50%;
  padding-right: 25px;
}

.ht-2column .link-btn a {
  color:#fff;
}

.ht-columnlast {
padding-right:0;
padding-left:25px;
}

.ht-columnrow:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 760px) {
  .ht-2column {
    width: 100%;
    padding:0;
  }
}

/* Black Friday blok */
/* Black Friday blok - Full width, NOT sticky, appears ABOVE announcement banner */
.ht-blackfriday-bar {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  z-index: 50;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}

.ht-blackfriday-bar p {
  margin: 0px;
  color: #fff;
}

/* Mobile adjustments */
@media only screen and (max-width: 62.5em) {
  .ht-blackfriday-bar {
    font-size: 8px !important;
    padding: 6px 5px !important;
    letter-spacing: 0px !important;
  }
}

/* Extra small screens */
@media only screen and (max-width: 30em) {
  .ht-blackfriday-bar {
    font-size: 7px !important;
    padding: 5px 3px !important;
    letter-spacing: -1px !important;
  }
}
/* Black Friday blok */


#footer:before { background: #28719d;}
.form-welcome.news-letter-popup .box-inset .right { padding: 34px 63px; }
.more-info-ht { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; }
.more-info-ht a { display: block; padding: 15px; width: 100%; color:#fff; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: uppercase; text-decoration: none;  border:1px solid #fff;}
.more-info-ht a:hover { color:#28719d; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; background:#fff; border:1px solid #28719d;}
.gui strong { font-weight:bold; }


body {color:#666666;}
body:after { border-left-color: #28719d!important; }
p strong {color: #000;}
#top > div.bar > p > a > span.rating-a.c.round_stars {display:none;}
#top > div.bar > ul > li > i {color:#28719d;}

.announcement {
  overflow-x: scroll!important;
  text-overflow: clip!important;
  -ms-overflow-style: none!important;
  -webkit-overflow-scrolling: touch!important;
}

.announcement::-webkit-scrollbar {
  display: none!important;
}

.htinSlider {
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
}

/* Back button breadcrumbs */
li.htbackup {
    padding: 0 17px 0 17px;
    font-weight: 700;
}
li.htbackup:before {
    content: "\e92c";
    display: block;
    position: absolute;
    left: 0px;
    font-size:9px;
    top: 5px;
    width: 10px;
    color: var(--dove);
    text-align: left;
    font-family: 'i' !important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

li.htbackup:after {
    content: "";
    width: 1px;
    height: 64px;
    display: block;
    position: absolute;
    left: 100%;
    top: -26px;
    background: rgb(223,223,223);
    background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(223,223,223,1) 60%, rgba(255,255,255,1) 90%);
}

/* iframe */
.iframe-container {
  overflow: hidden;
  padding-top: 70%; /* letop: moet zijn 100% */
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

#ht-contact-form .right {
  width:55%!important;
}

/* top bar header */
.httopbar {
  background: #28719d;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #28719d;
    border-radius: 50px;
    padding: 4px 24px;
    color: #fff!important;
}

/* banner service pages */
.htactionTxt {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    margin: 80px 50px 50px 0;
}
.htoutletTxt {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
}

/* Service txt page */
.htServicetxt article p  { 
  margin-bottom: 28px;
}

/* Nav textpage */
#htmobileNavtop { display: none; }
#htmobileNavside { display:block; }

/* Labels */
.label > .overlay-c.fill { border:3px solid #fff!important; }
.overlay-c.fill { padding: 27px 8px!important; width: 80px!important; height: 80px!important; border-radius: 40px; text-align: center!important; font-weight:400!important; font-size: 39px!important; line-height: 18px!important; font-family: 'steelfishextrabold'; letter-spacing: 1px;}
.list-collection .label, .list-product .label, .list-slider .label {left:0!important;}
.htLabel, .htLabel2, .htLabel3, .htLabel4, .htLabel5, .htLabel6, .htLabel7, .htLabel8, .htlabelcashback, .htpreorder, .htpreorder2, .htlabellenteactie, .htlabellenteactie2,  .htlabelherfstactie, .htlabeldecactie  {min-height: 24px; height:auto!important;line-height: 16px!important;padding: 8px!important;border-width: 2px!important;}
.htLabel {background:#000!important; color:#fff!important; border-color:#000!important;}
.htLabel2 {background:#fff!important; color:#28719d!important; border-color:#28719d!important;}
.htLabel3 {background:#000!important; color:#fff!important; border-color:#000!important; letter-spacing: 1px;}
.htLabel4 {background:#28719d!important; color:#fff!important; border-color:#28719d!important;}
.htLabel5 {background:#28719d!important; color:#fff!important; border-color:#28719d!important;}
.htLabelblack1 {background:#fff!important; color:#000!important; border-color:#000!important; min-height: 24px; width:70px!important; height:auto!important; line-height: 16px!important;padding: 4px 4px 2px 4px!important;border-width: 2px!important; margin-bottom:0!important;}
.htLabelblack2 {background:#000!important; color:#fff!important; border-color:#000!important; min-height: 24px; width:70px!important; height:auto!important; line-height: 16px!important;padding: 2px 4px 4px 4px!important;border-width: 2px!important;}

.htlabelcashback  {background:#fff!important; color:#28719d!important; border-image-source: linear-gradient(45deg, #4699cb, #e341d9)!important; border-image-slice: 1!important; }
.htlabelcashback .htkleurcashback {font-weight: 800!important; background: -webkit-linear-gradient(45deg, #4699cb, #e341d9)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.htlabelcashback .htkleurcashback2 {font-size: 21px!important; line-height: 22px!important; font-weight: 800!important; background: -webkit-linear-gradient(45deg, #4699cb, #e341d9)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}

.htlabellenteactie  { background: -webkit-linear-gradient(45deg, #76c61b, #4699cb)!important; color:#fff!important; border-image-source: linear-gradient(45deg, #fff, #4699cb)!important; border-image-slice: 1!important; }
.htlabellenteactie2  { background: -webkit-linear-gradient(45deg, #e9d813, #d74e12)!important; color:#fff!important; border-image-source: linear-gradient(45deg, #dd3c10, #fff)!important; border-image-slice: 1!important; }
.htlabelherfstactie  { background: -webkit-linear-gradient(45deg, #a23d1d, #f3d349)!important; color:#fff!important; border-image-source: linear-gradient(45deg, #ad4821, #ebb82f)!important; border-image-slice: 1!important; }
.htlabeldecactie  { background: -webkit-linear-gradient(45deg, #70cdd7, #3b98bd)!important; color:#fff!important; border-image-source: linear-gradient(45deg, #3b98bd, #fff)!important; border-image-slice: 1!important; }
.htlabellenteactie .htkleurlenteactie {font-weight: 800!important;}
.htlabellenteactie .htkleurlenteactie2 {font-size: 23px!important; line-height: 22px!important; font-weight: 800!important;}
.htlabellenteactie2 .htkleurlenteactie2 {font-size: 23px!important; line-height: 22px!important; font-weight: 800!important;}
.htlabellenteactie2 .htkleurlenteactie3 {font-size: 17px!important; line-height: 22px!important; font-weight: 800!important;}
.htlabelherfstactie .htkleurherfstactie1 {font-size: 15px!important; line-height: 22px!important; font-weight: 800!important;}
.htlabelherfstactie .htkleurherfstactie2 {font-size: 22px!important; line-height: 22px!important; font-weight: 800!important;}
.htlabeldecactie .htkleurdecactie1 {font-size: 14px!important; line-height: 22px!important; font-weight: 800!important;}
.htlabeldecactie .htkleurdecactie2 {font-size: 22px!important; line-height: 22px!important; font-weight: 800!important;}

.htpreorder {background: -webkit-linear-gradient(45deg, #cf5aff, #9643b9)!important; color:#fff!important; border-image-source: linear-gradient(45deg, #9643b9, #cf5aff)!important; border-image-slice: 1!important; }

.htbelaanbieding {display:block; padding:12px; border:2px dotted #28719d; color:#28719d; font-size: 16px; text-align: center; font-weight: 600;}
.htLabel6 {background:#fff!important; color:#000!important; border-color:#000!important;}
.htLabel7 {background:#fff!important; color:#28719d!important; border-image-source: linear-gradient(45deg, #4699cb, #e341d9)!important; border-image-slice: 1!important; }
.htLabel7 .httekstkleur {background: -webkit-linear-gradient(45deg, #4699cb, #e341d9)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.ht-opening-hours li {color: #ffffff!important;}
.module-product p .text-right {display:none;}
.htLabel8 {background:#fff!important; color:#28719d!important; border-color:#28719d!important; border-style:dashed!important;}

#product_configure_form > div.fieldset > p.price { font-size: 25px;}

/* mobile nav categorie */
@media (max-width: 992px){
		#form_filter h5.desktop-only,
		#form_filter nav.desktop-only {
			display: block!important;
			visibility: visible!important;
		}
		#form_filter nav.desktop-only a {
			pointer-events: auto!important;
		}
	}

/* Price Bubbles */

.pricebubbles {
   background-image: url(https://cdn.webshopapp.com/shops/295427/files/319192159/prijsbubbles.svg);
    width: 100%;
    min-height: 200px;
    background-position: bottom;
    background-repeat: repeat-x;
    top: 0;
    left: 0;
    z-index: 1000;
    background-size: cover;
}
#htSideprice {
    height: auto;
    width: 290px;
    display: block;
    position: absolute;
    bottom: -43px;
    right: -70px;
}

.product-banner-ht {
   padding: 25px 300px 25px 0;
    color: #fff;
    position: relative;
    margin-bottom: 50px;
}
.product-banner-ht:before {
    content: "";
    display: block;
    position: absolute;
    background: #28719d;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    margin: 0 0 0 -50vw;
}

.product-banner-ht p {
  margin-bottom:0;
}
.product-banner-ht p strong {
  color:#fff;
  font-weight:700;
}

.product-banner-ht .httxtnieuw {
  background:#fff; color:#28719d!important; padding: 5px 8px; margin: 0 4px;
}

.product-banner-ht .httxtverpak {
  background:#fff; color:#000!important; padding: 5px 8px; margin: 0 4px;
}

.product-banner-ht .httxtbkeuze {
  background:#000; padding: 5px 8px; margin: 0 4px;
}

.module-wide.overlay:before {
    background: #28719d;
    opacity: .5;
}

.maintext_sig {
  font-family: 'Satisfy', cursive;
  color:#28719d;
  font-size:25px;
  margin-bottom: 55px;
  text-align:right;
  line-height:35px;
  padding-right: 50px;
}

.hours-dayTab {
  float:left;
  width:80px;
}
.hours-timeTab {
width:auto;
}

#footer nav > * {
    min-width: 240px!important;
}

.ht-megamenu h3 a { 
text-transform:uppercase;
  color:#999999!important;
}
#htsvgobject {
    bottom: 0;
    width: 100vw!important;
    position: absolute;
    height: 250px;
    left: 50%;
    padding-right: 250px;
    z-index: -9;
}
#mobile > span.title {
  color:#fff;
  background:#28719d!important;
}
#mobile .close {
  color:#fff;
}
 #mobile a.back {
    color:#fff;
  background:#28719d!important;
}
a.active {
  color:#28719d!important;
}
#nav > ul > li > div li a:active {
  color:#28719d;
}
#nav > ul > li > div li a:hover {
  color:#28719d;
}
.new #nav > ul > li > div {
    margin-top: -1px;
}
#nav > ul > li > a:after {
    background:#28719d!important;
  top:41px;
}

/* Algemene voorwaarden */
.alg_ht {padding-right:10px;}
.alg_ht p, .alg_ht-p p {margin-bottom:14px!important;}

/* kortingscode block */
.blockhtaktie {
	position: relative;
	width: auto;
	height: auto;
	background: linear-gradient(0deg, #fff, #fff);
	padding: 20px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
  margin-bottom:30px;
}

.blockhtaktie .firstht {
    text-transform: uppercase;
	background: -webkit-linear-gradient(#000,#28719d, #28719d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	text-align: center;
	font-size: 20px;
	color: #28719d;
	font-weight: 800;
}

.blockhtaktie .secondht {
    text-transform: uppercase;
	text-align: center;
	margin-top:8px;
	font-size: 14px;
	color: #28719d;
	font-weight: 400;
}

.blockhtaktie .thirdht {
    text-transform: uppercase;
	text-align: center;
	margin-top:8px;
	font-size: 14px;
	color: #28719d;
	font-weight: bold;
}

.blockhtaktie .htcodetitel {
	display: inline-block;
	padding:6px 10px 6px 0;
	margin-bottom: 0px;
  height:40px
}

.blockhtaktie .htcodeactie {
	text-transform: none;
	text-align: center;
	font-size:18px;
	color: #848484;
	display: inline-block;
	padding:6px 12px;
	max-width: 250px;
	border: 1px solid #28719d;
	font-family: monospace;
	margin-bottom: 8px;
  min-height:40px
}

.blockhtaktie button {
	background-color:#28719d;
	border:1px solid #28719d;
	float: none;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	min-width: 50px; 
  height:40px;
	line-height: normal;
    margin-top: 0px;
	margin-bottom: 8px;
}

.blockhtaktie button:hover {
	background-color:#454545;
	border:1px solid #454545;
	
}


.blockhtaktie:before, .blockhtaktie:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #4699cb, #e341d9, #4699cb,#e341d9, #4699cb, #e341d9, #4699cb, #e341d9,#4699cb);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.blockhtaktie:after {
	filter: blur(16px);

}



/* bestelpagina banner animatie */
.orderbanner-wrapper {
  margin: 0 auto;
  background: #28719d;
  position: relative;
  display: block;
  width: 900px;
  height: 250px;
  overflow: hidden;
  border-bottom: 3px solid #fff;
  color: #fff;
  left: 50%;
  z-index: -1 !important;
  width: 100vw;
  margin: 0 0 0 -50vw;
  text-indent: 0;
}

.htheuvel {
  position: absolute;
  right: -900px;
  bottom: -50px;
  width: 400px;
  border-radius: 50%;
  height: 20px;
  box-shadow: 
    0 0 0 50px #3d94bf,
    -20px 0 0 50px #3d94bf,
    -90px 0 0 50px #3d94bf,
    120px 0 0 50px #3d94bf,
    190px 0 0 50px #3d94bf,
    620px 0 0 50px #3d94bf;
  animation: htheuvel 8s 2s linear infinite;
}
.htboom, .htboom:nth-child(2), .tree:nth-child(3) {
  position: absolute;
  height: 100px; 
  width: 100px;
  bottom: 0;
  fill: #3d94bf;
  background: url(https://cdn.webshopapp.com/shops/295427/files/328810596/boom.svg) no-repeat;
}
.htbus {
  transition: all ease;
  width: 85px;
  margin-right: -60px;
  bottom: 0px;
  right: 50%;
  position: absolute;
  background: #eee;
}
.htbus {
  background: url(https://cdn.webshopapp.com/shops/295427/files/328810852/bestelbus.svg) no-repeat;
  background-size: contain;
  height: 60px;
}

.htboom  { animation: htboom 6s 0.000s linear infinite; }
.htboom:nth-child(2)  { animation: htboom2 8s 0.150s linear infinite; }
.htboom:nth-child(3)  { animation: htboom3 7s 0.090s linear infinite; }

@keyframes htboom {
  0%   { transform: translate(2250px); }
  50% {}
  100% { transform: translate(-150px); }
}
@keyframes htboom2 {
  0%   { transform: translate(2450px); }
  50% {}
  100% { transform: translate(-150px); }
}
@keyframes htboom3 {
  0%   { transform: translate(2550px); }
  50% {}
  100% { transform: translate(-150px); }
}

@keyframes htheuvel {
  100% {
    transform: translateX(-4000px);
  }
}


@keyframes gradient {0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}}
@media only screen and (max-width: 62.5em) {
  #logo { width: 180px!important; } 
  .ht-2kolom {width:100%;}
  #footer nav > * { min-width: 300px!important;}
  #htsvgobject {display:none;}
  #htSideprice {display:none;}
  .product-banner-ht {margin-top:-20px; line-height:25px; padding: 25px 0;}
  .product-banner-ht .httxtnieuw {padding: 3px 5px;}
  .product-banner-ht .httxtverpak {padding: 3px 5px;}
  .product-banner-ht .httxtbkeuze {padding: 3px 5px;}
  
  .blockhtaktie:after {filter: none;}
  ul.ht-phone-header {display:none!important;}
 
  #htmobileNavtop { display: flex; }
  #htmobileNavside { display: none!important; }
  .gui-col2-right .gui-col2-right-col1 { width:100%; }
  .list-ups {display:none;}
  .bar {color:#fff!important;}
  .bar:before {background:#28719d!important;}
  #ht-contact-form .right {width:100%!important;}
  .banner-grid h3 {text-shadow: none; color:#28719d!important; }
	.banner-grid p {text-shadow: none;}
  .htactionTxt {font-size: 32px; line-height: 36px; text-align: center; margin: 30px 10px 10px 10px;}
  /* Table styling */ .mobstyling td {display:block; width:100%!important;}
  .nomob {display:none!important;}
  .ht-2kolom  h1 { text-align:left; padding:0;}
  .ht-2kolom h1:before, .ht-2kolom h1:after {content:none;}
  .ht-2kolom  h1 span {padding:0}
}
/* show mollie integration */
#gui-checkout-payment-methods .gui-field .gui-input { border: 1px solid; padding: 5px 10px; }
#gui-checkout-payment-methods .gui-checkout-payment-provider .gui-payment-methods .gui-payment-method.gui-is-selected .gui-payment-method-form { display: inline-block !important; margin-left: 0; margin-top: 0; padding-top: 0; width: 100%; }
/* end */
