body.stop-scrolling{
    overflow: hidden;
}


.accordion__container-title{
    max-width: 890px;
    margin-bottom: 40px;
}

.accordion-items_light{
    max-width: 906px;
    margin: 0 auto;
}

.accordion-light .accordion__container-title.heading-big{
    max-width: 970px;
    margin-left: 90px;
}

.accordion-light .accordion__title.heading-line-light:before{
    background-color: var(--teal);
}

.accordion-light.block-with-background{
    background-color: rgba(180,215,220,0.3);
    padding: 150px 0;
}

.accordion-light .accordion__title.heading-line-dark:before{
    background-color: var(--primary);
}

.accordion__subtitle{
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.4px;
    color: #5A789B;
}

.accordion__title{
    text-transform: none;
    margin-bottom: 40px;
}

.accordion-item__content {
    max-height: 0;
    overflow: hidden;
    transition: .4s ease;
}

.js-accordion-content_wrap {
    padding: 8px 15px 30px 60px;
    gap: 30px;
}

/*.accordion-item.accordion__active .accordion-item__content {*/
/*    padding: 8px 15px 30px 60px;*/
/*}*/

.js-accordion-content_wrap {
    display: flex;
}

.accordion-item__heading{
    margin: 0 0 8px 0;
    padding: 24px;
    text-transform: none;
}



.accordion-item.accordion__active:last-child .accordion-item__heading{
    padding: 24px;
}

.accordion-item {
    border-bottom: 3px solid rgba(40,55,85,0.3);
}

.accordion-item__heading__wrapper {
	cursor: pointer;
}

.accordion-text_title {
    margin-bottom: 8px;
}

.accordion-item__content__text p:last-of-type {
    margin-bottom: 0;
}

.accordion-item:last-child{
    border-bottom: none;
}


/*.accordion-item.accordion__active:last-child .accordion-item__content {*/
/*    padding: 8px 15px 0 60px;*/
/*}*/

.accordion-item__content .button{
    margin-top: 24px;
}

.accordion-item__trigger{
    display: flex;
}

