* {
    font-family: Konnect
}

body {
    overflow-x: hidden
}

.wrap {
    width: 1360px;
    max-width: 100%;
    margin: 0 auto
}

@media(max-width:768px) {
    .wrap {
        padding: 0 24px
    }
}

.mobile {
    display: none
}

h1.title {
    font-weight: 900;
    font-size: 64px;
    line-height: 99.5%;
    color: #68be70
}

h2.title {
    font-weight: 900;
    font-size: 40px;
    line-height: 99.5%
}

h3.title {
    font-weight: 900;
    font-size: 32;
    line-height: 99.5%
}

h4.title {
    font-weight: 900;
    font-size: 26px;
    line-height: 102%
}

.title_green {
    color: #68be70
}

.title_dark-blue {
    color: #3f2d47
}

.title_white {
    color: #fff
}

.text {
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    color: #3f2d47
}

.text_white {
    color: #fff
}

@media(max-width:768px) {
    h1.title {
        font-weight: 900;
        font-size: 40px;
        line-height: 99.5%;
        color: #68be70
    }

    h2.title {
        font-weight: 900;
        font-size: 28px;
        line-height: 99.5%
    }

    h3.title {
        font-weight: 900;
        font-size: 24px;
        line-height: 99.5%
    }

    h4.title {
        font-weight: 900;
        font-size: 16px;
        line-height: 102%
    }

    .text {
        font-weight: 300;
        font-size: 16px;
        line-height: 140%;
        color: #3f2d47
    }
}

body {
    padding-top: 135px;
}

.header {
    padding: 30px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    min-height: 140px;
    transition: all .3s ease;
}

.header .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}

.header .wrap::before {
    content: "";
    top: 38px;
    left: 200px;
    position: absolute;
    width: 223px;
    height: 105px;
    background: url(../img/image/clouds.png);
    background-size: 100% 100%
}

.header ul {
    margin-top: 25px;
    display: flex;
    gap: 32px;
    padding-right: 170px
}

.header ul li {
    list-style: none;
    position: relative;
	pointer-events: none;
}

.header ul li a {
    font-weight: 300;
    font-size: 20px;
    line-height: 99.5%;
    color: #3f2d47;
    padding-bottom: 10px;
    border-bottom: 4px solid transparent;
    transition: all .3s ease;
    position: relative;
    z-index: 2;
    width: 100%
}

.header ul li.current-menu-item a {
    border-bottom: 4px solid #68be70
}

.header ul li ul {
    margin-top: 0;
    position: absolute;
    padding: 30px 0px;
    background-color: #fff;
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    gap: 14px;
    top: 12px;
    left: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    /* transform: translate(-10px, 100%); */
    transition: all .5s ease
}

.header ul li ul li {
    width: max-content;
    border-bottom: 1px solid transparent;
    transition: all .3s ease
}


.header ul li ul li a {
    border-bottom: 0px !important;
}

.header ul li ul li:hover {
    border-bottom: 1px solid #3F2D47;
}

.header ul li:hover ul {
    max-height: 200px;
    opacity: 1
}

@media(max-width:768px) {

    body {
        padding-top: 75px;
    }

    .header {
        padding: 14px 0;
        position: fixed;
        // border-bottom: 2px solid #B7E4EB;
        min-height: initial !important;
    }

    .header .wrap {
        align-items: center;
    }

    .header ul {
        display: none
    }

    .header a.logo {
        width: 90px
    }

    .header a.logo svg {
        width: 100%;
        height: 100%
    }

    .header .wrap::before {
        width: 86px;
        height: 40px;
        bottom: -55%;
        left: 30%;
        top: 41px;
    }

    .header .wrap .menu-header-container {
        display: none
    }

    .header .menu-open {
        cursor: pointer;
        display: block;
        width: 28px;
        height: 16px;
        position: relative
    }

    .header .menu-open svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all .45s ease-in-out
    }

    .header .menu-open svg:nth-child(1) {
        opacity: 1
    }

    .header .menu-open.active svg {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(360deg)
    }

    .header .menu-open.active svg:nth-child(1) {
        opacity: 0
    }

    .header .menu {
        position: relative;
        display: block;
        height: calc(100vh - 64px);
        overflow: hidden;
        opacity: 0;
        max-height: 0;
        transition: all .45s ease
    }

    .header .menu.active {
        max-height: 100vh;
        opacity: 1
    }

    .header .menu ul {
        padding: 42px 24px;
        padding-bottom: 0;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        gap: 16px;
        margin: 0;
        display: flex;
        flex-direction: column
    }

    .header .menu .menu-item-has-children {
        position: relative;
    }

    .header .menu .menu-item-has-children::before {
        content: url(../img/icons/arrow-down.svg);
        position: absolute;
        right: 0;
        transition: all .3s ease;
    }

    .header .menu .menu-item-has-children.active::before {
        transform: rotate(180deg) translateY(20%);
    }

    .header .menu ul li {
        padding-top: 16px;
        border-top: 1px solid #b7e4eb
    }

    .header .menu ul li:first-child {
        border-top: 0
    }

    .header .menu ul li .sub-menu {
        position: static;
        max-height: initial;
        opacity: 1;
        transform: initial;
        gap: 6px;
        padding: 15px
    }

    .header .menu ul li .sub-menu li {
        max-height: initial !important;
        border: 0 solid transparent;
        padding-top: 0;
        width: 100%;
    }

    .header .menu ul li .sub-menu li a {
        font-size: 18px;
    }

    .header ul li.current-menu-item a {
        border: 0px !important;
    }

    .header .menu ul:not(.sub-menu) li {
        max-height: 40px;
        overflow: hidden;
        transition: all .3s ease
    }

    .header .menu ul:not(.sub-menu) li.active {
        max-height: 200px
    }

    .header .menu__bot {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #68be70;
        padding: 24px
    }

    .header .menu__bot ul {
        padding: 0;
        flex-direction: row
    }

    .header .menu__bot ul li {
        padding: 0;
        border-top: 0
    }

    .header .menu__bot ul li a {
        font-weight: 300;
        font-size: 16px;
        line-height: 99.5%;
        color: #fff
    }
}

