/*-----------------------------------------------*/
/*CUSTOM STYLE SHEET-----------------------------*/
/*Chocolaterie Albert---Versie 8-----------------*/
/*Datum ---2025-09-24----------------------------*/
/*LAST EDITED BY FK------------------------------*/
/*START------------------------------------------*/

.popup {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

.popup:target {
  opacity: 1;
  pointer-events: auto;
}

.popup-content {
  position: relative;
  width: 300px;
  margin: 10% auto;
  background: white;
  padding: 2rem;
  border-radius: 10px;
  text-align: center;
}

.close {
  position: absolute;
  top: 10px;
  right: 15px;
  text-decoration: none;
  font-size: 1.5rem;
  color: black;
}

#ContentPlaceHolder1_ctl00_NewsShow1_PopUpNews_ImgNewsletterHeader {
	max-width: 200px;
}

.sm-mainmenu__menuWebLevels {
    display: grid;
}
	
element.style {
}
.menuSearch, .sm-mainmenu, .headerMenuNew, .panel_header_sub {
    background: -webkit-linear-gradient(top, #FFFFFF 50%, transparent 100%) !important;
}

#ContentPlaceHolder1_PnlLoginInfo {
     margin-top: 50px;
}

.dxeBase.Productdetail_NotLoggedInLabel {
	font-size: 20px;
    font-family: 'Lato';
    font-weight: 700;
    font-style: italic;
}

.SMproductDetailsContainer.productDetails .dx-wrap, span.dx-wrap {
    padding-bottom: 8px;
}
.SMproductDetailsContainer.productDetails ul.ul-vertical {
    font-size: 16px;
    font-family: 'Lato';
}
	
.SMproductDetailsContainer.productDetails .dxgvControl_Metropolis, .dxgvDisabled_Metropolis {
    font-size: 16px;
    font-family: 'Lato';
}

.tab-text-adjust-size-resp-adapt {
    font-family: lato !important;
    line-height: 24px;
    font-size: 16px;
}

.Productdetail_JumpToBar {
	display: none;
}

.filterListBoxCaptionStyle {
    font-family: 'Lora';
    color: #e5c89a;
    font-size: 14px !important;
}
	
.SMproductDetailsContainer.productDetails .ProductDescriptionLabel span {
    color: #cb9540;
}

.SMproductDetailsContainer.productDetails .ProductDescriptionLabel {
    font-family: lora !important;
}

.productNameHolder {
    border-top: 1px solid #d3d3d3;
}

#ContentPlaceHolder1_ProductCards_PnlProducts_ProductsCardView .dxbplc {
	/*background: #FBF8FB !important;*/
	box-shadow: 0 0 10px #0000001a;
}

#ContentPlaceHolder1_ProductCards_PnlProducts_ProductsCardView .dxbplc:hover {
    box-shadow: 0 0 10px #0000004a;
}
	
.image_cutter {
    background-color: transparent !important;
}

.LblPriceVat {
    font-family: lora;
}

.LblProductPrice {
    font-family: lora;
}

.cbProductDetailsNew .productDetails {
    background-color: transparent !important;
}

/*SLIDER*/

.bx-pager-link.active {
	background: #ded5df !important;
}

.bx-wrapper .bx-viewport {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
}

.bx-controls-direction {
	display: none !important;
}

.bx-pager-link {
    background: transparent !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    border: 3px solid #e5c89a !important;
}

.bx-pager.bx-default-pager {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/*.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 140px !important;
}*/

.bx-controls-auto {
	display: none;
}

/*SLIDER END*/

#logo .htmltextHolder img {
    width: 200px !important;
}

.container-2-columns-left {
    display: grid;
}

/*WINKELWAGEN*/

#ctl00_ContentPlaceHolder1_CallBackPanel_BtnClearShoppingcart {
	background: #676567 !important;
    padding: 5px !important;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
}

#ctl00_ContentPlaceHolder1_CallBackPanel_BtnClearShoppingcart:hover {
	background: #898989 !important;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
}

#ctl00_ContentPlaceHolder1_CallBackPanel_BtnGoShopping {
    padding: 5px !important;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
}

#ctl00_ContentPlaceHolder1_CallBackPanel_BtnGoShopping:hover {
    background: #99859a !important;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
}

#ctl00_ContentPlaceHolder1_CallBackPanel_shoppingcart_UserSummary1_CbUserSummary_BtnOrderShoppingcart {
	padding: 5px;
    border-radius: 25px;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
}

#ctl00_ContentPlaceHolder1_CallBackPanel_shoppingcart_UserSummary1_CbUserSummary_BtnOrderShoppingcart:hover {
	background: #99859a !important;
	color: white !important;
	text-decoration: none !important;
	/*outline: 1px solid white;
    outline-offset: -5px;*/
}

.SMHlLogin {
	padding: 5px;
    border-radius: 25px;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
}

.SMHlLogin:hover {
	background: #99859a !important;
	color: white !important;
	text-decoration: none !important;
	/*outline: 1px solid white;
    outline-offset: -5px;*/
}

/*WINKELWAGEN END*/

/*PRODUCTDETAIL*/
.ProductAnchorLinksAHref {
    color: #cb9540 !important;
	font-family: lora;
}

.ProductAnchorLandingAHref {
    color: #cb9540 !important;
	font-family: lora;
}

/*PRODUCTDETAIL*/

html, body, .masterForm {
    height: unset !important;
}

.ul-Albert {
    font-family: lato;
    font-size: 18px;
}

/*VERKOOPPUNTEN*/

.customerSellingpointMasterClass .dxbButtonSys.dxbTSys {
    color: white;
    background: #6b5b6c;
    font-size: 16px;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
    padding: 5px 20px;
    border-radius: 25px;
}

.customerSellingpointMasterClass .buttonHover:Hover {
    background: #99859a !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
}

.customerSellingpointMasterClass .dxcvTable, .dxcvControl .dxcvCSD {
    background-color: #ebebeb !important;
}

.customerSellingpointMasterClass .dxcvEmptyCard {
    font-family: 'Lora';
    font-size: 16px;
	background: #cfcfcf !important;
}

#ContentPlaceHolder1_ctl02_ResetCardbutton {
  margin-left: -1215px;
  z-index: 100;
  position: relative;
  margin-top: 85px !important;
}

.customerSellingpointMasterClass .dxcvCard {
    background-color: #bcb1bd !important;
}

.customerSellingpointMasterClass div.dxcvHeader {
    font-family: 'Lora';
    font-size: 16px !important;
    background: #6b5b6c;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
    padding: 10px 25px;
}

.customerSellingpointMasterClass div.dxcvHeader:hover {
    background: #99859a !important;
}

