/*
Theme Name:     Madame Moneypenny Relaunch 2024
Theme URI:      n/a
Template:       kadence
Author:         Madame Moneypenny
Author URI:     n/a
Description:    Child Theme Description
Version:        1.1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
Prefix: mmp- | mandatory for all classes
followed by 
ft -> fonts
clr -> colors
block -> Blocks
pattern -> patterns
*/


/*
* Helper: Hide Trigger and Element
*/
.mmp-helper-hide-trigger:hover {
    cursor: pointer;
}

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

 @font-face {
    font-family: 'Söhne';
    font-style: normal;
    font-weight: 400;   
    src: url('../fonts/soehne-buch.woff2') format('woff2');
    font-display: swap;;
}

@font-face {
    font-family: 'Söhne';
    font-style: normal;
    font-weight: 500;   
    src: url('../fonts/soehne-kraftig.woff2') format('woff2');
    font-display: swap;;
}

@font-face {
    font-family: 'Tobias';
    font-style: normal;
    font-weight: 400;   
    src: url('../fonts/Tobias-Regular.woff') format('woff'), 
        url('../fonts/Tobias-Regular.woff2') format('woff2');
    font-display: swap;;
}

@font-face {
    font-family: 'Tobias';
    font-style: normal;
    font-weight: 600;   
    src: url('../fonts/Tobias-SemiBold.woff') format('woff'), 
        url('../fonts/Tobias-SemiBold.woff2') format('woff2');
    font-display: swap;;
}

:root {
   --global-body-font-family: 'Söhne',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   --global-heading-font-family: 'Tobias';
}

/* Headline styles */

/* Calmp values are based on minimum viewport: 414px and maximum Viewport: 1920px */

/* Headline styles */
/* .mmp-ft-h1,h1 {font-family: var(--global-heading-font-family); font-size: clamp(2.25rem, 1.9615rem + 1.2821vw, 3.5rem); line-height: 1.2; letter-spacing: 0.1px;} */
.mmp-ft-h1,h1 {font-family: var(--global-heading-font-family); font-size: clamp(2rem, 1.5876rem + 1.5936vw, 3.5rem); line-height: 1.2; letter-spacing: 0.1px;}
/* .mmp-ft-h2,h2 {font-family: var(--global-heading-font-family); font-size: clamp(2.25rem, 1.393rem + 1.786vi, 3rem); line-height: 1.2; letter-spacing: 0.1px;} */
.mmp-ft-h2,h2 {font-family: var(--global-heading-font-family); font-size: clamp(2rem, 1.7251rem + 1.0624vw, 3rem); line-height: 1.2; letter-spacing: 0.1px;}
.mmp-ft-h3,h3 {font-family: var(--global-heading-font-family); font-size: clamp(2rem, 1.8625rem + 0.5312vw, 2.5rem); line-height: 1.2; letter-spacing: 0.1px;}
.mmp-ft-h3-quote {font-family: var(--global-heading-font-family); font-size: clamp(1.25rem, 0.9064rem + 1.328vw, 2.5rem); line-height: 1.2; letter-spacing: 0.1px;}
.mmp-ft-h4,h4 {font-family: var(--global-heading-font-family); font-size: clamp(1.5rem, 1.333rem + 0.556vi, 2rem); line-height: 1.3; letter-spacing: 0.1px;}
.mmp-ft-h5,h5 {font-family: var(--global-heading-font-family); font-size: clamp(1.25rem, 1.167rem + 0.278vi, 1.5rem); line-height: 1.4; letter-spacing: 0.1px; font-weight: 600;}
.mmp-ft-h6,h6 {font-family: var(--global-heading-font-family); font-size: clamp(1.125rem, 1.083rem + 0.139vi, 1.25rem); line-height: 1.4; letter-spacing: 0.1px; font-weight: 600;}

/* Font size Exception for headlines in blog articles*/
.single-post .single-content .mmp-ft-h2,
.single-post .single-content h2 
{font-size: 2rem}

.single-post .single-content .mmp-ft-h3,
.single-post .single-content h3 
{font-size: 1.5rem}

/* Ensure styling on linked headings */
.kb-advanced-heading-link {
	text-decoration: none;
}

.kb-advanced-heading-link > * {
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	letter-spacing: inherit;
	color: var(--mmp-clr-black);
}

.single-content .kb-advanced-heading-link > h3 {
	margin: 1.5em 0 0.5em; /* margin bottom was removed initially */
}

/* Body Copy styles */
.mmp-ft-sm {font-size: 0.875rem; line-height: 1.5 }
.mmp-ft-xs {font-size: 0.75rem; line-height: 1.5 }
.mmp-ft-md {font-size: 1.125rem; line-height: 1.5 }
.mmp-ft-lg {font-size: 1.25rem; line-height: 1.5}

.mmp-ft-bold, b, strong {
    font-weight: 500;
}

.mmp-ft-tagline {
    font-size: 1rem;
    font-weight: 500;
}

.mmp-ft-clicktrigger {
	font-weight: 500;
}

body, input, select, optgroup, textarea {
    font-size: 16px;
    line-height: 1.5;
}

.single-content p {
    margin-bottom: var(--global-kb-spacing-xs);
}

.single-content ul,
.single-content ol {
	padding-left: 1em;
}

.single-content ul li,
.single-content ol li {
    padding-bottom: 0.25em;
}

.mmp-ft-pretty {
	text-wrap: pretty;
}

.mmp-ft-balance {
	text-wrap: balance;
}

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
    margin-top: 1em;
}

/*
 * === End: Fonts ===
 */


 /*
 * === Start Colors
 */

:root {
    /* Brand colors */
    --mmp-clr-black: #000000;
    --mmp-clr-white: #FFFFFF;
    --mmp-clr-ultraviolet: #6100FF;
    --mmp-clr-lavendel: #AEB4F4;
    --mmp-clr-zitrone: #FEFFBD;
    --mmp-clr-apricot: #FFC163;
    --mmp-clr-creme: #FFF6EE;
    --mmp-clr-bordeaux: #3F061A;
    --mmp-clr-eisblau: #EFF1FF;
    --mmp-clr-rauchblau: #585D94;

    /* Kadence base colors */
    --global-palette1: var(--mmp-clr-ultraviolet)   /*1 - Accent*/;
    --global-palette2: var(--mmp-clr-lavendel)      /*2 - Accent alt*/;
    --global-palette3: var(--mmp-clr-black)         /*3 - Strongest Text*/;
    --global-palette4: var(--mmp-clr-black)         /*4 - Strong Text*/;
    --global-palette5: var(--mmp-clr-black)         /*5 - Medium Text*/;
    --global-palette6: var(--mmp-clr-black)         /*6 - Subtle Text*/;
    --global-palette7: var(--mmp-clr-creme)         /*Subtle Background*/;
    --global-palette8: var(--mmp-clr-white)         /*Lighter Background*/;
    --global-palette9: var(--mmp-clr-white)         /*White*/;

    /* Alias */
    --global-palette-btn-bg: var(--mmp-clr-ultraviolet);
    --global-palette-btn-bg-hover: var(--mmp-clr-ultraviolet);
    
}

/*
* == END Colors
*/

/* 
* Spacing & Radius
*/
:root {
    /* Spacing */
    --global-kb-spacing-xxs: 0.5rem;
    
    --global-xs-spacing: 1rem;
    --global-kb-spacing-xs: 1rem;
    
    --global-sm-spacing: 1.25rem;
    --global-kb-spacing-sm: 1.25rem; /* Default 1.5rem */
    
    --global-md-spacing: 2rem;
    --global-kb-spacing-md: 2rem;
    
    --global-lg-spacing: 2.5rem; /* Default 3rem */
    --global-kb-spacing-lg: 2.5rem; /* Default 3rem */
    
    --global-xl-spacing: 4rem;
    --global-kb-spacing-xl: 4rem;
    
    --global-xxl-spacing: 5.5rem; /* Default 5rem */
    --global-kb-spacing-xxl: 5.5rem; /* Default 5rem */
    
    --global-kb-spacing-3xl: 6rem; 
    
    --global-kb-spacing-4xl: 8rem;
    
    --global-kb-spacing-5xl: 10rem;

    /* Section widths */
    --global-content-width: 1360px; /* 1312px + 2x 24px padding */

    /* Radiants */
    --mmp-border-radius-sm: 1.25rem;
    --mmp-border-radius-pill: 12vw;

    /* Gaps */
    --global-kb-gap-sm: var(--global-kb-spacing-md);
    --global-row-gutter-sm: var(--global-kb-spacing-lg);
    --global-row-gutter-md: var(--global-kb-spacing-xl);
    --global-row-gutter-lg: var(--global-kb-spacing-3xl);
}