.hero img, .hero video {
    width: 100%;
    height: 80vh;
    object-fit: cover;
    margin-bottom: -15px;
}


body:not(.home) .hero {
    height: 280px;
    overflow: hidden;
}

body:not(.home) .hero img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.clouds {
    background-color: #b7e4eb;
    height: 185px
}

.clouds .wrap {
    position: relative
}

.clouds img {
    position: absolute
}

.clouds img:nth-child(1) {
    width: 208px;
    height: 98px;
    top: 35px;
    left: 280px
}

.clouds img:nth-child(2) {
    top: -80px;
    right: -115px;
    width: 398px;
    height: 187px
}

@media(max-width:768px) {
    .clouds {
        height: 150px
    }

    .hero img, .hero video {
        display: block;
        height: 70vw;
    }

    body .main-page-content .right .content {
        gap: 40px;
    }

    body .main-page-content .right .news {
        width: 100%;
        max-width: initial;
        margin-bottom: 0;
    }

    .clouds img:nth-child(1) {
        width: 163px;
        height: 77px;
        left: initial;
        right: 40px;
        top: -30px
    }

    .clouds img:nth-child(2) {
        display: none
    }
}

.main-page-content {
    margin-top: -161px
}

.main-page-content .wrap {
    display: flex;
    justify-content: space-between
}

.main-page-content .left {
    width: 312px;
    margin-top: 30px
}

.main-page-content .right {
    max-width: 100%;
}

.main-page-content .right .news {
    max-width: 312px;
    margin-bottom: -110px;
}

.main-page-content .right .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 168px;
}

.main-page-content .link {
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    color: #3f2d47
}

.main-page-content .link:hover {
    text-decoration: underline
}

.main-page-content .right .termine {
    margin-bottom: -50px;
}

.main-page-content .right .termine__item {
    padding: 18px 0
}

@media(max-width:768px) {
	
    .main-page-content {
        margin-top: -102px
    }

    .main-page-content h1.title {
        margin-bottom: 24px !important
    }

    .main-page-content .wrap {
        flex-direction: column-reverse
    }

    .main-page-content .right .content {
        flex-direction: column
    }

    .main-page-content .right .about::before {
        content: none
    }

    .main-page-content .right .termine {
        width: 100%;
        margin-bottom: 0px;
    }

    .main-page-content .right .termine__item {
        padding: 18px 0
    }

    .main-page-content .right .termine h4.title {
        font-weight: 900;
        font-size: 22px;
        line-height: 102%
    }

    .main-page-content .left {
        width: 100%;
        margin-top: 0
    }
}

.home-galery {
    margin-top: 96px;
    padding-bottom: 40px;
    position: relative
}

.home-galery::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 192px;
    height: 4px;
    background: #68be70
}

.home-galery .home-slider {
    margin: 40px 0
}

.home-galery .text {
    max-width: 432px
}

.home-galery .swiper-slide {
    opacity: 0 !important
}

.home-galery .swiper-slide img {
    width: 100%
}

.home-galery .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

.home-galery .swiper-button-next,
.home-galery .swiper-button-prev {
    width: 44px;
    height: 44px;
    background: url(../img/icons/Arrow.png);
    background-size: 100% 100%;
    top: initial;
    bottom: 20px;
    right: initial;
    left: 20px;
    transform: rotate(180deg)
}

.home-galery .swiper-button-next::after,
.home-galery .swiper-button-prev::after {
    content: none
}

.home-galery .swiper-button-next {
    transform: none;
    left: 75px
}

@media(max-width:768px) {
    .home-galery {
        margin-top: 20px
    }

    .home-galery::before {
        content: none
    }

    .home-galery .home-slider {
        margin-bottom: 0;
        margin-top: 24px;
        padding: 24px 0;
        padding-top: 0;
        max-width: 100%
    }

    .home-galery .home-slider .swiper-button-prev {
        opacity: .8;
        top: 50%;
        left: 15px
    }

    .home-galery .home-slider .swiper-button-next {
        opacity: .8;
        top: 50%;
        left: initial;
        right: 15px
    }
}

.about {
    max-width: 671px;
    padding-bottom: 24px;
    position: relative;
    margin-top: 65px;
}

.about::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 192px;
    height: 4px;
    background: #68be70
}

.about h1.title {
    margin-bottom: 25px
}

.news__items {
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    border-top: 4px solid #68be70;
    border-bottom: 4px solid #68be70
}

.news__item {
    padding: 24px 0;
    border-bottom: 1px solid #68be70
}

.news__item:hover {
    text-decoration: none
}


.news__item:hover h4.title {
    text-decoration: underline;
    text-decoration-thickness: 3px;
}

.news__item:last-child {
    border: none
}

.news__item .img {
    position: relative;
    margin-bottom: 18px;
}

.news__item .img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .35s ease;
    background: #3F2D47;
    opacity: 0;
}


.news__item:hover .img::before {
    opacity: .2;
}

.news__item img {
    width: 100%;
}

.news__item h4 {
    margin-bottom: 0;
}

.news__date {
    font-weight: 300;
    font-size: 16px;
    line-height: 99.5%;
    color: #3f2d47;
    margin-bottom: 8px;
    text-decoration: none
}

@media(max-width:768px) {	
	.about {
		margin-top: 0px
	}
	
    .news__item {
        max-width: 100%
    }

    .news__item h4.title {
        font-weight: 900;
        font-size: 22px;
        line-height: 102%
    }

    .news__date {
        font-weight: 300;
        font-size: 14px;
        line-height: 102%
    }
}

