/* -- Remove Stuff / Resests -- */

*{
	-webkit-tap-highlight-color: transparent;
}
.breadcrumb-trail{
	display: none;
}
p{
		margin: 0;
}
#clever-scale-mobile{
	display: none;
}
.panel-grid.test-active {
    border: 5px solid red; 
}

*:focus,
*:active{
	border:none;
}

/* -- Resets Ende -- */

@font-face {
  src: url('/wp-content/uploads/2024/08/Outfit-Light.woff');
  font-family:'Outfit';
  font-style: normal;
  font-weight: 300;
}
@font-face {
  src: url('/wp-content/uploads/2024/08/Outfit-Regular.woff');
  font-family:'Outfit';
  font-style: normal;
  font-weight: 400;
}
@font-face {
  src: url('/wp-content/uploads/2024/08/Outfit-Medium.woff');
  font-family:'Outfit';
  font-style: normal;
  font-weight: 500;
}
@font-face {
  src: url('/wp-content/uploads/2024/08/Outfit-SemiBold.woff');
  font-family:'Outfit';
  font-style: normal;
  font-weight: 600;
}
@font-face {
  src: url('/wp-content/uploads/2024/08/Outfit-Bold.woff');
  font-family:'Outfit';
  font-style: normal;
  font-weight: 700;
}

html,body{
	font-size: 18px;
	font-weight: 400;
	font-family: 'Outfit', sans-serif;
	color: #142C3D;
}
.post-password-form{
	margin-top: 100px;
}

#content{
	min-height: calc(100vh - 220px);
	hyphens: auto;
}
.break {
  flex-basis: 100%;
  height: 0;
}

.textmarker{
	position: relative;
  z-index: 0;
}
.textmarker::before{
	position: absolute;
  background: #70f74fa3;
  display: block;
  content: '';
  left: -3px;
  top: 0;
  width: calc(100% + 6px);
  height: 100%;
  z-index: -1;
	clip-path: polygon(1% 12%, 5% 13%, 15% 6%, 45% 3%, 46% 9%, 74% 0, 87% 6%, 92% 15%, 94% 16%, 100% 11%, 99% 100%, 0 100%);
}
.textmarker::after {
    position: absolute;
    background: #ffffff;
    display: block;
    content: '';
    left: -4px;
    top: -1px;
    width: calc(100% + 8px);
    height: calc(100% + 2px);
    z-index: -1;
		transform: scaleX(1);
    transform-origin: right;
}
.textmarker.animation::after {
    transform: scaleX(0);
		transition: all 1s;
}

.tg-container {
	max-width: 1300px;
}
.font-lvl-1,
.font-lvl-1 h1,
.font-lvl-1 h2,
.font-lvl-1 p{
	font-size: 48px;
	font-weight: 500;
	line-height: 105%;
		margin-bottom: 15px;
}
.font-lvl-2,
.font-lvl-2 h1,
.font-lvl-2 h3,
.font-lvl-2 p{
	font-size: 40px;
	font-weight: 500;
	line-height: 120%;
}
.font-lvl-3,
.font-lvl-3 p{
	font-size: 28px;
	font-weight: 500;
}
.font-lvl-4,
.font-lvl-4 p{
	font-size: 20px;
	font-weight: 400;
		color: #46a3cc;
}
.registered{
	position: relative;
}
.registered::after {
    content: '\00AE';
    font-size: 0.7em;
    position: absolute;
    top: -8px;
}
a{
	color: inherit;
}
.textwidget a{
	color: #4BA4D0;
	text-decoration: underline;
		
}
.read-more-link,
.read-less-link{
		display: block;
	text-decoration: underline;
		cursor: pointer;
}
.read-more-btn,
.read-less-btn{
		display: block;
	text-decoration: underline;
	cursor: pointer;
	background: none;
	padding: 20px 0;
}
@media (max-width: 768px){
		.hide-mobile{
			display: none !important;
		}
}
@media (min-width: 769px){
		.hide-desktop{
			display: none !important;
		}
}
.headline-underline{
	position: relative;
		z-index: 1;
}
.headline-underline::after{
	display: block;
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 10px;
		background: url(/wp-content/uploads/2024/08/underline.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		z-index: -1;
}
.headline-underline.long::after{
		background-image: url(/wp-content/uploads/2024/08/underline-long.svg);
}
.headline-underline.short::after{
	background-image: url(/wp-content/uploads/2024/08/underline-short.svg);
}
.headline-underline.small::after{
		background-image: url(/wp-content/uploads/2024/11/underline-small.svg);
}
.headline-underline.small::after{
	background-image: url(/wp-content/uploads/2024/11/underline-small.svg);
}


/* -- Nav -- */

.sticky-wrapper{
	margin: 20px 0;
}
#masthead {
    z-index: 99 !important;
		position: relative;
		opacity: 0;
}
.sticky-wrapper.is-sticky #masthead{
	background: #fff;
}
header .logo{
	padding: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-radius: 12px 0 0 12px;
}

header .logo .logo-image{
	padding: 0;
}

header .logo .logo-image a img {
    padding: 0;
    max-height: 45px;
    max-width: none;
    height: 100%;
}

#site-navigation {
    float: none;
		width: 100%;
		border-radius: 0 12px 12px 0;
}

#site-navigation .menu.nav-menu {
	display: flex;
		align-items: center;
    justify-content: flex-end;
}

#site-navigation ul li {
    padding: 0;
		cursor: pointer;
}
#site-navigation ul li a{
		cursor: pointer;
		font-size: 16px;
		line-height: 1;
}

.burger-menu{
	display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 80px;
  flex-direction: column;
  gap: 10px;
  background: #F2F2F2;
  padding: 0 25px;
  border-radius: 0 12px 12px 0;
}

.burger-span{
	display: block;
  background: #262325;
  width: 100%;
  height: 5px;
  border-radius: 12px;
}

.sub-toggle{
	display: none;
}
.menu-item a{
	height: 80px;
	padding: 20px 20px;
	display: flex;
  justify-content: center;
  align-items: center;
}
.menu-item a:has(.nav-tel),
.menu-item a:has(.nav-mail),
.menu-item a:has(.nav-contact){
	padding: 20px 40px;
}
.menu-item a:has(.nav-contact){
	background: #4BA4D0;
	color: #fff !important;
	border-radius: 46px;
	height: auto;
	padding: 15px 24px;
	width: auto;
	box-shadow: 0 22px 17px -17px rgba(14,105,169,0.5);
}

@media (max-width: 767px) {
		.menu-item a:has(.nav-contact){
			background: transparent;
			color: #262325 !important;
			border-radius: 0;
			height: auto;
			padding: 15px 24px;
			width: auto;
			box-shadow: none;
		}
}

.nav-tel,
.nav-mail,
.nav-contact{
	position: relative;
	font-size: 16px;
}

.menu-item a:has(.nav-tel),
.menu-item a:has(.nav-mail){
	background: #F2F2F2;
}
.menu-item a:has(.nav-tel){
	width: calc(100% + 10px);
}
.nav-tel::after,
.nav-mail::after{
	display: block;
		position: absolute;
		left: -50px;
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
		background-position: 100% center;
		background-size: contain;
		background-repeat: no-repeat;
		content: '';
}
.nav-tel::after{
	background-image: url('/wp-content/uploads/2024/04/icon-tel.png');
}
.nav-mail::after{
	background-image: url('/wp-content/uploads/2024/04/icon-mail.png');
}
.menu-item a:has(.nav-mail){
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
#site-navigation .menu.nav-menu li:has(.nav-tel),
#site-navigation .menu.nav-menu li:has(.nav-mail){
	flex-grow: 1;
}

#site-navigation ul li.current-menu-ancestor > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current_page_item > a,
#site-navigation ul li.current_page_ancestor > a{
		color: #262325;
		text-decoration: none;
}
#site-navigation ul li:has(.nav-contact):hover > a {
	background: #64b3d9;
		color: #fff;
}

.header-sticky .is-sticky .header-bottom {
    background: none;
    box-shadow: none;
}

.header-sticky .is-sticky #masthead{
	margin-top: 0;
}
.header-sticky .is-sticky .logo,
.header-sticky .is-sticky .menu-item a,
.header-sticky .is-sticky .burger-menu {
	/*box-shadow: 0px 2px 5px #00000026;*/
}
.header-sticky .is-sticky .sub-menu a{
	box-shadow: none;
}

header .logo,
.burger-menu{
	transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}


.header-sticky .is-sticky .logo,
.header-sticky .is-sticky .menu-item a:has(.nav-mail),
.header-sticky .is-sticky .menu-item a:has(.nav-contact),
.header-sticky .is-sticky .burger-menu{
	
}

#site-navigation ul.sub-menu{
	  left: 0;
    transform: none;
    background: #f2f2f2;
    box-shadow: none;
    border-radius: 0 0 12px 12px;
    border: 1px solid #e2e2e2;
    border-top: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: auto;
    min-width: 300px;
}

#site-navigation ul.sub-menu li{
	  display: flex;
    justify-content: flex-start;
		padding: 0;
}

#site-navigation ul.sub-menu a{
	  color: #262325;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
    height: auto;
    width: 100%;
    justify-content: flex-start;
    padding: 40px 20px;
    border-bottom: 1px solid #e2e2e2;
}
#site-navigation ul.sub-menu li:nth-last-child(1) a{
	  border:none;
}
#site-navigation ul.sub-menu li:hover > a {
    color: #262325;
}

/* -- Nav End -- */

/* -- Footer -- */



#top-footer{
	padding: 100px 0;
	background: url(/wp-content/uploads/2024/08/line-footer.svg), #142C3D;
		background-repeat: no-repeat;
		background-position: 0%;
		background-size: contain;
		color: #fff;
		border-radius: 40px 40px 0 0;
}
#bottom-footer{
	display: none;
}
#top-footer ul{
	display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
		
}
#top-footer .widget ul li{
	padding: 0;
}
#top-footer .widget ul li:after{
	display: none;
}
#top-footer .widget{
	margin-bottom: 0;
}
#top-footer .widget ul li,
#top-footer .widget ul li a {
    font-size: 16px;
    color: #fff;
}
#top-footer .tg-column-wrapper .tg-column-4 {
    min-height: 1px;
}
#top-footer .bc-button.bc-button-inverted{
    border-radius: 46px;
    height: auto;
    width: auto;
    font-weight: 400;
    text-shadow: none;
    border: none;
    line-height: 1;
		color: #142C3D !important;
    background: #fff !important;
		padding: 16px 40px;
    box-shadow: 0 22px 17px -17px rgba(20, 44, 61, 0.5);
    font-size: 18px;
}
#top-footer p{
	margin: 10px 0 20px;
}
.footer-block:nth-child(1) img{
		height: 40px;
		width: auto;
}
.footer-block:nth-child(4) .wp-block-image{
		margin: 0;
}

.footer-block:nth-child(4) img{
		height: 40px;
		width: auto;
		padding: 0;
		margin: 25px 0 0;
}

/* -- Footer End -- */


.head-row .font-lvl-1 h1,
.head-row .font-lvl-2 p,
.head-row .font-lvl-3 p{
	font-weight: 500;
}
.head-row .font-lvl-2 p,
.head-row .font-lvl-3 p{
	text-align: center;
}
.head-row .font-lvl-3.digital-mentor p{
	font-size: 28px;
}
.head-column-1 .font-lvl-1,
.head-column-1 .font-lvl-1 h1{
	margin: 0;
}
.w500{
	font-weight: 500;
}
.w600{
	font-weight: 600;
}
.so-widget-sow-button{
	font-weight: 600;
}

#head-row-1 .panel-grid-cell:has(.head-column-1){
	width: calc(100% - 511px - 20px);
}
.head-column-1{
	display: flex;
	justify-content: center;
	align-items: center;
}
#head-row-1 .head-column-1{
	text-align: center;
	background: rgb(243,248,252);
/*background: url(/wp-content/uploads/2024/08/line-hero-tile-1.svg), linear-gradient(180deg, rgba(243,248,252,1) 27%, rgba(198,225,241,1) 100%);*/
}
#head-row-1 .panel-grid-cell:has(.head-column-2){
	width: 511px;
}
#head-row-2{
		border-radius: 12px;
		/*display: flex;*/
}
#head-row-3{
		gap: 20px;
}
#head-row-3 > div{
		width: 50%;
}
#head-row-3 .head-column-1{
	justify-content: center;
	flex-direction: row;
	background: rgb(230,241,248);
background: linear-gradient(180deg, rgba(230,241,248,1) 0%, rgba(243,248,252,1) 100%);
	border-radius: 12px;
}
#head-row-3 .head-column-2{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
}
.digital-mentor{
	position: relative;
}
.digital-mentor::after{
		content: '';
	display: block;
	position: absolute;
	width: calc(100% - 10px);
	height: 20px;
	background: url(/wp-content/uploads/2024/08/underline-hero-tile-5.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -8px;
	left: 10px;
		
}

/* -- Wer wir sind -- */

#social-row{
	justify-content: space-between;
}
.social-subhead{
	margin-bottom: 80px;
	font-size: 20px;
	max-width: 800px;
}
.social-subhead a{
	text-decoration: underline;
		color: #4BA4D0;
}
.social-column{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 40px;
	border-radius: 12px;
	position: relative;
	transition: all 0s !important;
	border: 1px solid #EBECF0;
	box-shadow: 0 1px 2px rgba(16,24,40,0.05);
  cursor: pointer;
}
.social-column:hover{
	box-shadow: 0 5px 5px rgba(16, 24, 40, 0.05);
}
.social-column:hover .read-more-link::after{
	right: -25px;
	transition: all 0.3s ease-out
}
#social-row > .panel-grid-cell:has(.active) .social-column{
	background: #DEF0FF;
}
.social-img-big{
	display: none;
	opacity: 0;
}
.social-img-small{
	width: calc(100% + 80px);
	position: relative;
	top: -40px;
	left: -40px;
	border-radius: 12px 12px 0 0;
	margin-bottom: 20px;
	overflow: hidden;
}
.social-img-small a::before{
		content: 'LinkedIn';
		display: flex;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #0866c3;
		left: 0;
		top: 0;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		font-weight: 500;
		color: #fff;
		text-decoration: underline;
		opacity: 0;
		transition: all 0.2s ease;
}
.social-img-small:hover a::before{
		opacity: 0.8;
}
.social-img-small img{
	padding: 0;
}

.social-position{
	color: #49a3cf;
	font-weight: 400;
	font-size: 16px;
}

.social-name{
	font-weight: 500;
	font-size: 24px;
}
.social-subtitle{
	font-size: 16px;
		font-weight: 400;
		margin-bottom: 15px;
		color: #808792;
}
.social-txt{
	font-size: 16px;
	line-height: 1.3;
}
.social-icon img{
	width: 45px;
	position: relative;
	display: none !important;
}


