/*-----------------------------------------------*/
/*CUSTOM STYLE SHEET-----------------------------*/
/*Kooyman ---Versie 8----------------------------*/
/*Datum ---2025-03-20----------------------------*/
/*Last edited by FK------------------------------*/
/*START------------------------------------------*/

/*NIEUWE INLOG*/
.fullWidth:has(#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword, #ContentPlaceHolder1_LoginBox_LoginButton) {
    display: flex;
	flex-direction: column;
}

#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword {
    order: 1; 
}

#ContentPlaceHolder1_LoginBox_LoginButton {
    order: 2;
    padding: 10px;
    width: 100% !important;
}

#ContentPlaceHolder1_BtnAddCustomer {
    padding: 10px;
    width: 100% !important;
}

#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword {
    background: transparent !important;
    padding: unset !important;
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: start;
}

#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword span {
	color: #0290cc !important;
}

#ctl00_ContentPlaceHolder1_LoginBox_ASPxBtnForgotPassword span:hover {
	color: #005387 !important;
}

.buttonHover:hover {
	background: #005387 !important;
	text-decoration: none !important;
}

#ContentPlaceHolder1_LoginBox_LoginButton span {
	font-size: 20px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: 700;
}

#ContentPlaceHolder1_BtnAddCustomer span {
	font-size: 20px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: 700;
}

.labelForm {
    margin-top: 10px;
}

.pnlLogin, .PnlAddCustomer  {
    padding: 20px !important;
}

.dxeBase.header {
	font-size: 32px;
	color: #0290cc;
	font-weight: 700;
}

.loginBox {
    width: 100% !important;
}
	
#ContentPlaceHolder1_loginHolder {
    display: flex;
	margin-top: 40px !important;
}
	
/*NIEUWE INLOG EIND*/

.SMlblSupergroupDescription:hover {
    background: #bae5f9;
}

.SMlblSupergroupDescription {
    font-size: 16px !important;
    background: #0290cc;
    color: white !important;
    padding-top: 15px;
	margin-top: 0px !important;
text-wrap: balance;
}

.sm-mainmenu__submenu a, .sm-mainmenu__menuWebLevel1 {
    font-size: 16px;
}

.dxgvControl_Metropolis .dxgvCSD {
	height: unset !important;
}

/* START NIEUWE AANPASSINGEN ONTWIKKELING*/

/*.shoppingCartControlHolder_orderDiscount, .shoppingCartControlHolder_Coupon {
    display: none;
}*/

.loginBoxHolder {
	display: table;
}


.dxeListBox td.dxeT, .dxeListBox td.dxeMI {
    font-family: 'Segoe UI';
}

/*PRODUCTGROEPEN*/

.SgTreeNode .dx-vam {
    font-size: 15px;
}

.dxtv-subnd .dxtv-subnd .SgNodeHover {
    border-bottom: solid 1px transparent !important;
}

.dxtv-subnd .dxtv-subnd .SgNodeSelected {
    border-bottom: solid 1px transparent !important;
}

.dxtvControl .dxtv-ndSel {
    background-color: #D8D8D8;
    font-weight: 700;
	text-decoration: none !important;
}

.SgNodeSelected {
    text-decoration: none !important;
}

