.card, ul.submenu{
  -webkit-box-shadow: 0px 6px 6px 0px rgba(14,63,126,0.04); 
box-shadow: 0px 6px 6px 0px rgba(14,63,126,0.04);
}

.header .text_wrapper {
  gap: 24px;
}
.header {
  transition: all 0.3s ease-in-out;
  padding-top: var(--padding-20) !important;
  padding-bottom: var(--section-padding) !important;
}

.header .btn{
  margin-top: 0!important;
}
body.logo_dark .logo_wrapper svg path {
  fill: var(--text-dark);
}

body.logo_dark .sticky .logo_wrapper svg path {
  fill: var(--white-text);
}

.header_start {
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0 !important;
  border-bottom: 1px solid var(--border-grey);
  padding:0!important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header_start p.badge {
  margin-bottom: 0px;
}
.header_start a.btn {
  margin: 0;
}

.header_start h1 {
  font-size: 68px;
  max-width: 900px;
}

.header_dark {
  padding: 80px;
  background: rgb(41, 90, 114);
  background: linear-gradient(
    247deg,
    rgba(41, 90, 114, 1) 0%,
    rgba(0, 34, 51, 1) 100%
  );
  border-radius: 0 0 12px 12px;
  position: relative;
  z-index: 1;
}

.header_dark:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(/assets/img/noise.png);
  background-repeat: repeat;
  background-size: 130px 130px;
  z-index: -1;
  border-radius: 20px;
}
.section_wrapper.header_start {
  transition: 0.4s ease-in-out;
}
.section_wrapper.header_animate.vis {
  margin: 0 80px;
  border-radius: 20px;
  overflow: hidden;
}

.header_start .content_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

/************mask text animation******/

p.mask_text {
  line-height: 1.5;
}

span.hide {
  display: inline-block;
  overflow: hidden;
}

span.elem {
  display: inline-block;
  transition: transform 0.75s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.75s ease;
  transform: translateY(100%);
}

span.elem.show {
  transform: translateY(0%);
}
.inview {
  display: block;
  opacity: 0;
  transition: transform 0.75s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.75s ease;
  transform: translateY(40px);
}
.inview.active {
  transform: translateY(0px);
  opacity: 1;
}
/************text wrapper***********/
.text_wrapper {
  display: flex;
  flex-direction: column;
}
/********header animations*****************/

h1 span.hide {
  display: inline-block;
  overflow: hidden;
}

h1 span.elem {
  animation: move-in 0.75s forwards;
  display: inline-block;
  transition: transform 0.75s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.75s ease;
  transform: translateY(100%);
}

h1 span.elem:nth-of-type(2) {
  animation-delay: 0.1s;
  transition: transform 0.75s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.75s ease;
}

@keyframes move-in {
  from {
    transform: translateY(100%);
    transition: transform 0.75s cubic-bezier(0.33, 1, 0.68, 1),
      opacity 0.75s ease;
  }

  to {
    transform: translateY(0%);
    transition: transform 0.75s cubic-bezier(0.33, 1, 0.68, 1),
      opacity 0.75s ease;
  }
}

span.my_green {
  display: inline-block;
  animation: green-dot-move 0.75s forwards;
  opacity: 0;
  animation-delay: 0.75s;
  transform-origin: center;
}

@keyframes green-dot-move {
  0% {
    transition: transform 0.75s cubic-bezier(0.33, 1, 0.68, 1),
      opacity 0.75s ease;
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

p.intro_headline {
  max-width: 660px;
  color: var(--text-light);
}
#leistung_single p.intro_headline {
  color: var(--text-dark);
}
#leistung_single{
  background: var(--light-blue);
  border-bottom: 1px solid var(--border-grey );
}

#video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -2;
  object-fit: cover;
}

.grad_overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgb(37, 79, 100);
  background: linear-gradient(
      326deg,
      rgba(37, 79, 100, 0) 62%,
      rgba(41, 90, 114, 1) 100%
    ),
    radial-gradient(
      circle at 28% 250%,
      rgba(0, 34, 51, 0) 28%,
      rgba(0, 34, 51, 1) 55%,
      rgba(41, 90, 114, 1) 100%
    );
  background-size: 162%;
  z-index: -1;
}

.grad_overlay:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(/assets/img/noise.png);
  background-repeat: repeat;
  background-size: 130px 130px;
}

/********Unser Ansatz********/

p.author_text {
  padding-top: 16px;
}

div#ansatz {
  padding: 0 !important;
}

body p.quote {
  color: var(--white-text) !important;
}

