/* Loop Builder
--------------------------------------------------------- */
@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);}
}


/* Buttons
--------------------------------------------------------- */
.button-wrapper .button:last-child {
	margin-bottom: 0;
}


/* Accordion
--------------------------------------------------------- */
.accordion-item {
	border: 1px solid var(--c-light-gray);
	border-bottom: none;
}
.accordion-item:last-child {
	border-bottom: 1px solid var(--c-light-gray);
}
.tab-title {
	padding: var(--gap-default);
	cursor:pointer;
	display: inline-flex;
	align-items:center;
	width: 100%;
	grid-gap: var(--gap-default);
	background: none;
	border: none;
}
.tab-title:hover {
	background: none;
}
.tab-content {
	display: none;
	padding: 0 var(--gap-default) var(--gap-default);
}
.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;
}

/* Image & Text
--------------------------------------------------------- */
.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) 0 0 0 !important;
}
.it-image-col.cover{
	height: 100%;
	position: relative;
}
.it-image-col.cover img {
	position: absolute;
	top:0;
	left:0;
}
.it-image-col.contain {
	display: flex;
	align-items: center;
}
.it-image-col.contain img {
	height: auto !important;
}
@media (min-width: 768px) {
	.widget-image-text > .container.fullwidth .it-text-col {
		padding: var(--space-s);
	}
	.img-pos-left .it-text-col {
		padding-left: var(--gap-half);
	}
	.img-pos-right .it-text-col {
		padding-right: var(--gap-half);
	}
	.img-pos-left .it-image-col,
	.img-pos-right .it-image-col {
		width: calc(100% + var(--gap-half));
	}
	.img-pos-left .it-image-col {
		margin-right: calc(var(--gap-half) * -1);
	}
	.img-pos-right .it-image-col {
		margin-left: calc(var(--gap-half) * -1);
	}
}
@media (min-width: 1025px) {
	.widget-image-text > .container.fullwidth .it-text-col {
		padding: var(--space-m);
	}
}
@media (max-width:767px) {
	.widget-image-text > .container.fullwidth {
		padding-left: var(--gap-default);
		padding-right: var(--gap-default);
	}
	.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;
	}
}

/* Logos
--------------------------------------------------------- */
.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);
}
.logo-inner {
	display: inline-flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.swiper-slide.logo-item .logo-inner {
	height: 150px;
}
.logo-inner img {
	display: inline-block;
	max-height: 68%;
	max-width: 80%;
}
@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);
	}
}

/* Slideshow
--------------------------------------------------------- */
.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;
}


/* Testimonials
--------------------------------------------------------- */
/* general */
.testimonial-item {
	padding: var(--gap-default);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17);
	transition: all var(--a-timing-default) var(--a-easing-default);
	position: relative;
	background-color: var(--c-bg-invert-5);
}
.testimonial-item:hover {
	box-shadow: 0 15px 20px rgba(0,0,0,.27);
}
.quotation-marks {
	margin-bottom: var(--gap-half);
}
.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) * 2);
	}
}
/* style 1 */
.tm-style-1 .testimonial-item {
	text-align:center;
	margin-top: 60px;
	margin-bottom: 20px;
}
/* .tm-style-1 .quotation-marks, */
.tm-style-2 .quotation-marks {
	display: none;
}
.tm-style-1 .tm-image-wrapper {
	margin-top: -100px;
	margin-bottom: var(--gap-default);
	box-shadow: var(--box-shadow-large);
	border: 4px solid var(--c-white);
}
@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;
	}
}
/* style 2 */
.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);
	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 .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;
}
@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;
	}
}
/* style 3 */
.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 */
.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;
	}
}


/* Galerie
--------------------------------------------------------- */
.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) + var(--gap-half));
}
.fb-filternav-item {
	font-size: var(--fs-xs);
	line-height: var(--lh-s);
	padding: 1rem 2rem;
	display: inline-block;
	margin: 0 var(--gap-half) var(--gap-half) 0;
	background-color: var(--c-lightest-gray);
	cursor:pointer;
	border-radius: var(--border-radius);
	transition: all var(--a-timing-default) var(--a-easing-default);
}
.fb-filternav-item:last-child {
	margin-right: 0;
}
.fb-filternav-item:hover,
.fb-filternav-item.active {
	background-color: var(--c-primary);
	color: var(--c-white);
}
.fb-filternav-item.active {
	cursor: default;
}

