/*!
Theme Name: OKR
Theme URI: https://okr-hub.de
Author: webcoon
Author URI: https://www.webcoon.de
Description: Theme für OKR
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: okr

*/


/*--------------------------------------------------------------
# FONT
--------------------------------------------------------------*/

@font-face {
	font-family: 'Apfel Grotezk';
	src: url('/wp-content/themes/okr/assets/fonts/ApfelGrotezk-Regular.otf') format('opentype');
	font-weight: 400;
}

@font-face {
	font-family: 'Apfel Grotezk';
	src: url('/wp-content/themes/okr/assets/fonts/ApfelGrotezk-Mittel.otf') format('opentype');
	font-weight: 500;
}


/*--------------------------------------------------------------
# VARIABLE
--------------------------------------------------------------*/

:root {
	--maxwidth: 1800px;
	--width: 82%;
	--header-height: 95px;
	--font-size: clamp(17px, 1vw, 20px);
	--purple: #75304C;
	--yellow: #DEEA6E;
	--mint: #89CCBF;
	--blue: #5C9390;
	--green: #395D63;
	--lila: #211F3A;
	--shadow: 0px 5px 6px 0px rgba(0,0,0,0.15);
}


/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/

body {
    font-family: 'Apfel Grotezk', sans-serif;
	font-weight: 400;
	line-height: 1.5em;
	font-size: var(--font-size);
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: var(--lila);
}

*, *:after, *:before {
	box-sizing: border-box;
}

#content #et-boc .et_pb_section a {
	color: var(--green);
}

a {
	text-decoration: none;
}

a:hover, p a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 15px;
}

p:last-child, p:only-child {
	margin: 0;
}

input, textarea {
	box-shadow: unset;
	outline: unset;
	color: var(--yellow);
}

strong, span.bold {
	font-weight: 600;
}

img, video {
	width: 100%;
	height: auto;
	display: block;
}

::placeholder { 
	color: var(--lila);
	opacity: 0.8; 
  }
  
  :-ms-input-placeholder { 
	color: var(--lila);
  }
  
  ::-ms-input-placeholder { 
	color: var(--lila);
  }

.overflow-hidden, .overflow-hidden body {
	overflow: hidden;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#content #et-boc .et_pb_section h1 {
	font-size: clamp(40px, 2.2vw, 50px);
	line-height: 1.1em;
	text-transform: uppercase;
}

#content #et-boc .et_pb_section h2 {
	font-size: clamp(30px, 1.7vw, 40px);
  	line-height: 1.1em;
}

#content #et-boc .et_pb_section h3 {
	font-size: clamp(40px, 2.2vw, 50px);
	line-height: 1.1em;
	text-transform: uppercase;
	padding-bottom: clamp(5px, .3vw, 10px);
}

#content #et-boc .et_pb_section h4 {
	font-size: clamp(30px, 1.7vw, 40px);
	line-height: 1.1em;
	padding-bottom: clamp(25px, 1.7vw, 35px);
	color: var(--blue);
	font-weight: 500;
	word-break: break-word;
  	word-break: auto-phrase;
  	overflow-wrap: break-word;
}

#content #et-boc .et_pb_section h5 {
	font-size: var(--font-size);
  	line-height: 1.3em;
	text-transform: uppercase;
}

.et-db #et-boc .et-l .et_pb_module blockquote {
	border-color: var(--blue) !important;
}



/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/

#header {
	position: absolute;
	width: 100%;
	z-index: 999;
	height: var(--header-height);
	padding: 15px 0;
	transition: all 0.4s ease;
	top: 30px;
}

.header-inner {
	max-width: var(--maxwidth);
	width: var(--width);
	height: calc(var(--header-height) - 30px);
	display: flex;
  	justify-content: space-between;
	margin: auto;
}

.header-logo {
	transition: all 0.4s ease;
	position: relative;
	z-index: 9999;
}

.header-logo img {
	width: auto;
	height: 65px;
  	
}

.header-hell .header-logo img {
	filter: brightness(10);
}

.menu {
	display: flex;
}

.header-socials {
	display: flex;
	gap: clamp(15px, 1vw, 20px);
	margin-left: clamp(50px, 3vw, 65px);
}

.header-social {
	height: clamp(30px, 2vw, 36px);
	width: clamp(30px, 2vw, 36px);
}

.header-hell .header-social {
	filter: brightness(100);
}

#header ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

#header ul li {
	margin-right: clamp(50px, 3vw, 65px);
	padding: 30px 0;
}

#header ul li:last-child, #header ul li li {
	margin-right: 0px;
}

.header-menu-main .menu > li > a {
	font-size: var(--font-size);
	text-transform: uppercase;
	color: var(--lila);
	position: relative;
	text-decoration: none !important;
	font-family: 'Apfel Grotezk', sans-serif;
	font-weight: 400;
  	letter-spacing: 1px;
}

.header-hell .header-menu-main .menu > li > a {
	color: #fff;
}

.header-menu {
	display: flex;
	align-items: center;
  	white-space: nowrap;
	position: relative;
}

.mobil-menu-button {
	display: none;
}

.menu > .menu-item > a:before {
    content:"";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 0;
    height: 2px;
    background: var(--yellow);
    margin: 0 auto;
    transition: .5s cubic-bezier(.4,-.01,0,.99);
}

.menu > .menu-item:hover > a:before, .menu > .current-menu-item > a:before{
    width: 100%;
}

.mega-menu .sub-menu a {
	color: var(--lila) !important;
	white-space: pre-line !important;
}

.mega-menu > .sub-menu {
	position: absolute;
	z-index: 999;
	background: #fff;
	opacity: 0;
	margin-top: 40px !important;
	visibility: hidden;
	transition: opacity 0.3s ease, margin-top 0.4s ease, visibility 0s ease 0.2s;
	box-shadow: 0px 0px 20px 10px #0000001c;
	display: block;
	right: 0;
	padding: 30px 50px !important;
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	gap: 60px;
	max-width: 82vw;
}