.customerSellingpointMasterClass .dxcvHeader td {
	color: white !important;
}

.fieldsetSettingsRight {
    min-width: unset !important;
    padding: 30px !important;
	border-width: 0 !important;
}

.customerSellingpointMasterClass {
    margin-top: 80px !important;
    margin-bottom: 80px;
}

.fieldsetSettingsHeigthTop {
    min-height: 460px !important;
    background: #EBEBEB;
}

.fieldsetSettingsLeft {
    border-width: 0px !important;
    margin-right: 0px !important;
	min-width: 910px !important;
}

.fieldset {
    border-color: transparent !important;
}

#ContentPlaceHolder1_ctl02_BtnSearchForCustomers {
    padding: 0px 25px !important;
    /*outline: 1px solid white;
    outline-offset: -4px;*/
}

#ContentPlaceHolder1_ctl02_BtnSearchForCustomers:hover {
	background: #99859a !important;
}

#ContentPlaceHolder1_ctl02_ResetCardbutton {
    padding: 0px 25px !important;
    /*outline: 1px solid white;
    outline-offset: -4px;*/
}

#ContentPlaceHolder1_ctl02_ResetCardbutton:hover {
	background: #99859a !important;
}

.customerSellingpointMasterClass .dxeTextBox {
    background-color: white;
    border: 1px solid #9f9f9f;
    font: 12px Tahoma, Geneva, sans-serif;
    padding: 5px;
}

/*VERKOOPPUNTEN END*/

.dxm-contentText {
	font-size: 16px;
}

.sm-mainmenu__menuWebLevel2Header, .sm-mainmenu__menuWebLevel3 {
    font-family: 'Lora' !important;
	font-weight: normal !important;
}

.sm-mainmenu__menuWebLevel2Header {
	font-size: 16px !important;
}

.sm-mainmenu__menuWebLevel3 {
    font-size: 14px !important;
	font-style: italic;
}

.sm-mainmenu__menuWebLevel2 p:not(:has(.sm-mainmenu__menuWebLevel3)) {
    border-bottom: 1px solid #e6e2d8;
}

.sm-mainmenu__submenu a:hover, .sm-mainmenu__menuWebLevel1:hover {
	color: #CCB08A !important;
	text-decoration: none !important;
}

.sm-mainmenu__menuWebLevel3 p {
	border-bottom: 0px solid #e6e2d8 !important;
}


.blockheader span {
    line-height: 32px !important;
    font-family: lora !important;
	font-weight: 500;
}

/*SUPERGROEPEN*/

.dxbButton.obj-container-header.fullWidth.dxbButtonSys span {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.SMlblSupergroupDescription {
    font-family: lora !important;
    color: #ffffff !important;
    font-size: 16px !important;
    background: #6b5b6c;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    max-width: 250px;
	border-radius: 25px !important;
	/*outline: 1px solid #fff;
    outline-offset: -5px !important;*/
	font-weight: 500 !important;
}

.SMlblSupergroupDescription:hover {
    background: #99859a;
	/*outline: 1px solid #fff;
    outline-offset: -5px !important;*/
}

.obj-img-container {
    position: relative;
}

/* Hoekdecoraties */
/*.obj-img-container::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: -100px;
    pointer-events: none;
    background: 
		url(/Customers/19/Images/WebItem/Images/Border-Sier_tl.png) top left no-repeat, 
		url(/Customers/19/Images/WebItem/Images/Border-Sier_tr.png) top right no-repeat, 
		url(/Customers/19/Images/WebItem/Images/Border-Sier_bl.png) bottom left no-repeat,
		url(/Customers/19/Images/WebItem/Images/Border-Sier_br.png) bottom right no-repeat;
    background-size: 40px 40px, 40px 40px, 40px 40px, 40px 40px;
}*/

.obj-container {
    position: relative;
}

/* Verticale lijnen */
/*.obj-container::before {
    content: "";
    position: absolute;
    top: 55px; 
    bottom: 55px;
    left: 15px; 
    right: 15px;
    border-left: 2px solid #e5c89a;
    border-right: 2px solid #e5c89a;
    pointer-events: none;
}*/

/* Horizontale lijnen */
/*.obj-container::after {
    content: "";
    position: absolute;
    top: 15px; 
    bottom: 15px;
    left: 55px; 
    right: 55px;
    border-top: 2px solid #e5c89a;
    border-bottom: 2px solid #e5c89a;
    pointer-events: none;
}*/

/*SUPERGROEPEN END*/

/*PRODUCTCARDS*/

.ProductCard {
	height: 390px !important;
}

.ProductsCardView__PagerTopPanel {
    background: white;
}

.ProductCard .ProductDetailsButton,
.ProductCard a.HlProductDetails {
	border-radius: 25px !important;
	/*outline: 1px solid #fff;
    outline-offset: -5px !important;*/
	font-family: lora !important;
	font-weight: 500 !important;
}

.ProductCard .ProductDetailsButton:hover,
.ProductCard a.HlProductDetails:hover {
    background: #99859a !important;
    /*outline: 1px solid #fff;
    outline-offset: -5px !important;*/
	text-decoration: none !important;
}

/*.ProductCard .dxeButtonEdit {
    margin-top: -50px;
}

.ProductCard .button.gridOrderButton {
    margin-top: -50px;
}*/

.LblOverviewProductName, .LblOverviewProductName span {
    color: #cb9540 !important;
    font-family: lora;
    font-size: 16px !important;
    line-height: 20px;
	text-align: center !important;
}

#ContentPlaceHolder1_ProductCards_PnlProducts_ProductsCardView .dxbplc {
    text-align: center;
}

.dxcvBreakpointsCard_Metropolis {
	margin: 5px !important;
}

.dxcvBreakpointsCard_Metropolis {
    position: relative;
    padding: 7px;
}

/* Verticale lijnen (links & rechts) */
/*.dxcvBreakpointsCard_Metropolis::before {
    content: "";
    position: absolute;
    top: 50px;       
    bottom: 50px;    
    left: 10px;      
    right: 10px;     
    border-left: 2px solid #e5c89a;
    border-right: 2px solid #e5c89a;
    pointer-events: none;
}*/

/* Horizontale lijnen (boven & onder) */
/*.dxcvBreakpointsCard_Metropolis::after {
    content: "";
    position: absolute;
    top: 10px; 
    bottom: 10px;
    left: 50px;
    right: 50px; 
    border-top: 2px solid #e5c89a;
    border-bottom: 2px solid #e5c89a;
    pointer-events: none;
}*/

/*.ProductCard {
    position: relative;
    padding: 20px !important;
}*/