/* Table
--------------------------------------------------------- */
.widget-table {
	color: var(--c-text);
	overflow: auto;
	width: calc(100% - (var(--gap-default) * 2));
	position: relative;
	margin-left: var(--gap-default);
	margin-right: var(--gap-default);
}
.widget-table > .container {
	padding-left: 0;
	padding-right: 0;
	overflow:auto;
}
.widget-table table {
	width: auto;
	min-width: var(--container-width-xxs);
	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);
}
.widget-table tr:hover {
	background-color: var(--c-lightest-gray);
	color: var(--c-text);
}
.widget-table th,
.widget-table td {
	text-align:left;
	padding: var(--gap-default);
	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) var(--a-easing-default);
}
.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);
}
.widget-table tr th a {
	color: var(--c-white);
	text-decoration: underline;
	opacity: 0.8;
}
.widget-table thead tr:hover th {
	background-color: var(--c-primary-alt);
	color: var(--c-white);
}
html[data-color-theme="dark"] .widget-table thead tr:hover th {
	color: var(--c-text);
}

/* Counter
--------------------------------------------------------- */
.widget-counter > .container > .flex {
	width: calc(100% + var(--gap-default));
	margin-left: calc(var(--gap-half)* -1);
	margin-right: calc(var(--gap-half)* -1);
}
.counter-item {
	margin-bottom: var(--gap-default);
}


/* Posts Advanced
--------------------------------------------------------- */
.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) var(--a-easing-default);
	background: var(--c-lightest-gray);
	font-size: var(--fs-m);
}
.pagination-item:hover {
	color: var(--c-primary);
}
.pagination-number.active {
	color: var(--c-primary);
	border-color: var(--c-primary);
}
.posts-header {
	margin-bottom: clamp(5rem, 2.969rem + 2.700vw, 8.1rem);
}
@media (max-width:767px) {
	.posts-header h2 {
		margin-bottom: 1.4rem !important;
	}
}


/* posts advanced swiper anpassungen */
.slideshow-activation-always .posts-container .post-item-holder.grid {
	display: flex;
	/* grid-gap: 0; */
	/* grid-gap: 7.6rem 0; */
}
.slideshow-activation-always .posts-container .post-item-holder.grid,
.slideshow-activation-ab-tablet .posts-container .post-item-holder.grid,
.slideshow-activation-ab-smartphone .posts-container .post-item-holder.grid {
	grid-gap: 7.6rem 0;
}
.slideshow-activation-always .posts-container .post-item-holder.grid .swiper-slide,
.slideshow-activation-ab-tablet .posts-container .post-item-holder.grid .swiper-slide,
.slideshow-activation-ab-smartphone .posts-container .post-item-holder.grid .swiper-slide {
	transition-property: transform, opacity;
}
@media (min-width:1081px) {
	.slideshow-activation-ab-tablet .posts-container .post-item-holder.grid {
		transform: translate3d(0px, 0px, 0px) !important;
	}
}
@media (max-width:1080px) {
	.slideshow-activation-ab-tablet .posts-container .post-item-holder.grid {
		display: flex;
		/* grid-gap: 0; */
		/* grid-gap: 7.6rem 0; */
	}
	.slideshow-activation-always .posts-container,
	.slideshow-activation-ab-tablet .posts-container,
	.slideshow-activation-ab-smartphone .posts-container {
		overflow:visible;
	}
	.slideshow-activation-always .posts-container .post-item-holder.grid .swiper-slide,
	.slideshow-activation-ab-tablet .posts-container .post-item-holder.grid .swiper-slide,
	.slideshow-activation-ab-smartphone .posts-container .post-item-holder.grid .swiper-slide {
		width: 41% !important;
	}
}
@media (min-width:768px) {
	.slideshow-activation-ab-smartphone .posts-container .post-item-holder.grid {
		transform: translate3d(0px, 0px, 0px) !important;
	}
}
@media (max-width:767px) {
	.slideshow-activation-ab-smartphone .posts-container .post-item-holder.grid {
		display: flex;
		/* grid-gap: 0; */
		/* grid-gap: 7.6rem 0; */
	}
	.slideshow-activation-always .posts-container .post-item-holder.grid .swiper-slide,
	.slideshow-activation-ab-tablet .posts-container .post-item-holder.grid .swiper-slide,
	.slideshow-activation-ab-smartphone .posts-container .post-item-holder.grid .swiper-slide {
		width: 70% !important;
	}
}


/* Video
--------------------------------------------------------- */
.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);
	background: var(--c-bg-invert);
	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;
	padding: 0;
	/* border: 4px solid var(--c-bg); */
}
.video-play-button svg {
	display: inline-block;
	vertical-align: top;
	margin:0;
	padding:0;
}
button.transcript-toggle {
	padding: 0;
	margin: 0 var(--gap-default) var(--gap-default) 0;
	border: none;
	background: none;
	color: var(--c-text);
	cursor:pointer;
	font-size: var(--fs-m);
	text-decoration: underline;
	transition: all var(--a-timing-default) var(--a-easing-default);
}
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);
	padding: var(--gap-default);
}
@media (max-width:767px) {
	.video-play-button {
		width: 60px;
		height: 60px;
		border-radius: 60px;
	}
}


