.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: 0 var(--gap-default, 20px) 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;
}
.it-image-col img {
border-radius: 10px;
}
.widget-image-text .it-headline,
.widget-image-text .button {
margin-bottom: 0 !important;
}
.widget-image-text .it-text-col {
grid-gap: var(--gap-default);
}
@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: 1081px) {
.widget-image-text .it-text-col {
grid-gap: clamp(5rem, 3.034rem + 2.600vw, 8rem);
}
.widget-cta .t-wrapper > p:last-child {
margin-bottom: clamp(5rem, 3.034rem + 2.600vw, 8rem);
}
.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 { }
.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);
} .pagination-item {
display: inline-flex;
margin: 5px;
width: 50px;
height: 50px;
align-items:center;
justify-content:center;
cursor:pointer;
border: 2px solid transparent;
transition: all var(--a-timing-default, 0.2s) var(--a-easing-default, ease);
background: var(--c-lightest-gray, #F5F5F5);
font-size: var(--fs-m, clamp(1.6rem, 1.522rem + 0.200vw, 1.8rem));
}
.pagination-item:hover {
color: var(--c-primary);
}
.pagination-number.active {
color: var(--c-primary);
border-color: var(--c-primary);
} .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;
}
.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;
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;
} .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;
}
} .cta-image-holder,
.cta-bg-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
pointer-events: none;
width: 100%;
height: 100%;
}
.cta-image-holder {
background: var(--c-gradient);
}
.cta-bg-overlay {
z-index: 2;
background: linear-gradient(0deg, rgba(70, 70, 70, 0.50) 0%, rgba(70, 70, 70, 0.50) 100%);
}
.hbs-bg-overlay {
background: rgba(0,0,0,.5);
}
.cta-content-holder {
position: relative;
z-index: 3;
}
.cta-text-col {
text-align:center;
} .widget-hero-banner-small .cta-text-col {
text-align:left;
} .tl-list-item {
list-style: none;
font-weight: 700;
display: flex;
align-items: center;
}
.tl-list-item:last-child {
margin-bottom: 0;
}
.tl-list-item i,
.tl-list-item svg {
height: 46px;
width: 46px;
display: inline-block;
}
.tl-list-icon,
.tl-list-text {
display: inline-block;
vertical-align: middle;
}
.tl-list-icon {
height: 46px;
width: 46px;
margin-right: var(--gap-half, 10px);
}
.tl-list-text {
width: calc(100% - (var(--gap-half, 10px) + 46px));
}
.tl-list-item svg.e-font-icon-svg {
fill: var(--c-primary);
}