/* Hoeken plaatsen */
/*.ProductCard::before {
    content: "";
    position: absolute;
    top: 1px; left: 1px; right: 1px; bottom: 1px;
    pointer-events: none;
    background:
        url('/Customers/19/Images/WebItem/Images/Border-Sier_tl.png') top left no-repeat,
        url('/Customers/19/Images/WebItem/Images/Border-Sier_tr.png') top right no-repeat,
        url('/Customers/19/Images/WebItem/Images/Border-Sier_bl.png') bottom left no-repeat,
        url('/Customers/19/Images/WebItem/Images/Border-Sier_br.png') bottom right no-repeat;
    background-size: 40px 40px, 40px 40px, 40px 40px, 40px 40px;
	z-index: 1;
}*/

/*PRODUCTCARDS END*/

.panel_header_sub {
    z-index: 100;
    position: relative;
}

/*Searchbox*/
.panel_header_sub .SbBorderBox {
    border-radius: 25px;
}

.panel_header_sub .dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    background: transparent;
}

.panel_header_sub .SearchBox {
     background: transparent;
}	

.panel_header_sub .dxbButtonSys.dxbTSys {
    border-radius: 25px;
    border-color: #d1c59b;
}

.panel_header_sub .dxbButtonSys.dxbTSys:hover {
    background: #c4a87d !important;
}

/*Searchbox END*/

/*LOGO PLACEMENT CENTER MENU*/

.dxmLite .dxm-main {
    background-color: transparent !important;
}

.dxmLite .dxm-main .dxm-hovered {
    background-color: transparent !important;
}

.dxm-ltr .dxm-horizontal > ul.dx, .dxm-rtl .dxm-horizontal > ul.dx {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dxm-main.dxm-horizontal ul.dxm-image-l.dxm-noImages li[title="Home"] a.dxm-content {
    display: block;
    width: 190px;  /* logo breedte */
    height: 125px; /* logo hoogte */
    background: url('/Customers/Images/Stores/19.png') no-repeat center center;
    background-size: contain;
}

/* Verberg de tekst "Home" */
.dxm-main.dxm-horizontal ul.dxm-image-l.dxm-noImages li[title="Home"] a.dxm-content .dxm-contentText {
    font-size: 0;     /* tekst verdwijnt */
    color: transparent;
}

/*LOGO PLACEMENT CENTER MENU END*/

.panel_header_sub .sm-mainmenu__rootitem {
    padding: 0px 8px;
}

.panel_header_top_sub_below {
    background: #6b5b6c;
}

.panel_header_top_sub {
    background: #e5c89a !important;
}

.padding-cell {
	padding: 40px;
}

.padding-cell-frame {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

/*.frameborder {
	background: #0000006e;
    outline: 2px solid #e5c89a;
}*/

/*FRAME*/
.frame {
  position: relative;
  background: #00000096;
  overflow: hidden; 
}

/*.frame::before {
  content: "";
  position: absolute;
  border-left: 2px solid #e5c89a;
  border-right: 2px solid #e5c89a;
  pointer-events: none;
}*/

/* horizontale lijnen boven & onder */
/*.frame::after {
  content: "";
  position: absolute;
  border-top: 2px solid #e5c89a;
  border-bottom: 2px solid #e5c89a;
  pointer-events: none;
}*/

/* Hoekdecoraties */
/*.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  position: absolute;
  background: url('/Customers/19/Images/WebItem/Images/Border-Sier_tl.png') no-repeat center center;
  background-size: contain;
  pointer-events: none;
}*/

/*FRAME END*/

/*FORM*/

#responsive-form .button.dxbButton {
    padding: 10px 20px;
    border-radius: 25px;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
    font-family: 'Lora';
    font-size: 16px;
}

#responsive-form .button.dxbButton:hover {
    /*outline: 1px solid white;
    outline-offset: -5px;*/
	background: #99859a !important;
}

#responsive-form .dxeListBox td.dxeIM, .dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeLTM, .dxeListBox td.dxeCM, .dxeListBox td.dxeMIM, .dxeListBox td.dxeIMR, .dxeListBox td.dxeFTMR, .dxeListBox td.dxeTMR, .dxeListBox td.dxeLTMR, .dxeListBox td.dxeCMR, .dxeListBox td.dxeMIMR {
    border-bottom: 0px solid #cfcfcf;
}

#responsive-form .dxeListBox .dxeHD {
    border-bottom: 0px solid #A0A0A0 !important;
}

#responsive-form .dxeListBoxItemHover {
	background: #e4edf9 !important;
}

#responsive-form .dxeListBox .dxeHLC {
    border-right: 0px solid #dcdcdc !important;
    font-weight: 700;
	background: #84b4dd;
}

#responsive-form .dxeListBox {
    border: 0px solid #A0A0A0 !important;
	font-family: Lato !important;
	font-size: 16px;
}

#responsive-form .dxeButtonEditButton {
    border: 0px solid #7f7f7f !important;
    min-width: 30px;
    background: #84b4dd !important;
	transition: background-image 1s ease;
}

#responsive-form .dxeButtonEditButton:hover {
    background: #598cb7 !important;
}

#responsive-form .dxeMemo { 
    border: 0px solid #9f9f9f !important;
	border-radius: 5px;
}

#responsive-form .TypeOfBackofficeComboBox, #responsive-form .SmContactTextbox.dxeTextBoxDefaultWidthSys {
    border: 0px solid #9f9f9f !important;
	border-radius: 5px;
}

.dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    background: transparent;
}

.dxeTextBox_Metropolis {
    border: 0px solid #c0c0c0 !important;
	border-radius: 5px;
}

#responsive-form .dxeButtonEdit {
    border: 0px solid #9F9F9F !important;
	border-radius: 5px;
}

/*FORM END*/

/*ORDER AFRONDEN*/

.PaymentOrder .dxbButton.button.floatRight.dx-nowrap.dxbButtonSys {
	padding: 5px 20px;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
	border-radius: 25px;
}

.PaymentOrder .dxbButton.button.floatRight.dx-nowrap.dxbButtonSys:hover {
	/*outline: 1px solid white;
    outline-offset: -5px;*/
	background: #99859a !important;
}

#ctl00_ContentPlaceHolder1_LblGoToShoppingCart {
	padding: 5px 20px;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
	border-radius: 25px;
}

#ctl00_ContentPlaceHolder1_LblGoToShoppingCart:hover {
    /*outline: 1px solid white;
    outline-offset: -5px;*/
	background: #99859a !important;
}

