@charset "UTF-8";
@media screen and (min-width: 64rem) {
  header#header #main-navigation .lvl-1.entry .subnavi {
    /*min-width: 100%;*/
  }
}
/* 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;
}
/* Drin ab hier 
.imgnotch {
  position: relative;
  z-index: 10;

  &:before {
    display: none; //TODO checken: einfach raus? wird noch woanders verwendet?
  }

  &:after {
    display: none; //TODO checken: einfach raus? wird noch woanders verwendet?
  }
	
  .objectfit-header {
    height: auto;
    overflow: visible;
  }

  .descr-wrapper {
    padding-bottom: 25px;

    .buehne-text {
      padding: 1.875rem;
      background: rgba($color-1, 1) !important; // TODO aus mediaquery in theme.scss rausnehmen (Zeile 468)
    
      h1 { 
        text-transform:inherit;
        @include calc-font-size(62px, $headline-1--min); 
      }
    }
  }
	
  + section {
    padding-top: 0;
  }

  @media screen and (min-width: $viewport-l) {

    .objectfit-header,
    .flex-wrapper-img-bottom {
      max-height: 60vh;
			margin-bottom: 2vh;
    }

    .descr-wrapper {
      padding-bottom: 0;
      //bottom: -1.5rem;
      bottom: -2vh;
      top: auto;
      padding-left: 10%;

      .buehne-text {
        padding: 2rem 3rem;
        max-width: 70%;
        padding-bottom: 50px;
        overflow: hidden;
      }
    }

    + section {
      padding-top: 2rem;
    }
  }

  @media screen and (min-width: $viewport-xl) {
    .objectfit-header,
    .flex-wrapper-img-bottom {
      //max-height: 70vh;
      //max-height: inherit;
      max-height: 85vh;
    }

    .descr-wrapper {
      width: 100%;
      padding-left: 20%;

      .buehne-text {
        max-width: 50%;
        //@include calc-font-size(26px, $headline-3--min); //TODO reinnehmen und checken
        font-size: 26px;
      }
    }
  }

  @media screen and (min-width: $viewport-xxl) {
    .descr-wrapper {

      .buehne-text {
        max-width: 40%;
      }
    }
  }

}


.kachel-hauptkategorie {
  h3 {
    //@include calc-font-size(22px, $headline-3--min);
    font-size:22px;
  }

  .editorial {
    //@include calc-font-size(16px, 12px);
    font-size: 16px;
  }

  .sbox-wrapper {
    padding: $p1--i;
    //background: $white;
    //@extend .shadow; // TODO wieder rein
    .copyright-wrapper {
      img {
        vertical-align: bottom;
      }
    }
  }
  .kachel-descr {
    padding: $p1 $p1--i $p1--i 0;
    position: relative;
    .button {
      width:38px;
      height:33px;
      padding: 0;
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        width: 35%;
        height: auto;
      }
    }
  }
}

.kachel-hauptkategorie-trenner { // TODO checken: kann ganz raus? wird noch woanders verwendet?
  display: none;
}

.kachel-hauptkategorie,
.kachel-linked-doc {
  .sbox-link {
    text-decoration: none;
    font-weight: inherit;
    display: block;
    height: 100%;

    &:hover {
      color: inherit;
    }
  }
}

@media screen and (min-width: $viewport-l) {
  .kachel-hauptkategorie,
  .kachel-linked-doc {
    .sbox,
    .sbox-wrapper {
      padding: 1.25rem;
      height: 100%;
      box-shadow: none;
    }
    .sbox {
      padding: $p1_smaller;
    }
    .sbox-wrapper {
      background: #EBF0F5; // FIXME Farbvariable $color-2--l2
    }
    .kachel-img {
      padding: 0 0 0 0;
      position: relative;
    }

    .editorial {
      padding-bottom:40px;
    }

    .kachel-descr {
      padding: 0 0 0 $p1_smaller;
      height: 100%;
      font-size: 0.938rem;
      line-height: 1.333em;

      h3 {
        //margin-top: 0;
        margin-top: -3px;
        margin-bottom: 0.3em;
      }

      .label-container-landingpage + h3 {
        margin-top: 0;
        margin-bottom: 0.1em;
      }

      .font--body-2 {
        margin: 0;
      }
    }
  }
}
@media screen and (min-width: $viewport-xl) {
  .kachel-hauptkategorie {
    h3 {
      //@include calc-font-size(18px, 14px);
      font-size: 16px;
    }
  
    .editorial {
      //@include calc-font-size(14px, 12px);
      font-size: 13px;
    }
  }
}

@media screen and (min-width: $viewport-xxl) {
  .kachel-hauptkategorie {
    h3 {
      //@include calc-font-size(22px, $headline-3--min);
      font-size:22px;
    }

    .editorial {
      //@include calc-font-size(16px, 12px);
      font-size: 16px;
    }
  }
}


//.gototop-wrapper .measure--xl { padding: 0 $p1; }

// !SECTION Landingpage


//-----------------------------------------------
// SECTION Textmodul

figure.inline-img {
	width: 100%;
  @media screen and (min-width: $viewport-m) {
    display: inline-block;
		&.left, &.right {
			width: calc(50% - (1.875rem / 2) - 2px);
		}
    &.left, &.left_drittel {
      float: left;
      margin: .2em calc(1.875rem / 2) 1.875rem 0;
    }

    &.right{
			margin: .2em  0 1.875rem calc(1.875rem / 2);
    }
		&.right_drittel {
      float: right;
			margin: .2em  0 1.875rem calc(1.875rem / 2);
		}
		&.left_drittel, &.right_drittel {
    	width: calc(33% - (1.875rem / 2) - 2px);
		}
  }

  @media screen and (min-width: $viewport-l) {
		&.left, &.right {
    	width: calc(50% - (1.875rem / 2) - 2px);
		}

  }

}
.zweispaltig figure.inline-img {
	@media screen and (min-width: $viewport-m) {
		&.right{
			width:100%;
			float: none;
			margin-left:0;
    }
	}
	@media screen and (min-width: $viewport-xl) {
		column-span: all; 
		width: auto; 
		display: block;
		&.left, &.right, &.left_drittel, &.right_drittel { 
			display: inline;
			column-span: none; 
		}
		&.left, &.right {
			//width: calc(100% - (1.875rem / 2) - 2px);
		}
		&.left_drittel, &.right_drittel {
			width: calc(65% - (1.875rem / 2) - 2px);
		}
		&.left_drittel {
			//margin-right: 0;
		}
		&.right_drittel {
			float:right;
		}
		&.left, &.right {
      margin: .2em 0 1.875rem 0;
    }
	}
}


@media screen and (min-width: $viewport-xl) {
	.zweispaltig:not(:has(.factbox)), .zweispaltig p .factbox { column-count: 2; column-gap: 7%; column-fill: balance; hyphens: auto; }
}



// !SECTION Textmodul
//-----------------------------------------------

// SECTION Startseite

.big-slider .label-container { left: 0; }
.bigslider_gradient { display: none; }

	@media screen and (min-width: $viewport-xl) {
		.big-slider .text-container .text-wrapper .outer {
				padding: 0;
		}
	}

.swiper-pagination.headswiper-pagination {
	//left:6%;	
	@media screen and (min-width: $viewport-xxl) {
		bottom: 4rem;
		top: auto; 
		padding-top: 0;
	}
}

@media screen and (min-width: $viewport-xl) {
	.bigslider_gradient { 
		width: 40%;
		background: linear-gradient(to right, white 10%, transparent);
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}
	.big-slider .font--headline-1, .big-slider .schriftgroesse-h1, .big-slider h1 {
		font-size: calc(2rem + 11*(100vw - 20rem) /(1920 - 320));
	}
}

@media screen and (min-width: 1400px) {
	.big-slider .text-container .text-wrapper.measure-space {
		padding: 2rem;
	}
	.big-slider .img-container img {
		width:100%;
	}
	.big-slider .font--headline-1, .big-slider .schriftgroesse-h1, .big-slider h1 {
		font-size: calc(2rem + 7*(100vw - 20rem) /(1920 - 320));
	}
	.big-slider .font--headline-1+div, .big-slider .schriftgroesse-h1+div, .big-slider h1+div {
		font-size: 20px;
		line-height: 130%;
	}
}

.text-img-container .font--headline-1 { line-height: 100%; margin-top: .5em; }



@media screen and (min-width: 54rem) {
    section#intro-wifoe {
        padding: 80px 0; // Überschreiben
    }
}


#intro-wifoe  { color: #ffffff; }
#intro-wifoe .buehne {
	margin: 2.5rem;
	padding-left: 2rem;
	padding-right: 2.5rem;
	.banner-buehne::before {
    height: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    bottom: -2.5rem;
    left: -2.5rem;
	}
	.banner-buehne::after {
    height: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    top: -2.5rem;
    right: -2.5rem;
	}
}
//#intro-wifoe .sandboxes .sandbox img { max-width: 68%; max-height: 68%; padding:1rem; 
#intro-wifoe .sandboxes .sandbox img {  padding:.8rem; }


@media screen and (min-width: 32rem){
	#intro-wifoe .buehne .banner-buehne .buehne-inner h1, #intro-wifoe .buehne .banner-buehne .buehne-inner p {
		font-size: 2.1vw;
	}
	#intro-wifoe .buehne .banner-buehne .buehne-inner {
		padding: 2.175rem;
	}
}


@media screen and (max-width: 64rem) {
	#intro-wifoe .measure--xl.p4--lr {
		padding: 0;
	}
	#intro-wifoe .buehne .banner-buehne .buehne-inner h1, #intro-wifoe .buehne .banner-buehne .buehne-inner p {
		font-size: 2.625rem;
	}
}


#intro-wifoe .text {
	margin-top: 3rem;
}
@media screen and (min-width: 64rem) {
	#intro-wifoe .text {
		margin-top: 0;
	}
}


.badge-wrapper {
	position: relative;
	width: 155px; 
	height: 155px; 
	margin: -77px auto 0 auto;
	z-index: 10;
	a {
		width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(227, 0, 15, 1) 0%, rgba(227, 0, 15, 1) 70%, rgba(227, 0, 15, 0) 70.3%);
    color: white;
		text-decoration: none;
		display: grid;
		align-items: center;
    justify-content: center;
		span {
			font-size: 20px;
			line-height: 1.25;
			padding: 0;
			text-align: center;
			@media screen and (min-width: $viewport-m){
				padding-bottom: 12%;
			}
		}
		&:after {
			content:"";
			background: url(/standards/img/icons/badge-arrow-down.svg) no-repeat center bottom/8% auto;
			@media screen and (min-width: $viewport-m){
				background: url(/standards/img/icons/badge-arrow-down.svg) no-repeat center bottom/10% auto;
			}
			width:100%;
			height:100%;
			position: absolute;
			left: 0;
			bottom: 1rem;
		}
		@media screen and (min-width: $viewport-m){
			font-size: 20px;
		}
		@media screen and (min-width: $viewport-xl){
			font-size: 20px;
		}
	}
}

.color-1--l2 .sbox-wrapper { border: none; }

div.kachel-headline, section.color-1--l2 div.kachel-headline, section.color-2--l2 div.kachel-headline { text-align: center; display: block; }

div.kachel-headline .show-all, 
.color-2--l2 div.kachel-headline .show-all {
	border: 1px solid #BDCEDD;
	border-radius: 5px;
	padding: .5rem 1.25rem .5rem 1.25rem;
	font-weight: 400;
	display: inline-block;
	margin: 0;
	background: inherit; //ganz raus in styles.css
	
	span::after {
	content: "";
	background: url(/standards/img/icons/icon-external-open.svg) no-repeat;
	}
}

.kachel-download header h4, .kachel-event header h4, .kachel-info header h4, .kachel-news header h4, .kachel-story header h4 { text-transform: none; }

.big-slider.start .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background: #cadaec !important; } //Inportant raus, wenn mediaquery entfernt im main.scss
.swiper-pagination { 
	width: calc(100% - 4rem); 
	.swiper-pagination-bullet { width: 12px; }
}


// !SECTION Startseite


.button, .button--pill-outline, .button--pill, .button--outline, .button--solid, button { border-radius: 5px; }

.button.font--button-medium, .font--button-medium.button--outline, .font--button-medium.button--pill, .font--button-medium.button--pill-outline, button.font--button-medium, .button--solid.font--button-medium {
    padding: 1em 2em;
}



main>section>:last-child {
    padding-bottom: 120px;
}

main>section.kacheln>:last-child {
    padding-bottom: 0px;
}



#backlink {  //add / change
	a {
		border-radius: 4px;
		background: #fff;
		border: 1px solid #c2cdd7;
	}
	.label {
		margin-left: 6px;
		&.art-aktuelles, &.art-story, &.art-veranstaltung {
			color: #34597a;
			background: #fff;
		}
		&.art-aktuelles::before { background-image:url(../img/icons/news-blue.svg); }
		&.art-story::before { background-image:url(../img/icons/story-blue.svg); }
		&.art-veranstaltung::before { background-image:url(../img/icons/calendar-blue.svg); }
	}
}


 Drin bis hier */