.mega-menu .sub-menu .sub-menu li {
	padding-top: 20px !important;
	padding-bottom: 0px !important;
}

@media all and (min-width: 980px) {
	.mega-menu > .sub-menu > .menu-item > a {
		min-height: 3em;
		color: var(--blue) !important;
	}

	.mega-menu > .sub-menu .-top {
		padding: 0 !important;
		grid-column: 1 / -1;
	}
	
	#header .mega-menu > .sub-menu .-top a {
		padding: 12px !important;
		background: var(--blue);
		color: #fff !important;
		min-height: unset !important;
		margin-bottom: -60px !important;
    	text-align: center;
		text-decoration: none !important;
	}

	#header .mega-menu > .sub-menu .-top a:hover {
		opacity: 0.8;
	}
	

	.mega-menu:hover > .sub-menu {
		opacity: 1;
		visibility: visible;
		margin-top: 30px !important;
		transition: opacity 0.3s ease, margin-top 0.6s ease, visibility 0s ease 0s;
	}

	.mega-menu::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #ffffff transparent;
		position: absolute;
		margin-bottom: -20px;
		opacity: 0;
		bottom:0;
		z-index: 2;
		margin-left: 25px;
		z-index: 1000;
	}
	
	.mega-menu:hover::before {
		opacity: 1;
		margin-bottom: -12px;
		transition: opacity 0.3s ease, margin-bottom 0.6s ease;
	}

	.menu li .sub-menu .sub-menu a {
		display: block;
		text-transform: unset;
		font-weight: 400;
		white-space: nowrap !important;
	}
}


.menu li .sub-menu a {
    display: block;
    white-space: nowrap;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}

.menu li .sub-menu > li:last-child a{
    margin-bottom: 0px;
}

.menu li .sub-menu a:hover {
    text-decoration: underline;
}

.mobile-back {
	display: none !important;
}


/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/

#footer {
	width: 100vw;
	padding: 200px 0 80px;
	overflow: hidden;
	position: relative;
}

#footer a {
	color: var(--lila);
	text-transform: uppercase;
}

#footer > .row {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
	width: var(--width);
	max-width: var(--maxwidth);
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 3;
}

#footer > .row .footer-menu {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 35px;
}

.footer-socials {
	display: flex;
	gap: clamp(15px, 1vw, 20px);
}

.footer-social {
	height: clamp(30px, 2vw, 36px);
	width: clamp(30px, 2vw, 36px);
}


#footer:before {
	content:"";
	position: absolute;
	z-index: 1;
	height: 34vw;
	width: 34vw;
	bottom: 0;
	left: 0;
	background: url("/wp-content/themes/okr/assets/svg/footer-left.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-position: left bottom;
} 

#footer:after {
	content:"";
	position: absolute;
	z-index: 1;
	height: 12vw;
	width: 12vw;
	bottom: 0;
	right: 0;
	background: url("/wp-content/themes/okr/assets/svg/footer-right.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-position: right bottom;
} 



/*--------------------------------------------------------------
# OKR - SECTIONS & CO
--------------------------------------------------------------*/

/* ANIMATION */

.et_pb_row, .blog-text, .timeline-item {
	transition: transform 1s ease, opacity 1s ease !important;
	opacity: 0 !important;
	transform: translateY(15px) !important;
	transition-delay: .25s !important;
}

.et_pb_row.animated, .blog-text.animated, .timeline-item.animated, #et-fb-app .et_pb_row, #et-fb-app .blog-text, #et-fb-app .timeline-item {
	opacity: 1 !important;
	transform: translateY(0px) !important;
}



/* SECTIONS */

#content #et-boc .et-l .et_pb_row {
	width: var(--width);
	max-width: var(--maxwidth);
	margin: 0 auto;
	z-index: 3;
}

.full-height {
	min-height: clamp(100vh, calc(100vw * 0.5625), 100vh) !important;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}

.full-height.top {
	justify-content: flex-start;	
}

.shadow {
	box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.15) !important;
}


/* ROW */

.middle {
	display: flex;
	flex-wrap: wrap;
  	align-items: center;
}


/* SHORT HERO */

#content #et-boc .short-hero {
	min-height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 220px 0 120px;
	position: relative;
  	z-index: 4;
}

.short-hero > .et_pb_row > .et_pb_column {
	max-width: clamp(720px, 50vw, 920px);
}


/* VIDEO HERO */

#content #et-boc .hero {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 220px 0 100px;
	position: relative;
  	z-index: 4;
}

.hero > .et_pb_row {
	opacity: 1 !important;
	transform: unset !important;
}

.hero > .et_pb_row > .et_pb_column {
	max-width: clamp(720px, 50vw, 920px);
}

#content #et-boc .hero .et_pb_row, #content #et-boc .hero .et_pb_row .et_pb_column {
	position: unset !important;
}

#content #et-boc .hero .et_pb_module {
	z-index: 99 !important;
}

#content #et-boc .hero .video-bg {
	position: absolute !important;
	width: 100vw;
	left: 0;
	top: 0;
	z-index: 4 !important;
	height: 100%;
	bottom: 0;
	overflow: hidden;
}

#content #et-boc .hero .video-bg .et_pb_code_inner, #content #et-boc .hero .video-bg .et_pb_code_inner > div {
	height: 100%;
	width: 100%;
}

#content #et-boc .hero .video-bg .et_pb_code_inner video {
	height: 100%;
	width: 100%;
	object-fit: cover;
  	object-position: center;
}


/* BUTTON */

#content #et-boc .okr-button, #content #et-boc .modul-okr-button .et_pb_button {
	font-size: var(--font-size);
	text-transform: uppercase !important;
	border: 1px solid var(--green);
	color: var(--green);
	font-weight: 500;
	padding: clamp(10px, .7vw, 20px) clamp(30px, 1.7vw, 45px);
	line-height: 1em !important;
	background-color: transparent;
	border-radius: 100px;
	min-width: clamp(195px, 17.5vw, 300px);
  	text-align: center;
	display: inline-block;
}