#ContentPlaceHolder1_PnlMain_ProgressBarShoppingCart_CD, #ContentPlaceHolder1_ProgressBarShoppingCart_CD, #ContentPlaceHolder1_PnlMain_ProgressBarShippingChoice_CD, #ContentPlaceHolder1_ProgressBarShippingChoice_CD, #ContentPlaceHolder1_PnlMain_ProgressBarAddressing_CD, #ContentPlaceHolder1_ProgressBarAddressing_CD, #ContentPlaceHolder1_PnlMain_ProgressBarOverview_CD, #ContentPlaceHolder1_ProgressBarOverview_CD, #ContentPlaceHolder1_PnlMain_ProgressBarPayment_CD, #ContentPlaceHolder1_ProgressBarPayment_CD, #ContentPlaceHolder1_PnlMain_ProgressBarConfirmation_CD, #ContentPlaceHolder1_ProgressBarConfirmation_CD {
    font-size: 16px;
    font-weight: 500;
}
	
a.finishorder_button {
	padding: 5px 20px;
}

a.finishorder_button:hover {
	background: #99859a !important;
}

.ProgressBarElement {
    background: #6b5b6c !important;
    color: white !important;
    /*outline: 1px solid white;
    outline-offset: -5px;*/
}

.ProgressBarElement span {
    color: white !important;
}

/*ORDER AFRONDEN END*/

/*NIEUWE INLOG*/

.loginBox {
	min-height: 350px !important;
}

#ContentPlaceHolder1_PnlLoginInfo {
	padding: 20px;
}

.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;
    border-radius: 35px;
    /*outline: white solid 1px;
    outline-offset: -6px;*/
}

#ContentPlaceHolder1_LoginBox_LoginButton:hover {
    background: #99859a !important;
	text-decoration: none !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: #6b5b6c !important;
}

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

.buttonHover:Hover {
	background: #6B5B6C !important;
	text-decoration: none !important;
}

#ContentPlaceHolder1_LoginBox_LoginButton span {
	font-size: 20px;
    font-family: Lora;
    font-weight: 700;
}

#ContentPlaceHolder1_BtnAddCustomer span {
	font-size: 20px;
    font-family: Lora;
    font-weight: 500;
}

.labelForm {
    margin-top: 10px;
}

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

.dxeBase.header {
	font-size: 32px;
	color: #6B5B6C;
	font-weight: 700;
	font-family: Lora;
}

.loginBox {
    width: 100% !important;
}
	
#ContentPlaceHolder1_loginHolder {
    display: grid;
}
	
/*NIEUWE INLOG EIND*/

.fa.fa-envelope:hover,
.fa.fa-facebook:hover ,
.fa.fa-twitter:hover  {
	color: #e5c89a !important;
}

.pageheaderimagewrapper {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.pageheaderbg {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.pageheaderimage {
    position: absolute;
}

.pageheadertop {
    z-index: 0 !important;
}
	
.pageheader {
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    background-position-x: center;
	position: relative; 
	overflow: hidden;
	z-index: 10;
}

.container-3-columns {
    align-items: stretch;
}

.container-3-columns-inside {
	display: grid;
    align-items: stretch;
}

.container-3-columns-outside {
	display: grid;
    align-items: stretch;
}

.container-2-columns {
    align-items: stretch;
}

.image-cell {
    position: relative;
    overflow: hidden;
}

.fill-image {
    width: 100%;
    height: 100%;       
    object-fit: cover;  
    object-position: center; 
    display: block;
	max-height: 100vw;
}

.SMproductDetailsContainer {
    float: left;
}

.finishorder_button {
    background: #d1c59b !important;
}

.dxcvPagerBottomPanel_Metropolis {
    background: white;
}

.shoppingCartHolder {
color: white;
}

.filterListBoxCaptionStyle {
     white-space: normal;
}

/* START CUSTOM AANPASSINGEN KLEUR FONT ANDERS */

.container-2-columns-header {
    display: grid;
}

/*TOPMENU*/

.dxmLite_Metropolis {
    background: white;
}

.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;
    background-color: #ffffffeb !important;
    box-shadow: 0 0 10px #00000038;
}

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

/*TOPMENU END*/

.delft-line {
	display: none;
}

.loginBoxHolder {
    display: table;
}

.SetFiltersCaption, .SetFilterText, .SetFilterRemove  {
     color: gold !important;
}

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

.textboxForm {
    color: black !important;
}

/*NIEUWE LAYOUT*/

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

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

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

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

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

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

.SgNodeHover span {
    color: #8A8B8C !important;
	text-decoration: none !important;
}

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

/*EINDE NIEUWE LAYOUT*/

.LblProductPriceFrom, .PriceLabelDiscount {
    margin-bottom: 0px !important;
}

.panel_footer_sub {
	background: #6B5B6C !important;
}

#ContentPlaceHolder1_ctl01_pnlSearch {
	background: gray;
}

.dxdvPagerPanel_Metropolis {
	background: white;
	border-radius: 10px;
}

.show {
	font-family: lora;	
}

h1 {
    font-family: Lora !important;
	margin-top: 0;
	margin-bottom: 20px;
}

h2 {
    font-family: Lora !important;
	margin-top: 0;
	margin-bottom: 20px;
}

h3 {
    font-family: Lora !important;
	margin-top: 0;
	margin-bottom: 20px;
}

h4 {
    font-family: Lora !important;
	margin-top: 0;
}

h5 {
    font-family: Lora !important;
	margin-top: 0;
}

h6 {
    font-family: Lora !important;
	margin-top: 0;
}

p {
	font-family: Lato !important;
	font-size: 18px;
	line-height: 32px;

}

.dx-vam {
    font-family: 'Lora';
}

.Zoom:hover {
  transform: scale(1.02); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  index: 1;
  background:#B3C9DC;
  color: white;
  text-decoration: none;
}


.SMbuttonColor {
    background: #53575a;
	color: white;
}

.SalesAdvicePriceHolder {
display: none;
}


.button, .viewProductHolder, .EditCartBtn, .FinishOrderBtn, .LbtnOrderMyProductsCss, .BtnBackToLogin, .PasswordBtnCss, .ChangePasswordButtonStyleCss, .ASPxBtnForgotPassword, .LbtnLoginInfo, .LoginBtnCssNewCustomer, .LoginBtnCss, .slideCaptionTextHolder div, .AdViewBtn, .BtnAddUser, .BtnAddUser tr td, .BtnOrderProductGrid tr td, .HlProductDetails, a.HlSummaryLoginBtns:hover, a.HlSummaryLoginBtns:visited {
    background-color: #b07c49 !important;
}