@media(max-width: 1024px) {
    :root {
        --global-kb-spacing-4xl: var(--global-kb-spacing-xl);
    }

}

div.mmp-row-gutter-xs > .kt-row-column-wrap {
    row-gap: var(--global-kb-spacing-xs);
}

div.mmp-gutter-xs > .kt-row-column-wrap {
    gap: var(--global-kb-spacing-xs);
}

.mmp-border-radius-sm {
    border-radius: var(--mmp-border-radius-sm);
    overflow: hidden;
}

.mmp-border-radius-pill {
    border-radius: var(--mmp-border-radius-pill);
    overflow: hidden;
}

@media(max-width: 768px) {
    .mmp-border-radius-pill {
        border-radius: var(--mmp-border-radius-sm);
    }
}

@media(max-width: 768px) {
    :root {
        /* Spacing */
        --global-kb-spacing-xxl: 4rem;

        /* Gaps */
        --global-row-gutter-md: var(--global-kb-spacing-md);
        --global-kb-gap-lg: var(--global-kb-spacing-lg);
    }
}

@media(min-width: 768px) {
    :root {
        --global-kb-gap-lg: var(--global-kb-spacing-3xl);
    }
}

/* Helper hide elements */
.mmp-hide-lg {display: none;}
@media(min-width: 768px) {
.mmp-hide-md {display: none;}	
}

@media(max-width: 768px) {
	.mmp-hide-sm {display: none;}	
}


/* Kadence Block: Icon List - 
* align icons top 
* Replace Check and Cross icons
*/

.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
    align-items: self-start;    
}

.kb-svg-icon-fe_checkCircle::before,
.kb-svg-icon-fe_x::before {
    margin-top: -0.15em;
}

.kb-svg-icon-fe_checkCircle svg,
.kb-svg-icon-fe_x svg {
    display: none;
}

.kb-svg-icon-fe_checkCircle,
.kb-svg-icon-fe_x {
    padding-left: 1.5em;
}

.kb-svg-icon-fe_checkCircle::before {
    content:"";
    width: 1em;
    height: 1em;
    background: url('../images/mmp-icon-check-ultraviolet.svg') no-repeat;
}

.mmp-helper-icon-apricot .kb-svg-icon-fe_checkCircle::before {
    background: url('../images/mmp-icon-check-apricot.svg') no-repeat;
}

.kb-svg-icon-fe_x::before {
    content:"";
    width: 1em;
    height: 1em;
        background: url('../images/mmp-icon-cross-bordeaux.svg') no-repeat;
}

 /*
 * Buttons / Gravity Form Buttons
 */

 .gform_wrapper .gform_footer .button.gform_button,
 .gform_wrapper .gform_page_footer .button.gform_button,
 .gform_wrapper .gform_page_footer .button.gform_next_button,
 .button.kb-button,
 .mmp-gf-standard-confirmation-box button,
 #main-header .header-button {
     border-radius: 2rem;
     padding: 0.625em 1.5em;
     line-height: 1.5;
     border: 2px solid var(--global-palette-btn-bg);
     text-wrap: pretty;
 }
 
 div.gform_wrapper .gform_page_footer .button.gform_previous_button {
    background: none;
    background-color: transparent;
    color: var(--mmp-clr-black);
    opacity: 0.6;
    box-shadow: none;
 } 
 
 .gform_wrapper .gform_footer .button.gform_button:hover,
 .mmp-gf-standard-confirmation-box button:hover,
 .button.kb-button:hover {
     box-shadow: none;
     background: var(--mmp-clr-white);
     color: var(--mmp-clr-black);
 }

 .button.kb-button.mmp-button--secondary:hover {
    background: none;
 }

 /* Button Apricot */
 .kb-button.mmp-button--apricot {
    background: var(--mmp-clr-apricot);
    color: var(--mmp-clr-black);
    border: 2px solid var(--mmp-clr-apricot);
 }

 .kb-button.mmp-button--apricot:hover {
     background: none;
     color: var(--mmp-clr-white);
 }

 /* Button Link */
 .kb-button.mmp-button--secondary {
     border: none  !important;
     color: var(--global-palette3) !important;
     padding-left: 0 !important;
     border-radius: 0 !important;
     transition: transform 0.2s ease-in-out !important;
}

.kb-button.mmp-button--secondary .kb-svg-icon-wrap {
    transition: transform 0.2s ease-in-out !important;
}

.kb-button.mmp-button--secondary:hover {
    color: var(--global-palette3) !important;
	background: none !important;
}

.kb-button.mmp-button--secondary:hover .kb-svg-icon-wrap {
    transform: translate(0.5em) !important;
    transition: transform 0.2s ease-in-out !important;
}

/* Bugfix -> Icon not aligned vertically for devices < 1024px*/
@media all and (max-width: 1024px) {
.button.kb-button.mmp-button--secondary .kb-svg-icon-wrap {
	display: inline-flex;
	}
}

.mmp-button--disabled {
	pointer-events: none;
	opacity: 0.5;
}

 /*
 * === Start Header
 */

 #main-header .site-header-inner-wrap .site-header-upper-wrap {
    max-width: var(--global-content-width);
    margin: 0 auto;
 }

@media(min-width: 768px) {
    .site-header-row-container-inner .site-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.site-header-inner-wrap {
    border-radius: 0px 0px 1.25rem 1.25rem;
    background: var(--mmp-clr-white);
    box-shadow: 0px 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.2);
}

.header-navigation .menu {
    gap: 1.375rem;
}

.site-header-section-right {
    gap: 2rem;
}

.site-header .site-container {
    max-width: inherit;
}

li.menu-item > a {
    font-size: 1.125rem;
}

/* Style submenu for desktop */
.header-navigation .header-menu-container ul ul.sub-menu, 
.header-navigation .header-menu-container ul ul.submenu {
    background: var(--mmp-clr-white);
    padding: 0.75rem 0.375rem;
    border-radius: 0 0 var(--mmp-border-radius-sm) var(--mmp-border-radius-sm);
    box-shadow: none;
}

.site-header-wrap .header-navigation .header-menu-container ul ul.sub-menu a, 
.site-header-wrap .header-navigation .header-menu-container ul ul.submenu a {
    color: var(--mmp-clr-black);
    font-size: 1rem;
    width: auto;
    min-width: 160px;
}

.site-header-wrap .header-navigation .header-menu-container ul ul.sub-menu a:hover, 
.site-header-wrap .header-navigation .header-menu-container ul ul.submenu a:hover {
    background: inherit;
    color: var(--mmp-clr-ultraviolet);
}

/* Responsiveness - Remove navigation items for screen sizes between burger navigation and 1440px */
@media(max-width: 1320px) {
    #main-header .mmp-helper-hide-menu-item-responsive-1320 {
        display: none;
    }
}

@media(max-width: 1120px) {
    #main-header .mmp-helper-hide-menu-item-responsive-1120 {
        display: none;
    }
}


/* Create Slight overlap of Navigation and Hero Element so that the border-radius doesn't have a white background */
#masthead {
    border-radius: 0 0 1.25rem 1.25rem;
}

#inner-wrap {
    margin-top: -1.25rem;
}

/* Increase padding for very first layout wrap to compensate the reduced padding */
@media(min-width: 1024px) {
    .entry-content > .kb-row-layout-wrap:first-child > .kt-row-column-wrap {
        --global-kb-spacing-xxl: calc(5.5rem + 1.25rem);
    }
}

/* Mobile Header */
#mobile-header .site-branding a.brand img {
    width: 180px;
}

#mobile-drawer.popup-drawer .drawer-inner {
    background: var(--mmp-clr-white);
    color: var(--global-palette3);
    max-width: 100%;
}

#mobile-drawer.popup-drawer .drawer-content {
    padding: 2rem 1.5em 1.5em;
}

.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
    color: var(--global-palette3);
}

.mobile-navigation ul li,
.mobile-navigation ul li a {
    font-size: 1.5rem;
}