#content #et-boc .okr-button:after, #content #et-boc .modul-okr-button .et_pb_button:after {
	display: none !important;
}

#content #et-boc .okr-button:hover, #content #et-boc .modul-okr-button .et_pb_button:hover {
	background-color: var(--green);
	color: #fff;
}

#content #et-boc .okr-button.hell, #content #et-boc .cta .et_pb_button, #content #et-boc .modul-okr-button.hell .et_pb_button {
	border: 1px solid #fff !important;
	color: #fff !important;
}

#content #et-boc .okr-button.hell:hover, #content #et-boc .cta .et_pb_button:hover, #content #et-boc .modul-okr-button.hell .et_pb_button:hover {
	background-color: #fff !important;
	color: var(--green) !important;
}


/* TAB */

#content #et-boc .okr-tab {
	background: unset !important;
	border: unset !important;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#content #et-boc .okr-tab .et_pb_tabs_controls {
	display: flex;
	flex-direction: column;
	background: unset !important;
	border: unset !important;
}

#content #et-boc .okr-tab .et_pb_tabs_controls li {
	background: unset !important;
	border: unset !important;
	display: flex;
	align-items: center;
	position: relative;
}

#content #et-boc .okr-tab .et_pb_tabs_controls li:before {
	content:"";
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 1px solid #fff;
	display: block;
	position: absolute;
	left: 0;
}

#content #et-boc .okr-tab .et_pb_tabs_controls li a {
	font-size: clamp(40px, 2.2vw, 50px);
	line-height: 1.1em;
	text-transform: uppercase;
	padding: 0 50px;
  	margin: 15px 0;
	color: #fff !important;
}

#content #et-boc .okr-tab .et_pb_tabs_controls li.et_pb_tab_active a {
	color: var(--yellow) !important;
}

#content #et-boc .okr-tab .et_pb_tabs_controls li.et_pb_tab_active:before {
	background: #fff;
}

#content #et-boc .okr-tab .et_pb_all_tabs {
	background: unset !important;
	border: unset !important;
	color: #fff !important;
	display: flex;
  	align-items: center;
}

#content #et-boc .okr-tab .et_pb_all_tabs .et_pb_tab {
	transition: transform 1s ease, opacity 1s ease !important;
}

#content #et-boc .okr-tab ul.et_pb_tabs_controls::after {
	display: none !important;
}

#content #et-boc .okr-tab.dark .et_pb_tabs_controls li a {
	color: var(--green) !important;
}

#content #et-boc .okr-tab.dark .et_pb_all_tabs {
	color: var(--lila) !important;
}

#content #et-boc .okr-tab.dark .et_pb_tabs_controls li:before {
	border: 1px solid var(--green);
}

#content #et-boc .okr-tab .et_pb_tabs_controls li:before {
	border: 1px solid #fff;
}

#content #et-boc .okr-tab.dark .et_pb_tabs_controls li.et_pb_tab_active:before {
	background: var(--mint);
	border: 1px solid var(--mint);
}

#content #et-boc .okr-tab.dark .et_pb_tabs_controls li.et_pb_tab_active a {
	color: var(--mint) !important;
}

#content #et-boc .okr-tab .et_pb_tabs_controls li.et_pb_tab_active a {
	color: var(--yellow) !important;
}


/* CIRCLE */

.c-left:before {
	content:"";
	position: absolute;
	z-index: 2;
	height: 75vw;
  	width: 75vw;
	background: url("/wp-content/themes/okr/assets/svg/c-left.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	left: 0%;
	background-position: top left;
}

.c-right:after {
	content:"";
	position: absolute;
	z-index: 2;
	height: 75vw;
  	width: 75vw;
	background: url("/wp-content/themes/okr/assets/svg/c-right.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	right: 0%;
	background-position: top right;
}

.c-top:before, .c-top:after {
	top: 5%;
}

.c-middle:before, .c-middle:after {
	top: 75%;
	transform: translateY(-50%);
}

.c-top-middle:before, .c-top-middle:after {
	top: 0%;
	transform: translateY(-50%);
}


.c-bottom:before, .c-bottom:after {
	bottom: -25%;
}

.c-half:before, .c-half:after {
	bottom: -37.5vw;
}



/* BUTTON GRID */

.button-grid .et_pb_column {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

.button-grid-item {
	margin-bottom: 0 !important;
	padding: 20px !important;
	border-top-left-radius: 100px !important;
	border-bottom-right-radius: 100px !important;
	text-align: center !important;
}

.button-grid-item h5 {
	margin: 0 !important;
	padding: 0 !important;
}



/* SLIDER */

.swiper-container {
	position: relative;
	overflow: hidden;
	width:100%;
	padding: 0 30px !important;
}

.swiper-slide {
	width: 100%;
}

#content #et-boc .swiper-wrapper {
	display: flex;
	transition-property: transform !important;
	flex-wrap: nowrap;
	float: unset !important;
	width: unset !important;
	margin: unset !important;
	position: unset !important;
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	padding: 0 30px !important;
	margin-bottom: 0 !important;
}

.icon-slider img {
	max-height: 105px;
}

.button-next {
	right: 0px;
	transform: translateY(-50%);
}

.button-prev {
	left: 0px;
	transform: translateY(-50%);
}

.button-next, .button-prev {
	height: 42px;
	width: 42px;
	top: 50%;
	z-index: 4;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	cursor: pointer;
	transition: opacity .3s ease, visibility .3s ease !important;
	border-radius: 100% !important;
	border: 1px solid var(--green) !important;
}

.button-next:after, .button-prev:after {
	content:"";
	height: 14px;
	width: 14px;
	border-right: 2px solid var(--green);
	border-top: 2px solid var(--green);
	transform: rotate(45deg);
	margin-right: 4px;
}

.button-prev:after {
	transform: rotate(-135deg);
	margin-right: -4px;
}

.swiper-slide .et_pb_blurb_content, .swiper-slide .et_pb_blurb_container, .swiper-slide .et_pb_blurb_description {
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

.swiper-slide .slider-button {
	margin-top: auto !important;
	padding-top: 20px !important;
}

.swiper-button-lock {
	opacity: 0;
}


/* FULL SLIDER */

.big-slider .swiper-container {
	padding: 0px !important;
}

.big-slider .swiper-slide {
	max-width: 100% !important;
	padding: 0 !important;
}

.big-slider .swiper-slide .swiper-slide-inner {
	width: var(--width);
	max-width: var(--maxwidth);
	margin: 0 auto !important;
}

.big-slider .swiper-slide.middle .swiper-slide-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.big-slider .button-prev {
	left: 30px;
}

.big-slider .button-next {
	right: 30px;
}


/* TIMELINE */

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

.timeline:before {
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	margin: 0 auto;
	width: 1px;
	height: 100%;
	background: #fff;
}

.timeline:after {
	content:"";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 100%;
}

.timeline-item {
	width: calc(50% - 50px);
	padding-top: 15px !important;
	margin-bottom: 85px !important;
}

.timeline-item h4 {
	color: var(--yellow) !important;
}

#content #et-boc .timeline-item p {
	color: #fff !important;
}

.timeline-item:before {
	content:"";
	position: absolute;
	left: -58px;
	top:0;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 100%;
}

.timeline-item:nth-child(2n + 1) {
	margin-left: auto !important;
}

.timeline-item:nth-child(2n + 2) * {
	text-align: right !important;
}

.timeline-item:nth-child(2n + 2):before {
	left: unset;
	right: -58px;
}


/* CALL TO ACTION */

#content #et-boc .cta {
	max-width: 480px;
	margin: auto !important;
	padding: 0 !important;
}

#content #et-boc .cta .et_pb_promo_description {
	padding-bottom: clamp(25px, 1.7vw, 35px);
}