.social-close{
	display: none;
}
#social-row > .panel-grid-cell:has(.active) .social-close {
	display: flex;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 10px;
	right: 10px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.social-txt .read-more-container{
	margin: 10px 0;
		pointer-events: none;
}
.social-txt .read-more-link{
    line-height: 1;
	justify-content: flex-start;
}

.social-link{
	text-align: right;
	text-decoration: underline;
	margin-bottom: 50px;
	position:relative;
		display: none;
}
.social-link::after{
	    display: none;
    position: absolute;
    top: -220px;
    right: -90px;
    content: '';
    background-image: url(/wp-content/uploads/2024/06/arrow-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 250px;
		pointer-events: none;
}
.wer-cta-img{
	text-align: right;
		border-radius: 10px;
	overflow: hidden;
}
/* -- Wer wir sind ENDE -- */
#was-wir-tun{
	align-items: stretch !important;
		margin-bottom: 100px;
}
.herausforderungen-2{
	background: url(/wp-content/uploads/2024/08/tile-line.svg), #F3F8FC;
		background-repeat: no-repeat;
		background-position: center;
		padding: 72px;
		
}
.herausforderungen-2 p{
	text-align: center;
		max-width: 500px;
}
.herausforderungen-container{
	align-items: stretch !important;
}
.herausforderungen-pillen-container > .panel-layout{
	display: flex;
		flex-direction: column;
		gap: 10px;
}
.herausforderungen-pillen-container .panel-grid-cell:has(.herausforderungen-pille){
	display: flex;
	gap: 10px;
	justify-content: center;
}
.herausforderungen-pille{
	background: #fff;
	border-radius: 46px;
	padding: 16px 32px;	
}
.herausforderungen-intro{
	width: 100%;
		max-width: 390px;
}
.herausforderungen-2 > div:has(.herausforderungen-intro){
	display: flex;
		justify-content: center;
}
.herausforderungen-intro p{
	width: 100%;
}
.bc-button .ow-button-base{
		display: flex;
	justify-content: flex-end;
}
.section-line{
	width: calc(100% + 30px);
		height: 4px;
		background-color: #2E2928;
		margin-top: 10px;
}
.problem-box{
	padding: 40px;
		background: #F2F2F2;
		display: block;
}
.problem-mobile{
	margin-bottom: 10px;
	border-radius: 10px;
		overflow: hidden;
}
#probleme .font-lvl-2{
	font-weight: 600;
}
.panel-grid:has(.problem-box){
	gap: 20px;
}
.panel-grid-cell:has(#problem-box-2),
.panel-grid-cell:has(#problem-box-3){
	width: auto;
		flex-grow: 1;
}
.panel-grid-cell:has(#problem-box-5),
.panel-grid-cell:has(#problem-box-6),
.panel-grid-cell:has(#problem-box-7){
	width: auto;
}
.panel-grid-cell:has(#problem-box-img){
	width: 40%;
}
.panel-grid-cell:has(#problem-box-1){
	width: 60%;
}
.probleme-ul .dienstleistungen-ul{
	margin: 20px 0 50px 0;
}
.probleme-ul .textmarker::before{
	background: #ffb34396;
}
#probleme > .panel-grid-cell:has(#problem-box-1){
	width: 100%;
}
#probleme > .panel-grid-cell:has(#problem-container){
	width: calc(84% - ( 0.16 * 30px ) );
		flex-grow: 0;
}

#main .bc-button .so-widget-sow-button a {
	background: #4BA4D0;
	color: #fff !important;
	border-radius: 46px;
	height: auto;
	padding: 25px 48px;
	width: auto;
	box-shadow: 0 22px 17px -17px rgba(14, 105, 169, 0.5);
	font-size: 22px;
	font-weight: 400;
	text-shadow: none;
	border: none;
	line-height: 1;
}
#main .bc-button.bc-button-inverted .so-widget-sow-button a {
		color: #205E84 !important;
		background: #fff !important;
}


.bc-button .so-widget-sow-button a::before {
    content: '';
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    background: #64b3d9;
    right: 10px;
    top: calc(50% - 25px);
    border-radius: 12px;
		transition-delay: 0s;
		transition-duration: 0.3s;
		transition-property: all;
		transition-timing-function: ease-in-out;
}
.bc-button.bc-button-inverted .so-widget-sow-button a::before {
    background: #fff;
}

.bc-button .so-widget-sow-button a::after {
    content: '';
    display: none !important;
    position: absolute;
    display: block;
    top: calc(50% - 12px);
    right: 23px;
    background-image: url(/wp-content/uploads/2024/06/button-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.bc-button.bc-button-inverted .so-widget-sow-button a::after {
   	filter: brightness(0) saturate(100%) invert(66%) sepia(88%) saturate(413%) hue-rotate(170deg) brightness(91%) contrast(86%);
}



@keyframes glow {
      from {
    background: #fff;
    border-color: #ffffff;
  }
    25% {
    background: whitesmoke;
    border-color: whitesmoke;
  }
     50% {
   background: whitesmoke;
    border-color: whitesmoke;
  }
      to {
    background: #fff;
    border-color: #ffffff;
  }
}
@keyframes arrow-move {
      from {
    right: 22px;
  }
    25% {
    right: 15px;
  }
    50% {
    right: 22px;
  }
      to {
    right: 22px;
  }
}
#main .bc-button a:hover{
	  -webkit-box-shadow: inset 0px 3px 10px 0px rgba(0,0,0,0.15); 
box-shadow: inset 0px 3px 10px 0px rgba(0,0,0,0.15);
}
.bc-button a:hover::before{
	   -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
}
.bc-button a:hover::after{
		
}
.problem-box{
	text-align: center;
		border-radius: 12px;
		font-size: 24px;
		font-weight: 500;
}
.panel-grid:has(#problem-box-img){
	align-items: stretch;
}
.so-panel:has(#problem-box-img){
	height: calc(100% - 20px);
}
#problem-box-img{
	height: 100%;
	overflow: hidden;
}
#problem-box-img img{
	min-height: 100%;
   width: auto;
   max-width: none !important;
}
.dienstleistungen-box{
	padding: 30px 20px;
	background: #def0ff;
	border-radius: 12px;
	font-size: 16px;
}
#dienstleistungen-container .panel-grid{
	align-content: stretch;
	align-items: stretch;
	gap:  20px;
}
#dienstleistungen-container .panel-grid-cell{
	flex-grow: 1;
	flex-basis: content;
}
#dienstleistungen-container .panel-grid-cell:has(#dienstleistungen-individuell){
	flex-grow: 0;
}
#dienstleistungen-individuell{
	background: #f6fbff;
	border: 2px dotted #b1dcff;
}
.zitat-sm{
	
}


.star-container{
	  display: flex;
    padding: 0 0 30px 0;
    gap: 5px;
}
.star{
	width: 20px;
  height: 20px;
	background: #46A3CC;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.read-more-container,
.read-less-container{
		display: flex;
	border-radius: 12px;
}
.read-more-link,
.read-less-link{
  font-size: 18px;
	font-weight: 400;
	text-decoration: none !important;
	color: #4BA4D0;
	position: relative;
}
.read-more-link:hover,
.read-less-link:hover{
	color: #4BA4D0;
}
.read-more-link::after,
.read-less-link::after{
  position: absolute;
		display: block;
		content: '';
		background: url(/wp-content/uploads/2024/08/chevron-icon.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 18px;
		height: 18px;
		top: 0px;
		right: -20px;
}
.review .read-more-link::after,
.review .read-less-link::after{
		top: 5px;
}
.read-more-btn,
.read-less-btn{
  font-size: 18px;
	font-weight: 400;
	text-decoration: none !important;
	color: #4BA4D0;
	position: relative;
	background: none;
	margin-bottom: 20px;
}
.read-more-btn:hover,
.read-less-btn:hover{
	color: #4BA4D0;
}
.read-more-btn::after,
.read-less-btn::after{
  position: absolute;
		display: block;
		content: '';
		background: url(/wp-content/uploads/2024/08/chevron-icon.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 18px;
		height: 18px;
		top: 0px;
		right: -20px;
}
.review .read-more-btn::after,
.review .read-less-btn::after{
		top: 17px;
}
.review .read-more-btn::before,
.review .read-less-btn::before{
		position: absolute;
		display: block;
		content: '';
		background: #EBECF0;
		width: 52px;
		height: 1px;
		bottom: 0;
		left: 0;
}
.review-stars{
	text-align: left;
}
.review-stars img{
	width: 120px;
}
.review > .panel-grid-cell{
	position: relative;
}

.review-content{
	background: #fff;
	flex-direction: column;
	border-radius: 12px;
	padding: 48px;
	box-shadow: 0 41px 42px -32px rgba(30, 80, 110, 0.3);
	height: 100%;
	justify-content: flex-start !important;
}
.review-content > div{
	width: 100% !important;
}
.review-img-container{
		display: flex;
	flex-direction: column;
	position: relative;
	padding-left: 80px;
		padding-bottom: 20px;
	margin-bottom: 15px;
}
.review-img-container::after{
	display: block;
		content: '';
		width: 50px;
		height: 1px;
		background: #EBECF0;
		bottom: 0px;
		left: 0;
		position: absolute;
}
.review-img{
		width: 64px;
	height: 64px;
	position: absolute;
	left: 0;
	top: 0;
		border-radius: 8px !important;
	overflow: hidden;
}
.review-img img {
		max-width: 110%;
	max-height: 110%;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
}
.review-author-1,
.review-author-2,
.review-author-3{
		font-size: 16px;
	line-height: 1.3;
}
.review-author-2{
	color: #46A3CC;
}
.review-core{
		font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
		line-height: 1.1;
}
.review .panel-layout .panel-grid:has(.review-content){
	max-width: calc(33.33% - 40px / 3);
	width: calc(33.33% - 40px / 3);
	min-width: calc(33.33% - 40px / 3);
	scroll-snap-align: start;
}
.review .panel-layout:has(.review-content){
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		gap: 20px;
		align-items: stretch;
		padding-bottom: 50px;
		transition: 0.2s ease;
}

.review .read-more-link,
.review .read-less-link{
	margin: 20px 0;
	padding-bottom: 20px;
		position: relative;
}
.review .read-more-link::before,
.review .read-less-link::before{
	display: block;
		content: '';
		width: 50px;
		height: 1px;
		background: #EBECF0;
		bottom: 0px;
		left: 0;
		position: absolute;
}
.review-txt-container{
	padding-top: 20px;
}



.review button.prev-arrow,
.review button.next-arrow {
    position: absolute;
    top: 300px;
    transform: translateY(-50%);
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
		background: none;
		display: flex;
		justify-content: center;
		align-items: center;
}

.review button.prev-arrow {
    left: -70px;
}

.review button.next-arrow {
    right: -70px;
}
.review button.prev-arrow img,
.review button.next-arrow img {
    width: 48px;
		height: 48px;
}

.review button.next-arrow img {
    transform: rotate(180deg);
}


.services{
	background: rgb(230,241,248);
	background: linear-gradient(180deg, rgba(230,241,248,1) 0%, rgba(246,250,252,1) 100%);
}
.services > div {
	background: #fff;
	padding: 56px;
}

#so-starten-wir-gemeinsam{
	background: rgb(246,250,252);
background: linear-gradient(180deg, rgba(246,250,252,1) 0%, rgba(248,251,253,1) 100%);
}
.clever-scale{
	background: rgb(248,251,253);
background: linear-gradient(180deg, rgba(248,251,253,1) 0%, rgba(255,255,255,1) 100%);
}
.perks-row{
	gap: 10px;
	align-items: stretch !important;
}
.perks-row > div{
	width: 25%;
	min-width: 25%;
	max-width: 25%;
		
}
.perk{
		display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
		background: #F3F8FC;
		padding: 24px 12px;
		border-radius: 12px;
		gap: 5px;
}
.services-trenner{
	margin: 30px 0;
		position: relative;
		display: flex;
		justify-content: center;
}
.services-trenner .textwidget{
	width: fit-content;
		background: #fff;
		z-index: 1;
		font-size: 14px;
		font-weight: 600;
		color: #46A3CC;
		position: relative;
		padding: 10px 30px;
}
.services-trenner::after{
	display: block;
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		background: #46A3CC;
		z-index: 0;
}







.dienstleistungen-ul li{
	font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px !important;
}

.benefits-box{
	background: #262325;
	color: #fff;
	padding: 60px 150px 60px 40px;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.benefits-box .widget-title{
	font-size: 24px;
	margin-bottom: 10px;
}
#benefits .panel-grid{
	gap: 20px;
	align-items: stretch;
	justify-content: stretch;
}
#benefits .panel-grid-cell{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	align-items: stretch;
	gap: 20px;
}
#benefits .panel-grid-cell > div{
	flex-grow: 1;
}
.benefits-box::after {
  content: "";
	position: absolute;
	background-size: contain;
	opacity: 0.6;
	background-repeat: no-repeat;
}
#benefits-1{
	height: 200px;
}
#benefits-2{
	height: 200px;
}
#benefits-3{
	height: 200px;
}
#benefits-4{
	height: 200px;
}
#benefits-1::after{
	background-image: url('/wp-content/uploads/2024/04/gruender-dna-e1713523718700.png'); 
		top: -30px;
	right: -30px;
	width: 150px;
	height: 100%;
}
#benefits-2::after{
	background-image: url('/wp-content/uploads/2024/04/operative-exzellenz-e1713523761764.png'); 
	top: -35px;
	right: -20px;
	width: 170px;
	height: 100%;
}
#benefits-3::after{
	background-image: url('/wp-content/uploads/2024/04/clever-scale-methode-e1713523683382.png'); 
	bottom: 0;
	right: -50px;
	width: 270px;
	height: 100%;
	background-position: 100% 100%;
}
#benefits-4::after{
	background-image: url('/wp-content/uploads/2024/04/netzwerk-e1713523742434.png'); 
	top: -30px;
	right: -10px;
	width: 150px;
	height: 100%;
}

.read-link{
	position: absolute;
	bottom: -35px;
	font-style: italic;
	right: 90px;
}

.cta-img img{
	border-radius: 12px;
}
.cta-row{
	justify-content: stretch !important;
	align-items: stretch !important;
	gap: 30px;
	background: rgb(255,255,255);
background: url(/wp-content/uploads/2024/08/cta-line.svg), linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,241,248,1) 100%);
		background-size: contain;
		background-repeat:no-repeat;
		background-position: center;
}
.cta-row .bc-button .ow-button-base{
	justify-content: flex-start;
		margin: 20px 0;
}
.cta-row .textwidget{
	margin-bottom: 20px;
}
.cta-txt{
padding-right: 110px;
}

.service-box{
		padding: 0 50px 0 80px;
		margin-bottom: 10px;
		position: relative;
		height: 80px;
		display: flex;
		align-items: center;
		font-size: 20px;
		font-weight: 400;
		border-bottom: 1px solid #EBECF0;
}

