@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;
}
}.block-blog .blog-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: center;
}
.block-blog .blog-container .news-item {
position: relative;
width: calc(100% / 3 - 1.5rem);
flex-shrink: 0;
border-radius: 0.313rem;
overflow: hidden;
transition: all 300ms ease-in-out;
background: var(--bs-white);
}
.block-blog .blog-container .news-item:hover {
box-shadow: 0px 4px 16px 0px #00000040;
}
.block-blog .blog-container .news-item img {
width: 100%;
height: 12.097rem;
object-fit: cover;
}
.block-blog .blog-container .news-item .news-item-detail {
display: flex;
padding: 1.5rem 1.5rem 1.75rem;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
gap: 0.25rem;
letter-spacing: 0.005em;
}
.block-blog .blog-container .news-item .news-item-detail .post-permalink {
position: relative;
color: var(--color-primary);
text-decoration: none;
margin-top: 0.813rem;
}
.block-blog .blog-container .news-item .news-item-detail .post-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-blog .blog-container .news-item .post-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
}
.block-blog .btn {
display: table;
margin: 2.5rem auto 0;
} .block-blog .blog-container .news-item:first-child, .block-blog .blog-container .news-item:nth-child(2) {
width: calc(100% / 2 - 1.5rem);
}
.block-blog .blog-container .news-item:first-child img, .block-blog .blog-container .news-item:nth-child(2) img {
height: 18.75rem;
} .blog-container-filter {
display: flex;
gap: 1rem;
justify-content: center;
margin-bottom: 2.5rem;
}
.blog-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;
}
.blog-container-filter .filter-btn:hover {
background: #c9c6ca;
}
.blog-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-blog .blog-container {
gap: 1rem;
}
.block-blog .blog-container .news-item:first-child, .block-blog .blog-container .news-item:nth-child(2) {
width: calc(100% / 2 - 1rem);
}
.block-blog .blog-container .news-item {
width: calc(100% / 3 - 1rem);
}
.block-blog .blog-container .news-item:first-child img, .block-blog .blog-container .news-item:nth-child(2) img, .block-blog .blog-container .news-item img {
height: 11.5rem;
}
.block-blog .blog-container .news-item .news-item-detail {
padding: 1rem;
}
.block-blog .btn {
margin: 1rem auto 0;
}
}
@media only screen and (max-width: 767px) {
.blog-container-filter {
margin: 2.5rem 0;
justify-content: flex-start;
gap: 0.5rem;
width: calc(100% + 1rem);
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
.blog-container-filter .filter-btn {
flex: none;
}
.block-blog .blog-container {
gap: 1rem;
flex-direction: column;
flex-wrap: nowrap;
}
.block-blog .blog-container .news-item {
width: 100% !important;
}
.block-blog .blog-container .news-item:first-child img, .block-blog .blog-container .news-item:nth-child(2) img, .block-blog .blog-container .news-item img {
height: 11.5rem;
}
.block-blog .blog-container .news-item .news-item-detail {
padding: 1rem;
}
.block-blog .btn {
margin: 1rem 0 0;
}
}
.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-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-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-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;
}
}