/* Image Boxes
--------------------------------------------------------- */
.widget-image-boxes > .container > .flex {
	grid-gap: 5rem 0;
	width: calc(100% + var(--gap-default));
	margin-left: calc(var(--gap-half)* -1);
	margin-right: calc(var(--gap-half)* -1);
}
.widget-image-boxes > .container > .flex .flex-col-inner {
	border-radius: var(--border-radius);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: clamp(10rem, 6.919rem + 4.100vw, 13rem);
	padding-bottom: 30px;
	/* padding-bottom: clamp(10rem, 6.919rem + 4.100vw, 13rem); */
	position: relative;
	margin-top: 30px;
	height: 100%;
	min-height: 485px;
}
.widget-image-boxes .ibs-icon-wrap {
	position: absolute;
	height: 105px;
	top: -30px;
	right: 30px;
	pointer-events: none;
}
.widget-image-boxes .ibs-icon-wrap svg {
	width: auto !important;
	height: 100% !important;
}
.image-box-item .flex-col-inner {
	transition: var(--transition-1);
}
.widget-image-boxes .image-box-item {
	min-width: 360px;
	transition: var(--transition);
	transform: translateY(40px);
	opacity: 0;
}

.image-box-item svg path {
	opacity: 0.7;
	overflow: visible;
	stroke: currentColor;
	stroke-width: 6px;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.image-box-item.inView svg path {
	stroke-dashoffset: 0 !important;
}

/* animation */
/* .widget-image-boxes .image-box-item:nth-child(2) {animation-delay: 0.2s;}
.widget-image-boxes .image-box-item:nth-child(3) {animation-delay: 0.4s;}
.widget-image-boxes .image-box-item:nth-child(4) {animation-delay: 0.6s;}
.widget-image-boxes .image-box-item:nth-child(5) {animation-delay: 0.8s;}
.widget-image-boxes .image-box-item:nth-child(6) {animation-delay: 1.0s;}
.widget-image-boxes .image-box-item:nth-child(7) {animation-delay: 1.2s;}
.widget-image-boxes .image-box-item:nth-child(8) {animation-delay: 1.4s;}
.widget-image-boxes .image-box-item:nth-child(9) {animation-delay: 1.6s;} */
/* transition */
.widget-image-boxes .image-box-item:nth-child(2) {transition-delay: 0.2s;}
.widget-image-boxes .image-box-item:nth-child(3) {transition-delay: 0.4s;}
.widget-image-boxes .image-box-item:nth-child(4) {transition-delay: 0.6s;}
.widget-image-boxes .image-box-item:nth-child(5) {transition-delay: 0.8s;}
.widget-image-boxes .image-box-item:nth-child(6) {transition-delay: 1.0s;}
.widget-image-boxes .image-box-item:nth-child(7) {transition-delay: 1.2s;}
.widget-image-boxes .image-box-item:nth-child(8) {transition-delay: 1.4s;}
.widget-image-boxes .image-box-item:nth-child(9) {transition-delay: 1.6s;}
@media (max-width:1080px) {
	/* animation */
	/* .widget-image-boxes .image-box-item:nth-child(2),
	.widget-image-boxes .image-box-item:nth-child(4),
	.widget-image-boxes .image-box-item:nth-child(6),
	.widget-image-boxes .image-box-item:nth-child(8) {animation-delay: 0.2s;}
	.widget-image-boxes .image-box-item:nth-child(3),
	.widget-image-boxes .image-box-item:nth-child(5),
	.widget-image-boxes .image-box-item:nth-child(7),
	.widget-image-boxes .image-box-item:nth-child(9) {animation-delay: 0.4s;} */
	/* transition */
	.widget-image-boxes .image-box-item:nth-child(2),
	.widget-image-boxes .image-box-item:nth-child(4),
	.widget-image-boxes .image-box-item:nth-child(6),
	.widget-image-boxes .image-box-item:nth-child(8) {transition-delay: 0.2s;}
	.widget-image-boxes .image-box-item:nth-child(3),
	.widget-image-boxes .image-box-item:nth-child(5),
	.widget-image-boxes .image-box-item:nth-child(7),
	.widget-image-boxes .image-box-item:nth-child(9) {transition-delay: 0.4s;}
}
@media (max-width:767px) {
	/* animation */
	.widget-image-boxes .image-box-item {animation-delay: 0.2s;}
	/* transition */
	.widget-image-boxes .image-box-item {transition-delay: 0.2s;}
}
.widget-image-boxes .image-box-item.inView {
	/* animation-name: spinIn; */
	transform: translateY(0px);
	opacity: 1;
}
.elementor-editor-active .widget-image-boxes .image-box-item {
	/* transform: rotate3d(0, -1, 0, 0deg) translateY(0px); */
	transform: translateY(0px);
	opacity: 1;
}
@keyframes spinIn {
	0% {
		transform: translateY(40px);
		/* transform: rotate3d(0, -1, 0, 120deg) translateY(40px); */
		opacity: 0;
	}
	100% {
		/* transform: rotate3d(0, -1, 0, 0deg) translateY(0px); */
		transform: translateY(0px);
		opacity: 1;
	}
}


/* Image
--------------------------------------------------------- */
.image-inner {
	overflow: hidden;
}


/* Contact Information
--------------------------------------------------------- */
.ci-icon-container {
	position: relative;
	top: 2px;
}


/* Leistung Aufzählungen
--------------------------------------------------------- */
.p-headline {
	hyphens: auto;
}
.product-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 clamp(2.4rem, -5.593rem + 10.500vw, 14.6rem);
}
.product-list li {
	margin-bottom: clamp(2rem, -1.081rem + 4.100vw, 5rem);
	grid-gap: clamp(2rem, -1.081rem + 4.100vw, 5rem);
	padding-left: 0;
	display: grid;
	align-items: flex-start;
	grid-template-columns: clamp(2.8rem, 1.686rem + 1.500vw, 4.5rem) auto;
}
.product-list li::after {
	display: none;
}
.product-list .li-icon {
	width: 45px;
	height: 45px;
	position: relative;
	width: clamp(2.8rem, 1.686rem + 1.500vw, 4.5rem);
	height: clamp(2.8rem, 1.686rem + 1.500vw, 4.5rem);
}
.product-list span,
.product-list h1,
.product-list h2,
.product-list h3,
.product-list h4,
.product-list h5,
.product-list h6 {
	display: block;
	margin-top: .4rem;
	margin-bottom: 1rem !important;
	width: calc(100% - clamp(2.8rem, 1.686rem + 1.500vw, 4.5rem));
	color: var(--c-text) !important;
	text-transform: none;
}
/* plus icon */
.product-list .li-icon.plus-big::before,
.product-list .li-icon.plus-big::after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width: 3px;
	height: 0;
	background-color: var(--c-primary);
	transition: var(--transition);
	opacity: 0.75;
}
.product-list .li-icon.plus-big::after {
	width:0;
	height: 3px;
	bottom:0;
	right:auto;
}
.product-list .li-icon.plus-big::before {
	transition-delay: .3s;
}
.bg-primary .product-list .li-icon.plus-big::before,
.bg-primary .product-list .li-icon.plus-big::after {
	background-color: var(--c-secondary);
}
.elementor-editor-active .product-list .li-icon.plus-big::before,
.product-list .li-icon.inView::before {
	height: 100%;
}
.elementor-editor-active .product-list .li-icon.plus-big::after,
.product-list .li-icon.inView::after {
	width:100%;
}
/* checkmark icon */
.product-list .li-icon.checkmark-big {
	transform: rotate(45deg) translate(-14px, -4px);
}
/* .checkmark-inner {
	width:100%;
	height:100%;
	transform: rotate(45deg) translate(-14px, -4px);
} */
.product-list .li-icon.checkmark-big::after,
.product-list .li-icon.checkmark-big::before {
	content: "";
	width: 0;
	height: 3px;
	background-color: var(--c-primary);
	bottom: 0;
	right: 0;
	display: block;
	position: absolute;
	transition: var(--transition);
}
.product-list .li-icon.checkmark-big::before {
	right: auto;
	left: 50%;
	transition-delay: .3s;
}
.product-list .li-icon.checkmark-big::after {
	width: 3px;
	height: 0;
	transition-delay: .6s;
}
.elementor-editor-active .product-list .li-icon.checkmark-big::before,
.product-list .li-icon.checkmark-big.inView::before {
	width: 50%;
}
.elementor-editor-active .product-list .li-icon.checkmark-big::after,
.product-list .li-icon.checkmark-big.inView::after {
	height: 100%;
}
.bg-primary .product-list .li-icon.checkmark-big::before,
.bg-primary .product-list .li-icon.checkmark-big::after {
	background-color: var(--c-secondary);
}

