body {
    font-family: 'Roboto';
}

/* CTA Demo Request button in the menu */
div.fft-cta-navbar-button{
    background: #3a66f6;
    border-radius: 2em;
    color: #fff;
    text-decoration: unset;
    border: 1px solid #3a66f6;
}

div.fft-cta-navbar-button:hover{
    background: #fff;
    color: #3a66f6;
}

#menu-item-109880,
#menu-item-109885,
#menu-item-88756,
#menu-item-111084 {
    display: inline-block;
    height: 3em;
    border-radius: 30px;
    background: #3a66f6;
    color: #fff;
    border: 1px solid #fff;
    transition: all 200ms;
}

#menu-item-109880 a,
#menu-item-109885 a,
#menu-item-88756 a,
#menu-item-111084 a {
    color: inherit;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding-left: 40px;
    padding-right: 40px !important;
}

#menu-item-109880:hover,
#menu-item-109885:hover,
#menu-item-88756:hover,
#menu-item-111084:hover {
    background: #fff;
    color: #3a66f6;
    border: 1px solid #3a66f6;
}

/* WPML Flag in Mainmenu */
#menu-mainmenu .wpml-ls-slot-2831 {
    height: 3em;
}

@media screen and (min-width:960px) {
    #menu-item-wpml-ls-2831-de > a {
        padding-right: 0;
        padding-left: 24px;
    }
}

#menu-mainmenu .wpml-ls-slot-2831 img {
    vertical-align: text-bottom;
}

/* The slider navigation dots*/
.owl-dots-inside .owl-dots .owl-dot span{
    background: #060080;
}

/* Rocket Container DIV */
div.fft-rocket-container{
    padding: 3em 0 0 1.5em;
}

/* In order to change the footer link color to our designs, I miss scss and I hate this stupid click and drag garbage*/
.fft-footer-highlight-anchor * {
    color: #060080 !important;
}

.fft-footer-copy-text * {
    color: gray;
    font-size: 0.8em !important;
}

/* In store fulfillment icon grid */
.icon-box-icon.fa-container.picking-app-grid-icons-filler{
    margin-top: 2em;
}


/* Shipping Integrations */
.icon-box-icon.fa-container.track-and-trace-container-icon {
    margin-top: 4em;
}

/* INPUT FORM GROUPS */

/* Newsletter */
p.fft-input-field * {
    border-radius: 2em;

}

p.fft-round-button * {
    border-radius: 2em;
    background: #fff;
    height: 4em;
}


p.fft-round-button > input[type="submit"] {
    border-radius: 2em;
    color: #fff;
    background: #3766f6;
}


/*
 Custom overwrites
*/

/* new primary menu style */
#menu-secondary-menu-deutsch,
#menu-secondary-menu {
    margin-top: 10px;
    margin-bottom: -10px;
}

#menu-secondary-menu-deutsch > li.custom-submenu > ul > li > a,
#menu-secondary-menu > li.custom-submenu > ul > li > a,
.menu-primary-inner > li.custom-submenu > ul > li > a {
    text-transform: uppercase !important;
    margin-bottom: 1em !important;
}

#menu-secondary-menu-deutsch > li > a::after,
#menu-secondary-menu > li > a::after,
.menu-primary-inner > li > a::after {
    z-index: 100 !important;
    position: relative !important;
}