.mobile-navigation ul.sub-menu li > a {
    font-size: 1.125rem;
}

.mobile-navigation ul li a {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button {
    margin-top: 2rem;
    border-radius: 2rem;
    padding: 0.625em 1.5em;
    line-height: 1.5;
}

/* Helper class deactivate_link -> Ad this class to menu items that should no be clickable e.g. for categories that do not have page */
.mobile-navigation ul li.deactivate_link .drawer-nav-drop-wrap a {
    pointer-events: none; 
}
 /*
 * === END Header
 */

/*
 * === START Footer
 */

footer {
    background: var(--mmp-clr-creme);
}

 footer#colophon .site-middle-footer-inner-wrap {
    padding-top: var(--global-kb-spacing-xxl);
    grid-row-gap: 3rem;
}

.footer-widget2 ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-widget2 .footer-widget-area-inner .widget_nav_menu .widget-title {
    font-size: clamp(1.125rem, 1.083rem + 0.139vi, 1.25rem); 
    line-height: 1.4; 
    letter-spacing: 0.1px;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-transform: initial;
}

.footer-widget2 .footer-widget-area-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media(min-width: 481px) {
    .footer-widget2 .footer-widget-area-inner {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1rem;
    }
}


@media(min-width: 768px) {
    .footer-widget2 .footer-widget-area-inner {
        grid-template-columns: repeat(3,1fr);
    }
}

@media(min-width: 1120px) {
    footer#colophon .site-middle-footer-inner-wrap {
        grid-template-columns: 1fr 4fr;
        padding-top: 5.5rem;
    }

    .footer-widget2 .footer-widget-area-inner {
        display: flex;
        flex-direction: row;
        gap: 3.5rem;
        justify-content: end
    } 
}

footer li.menu-item > a {
    font-size: 1rem;
}


/* Footer social icons */
.footer-social-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media(min-width: 1024px) {
    .footer-social-inner {
        justify-content: flex-end;
    }   
}

.footer-social-wrap .footer-social-inner-wrap {
    font-size: 2rem;
}

.site-footer-wrap .social-button {
    color: var(--mmp-clr-ultraviolet);
}

/* Footer small: Kadence Element */

.mmp-footer--small .wp-block-navigation {
    gap: var(--global-kb-spacing-lg);
}

.mmp-footer--small .wp-block-social-links {
    margin-bottom: auto;
    gap: 1rem;
}

.mmp-footer--small .wp-block-social-links .wp-social-link svg {
        height: 2rem;
        width: 2rem;
}

/* 
* === Start Forms
*/

@media(max-width: 480px) {
    .gform_wrapper .gform_footer .button.gform_button[type="submit"] {
        width: 100%;
    }
}

.hide-label .gfield_label {
    display: none !important;
}

.gform_wrapper .gform_required_legend,
.gform_wrapper .gfield_required_asterisk {
	display: none !important;
}

.gform_wrapper label.gfield_label, 
.gform_legacy_markup_wrapper legend.gfield_label,
div.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 500;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0;
}

body .gform_wrapper ul li.gfield.gfield--type-text,
body .gform_wrapper ul li.gfield.gfield--type-email,
body .gform_wrapper ul li.gfield.gfield--type-radio {
    padding-bottom: var(--global-kb-spacing-md);
}

.gform_wrapper .gfield_radio > div{
    padding-bottom: var(--global-kb-spacing-xxs);
}

.gform_wrapper .gform_body.gform-body .gform_fields .gfield:not(:last-child):not(.gfield--type-consent):not(.gfield--type-radio) {
    margin-bottom: 2rem;
}

.gform_wrapper .gform_body.gform-body .gform_page .gform_fields .gfield:not(:last-child):not(.gfield--type-consent) {
    margin-bottom: 0; /* Remove margin for paginated forms */
}

.gform_wrapper .gform_body.gform-body .gform_page .gform_page_footer {
    text-align: center;
}

div.gform_wrapper.gravity-theme .gform_footer, 
div.gform_wrapper.gravity-theme .gform_page_footer {
    margin-top: var(--global-kb-spacing-xs);
}

.gform_wrapper span.gfield_required,
.gform_legacy_markup_wrapper span.gfield_required {
    margin-left: 2px;
    color: inherit;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea,
select.gfield_select,
select.gfield_select:focus {
    color: var(---global-palette4);
    padding: 0.4em 0.5em !important;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--mmp-clr-black);
    box-shadow: none;
}

textarea {
    border: 2px solid var(--mmp-clr-black);
}

select.gfield_select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/mmp-icon-arrow-down.svg') no-repeat right center;
}

input::placeholder {
    color: var(--mmp-clr-lavendel);
}

/* Progress Bar */
.hide-steps .gf_progressbar_title {
    display: none !important;
}

div.gform_wrapper.gravity-theme .gf_progressbar {
    margin-bottom: 0.5rem;
}

div.gform_wrapper.gravity-theme .gf_progressbar_percentage {
    height: 0.5rem;
}

div.gform_wrapper.gravity-theme .gf_progressbar_blue {
    background: var(--mmp-clr-lavendel);
}

div.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: var(--mmp-clr-ultraviolet);
}

div.gform_wrapper.gravity-theme .gf_progressbar_title {
    color: var(--mmp-clr-black);
    font-size: 0.75rem;
}
/* Percentage */
body .gform_wrapper.gravity-theme .gf_progressbar_percentage span {
    display: none;
}

/* Custom radio buttons for regular forms */
div.gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 1rem;
}

.gform_wrapper.gravity-theme .gfield-choice-input:not([type="checkbox"]) {
    opacity: 0; /* Hide Radio Button */
    width: 1.125em; 
    height: 1.125em;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice label {
    position: relative;
}

.gform_wrapper.gravity-theme .gfield_radio .gchoice label::before {
    content: "";
    background: var(--mmp-clr-white);
    position: absolute;
    width: 1.125em;
    height: 1.125em;
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--mmp-clr-black);
    top: .125em;
    left: -1.5em;
    transition: background 0.3s ease; 
}

.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input:checked + label::after {
    content: "";
    position: absolute;
    width: 0.75em;
    height: 0.75em;
    /* width: 12px;
    height: 12px; */
    background: var(--mmp-clr-ultraviolet);
    border-radius: 50%;
    top: 0.3125em;
    left: -1.3125em;
    /* top: 5px;
    left: -21px; */
}


/* Form on dark background e.g. Ultraviolet */
.mmp-form-on-dark input[type="text"], 
.mmp-form-on-dark input[type="email"], 
.mmp-form-on-dark input[type="url"], 
.mmp-form-on-dark input[type="password"], 
.mmp-form-on-dark input[type="search"], 
.mmp-form-on-dark input[type="number"], 
.mmp-form-on-dark input[type="tel"], 
.mmp-form-on-dark input[type="range"], 
.mmp-form-on-dark input[type="date"], 
.mmp-form-on-dark input[type="month"], 
.mmp-form-on-dark input[type="week"], 
.mmp-form-on-dark input[type="time"], 
.mmp-form-on-dark input[type="datetime"], 
.mmp-form-on-dark input[type="datetime-local"], 
.mmp-form-on-dark input[type="color"], 
.mmp-form-on-dark textarea,
.mmp-form-on-dark .gfield_select,
.mmp-form-on-dark .gfield_select:focus
{
    color: var(--mmp-clr-white);
    border-color: var(--mmp-clr-white);
}

.mmp-form-on-dark .gform_confirmation_wrapper {
	color: var(--mmp-clr-white);
}

.mmp-form-on-dark .gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input:checked + label::after { 
	background: var(--mmp-clr-apricot);
}

.mmp-form-on-dark textarea {
    border: 2px solid var(--mmp-clr-white);
}

.mmp-form-on-dark select.gfield_select {
    background: url('../images/mmp-icon-arrow-down-white.svg') no-repeat right center;
}


.mmp-form-on-dark label,
.mmp-form-on-dark label a,
.mmp-form-on-dark .gfield_label {
    color: var(--mmp-clr-white);
}

.mmp-form-on-dark .gform_wrapper .button.gform_button {
    background: var(--mmp-clr-apricot);
    color: var(--mmp-clr-black);
    border: 2px solid var(--mmp-clr-apricot);
}