.service-box::after{
	content: '';
	width: 26px;
	height: 26px;
	position: absolute;
	left: 29px;
	top: calc(50% - 13px);
	display: block;
	background-image: url('/wp-content/uploads/2024/08/check-circle-icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.services .panel-layout .panel-grid-cell:has(.service-box){
	width: 50% !important;
}
.services .panel-layout .panel-grid-cell .panel-last-child .service-box{
	border:none;
}
.no-border{
	border:none !important;
}
.process{
	background: rgb(248,251,253);
background: linear-gradient(180deg, rgba(248,251,253,1) 0%, rgba(255,255,255,1) 100%);
		margin-bottom:100px;
}


.process-step{
	border-radius: 12px;
    background: #fff;
    border: 1px solid #EBECF0;
    padding: 40px 150px 30px 40px;
}
.process-step-number{
	border-radius: 50px;
	border: 1.5px solid #46A3CC;
	padding: 10px 20px;
	color: #46A3CC;
	width: fit-content;
	line-height: 1;
	font-weight: 600;
	font-size: 13px;
}
.process-step-txt{
	margin: 10px 0;
}
.process-success{
	background-repeat: no-repeat !important;
	background-size: contain;
	background-position: center;
	color: #fff;
}
.process-success .process-step-number{
	color: #fff;
		border-color: #fff;
}
#main .process-success .bc-button .so-widget-sow-button a{
	padding: 16px 40px;
	box-shadow: 0 22px 17px -17px rgba(20, 44, 61, 0.5);
	font-size: 18px;
}
#main .process-success .bc-button .ow-button-base{
	justify-content: flex-start;
}

.process-trenner{
	position: relative;
	margin: 30px 0;
}
.process-trenner .textwidget{
	width: fit-content;
	padding: 10px 80px 10px 40px;
	position: relative;
	display: inline-block;
	z-index: 1;
	color: #46A3CC;
	font-weight: 600;
	font-size: 14px;
}
.process-trenner .textwidget::after{
	position: absolute;
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(/wp-content/uploads/2024/08/arrow-down-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
	top: calc(50% - 10px);
	right: 50px;
}
.panel-layout .panel-grid-cell:has(.process-trenner){
	width: fit-content !important;
	flex-grow: 0;
}
.process-trenner-line{
	width: auto;
	height: 1px !important;
	background: #46A3CC;
}
.panel-grid-cell-empty:has(.process-trenner-line){
	flex-grow: 2;
}
.panel-layout .panel-grid:has(.process-trenner){
	align-items: center !important;
}
.process-step-txt h3{
	margin: 15px 0;
	font-size: 24px;
		font-weight: 500;
}
.process-step-txt .textwidget{
	font-weight: 400;
		font-size: 18px;
}

/* -- Review Slider -- */





#prev-slide,
#next-slide{
		position: absolute;
    top: 320px;
    background: none;
    z-index: 10;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 28px;
    color: #9f9f9f;
    margin: 0 10px;
}
#prev-slide{
		left: 0;
}
#next-slide{
		right: 0;
}	
#prev-slide img,
#next-slide img{
		width: 30px;
}
#next-slide img{
		transform: rotate(180deg);	
}
#slider-dots{
		text-align: center;
		position: relative;
		bottom: -35px;
		z-index: 5;
}
.dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s ease;
		cursor: pointer;
}

.dot.active {
    background-color: #717171;
}
/* -- Review Slider Ende -- */


/* -- Digital Success -- */

.stories .panel-layout,
.panel-layout:has(.stories){
	position: relative;
}
.stories-nav img {
    width: auto;
    max-height: 40px;
}
.stories-nav .grid-cell{
	text-align: center;
}
.stories-nav .panel-grid {
    gap: 40px;
    justify-content: stretch;
    align-items: center !important;
}
.stories-nav .panel-grid .panel-grid-cell{
    text-align: center;
}

.panel-grid:has(.carousel-controls),
.panel-grid:has(#custom-slider-dots){
	position: relative;
}
.carousel-controls {
    position: absolute;
    width: 100%;
    bottom: -360px;
    z-index: 1000;
		display: flex;
		justify-content: space-between;
}

.carousel-controls button {
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 28px;
    color: #9f9f9f;
    margin: 0 10px;
		position: relative;
		background: none;
}
#custom-slider-dots{
	position: absolute;
    width: 100%;
    bottom: -750px;
    z-index: 1000;
    left: calc(50% - 100px);
}
#carousel-prev{
	left: -60px;
}
#carousel-next{
	right: -60px;
}

.widget_media_image:has(.trigger-img){
	display: flex;
	justify-content: center;
}
.trigger-img{
	opacity: 0.3;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	width: fit-content;
}
.trigger-img.active{
	opacity: 1;
}
.trigger-img.active::after{
	display: block;
	content: '';
	position: absolute;
	left: -10px;
	bottom: -15px;
	width: calc(100% + 20px);
	height: 10px;
	background: url(/wp-content/uploads/2024/08/underline-success.svg);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}


.stories{
	align-items: stretch !important;
		gap: 20px;
}
.stories-column-1{
	padding: 70px;
	border: 2px solid #EBECF0;
	border-radius: 12px;
}
.stories-title{
	font-weight: 500;
	font-size: 32px;
	line-height: 1.1;
	hyphens: none;
}
.stories-trenner{
	border-top: 1px solid #EBECF0;
	border-bottom: 1px solid #EBECF0;
	padding: 20px 0;
	margin: 30px 0;
	color: #4BA4D0;
	font-size: 14px;
		font-weight: 400;
		line-height: 1.45;
		
}
.stories-since,
.stories-sector{
	position: relative;
		padding-left: 35px;
}
.stories-since::after,
.stories-sector::after{
	position: absolute;
	content: '';
	display: block;
		width: 20px; 
		height: 20px;
		left: 0;
		top: calc(50% - 10px);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
}
.stories-since::after{
	background-image: url(/wp-content/uploads/2024/08/ship-icon.svg);
}
.stories-sector::after{
	background-image: url(/wp-content/uploads/2024/08/tag-icon.svg);
}
.stories-txt{
	font-size: 18px;
	line-height: 1.45;
}

.stories div {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.stories .panel-grid {
	flex-direction: row;
	gap: 10px;
	align-items: stretch !important;
}
.stories .panel-grid > div{
	gap: 10px;
}
.stories-column-2 img{
	min-height: 100%;
	object-fit: cover;
	border-radius: 12px;
}
.stories-trenner .panel-grid{
	align-items: center !important;
}
.stories-trenner .panel-grid-cell{
	width: fit-content !important;
}

.stories-arrows button.prev-arrow,
.stories-arrows button.next-arrow {
    position: absolute;
    top: 260px;
    transform: translateY(-50%);
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
		background: none;
		display: flex;
		justify-content: center;
		align-items: center;
}

.stories-arrows button.prev-arrow {
    left: -70px;
}

.stories-arrows button.next-arrow {
    right: -70px;
}
.stories-arrows button.prev-arrow img,
.stories-arrows button.next-arrow img {
    width: 48px;
		height: 48px;
}

.stories-arrows button.next-arrow img {
    transform: rotate(180deg);
}

.stories-slider-container {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Hide scrollbar on Firefox */
    -ms-overflow-style: none; /* Hide scrollbar on IE 10+ */
    gap: 20px;
}

.stories-slider-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar on Chrome, Safari and Opera */
}

.panel-grid:has(.stories) {
    scroll-snap-align: start;
    min-width: 100%; /* Full width slide */
}

.stories-arrows button {
    cursor: pointer;
}


/* ----- */








/* -- CTA -- */

.home .cta-row{
	margin-top: 1000px;
}

/* -- CTA ENDE -- */


/* -- Animations -- */

.fadeIn{
	opacity: 0 !important;
}
.animation.fadeIn{
	opacity: 1 !important;
	transition: all 0.5s
}
.fadeUp{
	opacity: 0 !important;
	transform: translateY(30px);
}
.animation.fadeUp{
	opacity: 1 !important;
	transition: all 0.5s ease-out;
	transform: translateY(0px);
}
.zero-to-hero{
	transform: scale(0);
	transform-origin: center center;
}
.animation.zero-to-hero{
	transition: all 0.5s ease-out;
	transform: scale(1);
}
.skew-to-left{
	opacity: 0 !important;
	transform: skewX(10deg) translateX(30px);
}
.animation.skew-to-left{
	opacity: 1 !important;
	transition: all 0.5s ease-out;
	transform: skewX(0deg) translateX(0px);
}
.fadeDown{
	opacity: 0 !important;
	transform: translateY(-30px);
}
.animation.fadeDown{
	opacity: 1 !important;
	transition: all 0.5s ease-out;
	transform: translateY(0px);
}
.growL-R{
	opacity: 0;
	transform-origin: 0 50%;
	transform: scale(0);
}
.animation.growL-R{
	animation: growL-R 1s forwards;
}
@keyframes growL-R {
  from {
    transform: scale(0);
		opacity: 0;
  }
		
	20%{
		opacity: 1;
		}

  to {
    transform: scale(1);
		opacity: 1;
  }
}
.typed{
	opacity: 0;
}
.animation.typed{
	opacity: 1;
}

.animation.typed::after{
    content: "|";
    animation: blink .75s step-end infinite;
}
.typewriter-finished.animation.typed::after{
    content: "";
    animation: none;
}
.zitat-sm .animation.skew-to-left{
		transition-delay: 0.5s !important;
}
.zitat-sm .animation.fadeIn{
		transition-delay: 1s !important;
}

@keyframes blink {
    from, to { color: transparent }
    50% { color: rgba(38, 35, 37) }
}
.probleme-cta{
	background: rgb(200,226,241);
background: url(/wp-content/uploads/2024/08/line-cta-banner-light.svg), linear-gradient(125deg, rgba(200,226,241,1) 27%, rgba(149,201,228,1) 100%);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 100%;
		align-items: center !important;;
}
.probleme-cta > div:nth-child(1){
	max-width: 45%;
		display: flex;
		flex-direction: column;
		gap: 20px;
}