.dark_bg {
  padding: 80px;
  background: url("/assets/img/dark_bg.svg")!important;
 background-size: cover!important;
background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.hero_bg {
  /* background: url("/assets/img/hero-background.svg")!important; */
 background-size: cover!important;
background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.hero_bg .badge{
background: var(--blue)!important;
color: var(--white)!important;
}

.content_wrapper.dark_bg {
  padding: 80px;
  border-radius: 40px;
}



.quote {
  font-size: 40px;
  line-height: 1.2 !important;
}

/* .dark_bg:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(/assets/img/noise.png);
  background-repeat: repeat;
  background-size: 130px 130px;
  z-index: -1;
} */
.dark_bg p {
  color: var(--text-light) !important;
}

.dark_bg h2,
.dark_bg h3,
.dark_bg li {
  color: var(--white-text) !important;
}


/************testimonial*************/

.img_wrapper.testimonial_logo {
  height: auto;
  width: 150px;
}

.testimonial_kunde_wrapper {
  flex: 1;
}
.kunde_bild{
  flex-basis: 60px;
}
.testimonial_slide {
  display: flex;
  background: url(/assets/img/light_bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 48px;
  border: 1px solid var(--border-grey);
  border-radius: 40px;
  gap: 24px;
  flex-direction: column;
}
p.testimonial {
  height: 100%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  color: var(--text-dark);
}
.testimonial_slide .img_wrapper{
  flex-basis:33%;
}

p.testimonial_name {
  color: var(--dark_blue) !important;
}

.testimonial_text_wrapper {
  display: flex;
      flex-direction: row;
      gap: 24px;
}
.testimonial_text_wrapper img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  border-radius: 50%;
}
/**************Leistungen****************/

.funktionen_section{
  background: var(--light-blue);
  border-top: 1px solid var(--border-grey);
  border-bottom: 1px solid var(--border-grey);
padding:var(--section-padding) 0;
}
.function_info_prev{
  margin-bottom: 24px;
}

.section_wrapper.function_intro {
  padding-bottom: 0;
}

.horizontal_switch .text_wrapper{
  text-align: left!important;
  align-items: flex-start!important;
}

.content_wrapper.dark_bg.horizontal_switch {
  padding-right: 0;
}

.horizontal_switch img{
 border-radius: 12px 0 0 0 ;
 object-position: bottom right ;
}

.function_intro img {
  margin-bottom: -80px;
  height: calc(100% + 80px);
  object-fit: contain;
}
.vertical_switch img{
  border-radius: 12px 12px 0 0 ;
  object-position: bottom center;
}

.leistungs_wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  padding: var(--padding-10) 0 0 0;
}

.funktionen_section .badge{
  background: var(--white);
}
.leistungskachel .badge{
color:var(--blue);
  background: var(--light-blue);
  transition: all 0.2s ease-in-out;
}


.leistungskachel h3{
  font-size: 36px;
}

/* .leistungskachel:hover .badge{
  color:var(--white)!important;
    background: var(--dark_blue);
  } */

.leistungskachel {
  border: 1px solid var(--border-grey);
  padding: 40px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  background: var(--white);
  transition: all 0.2s ease-in-out;
}

.leistungskachel .column_wrapper{
  align-items: center;
}

.leistungskachel img{
  object-fit: cover;
  border-radius: 12px;
}



/* .leistungskachel:hover {
  cursor: pointer;
  border-color: var(--primary-blue);
} */
.leistungskachel a {
  text-decoration: none;
}

.leistungskachel h3.my_white {
  transition: all 0.3s ease-in-out;
}

/* .leistungskachel:hover h3.my_white,  .leistungskachel:hover p {
     color: var(--text-dark)!important;
          } */

.leistungskachel:hover:before {
  height: 100%;
  max-height: 100%;
}

/************ Case Section ***********/

.testimonial_detail-page {
  padding-top: var(--section-padding);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.testimonial_detail-page .testimonial_slide.card {
  display: flex;
  flex-direction: column;
}
.testimonial_detail-page img {
height: 60px;
width: 60px;
object-fit: cover;
border-radius: 50%;
}

.testimonial_detail-page .testimonial_text_wrapper {
  display: flex;
  flex-direction: row;
  gap: 24px;
}


.case_section_info{
  font-size:16px;
}

.case_card a {
  display: flex;
}
.case_card  {
border-radius: 20px;
background: var(--blue);
padding: 24px;
}

h2.case-section_headline {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.case_card .img_wrapper{
  flex-basis: 50%;
  border-radius: 16px;
}
.case_info{
  font-size:16px;
}

.case_headline{
  font-size: 16px;
}

.case_card a{
  text-decoration: none;
}
.case_text {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  gap: 24px;
  align-items: flex-start;
  flex: 1;
  flex-basis:50%;
}
.case_card  img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: all 0.5s ease-out;
  height: 100%;
}
.case_card  .img_wrapper {
height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.case_card .img_wrapper img {
  transform: scale(1.1);
}
.case_card :hover .img_wrapper img{
  transform: scale(1) !important;
}

button.glide__arrow {
  background: var(--white);
  border: 1px solid var(--border-grey);
  transition: all 0.1s ease-in;
  box-shadow: none;
  border-radius: 8px;
}

button.glide__arrow path{
  fill: var(--blue);
}

button.glide__arrow:hover {
  background: var(--light-blue);
  border: 1px solid var(--border-grey);
}

button.glide__arrow svg {
  height: 24px;
  width: 21px;
}

.round_button.svg_wrapper {
  height: 40px;
  width: 40px;
  border-radius: 200px;
  border: 1px solid var(--border-grey);
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #fff;
}

.control_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
.glide__arrows {
  display: flex;
  gap: 24px;
}

.control_wrapper button.glide__arrow {
  position: relative !important;
  transform: unset !important;
  top: unset !important;
  left: unset;
  right: unset;
}

li.tag {
  width: fit-content;
  background: var(--background);
  padding: 4px 8px;
  border-radius: 8px;
  color: var(--text-dark);
  list-style: none;
  display: inline-block;
}
ul.case_tags {
  padding: 16px 0 16px 0;
}
.glide__bullets {

  position: relative !important;
  left: unset !important;
  bottom: unset !important;
  transform: unset !important;
  padding: 8px;
  border: 1px solid var(--border-grey);
  border-radius: 500px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.sticky_container {
  position: sticky;
  top: var(--section-padding);
}
/********branchen***********/
div#Branchen {
  padding-bottom: 0 !important;
}

.branchen {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 40px;
}

.branchen_headline_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.branchen_headline_wrapper h3 {
  line-height: 1.4;
  padding-bottom: 16px;
}
.branchen.column_12 {
  padding-top: 40px;
}

.branche_single {
  border-radius: 12px;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--border-grey);
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 0px 0px var(--green);
  box-shadow: 0px 0px 0px 0px var(--green);
}
.branche_single:hover {
  border: 1px solid var(--green);
}

.branche_single:hover .round_button.svg_wrapper,
.case_slide:hover .round_button.svg_wrapper {
  background: var(--green);
  border: var(--green);
  transition: all 0.3s ease-in-out;
}
.branche_single:hover .round_button.svg_wrapper svg path,
.case_slide:hover .round_button.svg_wrapper svg path {
  fill: #fff;
}

.branchen_info_wrapper {
  padding: 16px 24px 24px 24px;
}

.branche_single a {
  text-decoration: none;
}

/******** CTA Sektion************/

.person_cta_wrapper {
  display: flex;
  gap: 40px;
}
.person_cta_wrapper img{
  height: auto!important;
}

p.person_name {
  color: #fff !important;
  font-size: 20px;
  margin-top: 8px;
}
/***********/

.cta_section .img_wrapper img {
  height: calc(100% + 80px);
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: -80px;
}
.cta_section {
  padding-bottom: 40px!important;
  margin: 0 40px;
}

/*****cta info*****/
.contact_info img {
  height: auto;
  width: 130px;
  object-fit: cover!important;
}

.contact_info {
  border-radius: 12px;
  overflow: hidden;
  background: #f1f5ffcf;
  width: 375px;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);

  /* border: 1px solid var(--border-grey); */
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
  display: flex;
  transform-origin: right bottom;
}

.contact_info.open{
  opacity: 1;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.chat_svg, .x_svg{
  transition: all 0.2s ease-in-out;
  position: absolute;
}
.x_svg{
opacity: 0;

}
.open .x_svg{
opacity: 1;
}
.open .chat_svg{
 opacity: 0;
}

li.contact_info_content {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}
li.contact_info_content a{
text-decoration: none;
font-size: 14px;
color: var(--dark_blue);
}

li.contact_info_content svg {
  height: 24px;
  width: 24px;
}

.contact_info ul{
  margin: 0;
  padding: 0;
}
.content_text {
  padding: 24px;
}

p.contact_cta {
  font-size: 16px;
  color: var(--dark_blue);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 16px;
}
/******pregressbar******/

#progress-bar-container {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 4px;
  background-color: #f3f3f3;
  z-index: 999;
}
#progress-bar {
  height: 100%;
  width: 0%;
  background-color: var(--primary-blue);
  transition: width 0.25s;
}