.contentblock {
    border-right-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.grid_item {
    border-right-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.SgNodeHover span {
	text-decoration: none !important;
}

.TreeViewProductGroups li ul {
    border-top: solid 0px transparent !important;
    border-bottom: solid 0px transparent !important;
}

.dxtv-subnd .SgNodeSelected, .dxtv-subnd .SgNodeHover {
    border-bottom: solid 0px transparent !important;
}

.SgTreeNode {
    border-bottom: solid 0px transparent !important;
}

/*PRODUCTGROEPEN END*/

.dxmLite .dxm-popup .dxm-selected {
    background-color: #005387 !important;
}

.sm-mainmenu__menuWebLevel2Header {
    font-size: 100% !important;
}

.dxmLite .dxm-popup .dxm-hovered {
    background-color: #005387 !important;
}

.dxm-hovered .dxm-content {
	color: white !important;
}

/*GRID*/

.undo-padding {
	padding: 0px !important;
}

.grid-img-fill {
	margin: 0px !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
	background-position-y: center !important;
    background-size: cover !important;
}

.container-2-columns {
    display: grid;
    justify-content: center;
}

.container-3-columns {
	display: grid;
	justify-content: center;	
}

.container-4-columns {
    display: grid;
    justify-content: center;
}

.container-5-columns {
    display: grid;
    justify-content: center;	
}

.cell {
  text-align: flex-start;
  padding: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

.cell-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
}

.cell-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-position: center;
	background-repeat: no-repeat;
}

/*GRID END*/

.textboxForm {
    color: black !important;
}

.SbBorderBox {
    border-color: #0291cc !important;
}

/*BOX SOLID*/

.BackgroundContentBoxWhiteSolid {
	width: 100vw;
	padding: 25px;
	float: left;
	background-color: #ffffff;
}

.BackgroundContentBoxWhite {
	width: 100vw;
	padding: 25px;
	float: left;
	background-image: linear-gradient(to bottom, #B9E5F9 33%, #f0f8ff);
}

.BackgroundContentBoxWhiteInvert {
	width: 100vw;
	padding: 25px;
	float: left;
	background-image: linear-gradient(to bottom, #f0f8ff 33%, #B9E5F9);
}

.BackgroundContentBoxOffWhiteSolid {
	width: 100vw;
	padding: 25px;
	float: left;
	background-color: #fffaec;
}

.BackgroundContentBoxLight {
	width: 100vw;
	padding: 25px;
	float: left;
	background-image: linear-gradient(to bottom, #B9E5F9 33%, #3FA9D8);	
}
	
.BackgroundContentBoxMedium {
	width: 100vw;
	padding: 25px;
	float: left;
	background-image: linear-gradient(to bottom, #3FA9D8 33%, #005387);	
}

.BackgroundContentBoxDark {
	width: 100vw;
	padding: 25px;
	float: left;
	background-image: linear-gradient(to bottom, #005387 33%, #0291CC);
}

/*TOPMENU*/

.dx-vam {
    font-family: 'segoe ui';
}

.SMmnHeadMenuItem {
    font-family: 'segoe ui';
}

.dxmLite .dxm-main {
    padding: 0px !important;
}

.dxmLite .dxm-item {
    border-width: 2px !important;
}

.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-selected, .dxmLite .dxm-hovered, .dxmLite .dxm-main .dxm-dropDownMode.dxm-checked .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-selected .dxm-popOut, .dxmLite .dxm-dropDownMode.dxm-hovered .dxm-popOut {
    border-color: transparent !important;
}

.dxmLite .dxm-popup {
    border: 1px solid transparent !important;
}

	.dxmLite .dxm-popup .dxm-gutter {
    width: auto !important;
    border-right: 1px solid transparent !important;
}

/*TOPMENU END*/

.userMenu {
	margin-top: 10px; 
}

.landscape {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
}

.SMadTitleWidget {
    margin-top: 0px !important; 
}

#ctl00_MnAccount_DXI0_T{
    padding-top: 0px !important;
}

.btn-header {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    padding: 20px !important;
    font-family: 'segoe ui';
    border-radius: 5px;
}

.btn-header-color {
	background: #0191cf !important;
}

.Zoom:hover {
  z-index: 1;
  background: #84c8e5 !important;
  color: white !important;
  text-decoration: none;
}

/* EINDE NIEUWE AANPASSINGEN ONTWIKKELING*/


/* START CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

.Kooymantekstblok {
    color: white;
    position: relative;
}

.delft-line {
	display: none;	
}

.masterContainer {
    padding: 0 0px !important;
}

.left_content_full {
     margin-top: -20px !important;
}

a.HlBackToCategory:hover, .HlBackToCategoryHover, a.DownloadTreeGroup, a.DownloadTreeGroup:hover, a.DownloadLink:hover, a:hover {
    color: #DFAA00 !important;
}

h1 {
	font-weight: 900;
}

h2 {
	margin-top: 0px !important;
}

h1, h2, .dxm-content {
    font-family: 'Segoe UI' !important;
}

p {
    font-size: 11pt !important;
    font-family: 'Segoe UI' !important;
}


.item_bg_image {
    height: 300px !important;
}

.KooymanButton {
    background-color: #0191cf !important;
    padding: 15px 30px 15px 30px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
}

	.SalesAdvicePriceHolder {
		padding-left: 9px;
		color: white;
		background: transparent;
		height: 21px;
	}

	a.header-order-button, a.header-order-button span, #header .header-order-button span, .blockheader, a.button, a.button:hover, .button a, .buttonHover span, .buttonHover a, .buttonHover, a.button:visited, .button span, #header .button span, .blockheader label, td.button {
		color: #FFFFFF !important;
	}

	.btn-discover {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: 1px solid rgba(255, 255, 255, 0.7);
		border-radius: 3px;
		color: #ffffff;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 1px;
		padding: 14px 60px;
		text-decoration: none;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
	}	
	
	.btn-discover:hover {
		color: #fff;
		border-color: rgba(255, 255, 255, 0.7);
		background-color:#D1C59B;
	}	
	
	.button-3 {
	  background-color:#D1C59B !important;
	}	

	.dxmLite .dxm-main .dxm-checked, .dxmLite .dxm-main .dxm-selected {
		background-color: transparent !important;
	}	
	
/*FOOTER VAST CONTACTBLOCK ONZICHTBAAR---------------------------------
#footer .contactBlock {
    margin-right: 20px;
    display: none;
}		*/

	h2.parallaxPrcexxx {
		font-size: 5em !important;
		color: #fff;
		text-shadow: 2px 2px 10px black;    
	}

	.header-info-block {
		border-radius: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	.header-info-block h1 {
		color: #D1C59B;
		margin-top: 36px;
		margin-bottom: 14px;
		text-shadow: 2px 2px 0px #8e6c6d;
	}

	.header-info-block p {
		font-size: 1.2em !important;
	}
	
	.GridCell-LeftColumn {
	padding-left: 0px !important;
	}


	.ict-parallax-container .btn .parallax-btn {
		background-color: #d1c59b;
		color: #FFF;
		text-transform: uppercase;
	}

	.SMHideUnhidecontactBlock{
		display:none !important;
	}

	.dxmLite .dxm-horizontal .dxm-image-l .dxm-content, .dxmLite .dxm-horizontal .dxm-image-r .dxm-content {
		font-size: 18px;
	}
	
	.mediaTextHolder {
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100% !important;
	}		
	
	.productNameHolder .LblProductID {
	padding: 5px 0px 3px;
	width: 100%;
	word-wrap: break-word;
	}
	
	.SMfloat {
		float: left !important;
	}	
	
	.SMlblSupergroupDescription{
		font-family: 'Segoe UI';		
	}		
	
	.SMProductDetailDescriptionLabel{
		font-size: 30px !important;
		font-family: 'Segoe UI';
		font-weight: 600;
	}		
	
/* EINDE CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

.obj-container {
    margin-right: 0px !important;
}

/*---------------------------------------------------------------------------------------------------*/
/* START CUSTOM AFMETINGEN PER SCHERM 320 - 375 - 414 - 768 - 1024 - 1280 - 1500>  FONTSIZE - HOOGTE */
	
@media only screen and (min-width: 320px) and (max-width: 374px) {
/*START*/	

.Kooymantekstblok {
	width: 1000px;
	padding-left: 25%;
}

.KooymantekstblokColor {
    color: grey;
	min-width: 120px;
}

.grid_item_responsive {
    max-width: 50% !important;
    min-width: 156px !important;
}

.LblOverviewProductName span {
    font-size: 16px !important;
}

.grid_price_view {
    width: 100% !important;
}

.grid_price_footer {
    width: 100% !important;
}

.FooterRow {
    margin-top: -10px !important;
}

.LblProductPrice, .LblPriceVat {
     margin-bottom: 10px !important;
}

.LblProductPrice {
    font-size: 14px !important;
}

.LblOverviewProductName {
    height: 5.4em !important;
}

.SMSpOrderQuantity {
    width: 100% !important;
}

.dxp-pageSizeItem label {
    display: none;
}

.dxpLite_Metropolis .dxp-pageSizeItem {
    display: none;
}

.extraHeaderHtmlBlock {
    margin-left: 10px !important;
    margin-top: 15px;
}


.col-md-6, .col-sm-6, .col-xs-6 {
    padding-right: 3px !important;
    padding-left: 3px !important;
}
	
	.headerLogo {
		width: 50px !important;
		margin-top: 5px;
	}

	.SMProductDetailDescriptionLabel{
	font-size: 19px !important;
	}
	
	.KooymanHeaderMenutext {
		font-size: 22px !important;
	}
	
/*EINDE*/	
}
	
	
@media only screen and (min-width: 375px) and (max-width: 413px) {
/*START*/	

.HlProductDetails {
    margin-top: 50px;
}

.grid_price_footer {
    height: 80px !important;
}
	
.fb-widget-placement {
	margin: 50px 0px 50px 0px;
}

.display-mobile {
	display: none;
}

.obj-container {
    height: 215px !important;
    width: 100% !important;
}

.SMlblSupergroupDescription {
    padding-bottom: 15px;
}

/*GRID*/

.cell-height-730 {
	max-height: 730px !important;
}

.cell-height-670 {
	max-height: 670px !important;
}

.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-2-columns {
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

.container-3-columns {
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

.container-4-columns {
    grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

.container-5-columns {
    grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

/*GRID END*/

.panel_header_top_sub {
    height: 65px !important;
    background-color: #0191cf !important;
}

#bannerTop {
    margin-top: 10px !important;
}

#header {
    height: 170px !important;
}

.Kooymantekstblok {
	width: 375px;
	padding-left: 20%;
}

.KooymantekstblokColor {
    color: white;
	min-width: 120px;
}

.grid_item_responsive {
    max-width: 50% !important;
    min-width: 163px !important;
}
	
.LblOverviewProductName span {
    font-size: 16px !important;
}	

.grid_price_view {
    width: 100% !important;
}

.grid_price_footer {
    width: 100% !important;
}

.FooterRow {
    margin-top: -10px !important;
}

.LblProductPrice, .LblPriceVat {
     margin-bottom: 10px !important;
}

.LblProductPrice {
    font-size: 14px !important;
}

.LblOverviewProductName {
    height: 5.4em !important;
}

.SMSpOrderQuantity {
    width: 100% !important;
}

.dxp-pageSizeItem label {
    display: none;
}	

.dxpLite_Metropolis .dxp-pageSizeItem {
    display: none;
}
	
.extraHeaderHtmlBlock {
    margin-left: 85px !important;
}
	
.headerLogo {
    width: 360px !important;
    margin-top: 55px;
    margin-left: 0px !important;
}
	
	.KooymanHeaderMenutext {
		font-size: 22px !important;
	}	
	
/*EINDE*/	
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
/*START*/	

.HlProductDetails {
    margin-top: 50px;
}

.grid_price_footer {
    height: 80px !important;
}
	
.fb-widget-placement {
	margin: 50px 0px 50px 20px;
}

.display-mobile {
	display: none;
}

.obj-container {
    height: 215px !important;
}

/*GRID*/

.cell-height-730 {
	max-height: 730px !important;
}

.cell-height-670 {
	max-height: 670px !important;
}

.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-2-columns {
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

.container-3-columns {
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

.container-4-columns {
    grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

.container-5-columns {
    grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

/*GRID END*/

.panel_header_top_sub {
    height: 65px !important;
    background-color: #0191cf !important;
}

#header {
    height: 160px !important;
}

.Kooymantekstblok {
    width: 414px;
    padding-left: 14%;
}

.KooymantekstblokColor {
    color: white;
	min-width: 120px;
}

.grid_item_responsive {
    max-width: 50% !important;
    min-width: 203px !important;
}

.LblOverviewProductName span {
    font-size: 16px !important;
}

.grid_price_view {
    width: 100% !important;
}
.grid_price_footer {
    width: 100% !important;
}

.FooterRow {
    margin-top: -10px !important;
}

.LblProductPrice, .LblPriceVat {
     margin-bottom: 10px !important;
}

.LblProductPrice {
    font-size: 14px !important;
}

.LblOverviewProductName {
    height: 5.4em !important;
}

.SMSpOrderQuantity {
    width: 100% !important;
}

.dxp-pageSizeItem label {
    display: none;
}

.dxpLite_Metropolis .dxp-pageSizeItem {
    display: none;
}

.extraHeaderHtmlBlock {
    margin-left: 120px !important;
    margin-top: -26px;
}

.headerLogo {
    width: 300px !important;
    margin-top: 60px !important;
    margin-left: 0px !important;
}

	.KooymanHeaderMenutext {
		font-size: 22px !important;
	}	


/*EINDE*/
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*START*/	

.fb-widget-placement {
	margin: 50px 0px 50px 196px;
}

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 0rem;
}

.cell-2 {
	margin-right: 0rem;
}

/*GRID END*/

.panel_header_top_sub {
    height: 65px !important;
    background-color: #0191cf !important;
}

#header {
    height: 150px !important;
}

.Kooymantekstblok {
    width: 768px;
    padding-left: 33%;
}

.KooymantekstblokColor {
    color: white;
	min-width: 120px;
}

.extraHeaderHtmlBlock {
    margin-left: 36% !important;
    margin-top: -40px;
}


.headerLogo {
    width: 300px !important;
    margin-left: 0px !important;
    margin-top: 45px;
}
	
.SMbackground-image {
    height: 195px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 135%;
    opacity: 1;
    z-index: 0;
	margin-top: -35px;	
}

.KooymanHeaderText {
		margin-top: -40px;
	margin-bottom: 40px;		
}

.KooymanImage {
    /*padding-left: 20px !important;
    padding-right: 20px !important;*/
}
	

/*EINDE*/	
}


@media only screen and (min-width: 1024px) and (max-width: 1279px) {
/*START*/	

.fb-widget-placement {
	margin: 50px 0px 50px 324px;
}

.header-height {
    height: 190px;
}

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 7rem;
}

.cell-2 {
	margin-right: 7rem;
}

/*GRID END*/

.height-320 {
	height: 320px; 
}

.panel_header_top_sub {
    height: 65px !important;
    background-color: #0191cf !important;
}

#bannerTop {
    margin-top: 50px;
}

.SMproductDetailsContainer {
    width: 100% !important;
}

.softmaat-container-resp-adapt {
    padding-left: 110px !important;
}

.contentblock.generalInformation, .contentblock.SMcontentblock {
    width: 275px !important;
	margin-left: 15px;
}

.UserSummaryContainer {
    max-width: unset !important;  
    float: left !important;
    width: 581px !important;
}

.Kooymantekstblok {
	width: 1000px;
	padding-left: 34%;
}

.KooymantekstblokColor {
    color: white;
	min-width: 120px;
}

.grid_item_responsive {
    max-width: 32.5% !important;
}

.extraHeaderHtmlBlock {
	margin-left: 210px !important;
    margin-top: -79px;
}

.headerLogo {
    width: 400px !important;
    margin-left: 0px !important;
    margin-top: 10px;
}

.panel_header {
    height: 150px !important;
}

	.SMbackground-image {
		height: 195px;
		position: absolute;
		background-repeat: no-repeat;
		background-size: 110%;
		opacity: 1;
		z-index: 0;
			margin-top: -35px;	
	}

	.KooymanHeaderText {
			margin-top: -40px;
		margin-bottom: 40px;		
	}

	.KooymanImage {
		margin-top: 25px;
		margin-bottom: 90px;
	}
/*EINDE*/	
}

@media only screen and (min-width: 1280px) and (max-width: 1499px) {	
/*START*/	

.fb-widget-placement {
	margin: 50px 0px 50px 452px;
}

.header-height {
    height: 190px;
}

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-2-columns {
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 10rem;
}

.cell-2 {
	margin-right: 10rem;
}

/*GRID END*/

.height-320 {
	height: 320px; 
}

#bannerTop {
    margin-top: 10px;
}

.SMpanel_header_top_sub {
    Background-color: #0291CC !important;
    height: 40px !important;
}

.Kooymantekstblok {
	width: 1280px;
	padding-left: 36%;
}

.KooymantekstblokColor,
.KooymantekstblokColorEmail {
    color: white;
	min-width: 120px;
}

.grid_item_responsive {
    max-width: 24.4% !important;
}

.extraHeaderHtmlBlock {
margin-left: 40% !important;
    margin-top: -83px;
}

.headerLogo {
    width: 400px !important;
}

.panel_header {
    height: 150px !important;
}

.panel_header_top_sub {
    height: 60px !important;
}

	#headerMenu {	
		background-color: #6b5b6c;	
		min-height: 48px;				
	}	
	

.SMbackground-image {
		height: 250px;
		position: absolute;
		background-repeat: no-repeat;
		background-size: 100%;
		opacity: 1;
		z-index: 0;
		margin-top: -35px;	
	}

	.KooymanHeaderText {
		margin-bottom: 75px;
	}

.ProductsOverview__LeftPanelFilter {
    max-width: 230px;
}	

.menuSearch {
    width: calc(100% - 236px);
}



/*EINDE*/
}	

@media only screen and (min-width: 1500px) {	
/*START*/	

.fb-widget-placement {
	margin: 50px 0px 50px 562px;
}

.header-height {
    height: 190px;
}

/*GRID*/
.margin-cell-left {
	margin-top: 50px;
	margin-right: 50px;
}

.margin-cell-right {
	margin-top: 50px;
	margin-left: 50px;
}

.grid-img-fill {
    width: 100%px;
    height: 600px;
}

.container-2-columns {
	margin: 0rem 12rem;
	grid-template-columns: 1fr 1fr;
}

.container-3-columns {
	margin: 0rem 12rem;
	grid-template-columns: 1fr 1fr 1fr;
}

.container-4-columns {
	margin: 0rem 12rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-5-columns {
	margin: 0rem 12rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.cell-1 {
	margin-left: 36rem;
}

.cell-2 {
	margin-right: 36rem;
}

/*GRID END*/

.height-320 {
	height: 320px; 
}

.Kooymantekstblok {
	width: 1500px;
	padding-left: 450px;
	top: 8px;
    display: inline-flex;
}

.KooymantekstblokColor,
.KooymantekstblokColorEmail {
    color: white;
	min-width: 120px;
}

.extraHeaderHtmlBlock {
    margin-top: -87px;
    margin-left: 556px !important;
}

.headerLogo {
    width: 400px !important;
    margin-top: 15px;
}

.panel_header {
    height: 150px !important;
}

.panel_header_top_sub {
    height: 60px !important;
}

#wide-div {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.SMbackground-image {
    height: 250px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
    z-index: 0;
		margin-top: -40px;	
}

.KooymanHeaderText {
	margin-bottom: 80px;			
}

.KooymanImage {
    width: 620px;
}

.SMColumn {
    box-sizing: border-box;
    width: 68%;
    margin-left: 16%;
    margin-right: 16%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.SMpanel_header_top_sub {
    Background-color: #0291CC !important;
    height: 40px !important;
}

.btn-header-small {
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    padding: 10px !important;
    margin: 0px !important;
}

.SMProgressBarElement {
    max-width: 16.5% !important;
}

.instagram-media {
	margin: 40px 410px 12px !important;
}

/*EINDE*/
}	
	
/* EINDE CUSTOM AFMETINGEN PER SCHERM FONTSIZE - HOOGTE */

/*----------------------------------------------*/
/*CUSTOM STYLE SHEET------------------*/
/*EINDE--------------------------------------*/