@media (max-width: 768px){
		
		.font-lvl-1,
		.font-lvl-1 h1,
		.font-lvl-1 h2,
		.font-lvl-1 p{
			font-size: 32px;
				hyphens: none;
		}
		.font-lvl-2,
		.font-lvl-2 h1,
		.font-lvl-2 h3,
		.font-lvl-2 p{
			font-size: 32px;
				hyphens: none;
		}
		.font-lvl-3,
		.font-lvl-3 p{
			font-size: 24px;
		}
				
		.font-lvl-4,
		.font-lvl-4 p{
			font-size: 16px;
			margin-bottom: 10px;
		}
		p{
			line-height: 1.25;
		}
		header .logo .logo-image a img{
			max-height: 35px;
			height: 35px;
			width: auto;
		}
		#site-navigation{
			display: flex;
    	justify-content: flex-end;
		}
		.menu-toggle{
			padding: 5px 70px 5px 16px;
        border: 1px solid #EBECF0;
        border-radius: 46px;
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
        position: relative;
        font-size: 16px !important;
		}
		.menu-toggle::after{
			position: absolute;
        content: 'Menü';
        display: block;
        right: 18px;
        top: 5px;
		}
		.menu-item:has(.nav-contact){
padding-bottom: 16px !important;		}
		#site-navigation .menu{
        flex-direction: column;
        align-items: flex-end !important;
        justify-content: center !important;
		}
		#site-navigation.toggled .menu{
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
		}
		.menu-item{
			width: 100%;
		}
		#site-navigation ul li:hover > a{
			background: none;
		}
		.menu-item a{
			 width: fit-content;
		}
		.menu-item a{
			  position: relative;
        height: auto;
        padding: 20px 20px 20px 50px !important;
		}
		.menu-item:has(.sub-menu) > a::after{
			position: absolute;
        width: 14px;
        height: 14px;
        content: '';
        border-bottom: 1px solid #142C3D;
        border-right: 1px solid #142C3D;
        transform: rotate(45deg);
        left: 10px;
        top: calc(50% - 11px);
		}
		.menu-item.focus:has(.sub-menu) > a::after{
        transform: rotate(225deg);
				top: calc(50% - 5px);
		}
		#site-navigation ul.sub-menu{
				        display: none;
        background: none;
        border-radius: 0;
        width: 100%;
        border: none;
		}
		#site-navigation .menu-item-has-children.focus ul.sub-menu{
				display: flex;
		}
		#site-navigation ul.sub-menu li a{
			  text-align: right;
        padding: 0 20px;
        background: none;
        font-size: 16px;
        line-height: 1.2;
        border: none;
		}
		#site-navigation ul li{
			display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
				border: none;
		}
		.panel-grid:has(.header.hide-mobile){
				display: none;
		}
		.tg-container{
		   padding: 0 20px;
    	width: 100%;
		}
		.header{
			background: rgb(243, 248, 252);
    background: linear-gradient(180deg, rgba(243, 248, 252, 1) 0%, rgba(198, 225, 241, 1) 100%);
    padding: 48px 32px 20px;
    border-radius: 12px;
			text-align: center;
				box-shadow: 0 46px 57px -42px rgba(14, 105, 169, 0.5);
		}
		.header .font-lvl-1{
			margin-bottom: 25px;
		}
		.header .font-lvl-4,
		.header .font-lvl-4 p{
			font-size: 18px;
				color: #2775A2;
				margin-bottom: 0;
		}
		.header .bc-button a{
				padding: 16px 24px !important;
        margin: 30px 0 50px 0;
        font-size: 16px !important;
		}
		.header .bc-button .ow-button-base{
				display: flex;
				justify-content: center;
				align-items: center;
		}
		.header-2{
				padding: 48px 32px;
    border-radius: 12px;
    text-align: center;
    background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, #c6e1f1, white) border-box;
    border: 2px solid transparent;
			margin-bottom: 20px;
		}
		.header-2 .font-lvl-4{
			margin-bottom: 10px;
		}
		.header-2 .font-lvl-3{
			margin-bottom: 40px;
		}
		.hero-mobile-imgs{
				flex-direction: row !important;
				width: calc(100% + 20px);
				margin-left: -10px;
				-ms-flex-wrap: nowrap !important;
				flex-wrap: nowrap !important;
		}
		.hero-mobile-imgs > div{
			width: calc(33.33% + 20px);
			margin-bottom: 0 !important;
		}
		.hero-mobile-imgs > div:has(.hero-mobile-img-1){
			
		}
		.hero-mobile-imgs > div:has(.hero-mobile-img-2){
			margin-left: -20px;
		}
		.hero-mobile-imgs > div:has(.hero-mobile-img-3){
			margin-left: -20px;
		}
		.headline-underline{
			display: inline-block;
		}
		.headline-underline::after {
    	bottom: -5px;
		}
		#social-row{
				flex-direction: row !important;
				overflow-x: scroll;
				scroll-snap-type: x mandatory;
				-webkit-overflow-scrolling: touch;
				scrollbar-width: none;
				-ms-overflow-style: none;
				gap: 10px;
				align-items: stretch !important;
		}
		#social-row > div{
				min-width: 75%;
				scroll-snap-align: start;
				margin: 0;
		}
		#social-row .read-more-link::after,
		#social-row .read-less-link::after {
				display: none;
		}
		.social-column {
				align-items: center;
				padding: 20px;
		}
		.social-position {
				margin-bottom: 8px;
				font-size: 16px;
		}
		.social-name {
				margin-bottom: 8px;
				font-size: 24px;
		}
		.social-subtitle {
				font-size: 16px;
				text-align: center;
		}
		.social-close {
				display: none !important;
		}
		.social-column .read-more-link{
			border: 1px solid #EBECF0;
				border-radius: 8px;
				padding: 10px 32px;
		font-size: 16px;
		}
		.social-img-small {
				width: calc(100% + 40px);
				top: -20px;
				left: -20px;
		}

		#main .bc-button .so-widget-sow-button a {
				padding: 12px 16px;
				font-size: 18px;
		}
		#wer-wir-sind{
				padding: 0 32px;
				width: calc(100% + 40px);
				margin-left: -20px;
		}
		#was-wir-tun .panel-cell-style{
			padding: 0 !important;
		}
		#social-container{
				width: calc(100% + 40px);
				margin-left: -20px;
				padding: 20px 0 20px 32px;
		}
		.social-subhead {
        padding-right: 32px;
				margin-bottom: 30px;
		}
		#social-container .bc-button .so-widget-sow-button a{
				margin-right: 32px;
        width: 100%;
        padding: 24px 16px;
		}
		#social-row > div:nth-last-child(1){
			margin-right: 25vw !important;
		}
		.read-more-link,
		.read-less-link{
			margin-top: 10px;
		}
		.read-more-link::after,
		.read-less-link::after{
			top: 2px;
				transform: rotate(90deg);
		}
		#was-wir-tun {
			background: url(/wp-content/uploads/2024/08/line-bg.svg), #E6F1F8;
			background-position: 75% 100%;
			background-repeat: no-repeat;
			width: calc(100% + 40px);
			margin-left: -20px;
			padding: 48px 32px;
		}
		#was-wir-tun .panel-cell-style{
			background: none;
		}
		.truncate-content {
				overflow: hidden;
				position: relative;
				transition: height 0.3s ease;
		}

		.home .read-more-btn {
				position: relative;
				cursor: pointer;
				background: none;
				border: none;
				margin-top: 10px;
		}
		.pamel-grid:has(#social-container){
			margin-bottom: 40px;
		}
		.home .read-more-btn::after {
			top: 17px;
			transform: rotate(90deg);
		}
		.read-less-btn::after {
			top: 17px;
			transform: rotate(225deg);
		}
		#was-wir-tun {
			margin-bottom: 50px;
		}
		#was-wir-tun > div:nth-child(1){
			margin-bottom: 0;
		}
		.herausforderungen-2{
			background: none;
			padding: 0 20px;
		}
		.herausforderungen-intro{
			display: none;
		}
		.herausforderungen-pille {
			padding: 10px 16px;
			border: 1px solid #EBECF0;
		}
		.herausforderungen-pillen-container .panel-grid-cell:has(.herausforderungen-pille) > div {
			flex-shrink: 0;
		}
		.panel-grid:has(#wobei-wir-helfen){
			margin-bottom: 0;
		}
		.herausforderungen-container > div {
			margin-bottom: 0 !important;
		}
		.probleme-cta {
				background: url(/wp-content/uploads/2024/08/line-bg-1.svg), #E6F1F8;
				padding: 72px 24px !important;
				text-align: center;
				background-size: cover;
				background-repeat: no-repeat;
		}
		.probleme-cta > div:nth-child(1){
			max-width: 100%;
			gap: 0;
		}
		.probleme-cta .textwidget{
			margin-bottom: 20px;
		}
		#main .probleme-cta .bc-button .so-widget-sow-button a{
				width: 100%;
				padding: 15px;
		}
		#wobei-wir-helfen{
				width: calc(100% + 40px);
				margin-left: -20px;
				padding: 0 32px;
		}
		.herausforderungen .panel-layout:has(.probleme-cta){
			width: calc(100% + 40px);
				margin-left: -20px;
				padding: 0 32px;
		}
		.zitat-sm{
				width: calc(100% + 40px);
				margin-left: -20px;
				padding: 32px 32px 200px;
				background-image: url(/wp-content/uploads/2024/08/gradient-mobile.png) !important;
				position: relative;
		}
		.zitat-sm .font-lvl-4{
			max-width: 130px;
		}
		.zitat-sm > div:nth-child(2){
				position: absolute;
				bottom: 0;
				right: -25%;
		}
		.review{
				padding: 0 32px !important;
				background-image: none !important;
				background: url(/wp-content/uploads/2024/08/line-bg-2.svg) !important;
				background-repeat: no-repeat !important;
				position: relative;
		}
		.review .panel-layout .panel-grid:has(.review-content) {
			max-width: 100%;
			width: 100%;
			min-width: 100%;
		}
		.review .panel-layout:has(.review-content){
			padding-top: 200px;
			align-items: flex-start;
		}
		.review .panel-layout:has(.review-content) > div:nth-child(1){
				position: absolute;
				left: 0;
				top: 70px;
		}
		.review-content{
				padding: 0;
				box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
				border: 1px solid #EBECF0;
				overflow: hidden;
		}
		.home .review-content .widget_media_image:has(.review-img){
				height: 190px;
				overflow: hidden;
				position: absolute;
				width: 100%;
				top: 0;
		}
		.home .review-content .review-img{
				position: relative;
				width: 100%;
				height: auto;
				object-fit: cover;
				top: -15%;
		}
		.home .review-img-container{
				padding: 0;
				justify-content: center;
				align-items: center;
				gap: 5px;
				flex-direction: row;
				padding-top: 210px !important;
				position: relative;
				flex-wrap: wrap;
				text-align: center;
				margin-bottom: 0;
		}
		.review-author-1{
			text-align: right;
		}
		.review-author-1{
			text-align: left;
		}
		.home .review-author-3{
			color: #bdc4c9;
				margin: -5px 0 10px;
				padding: 0 20px;
		}
		.review-img-container::after {
			left: calc(50% - 25px);
		}
		.star-container {
			padding: 0 0 15px 0;
		}
		.review-content > div:nth-child(1){
			margin-bottom: 0 !important;
		}
		.home .review-txt-container {
			padding: 24px;
			text-align: center;
		}
		.review-copy{
			text-align: left;
		}
		.home .review-copy .read-more-btn,
		.home .review-copy .read-more-btn{
			width: 100%;
		}
		.home .review-copy .read-more-btn::after,
		.home .review-copy .read-more-btn::after,
		.home .review-copy .read-more-btn::before,
		.home .review-copy .read-more-btn::before{
			display: none;
		}
		.home .review-copy .read-more-btn {
				width: 100%;
				font-size: 16px;
				border: 1px solid #EBECF0;
				border-radius: 8px;
				padding: 16px;
				margin-top: 15px;
				margin-bottom: 0;
			}
		.review button.prev-arrow,
		.review button.next-arrow {
			top: 450px;
		}
		.review button.prev-arrow {
			left: -35px;
		}
		.review button.next-arrow {
			right: -35px;
		}
		.home .review-img-container	.widget_custom_html:has(.star-container){
				width: 100%;
				display: flex;
				justify-content: center;
		}
		.services{
				background: #E6F1F8;
				width: calc(100% + 40px);
				margin-left: -20px !important;
				padding: 0 32px !important;
		}
		#das-kannst-du-erwarten{
				border-radius: 24px 24px 0 0;
				padding: 48px 32px 15px !important;
		}
		.perks-row > div {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
			margin-bottom: 0 !important;
		}
		.services > div {
			background: none;
		}
		.services .panel-grid:has(.perks-row) {
				border-radius: 12px;
				overflow: hidden;
				padding: 20px;
				background: #fff;
				box-shadow: 0 1px 2px rgba(16, 24, 40. 0.05);
		}
		.perk p{
			font-size: 16px;
		}
		.services-trenner .textwidget {
			background: #e6f1f8;
		}
		.services .panel-layout .panel-grid:has(.service-box) {
				background: #fff;
				border-radius: 12px;
				        padding: 16px 0 24px 0;
				box-shadow: 0 1px 2px rgba(16, 24, 40. 0.05);
				margin-bottom: 40px;
		}
		.services .panel-layout .panel-grid-cell:has(.service-box) {
				width: 100% !important;
				margin-bottom: 0 !important;
				padding: 0 32px !important;
		}
		.service-box p{
			font-size: 16px;
		}
		.service-box {
				padding: 20px 0 20px 35px;
				height: auto;
				margin-bottom: 0;
		}
		.service-box::after {
			left: 0;
		}
		.services .panel-layout .panel-grid-cell:has(.bc-button) > .widget_text:nth-last-child(1) .service-box{
			border: none;
		}
		.services .bc-button{
			width: calc(100% + 20px);
			margin-left: -10px;
		}
		.services .bc-button a{
				width: 100% !important;
				font-size: 16px !important;
				margin-top: 16px;
		}
		#so-starten-wir-gemeinsam,
		.process{
				background: #e6f1f8;
				width: calc(100% + 40px) !important;
				margin-left: -20px !important;
				padding: 0 32px !important;
		}
		.process{
			padding: 10px 32px 48px !important;
			margin-bottom: 40px !important;
			border-radius: 0 0 24px 24px;
		}
		.process-step{
			text-align: center;
		}
		.process-step .widget_text:has(.process-step-number){
				display: flex;
				justify-content: center;
				margin-bottom: 15px;
		}
		.process-step-txt h3{
			line-height: 1.1;
		}
		.process-step-txt p{
			font-size: 16px;
		}
		.process .panel-layout:has(.process-step) .panel-grid:nth-child(1) .process-step{
			background: url(/wp-content/uploads/2024/08/line-bg-3.svg), #fff;
			background-repeat: no-repeat;
				background-size: cover;
			background-position: center,
		}
		.process .panel-layout:has(.process-step) .panel-grid:nth-child(3) .process-step{
			background: url(/wp-content/uploads/2024/08/line-bg-3.svg), #fff;
			background-repeat: no-repeat;
				background-size: cover;
			background-position: 75%;
		}
		.process .panel-layout:has(.process-step) .panel-grid:nth-child(5) .process-step{
			background: url(/wp-content/uploads/2024/08/line-bg-3.svg), #fff;
			background-repeat: no-repeat;
				background-size: cover;
			background-position: 60% 25%;
		}
		.process-success{
			background: url(/wp-content/uploads/2024/08/line-step-4-1.svg), #205e84;
				background-size: cover;
			background-repeat: no-repeat;
		}
		.process-step-number {
			background: #fff;
		}
		.process-success .process-step-number {
			background: #205e84;
		}
		#main .process-success .bc-button.bc-button-inverted .so-widget-sow-button .ow-button-base{
			width: 100%;
				margin-top: 10px;
		}
		#main .process-success .bc-button.bc-button-inverted .so-widget-sow-button a{
			font-size: 16px;
			padding: 12px 16px;
				width: 100%;
		}
		.process-trenner .textwidget p{
			padding: 10px 40px;
				background: #e6f1f8;
				z-index: 1;
				position: relative;
		}
		.process-trenner .textwidget::before {
				position: absolute;
				content: '';
				display: block;
				width: 1px;
				height: 99px;
				background: #46A3CC;
				z-index: 0;
				top: -31px;
				left: 50%;
		}
		.process-trenner .textwidget::after {
			display: none;
		}
		.process-trenner .textwidget {
			padding: 0;
		}
		#benefits .panel-grid-cell {
			gap: 0;
		}
		#benefits {
				width: calc(100% + 40px) !important;
				margin-left: -20px !important;
				padding: 0 32px !important;
		}
		.benefit-container {
				width: calc(100% + 40px) !important;
				margin-left: -20px !important;
				padding: 0 32px !important;
				margin-bottom: 40px;
		}
		.benefit-container > div{
				border: 1px solid #EBECF0;
				border-radius: 12px;
				padding: 16px;
		}
		.benefit-container > div .widget_text{
				margin: 20px;
				position: relative;
				padding: 0 0 20px 30px;
				border-bottom: 1px solid #EBECF0;
				font-size: 16px;
		}
		.benefit-container > div .widget_text::after{
				position: absolute;
				content: '';
				display: block;
				width: 20px;
				height: 20px;
				left: 0;
				top: 2px;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
		}
		.benefit-container > div .widget_text:nth-child(1)::after{
				background-image: url(/wp-content/uploads/2024/08/heart-icon.svg);
		}
		.benefit-container > div .widget_text:nth-child(2)::after{
				background-image: url(/wp-content/uploads/2024/08/handshake-icon.svg);
		}
		.benefit-container > div .widget_text:nth-child(3)::after{
				background-image: url(/wp-content/uploads/2024/08/medal-icon.svg);
		}
		.benefit-container > div .widget_text:nth-child(4)::after{
				background-image: url(/wp-content/uploads/2024/08/trending-up-icon.svg);
		}
		#unsere-eigenen-gruendungen {
				width: calc(100% + 40px) !important;
				margin-left: -20px !important;
				padding: 40px 32px 10px !important;
				background: linear-gradient(180deg, rgba(243, 248, 252, 1) 0%, rgba(245, 249, 252, 1) 100%);
		}
		.stories-nav{
				width: calc(100% + 40px) !important;
				margin-left: -20px !important;
				padding: 20px 0 10px !important;
				background: rgb(245, 249, 252);
				background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(247, 250, 253, 1) 100%);
		}
		.stories-arrows{
				width: calc(100% + 40px) !important;
				margin-left: -20px !important;
				padding: 10px 32px 10px !important;
				background: rgb(245, 249, 252);
				background: linear-gradient(180deg, rgb(247 250 253) 0%, rgb(255 255 255) 100%);
		}
		.stories-column-1 {
			padding: 20px;
			border: 1px solid #EBECF0;
			background: #fff;
		}
		.stories-nav .panel-grid .panel-grid-cell {
			  scroll-snap-align: center;
        min-width: 15%;
        max-width: 15%;
        width: 15%;%;
			width: 20%;
			margin-bottom: 30px !important;
		}
		.stories-nav .panel-grid {
				flex-direction: row !important;
			overflow-x: scroll;
			scroll-snap-type: x mandatory;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}
		.stories-title {
			font-size: 20px;
		}
		.stories-trenner .panel-grid {
			align-items: flex-start !important;
				gap: 10px;
		}
		.stories-trenner .panel-grid > div{
			margin-bottom: 0 !important;
		}
		.stories-txt {
			font-size: 16px;
		}
		.stories-column-2{
			display: none !important;
		}
		.panel-grid:has(.cta-row){
			display: none !important;
		}
		.stories-img-mobile{
			border-radius: 6px;
			margin-bottom: 20px;
				overflow: hidden;
		}
		.stories-arrows button.prev-arrow,
		.stories-arrows button.next-arrow {
				top: 350px;
		}

		.stories-arrows button.prev-arrow {
				left: -30px;
		}

		.stories-arrows button.next-arrow {
				right: -30px;
		}
		#top-footer{
			text-align: center;
				background-size: cover;
		}
			#top-footer .bc-button.bc-button-inverted {
					padding: 12px 16px;
					width: 100%;
		}
		#top-footer ul {
			align-items: center;
		}
		.footer-block img {
			margin-bottom: 60px;
		}
		#scroll-up {
			background-color: #142c3d;
			border-radius: 12px;
			opacity: 0.3;
		}	
		#masthead{
			z-index: 1;
   		position: relative;
		}
		.services-trenner .textwidget {
			padding: 10px 50px 10px 30px;
		}
		.services-trenner .textwidget::after{
			position: absolute;
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: url(/wp-content/uploads/2024/08/arrow-down-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
        top: calc(50% - 9px);
        right: 25px;
		}
		.process-step{
			padding: 40px;
		}
		
		
		/*----- Animationen V2 ----- */
		#masthead.animation{
			transition-delay: 0.5s;
			transition: all 2s ease-out;
		}
		.header.animation{
			transition-delay: 0s;
			transition: all 1s ease-out;
		}
		.header .animation{
			transition-delay: 0s;
			transition: all 1s ease-out;
		}
		.header .animation.font-lvl-1{
			transition-delay: 1s !important;
		}
		.header .animation.font-lvl-4{
			transition-delay: 1s !important;
		}
		.header .animation.bc-button{
			transition-delay: 1.3s !important;
		}
		.header .animation.hero-mobile-img-1{
			transition-delay: 1.6s !important;
		}
		.header .animation.hero-mobile-img-2{
			transition-delay: 2s !important;
		}
		.header .animation.hero-mobile-img-3{
			transition-delay: 2.3s !important;
		}
		
		
}

