.breadcrumb {
--bs-breadcrumb-padding-y: 2.5rem;
--bs-breadcrumb-margin-bottom: 0;
--bs-breadcrumb-item-padding-x: 0.25rem;
--bs-breadcrumb-divider-color: var(--color-text-default);
--bs-breadcrumb-item-active-color: var(--color-text-default);
font-size: 0.75rem;
line-height: 1.125rem;
padding-left: 0 !important;
letter-spacing: 0 !important;
}
.breadcrumb li.breadcrumb-item.home {
position: relative;
}
.breadcrumb li.breadcrumb-item.home:before {
content: url('data:image/svg+xml;charset=utf-8,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3594 5.3125C13.4297 5.38281 13.5 5.47656 13.5 5.59375C13.5 5.6875 13.4531 5.78125 13.4062 5.82812L13.1719 6.13281C13.1016 6.20312 12.9844 6.27344 12.8672 6.27344C12.7734 6.27344 12.7031 6.22656 12.6328 6.17969L12 5.64062V10.0234C11.9766 10.4219 11.6484 10.75 11.25 10.75H8.25C7.82812 10.75 7.5 10.4219 7.5 10V7.5625H6V10C5.97656 10.4219 5.64844 10.75 5.25 10.75H2.25C1.82812 10.75 1.5 10.4219 1.5 10V5.64062L0.84375 6.17969C0.773438 6.22656 0.703125 6.25 0.609375 6.25C0.492188 6.25 0.375 6.20312 0.328125 6.13281L0.0703125 5.82812C0.0234375 5.78125 0 5.6875 0 5.59375C0 5.47656 0.046875 5.38281 0.117188 5.3125L5.90625 0.554688C6.11719 0.367188 6.42188 0.273438 6.75 0.273438C7.05469 0.273438 7.35938 0.367188 7.57031 0.554688L10.875 3.27344V1.9375C10.875 1.84375 10.9453 1.77344 11.0625 1.75H11.8125C11.9062 1.75 12 1.84375 12 1.9375V4.1875L13.3594 5.3125ZM10.8516 9.625L10.875 4.72656L6.75 1.32812L2.625 4.72656V9.625H4.875V7.1875C4.875 6.78906 5.20312 6.46094 5.625 6.4375H7.875C8.27344 6.46094 8.60156 6.78906 8.625 7.1875V9.625H10.8516Z" fill="%23271A2B"/></svg>');
width: 0.875rem;
height: 1.125rem;
margin-right: 0.25rem;
display: inline-block;
vertical-align: middle;
}
.breadcrumb-item.active {
font-weight: var(--font-weight-semi-bold);
}
.breadcrumb-item+.breadcrumb-item::before {
content: url('data:image/svg+xml;charset=utf-8,<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41895 1.33826L4.58069 4.5L1.41895 7.66174" stroke="%23271A2B" stroke-width="1.18565" stroke-linecap="round"/></svg>');
width: 1rem;
height: 1rem;
text-align: center;
}
.breadcrumb a {
text-decoration: none;
} @media only screen and (max-width: 1199px) and (min-width: 992px) {
.breadcrumb {
--bs-breadcrumb-padding-y: 1.5rem;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.breadcrumb {
--bs-breadcrumb-padding-y: 1.5rem;
}
}
@media only screen and (max-width: 767px) {
.breadcrumb {
--bs-breadcrumb-padding-y: 0;
position: relative;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
margin-top: 0.75rem;
margin-bottom: 1.5rem;
}
.breadcrumb li {
display: inline;
}
.breadcrumb-item+.breadcrumb-item::before {
float: none;
}
}.block-products .products-container {
margin-top: 2.5rem;
display: flex;
gap: 2.5rem;
flex-wrap: wrap;
justify-content: center;
}
.block-products .text {
max-width: 45.5rem;
margin: 0 auto 2.5rem;
}
.block-products .products-container .product-item {
position: relative; width: calc(100% / 3 - 1.7rem);
background: var(--bs-white);
border-radius: 0.313rem;
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
transition: all 300ms ease-in-out;
}
.block-products .products-container .product-item:hover {
box-shadow: 0px 4px 16px 0px #00000040;
}
.block-products .products-container .product-item img {
max-height: 10.375rem;
margin: 0 auto;
display: table;
}
.block-products .products-container .product-item .product-title {
margin-bottom: 1rem;
}
.product-description {
display: block;
position: relative;
overflow: hidden;
line-height: 1.6rem;
max-height: 6em;
}
.block-products .products-container .product-item .product-description * {
font-size: var(--bs-body-font-size);
line-height: var(--bs-body-line-height);
letter-spacing: 0.015em;
color: var(--bs-body-color);
}
.block-products .products-container .product-item .product-permalink {
position: relative;
color: var(--color-primary);
text-decoration: none;
}
.block-products .products-container .product-item .product-permalink:after {
content: '';
background: url('data:image/svg+xml;charset=utf-8,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.46094 4.85815L9.62268 8.0199L6.46094 11.1816" stroke="%23E42328" stroke-width="1.18565" stroke-linecap="round"/></svg>') no-repeat center;
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: middle;
}
.block-products .products-container .product-item .product-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
}
.block-products .btn {
display: table;
margin: 2.5rem auto 0;
} .products-container-filter {
display: flex;
gap: 1rem;
justify-content: center;
margin-bottom: 2.5rem;
}
.products-container-filter .filter-btn {
border: none;
background: #DFDDDF;
border-radius: 1rem;
letter-spacing: 0.005em;
color: var(--bs-body-color);
padding: 0.313rem 1rem;
transition: all 300ms ease-in-out;
}
.products-container-filter .filter-btn:hover {
background: #c9c6ca;
}
.products-container-filter .filter-btn.active {
color: var(--bs-white);
background: var(--color-primary);
} @media only screen and (max-width: 991px) and (min-width: 768px) {
.block-products .headline .title {
font-size: var(--font-size-h2-mobile);
line-height: var(--line-height-h2-mobile);
}
.block-products .products-container {
gap: 1rem;
}
.block-products .products-container .product-item {
padding: 1rem;
gap: 1rem;
width: calc(100% / 2 - 0.5rem);
}
}
@media only screen and (max-width: 767px) {
.block-products .headline .title {
font-size: var(--font-size-h2-mobile);
line-height: var(--line-height-h2-mobile);
}
.block-products .text {
max-width: inherit;
font-size: var(--bs-body-font-size);
line-height: var(--bs-body-line-height);
text-align: left !important;
}
.block-products .products-container {
gap: 1rem;
flex-wrap: nowrap;
flex-direction: column;
}
.block-products .products-container .product-item {
width: 100%;
padding: 1rem;
gap: 1rem;
}
.block-products .products-container .product-item img {
margin-bottom: 0.5rem;
}
}.block-cta-teaser .cta-teaser-wrapper {
display: flex;
background: var(--bs-white);
border-radius: 0.375rem;
}
.block-cta-teaser .cta-teaser-wrapper .icon {
background-color: var(--color-primary);
width: 17.25rem;
min-height: 17.25rem;
border-radius: 0.313rem;
padding: 2.5rem;
flex-shrink: 0;
}
.block-cta-teaser .cta-teaser-wrapper .image {
position: relative;
width: 17.25rem;
min-height: 17.25rem;
border-radius: 0.375rem;
flex-shrink: 0;
overflow: hidden;
}
.block-cta-teaser .cta-teaser-wrapper .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.block-cta-teaser .cta-teaser-wrapper .content {
padding: 2.5rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .title {
margin-bottom: 1rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .btn {
margin-top: 2rem;
} @media only screen and (max-width: 991px) and (min-width: 768px) {
.block-cta-teaser .cta-teaser-wrapper .icon {
width: 12.25rem;
}
.block-cta-teaser .cta-teaser-wrapper .content {
padding: 1.5rem;
}
}
@media only screen and (max-width: 767px) {
.block-cta-teaser .cta-teaser-wrapper {
flex-direction: column;
}
.block-cta-teaser .cta-teaser-wrapper .image {
position: relative;
width: 100%;
height: 11.5rem;
min-height: inherit;
border-radius: 0.375rem 0.375rem 0 0;
}
.block-cta-teaser .cta-teaser-wrapper .content {
padding: 1rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .title {
margin-bottom: 0.5rem;
font-size: 1.563rem;
line-height: 2.056rem;
}
.block-cta-teaser .cta-teaser-wrapper .content .text {
font-size: var(--bs-body-font-size);
line-height: var(--bs-body-line-height);
}
.block-cta-teaser .cta-teaser-wrapper .content .btn {
margin-top: 1.5rem;
}
.block-cta-teaser .cta-teaser-wrapper .icon {
width: 100%;
min-height: 10rem;
padding: 1.25rem;
}
}