.widget-spacer { min-height: 1px; width: 100%; }
.widget-spacer.spacer-size-header { height: var(--header-height, clamp(8rem, 5.379rem + 3.400vw, 12rem)); }
.widget-spacer.spacer-size-xxl { height: var(--space-xxl, clamp(10rem, -0.270rem + 13.500vw, 20rem)); }
.widget-spacer.spacer-size-xl { height: var(--space-xl, clamp(8rem, -0.216rem + 10.800vw, 16rem)); }
.widget-spacer.spacer-size-l { height: var(--space-l, clamp(6rem, -0.162rem + 8.100vw, 12rem)); }
.widget-spacer.spacer-size-m { height: var(--space-m, clamp(4rem, -0.108rem + 5.400vw, 8rem)); }
.widget-spacer.spacer-size-s { height: var(--space-s, clamp(2rem, -0.054rem + 2.700vw, 4rem)); }
.widget-spacer.spacer-size-xs { height: var(--space-xs, clamp(1rem, -0.027rem + 1.400vw, 2rem)); }
.widget-spacer.spacer-size-gap-default { height: var(--gap-default, 20px); }
.widget-spacer.spacer-size-gap-half { height: var(--gap-half, 10px); } @media (min-width:1081px) {
.grid.grid-l-5 {grid-template-columns: repeat(5, 1fr);}
.grid.grid-l-6 {grid-template-columns: repeat(6, 1fr);}
.grid.grid-l-7 {grid-template-columns: repeat(7, 1fr);}
.grid.grid-l-8 {grid-template-columns: repeat(8, 1fr);}
.grid.grid-l-9 {grid-template-columns: repeat(9, 1fr);}
.grid.grid-l-10{grid-template-columns: repeat(10, 1fr);}
.grid.grid-l-11{grid-template-columns: repeat(11, 1fr);}
} .widget-anchor {
width: 100%;
position: absolute;
top: 0;
left:0;
z-index: 0;
pointer-events: none;
}
.elementor-anchor-visual-indicator {
display: none;
}
.elementor-editor-active .widget-anchor {
position: relative !important;
top: 0 !important;
}
.elementor-editor-active .elementor-anchor-visual-indicator {
display: block;
position: absolute;
top: 0;
left:0;
right: 0;
margin:auto;
width: 100%;
height: 3px;
background:red;
z-index: 2;
transform: translateY(-1px);
}
.elementor-editor-active .elementor-anchor-visual-indicator::after {
content:"Sprunganker Scroll-Position";
position: absolute;
width:200px;
height: 18px;
font-size: 14px;
line-height: 18px;
padding: 3px;
background: white;
color: red;
left:0;
right:0;
margin:auto;
top: -9px;
z-index: 3;
} .accordion-item {
border: 1px solid var(--c-light-gray, #888888);
border-bottom: none;
}
.accordion-item:last-child {
border-bottom: 1px solid var(--c-light-gray, #888888);
}
.tab-title {
padding: var(--gap-default, 20px);
cursor:pointer;
display: inline-flex;
align-items:center;
width: 100%;
grid-gap: var(--gap-default, 20px);
background: none;
border: none;
margin-bottom: 0;
justify-content: flex-start;
color: var(--c-text, #000000);
}
.tab-title:hover {
background: none;
color: var(--c-primary, #333333);
}
.tab-content {
display: none;
padding: var(--gap-default, 20px); }
.accordion-title {
text-align: left;
display: inline-block;
line-height: 1;
}
.accordion-icon {
height: 100%;
display: inline-flex;
align-items:center;
justify-content: center;
}
.accordion-icon-opened,
.accordion-icon-closed,
.accordion-icon-opened svg,
.accordion-icon-closed svg {
height: 20px;
width: 20px;
}
.accordion-icon-opened,
.accordion-item.active .accordion-icon-closed {
display: none;
}
.accordion-item.active .accordion-icon-opened {
display: block;
} .it-text-col {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.widget-image-text.img-pos-top > .container > .grid {
grid-gap:0;
}
.widget-image-text.img-pos-top > .container .it-text-col {
padding: var(--gap-default, 20px) 0 0 0 !important;
}
.it-image-col {
transition: width 0s linear 0s, opacity: var(--a-timing-default, 0.2s) var(--a-easing-default, ease);
}
.it-image-col.cover{
height: 100%;
position: relative;
}
.it-image-col.cover img {
position: absolute;
top:0;
left:0;
}
@media (min-width: 768px) {
.widget-image-text > .container.fullwidth .it-text-col {
padding: var(--space-s, clamp(2rem, -0.054rem + 2.700vw, 4rem));
}
.img-pos-left .it-text-col {
padding-left: var(--gap-half, 10px);
}
.img-pos-right .it-text-col {
padding-right: var(--gap-half, 10px);
}
.img-pos-left .it-image-col,
.img-pos-right .it-image-col {
width: calc(100% + var(--gap-half, 10px));
}
.img-pos-left .it-image-col {
margin-right: calc(var(--gap-half, 10px) * -1);
}
.img-pos-right .it-image-col {
margin-left: calc(var(--gap-half, 10px) * -1);
}
.img-pos-left.stretch-image .it-image-col {
justify-self: end;
}
}
@media (min-width: 1025px) {
.widget-image-text > .container.fullwidth .it-text-col {
padding: var(--space-m, clamp(4rem, -0.108rem + 5.400vw, 8rem));
}
}
@media (max-width:767px) {
.widget-image-text > .container.fullwidth {
padding-left: var(--gap-default, 20px);
padding-right: var(--gap-default, 20px);
}
.elementor-inner-section .widget-image-text > .container.fullwidth {
padding-left: 0;
padding-right: 0;
}
.widget-image-text .it-image-col {
grid-row: 1;
}
.widget-image-text .it-text-col {
grid-row: 2;
}
} @media (min-width: 768px) {
.widget-image-text.stretch-image .it-image-col {
width: calc(100% + var(--gap-half) + var(--gap-default)) !important;
}
.widget-image-text.stretch-image .container.fullwidth .it-image-col {
width: calc(100% + var(--gap-half)) !important;
}
}
@media (min-width: 1440px) {
.widget-image-text.stretch-image .it-image-col {
width: calc(100% + var(--screen-side) + var(--scrollbar-width-half, 5px)) !important;
}
.widget-image-text.stretch-image .container.fullwidth .it-image-col {
width: calc(100% + var(--gap-half, 10px)) !important;
}
}
@media (max-width:767px) {
.widget-image-text.stretch-image .it-image-col {
width: calc(100% + (var(--gap-default, 20px) * 2)) !important;
margin-left: calc(var(--gap-default, 20px) * -1) !important;
}
} .logo-swiper {
padding-bottom: 4rem;
}
.logo-swiper .swiper-button-next, .logo-swiper .swiper-button-prev {
top: calc(50% - 2rem);
}
.swiper-slide.logo-item {
height: auto;
max-height: 150px;
}
.logo-item {
padding: 10px 20px;
height: 150px;
display: flex !important;
align-items: center;
justify-content: center;
}
.logo-inner {
display: inline-flex;
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
.logo-inner img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
display: inline-block;
object-fit: contain;
}
@media (max-width:1024px) {
.logo-wrapper.grid {
grid-template-columns: repeat(12, 1fr);
}
}
@media (max-width:767px) {
.logo-wrapper.grid {
grid-template-columns: repeat(3, 1fr);
}
} .widget-slideshow.has-pagination .swiper-container {
padding-bottom: 4rem;
}
.widget-slideshow.has-pagination .swiper-container .swiper-button-next,
.widget-slideshow.has-pagination .swiper-container .swiper-button-prev {
top: calc(50% - 2rem);
}
.auto-width-slider .swiper-slide {
width: auto;
}
.auto-width-slider .cover {
height: 100%;
}
#content .auto-width-slider .cover img {
height: 100%;
width: auto;
}
.slideshow-item {
position: relative;
}
.slideshow-content-wrapper {
top:0;
left:0;
position: absolute;
width:100%;
height:100%;
z-index: 10;
}
.slideshow-overlay {
top:0;
left:0;
position: absolute;
width:100%;
height:100%;
z-index: 5;
pointer-events:none;
}  .testimonial-item {
padding: var(--gap-default, 20px);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17);
transition: all var(--a-timing-default, 0.2s) var(--a-easing-default, ease);
position: relative;
background-color: var(--c-bg-invert-5, rgba(0,0,0,0.05));
}
.testimonial-item:hover {
box-shadow: 0 15px 20px rgba(0,0,0,.27);
}
.quotation-marks {
margin-bottom: var(--gap-half, 10px);
}
.quotation-marks svg {
display: inline-block;
width: 30px;
height: 30px;
}
.tm-image-wrapper {
border-radius: 50%;
overflow:hidden;
width: 120px;
height: 120px;
display: inline-block;
}
.testimonial-item p {
margin-bottom: 0;
}
@media (min-width:768px) {
.testimonial-item {
padding: calc(var(--gap-default, 20px) * 2);
}
} .tm-style-1 .testimonial-item {
text-align:center;
margin-top: 60px;
margin-bottom: 20px;
} .tm-style-2 .quotation-marks {
display: none;
}
.tm-style-1 .tm-image-wrapper {
margin-top: -100px;
margin-bottom: var(--gap-default, 20px);
box-shadow: var(--box-shadow-large, 0 5px 30px var(--c-bg-invert-34, rgba(0,0,0,0.34)));
border: 4px solid var(--c-white, #FFFFFF);
}
@media (max-width:767px) {
.tm-style-1 .testimonial-item {
margin-top: 50px;
margin-bottom: 0;
}
.tm-style-1 .tm-image-wrapper {
width:90px;
height:90px;
margin-top: -65px;
margin-bottom: 10px;
}
} .tm-style-2 .testimonial-item {
margin-top: 55px;
}
.tm-style-2 .tm-image-wrapper {
width:90px;
height:90px;
margin-top: -120px;
margin-bottom: var(--gap-default, 20px);
box-shadow: var(--box-shadow-large, 0 5px 30px var(--c-bg-invert-34, rgba(0,0,0,0.34)));
}
.tm-style-2 .tm-content-wrapper {
display:flex;
flex-direction: column-reverse;
}
.tm-style-2 .tm-content {
padding-top: 0;
padding-bottom: var(--space-xs, clamp(1rem, -0.027rem + 1.400vw, 2rem));
margin-bottom: var(--space-xs, clamp(1rem, -0.027rem + 1.400vw, 2rem));
border-bottom: 2px solid var(--c-lightest-gray, #F5F5F5);
}
.tm-style-2 .testimonial-item:hover {
background-color: var(--c-primary);
}
.tm-style-2 .testimonial-item:hover .tm-content,
.tm-style-2 .testimonial-item:hover .tm-title.h5 {
color: var(--c-white, #FFFFFF);
}
.tm-style-2 .testimonial-item:hover .tm-job {
color: var(--c-white, #FFFFFF) !important;
opacity: .8;
}
@media (max-width:767px) {
.tm-style-2 .testimonial-item {
margin-top: 35px;
}
.tm-style-2 .tm-image-wrapper {
width:70px;
height:70px;
margin-top: -55px;
margin-bottom: 10px;
}
} .tm-style-3 .tm-top {
display: flex;
align-items: center;
grid-gap: 20px;
max-width: calc(100% - 80px);
margin-bottom: 20px;
}
.tm-style-3 .quotation-marks {
position: absolute;
right: 40px;
top: 40px;
}
.tm-style-3 .quotation-marks svg {
display: inline-block;
width: 50px;
height: 50px;
}
.tm-style-3 .tm-image-wrapper {
width:60px;
height:60px;
}
@media (max-width:767px) {
.tm-style-3 .tm-top {
max-width: calc(100% - 60px);
}
.tm-style-3 .quotation-marks {
right: 20px;
top: 20px;
}
.tm-style-3 .quotation-marks svg {
width: 30px;
height: 30px;
}
} .testimonial-swiper {
padding: 30px 60px 60px;
margin-left: -60px;
margin-right: -60px;
padding-bottom: 4rem;
}
.testimonial-swiper .swiper-slide.swiper-slide-visible.swiper-slide-prev,
.testimonial-swiper .swiper-slide {
height: auto;
opacity: 0;
pointer-events:none;
visibility: hidden;
}
.testimonial-swiper .swiper-slide.swiper-slide-visible {
opacity: 1;
pointer-events:all;
visibility: visible;
}
.testimonial-swiper .swiper-button-prev {
left: 0;
}
.testimonial-swiper .swiper-button-next {
right: 0;
}
@media (min-width:1081px) {
.widget-testimonial > .container.xlarge .testimonial-swiper,
.widget-testimonial > .container.fullwidth .testimonial-swiper {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width:1200px) {
.testimonial-swiper {
padding: 20px 20px 60px;
margin-left: -20px;
margin-right: -20px;
}
.testimonial-swiper .swiper-button-prev,
.testimonial-swiper .swiper-button-next {
display: none;
}
} .elementor-widget-mj-gallery .widget-gallery .gallery-item {
display: none;
}
.elementor-widget-mj-gallery .widget-gallery .gallery-item.active {
display: block;
} .filebird-filternav {
margin-bottom: calc(var(--gap-default, 20px) + var(--gap-half, 10px));
list-style: none;
}
.filebird-filternav li {
display: inline-block;
margin: 0 var(--gap-half, 10px) var(--gap-half, 10px) 0;
}
.filebird-filternav li:last-child {
margin-right: 0;
}
.fb-filternav-item {
font-size: var(--fs-xs, clamp(1.2rem, 1.122rem + 0.200vw, 1.4rem));
line-height: var(--lh-s, 1.2);
padding: 1rem 2rem;
background-color: var(--c-lightest-gray, #F5F5F5);
cursor: pointer;
background-color: transparent;
margin-bottom: 0;
border-radius: var(--border-radius);
color: var(--c-text);
border-radius: var(--border-radius, 2px);
transition: all var(--a-timing-default, 0.2s) var(--a-easing-default, ease);
}
.fb-filternav-item:hover,
.fb-filternav-item.active {
background-color: var(--c-primary);
color: var(--c-white, #FFFFFF);
}
.fb-filternav-item.active {
cursor: default;
} .widget-gallery.grid-type-masonry .gallery-wrapper {
width: calc(100% + var(--gap-default));
margin-left: calc(var(--gap-half) * -1);
margin-right: calc(var(--gap-half) * -1);
margin-top: calc(var(--gap-half) * -1);
margin-bottom: calc(var(--gap-half) * -1);
}
.widget-gallery.grid-type-masonry .gallery-item.col-6 {width: 50%;}
.widget-gallery.grid-type-masonry .gallery-item.col-4 {width: calc(100% / 3);}
.widget-gallery.grid-type-masonry .gallery-item.col-3 {width: 25%;}
.widget-gallery.grid-type-masonry .gallery-item.col-2 {width: calc(100% / 6);}
.widget-gallery.grid-type-masonry .gallery-item .gallery-image {
padding: var(--gap-half);
aspect-ratio: auto !important;
}
.widget-gallery.grid-type-masonry .gallery-item .gallery-image img,
.widget-gallery.grid-type-masonry .gallery-item .gallery-image svg {
height: auto !important;
object-fit: contain !important;
} .elementor-editor-active .widget-gallery.grid-type-masonry .gallery-wrapper,
.widget-gallery.grid-type-fixed_grid .gallery-wrapper {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.elementor-editor-active .widget-gallery.grid-type-masonry .gallery-item {
width: 100% !important;
}
.elementor-editor-active .widget-gallery.grid-type-masonry .gallery-item .gallery-image,
.widget-gallery.grid-type-fixed_grid .gallery-item .gallery-image {
padding: 0 !important;
} .widget-table {
color: var(--c-text, #000000);
overflow: auto;
width: calc(100% - (var(--gap-default, 20px) * 2));
position: relative;
margin-left: var(--gap-default, 20px);
margin-right: var(--gap-default, 20px);
}
.widget-table > .container {
padding-left: 0;
padding-right: 0;
overflow:auto;
}
.widget-table table {
width: auto;
min-width: var(--container-width-xxs, 767px);
border-collapse: collapse;
border-style: solid;
border-width: 1px 0 0 1px;
border-color: var(--c-bg-invert-10);
}
.widget-table tr:nth-child(even) {
background-color: var(--c-bg-invert-5, rgba(0,0,0,0.05));
}
.widget-table tr:hover {
background-color: var(--c-lightest-gray, #F5F5F5);
color: var(--c-text, #000000);
}
.widget-table th,
.widget-table td {
text-align:left;
padding: var(--gap-default, 20px);
vertical-align: top;
border-style: solid;
border-width: 0 1px 1px 0;
border-color: var(--c-bg-invert-10);
transition: background-color var(--a-timing-default, 0.2s) var(--a-easing-default, ease);
}
.widget-table th p:last-child,
.widget-table td p:last-child {
margin-bottom: 0;
}
.widget-table tr th {
background-color: var(--c-primary);
color: var(--c-white, #FFFFFF);
}
.widget-table tr th a {
color: var(--c-white, #FFFFFF);
text-decoration: underline;
opacity: 0.8;
}
.widget-table thead tr:hover th {
background-color: var(--c-primary-alt);
color: var(--c-white, #FFFFFF);
}
html[data-color-theme="dark"] .widget-table thead tr:hover th {
color: var(--c-text, #000000);
} .widget-counter > .container > .flex {
width: calc(100% + var(--gap-default, 20px));
margin-left: calc(var(--gap-half, 10px)* -1);
margin-right: calc(var(--gap-half, 10px)* -1);
}
.counter-item {
margin-bottom: var(--gap-default, 20px);
}   .video-wrapper {
display: inline-block;
margin: 0;
padding: 0;
}
.widget-video.opens-in-popup .video-wrapper:not(.cover) {
aspect-ratio: 16 / 9;
}
.video-wrapper video {
width: 100%;
height: auto;
display: block;
}
.video-thumbnail-container {
position: absolute;
top:0;
left:0;
right:0;
bottom: 0;
margin:auto;
width: 100%;
height: 100%;
z-index: 2;
}
.opens-in-popup .video-thumbnail-container {
position: static;
}
.video-play-button {
color: var(--c-white, #FFFFFF);
background: none !important;
border: 4px solid !important;
box-shadow: 0 0 10px rgba(0,0,0,.2);
width: 100px;
height: 100px;
border-radius: 100px;
z-index: 3;
position: absolute;
top:0;
left:0;
right:0;
bottom: 0;
margin:auto;
padding: 0;
cursor:pointer;
}
.video-play-button svg {
display: inline-block;
vertical-align: top;
margin:0;
padding:0;
} button.transcript-toggle {
padding: 0;
margin: 0 var(--gap-default, 20px) var(--gap-default, 20px) 0;
border: none;
background: none;
color: var(--c-text, #000000);
cursor:pointer;
font-size: var(--fs-m, clamp(1.6rem, 1.522rem + 0.200vw, 1.8rem));
text-decoration: underline;
transition: all var(--a-timing-default, 0.2s) var(--a-easing-default, ease);
}
button.transcript-toggle:hover {
color: var(--c-primary);
}
.video-transcript .hide-transcript {
text-decoration: none;
}
.vts-content-container {
display: none;
background-color: var(--c-lightest-gray, #F5F5F5);
padding: var(--gap-default, 20px);
}
.video-transcript .hide-transcript {
display: none;
}
.video-transcript.active .show-transcript {
display: none;
}
.video-transcript.active .hide-transcript {
display: inline-block;
} .video-popup-bg,
.video-popup-container {
position: fixed;
z-index: 1100;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin:auto;
transition: all .2s ease;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.video-popup-bg.active,
.video-popup-container.active {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.video-popup-bg {
background-color: rgba(0,0,0,.8);
}
.video-popup-container {
z-index: 1150;
pointer-events: none !important;
display: flex;
align-items: center;
justify-content: center;
}
.video-popup-inner {
max-width: 1000px;
background-color: var(--c-bg);
pointer-events: all;
position: relative;
padding: 50px 20px;
}
.video-popup-close {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (min-width:1081px) {
.video-popup-container video {
width: 52vw;
}
}
@media (max-width:767px) {
.video-play-button {
width: 70px;
height: 70px;
border-radius: 70px;
}
} .widget-image-boxes > .container > .flex {
width: calc(100% + var(--gap-default, 20px));
margin-left: calc(var(--gap-half, 10px)* -1);
margin-right: calc(var(--gap-half, 10px)* -1);
} .image-inner {
overflow: hidden;
} .ci-icon-container {
position: relative;
vertical-align:top;
}
.ci-icon-container img,
.ci-icon-container svg,
.ci-icon-container i {
height: 24px !important;
width:auto !important;
}
.icon-positioning-above .ci-icon-container {
margin-right: 0 !important;
}
.icon-positioning-beside .ci-icon-container {
margin-bottom: 0 !important;
} .swiper-slide.banner-item {
position: relative;
display: flex;
height: auto;
width: 100% !important;
}
.banner-image,
.banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.banner-overlay {
z-index: 1;
}
.banner-image img {
display: block;
}
.banner-content-wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 3;
}
@media (max-width: 1600px) {
.banner-swiper-button-prev,
.banner-swiper-button-next {
display: none !important;
}
} .widget-call-to-action {
position: relative;
}
.cta-bg,
.cta-bg-wrapper,
.cta-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.cta-bg-wrapper > div {
width: 100%;
height: 100%;
}
.cta-overlay {
z-index: 2;
}
.cta-content {
position: relative;
z-index: 3;
} .widget-banner-startseite .bs-inner {
position: relative;
min-height: 100svh;
}
.widget-banner-startseite .bs-inner .banner-side {
position: absolute;
height: 100%;
top: 0;
width: 50%;
background-size: cover;
background-repeat:no-repeat;
background-position: center;
transition: width .9s ease-in;
overflow:hidden;
display: flex;
align-items:center;
z-index: 1;
}
#banner-side-left {
left: 0;
}
#banner-side-right {
right: 0;
}
.banner-side-image {
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
margin:auto;
width: 100%;
height: 100svh;
z-index: 1;
}
.banner-side-inner {
width: 100%;
z-index: 3;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.banner-side-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, var(--c-grey, rgba(52, 51, 51, 0.40)) 0%, rgba(52, 51, 51, 0.00) 100%);
z-index: 2;
pointer-events: none;
transition: all 0.4s ease .1s;
}
.banner-content-wrapper {
height: 100%;
grid-gap: var(--gap-default);
width: 1400px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.banner-content {
padding: var(--gap-default);
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: all 0s ease-in 0s
transform: translateY(40px);
text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.40);
}
#banner-side-left .banner-icon {
grid-column: 2;
grid-row: 1;
}
#banner-side-left .banner-content {
grid-column: 1;
grid-row: 1;
}
.widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner .banner-side:hover {
width: 90%; z-index: 2;
}
.widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner:has(.banner-side#banner-side-right:hover) #banner-side-left,
.widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner:has(.banner-side#banner-side-left:hover) #banner-side-right {
width: 10%; }
.widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner:has(.banner-side#banner-side-right:hover) #banner-side-left .banner-side-overlay,
.widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner:has(.banner-side#banner-side-left:hover) #banner-side-right .banner-side-overlay {
background: rgba(0, 0, 0, 0.7);
}
.widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner:has(.banner-side#banner-side-left:hover) #banner-side-right .banner-icon img {
transform: translateX(-100%);
}
#content .banner-icon img {
height: 404px !important;
width: 404px !important;
max-width: 404px !important;
max-height: 404px !important;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transition: all .3s ease-in;
}
#banner-side-right .banner-icon img {
transform: translateX(-202px);
}
#banner-side-left .banner-icon img {
transform: translateX(235px);
}
#content .widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner .banner-side:hover .banner-icon img {
transform: translateX(0) !important;
height: 604px !important;
width: 604px !important;
max-width: 604px !important;
max-height: 604px !important;
}
.widget-banner-startseite:not(.widget-banner-startseite-v2) .bs-inner .banner-side:hover .banner-content {
opacity: 1;
pointer-events: all;
visibility: visible;
transition: all .3s ease-in .3s;
transform: translateY(0px);
}
.banner-side#banner-side-right {
--c-primary: #77CAE5;
--c-primary-alt: color-mix(in srgb, var(--c-primary) 90%, white);
}
.banner-side#banner-side-left {
--c-primary: #E73439;
--c-primary-alt: color-mix(in srgb, var(--c-primary) 90%, white);
}
.banner-product-logo img {
height: auto !important;
width: 246px;
max-width: 100%;
}
.banner-product-logo svg {
width: 100%;
max-width: 200px;
height:auto;
}
.banner-product-logo svg path.reg-p-logo-dark {
fill:var(--c-text) !important;
}
.banner-side.inactive .banner-product-logo svg path.reg-p-logo-dark {
fill:var(--c-soft-grey) !important;
}  .widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side {
transition-timing-function: cubic-bezier(.51,.92,.24,1.15);
cursor: pointer;
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side.active {
width: 70%;
z-index: 2;
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side:focus-visible {
outline-color: var(--c-primary);
outline-width: 2px;
outline-style: dashed;
outline-offset: -0;
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner:has(.banner-side#banner-side-right.active) #banner-side-left,
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner:has(.banner-side#banner-side-left.active) #banner-side-right {
width: 30%;
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner:has(.banner-side#banner-side-right.active) #banner-side-left .banner-side-overlay,
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner:has(.banner-side#banner-side-left.active) #banner-side-right .banner-side-overlay {
background: rgba(0, 0, 0, 0.7);
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner:has(.banner-side#banner-side-left.active) #banner-side-right .banner-icon img {
transform: translateX(-100%);
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side .banner-content {
margin:auto;
max-width: calc(100vw * 0.30 - (var(--gap-default) * 2));
width:100%;
text-align:center; opacity: 1;
transform: translateY(0px);
visibility: visible;
display: block;
pointer-events: all;
} .widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-bottom-wrapper {
display: none;
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side .banner-content .banner-button,
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side .banner-content .banner-text { } .widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side.active .banner-content .banner-button,
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side.active .banner-content .banner-text {
opacity: 1 !important;
transform: translateY(0px) !important;
visibility: visible !important;
pointer-events: all !important;
transition: all .2s ease-in .1s !important;
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side.active .banner-content .banner-button .btn {
opacity: 1 !important;
transform: translateY(0px) !important;
visibility: visible !important;
}
.widget-banner-startseite.widget-banner-startseite-v2 .banner-icon {
text-align: center;
}
.widget-banner-startseite.widget-banner-startseite-v2 .banner-icon img {
position: static !important;
transform: translateX(0px) !important;
max-width: 100% !important;
}
.widget-banner-startseite.widget-banner-startseite-v2 .banner-content-wrapper {
display: block !important;
}
#content .widget-banner-startseite.widget-banner-startseite-v2 .banner-icon img {
width: 100% !important;
max-width: clamp(8rem, -3.793rem + 15.500vw, 26rem) !important;
}
.widget-banner-startseite.widget-banner-startseite-v2 .banner-content-wrapper {
width: 100%;
padding: var(--header-height) 0;
}
.widget-banner-startseite.widget-banner-startseite-v2 .banner-content-wrapper .button,
.widget-banner-startseite.widget-banner-startseite-v2 .banner-content-wrapper .btn {
margin-bottom: 0 !important;
}
@media (max-width:1200px) {
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side .banner-content {
max-width: 100%;
}
.widget-banner-startseite.widget-banner-startseite-v2 .banner-content-wrapper .button,
.widget-banner-startseite.widget-banner-startseite-v2 .banner-content-wrapper .btn,
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side .banner-content .banner-button,
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side .banner-content .banner-text {
opacity: 1 !important;
transform: translateY(0px) !important;
visibility: visible !important;
pointer-events: all !important;
}
} .widget-banner-startseite.widget-banner-startseite-v2 .bs-inner .banner-side:not(.active):hover {
width: 55%;
}
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner:has(.banner-side#banner-side-right:not(.active):hover) #banner-side-left:not(.active),
.widget-banner-startseite.widget-banner-startseite-v2 .bs-inner:has(.banner-side#banner-side-left:not(.active):hover) #banner-side-right:not(.active) {
width: 45%;
}
@media (max-width:767px) {
.widget-banner-startseite .bs-inner .banner-side {
position: relative;
width: 100%;
}
} .elementor-widget-video > .elementor-widget-container > .elementor-wrapper {
max-width: 1460px !important;
margin:auto;
} .mwz-item {
text-align:center;
margin-bottom: calc(var(--gap-default) * 2);
}
.mwz-icon img {
height: 120px;
max-width: 120px;
width: 100%;
object-fit: contain;
} button.tab-title:focus {
background: none;
}
.accordion-icon-opened, .accordion-icon-closed, .accordion-icon-opened svg, .accordion-icon-closed svg {
height: 30px;
width: 30px;
}
.acc-icon-plus-minus {
height: 30px;
width: 30px;
display: inline-block;
position: relative;
}
.acc-icon-plus-minus::before,
.acc-icon-plus-minus::after {
content:"";
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
margin:auto;
background-color: var(--c-primary);
}
.acc-icon-plus-minus::before {
width: 100%;
height: 1px;
}
.acc-icon-plus-minus::after {
width: 1px;
height: 100%;
}
.acc-icon-plus-minus.acc-icon-minus::before {
display: none;
} .um-page .elementor-shortcode {
max-width: 1460px;
margin: auto;
}