@media (min-width: 769px){
			
		.menu-item > a {
				position: relative;
				padding: 20px 60px 20px 20px;
			}
		
			.menu-item:has(.sub-menu) > a::after {
				position: absolute;
				width: 10px;
				height: 10px;
				content: '';
				border-bottom: 1px solid #142C3D;
				border-right: 1px solid #142C3D;
				transform: rotate(45deg);
				right: 30px;
				top: calc(50% - 8px);
			}
		#site-navigation ul li:hover > a {
				color: #142c3d;
			text-decoration: none;
		}
		#site-navigation ul.sub-menu {
			background: #ffffff;
			border: none;
			box-shadow: 0 2px 5px rgba(15, 40, 30, 0.05);
		}
		#site-navigation ul.sub-menu a {
			font-size: 16px;
		}
		.sticky-wrapper {
				margin: 20px 0 60px 0;
		}
		#top-footer .tg-column-wrapper{
				display: flex;
				align-items: stretch;
		}
		#top-footer .footer-block{
				display: flex;
				justify-content: center;
				align-items: flex-start;
				flex-direction: column;
		}
		.header .animation{
			transition-delay: 0.5s;
			transition: all 1.5s ease-out;
		}
		.header .animation#head-row-1{
			transition-delay: 0.5s !important;
		}
		.header .animation#head-row-2{
			transition-delay: 1.2s !important;
		}
		.header .animation#head-row-3{
			transition-delay: 1.5s !important;
		}
		#masthead.animation{
			transition-delay: 1.2s;
			transition: all 2s ease-out;
		}
		
		
		
		
		
		
		.head-column-2,
		#head-row-1,
		#head-row-2,
		#head-row-3,
		.panel-grid:has(#head-row-2),
		.panel-grid:has(#head-row-3),
		#head-row-1 .panel-grid-cell:has(.head-column-2),
		.head-column-1,
		.head-column-2,
		#head-row-3 .panel-grid-cell .head-column-2,
		#head-row div,
		.header-bottom{
			transition: all 0.5s;
		}

		.panel-grid:has(#head-row-2),
		.panel-grid:has(#head-row-3){
			position: relative;
		}
		#head-row-2,
		#head-row-3{
			width: 100% !important;
			align-items: center !important;
		}
		


		



		

		#head-row-1 .panel-grid-cell:has(.head-column-1) {
			width: calc(100% - 511px - 20px);
		}
		#head-row-1 .panel-grid-cell:has(.head-column-2) {
			position: absolute;
			right: 0;
			opacity: 1;
			height: 100%;
		}
		 #head-row-2{
			position: relative;
			top: 0;
			opacity: 1;
			width: 100%;
			height: auto;
		}
		#head-row-3{
			position: relative;
			top: 0;
			opacity: 1;
			gap: 20px;
		}
		#head-row-3 > div:has(.head-column-1) {
			width: calc(50% - 10px);
			transition: all 0.5s;
		}
		#head-row-3 > div:has(.head-column-2) {
			position: absolute;
			width: calc(50% - 10px);
			right: 0;
			transition: all 0.5s;
		}
		#head-row-3 .head-column-1 {
			height: 250px;
		}
		#head-row-3 .head-column-2 {
			height: 250px;
			opacity: 1;
			width: 100%;
		}
		#head-row-1,
		#head-row-3{
			position: relative;
		}
		#head-row-1{
			transform-origin: bottom;
		}
		#head-row-3{
			transform-origin: top;
		}
		.header-bottom{
			opacity: 1;
		}

		#head-row-1{
				height: 450px;
			}
		#page:has(.stage-5) .header-bottom{
			opacity: 1;
		}

	.font-lvl-1,
	.font-lvl-1 h1,
	.font-lvl-1 h2,
	.font-lvl-1 p{
		line-height: 1.2;
	}

	header .logo .logo-image a img {
			width: auto;
	}
		
	#problem-container .panel-grid.panel-has-style>.panel-row-style{
	    gap: 20px;    
	}
	#social-row:has(.active) > .panel-grid-cell:has(:not(.active)){
		opacity: 0;
		display: none;
		transition: all 0.3s ease;
	}
	#social-row > .panel-grid-cell:has(.active){
		width: 100% !important;
		display: block !important;
		opacity: 1 !important;
	}
	#social-row > .panel-grid-cell:has(.active) .social-img-big{
		display: block;
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 20px 0 0 20px;
	}
	#social-row > .panel-grid-cell:has(.active) .social-img-big img{
		width: auto;
    height: 100% !important;
	}
	#social-row > .panel-grid-cell:has(.active) .social-img-small{
		display: none;
	}
	#social-row > .panel-grid-cell:has(.active) .social-column{
		        align-items: flex-start;
    padding: 50px 100px 50px 440px;
    overflow: hidden;
    hyphens: auto;
	}
	#social-row > .panel-grid-cell:has(.active) .social-txt{
		text-align: left;
			line-height: 1.5;
	}


	#social-row > .panel-grid-cell:has(.active) .social-icon img{
		left: -10px;
		display: block;
	}

	#main .bc-button .so-widget-sow-button a::before {
			display: none !important;
	}
	#main .bc-button .so-widget-sow-button a::after {
			display: none !important;
	}
	#digital-success::before {
		display: none;
		position: absolute;
		top: -250px;
		left: 0px;
		content: '';
		background-image: url(/wp-content/uploads/2024/06/arrow-2.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 80px;
		height: 250px;
		transform: scalex(-1);
	}
		.services > div{
			border-radius: 12px;
		}

	@keyframes glow {
	      from {
	    background: #fff;
	    border-color: #ffffff;
	  }
	    25% {
	    background: whitesmoke;
	    border-color: whitesmoke;
	  }
	     50% {
	   background: whitesmoke;
	    border-color: whitesmoke;
	  }
	      to {
	    background: #fff;
	    border-color: #ffffff;
	  }
	}

	@keyframes arrow-move {
	      from {
	    right: 42px;
	  }
	    25% {
	    right: 30px;
	  }
	    50% {
	    right: 42px;
	  }
	      to {
	    right: 42px;
	  }
	}
	

}




@media (max-width: 1200px) and (min-width: 980px){
		.nav-tel, .nav-mail, .nav-contact {
			font-size: 14px;
		}
		header .logo {
			height: 80px;
			padding-top: 25px;
		}
		header .logo .logo-image a img {
			max-height: 30px;
		}
}


@media (max-width: 1024px){
		.social-txt{
			font-size: 14px;
			line-height: 1.2;
		}
		.social-txt.active{
			text-align: left;
		}
		.head-row .font-lvl-3.digital-mentor p{
			font-size: 20px;
		}
}



@media (max-width: 375px){
		.head-column-1 .font-lvl-1{
			font-size: 24px;
		}
}
		

		




/* ----- ADD HEAD ANIMATION BACK IN ----- */
/* can't be fucked to optimize */


/* Head-Animation*/
@media (min-width: 769px){
		
		.head-column-2,
		#head-row-1,
		#head-row-2,
		#head-row-3,
		.panel-grid:has(#head-row-2),
		.panel-grid:has(#head-row-3),
		#head-row-1 .panel-grid-cell:has(.head-column-2),
		.head-column-1,
		.head-column-2,
		#head-row-3 .panel-grid-cell .head-column-2,
		#head-row div,
		.header-bottom{
			transition: all 0.5s;
		}

		.panel-grid:has(#head-row-2),
		.panel-grid:has(#head-row-3){
			position: relative;
		}
		#head-row-2,
		#head-row-3{
			width: 100% !important;
			align-items: center !important;
		}
		.header{
			height: 710px;
		}
		
		/* Stage 1 */
		
		#head-row-1{
			height: 725px;
		}
		#head-row-1 .panel-grid-cell:has(.head-column-1) {
			width: 100%;
		}
		#head-row-1 .panel-grid-cell:has(.head-column-2) {
			position: absolute;
				right: -511px;
				opacity: 0;
		}
		#head-row-2,
		#head-row-3{
			position: absolute;
				top: 1000px;
				opacity: 0;
		}
		#head-row-2{
			height: calc(100vh - 400px - 400px);
		}
		.stage-1 #head-row-1 .panel-grid-cell:has(.head-column-2) {
			position: absolute;
			right: -600px;
			opacity: 0;
			height: 400px;
		}

		/* Stage 2 */
		
		.stage-2 #head-row-1{
			height: 925px;
		}
		.stage-2 #head-row-1 .panel-grid-cell:has(.head-column-1) {
			width: calc(100% - 511px - 20px);
			transition: all 0.5s;
		}
		.stage-2 #head-row-1 .panel-grid-cell:has(.head-column-2) {
			position: absolute;
			right: 0;
			opacity: 1;
			height: 400px;
		}
		.stage-2 #head-row-1 .panel-grid-cell .head-column-2 {
			background-size: cover;
			/*animation: 3.8s linear infinite move-bg;*/
		}
		@keyframes move-bg {
				from {
						background-position: 0px 7200px;
				}
				to { 
						background-position: 0px 0px;
				}
		}
		.stage-2 #head-row-2,
		.stage-2 #head-row-3{
			position: absolute;
				top: calc(100vh - 400px - 400px);
				opacity: 0;
		}
		.stage-2 #head-row-2{
			height: calc(100vh - 400px - 400px);
		}
		

		/* Stage 3 */
		
		.stage-3 #head-row-1{
			height: 400px;
		}
		.stage-3 #head-row-1 .panel-grid-cell:has(.head-column-1) {
			width: calc(100% - 511px - 20px);
		}
		.stage-3 #head-row-1 .panel-grid-cell:has(.head-column-2) {
			position: absolute;
			right: 0;
			opacity: 1;
			height: 400px;
		}
		
		.stage-3 #head-row-2{
			position: absolute;
			top: 0;
			opacity: 1;
			width: 100%;
			height: 490px;
		}
		.stage-3 #head-row-3{
			position: absolute;
			top: calc(100vh - 400px - 400px - 85px);
			opacity: 0;
		}
		.stage-3 #head-row-3 > div{
				width: 100% !important;
		}
		.header .stage-3 .panel-grid:has(#head-row-2){
			height: 86px;
		}
		.header .stage-3 .panel-grid:has(#head-row-3){
			height: 400px;
		}
		.stage-3 #head-row-3 .head-column-2 {
			opacity: 0;
		}
		.stage-3 #head-row-1{
			height: 400px;
		}
		.stage-3 #head-row-3 .head-column-1 {
			height: 400px;
		}

		/* Stage 4 */
		
		.stage-4 #head-row-1{
			height: auto;
				min-height:400px;
		}
		.stage-4 #head-row-1 .panel-grid-cell:has(.head-column-1) {
			width: calc(100% - 511px - 20px);
		}
		.stage-4 #head-row-1 .panel-grid-cell:has(.head-column-2) {
			position: absolute;
			right: 0;
			opacity: 1;
			height: 400px;
		}
		.stage-4 #head-row-2{
			position: relative;
			top: 0;
			opacity: 1;
			width: 100%;
			height: 90px;
		}
		.stage-4 #head-row-3{
			position: absolute;
			top: 0;
			opacity: 1;
			gap: 0;
		}
		.stage-4 #head-row-3 > div:has(.head-column-1) {
			width: 100%;
		}
		.stage-4 #head-row-3 > div:has(.head-column-2) {
			position: absolute;
			width: calc(50% - 20px);
			right: -50%;
		}
		.stage-4 #head-row-3 .head-column-1 {
			height: 400px;
		}
		.stage-4 #head-row-3 .head-column-2 {
			height: 200px;
			opacity: 0;
			width: 100%;
		}
		.header .stage-4 .panel-grid:has(#head-row-3) {
			height: 200px;
		}

		/* Stage 5 */
		
		.stage-5 #head-row-1{
			height: auto;
				min-height:400px;
		}
		.stage-5 #head-row-1 .panel-grid-cell:has(.head-column-1) {
			width: calc(100% - 511px - 20px);
		}
		.stage-5 #head-row-1 .panel-grid-cell:has(.head-column-2) {
			position: absolute;
			right: 0;
			opacity: 1;
			height: 100%;
		}
		.stage-5 #head-row-2{
			position: relative;
			top: 0;
			opacity: 1;
			width: 100%;
			height: auto;
		}
		.stage-5 #head-row-3{
			position: relative;
			top: 0;
			opacity: 1;
			gap: 20px;
		}
		.stage-5 #head-row-3 > div:has(.head-column-1) {
			width: calc(50% - 10px);
			transition: all 0.5s;
		}
		.stage-5 #head-row-3 > div:has(.head-column-2) {
			position: absolute;
			width: calc(50% - 10px);
			right: 0;
			transition: all 0.5s;
		}
		.stage-5 #head-row-3 .head-column-1 {
			height: 400px;
		}
		.stage-5 #head-row-3 .head-column-2 {
			height: 400px;
			opacity: 1;
			width: 100%;
		}
		#head-row-1,
		#head-row-3{
			position: relative;
		}
		#head-row-1{
			transform-origin: bottom;
		}
		#head-row-3{
			transform-origin: top;
		}
		.header-bottom{
			opacity: 1;
		}

		.stage-4 #head-row-1,
		.stage-5 #head-row-1,
		.stage-6 #head-row-1{
				height: auto;
			}
		#page:has(.stage-5) .header-bottom{
			opacity: 1;
		}
}