@media (min-width:768px) {
	.lic-content {
		font-size: var(--fs-l);
	}
}
@media (max-width:767px) {
	.product-list {
		display: block;
		/* grid-template-columns: repeat(1, 1fr); */
	}
	.product-list .li-icon {
		transform: rotate(45deg) translate(-6px, 0px);
	}
	.product-list .li-icon.checkmark-big {
		transform: rotate(45deg) translate(-6px, 3px);
	}
}


/* Bild Kollage
--------------------------------------------------------- */
.widget-bild-kollage {
	overflow-x: hidden;
	overflow-y: visible;
}
.widget-bild-kollage .column,
.image-wrap {
	position: relative;
}
.editor-mode-image-recogn {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
	opacity: .7;
	pointer-events: none;
	font-size: 24px;
	color: #000;
	background: white;
	width: 40px;
	height: 40px;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height: 1;
}
.image-wrap-inner {
	overflow:hidden;
}
.widget-bild-kollage .bild-kollage-item img {
	transform: scale(1.4);
}
/* .widget-bild-kollage .bild-kollage-item.inView img {
	transform: scale(1.0);
} */
/* .widget-bild-kollage .column.image-overflow img { */
.widget-bild-kollage .column.image-overflow .image-wrap-inner {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 100vw !important;
}
/* .widget-bild-kollage .column.image-overflow.overflow-to-right img { */
.widget-bild-kollage .column.image-overflow.overflow-to-right .image-wrap-inner {
	left: 0 !important;
	right: auto !important;
}
/* .widget-bild-kollage .column.image-overflow img { */
.widget-bild-kollage .column.image-overflow .image-wrap-inner {
	width: calc(100% + var(--screen-side) - var(--scrollbar-width-half)) !important;
}
/* .e--ua-firefox .widget-bild-kollage .column.image-overflow img { */
.e--ua-firefox .widget-bild-kollage .column.image-overflow .image-wrap-inner {
	width: calc(100% + var(--screen-side)) !important;
}

