/*
Theme Name:     Mehrwerk
Theme URI:      n/a
Template:       kadence
Author:         Pro Author
Author URI:     n/a
Description:    Kadence Child Theme for mehrwerk.de 
Version:        2.0.3
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Deactivate aos animation temporarily for screenshots */
/*[data-aos] {
  animation: none !important;
  transition: none !important;
}*/

/* To refactor */
/* Kadence Plugin update. Images are set to 100% by default, which prevents row layouts of images */
.wp-block-kadence-image {
    width: auto;
}

/* Enforce black background on navigation */
.popup-drawer .drawer-overlay {
    //background-color: rgba(0,0,0,1);
	background-color: var(--global-palette3)
}

/*
 * === Start: Fonts ===
 */

@font-face {
    font-family: "Aeonik";
    font-style: normal;
    font-weight: 500;
    src: url("/wp-content/uploads/2023/07/Aeonik-Medium-1.woff2") format("woff2"),
		url("/wp-content/uploads/2023/07/Aeonik-Medium.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Aeonik";
    font-style: normal;
    font-weight: 700;
    src: url("/wp-content/uploads/2023/07/Aeonik-Bold-1.woff2") format("woff2"),
	url("/wp-content/uploads/2023/07/Aeonik-Bold.woff") format("woff");  
    font-display: swap;
}

@font-face {
    font-family: "Aeonik";
    font-style: normal;
    font-weight: 400;
    src: url("/wp-content/uploads/2023/07/Aeonik-Regular-1.woff2") format("woff2"),
		url("/wp-content/uploads/2023/07/Aeonik-Regular.woff") format("woff");
    font-display: swap;
}

/*
.ft-hero {font-weight: 700; font-size: clamp(3rem, -1.818181818181818rem + 14.09090909090909vw, 8.75rem); line-height: 1; letter-spacing: -0.175rem}
.ft-h1 {font-weight: 500; font-size: clamp(2rem, 0.09090909090909083rem + 4.545454545454546vw, 3.5rem); line-height: 1.14; letter-spacing: -0.07rem}
.ft-h2 {font-weight: 500; font-size: clamp(2rem, 0.4545454545454546rem + 2.727272727272727vw, 2.5rem); line-height: 1.2; letter-spacing: -0.05rem}
.ft-h3 {font-weight: 500; font-size: clamp(1.5rem, 0.6363636363636364rem + 1.8181818181818181vw, 2rem); line-height: 1.5}
.ft-h4 {font-weight: 500; font-size: clamp(1.25rem, 0.8181818181818181rem + 0.9090909090909091vw, 1.5rem); line-height: 1.33; letter-spacing: -0.03rem}
.ft-legals {font-weight: 500; font-size: 0.75rem; line-height: 2.33}
*/

.ft-hero {font-weight: 700; font-size: clamp(3rem, -1.818181818181818rem + 14.09090909090909vw, 8.75rem); line-height: 1; letter-spacing: 0.1px}
.ft-h1 {font-weight: 700; font-size: clamp(2rem, 1.6359rem + 1.5534vw, 3.5rem); line-height: 1.125; letter-spacing: 0.1px}
.ft-xxl {font-size: clamp(2rem, 1.6359rem + 1.5534vw, 3.5rem); line-height: 1.125; letter-spacing: 0.1px}
.ft-h2 {font-weight: 700; font-size: clamp(2rem, 1.8483rem + 0.6472vw, 2.625rem); line-height: 1.19; letter-spacing: 0.1px}
.ft-xl {font-size: clamp(1rem, 0.6056rem + 1.6828vw, 2.625rem); line-height: 1.19; letter-spacing: 0.1px}
.ft-h3 {font-weight: 700; font-size: clamp(1.5rem, 1.3786rem + 0.5178vw, 2rem); line-height: 1.1875; letter-spacing: 0.1px}
.ft-lg {font-size: clamp(1rem, 0.7573rem + 1.0356vw, 2rem); line-height: 1.5; letter-spacing: 0.1px}
.ft-h4 {font-weight: 700; font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem); line-height: 1.33; letter-spacing: 0.1px}

.ft-legals {font-size: 0.75rem; line-height: 2.33}

.ft-500 {font-weight: 500}
.ft-700 {font-weight: 700}

.ft-balance {text-wrap: balance}
.ft-pretty {text-wrap: pretty}

/*
 * === END: Fonts ===
 */

/*
 * === Start: Colors ===
 */

:root {
    --mwk-white: #FFFFFF;
    --mwk-blue-light: #DBEAFA;
	--mwk-blue: #1961AD; /* anker */
	--mwk-blue-dark: #161D30;
	--mwk-green-light: #BEEFEC;
	--mwk-green: #046F69;
	--mwk-purple-light: #E4D9FC;
	--mwk-purple: #7D42F9;
	--mwk-yellow-light: #FDEAD8;
	/*--mwk-yellow: #FEC222;*/
	--mwk-pink-light: #FCD9D9;
	--mwk-pink: #FE3C8D;
	--mwk-grey-light: #FBFBFD;
	
	--mwk-grey-dark: #D2D2D7;
	--text-light: var(--global-palette5);
	/* New colors for Design 3.0 */
	--mwk-yellow: #F0D139;
	
	/* Adjust spacing */
	--global-kb-spacing-xl: 3.75rem;
	
	/* border radius */
	--mwk-border-radius: 1.25rem;
}

.mwk-white { color: var(--mwk-white); }
.mwk-blue-light, .mwk-blue-light:hover { color: var(--mwk-blue-light); }
.mwk-blue, .mwk-blue:hover { color: var(--mwk-blue); }
.mwk-blue-dark, .mwk-blue-dark:hover { color: var(--mwk-blue-dark); }
.mwk-green-light, .mwk-green-light:hover { color: var(--mwk-green-light); }
.mwk-green, .mwk-green:hover { color: var(--mwk-green); }
.mwk-purple-light, .mwk-purple-light:hover { color: var(--mwk-purple-light); }
.mwk-purple, .mwk-purple:hover { color: var(--mwk-purple); }
.mwk-yellow-light, .mwk-yellow-light:hover { color: var(--mwk-yellow-light); }
.mwk-yellow, .mwk-yellow:hover { color: var(--mwk-yellow); }
.mwk-pink-light, .mwk-pink-light:hover { color: var(--mwk-pink-light); }
.mwk-pink, .mwk-pink:hover { color: var(--mwk-pink); }
.mwk-grey-light, .mwk-grey-light:hover { color: var(--mwk-grey-light); }
.mwk-grey-dark, .mwk-grey-dark:hover { color: var(--mwk-grey-dark); }
.mwk-border-radius {
	border-radius: var(--mwk-border-radius);
	overflow: hidden;
}


/*
 * === END: Colors ===
 */


/*
 * === Start: Spacing ===
 */

:root {
	--global-kb-spacing-xl: 3.75rem;
}

@media(max-width: 1024px) {
	:root {
		--global-kb-spacing-xl: 2rem;
		--global-kb-spacing-xxl: 3rem;
		--global-kb-spacing-3xl: 2.5rem;
		--global-kb-spacing-4xl: 4rem;
		--global-kb-spacing-5xl: 4.5rem;
	}
	/* Slightly larger padding for hero elements */
	.kb-row-layout-wrap:first-child {
		--global-kb-spacing-3xl: 5rem;
		--global-kb-spacing-4xl: 6rem;
	}
	
}