#menu-secondary-menu-deutsch > li.current-menu-ancestor:not(#menu-item-109880):not(#menu-item-109885) > a:after,
#menu-secondary-menu > li.current-menu-ancestor:not(#menu-item-109880):not(#menu-item-109885) > a:after,
.menu-primary-inner > li.current-menu-ancestor:not(#menu-item-109880):not(#menu-item-109885) > a:after,
#menu-secondary-menu-deutsch > li.current-menu-item:not(#menu-item-109880):not(#menu-item-109885) > a:after,
#menu-secondary-menu > li.current-menu-item:not(#menu-item-109880):not(#menu-item-109885) > a:after,
.menu-primary-inner > li.current-menu-item:not(#menu-item-109880):not(#menu-item-109885) > a:after,
#menu-secondary-menu-deutsch > li:not(#menu-item-109880):not(#menu-item-109885):not(#menu-item-109885):not(#menu-item-wpml-ls-2831-de):not(#menu-item-wpml-ls-2831-en):not(#menu-item-wpml-ls-3067-de):not(#menu-item-wpml-ls-3067-en) > a:hover::after,
#menu-secondary-menu > li:not(#menu-item-109880):not(#menu-item-109885):not(#menu-item-109885):not(#menu-item-wpml-ls-2831-de):not(#menu-item-wpml-ls-2831-en):not(#menu-item-wpml-ls-3067-de):not(#menu-item-wpml-ls-3067-en) > a:hover::after,
.menu-primary-inner > li:not(#menu-item-109880):not(#menu-item-109885):not(#menu-item-109885):not(#menu-item-wpml-ls-2831-de):not(#menu-item-wpml-ls-2831-en):not(#menu-item-wpml-ls-3067-de):not(#menu-item-wpml-ls-3067-en) > a:hover::after {
    height: calc(10% - 0.5em) !important;
    border-bottom: 3px solid #3a66f6 !important;
}

#menu-secondary-menu-deutsch > li:not(#menu-item-109880):not(#menu-item-109885) > a:hover,
#menu-secondary-menu > li:not(#menu-item-109880):not(#menu-item-109885) > a:hover,
.menu-primary-inner > li:not(#menu-item-109880):not(#menu-item-109885) > a:hover,
#menu-secondary-menu-deutsch > li.current-menu-item:not(#menu-item-109880):not(#menu-item-109885) > a,
#menu-secondary-menu > li.current-menu-item:not(#menu-item-109880):not(#menu-item-109885) > a,
.menu-primary-inner > li.current-menu-item:not(#menu-item-109880):not(#menu-item-109885, #menu-item-111084) > a,
#menu-secondary-menu-deutsch > li.current-menu-ancestor:not(#menu-item-109880):not(#menu-item-109885) > a,
#menu-secondary-menu > li.current-menu-ancestor:not(#menu-item-109880):not(#menu-item-109885) > a,
.menu-primary-inner > li.current-menu-ancestor:not(#menu-item-109880):not(#menu-item-109885) > a {
    color: #3a66f6 !important;
}


#menu-secondary-menu-deutsch li > ul,
#menu-secondary-menu li > ul,
.menu-primary-inner li > ul {
    gap: 4rem !important;
    min-width: auto !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    background: #fff !important;
}

#menu-secondary-menu-deutsch ul ul,
#menu-secondary-menu ul ul,
.menu-primary-inner ul ul {
    top: unset !important;
    left: unset !important;
    margin-left: unset !important;
    margin-top: unset !important;
    min-width: auto !important;
    max-width: none !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    padding: 0 !important;
    box-shadow: none !important;
}

#menu-secondary-menu-deutsch ul ul li,
#menu-secondary-menu ul ul li,
.menu-primary-inner ul ul li {
    pointer-events: auto !important;
}

#menu-secondary-menu-deutsch ul ul a,
#menu-secondary-menu ul ul a,
.menu-primary-inner ul ul a {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.menu-primary-inner .menu-icon {
    display: block !important;
    line-height: normal !important;
    width: 40% !important;
    height: 60px !important;
    font-size: 40px !important;
    margin: 0 !important;
}

#menu-secondary-menu-deutsch .menu-icon,
#menu-secondary-menu .menu-icon {
    width: 21% !important;
}

#menu-secondary-menu-deutsch-1 .menu-icon svg,
#menu-secondary-menu-1 .menu-icon svg,
.menu-primary-inner .menu-icon svg {
    width: 40px !important;
    height: 40px !important;
}

#menu-secondary-menu-deutsch .menu-icon svg,
#menu-secondary-menu .menu-icon svg {
    width: 24px !important;
    height: 24px !important;
}

#menu-secondary-menu-deutsch .fa-dropdown,
#menu-secondary-menu .fa-dropdown,
.menu-primary-inner .fa-dropdown {
    display: none !important;
}


@media screen and (min-width: 960px) {
    #menu-secondary-menu-deutsch > li > ul,
    #menu-secondary-menu > li > ul,
    .menu-primary-inner > li > ul {
        top: 80% !important;
        border: 1px solid #ccc !important;
        box-shadow: 0px 30px 60px -30px rgb(0 0 0 / 45%) !important;
    }

    /* WMPL Switcher */
    li#menu-item-wpml-ls-3067-en,
    li#menu-item-wpml-ls-2831-en,
    li#menu-item-wpml-ls-3067-de,
    li#menu-item-wpml-ls-2831-de {
        position: relative !important;
    }

    li#menu-item-wpml-ls-3067-de::after,
    li#menu-item-wpml-ls-2831-de::after {
        content: '';
        display: block;
        background: #020057;
        height: 15px;
        width: 2px;
        position: absolute;
        right: -4px;
        top: 50%;
        transform: translateY(-50%);
    }
    /* END: WMPL Switcher */


    /* Meta Navi */
    .menu-mini.menu-smart ul a {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    #menu-secondary-menu-deutsch .menu-icon,
    #menu-secondary-menu .menu-icon {
        display: flex !important;
        align-items: center !important;
        top: 0 !important;
        height: 30px !important;
        width: 35px !important;
        margin-right: 5px;
    }

    #menu-secondary-menu-deutsch a,
    #menu-secondary-menu a {
        font-size: 14px !important;
    }

    #menu-secondary-menu-deutsch.menu-smart > li:not(.current-menu-parent) > a,
    #menu-secondary-menu.menu-smart > li:not(.current-menu-parent) > a {
        color: #737373 !important;
        font-weight: bold !important;
    }

    #menu-secondary-menu-deutsch.menu-smart > li > a,
    #menu-secondary-menu.menu-smart > li > a {
        font-weight: bold !important;
    }

    #menu-secondary-menu-deutsch.menu-smart > li > a:hover,
    #menu-secondary-menu.menu-smart > li > a:hover {
        color: #3a66f6 !important;
    }

    #menu-secondary-menu-deutsch > li > ul,
    #menu-secondary-menu > li > ul {
        margin-top: 1.2% !important;
    }

    .menu-horizontal #menu-secondary-menu-deutsch ul,
    .menu-horizontal #menu-secondary-menu ul {
        padding: 3px 6px;
    }
}