.widget-bild-kollage .kollage-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	/* grid-auto-rows: clamp(30rem, 8.379rem + 28.400vw, 63rem); */
	/* grid-auto-rows: clamp(15rem, -14.483rem + 38.800vw, 60rem); */
	grid-auto-rows: clamp(23rem, -1.241rem + 31.900vw, 60rem);
	/* grid-gap: var(--gap-default); */
	grid-gap: clamp(1rem, 0.083rem + 1.200vw, 2.4rem);
}

@media (min-width:768px) {
	/* .widget-bild-kollage .column.image-overflow.center-of-center img { */
	.widget-bild-kollage .column.image-overflow.center-of-center .image-wrap-inner {
		width: 100% !important;
		max-width: 100% !important;
		position: static;
	}
}
@media (max-width:1536px) {
	/* .widget-bild-kollage .column.image-overflow img { */
	.widget-bild-kollage .column.image-overflow .image-wrap-inner {
		width: calc(100% + var(--gap-default)) !important;
	}
}
@media (min-width: 768px) and (max-width:1080px) {
	.widget-bild-kollage .grid {
		grid-template-columns: repeat(8, 1fr);
	}
}
@media (max-width:1536px) and (min-width:768px) {
	/* .widget-bild-kollage .column.image-overflow.center-of-center img { */
	.widget-bild-kollage .column.image-overflow.center-of-center .image-wrap-inner {
		width: 100% !important;
		max-width: 100% !important;
	}
}
@media (max-width:767px) {
	.widget-bild-kollage .column {
		grid-column: span 1 !important;
		grid-row: span 1 !important;
		max-height: 400px;
	}
	.widget-bild-kollage .column .image-wrap,
	.widget-bild-kollage .column .image-wrap-inner,
	.widget-bild-kollage .column img {
		max-height: 400px;
		height: 400px !important;
		margin-bottom: 0 !important;
	}
}


/* Unit Banner
--------------------------------------------------------- */
@media (min-width:1280px) {
	.nosun-widget.widget-unit-banner {
		/* padding-top: 22rem; */
		min-height: 100svh;
	}
}
.widget-unit-banner {
	overflow: hidden;
}
.widget-unit-banner > .container {
	z-index: 2;
}
.widget-unit-banner .video-wrapper {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index: 1;
	margin:auto;
}
.banner-zooming-icons-container {
	opacity: 0;
}
.banner-zooming-icons-container svg.animated-icon {
/* .widget-unit-banner.unit-design svg.animated-icon { */
	opacity: 1;
	/* transition: all .2s linear; */
	/* height: clamp(5rem, 1.724rem + 4.300vw, 10rem); */
}
.zooming-icon {
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	margin:auto;
	height: clamp(5rem, 1.724rem + 4.300vw, 10rem);
}
.banner-zooming-icons-container.inView {
	opacity: 1;
	transition: all .2s ease;
}
.banner-zooming-icons-container:not(.inView) svg.animated-icon path {
	stroke-dasharray: 1000 !important;
	stroke-dashoffset: 1000 !important;
}
.banner-zooming-icons-container svg.animated-icon.inView path {
/* .widget-unit-banner.unit-design svg.animated-icon path { */
	stroke-dashoffset: 0 !important;
	/* transition-delay: 0s !important;
	transition-duration: 0s !important; */
}