.AlbertButton {
    background-color: #e5c89a !important;
    padding: 25px 50px;
    font-family: 'Lora';
    /*outline: 1px #472d03 solid;
    outline-offset: -7px;*/
    color: #472d03 !important;
    border-radius: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.AlbertButton:hover {
    background-color: #eacfa4 !important;
    /*outline: 1px #472d03 solid;
    outline-offset: -7px;*/
	text-decoration: none !important;
	color: #472d03 !important;
}

.AlbertButtonBelow {
	background-color:#D1C59B !important;
	padding: 15px 30px 15px 30px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 0px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	float: left;
    width: 100%;
	text-align: center;
	font-family: 'Lora';
}

	.button-3 {
	  background-color:#D1C59B !important;
	  padding-bottom: 18px;
    padding-top: 0px;
	}	

	.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;
		width: 230px;
		padding-bottom: 18px;
		padding-top: 0px;
		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;
	}	
	
	.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;
		opacity: 0.9;
		background: white !important;
	}

.header-info-block h1 {
    margin-top: 36px;
    margin-bottom: 14px;
    /* text-shadow: 2px 2px 0px #8e6c6d; */
    font-family: 'Lora';
    color: #6b5b6c;
}

	.header-info-block p {
		font-size: 1.2em !important;
	}
	
	.button {
		background: -moz-linear-gradient(top, #6b5b6c 0%, #6b5b6c 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b5b6c), color-stop(100%,#6b5b6c)) !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-family: Lora;
	font-size: 18px;
}

	.mediaTextHolder {
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100% !important;
	}		
	
	.nav-side-menu ul, .nav-side-menu li {
		background: white;
	}

	.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
		background: white;
	}

	.nav-side-menu li:hover {
		background-color: #f2eded !important;
		color: white !important;
	}	
	

	.productNameHolder .LblProductID {
	padding: 5px 0px 3px;
	width: 100%;
	word-wrap: break-word;
	}
	
	.SMfloat {
		float: left !important;
	}		
	
	.specialfonth1 {
		font-family: 'Satisfy', cursive ;
		text-shadow: 2px 2px 10px black;   
	}
	.specialfonth2 {
		font-family: 'Satisfy', cursive ;
	}		

/* EINDE CUSTOM AANPASSINGEN KLEUR FONT ANDERS */



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

.SMlblSupergroupDescription {
	height: 50px;
}

.panel_header_top_sub_below {
    height: 50px;
}

h1 {
	font-size: 36px !important;
}

h2 {
	font-size: 24px !important;
}

h3 {
	font-size: 20px !important;
}

h4 {
	font-size: 18px !important;
}

h5 {
	font-size: 16px !important;
}

h6 {
	font-size: 12px !important;
}

.mainmenu__hamburger-button {
	margin-top: -90px;
    margin-left: 10px;
}

.panel_header_top_sub {
    height: 90px;
    padding-bottom: 20px;
}

.panel_header_top_sub.SMpanel_header_top_sub .VariableWidth {
	width: 200px;
}

li[title="Home"] {
    display: none !important;
}

/*FRAME*/

.padding-cell-frame {
    padding: 50px;
}

.frameborder {
    outline-offset: -20px;
}

.frame::before {
  top: 57px;
  bottom: 57px;
  left: 20px;
  right: 20px;
}

.frame::after {
  top: 20px;
  bottom: 20px;
  left: 57px; 
  right: 57px;
}

.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  width: 30px;
  height: 30px;
}

.frame .corner-top-left   { top: 20px;  left: 20px; transform: rotate(0deg); }
.frame .corner-top-right  { top: 20px;  right: 20px; transform: rotate(90deg); }
.frame .corner-bottom-left{ bottom: 20px; left: 20px; transform: rotate(-90deg); }
.frame .corner-bottom-right{ bottom: 20px; right: 20px; transform: rotate(180deg); }

/*FRAME END*/

.pageheaderimagewrapper {
    width: 320px;
}

.pageheaderimage {
    margin-top: 170px;
}

.pageheadertop {
	margin-top: 0px;
	min-height: 85vh !important;
}
	
.pageheader {
    min-height: 60vh;
}

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

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

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

#footerBar {
     height: 154px;
}
	
.headerLogo {
    max-width: 220px !important;
    padding: 10px;
    margin-left: 22vw !important;
}
	

	.SMProductDetailDescriptionLabel{
	font-size: 19px !important;
	}	

.SMbackground-image {
    height: 179px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 327%;
    margin-top: -45px;
    opacity: 1;
    z-index: 0;
    margin-left: -5px;
}	

.AlbertHeaderText {
    height: 194px;
    margin-top: -54px;
}
	
.AlberttekstblokNaast {
    display: none;
}	

.AlbertTekstblokOnder {
    text-align: center;
	margin-top: -9px;
}

.panel_header_sub {
     margin-bottom: -5px;
}

/*EINDE*/	
}
	
	
@media only screen and (min-width: 375px) and (max-width: 413px) {
/*START*/	

/*SLIDER*/

.bx-wrapper .bx-viewport {
    height: 1200px !important;
}

.WebsiteImageGallery {
    height: 1200px;
}

.bx-wrapper .bx-viewport {
    height: 1200px !important;
}

.slider_gallery {
    height: 1200px !important;
}

/*SLIDER END*/

.SMlblSupergroupDescription {
	height: 50px;
}

.panel_header_top_sub_below {
    height: 50px;
}
	
h1 {
	font-size: 36px !important;
}

h2 {
	font-size: 24px !important;
}

h3 {
	font-size: 20px !important;
}

h4 {
	font-size: 18px !important;
}

h5 {
	font-size: 16px !important;
}

h6 {
	font-size: 12px !important;
}

.mainmenu__hamburger-button {
	margin-top: -187px;
    margin-left: 0px;
}

.userMenuHeaderManipulate {
    margin-top: -45px !important;
}

.panel_header_top_sub.SMpanel_header_top_sub .VariableWidth {
	width: 100vw;
	padding-bottom: 10px;
}

li[title="Home"] {
    display: none !important;
}

/*FRAME*/

.padding-cell-frame {
    padding: 50px;
}

.frameborder {
    outline-offset: -20px;
}

.frame::before {
  top: 57px;
  bottom: 57px;
  left: 20px;
  right: 20px;
}

.frame::after {
  top: 20px;
  bottom: 20px;
  left: 57px; 
  right: 57px;
}

.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  width: 30px;
  height: 30px;
}

.frame .corner-top-left   { top: 20px;  left: 20px; transform: rotate(0deg); }
.frame .corner-top-right  { top: 20px;  right: 20px; transform: rotate(90deg); }
.frame .corner-bottom-left{ bottom: 20px; left: 20px; transform: rotate(-90deg); }
.frame .corner-bottom-right{ bottom: 20px; right: 20px; transform: rotate(180deg); }

