.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);}
}
.t-wrapper p:last-child,
.wysiwyg p:last-child {
margin-bottom: 0;
}
.t-wrapper a {
text-decoration: underline;
} .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 {
background-color: #ffffff;
} .tab-title {
padding: var(--gap-default, 20px);
cursor:pointer;
display: inline-flex;
align-items:center;
width: 100%;
grid-gap: var(--gap-default, 20px); border: none;
margin-bottom: 0;
justify-content: flex-start; font-size: 2.2rem;
font-weight: var(--fw-700);
font-family: var(--ff-accent); }
.tab-title:hover {  }
.tab-title.rot:hover {background-color: var(--c-rot-50);}
.tab-title.gelb:hover {background-color: var(--c-gelb-50);}
.tab-title.blau:hover {background-color: var(--c-blau-50);}
.tab-title.graphit:hover {background-color: var(--c-graphit-50);}
.tab-title.altweiss:hover {background-color: var(--c-altweiss-50);}
.tab-title.primary:hover {background-color: var(--c-primary-50);}
.tab-content {
display: none; transition: var(--transition);
background: white;
}
.accordion-title {
text-align: left;
display: inline-block;
line-height: 1;
}
.accordion-title h1,
.accordion-title h2,
.accordion-title h3,
.accordion-title h4,
.accordion-title h5,
.accordion-title h6 {
color: inherit;
font-family: var(--ff-accent) !important;
text-transform: none;
}
.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;
}
.direction-horizontal .accordion-icon-opened, .direction-horizontal .accordion-icon-closed {
width:auto;
height:auto;
}
.accordion-icon-closed {
display: flex;
}
.accordion-icon-opened,
.accordion-item.active .accordion-icon-closed {
display: none;
}
.accordion-item.active .accordion-icon-opened {
display: flex;
}
.accordion-icon-opened:has(.acc-number-indivator), .accordion-icon-closed:has(.acc-number-indivator) {
width:auto;
height:auto;
}
.acc-number-indivator {
margin-top: 10px;
display: block;
height: 30px;
width: 30px;
}
.accordion-icon-opened .acc-number-indivator svg, .accordion-icon-closed .acc-number-indivator svg {
height: 30px;
width: 30px;
}
.tab-title.button.altweiss {
box-shadow: inset 0px 0px 0px 2px var(--c-graphit);
background: #fff;
}
.tab-title.button.altweiss:hover {
background: var(--c-altweiss);
}
.acc-content-inner {
padding: clamp(5rem, 4.083rem + 1.200vw, 6.4rem) clamp(2.4rem, 0.828rem + 2.100vw, 4.8rem);
}
.acc-content-inner {
visibility: hidden;
}
.accordion-item.active .acc-content-inner {
visibility: visible;
} @media (min-width:1081px) {
.direction-horizontal .container.accordion-container {
display: flex;
background: white;
}
.direction-horizontal .accordion-item {
display: flex;
overflow: hidden;
width: 100px;
transition: var(--transition);
flex-basis: 100px;
} .direction-horizontal .tab-title {
width: 100px;
display: inline-flex;
float: left;
padding: 0;
align-items: flex-start;
flex-direction: column;
padding-top: 3.2rem;
padding-bottom: 3.2rem;
justify-content: space-between;
}
.direction-horizontal .accordion-item .tab-content {
display: inline-block !important;
width: calc(100% - 100px);
float: left; opacity: 0;
padding: 0; overflow: hidden;
transition: all var(--a-timing-default) var(--a-easing-default), opacity 0s linear 0s;
}
.direction-horizontal .accordion-item.active .tab-title {
pointer-events: none !important;
}
.direction-horizontal .accordion-item.active .tab-content { opacity: 1;
transition: all var(--a-timing-default) var(--a-easing-default), opacity var(--a-timing-default) var(--a-easing-default) var(--a-timing-default);
}  .direction-horizontal .accordion-item.active {
width:100%;
}
.direction-horizontal .accordion-icon {
width: 100px;
height: auto;
}
.direction-horizontal .accordion-title {  writing-mode: tb-rl;
transform: rotate(-180deg);
width: 100px;
line-height: 100px;
}
.direction-horizontal .accordion-icon-opened, .direction-horizontal .accordion-icon-closed {
flex-direction: column;
}
}
@media (max-width:1080px) {
.accordion-icon br {
display: none;
}
.accordion-icon > div { align-items: center;
grid-gap: 10px;
}
.acc-number-indivator {
margin-top: 0;
}
.accordion-icon-opened .acc-number-indivator svg,
.accordion-icon-closed .acc-number-indivator svg {
transform: rotate(-90deg);
}
.accordion-title h1,
.accordion-title h2,
.accordion-title h3,
.accordion-title h4,
.accordion-title h5,
.accordion-title h6 {
margin-bottom: 0;
}
}
@media (max-width:767px) {
.tab-title {
grid-gap: 10px;
justify-content: space-between;
}
.accordion-title {
text-align:right;
}
.widget-accordion.direction-horizontal .container.accordion-outer-container {
padding-left:0;
padding-right:0;
width: 100%;
}
.widget-accordion .accordion-item {
width: 100%;
overflow: hidden;
}
.accordion-icon > div {
grid-gap: 2px;
}
.accordion-icon-opened .acc-number-indivator svg,
.accordion-icon-closed .acc-number-indivator svg {
width:24px;
height:24px;
margin-top: 3px;
}
.accordion-icon,
.accordion-title h1,
.accordion-title h2,
.accordion-title h3,
.accordion-title h4,
.accordion-title h5,
.accordion-title h6 {
font-size: 18px !important;
}
.tab-title h2 {
display: block;
}
}
@media (max-width:475px) {
.tab-title {
grid-gap: 10px;
justify-content: flex-start;
}
.
} .widget-image-text {
overflow: hidden;
}
.it-text-col {
display: flex;
flex-direction: column;
align-items: flex-start; padding-top: clamp(5rem, 3.034rem + 2.600vw, 8rem);
padding-bottom: clamp(5rem, 3.034rem + 2.600vw, 8rem);
}
.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;
}
.widget-image-text .t-wrapper h1,
.widget-image-text .t-wrapper h2,
.widget-image-text .t-wrapper h3,
.widget-image-text .t-wrapper h4,
.widget-image-text .t-wrapper h5,
.widget-image-text .t-wrapper h6 {
color: var(--c-text);
}
.impex-sigil-wrap {
width: 80px;
height: 80px;
position: absolute;
bottom: var(--gap-default);
left: var(--gap-default);
z-index: 3;
}
.impex-sigil-wrap img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
}
@media (min-width: 768px) {
.widget-image-text > .container.fullwidth .it-text-col {
padding: var(--space-s, clamp(2rem, -0.054rem + 2.700vw, 4rem));
}
.widget-image-text.img-pos-right .it-text-col {
padding-right: clamp(5rem, 3.034rem + 2.600vw, 8rem);
}
.widget-image-text.img-pos-left .it-text-col {
padding-left: clamp(5rem, 3.034rem + 2.600vw, 8rem);
}
.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;
}
.impex-sigil-wrap {
width: 128px;
height: 128px;
}
.img-pos-left .impex-sigil-wrap {
bottom: 64px;
right: -64px;
}
.img-pos-right .impex-sigil-wrap {
bottom: 64px;
left: -64px;
}
}
@media (min-width: 1081px) {
.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 > .grid {
grid-gap:0;
}
.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;
}
.mobile-order-image-first .it-image-col,
.mobile-order-text-first .it-text-col {
grid-row: 1;
}
.mobile-order-image-first .it-text-col,
.mobile-order-text-first .it-image-col {
grid-row: 2;
}
} @media (min-width: 768px) {
.widget-image-text.stretch-image .it-image-col {
width: calc(100% + (var(--gap-default) * 2)) !important;
}
}
@media (min-width: 1440px) {
.widget-image-text.stretch-image .it-image-col {
width: calc(100% + var(--screen-side)) !important;
}
}
@media (max-width:767px) {
.widget-image-text.stretch-image .it-image-col {
width: calc(100% + (var(--gap-default) * 2)) !important;
margin-left: calc(var(--gap-default) * -1) !important;
}
} .logo-swiper {
padding-bottom: 4rem;
}
.logo-swiper .swiper-button-next, .logo-swiper .swiper-button-prev {
top: calc(50% - 2rem);
}
.swiper-wrapper.logo-wrapper {
transition-timing-function: linear;
}
.logo-item,
.swiper-slide.logo-item {
height: auto;
width:200px;
}
.logo-item {   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;
min-height: 80px;
filter: grayscale(1);
}
@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 {
overflow: hidden;
}
.swiper-container.slideshow-swiper.slideshow-container {
overflow: visible;
}
.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-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 { }
.counter-number-wrap {
font-weight: 700;
font-family: var(--ff-accent);
font-size: clamp(4.2rem, 3.414rem + 1.000vw, 5.4rem);
white-space: nowrap;
}
@media (min-width:1081px) {
.widget-counter .flex .col-2, .widget-counter .flex.cols-2 .flex-col {
flex-grow: 1;
width: 50%;
}
}
@media (min-width:768px) {
.widget-counter .flex .col-2, .widget-counter .flex.cols-2 .flex-col {
flex-grow: 1;
width: 100%;
}
}
@media (max-width:1080px) {
.widget-counter .flex .col-2, .widget-counter .flex.cols-2 .flex-col {
flex-grow: 1;
width: 100%;
flex-basis: 100%;
}
} .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-thumbnail-container::after {
content:"";
position: absolute;
top:0;
left:0;
right:0;
bottom: 0;
margin:auto;
width:100%;
height:100%;
background-color: rgba(0,0,0,.4);
z-index: 3;
}
.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: 4;
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;
}
.video-play-button:hover {
color: var(--c-primary);
} 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 {
overflow: hidden;
}
.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); }
.widget-image-boxes .flex-col-inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: stretch;
}
.widget-image-boxes.box-stil-text-overlay-image .flex-col {
padding: 0 var(--gap-half, 10px)
}
.box-stil-image-above-text .ibs-content-container {
padding: var(--space-s) !important;
height: 100%;
display: flex;
flex-direction:column;
justify-content: space-between;
align-items: start;
background-color: #fff;
}
.ibs-content-container .ibs-text p:last-child {
margin-bottom: 0 !important;
}
.ibs-content-container > .button {
margin-top: var(--space-xs);
}
.ibs-content-container .ibs-headline {
margin-bottom: var(--space-xs) !important;
}
.ibs-content-container .ibs-headline.mb0 {
margin-bottom: 0 !important;
}
.widget-image-boxes .ibs-content-container .button {
margin-bottom: 0;
}
.box-stil-image-above-text .ibs-image-container .ibs-image-wrap {
aspect-ratio: 628 / 360;
}
.box-stil-text-overlay-image .flex-col-inner {
position: relative;
}
.image-box-overlay {
opacity: .8;
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
z-index: 2;
}
.box-stil-text-overlay-image .ibs-content-container {
padding: var(--space-l) var(--space-m);
position: relative;
z-index: 3;
}
.box-stil-text-overlay-image .ibs-content-container .ibs-headline,
.box-stil-text-overlay-image .ibs-content-container .ibs-text {
color: var(--c-white) !important;
}
.box-stil-text-overlay-image .ibs-image-container {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left:0;
}
.box-stil-text-overlay-image .ibs-image-container .ibs-image-wrap {
width: 100%;
height: 100%;
}
.ibs-image-container .ibs-image-wrap img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
}
.box-stil-text-overlay-image .ibs-headline {
display: inline-block;
max-width:458px;
}
.box-stil-text-overlay-image .ibs-text {
max-width:458px;
}
@media (max-width:767px) {
.box-stil-image-above-text .ibs-content-container {
padding: var(--space-s) var(--gap-default) !important;
}
.box-stil-text-overlay-image .ibs-content-container {
padding: var(--space-m) var(--gap-default);
}
.video-play-button {
width: 70px;
height: 70px;
}
} .image-inner {
overflow: hidden;
} .ci-icon-container {
position: relative;
}
.ci-icon-container img,
.ci-icon-container svg,
.ci-icon-container i {
height: 24px !important;
width:auto !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-icon-boxes {
overflow: hidden;
}
.widget-iconboxes-classic > .container > .flex {
grid-gap: clamp(2.4rem, 0.697rem + 2.200vw, 5rem) 0;
}
.widget-icon-boxes .iconboxen-boxes .grid {
grid-gap: clamp(2.4rem, 0.697rem + 2.200vw, 5rem);
}
.iconboxen-section-texts {
background: #ffffff;
padding-top: var(--space-l);
padding-bottom: var(--space-l); padding-right: clamp(2.4rem, -1.269rem + 4.800vw, 8rem);
position: relative;
}
.iconboxen-boxes {
background: var(--c-primary);
padding-top: var(--space-l);
padding-bottom: var(--space-l); padding-left: clamp(2.4rem, -1.269rem + 4.800vw, 8rem);
color: #fff;
position: relative;
}
.iconboxen-boxes::after,
.iconboxen-section-texts::after {
content:"";
background: #ffffff;
position: absolute;
z-index: -1;
pointer-events: none;
width: 100vw;
height: 100%;
top: 0;
right: 0;
}
.iconboxen-boxes::after {
right: auto;
left: 0;
background-color: var(--c-primary);
}
.iconboxen-boxes svg {
height: 64px;
width: auto;
}
.iconbox-col-inner .ibs-headline {
display: block; }
.widget-icon-boxes.icon-type-nummerierung .iconlist-entry-icon {
width: auto !important;
height: auto !important;
}
@media (max-width:767px) {
.nosun-widget.widget-icon-boxes .container {
padding-left: 0;
padding-right: 0;
}
.iconboxen-section-texts {
padding-left: clamp(2.4rem, -1.269rem + 4.800vw, 8rem);
}
.iconboxen-boxes {
padding-right: clamp(2.4rem, -1.269rem + 4.800vw, 8rem);
}
.iconbox-col-inner {
text-align:center;
margin-bottom: var(--gap-default);
}
} .section-intro .wysiwyg p:last-child {
margin-bottom: 0;
} .centered-navigation {
position: relative;
bottom:0;
left:0;
right:0;
margin-top: var(--space-s);
display: flex;
align-items: center;
justify-content: center;
grid-gap: var(--gap-half);
}
.centered-navigation .swiper-pagination,
.centered-navigation .swiper-button-prev,
.centered-navigation .swiper-button-next {
position: static;
margin: 0;
}
.centered-navigation .swiper-pagination {
width:auto;
}
.centered-navigation .swiper-pagination .swiper-pagination-bullet {
background-color: currentColor;
opacity: 0.2;
}
.centered-navigation .swiper-pagination .swiper-pagination-bullet:focus-visible,
.centered-navigation .swiper-pagination .swiper-pagination-bullet:hover,
.centered-navigation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: currentColor;
opacity: 1;
}
.centered-navigation .swiper-button-prev,
.centered-navigation .swiper-button-next {
width:48px;
height:48px;
padding:12px;
background: none;
border: 1px solid currentColor;
}
.centered-navigation .swiper-button-prev svg,
.centered-navigation .swiper-button-next svg {
width:24px;
height:24px;
}
.centered-navigation .swiper-button-prev.swiper-button-disabled,
.centered-navigation .swiper-button-next.swiper-button-disabled {
opacity: 0.2;
}
.centered-navigation .swiper-button-prev::after,
.centered-navigation .swiper-button-next::after {
display: none;
} .cta-item-holder {
position: relative;
}
.cta-bg-image {
position: absolute;
z-index: 1;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
.cta-bg-overlay {
position: absolute;
z-index: 2;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
.cta-text-container {
position: relative;
z-index: 3;
}
.cta-text-container .wysiwyg > div {
display: inline-block;
max-width: 458px;
}
.cta-text-container .wysiwyg p:last-child {
margin-bottom: var(--space-xs);
}
.cta-text-container .button {
margin-bottom: 0;
} .ta-text-col .wysiwyg p:last-child {
margin-bottom: 0;
}
.iconlist {
list-style: none;
}
.iconlist-entry {
display: inline-flex;
grid-gap: var(--gap-default);
align-items: center;
width: 100%;
}
.widget-text-aufzaehlung.col-align-text-right .iconlist-entry {
justify-content: flex-end;
}
.iconlist-entry-icon {
position: relative; display: inline-block;
height: 24px;
width: 24px;
}
.iconlist-entry-icon svg {
fill: currentColor;
width: 24px;
height: 24px;
display: inline-block;
}
.iconlist-entry-icon svg path[stroke] {
stroke: currentColor;
fill: none;
}
.icon-type-nummerierung .iconlist-entry-icon {
line-height: 1;
width: 42px;
text-align:center;
height: 30px;
}
.iconlist-entry-text {
display: inline-block;
}
.iconlist-entry-text p:last-child {
margin-bottom: 0;
}
.iconlist-entry-text a {
text-decoration: underline;
}
.iconlist-entry-text a[href*="mailto:"] {
white-space: nowrap;
}
.widget-text-aufzaehlung.icon-connections-yes .iconlist-entry a {
color: var(--c-altweiss);
}
.widget-text-aufzaehlung.icon-connections-yes .iconlist-entry {
padding-bottom: 6.2rem;
}
.widget-text-aufzaehlung.icon-connections-no .iconlist-entry {
padding-bottom: 4.8rem;
}
.widget-text-aufzaehlung.icon-connections-yes.icon-type-nummerierung .iconlist-entry {
padding-bottom: 10rem;
}
.widget-text-aufzaehlung .iconlist-entry:last-child {
padding-bottom: 0 !important;
}
.widget-text-aufzaehlung.icon-connections-yes .iconlist-entry .iconlist-entry-icon::after {
content:"";
position: absolute;
height: 3.4rem;
width: 0.2rem;
background-color: currentColor;
position: absolute;
top: calc(100% + 0.8rem);
left:0;
right:0;
margin:auto;
}
.widget-text-aufzaehlung.icon-connections-yes.icon-type-nummerierung .iconlist-entry .iconlist-entry-icon::after {
height: 7.2rem;
}
.widget-text-aufzaehlung .iconlist-entry:last-child .iconlist-entry-icon::after {
display: none;
}
@media (min-width:1081px) {
.widget-text-aufzaehlung.col-align-text-right .iconlist {
text-align:right;
}
.widget-text-aufzaehlung.col-align-text-right .iconlist .iconlist-entry-icon {
order: 2;
}
}
@media (max-width:1080px) {
.widget-text-aufzaehlung.col-align-text-right .iconlist-entry {
justify-content: flex-start;
}
}
@media (max-width:767px) {
.widget-text-aufzaehlung > .container > .grid > .column:first-child {
margin-bottom: var(--space-xs);
}
} .widget-text-2-spaltig {
overflow: hidden;
}
.widget-text-2-spaltig .t2s-col {
position: relative;
padding-top: clamp(8rem, 6.690rem + 1.700vw, 10rem);
padding-bottom: clamp(8rem, 6.690rem + 1.700vw, 10rem);
}
.widget-text-2-spaltig .t2s-col::after {
content:"";
position: absolute;
top: 0;
right:0;
bottom:0;
width: 100vw;
z-index: 0;
pointer-events: none;
background: none;
}
.widget-text-2-spaltig .t2s-col.t2s-col-right::after {
left:auto;
left:0;
}
.t2s-col-inner {
position: relative;
z-index: 2;
}
.t2s-col-left {
padding-right: clamp(2.4rem, -1.269rem + 4.800vw, 8rem);
}
.t2s-col-right {
padding-left: clamp(2.4rem, -1.269rem + 4.800vw, 8rem);
}
.t2s-col-inner > *:last-child {
margin-bottom: 0 !important;
} .widget-company-timeline {
background-color: var(--c-primary);
width: 100%;
}
.swiper-slide.timeline-entry {
width: 100%;
max-width: 273px !important;
height: auto !important;
}
.tle-inner-container {
display: flex;
flex-direction: column;
height: 100%;
grid-gap: 65px;
}
.tle-inner-container.odd {
justify-content: flex-end;
}
.tle-inner-container.even {
justify-content: flex-start;
}
.tle-spacer {
flex: 1;
min-height: 40px;
}
.tle-content {
position: relative;
display: flex;
}
.tle-inner-container.even .tle-content {
align-items: flex-end;
}
.tle-inner-container.even .tle-dot-icon {
bottom: -40px;
}
.tle-inner-container.odd .tle-dot-icon {
top: -40px;
}
.widget-company-timeline .swiper-scrollbar {
height: 12px;
background: none !important; border-radius: 6px; }
.widget-company-timeline .swiper-scrollbar::after {
content: "";
width: calc(100% + 10px);
border: 2px solid var(--c-altweiss);
position: absolute;
top: -5px;
left: -5px;
height: calc(100% + 2px);
border-radius: 10px;
}
.widget-company-timeline .swiper-scrollbar-drag {
background: var(--c-altweiss);
border-radius: 5px;
height: 4px;
}
.tle-dot-icon {
position: absolute;
display: flex;
align-items: center;
grid-gap: 8px;
left:0;
width: 100%;
}
.tle-dot-icon::before,
.tle-dot-icon::after {
content:"";
background-color: var(--c-altweiss);
display: inline-block;
}
.tle-dot-icon::before {
width: 15px;
height: 15px;
border-radius: 50%;
}
.tle-dot-icon::after {
width: calc(100% - 31px);
height: 3px;
}
@media (max-width: 767px) {
.widget-text-2-spaltig .t2s-col {
padding-left: 0;
padding-right: 0;
} .widget-text-2-spaltig.same-col-bg .t2s-col-left {
padding-bottom: var(--space-xs) !important;
}
.widget-text-2-spaltig.same-col-bg .t2s-col-right {
padding-top: 0 !important;
}
.widget-text-2-spaltig .t2s-col::after {
left: calc(var(--gap-default) * -1) !important;
right: 0;
}
.t2b-repeater-grid {
margin-bottom: var(--space-xs);
}
} .faq-entry {
padding-top: var(--gap-default);
margin-bottom: var(--space-s);
border-top: 2px solid var(--c-primary);
}
.faq-entry:last-child {
margin-bottom: 0;
}
@media (min-width: 1081px) {
.grid.faq-entry-inner {
grid-gap: var(--space-m);
}
} .tab-content-mitarbeiter-stimmen {
display: none;
background-color: #ffffff;
margin-top: calc(var(--gap-default) * -1);
padding: clamp(2.5rem, -2.414rem + 6.500vw, 10rem);
}
.tab-content-mitarbeiter-stimmen.active {
display: block;
}
.tab-content-mitarbeiter-stimmen .acc-content-inner {
padding: 0;
} .accordion-item[data-tab="1"],
.accordion-item[data-tab="2"],
.accordion-item[data-tab="3"],
.accordion-item[data-tab="4"] {order: 1;}
.tab-content-mitarbeiter-stimmen[data-tab="1"],
.tab-content-mitarbeiter-stimmen[data-tab="2"],
.tab-content-mitarbeiter-stimmen[data-tab="3"],
.tab-content-mitarbeiter-stimmen[data-tab="4"] {order: 2;} .accordion-item[data-tab="5"],
.accordion-item[data-tab="6"],
.accordion-item[data-tab="7"],
.accordion-item[data-tab="8"] {order: 3;}
.tab-content-mitarbeiter-stimmen[data-tab="5"],
.tab-content-mitarbeiter-stimmen[data-tab="6"],
.tab-content-mitarbeiter-stimmen[data-tab="7"],
.tab-content-mitarbeiter-stimmen[data-tab="8"] {order: 4;} .accordion-item[data-tab="9"],
.accordion-item[data-tab="10"],
.accordion-item[data-tab="11"],
.accordion-item[data-tab="12"] {order: 5;}
.tab-content-mitarbeiter-stimmen[data-tab="9"],
.tab-content-mitarbeiter-stimmen[data-tab="10"],
.tab-content-mitarbeiter-stimmen[data-tab="11"],
.tab-content-mitarbeiter-stimmen[data-tab="12"] {order: 6;}
@media (max-width:1080px) { .accordion-item[data-tab="1"],
.accordion-item[data-tab="2"] {order: 1;}
.tab-content-mitarbeiter-stimmen[data-tab="1"],
.tab-content-mitarbeiter-stimmen[data-tab="2"] {order: 2;} .accordion-item[data-tab="3"],
.accordion-item[data-tab="4"] {order: 3;}
.tab-content-mitarbeiter-stimmen[data-tab="3"],
.tab-content-mitarbeiter-stimmen[data-tab="4"] {order: 4;} .accordion-item[data-tab="5"],
.accordion-item[data-tab="6"] {order: 5;}
.tab-content-mitarbeiter-stimmen[data-tab="5"],
.tab-content-mitarbeiter-stimmen[data-tab="6"] {order:6;} .accordion-item[data-tab="7"],
.accordion-item[data-tab="8"] {order: 7;}
.tab-content-mitarbeiter-stimmen[data-tab="7"],
.tab-content-mitarbeiter-stimmen[data-tab="8"] {order: 8;} .accordion-item[data-tab="9"],
.accordion-item[data-tab="10"] {order:9;}
.tab-content-mitarbeiter-stimmen[data-tab="9"],
.tab-content-mitarbeiter-stimmen[data-tab="10"] {order:10;} .accordion-item[data-tab="11"],
.accordion-item[data-tab="12"] {order: 11;}
.tab-content-mitarbeiter-stimmen[data-tab="11"],
.tab-content-mitarbeiter-stimmen[data-tab="12"] {order: 12;}
.ms-tab-gallery {
display: grid;
grid-gap: var(--gap-default);
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width:767px) { .accordion-item[data-tab="1"],
.accordion-item[data-tab="2"],
.tab-content-mitarbeiter-stimmen[data-tab="1"],
.tab-content-mitarbeiter-stimmen[data-tab="2"],
.accordion-item[data-tab="3"],
.accordion-item[data-tab="4"],
.tab-content-mitarbeiter-stimmen[data-tab="3"],
.tab-content-mitarbeiter-stimmen[data-tab="4"],
.accordion-item[data-tab="5"],
.accordion-item[data-tab="6"],
.tab-content-mitarbeiter-stimmen[data-tab="5"],
.tab-content-mitarbeiter-stimmen[data-tab="6"],
.accordion-item[data-tab="7"],
.accordion-item[data-tab="8"],
.tab-content-mitarbeiter-stimmen[data-tab="7"],
.tab-content-mitarbeiter-stimmen[data-tab="8"],
.accordion-item[data-tab="9"],
.accordion-item[data-tab="10"],
.tab-content-mitarbeiter-stimmen[data-tab="9"],
.tab-content-mitarbeiter-stimmen[data-tab="10"],
.accordion-item[data-tab="11"],
.accordion-item[data-tab="12"],
.tab-content-mitarbeiter-stimmen[data-tab="11"],
.tab-content-mitarbeiter-stimmen[data-tab="12"] {order: initial;}
}
@media (max-width:450px) {
.ms-tab-gallery {
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
}
.widget-mitarbeiter-stimmen button.tab-title-mitarbeiter-stimmen {
padding: 0;
border-radius: 0;
border: none;
text-align:left;
display: flex;
align-items: flex-end;
position: relative;
width: 100%;
aspect-ratio: 302 / 500;
background: none;
margin-bottom: 0;
}
.mas-tab-image-container {
position: absolute;
top:0;
left:0;
z-index: 1;
width: 100%;
height: 100%;
}
.mas-tab-content-container {
position: relative;
z-index: 2;
padding: 50px 20px 20px 20px;
background-color: #3C3C3C80;
color: #ffffff;
width: 100%;
display: flex;
align-items:center;
justify-content: space-between;
}
.tab-title-mitarbeiter-stimmen.active .mas-tab-content-container {
background-color: #ffffff;
color: var(--c-graphit);
}
.tab-title-mitarbeiter-stimmen .mas-tab-content-container svg {
transition: var(--transition);
width:24px;
height:24px;
}
.tab-title-mitarbeiter-stimmen.active .mas-tab-content-container svg {
transform:rotate(180deg);
} .t2b-outer-grid {
grid-gap: clamp(2.5rem, -1.103rem + 4.700vw, 8rem);
} .post-title-link {
color: var(--c-graphit);
} .widget-banner-intro .it-image-col {
min-height: 321px;
}
@media (min-width: 1081px) {
.widget-banner-intro > .container > .grid {
min-height: calc(723px + var(--header-height));
}
} .logo-gsap {
width: 100%;
overflow: hidden; position: relative;
}
.logo-gsap .gsap-wrapper {
display: flex;
width: max-content; will-change: transform; flex-wrap: nowrap;
align-items:center;
grid-gap: 50px;
}
@media (max-width:767px) {
.logo-gsap .gsap-wrapper {
grid-gap: 25px;
}
}
.logo-gsap .gsap-slide {
flex: 0 0 auto; display: flex;
align-items: center;
justify-content: center;
} .gsap {
width: 100%;
height: 100%;
}
.gsap-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.gsap-slide {
flex-shrink: 0;
width: 200px;
height: 100%;
position: relative;
transition-property: transform;
}
.standort-unit.animate {
opacity: 1 !important;
} .standorte-map {
height: 420px;
width: 100%;
}
#results-info {
padding: 25px 0 0;
font-size: var(--fs-m);
opacity: 0.7;
}
.svn-checbkox-item {
position: relative;
padding-left: 25px;
}
.svn-checbkox-item input {
position: absolute;
width: 15px;
height: 15px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
border: none;
border-radius: 0;
opacity: 0;
}
.svn-checbkox-item::before,
.svn-checbkox-item::after {
content:"";
position: absolute;
top: 0;
bottom: 0;
left:0;
margin: auto;
width: 15px;
height: 15px;
background-color: #fff;
pointer-events: none;
border: 1.5px solid var(--c-graphit);
z-index: 2;
}
.svn-checbkox-item::after {
border-color: var(--c-primary);
background-color: var(--c-primary);
z-index: 3;
background-image: url(//www.impex.at/wp-content/plugins/nosun-elementor-widgets/includes/../assets/images/check.svg);
background-size: 14px;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
}
.svn-checbkox-item:has(input:checked)::after {
opacity: 1;
} .widget-iconboxes-classic .ibs-icon-wrap svg {
width: auto;
}
#map-container {
position: relative;
width: 100%;
height: 500px;
}
#map-blocker {
padding: 20px;
width: 90%;
height: 400px;
background: rgba(240, 240, 240, 0.95);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
z-index: 10;
position: absolute;
}