/***********info list*****************/

p.subline {
  padding-bottom: 16px;
  color: var(--dark-green);
}

/*************Numbered List*********/

.numbered_wrapper {
  grid-column-start: 3 !important;
  grid-column-end: 11 !important;
  /* border: 1px solid var(--text-light-2); */
  margin-bottom: var(--section-padding);
  border-radius: 20px;
  background: var(--white);
  gap: 0 !important;
}

.single_eintrag:first-child {
  border-radius: 12px 12px 0 0;
  border: none;
}

.single_eintrag {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* background: #fff; */
  padding: 80px 80px 80px 0px;
  border-top: 1px solid var(--border-grey);
}

.eintrage_wrapper.column_wrapper.column_12 {
  gap: 0;
  /* border-radius: 12px; */
  overflow: hidden;
}

p.number_cout {
  height: 40px;
  width: 40px;
  background: var(--green);
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -20px;
}

/****coaching cards******/
#Kurse .single_eintrag:last-child {
  margin-bottom: 0px;
}
#Kurse .single_eintrag {
  background: var(--white);
  margin-bottom: 80px;
  padding: 80px;
  border: none;
  border-radius: 12px;
}
#Kurse {
  padding-bottom: 0 !important;
}
/**************case_single************/


.sticky_container .case_tags {
  padding: 0;
  margin-top: 8px;
  padding-bottom: 9px;
}

.info_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-grey);
  padding-bottom: 20px;
}

.case_header .column_wrapper {
  gap: 64px;
}

.case_info-section {
  margin-top: 80px;
}
header.section_wrapper.case_header {
  background: var(--light-blue);
  border-bottom: 1px solid var(--border-grey);
}
.case_label{
  font-size: 16px;
}