#content #et-boc .cta .et_pb_module_header {
	color: var(--yellow) !important;
}


/* IMAGE */

.img-round img {
	border-radius: 100% !important;
}

.img-left {
	width: 130%;
  	left: calc(-5vw - 30%) !important;
	max-width: 1000px;
}

.img-right {
	width: 130%;
	right: -5vw !important;
	max-width: 1000px;
}

.big-img, .big-img-right {
	width: calc(50vw - 5.5%);
}

.big-img.-left, .big-img-left {
	width: calc(50vw - 5.5%);
	margin-left: -9vw !important;
}


/* STICKY */

.sticky-col {
	position: sticky !important;
  	top: 50px;
}


/* LIGHTBOX */

.lightbox {
	cursor: pointer;
}

.okr-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lightbox-content {
    position: relative;
    padding: 30px;
	background: #fff;
}

.lightbox-content img {
    max-width: var(--maxwidth);
    max-height: 80vh;
    width: 80vw;
}

.close-lightbox {
	position: absolute;
    top: 20px;
    right: 20px;
	width: 32px;
	height: 32px;
	opacity: 1;
	cursor: pointer;
	transition: all .3s ease;
}

.close-lightbox:hover {
	opacity: 0.8;
}

.close-lightbox:before, .close-lightbox:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: var(--green);
}

.close-lightbox:before {
	transform: rotate(45deg);
}

.close-lightbox:after {
	transform: rotate(-45deg);
}


/* ACCORDION */

.et_pb_accordion {
	max-width: 800px;
  	margin: auto !important;
}

.et_pb_accordion .et_pb_accordion_item {
	padding: 20px 0 !important;
	background: unset !important;
	border: 0 !important;
	border-bottom: 1px solid var(--green) !important;
	margin-bottom: 0 !important;
}

.et_pb_accordion .et_pb_accordion_item h5 {
	color: var(--green) !important;
	display: flex;
	align-items: center;
	position: relative !important;
}

.et_pb_accordion .et_pb_accordion_item h5:before {
	display: flex !important;
	content:"" !important;
	position: absolute !important;
	right: 8px !important;
	height: 18px;
	width: 1.5px;
	background: var(--green);
	top: unset !important;
	margin: unset !important;
	transition: transform .3s ease, opacity .1s ease 0s;
}

.et_pb_accordion .et_pb_accordion_item h5:after {
	content:"";
	position: absolute;
	right: 0;
	height: 1.5px;
	width: 18px;
	background: var(--green);
}

.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open h5:before {
	transform: rotate(-90deg);
	opacity: 0;
	transition: transform .3s ease, opacity .1s ease .3s;
}


/*--------------------------------------------------------------
# GRID
--------------------------------------------------------------*/

#content #et-boc .filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
  	margin-bottom: 50px;
}

.filter-item {
	cursor: pointer;
	transition: opacity .2s ease !important;
}

#content #et-boc .filter-cat, .filter-cat .filter-items {
	display: flex;
  	align-items: center;
  	gap: 20px;
	position: relative;
}

.remove-filter {
	position: absolute;
	bottom: -30px;
	text-decoration: underline;
	cursor: pointer;
	display: none;
}

.filter-cat .filter-item {
	text-transform: uppercase;
	position: relative;
}

.filter-cat .filter-item.selected:after {
	content:"";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--green);
}

#content #et-boc .filter-cat h5 {
	padding: 0 !important;
}

#content #et-boc .filter-themen {
	width: 100%;
}

#content #et-boc .filter-themen .filter-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
	gap: 20px;
}

#content #et-boc .filter-themen .filter-items .filter-item {
	font-size: var(--font-size);
	text-transform: uppercase !important;
	border: 1px solid var(--green);
	color: var(--green);
	font-weight: 500;
	padding: clamp(10px, .7vw, 20px) clamp(15px, 1vw, 30px);
	line-height: 1em !important;
	background-color: transparent;
	border-top-left-radius: 100px !important;
  	border-bottom-right-radius: 100px !important;
	min-width: clamp(240px, 17.5vw, 300px);
  	text-align: center;
}

#content #et-boc .filter-themen .filter-items .filter-item:hover, #content #et-boc .filter-themen .filter-items .filter-item.selected {
	background-color: var(--green);
	color: #fff;
}

