@charset 'UTF-8';
.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;
}
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//degesa-fire-systems.de/wp-content/themes/degesa/assets/plugins/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//degesa-fire-systems.de/wp-content/themes/degesa/assets/plugins/slick/fonts/slick.eot);
src: url(//degesa-fire-systems.de/wp-content/themes/degesa/assets/plugins/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//degesa-fire-systems.de/wp-content/themes/degesa/assets/plugins/slick/fonts/slick.woff) format('woff'), url(//degesa-fire-systems.de/wp-content/themes/degesa/assets/plugins/slick/fonts/slick.ttf) format('truetype'), url(//degesa-fire-systems.de/wp-content/themes/degesa/assets/plugins/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.slick-dots {
padding: 0 !important;
}
.slick-dots li {
vertical-align: bottom;
margin: 0 0.25rem;
}
.slick-dots li::before {
display: none;
}
.slick-dots li button {
padding: 0;
}
.slick-dots li button:before {
opacity: 1;
background: #DFDDDF;
content: ''; }
.slick-dots li.slick-active button:before {
opacity: 1;
background: var(--color-primary);
}
.slick-dots li,
.slick-dots li,
.slick-dots li button:before {
width: 5.667rem;
height: 0.25rem;
transition: all 300ms;
} .slick-prev, .slick-next {
width: 2.625rem;
height: 2.625rem;
background: var(--color-text-default);
border: 1px solid var(--color-secondary);
border-radius: 5px;
z-index: 1;
transition: all 300ms ease-out;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-prev:before, .slick-next:before {
content: '';
font-family: inherit;
display: block;
width: 100%;
height: 100%;
opacity: 1;
background: url('data:image/svg+xml;charset=utf-8,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.71647 0.783304L7.0498 6.11664C7.09425 6.17219 7.13036 6.23053 7.15814 6.29164C7.18592 6.35275 7.1998 6.42219 7.1998 6.49997C7.1998 6.57775 7.18592 6.64719 7.15814 6.7083C7.13036 6.76942 7.09425 6.82775 7.0498 6.8833L1.71647 12.2166C1.66092 12.2611 1.60258 12.2972 1.54147 12.325C1.48036 12.3527 1.41092 12.3666 1.33314 12.3666C1.18869 12.3666 1.06369 12.3139 0.958138 12.2083C0.852582 12.1027 0.799805 11.9778 0.799805 11.8333C0.799805 11.7555 0.813693 11.6861 0.841471 11.625C0.869249 11.5639 0.90536 11.5055 0.949805 11.45L5.91647 6.49997L0.949805 1.54997C0.90536 1.49442 0.86925 1.43608 0.841471 1.37497C0.813693 1.31386 0.799805 1.24442 0.799805 1.16664C0.799805 1.02219 0.852582 0.897194 0.958138 0.791637C1.06369 0.686081 1.18869 0.633305 1.33314 0.633305C1.41092 0.633305 1.48036 0.647193 1.54147 0.674971C1.60258 0.702749 1.66092 0.738859 1.71647 0.783304Z" fill="%23DFDDDF"/></svg>') no-repeat center;
}
.slick-prev:before {
transform: rotate(180deg);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background: var(--color-secondary);
}
.slick-disabled {
opacity: 0.2;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: 1;
}.block-hero-homepage {
position: relative;
}
.hero-slider {
cursor: pointer;
}
.lazy-video {
opacity: 0;
}
.lazy-video.loaded {
opacity: 1 !important;
transition: opacity 1s ease;
} .block-hero-homepage .default-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.block-hero-homepage .default-bg:after {
content: '';
background: linear-gradient(-90deg, rgba(39, 26, 43, 0) 0%, rgba(39, 26, 43, 0.4) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.block-hero-homepage .default-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-slider {
display: flex;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.hero-slider.slick-initialized {
display: block;
visibility: visible;
opacity: 1;
} .hero-slider.slick-dotted.slick-slider {
margin-bottom: 0;
}
.hero-slider .hero-homepage-container {
position: relative;
height: 28.001rem;
}
.hero-slider .hero-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.hero-slider .hero-image img,
.hero-slider .hero-image video {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-slider .hero-image img {
object-position: center top;
}
.hero-slider .hero-wrapper-container {
position: relative;
display: flex;
align-items: center;
height: 100%; background: linear-gradient(-90deg, rgba(39, 26, 43, 0) 0%, rgba(39, 26, 43, 0.4) 100%);
} .hero-slider .hero-wrapper-container .container {
position: relative;
max-width: calc(1320px + var(--gap));
}
.hero-slider .hero-wrapper-container .container>* {
position: relative;
}
.hero-slider .hero-wrapper-container .toptitle {
margin: 0 0 0.25rem;
}
.hero-slider .hero-wrapper-container .title {
margin: 0;
width: 45%;
}
.hero-slider .hero-wrapper-container .btn {
margin-top: 1.5rem;
}
.hero-slider .slick-dots {
bottom: 2.478rem;
}
.hero-slider .hero-wrapper-container .arrows-control {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.hero-slider .slick-prev {
display: none !important;
}
.hero-slider .slick-next {
right: calc(var(--gap) / 2);
} @media only screen and (max-width: 1199px) and (min-width: 992px) {
.hero-slider .hero-wrapper-container .title {
width: 58%;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.hero-slider .hero-wrapper-container .title {
width: 58%;
}
}
@media only screen and (max-width: 767px) {
.hero-slider .hero-homepage-container {
height: 16.213rem;
}
.hero-slider .hero-wrapper-container .title {
width: 100%;
}
.hero-slider .slick-dots {
bottom: 1rem;
}
}
@media only screen and (max-width: 575px) {
.hero-slider .hero-image {
position: relative;
height: 10rem;
}
.hero-slider .hero-image::before {
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
position: absolute;
}
.hero-slider .hero-homepage-container {
height: auto;
}
.hero-slider .hero-wrapper-container,
.hero-slider .hero-homepage-container:nth-child(2n) .hero-wrapper-container,
.hero-slider .hero-homepage-container:nth-child(3n) .hero-wrapper-container {
background: var(--color-primary);
}
.hero-slider .hero-wrapper-container .container {
padding: 1rem 1rem 3.25rem;
}
.hero-slider .hero-wrapper-container .btn {
border-radius: 0.313rem;
border: 0.094rem solid var(--color-white);
margin-top: 0;
}
.hero-slider .toptitle {
font-size: 1rem;
letter-spacing: 0.05rem;
line-height: 1.375rem;
margin: 0 0 0.125rem !important;
font-weight: var(--font-weight-semi-bold);
}
.hero-slider .hero-wrapper-container .title {
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: 0;
font-weight: var(--font-weight-semi-bold);
margin: 0 0 1rem;
} .hero-slider .slick-dots li button:before {
background: var(--color-white);
}
.hero-slider .slick-dots li.slick-active button:before {
background: var(--color-dark-primary);
}
.hero-slider .slick-dots li,
.hero-slider .slick-dots li,
.hero-slider .slick-dots li button:before {
width: 6.625rem;
}
.hero-slider .slick-dots li {
margin: 0 0.125rem;
}
}.block-key-facts {
padding: 1rem 0;
background: var(--bs-white);
}
.block-key-facts .key-facts-container {
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
.block-key-facts .key-facts-container .key-facts-item {
flex: 1;
text-align: center;
}
.block-key-facts .key-facts-container .key-facts-item .icon {
width: 2.5rem;
height: 2.5rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.625rem;
} @media only screen and (max-width: 767px) {
.block-key-facts .key-facts-container {
width: calc(100% + 1rem);
}
.block-key-facts .key-facts-container .slick-track {
display: flex;
justify-content: flex-start;
gap: 0.5rem;
}
.block-key-facts .key-facts-container .key-facts-item {
max-width: 8.375rem;
}
}.block-teaser-text .teaser-text-wrapper {
display: flex;
justify-content: space-between;
gap: 1.5rem;
}
.block-teaser-text .teaser-text-wrapper > * {
flex: 1;
}
@media only screen and (min-width: 992px) {
.block-teaser-text .teaser-text-wrapper .headline {
flex: 1.1;
}
} @media only screen and (max-width: 767px) {
.block-teaser-text .teaser-text-wrapper {
flex-direction: column;
gap: 0;
}
}.nav-tabs {
--bs-nav-tabs-border-width: 0;
--bs-nav-tabs-border-radius: 0;
--bs-nav-tabs-link-active-color: var(--bs-white);
--bs-nav-tabs-link-active-bg: var(--color-primary);
--bs-nav-tabs-link-active-border-color: transparent;
--bs-nav-link-color: var(--bs-white);
--bs-nav-link-hover-color: var(--color-primary);
--bs-nav-tabs-link-hover-border-color: transparent;
border: none;
padding: 0.25rem !important;
display: flex;
justify-content: center;
gap: 0.625rem;
background: var(--bs-white);
border-radius: 0.438rem;
}
.nav-tabs .nav-item:before {
display: none;
}
.nav-tabs .nav-link {
font-size: var(--font-size-base);
font-weight: var(--font-weight-semi-bold);
line-height: var(--line-height-base);
letter-spacing: 0.005em;
text-transform: none;
background: transparent;
padding: 0.313rem 1.25rem;
border-radius: 0.313rem;
transition: all 300ms ease-in;
color: var(--color-text-default);
} @media only screen and (max-width: 767px) {
.nav-tabs {
gap: 1rem;
border-radius: 0.313rem;
}
.nav-tabs .nav-link {
font-size: 0.813rem;
line-height: 1.125rem;
padding: 0.438rem 0.313rem;
border-radius: 0.313rem;
letter-spacing: 0;
}
}.block-teasers-tabs .tabs-titles {
display: flex;
justify-content: center;
}
.tab-content .teasers-tabs-wrapper {
display: flex;
background: var(--bs-white);
margin-top: 1rem;
border-radius: 0.375rem;
}
.tab-content .teasers-tabs-wrapper .icon {
background-color: var(--color-primary);
width: 13.313rem;
min-height: 16.875rem;
border-radius: 0.313rem;
padding: 2.5rem;
flex-shrink: 0;
}
.tab-content .teasers-tabs-wrapper .content {
padding: 2.5rem;
} @media only screen and (max-width: 991px) and (min-width: 768px) {
.tab-content .teasers-tabs-wrapper .icon {
width: 8.313rem;
background-size: 5rem;
}
}
@media only screen and (max-width: 767px) {
.block-teasers-tabs .tabs-titles .nav-tabs {
gap: 0;
justify-content: space-between;
padding: 0 !important;
width: 100%;
display: flex;
}
.block-teasers-tabs .tabs-titles .nav-tabs li {
flex: 1;
text-align: center;
}
.tab-content .teasers-tabs-wrapper {
flex-direction: column;
}
.tab-content .teasers-tabs-wrapper .icon {
width: 100%;
min-height: 11.5rem;
border-radius: 0.313rem;
padding: 1.719rem;
}
.tab-content .teasers-tabs-wrapper .content {
padding: 1rem;
}
.tab-content .teasers-tabs-wrapper .content ul.list-check-inline {
margin-bottom: 1.5rem;
display: grid;
gap: 0.25rem;
margin-top: 0.5rem;
grid-template-columns: repeat(2, auto);
}
.block-teasers-tabs .tabs-titles {
justify-content: flex-start;
}
}.block-banner .image {
position: relative;
height: 23.25rem;
border-radius: 0.5rem;
overflow: hidden;
}
.block-banner .image img {
width: 100%;
height: 100%;
object-fit: cover; }
.block-banner .image .image-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 3.125rem;
background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 60.31%, rgba(0, 0, 0, 0.6) 100%);
}
.block-banner .image .image-wrapper > div {
width: 38%;
}
.block-banner .image .image-wrapper .btn {
margin-top: 1.5rem;
} .block-banner .image.position-right {
height: 26.438rem;
}
.block-banner .image.position-right img { object-position: center 41%;
}
.block-banner .image.position-right .image-wrapper { background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 22%, rgba(0, 0, 0, 0) 67.5%);
}
.block-banner .image.position-right .image-wrapper > div {
float: right;
width: 40%;
display: flex;
height: 100%;
align-items: flex-start;
flex-direction: column;
justify-content: center;
} @media only screen and (max-width: 991px) and (min-width: 768px) {
.block-banner .image .image-wrapper > div,
.block-banner .image.position-right .image-wrapper > div {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.block-banner .image .image-wrapper > div {
width: 100%;
}
.block-banner .image.position-right .image-wrapper > div {
width: 100%;
}
.block-banner .image.position-right {
height: 17.5rem;
}
.block-banner .image.position-right .image-wrapper .text {
display: none;
}
.block-banner .image .image-wrapper {
padding: 6.5rem 1rem 1rem;
}
.block-banner .image.position-right .image-wrapper {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 42.4%, rgba(0, 0, 0, 0) 57.6%);
}
.block-banner .image {
height: 17.5rem;
border-radius: 0.313rem;
}
.block-banner .image .image-wrapper .toptitle {
margin-bottom: 0.125rem;
}
.block-banner .image .image-wrapper .title {
font-size: 1.563rem;
line-height: 2.016rem;
}
}.block-products-grid .grid-products-container {
margin-top: 2.5rem;
display: flex;
gap: 2.5rem;
flex-wrap: wrap;
justify-content: center;
}
.block-products-grid .grid-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-grid .grid-products-container .product-item:hover {
box-shadow: 0px 4px 16px 0px #00000040;
}
.block-products-grid .grid-products-container .product-item img {
max-height: 10.375rem;
margin: 0 auto;
display: table;
}
.block-products-grid .grid-products-container .product-item .product-title {
margin-bottom: 1rem;
}
.block-products-grid .grid-products-container .product-item .product-except {
line-height: 1.4rem;
letter-spacing: 0.015em;
font-style: italic;
color: var(--color-secondary);
font-weight: var(--font-weight-light);
margin-bottom: 0.5rem;
}
.product-description {
display: block;
position: relative;
overflow: hidden;
line-height: 1.6rem;
max-height: 6em;
}
.block-products-grid .grid-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-grid .grid-products-container .product-item .product-permalink {
position: relative;
color: var(--color-primary);
text-decoration: none;
}
.block-products-grid .grid-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-grid .grid-products-container .product-item .product-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
}
.block-products-grid .btn {
display: table;
margin: 2.5rem auto 0;
} @media only screen and (max-width: 1199px) and (min-width: 992px) {
.block-products-grid .grid-products-container {
gap: 2rem;
}
.block-products-grid .grid-products-container .product-item {
padding: 1rem;
gap: 1rem;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.block-products-grid .grid-products-container {
gap: 1rem;
}
.block-products-grid .grid-products-container .product-item {
padding: 1rem;
gap: 1rem;
}
.block-products-grid .grid-products-container .product-item .product-title {
font-size: var(--font-size-h5-mobile);
line-height: var(--line-height-h5-mobile);
}
.block-products-grid .grid-products-container .product-item .product-except {
word-break: break-word;
}
.block-products-grid .btn {
margin: 1rem auto 0;
}
}
@media only screen and (max-width: 767px) {
.block-products-grid .text {
margin-bottom: 0.75rem;
}
.block-products-grid .text.text-center {
text-align: left !important;
}
.block-products-grid .grid-products-container {
width: calc(100% + 1rem);
margin-top: 0.25rem;
}
.block-products-grid .grid-products-container .slick-track {
display: flex;
justify-content: flex-start;
gap: 1rem;
}
.block-products-grid .grid-products-container .product-item {
max-width: 17.5rem;
height: auto;
padding: 1rem;
}
.block-products-grid .grid-products-container .product-item .product-title {
font-size: 1.25rem;
line-height: 1.625rem;
}
.block-products-grid .btn {
margin: 0.75rem 0 0;
}
}.block-info-icons .center .text-content {
max-width: 52rem;
margin: 2.5rem auto 0;
}
.block-info-icons .center .text-content.fourcol {
max-width: 43.75rem;
}
.block-info-icons .text-content p {
font-size:var(--bs-nav-link-font-size);
line-height: var(--line-height-nav);
}
.info-icons-container {
margin-top: 2.5rem;
display: flex ; gap: 1rem;
flex-direction: row;
flex-wrap: wrap;
}
.info-icons-container .info-icons-item {
background: var(--color-white);
padding: 2rem;
border-radius: 0.313rem;
width: calc((100% / 2) - (1rem / 2));
}
.info-icons-container.threecol { gap: 2rem;
}
.info-icons-container.threecol .info-icons-item {
width: calc((100% / 3) - (2rem / 1.5));
}
.info-icons-container.fourcol {
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
.info-icons-container.fourcol .info-icons-item {
width: calc((100% / 4) - (1.5rem / 1.33));
}
.info-icons-container.threecol .title,
.info-icons-container.fourcol .title {
word-break: break-word;
}
.info-icons-container .info-icons-item  img.icon {
max-height: 2.813rem;
display: block;
margin: 0 0 1.5rem;
}
.block-info-icons .info-icons-button {
margin-top: 2.5rem;
}
.block-info-icons .info-icons-button.center {
margin: 2.5rem auto 0 ;
}
.info-icons-container .info-icons-item.pbtn {
padding: 3.125rem 1.875rem 1.875rem;
}
.info-icons-container .info-icons-item.pbtn img.icon {
margin-bottom: 1rem;
} @media only screen and (max-width: 1199px) and (min-width: 992px) {
.info-icons-container.threecol {
gap: 1rem;
}
.info-icons-container.threecol .info-icons-item {
width: calc((100% / 3) - (1rem / 1.5));
}
.info-icons-container .info-icons-item.pbtn {
padding: 1rem;
}
.info-icons-container .info-icons-item .title {
font-size: var(--font-size-h5);
line-height: var(--line-height-h5);
word-break: inherit;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.block-info-icons .center .text-content {
margin: 1.5rem auto 0;
}
.info-icons-container.threecol, .info-icons-container.fourcol { gap: 1rem;
}
.info-icons-container.threecol .info-icons-item {
width: calc((100% / 3) - (1rem / 1.5));
}
.info-icons-container.fourcol .info-icons-item {
width: calc((100% / 2) - (1rem / 2));
}
.info-icons-container .info-icons-item {
padding: 1rem;
}
.info-icons-container .info-icons-item.pbtn {
padding: 1rem;
}
.info-icons-container.threecol .title {
font-size: var(--font-size-h4-mobile);
line-height: var(--line-height-h4-mobile);
word-break: inherit;
}
}
@media only screen and (max-width: 767px) {
.info-icons-container {
grid-template-columns: 100%;
gap: 0.5rem;
margin-top: 0.75rem;
}
.info-icons-container.threecol, .info-icons-container.fourcol {
grid-template-columns: 100%;
gap: 0.5rem;
}
.info-icons-container .info-icons-item {
padding: 1rem;
width: 100% !important;
}
.info-icons-container .info-icons-item.pbtn {
padding: 1rem;
width: 100% !important;
}
.info-icons-container .info-icons-item .title {
font-size: 1.25rem;
line-height: 1.625rem;
}
.block-info-icons .center .text-content {
max-width: 100%;
margin: 0.75rem auto 2.5rem;
}
.block-info-icons .info-icons-button, .block-info-icons .info-icons-button.center {
margin: 0.75rem 0 0;
}
.block-info-icons .text-content p {
font-size: var(--bs-body-font-size);
line-height: var(--bs-body-line-height);
}
.info-icons-container {
flex-direction: column;
flex-wrap: nowrap;
}
.block-info-icons .info-icons-button .buttonpdf {
width: 100%;
}
}.block-blog-teaser-long .headline .title {
margin: 0;
}
.blog-teaser-long-container {
display: flex;
justify-content: space-between; flex-direction: row;
flex-wrap: wrap;
padding: 0 9.8rem;
}
.blog-teaser-long-container .slick-track {
padding: 2.5rem 0;
}
.blog-teaser-long-container .slick-prev {
left: 7.344rem;
}
.blog-teaser-long-container .slick-next {
right: 7.344rem;
}
.blog-teaser-long-container .news-item {
position: relative;
flex: 1;
width: calc(100% / 3 - 2.5rem);
margin: 0 1.25rem;
flex-shrink: 0;
border-radius: 0.313rem;
overflow: hidden;
transition: all 300ms ease-in-out;
}
.blog-teaser-long-container .news-item:hover {
box-shadow: 0px 0px 16px 0px #00000080;
}
.blog-teaser-long-container .news-item img {
width: 100%;
height: 24.727rem;
object-fit: cover;
}
.blog-teaser-long-container .news-item .news-item-detail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
padding: 2.11rem 1rem;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
gap: 0.25rem;
}
.blog-teaser-long-container .news-item .news-item-detail .post-title {
word-break: break-word;
}
.blog-teaser-long-container .news-item .post-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
}
.block-blog-teaser-long .btn {
display: table;
margin: 0 auto;
} @media only screen and (max-width: 1199px) and (min-width: 992px) {
.blog-teaser-long-container {
padding: 0 2.8rem;
}
.blog-teaser-long-container .slick-prev {
left: 0.344rem;
}
.blog-teaser-long-container .slick-next {
right: 0.344rem;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.blog-teaser-long-container {
padding: 0;
}
.blog-teaser-long-container .news-item {
margin: 0 0.5rem;
}
.blog-teaser-long-container .news-item .news-item-detail .post-title {
font-size: var(--font-size-h4-mobile);
line-height: var(--line-height-h4-mobile);
}
.blog-teaser-long-container .slick-prev,
.blog-teaser-long-container .slick-next {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.blog-teaser-long-container {
padding: 0;
width: calc(100% + 1rem);
}
.blog-teaser-long-container .slick-track {
padding: 0.75rem 0;
}
.blog-teaser-long-container .news-item {
margin: 0 1rem 0 0;
width: 17.5rem;
}
.block-blog-teaser-long .btn {
margin: 0;
min-width: 12.25rem;
}
}.custom-dropdown-menu {
position: relative;
max-width: 26.25rem;
cursor: pointer;
margin: 0 auto;
border-radius: 0.375rem;
background: var(--color-light);
padding: 0.5rem;
box-shadow: 2px 2px 8px 0px #00000040;
}
.custom-dropdown-menu .dropdown-selected {
padding: 0.5rem 1rem;
background: var(--bs-white);
border-radius: 0.25rem;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
color: var(--color-secondary);
letter-spacing: 0.005em;
}
.custom-dropdown-menu .dropdown-selected::after {
content: '';
background: 14px;
background: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7979 12.8313L8.16777 9.20043C8.03921 9.07208 7.86497 9 7.68331 9C7.50166 9 7.32742 9.07208 7.19886 9.20043C7.07122 9.32978 6.99965 9.50419 6.99965 9.68591C6.99965 9.86763 7.07122 10.042 7.19886 10.1714L11.3131 14.2857C11.4381 14.41 11.6061 14.4814 11.7823 14.4851C11.9585 14.4888 12.1294 14.4245 12.2594 14.3056L16.4011 10.1748C16.5299 10.0463 16.6023 9.87197 16.6025 9.69007C16.6026 9.6 16.585 9.51079 16.5506 9.42755C16.5162 9.3443 16.4658 9.26864 16.4022 9.20488C16.3386 9.14113 16.263 9.09053 16.1798 9.05597C16.0966 9.02142 16.0075 9.00358 15.9174 9.00349C15.7355 9.00329 15.561 9.07537 15.4322 9.20385L11.7979 12.8313Z" fill="%23271A2B"/></svg>') no-repeat center;
width: 1.5rem;
height: 1.5rem;
transition: transform 0.3s ease;
}
.custom-dropdown-menu .dropdown-list {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--color-light);
padding: 0;
margin: 0;
list-style: none;
border-radius: 0 0 0.375rem 0.375rem;
max-height: 17rem;
overflow-y: auto;
z-index: 10;
box-shadow: 0 8px 8px 0px #00000040;
padding: 0 0.5rem 0.5rem 0.5rem;
flex-direction: column;
flex-wrap: nowrap;
gap: 0.625rem;
transition: all 300ms ease-in-out;
}
.custom-dropdown-menu .dropdown-list > li {
position: relative; border-bottom: 1px solid #DFDDDF;
transition: background 0.2s;
display: flex;
justify-content: space-between;
}
.custom-dropdown-menu .dropdown-list > li:before {
display: none;
}
.custom-dropdown-menu .dropdown-list > li > a {
color: var(--color-secondary);
text-decoration: none;
display: block;
letter-spacing: 0.005em;
width: 100%;
padding: 1rem 1rem 0.938rem;
}
.custom-dropdown-menu .dropdown-list > li:last-child {
border-bottom: none;
}
.custom-dropdown-menu .dropdown-list > li:hover {
background: #00000008;
} .custom-dropdown-menu.active {
border-radius: 0.375rem 0.375rem 0 0;
}
.custom-dropdown-menu.active .dropdown-selected::after {
transform: rotate(180deg);
}
.custom-dropdown-menu.active .dropdown-list {
display: flex;
}