.mmp-form-on-dark .gform_wrapper .button.gform_button:hover {
    background: none;
    color: var(--mmp-clr-white);
}

/* Validation errors */

div.gform_wrapper.gravity-theme .gform_validation_errors {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}



div.gform_wrapper.gravity-theme .gfield_validation_message, 
div.gform_wrapper.gravity-theme .validation_message {
    border: none;
    background: none;
}

div.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: none;
    border-bottom: 2px solid var(--mmp-clr-black);
}

div.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    color: inherit;
    font-family: inherit;
}

/* Hide Icon */
div.gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {
    display: none;
}

div.gform-icon--circle-error:before {
    color: inherit;
}

div.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: none;
    border-bottom: 2px solid var(--mmp-clr-black);
}

div.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, 
div.gform_wrapper.gravity-theme .gfield_error label, 
div.gform_wrapper.gravity-theme .gfield_error legend, 
div.gform_wrapper.gravity-theme .gfield_validation_message, 
div.gform_wrapper.gravity-theme .validation_message, 
div.gform_wrapper.gravity-theme [aria-invalid=true]+label, 
div.gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: inherit;
    padding: 0;
}

div.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: none;
    border-bottom: 2px solid var(--mmp-clr-black);
}

.gform_wrapper.gravity-theme .gform_validation_errors>ol a {
    text-decoration: none;
}

.gform_wrapper.gravity-theme .gform_validation_errors>ol {
    padding-left: 0 !important;
}

body .gform_wrapper.gravity-theme .gform_validation_errors>ol li {
    list-style-type: none !important;
}

body .gform_wrapper.gravity-theme .gform_validation_errors>ol a {
    color: var(--mmp-clr-black);
    font-size: 0.75rem;
}

/* Validation for Gravity Perks Valdidation Multiple Choice Plugin */
.gform_wrapper.gravity-theme .gform_validation_errors>ol a .gplc-validation-message {
    font-weight: 500;
    font-size: 1.25rem;
    margin-top: 0.25rem;
    color: var(--mmp-clr-ultraviolet);
}


/* One White */

.mmp-form-on-dark .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    color: var(--mmp-clr-white);
}

.mmp-form-on-dark .gform-icon--circle-error:before {
    color: var(--mmp-clr-white);
}


.mmp-form-on-dark div.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    
    border-bottom: 2px solid var(--mmp-clr-white);
}

.mmp-form-on-dark div.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: none;
    border-bottom: 2px solid var(--mmp-clr-white);
}

.mmp-form-on-dark .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, 
.mmp-form-on-dark .gform_wrapper.gravity-theme .gfield_error label, 
.mmp-form-on-dark .gform_wrapper.gravity-theme .gfield_error legend, 
.mmp-form-on-dark .gform_wrapper.gravity-theme .gfield_validation_message, 
.mmp-form-on-dark .gform_wrapper.gravity-theme .validation_message, 
.mmp-form-on-dark .gform_wrapper.gravity-theme [aria-invalid=true]+label, 
.mmp-form-on-dark .gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: var(--mmp-clr-white);
    padding: 0;
}

/* Input field: File upload */
.gform_wrapper .gfield--type-fileupload .ginput_preview {
	margin: 0.5rem 0;
}

.gform_wrapper .gfield--type-fileupload .ginput_preview button.gform_delete_file {
	color: var(--mmp-clr-ultraviolet);
	cursor: pointer;
	padding: 0 0 0 0.5rem;
}

.gform_wrapper .gfield--type-fileupload .ginput_preview button.gform_delete_file:hover {
	box-shadow: none;
	cursor: pointer;
}

.gform_wrapper .gfield--type-fileupload .ginput_preview .gfield_fileupload_filesize,
.gform_wrapper .gfield--type-fileupload .ginput_preview .gfield_fileupload_progress {
	opacity: 0.5;
}

/* 
* Conversational Forms 
*/

.gform-theme--framework {
    --gf-convo-font-family: var(--global-body-font-family) !important;
    --gf-convo-welcome-title-font-family: var(--global-heading-font-family) !important;
    --gf-convo-color-text-secondary: var(--mmp-clr-black) !important;
    --gf-color-primary: var(--mmp-clr-ultraviolet) !important;
    --gf-ctrl-bg-color: var(--mmp-clr-ultraviolet) !important;
    --gf-ctrl-btn-bg-color-primary: var(--mmp-clr-ultraviolet) !important;
    --gf-ctrl-btn-bg-color-hover-primary: var(--mmp-clr-ultraviolet) !important;
    --gf-convo-prog-bar-bg-color-progress: var(--mmp-clr-ultraviolet) !important;
    --gf-ctrl-label-color-req: var(--mmp-clr-ultraviolet) !important;
    --gf-convo-welcome-title-font-size: clamp(2.25rem, 1.393rem + 1.786vi, 3rem) !important;
    --gf-convo-welcome-title-font-size-viewport-md: clamp(2.25rem, 1.393rem + 1.786vi, 3rem) !important;
}

.gform-conversational.gform-theme--framework .form_saved_message>:where(:not(.gform_validation_errors)), 
.gform-conversational.gform-theme--framework .form_saved_message_sent>:where(:not(.gform_validation_errors)), 
.gform-conversational.gform-theme--framework .gfield--type-html>:where(:not(.gform_validation_errors)), 
.gform-conversational.gform-theme--framework .gfield--type-section>:where(:not(.gform_validation_errors)), 
.gform-conversational.gform-theme--framework .gform-conversational__field-header>:where(:not(.gform_validation_errors)), 
.gform-conversational.gform-theme--framework .gform_confirmation_message>:where(:not(.gform_validation_errors)), 
.gform-conversational.gform-theme--framework .gform_heading>:where(:not(.gform_validation_errors)) {
    font-weight: 400;
}

.gform-conversational.gform-theme--framework input[type="text"], 
.gform-conversational.gform-theme--framework input[type="email"], 
.gform-conversational.gform-theme--framework input[type="url"], 
.gform-conversational.gform-theme--framework input[type="password"], 
.gform-conversational.gform-theme--framework input[type="search"], 
.gform-conversational.gform-theme--framework input[type="number"], 
.gform-conversational.gform-theme--framework input[type="tel"], 
.gform-conversational.gform-theme--framework input[type="range"], 
.gform-conversational.gform-theme--framework input[type="date"], 
.gform-conversational.gform-theme--framework input[type="month"], 
.gform-conversational.gform-theme--framework input[type="week"], 
.gform-conversational.gform-theme--framework input[type="time"], 
.gform-conversational.gform-theme--framework input[type="datetime"], 
.gform-conversational.gform-theme--framework input[type="datetime-local"], 
.gform-conversational.gform-theme--framework input[type="color"], 
.gform-conversational.gform-theme--framework textarea,
.gform-conversational.gform-theme--framework select.gfield_select,
.gform-conversational.gform-theme--framework select.gfield_select:focus {
    color: var(---mmp-clr-black);
    padding: 0.4em 0.5em !important;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--mmp-clr-black);
    box-shadow: none;
}

.gform-conversational.gform-theme--framework textarea {
    border: 2px solid var(--mmp-clr-black);
}

.gform-conversational.gform-theme--framework .form_saved_message>:where(:not(.gform_validation_errors)), .gform-conversational.gform-theme--framework .form_saved_message_sent>:where(:not(.gform_validation_errors)), .gform-conversational.gform-theme--framework .gfield--type-html>:where(:not(.gform_validation_errors)), .gform-conversational.gform-theme--framework .gfield--type-section>:where(:not(.gform_validation_errors)), .gform-conversational.gform-theme--framework .gform-conversational__field-header>:where(:not(.gform_validation_errors)), .gform-conversational.gform-theme--framework .gform_confirmation_message>:where(:not(.gform_validation_errors)), .gform-conversational.gform-theme--framework .gform_heading>:where(:not(.gform_validation_errors)) {
    font-size: 1rem;
}

.gform-conversational.gform-theme--framework button {
    border-radius: 2rem !important;
     padding: 0.625em 1.5em;
     line-height: 1.5 !important;
}

.gform-conversational.gform-theme--framework button:focus {
    box-shadow: none !important;
}

/* Adjustments for radio buttons on conversational forms */
.gform-conversational.gform-theme--framework input.gfield-choice-input{
    background: none;
    border-color: var(--mmp-clr-black);
    box-shadow: none;
}