#content #et-boc .filter-items .filter-item.inactive {
	pointer-events: none;
	cursor: unset !important;
	opacity: .4;
}

.filter-search .filter-inner {
	display: flex;
  	align-items: center;
	gap: 12px;
}

.filter-search .lupe {
	width: 25px;
	cursor: pointer;
}

.filter-search #search {
	font-size: var(--font-size) !important;
	color: var(--lila) !important;
	border: 0 !important;
	border-bottom: 1px solid !important;
	padding: 6px 0 !important;
	transition: max-width .3s ease !important;
	max-width: 0;
	width: 100%;
}

.filter-search.selected #search {
	max-width: 200px;
}


.posts {
    margin-left: -5px !important;
	width: calc(100% + 10px);
	min-height: 100vh;
}

.posts.short {
	display: flex;
	justify-content: space-between;
	margin-left: 0px !important;
	width: 100%;
	min-height: unset;
}

.flex-start .posts.short {
	align-items: flex-start;
}


.post {
    margin: 5px !important;
    width: calc(33.3% - 10px);
	box-shadow: var(--shadow) !important;
	padding: clamp(30px, 2vw, 40px) !important;
	background: #fff !important;
}

.posts-1 .post{
	width: 100%;
}

.posts-2 .post{
	width: calc(50% - 10px);
}

.post ._content > * {
	padding-bottom: clamp(30px, 2vw, 40px) !important;
}

.post h4 {
	color: var(--lila) !important;
}

.post h5 {
	color: var(--green) !important;
}

.post .thumbnail {
	display: block;
}

.post.mint {
	background: var(--mint) !important;
}

.post.weinrot {
	background: var(--purple) !important;
	color: #fff !important;
}

.post.weinrot h4 {
	color: #fff !important;
}

.post.weinrot h5 {
	color: var(--yellow) !important;
}

.post.weinrot .okr-button {
	border: 1px solid #fff !important;
	color: #fff !important;
}

.post.weinrot .okr-button:hover {
	background-color: #fff !important;
	color: var(--lila) !important;
}

.post.gelb {
	background: var(--yellow) !important;
}

.post.gelb h4 {
	color: var(--lila) !important;
}

.post.gelb h5 {
	color: var(--purple) !important;
}

.post.gelb .okr-button, .post.mint .okr-button {
	border: 1px solid var(--lila) !important;
	color: var(--lila) !important;
}

.post.gelb .okr-button:hover, .post.mint .okr-button:hover {
	background-color: var(--lila) !important;
	color: #fff !important;
}

.posts-break .posts.short {
	flex-direction: column;
}

.posts-break .posts.short .post {
	width: calc(100% - 10px);
}



/*--------------------------------------------------------------
# SINGLE
--------------------------------------------------------------*/

.single.style-weinrot .header-logo img, .single.style-weinrot .header-social {
	filter: brightness(100);
}

.single.style-weinrot .header-menu-main .menu > li > a {
	color: #fff;
}

.single #content #et-boc .et-l .et_pb_row {
	max-width: 1080px;
}

.single #content #et-boc .et-l .post-footer .et_pb_row {
	max-width: var(--maxwidth);
	border-top: 1px solid var(--green);
  	padding-top: 6%;
}

.single #content #et-boc .et-l .post-footer {
  	padding-top: 0;
}

.single #content #et-boc .et-l .post-footer .et_pb_row:first-child {
	border-top: 1px solid var(--green);
  	padding-top: 6%;
}

.single #content #et-boc .et-l .trenner {
	padding: 0 !important;
}

.single #content #et-boc .et-l .trenner .et_pb_row {
	padding: 0 !important;
	max-width: 100%;
	width: 100%;
	max-height: 550px;
	overflow: hidden;
}

.single #content #et-boc .et-l .trenner .et_pb_row img {
	width: 100vw;
	max-height: 550px;
	object-fit: cover;
}

.single #content #et-boc .single-hero {
	padding-top: 220px;
	padding-bottom: 100px;
}

.single #content #et-boc .single-hero .et_pb_text {
	margin-bottom: 0 !important;
}

.single #content #et-boc .templates-hero {
	background: var(--mint);
}

.single.style-standard #content #et-boc .single-hero-subline * {
	color: var(--green) !important;
}

.single.style-gelb #content #et-boc .single-hero {
	background: var(--yellow);
}

.single.style-mint #content #et-boc .single-hero {
	background: var(--mint);
}

.single.style-mint #content #et-boc .single-hero-subline * {
	color: #fff !important;
}


.single.style-gelb #content #et-boc .single-hero-subline * {
	color: var(--purple) !important;
}

.single.style-weinrot #content #et-boc .single-hero {
	background: var(--purple);
}

.single.style-weinrot #content #et-boc .single-hero-headline * {
	color: #fff !important;
}

.single.style-weinrot #content #et-boc .single-hero-subline * {
	color: var(--yellow) !important;
}

.single.style-weinrot #content #et-boc .single-hero-text * {
	color: #fff !important;
}

.single #content #et-boc .single-hero .single-hero-breadcrumb {
	margin-bottom: 15px !important;
}

.single-hero-breadcrumb a {
	color: var(--lila) !important;
	font-weight: 400 !important;
}

.single-hero-breadcrumb .divider {
	margin: 0 5px !important;
}

.single.style-weinrot .single-hero-breadcrumb a, .single.style-weinrot .single-hero-breadcrumb {
	color: #fff !important;
}

.post-content .et_pb_text_inner ul:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.post-content .et_pb_module {
	margin-bottom: 6% !important;
}

.post-content .et_pb_module:last-child {
	margin-bottom: 0 !important;
}

#content #et-boc .post-content h3 {
	text-transform: unset;
	padding-bottom: clamp(15px, .9vw, 20px);
}

#content #et-boc .post-content h4 {
	color: var(--lila);
	padding-bottom: clamp(15px, .9vw, 20px);
	padding-top: clamp(15px, .9vw, 20px);
}