/*FRAME END*/

.pageheaderimagewrapper {
    width: 375px;
}

.pageheaderimage {
    margin-top: 720px;
}

.pageheadertop {
	margin-top: 0px;
	min-height: 85vh !important;
}
	
.pageheader {
    min-height: 60vh;
}

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

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

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

.scrollWrapper {
    width: 375px !important;
}

#header {
    height: 135px !important;
}

.extraHeaderHtmlBlock {
    max-width: 280px !important;
	margin-top: 0px !important;
}

.AlbertButton {
    width: 100%;
}

.img-max-height {
	max-height: 300px !important;
}

#footerBar {
     height: 154px;
}

.headerLogo {
    max-width: 220px !important;
    padding: 10px;
    margin-left: 22vw !important;
}	
	
.SMbackground-image {
    height: 210px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 327%;
    margin-top: -45px;
    opacity: 1;
    z-index: 0;
    margin-left: -5px;
}

.AlbertHomeButton {
	width: 100%;
}
	
.AlbertHeaderText {
    height: 208px;
    margin-top: -37px;
}
	
.AlberttekstblokNaast {
    display: none;
}	

.AlbertTekstblokOnder {
    text-align: center;
	margin-top: 9px;
}

/*EINDE*/	
}

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

/*SLIDER*/

.bx-wrapper .bx-viewport {
    height: 1200px !important;
}

.WebsiteImageGallery {
    height: 1200px;
}

.bx-wrapper .bx-viewport {
    height: 1100px !important;
}

.slider_gallery {
    height: 1200px !important;
}

/*SLIDER END*/

.panel_header_top_sub_below {
    height: 50px;
}
	
h1 {
	font-size: 36px !important;
}

h2 {
	font-size: 24px !important;
}

h3 {
	font-size: 20px !important;
}

h4 {
	font-size: 18px !important;
}

h5 {
	font-size: 16px !important;
}

h6 {
	font-size: 12px !important;
}

.mainmenu__hamburger-button {
	margin-top: -203px;
}

.userMenuHeaderManipulate {
    margin-top: -45px !important;
}

.panel_header_top_sub {
    height: 90px;
    padding-bottom: 20px;
}

.panel_header_top_sub.SMpanel_header_top_sub .VariableWidth {
	width: 100vw;
	padding-bottom: 10px;
}

li[title="Home"] {
    display: none !important;
}

/*FRAME*/

.padding-cell-frame {
    padding: 50px;
}

.frameborder {
    outline-offset: -20px;
}

.frame::before {
  top: 57px;
  bottom: 57px;
  left: 20px;
  right: 20px;
}

.frame::after {
  top: 20px;
  bottom: 20px;
  left: 57px; 
  right: 57px;
}

.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  width: 30px;
  height: 30px;
}

.frame .corner-top-left   { top: 20px;  left: 20px; transform: rotate(0deg); }
.frame .corner-top-right  { top: 20px;  right: 20px; transform: rotate(90deg); }
.frame .corner-bottom-left{ bottom: 20px; left: 20px; transform: rotate(-90deg); }
.frame .corner-bottom-right{ bottom: 20px; right: 20px; transform: rotate(180deg); }

/*FRAME END*/

.pageheaderimagewrapper {
    width: 414px;
}

.pageheaderimage {
    margin-top: 560px;
}

.pageheadertop {
	margin-top: 0px;
	min-height: 85vh !important;
}
	
.pageheader {
    min-height: 60vh;
}

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

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

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

.scrollWrapper {
    width: 414px !important;
}

#header {
    height: 150px !important;
}

.extraHeaderHtmlBlock {
    max-width: 280px !important;
	margin-top: 0px !important;
}

.img-max-height {
	max-height: 300px;
}

#footerBar {
     height: 154px;
}

.headerLogo {
    max-width: 220px !important;
    padding: 10px;
    margin-left: 22vw !important;
}

.SMbackground-image {
    height: 244px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 343%;
    margin-top: -45px;
    opacity: 1;
    z-index: 0;
    margin-left: -5px;
}	

.AlbertHomeButton {
    width: 50%;
}
	
.AlbertHeaderText {
	height: 200px;
}
	
.AlberttekstblokNaast {
    dislay: none;
}		

.AlbertTekstblokOnder {
    text-align: center;
	margin-top: 16px;
}

.panel_header_sub {
     margin-bottom: -5px;
}
/*EINDE*/
}

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

/*SLIDER*/

.bx-wrapper .bx-viewport {
    height: 1200px !important;
}

.WebsiteImageGallery {
    height: 1200px;
}

.bx-wrapper .bx-viewport {
    height: 1150px !important;
}

.slider_gallery {
    height: 1200px !important;
}

/*SLIDER END*/

.panel_header_top_sub_below {
    height: 50px;
}
	
h1 {
	font-size: 42px !important;
}

h2 {
	font-size: 30px !important;
}

h3 {
	font-size: 20px !important;
}

h4 {
	font-size: 18px !important;
}

h5 {
	font-size: 16px !important;
}

h6 {
	font-size: 12px !important;
}

.panel_header_top_sub {
    height: 70px;
    padding-bottom: 20px;
}

.panel_header_top_sub {
    height: 50px;
    padding-bottom: 10px;
}

.panel_header_top_sub.SMpanel_header_top_sub .VariableWidth {
	width: 100vw;
	padding-bottom: 10px;
}
	
/*FRAME*/

li[title="Home"] {
    display: none !important;
}

.padding-cell-frame {
    padding: 80px 100px;
}

.frameborder {
    outline-offset: -20px;
}

.frame::before {
  top: 87px;
  bottom: 87px;
  left: 40px;
  right: 40px;
}

.frame::after {
  top: 40px;
  bottom: 40px;
  left: 87px; 
  right: 87px;
}

.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  width: 40px;
  height: 40px;
}

.frame .corner-top-left   { top: 40px;  left: 40px; transform: rotate(0deg); }
.frame .corner-top-right  { top: 40px;  right: 40px; transform: rotate(90deg); }
.frame .corner-bottom-left{ bottom: 40px; left: 40px; transform: rotate(-90deg); }
.frame .corner-bottom-right{ bottom: 40px; right: 40px; transform: rotate(180deg); }

/*FRAME END*/

.pageheaderimagewrapper {
    width: 768px;
}

.pageheaderimage {
    margin-top: 460px;
}

.pageheadertop {
	margin-top: 0px;
	min-height: 85vh !important;
}
	
.pageheader {
    min-height: 60vh;
}

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

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

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