.case_info {
  color: var(--text-dark);
  text-align:right;
  font-weight: 700;
}

nav.breadcrumb li:first-child .chevron {
  display: none;
}

nav.breadcrumb ol {
  list-style: none;
  display: flex;
  gap: 8px;
  padding: 0;
  overflow-x: scroll;
}
nav.breadcrumb ol li {
  white-space: nowrap;
}

nav.breadcrumb ol li a {
  color: var(--text-dark);
}
nav.breadcrumb ol li:hover a {
  color: var(--green);
}
nav.breadcrumb ol li:last-child:hover a {
  color: var(--text-dark);
}
nav.breadcrumb ol li:last-child a {
  pointer-events: none;
  font-weight: 800;
  text-decoration: none;
}

p.weiterlesen {
  font-size: 16px;
  text-decoration: underline;
  color: var(--white-text)!important;
}

.case_header h1 {
  font-size: 64px;
  color: var(--text-dark);
}
.case_header .sticky_container {
  background: var(--white);
  padding: 40px;
  border-radius: 12px;
}
ul.case_overview_wrapper {
  padding: var(--padding-5) 0;
}

.case_overview_wrapper{
  margin-top: 80px;
}

img.client_logo {
  height: auto!important;
  width: 100px;
  margin-top: 40px;
}

.single_case_content{
  max-width: 800px;
  margin:auto;
}
.single_case_content section{
  margin-top:80px;
}
.single_case_content section:first-child{
  margin-top:0px;
}
.single_case_content section h3{
  padding-top: 40px;
}

.single_case_content section h2{
font-size: 40px;
}
.single_case_content section p, p.case_info_text{
color: var(--text-dark)!important;
  }
.single_case_content figure {
  margin: 40px 0;
}
/**************logo_wall********************/


.logo_slider:before, .logo_slider:after{
  content:"";
  display: block;
  position: absolute;
  height: 100%;
  width: 40px;
  background: red;
  top:0;
  z-index: 8;
}
.logo_slider:before{
  left:0;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.logo_slider:after{
  right:0;
  background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-250px * 5)); }
}

.logo_slider {
  height: 188px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}

.logo_slider .logo_slide-track {
  animation: scroll 40s linear infinite; /* Feste Animation-Dauer */
  display: flex;
  width: calc(250px * 10);
}

.logo_slider .logo_slide {
  height: 188px;
  width: 250px;
  padding: 0 20px;
}
.logo_slide img{
object-fit: contain;
height: 100%;
}
/**/

.logo_wall li{
list-style: none;
}
.logo_wall ul{
display:flex;
justify-content: space-between;
gap: 80px;
align-items: center;
  }



 .wall_head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
 }
 div.line{
  height: 1px;
  background: var(--border-grey);
 flex: 1;
 }
 .wall_head p{
margin: 0!important;
 }
/**********stichpunkte*********/

.stichpunkt.icon_card {
  display: flex;
  align-items: center;
  gap: 24px;
  border-top: 1px solid var(--border-grey);
  padding: 16px 0;
}


.stichpunkt.icon_card:last-child{
  border-bottom: 1px solid var(--border-grey);
}


.stichpunkt img {
margin-bottom: 0!important;
}

.stichpunkte {
  padding-top: 0px !important;
}


.stichpunkt_wrapper {
  padding-left: 40px;
  position: relative;
  background: var(--light-blue);
  border: 1px solid var(--border-grey);
  padding: 40px;
  border-radius: 12px;
}
/* .stichpunkt_wrapper:before {
content: "";
position: absolute;
display: block;
height: 100%;
width: 3px;
top: 0;
left: 0;
background: var(--green);
} */
/****************steps**************/
p.step_headline {
  font-size: 24px;
  color: var(--white)!important;
  line-height: 1.3;
  margin-bottom: 24px;
}

.number_step {
  color: var(--white);
  background: var(--blue);
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.single_step.column_4 {
  display: flex;
  gap: 16px;
}
/*********************vorteile***************/
.vorteile_wrapper {
  padding-top: 40px;
}

.vorteile_slider{
  margin-top:40px;
}

.icon_card img {
  height: 60px!important;
  width: 60px;
  margin-bottom: 12px;
  background: var(--white);
  border-radius: 12px;
  border: 1px solid var(--border-grey);
}

.no_bg_icon .icon_card img {
  background:none;
  border: none;
}
.vorteil_headline {
  font-weight: 500;
  color: var(--text-dark);
  font-size: 24px;
}

.single_vorteil {
padding: 48px;
  margin-bottom: 12px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, var(--white) 0%, var(--light-blue) 100%);
  border-radius: 12px;
  border: 1px solid var(--border-grey);
}



/* .vorteile{
  background: rgb(99,128,255);
background: radial-gradient(circle, rgba(99,128,255,0.15872286414565828) 0%, rgba(255,255,255,0.702140231092437) 100%);
} */
.text_wrapper.center_text {
  display: flex;
  justify-content: center !important;
  margin: auto;
  align-self: center;
  align-items: center;
  max-width: 800px;
  text-align: center;
}

/*********************vorteile slider***************/

.vorteil_slide .single_vorteil {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
}

