/* raus? */
.kachel-more .sbox-link {
  text-decoration: none;
  font-weight: inherit;
}
.kachel-more .sbox-wrapper {
  background: #fff;
}
.kachel-more .sbox, .kachel-more .sbox-wrapper {
  height: 100%;
}
.kachel-more .sbox-wrapper {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
.kachel-more .kachel-descr {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  font-size: 0.938rem;
  line-height: 1.333em;
}
.kachel-more h5 {
  margin-top: 0;
}
section.modul.testimonial {
  padding: 0 1.625rem;
  margin: calc(1.875rem * 2) 0;
}
section.modul.testimonial.no-slider {
  margin: 1.875rem 0;
}
.testimonial-slide {
  padding: calc(1.625rem * 2) 10%;
}
.testimonial-slide .testimonial-text {
  font-size: 2rem;
  padding-bottom: calc(1.875rem * 2);
}
.testimonial-slide .testimonial-text.font-s {
  font-size: 1.45rem;
}
.testimonial-slide .testimonial-text.font-s span.quotation {
  font-size: 2.25rem;
  line-height: 1.45rem;
}
.testimonial-slide .testimonial-text.font-m {
  font-size: 1.7rem;
}
.testimonial-slide .testimonial-text.font-m span.quotation {
  font-size: 2.5rem;
  line-height: 1.7rem;
}
.testimonial-slide .testimonial-text.font-l {
  font-size: 2rem;
}
.testimonial-slide .testimonial-text.font-l span.quotation {
  font-size: 2.9rem;
  line-height: 2rem;
}
.testimonial-slide .testimonial-name {
  font-weight: 700;
  font-size: 20px;
}
.testimonial-swiper-nav-container .swiper-pagination {
  position: relative;
  padding: 0 0 1.875rem 0;
}
.testimonial-swiper-nav-container .swiper-button-next, .testimonial-swiper-nav-container .swiper-button-prev {
  transform: none;
}
.testimonial-wrapper {
  padding: calc(1.875rem * 2) 0;
  justify-content: center;
}
.testimonial-wrapper.align-center {
  padding: 1.875rem 0;
}
@media screen and (min-width: 64rem) {
  .testimonial-wrapper {
    justify-content: space-between;
  }
  .testimonial-wrapper.align-center {
    justify-content: center;
  }
  .testimonial-wrapper.align-around {
    justify-content: space-around;
  }
}
.testimonial-wrapper .testimonial-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #95b6d9;
  padding-bottom: 1.625rem;
  margin-bottom: 1.625rem;
}
.testimonial-wrapper .testimonial-item:last-child {
  border-bottom: none;
}
@media screen and (min-width: 64rem) {
  .testimonial-wrapper .testimonial-item {
    border-bottom: none;
    padding: 0;
    margin: 0;
  }
}
.testimonial-wrapper .testimonial-text {
  font-size: 1.3rem;
  line-height: 120%;
  padding-bottom: 1.875rem;
}
.testimonial-wrapper .testimonial-text span {
  font-size: 2rem;
  line-height: 1.2rem;
}
.testimonial-wrapper .testimonial-name {
  font-weight: 700;
  font-size: 1rem;
}
.select-box {
  display: flex;
  align-items: center;
}
.hidden {
  display: none;
}
.big-slider.start .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: #cadaec !important;
}
.big-slider.start .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #34597a !important;
}
html {
  scroll-behavior: smooth;
}
[data-type="erfolgsgeschichten"] {
  /*height: 100vh;
	overflow-x: hidden; 
	overflow-y: auto;
	-webkit-perspective: 300px;
	perspective: 300px; 
	-webkit-perspective-origin-x: 100%;
	perspective-origin-x: 100%;
	scrollbar-width: none;*/
}
@media screen and (min-width: 54rem) {
  [data-type="erfolgsgeschichten"] .badge-wrapper {
    position: absolute;
    width: 155px;
    height: 155px;
    margin-left: -77px;
    margin-bottom: -77px;
    z-index: 10;
    left: 50%;
    bottom: 0;
  }
}
@media screen and (min-width: 64rem) {
  [data-type="erfolgsgeschichten"] .badge-wrapper {
    margin-bottom: -50px;
  }
}
.parallax_left .sbox-link, .parallax_right .sbox-link {
  margin-bottom: 2rem;
}
@media screen and (min-width: 64rem) {
  .parallax_left .sbox-link {
    margin-right: 2rem;
    margin-top: 0;
    margin-bottom: 4rem;
  }
  .parallax_right .sbox-link {
    margin-left: 2rem;
    margin-top: 4rem;
    margin-bottom: 0;
  }
}
.parallax-top {
  margin-bottom: 2rem;
}
@media screen and (min-width: 64rem) {
  .parallax_left-top {
    margin-top: 4rem;
    margin-bottom: 30px;
  }
}
.parallax_right-top {
  padding: 2rem 2.5rem 1rem 2.5rem;
  margin-top: -4px;
  margin-bottom: 50px;
  z-index: 10;
}
@media screen and (min-width: 64rem) {
  .parallax_right-top {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 45%;
    margin-bottom: 0;
    margin-top: 0;
    padding: 2.5rem 2rem 0.3rem 2.5rem;
  }
  .parallax_right-top h3 {
    font-size: calc(1.75rem + 5 * (100vw - 20rem) / (1920 - 320));
    margin-bottom: 0.25em;
    margin-top: 0.2em;
    letter-spacing: 0;
    line-height: 1.1em;
  }
  .parallax_right-top .text {
    font-size: 0.938rem;
    line-height: 1.333em;
  }
}
@media screen and (min-width: 81rem) {
  .parallax_right-top {
    padding: 4rem 4.5rem 2rem 4.5rem;
    width: 47%;
  }
  .parallax_right-top h3 {
    font-size: calc(2rem + 11 * (100vw - 20rem) / (1920 - 320));
    margin-bottom: 0.25em;
    margin-top: 0.2em;
    letter-spacing: 0px;
    line-height: 1.093em;
  }
  .parallax_right-top .text {
    font-size: inherit;
    line-height: inherit;
  }
}
.parallax_image.parallax_left .kachel-descr {
  padding: 1.75rem;
}
.parallax_image.parallax_right .kachel-descr {
  padding: 1.75rem;
}
/*

.kachel-story .sbox-link {
	height: auto;
	aspect-ratio: 4 / 3;
}

.kachel-story .kachel-descr {
	background: #ffffff; 
	opacity: 0.94; 
	position: absolute; 
	bottom: 22px; 
	left: 22px; 
	max-width: 60%;
	height: auto;
	padding: 1rem;
	
	div strong { 
		font-weight: normal;
	}
	.textlink { padding-top: .3rem; }
}


.event-sub { margin-top: -.6em; margin-bottom: 1em; }
.kachel-descr .event-sub { margin-top:0;  }




html {scroll-behavior: smooth;}
.parallax {
	
	.badge-wrapper {
		@media screen and (min-width: $viewport-l){
			position: absolute;
			width: 155px;
			height: 155px;
			margin-left: -77px;
			margin-bottom: -77px;
			z-index: 10;
			left: 50%;
			bottom: 0;
		}
		@media screen and (min-width: $viewport-xl){
			margin-bottom: -50px;
		}
	}
}

.parallax_left .sbox-link, .parallax_right .sbox-link {
	margin-bottom: 2rem;
	@media screen and (min-width: $viewport-l){
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: $viewport-xl){
	.parallax_left .sbox-link {
		margin-right: 2rem;
		margin-top: 2rem;
		margin-bottom: 0;
	}
	.parallax_right .sbox-link {
		margin-left: 2rem;
		margin-bottom: 2rem;
	}	
}
.parallax_left-top {
	@media screen and (min-width: $viewport-xl){
		animation: scroll-left-top linear both;
		animation-timeline: view();
		animation-range: 0 85vh;
		margin-top: 100px;
		margin-bottom: 30px;
	}
}

.parallax_right-top {
	padding: 2rem 2.5rem 1rem 2.5rem;
	margin-top: -4px;
	z-index: 10;
	@media screen and (min-width: $viewport-xl){
		animation: scroll-right-top linear both;
		animation-timeline: view();
		animation-range: 10vh 75vh;
		margin-top: 120px;
		top: 0;
		position: absolute;
		right: 0;
		width: 45%;
		margin-bottom: 50px;
		padding: 2.5rem 2rem .3rem 2.5rem;
		h3 { // H2 Stil
			font-size: calc(1.75rem + 5 * (100vw - 20rem) / (1920 - 320));
			margin-bottom: .25em;
			margin-top: .2em;
			letter-spacing: 0;
			line-height: 1.1em;
		}
		.text {
			font-size: .938rem;
    	line-height: 1.333em;
		}
	}
	@media screen and (min-width: $viewport-xxl){
		padding: 4rem 4.5rem 2rem 4.5rem;
		h3 { // H1 Stil
			font-size: calc(2rem + 11 * (100vw - 20rem) / (1920 - 320));
			margin-bottom: .25em;
			margin-top: .2em;
			letter-spacing: 0px;
			line-height: 1.093em;
		}	
		.text {
			font-size: inherit;
			line-height: inherit;
		}
	}
}

.parallax_image.parallax_left {
	@media screen and (min-width: $viewport-xl){
		margin-top: 100px;
		
		animation: scroll-left linear both;
		animation-timeline: view();
		animation-range: 0vh 75vh;
	}
	.kachel-descr {
		padding: 1.75rem;
		animation: kachel-appear-left ease-in both;
		animation-timeline: view();
		animation-range: entry 0vh 50vh;
	}
}	
.parallax_image.parallax_right {
	@media screen and (min-width: $viewport-xl){
		margin-top: 20px;
		animation: scroll-right linear both;
		animation-timeline: view();
		animation-range: 0vh 75vh;
	}
	.kachel-descr {
		padding: 1.75rem;
		animation: kachel-appear-right ease-in both;
		animation-timeline: view();
		animation-range: entry 0vh 50vh;
	}
}

@media screen and (min-width: $viewport-xl){
	@keyframes scroll-left-top {
		from {
			margin-top: 0;
		}
	}
	@keyframes scroll-right-top {
		from {
			margin-top: 100px;
			@media screen and (min-width: $viewport-m){
				margin-top: 10px;
			}
		}
	}
	@keyframes scroll-left {
		from {
			margin-top: 0;
		}
	}
	@keyframes scroll-right {
		from {
			margin-top: 100px;
		}
	}
	
}

@keyframes kachel-appear-left {
  from {
    transform:translate(2rem 0);
  }
}
@keyframes kachel-appear-right {
  from {
    transform:translate(1rem 0);
  }
}
*/
@media screen and (max-width: 64rem) {
  .noGradient {
    width: 100% !important;
  }
}
@media screen and (max-width: 64rem) {
  .kachel-story .sbox-link {
    height: auto;
  }
}
@media screen and (min-width: 64rem) {
  .kachel-story .sbox-link {
    height: auto;
    aspect-ratio: 1.3333333333;
  }
}
.kachel-story .kachel-descr {
  padding: 1rem;
  background: #ffffff;
  border: 1px solid #d9e3eb;
  border-top: none;
}
.kachel-story .kachel-descr div strong {
  font-weight: normal;
}
.kachel-story .kachel-descr .textlink {
  padding-top: 0.3rem;
}
@media screen and (min-width: 32rem) {
  .kachel-story .kachel-descr {
    border: none;
    opacity: 0.94;
    position: absolute;
    bottom: 22px;
    left: 22px;
    max-width: 60%;
    height: auto;
  }
}
.kachel-story.kachel-contact .kachel-descr {
  border: none;
}
@media screen and (min-width: 32rem) {
  .kachel-story.kachel-contact .kachel-descr {
    position: static;
  }
}
.event-sub {
  margin-top: -0.6em;
  margin-bottom: 1em;
}
.kachel-descr .event-sub {
  margin-top: 0;
}
#backlink .label-container, .split-modul-header .label-container {
  top: 0;
}
#microsite .copyright-wrapper {
  background: #e8ecef;
}
@media screen and (min-width: 64rem) {
  #microsite .bigslider_gradient {
    background: linear-gradient(to right, #e8ecef 10%, transparent);
  }
  .big-slider .bigslider_gradient {
    display: block;
  }
}
@media screen and (min-width: 64rem) {
  #intro-wifoe .buehne .banner-buehne .buehne-inner h1, #intro-wifoe .buehne .banner-buehne .buehne-inner p {
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 64rem) {
  #intro-wifoe .buehne .banner-buehne .buehne-inner h1, #intro-wifoe .buehne .banner-buehne .buehne-inner p {
    font-size: 4vw;
  }
}
@media screen and (min-width: 64rem) {
  #intro-wifoe .measure--xl.p4--lr {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media screen and (max-width: 64rem) {
  .big-slider .text-container .text-wrapper.p4--lr {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #intro-wifoe .p4--lr {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #intro-wifoe .buehne {
    margin-left: 0;
    margin-right: 0;
  }
  #intro-wifoe .text {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
  }
  #intro-wifoe .m2--lr {
    margin-left: 0;
    margin-right: 0;
  }
  #intro-wifoe .buehne .banner-buehne::before {
    height: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    bottom: -1.5rem;
    left: -1.5rem;
  }
  #intro-wifoe .buehne .banner-buehne::after {
    height: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    top: -1.5rem;
    right: -1.5rem;
  }
  #intro-wifoe .buehne .banner-buehne .buehne-inner {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 32rem) {
  #intro-wifoe .sandboxes .sandbox img {
    max-width: 90%;
    max-height: 90%;
  }
}
.swiper-pagination.headswiper-pagination {
  margin: 0 auto 1.875rem auto;
}
@media screen and (min-width: 81rem) {
  .swiper-pagination.headswiper-pagination {
    margin-bottom: 0;
  }
}
.kachel-hauptkategorie .kachel-descr .button, .kachel-hauptkategorie .kachel-descr .button--solid {
  width: 38px;
  height: 33px;
  padding: 0;
}
@media screen and (min-width: 64rem) {
  .big-slider .text-container .text-wrapper .outer strong {
    font-weight: normal;
  }
}
figure.inline-img {
  width: 100%;
}
@media screen and (min-width: 32rem) {
  figure.inline-img {
    display: inline-block;
  }
  figure.inline-img.left, figure.inline-img.right {
    width: calc(50% - (1.875rem / 2) - 2px);
  }
  figure.inline-img.left, figure.inline-img.left_drittel {
    float: left;
    margin: 0.2em calc(1.875rem / 2) 1.875rem 0;
  }
  figure.inline-img.right, figure.inline-img.right_drittel {
    float: right;
    margin: 0.2em 0 1.875rem calc(1.875rem / 2);
  }
  figure.inline-img.left_drittel, figure.inline-img.right_drittel {
    width: calc(33% - (1.875rem / 2) - 2px);
  }
}
@media screen and (min-width: 54rem) {
  figure.inline-img.left, figure.inline-img.right {
    width: calc(50% - (1.875rem / 2) - 2px);
  }
}
@media screen and (min-width: 32rem) {
  .zweispaltig figure.inline-img.right {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
@media screen and (min-width: 64rem) {
  .zweispaltig figure.inline-img {
    column-span: all;
    width: auto;
    display: block;
  }
  .zweispaltig figure.inline-img.left, .zweispaltig figure.inline-img.right, .zweispaltig figure.inline-img.left_drittel, .zweispaltig figure.inline-img.right_drittel {
    display: inline;
    column-span: none;
  }
  .zweispaltig figure.inline-img.left_drittel, .zweispaltig figure.inline-img.right_drittel {
    width: calc(65% - (1.875rem / 2) - 2px);
  }
  .zweispaltig figure.inline-img.right_drittel {
    float: right;
  }
  .zweispaltig figure.inline-img.left, .zweispaltig figure.inline-img.right {
    margin: 0.2em 0 1.875rem 0;
  }
}
@media screen and (min-width: 64rem) {
  .zweispaltig:not(:has(.factbox)), .zweispaltig p .factbox {
    column-count: 2;
    column-gap: 7%;
    column-fill: balance;
    hyphens: auto;
  }
}