.scrollWrapper {
    width: 768px !important;
}

#header {
    height: 115px !important;
}

.extraHeaderHtmlBlock {
    max-width: 600px !important;
	margin-top: 0px !important;
}

.userMenuHeaderManipulate {
    margin-top: 6px !important;
}

.mainmenu__hamburger-button {
	margin-top: -168px;
}

#footerBar {
     height: 135px;
}

.headerLogo {
    max-width: 200px !important;
    padding: 10px;
    margin-left: 40vw !important;
}	
	
.obj-container {
	height: 343px;
}	

.SMbackground-image {
    height: 178px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 130%;
    margin-top: -25px;
    opacity: 1;
    z-index: 0;
	margin-left: -5px;
}	

.AlbertHomeButton {
    width: 33.3%;
}

.AlbertHeaderText {
    height: 193px;
    margin-top: -43px;
}
	
.AlberttekstblokNaast {
    width: 1000px;
    margin-left: 30%;
    max-width: 70%;
    margin-top: -54px;
}		

.AlbertTekstblokOnder {
    text-align: center;
    margin-top: 21px;
    padding: 0px 23px 0px 23px;
}

.panel_header_sub {
     margin-bottom: -5px;
}

/*EINDE*/	
}

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

/*SLIDER*/

.bx-wrapper .bx-viewport {
    height: 655px !important;
}
/*SLIDER END*/
	
#ContentPlaceHolder1_loginHolder {
    grid-template-columns: 1fr 1fr;
}

h1 {
	font-size: 48px !important;
}

h2 {
	font-size: 36px !important;
}

h3 {
	font-size: 24px !important;
}

h4 {
	font-size: 20px !important;
}

h5 {
	font-size: 16px !important;
}

h6 {
	font-size: 12px !important;
}

.panel_header_top_sub_below {
    height: 80px;
}

.userMenuHeaderManipulate {
	margin-top: 55px;
}

.panel_header_top_sub {
    height: 70px;
    padding-bottom: 0px;
}

.mainmenu__hamburger-button {
	margin-top: -80px;
    margin-left: 10px;
}

.panel_header_top_sub {
    height: 50px;
    padding-bottom: 15px;
}

.panel_header_top_sub.SMpanel_header_top_sub .VariableWidth {
	width: 100vw;
	padding-bottom: 10px;
}

li[title="Home"] {
    display: none !important;
}

/*FRAME*/

.padding-cell-frame {
    padding: 80px 100px;
}

.frameborder {
    outline-offset: -20px;
}

.frame::before {
  top: 87px;
  bottom: 87px;
  left: 40px;
  right: 40px;
}

.frame::after {
  top: 40px;
  bottom: 40px;
  left: 87px; 
  right: 87px;
}

.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  width: 40px;
  height: 40px;
}

.frame .corner-top-left   { top: 40px;  left: 40px; transform: rotate(0deg); }
.frame .corner-top-right  { top: 40px;  right: 40px; transform: rotate(90deg); }
.frame .corner-bottom-left{ bottom: 40px; left: 40px; transform: rotate(-90deg); }
.frame .corner-bottom-right{ bottom: 40px; right: 40px; transform: rotate(180deg); }

/*FRAME END*/

.headerMenuNew .pnlSearch {
	margin-top: 80px;
}
	
.pageheaderimagewrapper {
    width: 1024px;
}

.pageheaderimage {
    margin-top: 280px;
}

.pageheadertop {
	margin-top: 0px;
}
	
.pageheader {
    min-height: 60vh;
}

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

.container-3-columns-outside {
	grid-template-columns: 2fr 0fr 2fr;
}

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

.scrollWrapper {
    width: 1024px !important;
}

.extraHeaderHtmlBlock {
    margin-top: -50px !important;
}

.AlbertButton {
    width: 100%;
}

#bannerTop {
	top: 0px;
}

#footerBar {
     height: 114px;
}
 
.grid_item_responsive {
    max-width: 32.7% !important;
}	 
	 
.headerLogo {
    width: 185px !important;
    margin-left: 39vw !important;
    padding: 10px;
	z-index: 1000;
    position: relative;
}
	
	.obj-container {
    min-width: 32.3% !important;
	height: 340px;
    }	

.dxcvTable_Metropolis {
    padding: 0px !important;
}
	
.SMbackground-image {
    height: 178px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -25px;
    opacity: 1;
    z-index: 0;
	margin-left: -5px;
}	

.AlbertHomeButton {
    width: 33.3%;
}
	
.AlbertHeaderText {
    height: 180px;
    margin-top: -25px;
}
	
.AlberttekstblokNaast {
    width: 1000px;
    margin-left: 8%;
    max-width: 70%;
    margin-top: -54px;
}		

.AlbertTekstblokOnder {
    text-align: center;
	width: 100%;
	margin-top: 15px;
}

.panel_header {
     height: 0px !important;
}		

.panel_header_sub {
     margin-bottom: -5px;
}

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

/*EINDE*/	
}

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

.sm-mainmenu__menuWebLevel2 {
    width: 100% !important;
}
	
.sm-mainmenu__menuWebLevels {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.bx-wrapper .bx-viewport {
    height: 655px !important;
}

#ContentPlaceHolder1_loginHolder {
    grid-template-columns: 1fr 1fr;
}

h1 {
	font-size: 48px !important;
}

h2 {
	font-size: 36px !important;
}

h3 {
	font-size: 24px !important;
}

h4 {
	font-size: 20px !important;
}

h5 {
	font-size: 16px !important;
}

h6 {
	font-size: 12px !important;
}

.userMenuHeaderManipulate {
    margin-top: 33px !important;
}

.panel_header_top_sub {
    height: 70px;
    padding-bottom: 20px;
}

.panel_header_top_sub {
	height: 30px;
	padding-bottom: 10px;
}

.panel_header_top_sub.SMpanel_header_top_sub .VariableWidth {
	width: 100vw;
	padding-bottom: 10px;
}

/*FRAME*/

.padding-cell-frame {
    padding: 80px 100px;
}

.frameborder {
    outline-offset: -20px;
}

.frame::before {
  top: 87px;
  bottom: 87px;
  left: 40px;
  right: 40px;
}

.frame::after {
  top: 40px;
  bottom: 40px;
  left: 87px; 
  right: 87px;
}

.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  width: 40px;
  height: 40px;
}

.frame .corner-top-left   { top: 40px;  left: 40px; transform: rotate(0deg); }
.frame .corner-top-right  { top: 40px;  right: 40px; transform: rotate(90deg); }
.frame .corner-bottom-left{ bottom: 40px; left: 40px; transform: rotate(-90deg); }
.frame .corner-bottom-right{ bottom: 40px; right: 40px; transform: rotate(180deg); }