@media screen and (min-width: 480px) {
	:root{
		--global-kb-spacing-xl: 3.75rem;
		/*--global-row-gutter-md: 3rem; //regular 2rem -> used for smaller cards*/
		--global-kb-gap-sm: 1.5rem //regular 1rem -> used for large cards
	}
}

/* Additional class to .alignwide and .alignfull to display very wide layouts */

/* Add padding to divs using alignwide */
@media(max-width: 1488px) {
	.alignwide {
	max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
}

/*
@media (max-width: 1440px) {
    .wp-site-blocks .content-container .alignwide {
        margin-left: -196px;
        margin-right: -196px;
    }
}
*/

.alignfull.alignfull-maxwidth .kt-row-column-wrap {
	max-width: calc(1920px - 48px - 48px);
	margin-left: auto;
	margin-right: auto;
}

/*
 * === End: Spacing ===
 */

a {
	cursor: pointer !important;
}

/* list styles */
ul.mwk-list-plus {
	list-style-type: "+";
	padding-left: 0.5rem;
}

ul.mwk-list-plus li {
	padding-left: 0.5rem;
}

/* Background rainbow overlay */
.kb-row-layout-wrap.rainbow .kt-row-layout-overlay{opacity: 0 !important;}

@media(min-width: 480px) {
	.kb-row-layout-wrap.rainbow .kt-row-layout-overlay{
	background: linear-gradient(90deg, #FDB5EA 0%, #FE2601 13.3786%, #FB9600 28.125%, #FDFC01 42.1875%, #00F801 57.4737%, #7AD4FE 69.4884%, #02188F 82.5749%, #531D8F 96.875%);
	opacity: 0.8 !important;
	mix-blend-mode: color;
	}
}

/* Hover effects for colored links */
a.plain-anker {text-decoration: none;transition: filter 0.3s ease-in-out}
a.plain-anker:hover {filter: brightness(90%)}

/* Buttons */
.button.kb-button {
	border-radius: 2rem;
	padding: 0.625em 1.125em;
	line-height: 1;
	font-weight: 700;
}

.wp-block-kadence-advancedbtn .kb-svg-icon-wrap svg {
    height: 1.5rem;
    width: 1.5rem;
}

.button.kb-button .kb-svg-icon-wrap{
	transition: padding-left 0.2s ease-in-out;
}

.button.kb-button:hover .kb-svg-icon-wrap{
	padding-left: var(--global-kb-spacing-xxs, 1rem);
}

/* yellow button */
.button.kb-button.yellow {
	background: var(--mwk-yellow);
}

.button.kb-button.yellow .kt-btn-inner-text,
.button.kb-button.yellow svg{
	color: var(--global-palette3);
}

/* Jumplink */
.button.kb-button.jumplink svg {
	transform: rotate(90deg);
	width: 1rem;
	height: 1rem;
}

/* Remove hover effect */
.button.kb-button.jumplink:hover .kb-svg-icon-wrap {
	padding-left: 0;
}

/* Outline on dark */

.kb-button.kb-btn-global-outline.outline-on-dark {
	border-color: var(--global-palette9);
	color: var(--global-palette9);
}



/* Button type "Link" */

.button.kb-button.mwk-button--link {
	padding: 0;
	border-radius: 0;
	color: var(--mwk-blue);
}

.mwk-button--link .kt-btn-inner-text {
	position: relative;
}

.mwk-button--link .kt-btn-inner-text::after {
    content: "";
    position: absolute;
    width: 100%;
	height: 2px;
	background: var(--mwk-blue);
	bottom: 0;
	left: 0
}

/* Turn Icon on mobile devices */
@media(max-width: 1024px) {
	.mwk-turn-icon {
		transform: rotate(90deg);
	}
}


/* 
 * Main Navigation
 * /

/* Desktop */

/* Hide Linkedin Icon on EN and ES */

html[lang="en-US"] div[data-section="kadence_customizer_header_social"],
html[lang="es-ES"] div[data-section="kadence_customizer_header_social"],
html[lang="en-US"] div[data-section="kadence_customizer_mobile_social"],
html[lang="es-ES"] div[data-section="kadence_customizer_mobile_social"]{
	display: none;
}

/*
 * Style Language switcher
 */

/* Reset styles */
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
	background: none;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	border: none;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	display: none;
}


/* END Reset styles */

.site-header .wpml-ls-legacy-dropdown-click {
	width: auto;
	margin-left: 0.5rem;
	display: flex;
	align-items: center;
}

.site-header .wpml-ls-legacy-dropdown-click a {
	background: none;
	color: var(--global-palette3);
	text-decoration:none;
	border: none;
	border-radius: 6.25rem;
	font-size: 1rem;
	padding: 0.5rem 0 0.5rem 2rem;
	margin-left: 0.5rem;
	margin-right: 1rem;
	font-weight: 700;
}

.transparent-header #masthead .wpml-ls-legacy-dropdown-click a  {
	color: var(--global-palette9);	
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .wpml-ls-legacy-dropdown-click a {
	color: var(--global-palette3);
}

.site-header .wpml-ls::before {
	content: "";
	position: absolute;
	height: 34px;
	width: auto;
	aspect-ratio: 1/1;
	background: url('/wp-content/uploads/2024/10/mehrwerk-icon-world-v1.svg') no-repeat;
	background-size: cover;
	filter: invert(1);
}

.transparent-header .site-header .wpml-ls::before {
//filter: invert(1);
	filter: none;
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .wpml-ls::before {
	//filter: none;
	filter: invert(1);
}

@media(max-width: 768px) {
	.site-header .wpml-ls::before {
		height: 1.5rem;
	}
	
	.site-header .wpml-ls-legacy-dropdown-click a {
	padding-left: 1.5rem;
		font-size: 0.875rem;
		margin-right: 0;
	}
}

/*
.site-header .wpml-ls-link {
	background: url('https://wordpress-1238606-4652815.cloudwaysapps.com/wp-content/uploads/2024/10/mwk-icon-language-switcher-v1.svg') no-repeat;
	background-size: 44%;
    height: 42px;
    width: auto;
	aspect-ratio: 3/2;
    background-position: center center;	
	filter: invert(1);
}

@media(max-width: 1024px) {
	.site-header .wpml-ls-link {
		height: 37px;
	}	
}

@media(max-width: 768px) {
	.site-header .wpml-ls-link {
		height: 30px;
	}	
}

.transparent-header #masthead .wpml-ls-link {
		filter: invert(1);
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .wpml-ls-link{
	filter: none;
}
*/
/* Reset language switcher styles */
/*.site-header .wpml-ls-legacy-list-horizontal {
	border: none;
	padding: 0;
}

.site-header .wpml-ls-legacy-list-horizontal ul {
	display: flex;
}

.site-header .wpml-ls-flag {
	display: none;
}

#masthead .wpml-ls-item {
	border: 2px solid var(--global-palette3);
	border-radius: 6.25rem;
}

.transparent-header #masthead .wpml-ls-item {
	border-color: var(--global-palette9);	
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .wpml-ls-item{
	border-color: var(--global-palette3);
}*/

/*
 * END Language Switcher
 * /


/* Adjust size to full width for desktop */
#widget-drawer .drawer-inner {
	width: 100%;
	max-width: 95% !important;
	top: 0;
}

#widget-drawer .drawer-content {
	min-height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}