.autor .et_pb_blurb_content {
	margin: 30px 0 0 !important;
	display: flex !important;
	align-items: center !important;
}

.autor .et_pb_main_blurb_image {
	width: 50px !important;
	border-radius: 100% !important;
	overflow: hidden !important;
	margin: 0 !important;
}

.single.style-weinrot #content #et-boc .autor *{
	color: #fff;
}




.template-steps {
    counter-reset: stepCounter;
}

.template-step {
	display: grid;
	grid-template-columns: 50px auto;
	align-items: flex-start;
	gap: 15px;
}
/*
.template-step:before {
    counter-increment: stepCounter;
    content: counter(stepCounter, decimal-leading-zero);
	border-right: 1px solid var(--blue);
	min-height: 50px;
	color: var(--blue);
	font-size: 24px;
	margin-top: 6px;
	font-weight: 600;
}
*/

.template-step:before {
    counter-increment: stepCounter;
    content: counter(stepCounter, decimal-leading-zero);
	height: 48px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	margin-top: 6px;
	font-weight: 600;
	background: url("/wp-content/uploads/okr-form-li.svg");
	background-size: 100% 100%;
}

.post-content .headline-steps {
	margin-bottom: 0 !important;
}

.template-stats h4 {
	padding-top: 0 !important;
}

#content #et-boc .blog-text-box {
  	padding: 40px !important;
}

#et-boc .blog-text-box {
	background: var(--mint);
}

#content #et-boc .blog-text-box.kurz {
	margin-left: 30px;
  	margin-right: 30px;
}


.kapitel-navi-wrapper {
	position: sticky !important;
	top: 50px;
}

.kapitel-navi {
	padding: 40px !important;
  	background: var(--green) !important;
}

.kapitel-navi-links {
	margin-top: 20px !important;
	border-left: 2px solid #fff !important;
	padding-left: 8px !important;
}

.kapitel-navi-links.unterkapitel {
	margin-top: 5px !important;
	border-left: 0px !important;
	font-size: 14px !important;
}

.kapitel-navi-links:first-child {
	margin-top: 0px !important;
}

#content #et-boc .kapitel-navi-links a {
	color: #fff !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	padding: 0 !important;
	display: inline-block;
}

#content #et-boc .kapitel-navi-links a:hover {
	text-decoration: underline !important;
}

#content #et-boc .kapitel-navi-links:hover {
	border-color: var(--yellow) !important;
}


/*--------------------------------------------------------------
# SHORT GRID
--------------------------------------------------------------*/

.wrapped-posts {
	margin: 5px !important;
	width: calc(33.3% - 10px) !important;
}

.wrapped-posts .post {
	margin: 0px !important;
	width: 100% !important;
	margin-bottom: 10px !important;
}

.wrapped-posts .post:last-child {
	margin-bottom: 0px !important;
}


/*--------------------------------------------------------------
# CASES GRID
--------------------------------------------------------------*/

.posts.cases .post {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(30px, 2vw, 40px) !important;
}

.posts.cases .post ._button {
	padding-bottom: 0 !important;
}

.posts.cases .post ._image .thumbnail {
	height: 100% !important;
	padding: 0 !important;
}

.posts.cases .post ._image .thumbnail img {
	height: 100% !important;
	object-fit: cover;
}


/*--------------------------------------------------------------
# CASES SINGLE
--------------------------------------------------------------*/

.case-titelbild {
	margin-top: calc(var(--header-height) + 60px) !important;
	padding: 0 !important;
}

.single #content #et-boc .et-l .case-titelbild .et_pb_row {
	padding: 0 !important;
	max-width: 100%;
	width: 100%;
	height: calc(80vh - (var(--header-height) + 60px));
	overflow: hidden;
}

.single #content #et-boc .et-l .case-titelbild .et_pb_row img {
	height: calc(80vh - (var(--header-height) + 60px));
	width: 100vw;
	object-fit: cover;
	object-position: center;
}

#content #et-boc .case-hero .et_pb_text {
	margin-bottom: 0 !important;
}

#content #et-boc .case-hero .single-hero-breadcrumb {
	margin-bottom: 15px !important;
}

.case-hero {
	margin-top: -180px !important;
	padding: 0 !important;
	position: relative;
	z-index: 9;
}

.case-hero .et_pb_row {
	background: #fff !important;
	position: relative;
	z-index: 9;
	padding: 50px !important;
	box-shadow: var(--shadow) !important;
	max-width: 1000px !important;
}



/*--------------------------------------------------------------
# KONTAKT
--------------------------------------------------------------*/

.kontaktbox {
	background: var(--purple) !important;
}

.kontaktdaten {
	margin-top: 25px !important;
}

#content #et-boc .kontaktdaten h4 {
	padding-bottom: 5px !important;
	color: var(--yellow) !important;
}

.kontaktdaten h5 {
	padding-bottom: 0px !important;
}


.et-db #et-boc .et-l .et_pb_contact p input, .et-db #et-boc .et-l .et_pb_contact p textarea {
	font-size: clamp(17px, 1vw, 20px) !important;
	font-family: 'Apfel Grotezk', sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.5em !important;
}

#content #et-boc .modul-okr-button .et_pb_contact_submit:hover {
	background-color: var(--green) !important;
}

.et-db #et-boc .et-l .et_pb_contact input.et_pb_contact_captcha {
	padding: 8px !important;
}

.et-db #content #et-boc .et-l .et_pb_contact p input, .et-db #content #et-boc .et-l .et_pb_contact p textarea {
	color: var(--lila) !important;
}

.et-db #content #et-boc .et-l .hell .et_pb_contact p input, .et-db #content #et-boc .et-l .hell .et_pb_contact p textarea, .et-db #content #et-boc .et-l .hell .et-pb-contact-message {
	color: #fff !important;
}

/*--------------------------------------------------------------
# SONSTIGES
--------------------------------------------------------------*/

#BorlabsCookieBox .cookie-logo {
	max-width: 70px !important;
	filter: brightness(0);
}