.vorteil_slide .single_vorteil img{
height: 40px;
width: 40px;
}

.vorteil_slide{
padding: 48px;
margin-bottom: 12px;
background: rgb(255,255,255);
background: linear-gradient(0deg, var(--white) 0%, var(--light-blue) 100%);
border-radius: 12px;
border: 1px solid var(--border-grey);
}
.vorteil_slide {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  height: 100%;
 box-sizing: border-box;
 align-items: flex-start;
}
.vorteil_slide img{

height: 40px;
width: 40px;
}

/*************Text Bild**************/

.text_bild .text_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 40px;
}
.text_bild .img_wrapper {
  height: 100%;
}

.text_bild_no_pad_bot{
  margin-bottom: -120px;
}
.text_bild img {
  height: 100%;
  object-fit: contain;
  border-radius: 12px;
}

.text_bild .left_right_switch .text_wrapper {
  padding: 0 40px 0 0;
  order: -1;
}

/***************about************/
/*****leagal content*****/

.legal_content h2 {
  font-size: 40px;
}
.legal_content strong {
  color: var(--dark_blue);
}
.legal_content{
  max-width: 800px;
}
/***********team*********/
.single_team {
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-grey);
}

.single_team .text_wrapper{
padding: 16px 24px 24px 24px;
}
.single_team h3{
padding: 0;
  }
/**********+team ende********/

.header_about{
  background: var(--light-blue);
}

.header img {
  height: 100%;
  overflow: hidden;
  /* -webkit-box-shadow: 12px 12px 0px 5px var(--text-dark);
  box-shadow: 12px 12px 0px 5px var(--text-dark); */
  object-fit: cover;
}

header#leistung_single img {
  border-radius: 12px;
}

.column_wrapper.big_number_wrapper {
  margin-top: var(--section-padding);
}
p.number_text {
  color: var(--text-light-2);
}
.number_headline {
  font-size: 24px;
}
.number {
  font-family: "FK Display";
  font-size: 64px;
  line-height: 1;
  margin-bottom: 16px;
  color: var(--dark_blue);
}
.big_number_single {
  padding-left: 28px;

}
/**************zeitstrahl**************/
.history_wrapper {
  padding-top: 80px;
}

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

.single_event_wrapper p.headline {
  line-height: 1.2;
}

.left_content {
  flex-basis: auto;
  width: calc(50% - 20px);
}
.center_content {
  flex-basis: 40px;
  position: relative;
  display: grid;
}
.center_content:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 3px;
  background: var(--primary-blue);
  left: calc(50% - 2px);
}
.green_square {
  position: absolute;
  justify-self: center;
  display: block;
  height: 20px;
  width: 20px;
  background: var(--primary-blue);
  top: 0;
  border-radius: 50% ;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(14, 63, 126, 0.2);
  box-shadow: 0px 6px 6px 0px rgba(14, 63, 126, 0.2);
  border: 6px solid var(--white);
}


.inview.active {
  opacity: 1;
  transform: translateY(0px);
  transition: all 1s ease-out;
}
.inview {
  transform: translateY(40px);
  opacity: 0.3;
  transition: all 1s ease-out;
}
.right_content {
  flex-basis: auto;
  width: calc(50% - 20px);
  padding: 0 20px 80px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

p.event_year {
  font-weight: 800;
  color: var(--primary-blue)!important;
  font-size: 28px;
  margin-bottom: 20px;
}

.right_content p {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--text-p);
}
.right_content .headline {
  font-size: 24px;
  color: var(--dark_blue)!important;
}

.right_content img {
  width: fit-content;
  margin-bottom: 20px;
}

.single_event_wrapper:nth-child(even) .right_content {
  order: -1;
  align-items: flex-end;
  text-align: right;
}

.single_event_wrapper:nth-child(even) .left_content{
  order: 3;
}

.single_event_wrapper:nth-child(even) .right_content, .single_event_wrapper:nth-child(odd) .right_content{
border-top: 1px solid var(--border-grey);
    padding-top: 40px;
    margin-top: 14px;
}
/*********slider**************/

button.glide__bullet {
  box-shadow: none;
  background: var(--border-grey);
  height: 16px;
  width: 16px;
  pointer-events: none;
  cursor: default !important;
}
.glide__bullet--active {
  background-color: var(--primary-blue) !important;
}

/*****************feature slide***************/

.glide__slide{
  height: auto!important;
}