/* Adjust social icon size */
.header-mobile-social-wrap .header-mobile-social-inner-wrap {
	max-width: 3rem;
}

/* Add Patch Background to burger icon */
.widget-toggle-icon,
.menu-toggle-icon {
	color: #FFFFFF;
}



/* Mobile Navigation */

/* Hide Buttons on mobile devices */
@media screen and (max-width: 640px) {
	.mobile-header-button-inner-wrap {
		display: none
	}
}

.mobile-header-button-inner-wrap > .button {
	background: none;
	padding: 0.3rem 1.5rem;
	transition: all 0.3s ease-in-out;
}

.mobile-header-button-inner-wrap > .button:hover {
	box-shadow: none !important;
	color: var(--mwk-white);
	background: var(--global-palette4);
}

/* Enlarge the header & footer container width for desktop */
/*@media(min-width:1280px) {
	#mobile-header .site-container,
		#main-header .site-container,
	.site-bottom-footer-wrap .site-container{
		max-width: 120rem;
		padding-left: 3.75rem;
		padding-right: 3.75rem;
	}
}
*/



/* 
 * Mobile + Desktop: Navigation adjustments for transparent header on homepage with large hero image
 * 2024-06-20 adjusted to custom css class ".nav-color-invert" 
 * formerly .page-id-2551
 * */

/* White logo at start for Desktop navigation */
//.nav-color-invert #main-header .site-main-header-wrap:not(.item-is-stuck) .brand.has-logo-image {filter: grayscale(1) invert(1);}
/* White logo at start for mobile navigation */
//.nav-color-invert #mobile-header .site-header-inner-wrap:not(.item-is-stuck) .brand.has-logo-image{filter: grayscale(1) invert(1);}


.nav-color-invert #mobile-header .site-header-inner-wrap:not(.item-is-stuck) .mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button, .nav-color-invert #mobile-header .site-header-inner-wrap:not(.item-is-stuck) .mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2 {
	color: var(--mwk-white);
    background: rgba(255,255,255,0);
    border: 2px solid var(--mwk-white);
}

/*
.nav-color-invert #mobile-header .site-header-inner-wrap:not(.item-is-stuck) .mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button:hover,
.page-id-2551 #mobile-header .site-header-inner-wrap:not(.item-is-stuck) .mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2:hover {
    color: var(--global-palette3);
    background: var(--mwk-white);;
    border: 2px solid var(--global-palette3);
}
*/

@media(max-width: 400px) {
	.site-branding a.brand img.svg-logo-image {
		width: 7rem;
	}
}
	
.nav-color-invert .site-header-inner-wrap:not(.item-is-stuck) .header-mobile-social-wrap .header-mobile-social-inner-wrap .social-button {
	color: #fff;
}

.nav-color-invert .site-header-inner-wrap:not(.item-is-stuck) .header-mobile-social-wrap .header-mobile-social-inner-wrap .social-button:hover {
	opacity: 0.7;
}

.nav-color-invert .site-header-inner-wrap:not(.item-is-stuck) .menu-toggle-icon {
	color: var(--global-palette3);
}

.nav-color-invert .site-header-inner-wrap:not(.item-is-stuck) .menu-toggle-icon:hover::after { 
	opacity: 0.7
}

.widget-toggle-icon .kadence-svg-iconset,
.menu-toggle-icon .kadence-svg-iconset{
	z-index:1
}

.widget-toggle-icon::after,
.menu-toggle-icon::after {
	content: "";
	background: url('/wp-content/uploads/2024/07/mwk-icon-burger-bg-3-0-blue-v1.svg');
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	left: -27px;
	//z-index: -1;
}