#CookieBoxTextHeadline {
	font-family: 'Apfel Grotezk', sans-serif !important;
  	font-size: 28px !important;
}

#BorlabsCookieBox ._brlbs-btn {
	font-family: 'Apfel Grotezk', sans-serif !important;
	font-weight: 600;
	font-size: 16px !important;
	text-transform: uppercase;
	padding: 15px !important;
}

#BorlabsCookieBox ._brlbs-bar-advanced ul, #BorlabsCookieBox ._brlbs-box-advanced ul {
	justify-content: flex-start !important;
	margin-top: 20px !important;
}

.et-db #et-boc .et-l .et-fb-tooltip-modal .et-fb-settings-heading, .et-db #et-boc .et-fb-form__toggle-title h3 {
	line-height: 16px !important;
	font-size: 18px !important;
	text-transform: none !important;
}


/*--------------------------------------------------------------
# ERROR
--------------------------------------------------------------*/

#content > #error {
	min-height: calc(100vh - var(--header-height));
	padding: 60px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;	
}

.error-content {
	max-width: 600px;
}

.error-404 {
	font-size: 50px;
	line-height: 1.2em;
	font-family: 'Apfel Grotezk', sans-serif;
	font-weight: 700;
}

.error-text {
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 600;
	margin: 15px 0 20px;
}


/*--------------------------------------------------------------
# RESPONSIVE
--------------------------------------------------------------*/


/*
@media all and (min-width: 980px) and (max-width: 1428px) {

}
*/





@media (max-width: 1380px) and (min-width: 980px) {
	.button-grid-item h5, .filter-themen .filter-item  {
		font-size: 1.2vw !important;
	}

	#content #et-boc .et_pb_section h4 {
		hyphens: auto;
	}

}