.accordion-item__trigger__button_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.accordion-item__trigger__button{
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.accordion-light .accordion-item__trigger__button:before,
.accordion-light .accordion-item__trigger__button:after{
     content: "";
     position: absolute;
     background-color: #B4D7DC;
     transition: transform 0.25s ease-out;
     border-radius: 2px;
}

.accordion-light .accordion-item__trigger__button:before{
     top: 0;
     left: 50%;
     width: 4px;
     height: 100%;
     margin-left: -2px;
 }

.accordion-light .accordion-item__trigger__button:after{
     top: 50%;
     left: 0;
     width: 100%;
     height: 4px;
     margin-top: -2px;
}

.accordion-light .accordion-item__trigger:hover .accordion-item__trigger__button:before,
.accordion-light .accordion-item__trigger:active .accordion-item__trigger__button:before {
    transform: rotate(-90deg);
}

.accordion-light .accordion__active.accordion-item:last-child .accordion-item__trigger .accordion-item__trigger__button_wrapper{
    align-items: center;
}

.accordion-light .accordion-item.accordion__active .accordion-item__trigger__button:before{
    opacity: 0;
}

.js-accordion.accordion-with-image .accordion-item__content__text{
    max-width: 460px;
}

.accordion-dark{
    background-color: rgba(180,215,220, 0.15);
    padding: 120px 0 135px;
}

.accordion-dark .accordion__container-title {
    margin-bottom: 74px;
    margin-left: 95px;
    max-width: 890px;
}

.accordion-item__heading-wrapper{
    width: 420px;
}

.accordion-dark .accordion-items.accordion__container-items{
    position: relative;
    min-height: 595px;
}

.accordion-dark .accordion-item__heading__wrapper{
    width: 577px;
    z-index: 2;
    background-color: #5A789B;
    display: flex;
    justify-content: space-between;
    column-gap: 52px;
    padding: 24px 40px;
}

.accordion-dark .accordion-item__heading__wrapper *{
    color: #fff !important;
    padding: 0 !important;
    align-items: flex-start;
}

.accordion-dark .accordion-item__heading__wrapper > div {
    max-width: 420px;
}

.accordion-dark .accordion-item__trigger__button{
    padding: 20px 0 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-dark .accordion-item__trigger__button:after{
    content: url("/wp-content/uploads/arrow.svg");
    transition: transform 0.4s ease-out;
}

.accordion-dark .accordion__active .accordion-item__trigger__button:after{
    transform: rotate(180deg);
    transition: transform 0.4s ease-out;
}

.accordion-dark .accordion-item__img {
    max-width: 577px;
    margin-left: -80px;
    position: absolute;
    top: 50px;
    right: 0;
    opacity: 0;
    transition: opacity .4s ease;
}

.accordion-dark .accordion__active .accordion-item__img {
    opacity: 1;
}

.accordion-dark .accordion-item__heading {
    word-break: break-word;
    hyphens: auto;
}

.accordion-items_light .accordion-item__img img{
    max-width: 338px;
}

.accordion-dark .accordion__active .accordion-item__heading__wrapper {
    background-color: #283755;
    padding: 24px 40px 0;
}

.accordion-dark .accordion-item {
    border-bottom: none;
    max-width: max-content;
}

.accordion-dark .accordion-item.accordion__active .accordion-item__content{
    width: 577px;
    z-index: 2;
    background-color: #283755;
    position: relative;
}
.accordion-dark .accordion-item .js-accordion-content_wrap {
    padding: 32px 39px 40px 40px
}


.accordion-dark .accordion-item__content__text a {
    color: #fff;
    display: block;
    text-decoration: underline;
}

.accordion-dark .accordion-item__content__text a:after {
    content: url("/wp-content/uploads/arrow-long.svg");
    margin-left: 24px;
    transition: all 0.4s ease-out;
    opacity: 0.3;
}

.accordion-dark .accordion-item__content__text a:hover:after {
    margin-left: 14px;
    transition: all 0.4s ease-out;
    opacity: 1;
}

.accordion-dark .accordion-item__content__text a:active:after {
    margin-left: 24px;
    transition: all 0.4s ease-out;
    opacity: 1;
}

.section_subtitle{
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.4px;
    color: #5A789B;
}

.section_title{
    text-transform: none;
}

.usp-block__heading{
    margin-bottom: 40px;
    margin-left: 95px;
    max-width: 890px;
}

.usp-block__heading.big_width{
    max-width: 982px;
}

.usp-block__heading .subtitle{
    margin-bottom: 8px;
}

.usp-block .usp-block__heading p:not(.subtitle){
    color: var(--primary);
}

.usp-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 65px;
}

.usp-buttons{
    display: flex;
    justify-content: center;
    column-gap: 30px;
}

.usp-item_text{
    max-width: 236px;
}

.usp-item_text a{
    color: var(--primary) !important;
    text-decoration: underline;
}

.usp-item_text a:hover{
    color: var(--linkHover) !important;
}

.usp-item_text a:active{
    color: var(--linkActive) !important;
}


.usp-block .button{
    margin-top: 40px;
    display: block;
    min-width: 192px;
}

.usp-item_icon{
    margin-bottom: 25px;
}

.usp-item_text h5{
    text-transform: none;
    margin-bottom: 8px;
}

.text_image_title{
    text-transform: none;
    margin-bottom: 16px;
}

.text-image_row {
    display: flex;
    column-gap: 92px;
    max-width: 982px;
    margin: 0 0 0 auto;
}

.text-image_row.section_reverse{
    flex-direction: row-reverse;
}

.text-image_list-item-text{
    /*display: flex;
    align-items: flex-start;
    column-gap: 16px;*/
    margin-left: 32px;
}

.text-image_list-item a{
    text-decoration: underline;
    color: var(--primary) !important;
}

.text-image_list-item a:hover{
    color: var(--linkHover) !important;
}

.text-image_list-item a:active{
    color: var(--linkActive) !important;
}

.text-image_list-item:not(:last-child) {
    margin-bottom: 23px;
}

.text-image_list-item img{
    margin-top: 3px;
    width: 16px;
    position: absolute;
}

.text-image_photo img{
    opacity: 0;
    visibility: hidden;
}

.text-image_photo img.is-animated{
    animation: 1s ease-out fadeUp forwards;
}




@keyframes fadeUp {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.process-block-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 48px;
}


@media(min-width: 768px) {
.process-block-item, .cards-dark-item, .cards-with-text-item_image , .feature-item, .top-features_col, .fade_up{
    opacity: 0;
    visibility: hidden;
}

.process-block-item.is-animated{
    animation: 1s ease-out fadeLeft forwards;
}

.cards-dark-item.is-animated,
.cards-with-text-item_image.is-animated,
.feature-item.is-animated,
.top-features_col.is-animated, .fade_up.is-animated{
    animation: 1s ease-out fadeUp forwards;
}

@keyframes fadeLeft {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
}
	
}

.process-block__heading{
    max-width: 728px;
    margin-bottom: 56px;
    margin-left: 95px;
}

.process-block__heading.heading-big{
    max-width: 820px;
}

.process-block__heading .subtitle{
    margin-bottom: 8px;
}

.process-block-item_number{
    width: 64px;
    height: 64px;
    background: var(--primaryDark);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 31px;
}

.process-block-item_number h5{
    color: var(--primaryBright);
    padding-left: 5%;
}

.process-block-item_text h5{
    text-transform: none;
    margin-bottom: 8px;
}

.process-block-item_text p:last-of-type{
    margin-bottom: 0;
}

.process-block-item_link {
    margin-top: 8px;
    color: var(--primary);
    text-decoration: underline;
    display: block;
}

.process-block-item_link:hover, .process-block-item_link:active{
    color: var(--primaryDark);
}

.process-block-item_link:after{
    content: url("/wp-content/uploads/Pfeil-small.svg");
    opacity: 0.3;
    margin-left: 24px;
    margin-top: 5px;
    transition: all 0.4s ease-out;
}

.process-block-item_link:hover:after {
    margin-left: 14px;
    transition: all 0.4s ease-out;
    opacity: 1;
}

.process-block-item_link:active:after {
    margin-left: 24px;
}

.text-links__heading{
    margin-bottom: 32px;
    margin-left: 95px;
    max-width: 706px;
}

.text-links__heading .subtitle{
    margin-bottom: 8px;
}

.text-links-block.block-with-background{
    background-color: rgba(180,215,220,0.3);
    padding: 150px 0;
}

.text-links__main {
    padding-left: 180px;
}

.text-links__main-content {
    margin-bottom: 44px;
}

.text-links__main-content p{
    color: var(--primary) !important;
}

@media(min-width: 768px) {
	.text-links__item{
    	visibility: hidden;
    	opacity: 0;
	}

	.text-links__item.is-animated{
    	animation: 1s ease-out fadeUp forwards;
	}
}

.text-links__item a{
    display: flex;
    column-gap: 16px;
    align-items: center;
}

.text-links__item:not(:last-child) {
    margin-bottom: 24px;
}

.text-links__item-icon {
    max-width: 32px;
    margin-right: 18px;
}

.text-links__item-title{
    text-transform: none;
}

.big__link{
    letter-spacing: 0.64px;
}

.text-links__item a:after{
    content: url("/wp-content/uploads/Pfeil.svg");
    opacity: 0.3;
    margin-left: 56px;
    margin-top: 7px;
    transition: all 0.4s ease-out;
}

.text-links__item a:hover:after {
    margin-left: 32px;
    transition: all 0.4s ease-out;
    opacity: 1;
}

.text-links__item a:active:after {
    margin-left: 56px;
}

.cards-dark-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 40px;
    grid-column-gap: 30px;
}