.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.parallax_image .sbox-link {
    height: auto;
  }
}
@media screen and (min-width: 64rem) {
  .kachel-story.parallax_image .sbox-link {
    height: auto;
    aspect-ratio: 1.3333333333;
  }
}
.kachel-story.parallax_image .kachel-descr {
  padding: 1rem;
  background: #ffffff;
  border: 1px solid #d9e3eb;
  border-top: none;
}
.kachel-story.parallax_image .kachel-descr div strong {
  font-weight: normal;
}
.kachel-story.parallax_image .kachel-descr .textlink {
  padding-top: 0.3rem;
}
@media screen and (min-width: 32rem) {
  .kachel-story.parallax_image .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;
}
/*
.swiper-pagination.headswiper-pagination {
	margin: 0 auto 1.875rem auto;
	@media screen and (min-width: 81rem) {
		margin-bottom: 0;
	}
}*/
#microsite .copyright-wrapper {
  background: #e8ecef;
}
@media screen and (min-width: 64rem) {
  #microsite .bigslider_gradient {
    background: linear-gradient(to right, #e8ecef 15%, transparent);
    width: 35%;
  }
  .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%;
  }
}
.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);
  }
}
.zweispaltig h3, .zweispaltig h4, .zweispaltig h5, .zweispaltig h6 {
  column-span: all;
}
@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, .zweispaltig figure.inline-img.left_drittel {
    float: left;
  }
  .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;
  }
}
.color-2--l2 div.kachel-headline .show-all {
  background: #ffffff;
}
@media screen and (min-width: 54rem) {
  .big-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #34597a;
  }
}
@media screen and (min-width: 54rem) {
  .imgnotch .descr-wrapper .buehne-text {
    max-width: 50vw;
  }
}
@media screen and (min-width: 64rem) {
  .imgnotch .descr-wrapper .buehne-text {
    max-width: 45vw;
  }
}
@media screen and (min-width: 81rem) {
  .imgnotch .descr-wrapper .buehne-text {
    max-width: 50%;
  }
}
@media screen and (min-width: 1600px) {
  .imgnotch .descr-wrapper .buehne-text {
    max-width: 45%;
  }
}
@media screen and (min-width: 120em) {
  .imgnotch .descr-wrapper .buehne-text {
    font-size: 24px;
  }
  .imgnotch .descr-wrapper .buehne-text h1 {
    font-size: 58px;
  }
}
#microsite .descr-wrapper {
  width: auto;
  padding-right: 0;
}
@media screen and (min-width: 54rem) {
  #microsite .descr-wrapper {
    max-width: 50vw;
  }
}
@media screen and (min-width: 64rem) {
  #microsite .descr-wrapper {
    max-width: 45vw;
  }
}
@media screen and (min-width: 81rem) {
  #microsite .descr-wrapper {
    max-width: 50%;
  }
}
@media screen and (min-width: 1600px) {
  #microsite .descr-wrapper {
    max-width: 45%;
  }
}
.modul.galerie .img-slider {
  margin: 0 0.9375rem;
  padding: 0;
}
.modul.galerie .swiper-button-prev {
  left: 0;
}
.modul.galerie .swiper-button-next {
  right: 0;
}