/*=========== TABLE OF CONTENTS ===========
1. Reset CSS
2. CSS Variables
3. Utility CSS
4. Page CSS
5. Component CSS
6. Fonts CSS
==========================================*/

/*-------------------------------------  1. Reset CSS--------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Jost;
}

* {
	box-sizing: border-box;
	line-height: normal;
	font-family: inherit;
	margin: unset;
}

img {
	max-width: 100%;
	height: auto;
}

/*a {
	text-decoration: none;
	display: block;
}*/

/*ul {
	margin: 0;
	margin-inline: unset !important;
	padding: 0;
	list-style: none;
}*/

input {
	background-color: transparent;
	width: 100%;
}

[type='text'],
input:where(:not([type])),
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select,
button {
	appearance: none;
	background-color: transparent;
	border-color: unset;
	border-width: 0;
	border-radius: unset;
	padding: unset;
	font-size: unset;
	line-height: unset;
	color: inherit;
}

input:focus-visible,
[multiple]:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: none
}

/*-------------------------------------  2. CSS Variables--------------------------------------*/
:root {
	/*------Color variables------*/
	--black_900: #000000;
	--blue_gray_50: #f1f1f1;
	--gray_100: #f8f7f6;
	--gray_100_01: #f2f2f2;
	--gray_300: #e1e4eb;
	--gray_500: #a7a6a6;
	--gray_500_01: #b0a381;
	--gray_600: #808080;
	--gray_600_01: #ab8a62;
	--gray_600_02: #797575;
	--gray_600_03: #727272;
	--gray_600_04: #7f7f7f;
	--gray_700: #545454;
	--gray_900: #222222;
	--gray_900_01: #031d33;
	--indigo_900: #0f3b61;
	--red_a700: #ff0000;
	--white_a700: #ffffff;
	--white_a700_cc: #ffffffcc;
	/*------Border radius variables------*/
	--radius-xs: 10px;
	--radius-sm: 14px;
	--radius-md: 22px;
	/*------Spacing variables------*/
	--space-xs: 2px;
	--space-sm: 4px;
	--space-md: 6px;
	--space-lg: 8px;
	--space-xl: 10px;
	--space-2xl: 14px;
	--space-3xl: 16px;
	--space-4xl: 18px;
	--space-5xl: 20px;
	--space-6xl: 22px;
	--space-7xl: 26px;
	--space-8xl: 28px;
	--space-9xl: 30px;
	--space-10xl: 32px;
	--space-11xl: 36px;
	--space-12xl: 210px;
}

/*-------------------------------------  3. Utility CSS--------------------------------------*/
.flex-col-center-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-row-center-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
/*-------------------------------------  X. Platformers Components CSS--------------------------------------*/



/*** ECOMMERCE CATALOG CARDS ***/

.ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default.borders { border: 1px solid rgba(34,36,38,.1); border-top: 1px solid rgba(34,36,38,.1) !important; box-shadow: none;}
.ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default box-media.background { background: none; }
.ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default.borders > box-media { border: none; padding:0; padding-top: 1rem; }
.ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default.borders > box-media img { border: none; }
.ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default.borders box-media:not(.borders) { border-bottom: none; }

.ui-site-search .ui-operations-entries-block ops-entry-card.default.borders { border: 1px solid rgba(34,36,38,.1); border-top: 1px solid rgba(34,36,38,.1) !important; box-shadow: none;}
.ui-site-search .ui-operations-entries-block ops-entry-card.default.borders box-media.background { background: none; }
.ui-site-search .ui-operations-entries-block ops-entry-card.default.borders > box-media { border:none; padding:0; padding-top: 1rem; }
.ui-site-search .ui-operations-entries-block ops-entry-card.default.borders > box-media img { border:none; }
.ui-site-search .ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default.borders box-media:not(.borders) { border-bottom: none; }




/*-------------------------------------  4. Page CSS--------------------------------------*/

/*------ Page level ------*/

.home { background-color: var(--white_a700); width: 100%; }


/*------ Block header ------*/
.block--header, 
.block--header * { box-sizing: border-box; line-height: normal; font-family: inherit; margin: unset; }
.block--header img { max-width: 100%; height: auto; }

.block--header { flex-direction: column; display: flex; align-items: center; }

/* header top row */ 
.block--header .header--top { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); background-color: var(--gray_900); align-self: stretch; display: flex; justify-content: center; }
.block--header .header--top--row { margin-bottom: 4px; align-self: flex-start; width: 100%; display: flex; justify-content: space-between; align-items: center; max-width: 1624px; margin-left: auto; margin-right: auto; gap: var(--space-5xl); }
.block--header .header--top--row > .right { display: flex; flex-direction: row; gap: 2rem; align-items: baseline; }
.block--header .header__top-row__shipping-info { color: var(--white_a700) !important; font-family: Poppins !important; font-size: 14px; font-weight: 400; align-self: flex-end; margin:0; line-height: normal; }
.block--header .header__top-row__language > .item { color: var(--white_a700); font-family: Poppins; cursor: pointer; }

