.frame-type-vcwidget-slider .desktop-wrapper {
  overflow: hidden;
  height: calc(100vh - (var(--page-logo-height) + 80px + 1.4 * var(--fontsize-basic)));
  /*max-height: 600px;*/
  width: 100%;
  position: relative;
}
.frame-type-vcwidget-slider .desktop-wrapper .inner-wrapper {
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.frame-type-vcwidget-slider .desktop-wrapper .main-topic-overlay {
  position: absolute;
  z-index: 4;
  width: 100%;
  top: min(4.2105263158vh, 2.1052631579vw, 40px);
  left: min(4.2105263158vh, 2.1052631579vw, 40px);
  font-size: min(6.3157894737vh, 3.1578947368vw, 60px);
  line-height: min(6.3157894737vh, 3.1578947368vw, 60px);
  transition: all 1s;
}
@media (min-width: 1960px) {
  .frame-type-vcwidget-slider .desktop-wrapper .main-topic-overlay {
    left: 0;
  }
}
.frame-type-vcwidget-slider .desktop-wrapper .bubble {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #CC051C;
  color: #FFFFFF;
  font-size: min(3.1578947368vh, 1.5789473684vw, 22px);
  line-height: min(3.1578947368vh, 1.5789473684vw, 30px);
  height: calc(4.4 * min(3.1578947368vh, 1.5789473684vw, 30px));
  width: calc(4.4 * min(3.1578947368vh, 1.5789473684vw, 30px));
  padding: min(2.1052631579vh, 1.0526315789vw, 20px);
  border-radius: 1000000px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.frame-type-vcwidget-slider .desktop-wrapper a .bubble {
  font-weight: 400;
}
.frame-type-vcwidget-slider .desktop-wrapper a .bubble::after {
  content: "";
  display: inline-block;
  width: min(3.1578947368vh, 1.5789473684vw, 30px);
  height: min(3.1578947368vh, 1.5789473684vw, 30px);
  mask-image: url("../../../Icons/arrow_icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background-color: #FFFFFF;
  vertical-align: middle;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 1s;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.color-vielfalt {
  background-color: #3D0022;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.color-toleranz {
  background-color: #AD3700;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.color-chancengleichheit {
  background-color: #937300;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.color-teilhabe {
  background-color: #4B7B00;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.primary {
  z-index: 1;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.secondary {
  opacity: 0;
  z-index: -1;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide .left-part, .frame-type-vcwidget-slider .desktop-wrapper .slide .right-part {
  position: absolute;
  transition: all 1s;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide .left-part {
  left: -100%;
  width: calc(60% - min(4.2105263158vh, 2.1052631579vw, 40px));
  top: calc(min(4.2105263158vh, 2.1052631579vw, 40px) + min(6.3157894737vh, 3.1578947368vw, 60px));
}
.frame-type-vcwidget-slider .desktop-wrapper .slide .right-part {
  right: -100%;
  width: 40%;
  height: 50%;
  overflow: hidden;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide .right-part img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.active {
  opacity: 1;
  z-index: 2;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.active .left-part {
  left: min(4.2105263158vh, 2.1052631579vw, 40px);
}


@media (min-width: 1960px) {
	
	.frame-type-vcwidget-slider .desktop-wrapper .topic-overlay {
		padding-bottom: 15px;
	}
	
  .frame-type-vcwidget-slider .desktop-wrapper .slide.active .left-part {
    left: 0;
  }
}
.frame-type-vcwidget-slider .desktop-wrapper .slide.active .right-part {
  right: 0;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide .main-topic {
  font-size: min(12.6315789474vh, 6.3157894737vw, 120px);
  line-height: min(12.6315789474vh, 6.3157894737vw, 120px);
  text-transform: uppercase;
  font-weight: 700;
  hyphens: manual;
}
.frame-type-vcwidget-slider .desktop-wrapper .slide .topic-shortdescription {
  font-size: min(3.1578947368vh, 1.5789473684vw, 30px);
  line-height: min(3.1578947368vh, 1.5789473684vw, 30px);
}
.frame-type-vcwidget-slider .desktop-wrapper .topic-overlay {
  position: absolute;
  max-width: 1920px;
  margin: 0 auto;
  padding: min(4.2105263158vh, 2.1052631579vw, 40px);
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  gap: min(4.2105263158vh, 2.1052631579vw, 40px);
  flex-wrap: nowrap;
  justify-content: space-between;
  z-index: 3;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic-overlay > a {
  text-decoration: none;
  flex: 1 1 0px;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic-overlay .main-topic {
  margin-bottom: min(2.1052631579vh, 1.0526315789vw, 20px);
  font-size: min(3.1578947368vh, 1.5789473684vw, 30px);
  line-height: min(3.1578947368vh, 1.5789473684vw, 30px);
}
.frame-type-vcwidget-slider .desktop-wrapper .topic-link-button .topic-longdescription {
  font-weight: 400;
  margin-bottom: min(2.1052631579vh, 1.0526315789vw, 20px);
}
.frame-type-vcwidget-slider .desktop-wrapper .topic-link-button .topic-longdescription, .frame-type-vcwidget-slider .desktop-wrapper .topic-link-button .button {
  opacity: 0;
  transition: all 1s;
  font-size: min(2.1052631579vh, 1.0526315789vw, 20px);
}
.frame-type-vcwidget-slider .desktop-wrapper .topic-link-button .button {
  padding-left: min(2.1052631579vh, 1.0526315789vw, 20px);
  padding-right: min(2.1052631579vh, 1.0526315789vw, 20px);
  padding-top: calc(min(2.1052631579vh, 1.0526315789vw, 20px) / 2);
  padding-bottom: calc(min(2.1052631579vh, 1.0526315789vw, 20px) / 2);
  line-height: 1.4;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic-link-button:hover .topic-longdescription, .frame-type-vcwidget-slider .desktop-wrapper .topic-link-button:hover .button, .frame-type-vcwidget-slider .desktop-wrapper .topic-link-button:focus .topic-longdescription, .frame-type-vcwidget-slider .desktop-wrapper .topic-link-button:focus .button {
  opacity: 1;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic .color-bar {
  display: block;
  width: 100%;
  height: min(3.1578947368vh, 1.5789473684vw, 30px);
  margin-bottom: min(2.1052631579vh, 1.0526315789vw, 20px);
  transition: all 1s;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.color-vielfalt .color-bar {
  background-color: #D70076;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.color-toleranz .color-bar {
  background-color: #F59C00;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.color-chancengleichheit .color-bar {
  background-color: #FBE213;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.color-teilhabe .color-bar {
  background-color: #93C249;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.inactive.color-vielfalt .color-bar {
  background-color: #3D0022;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.inactive.color-toleranz .color-bar {
  background-color: #AD3700;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.inactive.color-chancengleichheit .color-bar {
  background-color: #937300;
}
.frame-type-vcwidget-slider .desktop-wrapper .topic.inactive.color-teilhabe .color-bar {
  background-color: #4B7B00;
}


@media only screen and (min-width: 1600px) {
	body .frame-type-vcwidget-slider .desktop-wrapper {
		min-height: calc(500px + 10vw);
		max-height: 670px;
	}
	
	body .frame-type-vcwidget-slider .desktop-wrapper .slide.active .right-part {
		min-height: 400px;
	}
}


@media only screen and (min-width: 1399px) {
	.frame-type-vcwidget-slider .desktop-wrapper {
		min-height: calc(500px + 7vw);
		max-height: 600px;
	}
	
	.frame-type-vcwidget-slider .desktop-wrapper .slide.active .right-part {
		min-height: 400px;
	}
}






@media only screen and (max-width: 1399px) {
  .page-keyvisual .frame-type-vcwidget-slider {
    width: auto;
    max-width: 100vw !important;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.frame-type-vcwidget-slider .mobile-wrapper {
  height: calc(100vh - (var(--page-logo-height) + 80px + 1.4 * var(--fontsize-basic)));
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  background-color: #FFFFFF;
  padding-bottom: 1px;
}
.frame-type-vcwidget-slider .mobile-wrapper .top-part {
  aspect-ratio: 2/1;
  font-size: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  max-height: 50%;
}
.frame-type-vcwidget-slider .mobile-wrapper .top-part img {
  position: absolute;
  /*max-width: 100%;*/
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 600px;
}
.frame-type-vcwidget-slider .mobile-wrapper .bottom-part {
  padding: min(3.125vh, 6.25vw);
}
.frame-type-vcwidget-slider .mobile-wrapper .bubble {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #CC051C;
  color: #FFFFFF;
  font-size: min(2.8125vh, 5.625vw, 22px);
  line-height: min(2.8125vh, 5.625vw);
  height: calc(4.6 * min(2.8125vh, 5.625vw));
  width: calc(4.6 * min(2.8125vh, 5.625vw));
  padding: min(3.125vh, 6.25vw);
  border-radius: 1000000px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.frame-type-vcwidget-slider .mobile-wrapper a .bubble {
  font-weight: 400;
}
.frame-type-vcwidget-slider .mobile-wrapper a .bubble::after {
  content: "";
  display: inline-block;
  width: min(2.8125vh, 5.625vw);
  height: min(2.8125vh, 5.625vw);
  mask-image: url("../../../Icons/arrow_icon.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  background-color: #FFFFFF;
  vertical-align: middle;
}
.frame-type-vcwidget-slider .mobile-wrapper .topic-label {
  font-size: min(3.75vh, 7.5vw);
  line-height: 1;
  margin-bottom: 0;
}
.frame-type-vcwidget-slider .mobile-wrapper .main-topic {
  font-size: min(5.625vh, 11.25vw);
  line-height: 1;
  margin-bottom: min(3.125vh, 6.25vw);
}
.frame-type-vcwidget-slider .mobile-wrapper .topic-shortdescription {
  font-size: min(2.8125vh, 5.625vw);
  margin-bottom: min(3.125vh, 6.25vw);
}
.frame-type-vcwidget-slider .mobile-wrapper .color-bar {
  display: block;
  height: min(3.125vh, 6.25vw);
  width: 100%;
  margin-bottom: min(3.125vh, 6.25vw);
}
.frame-type-vcwidget-slider .mobile-wrapper .slide {
  height: 100%;
  scroll-snap-align: end;
  background-color: #0063A6;
  color: #FFFFFF;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-vielfalt {
  background-color: #3D0022;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-vielfalt .color-bar {
  background-color: #D70076;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-toleranz {
  background-color: #AD3700;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-toleranz .color-bar {
  background-color: #F59C00;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-chancengleichheit {
  background-color: #937300;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-chancengleichheit .color-bar {
  background-color: #FBE213;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-teilhabe {
  background-color: #4B7B00;
}
.frame-type-vcwidget-slider .mobile-wrapper .slide.color-teilhabe .color-bar {
  background-color: #93C249;
}
.frame-type-vcwidget-slider .mobile-wrapper .scroll-ender {
  scroll-snap-align: start;
  height: 1px;
}

/*# sourceMappingURL=frontend.css.map */