/* design icons */
.banner-zooming-icons-container {
	position: absolute;
	top: -50%;
	left: 50%;
	z-index: 1030;
	pointer-events: none;
	width: 100%;
	height: 200%;
	/* height: 75%; */
	min-width: 1000px;
	transform: translateX(-50%);
}
.banner-zooming-icons-container .design-banner-scribble {
	/* position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	margin:auto; */
	max-width: 300px;
	max-height: 300px;
	
	height: 100%;
	width:auto;
}


.widget-unit-banner.inView .bh-pill-list .button {
	opacity: 1;
	transform: translateY(0px);
}


.big-headline-wysiwyg h1,
.big-headline-wysiwyg h2,
.big-headline-wysiwyg h3,
.big-headline-wysiwyg h4,
.big-headline-wysiwyg h5,
.big-headline-wysiwyg h6 {
	width: 100%;
	display: inline-block;
}


/* design physics button matter js test */
/* #physics-container {
	position: relative;
	overflow: hidden;
	height: 500px;
}

#physics-container .buttonn {
	position: absolute;
	opacity: 1 !important;
} */
/* #physics-container .button:nth-child(2) {
	left:200px;
}
#physics-container .button:nth-child(3) {
	left:400px;
}
#physics-container .button:nth-child(4) {
	left:600px;
}
#physics-container .button:nth-child(5) {
	left:150px;
	top: 60px;
}
#physics-container .button:nth-child(6) {
	left:450px;
	top: 60px;
}
#physics-container .button:nth-child(7) {
	left:750px;
	top: 60px;
} */


/* web-development */
.unit-web-development > .container {
	overflow: visible;
}
.web-dev-pill-wrapper {
	display: inline-block;
	/* padding: 0; */
	position: relative;
	/* margin-bottom: var(--gap-default); */
}
.web-dev-pill-wrapper .button {
	margin-bottom: 0 !important;
}