/* ----- */

/* ----- STYLE UPDATE NR. 666 ----- */

#head-row-1 .head-column-1{
	background: #e6f1f8;
		padding: 70px;
}
#head-row-3 .head-column-1{
	background: #e6f1f8;
}
#head-row-2 .font-lvl-3 {
		padding: 24px;
    background: #4aa4d0;
    color: #fff;
		border: none;
}

.menu-item a:has(.nav-contact),
#main .bc-button .so-widget-sow-button a,
#top-footer .bc-button.bc-button-inverted{
	border-radius: 20px;
}
#main .probleme-cta .bc-button .so-widget-sow-button a,
#main .cta-row .bc-button .so-widget-sow-button a,
#main #social-container .bc-button .so-widget-sow-button a{
	border-radius: 40px;
}
.sticky-wrapper {
		margin: 20px 0 0px 0;
}

.bc-button a {
  animation: jittery 4s infinite;
}
.trust-row-p{
	font-size: 20px;
}
.trust-row-ivario{
	margin-bottom: 10px;
}

@keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.10);
  }
  20% {
    transform: scale(1.10) rotate(-3deg);
  }
  25% {
    transform: scale(1.10) rotate(3deg);
  }
  30% {
    transform: scale(1.10) rotate(-1.5deg);
  }
  35% {
    transform: scale(1.10) rotate(1.5deg);
  }
  40% {
    transform: scale(1.10) rotate(0);
  }
}

.bc-button a:hover {
  animation: heartbeat 2s infinite;
}

@keyframes heartbeat {
	50% {
		transform: scale(1.05);
	}
}

@media (min-width: 769px){
		#trust-row-head{
				margin-top: -60px;
			margin-bottom: 5px;
		}
		.panel-grid:has(#trust-row){
				border-radius: 12px;
				margin: 55px 0 60px 0;
				/*box-shadow: 0 2px 5px rgb(183 195 203);*/
				padding: 8px;
				background: #e6f1f8;
				opacity: 0 !important;
				transform: translateY(30px);
		}
		.panel-grid:has(#trust-row.animation){
				opacity: 1 !important;
				transition: all 1s ease-out;
				transform: translateY(0px);
		}
		#trust-row{
				background: #fff;
				/*border: 2px solid #d2e3ee;*/
				border-radius: 9px;
				justify-content: space-around;
		}
		#trust-row img{
					max-width: 170px !important;
				opacity: 1;
				width: auto;
				height: auto;
				max-height: 40px;
				padding: 0;
		}
		#trust-row .trust-row-gt img{
					max-width: 200px !important;

		}
		#trust-row div:has(img){
			display:flex;
				align-items:center;
				justify-content: center;
				height: 170px;
				width: fit-content;
		}
}

/* ----- */

/* ----- Header Überarbeitung mit "Wir wissen, wie das geht" groß.. andere Reihenfolge ----- */

@media (min-width: 769px) {
		
		#head-row-2 .font-lvl-3 p{
				font-size: 57px;				
	}
		#head-row-1 .panel-grid-cell:has(.head-column-1),
		#head-row-2 .font-lvl-3 p,
		#head-row-3 > div:has(.head-column-1),
		#head-row-3 .head-column-1,
		#head-row-3 > div:has(.head-column-2),
		#head-row-3 .head-column-2,
		#head-row-3,
		.head-column-2,
		#head-row-1,
		#head-row-2,
		#head-row-3,
		.panel-grid:has(#head-row-2),
		.panel-grid:has(#head-row-3),
		#head-row-1 .panel-grid-cell:has(.head-column-2),
		.head-column-1,
		.head-column-2,
		#head-row-3
		.panel-grid-cell .head-column-2,
		#head-row div,
		.header-bottom,
		.head-row .font-lvl-3.digital-mentor p{
			transition: all 1s cubic-bezier(.18,.85,.19,.99);
		}

		
		.head-column-1 .font-lvl-2{
			font-size: 57px;
		}
	.stage-2 #head-row-1 .panel-grid-cell:has(.head-column-2) {
		position: absolute;
		right: -511px;
		opacity: 0;
	}
		.stage-2 #head-row-1 .panel-grid-cell:has(.head-column-1) {
		width: 100%;
	}
		.stage-2 #head-row-1 {
		height: 400px;
	}
		.stage-2 #head-row-2 {
		position: absolute;
		top: 0;
		opacity: 1;
		width: 100%;
		height: 290px;
	}
		.stage-2 #head-row-3 {
		top: 557px;
	}
		.stage-2 #head-row-2 .font-lvl-3 p{
				font-size: 57px;
				height: 290px;
				display: flex;
				align-items: center;
				justify-content: center;
	}
		.stage-2 #head-row-3 .head-column-1 {
        opacity: 0;
    }
			.stage-3 #head-row-3 > div:has(.head-column-1) {
		opacity:0;
	}
		.stage-2 #head-row-3 > div:has(.head-column-2) {
		position: absolute;
		width: 100%;
		right: 0;
	}

		.stage-3 #head-row-1 .panel-grid-cell:has(.head-column-2) {
		position: absolute;
		right: -511px;
		opacity: 0;
	}
		.stage-3 #head-row-1 .panel-grid-cell:has(.head-column-1) {
		width: 100%;
	}
	
		.stage-3 #head-row-2 {
		height: auto;
		position: relative;
	}
	.stage-3 #head-row-2 .font-lvl-3 p {
		font-size: 28px;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
			.stage-3 #head-row-3 {
		position: relative;
		top: 0;
		opacity: 1;
		gap: 0;
	}
		.stage-3 #head-row-3 > div:has(.head-column-1) {
		left: 0;
		opacity:0;
				position: absolute;
	}
			.stage-3 #head-row-3 .head-column-1 {
		height: 200px;
		left: calc(-50% - 10px);
		position: relative;
		width: calc(50% - 10px);
		opacity: 0;
	}
	
		.stage-3	#head-row-3 > div:has(.head-column-2) {
		position: relative;
		width: 100%;
		right: 0;
		height:auto;
	}
			.stage-3 #head-row-3 .head-column-2 {
		opacity: 1;
		height: 200px;
	}
		.stage-3 .head-row .font-lvl-3.digital-mentor p{
			font-size: 57px;
		}
		.stage-4 #head-row-1 .panel-grid-cell:has(.head-column-1) {
		transition: all 0.5s
	}
		.stage-4 #head-row-2 .font-lvl-3 p {
		font-size: 28px;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
			.stage-4 #head-row-3 > div:has(.head-column-1) {
		width: calc(50% - 10px);
	}
			.stage-4 #head-row-3 .head-column-1 {
		height: 200px;
		left: 0;
		position: relative;
		width: 100%;
	}
			.stage-4	#head-row-3 > div:has(.head-column-2) {
		position: absolute;
		width: calc(50% - 10px);
		right: 0;
		height:auto;
	}
			.stage-4 #head-row-3 .head-column-2 {
		opacity: 1;
	}
		.stage-4 .head-row .font-lvl-3.digital-mentor p{
			font-size: 28px;
		}	
}



/* old shitty phone fix */

@media (max-width:374px){
		.font-lvl-3,
		.font-lvl-3 p{
			font-size: 18px;
		}
		.font-lvl-1,
		.font-lvl-1 h1,
		.font-lvl-1 h2,
		.font-lvl-1 p{
			font-size: 22px;
		}
		.font-lvl-2,
		.font-lvl-2 h1,
		.font-lvl-2 h3,
		.font-lvl-2 p {
		font-size: 22px;
	}
}




/* ----- Landingpages ----- */
.lp #masthead-sticky-wrapper{
		min-height: 76px;
}
.lp .header-bottom{
		background: none;
}
.lp #content{
		margin-top: -76px;
}
.lp .site-navigation-wrapper{
	opacity: 0;
		pointer-events: none;
}
/* - Expertennetzwerk - */

.lp-expert-header{
	  position: relative;
		background: url('/wp-content/uploads/2024/10/line-1.png'), linear-gradient(0deg, #C6E1F1 0%, #FFF 100%);
		display: flex;
		padding-bottom: 32px;
		flex-direction: column;
		align-items: center;
		align-self: stretch;
		overflow: hidden;
			background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 100px;
		border-radius: 0 0 24px 24px;
}
.lp-expert-header::after{
	 	content: '';
	position: absolute;
	width: 440px;
	height: 440px;
	bottom: -150px;
	left: calc(50% - 220px);
	border-radius: 100%;
	opacity: 0.5;
	z-index: 1;
	background: linear-gradient(180deg, #46A3CC 0%, rgba(70, 163, 204, 0.00) 49.93%);
}
.lp-expert-header .font-lvl-3,
.lp-expert-header .font-lvl-3 p,
.lp-expert-header .font-lvl-1,
.lp-expert-header .font-lvl-1 h1,
.lp-expert-header .font-lvl-1 h2,
.lp-expert-header .font-lvl-1 p{
	text-align: center;
}
.lp-expert-header .font-lvl-3,
.lp-expert-header .font-lvl-3 p{
	color: #2775A2;
		font-size: 18px;
}
.lp-expert-header .font-lvl-1,
.lp-expert-header .font-lvl-1 h1,
.lp-expert-header .font-lvl-1 h2,
.lp-expert-header .font-lvl-1 p{
	font-size: 36px;
}
.lp-expert-header-2{
	padding: 20px;
		margin:0;
}
.lp-expert-header-3{
	padding: 0 20px;
}
.lp-expert-header .bc-button{
	 	position: absolute;
	bottom: 25px;
	z-index: 3;
	width: 100%;
	left: 0;
}
.lp-expert-header .ow-button-base{
	align-items: center;
		justify-content: center;
}
.lp-expert-header .ow-button-base a{
	width: 80% !important;
	padding: 20px !important;
	border-radius: 32px !important;
}
.lp-expert-header .so-panel:has(.lp-expert-header-img){
	display: flex;
	justify-content: center;
}
.lp-expert-header-img{
		z-index: 2;
	position: relative;
		max-width: 300px;
}
.lp-expert-partner{
	padding: 40px 0;
		border-bottom: 1px solid #e7e7e7;
}
.lp-expert-partner p{
		margin-bottom: 30px;
		color: #142C3D;
		text-align: center;
		font-size: 14px;
		line-height: 125%;
		opacity: 0.5;
}
.lp-expert-performance{
	padding: 40px 0;
}
.lp-expert-performance .font-lvl-3 p{
	color: #46A3CC;
	font-size: 16px;
}
.lp-expert-performance .font-lvl-1 h2{
	font-size: 24px;
	margin: 15px 0 30px;
}

.lp-expert-performance-pills > div{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 40px 0 0;
	flex-direction: column;
	gap: 8px;
		font-size: 16px;
}
.lp-expert-performance-pills-1,
.lp-expert-performance-pills-2,
.lp-expert-performance-pills-3,
.lp-expert-performance-pills-4,
.lp-expert-performance-pills-5,
.lp-expert-performance-pills-6{
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px;
}
.lp-expert-performance-pills-1 > div,
.lp-expert-performance-pills-2 > div,
.lp-expert-performance-pills-3 > div,
.lp-expert-performance-pills-4 > div,
.lp-expert-performance-pills-5 > div,
.lp-expert-performance-pills-6 > div{
	margin: 0 !important;
		width: auto !important;
}
.lp-expert-performance-pill{
	border: 1px solid #EBECF0;
		border-radius: 46px;
		padding: 8px 16px;
		text-align: center;
}
.lp-expert-performance-pills-2 .lp-expert-performance-pill,
.lp-expert-performance-pills-5 .lp-expert-performance-pill{
	font-size: 14px;
		opacity: 0.8;
		padding: 6px 13px;
}
.lp-expert-performance-pills-1 .lp-expert-performance-pill,
.lp-expert-performance-pills-6 .lp-expert-performance-pill{
	font-size: 12px;
		opacity: 0.6;
		padding: 4px 11px;
}
.lp-expert-partner-img{
		border-radius: 12px;
	overflow: hidden;
}
.lp .review-img-container::after {
		left: 25px;
		bottom: 0px;
}
.lp .review-img-container {
		padding: 40px 0 25px 100px;
		margin: 0;
}
.lp .review-img {
		left: 20px;
		top: 40px;
}

.lp .font-lvl-1,
.lp .font-lvl-1 h2{
	font-size: 24px;
}
.lp .lp-slider{
	flex-direction: row !important;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	gap: 10px;
	align-items: stretch !important;
}
.lp #netzwerk .lp-slider > div{
	flex-direction: row !important;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	gap: 10px;
	align-items: stretch !important;
		display: flex;
}
.lp .lp-slider > div{
		scroll-snap-align: start;
		margin: 0;
}
.lp #netzwerk .lp-slider > div > div{
		scroll-snap-align: start;
		margin: 0;
		position: relative;
}
.lp #netzwerk{
		padding-top: 40px;
		padding-bottom: 0px;
}
.lp .netzwerk-title p{
		color: #46A3CC;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 6px;
}
.lp .netzwerk-name p{
		font-size: 24px;
		margin-bottom: 24px;
}
.lp #netzwerk .font-lvl-1{
	margin-bottom: 32px;
}
.netzwerk-copy{
	color: #8A969E;
}
.lp .netzwerk-title,
.lp .netzwerk-name,
.lp .netzwerk-copy{
	text-align: center;
}
.lp .netzwerk-title,
.lp .netzwerk-name{
	  width: calc(100% - 100px);
    margin-left: 50px;
}
.lp .netzwerk-img img{
		border-radius: 12px;
		margin-bottom: 40px;
}
.netzwerk-logos > div {
		display: flex;
		justify-content: center;
		align-items: stretch;
		gap: 12px;
		padding: 40px 0 12px !important;
}
.netzwerk-logos > div > div,
.netzwerk-referenzen{
		padding: 12px;
		border: 1px solid #EBECF0;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
}
.netzwerk-logos > div > div{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		flex: 1 1 0px;
		padding: 8px;
		height: 65px;
}
.netzwerk-logos img{
		max-width: 100%;
		height: auto;
		width: auto;
		max-height: 100%;
}
.netzwerk-referenzen{
		padding: 0 12px;
}
.netzwerk-referenzen-head{
	padding: 20px 0;
	font-weight: 600;
	font-size: 16px;
}
.netzwerk-referenzen-entry{
		flex-direction: row !important;
    border-top: 1px solid #EBECF0;
    gap: 16px;
    padding: 16px 0;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
.netzwerk-referenzen-entry p{
	font-size: 16px;
}
.netzwerk-referenzen-entry .panel-grid-cell{
		margin: 0 !important;
}
.netzwerk-referenzen-entry .panel-grid-cell:nth-child(1){
		width: fit-content !important;
}
.netzwerk-referenzen-entry img{
		width: 20px;
		height: 20px;
}
.netzwerk-link{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 12px;
}
@media (min-width: 768px){
	.netzwerk-link{
		position: absolute;
    bottom: 10px;
    left: 0px;
	}
		.lp-slider .panel-grid-cell .panel-grid-cell:has(.netzwerk-link){
			height: 70px;
		}
}
.netzwerk-link a{
		color: #142c3d;
		text-decoration: none;
		border: 1px solid #d9eaf5;
		border-radius: 12px;
		padding: 12px 24px;
		background: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 2px 2px rgb(169 194 209 / 32%);
}
.netzwerk-link a:hover{
		background: whitesmoke;
}
#netzwerk{
		background: url('/wp-content/uploads/2024/10/line-3.png');
		background-size: cover;
		background-position: 50% 200px;
		position: relative;
}
.custom-html-widget:has(.lp-slider-navigation){
		display: flex;
		justify-content: center;
		width: 100%;
}
.lp-slider-navigation,
.lp-review-navigation{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		padding: 12px 18px;
		border-radius: 48px;
		border: 1px solid #EBECF0;
}
.lp-arrow-left,
.lp-arrow-right,
.lp-review-arrow-left,
.lp-review-arrow-right{
		display: flex;
		justify-content: center;
		align-items: center;
}
.lp-arrow-left img,
.lp-arrow-right img,
.lp-review-arrow-left img,
.lp-review-arrow-right img{
		width: 20px;
		height: 20px;
}
.lp-arrow-right img,
.lp-review-arrow-right img{
	transform: rotate(180deg);
}
.lp-dots,
.lp-review-dots{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
}
.lp-dot,
.lp .dot{
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #DCE0E2;
    border-radius: 50%;
    cursor: pointer;
		margin: 0;
		transition: background-color 0.3s ease, transform 0.3s ease;
}
.lp-dot.active,
.lp .dot.active{
    background-color: #142C3D;
}
.lp .review .custom-html-widget:has(.lp-review-navigation){
	width: 100%;
	position: absolute;
	bottom: -40px;
	left: 0;
	display: flex;
	justify-content: center;
}
.lp-review-navigation{
	width: fit-content;
}
#netzwerk .lp-slider-navigation{
	border: none;
}