/*FRAME END*/

.pageheaderimagewrapper {
    width: 1280px;
}

.pageheaderimage {
    margin-top: 200px;
}

.pageheadertop {
	margin-top: 0;
	min-height: 85vh !important;
}
	
.pageheader {
    min-height: 60vh;
}

.panel_header_top_sub_below {
    height: 60px;
}

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

.container-3-columns-outside {
	grid-template-columns: 2fr 0fr 2fr;
}

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

.scrollWrapper {
    width: 1280px !important;
}

.extraHeaderHtmlBlock {
    margin-top: -60px !important;
}

.AlbertButton {
    width: 100%;
}

#bannerTop {
	top: 0px;
}

#footerBar {
     height: 114px;
}

.grid_item_responsive {
    max-width: 24.6% !important;
}		
	
.headerLogo {
	display: none; 
    width: 200px !important;
}

	#headerMenu {	
		background-color: #6b5b6c;	
		min-height: 48px;				
	}	
	
	.obj-container {
    min-width: 301px !important;
	height: 290px !important;
	}	

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

.AlbertHomeButton {
    width: 33.3%;
}

.AlbertHeaderText {
    height: 200px;
    margin-top: -15px;
}

.AlberttekstblokNaast {
    width: 1000px;
    margin-left: 20%;
    max-width: 70%;
    margin-top: -60px;
}		

.AlbertTekstblokOnder {
    position: relative;
    display: inline-block;
    width: 1500px;
    text-align: center;
}

.panel_header {
     height: 0px !important;
}		

.panel_header_sub {
     margin-bottom: -5px;
}

/*EINDE*/
}	

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

.sm-mainmenu__menuWebLevel2 {
    width: 100% !important;
}
	
.sm-mainmenu__menuWebLevels {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.SMproductDetailsContainer.productDetails ul.ul-vertical {
    width: 100%;
    list-style-type: none;
    margin-left: -50px;
	margin-top: -30px;
}

.SMproductDetailsContainer.productDetails .ul-horizontal.product-header-horizontal {
	display: none;
}
.Productdetail_ProductImage {
    margin-top: -150px;
}
	
.Productdetail_ProductDescriptionContainer {
    width: 50% !important;
    margin-left: 50%;
}

/*PRODUCT OVERVIEW*/

.grid_price_footer {
    width: 44% !important;
}

.dxcvBreakpointsCard_Metropolis {
    height: 475px;
}

#ContentPlaceHolder1_ProductCards_PnlProducts_ProductsCardView .dxbplc {
        width: 19% !important;
        margin: 6px;
    }

/*.dxbDisabled, a.dxbButton.dxbDisabled {
    height: 60px;
}*/

.item_bg_image {
    height: 350px;
}

.item_holder {
    height: 265px;
}

/*PRODUCT OVERVIEW END*/

.WebsiteImageGallery {
    height: 800px !important;
	margin-top: -60px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 30px !important;
}

.bx-wrapper {
    margin: 0 !important;
}

.bx-wrapper .bx-viewport {
    height: 800px !important;
	border: solid #fff 0px !important;
}

#ContentPlaceHolder1_loginHolder {
    grid-template-columns: 1fr 1fr;
}

h1 {
	font-size: 48px !important;
}

h2 {
	font-size: 36px !important;
}

h3 {
	font-size: 24px !important;
}

h4 {
	font-size: 20px !important;
}

h5 {
	font-size: 16px !important;
}

h6 {
	font-size: 12px !important;
}

.panel_header_top_sub {
    height: 40px;
    padding-bottom: 10px;
}

/*FRAME*/

.padding-cell-frame {
    padding: 80px 100px;
}

.frameborder {
    outline-offset: -20px;
}

.frame::before {
  top: 87px;
  bottom: 87px;
  left: 40px;
  right: 40px;
}

.frame::after {
  top: 40px;
  bottom: 40px;
  left: 87px; 
  right: 87px;
}

.frame .corner-top-left,
.frame .corner-top-right,
.frame .corner-bottom-left,
.frame .corner-bottom-right {
  width: 40px;
  height: 40px;
}

.frame .corner-top-left   { top: 40px;  left: 40px; transform: rotate(0deg); }
.frame .corner-top-right  { top: 40px;  right: 40px; transform: rotate(90deg); }
.frame .corner-bottom-left{ bottom: 40px; left: 40px; transform: rotate(-90deg); }
.frame .corner-bottom-right{ bottom: 40px; right: 40px; transform: rotate(180deg); }

/*FRAME END*/

.pageheaderimagewrapper {
    width: 1920px;
}

.pageheaderimage {
    margin-top: 170px;
}

.pageheadertop {
	margin-top: -130px;
	min-height: 85vh !important;
}
	
.pageheader {
    min-height: 60vh;
}

#responsive-form {
    margin: 0 100px 80px !important;
	margin-top: -628px !important;
	width: 50% !important;
	position: relative;
	z-index: 100;
}

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

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

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

.userMenuHeaderManipulate {
    margin-top: 45px !important;
}

.panel_header_top_sub_below {
    height: 60px;
}

.panel_header_top_sub.SMpanel_header_top_sub .VariableWidth {
	width: 100vw;
	padding-bottom: 10px;
}

.landscape {
	display: none !important;
}
	
#HlBackToDefaultPage {
	margin-left: unset !important;
}

#header {
    height: 0px !important;
}
	
.container-2-columns-header {
    grid-template-columns: 1.5fr 1fr;
}
	
.scrollWrapper {
    width: 1500px !important;
}

.extraHeaderHtmlBlock {
    margin-top: -40px;
}

.shift-up {
     margin-top: -25px !important;
}

.AlbertButton {
    width: 100%;
}

#bannerTop {
	top: 0px;
}

	#headerMenu {	
		background-color: #6b5b6c;	
		min-height: 48px;		
	}
	
	.obj-container {
		min-height: 300px;
	}		

.obj-container {
    min-width: 288px !important;
	margin-right: 10px !important;
}
	
.SMbackground-image {
    height: 333px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 50px;
    opacity: 1;
    z-index: 0;
}

.AlbertHomeButton {
    width: 33.3%;
}

.AlbertHeaderText {
    height: 278px;
    margin-top: 30px;
}

.AlberttekstblokNaast {
    width: 500px;
    margin-left: 20%;
    max-width: 70%;
    margin-top: -66px;
}

.AlbertTekstblokOnder {
    position: relative;
    display: inline-block;
    width: 1500px;
    text-align: center;
}

.panel_header {
     height: 0px !important;
}		

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

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