.news-page {
    padding: 160px 0;
    padding-bottom: 0
}

.news-page .news .swiper {
    height: 1200px
}

.news-page .news .swiper .swiper-button-next,
.news-page .news .swiper .swiper-button-prev {
    top: initial;
    bottom: 40px;
    left: 0;
    right: initial !important;
    background: url("../img/icons/Arrow Button Blue.png");
    background-size: 100% 100%;
    width: 44px;
    height: 44px
}

.news-page .news .swiper .swiper-button-next::after,
.news-page .news .swiper .swiper-button-prev::after {
    content: none
}

.news-page .news .swiper .swiper-button-next {
    left: 60px;
    transform: rotate(180deg)
}

.news-page .news .swiper .news__item {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.news-page .news__items {
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 36px;
    padding-bottom: 36px;
    border: none
}

.news-page .news__items::after,
.news-page .news__items::before {
    content: "";
    height: 4px;
    background-color: #68be70;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.news-page .news__items::before {
    top: initial;
    bottom: 34px
}

.news-page .news__item {
    max-width: 312px;
    border: 0;
    padding-bottom: 28px;
    padding-top: 28px;
    margin-top: 0 !important;
    border-bottom: 1px solid #68be70
}

.news-page .news__item:hover h4 {
    text-decoration: underline;
    text-decoration-thickness: 3px;
}

@media(max-width:768px) {
    .news-page {
        padding: 60px 0
    }

    .news-page .news__items {
        padding: 40px 0;
        flex-direction: column
    }

    .news-page .news__item {
        width: 100%;
        padding-top: 0;
        max-width: initial
    }

    .news-page .news__item:last-child {
        border: none;
    }
}

.news-page .termine {
    width: 100%;
    padding: 120px 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.news-page .termine__items {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 36px;
    padding: 40px 0;
    align-items: flex-start
}

.news-page .termine__item {
    padding: 24px;
    padding-bottom: 80px;
    max-width: 312px;
    background: #b7e4eb;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    border-bottom: 0px solid #000;
}

.news-page .termine__item .text {
    margin: 24px 0
}

.news-page .termine__item .email {
    font-weight: 300;
    font-size: 16px;
    line-height: 130%
}

.news-page .termine__item .email a {
    color: #3f2d47
}


.news-page .termine__item .email a:hover {
    text-decoration: underline;
}

@media(max-width:768px) {
    .news-page .termine__item {
        width: 100%;
        max-width: initial
    }
}

.termine {
    padding-bottom: 40px;
    width: 312px
}

.termine__items {
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    border-top: 4px solid #68be70;
    border-bottom: 4px solid #68be70
}

.termine__item {
    padding: 24px 0;
    border-bottom: 1px solid #68be70
}

.termine__item:hover {
    text-decoration: none
}

.termine__item:last-child {
    border: none
}

@media(max-width:768px) {
    .termine {
        width: 100%
    }
}

.das-areal {
    padding: 80px 0
}

.das-areal .content {
    max-width: 551px;
}

.das-areal .wrap {
    display: flex;
    gap: 48px
}

.das-areal h1.title {
    margin-bottom: 48px
}

.das-areal img {
    margin-top: 112px;
    max-width: 552px
}

@media(max-width:768px) {
    .das-areal {
        padding: 40px 0 0
    }

    .das-areal h1.title {
        font-weight: 900;
        font-size: 28px;
        line-height: 99.5%;
        margin-bottom: 24px;
    }

    .das-areal .wrap {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .das-areal img {
        margin-top: 0
    }

    .das-historie {
        padding: 40px 0;
    }

    .das-historie h2.title {
        margin-bottom: 24px;
    }

    .das-historie .content:nth-child(1) {
        margin-bottom: 24px;
    }

    .das-historie .content:nth-child(2) {
        gap: 24px;
    }

    .das-fakten {
        padding: 40px 0;
    }

    .das-fakten h2.title {
        margin-bottom: 24px;
    }
}

.das-historie {
    padding: 80px 0 0
}

.das-historie h2.title {
    margin-bottom: 48px
}

.das-historie .content:nth-child(1) {
    padding-left: 240px;
    margin-bottom: 48px
}

.das-historie .content:nth-child(1) img {
    max-width: 1154px
}

.das-historie .content:nth-child(2) {
    display: flex;
    gap: 48px
}

.das-historie .content:nth-child(2) img {
    max-width: 431.56px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.das-historie .content:nth-child(2) .text {
    max-width: 671px
}

@media(max-width:768px) {
	.das-historie {
		padding: 40px 0
	}
	
	.das-status .content:nth-child(1) .right video {
		width: 100%
	}
	
	.das-status .content:nth-child(2) .text::before {
		display: none;
	}
	
	.das-historie h2.title {
		margin-bottom: 24px
	}
	
    .das-historie .content:nth-child(1) {
        padding: 0
    }

    .das-historie .content:nth-child(1) img {
        width: 100%
    }

    .das-historie .content:nth-child(2) {
        flex-direction: column-reverse
    }

    .das-historie .content:nth-child(2) img {
        width: 100%
    }
}

.das-fakten {
    padding: 80px 0;
    padding-bottom: 0;
    background-color: #b7e4eb;
    overflow: hidden
}

.das-fakten h2.title {
    margin-bottom: 24px;
    position: relative;
    z-index: 2
}

.das-fakten .text {
    max-width: 672px;
    position: relative;
    z-index: 2
}

.das-fakten .image-slider {
    position: relative;
    z-index: 1;
    height: 90vh;
    max-height: 1200px;
    min-height: 830px
}

.das-fakten .image-slider .image-slide {
    position: absolute;
    z-index: 1;
    width: 90vw;
    max-width: 1900px;
    left: 50%;
    transform: translateX(-50%);
    top: -250px;
    opacity: 0;
    transition: all .4s ease
}

.das-fakten .image-slider .image-slide.active {
    opacity: 1;
    z-index: 2
}

.das-fakten .image-slider .image-slide img {
    width: 100%
}

.das-fakten .image-slider__tabs {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.das-fakten .image-slider__tab {
    cursor: pointer;
    font-weight: 300;
    font-size: 20px;
    line-height: 99.5%;
    color: #3f2d47;
    padding: 19px 20px 12px;
	border-bottom: 4px solid transparent;
    border-radius: 30px 0 0 30px;
    transition: all .45s ease;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
}

.das-fakten .image-slider__tab:nth-child(2) {
    border-radius: 0 30px 30px 0;
}


.das-fakten .image-slider__tab.active {
    box-shadow: 6px 6px 8px 0px rgba(0, 0, 0, 0.25) inset;
    background: rgba(104, 190, 112, 1);
    color: rgba(255, 255, 255, 1);
}

@media(max-width:768px) {
    .das-fakten .image-slider {
        height: 140vw;
        margin-top: -10vw;
        min-height: initial
    }

    .das-fakten .image-slider::before {
        content: '';
        background: url('../img/icons/Icon_Swipe.png');
        width: 48px;
        height: 48px;
        background-size: 100% 100%;
        position: absolute;
        top: 29%;
        left: 0%;
        z-index: 10;
    }

    .das-fakten .image-slider .image-slide {
        top: 0;
        left: 0;
        transform: none;
        width: 100vw;
        transform: translateX(-6vw);
        overflow-x: scroll
    }

    .das-fakten .image-slider .image-slide img {
        width: 180vw
    }

    .das-fakten .image-slider__tabs {
        bottom: 30px;
        border-top: 1px solid transparent;
        background-color: #b7e4eb;
        width: 101vw;
        transform: translateX(-6vw)
    }

    .das-fakten .image-slider__tab {
        font-weight: 300;
        font-size: 16px;
        line-height: 99.5%
    }

    .das-fakten .image-slider__tab.active {
        border-bottom: 4px solid #68be70
    }
}

.das-section {
    position: relative;
    padding-top: 475px;
    padding-bottom: 200px
}

.das-section .wrap {
    position: relative;
    z-index: 10;
}

.das-section img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.das-section h2.title {
    margin-bottom: 48px
}

.das-section .text {
    max-width: 552px
}

@media(max-width:768px) {
    .das-section {
        padding: 40px 0
    }

    .das-section img {
        height: 130vw
    }

    .das-section .text {
      margin-top: 105vw;
    }

    .neue__rgiht_img {
        margin-top: 32px;
        width: 100vw;
        margin-left: -15%;
    }
}

.das-status {
    padding: 160px 0
}


.das-status .right {
	display: flex;
  flex-direction: column;
}

.das-status .content:nth-child(1) {
    display: flex;
    align-items: flex-end;
    gap: 48px
}

.das-status .content:nth-child(1) img, .das-status .content:nth-child(1) video {
    max-width: 312px
}

.das-status .content:nth-child(1) .right h2.title {
    margin-bottom: 48px
}

.das-status .content:nth-child(1) .right img, .das-status .content:nth-child(1) .right video {
    max-width: 1031px
}

.das-status .content:nth-child(2) {
    display: flex;
    padding-left: 100px;
    margin-top: 48px;
    gap: 48px
}


.das-status .content:nth-child(2) .text {
    position: relative;
    height: max-content;
}

.das-status .content:nth-child(2) .text::before {
    content: "";
    position: absolute;
    bottom: -32px;
    width: 192px;
    height: 4px;
    background: #68be70;
}

@media(max-width:768px) {
    .das-status {
        padding: 0;
		padding-bottom: 120px
    }

	.das-status .text {
		display: none;
	}
	
	
	.das-status video {
		margin-bottom: 20px
	}
	
	.das-status .text.mobile {
		display: inline;
	}
	
    .das-status .content:nth-child(1) {
        flex-direction: column-reverse;
        gap: 24px
    }

    .das-status .content:nth-child(1) img {
        width: 100%;
        max-width: initial
    }

    .das-status .content:nth-child(1) .right h2.title {
        margin-bottom: 24px
    }

    .das-status .content:nth-child(2) {
        margin-top: 24px;
        padding: 0;
        gap: 24px;
        flex-direction: column
    }

    .das-status .content:nth-child(2) img {
        width: 100%;
        max-width: initial
    }
}

.article-info {
    padding-top: 160px;
    padding-bottom: 68px
}

.article-info .wrap {
    display: flex;
    justify-content: space-between
}

.article-info h1.title {
    max-width: 914px
}

.article-info .content a,
.article-info .content div {
    color: #3f2d47;
    font-weight: 300;
    font-size: 16px;
    line-height: 99.5%;
    margin-bottom: 8px;
}

.article-info .content a:hover {
    text-decoration: underline
}

.article-info .content .date {
    margin-bottom: 32px
}

@media(max-width:768px) {
    .article-info {
        padding: 36px 0
    }

    .article-info h1.title {
        margin-bottom: 40px
    }

    .article-info .wrap {
        flex-direction: column-reverse
    }

    .article-info .content a,
    .article-info .content div {
        font-weight: 300;
        font-size: 14px;
        line-height: 99.5%
    }
}

.article-content .wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.article-content .wrap .text:last-child {
    position: relative
}

.article-content .wrap .text:last-child::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 192px;
    height: 4px;
    background: #68be70
}

.article-content .text {
    width: 914px;
    max-width: 100%
}

.article-content .article-slider {
    margin: 0;
    padding: 48px 0;
    max-width: 1154px;
    height: 695px
}

.article-content .article-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-content .article-slider .swiper-slide {
    opacity: 0 !important;
    height: 100%
}

.article-content .article-slider .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

.article-content .article-slider .swiper-button-next,
.article-content .article-slider .swiper-button-prev {
    width: 44px;
    height: 44px;
    background: url(../img/icons/Arrow.png);
    background-size: 100% 100%;
    top: initial;
    bottom: 80px;
    right: initial;
    left: 20px;
    transform: rotate(180deg)
}

.article-content .article-slider .swiper-button-next::after,
.article-content .article-slider .swiper-button-prev::after {
    content: none
}

.article-content .article-slider .swiper-button-next {
    transform: none;
    left: 75px
}

@media(max-width:768px) {
    .article-content {
        padding-bottom: 80px;
    }

    .article-info {
        margin-bottom: 40px;
    }

    .article-info h1.title {
        margin-bottom: 24px;
    }

    .article-content .article-slider {
        padding: 24px 0;
        padding-top: 0;
        max-width: 100%;
        height: 60vw;
    }

    .article-info .content .date {
        margin-bottom: 24px;
    }


    .article-content .article-slider .swiper-button-prev {
        opacity: .8;
        top: 50%;
        left: 15px
    }

    .article-content .article-slider .swiper-button-next {
        opacity: .8;
        top: 50%;
        left: initial;
        right: 15px
    }

    .article-content .wrap .text:last-child::before {
        content: none;
    }
}

.contact {
    padding: 160px 0
}

.contact .wrap {
    display: flex;
    justify-content: space-between
}

.contact .content {
    margin-top: 110px
}

.contact .content .text {
    margin-bottom: 24px
}

.contact .content .mail {
    font-weight: 300;
    font-size: 20px;
    line-height: 110%;
    color: #3f2d47
}

.contact .content .mail a {
    color: #68be70
}

.contact .content .mail a:hover {
    text-decoration: underline;
}

.contact form {
    max-width: 912px
}

.contact__inputs {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.contact__inputs input,
.contact__inputs textarea {
    width: 100%;
    padding: 14px 0;
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    color: #3f2d47;
    border: none;
    border-bottom: 1.5px solid #3f2d47;
    margin-bottom: 48px;
    outline: 0;
    transition: all .1s ease
}

.contact__inputs input.small,
.contact__inputs textarea.small {
    width: 49%
}

.contact__inputs input:focus,
.contact__inputs textarea:focus {
    color: #68be70;
    border-bottom: 1.5px solid #68be70
}

.contact__inputs input::-webkit-input-placeholder,
.contact__inputs textarea::-webkit-input-placeholder {
    opacity: 1
}

.contact__inputs input::-moz-placeholder,
.contact__inputs textarea::-moz-placeholder {
    opacity: 1
}

.contact__inputs input:-ms-input-placeholder,
.contact__inputs textarea:-ms-input-placeholder {
    opacity: 1
}

.contact__inputs input::-ms-input-placeholder,
.contact__inputs textarea::-ms-input-placeholder {
    opacity: 1
}

.contact__inputs input::placeholder,
.contact__inputs textarea::placeholder {
    opacity: 1
}

.contact__inputs textarea {
    height: 190px;
    resize: none
}

.contact .agree {
    cursor: pointer;
    display: flex;
    gap: 12px;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #3f2d47;
    margin-bottom: 48px
}

.contact .agree__checkbox {
    min-width: 24px;
    height: 24px;
    border: 1px solid #68be70;
    border-radius: 4px;
    position: relative
}

.contact .agree__checkbox::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: #68be70;
    border-radius: 4px;
    opacity: 0;
    transition: all .3s ease
}

.contact .agree.active .agree__checkbox::before {
    opacity: 1
}

.contact .btn {
    padding: 12px 24px;
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
    background: #68be70;
    transition: all .3s ease;
    border-radius: 30px;
    border: none
}

.contact .btn:hover {
    background-color: #3F2D47;
}

@media(max-width:768px) {
    .contact {
        padding: 40px 0
    }

    .contact .wrap {
        flex-direction: column;
        position: relative
    }

    .contact h1.title {
        position: absolute;
        top: 0
    }

    .contact .content {
        margin-top: 60px
    }

    .contact .content .mail {
        font-weight: 300;
        font-size: 16px;
        line-height: 99.5%
    }

    .contact__inputs input,
    .contact__inputs textarea {
        font-weight: 300;
        font-size: 16px;
        line-height: 99.5%;
        margin-bottom: 48px
    }

    .contact__inputs input.small,
    .contact__inputs textarea.small {
        width: 100%
    }

    .contact .agree {
        font-weight: 300;
        font-size: 14px;
        line-height: 130%
    }

    .contact .btn {
        font-weight: 300;
        font-size: 18px;
        line-height: 130%
    }
}

.das_bg {
    background-image: url(../img/image/das_bg.jpg);
    background-size: 40%;
    background-position: 0 0;
    padding-top: 60px
}

.das_container {
    max-width: 1416px;
    width: 88%;
    margin: 0 auto
}

.das_potenzial__body {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.das_potenzial__description {
    width: 40%
}

.das_potenzial__image {
    width: 60%;
    display: flex;
    flex-direction: column
}

.das_potenzial__image_map {
    max-width: 900px;
    width: 100%
}

.das_potenzial__image_forest {
    max-width: 432px;
    width: 100%;
    display: flex;
    align-self: flex-end
}

.das_potenzial_main_title {
    margin-bottom: 48px
}

.das_potenzial__title {
    color: #fff;
    margin-bottom: 32px
}

.das_potenzial__subtitle {
    color: #fff;
    font-size: 32px;
    margin-bottom: 32px
}

.das_potenzial__text {
    margin-bottom: 138px
}

.das_potenzial__image_tower {
    position: relative;
	right: -3vw;
	max-width: 54vw;
	width: 886px;
	top: 70px;
}

.das_potenzial__image_tower_mob {
    display: none
}

@media(max-width:1447px) {
    .das_potenzial__image_tower {
        right: -21vw;
    }
}

@media(max-width:1261px) {
    .das_potenzial__text {
        margin-bottom: 78px
    }

    .das_potenzial__image_tower {
        right: -16vw''
    }
}

@media(max-width:1121px) {

    .das_potenzial__description,
    .das_potenzial__image {
        width: 50%
    }

    .das_potenzial__image_tower {
        right: 0vw
    }
}

@media(max-width:948px) {
    .das_potenzial__body {
        flex-direction: column
    }

    .das_potenzial__description,
    .das_potenzial__image {
        width: 100%
    }

    .das_potenzial__description {
        margin-bottom: 24px
    }

    .das_potenzial__image_tower {
        display: none;
		max-width: 100%;
		width: 100%;
    top: initial;
    }

    .das_potenzial__image_tower_mob {
        display: flex;
        margin-bottom: 20px
    }

    .das_potenzial__image_forest {
        align-self: flex-start
    }

    .das_potenzial__text {
        margin-bottom: 0
    }
}

@media(max-width:546px) {
    .das_potenzial_main_title {
        margin-bottom: 24px
    }
}

.vie__body {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.vie__description,
.vie__image {
    width: 47%
}

.vie__image_map {
    max-width: 612px;
    width: 100%
}

.vie__title {
    margin-bottom: 48px;
    color: #fff
}

@media(max-width:948px) {
    .vie__body {
        flex-direction: column;
        margin-top: 20px
    }

    .vie__description,
    .vie__image {
        width: 100%
    }
}

@media(max-width:546px) {
    .vie__title {
        margin-bottom: 24px
    }
}

.neue {
    padding: 0;
}

.neue__body {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.neue__left {
    width: 45%;
    margin-top: 150px
}

.neue__rgiht {
    width: 50%
}

.neue__rgiht_img {
    max-width: 746px;
    width: 100%
}

.neue__slider_img {
    max-width: 552px;
    width: 100%
}

.neue__description {
    margin-top: 80px;
    max-width: 672px;
    width: 100%;
}

.neue__title {
    margin-bottom: 48px;
    color: #fff
}

@media(max-width:948px) {
	.neue {
		padding-bottom: 40px;
	}
	
    .neue__body {
        flex-direction: column;
        padding-bottom: 0
    }

    .neue__left {
        width: 100%;
        margin-top: 0px;
		order: 2;
		display: flex;
		flex-direction: column;
		gap: 24px;
    }
	
	.neue__slider {
		order: 2
	}

    .neue__rgiht {
		margin-top: 0px;
        width: 100%
    }

    .neue__rgiht_img {
		margin-top: 0px;
        width: 103vw;
		margin-left: -5%;
    }

    .neue__description {
        left: 0;
        margin-top: 24px
    }

    .neue__title {
        margin-bottom: 24px
    }
}

.zukun {
    padding-top: 160px
}

.zukun_container {
    max-width: 1271px;
    width: 88%;
    margin: 0 auto
}

.zukun__body {
    padding-left: 120px
}

.zuku__title {
    color: #68be70;
    margin-bottom: 48px
}

.zuku__image {
    max-width: 1151px;
    width: 100%
}

.zuku__description {
    max-width: 671px;
    width: 100%;
    margin: 48px auto 0
}

@media(max-width:1171px) {
    .zukun__body {
        padding-left: 0
    }
}

@media(max-width:948px) {
    .zukun__body {
        padding-left: 0
    }

    .zuku__description {
        margin-right: auto;
        margin-left: 0
    }
}

@media(max-width:546px) {
    .zukun {
        padding-top: 40px
    }

    .zuku__title {
        margin-bottom: 24px
    }

    .zuku__description {
        margin-top: 24px;
        /*margin-bottom: 40px*/
    }
}

.vision {
    padding-top: 160px
}

.vision__image {
    max-width: 1031px;
    width: 100%
}

.vision__description {
    margin-top: 48px;
    display: flex;
    padding-left: 120px
}

.vision__text {
    position: relative;
    margin-right: 48px;
    max-width: 673px;
    width: 100%
}

.vision__text::before {
    content: "";
    position: absolute;
    bottom: -32px;
    width: 192px;
    height: 4px;
    background: #68be70;
}

.vision__description_image {
    max-width: 432px;
    max-height: 340px;
    width: 100%;
    object-fit: contain;
}

@media(max-width:1171px) {
    .vision__description {
        padding-left: 0
    }
}

@media(max-width:948px) {
    .vision {
        padding: 40px 0
    }

    .vision__description {
        flex-direction: column;
        margin-top: 24px
    }

    .vision__text {
        max-width: none;
        margin-right: 0;
        margin-bottom: 24px
    }
}

.planung {
    padding: 160px 0
}

.planung__body {
    padding-left: 120px
}

.planung_description {
    max-width: 672px;
    width: 100%
}

@media(max-width:1171px) {
    .planung__body {
        padding-left: 0
    }
}

@media(max-width:948px) {
    .planung {
        padding: 80px 0
    }

    .planung_description {
        max-width: none
    }
}

@media(max-width:546px) {
    .planung {
        padding: 40px 0
    }
}

.prozess {
    background-image: url(../img/image/prozess_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    padding: 180px 0 280px;
    margin-bottom: -150px
}

.prozess__container {
    max-width: 1392px;
    width: 88%;
    margin: 0 auto
}

.prozess__title {
    color: #fff;
    margin-bottom: 48px
}

.prozess__body {
    display: flex;
    justify-content: space-between
}

.prozess__description {
    width: 48%
}

.prozess_steps {
    width: 37%
}

.prozess_steps_img {
    max-width: 552px;
    width: 100%
}

.prozess_line {
    margin-top: 24px;
    width: 192px;
    height: 4px;
    background: #68be70
}

@media(max-width:1231px) {
    .prozess__description {
        width: 50%
    }

    .prozess_steps {
        width: 45%
    }
}

@media(max-width:948px) {
    .prozess__body {
        flex-direction: column
    }

    .prozess__description {
        width: 100%;
        margin-bottom: 48px
    }

    .prozess_steps {
        width: 100%
    }

    .prozess {
        padding: 40px 0 190px
    }

    .prozess_line {
        display: none
    }
}

@media(max-width:546px) {
    .prozess__title {
        margin-bottom: 24px
    }

    .prozess {
        padding: 40px 0 240px
    }
}

.team {
    padding: 80px 0 120px
}

.team__container {
    max-width: 1034px;
    width: 88%;
    margin: 0 auto
}

.team__main {
    padding-left: 120px;
    margin-bottom: 120px
}

.team__title {
    margin-bottom: 40px
}

.team__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.team__card {
    width: 30%;
    display: flex;
    flex-direction: column;
    margin-bottom: 96px
}

.team__card_img_block {
    display: block;
    height: 131px
}

.team__card_img {
    height: auto;
    width: auto;
    max-width: 100%
}

.team__card_title {
    font-family: Konnect;
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 102%;
    color: #68be70;
    border-top: 1px solid #68be70;
    padding-top: 10px;
    margin-top: 19px;
    display: flex;
    height: 40px
}

.team__card:hover .team__card_title {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

@media(max-width:1061px) {
    .team__main {
        padding-left: 0
    }
}

@media(max-width:889px) {
    .team__card {
        width: 48%
    }
}

@media(max-width:546px) {
    .team {
        padding: 40px 0
    }

    .team__title {
        margin-bottom: 24px
    }

    .team__main {
        margin-bottom: 80px
    }

    .team__card {
        margin-bottom: 70px
    }
}

@media(max-width:471px) {
    .team__card {
        width: 100%
    }

    .team__card_img_block {
        height: auto
    }
}

.wissenswert {
    padding: 160px 0
}

.wissenswert__container {
    max-width: 1392px;
    width: 88%;
    margin: 0 auto
}

.wissenswert__title {
    padding-bottom: 20px;
    border-bottom: 4px solid #68be70;
    margin-bottom: 60px;
    font-weight: 900;
    font-size: 64px;
    line-height: 99.5%;
    color: #68be70
}

.wissenswert__body {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 1460px;
    margin-right: -48px
}

.wissenswert__card {
    margin-bottom: 80px;
    width: 48%;
    margin-right: 48px
}

.wissenswert__card_title {
    margin-bottom: 24px;
    color: #68be70
}

.wissenswert_downloads {
    padding-top: 160px
}

@media(max-width:1451px) {
    .wissenswert__body {
        max-height: 1600px
    }
}

@media(max-width:1231px) {
    .wissenswert__body {
        max-height: 1800px
    }
}

@media(max-width:1081px) {
    .wissenswert__body {
        max-height: none;
        margin-right: 0
    }

    .wissenswert__card {
        width: 100%;
        margin-right: 0
    }
}

@media(max-width:546px) {
    .wissenswert {
        padding: 40px 0 80px
    }

    .wissenswert__title {
        margin-bottom: 40px;
        padding-bottom: 16px;
        font-weight: 900;
        font-size: 40px;
        line-height: 99.5%;
        color: #68be70
    }

    .wissenswert__card {
        margin-bottom: 48px
    }

    .wissenswert_downloads {
        padding-top: 80px
    }
}

.footer {
    margin-top: 150px;
    padding-top: 95px;
    padding-bottom: 85px;
    background: url(../img/image/prozess_bg.jpg);
    background-size: cover
}

.footer .wrap {
    display: flex;
    justify-content: space-between;
    position: relative
}

.footer .wrap::before {
    content: "";
    top: -170px;
    right: 100px;
    position: absolute;
    width: 256px;
    height: 121px;
    background: url(../img/image/clouds.png);
    background-size: 100% 100%
}

.footer a.logo svg path:first-child {
    fill: #fff
}

.footer nav {
    display: flex;
    margin: 0;
    padding: 0
}

.footer nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 62px;
}

.footer nav ul li {
    list-style: none
}

.footer nav ul li a {
    font-weight: 900;
    font-size: 20px;
    line-height: 100.5%;
    color: #3f2d47;
    margin-bottom: 5px;
    border-bottom: 3px solid transparent;
    transition: all .3s ease;
}

.footer nav ul li a:hover {
    text-decoration: none;
    border-bottom: 3px solid #3f2d47;
}

.footer nav ul li ul {
    flex-direction: column;
    margin-top: 8px;
    gap: 8px
}

@media(max-width:768px) {
    .footer {
        margin-top: 50px;
        padding-top: 40px;
        padding-bottom: 20px
    }

    .footer .wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px
    }

    .footer .wrap::before {
        width: 178px;
        height: 84px;
        top: -90px;
        right: 42px
    }

    .footer nav {
        border-top: 1px solid #fff
    }

    .footer nav,
    .footer ul {
        gap: 0;
        width: 100%;
        flex-direction: column;
        align-items: flex-start
    }

    .footer .menu-footer-container {
        width: 100%
    }

    .footer nav ul {
        width: 100%;
        padding: 16px 0;
        gap: 16px
    }

    .footer nav ul li {
        border-bottom: 1px solid #fff;
        padding-bottom: 16px;
        width: 100%
    }

    .footer nav ul li:last-child {
        border-bottom: 0 solid #000
    }

    .footer nav ul li ul {
        padding: 0;
        gap: 0;
        margin-top: 0;
    }

    .footer nav ul li ul li {
        padding: 0;
        border-bottom: 0 solid #fff;
        padding-bottom: 0
    }


    .footer nav ul li a {
        display: block;
    }

}

.second-footer {
    padding: 40px 0;
    background-color: #3f2d47
}

.second-footer .wrap {
    display: flex;
    justify-content: space-between
}

.second-footer ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 97px;
}

.second-footer ul li {
    list-style: none;
    font-weight: 300;
    font-size: 20px;
    line-height: 100.5%;
    color: #fff;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.second-footer ul li a {
    font-weight: 900;
    font-size: 20px;
    line-height: 100.5%;
    color: #fff
}

.second-footer ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 3px;
}

@media(max-width:768px) {
    .second-footer .wrap {
        flex-direction: column;
        gap: 20px
    }

    .second-footer ul {
        display: none
    }

    .second-footer .mobile {
        display: block
    }

    .second-footer .copyright {
        border-top: 1px solid #fff;
        padding-top: 20px;
        font-weight: 300;
        font-size: 12px;
        line-height: 115.5%;
        color: #fff
    }

    .mobile-footer {
        padding: 20px 0;
        display: block;
        width: 100%;
        background: #68BE70;
    }

    .mobile-footer ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: flex-end;
        gap: 16px;
    }

    .mobile-footer ul li {
        list-style: none;
        padding: 0;
    }

    .mobile-footer ul li:first-child {
        width: 100%;
    }

    .mobile-footer ul li a {
        font-weight: 300;
        font-size: 16px;
        line-height: 140%;
        color: #FFFFFF;
    }
}

.law .wrap {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


.law h2 {
    margin-bottom: 40px;
}

.law .right {
    width: 65%;
}

.law .left {
    min-width: 35%;
    max-width: 100%;
}

.law .left .legal__links {
    margin-top: 48px;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #7d7c85;
}

.law .left .legal__links a {
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #7d7c85;
}

.law .right p {
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    color: #3f2d47;
    margin-bottom: 22px;
}

.law .right p strong {
    font-weight: 800;
    margin-top: -10px;
    display: block;
}

.die-planung {
    padding-bottom: 80px;
    background-image: url(../img/image/prozess_bg.jpg)
}

.die-planung .wrap {
    position: relative;
    max-width: 1392px;
    width: 90%;
    margin: 0 auto;
}

.die-planung__img {
    width: 100%;
    margin-top: 64px
}

.die-planung h2.title {
    color: var(--Grn, #fff);
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 99.5%;
    margin-bottom: 24px;
    padding-left: 120px;
}


.die-planung .content {
    display: flex;
    justify-content: space-between;
    gap: 48px;
}

.die-planung .text {
    max-width: 671px;
    padding-left: 120px;
}

.die-planung .text:nth-child(2) {
    padding: 0;
    padding-right: 120px;
}

.die-planung .text strong {
    font-weight: 900;
}

.die-planung .text p:last-child {
    max-width: 550px
}

.die-planung .legend {
    padding: 24px;
    background: #fff;
    width: 670px;
    position: absolute;
    right: 0;
    transform: translateY(-103%)
}

.die-planung .legend::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 48V0H48L0 48Z' fill='white'/%3E%3C/svg%3E");
    position: absolute;
    bottom: 0;
    left: 24px;
    transform: translateY(99%)
}

.die-planung .legend h3.title {
    color: var(--Schwarz, #000);
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 99.5%
}

.die-planung .legend .row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    height: 20px
}

.die-planung .legend .row.head .col {
    font-weight: 800
}

.die-planung .legend .row.bold {
    font-weight: 800
}

.die-planung .legend .row .round {
    min-width: 16px;
    width: 16px;
    height: 16px;
    display: flex
}

.die-planung .legend .row .round img,
.die-planung .legend .row .round svg {
    width: 100%;
    height: 100%
}

.die-planung .legend .row .col {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.die-planung .legend .row .col .line {
    width: 65%;
    background-color: #d9d9d9;
    height: 1px;
    margin-top: 5px;
}

.die-planung .legend .row .col:nth-child(1) {
    justify-content: flex-start;
    width: 60%
}

.die-planung .legend .row .col:nth-child(2) {
    width: 20%;
    gap: 0
}

.die-planung .legend .row .col:nth-child(3) {
    width: 20%
}

@media(max-width:1500px) {
    .die-planung .legend {
        width: 620px;
    }

    .die-planung .content {
        flex-direction: column;
        gap: 0;
    }

    .die-planung .text {
        padding-left: 64px;
    }

    .die-planung h2.title {
        padding-left: 64px;
    }
}

@media(max-width:768px) {
    .die-planung h2.title {
        padding-left: 0;
    }

    .die-planung .text {
        padding-left: 0;
    }

    .die-planung {
        margin-top: 0px;
        padding-top: 40px;
		padding-bottom: 0;
    }
	
	.die-planung .text:nth-child(2) {
		padding-right: 0px;
		display: none;
	}
	
	.die-planung .text.mobile {
		display: block
	}

    .die-planung .wrap {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .vision__text::before {
        display: none;
    }

    .die-planung__img {
        width: 115%;
    transform: translateX(-7%);
        margin-top: 24px;
    }

    .die-planung .legend {
        width: 120%;
        position: static;
        order: 3;
        transform: translateX(-10%);
        padding: 20px 32px;
        background: #F8F8F7;
    }

    .die-planung .legend::before {
        display: none
    }

    .die-planung .legend h3.title {
        font-size: 16px;
        font-weight: 800;
        margin-bottom: 0;
    }

    .die-planung .legend .row {
        margin-bottom: 2px;
        height: 10px
    }

    .die-planung .legend .row .round {
        min-width: 8px;
        width: 8px;
        height: 8px
    }

    .die-planung .legend .col {
        font-size: 8px
    }
}