#netzwerk .lp-arrow-left,
#netzwerk .lp-arrow-right{
		padding: 16px;
		border-radius: 50%;
		border: 1px solid #EBECF0;
		background: #fff;
		z-index: 1;
		top: 300px;
		position: absolute;
}

#netzwerk .lp-arrow-left{
		left: 10px;
}
#netzwerk .lp-arrow-right{
		right: 10px;
}
#netzwerk .lp-dots{
	display: none;
}
.lp .vorteile-top{
	position: relative;
		color: #46A3CC;
		font-size: 32px;
		font-weight: 400;
		padding-top: 24px;
		margin-top: 40px;
}
.lp .vorteile-top::after{
	position: absolute;
		content: '';
		display: block;
		top: 0;
		left: 0;
		height: 2px;
		width: 120px;
		background: #C6E1F1;
		border-radius: 1px;
}
.lp .vorteile-head{
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 24px;
}
.lp .vorteile-copy{
		font-size: 16px;
}
.lp .so-funktionierts-column{
		background: #F3F8FC;
		padding: 24px 24px 0px 24px;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 24px;
}
.lp .so-funktionierts-container{
	margin: 40px 0;
}
.lp .so-funktionierts-column .panel-grid-cell{
		margin: 0 !important;
}
.lp .so-funktionierts-column .panel-grid:has(.so-funktionierts-number){
		flex-direction: row !important;
		gap: 24px;
}
.lp .so-funktionierts-column .panel-grid-cell:has(.so-funktionierts-number){
		width: fit-content !important;
}
#so-funktionierts .font-lvl-2 p{
	font-size: 24px;
}
.so-funktionierts-number{
	border-radius: 8px;
	background: #fff;
	box-shadow: 0px 4px 4px -3px rgba(24, 40, 64, 0.10);
		width: 40px;
		height:40px;
		display: flex;
		align-items: center;
		justify-content: center;
}
.lp-cta{
		border-radius: 12px;
	background: url('/wp-content/uploads/2024/10/line-2.png'), linear-gradient(91deg, #F3F8FC 0%, #E6F1F8 100.07%);
		padding: 40px 0;
		background-size: cover;
}
.lp-cta-2{
		width: calc(100% + 40px);
    margin-left: -20px;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 70.5%), #E6F1F8;
    display: flex;
    padding: 0px 32px 80px 32px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.lp-cta > .panel-grid-cell{
	display: flex;
	padding: 40px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
	text-align: center;
}
.lp-cta > .panel-grid-cell > div{
	width: 100%;
}
.lp-cta .bc-button .ow-button-base,
.lp-cta-2 .bc-button .ow-button-base{
		justify-content: center;
}
.lp-cta .bc-button .ow-button-base a,
.lp-cta-2 .bc-button .ow-button-base a{
		font-size: 16px;
	font-weight: 400;
	width: 80% !important;
	padding: 20px !important;
	border-radius: 32px !important;
}
.lp-cta .bc-button,
.lp-cta-2 .bc-button{
	width: 100%;
}
.lp-cta .font-lvl-2 p{
	font-size: 24px;
	padding: 0 80px;
}
.lp-cta-2 .font-lvl-2 h3{
		margin-bottom: 32px;
		line-height: 1.1;
}
.review-head-container{
		background: #4CA4D0;
		color: #fff;
		text-align: center;
		padding: 24px 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		flex-direction: column;
		border-radius: 12px;
}
.review-head-container img{
		height: 30px !important;
		max-width: 30px !important;
}
.lp .review-content{
	padding: 16px;
}
.lp .review-txt-container{
		padding: 20px 20px 0;
}
.lp .review-headline{
	margin-bottom: 20px;
}
.lp .review-headline .font-lvl-1{
	font-size: 24px;
}
.lp-trust-outer{
	background: url(/wp-content/uploads/2024/10/line-3.png);
	background-size: cover;
	background-position: 50% 120px;
	position: relative;
}
.lp-trust .panel-grid-cell{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 0;
		gap: 0px 30px;
}
.lp-trust .panel-grid-cell > div{
	max-width: 140px;
	max-height: 80px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lp-trust-copy .textwidget{
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 40px 0;
}
.lp-trust-copy p{
		color: #8A969E;
		font-size: 14px;
		text-align: center;
		max-width: 60%;
}
.lp #services .lp-slider > div{
		background: url('/wp-content/uploads/2024/10/line.png'), #FFF;
		background-size: 200%;
}
.lp #services .lp-slider > div:nth-child(1n){
    background-position: 90% 90%;
}
.lp #services .lp-slider > div:nth-child(2n){
    background-position: 10% 130%;
}
.lp #services .lp-slider > div:nth-child(3n){
    background-position: 150% 40%;
}
.lp #services .lp-slider > div:nth-child(4n){
    background-position: 80% 130%;
}
.review .truncate-content {
   position: relative;
}
.review .truncate-content::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg, white, transparent);
    bottom: 0;
    left: 0;
		opacity: 1;
		transition: 0.5s all ease;
}
.review .truncate-content.expanded::after {
    opacity: 0;
}
.lp #services .lp-slider img{
	width: 28px;
		height: 28px;
}
@media (max-width: 768px) {
    .lp .panel-grid:has(.cta-row) {
        display: block !important;
    }
		.lp .cta-row {
        flex-direction: column-reverse !important;
				margin-top: 0px;
				text-align: center;
    }
		.lp .cta-row .bc-button .ow-button-base{
			justify-content: center;
		}
		.lp .cta-row .bc-button a{
				font-size: 16px;
				font-weight: 400;
				width: 80% !important;
				padding: 20px !important;
				border-radius: 32px !important;
		}
		.lp .cta-txt {
        padding: 0;
    }
		.lp .lp-slider{
			margin-bottom: 24px;
		}
		.lp .lp-slider > div{
			min-width: 100%;
		}
		.lp #netzwerk .lp-slider > div > div{
			min-width: 100%;
				padding-bottom: 50px;
		}
		.lp #vorteile .lp-slider > div{
			min-width: 75%;
			padding-right: 40px;
		}
		.lp #vorteile .lp-slider > div:nth-last-child(1){
			margin-right: 25vw !important;
		}
		.lp #vorteile > div{
			padding-bottom: 40px;
			margin-bottom: 40px;
			border-bottom: 1px solid #e7e7e7;
		}
		.lp #services{
			background: #E6F1F8;
		}
		.lp #services .lp-slider{
			width: calc(100% + 20px);
				margin-top: 24px;
				text-align: center;
		}
		.lp #services .lp-slider img{
				width: 28px;
				height: 28px;
		}
		.lp #services .lp-slider > div{
				min-width: 40%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				gap: 10px;
				padding: 20px;
				border-radius: 12px;
				box-shadow: 0px 41px 42px -32px rgba(30, 80, 110, 0.30);
				margin-bottom: 47px;	
		}
		.lp #services .lp-slider > div:nth-last-child(1){
				margin-right: calc(100% - 40%);
		}
		.lp #services .lp-slider-navigation{
				border-radius: 46px;
				border: 1px solid #EBECF0;
				background: var(--bc-blau, #FFF);
				box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
				margin-top: -40px;
		}
		.lp .review-content{
			box-shadow: none;
			border: none;
			padding: 0;
			background: none;
		}
		.lp	.review .panel-layout:has(.review-content) {
		padding-top: 0px;
	}
		.lp .review-content .panel-grid-cell:has(.review-head-container){
			margin-bottom: 0 !important;
		}
		.lp .review-img-container::after {
				display: none;
		}
		.lp #main .review-content .panel-grid-cell:has(.review-img-container){
			margin-bottom: 0;
		}
		.lp .review-txt-container {
				padding: 0 20px;
		}
		.lp .review {
				background: linear-gradient(180deg, #E6F1F8 0%, rgba(230, 241, 248, 0.00) 100%), #FFF !important;
				margin-bottom: 100px;
		}
		.lp .review .read-more-btn::before, .review 		.lp .read-less-btn::before {
				display: none;
		}
		.lp .review-copy p{
			line-height:1.4;
		}
}

@media (min-width: 769px) {
		
		.font-lvl-1,
		.font-lvl-1 h1,
		.font-lvl-1 h2,
		.font-lvl-1 p{
				margin-bottom: 10px;
		}
		.social-subhead {
				margin-bottom: 60px;
		}
		
		.lp-expert-header{
			flex-direction: row;
			padding-bottom: 0;
			align-items: stretch !important;
				min-height: 700px;
				padding-top: 160px;
		}
		.lp-expert-header > div:has(.lp-expert-header-1){
				flex-grow: 1;
				max-width: 600px;
		}
		.lp-expert-header > div:has(.lp-expert-header-img){
				display: flex;
				align-items: flex-end;
				justify-content: flex-end;
				padding-right: 40px;
				max-width: 40%;
				min-width: 40%;
		}
		.lp-expert-header-1,
		.lp-expert-header-2,
		.lp-expert-header-3{
			padding: 0;
		}
		.lp-expert-header-1{
			margin-bottom: 16px;
		}
		.lp-expert-header-2{
			margin-bottom: 32px;;
		}
		.lp-expert-header-3{
			margin-bottom: 32px;;
		}
		.lp-expert-header .lp-expert-header-1 p,
		.lp-expert-header .lp-expert-header-2 h1,
		.lp-expert-header .lp-expert-header-3 p{
			text-align: left;
		}
		.lp-expert-header .lp-expert-header-1 p{
			font-size: 24px;
		}
		.lp-expert-header .lp-expert-header-2 h1{
			font-size: 68px;
		}
		.lp-expert-header .lp-expert-header-3 p{
			font-size: 26px;
				font-weight: 400;
		}
		.lp-expert-header .bc-button {
			width: fit-content;
			min-width: 400px;
			position: relative;
				bottom: 0;
				left: 0;
		}
		.lp-expert-header .bc-button a{
			font-size: 24px;
		}
		.lp-expert-header-img {
			max-width: 430px;
		}
		.lp-expert-header::after {
			width: 2000px;
			height: 2000px;
			bottom: -1430px;
			opacity: 0.2;
		}
		.lp-expert-header .ow-button-base {
			justify-content: flex-start;
		}
		.lp-expert-partner .widget_media_image{
				display: flex;
				align-items: center;
				justify-content: center;
		}
		.lp-expert-partner {
				padding-bottom: 60px;
		}
		.lp-expert-performance{
			font-size: 20px;
				padding-top: 60px;
		}
		.lp .vorteile-top::after {
				height: 4px;
		}
		.lp-expert-performance .font-lvl-3 p{
			font-size: 20px;
		}
		.lp .font-lvl-1,
		.lp .font-lvl-1 h2{
			font-size: 48px;
		}
		.lp-expert-performance-pill p{
			font-size: 14px !important;
		}
		.lp .review-headline{
			display: none;
		}
		.lp .vorteile-top{
				font-size: 56px;
				padding-top: 16px;
		}
		.lp .vorteile-copy{
			font-size: 20px;
		}
		#vorteile .lp-slider-navigation{
			display: none;
		}
		#vorteile{
			margin-bottom: 120px;
		}
		.lp .so-funktionierts-column .panel-grid:has(.so-funktionierts-number) {
			flex-direction: column-reverse !important;
		}
		.lp .so-funktionierts-column .panel-grid:has(.so-funktionierts-number) > div {
			width: 100% !important;
		}
		.lp-expert-performance > div:has(.lp-expert-partner-img){
			max-width: 520px;
		}
		.so-funktionierts-container > div > div{
			align-items: stretch !important;
		}
		.lp .so-funktionierts-column {
				justify-content: space-between;
				font-size: 20px;
		}
		#so-funktionierts .font-lvl-2 p{
			font-size: 28px;
		}
		.lp-cta {
			background-size: contain;
			background-repeat: no-repeat;
			background-position: right;
			padding: 56px 72px;
				margin-bottom: 100px;
		}
		.lp-cta > .panel-grid-cell {
			flex-direction: row;
			padding: 0;
		}
		.lp-cta .font-lvl-2 p{
			font-size: 40px;
			padding: 0;
			text-align: left;
		}
		.lp #main .bc-button .so-widget-sow-button a {
			width: fit-content !important;
			padding: 20px 40px !important;
		}
		.lp-cta > .panel-grid-cell > div:has(.bc-button){
				width: fit-content;
		}
		.lp-cta .ow-button-base{
			justify-content: flex-end;
			min-width: 360px;
		}
		.lp #netzwerk .lp-slider > div {
				gap: 24px;
				padding-bottom: 60px;
		}
		.lp #netzwerk .lp-slider > div > div {
				min-width: calc(100% / 3 - (24px * 2 / 3));
				background: #fff;
				padding: 24px;
				border-radius: 12px;
				box-shadow: 0px 41px 42px -32px rgba(30, 80, 110, 0.30);
		}
		.lp #netzwerk {
			background: #E6F1F8;
				padding-top: 60px;
		}
		.lp #services .lp-arrow-left,
		.lp #services .lp-arrow-right{
				padding: 16px;
				border-radius: 50%;
				border: 1px solid #EBECF0;
				background: #fff;
				z-index: 1;
				position: absolute;
		}

		#netzwerk .lp-arrow-left,
		#netzwerk .lp-arrow-right{
			top: 500px;
		}
		.lp #services .lp-arrow-left,
		.lp #services .lp-arrow-right{
			top: 60px;
		}

		#netzwerk > div{
			position: relative;
		}

		#netzwerk .lp-arrow-left,
		.lp #services .lp-arrow-left{
			left: -70px;
		}
		#netzwerk .lp-arrow-right,
		.lp #services .lp-arrow-right{
			right: -70px;
		}

		.lp .lp-slider{
			margin-top: 30px;
		}
		.lp-cta-2{
				width: unset;
				background: #E6F1F8;
				font-size: 20px;
				padding-bottom: 100px;
		}
		.lp-cta-2 h3{
			margin-bottom: 16px !important;
		}
		.lp-cta-2 .textwidget:has(p){
				width: 100%;
				display: flex;
				justify-content: center;
				margin-bottom: 40px;
		}
		.lp-cta-2 p{
			max-width: 60%;
		}
		.lp-cta-2 .bc-button a{
				font-size: 20px;
		}
		#services{
			background: #E6F1F8;
		}
		#services > div > div > .panel-layout{
			position: relative;
		}
			.lp #services .lp-slider{
				gap: 32px;
			}
		.lp #services .lp-slider > div {
				min-width: calc(100% / 4 - (32px * 3 / 4));
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				gap: 10px;
				padding: 40px;
				border-radius: 12px;
				box-shadow: 0px 41px 42px -32px rgba(30, 80, 110, 0.30);
				margin-bottom: 47px;
			}
		.lp #services .lp-slider-navigation{
			/*display: none;*/
		}
		.lp #services .lp-dots{
			display: none;
		}
		.lp .review{
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 83.49%), #E6F1F8 !important;
		}
		.lp-trust-outer {
			background: none;
		}
		.lp-trust .panel-grid-cell {
			justify-content: flex-start;
			gap: 24px;
		}
		.lp-trust-copy .textwidget {
				padding: 10px 0 40px 0;
				justify-content: flex-start;
		}
		.lp-trust-copy p {
				max-width: 100%;
				text-align: left;
				font-size: 18px;
		}
}