@media only screen and (max-width: 1440px) {
	.block--header .header--top--row {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
}
@media only screen and (max-width: 1050px) {
	.block--header .header--top--row {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
}


/* header main row */
.block--header .header--main { margin-top: 12px; margin-bottom: 28px; width: 100%; max-width: 1624px; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 1440px) {
	.block--header .header--main {padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
}
@media only screen and (max-width: 1050px) {
	.block--header .header--main {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
}


/* main columns */
.block--header .header--main--cols { display: flex; justify-content: space-between; align-items: center; gap: var(--space-5xl); }
.block--header .header--main--col { gap: var(--space-7xl); align-self: flex-end; display: flex; width: 40%; /*width: 36%;*/ flex-direction: column; align-items: flex-start; }
.block--header .header--main--col.col--logo { width: 20%; flex-direction: row; justify-content: center; }
.block--header .header--main--col.col--right { /*width: 56%;*/ display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-5xl); }

@media only screen and (max-width: 1050px) {
    .block--header .header--info-row {flex-direction: column; }
}
@media only screen and (max-width: 768px) {
	.block--header .header--main--cols {flex-direction: column; }
	.block--header .header--main--col {width: 100%; }
	.block--header .header--main--col.col--right {flex-direction: column; width: 100%; }
}
@media only screen and (max-width: 550px) {
	.block--header .header--main--col { width: 100%; }
	.block--header .header--main--col.col--logo { width: 100%;}
}

/* info row */
.block--header .header--info-row { align-self: stretch; display: flex; justify-content: start; gap: var(--space-5xl); }
.block--header .col--right > .header--info-row { justify-content: end; }

@media only screen and (max-width: 550px) {
    .block--header .header--info-row {flex-direction: column; }
}

/* info item */
.block--header .header--info-item { display: flex; align-items: center; gap: var(--space-xl); }
.block--header .header--info-item > a {}
.block--header .header--info-item > p,
.block--header .header--info-item a > p{ color: var(--indigo_900) !important; font-family: 'DM Sans' !important; font-size: 16px; font-weight: 500; align-self: center; line-height: normal; }
.block--header .header--info-item .ui.button.icon { display: flex; align-items: center; justify-content: center; width: 30px; }
.block--header .header--info-item .ui.button.icon > .icon { opacity: 1; }
.block--header .header--info-item .ui.button.image { display: flex; align-items: center; justify-content: center; width: 30px; }

/* menu toggle */
.block--header .menu-toggle-widget { color: #fff; }
.ui-site-header.variant-responsive .ui-site-toc-toggle { color: var(--gray_700); }

/* widgets container */
.block--header .header--info-row > .widgets { align-self: center; display: flex; /*flex: 1;*/ flex-direction: row; justify-content: end; gap: var(--space-10xl); align-items: flex-end;}

/* widget: link */
.block--header .header--info-row > .widgets .link-widget { color: var(--black_900) !important; font-size: 24px;
    font-weight: 400; line-height: normal !important; white-space: nowrap; }
    
/* widget: login */    
.block--header .header--info-row > .widgets .login-widget { gap: var(--space-xl); display: flex; flex: 1; justify-content: center; align-items: center; }
.block--header .header--info-row > .widgets .login-widget > a { width: 24px; }
.block--header .header--info-row > .widgets .login-widget div > img { min-height: 24px; min-width: 24px; }
.block--header .header--info-row > .widgets .login-widget p { font-family: Jost; font-style: normal; color: var(--black_900) !important; font-size: 24px; font-weight: 400; line-height: normal !important; }
.block--header .header--info-row > .widgets .login-widget span { font-family: Jost; font-style: normal; color: var(--black_900) !important; font-size: 24px; font-weight: 400; line-height: normal !important; }
.block--header .header--info-row > .widgets .login-widget p > a { color:inherit;}
.ui-site-header.variant-responsive .login-widget { display: flex; flex-direction: row;  align-items: center; color: var(--gray_700); }

/* widget: favorites */    
.block--header .header--info-row > .widgets .favorites-widget { color: var(--gray_700) !important; font-size: 24px;
    font-weight: 400; line-height: normal !important; white-space: nowrap;}
.ui-site-header.variant-responsive .favorites-widget { color: var(--gray_700) !important; font-size: 24px;
    font-weight: 400; line-height: normal !important; white-space: nowrap;}

/* widget: shoppingcart */    
.block--header .header--info-row > .widgets .shoppingcart-widget { height: 36px;  align-self: center; width: 36px; position: relative; }
.block--header .header--info-row > .widgets .shoppingcart-widget img { height: 24px; }
.block--header .header--info-row > .widgets .shoppingcart-widget a > img { height: 24px;
    position: absolute;
    bottom: 0.60px;
    left: 0px;
    margin: auto;}
.block--header .header--info-row > .widgets .shoppingcart-widget .count { height: 22px; color: var(--white_a700) !important; text-transform: capitalize; font-size: 14px !important; font-weight: 600 !important; background-color: var(--gray_600_01); width: 20px; justify-content: center; display: flex; align-items: center; /*position: absolute; right: -1px; top: 0px;*/ margin: auto; border-radius: var(--radius-xs); line-height: normal !important; }


/* header mobile (auto generated) */
.ui-site-header.variant-responsive .row--search { background-color: #F8F7F6;}
.ui-site-header.variant-responsive .row--search > .item { padding: 15px;}
.ui-site-header.variant-responsive .row--search .header__main__search__custom .search--input { width:100%; padding: 0;}

/* mockup */

.block--header .header__main { margin-top: 12px; margin-bottom: 28px; width: 100%; max-width: 1624px; margin-left: auto; margin-right: auto; }
.block--header .header__main__cols { display: flex; justify-content: space-between; align-items: center; gap: var(--space-5xl); }
.block--header .header__main__col { gap: var(--space-7xl); align-self: flex-end; display: flex; width: 40%; /*width: 36%;*/ flex-direction: column; align-items: flex-start; }
.block--header .header__main__col.col--logo { width: 20%; flex-direction: row; justify-content: center; }
.block--header .header__main__col.col--right { /*width: 56%;*/ display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-5xl); }
.block--header .header__main__contact-info__row { align-self: stretch; display: flex; justify-content: space-between; gap: var(--space-5xl); }
.block--header .header__main__contact-info__location { gap: var(--space-xl); display: flex; flex: 1; align-items: center; }
.block--header .header__main__search { color: var(--gray_600_02); font-family: Epilogue; gap: var(--space-3xl); display: flex; width: 94%; align-items: center; justify-content: center; border: 1px solid var(--gray_300); }
.block--header  .ui.input > input { padding: 0; background: none; border: none; font-family: Epilogue; }
.block--header .loupe-2 { height: 16px; width: 16px; object-fit: contain; }
.block--header .header__main__logo { height: 98px; width: 194px; object-fit: contain; }
.block--header .header__main__contact-row { margin-top: 6px; align-self: flex-end; /*width: 48%;*/ display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-5xl); }
.block--header .header__main__contact-row__info { gap: var(--space-10xl); align-self: center; display: flex; flex: 1; flex-direction: column; }
.block--header .header__main__contact-row__info__time { gap: var(--space-xl); display: flex; justify-content: center; align-items: center; }
.block--header .header__main__contact-row__info__clock-icon { height: 30px; }
.block--header .header__main__contact-row__actions { margin-left: 16px; margin-right: 4px; display: flex; justify-content: center; align-items: flex-end; }
.block--header .header__main__contact-row__actions__login { gap: var(--space-xl); display: flex; flex: 1; justify-content: center; align-items: center; }
.block--header .header__main__contact-row__actions__login > a { width: 24px;}
.block--header .header__main__contact-row__actions__login-icon { height: 24px; }
.block--header .header__main__contact-row__actions__login-text { color: var(--black_900) !important; text-transform: capitalize; font-size: 24px; font-weight: 400; line-height: normal !important; }
.block--header .header__main__contact-row__actions__wishlist-icon { height: 26px; margin-left: 30px; }
.block--header .header__main__contact-row__actions__likes { height: 36px; margin-left: 44px; align-self: center; width: 24%; position: relative; }
.block--header .header__main__contact-row__actions__likes-icon { height: 24px; position: absolute; bottom: 0.60px; left: 0px; margin: auto; }
.block--header .header__main__contact-row__actions__likes-count { height: 22px; color: var(--white_a700) !important; text-transform: capitalize; font-size: 14px !important; font-weight: 600 !important; background-color: var(--gray_600_01); width: 20px; justify-content: center; display: flex; align-items: center; /*position: absolute; right: -1px; top: 0px;*/ margin: auto; border-radius: var(--radius-xs); line-height: normal !important; }

.block--header .footer__about-border { gap: var(--space-xl); display: flex; align-items: center; }
.block--header .header__main__contact-info__email-icon { display: flex; align-items: center; justify-content: center; width: 30px; }
.block--header .header__main__contact-info__email-address { color: var(--indigo_900) !important; font-family: DM Sans !important; font-size: 16px; font-weight: 500; align-self: center; }
.block--header .header__main__contact-info__address { color: var(--indigo_900) !important; font-family: DM Sans !important; font-size: 16px; font-weight: 500; }

/* header top row */ 
.block--header .header__top-row { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); background-color: var(--gray_900); align-self: stretch; display: flex; justify-content: center; }
.block--header .header__top-row__inner { margin-bottom: 4px; align-self: flex-start; width: 100%; display: flex; justify-content: space-between; align-items: center; max-width: 1624px; margin-left: auto; margin-right: auto; gap: var(--space-5xl); }
.block--header .header__top-row__shipping-info { color: var(--white_a700) !important; font-family: Poppins !important; font-size: 14px; font-weight: 400; align-self: flex-end; margin:0; line-height: normal; }
.block--header .header__top-row__language > .item { color: var(--white_a700); font-family: Poppins; cursor: pointer; }
/* .block--header .header__top-row__language-dropdown { color: var(--white_a700); font-family: Poppins; gap: var(--space-md); display: flex; width: 6%; } */
/* .block--header .header__top-row__language-dropdown { background-image: url(img_arrowdown.svg); background-repeat: no-repeat; background-size: 16px; background-position: calc(100% - 0px); } */

@media only screen and (max-width: 1440px) {
    
    /* oud */
	.block--header .header__top-row__inner {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
	.block--header .header__main {padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--header .header__main__contact-row__actions__login-text {font-size: 20px; }
	.block--header .header__main__contact-info__email-address {font-size: 13px; }
	.block--header .header__main__contact-info__address { font-size: 13px; }
}
@media only screen and (max-width: 1050px) {
    
    /* oud */
	.block--header .header__top-row__inner {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
	.block--header .header__main {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
	.block--header .header__main__cols {flex-direction: column; }
	.block--header .header__main__col {width: 100%; }
	.block--header .header__main__col.col--right {flex-direction: column; width: 100%; }
	.block--header .header__main__contact-row {width: 100%;}
	.block--header .header__main__contact-row__actions {margin-left: 0px; margin-right: 0px; }
}
@media only screen and (max-width: 550px) {
    
    /* oud */
	.block--header .header__main__col { width: 100%; }
	.block--header .header__main__col.col--logo { width: 100%;}
	.block--header .header__main__contact-info__row {flex-direction: column; }
	.block--header .header__main__contact-info__row {display: none; }
	.block--header .header__main__contact-info__location {align-self: stretch; }
	.block--header .header__main__contact-row {flex-direction: column;}
	.block--header .header__main__contact-row__info {align-self: stretch; }
	.block--header .footer__about-border { display: none;}
	.block--header .header__main__contact-row__info__time { display: none;}
	.block--header .header__main__logo { height: auto; width: 100%;}
	.block--header .header__main__search { width: 100%;}
}


/*------ Site Top menu ------*/


/* navigation component */
.site-topmenu ops-navigation.variant--default { background: #B0A381; }
.site-topmenu ops-navigation.variant--default .nav--link { color: #FFF; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; /*text-transform: capitalize;*/ padding-top: 1.5em; padding-bottom: 1.5em; }
.site-topmenu.ui-operations-navigation-block ops-navigation-expanded.variant--default .nav--list { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 200px; }
.site-topmenu.ui-operations-navigation-block ops-navigation .nav--link:hover { color: #FFF; }
.site-topmenu.ui-operations-navigation-block ops-navigation-expanded .nav--link:hover { color: #000; }

/* navigation component (frontoffice version) */
.console-navigation--default ops-navigation.variant--default { background: #B0A381; }
.console-navigation--default ops-navigation.variant--default .nav--link { color: #FFF; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; /*text-transform: capitalize;*/ padding-top: 1.5em; padding-bottom: 1.5em; }
.console-navigation--default.ui-operations-navigation-block ops-navigation-expanded.variant--default .nav--list { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 300px; }
.console-navigation--default.ui-operations-navigation-block ops-navigation .nav--link:hover { color: #FFF; }
.console-navigation--default.ui-operations-navigation-block ops-navigation-expanded .nav--link:hover { color: #000; }
@media only screen and (max-width: 1050px) {
    .console-navigation--default.ui-operations-navigation-block ops-navigation .nav--list { overflow-x:auto; justify-content: normal; }
	.console-navigation--default ops-navigation.variant--default .nav--link { white-space: nowrap; }
}

/* expanded 2nd level */
.site-topmenu.ui-operations-navigation-block ops-navigation-expanded .nav--node-leaf.nav--level-1 .nav--link { padding:0.2em 1.1em; font-weight: normal; }
.console-navigation--default.ui-operations-navigation-block ops-navigation-expanded .nav--node-leaf.nav--level-1 .nav--link { padding:0.2em 1.1em; font-weight: normal;  }

.site-topmenu.ui-operations-navigation-block ops-navigation-expanded .nav--node-branch .nav--list { padding-bottom: 1em; }
.console-navigation--default.ui-operations-navigation-block ops-navigation-expanded .nav--node-branch .nav--list { padding-bottom: 1em; }


/*------ Block Top menu (mockup, deprecated) ------*/

/* mockup */
.block--topmenu .header__bottom-row { margin-top: 28px; padding-top: var(--space-7xl); padding-bottom: var(--space-7xl); background-color: var(--gray_500_01); align-self: stretch; display: flex; justify-content: center; }
.block--topmenu .header__bottom-row__inner { padding-left: 56px; padding-right: 56px; align-self: flex-end;	width: 100%; display: flex; justify-content: center; max-width: 1624px; margin-left: auto; margin-right: auto; }
.block--topmenu .header__bottom-row__navigation { width: 78%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-5xl); }
.block--topmenu .header__bottom-row__navigation__links { color: var(--white_a700) !important; font-family: Poppins !important; text-transform: capitalize; font-size: 18px; font-weight: 500; }
.block--topmenu .header__bottom-row__navigation__sale { color: var(--white_a700) !important; font-family: Poppins !important; font-size: 18px; font-weight: 500; }

@media only screen and (max-width: 1440px) {
	.block--topmenu .header__bottom-row__inner {padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--topmenu .header__bottom-row__navigation {width: 100%; }
	.block--topmenu .header__bottom-row__navigation__links {font-size: 15px; }
	.block--topmenu .header__bottom-row__navigation__sale {font-size: 15px; }
}
@media only screen and (max-width: 1050px) {
	.block--topmenu .header__bottom-row__inner {padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--topmenu .header__bottom-row__navigation {width: 100%; }
}
@media only screen and (max-width: 550px) {
	.block--topmenu .header__bottom-row {padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
}

/* navigation component */
.block--topmenu ops-navigation.variant--default { background: #B0A381; }
.block--topmenu ops-navigation.variant--default .nav--link { color: #FFF; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; padding-top: 1.5em; padding-bottom: 1.5em; }
.block--topmenu .ui-operations-navigation-block ops-navigation-expanded.variant--default .nav--list { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 200px; }
.block--topmenu .ui-operations-navigation-block ops-navigation .nav--link:hover { color: #FFF; }
.block--topmenu .ui-operations-navigation-block ops-navigation-expanded .nav--link:hover { color: #000; }


/* hotfix */
.ui-operations-navigation-block.default--basic-vertical .nav--collapsible > i { color: rgb(70, 70, 70); }


/*------ Block Headline 1 ------*/

.block--headline-1 .column { gap: var(--space-9xl); display: flex; flex-direction: column; align-items: center; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.block--headline-1 .content-section-1 { padding-left: 56px; padding-right: 56px; gap: var(--space-2xl); display: flex; width: 100%; flex-direction: column; align-items: center; max-width: 1624px; margin-left: auto; margin-right: auto; }
.block--headline-1 .content-section__title { color: var(--indigo_900) !important; font-family: Poppins !important; text-transform: lowercase; font-size: 20px; font-weight: 500; }
.block--headline-1 { /*color: #0F3B61;*/ font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; text-transform: lowercase; }

@media only screen and (max-width: 1440px) {
	.block--headline-1 .content-section-1 {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
	.block--headline-1 .content-section__title { font-size: 17px; }
}
@media only screen and (max-width: 1050px) {
	.block--headline-1 .content-section-1 {padding-left: var(--space-5xl); padding-right: var(--space-5xl);}
}


/*------ Block Headline 2 ------*/

.block--headline-2 .content-section__breadcrumbs { gap: 80px; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1rem; margin-bottom: 2rem; }
.block--headline-2 .content-section__breadcrumbs {color: #000; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; }
.block--headline-2 .content-section__breadcrumbs-1 { display: flex; list-style: none; align-items: center; word-wrap: break-word; gap: inherit; }
.block--headline-2 .dhi-group { display: inline-flex; gap: inherit; align-items: center; }
.block--headline-2 .group-221 { color: #000000ff !important; font-family: Poppins !important; text-transform: capitalize; font-size: 24px; font-weight: 500; width: 15.48px; height: 36px; }
.block--headline-2 .content-section__breadcrumb-item { color: var(--black_900) !important; font-family: Poppins !important; text-transform: capitalize; font-size: 24px; font-weight: 500; }

@media only screen and (max-width: 1440px) {
	.block--headline-2 .content-section__breadcrumbs {gap: var(--space-5xl); }
	.block--headline-2 .group-221 { font-size: 20px; }
}
@media only screen and (max-width: 1050px) {
	.block--headline-2 .content-section__breadcrumbs {gap: var(--space-5xl); }
}
@media only screen and (max-width: 550px) {
	/* .block--headline-2 .content-section__breadcrumbs-1 { flex-direction: column;}
	.block--headline-2 .divider { display: none;} */
	.block--headline-2 .content-section__breadcrumb-item { font-size: 16px;}
	.block--headline-2 .group-221 { height: 28px;}
}


/*------ Block Banner ------*/

.block--banner .cols { align-self: stretch; display: flex; }
.block--banner .col-1 { width: 100%; }
.block--banner .home__row__image { width: 100%; object-fit: cover; height: 100%; }
.block--banner .col-2 { width: 100%; position: relative; align-content: center; background: #F8F7F6; }
.block--banner .content-section { padding-top: 5rem; padding-bottom: 5rem; padding-left: 72px; gap: var(--space-9xl); display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.block--banner .content-section__heading { color: var(--indigo_900) !important; font-size: 60px; font-weight: 700; width: 86%; line-height: 86px; }
.block--banner .content-section__heading { font-family: Jost; font-size: 60px; font-style: normal; font-weight: 700; line-height: normal; }
.block--banner .content-section__text-3 { color: var(--gray_600_03) !important; font-size: 18px; font-weight: 400; width: 86%; line-height: 30px; }

@media only screen and (max-width: 1440px) {
	.block--banner .home__row__image {height: auto;}
	.block--banner .col-2 {height: auto;}
	.block--banner .content-section {padding-left: 0px;}
	.block--banner .content-section__heading {width: 100%; font-size: 51px;}
	.block--banner .content-section__text-3 {width: 100%; font-size: 15px; }
}
@media only screen and (max-width: 1050px) {
	.block--banner .cols { flex-direction: column; }
	.block--banner .col-1 {padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--banner .home__row__image {height: auto;}
	.block--banner .col-2 {height: auto;padding-left: var(--space-5xl);	padding-right: var(--space-5xl);}
	.block--banner .content-section {padding-left: 0px;}
	.block--banner .content-section__heading {width: 100%; font-size: 40px;}
	.block--banner .content-section__text-3 {width: 100%;}
}
@media only screen and (max-width: 550px) {
	.block--banner .col-1 { padding-top: 2rem; padding-bottom: 2rem; }
	.block--banner .content-section{ padding-top: 2rem; padding-bottom: 2rem; gap:1rem; }
	.block--banner .content-section__heading {font-size: 34px;}
}



/*------ Block Services ------*/

.block--services h2 { color: #222; font-family: Jost; font-size: 40px; font-style: normal; font-weight: 700; line-height: 30px; /* 75% */ }
.block--services h3 { color: #222; font-family: Jost; font-size: 32px;	font-style: normal; font-weight: 700; line-height: 30px; /* 93.75% */}
.block--services h4 { color: #222; font-family: Jost; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; /* 125% */ }
.block--services .ui.button { color: #FFF; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; /* 187.5% */ }
.block--services .services { padding-top: 82px; padding-bottom: 82px; background-color: var(--gray_100_01); }
.block--services .services-section { margin-bottom: 16px; padding-left: 56px; padding-right: 56px; gap: 40px; display: flex; width: 100%; flex-direction: column; align-items: center; max-width: 1624px; margin-left: auto; margin-right: auto; }
.block--services .services-section__content { margin-left: 50px; width: 78%; display: flex; justify-content: center; align-items: center; }
.block--services .services-section__column--offerte { gap: var(--space-8xl); display: flex; width: 48%; flex-direction: column; align-items: flex-start; }
.block--services .services-section__image--offerte { height: 226px; width: 76%; object-fit: contain; }
.block--services .services-section__text-container--offerte { gap: var(--space-sm); display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; }
.block--services .services-section__heading--offerte { color: var(--gray_900) !important; font-size: 32px; font-weight: 700; }
.block--services .services-section__description--offerte { color: var(--gray_600_03) !important; margin-left: 10px; font-size: 16px; font-weight: 400; width: 82%; line-height: 30px; }
.block--services .services-section__button--offerte { font-weight: 600; text-align: center; min-width: 200px; }
.block--services .services-section__column--additional { gap: var(--space-10xl); display: flex; flex: 1; flex-direction: column; }
.block--services .services-section__column--online { gap: var(--space-lg); display: flex; flex-direction: column; align-items: flex-start; }
.block--services .services-section__description--online { color: var(--gray_600_03) !important; margin-left: 20px; font-size: 16px; font-weight: 400; width: 74%; line-height: 30px; }
.block--services .services-section__column--bedrukken { gap: var(--space-xl); display: flex; flex-direction: column; align-items: flex-start; }
.block--services .services-section__description--bedrukken { color: var(--gray_600_03) !important; margin-left: 24px; font-size: 16px; font-weight: 400; width: 74%; line-height: 30px; }
.block--services .services-section__column--eigen { gap: var(--space-md); display: flex; flex-direction: column; align-items: flex-start; }
.block--services .services-section__description--eigen { color: var(--gray_600_03) !important; margin-left: 22px; font-size: 16px; font-weight: 400; width: 100%; line-height: 30px; }
.block--services .services-section__heading--online { color: var(--gray_900) !important; font-size: 24px; font-weight: 700; }
.block--services .columnbouw__title { color: var(--gray_900) !important; font-size: 40px; font-weight: 700; }

@media only screen and (max-width: 1440px) {
	.block--services .services {padding-top: var(--space-10xl); padding-bottom: var(--space-10xl); }
	.block--services .services-section { padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--services .services-section__content { width: 100%; }
	.block--services .services-section__heading--offerte { font-size: 27px; }
	.block--services .services-section__description--offerte { width: 100%; font-size: 13px; }
	.block--services .services-section__description--online { width: 100%; font-size: 13px; }
	.block--services .services-section__description--bedrukken { width: 100%; font-size: 13px; }
	.block--services .services-section__description--eigen { font-size: 13px; }
	.block--services .services-section__heading--online { font-size: 20px; }
	.block--services .columnbouw__title { font-size: 34px; }
}
@media only screen and (max-width: 1050px) {
	.block--services .services {padding-top: var(--space-5xl); padding-bottom: var(--space-5xl); }
	.block--services .services-section { padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--services .services-section__content { flex-direction: column; width: 100%; margin-left: 0px; }
	.block--services .services-section__column--offerte { width: 100%; }
	.block--services .services-section__heading--offerte { font-size: 26px; }
	.block--services .services-section__description--offerte {width: 100%; margin-left: 0px; }
	.block--services .services-section__column--additional { align-self: stretch; }
	.block--services .services-section__description--online { width: 100%; margin-left: 0px; }
	.block--services .services-section__description--bedrukken { width: 100%; margin-left: 0px; }
	.block--services .services-section__description--eigen { margin-left: 0px; }
	.block--services .columnbouw__title {  font-size: 34px;}
}
@media only screen and (max-width: 550px) {
	.block--services .services { padding-top: 2rem; padding-bottom: 2rem; }
	.block--services .services-section { align-items: flex-start; gap:2rem; }
	.block--services .services-section__heading--offerte { font-size: 24px; }
	.block--services .services-section__image--offerte { width: 100%; }
	.block--services .columnbouw__title { font-size: 32px; }
	.block--services .services-section__column--offerte { order: 2;}
	.block--services .services-section__column--additional {order: 1;}
	.block--services .ui.button { width: 100%; }
}




/*------ Row Newsletter Signup ------*/

.block--newsletter-signup { padding-top: 100px; padding-bottom: 100px;  background-color: var(--gray_100_01); }
.block--newsletter-signup .ui.input > input { padding: 0; background: none; border: none; font-family: Jost; }
.block--newsletter-signup .cta-1 { display: flex; justify-content: flex-end; align-items: center; }
.block--newsletter-signup .form { gap: var(--space-5xl); display: flex; width: 22%; flex-direction: column; align-items: flex-start; }
.block--newsletter-signup .form__title { color: var(--black_900) !important; font-size: 24px; font-weight: 700; }
.block--newsletter-signup h2.form__title { font-family: Jost; }
.block--newsletter-signup .form__description { color: var(--gray_600_03) !important; font-size: 16px; font-weight: 400; }
.block--newsletter-signup .columnversturen { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; }
.block--newsletter-signup .form__field { gap: var(--space-xs); display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; }
.block--newsletter-signup .form__button--submit { margin-top: 50px; font-weight: 600; text-align: center; min-width: 390px; }
.block--newsletter-signup button.ui.button.form__button--submit { color: #FFF; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; /* 187.5% */ }
.block--newsletter-signup .form__button--submit { margin-top:4rem;}
.block--newsletter-signup .form__field-1 { margin-top: 20px; gap: var(--space-xs); display: flex; align-self: stretch; flex-direction: column; align-items: flex-start; }
.block--newsletter-signup .form__label--firstname { color: var(--gray_500) !important; font-size: 16px; font-weight: 400; margin:0; }
.block--newsletter-signup .form__label--firstname-span { color: var(--gray_500); }
.block--newsletter-signup .form__label--firstname-span-1 { color: var(--red_a700); }
.block--newsletter-signup .form__input--firstname { width: 88%; display: flex; align-items: center; justify-content: center; }
.block--newsletter-signup .map { width: 60%; display: flex; justify-content: center; }
.block--newsletter-signup .map__image { height: 498px; width: 94%; border-width: 0px; }

@media only screen and (max-width: 1440px) {
	.block--newsletter-signup .cta { padding-top: var(--space-10xl); padding-bottom: var(--space-10xl); }
	.block--newsletter-signup .form__title { font-size: 20px; }
	.block--newsletter-signup .form__description { font-size: 13px; }
	.block--newsletter-signup .form__label--firstname { font-size: 13px; }
}
@media only screen and (max-width: 1050px) {
	.block--newsletter-signup .cta { padding-top: var(--space-5xl); padding-bottom: var(--space-5xl); }
	.block--newsletter-signup .form { width: 100%; padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--newsletter-signup .map { width: 100%; padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
	.block--newsletter-signup .cta-1 { flex-direction: column; gap: 2rem; }
}
@media only screen and (max-width: 550px) {
	.block--newsletter-signup { padding-top: 2rem; padding-bottom: 2rem;  }
	.block--newsletter-signup .cta { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
	.block--newsletter-signup h2.form__title { font-size: 32px; }
	.block--newsletter-signup .form__input--firstname { width: 100%; }
	.block--newsletter-signup .form__button--submit { min-width: 100%;}
}


/*-------------------------------------  Site Footer --------------------------------------*/

/*** footer ***/
.block--footer, 
.block--footer * { box-sizing: border-box; line-height: normal; font-family: inherit; margin: unset; }
.block--footer img { max-width: 100%; height: auto; }

.block--footer { display: flex; background-color: var(--gray_900_01); justify-content: center; align-items: center; padding: 96px 44px; }
.block--footer .footer__body { margin-bottom: 4px; width: 98%; display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-11xl); }
.block--footer .footer__section { display: flex; flex-direction: column; align-items: flex-end; flex-grow: 1; }
.block--footer .footer__section-inner { align-self: stretch; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: var(--space-5xl); }
.block--footer .footer__col { gap: var(--space-4xl); display: flex; flex-direction: column; }
.block--footer .footer__title { gap: var(--space-xl); display: flex; align-self: stretch; align-items: flex-start; }
.block--footer .footer__title-line { height: 20px; margin-top: 8px; background-color: var(--gray_600_01); width: 3px; }
.block--footer .footer__title-label { color: var(--white_a700) !important; font-size: 25px; font-weight: 500; align-self: center; }
.block--footer .footer__vspace { height: 0; }
.block--footer .footer__text-line { color: var(--white_a700_cc) !important; font-size: 16px; font-weight: 600; }
.block--footer .footer__text-line.footer__address { text-transform: capitalize; line-height: 30px; }
.block--footer .footer__text-line.footer__phone { text-transform: capitalize; }
.block--footer .footer__logo-image { height: 98px; width: 88%; object-fit: contain; }
.block--footer .footer__hours-info { gap: 24px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; height: max-content; margin: auto; }
.block--footer .footer__hours-label { color: var(--white_a700) !important; font-size: 25px; font-weight: 500; align-self: flex-end; }
.block--footer .footer__list { gap: var(--space-4xl); align-self: stretch; display: flex; flex-direction: column; }
.block--footer .footer__socials-label { color: var(--white_a700) !important; margin-top: -2px; margin-right: 96px; font-size: 25px; font-weight: 500; z-index: 1; position: relative; }
.block--footer .footer__socials-row { margin-right: 62px; display: flex; justify-content: space-between; align-items: center; gap: var(--space-5xl); }
.block--footer .footer__socials-icons { gap: var(--space-2xl); display: flex; flex-direction: column; width: 2.5rem; }
.block--footer .footer__socials-info { height: 40px; }
.block--footer .footer__socials-triangle { height: 34px; }
.block--footer .footer__socials-platforms { gap: var(--space-3xl); display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.block--footer .footer__text-link { margin-bottom: 20px; }
.block--footer .footer__gallery-grid { display: grid; gap: var(--space-3xl); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.block--footer .footer__link-about { color: var(--white_a700_cc) !important; text-transform: capitalize; font-size: 16px; font-weight: 600; }
.block--footer .footer__gallery-image { height: 140px; width: 100%; object-fit: cover; }
.block--footer .footer__links-list { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4xl); }
.block--footer .hours-text-link { margin-top: 8px; }
.block--footer .footer__hours-day { color: var(--white_a700_cc) !important; font-size: 16px; font-weight: 600; }
.block--footer .footer__socials-instagram { color: var(--white_a700) !important; font-size: 16px; font-weight: 600; }

.block--footer ul { margin: 0; margin-inline: unset !important; padding: 0; list-style: none; }

@media only screen and (max-width: 1440px) {
	.block--footer { /*padding-top: var(--space-10xl); padding-bottom: var(--space-10xl);*/ }
	.block--footer .footer__body { /*width: 100%;*/ width: 1127px; margin-left: auto; margin-right: auto; flex-direction: column; }
	.block--footer .footer__section { width: 100%; }
	.block--footer .footer__col { height: auto; }
	.block--footer .footer__title-label { font-size: 21px; }
	.block--footer .footer__hours-label { font-size: 21px; }
	.block--footer .footer__socials-label { font-size: 21px; }
	.block--footer .footer__socials-row { width: 100%; }
	.block--footer .footer__text-link { font-size: 13px; }
	.block--footer .footer__gallery-image { height: auto; }
	.block--footer .hours-text-link { font-size: 13px; }
	.block--footer .footer__socials-instagram {	font-size: 13px; }
}
@media only screen and (max-width: 1050px) {
	.block--footer { padding: var(--space-10xl); }
	.block--footer .footer__body { flex-direction: column; /*width: 100%;*/ width: 933px; margin-left: auto; margin-right: auto; }
	.block--footer .footer__section { width: 100%; }
	.block--footer .footer__col { height: auto; }
	.block--footer .footer__socials-label { margin-right: 0px; }
	.block--footer .footer__socials-row { width: 100%; margin-right: 0px; }
	.block--footer .footer__gallery-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.block--footer .footer__gallery-image { height: auto; }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 550px) {
	.block--footer { padding: var(--space-3xl); }
	.block--footer .footer__section-inner { flex-direction: column; }
	.block--footer .footer__gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.block--footer .footer__col { width: 100%; }
	.block--footer .footer__title { margin-top: 1rem; }
	.block--footer .footer__title-line { margin-top: 4px; }
	.block--footer .footer__vspace { display: none; }
	.block--footer .footer__logo-image { display:none; }
}

/*-------------------------------------  5. Component CSS--------------------------------------*/
/*------Input CSS------*/
.ui.input.round {
	border-radius: var(--radius-md);
}

.ui.input.square {
	border-radius: 0px;
}

.ui.input.size-xs {
	height: 44px;
	padding-left: var(--space-9xl);
	padding-right: var(--space-9xl);
	font-size: 16px;
}

.ui.input.fill.blue_gray_50 {
	background-color: var(--blue_gray_50);
}

.ui.input.outline.gray_500 {
	color: var(--gray_500);
	border: 1px solid var(--gray_500);
}

.ui.input {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: text;
}

/*------Selectbox CSS------*/
.ui.selectbox.square {
	border-radius: 0px;
}

.ui.selectbox.size-xs {
	height: 26px;
	font-size: 18px;
}

.ui.selectbox {
	display: flex;
}

/*------Button CSS------*/
.ui.button.round {
	border-radius: var(--radius-sm);
}

.ui.button.square {
	border-radius: 0px;
}

.ui.button.size-xs {
	height: 30px;
	padding-left: var(--space-md);
	padding-right: var(--space-md);
}

.ui.button.size-sm {
	height: 50px;
	padding-left: 34px;
	padding-right: 34px;
	font-size: 16px;
}

.ui.button.fill.indigo_900 {
	background-color: var(--indigo_900);
	color: var(--white_a700);
}

/*.ui.button {
	text-align: center;
	display: flex;
	cursor: pointer;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}*/

/*------Container CSS------*/
.container-xs {
	max-width: 158px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.container-sm {
	max-width: 240px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.container-md {
	max-width: 1624px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------------  6. Fonts CSS--------------------------------------*/
@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/PoppinsRegular.ttf);
	font-family: "Poppins";
	font-weight: 400;
}

@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/DMSansMedium.ttf);
	font-family: "DM Sans";
	font-weight: 500;
}

@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/EpilogueRomanRegular.ttf);
	font-family: "Epilogue";
	font-weight: 400;
}

@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/JostRomanRegular.ttf);
	font-family: "Jost";
	font-weight: 400;
}

@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/JostRomanSemiBold.ttf);
	font-family: "Jost";
	font-weight: 600;
}

@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/PoppinsMedium.ttf);
	font-family: "Poppins";
	font-weight: 500;
}

@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/JostRomanBold.ttf);
	font-family: "Jost";
	font-weight: 700;
}

@font-face {
	font-display: swap;
	font-style: normal;
	src: url(https://detijdbedrijfskleding.nl/v2/~site/static/fonts/JostRomanMedium.ttf);
	font-family: "Jost";
	font-weight: 500;
}




/*-------------------------------------  X. Home Page Style --------------------------------------*/

/* backgrounds */
.bg-1a { background-color: #fff; }  
.bg-2a { background-color: rgb(242, 242, 242); }  
.bg-3a { background-color: rgb(176, 163, 129); }
.bg-4a { background-color: rgb(3, 29, 51); }
.bg-5a { background-color: #f2f2f2; }
.bg-debug { background-color: yellow; }

  /* buttons */
  .btn-1a { background: rgb(15, 59, 97); color: #FFF; }
  .btn-1a { height: 50px; padding-left: 34px; padding-right: 34px; font-size: 16px; border-radius: 0px; }
  .ui.button.btn-1a { background: rgb(15, 59, 97); color: #FFF; }
  .ui.button.btn-1a { height: 50px; padding-left: 34px; padding-right: 34px; font-size: 16px; border-radius: 0px; }

  /* textstyles */
  .ts-h2-1a { color: #000; font-family: Jost; font-size: 25px; font-style: normal; font-weight: 700; line-height: 38px; /* 152% */}
  .ts-h2-2a { color: #000; font-family: Jost; font-size: 48px; font-style: normal; font-weight: 700; line-height: normal; }
  .ts-h2-3a { color: #222; font-family: Jost; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
  .ts-h2-3a { color: #222; font-family: Jost; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
  .ui.header.ts-h3-1a { color: #000; font-family: Jost; font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; /* 125% */}
  .ts-h4-1a { color: #000; font-family: Jost; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
  .ts-p-1a { color: #727272; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; /* 187.5% */}
  .ts-btn-1a { color: #FFF; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; /* 187.5% */}
  .ui.button.ts-btn-1a { color: #FFF; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; /* 187.5% */}
  .ts-h2-3a { color: #222; font-family: Jost; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }

  .ts-nav-1a { color: #AB8A62; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
  .ts-nav-2a { color: #FFF; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }

/* default: paragraph */
.container p { color: var(--gray_900); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

/* default: heading */
.container .heading,
.container .heading.ui.header { color: #000; font-family: Jost; font-size: 25px; font-style: normal; font-weight: 700; line-height: 38px;}

/* component: markuptext */
.markuptext p { color: var(--gray_900); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }
.markuptext li { color: var(--gray_900); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }
.markuptext p,
.markuptext ul,
.markuptext ol { margin: 0 0 1em 0; }

/* component: slider */
.ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 { background: #F8F7F6; }
.ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 .heading {
    font-family: Jost;
    /*font-size: 60px;*/
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--indigo_900) !important;
}

/* resolution > Tablet - 768px */
@media only screen and (min-width: 769px) {
    .ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 .column-content > .container { padding: 4rem; }
    .ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 .heading { font-size: 40px;}
}
/* resolution > Laptop - 769px - 1024px */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 .background-image { background-position-x: 62%; }
}
/* resolution > Tablet - 426px - 768px */
@media only screen and (min-width: 426px) and (max-width: 786px) {
    .ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 .background-image { background-position-y: 70% !important; }
}

.ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 .markuptext { color: var(--gray_600_03) !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px; }
.ui-component-slider .pf-ui-slideshow--slide.default.slide-preset4 .markuptext a { color: #4183c4; display: inline; }


/* component: categories preview */
.ui-ecommerce-categories-preview.default .title--header { color: #222; font-family: Jost; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
.ui-ecommerce-categories-preview.default .row--navigate > a { color: #AB8A62; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
.ui-ecommerce-categories-preview.default.bg-3a .row--navigate > a { color: #fff; }
.ui-ecommerce-categories-preview.default .item--name { color: #000; font-family: Jost; font-size: 24px; font-style: normal; font-weight: 600; line-height: 38px; /* 152% */}

/* component: brands preview */
.ui-ecommerce-brands-preview.default .title--header { color: #222; font-family: Jost; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
.ui-ecommerce-brands-preview.default .list--item { color: #000;
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;}
    
/* component: services preview */
.ui-ecommerce-services-preview.default .title--header { color: #222; font-family: Jost; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
.ui-ecommerce-services-preview.default .list--item > .heading { color: #222;
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;}
.ui-ecommerce-services-preview.default .main--item > .heading { color: #222;
    font-family: Jost;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;}
.ui-ecommerce-services-preview.default .item--description { color: var(--gray_600_03);
    /*margin-left: 22px;*/
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    line-height: 30px;}
    
/* component: cms form button */
.ui-cms-form .ui.button,
.ui-cms-form .ui.button:hover { background: rgb(15, 59, 97); color: #FFF; width: 100%;}
.ui-cms-form .ui.button { height: 50px; padding-left: 34px; padding-right: 34px; font-size: 16px; border-radius: 0px; }
.ui-cms-form .ui.button,
.ui-cms-form .ui.button:hover { color: #FFF; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; /* 187.5% */}


/* component: button (default) */
.ui.button,
.ui.button:hover { background: rgb(15, 59, 97); color: #FFF; }
.ui.button { height: 50px; padding-left: 34px; padding-right: 34px; font-size: 16px; border-radius: 0px; }
.ui.button,
.ui.button:hover { color: #FFF; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px; /* 187.5% */}


/* component: search widget (custom style) */
.header__main__search__custom { width: 100%;}
.header__main__search__custom .search--input { color: var(--gray_600_02); font-family: Epilogue; gap: var(--space-3xl); display: flex; width: 94%; align-items: center; justify-content: center; border: 1px solid var(--gray_300); }
.header__main__search__custom .search--input {background-color: var(--blue_gray_50); height: 44px;
    padding-left: 1em;
    font-size: 16px; border-radius: var(--radius-md); display: flex;
    align-items: center;
    justify-content: center;
    cursor: text;}
.header__main__search__custom .search--input .input img { height: 16px;width: 16px;object-fit: contain;position: absolute;right: 1em;}
.header__main__search__custom .ui.input { width: 100%; height: 44px; font-size: 16px; }
.header__main__search__custom .ui.input > input { border-radius: 0; }

/* component: logo (custom style) */
.header__main__logo__custom .ui.image img { height: 98px; width: 194px; object-fit: contain; }

/* component: ecommerce cart widget */
.shoppingcart-widget .label { color: var(--white_a700) !important; }
.shoppingcart-widget .ui.label.green { background-color: var(--gray_600_01) !important; }


/* component: ecommerce vat toggle (custom style) */
.ui-ecommerce-vat-toggle.custom-style-dark {}
.ui-ecommerce-vat-toggle.custom-style-dark .ui.toggle.checkbox label { color: var(--white_a700); }
.ui-ecommerce-vat-toggle.custom-style-dark .ui.toggle.checkbox input:checked~label { color: var(--white_a700) !important; }
.ui-ecommerce-vat-toggle.custom-style-dark .ui.toggle.checkbox label:before { background-color: rgba(255, 255, 255, .9) !important; }
.ui-ecommerce-vat-toggle.custom-style-dark .ui.toggle.checkbox input:checked~label:before { /*background-color: #2185d0 !important;*/ background-color: #B0A381 !important; }

/* home: slides */
.pf-ui-slideshow--slide.default.layout-preset-6.slide--alles-in-1 > .ui.grid > .column.column-image{ padding-top:2rem; padding-bottom: 2rem; height:350px; }

/* home: articles */
@media only screen and (max-width: 768px) {
    .home--articles .ui.grid > .column { width: 100%; }
}

/* #block--brands */

/* resolution: Mobile L - 425px */
@media only screen and (max-width: 425px) {
    #block--brands.block--content--basic .ui.grid.cols--items { gap:0; }
}
  
/* component: brands */
.ui-ecommerce-brands-preview.layout-preset-none .item--image.image-height-default div.ui.image > img { max-height: 120px;}

/* page: services */
.ui-ecommerce-categories-preview.custom-nav-blocks .item--body { outline: 1px solid #727272; border-radius: 0px !important;
    padding: 1rem;}
    .ui-ecommerce-categories-preview.custom-nav-blocks .item--name { font-size: 20px; }
.ui-ecommerce-categories-preview .ui.card>:only-child, 
.ui-ecommerce-categories-preview .ui.cards>.card>:only-child { border-radius: 0px !important; }
.ui-ecommerce-categories-preview.custom-nav-blocks .row--vspace--offset { height: 25px;}
@media only screen and (max-width: 768px) {
    .ui-ecommerce-categories-preview.custom-nav-blocks .row--cards > .ui.cards {flex-wrap: wrap; }
}



/* page: clients logos */
.ui-ecommerce-categories-preview.custom-clients-logos .card { justify-content: center; }
.ui-ecommerce-categories-preview.custom-clients-logos .item--body { display: flex; flex-direction: column; padding: 0.5rem; }
.ui-ecommerce-categories-preview.custom-clients-logos .item--body > img { max-height: 150px; width: fit-content; align-self: center; }
.ui-ecommerce-categories-preview.custom-clients-logos .item--body > .item--name { display: none; }
@media only screen and (max-width: 768px) {
    .ui-ecommerce-categories-preview.custom-clients-logos .row--cards > .ui.cards {flex-wrap: wrap; }
}

/* banner image - newsletter signp */
.banner-image--newsletter-signup { }
/* resolution: Mobile L - 425px */
@media only screen and (max-width: 425px) {
    .banner-image--newsletter-signup { height: 13rem !important; }
}

/* layout container */
.position-relative { position: relative; }

/* button: call-us (sticky) */
.sticky-button--call-us { position: absolute; top:2rem; right:0;}
/* resolution: Mobile L - 425px */
@media only screen and (max-width: 425px) {
    .sticky-button--call-us { position: initial;}
}

/* content tables */
.ui.table.celled.unstackable {}
@media only screen and (max-width: 425px) {
    /* horizontal scroll */
    .ui.table.celled.unstackable { display: block; overflow-x: auto;}
}


/*** 14-08-25 BK: added some custom css ***/
.ui-ecommerce-cart td > img.ui.rounded.bordered.image { border-color: white; }
.ui-ecommerce-cart div.ui.header > div.content > div.sub.header { display:none; }