@media (max-width: 959px) {
    .main-menu-container.open-items {
        height: 80vh !important;
    }

    body.menu-mobile-centered .menu-smart > li:not(.social-icon) > a > .fa.fa-angle-down.fa-dropdown {
        display: block !important;
    }

    body.menu-mobile-centered .menu-smart > li:not(#menu-item-wpml-ls-2831-de):not(#menu-item-wpml-ls-2831-en):not(#menu-item-wpml-ls-3067-de):not(#menu-item-wpml-ls-3067-en):not(.wpml-ls-item) {
        border-bottom: 1px solid lightgrey !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        position: relative;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner {
        vertical-align: top !important;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart {
        height: 100% !important;
        /* display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: center !important; */
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link:not(.wpml-ls-item) {
        width: 100% !important;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link a {
        text-align: left !important;
        vertical-align: middle;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link ul ul {
        margin-bottom: 25px !important;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link ul li a {
        font-weight: normal !important;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.custom-submenu > ul > li > a {
        font-weight: bold !important;
    }

    body.menu-mobile-centered .main-menu-container .menu-smart ul a:not(.cart-thumb):not(.btn) {
        margin-left: 20px !important;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li#menu-item-109880 > a,
    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li#menu-item-109885 > a {
        line-height: 0.5 !important;
    }

    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li#menu-item-109880,
    body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li#menu-item-109885 {
        margin-top: 25px !important;
        width: auto !important;
        position: absolute !important;
        bottom: 20px !important;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 960px) {
    .menu-primary .menu-smart > li.custom-submenu > ul {
        display: flex;
    }
}


.menu-primary .menu-smart ul a,
#menu-secondary-menu-deutsch.menu-smart ul a,
#menu-secondary-menu.menu-smart ul a {
    color: #000 !important;
}

.menu-primary .menu-smart ul li.current-menu-item a,
#menu-secondary-menu-deutsch.menu-smart ul li.current-menu-item a,
#menu-secondary-menu.menu-smart ul li.current-menu-item a {
    color: #3a66f6 !important;
}

.menu-primary .menu-smart ul a i,
#menu-secondary-menu-deutsch.menu-smart ul a i,
#menu-secondary-menu.menu-smart ul a i {
    color: #060080 !important;
}

.menu-primary .menu-smart ul li a:hover,
#menu-secondary-menu-deutsch.menu-smart ul li a:hover,
#menu-secondary-menu.menu-smart ul li a:hover {
    color: #3a66f6 !important;
    background-color: transparent !important;
}

.menu-primary .menu-smart > li.custom-submenu > ul > li > a:hover,
#menu-secondary-menu-deutsch.menu-smart > li.custom-submenu > ul > li > a:hover,
#menu-secondary-menu.menu-smart > li.custom-submenu > ul > li > a:hover {
    color: #000 !important;
    cursor: default !important;
}

.menu-primary .menu-smart ul ul li > a:hover,
#menu-secondary-menu-deutsch.menu-smart ul ul li > a:hover,
#menu-secondary-menu.menu-smart ul ul li > a:hover,
.menu-primary .menu-smart ul ul li.current-menu-item > a,
#menu-secondary-menu-deutsch.menu-smart ul ul li.current-menu-item > a,
#menu-secondary-menu.menu-smart ul ul li.current-menu-item > a {
    color: #3a66f6 !important;
    cursor: pointer !important;
}


@media (max-width: 959px) {

    /* Last element before switcher except Kontakt button(it's position absolute) */
    li#menu-item-94061:after {
        color: black;
        font-weight: bold;
        content: 'Sprache' !important;
        bottom: -50% !important;
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* DE */
    .wpml-ls-item-de,
    #menu-item-wpml-ls-3067-de,
    #menu-item-wpml-ls-2831-de {
        float: left !important;
        margin-top: 10% !important;
        width: auto !important;
        border: 0 !important !important;
        margin-bottom: 10% !important;
        margin-left: 20% !important;
    }

    /* EN */
    .wpml-ls-item-en,
    #menu-item-wpml-ls-3067-en,
    #menu-item-wpml-ls-2831-en {
        float: right !important;
        margin-top: 10% !important;
        width: auto !important;
        border: 0 !important !important;
        margin-bottom: 10% !important;
        margin-right: 20% !important;
    }
}