/* - Jobs - */

.jobs-entry{
		border-bottom: 1px solid #ebecf0;
		padding: 40px 0px;
}
.jobs-entry .font-lvl-4{
		margin-bottom: 8px;
}
.jobs-entry .font-lvl-4 p{
		font-size: 18px;
}
.jobs-entry .font-lvl-3{
		margin-bottom: 8px;
}
.lp.jobs #main .bc-button .so-widget-sow-button a {
		padding: 12px 24px !important;
    border-radius: 24px;
    font-size: 18px;
}
.jobs .impressionen-row{
	gap: 16px;
	align-items: stretch !important;
		hyphens: none;
}
.jobs .impressionen-row > div{
	width: 100%;
}
.jobs .impressionen-column-1,
.jobs .impressionen-column-2,
.jobs .impressionen-column-3{
		display: flex;
		flex-direction: column;
		gap: 16px;
}
.jobs .impressionen-column-1 > div,
.jobs .impressionen-column-2 > div,
.jobs .impressionen-column-3 > div{
	border-radius: 24px;
	overflow: hidden;
}
.jobs .impressionen-column-1 > div:nth-child(1){
		flex-grow: 1;
		padding: 0 50px;
		align-items: center;
		justify-content: center;
		display: flex;
		text-align: center;
		background: url('/wp-content/uploads/2024/10/line-impressionen.png'), #F3F8FC;
		background-repeat: no-repeat;
}

.jobs .impressionen-column-3 > div:nth-child(2){
		padding: 30px;
		display: flex;
		flex-grow: 1;
		background: url('/wp-content/uploads/2024/08/gradient-mobile.png');		
		border: 2px solid #E6F1F8;
}
.jobs .impressionen-column-3 > div:nth-child(2) div{
	height: 100%;
}
.jobs .impressionen-column-3 .zitat-sm >div:nth-child(1),
.jobs .impressionen-column-3 .zitat-sm >div:nth-child(1) div{
	height: auto;
}
.jobs .zitat-sm .so-panel > div:has(img){
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.jobs .impressionen-column-3 .zitat-sm img{
		max-width: fit-content !important;
    position: relative;
    right: -30px;
    bottom: -30px;
}
.jobs .zitat-sm .font-lvl-1 p{
	font-size: 22px;
}
.jobs .zitat-sm .font-lvl-4 p{
	font-size: 15px;
}
.lp #werte{
	background: linear-gradient(180deg, #e6f1f8, #e9f2fa);
}
.lp .werte-row{
	background: linear-gradient(180deg, #e9f2fa, #f2f8fb);
}
.jobs #benefits{
	background: linear-gradient(180deg, #f2f8fb, #f3f8fc);
}
.jobs .benefits-row{
	background: linear-gradient(180deg, #f3f8fc, #ffffff);
}
.lp .werte-container > div{
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		height: 200px;
		background: url('/wp-content/uploads/2024/11/line-3-light-1.png'), #205e83;
		background-size: 100%;
}
.lp .werte-row > div:nth-child(1n) .werte-container > div{
		background-position: 90% 50%;
}
.lp .werte-row > div:nth-child(2n) .werte-container > div{
		background-position: 10% 130%;
}
.lp .werte-row > div:nth-child(3n) .werte-container > div{
		background-position: 150% 40%;
}
.lp .werte-row > div:nth-child(4n) .werte-container > div{
		background-position: 80% 130%;
}

.lp .werte-container p{
		font-size: 26px;
		color: #fff;
		text-align: center;
}
.lp .werte-copy p{
	font-size: 20px;
	color: inherit;
}
.lp .werte-img {
    max-width: 50px;
    max-height: 50px;
}
.jobs .benefits-row > div{
		padding: 0 30px;
		background: #fff;
		border-radius: 12px;
		border: 2px solid #E6F1F8;
}
.jobs .benefits-row > div > div{
		border-bottom: 1px solid #EBECF0;
		padding: 30px 0;
}
.jobs .benefits-row > div > div:first-child,
.jobs .benefits-row > div > div:last-child{
		border: none;
}
.jobs .benefits-row > div > div:first-child p{
		font-weight: 600;
}
.jobs .benefits-row .panel-layout .panel-grid{
	gap: 15px;;
}
.jobs .benefits-row .panel-layout .panel-grid > .panel-grid-cell:first-child{
	width: 30px !important;
}
.jobs .benefits-row .panel-layout .panel-grid > .panel-grid-cell:last-child{
	flex-grow: 1;
}
.jobs .benefits-row .panel-layout .panel-grid > .panel-grid-cell:last-child > div:first-child{
	margin-bottom: 6px;
}
.jobs .benefits-img{
		width: 30px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
}
.jobs .benefits-img{
		max-width: 100%;
		max-height: 100%;
}
.jobs .bewerbung-row > div:last-child{
	border-radius: 24px;
	overflow: hidden;
}
.jobs .bewerbung-row > div:last-child img{
	min-width: 100%;
}
.jobs .bewerbung-step{
		padding: 6px 22px;
    border-radius: 100px;
    border: 1px solid #46a3cc;
    font-size: 16px;
    color: #46a3cc;
    font-weight: 500;
}
.jobs .bewerbung-row .panel-grid{
		gap: 24px;
		align-items: center !important;
		margin-bottom: 10px !important;
}
.jobs .bewerbung-step-status{
	display: none;
}
.jobs .bewerbung-step-head p{
	font-size: 24px;
}
.jobs .bewerbung-row .panel-grid > div{
	flex-grow: 1;
}
.jobs .bewerbung-row .panel-grid > div:first-child{
	width: fit-content !important;
	flex-grow: 0;
}
.jobs .bewerbung-row .panel-grid > div:last-child{
	width: fit-content !important;
	flex-grow: 0;
}
.jobs .bewerbung-row .panel-layout{
	padding: 16px 0;
	border-bottom: 1px solid #f0f1f4;
}
.jobs .bewerbung-step-status p{
    font-size: 40px;
    color: #46a3cc;
    font-weight: lighter;
}
.jobs .bewerbung-txt-accordion{
		height: 0;
		overflow: hidden;
		padding-top: 20px;
		color: #8a8a8a;
}
.jobs .active .bewerbung-txt-accordion{
		height: auto;
}
.jobs .active .bewerbung-step-status p{
		transform: rotate(45deg);
}
@media (min-width: 769px) {
    .jobs .lp-expert-header > div:has(.lp-expert-header-img) {
        align-items: flex-start;
        padding-right: 0;
        max-width: 50%;
        min-width: 50%;
    }
		.jobs .lp-expert-header-img {
        max-width: 100%;
				border-radius: 24px;
    		overflow: hidden;
    }
		.jobs #wer-wir-sind{
			margin-bottom: 20px;
		}
		.lp.jobs #main .bc-button .so-widget-sow-button a {
				margin-top: 48px;
		}
		.jobs .impressionen-row > div{
			width: 30% !important;
		}
		.jobs .impressionen-row > div:nth-child(2){
			width: 40% !important;
		}
		.lp .werte-subhead{
				width: 60%;
				font-size: 20px;
				hyphens: none;
		}
		.lp .werte-container{
			margin-bottom: 30px;
		}
		.jobs .benefits-row{
			gap: 50px;
			align-items: stretch !important;
		}
		.jobs .benefits-row > div{
				width: 50% !important;
				padding: 20px 50px;
		}
		.jobs .benefits-row > div:nth-child(2){
				display: flex;
				flex-direction: column;
				justify-content: space-between;
		}
		.jobs .benefits-row > div:nth-child(2) > div{
				padding: 20px 0;
		}
		.jobs .benefits-row > div:nth-child(2) > div:first-child{
				padding-bottom: 50px;
		}
		.jobs .bewerbung-row{
			gap: 100px;
		}
		.jobs .bewerbung-row > div{
			width: 50% !important;
		}
		
}

@media (max-width: 768px){
		.jobs	.lp-expert-header-img{
				max-width: none;
				border-radius: 24px;
				overflow: hidden;
		}
		.jobs	.jobs-entry{
				background: #f2f8fc;
				border-radius: 12px;
				padding: 40px 20px;
				margin-top: 30px;
		}
		.impressionen-row > div{
			margin: 0 !important;
		}
		.jobs .impressionen-column-1,
		.jobs .impressionen-column-3{
			flex-direction: column-reverse;
		}
		.jobs .impressionen-column-1 > div:first-child{
			height: 150px;
		}
		.jobs .impressionen-column-3 .zitat-sm img{
				right: 70px;
				max-width: none !important;
				width: 250px;
		}
		.jobs .werte-copy{
			padding: 16px;
		}
		.jobs .benefits-row .panel-layout .panel-grid{
			flex-direction: row !important;
			padding: 0 16px;
		}
		.jobs .benefits-row > div > div:first-child{
			padding: 30px 16px 0px;
		}
		.jobs .bewerbung-row .panel-layout > .panel-grid:first-child{
			gap: 16px;
				flex-direction: row !important;
				margin-bottom: 20px !important;
		}
		.jobs .bewerbung-row .panel-grid > div{
				margin-bottom: 0 !important;
		}
		.jobs .bewerbung-row .panel-grid > div:first-child{
				width: fit-content !important;
				flex-shrink: 0;
		}
		.jobs .bewerbung-step{
			font-size: 12px;
				padding: 6px 12px;
		}
		.jobs .bewerbung-step-head p{
			font-size: 20px;
		}
		.jobs .lp-expert-header{
			padding-bottom: 20px;
		}
		.jobs .lp-expert-header::after{
			bottom: -200px;
		}
		.jobs .lp-expert-header > div:firt-child{
			margin-bottom: 40px;
		}
		.jobs .font-lvl-1,
		.jobs .font-lvl-1 h1,
		.jobs .font-lvl-1 h2, .font-lvl-1 p {
        font-size: 32px;
        hyphens: none;
    }
		.jobs-entry .font-lvl-3 h3{
			font-weight: 500;
		}
		.jobs .impressionen-column-3 {
				flex-direction: column;
		}
		.jobs .impressionen-column-3 > div:nth-child(2){
			padding: 10px;
		}
		.jobs .zitat-sm {
				padding: 32px 32px 180px;
		}
		.lp .werte-row > div{
				background: #fafdff;
				border-radius: 12px;
				padding: 24px 32px !important;
		}
		.lp .werte-container > div {
				background: none;
				height: auto;
				justify-content: flex-start;
				align-items: flex-start;
		}
		.jobs .werte-copy {
				padding: 8px 0;
		}
		.lp .werte-container p {
				color: #142c3d;
				font-weight: 500;
				text-align: left;
				font-size: 20px;
		}
		.lp .werte-copy p {
				font-size: 16px;
		}
		.lp .werte-img {
				margin-bottom: 10px;
		}
		.jobs .benefits-row > div > div:first-child p{
			font-weight: 400;
		}
		.jobs .benefits-row .panel-layout .panel-grid-cell:has(.benefits-img){
			margin-bottom: 0 !important;
		}
}





/*

.lp-slider .panel-grid:has(.hidden){
	display: none;
}

*/



/* ----- SAFARI FIX ----- */



#social-row,
.review .panel-layout:has(.review-content),
.stories-nav .panel-grid,
.stories-slider-container,
.lp .lp-slider,
.lp #netzwerk .lp-slider > div{
  /*FireFox*/
  scrollbar-width: none;
  /*IE10+*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
#social-row::-webkit-scrollbar,
.review .panel-layout:has(.review-content)::-webkit-scrollbar,
.stories-nav .panel-grid::-webkit-scrollbar,
.stories-slider-container::-webkit-scrollbar,
.lp .lp-slider::-webkit-scrollbar,
.lp #netzwerk .lp-slider > div::-webkit-scrollbar{
  /*Chrome, Safari, Edge*/
  display: none;
		-webkit-appearance: none;
    width: 0;
    height: 0;
}

		
/* ----- */