.feature_slide {
  display: flex;
  background: url("/assets/img/light_bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid var(--border-grey);
  border-radius: 40px;
  box-sizing: border-box;
}
.feature_slider.section_wrapper{
  padding-bottom: 0;
}

.feature_slide img{
width:320px;
height:auto;
}
.feature_slide .img_wrapper {
  padding: 80px 80px 0 0;
  display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
flex-basis: 50%;
min-width: 250px;
}

.feature_slide .text_wrapper{
  padding: 80px;
  padding-left: 140px;
  text-align: left;
  display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
flex-basis: 50%;
}

.feature_glide .glide__bullet.glide__bullet--active {
  width: 80px;
  border-radius: 50px;
  background: var(--border-grey)!important;
  position: relative;
}
.feature_glide .glide__bullet.glide__bullet--active:before {
content: "";
display: inline-block;
position: absolute;
height:100%;
width:0%;
background: var(--primary-blue);
animation: slide_duration 10s linear;
left: 0;
top: 0;
border-radius: 50px;
}
.feature_glide .glide__bullet{
transition-delay: 0s;
transition-timing-function: ease-in;
}

@keyframes slide_duration {
  0% {
      width: 0%;
  }
  100% {
      width: 100%;
  }
}
/*************kontakt seite********/

.info_headline p {
  font-weight: 800;
  font-size: 20px;
}

.big_number {
  font-size: 64px;
  font-weight: 200;
  font-family: "FK Display";
}

section.section_wrapper.weitere_steps {
  padding: var(--section-padding) 0;
  background: var(--light-blue);
  border-bottom: 1px solid var(--border-grey);
}

/*********************mobile menu**********************/

.has_submenu.accordion {
  border: 0 !important;
  margin: 0 !important;
}

.has_submenu .accordion__intro {
  padding: 0;
}
.has_submenu.accordion {
  background: none !important;
}

ul.submenu.accordion__content li a {
  font-size: 22px;
}
ul.submenu.accordion__content {
  padding: 0;
}
.has_submenu .accordion__content {
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.has_submenu.accordion__active .accordion__content {
  padding: 0;
  width: 100%;
  padding: 8px 0;
  border-radius: 8px;
}
.accordion__active .submenu {
  display: flex;
  flex-direction: column;
  position: relative;
  left: 0;
  /* padding: 12px; */
  border-radius: 0 8px 8px 8px;
  background: #112834;
  border: 1px solid var(--black);
  width: 100%;
  display: none;
  height: fit-content;
  width: fit-content;
  white-space: nowrap;
}

a.mobile_top_lvl {
  width: fit-content;
  font-size: 32px !important;
}
.legal_wrapper{
transform: translateY(35px);
position: relative;
opacity: 0;
transition: all 0.3s ease-in-out;
transition-delay: 0.3s;
display: flex;
gap: 20px;
}

.mobile_menu_content .menu_links{
display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.toggle_show .legal_wrapper{
  transform: translateY(0);
  position: relative;
  opacity: 1;
padding-top: 40px ;
  }

.mobile_menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  z-index: 999999999999;
  display: none;
}
.animation_wrapper {
  padding: 6px;
  background: var(--dark_blue);
  border-radius: 8px;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
}

ul.mobile_main_menu {
  display: flex;
  flex-direction: column;
}
.mobile_menu_content {
  height: 100dvh;
  height: 100vh;
  background: var(--black);
  width: 0vw;
  position: fixed;
  top: 0px;
  right: 0px;
  padding: 0;
  overflow: scroll;
  /* padding-top: 100px; */
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.5s;
}
.mobile_menu_content.toggle_show {
  height: 100vh;
  height: 100dvh;
  background: var(--dark_blue);
  width: 100vw;
  top: 0px;
  right: 0px;
  padding: 120px 120px 0 120px;
  transition-delay: 0s;
}

ul.mobile_main_menu li {
  transform: translateY(35px);
  position: relative;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.3s;
}
.toggle_show ul.mobile_main_menu li {
  transform: translateY(0px);
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.3s;
}

/******************************Responsive**********************/

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

  .feature_glide {
    margin: 0 40px;
}

  .feature_slide .text_wrapper{
    padding: 60px;
    padding-left: 60px;
  }

  section.section_wrapper.function_intro {
    margin-top: -120px;
}

  .contact_info{
    display:none;
  }
  .contact_info.open{
    display:flex;
  }
  .content_wrapper.dark_bg{
    border-radius: 0;
  }


  .section_wrapper.header_animate.vis {
    margin: 0px;
  }
}

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

  .single_team {
    grid-column: span 4 !important;
}

  .menu_active .logo_wrapper path{
    fill: var(--white)!important;
  }

  li.menu_item_link.has_submenu:after {
    height: 20px!important;
    width: 23px!important;
    top: 24px!important;
    font-size: 34px!important;
}

  .sticky li.menu_item_link.has_submenu:after {
    color: unset!important;
  }

  .mobile_main_menu {
gap: 0!important;
}


  ul.mobile_main_menu .menu_item_link {
    border-bottom: 1px solid #e0eaff29!important;
    border-radius: 0!important;
    padding: 8px 0;
}


  .dark_header .menu_item_link a, .sticky .menu_item_link a {
    color: var(--text-light)!important;
}
.dark_header .menu_item_link a:hover, .sticky .menu_item_link a:hover {
  color: var(--white)!important;
}

  .mobile_submenu img {
    height: 20px;
    width: 20px;
    background: var(--light-blue);
    padding: 6px;
    border-radius: 8px;
    border: 1px solid var(--border-grey);
}

  ul.mobile_submenu.accordion__content {
    display: flex;
    flex-direction: column;
}
ul.mobile_submenu li a {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 18px;
}
ul.mobile_submenu li a {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 18px;
}


  .has_submenu a.mobile_top_lvl{
    pointer-events: none!important;
  }

  .menu_item_link:hover .submenu {
    display: unset!important;
}
ul.submenu {
  display: block;
}

  a.mobile_top_lvl.active {
    color: var(--primary-blue);
}

a.mobile_top_lvl.active {
  color: var(--text-light);
}
a.mobile_top_lvl:hover {
  color: var(--white)!important;
}

  .testimonial_slide {
    display: flex;
    flex-direction: column;
}

  .widget.column_3,.widget.column_2, .comp_widget.column_5{
    grid-column: span 6!important;
  }

 
.logo_wall ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
}
.logo_wall li img {
  max-height: 60px;
  object-fit: contain;
}

  .case_card{
    grid-column: span 12!important;
  }

  .menu.sticky {
    transition: all 0.2s ease-in-out;
    height: 72px;
}


  .section_wrapper.numbered_list {
    padding: 0 !important;
  }
  .numbered_wrapper {
    grid-column-start: 1 !important;
  }

  .quote {
    font-size: 28px;
  }

  .dark_bg {
    padding: 40px;
  }

  .column_wrapper,
  .grid_container {

    gap: 40px;
  }

  .column_3 {
    grid-column: span 3;
  }

  :root {
    --section-padding: var(--padding-10);
    --layout-padding: var(--padding-5);
  }
  .menu_flex {
    display: none !important;
  }
  .mobile_menu {
    display: flex;
  }




  .glide__arrows {
    padding-right: 40px;
  }
  .text_bild .text_wrapper {
    padding: 0;
  }

  footer .column_2 {
    grid-column: span 3;
  }
  .column_5 {
    grid-column: span 6 !important;
  }
  footer .column_6 {
    grid-column: span 6 !important;
  }

  .column_4 {
    grid-column: span 6 !important;
  }
}

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

  .person_cta_wrapper{
    margin-top: 40px;
  }


  .cta_person img{
    display:block!important;
  }
  .leistungskachel h3{
    font-size: 32px;
  }

  .case_card.column_6 img {
    margin: 0 !important;
}

  .single_team {
    grid-column: span 6 !important;
}

  .header img {
    margin-top: 40px;
}



  .function_intro img {
    margin-bottom: -60px;
    height: calc(100% + 60px);
}

  .text_wrapper.center_text{
    max-width:unset!important;
  }

  .horizontal_switch .text_wrapper {
    padding-right: 40px;
}

  section#cta img {
    display: none;
}

  .cta_section .img_wrapper img {
    height: calc(100% + 40px);
    margin-bottom: -40px;
}

  .column_wrapper.left_right_switch {
    display: flex;
    flex-direction: column-reverse;
}

  .content_wrapper.dark_bg {
    padding: 60px 40px;
    width: unset !important;
}

  .leistungskachel .column_wrapper {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
}

  div#ansatz .column_wrapper {
    display: flex;
    flex-direction: column-reverse;
  }

  .section_wrapper.stichpunkte,
  .section_wrapper.stichpunkte.white_bg {
    padding-top: 0 !important;
  }

  .big_number_single {
    padding-top: 28px;
  }

  .text_bild .left_right_switch .text_wrapper {
    padding: 0;
  }

  .dark_bg {
    padding: 40px;
  }

  .stichpunkt_wrapper {
    padding: 24px;
  }

  .section_wrapper.header_animate.vis {
    margin: 0;
  }

  /* .text_bild img {
    aspect-ratio: 16/12 !important;
    object-position: top center;
  } */

  .column_3 {
    grid-column: span 2 !important;
  }

  .leistungs_wrapper {
    grid-template-columns: 1fr;
  }
  .column_5 {
    grid-column: span 6 !important;
  }
  .column_6 {
    grid-column: span 12 !important;
  }
  .column_4 {
    grid-column: span 6 !important;
  }

  #video{
    border-radius: 0!important;
    margin-top: 0!important;
  }

}

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

  .comp_widget.column_6{
    grid-column: span 12!important;
  }

  .leistungskachel h3{
    font-size: 28px;
  }

  .legal_content h2 {
    font-size: 32px;
}

  .steps_wrapper.column_wrapper.column_12 {
    row-gap: 40px !important;
}

  .single_case_content section {
    margin-top: 40px;
}

  .single_case_content section h2 {
    font-size: 28px;
}

  .info_wrap {
    flex-direction: column;
    align-items: flex-start;
}

  .horizontal_switch .text_wrapper{
    padding-right: 16px;
  }

  .wall_head p {
    text-align: center;
}

  .single_event_wrapper .right_content {
    order: 1 !important;
    align-items: flex-start!important;
    text-align: left;
    flex-basis: auto;
    width: calc(100% - 20px);
    text-align: left!important;
}

  .left_content{
    width: 0;
  }

  .single_event_wrapper:nth-child(even) .left_content {
    order: unset;
}

  .single_team .text_wrapper {
    padding: 12px 16px 16px 16px;
}

  .single_team h3 {
    font-size: 16px;
}
.single_team .text {
  font-size: 14px;
}

  .team_wrapper.column_wrapper.column_12 {
    gap: 16px !important;
}

  .column_4.single_team {
    grid-column: span 6!important;
}

  .feature_glide .glide__bullet.glide__bullet--active{
    width: 40px;
  }

  .feature_slide img {
    width: 220px;
  }

  .feature_slide .text_wrapper {
    padding: 20px;
}

  .glide__slide {
    flex-direction: column;
}
.feature_slide .img_wrapper{
  padding-top: 0;
}
.feature_glide {
  margin: 0 20px;
}




  .testimonial_slide {
    padding: 24px;
  }

  .function_info_prev {
     margin-bottom: 0;
}

  p.testimonial {
    font-size: 18px;
    padding-bottom: 16px;
  }

  .case_card a {
    flex-direction: column;
}

  .content_wrapper.dark_bg {

    margin: 0 0px !important;
}


  .mobile_menu_content.toggle_show {
    padding: 120px 16px 40px 16px;
  }
  a.mobile_top_lvl {
    width: fit-content;
    font-size: 32px;
  }
  #Kurse .single_eintrag {
    padding: 40px;
  }

  .single_eintrag {
    padding: 40px 16px 40px 0px;
    gap: 16px !important;
  }

  p.number_cout {
    left: -5px;
  }

 


  .section_wrapper.header_start {
    height: unset;
    padding: 120px 0 !important;
    min-height:unset!important;
    text-align: left !important;
  }
  .header_start .content_wrapper {
    align-items: flex-start;
  }

  .grad_overlay {
    background: rgb(37, 79, 100);
    background: linear-gradient(
        326deg,
        rgba(37, 79, 100, 0) 62%,
        rgba(41, 90, 114, 1) 100%
      ),
      radial-gradient(
        circle at 0% -61%,
        rgba(0, 34, 51, 0) 28%,
        rgba(0, 34, 51, 1) 55%,
        rgba(41, 90, 114, 1) 100%
      );
  }

  .branchen.column_12 {
    padding-top: 40px;
    gap: 40px 0;
  }

  #scrolltop {
    right: 16px !important;
    bottom: 16px !important;
  }
  #scrolltop a {
    width: 40px !important;
    height: 40px !important;
    font-size: 24px !important;
    line-height: 40px !important;
  }

  .case_text {
    flex-direction: column;
    gap: 16px;
    padding: 24px 0 0px 0px;
}

  a.big_mail {
    font-size: 28px !important;
  }

  .column_wrapper,
  .grid_container {
    column-gap: 0px !important;
  }

  .footer_copy_wrapper {
    padding: 10px 0 !important;
  }

  :root {
    --section-padding: var(--padding-5);
    --layout-padding: var(--padding-5);
  }
  footer .column_2 {
    grid-column: span 6 !important;
  }

  .dark_bg {
    padding: 40px 24px;
  }
  .column_4 {
    grid-column: span 12 !important;
  }
  .column_5 {
    grid-column: span 12 !important;
  }
  .column_6 {
    grid-column: span 12 !important;
  }
  .column_8 {
    grid-column: span 12 !important;
  }
}

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

  .header_start h1 {
    font-size: 40px;
}

  p.testimonial_beruf {
    font-size: 14px;
}

  .no_bg_icon .icon_card img {
    width: 40px;
}

  .person_cta_wrapper{
flex-direction: column;;
  }



  .column_4.single_team {
    grid-column: span 12!important;
}

  .leistungskachel h3{
    font-size: 24px;
  }

  .cta_section {
    margin: 0 16px;
  }

  .single_team h3 {
    font-size: 20px;
}
.single_team .text {
  font-size: 16px;
}

  .feature_slide .text_wrapper {
    padding: 24px;
}


  .feature_glide {
    margin: 0 16px;
}

  .header {
    padding-top: var(--padding-15) !important;
  }

  .function_intro img {
    margin-bottom: -48px;
    height: calc(100% + 48px);
}

  .contact_info {
    width: calc(100% - 16px);
  }

  .accordion__intro p {
    font-size: 16px!important;
  }