.wpml-ls-slot-3067:not(.wpml-ls-current-language) a span,
.wpml-ls-slot-2831:not(.wpml-ls-current-language) a span {
    color: #000057 !important;
}

.wpml-ls-slot-3067.wpml-ls-current-language a span,
.wpml-ls-slot-2831.wpml-ls-current-language a span {
    color: #3a66f6 !important;
}

/* Hubspot Forms Styling*/
.hs-form fieldset {
    max-width: 100% !important;
    margin-top: 10px !important;
}

.hs-input:not([type=file]) {
    background-color: #f5f8fa;
}

.hs-custom-style>div textarea, .hs-custom-style fieldset textarea {
    padding: 10px 15px;
}

.hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px;
}

.hs-input {
    display: inline-block;
    width: 90%;
    max-width: none !important;
    height: 40px;
    padding: 9px 10px;
    margin-top: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

ul.inputs-list {
    padding-left: 0 !important;

}

.hs-form-booleancheckbox {
    list-style-type: none;
}

.hs-form-booleancheckbox-display span {
    margin-left: 10px
}

#label-email-44316fab-f48a-4670-8866-8c7a39bb1d7e span:first-child(){
    font-size: 14px;
}

#label-email-44316fab-f48a-4670-8866-8c7a39bb1d7e span:nth-child(2){
    color: red;
}

.hs-form-required {
    color: red;
}

.hs-form-field {
    text-align: left;
}

.legal-consent-container p, .legal-consent-container a {
    line-height: 1.25;
    font-family: Roboto;
    color: #868686;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
}

.legal-consent-container a {
    color: #0000EE;
}


.hs_submit input[type=submit] {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-left: 40px;
    padding-right: 40px !important;
    font-size: 15px;
    color: #fff;
    background: #3a66f6;
    height: 3em;
    border-radius: 30px;
    margin-top: 30px;
}

.hs_submit {
    text-align: left !important;
}

.hs_submit input[type=submit]:hover {
    color: #3a66f6;
    background: #fff;
    border-color: #3a66f6;
}

.hs-button, .hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea.hs-input {
    height: 66px;
}

.hs-custom-style>div textarea, .hs-custom-style fieldset textarea {
    padding: 10px 15px;
}

body.textual-accent-color .post-content div.hbspt-form p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn) {
    color: #3a66f6 !important;
}

body.textual-accent-color .post-content div.hbspt-form p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn):hover {
    color: #aaa !important;
}

/* Smart Data Protector Placeholder - Storylane */
.uc-embedding-1 {
  background-image: url('/wp-content/uploads/2025/04/placeholder-storylane-demo.jpg');
  background-size: cover; /* oder: contain */
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  padding: 2rem;
}

/* ng@credia.de #6552 */
#menu-mainmenu > li > .drop-menu,
#menu-mainmenu-english > li > .drop-menu {
	width: initial !important;
}

#menu-mainmenu .menu-icon,
#menu-mainmenu-english .menu-icon {
	display: none !important
}