.gform-conversational.gform-theme--framework input.gfield-choice-input:not([type="checkbox"])::before{
    background-color: var(--mmp-clr-ultraviolet);
    width: 1.25em;
    height: 1.25em;
}

.gform-conversational.gform-theme--framework input.gfield-choice-input[type="checkbox"]::before {
    /* background: none; */
    color: var(--mmp-clr-ultraviolet);
    /* text-align: center; */
}


/*
* === End Forms
*/

/* 
* Tables 
*/ 

.wp-block-table.is-style-regular tr:first-child td {
    background: var(--mmp-clr-rauchblau);
    color: var(--mmp-clr-white);
}

/*
* === Start Blocks
**/

/* 
* Helper Class to achieve a layout accordion
*/



@media(max-width: 768px) {
    .mmp-helper-layout-accordion .mmp-helper-layout-accordion__title {
        padding-right: 1.5em;
        position: relative;
    }

    .mmp-helper-layout-accordion .mmp-helper-layout-accordion__title::after {
        content: "";
        position: absolute;
        right: 0;
        top: 20%;
        width: 1em;
        height: 0.5em;
        background: url('../images/mmp-icon-arrow.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .mmp-helper-layout-accordion.mmp-helper-layout-accordion-hide-content .mmp-helper-layout-accordion__title::after {
        transform: rotate(180deg);
    }
}

.mmp-helper-layout-accordion-hide-content .mmp-helper-layout-accordion__content{
    display: none;
}

/* Adjustments for Pattern "Card Layouts | 50/50 | Card: & mobile accordion*/
.mmp-helper-layout-accordion--on-dark .mmp-helper-layout-accordion__title::after {
    filter: invert(1);
    -webkit-filter: invert(1);
}

/*
* Header & Heroes 
**/

.mmp-pattern-hero {} /* Class is used for all hero patterns Placeholder */

.mmp-hero-full-width-divider::after {
    content: "";
    position: absolute;
    width: 100%;
    /* bottom: 0; */
    bottom: -1px;
}

.mmp-hero-full-width-divider--shape1::after {
    background: url('../images/mmp-hero-divider-shape-1-v2.svg');
    aspect-ratio: 1440/237;
    background-size: cover;
    background-repeat: no-repeat;
}



/*
* Custom Lazyblock Team member
* The team member section is currently just a layout but can be refactored to a custom block in the future
*/

/* Team Member Lazy Block */

.wp-block-lazyblock-team-member {
    height: 100%;
}

.mmp-block-team-member {
    display: flex;
    gap: var(--global-kb-spacing-sm);
    flex-direction: column;
    height: 100%;
    text-wrap: pretty;
}

.mmp-block-team-member__content {
    display: flex;
    flex-direction: column;
    gap: var(--global-kb-spacing-sm);
    height: 100%;
}

.mmp-block-team-member__top-content {
    display: flex;
    flex-direction: column;
}

.mmp-block-team-member__bottom-content {
    margin-top: auto;
}
  
.mmp-block-team-member-image-container img {
    object-fit: cover;
    aspect-ratio: 3/4;
}
  
.mmp-block-team-member-firstname,
.mmp-block-team-member-lastname {
    color: var(--mmp-clr-ultraviolet);
} 

.mmp-block-team-member-title {
    margin-top: var(--global-kb-spacing-xxs);
}


/*
* Custom Block label
**/

.mmp-block-label {
    font-size: 0.75rem;
    border-radius: 2rem;
	padding: 0.25rem 1rem;
	line-height: 1.5;
    display: inline-block;
    margin-bottom: var(--global-kb-spacing-xs, 1rem);
}

.mmp-block-label--fill {
    background-color: var(--mmp-clr-apricot);
    color: var(--mmp-clr-black);
}

.mmp-block-label--outline {
    background: none;
    border: 1px solid var(--mmp-clr-white);
    color: var(--mmp-clr-white);
}

/*
* Custom Block: Quote with shape background
**/

.mmp-block-quote-shape {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    container-type: inline-size;
}

@container (max-width: 700px) {
    .mmp-block-quote-shape .mmp-ft-h4 {
        font-size: 1.75rem;
    }
}

@container (max-width: 600px) {
    .mmp-block-quote-shape .mmp-ft-h4 {
        font-size: 1.25rem;
    }
}

@container (max-width: 400px) {
    .mmp-block-quote-shape .mmp-ft-h4 {
        font-size: 1.25rem;
    }
}

/* Shape 1 Duplicate this style and adapt it for additional shapes */
.mmp-block-quote-shape-shape1 {
    background: url('../images/mmp-shape-1-mobile.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    aspect-ratio: 1/1;
}

.mmp-block-quote-shape-shape1 .mmp-block-quote-shape__content {
    width: 60%;
    padding-right: 1rem;
}

@media (min-width: 768px) {
    .mmp-block-quote-shape-shape1 {
        aspect-ratio: 7 / 4;
        background: url('../images/mmp-shape-1-desktop-v2.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
}

/*
* Custom Block: Claim animation
**/

.mmp-block-claim-animation, .mmp-block-claim {
    color: var(--mmp-clr-white);
}

.mmp-block-claim-animation .mmp-block-claim-animation__rotating-text {
    position: relative;
    display: inline-block; /* Ensure the container takes up only as much space as its content */
}

.mmp-block-claim-animation .mmp-block-claim-animation__rotating-text > span {
    position: absolute;
    top: -0.6em;
    white-space: nowrap; /* Prevent text from wrapping */
}

.mmp-block-claim-animation {
    background: url('../images/mmp-shape-2-mobile-v1.svg');
    color: var(--mmp-clr-white);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    gap: 0.6em;
    /*flex-direction: column;*/
    align-items: center;
    padding-left: 15vw;
    aspect-ratio: 335 / 137;
}

.mmp-block-claim {
	background: url('../images/mmp-shape-2-mobile-v1.svg');
    color: var(--mmp-clr-white);
    background-repeat: no-repeat;
    background-size: contain;
	aspect-ratio: 335 / 137;
}

.mmp-block-claim .kt-inside-inner-col {
	margin: auto;
}

@media (min-width: 768px) {
    .mmp-block-claim-animation {
        justify-content: inherit;
        align-items: center;
        padding-top: inherit;
        padding-left: 40%;
        background: url('../images/mmp-shape-2-desktop-v1.svg');
        background-repeat: no-repeat;
        background-size: contain;
        color: var(--mmp-clr-white);
        flex-direction: row;
        aspect-ratio: 1312 / 170;
    }
	
	.mmp-block-claim {
        background: url('../images/mmp-shape-2-desktop-v1.svg');
        background-repeat: no-repeat;
        background-size: contain;
		color: var(--mmp-clr-white);
		aspect-ratio: 1312 / 170;
	}

}

@media(max-width: 480px) {
    .mmp-block-claim-animation .mmp-ft-h2 {
        font-size: 7vw;
    }
}

/*
* Custom Block: MMP Badge 
**/

.mmp-block-badge {
    background: var(--mmp-clr-apricot);
	color: var(--mmp-clr-black);
    padding: 0.5rem;
    font-size: 0.875rem;
    border-radius: 100%;
    aspect-ratio: 1/1;
    text-align: center;
    display: flex;
    align-items: center;
    overflow: hidden;
	justify-content: center;
}

.is-style-apricot .mmp-block-badge {
	background: var(--mmp-clr-apricot);
	color: var(--mmp-clr-black);
}

.is-style-ultraviolet .mmp-block-badge {
	background: var(--mmp-clr-ultraviolet);
	color: var(--mmp-clr-white);
}

.mmp-block-badge--rotate-left {
    transform: rotate(-5deg);
}

.mmp-block-badge--rotate-right {
    transform: rotate(5deg);
}

@media(max-width: 480px) {
    .mmp-block-badge {
        font-size: 0.875rem;
    }
}

/* 
* Modified Kadence Count up 
*/

.mmp-block-count-up.wp-block-kadence-countup .kb-count-up-number{
    font-size: 4.5rem;
    font-family: 'Tobias';
    color: var(--mmp-clr-ultraviolet);
    text-wrap: nowrap;
}

.mmp-block-count-up.wp-block-kadence-countup .kb-count-up-title{
    font-size: 1.125rem;
    text-wrap: pretty;
}

@media(min-width: 768px) and (max-width: 1024px) {
    .mmp-block-count-up.wp-block-kadence-countup .kb-count-up-number{
        font-size: 6rem;
    }
}

/* Layouts */

/*
* Pattern: Content Layouts | 33/33/33 | Topic overview Shape background left
*/
/* 
.mmp-pattern-shape-background-left > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    position: relative;
    max-width: 70%;
}

.mmp-pattern-shape-background-left > .kt-row-column-wrap > .wp-block-kadence-column:first-child::after {
    content: "";
    background: url('/wp-content/uploads/2024/09/mmp-shape-3-bg-desktop-v4.svg');
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 33%;
    right: -33%;
    max-width: 200px;
     height: 100%;
    --pattern-background-width: 33%;
    position: absolute;
    width: var(--pattern-background-width);
    background-size: 100%;
    background-position: top right;
    right: calc(var(--pattern-background-width) * -1); 
}
*/


/*
* Pattern: Trust Element Logo Slider synced
*/

.mmp-logo-anim-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; 
}

.mmp-logo-anim-text {
  color: var(--mmp-clr-white);
  text-align: center;
  flex-shrink: 0;
padding-right: var(--global-kb-spacing-xl);
}

.mmp-logo-anim-container {
  display: flex;
  align-items: center;
  justify-content: space-around; 
  width: 100%; 
}

.mmp-logo-anim-logo {
  flex-shrink: 0; 
  width: auto; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.mmp-logo-anim-logo img {
  max-width: 100%;
  height: auto;
opacity: 0.4;
}

/* Mobile Specific Styles for Logo Slider */
@media (max-width: 1200px) {
  .mmp-logo-anim-wrapper {
    flex-direction: column; 
    align-items: center; 
	overflow: hidden; 
  }

  .mmp-logo-anim-text {
    width: 100%; 
    text-align: left; 
    padding: var(--global-kb-spacing-xxs) 0 var(--global-kb-spacing-md); 
    position: relative; 
  }

  .mmp-logo-anim-container {
    width: 100%; 
    justify-content: flex-start; 
	overflow: hidden; 
    margin-top: var(--global-kb-spacing-xxs); 
  }

.mmp-logo-anim-logo {
     padding: 0 var(--global-kb-spacing-lg); 
  }
}



/*
* Break Full Width Section
*/ 

@media(max-width: 1024px) {
    
    .mmp-pattern-full-width-section.kb-row-layout-wrap .kt-row-column-wrap {
        padding: 0; /* Remove padding from column wrap*/
    }
    
    /* Add padding back to section without the image */
    .mmp-no-break-full-width {
        padding-left: var(--global-content-edge-padding);
        padding-right: var(--global-content-edge-padding);
    }

    .mmp-break-full-width {
        aspect-ratio: 1/1;
    } 
    
    .mmp-break-full-width .kt-inside-inner-col {
        height: 100% !important;
    }    
}

/*
* MMP Accordion: Add class mmp-accordion to the Kadence "Accordion" block
* Pattern: Content Layouts | 100 | Accordion
*/

.wp-block-kadence-accordion.mmp-accordion .kt-accordion-wrap .kt-accordion-inner-wrap .kt-blocks-accordion-header {
    background: none; 
    font-family: var(--global-heading-font-family); 
    font-size: clamp(1.25rem, 1.167rem + 0.278vi, 1.5rem); 
    line-height: 1.4; 
    letter-spacing: 0.1px; 
    font-weight: 600;
    color: var(--mmp-clr-black);
    padding: var(--global-kb-spacing-sm) 0;
    border: none;
    border-bottom: 1px solid var(--mmp-clr-ultraviolet); 
}

.wp-block-kadence-accordion.mmp-accordion .kt-accordion-wrap .kt-accordion-inner-wrap .kt-accordion-pane-1 .kt-blocks-accordion-header{
    border-top: 1px solid var(--mmp-clr-ultraviolet); 
}

.wp-block-kadence-accordion.mmp-accordion .kt-accordion-wrap .kt-accordion-inner-wrap .kt-blocks-accordion-header .kt-blocks-accordion-icon-trigger:after,
.wp-block-kadence-accordion.mmp-accordion .kt-accordion-wrap .kt-accordion-inner-wrap .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, 
.wp-block-kadence-accordion.mmp-accordion .kt-accordion-wrap .kt-accordion-inner-wrap .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before {
    background: var(--mmp-clr-ultraviolet);
}

.wp-block-kadence-accordion.mmp-accordion .kt-accordion-wrap .kt-accordion-inner-wrap .kt-accordion-panel-inner {
    padding-left: 0;
    padding-right: 0;
}

/*
* MMP tabs: Add class .mmp-block-tabs to the Kadence "Tabs" block
* used in pattern: Content Layouts | 50/50 | Full-Size Media & Tabs
*/

.mmp-block-tabs {
    margin-bottom: 
}

.mmp-block-tabs .kt-tabs-title-list {
    justify-content: inherit;
}

.mmp-block-tabs .kt-tabs-title-list li {
    flex-grow: 1;
}

.mmp-block-tabs.wp-block-kadence-tabs .kt-tabs-wrap .kt-title-item a.kt-tab-title,
.mmp-block-tabs.wp-block-kadence-tabs .kt-tabs-wrap .kt-title-item a.kt-tab-title:hover {
    background: none;
    border-bottom: 2px solid var(--mmp-clr-lavendel);
    color: var(--mmp-clr-black);
    padding-left: 0;
    justify-content: inherit;
}

.mmp-block-tabs.wp-block-kadence-tabs .kt-tabs-wrap .kt-title-item.kt-tab-title-active a.kt-tab-title {
    background: none;
    color: var(--mmp-clr-black);
    border-color: var(--mmp-clr-ultraviolet);
}

.mmp-block-tabs .kt-tabs-wrap .kt-tabs-content-wrap .kt-tab-inner-content {
    background: none;
    padding-left: 0;
}

/* Stacked Tabs on Mobile */
.mmp-block-tabs.wp-block-kadence-tabs .kt-tabs-wrap .kt-tabs-content-wrap .kt-title-item:not(.kt-tab-title-active):not(:last-child) {
    margin-bottom: var(--global-kb-spacing-lg)
}

/*
* Slider Default
*/ 

.kb-advanced-slider .kb-splide .splide__arrow--prev {
    left: -1.3rem;
}
.kb-advanced-slider .kb-splide .splide__arrow--next {
    right: -1.8rem;
}

@media(min-width: 768px) {
    .kb-advanced-slider .kb-splide .splide__arrow--prev {
        left: -1.3rem;
    }
    .kb-advanced-slider .kb-splide .splide__arrow--next {
        right: -1.8rem;
    }
}


/* 
* Galleries / Images | 100 | Slider Default
**/

.mmp-pattern-slider-default .wp-block-kadence-slide {
    margin-right: var(--global-kb-spacing-sm);
}

.mmp-pattern-slider-default .kb-advanced-slide-inner-wrap {
    padding: 0;
    background: none;
}

.mmp-pattern-slider-default .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner {
    border-radius: var(--mmp-border-radius-sm);
}

@media(min-width: 768px) {
    .mmp-pattern-slider-default .wp-block-kadence-image {
        width: 420px;
        aspect-ratio: 1/1;
    }
    
    .mmp-pattern-slider-default .slide-16-9 {
        height: 420px;
        width: auto !important;
        aspect-ratio: 16 / 9;
    }
}


.mmp-pattern-slider-default .kb-splide .splide__arrow {
    width: 3rem;
    height: 3rem;
    opacity: 1;
    background: none;
    border: none;
    color: transparent;
}

.mmp-pattern-slider-default .kb-splide .splide__arrow:hover,
.mmp-pattern-slider-default .kb-splide .splide__arrow:focus {
    background: none;
    color: transparent;
} 

.mmp-pattern-slider-default .kb-splide .splide__arrow:before {
    content: "";
    width: 3rem;
    height: 3rem;
    background: url(../images/mmp-slider-icon-v1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.mmp-pattern-slider-default .kb-splide .splide__arrow--next::before {
    transform: rotate(180deg);
}

/* Slide indicators */
.mmp-pattern-slider-default .kb-splide .splide__pagination__page {
    background: var(--mmp-clr-eisblau);
    opacity: 1;
}

.mmp-pattern-slider-default .kb-splide .splide__pagination__page.is-active {
    background: var(--mmp-clr-ultraviolet);
}

/* 
* Timeline
**/

.mmp-timeline-reverse,
.mmp-pattern-timeline {
    padding-left: 2rem;
}

.mmp-timeline-reverse img,
.mmp-pattern-timeline img {
	display: inline;
}

/* Define fixed font-size to avoid unaligned dots on the timeline */ 
.mmp-pattern-timeline .mmp-ft-h3,
.mmp-timeline-reverse .mmp-ft-h3{
    font-size: 2.5rem;
}

.mmp-timeline-reverse::before,
.mmp-pattern-timeline::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: var(--before-height, 100%);
    /* max-height: 100%; */
    transition: height 0.7s ease-out;
    background: linear-gradient(180deg, var(--mmp-clr-lavendel) calc(100% - 200px),transparent);
}

.mmp-timeline-reverse .kt-row-column-wrap > .wp-block-kadence-column::before,
.mmp-pattern-timeline .kt-row-column-wrap > .wp-block-kadence-column::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    left: -36px;
    background: var(--mmp-clr-ultraviolet);
}

.mmp-timeline-reverse .kt-row-column-wrap > .wp-block-kadence-column:first-child::before,
.mmp-pattern-timeline .kt-row-column-wrap > .wp-block-kadence-column:first-child::before {
    top: 0;
}

@media(min-width: 1024px) {
    .mmp-pattern-timeline,
	.mmp-timeline-reverse {
        padding-left: 0;
    }

    .mmp-pattern-timeline::before,
	.mmp-timeline-reverse::before {
        left: 50%;
    }

    .mmp-pattern-timeline .kt-row-column-wrap > .wp-block-kadence-column,
	.mmp-timeline-reverse .kt-row-column-wrap > .wp-block-kadence-column {
        width: 50%;
    }

	.mmp-timeline-reverse .kt-row-column-wrap > .wp-block-kadence-column:nth-child(odd),
    .mmp-pattern-timeline .kt-row-column-wrap > .wp-block-kadence-column:nth-child(even) {
        padding-right: 2rem;
        text-align: right;
    }

  .mmp-timeline-reverse .kt-row-column-wrap > .wp-block-kadence-column:nth-child(odd)::before,
    .mmp-pattern-timeline .kt-row-column-wrap > .wp-block-kadence-column:nth-child(even)::before {
        right: -6px;
        left: auto;
    }
	
.mmp-timeline-reverse .kt-row-column-wrap > .wp-block-kadence-column:nth-child(even),
    .mmp-pattern-timeline .kt-row-column-wrap > .wp-block-kadence-column:nth-child(odd) {
        padding-left: 2rem;
        justify-self: end;
    }
	
    .mmp-timeline-reverse .kt-row-column-wrap > .wp-block-kadence-column:nth-child(even)::before,
    .mmp-pattern-timeline .kt-row-column-wrap > .wp-block-kadence-column:nth-child(odd)::before {
        left: -4px;
    }
    
}



/* 
* Trust Elements | 100 | Slider: quotes
**/

.mmp-pattern-slider-quotes .kb-advanced-slide-inner {
    width: 80%;
}

/* 
* Trust Elements | 100 | Slider: reviews
**/

.mmp-pattern-slider-reviews .kb-advanced-slide-inner-wrap {
    align-items: flex-start;
    text-align: left;
}

@media(min-width: 768px) {
    .mmp-pattern-slider-reviews .kb-advanced-slide-inner-wrap {
        padding: var(--global-kb-spacing-md);
    }
}    

.mmp-pattern-slider-reviews .kb-splide .splide__arrow {
    width: 3rem;
    height: 3rem;
    opacity: 1;
    background: none;
    border: none;
    color: transparent;
}


.mmp-pattern-slider-reviews .kb-splide .splide__arrow:hover,
.mmp-pattern-slider-reviews .kb-splide .splide__arrow:focus {
    background: none;
    color: transparent;
} 

.mmp-pattern-slider-reviews .kb-splide .splide__arrow:before {
    content: "";
    width: 3rem;
    height: 3rem;
    background: url(../images/mmp-slider-icon-v1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mmp-pattern-slider-reviews .kb-splide .splide__arrow--next::before {
    transform: rotate(180deg);
}

/* Slide indicators */

.mmp-pattern-slider-reviews .kb-splide .splide__pagination__page {
    background: var(--mmp-clr-eisblau);
    opacity: 1;
}

.mmp-pattern-slider-reviews .kb-splide .splide__pagination__page.is-active {
    background: var(--mmp-clr-ultraviolet);
}
/* Fix: slide indicator are to close to the slides */
.mmp-pattern-slider-reviews .kb-splide .splide__pagination, 
.mmp-pattern-slider-reviews .kb-splide ul.splide__pagination.splide__pagination {
    position: inherit;
}


/*
* Block: Kadence Countdown | Kadence block is overwritten by default. The additional CSS class .mmp-block-countdown is optionally
*/

.wp-block-kadence-countdown {
    border: 2px solid var(--mmp-clr-black);
    border-radius: var(--mmp-border-radius-sm);
    padding: var(--global-kb-spacing-xs) var(--global-kb-spacing-sm);
}

.wp-block-kadence-countdown-timer {
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.wp-block-kadence-countdown .kb-countdown-item {
    width: 4rem;
    gap: 8px;
}

.wp-block-kadence-countdown .kb-countdown-item:not(:last-child) {
    border-right: 2px solid var(--mmp-clr-black);
    padding-right: 1rem;
}

.wp-block-kadence-countdown .kb-countdown-number {
    font-family: var(--global-heading-font-family); 
    /* font-size: clamp(2.25rem, 1.393rem + 1.786vi, 3rem); */
    font-size: clamp(2rem, 1.833rem + 0.556vi, 2.5rem) !important; 
    line-height: 1.2; 
    letter-spacing: 0.1px;
    color: var(--mmp-clr-ultraviolet);
    margin-bottom: 1rem;
}

.wp-block-kadence-countdown .kb-countdown-label {
    text-transform: inherit !important;
}

/* Pattern: Call to Actions | 66/33 | Pill: Countdown */
@media(max-width: 1024px) {
    .mmp-pattern-pill-countdown > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
        flex-direction: column;
    }

    .mmp-pattern-pill-countdown__close-section {
        position: absolute;
        top: 0;
        right: 0;
    }
}


/*  
* Cards
*/

.mmp-block-card > .kt-inside-inner-col {
    border-radius: var(--mmp-border-radius-sm);
    padding: var(--global-kb-spacing-md);
}

@media(max-width: 768px) {
    .mmp-block-card .kt-inside-inner-col {
        padding: var(--global-kb-spacing-sm);
    }
}

/* Card Bullet */
.mmp-block-card--shortfact .kt-inside-inner-col {
    padding: var(--global-kb-spacing-xs) var(--global-kb-spacing-md)
}

/* Card with benefit */
.mmp-block-card .wp-block-kadence-iconlist {
    margin-top: -0.5rem;
    margin-bottom: var(--global-kb-spacing-xs);
}

/* Card with Accordion */

.mmp-block-card .kt-blocks-accordion-header {
    background: none;
    color: var(--mmp-clr-white);
    border: none !important;
    padding: 0 0 var(--global-kb-spacing-xs) 0 !important;
    font-family: 'Tobias';
    font-family: var(--global-heading-font-family); font-size: clamp(1.25rem, 1.167rem + 0.278vi, 1.5rem); line-height: 1.4; letter-spacing: 0.1px; font-weight: 600;
}

@media(min-width: 768px) {
    .mmp-block-card .kt-blocks-accordion-header {
        pointer-events: none;
    }
}

/* Hide arrow for desktop devices */
@media(min-width: 768px) {
    .mmp-block-card .kt-blocks-accordion-icon-trigger {
        display: none;
    }
}

.mmp-block-card .kt-blocks-accordion-icon-trigger:after, 
.mmp-block-card .kt-blocks-accordion-icon-trigger:before {
    background-color: var(--mmp-clr-white);
}

.mmp-block-card .kt-accordion-panel-inner {
    padding: 0;
    border: none;
    color: var(--mmp-clr-white);
    background: none !important;
}

/* Cards products */ 
.mmp-block-card.mmp-block-card--product .wp-block-kadence-iconlist .kt-svg-icon-list {
    grid-row-gap: var(--global-kb-spacing-xs);
}

/* Card Outline | class: .mmp-block-card--outline */
.mmp-block-card--outline--left {
    padding-left: 1.5rem;
    border-left: 2px solid var(--mmp-clr-ultraviolet);
}

.mmp-block-card--outline--top {
    padding-top: 1.5rem;
    border-top: 2px solid var(--mmp-clr-ultraviolet);
}


/*
* Blog; Table contents
*/

/* START: 
* Single Blog Post header 
*/
.mmp-single-blog-post-header .kt-row-column-wrap  > .wp-block-kadence-column > .kt-inside-inner-col{
    display: flex;
    gap: var(--global-kb-spacing-sm);
}

.wp-block-post-featured-image {
    border-radius: var(--mmp-border-radius-sm);
    overflow: hidden;
}

/* Change order for mobile devices */
.mmp-single-blog-post-header .wp-block-post-title {
    order: 1;
}

.mmp-single-blog-post-header .wp-block-post-featured-image {
    order: 2;
}

.mmp-single-blog-post-header .mmp-single-blog-post-header__taxonomy {
    order: 3;
}

@media(max-width: 560px) {
	.mmp-single-blog-post-header .mmp-single-blog-post-header__taxonomy .taxonomy-category {
		width: 100%
	}	
}


@media(min-width: 1024px) {
    .mmp-single-blog-post-header .kt-row-column-wrap  > .wp-block-kadence-column > .kt-inside-inner-col {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        column-gap: var(--global-row-gutter-md);
    }

    .mmp-single-blog-post-header .wp-block-post-title {
        order: 3;
    }
    
    .mmp-single-blog-post-header .wp-block-post-featured-image {
        order: 1;
        grid-row-start: 1;
        grid-row-end: 3
    }
    
    .mmp-single-blog-post-header .mmp-single-blog-post-header__taxonomy {
        order: 2;
        justify-content: end;
    }
	
}

/* END: 
* Single Blog Post header 
*/

.single .entry-header {
    margin-bottom: 0; /* Bugfix: Blog content is not starting at the very top. Removing the header doesn't remove the spacing that is replied regularly */
}

.single .single-content {
    margin-top: 0;
}

/* Style category lable */
.taxonomy-category {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.taxonomy-category a {
    text-decoration: none;
    pointer-events: none;
    border-radius: 2em;
    padding: 0.25em 1em;
    /* border: 2px solid var(--mmp-clr-lavendel); */
    background: var(--mmp-clr-rauchblau);
    color: var(--mmp-clr-white);
    text-decoration: none;
    display: inline-block;
    text-wrap: nowrap;
}

/* Query filter */
.kadence-query-filter.wp-block-kadence-query-filter-buttons button.kb-button.kb-query-filter-filter-button {
    padding: 0.25em 1.5em;
    font-size: 1rem;
    color: var(--mmp-clr-black);
    word-break: keep-all;
    text-wrap: nowrap;
}

.kadence-query-filter.wp-block-kadence-query-filter-buttons button.kb-button.kb-query-filter-filter-button.pressed {
    color: var(--mmp-clr-white);
}

/* Sticky category filters */
body .wp-block-kadence-query div.wp-block-kadence-query-filter-buttons .buttons-options {
    flex-wrap: nowrap;
    margin-bottom: 0;
    padding: 1rem 0;
    max-width: 100vw;
}

.kadence-filter-wrap {
    //overflow-x: scroll;
}

.kadence-query-filter {
    position: sticky;
    top: 0;
    background: var(--mmp-clr-white);
    z-index: 9999;
	overflow-x: scroll;
}

@media(min-width: 1024px) {
    .kadence-query-filter {
        top: 80px;
    }
}

/* Blog Overview Search Bar */
.kb-filter-search-wrap {
	max-width: 410px;
}

.wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn {
	left: 0;
	justify-content: flex-start !important;
	color: var(--mmp-clr-lavendel) !important;
	font-size: 1rem !important;
}

div .kb-query-basic-style .kadence-filter-wrap input[type=text] {
	padding-left: 1.5rem !important;
	border: none;
	border-bottom: 2px solid var(--mmp-clr-black);
	border-radius: 0;
	color: var(--mmp-clr-lavendel);
}


/* END: 
* Featured Article for blog overview page
*/

/* Add numbered list items: TOC+ does not change the markup from ul to ol. It only ads the number within the text. that is not compatible without our design  */
body:not(.category-pressemitteilung) .toc_widget_list li {
    display: grid;
    grid-template-columns: 6% 95%;
    gap: 0.25rem
}

.toc_widget_list li a{
    text-wrap: balance;
}

body:not(.category-pressemitteilung) .toc_widget_list li::before {
    content: counter(tocItem) ". ";
    counter-increment: tocItem;
}

.toc_widget_list {
    counter-reset: tocItem;
}

/* Query Card: Article Preview */
.kb-query-block-post .wp-block-kadence-image {
    margin-bottom: var(--global-kb-spacing-sm);
}

.mmp-query-card-article-preview__content .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    gap: var(--global-kb-spacing-xs);
}

/* TOC+ Plugin */

/* Sidebar */

/* Sticky sidebar for desktop */
@media(min-width: 1024px) {
    .single .sidebar-inner-wrap {
        position: sticky;
        position: -webkit-sticky;
        top: 110px;
    }
}

.sidebar-inner-wrap .toc_widget .widgettitle {
    display: none;
}

.sidebar-inner-wrap .toc_widget_list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--global-kb-spacing-md);
    border-left: 3px solid var(--mmp-clr-lavendel);
    padding-left: var(--global-kb-spacing-sm);
}

/* TOC in content: shortcode [toc] */

#toc_container {
    border: none;
    font-size: inherit;
    padding: 0;
    margin: 0;
}

#toc_container p.toc_title {
    text-align: left;
    font-family: var(--global-heading-font-family); 
    font-size: clamp(1.25rem, 1.167rem + 0.278vi, 1.5rem); 
    line-height: 1.4; 
    letter-spacing: 0.1px; 
    font-weight: 600;
    margin-bottom: var(--global-kb-spacing-md);
}

#toc_container.toc_white {
    background: none;
}

#toc_container .toc_list {
    display: flex;
    flex-direction: column;
    gap: var(--global-kb-spacing-md);
    border-left: 3px solid var(--mmp-clr-lavendel);
    padding-left: var(--global-kb-spacing-sm);
}