.vorteil_slide, .single_vorteil {
    padding: 24px 24px 28px 24px;
}

  .widget.column_3,.widget.column_2, .comp_widget.column_5{
    grid-column: span 12!important;
  }

  .comp_widget.column_5 {
    grid-column: span 12 !important;
}

  .cta_section .img_wrapper img {
    height: calc(100% + 32px);
    margin-bottom: -32px;
}
  article section {
    padding-top: 40px;
  }

  #Kurse .single_eintrag {
    padding: 24px;
    margin-bottom: 40px;
  }
  #Kurse h2 {
    margin-bottom: 0;
  }
  .leistungskachel {
    padding: 16px;
  }


  .quote {
    font-size: 22px;
  }
  p.author_text {
    font-size: 15px;
  }

  p.section_headline {
    width: fit-content;
    margin-bottom: 16px;
    color: var(--green) !important;
  }

  .dark_bg {
    padding: 24px;
  }

  .glide__arrows {
    padding-right: 16px;
  }

  h3.case_headline {
    font-size: 22px;
    padding: 0;
  }

  .stichpunkt_wrapper {
    padding: 16px;
  }



  :root {
    --section-padding: var(--padding-5);
    --layout-padding: var(--padding-2);
  }
  .column_3 {
    grid-column: span 12 !important;
  }

  footer .column_2 {
    grid-column: span 12 !important;
  }
}