@media all and (max-width: 980px) {

	:root {
		--header-height: 80px;
		--font-size: clamp(16px);
	}

	.filler {
		display: none !important;
	}

	body.no-scroll {
		overflow: hidden;
	}

	.section > .row {
		padding: 60px 0;
	}

	.col {
		width: 100% !important;
		margin-bottom: 30px;
	}

	.row .col:last-child {
		margin-bottom: 0px;
	}

	#content #et-boc .et_pb_section h3, #content #et-boc .et_pb_section h1 {
		font-size: 30px;
	}

	#content #et-boc .et_pb_section h4, #content #et-boc .et_pb_section h2 {
		font-size: 24px;
	}


	/*--------------------------------------------------------------
	# HEADER
	--------------------------------------------------------------*/

	.no-scroll #header{
		position: fixed;
	}

	#header {
		padding: 12.5px 0 0;
	}

	.header-menu {
		display: none;
	}

	.header-logo {
		width: unset;
		height: 65px;
		transition: all .3s ease;
	}

	.header-logo .custom-logo {
		height: 100%;
		width: auto;
	}

	.header-inner {
		justify-content: flex-start;
	}

	.mobil-menu-button {
		position: absolute;
		right: 9%;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		bottom: 0;
		margin: auto;
		height: 40px;
		justify-content: space-around;
		padding: 12px 0;
		cursor: pointer;
		z-index: 9;
	}

	.line--burger {
		width: 42px;
		height: 2px;
		display: block;
		background: var(--lila);
		transition: all 0.2s ease !important;
	}

	.header-hell .line--burger {
		background: #fff;
	}

	.line--burger:last-child {
		width: 30px;
	}

	.mobil-menu-button.active .line--burger:first-child {
		transform: rotate(-45deg);
		width: 32px !important;
		background: #fff;
	}

	.mobil-menu-button.active .line--burger:last-child {
		transform: rotate(45deg);
		margin-top: -14px;
		width: 32px !important;
		background: #fff;
	}

	.header-menu{
		background: var(--green);
		color: #fff;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 150px 9% 60px;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: space-between;
		transform: translateX(110%);
		transition: all 0.45s ease;
	}

	.header-menu.active {
		transform: translateX(0);
	}

	.header-logo.active img, .header-menu.active .header-social {
	  	filter: brightness(10);
	}

	#menu-main { 
		position: relative;
	}

	.header-menu ul {
		padding: 0;
		list-style: none;
	}

	.menu li .sub-menu {
		position: absolute;
		width: 100%;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		background: var(--green);
		border-radius: 0;
		opacity: 1;
		visibility: visible;
		box-shadow: unset;
		transform: translateX(100vw);
		transition: transform .45s ease;
		display: flex;
		flex-direction: column;
		gap: 0;
		z-index: 9;
	}

	.menu li .sub-menu a {
		color: #fff !important;
	}

	.mega-menu .sub-menu .sub-menu li {
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}

	.menu li.active > .sub-menu {
		transform: translateX(0);
	}

	.menu {
		display: block;
	}

	#header .header-menu ul li {
		margin: 0 !important;
		padding: 3px 0;
		border-bottom: 1px solid #fff3;
		display: flex;
		align-items: center;
	}

	#header .header-menu ul li.mobile-back {
		padding: 12px 0 !important;
	}

	.header-menu ul li a {
		line-height: 1.1em;
		color: #fff !important;
		display: block !important;
		font-size: 16px;
		text-transform: uppercase;
		text-decoration: none !important;
		font-family: 'Apfel Grotezk', sans-serif;
		letter-spacing: 0.5px;
  		padding: 12px 0 !important;
		width: 100%;
	}

	.header-menu .arrow {
		cursor: pointer;
	}

	.menu > .menu-item > a::before {
		display: none !important;
	}

	.header-menu-sec {
		display: none !important;
	}

	.header-menu-main {
		width: 100%;
		position: relative;
	}

	.header-menu-main, .menu-main-container, .menu {
		height: 100%;
	}

	.mobile-back {
		position: relative;
		display: flex !important;
		align-items: center;
		padding-left: 15px;
		cursor: pointer;
		text-transform: uppercase;
		font-weight: 600;
	}

	.mobile-back:before {
		content:"";
		height: 12px;
		width: 12px;
		border-left: 1px solid #fff9;
		border-bottom: 1px solid #fff9;
		transform: rotate(45deg);
		margin-right: 5px;
		margin-left: 3px;
	}
	
	.arrow {
		right: 5px;
		position: absolute;
		height: 50px;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 3;
	}

	.arrow:before {
		content:"";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		height: 25px;
		width: 1px;
		background: #fff4;
	}

	.arrow:after {
		content:"";
		position: absolute;
		height: 12px;
		width: 12px;
		border-right: 1px solid #fff9;
		border-top: 1px solid #fff9;
		transform: rotate(45deg);
	}

	.header-socials {
		margin-left: 0;
		margin-top: 30px;
	}

	.menu-item.active {
		z-index: 9;
	}


	/*--------------------------------------------------------------
	# FOOTER
	--------------------------------------------------------------*/

	.footer-socials { 
		order: 2;
		justify-content: center;
	}

	#footer > .row .footer-menu {
		order: 1;
		justify-content: center;
		margin-bottom: 20px;
		gap: 20px;
	}

	#footer {
		padding: 70px 0 70px;
	}

	#footer::before {
		height: 48vw;
		width: 48vw;
	}

	#footer::after {
		height: 16vw;
		width: 16vw;
	}

	/*--------------------------------------------------------------
	# PAGE
	--------------------------------------------------------------*/

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

	.order-1 {
		order:1;
		margin-bottom: 30px !important;
	}

	.order-2 {
		order:2;
		margin-bottom: 0px !important;
	}

	.button-grid .et_pb_column {
		overflow: scroll;
		padding: 0 9vw !important;
		-ms-overflow-style: none;
  		scrollbar-width: none;
	}

	.button-grid .et_pb_column .button-grid-item {
		white-space: nowrap;
		padding: 20px 30px !important;
	}

	.button-grid .et_pb_column::-webkit-scrollbar {
		display: none;
	}
	
	.button-grid {
		max-width: 100% !important;
		width: 100% !important;
	}


	#content #et-boc .okr-tab {
		grid-template-columns: 1fr;
	}

	#content #et-boc .okr-tab .et_pb_tabs_controls li a {
		font-size: 30px;
		padding: 0 40px;
	}

	#content #et-boc .okr-tab .et_pb_all_tabs .et_pb_tab {
		padding: 30px 0 0 !important;
	}

	.posts.short {
		flex-direction: column;
	}

	.post, .wrapped-posts {
		width: 100% !important;
	}
	

	#content #et-boc .filter {
  		gap: 20px;
		position: relative;
	}

	#content #et-boc .filter-themen {
		width: 100vw;
		margin-left: -9vw;
	}

	#content #et-boc .filter-themen .filter-items {
		display: flex;
		gap: 5px;
		overflow: scroll;
		padding: 0 9vw;
		-ms-overflow-style: none;
  		scrollbar-width: none;
	}

	#content #et-boc .filter-themen .filter-items::-webkit-scrollbar {
		display: none;
	}

	#content #et-boc .filter-themen .filter-items .filter-item  {
		white-space: nowrap;
		padding: 12px 25px;
		min-width: unset;
	}

	.filter-search {
		position: absolute;
		right: 0;
		top: 4px;
	}

	.filter-cat {
		display: block !important;
		transition: opacity .3s ease !important;
	}

	.filter-cat.search-active {
		opacity: 0;
	}


	.timeline::before {
  		margin: 0 0 10px 0;
	}

	.timeline-item {
		width: 100%;
		padding-top: 15px !important;
		margin-bottom: 50px !important;
		padding-left: 30px !important;
	}

	.timeline-item::before {
		left: -7px;
		top: 20px;
	}

	.timeline-item:nth-child(2n+2) * {
		text-align: left !important;
	}

	.timeline-item:nth-child(2n+2)::before {
		left: -7px;
		right: unset;
	}

	.timeline::after {
		left: -7px;
		margin: unset;
	}


	.template-stats {
		border: 1px solid;
  		padding: 30px;
	}


	.c-left::before, .c-right::after {
  		height: 115vw;
		width: 115vw;
		opacity: 0.2;
	}

	.sticky-col {
		position: relative !important;
		top: unset !important;
	}

	.big-img, .big-img-right, .big-img-left {
		width: 100%;
	}
	
	.big-img.-left, .big-img-left {
		margin-left: unset !important;
	}

}


@media all and (max-width: 768px) {
	.posts.cases .post{
  		grid-template-columns: 1fr;
	}

	.case-hero .et_pb_row, #content #et-boc .blog-text-box, .kapitel-navi {
		padding: 30px !important;
	}
  

}

/* ===========================================
   MEGA-LITE-MENÜ – Nur 2 Ebenen, kein Grid
   =========================================== */

.mega-lite-menu {
	position: relative;
}

.mega-lite-menu > .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	box-shadow: var(--shadow);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, margin-top 0.4s ease, visibility 0s ease 0.2s;
	margin-top: 40px !important;
	padding: 10px 0;
	z-index: 999;
	min-width: 220px;
	display: block;
}

.mega-lite-menu:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	margin-top: 30px !important;
}

/* Menülinks */
.mega-lite-menu .sub-menu a {
	color: #211F3A !important;
	background: transparent !important;
	font-family: 'Apfel Grotezk', sans-serif !important;
	font-weight: 400 !important;              /* Kein Mittel/Fett */
	font-size: 90%;
	font-variant: normal !important;
	text-transform: none !important;          /* Keine Großbuchstaben */
	padding: 8px 20px;
	display: block;
	white-space: nowrap !important;
	text-decoration: none;
	transition: all 0.3s ease;
	line-height: 1.5em;
}


/* Hover-Stil */
.mega-lite-menu .sub-menu a:hover {
	color: #5C9390 !important;
	text-decoration: underline;
	background: transparent;
}



.mega-lite-menu:hover::before {
	opacity: 1;
	margin-bottom: -12px;
}