.cards-dark-item{
    background-color: var(--teal);
    padding: 62px 62px 70px;
}

.cards-dark-item_content .card-subtitle{
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.cards-dark-item_content h3{
    text-transform: none;
    margin-bottom: 16px;
}

.cards-dark-item_content .card-text{
    margin-bottom: 32px;
}

.card-list-title{
    margin-bottom: 8px;
    text-transform: none;
}

.cards-dark-item_content ul{
    list-style: none;
    padding: 0;
}

.cards-dark-item_content ul li{
    line-height: 27px;
	position: relative;
	padding-left: 36px;
}

.cards-dark-item_content ul li:before{
    content: url("/wp-content/uploads/streamlinehq-check-circle-1-interface-essential-32-1.svg");
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
}

.cards-dark-button{
    margin-top: 32px;
}

.cards-dark__heading {
    margin-bottom: 56px;
    margin-left: 95px;
    max-width: 890px;
}

.cards-dark__heading .subtitle{
    margin-bottom: 8px;
}

.cards-dark__heading .section_title{
    margin-bottom: 32px;
}

.cards-dark__heading .section_text{
    margin-left: 92px;
    max-width: 706px;
    color: var(--primary);
}

.cards-with-text__heading{
    margin-left: 95px;
    margin-bottom: 80px;
    max-width: 890px;
}

.cards-with-text__heading .subtitle{
    margin-bottom: 8px;
}

.cards-with-text-item {
    display: flex;
    align-items: center;
    column-gap: 60px;
}

.cards-with-text-item:not(:last-child) {
    margin-bottom: 100px;
}

.cards-with-text-item_image{
    width: 338px;
}

.cards-with-text-item_content{
    width: 323px;
}

.cards-with-text-item.section_reverse{
    flex-direction: row-reverse;
    column-gap: 51px;
}

.cards-with-text-item.section_reverse .cards-with-text-item_content{
    width: 338px;
}

.cards-with-text-item.section_reverse .cards-with-text-item_image{
    width: 408px;
}

.cards-with-text-item .cards-with-text-item_image img{
    object-fit: cover;
}

.cards-with-text-item:nth-child(1){
    max-width: 736px;
    margin-left: 190px;
}

.cards-with-text-item:nth-child(2){
    max-width: 798px;
    margin-left: 94px;
}

.cards-with-text-item:nth-child(3){
    max-width: 721px;
    margin-left: 245px;
}


.usp_big_block  .usp-block__heading .section_text{
    max-width: 706px;
}

.block-with-background.usp_big_block{
    padding: 150px 0;
    background-color: rgba(180, 220, 215, 0.3);
}

.mobile{
    display: none;
}

.usp-items-wrapper.mobile .button-bottom{
    display: none;
}

.usp-block .button-bottom{
    margin-top: 80px;
}

.feature-block{
    background: linear-gradient(to bottom, var(--teal), #EBF5EB);
    padding: 120px 0;
}

.feature-block__heading{
    margin-left: 95px;
    max-width: 890px;
    margin-bottom: 32px;
}

.feature-block__heading .subtitle{
    margin-bottom: 8px;
}

.feature-block__content{
    margin-left: 180px;
    max-width: 706px;
    margin-bottom: 56px;
}

.feature-block .title-line:before{
    background-color: var(--primary);
}

.feature-block .button-bottom{
    margin: 80px auto 0;
    line-height: 27px;
}

.feature-items-wrapper.desktop{
    display: flex;
    flex-direction: column;
}

.feature-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    grid-auto-rows: 1fr;
}

.feature-item{
    padding: 40px;
    background-color: var(--primaryBright);
    height: 100%;
}

.feature-block-item_icon{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.feature-item_text{
    position: relative;
}
.feature-item_text h5{
    text-transform: none;
    max-width: 205px;
    margin-bottom: 8px;
}

.feature-item_text p{
    max-width: 242px;
}

@media(min-width: 768px) {
	.traninings-item {
    	visibility: hidden;
    	opacity: 0;
	}
	
	.traninings-item.is-animated{
    	animation: 1s ease-out fadeUp forwards;
	}
}


.feature-items a:hover p, .traninings-item a:hover p,
.traninings-item a:active p, .traninings-item a:active, .traninings-item a:hover,
.feature-item-wrapper:hover {
    color: var(--primaryDark);
}

.feature-item_text:after, .traninings-item_text:after{
    content: url(/wp-content/uploads/Pfeil.svg);
    opacity: 0.3;
    transition: all 0.4s ease-out;
    position: absolute;
    right: 0;
    top: 0;
}

.feature-item_text:hover:after, .traninings-item_text:hover:after {
    opacity: 1;
}

.feature-items a:active .feature-item_text:after,
.traninings-item a:active .traninings-item_text:after{
    right: 0;
}

.top-features-block{
    padding: 146px 0 166px;
    background: linear-gradient(to bottom, var(--teal), #EBF5EB);
}

.top-features_wrapper{
    display: flex;
    column-gap: 30px;
}

.top-features_col{
    background-color: var(--primaryBright);
}

.top-features_content{
    margin-bottom: 22px;
}

.top-features_content h4{
    text-transform: none;
    margin-bottom: 16px;
}

.top-features_content p {
    color: var(--primary);
}

.top-features_content-wrapper{
    padding: 32px 31px 42px;
}

.button.button-primary.top-features_bottom{
    min-width: 128px;
    line-height: 27px;
}

.top-features_col-left{
    min-width: 338px;
}

.top-features_col-right{
    padding: 47px 57px;
}

.top-features_subtitle{
    margin-bottom: 32px;
    font-weight: 400;
    text-transform: uppercase;
}

.top_features_item:not(:last-child){
    margin-bottom: 24px;
}

.top_features_item h5{
    text-transform: none;
    margin-bottom: 8px;
}

.traninings-block__heading{
    margin-left: 95px;
    margin-bottom: 56px;
    max-width: 890px;
}

.traninings-block__heading .subtitle{
    margin-bottom: 8px;
}

.traninings-block__content {
    margin-left: 180px;
    margin-bottom: 80px;
    max-width: 706px;
}

.traninings-block__content p{
    color: var(--primary) !important;
}

.traninings-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 68px;
    grid-row-gap: 64px;
}

.traninings-item_text{
    position: relative;
}

.traninings-item_text h5{
    text-transform: none;
    margin-bottom: 8px;
    max-width: 230px;
}

.traninings-item_text p{
    max-width: 300px;
}

.text-image-second_sections{
    display: flex;
    flex-direction: column;
    row-gap: 150px;
}

.text-image-second_section .second-section_wrapper{
    display: flex;
    max-width: 982px;
    column-gap: 92px;
}

.text-image-second_section.section_reverse .second-section_wrapper{
    flex-direction: row-reverse;
}

.text-image-second_section.section_reverse{
    display: flex;
    justify-content: flex-end;
}

.text-image-second_text h3{
    text-transform: none;
    margin-bottom: 16px;
}

.text-image-second_col-text{
    width: 430px;
}

.text-image-second_col-text.scrolling{
    overflow: auto;
    max-height: 400px;
}

/*.text-image-second_col-image{*/
/*    width: 460px;*/
/*}*/

.text-image-second_col-image img{
    object-fit: cover;
    max-height: 356px;
}

@media(min-width: 768px) {
	.text-image-second_col-image.fade_up{
    	opacity: 0;
    	visibility: hidden;
	}
	
	.text-image-second_col-image.is-animated{
    	animation: 1s ease-out fadeUp forwards;
	}
}

.text-image-second_list{
    margin-top: 32px;
}

.text-image-second_list-item {
    display: flex;
    align-items: flex-start;
    column-gap: 16px;
}

.text-image-second_list-item:not(:last-child) {
    margin-bottom: 23px;
}

.text-image-second_bottom{
    margin-top: 24px;
}

.text-image-second_col .text-image_list-item{
    display: block;
}

.text-image_content{
    max-width: 430px;
}

.process-block.block-with-background{
    padding: 100px 0;
    background: linear-gradient(to bottom, rgba(180, 215, 220, 0.3), rgba(235, 245, 235, 0.3));
}

.process-block.block-with-background .title-line:before{
    background-color: var(--primary);
}

.process-block_button{
    display: flex;
    justify-content: center;
    margin-top: 134px;
}

.process-block_button.mobile{
    display: none;
    margin-top: 0;
}

.process-block_button .button-secondary{
    margin-top: 80px;
}

.process-block_button .button-primary{
    line-height: 27px;
}

.links-block_heading {
    max-width: 890px;
    margin-bottom: 32px;
}

.links-block_heading .subtitle{
    margin-bottom: 8px;
}

.links-block_text {
    max-width: 706px;
    margin-bottom: 62px;
}

.links-block_text p{
   color: var(--primary);
}

.links-block_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 60px;
}

.block-link{
    color: var(--primary);
    text-decoration: underline;
    display: block;
    line-height: 27px;
}

.block-link:hover, .block-link:active  {
    color: var(--primaryDark);
}

.block-link_wrapper{
    display: flex;
}


.block-link_wrapper:hover:after {
    margin-left: 14px;
    transition: all 0.4s ease-out;
    opacity: 1;
}

.block-link_wrapper:active:after {
    margin-left: 24px;
}


.full-width-block_heading {
    margin-left: 90px;
    margin-bottom: 56px;
    max-width: 890px;
}

.full-width-block_heading .subtitle{
    margin-bottom: 8px;
}

.full-width-block_content{
    margin-left: 180px;
    max-width: 706px;
}

.full-width-block_image{
    margin-bottom: 56px;
}

.full-width-block_content ul {
    margin-top: 56px;
    list-style: none;
    padding-left: 40px;
}

.full-width-block_content ul li{
    list-style-position: inside;
    position: relative;
    margin-bottom: 30px;
}

.full-width-block_content ul li:last-child{
    margin-bottom: 0;
}

.full-width-block a{
    color: var(--primary) !important;
    text-decoration: underline;
}

.full-width-block a:hover{
    color: var(--linkHover) !important;
}

.full-width-block a:active{
    color: var(--linkActive) !important;
}

.content-before-image{
    margin-bottom: 56px;
}

.content-before-image p{
    color: var(--primary);
}


.full-width-block_content ul li:before {
    content: url(/wp-content/uploads/streamlinehq-check-circle-1-interface-essential-32-2.svg);
    left: -40px;
    position: absolute;
}

.block-counter{
    padding: 100px 0 128px;
    background-color: rgba(180,215,220,0.3);

}

.block-counter_heading{
    margin-bottom: 56px;
    max-width: 890px;
    padding-left: 95px;
}

.block-counter_heading .subtitle{
    margin-bottom: 8px;
}

.block-counter_heading *{
    width: 890px;
}

.block-counter .title-line:before {
    background-color: var(--primary);
}

.counter-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 92px;
    grid-row-gap: 80px;
    margin-left: 190px;
    max-width: 828px;
}