.item-at-start .widget-toggle-icon::after,
.item-at-start .menu-toggle-icon::after {
	background: url('/wp-content/uploads/2024/07/mwk-icon-burger-bg-3-0-white-v1.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.item-is-stuck .widget-toggle-icon::after,
.item-is-stuck .menu-toggle-icon::after {
	background: url('/wp-content/uploads/2024/07/mwk-icon-burger-bg-3-0-blue-v1.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.item-at-start .widget-toggle-icon,
.item-at-start .menu-toggle-icon {
	color: var(--global-palette3);
}


.item-is-stuck .widget-toggle-icon,
.item-is-stuck .menu-toggle-icon {
	color: var(--global-palette9);
}

@media(max-width: 768px) {
	#mobile-toggle {
		width: 36px;
	}
}

#mobile-toggle[aria-expanded="true"] .menu-toggle-icon::after { 
	transform-origin: center;
	transform: scale(200);
	transition: transform 0.4s ease-in-out;
	z-index: 1;
}

/* Remove border from menu items on desktop */
.collapse-sub-navigation ul.menu li a {
	border-bottom: none;
}

/* Remove background from navigation */
.popup-drawer .drawer-inner {
	background: none;
}


/* emphasize navigation items */
.mwk-nav-highlight {
	font-weight: 700;
}

.popup-drawer .current-menu-item > a,
.popup-drawer .current-menu-item div.drawer-nav-drop-wrap > a{
	color: var(--global-palette2) !important;
}

.mwk-nav-margin {
	padding-bottom: 2em !important;
}

/* Show arrow before active item */

/* Enlarge padding to have enough room for the arrow */
.popup-drawer .drawer-inner {
	max-width: none;
}

.popup-drawer .drawer-content {
	padding-left: 5rem;
}

li.menu-item a {
	position: relative;
	display: inline-block;
}

/* Show arrow AFTER every highlight menu menu item */
li.mwk-nav-highlight:not(.current-menu-item) a:after {
	content: "";
    background: url(/wp-content/uploads/2023/07/mwk-icon-arrow-button.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
	display: inline-block;
	display: inline-block;
	height: 0.55em;
	width: 1em;
	left: 1em;
}


/* Show arrow BEFORE current menu item */
.popup-drawer .current-menu-item a:before  {
	content: "";
    background: url(/wp-content/uploads/2024/07/mwk-icon-arrow-button-yellow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 0.55em;
    width: 1em;
    left: -1.5em;
	top: 0.8em;
}
/* Remove arrow from sub-menu items */
.popup-drawer .current-menu-item .sub-menu a:before  {
	content: none;
}	

/* Adjust font sizes and paddings */
.mobile-navigation .mobile-menu-container ul li {
	font-size: clamp(1.5rem, 0.09090909090909083rem + 4.545454545454546vw, 3.5rem); line-height: 1.14; letter-spacing: -0.07rem
}

.drawer-content li.menu-item a {
	font-size: clamp(1.5rem, 0.09090909090909083rem + 4.545454545454546vw, 2.5rem); line-height: 1.14; letter-spacing: -0.07rem
}

.mobile-navigation .mobile-menu-container ul.sub-menu li
{font-size: clamp(1rem, 0.4545454545454546rem + 2.727272727272727vw, 2.5rem); line-height: 1.2; letter-spacing: -0.05rem}

/* Reduce font size for desktop vertical height less than 1000px */
@media(max-height: 1200px) and (min-width: 768px) {
	.mobile-navigation .mobile-menu-container ul li{font-size: clamp(1.5rem, 0.09090909090909083rem + 4.545454545454546vw, 2.5rem); line-height: 1.14; letter-spacing: -0.07rem}
.mobile-navigation .mobile-menu-container ul.sub-menu li{font-size: clamp(1rem, 0.4545454545454546rem + 2.727272727272727vw, 1.5rem); line-height: 1.2; letter-spacing: -0.05rem}
}

@media(max-height: 800px) and (min-width: 768px) {
	.mobile-navigation .mobile-menu-container ul li{font-size: clamp(1rem, 0.09090909090909083rem + 4.545454545454546vw, 1.4rem);} 
	.mobile-navigation .mobile-menu-container ul.sub-menu li{font-size: clamp(1rem, 0.09090909090909083rem + 4.545454545454546vw, 1.2rem);} 
}

.mobile-navigation ul li a {padding-left: 0;}

.mobile-navigation ul li a,
.mobile-navigation .mobile-menu-container ul.sub-menu li a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

@media(max-width: 360px) {
	.mobile-navigation .mobile-menu-container ul.sub-menu li a,
	.mobile-navigation .mobile-menu-container ul li a{
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}
}

/* 
 * Collabsible Sub menu
 * */

/* Hide Toggle and show sub-menu by default */
.drawer-sub-toggle {
	display: none !important;
}

.collapse-sub-navigation ul.menu .sub-menu,
.mobile-navigation ul.has-collapse-sub-nav ul.sub-menu {
	display: block;
}

.sub-menu li.menu-item a {
	font-size: clamp(1.25rem, 0.09090909090909083rem + 4.545454545454546vw, 2rem)
}

/*
.sub-menu-toggle > a {
	cursor: none;
	pointer-events: none;
}

.sub-menu-toggle > a {
	padding-right: 1rem;
}

.sub-menu-toggle > a::after {
	content: "+";
	position: absolute;
}

.sub-menu-toggle > a::after {
	transform: rotate(45deg);
	transition: transform 0.5s ease-in-out
}

.sub-menu-toggle .sub-menu {
	height: inherit;
	transition: height 0.5s ease-in-out;
}

.sub-menu-toggle .sub-menu {
	height: 0;
}

.sub-menu-toggle--hidden {
	height: 0;
	overflow: hidden
}
*/


/* Add Animation for header navigation on desktop devices */
/* Keyframes for the fade-in from top effect */

/*
@keyframes fadeInFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

body.home #mobile-header {
    opacity: 0;
    transform: translateY(-100%);
    animation: fadeInFromTop 1s forwards;
    animation-delay: 1000ms;
}
*/

/* END NAVIGATION */

/* 
 * Divider 
 * 
 */


.hero-divider::after {
	content: "";
	position: absolute;
	bottom: -1px;
	height: 33%;
	width: 101%;
	//background: url('/wp-content/uploads/2023/07/divider-mobile.svg');
	background: url('/wp-content/uploads/2024/06/mwk-divider-slop-right-v2.svg');
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
}

/*
@media screen and (min-width: 480px) {
	.hero-divider::after {
		background: url('/wp-content/uploads/2023/07/divider-tablet-desktop.svg');
		height: 139px;
	}
}

@media screen and (min-width: 1921px) {
	.hero-divider::after {
		background: url('/wp-content/uploads/2023/07/divider-large-screens.svg');
	}
}

@media screen and (min-width: 2561px) {
	.hero-divider::after {
		background-size: cover;
		background-repeat: repeat;
		height: 7vw;
	}
}*/

/* card */

.mwk-card > .kt-inside-inner-col {
	display: flex;
	padding: 2rem;
	border-radius: var(--mwk-border-radius);
}

.mwk-card.mwk-card-large .kt-inside-inner-col {
	padding: 3.625rem 2.5rem;
}

.mwk-card .kb-buttons-wrap {
	margin-top: var(--global-md-spacing)
}

/* Paragraph fills entire container so that buttons and links stick to the bottom of the card */
.mwk-card p {
flex-grow: 1;
}

.mwk-card-no-flex-grow p{
	flex-grow: 0;
}


.mwk-card-giraffe::before {
	content: "";
    position: absolute;
    top: -125px;
    left: 2px;
    width: 132px;
    height: 192px;
    background: url(/wp-content/uploads/2023/07/mwk-giraffe-card-v2.png);
    background-repeat: no-repeat;
    background-size: contain;
}


/*
 * === Start: Forms ===
 */

/* Gravity Forms */

.gform_footer {position: relative}

.gform_footer input[type="submit"] {
	padding-right: 3.5rem;
	border-radius: 2rem;
	line-height: 1.5 !important;
	font-size: 1.125rem;
}
/* Display arrow next to button */
.gform_footer::after {
	content: "";
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	background: url("/wp-content/uploads/2023/07/mwk-icon-arrow-button.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 11px;
	left: -45px;
}



.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 400 !important;
}

.gform_wrapper.gravity-theme .gfield_required {
	color: #000000;
	font-size: 1.125rem;
	padding-left: 0
}

.gform_wrapper .gform-body input[type='text'],
.gform_wrapper .gform-body input[type='email'],
.gform_wrapper .gform-body textarea{
	padding: 1rem;
	font-weight: 400;
	font-size: 1.125rem;
	border: none;
	border-bottom: 1px solid var(--mwk-grey-dark);
	color: #000;
}

.gform_wrapper .gform-body textarea{
	border: 1px solid var(--mwk-grey-dark);
}

.gform_wrapper.gravity-theme .gform_drop_area {
    background: var(--global-palette8);
}

/* Validation messages */
.gform_required_legend {display: none;}
.gform_validation_errors {display: none}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
	background: none;
	border: none;
	padding: 0 0 0 1rem;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border: none;
	border: none;
	border-bottom: 1px solid var(--mwk-grey-dark);
}

.gform_wrapper.gravity-theme .gfield_error label {color: #000}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	box-shadow: none;
	border-color: #000000;
}

.gform_wrapper .gform-body .gfield {
	position: relative;
	margin: 2.5rem 2.5rem 0 0;
}

.gform_wrapper .gform-body .gfield:not(.gfield--type-fileupload):not(.gfield--type-consent):not(.mwk-gf-no-label-style) label {
	top: 0.5rem;
	position: absolute;
	font-size: 1.125rem;
	font-weight: 400;
	cursor: text;
	top: 1rem;
	left: 1rem;
	transition: .2s all ease-in-out;
}

/* 
.gform_wrapper .gform-body .gfield:not(.gfield--type-fileupload):not(.gfield--type-consent):not(.mwk-gf-no-label-style):not(.mwk-gf-pricing):not(.gfield--type-address) label */

.gfield--type-consent .ginput_container{
	display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.gform_wrapper.gravity-theme .gfield input[type="checkbox"] {
	min-width: 14px;
}

.gform_wrapper .gform-body .gfield:not(.gfield--type-fileupload):not(.gfield--type-consent).active label {
	top: -1rem;
	font-size: 0.875rem ;
}

.gform_wrapper .gform-body .gfield:not(.gfield--type-fileupload):not(.gfield--type-consent).active.gfield--type-textarea label {
	top: -2rem;
}

.mwk-gf-no-margin-top {
	margin-top: 0 !important
}

/* Pricing fields */
.mwk-gf-pricing {
	width: 360px;
	display: grid;
	grid-template-columns: 200px 160px;
	align-items: center;
}

.mwk-gf-pricing label {
	margin-bottom: 0 !important;
	font-size: 1rem !important;
}

.mwk-gf-pricing input {
	border: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	text-align: right
}

.mwk-gf-pricing-vat {
	opacity: 0.6;
	margin-top: -1rem;
}


/* Cleverreach */
.cr_body label {
	font-weight: 700;
}

.cr_body .editable_content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media(max-width: 768px) {
	.cr_body label {
	display: block;
	}
}

@media(min-width: 768px) {
	.cr_body .cr_form-inputgroup {
		display: flex;
		align-items: center;
		gap: 2rem;
	}
	
	.cr_body .cr_form-inputgroup .cr_form-input {
		flex-grow: 1
	}
}


input, select, optgroup, textarea,
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	border: none;
    padding: 1rem;
    font-weight: 400;
    font-size: 1.125rem;
    border: none;
    border-bottom: 1px solid var(--mwk-grey-dark);
    color: #000;
	border-radius: 0;
}


/*
 * === End: Forms ===
 */


/* 
 * Leistungstabs 
 * */

.mwk-tabs-services .kt-tabs-content-wrap {
	max-width: var(--global-content-width, 1200px );
	margin: 0 auto;
}

.mwk-tabs-services a.kt-tab-title {
	font-weight: 500;
	border-bottom-width: 2px !important;
}
.mwk-tabs-services .kt-tab-title:hover{
	background: none !important;
}



/* Add horinzontal scrolling to tabs bar */
.wp-block-kadence-tabs .kt-tabs-title-list {
    flex-wrap: nowrap;
	width: 100%;
    overflow-x: scroll;
	position: sticky;
	top: 0;
	z-index: 9999;
}

@media screen and (max-width: 1024px) {
	.wp-block-kadence-tabs .kt-tabs-title-list {
		justify-content: left
	}
}

.wp-block-kadence-tabs .kt-tabs-title-list li {min-width: fit-content}


/* Services Grid */
.mwk-tabs-services .kt-tabs-wrap .kt-tabs-title-list {
	background: var(--global-palette8);
}

.mwk-grid-services article.kt-blocks-post-grid-item{
	background: var(--global-palette8);
	border-radius: 0.625rem;
}

.mwk-grid-services .entry-title {
	hyphens: auto;
}

.mwk-grid-services .kt-blocks-post-grid-item .entry-content{color: var(--text-light);}

/* Blog Posts/Content */

@media(max-width: 480px) {
	.single .content-area {
	margin-top: 5rem !important;
}

}

/* adjust layout so that the read more button floats at the bottom */
.kt-blocks-post-grid-item-inner-wrap,
.kt-blocks-post-grid-item-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.kt-blocks-post-grid-item-inner .entry-content {
    flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.kt-blocks-post-grid-item-inner .entry-content .kt-blocks-post-readmore-wrap {
	margin-top: auto;
}

.mwk-post .kt-blocks-post-grid-item {
	padding: 2rem;
	border-radius: var(--mwk-border-radius);
	background: var(--global-palette8);
}

.mwk-post .kt-post-grid .entry-title {
	font-size: 2rem;
}

.mwk-post .kt-blocks-post-grid-item .kt-blocks-post-top-meta {
    font-size: 18px;
    word-break: break-word;
    color: var(--text-light);
	gap: 0.5rem;
	    align-self: self-start;
    flex-direction: row-reverse;
}

.mwk-post .kt-blocks-post-grid-item .entry-content {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

/* style category links */
.mwk-post .kt-blocks-categories a {
    color: var(--text-light);
	text-decoration: none;
}

.mwk-post .kt-blocks-categories a:hover {
color: #000 !important
	text-decoration: underline !important;
}
/* meta below featured image */

/* reverse title and meta information */
.mwk-post .kt-blocks-post-grid-item header {
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.mwk-post .kt-blocks-post-readmore {
	border-radius: 6.25rem;
    color: var(--mwk-white);
    background: #000 !important;
    border-radius: 6.25rem;
    padding: 0.5em 2em !important;
    line-height: 1.55;
    font-weight: 500;
	margin-top: 1.5rem;
}

.mwk-post .kt-blocks-meta-divider::before {
	content: "+"
}
.kt-blocks-post-grid-item .kt-blocks-post-top-meta>div {
	padding: 0 !important;
}

.single .entry-meta {
    color: var(--text-light);
}

/* Enhance styles for featured article section */

.mwk-post-featured .entry-title {
	font-weight: 500;
    font-size: clamp(2rem, 0.4545454545454546rem + 2.727272727272727vw, 2.5rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.05rem;
}

.mwk-post-featured .kadence-post-image-intrisic {
	border-radius: 0.625rem;
	overflow: hidden;
}

	.mwk-post-featured-side-by-side .kt-blocks-post-grid-item-inner .entry-content {
flex-grow: inherit;
}

@media(min-width: 768px) {
	.mwk-post-featured-side-by-side .kt-blocks-post-grid-item-inner-wrap {
	gap: 3rem;
		grid-template-columns: repeat(2, 1fr);
}


	.mwk-post-featured-side-by-side .kadence-post-image {
		grid-column: 2;
		grid-row: 1;
	}
	
	.mwk-post-featured-side-by-side .kt-blocks-post-grid-item-inner {
		grid-column: 1;
		grid-row: 1;
	}
	
	/* invert */
	
	.mwk-post-featured-invert .kadence-post-image {
		grid-column: 1;
	}
	
	.mwk-post-featured-invert .kt-blocks-post-grid-item-inner {
		grid-column: 2;
	}

	
	.mwk-post-featured-side-by-side .kt-blocks-post-grid-item-inner {
		justify-content: center
	}
	
}



/* 
 * Footer
 */



body:not(.wp-admin) .site-footer-section .kt-row-column-wrap {
	padding: 1rem 0 0 0;
}

body:not(.wp-admin) .site-footer-section a:hover {
	text-decoration: none;
	color: var(--mwk-white);
}


.site-footer-section a.kb-button {
	color: #000;
}

.site-footer-section a.kb-button:hover {
    color: var(--mwk-white) !important;
    border: 2px solid var(--mwk-white) !important;
    background: none !important;
}

/* Footer accordion */
.site-footer-section .kt-accordion-panel .kt-accordion-panel-inner  {
	padding: 0 1rem;
}
/* Bugfix so that the footer akkordeon is showing dark text in the widget backend */
.wp-admin .kt-accordion-_2fb856-38 .kt-accordion-panel .kt-accordion-panel-inner a,
.wp-admin .kt-accordion-_2fb856-38 .kt-accordion-panel .kt-accordion-panel-inner a:hover {color: #000;}

.footer-widget-area {
	align-items: center
}

/* Footer Navigations */
body:not(.wp-admin) .site-footer-section,
body:not(.wp-admin) .site-footer-section a {
	color: var(--mwk-white);
	font-size: 1.125rem;
}

.site-footer-section a {
	cursor: pointer;
}

.footer-widget2 .menu {
	text-align: left;
	display: flex;
    flex-direction: column;
    gap: 1rem;
}

#menu-footer-main,
#menu-footer-main-en,
#menu-footer-main-es{
	font-weight: 700;
	margin-bottom: 3rem;
}

/* Footer Bottom Navigation */
#menu-footer-bottom,
#menu-footer-bottom-en,
#menu-footer-bottom-es{
	    display: flex;
    gap: 1.5rem;
	justify-content: flex-end
	
}

/* Footer Logos */
footer .footer__logos .kt-inside-inner-col{
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr 1fr;
}

@media(min-width: 580px) {
	footer .footer__logos .kt-inside-inner-col{
		grid-template-columns: 1fr 1fr 2fr;
		gap: 2rem;
	}
}

.footer__logos__top100,
.footer__logos__kununu{
max-width: 125px;
}

@media(max-width: 580px) {
	.footer__logos__ft {
		grid-column-start: 1;
		grid-column-end: 3;
	}
}

/* 
 * Slider 
 * /

/* General Slick slider settings */
.mwk-story-slider .kt-blocks-carousel .slick-dots li.slick-active button:before {
    background-color: var(--mwk-blue);
	opacity: 1
}

.kt-blocks-carousel .slick-dots li button:before {
	width: 0.5rem;
	height: 0.5rem;
}

/* Change slider icons */

.mwk-slick-slider .kt-blocks-carousel .slick-prev:before,
.mwk-slick-slider .kt-blocks-carousel .slick-next:before {
		width: 1.5rem;
	height: 1.5rem;
	background: url("/wp-content/uploads/2023/07/mwk-icon-arrow-right.svg");
	background-repeat: no-repeat;
	border: none;
	background-position: center;
}

.mwk-slick-slider .kt-blocks-carousel .slick-prev:before {transform: rotate(180deg);}
.mwk-slick-slider .kt-blocks-carousel .slick-next:before {transform: rotate(0);}

.mwk-slick-slider .kt-blocks-carousel .slick-prev, 
.mwk-slick-slider .kt-blocks-carousel .slick-next {
	top: 108%;
	color: #000000;
	background: none;
	opacity: 1;
}

.mwk-slick-slider .kt-blocks-carousel .slick-prev {
    right: 4rem;
	left: auto;
}
.mwk-slick-slider .kt-blocks-carousel .slick-next {
    right: 1rem;
}

.mwk-slick-slider .kt-blocks-carousel .slick-dots {
	text-align: left;
	left: 1rem;
	bottom: -49px;
}

.mwk-slick-slider .kb-splide .splide__pagination, 
.mwk-slick-slider .kb-splide ul.menu ul.splide__pagination.splide__pagination {
	justify-content: flex-start;
	bottom: -6px !important;
}

.mwk-story-slider .kb-splide .splide__pagination, 
.mwk-story-slider .kb-splide ul.menu ul.splide__pagination.splide__pagination {
	bottom: -50px !important;
}

/* Custom Slider adjustments*/

/* Branches Slider */
@media(min-width: 768px) {
	.wp-block-kadence-slider.mwk-branches-slider .kb-advanced-slide-overlay {
		background: linear-gradient(90deg, var(--global-palette3) 24%, rgba(22, 29, 49, 0) 60%);
	}
}

@media(max-width: 480px) {
	.wp-block-kadence-slider.mwk-branches-slider .kb-advanced-slide-inner-wrap {
		background-position-x: 47%;
	}
	
	.wp-block-kadence-slider.mwk-branches-slider .kb-advanced-slide-overlay {
        background: linear-gradient(0deg, var(--global-palette3) 34%, rgba(22, 29, 49, 0) 60%);
	}
}

/* People slider */

.mwk-people-slider .ft-lg {
		font-style: italic;
}
@media(min-width: 768px) {
	.wp-block-kadence-slider.mwk-people-slider .kb-advanced-slide-overlay {
		background: linear-gradient(90deg, var(--global-palette3) 24%, rgba(22, 29, 49, 0) 60%);
	}
}

@media(max-width: 480px) {
	.wp-block-kadence-slider.mwk-people-slider .kb-advanced-slide-inner-wrap {
		background-position-x: 52%;
	}
	
	.wp-block-kadence-slider.mwk-people-slider .kb-advanced-slide-overlay {
        background: linear-gradient(0deg, var(--global-palette3) 34%, rgba(22, 29, 49, 0) 60%);
	}
	
	.mwk-people-slider .ft-lg {
		font-size: 1.25rem;
	}
}




/* 
 * Story slider 
 * */

/* text and logos */

.mwk-story-slider .kb-advanced-slide-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	z-index: 999;
}

.mwk-story-slider .ft-h2 {
		line-height: 1.32; 
		font-size: clamp(1.75rem, 1.4076rem + 1.5217vw, 2.625rem);
	}

.mwk-story-slider .top-content {
	flex-grow: 1;
}

.mwk-story-slider .top-content .kt-inside-inner-col > p {
margin-bottom: 1rem;
}

.mwk-story-slider .kb-splide .splide__list .splide__slide {
	margin-right: 1rem !important;
}

.kb-splide .splide__track {
    border-radius: 0.625rem;
    overflow: hidden;
}

.mwk-story-slider .kb-slider-size-ratio .kb-advanced-slide {
border-radius: 0.625rem;
}

.mwk-story-slider .kb-slider-size-ratio .kb-advanced-slide-inner-wrap {
	padding: 1.5rem;
}

@media(min-width: 992px) {
	.mwk-story-slider .kb-slider-size-ratio .kb-advanced-slide-inner-wrap {
		padding: 3rem;
	}
}

/* Value Slider */

.mwk-values-slider .kb-advanced-slide-inner {
	justify-content: flex-end;
}


/* 
 * Testimonial Slider 
 * */

.mwk-testimonial-slider .ft-lg {
	font-style: italic !important;
}

.mwk-testimonial-slider .kb-advanced-slide-inner figure {
	max-width: 12.5rem;
}

.mwk-testimonial-slider .kt-blocks-carousel .slick-dots {
	bottom: -13px;
}

.mwk-testimonial-slider .kt-blocks-carousel .slick-prev,
.mwk-testimonial-slider .kt-blocks-carousel .slick-next {
	top: 100%;
}

@media(max-width: 480px) {
	.mwk-testimonial-slider .kb-advanced-slide-inner-wrap {
		padding: 0;
	}
	/*limit maximum height to 80% of the viewport and make the content scrollable*/
	
	.mwk-testimonial-slider .ft-h3 {
		font-weight: 500; 
		font-size: clamp(1.25rem, 0.8181818181818181rem + 0.9090909090909091vw, 1.5rem); 
		line-height: 1.33; 
		letter-spacing: -0.03rem
	}
	
	/* Keep 2-column layout to remove vertical height of slide */
	.mwk-testimonial-slider .kt-has-2-columns {
		grid-template-columns: 1fr 3fr;
	}
}




@media(max-height: 600px) {
	.mwk-testimonial-slider .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner > .wp-block-kadence-advancedheading {
		//height: 50vh;
		overflow: scroll;
	}
	
	.mwk-testimonial-slider .wp-block-kadence-column:first-child {
		max-width: 8rem;
	}
}

@media(min-height: 600px) and (max-height: 800px) {
	.mwk-testimonial-slider .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner > .wp-block-kadence-advancedheading {
		//height: 40vh;
		overflow: scroll;
	}
	
	.mwk-testimonial-slider .wp-block-kadence-column:first-child {
		max-width: 8rem;
	}
	
}

/* Akkordeon */

.mwk-akkordeon {
	width: 100%;
}

.mwk-akkordeon .kt-accordion-pane {
	border-bottom: 2px solid var(--global-palette6);
}

.mwk-akkordeon .kt-accordion-panel-active .kt-blocks-accordion-title {
	font-weight: 700;
	transition: font-weight 0.5s ease-in-out;
}

.mwk-akkordeon .kt-accordion-panel-inner p {
	font-size: var(--global-kb-font-size-md, 1.25rem);
}

.mwk-akkordeon .kt-accordion-panel-inner {
	background: none;
}

/* Show icon next to akkordeon pane */
/* General class to style icons */
.mwk-akkordeon--icon .kt-blocks-accordion-title {
	padding-left: 2.75rem;
}

.mwk-akkordeon--icon .kt-blocks-accordion-title-wrap:before {
	position: absolute;
	content: "";
	height: 2rem;
	width: 2rem;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    bottom: 1.3em;
}

/* Individual icons */
.mwk-akkordeon--icon__fitness .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-fitness-v1.svg')}
.mwk-akkordeon--icon__altersvorsorge .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-altersvorsorge-v1.svg')}
.mwk-akkordeon--icon__jobrad .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-jobrad-v1.svg')}
.mwk-akkordeon--icon__jobticket .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-jobticket-v1.svg')}
.mwk-akkordeon--icon__rabatt .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-rabatt-v1.svg')}
.mwk-akkordeon--icon__miteinander .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-miteinander-v1.svg')}
.mwk-akkordeon--icon__obst .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-obst-v1.svg')}
.mwk-akkordeon--icon__weiterbildung .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-bildung-v1.svg')}
.mwk-akkordeon--icon__technologie .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-technologie-v1.svg')}
.mwk-akkordeon--icon__karrierechancen .kt-blocks-accordion-title-wrap:before {background: url('/wp-content/uploads/2024/07/mwk-karriere-v1.svg')}
}

/* 
 * Franky Page story scroll section 
 * */

.mwk-franky-story .kt-inside-inner-col {
	max-width: 65rem;
	margin: 0 auto;
}

@media(max-width: 480px) {
	.mwk-franky-story {
	background-position-x: 50% !important;
	}		
}

@media(min-width: 980px) {
	.mwk-franky-story {
	width: 1920px !important;
	}		
}

@media(min-width: 1920px) {
	.mwk-franky-story {
		margin-left: calc(50% - (1920px / 2)) !important;
	}
	
	.mwk-franky-story::before,
		.mwk-franky-story::after {
		  content: "";
		  position: absolute;
		  top: 0;
		  bottom: 0;
			height: 100%;
		  width: 10rem; /* You can adjust the width as per your requirements */
		  pointer-events: none; /* So the gradient doesn't interfere with mouse events on the div */
		}
		
}


/* Margins for text */
.mwk-franky-story .mwk-franky-text {
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.50);
}
.mwk-franky-story .mwk-franky-text:nth-child(3) {margin: 35rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(4) {margin: 45rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(5) {margin: 30rem auto 20rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(6) {margin: 20rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(7) {margin: 55rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(8) {margin: 60rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(9) {margin: 70rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(10) {margin: 70rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(11) {margin: 60rem auto 80rem !important}

@media(min-width: 1024px) {
	.mwk-franky-story .mwk-franky-text:nth-child(3) {margin: 35rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(4) {margin: 51rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(5) {margin: 50rem auto 20rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(6) {margin: 26rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(7) {margin: 65rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(8) {margin: 90rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(9) {margin: 90rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(10) {margin: 80rem auto 30rem !important}
.mwk-franky-story .mwk-franky-text:nth-child(11) {margin: 70rem auto 80rem !important}
}


/* Job Postings */

@media(max-width: 480px) {
	.job-posting .has-theme-palette-5-color {
		font-size: 12px !important;
	}	
	.job-posting .kt-inside-inner-col .kt-inside-inner-col {
		gap: 0.25rem;
	}
}

/* 
 * Mehrwerk Rechner
 * */

.hide {display: none}
.resultsUpselling {}
.resultsCrossselling {}
.resultsCustomersatisfaction {}

.mwk-calculator .inputs {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.mwk-calculator .inputs label {
	font-size: 18px;
}

.mwk-calculator .inputs input {
	border: none;
	border-bottom: 2px solid #D3D3D3;
	background: none;
	border-radius: 0;
	max-width: 460px;
	margin-top: -1rem;
}

.mwk-calculator .inputs input:focus {
border-color: #000;
}

.mwk-calculator .input label {
	font-size: 0.875rem;
	margin-top: 1rem
}


.mwk-calculator .pills {
  	display: flex;
  	gap: 1rem;
	flex-direction: column;
}

@media(min-width: 1024px) {
	.mwk-calculator .pills {
		flex-wrap: nowrap;
		flex-direction: row;
	}
}

@media(min-width: 768px) {
	.mwk-calculator .pills.pills--short {
		flex-wrap: nowrap;
		flex-direction: row;
	}
}


.mwk-calculator .pill {
  padding: 0.5rem 1rem;
  border: 2px solid #D3D3D3;
  border-radius: 6.25rem;
	background: var(--mwk-white);
  cursor: pointer;
	color: #000;
	font-weight: 700;
	line-height: 1.5rem;
	text-wrap: nowrap;
}

.mwk-calculator .pill:hover {
	background: none;
	border-color: #000;
	color: #000;
}

.mwk-calculator .pill.active {
  border-color: #000;
}

/*
 * Mehrwerk Rechner 3.0
 */

.vertical-slider {
	writing-mode: vertical-lr;
    direction: rtl;
    appearance: slider-vertical;
    width: 8px; /* Adjust as needed */
    height: 200px; /* Adjust as needed */
    margin-left: 10px; /* Space between input and slider */
}

.mwk-calculator-3 {
	
}

.mwk-calculator-3__inputs {
	text-align: center;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 0.5rem;
}

.mwk-calculator-3__inputs label {
	font-size: 1rem;
	/*display:flex;
	align-items: center;*/
}

.mwk-calculator-3__inputs .slider-container {
    display: flex;
    flex-direction: column;
	align-items: center;
    gap: 1rem;
}

.mwk-calculator-3__inputs input[type="number"] {
	padding: 0;
	background: none;
	text-align: center;
	max-width: 120px;
}

.mwk-calculator-3__results {
	
}




/* 
 * Single Post
 * */

.single.content-width-narrow .content-container.site-container, 
.single.content-width-narrow .hero-container.site-container {
    max-width: 890px;
}



@media(min-width: 1440px) {
	.single:not(.case-study).wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-inherit {
		width: 140%;
		margin-left: -20%;
}
}

/* Set aspect ratio */
.single .post-top-featured img {
	//aspect-ratio: 16/9;
	border-radius: 0.625rem;
}


.single.content-width-narrow.case-study .content-container.site-container, 
.single.content-width-narrow.case-study .hero-container.site-container {
    max-width: 1180px;
}

.single h1.entry-title {
font-weight: 500; 
	font-size: clamp(2rem, 0.4545454545454546rem + 2.727272727272727vw, 2.5rem); 
	line-height: 1.2; 
	letter-spacing: -0.05rem
}

.entry-content > p:first-child {
	color: var(--text-light);
	font-weight: 500; 
	font-size: clamp(1.25rem, 0.8181818181818181rem + 0.9090909090909091vw, 1.5rem); 
	line-height: 1.33; 
	letter-spacing: -0.03rem
}

.entry-meta {
	color: var(--text-light));
	font-weight: 500;
	font-size: 1.125rem;
}

.entry-meta .category-links a:hover {
	color: #000;
	text-decoration: underline;
}

.entry-meta>*:after {
	margin-left: 0.5rem;
	margin-right: 0.75rem;
}

.entry-meta.entry-meta-divider-dash>*:after {
	content: '+';
}

/* Case study */
.case-study-sidebar a:not(.kb-button) {
	color: var(--text-light);
	text-decoration: underline !important;
}


/* Helper class to center right aligned elements on mobile */

@media(max-width: 480px) {
	
.wp-block-kadence-image.mobile-center .alignright {
	margin-right: 0 !important;
	float: none;
	margin-bottom: 0 !important;
	
}	
}

/* Helper class to avoid image wrap */
@media(min-width: 1024px) {
	.gallery-nowrap .kt-inside-inner-col {
	flex-wrap:nowrap !important;
}
}


/* To refactor */
.anker-category {
	color: var(--text-light) !important;
}
.anker-category a {
	color: var(--text-light); !important;
	//font-weight: 500 !important;
}

.anker-category a:hover,
.anker-category a:active{
	color: #000 !important;
	text-decoration: underline !important;
	
}

/* User centrics cookie modal / To DELETE -> handled by setting */
/*#usercentrics-button #uc-corner-modal .uc-corner-modal-content {
    right: 2rem !important;
    left: auto !important;
}

#uc-btn-open-main-corner-modal {
	display: none
}*/

/* trailer before play button */

	#karriere-trailer video {
		border-radius: 0.625rem;
		overflow: hidden;
}

@media(min-width: 480px) {
	.playOverlay {
	  position: relative;
	}
	.playOverlay:hover {
		cursor: pointer;
	}

	.playOverlay::before {
	  content: '';
		color: var(--mwk-white);
		background: url('/wp-content/uploads/2024/01/mwk-icon-play.svg');
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 99%;
	  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  cursor: pointer;
	  font-size: 6rem;
	}
	
	.playOverlay::after {
		    content: '';
    background: url(/wp-content/uploads/2024/01/mwk-icon-play.svg);
    position: absolute;
    background-size: contain;
    background-repeat: non-repeat;
    top: 41%;
    left: 43%;
    width: 8rem;
    height: 8rem;
    filter: invert(0.9);
	}
}
	

/* 
 * Meet Franky sticky button
 */

	.meet_franky_button {
		margin-bottom: 0.5em;
	}
	.meet_franky_button figure {
		background: var(--mwk-blue);
		border-radius: 50%;
		padding: 1rem;
		}
	
	@media(max-width: 768px) {
		.meet_franky_button_wrapper {
			display: none;
		}
	}
	
	
	.meet_franky_button_wrapper {
		position: fixed;
		z-index: 999;
		bottom: 2rem;
		right: 2rem
	}
	
	.meet_franky_button_wrapper figure,
		.meet_franky_button_wrapper .kb-button{
			box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);
	}

/* Hide Usercentrics Button */

.privacy-chip-wrapper {
	display: none;
}

/* Hide Karriere button in header on karriere page */

.page-id-91 .site-header a[href="/karriere"] {
	display: none;
}

/* 
 * Custom Block: Sticky contact
 * */

.sticky-contact {
	//display: flex;
	display: none !important;
	flex-direction: column;
	align-items: center;
	background: #fff;
	position: fixed;
	padding: 1rem;
    bottom: 1rem;
	right: 1rem;	
    z-index: 9999;
	border-radius: 0.625rem;
	transform: translateX(102%); /* Adjust the value as needed */
	transition: opacity 1s ease-in-out, transform 1s ease-in-out, filter 1s ease-in-out;
	filter: blur(2px);
	box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);
}

.sticky-contact img {
	max-width: 100px;
	margin-bottom: 0.5rem;
	border-radius: 50%;
    /*-webkit-mask-image: url(https://wordpress-1221718-4385811.cloudwaysapps.com/wp-content/uploads/2023/07/mwk-mask-2.svg);
    mask-image: url(https://wordpress-1221718-4385811.cloudwaysapps.com/wp-content/uploads/2023/07/mwk-mask-2.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;*/
}

.sticky-contact__title {
	font-weight: 700;
}

.sticky-contact .wp-block-kadence-advancedbtn {
margin-top: 1rem
}

.visible {
  /*opacity: 1;*/
  transform: translateX(0);
	filter: none;
}

@media(min-width: 768px) {
	.sticky-contact {
    bottom: 3rem;
	right: 3rem;
	padding: 2rem;
}
}

/* Lösungen Visual */
	
@media(max-width: 1024px) {
	.loesungen-visual .kt-row-column-wrap {
		overflow: scroll;
			display: flex;
	}
	.loesungen-visual .kt-row-column-wrap .wp-block-kadence-column {
		min-width: 250px;
	}
}
	
	
	
	
/* 
 * mehrwerk design 3.0
 */ 


/* Section Title: Large background – Refactor to custom lazy block */
.mwk-section-title .kt-row-column-wrap{
	aspect-ratio: 1920/872;
	padding: 3rem;
	padding-left: 3rem;
	align-content: flex-end
}

.mwk-section-title--bottom {
}

@media(max-width: 1024px) {
	.mwk-section-title .kt-row-column-wrap{
	aspect-ratio: 1080/1350;
	}
}
	
/* 
 * Custom Lazyblock: 
 * Get in touch 
 * */

.mwk-get-in-touch {
	border-radius: var(--mwk-border-radius);
	padding: 2rem;
}

.mwk-get-in-touch__content .kb-buttons-wrap {
	gap: 1.25rem;
}

.mwk-get-in-touch__image {
	max-width: 220px;
	margin: 2rem auto;
}

@media(min-width: 768px) {
	.mwk-get-in-touch {
		padding: 4rem !important;
	}
}

@media(min-width: 1440px) {
	.mwk-get-in-touch {
		padding: 6rem !important;
	}
}

@media(min-width: 1680px) {
	.mwk-get-in-touch {
		padding: 8rem !important;
	}
}

@media(min-width: 1024px) and (max-width: 1200px) {
	.mwk-get-in-touch__content {
		max-width: 560px;
	}
}

@media(min-width: 1201px) {
	.mwk-get-in-touch__content {
		max-width: 70%;
	}
}

@media(max-width: 768px) {
	
	.mwk-get-in-touch {
		gap: 1rem;
	}
	
	.mwk-get-in-touch .wp-block-kadence-column:first-child {
		order: 1;
	}
	
	.mwk-get-in-touch__image {
		margin: 0 auto;
	}
	
	.mwk-get-in-touch__content .kt-inside-inner-col p {
		margin-bottom: 1rem;
	}
	
	.mwk-get-in-touch .ft-h1 {
		font-size: 1.5rem;
	}
}

/* Variant: Display contact person on the left side */


@media(min-width: 1024px) {
	.mwk-get-in-touch--contact-left {
		padding-right: 3rem !important	
	}
	
	.mwk-get-in-touch--contact-left .mwk-get-in-touch__content{
		justify-self: end;
		max-width: 66%;
	}
}

/* 
 * Overlay gradient so illustrate more logos 
 */

.mwk-overlay-gradient:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    background: linear-gradient(0deg, var(--global-palette8), 80%, rgba(238, 240, 246, 0.3));
    bottom: 0;
    z-index: 1;
}