#toc_container .toc_list li a{
    color: inherit;
}

/* Add counter */
body:not(.category-pressemitteilung) #toc_container .toc_list li {
    display: grid;
    grid-template-columns: 5% 96%;
    gap: 0.25rem
}

body:not(.category-pressemitteilung) #toc_container .toc_list li::before {
    content: counter(tocItem) ". ";
    counter-increment: tocItem;
}



#toc_container .toc_list {
    counter-reset: tocItem;
}

/* Remove numbered list icons for category pressemitteilung */
/*body:not(.category-pressemitteilung) #toc_container .toc_list li::before,
body.category-pressemitteilung .toc_widget_list li::before{
    content: none !important;
}*/

/* Blog Posts Highlight Box */

.mmp-blog-single-highlight-textbox .kt-inside-inner-col {
	padding: var(--global-kb-spacing-xs);
	background-color: var(--mmp-clr-creme);
}

/* Borlabs Cookie Modal */
.brlbs-cmpnt-container :is(.brlbs-font-bold) {
    font-weight: 500;
}

#BorlabsCookieBox .brlbs-cmpnt-tab:focus, 
#BorlabsCookieBox .brlbs-cmpnt-tab:hover, 
.brlbs-cmpnt-container .brlbs-cmpnt-tab:focus, 
.brlbs-cmpnt-container .brlbs-cmpnt-tab:hover {
    font-weight: 500;
}

#BorlabsCookieBox .brlbs-cmpnt-tab, 
.brlbs-cmpnt-container .brlbs-cmpnt-tab {
    font-weight: 500;
}

#BorlabsCookieBox label.brlbs-cmpnt-label, 
.brlbs-cmpnt-container label.brlbs-cmpnt-label {
    font-weight: 500;
}

#BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold, 
.brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold {
    font-weight: 500;
}