.counter-items.mobile{
    display: none;
}

.counter-item_number{
    font-size: 78px;
    line-height: 78px;
    letter-spacing: 0.1px;
    font-weight: 900;
}

.counter-item_text h3{
    margin-bottom: 8px;
}

.block-graphics_wrapper{
    max-width: 894px;
    margin: 0 auto;
    background: linear-gradient(
            to bottom,
            #283755 58%,
            var(--primaryBright) 58%
    );
    padding: 74px 92px 0 96px;
}

.block-graphics_content{
    margin-bottom: 50px;
    color: #fff;
}

.block-graphics_content h3{
    margin-bottom: 8px;
    color: #fff;
}

.block-graphics_image img{
    width: 100%;
}

.block-graphics_image.desktop{
    max-width: 706px;
}

.block-graphics_image.desktop img{
   object-fit: cover;
}

.cta-block {
    background-color: var(--primaryDark);
    overflow: hidden;
    position: relative;
}

.cta-block:before {
    content: '';
    background-image: url(//webcampus.de/wp-content/themes/dreamdev/assets/images/cta-background.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    position: absolute;
    top: -1055px;
    right: 72%;
    width: 1105px;
    height: 1702px;
    z-index: 0;
}

.cta-block:after {
    content: '';
    background-image: url(//webcampus.de/wp-content/themes/dreamdev/assets/images/cta-background.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 65%;
    width: 1105px;
    height: 1702px;
    z-index: 0;
}

.cta-block .wpbf-container {
    z-index: 1;
    position: relative;
}

.cta-block_row{
    display: flex;
    max-width: 941px;
    padding: 75px 0 76px;
    column-gap: 30px;
}

.cta-block_image{
    min-width: 246px;
}

.cta-block_image img{
    border-radius: 50%;
    margin: 0 auto 10px;
    max-width: 164px;
    display: block;
    width: 100%;
    height: 164px;
    object-fit: cover;
    object-position: center;
}

.cta-block_image_text *{
    text-align: center;
    font-weight: 600 !important;
}

.cta-block * {
    color: var(--primaryBright);
}

.cta-block_heading{
    margin-top: 20px;
}

.cta-block_title{
    margin-bottom: 24px;
}

.text-image-second {
    position: relative;
    z-index: 1;
}

.text-links__main-content {
    max-width: 706px;
}

.wpbf-impressum .content h5:first-of-type{
    margin-top: 100px;
}

.wpbf-impressum .content h5{
    margin-top: 50px;
}

.page-template-template-special {
    padding-top: 180px;
}

.page-template-template-special ul{
    padding-left: 20px;
}

.page-template-template-special .container a{
    text-decoration: underline;
    color: var(--primary) !important;
}

.page-template-template-special .container a:hover{
    color: var(--linkHover) !important;
}

.page-template-template-special .container a:active{
    color: var(--linkActive) !important;
}

.wpbf-datenschutzerklaerung .title {
    margin-bottom: 80px;
}

.wpbf-datenschutzerklaerung h5:first-of-type {
    margin-bottom: 40px;
    max-width: 798px;
}

.wpbf-datenschutzerklaerung p.p__big:first-of-type {
    margin-bottom: 100px;
}

.datenschutz-content {
    max-width: 706px;
}

.wpbf-datenschutzerklaerung .datenschutz-content h5{
    margin-bottom: 20px;
}

.datenschutz-content h5:not(:first-of-type){
    margin-top: 50px;
}

.table-block table td,
.table-block table th,
.table-block table {
    border: none;
}

.table-block table{
    margin-bottom: 0;
}

.table-block table th{
    background: none;
    padding: 5px 5px 26px 5px;
}



.table-block table td:not(:first-child) {
    line-height: 23px;
}

.table-block table td{
    padding: 12px;
}

.table-block td a{
    text-decoration: underline;
    position: relative;
    padding-left: 33px;
}

.table-block td a:before{
    content: "";
    background-image: url("//webcampus.de/wp-content/themes/dreamdev/assets/images/info.svg");
    background-repeat: no-repeat;
    position: absolute;
    width: 25px;
    display: inline;
    height: 25px;
    left: 0;
}

.table-block td a:hover {
    color: var(--linkHover);
}

.table-block td a:active {
    color: var(--linkActive);
}

.disable-scroll {
    overflow: hidden;
    height: 100%;
    position: relative;

}


.table-block .table_row_description {
    color: rgba(40,55,85,0.5);
    font-size: 12px;
    line-height: 23px;
}

.table_row_description td {
    padding: 0px 12px 12px 31px !important;
}

.table-title_mobile {
    display: none;
}

.table-popup {
    display: none;
}

.table-popup.open{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(40,55,85,0.75);
}

.table-popup_wrapper{
    background-color: white;
    width: 890px;
    padding: 69px 92px 69px;
    position: relative;
    margin: 0 16px;
}

.table-popup_wrapper .table-popup-close:after{
    content: url("/wp-content/uploads/popup-close.svg");
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.table-popup_content * {
    text-align: center;
}

.table-popup_content h5{
    margin-bottom: 27px;
}

.table-block .table-wrapper:not(:last-of-type) {
    margin-bottom: 100px;
}

.table-popup_wrapper p{
    max-width: 522px;
    margin: 0 auto;
}

.accordion-item__content__text a {
    margin-bottom: 8px;
}

.accordion-item__content__text a:last-child {
    margin-bottom: 0;
}

.table-block tbody tr td:not(:first-child) {
    font-size: 16px;
}

.tab-labels {
    margin-top: 50px;
}

.links-block__content {
    max-width: 890px;
    margin: 0 auto;
}

header .menu-item:first-child .gm-dropdown-menu-wrapper a{
    color: var(--black) !important;
}

@media screen and (min-width: 768px) {
    .table-block tbody tr:nth-of-type(4n+1), .table-block tbody tr:nth-of-type(4n+1) + * {
        background-color: rgb(250,250,250);
    }

    .table-block table th:first-child{
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0.24px;
        padding-left: 31px;
        max-width: 35%;
        width: 35%;
    }

    .table-block table tr td:first-child{
        padding-left: 31px;
    }

    .table-block table th:not(:first-child), .table-block table td:not(:first-child) {
        text-align: center;
    }

    .tab-labels {
        margin-top: 156px;
    }
}

@media screen and (max-width: 768px) {

    .table-title_mobile {
        display: block;
        margin-bottom: 24px;
    }

    .table-block table {
        border: 0;
    }

    .table-block table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .table-block table tbody{
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }

    .table-block table tr {
        display: block;
        border: 1px solid #BEC2CB;
    }

    .table-block table tr td:first-child {
        background-color: #FAFAFA;
        padding: 17px 49px 15px 16px;
        text-align: left;
    }

    .table-block table tr td:first-child *{
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0.18px;
    }

    .table-block table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 18px;
        line-height: 27px;
        min-height: 60px;
        padding: 16px;
    }

    .table-block table td::before {
        content: attr(data-label);
        float: left;
        width: 50%;
    }

    .table-block table td:first-child::before {
        content: none;
    }

    .table-block table td:last-child {
        border-bottom: 0;
    }

    .table-block .table_row_description {
        display: none;
    }

    .table-popup_wrapper{
        padding: 69px 20px 69px;
    }

    .table-popup_wrapper .table-popup-close:after{
        right: 20px;
        top: 20px;
    }

    .process-block_button.mobile{
        display: flex;
    }

    .process-block_button.mobile .button {
        margin: 80px auto 0 !important;
    }

    .process-block_button.desktop{
        display: none;
    }

    .hero-section.home-hero-section .image-label p{
        font-size: 16px;
        line-height: 21px;
    }

    .usp-buttons{
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    .accordion-dark .accordion-item.accordion__active .accordion-item__content,
    .accordion-dark .accordion-item__heading__wrapper{
        width: 490px;
    }

    .accordion-light .accordion__container-title {
        margin-left: 37px;
        margin-bottom: 32px;
    }


    .links-block_heading{
        margin-left: 37px;
        margin-bottom: 24px;
    }

    .links-block_text{
        margin-bottom: 56px;
    }

    .cta-block:before {
        top: -1085px;
        right: 49%;
    }
}

@media(max-width: 1200px) {
    .feature-item_text h5 {
        max-width: 195px;
    }
}

@media screen and (max-width: 992px) {
    .js-accordion.accordion-with-image .accordion-item__content__text{
        max-width: 320px;
    }

    .accordion-dark .accordion-item.accordion__active .accordion-item__content,
    .accordion-dark .accordion-item__heading__wrapper{
        width: 450px;
    }

    .accordion-dark .accordion-item__img {
        max-width: 500px;
    }

    .usp-items{
        grid-template-columns: 1fr 1fr;
    }

    .usp-item_text {
        max-width: 100%;
    }

    .text-image_row{
        column-gap: 60px;
    }

    .process-block-items{
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
    }

    .cards-with-text-item:nth-child(1),
    .cards-with-text-item:nth-child(2),
    .cards-with-text-item:nth-child(3){
        margin-left: 0;
        max-width: 100%;
    }

    .feature-items{
        grid-template-columns: 1fr 1fr;
    }

    .feature-item_text h5 {
        max-width: 230px;
    }

    .traninings-items{
        grid-template-columns: 1fr 1fr;
    }

    .traninings-item_text h5 {
        max-width: 300px;
    }

    .text-image-second_section .second-section_wrapper{
        column-gap: 50px;
    }

    .links-block_wrapper{
        grid-template-columns: 1fr 1fr;
    }

    .counter-items.mobile{
        display: grid;
    }

    .counter-items.desktop{
        display: none;
    }

    .counter-items {
        padding-left: 37px;
        margin-left: 0;
    }

    .counter-item_number{
        line-height: 64px;
    }

    .block-counter_heading{
        padding-left: 37px;
    }

    .block-counter_heading *{
        width: auto;
    }

    .cta-block:after {
        top: 0;
        left: 45%;
    }


}

@media screen and (max-width: 880px) {
    .top-features_wrapper{
        flex-direction: column;
        row-gap: 30px;
    }

    .top-features_image img{
        width: 100%;
    }

    .top-features-block{
        padding: 80px 0;
    }

    .top-features_col-right{
        padding: 48px 31px;
    }

    .accordion-dark .accordion-item__img {
        max-width: 400px;
    }

}

@media screen and (max-width: 830px){
    .accordion-dark .accordion-item__img {
        max-width: 330px;
    }
}

@media screen and (max-width: 767px) {
    .js-accordion.accordion-with-image .accordion-item__content__text {
        max-width: 100%;
    }

    .js-accordion-content_wrap {
        flex-direction: column-reverse;
        padding: 0 0 40px 0 !important;
        gap: 0;
    }

    .accordion-item.accordion__active .js-accordion-content_wrap {
        /*display: flex;*/
        flex-direction: column-reverse;
    }

    .accordion-dark .accordion-item__heading__wrapper {
        /*column-gap: 20px;*/
    }

    /*.accordion-item.accordion__active .accordion-item__content {*/
    /*    padding: 0 0 40px 0;*/
    /*}*/

    .accordion-item__img {
        margin-bottom: 24px;
    }

    .accordion-item__trigger__button_wrapper {
        padding: 31px 7px 7px;
        align-items: flex-start;
    }

    .accordion-dark {
        padding: 80px 0;
    }

    .accordion-dark .accordion__container-title {
        margin-bottom: 56px;
        margin-left: 37px;
    }

    .accordion-dark .accordion-item__trigger {
        flex-direction: column-reverse;
    }

    .accordion-dark .accordion-items.accordion__container-items {
        min-height: auto;
    }

    .accordion-dark .accordion__active .accordion-item__heading__wrapper {
        padding: 30px 30px 0;
    }

    .accordion-dark .accordion-item.accordion__active .accordion-item__content,
    .accordion-dark .accordion-item__heading__wrapper {
        width: 100%;
        /*padding: 30px 18px 30px 30px*/
    }

    .accordion-dark .accordion-item .js-accordion-content_wrap {
        padding: 30px 18px 30px 30px !important;
    }

    .accordion-dark .accordion-item.accordion__active .accordion-item__img {
        display: block;
    }

    .accordion-dark .accordion-item__img {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: 0;
        top: 0;
        display: none;
    }

    .accordion-light .accordion-item:last-child .accordion-item__trigger .accordion-item__trigger__button_wrapper {
        align-items: start;
    }

    .accordion-light .accordion__active.accordion-item:last-child .accordion-item__trigger .accordion-item__trigger__button_wrapper {
        align-items: start;
    }

    .accordion-light .accordion-item__trigger:hover .accordion-item__trigger__button:before {
        transform: none;
    }

    .accordion-light .accordion-item__trigger.accordion__active .accordion-item__trigger__button:before {
        transform: rotate(-90deg);
    }

    .accordion-light.block-with-background{
        padding: 120px 0;
    }

    .usp-items {
        grid-template-columns: 1fr;
        padding: 0 57px 0 60px;
    }

    .usp-block__heading {
        margin-left: 37px;
    }

    .small-title-mobile h2{
        font-size: 28px;
    }

    .text-image_row {
        flex-direction: column-reverse;
    }

    .text-image_row .text-image_photo {
        margin-bottom: 24px;
    }

    .text-image_content {
        max-width: 100%;
    }

    .process-block.block-with-background {
        padding: 120px 0;
    }

    .process-block__heading {
        margin-left: 37px;
    }

    .process-block-items {
        grid-template-columns: 1fr;
    }

    .process-block-item {
        display: flex;
        column-gap: 28px;
    }

    .process-block-item_number {
        min-width: 64px;
    }

    .text-links__heading {
        margin-bottom: 24px;
    }

    .text-links__heading, .text-links__main {
        margin-left: 57px;
        padding-left: 0;
    }

    .text-links__item a:after {
        margin-top: 1px;
    }

    .text-links-block.block-with-background {
        padding: 122px 0 120px;
    }

    .text-links__main-content {
        margin-bottom: 56px;
    }

    .text-links__item a:after {
        margin-left: 0;
        transform: scale(0.8);
    }

    .cards-dark-items {
        grid-template-columns: 1fr;
    }

    .cards-dark__heading {
        margin-left: 37px;
    }

    .cards-dark__heading .section_text {
        margin-left: 0;

    }

    .cards-dark-item {
        padding: 56px 41px;
    }

    .cards-dark__heading .section_title {
        margin-bottom: 24px;
    }

    .cards-with-text-item, .cards-with-text-item.section_reverse {
        flex-direction: column;
    }

    .cards-with-text-item_image, .cards-with-text-item_content,
    .cards-with-text-item.section_reverse .cards-with-text-item_content,
    .cards-with-text-item.section_reverse .cards-with-text-item_image {
        width: 100%;
    }

    .cards-with-text-item:not(:last-child) {
        margin-bottom: 56px;
    }

    .cards-with-text-item_image {
        margin-bottom: 32px;
    }

    .cards-with-text__heading {
        margin-left: 57px;
        margin-bottom: 56px;
    }

    .block-with-background.usp_big_block {
        padding: 120px 0;
    }

    .mobile {
        display: flex;
        flex-direction: column;

    }

    .desktop, .feature-items-wrapper.desktop {
        display: none;
    }

    .usp-block .button-bottom {
        margin-top: 40px;
    }

    .feature-block {
        padding: 80px 0;
    }

    .feature-block .button-bottom {
        margin: 32px auto 0;
    }

    .feature-block__heading {
        margin-bottom: 24px;
    }

    .feature-items {
        grid-template-columns: 1fr;
    }

    .feature-block__heading {
        margin-left: 57px;
    }

    .feature-item_text h5 {
        max-width: 205px;
    }

    .feature-block__content {
        margin-left: 57px;
    }

    .feature-block .button-read-more {
        margin: 40px auto 0;
    }

    .traninings-items {
        grid-template-columns: 1fr;
    }

    .traninings-block__heading {
        margin-left: 37px;
        margin-bottom: 24px;
    }

    .traninings-block__content {
        margin-left: 37px;
        margin-bottom: 56px;
    }

    .traninings-items-wrapper {
        padding-left: 37px;
    }

    .traninings-item_text h5 {
        max-width: 230px;
    }

    .traninings-items {
        grid-row-gap: 48px;
    }

    .text-image-second_section .second-section_wrapper, .text-image-second_section.section_reverse .second-section_wrapper {
        flex-direction: column;
    }

    .text-image-second_col {
        width: 100%;
    }

    .text-image-second_col-image {
        margin-bottom: 24px;
    }

    .text-image-second_sections {
        row-gap: 80px;
    }

    .big__link {
        font-size: 20px;
    }

    .text-links__item a:hover:after {
        margin-left: 5px;
    }

    .full-width-block_heading, .content-before-image {
        margin-left: 37px;
    }

    .full-width-block_heading {
        margin-bottom: 24px;
    }

    .full-width-block_content {
        margin-left: 0;
    }

    .full-width-block_image {
        margin-bottom: 28px;
    }

    .full-width-block_heading .subtitle {
        margin-bottom: 0;
    }

    .block-graphics_wrapper {
        padding: 64px 24px 0;
        background: linear-gradient( to bottom, #283755 63%, var(--primaryBright) 63% );
    }

    .cta-block_row{
        flex-direction: column;
    }

    .cta-block_heading {
        margin-top: 0;
    }

    .cta-block_title {
        text-align: center;
        margin: 0 auto 40px;
    }

    .cta-block_image {
        margin-bottom: 40px;
    }

    .cta-block_button{
        display: flex;
    }

    .cta-block_button .button{
        margin: 0 auto;
    }

    .accordion-light .accordion__container-title.heading-big {
        margin-left: 37px;
    }

    .page-template-template-special {
        padding-top: 56px;
    }

}

@media screen and (max-width: 767px) {
    .accordion-dark .accordion-item__img img{
        height: 286px;
        width: 100%;
        object-fit: cover;
    }

    .accordion-dark .accordion-item__content__text a{
        max-width: 300px;
    }

    .top-features_wrapper {
        max-width: 338px;
        margin: 0 auto;
    }

    .text-image_row.section_reverse{
        flex-direction: column-reverse;
    }

    .text-links__item a {
        column-gap: 8px;
        align-items: flex-start;
    }

    .process-block__heading, .process-block__heading.heading-big{
        max-width: 297px;
    }

    .process-block-item_text{
        max-width: 232px;
    }

    .accordion-items_light .accordion-item__img img{
        max-width: 100%;
    }

    .accordion-light .accordion-item__img{
        margin-bottom: 24px !important;
    }

    .accordion-light .accordion__active .accordion-item__trigger:hover .accordion-item__trigger__button:before{
        transform: rotate(-90deg);
    }

    .accordion-light .accordion-item.accordion__active .accordion-item__trigger__button:before{
        opacity: 1;
    }

    .counter-items.mobile{
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }

    .cta-block:after {
        top: 67%;
        left: -21%;
    }
}

@media screen and (max-width: 542px) {
    .links-block_wrapper {
        grid-template-columns: 1fr;
    }

    .text-image_photo img {
        max-width: 358px;
    }

    .usp-item {
        max-width: 236px;
    }

    .links-block_heading {
        max-width: 297px;
    }

    .links-block_text {
        max-width: 297px;
        margin-left: 37px;
    }

    .links-block_wrapper {
        margin-left: 37px;
        max-width: 278px;
    }

    .content-before-image {
        max-width: 297px;
    }

    .full-width-block_content ul {
        padding-left: 32px;
    }

    .block-graphics_content {
        max-width: 276px;
        margin: 0 auto 40px;
    }

    .cta-block_title {
        max-width: 311px;
    }

    .cta-block:before {
        top: -1040px;
        right: 26%;
    }



}


/*
================================
    DO NOT REMOVE
*/
body .current-menu-item.gm-menu-item--lvl-0 > a.gm-anchor:before {
    content: none;
}
body .current_page_item.gm-menu-item--lvl-0 > a.gm-anchor:before,
body .current-menu-ancestor > a.gm-anchor:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background-color: var(--linkActive);
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

body .current_page_item.gm-menu-item--lvl-0 > a.gm-anchor:before,
body .current-menu-ancestor > a.gm-anchor:after {
    right: 0 !important;
}
/*
    DO NOT REMOVE
================================
*/

.button-primary.menu-item.current_page_item a.gm-anchor:before {
	display: none;
}

.gform_wrapper.gravity-theme .description, 
.gform_wrapper.gravity-theme .gfield_description, 
.gform_wrapper.gravity-theme .gsection_description, 
.gform_wrapper.gravity-theme .instruction {
	border-radius: 5px;
	font-size: 14px !important;
	margin-bottom: 10px;
}


.contact-form_wrapper .gform_validation_error.gform_wrapper.gravity-theme .gfield_error.gfield input,
.contact-form_wrapper .gform_validation_error.gform_wrapper.gravity-theme .gfield_error textarea{
    border-bottom: 1px solid #c02b0a;
}

.gform_validation_error.gform_wrapper.gravity-theme .gfield_error.gfield input::placeholder,
.gform_validation_error.gform_wrapper.gravity-theme .gfield_error.gfield select::placeholder,
.gform_validation_error.gform_wrapper.gravity-theme .gfield_error.gfield textarea::placeholder{
    color: #c02b0a;
}


@media(min-width: 768px) {
	.accordion__active .accordion-item__img img {
		animation: fadeUp 1s linear;
	}
}

.gform_wrapper.gravity-theme .gform_validation_errors,
.gform_wrapper.gravity-theme .validation_message {
	padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
	font-size: 14px !important;
}

.contact-form_wrapper .gform_wrapper.gravity-theme.gform_validation_error .gfield input {
	margin-bottom: 0;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


#webcampus-price-input #userCount{
    margin-right: 10px;
    text-align: center;
}

.gm-navbar.gm-navbar--style-1 .gm-inner,
.gm-navbar.gm-navbar--style-1 .gm-inner > .gm-container,
.gm-navbar.gm-navbar--style-1 .gm-inner > .gm-inner-bg {
    transition: none !important;
}

.gform_wrapper.gravity-theme .gform-icon.gform-icon--circle-error:before {
     display: none;
 }