.playground {
	width: 100%;
	position: relative;
	padding-bottom: 20rem;
	user-select: none;
	/* overflow-y: hidden; */
	overflow-x: visible;
	transition: all .2s linear 1s;
}
.victorious .playground {
	padding-bottom: 0;
}
.destructable {
	display: inline-block;
	position: relative;
}
.destructable.destroyed {
	transition: opacity .2s linear;
	opacity: 0;
}
.destructable.destroyed.resetted {
	/* translate: none; */
	/* rotate: none;
	scale: none; */
	transform: translate(0, 0) rotate(0) scale(1, 1) !important;
	opacity: 1 !important;
}
.ship {
	width: 40px;
	height: 15px;
	position: absolute;
	bottom: 65px;
	left: 0;
	transform: translateX(100px);
	transition: all .6s var(--transition-1-easing);
	animation-name: booooost;
	animation-iteration-count: infinite;
	animation-duration: 8s;
}
.ship * {
	position: absolute;
	z-index: 2;
}
.ship-hull {
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	transform-origin: center;
	transition: all .6s var(--transition-1-easing);
}
.backbone {
	height: 5px;
	bottom:0;
	left:0;
	width: 100%;
	background: var(--c-bg-invert);
}
.wings {
	width: 5px;
	height: 10px;
	bottom:0;
	background: var(--c-bg-invert);
}
.wings.wing-l {
	left:0;
}
.wings.wing-r {
	right:0;
}
.cockpit {
	width:15px;
	height:10px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background: var(--c-bg-invert);
}
.cannon {
	width: 5px;
	height: 5px;
	top:0;
	margin:auto;
	left:0;
	right:0;
	background: var(--c-bg-invert);
}
.rocket {
	width: 4px;
	height: 4px;
	background: var(--c-primary);
	position: absolute;
}
.victory {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: bold;
	color: white;
	padding: 20px;
	display: none;
}
.ship .afterburn {
	position: absolute;
	width: 40px;
	height: 40px;
	top: calc(100% + 8px);
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	left: -6px;
	margin:auto;
	background: none;
	opacity: 0;
	pointer-events: none;
	transform: scale(0.5);
	transition: all .2s var(--transition-1-easing);
	
	
	/* display: none; */
}
.ship .afterburn svg {
	transform: rotate(173deg);
}
.ship .afterburn svg path {
	stroke-dasharray: 0 !important;
	stroke-dashoffset: 0 !important;
}
.ship.boosted {
	/* bottom: 25px; */
	/* animation-name: booooost;
	animation-iteration-count: infinite;
	animation-duration: 4s; */
}
.ship.boosted .afterburn {
	/* opacity: 1;
	transform: scale(1);
	animation-name: booooost;
	animation-iteration-count: infinite;
	animation-duration: 2s; */
}
.pilot-quote-bye,
.ship .pilot-quotes {
	left: calc(100% + 5px);
	bottom: calc(100% + 5px);
	padding: 7px 12px 5px;
	background: var(--c-bg-invert);
	border: 1px solid var(--c-bg-invert-50);
	border-radius: 10px 10px 10px 0;
	color: var(--c-bg);
	font-size: 1.4rem;
	line-height: 1;
	white-space: nowrap;
	/* text-transform: uppercase; */
	font-weight: 900;
	opacity: 0;
	height: 26px;
	transform: scale(.5);
	transition: all .3s ease;
}
.pilot-quote-bye {
	transition: all .6s var(--transition-1-easing);
}
.ship.pilot-talking .pilot-quotes {
	transform: scale(1);
	opacity: 1;
}
.ship.cya {
	/* transition: all 3s cubic-bezier(.19,-0.58,.22,1.18); */
	/* bottom: 100vh !important; */
}
/* .ship.cya .afterburn {
	opacity: 1;
	transform: scale(1);
} */
@keyframes booooost {
	0% {
		bottom: 35px;
	}
	20% {
		bottom: 15px;
	}
	40% {
		bottom: 35px;
	}
	60% {
		bottom: 25px;
	}
	80% {
		bottom: 45px;
	}
	100% {
		bottom: 35px;
	}
}
@keyframes afterburn_boost {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@media (max-width:767px) {
	.web-dev-pill-wrapper {
		margin-bottom: 0;
	}
	.playground {
		padding-bottom: 10rem;
	}
}

/* content */
.widget-unit-banner.unit-content {
	min-height: 100svh;
	display: flex;
	align-items: center;
}
.content-banner-overlay {
	position: absolute;
	width:100%;
	height:100%;
}
/* .widget-unit-banner.unit-content .bh-pill-list {
	margin-top: 0;
} */
.widget-unit-banner.unit-content .big-headline-bottom.big-headline-line {
	color: var(--c-white-fixed);
}
.widget-unit-banner.unit-content .button {
	background-color: transparent !important;
	color: var(--c-white-fixed) !important;
	border-color: var(--c-white-fixed) !important;
}
.widget-unit-banner.unit-content .button:hover {
	color: #2d2d2d !important;
	background-color: var(--c-white-fixed) !important;
	border-color: var(--c-white-fixed) !important;
}


/* text */
@media (max-width:767px) {
	.widget-text .text-wrapper {
		padding-top: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}
}



/* custom single projects widget */
.widget-single-projects-image,
.widget-single-projects-video .video-wrapper,
.widget-single-projects-video {
	width: 100%;
	height: 100%;
}
.widget-single-projects-video .video-thumbnail-container img,
.widget-single-projects-video .video-thumbnail-container video,
.widget-single-projects-image img,
.widget-single-projects-video video {
	border-radius: 25px;
}
.widget-single-projects-text.grid-col-1-row-1,
.nosun-widget.grid-col-1-row-1 img,
.nosun-widget.grid-col-1-row-1 video {
	aspect-ratio: 708 / 618;
}
.widget-single-projects-text.grid-col-2-row-1,
.nosun-widget.grid-col-2-row-1 img,
.nosun-widget.grid-col-2-row-1 video {
	aspect-ratio: 1440 / 618;
}
.widget-single-projects-text.grid-col-1-row-2,
.nosun-widget.grid-col-1-row-2 img,
.nosun-widget.grid-col-1-row-2 video {
	aspect-ratio: 708 / 1260;
}
.widget-single-projects-text.grid-col-2-row-2,
.nosun-widget.grid-col-2-row-2 img,
.nosun-widget.grid-col-2-row-2 video {
	aspect-ratio: 1440 / 1260;
}

.widget-single-projects-text {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
}
.widget-single-projects-text .t-wrapper p:last-child {
	margin-bottom: 0;
}

/* @media (min-width:768px) { */
	.e-con.e-grid>.e-con-inner {
		grid-auto-rows: 1fr;
	}
/* } */
@media (max-width:767px) {
	
	.widget-single-projects-text .text-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* .widget-single-projects-text, */
	.nosun-widget.grid-col-1-row-1 img,
	.nosun-widget.grid-col-1-row-1 video,
	/* .nosun-widget.grid-col-2-row-1 img,
	.nosun-widget.grid-col-2-row-1 video, */
	/* .nosun-widget.grid-col-1-row-2 img,
	.nosun-widget.grid-col-1-row-2 video, */
	.nosun-widget.grid-col-2-row-2 img,
	.nosun-widget.grid-col-2-row-2 video {
		aspect-ratio: 708 / 618 !important;
	}
	.widget-single-projects-text {
		aspect-ratio: auto !important;
	}
	.widget-single-projects-video .video-thumbnail-container img,
	.widget-single-projects-video .video-thumbnail-container video,
	.widget-single-projects-image img,
	.widget-single-projects-video video {
		border-radius: 10px;
	}
}



/* Why NOSUN
--------------------------------------------------------- */
body.page-id-2937 {
	scroll-snap-type: y proximity;
}
.why-nosun-container {
	/* padding-left:20px; */
	display: flex;
	position: relative;
}
.why-scrolling-headline {
	flex-grow: 0;
	align-self: flex-start;	
	/* text-transform: lowercase; */
	font-weight:900;
	/* font-size: clamp(4.8rem, 3.359rem + 1.900vw, 7rem) !important; */
	font-size: clamp(1.8rem, -1.607rem + 4.500vw, 7rem) !important;
	/* font-size: clamp(3rem, 1.297rem + 2.200vw, 5.6rem) !important; */
	display: block;
}
ul.why-nosun-list {
	width: calc(100% - 200px);
	padding-left: var(--space-s);
	list-style: none;
	margin:0;
}
ul.why-nosun-list li {
	scroll-snap-align: center;
	padding-left:0.2em;
	scroll-snap-align: center;
	/* font-size: clamp(30px, 8vw, 60px); */
	/* font-size: clamp(3rem, 1.297rem + 2.200vw, 5.6rem); */
	/* font-size: clamp(4.8rem, 3.359rem + 1.900vw, 7rem) !important; */
	font-size: clamp(1.8rem, -1.607rem + 4.500vw, 7rem) !important;
	line-height:1;
	font-weight:900;
	margin:0;
	position: relative;
	z-index: 1;
}
ul.why-nosun-list li  > span {
	display:inline-block;	
	transition:all 300ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.why-scribble-container {
	position: absolute;
	z-index: 0;
	pointer-events: none;
}
.why-scribble-container {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	will-change: transform;
	/* Add perspective for better 3D rotation */
	transform-style: preserve-3d;
	backface-visibility: hidden;
}

/* Distribute vertically with ~12.5% increments (200vh/16) */
.why-scribble-container.why-scribble-1 {
	top: 6.25%;    /* ~1/16 of 200vh */
	left: 70%;
	transform: rotate(10deg) scale(1.4);
}
.why-scribble-container.why-scribble-2 {
	top: 18.75%;   /* ~3/16 of 200vh */
	left: 10%;
	transform: rotate(-20deg);
}
.why-scribble-container.why-scribble-3 {
	top: 31.25%;   /* ~5/16 of 200vh */
	left: 80%;
	transform: rotate(-5deg) scale(1.5);
}
.why-scribble-container.why-scribble-4 {
	top: 43.75%;   /* ~7/16 of 200vh */
	left: 15%;
	transform: rotate(-10deg) scale(1.2);
}
.why-scribble-container.why-scribble-5 {
	top: 56.25%;   /* ~9/16 of 200vh */
	left: 75%;
}
.why-scribble-container.why-scribble-6 {
	top: 68.75%;   /* ~11/16 of 200vh */
	left: 20%;
	transform: rotate(10deg) scale(1.3);
}
.why-scribble-container.why-scribble-7 {
	top: 81.25%;   /* ~13/16 of 200vh */
	left: 65%;
	transform: rotate(-10deg) scale(1.1);
}
.why-scribble-container.why-scribble-8 {
	top: 93.75%;   /* ~15/16 of 200vh */
	left: 30%;
	transform: rotate(0deg) scale(1.4);
}
.why-scribble-container.inView .animated-icon .brush-group path {
	stroke-dashoffset: 0 !important;
}
@media (max-width:800px) {
	/* .why-scrolling-headline {
		opacity:0;
		pointer-events: none;
		visibility: hidden;
	} */
	ul.why-nosun-list {
		padding-left: 0;
		width: calc(100% - 60px);
	}
	.why-scribble-container.why-scribble-1 {
		transform: rotate(10deg) scale(0.4);
	}
	.why-scribble-container.why-scribble-2 {
		transform: rotate(-20deg) scale(0.6);
	}
	.why-scribble-container.why-scribble-3 {
		transform: rotate(-5deg) scale(0.6);
	}
	.why-scribble-container.why-scribble-4 {
		transform: rotate(-10deg) scale(0.5);
	}
	.why-scribble-container.why-scribble-5 {
		transform: scale(0.7);
	}
	.why-scribble-container.why-scribble-6 {
		transform: rotate(10deg) scale(0.4);
	}
	.why-scribble-container.why-scribble-7 {
		transform: rotate(-10deg) scale(0.6);
	}
	.why-scribble-container.why-scribble-8 {
		transform: rotate(0deg) scale(0.5);
	}
}

@media (max-width:767px) {
	.nosun-widget.widget-contact-form {
		padding-top: var(--space-s);
		padding-bottom: var(--space-s);
	}
}