@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);}
} .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.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);
}
}
@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;
}
} .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;
}
.logo-item {
padding: 10px 20px;
height: 150px;
background-color: var(--c-lightest-gray, #F5F5F5);
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-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 {
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;
}
.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: none !important;
width: 100px;
height: 100px;
border-radius: 100px;
z-index: 3;
position: absolute;
top:0;
left:0;
right:0;
bottom: 0;
margin:auto;
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);
} .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;
top: 2px;
} .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;
}
.banner-title {
text-shadow: 2px 2px 4px rgba(0,0,0,.6);
}
.nosun-widget.widget-banner .swiper-pagination .swiper-pagination-bullet {
background-color: rgba(255,255,255,.6);
}
.nosun-widget.widget-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--c-primary)
}
@media (max-width: 1600px) {
.banner-swiper-button-prev,
.banner-swiper-button-next {
display: none !important;
}
} .tm-style-2 .testimonial-item {
margin-top: 55px;
background-color: #EDEDED;
}
.tm-style-2 .tm-image-wrapper {
width:90px;
height:90px;
margin-top: -120px;
margin-bottom: var(--gap-default);
box-shadow: var(--box-shadow-large);
}
.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);
margin-bottom: var(--space-xs);
border-bottom: 2px solid var(--c-lightest-gray);
}
.tm-style-2 .testimonial-item:hover {
background-color: var(--c-primary);
}
.tm-style-2 .testimonial-item:hover .quotation-marks .st0 {
fill: white;
}
.tm-style-2 .testimonial-item:hover .tm-content,
.tm-style-2 .testimonial-item:hover .tm-title.h5 {
color: var(--c-white);
}
.tm-style-2 .testimonial-item:hover .tm-job {
color: var(--c-white) !important;
opacity: .8;
}
.tm-style-1 .testimonial-item { margin: 0;
background-color: #ffffff;
box-shadow: 0 20px 40px rgba(0,0,0,.05);
padding: 40px 30px;
}
.tm-style-1 .testimonial-item:hover {
box-shadow: 0 20px 60px rgba(0,0,0,.2);
}
.tm-style-1 .tm-title-wrapper {
min-height: 48px;
}
.tm-style-1 .quotation-marks .st0 {  }
.tm-style-1 .tm-content {
position: relative;
padding: 10px;
margin-top: 20px;
}
.tm-style-1 .tm-content .quotation-marks {
position: absolute;
opacity: .6;
pointer-events: none;
margin-bottom: 0;
color: #D7D1DB;
transition: all .3s ease;
}
.tm-style-1 .testimonial-item:hover .quotation-marks {
color: var(--c-secondary);
opacity: 1;
}
.tm-style-1 .tm-content .quotation-marks svg {
width: 30px;
height: 30px;
}
.tm-style-1 .tm-content .quotation-marks.quote-start {
top: -14px;
left: -14px;
}
.tm-style-1 .tm-content .quotation-marks.quote-end {
bottom: -14px;
right: -14px;
transform: rotate(180deg);
} .teammitglied {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
margin-bottom: var(--space-m);
}
.tm-foto {
max-width: 550px !important;
}
@media (min-width:1080px) {
.teammitglied {
grid-template-columns: 14% 32% 50%;
grid-gap: 4%;
}
} .macht-sinn-banner-link {
position: absolute;
height: 180px;
width: 180px;
bottom: -90px;
right: 10%;
display: block;
z-index: 99;
transform:rotate(10deg);
transition: all .2s cubic-bezier(.25,.75,.5,1.25);
}
.macht-sinn-banner-link:hover {
transform:rotate(12deg) scale(1.05); 
}
.macht-sinn-banner-link img {
width: 100%;
height: auto;
display: block;
}
@media (max-width:475px) {
.macht-sinn-banner-link {
height: 120px;
width: 120px;
bottom: -45px;
right: 5%;
}
}
.image-box-item .ibs-icon-wrap svg.e-font-icon-svg path {
fill: currentColor;
}