/* ==========================================================================
   Header + mega-menus — ported 1:1 from the staging stylesheet (positiv-002d0a.webflow.io)
   Class names are kept as-is so the markup in index.html can be diffed against Webflow.
   ========================================================================== */
@font-face { font-family: "Optimanovaltprodemi"; src: url("../assets/fonts/OptimaNovaLTProDemi.woff2?v=2") format("woff2"), url("../assets/fonts/OptimaNovaLTProDemi.woff?v=2") format("woff"), url("../assets/fonts/OptimaNovaLTProDemi.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
:root {
  --flowstica-webflow-library--light-slate-grey: #fff;
  --flowstica-webflow-library--white: #211d1d;
  --pr: #5915ff;
  --flowstica-webflow-library--medium-sea-green: #08b54f00;
  --flowstica-webflow-library--white-smoke: #f7f7f700;
  --radiant-ui-components-library-marketplace--color--white: #7e7e7e00;
  --radiant-ui-components-library-marketplace--color--body-font-dark: #f5f5f5;
  --radiant-ui-components-library-marketplace--color--theme-color: #116df800;
  --text: #8e8e8e;
  --radiant-ui-components-library-marketplace--color--heading-dark: #150438;
  --bg: #efefeb;
  --title: #393939;
  --or: #ff6941;
  --systemflow-lite--neutral--80: #636b75;
  --systemflow-lite--neutral--100: #0e0f11;
  --systemflow-lite--neutral--10-2: white;
  --systemflow-lite--primary--60: #2f54eb;
  --gr: #434343;
  --titel-y: #f0f879;
  --b2: #b2b2b2;
  --text-s: #f2f2ed;
  --header: #211d1d;
  --bluer: var(--radiant-ui-components-library-marketplace--color--body-font-dark);
}
.w-inline-block { max-width: 100%; display: inline-block; }
.w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-embed:after { clear: both; }
.w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; }
.w-dropdown-toggle { vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; }
.w-dropdown-toggle { -webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; }
.w-dropdown-toggle:focus { outline: 0; }
.w-dropdown-list { background: #ddd; min-width: 100%; display: none; position: absolute; }
.w-dropdown-list.w--open { display: block; }
.w-dropdown-link.w--current { color: #0082f3; }
.w-nav { z-index: 1000; background: #ddd; position: relative; }
.w-nav:before, .w-nav:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.w-nav:after { clear: both; }
.w-nav-brand { float: left; color: #333; text-decoration: none; position: relative; }
.w-nav-link.w--current { color: #0082f3; }
.w-nav-menu { float: right; position: relative; }
.w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; }
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0; right: auto; }
.w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; }
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0; left: auto; }
.w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; }
.w-nav-button:focus { outline: 0; }
.w-nav-button.w--open { color: #fff; background-color: #c8c8c8; }
.w-nav[data-collapse="all"] .w-nav-menu { display: none; }
.w-nav[data-collapse="all"] .w-nav-button { display: block; }
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu { display: none; }
  .w-nav[data-collapse="medium"] .w-nav-button { display: block; }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu { display: none; }
  .w-nav[data-collapse="small"] .w-nav-button { display: block; }
  .w-nav-brand { padding-left: 10px; }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; }
  .w-nav[data-collapse="tiny"] .w-nav-button { display: block; }
}
.section-6 { z-index: 99999; position: fixed; inset: 0% 0% auto; }
.link-block-9 { text-decoration: none; }
.div-block-27 { background-color: #f0f879; border-radius: 50px; justify-content: center; align-items: center; width: 11.111vw; height: 3.472vw; display: flex; }
.div-block-27.navbar { justify-content: center; align-items: center; }
.text-block-17 { color: #211d1d; font-size: 1.25vw; line-height: 39px; }
.wbs-container-2 { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
.wbs-section-2 { padding: 0 0%; }
.wbs-nav-link-2 { grid-column-gap: 10px; grid-row-gap: 10px; color: #fff; flex-flow: row; justify-content: space-between; align-items: center; padding: 15px .5rem 20px; font-size: 1vw; font-weight: 400; display: flex; }
.wbs-navbar-center-2 { background-color: #0000; width: 100%; margin-left: 0%; margin-right: 0%; padding: 15px 10%; display: block; }
.wbs-nav-center-wrap-2 { grid-column-gap: 0vw; grid-row-gap: 0vw; text-align: center; justify-content: space-between; align-items: center; width: 100%; display: flex; overflow: visible; }
.wbs-nav-center-right-2 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: center; display: flex; }
.wbs-dropdown-item-2 { grid-column-gap: 20px; grid-row-gap: 20px; white-space: normal; word-break: normal; flex-direction: column; width: 100%; display: flex; }
.wbs-dropdown-item-2.n0 { grid-column-gap: 0px; grid-row-gap: 0px; white-space: normal; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; place-items: start; width: 100%; display: grid; }
.wbs-dropdown-item-2.cta { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: center; width: 100%; margin-top: 0; }
.wbs-dropdown-item-2.cta.new { justify-content: flex-start; align-items: center; }
.wbs-dropdown-item-2.cta.new.pricingtest { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: row; justify-content: flex-start; align-items: flex-start; margin-top: 0%; display: flex; }
.wbs-dropdown-item-2.n3 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: flex-end; width: 100%; }
.wbs-dropdown-item-2.n4 { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: row; width: 100%; display: flex; }
.wbs-dropdown-item-2.m1 { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; width: auto; }
.wbs-dropdown-item-2.r1 { justify-content: space-between; width: 100%; }
.wbs-dropdown-item-2.r1.r2.r3 { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: row; justify-content: flex-start; align-items: flex-start; }
.wbs-menu-button-2 { background-color: var(--flowstica-webflow-library--white-smoke); border-radius: 10px; }
.wbs-menu-button-2.w--open { background-color: var(--flowstica-webflow-library--medium-sea-green); }
.expertise2 { background-color: var(--flowstica-webflow-library--white); border: 1px solid #010b151f; border-radius: 10px; justify-content: center; align-items: center; width: 100%; height: auto; margin-top: 0; padding: 20px 20px 0; left: 0; right: 0; }
.expertise2.w--open { background-color: #f2f2ed; border-radius: 0; width: 100%; height: 650px; margin-top: .5%; padding-top: 40px; padding-left: 10%; padding-right: 10%; display: block; top: auto; overflow: visible; }
.expertise2.why-choose-positiv.w--open, .expertise2.expertise.w--open, .expertise2.serv.w--open, .expertise2.resources.w--open { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #f2f2ed00; background-image: linear-gradient(#00000080, #00000080); border-style: none; height: 100vh; padding-top: 0; padding-left: 0%; padding-right: 0%; }
.wbs-dropdown-mega-grid-2 { box-sizing: border-box; grid-column-gap: 48px; grid-row-gap: 48px; aspect-ratio: auto; white-space: normal; grid-template-rows: auto; grid-template-columns: 1.1fr 1.1fr 1.1fr 1.1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: stretch; place-items: stretch stretch; width: 100%; max-width: 100%; height: 90%; display: grid; overflow: visible; }
.wbs-dropdown-mega-grid-2.new { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1.1fr 1.1fr .25fr 1.1fr; height: 90%; }
.wbs-dropdown-mega-grid-2.new.pricing { grid-column-gap: 48px; grid-row-gap: 48px; }
.wbs-dropdown-mega-grid-2.new.pricing.pricingtest { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1.1fr 1.1fr 1.1fr; position: relative; }
.wbs-dropdown-mega-grid-2.why { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1.5fr 1.5fr 1.7fr; }
.wbs-dropdown-mega-grid-2.m1 { grid-column-gap: 48px; grid-row-gap: 48px; grid-auto-flow: row; align-content: stretch; }
.wbs-dropdown-mega-grid-2.resources { grid-template-columns: 1.1fr 1.1fr 1.1fr; }
.wbs-dropdown-2 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: center; align-items: center; display: block; position: static; }
.wbs-nav-center-mega-menu-2 { grid-column-gap: 0px; grid-row-gap: 0px; color: #fff; white-space: nowrap; flex-flow: row; flex: 0 auto; justify-content: space-between; align-items: center; width: auto; height: auto; font-size: 1vw; display: flex; position: static; overflow: visible; }
.wbs-dropdown-icon-link-2 { grid-column-gap: 15px; grid-row-gap: 15px; width: 100%; color: var(--pr); white-space: normal; word-break: break-all; flex-flow: row; justify-content: space-between; align-items: center; padding: 0; font-size: 14px; text-decoration: none; transition: all .3s ease-in-out; display: block; }
.wbs-dropdown-icon-link-2:hover { color: var(--flowstica-webflow-library--medium-sea-green); border-radius: 3px; }
.wbs-dropdown-icon-link-2.top, .wbs-dropdown-icon-link-2.top2 { width: auto; margin-bottom: 20px; padding-bottom: 0; }
.wbs-dropdown-icon-link-2.top3 { width: 118px; margin-bottom: 20px; padding-bottom: 0; }
.wbs-dropdown-icon-link-2.top4 { width: 250px; margin-bottom: 20px; padding-bottom: 0; }
.wbs-dropdown-icon-link-2.why2 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 20px; }
.wbs-dropdown-icon-link-2.why2.f1, .wbs-dropdown-icon-link-2.why2.f2, .wbs-dropdown-icon-link-2.why2.f3 { padding-bottom: 10px; }
.wbs-dropdown-icon-link-2.title { margin-bottom: 10px; }
.wbs-dropdown-icon-link-2.r1 { flex-flow: column; display: flex; }
.wbs-dropdown-link-icon-wrap-2 { background-color: var(--flowstica-webflow-library--white-smoke); border-radius: 5px; flex: none; justify-content: center; align-items: center; width: 50px; height: 50px; display: flex; }
.wbs-dropdown-title-2 { color: var(--title); text-transform: none; justify-content: flex-start; align-items: center; margin-bottom: 0; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 14px; font-weight: 400; display: block; }
.wbs-dropdown-title-2.top { color: var(--pr); text-transform: none; margin-bottom: 0; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 16px; }
.wbs-dropdown-title-2.top3 { color: var(--or); text-transform: none; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 16px; }
.wbs-dropdown-title-2.top4, .wbs-dropdown-title-2.top2 { text-transform: none; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 16px; }
.wbs-dropdown-title-2.why { color: var(--title); margin: 0 auto 10px; font-family: Poppins, sans-serif; font-size: 12px; }
.wbs-dropdown-title-2.why.n2 { color: var(--title); margin-top: 0; font-family: Poppins, sans-serif; }
.wbs-dropdown-title-2.why.n4 { color: var(--title); font-family: Poppins, sans-serif; }
.wbs-dropdown-title-2.why2 { font-family: Optimanovaltprodemi, Arial, sans-serif; font-weight: 400; }
.wbs-dropdown-title-2.titel { margin-bottom: 10px; }
.wbs-dropdown-title-2.titel.n3.r3, .wbs-dropdown-title-2.titel.r1, .wbs-dropdown-title-2.titel.r2 { text-transform: uppercase; font-family: Poppins, sans-serif; font-size: 12px; }
.wbs-dropdown-title-2.r1 { text-transform: none; font-family: Optimanovaltprodemi, Arial, sans-serif; }
.wbs-dropdown-content-2 { color: var(--text); background-color: #8e8e8e00; margin-bottom: 0; font-size: 12px; }
.text-block-47 { font-size: .625vw; font-weight: 300; }
.div-block-162 { background-color: #fbfee0; border-radius: 30px; flex-flow: row; justify-content: center; align-items: center; width: 167px; height: 37px; display: flex; }
.div-block-163 { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: space-between; align-items: center; width: 100%; padding-left: 5px; padding-right: 15px; display: flex; }
.div-block-164 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: space-between; align-items: center; width: 100%; padding-left: 5px; padding-right: 15px; display: flex; }
.div-block-165 { background-color: #dcd5fb; border-radius: 30px; justify-content: center; align-items: center; width: 100%; height: 37px; margin-left: 0; padding-left: 0; display: flex; }
.div-block-165.top { width: 127px; }
.div-block-165.top3 { background-color: #ffd2c6; }
.div-block-165.top4 { background-color: #fff; justify-content: center; align-items: center; }
.code-embed-8, .code-embed-9, .code-embed-10, .code-embed-11 { justify-content: center; align-items: center; display: flex; }
.div-block-166 { white-space: normal; justify-content: space-between; align-items: center; margin-top: 0; display: flex; }
.div-block-167 { background-color: #b2b2b24d; height: .5px; margin-top: 14px; }
.brand.w--current { justify-content: center; align-items: center; width: auto; height: auto; display: flex; }
.heading-49 { color: #5915ff; font-size: 12px; font-weight: 500; }
.heading-49.n1 { color: #393939; margin-top: 0; margin-bottom: 25px; font-weight: 400; }
.heading-49.n0 { margin-top: 0; margin-bottom: 0; }
.div-block-201 { background-image: url("../assets/img/menu/menu-6a6f17566a5148e28af9d28f_2002c611eae3976097a48073a5e87eb39d7"); background-position: 50%; background-size: cover; border-radius: 6px; width: 100%; height: 128px; }
.div-block-201.n1 { background-image: url("../assets/img/menu/menu-6a6f1b1ac809e1923a99f28a_b0e5e6f872d4c66b9348650e95647b2dfda"); }
.div-block-201.n3 { background-image: url("../assets/img/menu/menu-6a6f1ce0bac578cb754e8642_9b7b9721b119a9695b7f7e50f99539c7dcb"); }
.heading-50 { color: #211d1d; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 18px; font-weight: 600; }
.div-block-202 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; display: flex; }
.code-embed-16 { justify-content: center; align-items: center; display: flex; }
.text-block-48 { color: #8e8e8e; font-size: 1.1vw; }
.text-block-48.n2 { font-size: 12px; line-height: 16px; }
.div-block-203 { opacity: .32; background-color: #b2b2b2; height: .5px; margin-top: 10px; }
.div-block-204 { justify-content: space-between; align-items: center; display: flex; }
.div-block-205 { margin-bottom: 0; }
.div-block-206 { background-color: #fdffec; border-radius: 18px; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: auto; margin-top: 0; margin-bottom: 0; display: flex; }
.div-block-206.new { grid-column-gap: 25px; grid-row-gap: 25px; background-color: #fff; justify-content: center; align-items: center; height: 90%; margin-top: 60px; display: flex; position: relative; }
.div-block-206.new.pricingtest { background-color: #fbfee0; border-radius: 18px; justify-content: space-around; align-items: center; height: 100%; padding-top: 15px; padding-bottom: 20px; display: flex; }
.div-block-206.new.pricingtest.ps { margin-top: 20px; }
.heading-51 { color: #393939; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 4vh; font-weight: 400; line-height: 5vh; }
.heading-51.new { width: 80%; margin-top: 40px; margin-bottom: 0; font-size: 28px; line-height: 40px; }
.text-block-49 { color: #393939; margin-top: 10px; margin-bottom: 20px; padding-bottom: 0; font-size: 12px; font-weight: 300; line-height: 20px; }
.text-block-49.pricingtest { margin-top: 10px; margin-bottom: 10px; font-size: 12px; font-weight: 600; }
.div-block-207 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; width: 80%; margin-top: 10px; margin-bottom: 10px; display: flex; }
.div-block-207.new { width: 85%; margin-top: 20px; margin-bottom: 20px; }
.div-block-208 { background-image: url("../assets/img/menu/menu-vector-8.webp"); background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 80%; height: 20%; position: absolute; inset: 0% 0% auto auto; }
.div-block-208.expertise { background-position: 50%; border-top-right-radius: 18px; width: 85%; height: 20%; overflow: hidden; }
.div-block-209 { justify-content: flex-start; align-items: flex-start; width: 85%; margin-top: 60px; font-size: 4vh; display: block; }
.div-block-210 { width: 85%; margin-top: 0; margin-bottom: 0; }
.div-block-210.pricingtest { width: 90%; }
.div-block-211 { background-color: #f0f879; border-radius: 40px; justify-content: center; align-items: center; height: 50px; display: flex; }
.div-block-211.new { background-color: var(--gr); }
.link-block-19 { border: 1px #000; border-radius: 0; height: 50px; text-decoration: none; }
.div-block-212 { border: 1px solid #000; border-radius: 40px; justify-content: center; align-items: center; height: 50px; text-decoration: none; display: flex; }
.link-block-20 { text-decoration: none; }
.text-block-50 { color: #211d1d; }
.text-block-50.new { color: #d9e071; }
.text-block-51 { color: #393939; }
.text-span { color: #aaaaa7; }
.div-block-213, .div-block-214 { margin-top: 10px; margin-bottom: 10px; }
.div-block-215 { justify-content: flex-end; align-items: center; width: 25px; height: 26px; display: flex; }
.div-block-216 { margin-top: 10px; margin-bottom: 10px; }
.heading-53 { color: var(--title); white-space: normal; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 18px; }
.text-block-52 { color: #393939; margin-left: 10px; margin-right: 10px; font-size: 12px; line-height: 20px; }
.text-block-52.pricingtest { color: #8e8e8e; margin-top: 20px; margin-left: 0; margin-right: 0; }
.div-block-218 { background-image: url("../assets/img/menu/menu-6a6f1b1ac809e1923a99f28a_b0e5e6f872d4c66b9348650e95647b2dfda"); background-position: 50%; background-size: cover; border-radius: 8px; width: 100%; height: 60%; }
.div-block-218.p1 { background-image: url("../assets/img/menu/menu-6a6f0570bac578cb7549c126_5170a3c21e7a53ea935fbccd1466a449a5e"); height: 60%; }
.div-block-218.p1.pricingtest { background-image: url("../assets/img/menu/menu-6a66288a55922e91b97b382b_396878190d39ab24e202c035fdbc895be39"); background-repeat: no-repeat; height: 40%; }
.div-block-218.f6 { background-image: url("../assets/img/menu/menu-6a6f065033e662d2b072d5ee_73777be3f3a31a0b436b1fbd9469016083c"); }
.div-block-218.f6.pricingtest { background-repeat: no-repeat; height: 40%; }
.div-block-219 { background-color: #fff; border-radius: 12px; flex-flow: column; justify-content: space-between; width: 100%; height: 90%; padding: 5%; display: flex; }
.div-block-219.p1 { background-color: #fff; height: 90%; margin-left: 0; }
.div-block-219.p1.pricingtest { background-color: #fff0; justify-content: flex-start; margin-left: 0; display: block; }
.div-block-219.pricingtest { background-color: #fff0; justify-content: flex-start; height: 100%; padding-top: 0%; padding-left: 0%; padding-right: 0%; display: block; }
.div-block-220 { grid-column-gap: 16px; grid-row-gap: 16px; margin-left: 10px; margin-right: 10px; display: flex; }
.div-block-220.pricingtest { grid-column-gap: 10px; grid-row-gap: 10px; margin: 0; }
.code-embed-18 { justify-content: center; align-items: center; display: flex; }
.div-block-227 { opacity: 1; background-color: #b2b2b24d; justify-content: flex-start; align-items: flex-start; width: 1px; height: 80%; margin-top: 50px; display: block; }
.div-block-227.g2 { height: 90%; margin-top: 15%; }
.div-block-233 { background-color: #393939; width: 53px; height: 2px; }
.div-block-233.n2 { background-color: #393939; width: 53px; }
.div-block-233.n4 { background-color: #393939; width: 121px; }
.div-block-234 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: space-between; align-items: center; padding-bottom: 30px; display: flex; }
.div-block-234.why3 { justify-content: space-between; align-items: center; width: 100%; padding-top: 0; padding-bottom: 20px; }
.div-block-235 { background-color: #b2b2b24d; width: 100%; height: 1px; }
.div-block-236, .div-block-236.n4 { margin-bottom: 10px; }
.div-block-237 { background-color: #dcd5fb00; border: .5px solid #393939; border-radius: 20px; justify-content: center; align-items: center; width: 50px; height: 23px; display: flex; }
.div-block-237.n2 { background-color: #39393900; border: .5px solid #393939; }
.text-block-55 { color: var(--title); font-size: 12px; }
.text-block-55.n2 { color: var(--title); }
.div-block-238 { background-color: #b2b2b24d; width: 1px; height: 90%; margin-top: 3%; }
.div-block-238.g1 { height: 77%; margin-top: 60px; }
.div-block-239 { background-image: url("../assets/img/menu/menu-6a6f1b1ac809e1923a99f28a_b0e5e6f872d4c66b9348650e95647b2dfda"); background-position: 50%; background-size: cover; border-radius: 8px; width: 100%; height: 170px; margin-top: 20px; }
.text-block-56 { color: var(--title); font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 18px; font-weight: 400; }
.div-block-240 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; margin-top: 10px; display: flex; }
.code-embed-20 { justify-content: center; align-items: center; display: flex; }
.link-block-21 { text-decoration: none; }
.text-block-57 { color: var(--text); margin-top: 20px; font-size: 12px; font-weight: 300; }
.code-embed-21 { display: flex; }
.div-block-249 { grid-column-gap: 10px; grid-row-gap: 10px; white-space: nowrap; padding-right: 0; display: flex; }
.div-block-250 { grid-column-gap: 10px; grid-row-gap: 10px; white-space: nowrap; display: flex; }
.div-block-251, .div-block-252 { grid-column-gap: 10px; grid-row-gap: 10px; display: flex; }
.pricing2 { background-color: var(--flowstica-webflow-library--white); border: 1px solid #010b151f; border-radius: 10px; justify-content: center; align-items: center; width: 100%; height: auto; margin-top: 0; padding: 20px 20px 0; left: 0; right: 0; }
.pricing2.w--open { background-color: #f2f2ed; border-radius: 0; width: 100%; height: 650px; margin-top: .5%; padding-top: 40px; padding-left: 10%; padding-right: 10%; display: block; top: auto; overflow: visible; }
.pricing2.why-choose-positiv.w--open { height: 450px; }
.pricing2.pr.pricingtest.w--open { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #f2f2ed00; background-image: linear-gradient(#00000080, #00000080); height: 100vh; padding-top: 0; padding-left: 0%; padding-right: 0%; }
.pricing2.pr.pricingtest.expertise2.w--open { z-index: 9999; box-sizing: border-box; background-color: var(--bg); -webkit-backdrop-filter: none; backdrop-filter: none; pointer-events: auto; background-image: none; border-style: none; border-bottom-width: 100vh; border-bottom-color: #0000; height: 500px; padding-top: 40px; padding-left: 10%; padding-right: 10%; position: absolute; }
.div-block-253 { background-color: #393939; width: 68px; height: 2px; }
.div-block-253.r2 { width: 96px; }
.div-block-253.r2.r3 { width: 56px; }
.div-block-254 { justify-content: space-between; align-items: center; width: 100%; display: flex; }
.div-block-255 { background-color: #b2b2b24d; width: 100%; height: 1px; }
.text-block-59 { width: 85%; color: var(--gr); font-size: 14px; font-weight: 600; }
.div-block-256 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; width: 85%; display: flex; }
.heading-57 { color: var(--gr); font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 16px; }
.div-block-257 { background-color: #fbfee0; border-radius: 18px; flex-flow: column; justify-content: space-around; align-items: center; width: 100%; height: 90%; margin-top: 0; padding-top: 0; padding-bottom: 0; display: flex; }
.div-block-258 { background-image: url("../assets/img/menu/menu-6a67279c2b116c94cb471591_67194387e687056de9f4f7aedaa4fa160ac"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 12px; width: 90%; height: 50%; }
.code-embed-24 { justify-content: center; align-items: center; display: flex; }
.heading-64 { color: #393939; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; }
.div-block-291 { background-image: url("../assets/img/menu/menu-6a622fc4dacf41d8c5c403e7_a5ae4e846fd7f12553863bfd1b5b93fdff1"); background-position: 50%; background-size: cover; border-radius: 12px; width: 90%; height: 160px; }
.link-block-23 { text-align: center; justify-content: flex-start; align-items: center; width: auto; text-decoration: none; display: flex; }
.div-block-292 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; display: flex; }
.text-block-68 { color: var(--title); font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 14px; }
.div-block-293 { flex-flow: column; display: flex; }
.div-block-294 { width: 100%; height: 100%; }
.div-block-295 { width: 100%; height: 80%; }
.code-embed-26, .code-embed-27 { justify-content: center; align-items: center; display: flex; }
.div-block-296 { background-color: #f2f2ed; justify-content: center; align-items: center; width: 100%; height: 750px; padding-top: 40px; padding-left: 10%; padding-right: 10%; display: block; position: static; }
.div-block-297 { background-color: #f2f2ed; width: 100%; height: 650px; padding-top: 40px; padding-left: 10%; padding-right: 10%; }
.div-block-299 { background-color: #f2f2ed; width: 100%; height: 450px; padding-top: 40px; padding-left: 10%; padding-right: 10%; }
.div-block-300 { background-color: #f2f2ed; width: 100%; height: 580px; padding-top: 40px; padding-left: 10%; padding-right: 10%; }
.code-embed-28, .code-embed-29, .code-embed-30 { justify-content: center; align-items: center; display: flex; }
.code-embed-31 { justify-content: center; align-items: center; }
.div-block-313 { margin-bottom: 10%; }
@media screen and (min-width: 1280px) {
  .div-block-27.navbar { width: 8.333vw; height: 2.604vw; }
  .text-block-17.navbar { font-size: .938vw; }
  .wbs-section-2 { padding-top: 0; padding-bottom: 0; }
  .expertise2.expertise.w--open, .expertise2.resources.w--open { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
  .text-block-47 { color: #fff; font-size: .729vw; font-weight: 300; }
  .div-block-201.n1, .div-block-201.n3, .div-block-201.n0 { height: 150px; }
  .div-block-206.new { margin-bottom: 0; padding-bottom: 10px; }
  .text-block-49 { margin-top: 0; }
  .div-block-218.p1.pricingtest, .div-block-218.f6.pricingtest { height: 50%; }
  .div-block-219.pricingtest { color: #fff0; background-color: #fff0; justify-content: flex-start; align-items: flex-start; }
  .heading-64 { color: #393939; font-weight: 400; }
}
@media screen and (min-width: 1440px) {
  .wbs-dropdown-item-2.cta.new.pricingtest { grid-column-gap: 48px; grid-row-gap: 48px; }
  .wbs-dropdown-item-2.m1 { grid-column-gap: 20px; grid-row-gap: 20px; }
  .wbs-dropdown-item-2.r1.r2.r3 { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: row; justify-content: flex-end; align-items: flex-start; }
  .expertise2.resources.w--open { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
  .wbs-dropdown-mega-grid-2.why { grid-column-gap: 48px; grid-template-columns: 1.5fr 1.5fr 1.7fr; }
  .wbs-dropdown-mega-grid-2.resources { grid-template-columns: 1.1fr 1.1fr 1.1fr; }
  .div-block-206.new.pricingtest { height: 90%; padding-bottom: 20px; }
  .heading-51.new { margin-top: 60px; }
  .text-block-49 { margin-top: 0; }
  .div-block-208.expertise { height: 25%; }
  .div-block-209 { margin-top: 50px; }
  .div-block-218.p1.pricingtest, .div-block-218.f6.pricingtest { height: 50%; }
  .div-block-239 { height: 170px; }
  .pricing2.pr.pricingtest.expertise2.w--open { border-style: none; }
  .heading-57 { font-size: 18px; }
  .div-block-258 { width: 93%; }
  .div-block-291 { height: 200px; }
  .link-block-23 { margin-top: 20px; }
  .text-block-68 { font-size: 18px; }
  .div-block-293 { grid-column-gap: 10px; grid-row-gap: 10px; }
  .div-block-294 { height: 100%; }
  .div-block-295 { width: 100%; height: 90%; }
}
@media screen and (min-width: 1920px) {
  .div-block-27.navbar { background-color: #f0f879; width: 8.333vw; height: 2.604vw; }
  .text-block-17.navbar { font-size: .938vw; }
  .wbs-container-2 { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: row; justify-content: space-between; align-items: center; width: 100%; max-width: none; margin-left: 0; margin-right: 0; display: flex; }
  .wbs-section-2 { padding-left: 0%; padding-right: 0%; }
  .wbs-navbar-center-2 { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: row; justify-content: space-between; align-items: center; width: 100%; margin-left: 0%; margin-right: 0%; padding-left: 10%; padding-right: 10%; display: block; }
  .wbs-nav-center-wrap-2 { grid-column-gap: 0vw; grid-row-gap: 0vw; justify-content: space-between; width: 100%; display: flex; overflow: visible; }
  .wbs-dropdown-item-2 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; width: 100%; }
  .wbs-dropdown-item-2.n0 { align-content: space-between; height: 95%; }
  .wbs-dropdown-item-2.cta { justify-content: flex-start; align-items: center; margin-top: 0%; }
  .wbs-dropdown-item-2.cta.new.pricingtest { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: row; margin-top: 0%; display: flex; }
  .wbs-dropdown-item-2.n3 { justify-content: flex-start; align-items: flex-end; width: 100%; }
  .wbs-dropdown-item-2.m1 { grid-column-gap: 0px; grid-row-gap: 0px; width: auto; }
  .wbs-dropdown-item-2.r1, .wbs-dropdown-item-2.r1.r2 { padding-bottom: 10px; }
  .wbs-dropdown-item-2.r1.r2.r3 { height: 100%; }
  .expertise2 { justify-content: center; align-items: center; height: auto; margin-top: 0; }
  .expertise2.w--open { grid-column-gap: 0px; grid-row-gap: 0px; background-color: var(--radiant-ui-components-library-marketplace--color--body-font-dark); flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 650px; padding-top: 40px; display: flex; }
  .expertise2.why-choose-positiv.w--open { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-image: linear-gradient(#00000080, #00000080); border-style: none; }
  .expertise2.expertise.w--open { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-image: linear-gradient(#00000080, #00000080); }
  .expertise2.serv.w--open { grid-column-gap: 0px; grid-row-gap: 0px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #f5f5f500; background-image: linear-gradient(#0009, #0009); justify-content: flex-start; align-items: center; height: 100vh; margin-top: .5%; margin-bottom: 0; padding-top: 0; padding-left: 0%; padding-right: 0%; }
  .expertise2.resources.w--open { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #ff694100; background-image: linear-gradient(#00000080, #00000080); border-style: none; }
  .wbs-dropdown-mega-grid-2 { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1fr 1fr 1fr 1.2fr; justify-content: stretch; place-items: stretch stretch; height: 90%; margin: 10px 0% 0; padding-bottom: 0; }
  .wbs-dropdown-mega-grid-2.new { margin-top: 0; }
  .wbs-dropdown-mega-grid-2.new.pricing { grid-column-gap: 48px; grid-row-gap: 48px; }
  .wbs-dropdown-mega-grid-2.new.pricing.pricingtest { grid-template-columns: 1.1fr 1.1fr 1.1fr; }
  .wbs-dropdown-mega-grid-2.why { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1.5fr 1.5fr 1.7fr; margin-top: 0; }
  .wbs-dropdown-mega-grid-2.m1 { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-flow: row; }
  .wbs-dropdown-mega-grid-2.resources { grid-template-columns: 1.1fr 1.1fr 1.1fr; margin-top: 0; }
  .wbs-nav-center-mega-menu-2 { grid-column-gap: 0vw; grid-row-gap: 0vw; flex-flow: row; justify-content: space-between; width: 45%; display: flex; }
  .wbs-dropdown-icon-link-2 { color: var(--title); margin-bottom: 0; }
  .wbs-dropdown-icon-link-2.top, .wbs-dropdown-icon-link-2.top2 { width: auto; margin-bottom: 20px; }
  .wbs-dropdown-icon-link-2.top3, .wbs-dropdown-icon-link-2.top4 { margin-bottom: 20px; }
  .wbs-dropdown-icon-link-2.why2 { margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; }
  .wbs-dropdown-icon-link-2.why2.f1 { padding-top: 20px; padding-bottom: 20px; }
  .wbs-dropdown-icon-link-2.why2.f2 { padding-top: 0; padding-bottom: 0; }
  .wbs-dropdown-icon-link-2.why2.f3 { padding-top: 20px; padding-bottom: 0; }
  .wbs-dropdown-icon-link-2.why2.f4 { padding-top: 30px; }
  .wbs-dropdown-title-2 { color: #211d1d; font-family: Optimanovaltprodemi, Arial, sans-serif; font-size: 16px; font-weight: 400; }
  .wbs-dropdown-title-2.why, .wbs-dropdown-title-2.why.n2 { color: var(--title); line-height: 14px; }
  .wbs-dropdown-title-2.why.n4 { line-height: 14px; }
  .text-block-47 { font-size: .729vw; font-weight: 300; }
  .div-block-162 { grid-column-gap: 0px; grid-row-gap: 0px; background-color: #fbfee0; border-radius: 30px; justify-content: center; align-items: center; width: 168px; height: 37px; display: flex; }
  .div-block-163 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: space-between; align-items: center; width: 100%; padding-left: 5px; padding-right: 15px; display: flex; }
  .div-block-164 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; width: 100%; margin-right: 0; padding-left: 5px; padding-right: 0; display: flex; }
  .div-block-165.top { padding-left: 0; padding-right: 0; }
  .div-block-166 { margin-top: 20px; margin-bottom: 20px; }
  .div-block-167 { background-color: #b2b2b24d; }
  .heading-49.n1, .heading-49.n0 { margin-bottom: 20px; }
  .div-block-201.n1 { background-size: cover; height: 150px; margin-top: 0; }
  .div-block-201.n3 { height: 150px; margin-top: 0; margin-bottom: 0; display: block; }
  .div-block-201.n0 { height: 150px; margin-top: 0; }
  .div-block-202.n2, .div-block-202.n2.m3 { margin-top: 0; }
  .text-block-48.n2 { margin-bottom: 20px; font-size: 12px; line-height: 20px; }
  .text-block-48.n2.m1 { margin-bottom: 20px; font-size: 12px; }
  .div-block-203 { margin-top: 0; }
  .div-block-204 { padding-top: 10px; padding-bottom: 15px; }
  .div-block-206 { background-color: #fff; height: auto; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 10px; position: relative; }
  .div-block-206.new { justify-content: center; align-items: center; height: 85%; margin-top: 45px; padding-bottom: 40px; overflow: hidden; }
  .div-block-206.new.pricingtest { justify-content: space-around; align-items: center; height: 90%; padding-bottom: 20px; display: flex; }
  .div-block-206.new.pricingtest.ps { margin-top: 0; }
  .heading-51 { font-size: 4vh; line-height: 5vh; }
  .heading-51.new { width: 50%; margin-bottom: 0; font-size: 32px; line-height: 40px; }
  .text-block-49 { padding-bottom: 0; font-size: 14px; line-height: 20px; }
  .text-block-49.pricingtest { width: 100%; margin-top: 0; margin-bottom: 0; padding-bottom: 0; font-size: 18px; }
  .div-block-207 { margin-bottom: 10px; }
  .div-block-207.new { grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 0; margin-bottom: 10px; }
  .div-block-208 { background-position: 50%; background-size: cover; width: 350px; height: 130px; }
  .div-block-208.expertise { background-position: 50%; background-size: cover; border-top-right-radius: 18px; width: 80%; height: 25%; }
  .div-block-209 { margin-top: 100px; }
  .div-block-210 { width: 85%; margin-top: 0; margin-bottom: 0; }
  .div-block-210.pricingtest { width: 85%; margin-top: 10px; margin-bottom: 0; }
  .text-block-50.new, .text-block-51 { font-size: 16px; }
  .div-block-213, .div-block-214, .div-block-216 { margin-top: 0; margin-bottom: 0; }
  .text-block-52 { font-size: 14px; line-height: 20px; }
  .text-block-52.pricingtest { margin-top: 20px; }
  .div-block-218 { background-image: url("../assets/img/menu/menu-6a6f0570bac578cb7549c126_5170a3c21e7a53ea935fbccd1466a449a5e"); }
  .div-block-218.p1.pricingtest { background-image: url("../assets/img/menu/menu-6a66288a55922e91b97b382b_396878190d39ab24e202c035fdbc895be39"); background-repeat: no-repeat; height: 60%; }
  .div-block-218.f6 { background-image: url("../assets/img/menu/menu-6a6f05172c071c033518dd95_0a5e07abbe237c9df88f7a0d1f9b50fb84c"); }
  .div-block-218.f6.pricingtest { background-image: url("../assets/img/menu/menu-6a6f065033e662d2b072d5ee_73777be3f3a31a0b436b1fbd9469016083c"); background-position: 50%; background-repeat: no-repeat; height: 60%; }
  .div-block-219 { height: 90%; margin-right: 0; }
  .div-block-219.p1 { height: 90%; margin-left: 0; }
  .div-block-219.p1.pricingtest { height: 100%; margin-left: 0; padding-top: 0%; padding-left: 0%; padding-right: 0%; }
  .div-block-219.pricingtest { height: 100%; padding-top: 0%; padding-left: 0%; padding-right: 0%; display: block; }
  .div-block-220.pricingtest { grid-column-gap: 10px; grid-row-gap: 10px; }
  .div-block-227 { opacity: 1; background-color: #b2b2b24d; height: 82%; margin-top: 47px; padding-top: 0; }
  .div-block-227.f1 { height: 95%; margin-top: 20%; }
  .div-block-227.g2 { height: 87%; margin-top: 65px; }
  .div-block-233, .div-block-233.n2 { background-color: #393939; }
  .div-block-234 { padding-top: 20px; padding-bottom: 30px; }
  .div-block-234.why3 { padding-top: 0; padding-bottom: 20px; }
  .div-block-235 { background-color: #b2b2b24d; }
  .div-block-236 { margin-bottom: 10px; }
  .div-block-236.n4 { margin-bottom: 20px; }
  .div-block-237 { background-color: #dcd5fb00; border: .5px solid #393939; }
  .div-block-237.n2 { background-color: #ffd2c600; border: .5px solid #393939; }
  .text-block-55, .text-block-55.n2 { color: var(--title); }
  .div-block-238 { background-color: #b2b2b24d; height: 90%; margin-top: 3%; }
  .div-block-238.g1 { height: 80%; margin-top: 65px; }
  .div-block-239 { height: 180px; margin-top: 10px; }
  .div-block-240 { margin-top: 0; }
  .link-block-21 { margin-top: 15px; }
  .text-block-57 { color: var(--gr); margin-top: 15px; font-size: 14px; }
  .div-block-249 { grid-column-gap: 10px; grid-row-gap: 10px; white-space: nowrap; margin-right: 0; padding-right: 0; display: flex; }
  .div-block-250 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; width: auto; display: flex; }
  .div-block-251, .div-block-252 { grid-column-gap: 10px; grid-row-gap: 10px; white-space: nowrap; display: flex; }
  .pricing2 { justify-content: center; align-items: center; height: auto; margin-top: 0; }
  .pricing2.w--open { grid-column-gap: 0px; grid-row-gap: 0px; background-color: var(--radiant-ui-components-library-marketplace--color--body-font-dark); flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 650px; padding-top: 40px; display: flex; }
  .pricing2.pr.pricingtest.w--open { background-image: linear-gradient(#00000080, #00000080); height: 100vh; padding-top: 0; padding-left: 0%; padding-right: 0%; }
  .pricing2.pr.pricingtest.expertise2.w--open { pointer-events: auto; border-style: none; }
  .div-block-253.r2.r3 { background-color: #393939; }
  .text-block-59 { width: 85%; font-size: 18px; }
  .div-block-256 { width: 85%; }
  .heading-57 { font-size: 18px; }
  .div-block-257 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: space-around; align-items: center; height: 87%; margin-top: 30px; }
  .div-block-258 { background-size: cover; width: 93%; margin-top: 0; }
  .div-block-291 { width: 92%; height: 60%; }
  .link-block-23 { margin-top: 20px; }
  .div-block-292 { justify-content: center; align-items: center; }
  .text-block-68 { font-size: 18px; }
  .div-block-294, .div-block-295 { width: 100%; }
  .div-block-295.ps { flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 90%; display: block; }
  .div-block-296 { background-color: #f2f2ed; width: 100%; height: 750px; margin-top: 0%; padding-top: 40px; padding-left: 10%; padding-right: 10%; }
  .div-block-297 { height: 700px; }
  .div-block-299 { width: 100%; }
  .div-block-300 { background-color: #f2f2ed; width: 100%; height: 580px; padding-top: 40px; padding-left: 10%; padding-right: 10%; }
  .code-embed-28, .code-embed-29, .code-embed-30, .code-embed-31 { justify-content: center; align-items: center; display: flex; }
  .div-block-313 { margin-bottom: 0%; }
}
@media screen and (max-width: 991px) {
  .wbs-section-2 { padding-top: 0; padding-bottom: 0; }
  .wbs-nav-link-2 { color: #333; }
  .wbs-nav-center-right-2 { display: none; }
  .wbs-menu-button-2 { background-color: var(--flowstica-webflow-library--white-smoke); border-radius: 10px; margin-left: auto; padding: 15px; }
  .wbs-menu-button-2.w--open { background-color: var(--flowstica-webflow-library--medium-sea-green); }
  .expertise2.w--open { flex-flow: row; height: auto; padding-top: 0; padding-left: 0%; padding-right: 0%; display: block; }
  .wbs-dropdown-mega-grid-2 { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-columns: 1fr 1fr; justify-content: space-around; align-items: flex-start; height: auto; display: flex; }
  .wbs-nav-center-mega-menu-2 { background-color: var(--bg); border: 1px #010b151a; border-radius: 0 0 10px 10px; padding-top: 10px; padding-bottom: 10px; position: absolute; }
  .wbs-dropdown-icon-link-2 { display: none; }
  .wbs-dropdown-icon-link-2.top, .wbs-dropdown-icon-link-2.top2, .wbs-dropdown-icon-link-2.top3, .wbs-dropdown-icon-link-2.top4 { display: block; }
  .text-block-47 { font-size: 1.5vw; }
  .pricing2.w--open { flex-flow: row; height: auto; padding-top: 0; padding-left: 0%; padding-right: 0%; display: block; }
}
@media screen and (max-width: 767px) {
  .wbs-section-2 { padding: 0 0%; }
  .expertise2.w--open { height: auto; }
  .wbs-dropdown-mega-grid-2 { grid-template-columns: 1fr; }
  .brand.w--current { padding-left: 0; }
  .pricing2.w--open { height: auto; }
}
@media screen and (max-width: 479px) {
  .code-embed-4 { width: auto; }
  .wbs-container-2 { width: 90%; }
  .wbs-section-2 { padding: 0 0%; }
  .wbs-nav-link-2 { color: #211d1d; font-size: 1vw; }
  .wbs-navbar-center-2 { justify-content: center; align-items: center; margin-left: 0%; margin-right: 0%; padding-left: 0%; padding-right: 0%; display: flex; }
  .wbs-dropdown-item-2 { display: block; }
  .expertise2.w--open { height: 250px; padding-top: 10px; padding-bottom: 10px; }
  .wbs-nav-center-mega-menu-2 { background-color: var(--bg); color: #000; -webkit-text-fill-color: inherit; background-clip: border-box; border-top-left-radius: 0; border-top-right-radius: 0; }
  .wbs-dropdown-icon-link-2 { display: none; }
  .wbs-dropdown-icon-link-2.top, .wbs-dropdown-icon-link-2.top2, .wbs-dropdown-icon-link-2.top3, .wbs-dropdown-icon-link-2.top4 { display: block; }
  .text-block-47 { font-size: 3.5vw; }
  .brand.w--current { width: 35vw; height: 8vw; padding-left: 0; }
  .pricing2.w--open { height: 250px; padding-top: 10px; padding-bottom: 10px; }
}

/* embedded <style> blocks from the Webflow embeds */
.nav-arrow-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform-origin: center center;
  transition: transform 0.3s cubic-bezier(.22, 1, .36, 1);
}


.w-dropdown.w--open .nav-arrow-icon,
.w-dropdown-toggle.w--open .nav-arrow-icon {
  transform: rotate(180deg);
}
.nav-arrow-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform-origin: center center;
    transition: transform 0.3s cubic-bezier(.22, 1, .36, 1);
  }

  
  .w-dropdown.w--open .nav-arrow-icon,
  .w-dropdown-toggle.w--open .nav-arrow-icon {
    transform: rotate(180deg);
  }

  
  @media screen and (max-width: 991px) {
    .nav-arrow-icon svg path {
      fill: #21212b !important; 
    }
  }
.menu-icon-svg .line {
  transform-origin: 12px 12px;
  transition: transform 0.4s cubic-bezier(.22, 1, .36, 1);
}


.w-nav-button.w--open .menu-icon-svg .line-1,
.menu-button.w--open .menu-icon-svg .line-1,
.w-nav[data-collapse] .w-nav-button.w--open .menu-icon-svg .line-1,
.w--open > .menu-icon-svg .line-1 {
  transform: translateY(4px) rotate(45deg);
}


.w-nav-button.w--open .menu-icon-svg .line-2,
.menu-button.w--open .menu-icon-svg .line-2,
.w-nav[data-collapse] .w-nav-button.w--open .menu-icon-svg .line-2,
.w--open > .menu-icon-svg .line-2 {
  transform: translateY(-4px) rotate(-45deg);
}

/* ---- additions for the static build ---- */
#site-header .wbs-navbar-center-2 { transition: background-color .3s ease; }
#site-header.is-scrolled .wbs-navbar-center-2 { background-color: #211d1d; }

/* dropdown open animation, as recorded on the staging build: the list rises 5px (≈.35s) while fading in */
@keyframes wbs-dd-in { from { opacity: 0; transform: translate3d(0, 0, 0); } to { opacity: 1; transform: translate3d(0, -5px, 0); } }
.wbs-dropdown-2 .w-dropdown-list.w--open { animation: wbs-dd-in .35s cubic-bezier(.22, 1, .36, 1) forwards; }
@media (max-width: 991px) { .wbs-dropdown-2 .w-dropdown-list.w--open { animation: none; } }

/* ---- blurred backdrop on every menu; pointing at the blur closes the menu (desktop) ---- */
@media (min-width: 992px) {
  /* the full-height list only draws the blur; just the white panel inside it stays hoverable */
  .wbs-dropdown-2 .expertise2.w--open:not(.pricing2) { pointer-events: none; }
  .wbs-dropdown-2 .expertise2.w--open:not(.pricing2) > div { pointer-events: auto; }
  /* Pricing is the panel itself: its blur layer is a separate element (.wbs-pricing-blur) so the backdrop filter
     isn't isolated inside the animated list; also drop its invisible 100vh border so the area below is not hoverable */
  .wbs-dropdown-2 .pricing2.expertise2.w--open { border-bottom-width: 0; }
}

.wbs-pricing-blur {
  position: fixed; left: 0; right: 0; top: 75px; bottom: 0; z-index: 0; pointer-events: none; opacity: 0;
  -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgb(0 0 0 / .5);
  transition: opacity .2s ease;
}
.section-6.is-pricing-open .wbs-pricing-blur { opacity: 1; }
@media (max-width: 991px) { .wbs-pricing-blur { display: none; } }

/* ---- header "Get in touch": same inverting circular fill as the hero buttons ---- */
.wbs-nav-center-right-2 .div-block-27.navbar {
  position: relative; overflow: hidden; isolation: isolate; border: 1px solid #f0f879;
}
.wbs-nav-center-right-2 .div-block-27.navbar::before {
  content: ""; position: absolute; z-index: -1; left: 50%; top: 100%; width: 150%; aspect-ratio: 1; border-radius: 50%;
  background: #211d1d; transform: translate(-50%, -50%) scale(0);
  transition: transform .7s cubic-bezier(.22, 1, .36, 1);
}
.wbs-nav-center-right-2 .text-block-17.navbar { transition: color .45s cubic-bezier(.22, 1, .36, 1) .05s; }
.wbs-nav-center-right-2 .link-block-9:hover .div-block-27.navbar::before,
.wbs-nav-center-right-2 .link-block-9:focus-visible .div-block-27.navbar::before { transform: translate(-50%, -50%) scale(1.15); }
.wbs-nav-center-right-2 .link-block-9:hover .text-block-17.navbar,
.wbs-nav-center-right-2 .link-block-9:focus-visible .text-block-17.navbar { color: #f0f879; }
@media (prefers-reduced-motion: reduce) {
  .wbs-nav-center-right-2 .div-block-27.navbar::before, .wbs-nav-center-right-2 .text-block-17.navbar { transition-duration: .01ms; }
}

/* ==========================================================================
   Mobile / tablet menu (<=991px): full-height dark sheet under the bar, accordion groups, flat link lists
   ========================================================================== */
.mobile-menu-cta { display: none; }
@media (max-width: 991px) {
  #site-header.is-menu-open .wbs-navbar-center-2 { background-color: #211d1d; }
  #site-header .wbs-navbar-center-2 { padding: 14px 20px; }
  #site-header .wbs-menu-button-2 { background: transparent; padding: 10px; margin-left: auto; }
  #site-header .wbs-nav-center-mega-menu-2.w--nav-menu-open {
    position: fixed; top: var(--hdr-h, 84px); left: 0; right: 0; bottom: 0; z-index: 5;
    display: block; width: auto; height: auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    padding: 4px 22px 120px; border: 0; border-radius: 0; background: #211d1d; color: #fff; white-space: normal; font-size: 16px;
    animation: mm-in .35s cubic-bezier(.22, 1, .36, 1);
  }
  @keyframes mm-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
  .w--nav-menu-open .wbs-dropdown-2 { display: block; width: 100%; border-bottom: 1px solid rgb(255 255 255 / .12); }
  .w--nav-menu-open .wbs-nav-link-2 { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 20px 0; color: #fff; cursor: pointer; }
  .w--nav-menu-open .text-block-47 { font-size: 20px; line-height: 28px; color: #fff; }
  .w--nav-menu-open .nav-arrow-icon svg path { fill: #fff !important; }
  .w--nav-menu-open .nav-arrow-icon { display: flex; transition: transform .3s ease; }
  .w--nav-menu-open .w-dropdown-toggle.w--open .nav-arrow-icon { transform: rotate(180deg); }

  .w--nav-menu-open .w-dropdown-list, .w--nav-menu-open .w-dropdown-list.w--open {
    position: static !important; inset: auto !important; transform: none !important; width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none;
    margin: 0; padding: 0 0 18px !important; background: transparent !important; box-shadow: none !important; border: 0; animation: none;
  }
  .w--nav-menu-open .w-dropdown-list:not(.w--open) { display: none !important; }
  .w--nav-menu-open .w-dropdown-list > div, .w--nav-menu-open .wbs-dropdown-mega-grid-2, .w--nav-menu-open .wbs-dropdown-item-2 {
    display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; grid-template-columns: 1fr !important;
  }
  .w--nav-menu-open .wbs-dropdown-item-2 { margin-bottom: 14px !important; }
  /* every link becomes a simple row; the group heading ("top") is a small lime label */
  .w--nav-menu-open .wbs-dropdown-icon-link-2 { display: block !important; width: 100%; padding: 9px 0; color: #fff; text-decoration: none; }
  .w--nav-menu-open .wbs-dropdown-icon-link-2 [class*="div-block-"], .w--nav-menu-open .wbs-dropdown-icon-link-2 > div { display: flex !important; align-items: center; justify-content: space-between; width: 100% !important; height: auto !important; gap: 12px; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; }
  .w--nav-menu-open .wbs-dropdown-title-2 { color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; }
  .w--nav-menu-open .wbs-dropdown-content-2 { display: block; margin-top: 2px; color: rgb(255 255 255 / .55); font-size: 13px; line-height: 19px; font-weight: 400; }
  .w--nav-menu-open .wbs-dropdown-icon-link-2.top .wbs-dropdown-title-2, .w--nav-menu-open .wbs-dropdown-icon-link-2.top2 .wbs-dropdown-title-2,
  .w--nav-menu-open .wbs-dropdown-icon-link-2.top3 .wbs-dropdown-title-2, .w--nav-menu-open .wbs-dropdown-icon-link-2.top4 .wbs-dropdown-title-2,
  .w--nav-menu-open .wbs-dropdown-icon-link-2.title .wbs-dropdown-title-2 { color: var(--c-lime, #f0f879); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
  .w--nav-menu-open .wbs-dropdown-icon-link-2 svg { width: 18px; height: 18px; flex: none; }
  .w--nav-menu-open .wbs-dropdown-link-icon-wrap-2 { display: none !important; }
  .w--nav-menu-open .wbs-dropdown-icon-link-2 img { max-width: 28px; height: auto; }
  /* promo panels / images inside the mega menus are desktop-only */
  .w--nav-menu-open .wbs-dropdown-item-2.cta, .w--nav-menu-open .div-block-206, .w--nav-menu-open .div-block-227, .w--nav-menu-open .div-block-294, .w--nav-menu-open .div-block-295, .w--nav-menu-open .div-block-238 { display: none !important; }
  .w--nav-menu-open .div-block-167, .w--nav-menu-open .div-block-255, .w--nav-menu-open .div-block-201, .w--nav-menu-open .div-block-203 { display: none !important; }
  .w--nav-menu-open .heading-49, .w--nav-menu-open .heading-64 { color: var(--c-lime, #f0f879); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin: 8px 0 4px; }
  .w--nav-menu-open .text-block-52, .w--nav-menu-open .text-block-48 { color: rgb(255 255 255 / .75); font-size: 14px; line-height: 21px; white-space: normal; }
  .w--nav-menu-open .mobile-menu-cta { display: flex; align-items: center; justify-content: center; margin-top: 28px; height: 54px; border-radius: 999px; background: var(--c-lime, #f0f879); color: #211d1d; font-size: 17px; font-weight: 500; text-decoration: none; }
}
@media (max-width: 991px) {
  .w--nav-menu-open .wbs-dropdown-icon-link-2 * { max-width: none !important; }
  .w--nav-menu-open .wbs-dropdown-title-2, .w--nav-menu-open .wbs-dropdown-icon-link-2 .title, .w--nav-menu-open .wbs-dropdown-icon-link-2 [class*="text-block"] { width: auto !important; white-space: normal; word-break: normal; overflow-wrap: normal; text-align: left; }
  .w--nav-menu-open .div-block-205 { justify-content: flex-start !important; }
  .w--nav-menu-open .div-block-205 > * { width: auto !important; flex: 0 1 auto; }
  .w--nav-menu-open .pricingtest h5, .w--nav-menu-open .pricingtest h6 + * h5, .w--nav-menu-open .heading-53 { color: #fff !important; font-size: 18px; line-height: 26px; }
  .w--nav-menu-open .heading-49, .w--nav-menu-open .heading-64 { width: auto !important; white-space: normal; word-break: normal; }
  .w--nav-menu-open .div-block-293, .w--nav-menu-open .div-block-239 { display: block !important; width: 100% !important; }
  .w--nav-menu-open .div-block-293 > div:not(:has(a)) { color: rgb(255 255 255 / .45); }
}
@media (max-width: 991px) {
  .w--nav-menu-open .div-block-236 *, .w--nav-menu-open .div-block-239, .w--nav-menu-open .div-block-239 * { color: var(--c-lime, #f0f879) !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; }
}

/* ==========================================================================
   Mega menus — matched to the Figma "Menu" frame (website-design › Menu: Services / Expertise / Pricing panels and their
   component states). Desktop only; the mobile sheet above is untouched. The panels sit on the same grid as the Why Positiv
   and Resources menus (and the header): 10% sides, 40px top, 48px gutters, equal columns.
   ========================================================================== */
@media (min-width: 992px) {
  #site-header { --mm-px: 10%; --mm-line: rgb(178 178 178 / .3); --mm-ease: cubic-bezier(.22, 1, .36, 1); }

  /* ---- nav toggles ("menu Button"): 14px label + 16px caret 8px apart; hover / open: label and caret turn lime, caret flips ---- */
  #site-header .wbs-nav-link-2 { gap: 8px; }
  #site-header .text-block-47 { font-size: 14px; line-height: normal; font-weight: 400; transition: color .25s ease; }
  #site-header .nav-arrow-icon svg { width: 16px; height: 16px; }
  #site-header .nav-arrow-icon svg path { transition: fill .25s ease; }
  #site-header .wbs-nav-link-2:hover .text-block-47, #site-header .wbs-nav-link-2.w--open .text-block-47 { color: #f0f879; }
  #site-header .wbs-nav-link-2:hover .nav-arrow-icon svg path, #site-header .wbs-nav-link-2.w--open .nav-arrow-icon svg path { fill: #f0f879; }

  /* ================= Services ================= */
  #site-header .div-block-296 { height: auto; min-height: 723px; background-color: #efefeb; padding: 40px var(--mm-px) 80px; box-sizing: border-box; }
  #site-header .wbs-dropdown-mega-grid-2.m1 {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 48px; row-gap: 0;
    height: auto; margin: 0; padding: 0; align-items: start;
  }
  #site-header .wbs-dropdown-item-2.m1 { display: flex; flex-direction: column; gap: 4px; width: auto; }
  #site-header .w-dropdown-list a.wbs-dropdown-icon-link-2 { word-break: normal; overflow-wrap: normal; }
  #site-header .m1 :is(.wbs-dropdown-title-2.top, .wbs-dropdown-title-2.top2, .wbs-dropdown-title-2.top3, .wbs-dropdown-title-2.top4) { white-space: nowrap; }
  /* category pill ("Category Header Pill"): 37px, 5px left / 16px right, icon 12px from the label, arrow 8px after it */
  #site-header .wbs-dropdown-item-2.m1 > a.wbs-dropdown-icon-link-2:first-child { width: auto; margin: 0 0 20px; align-self: flex-start; }
  #site-header .m1 .div-block-165, #site-header .m1 .div-block-162 {
    display: inline-flex; width: auto !important; height: 37px; padding: 0 16px 0 5px; margin: 0; border-radius: 32px;
    transition: background-color .3s var(--mm-ease);
  }
  #site-header .m1 .div-block-164, #site-header .m1 .div-block-163 { display: flex; align-items: center; gap: 12px; width: auto; padding: 0; margin: 0; }
  #site-header .m1 .div-block-249, #site-header .m1 .div-block-250, #site-header .m1 .div-block-251, #site-header .m1 .div-block-252 {
    display: flex; align-items: center; gap: 8px; transition: gap .3s var(--mm-ease);
  }
  #site-header .m1 .wbs-dropdown-title-2.top, #site-header .m1 .wbs-dropdown-title-2.top2,
  #site-header .m1 .wbs-dropdown-title-2.top3, #site-header .m1 .wbs-dropdown-title-2.top4 { font-size: 16px; line-height: normal; transition: color .3s var(--mm-ease); }
  #site-header .m1 .wbs-dropdown-title-2.top { color: #5915ff; }
  #site-header .m1 .wbs-dropdown-title-2.top2 { color: #211d1d; }
  #site-header .m1 .wbs-dropdown-title-2.top3 { color: #fe572a; }
  #site-header .m1 .wbs-dropdown-title-2.top4 { color: #393939; }
  #site-header .m1 .code-embed-8, #site-header .m1 .code-embed-9, #site-header .m1 .code-embed-10, #site-header .m1 .code-embed-11 { position: relative; width: 28px; height: 28px; flex: none; }
  #site-header .m1 .code-embed-8 svg, #site-header .m1 .code-embed-9 svg, #site-header .m1 .code-embed-10 svg, #site-header .m1 .code-embed-11 svg { transition: opacity .3s ease; }
  #site-header .m1 .code-embed-8::after, #site-header .m1 .code-embed-9::after, #site-header .m1 .code-embed-10::after, #site-header .m1 .code-embed-11::after {
    content: ""; position: absolute; inset: 0; display: block; width: 28px; height: 28px; background: var(--pill-on) center / 28px 28px no-repeat; opacity: 0; transition: opacity .3s ease;
  }
  #site-header .m1 .code-embed-9 { --pill-on: url("../assets/img/menu/hover/pill-brand.svg"); }
  #site-header .m1 .code-embed-8 { --pill-on: url("../assets/img/menu/hover/pill-sales.svg"); }
  #site-header .m1 .code-embed-10 { --pill-on: url("../assets/img/menu/hover/pill-web.svg"); }
  #site-header .m1 .code-embed-11 { --pill-on: url("../assets/img/menu/hover/pill-mkt.svg"); }
  #site-header .m1 .code-embed-28 svg path, #site-header .m1 .code-embed-29 svg path, #site-header .m1 .code-embed-30 svg path, #site-header .m1 .code-embed-31 svg path { transition: fill .3s ease; }
  #site-header .m1 :is(.code-embed-28, .code-embed-29, .code-embed-30, .code-embed-31) { display: flex; }
  #site-header .m1 :is(.code-embed-28, .code-embed-29, .code-embed-30, .code-embed-31) svg { width: 16px; height: 11px; flex: none; }
  /* pill hover ("Status=on"): solid category colour, light label, arrow slides 4px */
  #site-header .m1 a.top:hover .div-block-165 { background-color: #5915ff; }
  #site-header .m1 a.top2:hover .div-block-162 { background-color: #f0f879; }
  #site-header .m1 a.top3:hover .div-block-165 { background-color: #fe572a; }
  #site-header .m1 a.top4:hover .div-block-165 { background-color: #393939; }
  #site-header .m1 a:is(.top, .top3, .top4):hover .wbs-dropdown-title-2 { color: #f2f2ed; }
  #site-header .m1 a:is(.top, .top2, .top3, .top4):hover :is(.div-block-249, .div-block-250, .div-block-251, .div-block-252) { gap: 12px; }
  #site-header .m1 a:is(.top, .top2, .top3, .top4):hover :is(.code-embed-8, .code-embed-9, .code-embed-10, .code-embed-11) svg { opacity: 0; }
  #site-header .m1 a:is(.top, .top2, .top3, .top4):hover :is(.code-embed-8, .code-embed-9, .code-embed-10, .code-embed-11)::after { opacity: 1; }
  #site-header .m1 a:is(.top, .top3, .top4):hover :is(.code-embed-28, .code-embed-30, .code-embed-31) svg path:first-of-type { fill: #f2f2ed; }
  #site-header .m1 a.top:hover .code-embed-28 svg path:nth-of-type(2) { fill: #5915ff; }
  #site-header .m1 a.top2:hover .code-embed-29 svg path:nth-of-type(2) { fill: #f0f879; }
  #site-header .m1 a.top3:hover .code-embed-30 svg path:nth-of-type(2) { fill: #fe572a; }
  #site-header .m1 a.top4:hover .code-embed-31 svg path:nth-of-type(2) { fill: #393939; }

  /* service rows ("Menu Link"): 14px title over a 12px/20px line, 24px icon, hairline under every row; rows 4px apart */
  #site-header .m1 a.wbs-dropdown-icon-link-2:not(:first-child) { display: block; width: 100%; margin: 0; padding: 0; }
  #site-header .m1 .div-block-166 {
    display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 78.5px; margin: 0; padding: 14px 0;
    border-bottom: 1px solid var(--mm-line); box-sizing: border-box;
  }
  #site-header .m1 .div-block-167 { display: none; }
  #site-header .m1 > a:last-child .div-block-166 { border-bottom: 0; }      /* no hairline under the last service */
  #site-header .m1:nth-child(1) .div-block-166 { min-height: 79px; }      /* Figma's column heights give each list a slightly different row pitch */
  #site-header .m1:nth-child(3) .div-block-166 { min-height: 78.6px; }
  #site-header .m1:is(:nth-child(2), :nth-child(4)) .div-block-166 { min-height: 78px; }
  #site-header .m1 .div-block-166 > div:first-child { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; transition: transform .3s var(--mm-ease); }
  #site-header .m1 .div-block-166 .wbs-dropdown-title-2 { color: #211d1d; font-size: 14px; line-height: normal; white-space: nowrap; transition: color .3s var(--mm-ease); }
  #site-header .m1 .wbs-dropdown-content-2 { margin: 0; color: #8e8e8e; font-size: 12px; line-height: 20px; }
  #site-header .m1 .wbs-dropdown-link-icon-wrap-2 { position: relative; width: 24px; height: 24px; flex: none; background: none; border-radius: 0; }
  #site-header .m1 .wbs-dropdown-link-icon-wrap-2 svg { display: block; width: 24px; height: 24px; transition: opacity .3s ease; }
  #site-header .m1 .wbs-dropdown-link-icon-wrap-2 svg path { transition: fill .3s ease; }
  /* row hover ("Status=on"): title and icon take the column colour, the text nudges 4px right.
     The icon is recoloured in place, so each row keeps its own icon whatever order the services are in. */
  #site-header .m1 a:not(:first-child):hover .div-block-166 > div:first-child { transform: translateX(4px); }
  #site-header .m1:nth-child(1) { --svc-on: #5915ff; }
  #site-header .m1:nth-child(2) { --svc-on: #97a900; }
  #site-header .m1:nth-child(3) { --svc-on: #fe572a; }
  #site-header .m1:nth-child(4) { --svc-on: #211d1d; }
  #site-header .m1 a:not(:first-child):hover .div-block-166 .wbs-dropdown-title-2 { color: var(--svc-on); }
  #site-header .m1 a:not(:first-child):hover .wbs-dropdown-link-icon-wrap-2 svg path { fill: var(--svc-on); }

  /* ================= Expertise ================= */
  #site-header .div-block-297 { height: auto; min-height: 643px; background-color: #f2f2ed; padding: 40px var(--mm-px); box-sizing: border-box; }
  #site-header .div-block-297 > .wbs-dropdown-mega-grid-2 {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 48px; row-gap: 0;
    height: auto; margin: 0; padding: 0; align-items: start;
  }
  #site-header .div-block-297 .wbs-dropdown-item-2.n0 { display: flex; flex-direction: column; align-items: stretch; gap: 0; height: auto; }
  #site-header .div-block-297 .n0 > div:first-child { margin: 0; }
  #site-header .div-block-297 .heading-49 { margin: 0; font-size: 12px; line-height: normal; letter-spacing: 0; text-transform: uppercase; }
  #site-header .div-block-297 .heading-49.n0 { color: #5915ff; font-weight: 500; }
  #site-header .div-block-297 .heading-49.n1 { color: #393939; font-weight: 400; }
  /* category card: 128px, 6px corners; on hover the corners open to 12px and the photo eases in a touch */
  #site-header .div-block-297 .div-block-201 {
    position: relative; height: 128px !important; margin: 16px 0 0 !important; border-radius: 6px; overflow: hidden; isolation: isolate;
  }
  #site-header .div-block-297 .div-block-201::before {
    content: ""; position: absolute; inset: 0; background: inherit; background-size: cover; background-position: 50%;
    transition: transform .9s var(--mm-ease);
  }
  #site-header .div-block-297 .div-block-201.n1 { background-size: 100% 125.05%; background-position: 0 18.8%; }   /* Figma's crop for "Technology" */
  #site-header .div-block-297 .n0 > :is(.div-block-213, .div-block-214, .div-block-216) { margin: 20px 0 0; }
  #site-header .div-block-297 .div-block-202 { display: flex; align-items: center; gap: 8px; margin: 0; }
  #site-header .div-block-297 .heading-50 { margin: 0; color: #211d1d; font-size: 18px; line-height: normal; font-weight: 400; }
  #site-header .div-block-297 .text-block-48.n2 { margin: 8px 0 0; color: #8e8e8e; font-size: 12px; line-height: 1.5; }
  #site-header .div-block-297 :is(.div-block-213, .div-block-214, .div-block-216) > .div-block-203 { display: none; }
  #site-header .div-block-297 .n0:has(> .div-block-201:hover, .div-block-202:hover, .text-block-48:hover) .div-block-201::before { transform: scale(1.06); }
  /* bullet rows: 14px, 4px apart, hairline between them, swatch / 24px icon on the right */
  #site-header .div-block-297 .n0 > a.wbs-dropdown-icon-link-2 { display: block; width: 100%; margin: 4px 0 0; padding: 0; }
  #site-header .div-block-297 .n0 > :is(.div-block-213, .div-block-214, .div-block-216) + a.wbs-dropdown-icon-link-2 { margin-top: 20px; }
  #site-header .div-block-297 .div-block-205 { margin: 0; }
  #site-header .div-block-297 .div-block-204 { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 47.5px; padding: 0; }
  #site-header .div-block-297 .div-block-204 .wbs-dropdown-title-2 { color: #393939; font-size: 14px; line-height: normal; }
  #site-header .div-block-297 .div-block-204 svg { display: block; }
  #site-header .div-block-297 .div-block-215 { width: auto; height: auto; }
  #site-header .div-block-297 .div-block-205 > .div-block-203 { opacity: 1; height: 1px; margin: 0; background-color: var(--mm-line); }
  /* "Are you the right fit?" card: 336 × 462, half-white, 18px corners, content sits at the bottom */
  #site-header .div-block-297 .wbs-dropdown-item-2.cta { display: block; width: 100%; margin: 0; }
  #site-header .div-block-297 .div-block-206.new {
    position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 26px;
    width: 100%; height: 462px; margin: 38px 0 0; padding: 24px; box-sizing: border-box; overflow: hidden;
    background-color: rgb(255 255 255 / .5); border-radius: 18px;
  }
  #site-header .div-block-297 .div-block-208.expertise {
    position: absolute; inset: auto; left: 13.7%; top: -10px; width: 86.6%; height: auto; aspect-ratio: 291 / 139;   /* Figma's placement, scaled to the card width */
    background-size: 100% 100%; background-position: 0 0; border-radius: 0;
  }
  #site-header .div-block-297 .div-block-209 { width: 100%; margin: 0; }
  #site-header .div-block-297 .heading-51.new { width: 175px; margin: 0; color: #393939; font-size: 32px; line-height: 40px; font-weight: 400; }
  #site-header .div-block-297 .heading-51.new .text-span { color: #8e8e8e; }
  #site-header .div-block-297 .heading-51.new strong { font-weight: 400; }
  #site-header .div-block-297 .div-block-210 { width: 100%; margin: -16px 0 0; }
  #site-header .div-block-297 .text-block-49 { margin: 0; padding: 0; color: #393939; font-size: 14px; line-height: 1.5; font-weight: 300; }
  #site-header .div-block-297 .div-block-210 > .div-block-203 { opacity: 1; height: 1px; margin: 18px 0 0; background-color: var(--mm-line); }
  #site-header .div-block-297 .div-block-207.new { display: flex; flex-direction: column; gap: 16px; width: 100%; margin: 0; }
  #site-header .div-block-297 .div-block-207.new a { display: block; height: 50px; text-decoration: none; }
  #site-header .div-block-297 .div-block-211.new, #site-header .div-block-297 .div-block-212 { height: 50px; border-radius: 36px; transition: background-color .3s ease, color .3s ease; }
  #site-header .div-block-297 .div-block-211.new { background-color: #393939; }
  #site-header .div-block-297 .div-block-212 { border: 1px solid #393939; box-sizing: border-box; }
  #site-header .div-block-297 .text-block-50.new { color: #f0f879; font-size: 16px; }
  #site-header .div-block-297 .text-block-51 { color: #393939; font-size: 16px; transition: color .3s ease; }


  /* ================= Pricing ================= */
  #site-header .pricing2.pr.pricingtest.expertise2.w--open { height: auto; min-height: 605px; background-color: #f2f2ed; padding: 40px var(--mm-px); box-sizing: border-box; }
  #site-header .wbs-dropdown-mega-grid-2.new.pricing.pricingtest {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 48px; row-gap: 0;
    height: auto; margin: 0; padding: 0; align-items: stretch;
  }
  #site-header .pricing2 .div-block-219.pricingtest { display: flex; flex-direction: column; gap: 16px; height: auto; padding: 0; }
  #site-header .pricing2 .heading-64 { margin: 0; color: #393939; font-size: 12px; line-height: normal; font-weight: 400; text-transform: uppercase; }
  #site-header .pricing2 .div-block-218.pricingtest { width: 100%; height: 300px !important; border-radius: 12px; background-size: cover; background-position: 50%; }
  #site-header .pricing2 .div-block-218.f6.pricingtest { background-size: 100% 185.4%; background-position: 0 81.1%; }   /* Figma's crop: the photo at 185% height, 69% up */
  #site-header .pricing2 .text-block-52.pricingtest { margin: 0; color: #8e8e8e; font-size: 12px; line-height: 1.5; }
  #site-header .pricing2 .div-block-220.pricingtest { display: flex; align-items: center; gap: 8px; margin: -4px 0 0; transition: gap .3s var(--mm-ease), margin-left .3s var(--mm-ease); }
  #site-header .pricing2 .heading-53 { margin: 0; color: #211d1d; font-size: 18px; line-height: normal; font-weight: 400; }
  #site-header .pricing2 .div-block-219.pricingtest:hover .div-block-220.pricingtest { gap: 12px; margin-left: 4px; }   /* margin, not transform: a transform would become the containing block of the card-wide link overlay and shrink it to this row */
  #site-header .pricing2 .wbs-dropdown-item-2.cta.new.pricingtest.ps { display: flex; flex-direction: row; align-items: stretch; gap: 0; margin: 0; }
  #site-header .pricing2 .div-block-227 { flex: none; width: 1px; height: auto; margin: 0 47px 0 0; background-color: var(--mm-line); opacity: 1; }
  #site-header .pricing2 .div-block-295.ps { display: flex; flex-direction: column; gap: 16px; flex: 1 1 auto; width: auto; height: auto; }
  #site-header .pricing2 .div-block-206.new.pricingtest.ps {
    display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 24px;
    height: auto; min-height: 398px; margin: 0; padding: 16px; box-sizing: border-box; background-color: #fbfee0; border-radius: 12px; overflow: visible;
  }
  #site-header .pricing2 .div-block-291 {
    width: 100%; height: 226px; flex: none; border-radius: 12px; background-size: cover; background-position: 50%;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  }
  #site-header .pricing2 .div-block-210.pricingtest { display: flex; flex-direction: column; gap: 16px; width: 100%; margin: 0; padding: 0 8px; box-sizing: border-box; }
  #site-header .pricing2 .text-block-49.pricingtest { width: 100%; margin: 0; color: #393939; font-size: 16px; line-height: 24px; font-weight: 600; }
  #site-header .pricing2 .link-block-23 { margin: 0; }
  #site-header .pricing2 .div-block-292 { gap: 8px; transition: gap .3s var(--mm-ease), transform .3s var(--mm-ease); }
  #site-header .pricing2 .text-block-68 { color: #211d1d; font-size: 18px; }
  #site-header .pricing2 .link-block-23:hover .div-block-292 { gap: 12px; transform: translateX(4px); }
}
/* small desktops: the pill labels step down so the wide "Marketing & Campaign" pill stays inside the window */
@media (min-width: 992px) and (max-width: 1099px) {
  #site-header .m1 :is(.wbs-dropdown-title-2.top, .wbs-dropdown-title-2.top2, .wbs-dropdown-title-2.top3, .wbs-dropdown-title-2.top4) { font-size: 14px; }
  #site-header .m1 .div-block-165, #site-header .m1 .div-block-162 { padding-right: 12px; }
  #site-header .m1 .div-block-164, #site-header .m1 .div-block-163 { gap: 8px; }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  #site-header .w-dropdown-list * { transition-duration: .01ms !important; }
}

/* ---- one real weight of Optima on the site: never let the browser fake a bold (Safari smears the capitals) ---- */
#site-header .w-dropdown-list, #site-header .w-dropdown-list * { font-synthesis: none; }
#site-header .w-dropdown-list :is(h4, h5, h6, .heading-49, .heading-51, .heading-64, .heading-57, .heading-53, .heading-50, .text-block-56, .text-block-68) { font-weight: 400; }
/* The menu titles are <div>s now (navigation labels, not page headings). Give the divs the one default the old <h6> had and class rules never set: .67em (zero specificity, so every real rule still wins). */
:where(div.heading-64) { font-size: .67em; }

/* ---- Why Positiv + Resources: the "Marketing & Campaign" hover from Services — title to black, text nudges 4px, the outline
   icon turns black (same light-weight icon, recoloured; not the solid version) ---- */
@media (min-width: 992px) {
  #site-header :is(.div-block-234, .div-block-254) > div:first-child { transition: transform .3s cubic-bezier(.22, 1, .36, 1); }
  #site-header :is(.div-block-234, .div-block-254) .wbs-dropdown-title-2 { transition: color .3s cubic-bezier(.22, 1, .36, 1); }
  #site-header :is(.div-block-234, .div-block-254) > div:last-child svg :is(path, circle, rect, line, polyline) { transition: fill .3s ease, stroke .3s ease; }
  #site-header :is(a.why2:hover .div-block-234, a.r1:hover .div-block-254) > div:first-child { transform: translateX(4px); }
  #site-header :is(a.why2:hover .div-block-234, a.r1:hover .div-block-254) .wbs-dropdown-title-2 { color: #000; }
  #site-header :is(a.why2:hover .div-block-234, a.r1:hover .div-block-254) > div:last-child svg [fill]:not([fill="none"]) { fill: #211d1d; }
  #site-header :is(a.why2:hover .div-block-234, a.r1:hover .div-block-254) > div:last-child svg [stroke]:not([stroke="none"]) { stroke: #211d1d; }
}

/* ---- Why Positiv + Resources lined up with Pricing / Expertise: labels 40px from the top with their short rule 12px under them;
   the first row / picture / featured card 16px under the rule in both menus; dividers run the full height from the top; equal
   thirds like Pricing ---- */
@media (min-width: 992px) {
  #site-header .wbs-dropdown-mega-grid-2.why { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 48px; align-items: stretch; }
  #site-header .wbs-dropdown-mega-grid-2.resources { align-items: stretch; }
  #site-header :is(.div-block-233, .div-block-253) { display: block; height: 2px; margin: 12px 0 0; background-color: #393939; }
  #site-header :is(.wbs-dropdown-title-2.why, .wbs-dropdown-title-2.titel) { margin: 0; line-height: normal; }
  #site-header :is(.div-block-236, .div-block-294 > a.title > .title, .wbs-dropdown-item-2.r1 > a.title > .title) { display: block; margin: 0; padding: 0; }
  #site-header .div-block-299 .wbs-dropdown-item-2 > a.wbs-dropdown-icon-link-2:first-child,
  #site-header :is(.div-block-300 .wbs-dropdown-item-2.r1 > a.title, .div-block-294 > a.title, .div-block-293 > a:first-child) { display: block; margin: 0 0 var(--mm-head-gap, 0px); padding: 0; }
  /* dividers: from the top of the content to the bottom, like Pricing */
  #site-header :is(.wbs-dropdown-item-2.n4, .wbs-dropdown-item-2.r1.r2.r3) { display: flex; flex-direction: row; align-items: stretch; gap: 0; height: auto; }
  #site-header :is(.div-block-238.g1, .div-block-227.g2) { flex: none; align-self: stretch; width: 1px; height: auto; margin: 0 47px 0 0; background-color: #b2b2b24d; opacity: 1; }
  #site-header :is(.div-block-293, .div-block-294) { flex: 1 1 auto; gap: 0; width: auto; height: auto; }
  /* the rows keep their own spacing; the label's gap is trimmed so the first row's title lands 16px under the label (74px) */
  #site-header .div-block-299 .wbs-dropdown-item-2:not(.n4) > a:first-child { margin-bottom: -4px; }
  #site-header .div-block-300 .wbs-dropdown-item-2.r1:not(.r3) > a.title { margin-bottom: -14px; }
  /* featured pictures / card 16px under their label */
  #site-header .div-block-239 { margin-top: 16px !important; }
  #site-header .div-block-257 { margin-top: 16px; }
}

/* ---- larger menu type: category pills 18px, item titles 16px, descriptions 14px (Services, Why Positiv, Resources, Pricing) ---- */
@media (min-width: 1100px) {
  #site-header .m1 :is(.wbs-dropdown-title-2.top, .wbs-dropdown-title-2.top2, .wbs-dropdown-title-2.top3, .wbs-dropdown-title-2.top4) { font-size: 18px; }
}
@media (min-width: 992px) {
  #site-header .m1 .div-block-166 .wbs-dropdown-title-2 { font-size: 16px; }
  #site-header :is(.wbs-dropdown-title-2.why2, .div-block-254 .wbs-dropdown-title-2.r1) { font-size: 16px; line-height: normal; }
  #site-header :is(.div-block-299 .wbs-dropdown-content-2, .div-block-300 .wbs-dropdown-content-2) { font-size: 14px; line-height: 22px; }
  #site-header .pricing2 .text-block-52.pricingtest { font-size: 14px; line-height: 1.5; }
}
@media (min-width: 992px) { #site-header .m1 .div-block-166 { gap: 4px; } }
/* same 4px between a 16px item title and its 14px description in every menu (Services already has it) */
@media (min-width: 992px) { #site-header :is(.div-block-234, .div-block-254) .wbs-dropdown-content-2 { margin-top: 4px; } }

/* ---- Expertise "Are you the right fit?" card: top level with the photos (16px under the labels), bottom level with the last
   row of the lists; its buttons get the site's button hover (a circle of colour rises from below, the label inverts) ---- */
@media (min-width: 992px) {
  #site-header .div-block-297 > .wbs-dropdown-mega-grid-2 { align-items: stretch; }
  #site-header .div-block-297 .wbs-dropdown-item-2.cta { display: flex; flex-direction: column; height: auto; }
  #site-header .div-block-297 .div-block-206.new { flex: 1 1 auto; height: auto; min-height: 0; margin: 34px 0 0; }
  #site-header .div-block-297 :is(.div-block-211.new, .div-block-212) {
    position: relative; overflow: hidden; isolation: isolate; transition: transform .4s cubic-bezier(.22, 1, .36, 1);
  }
  #site-header .div-block-297 :is(.div-block-211.new, .div-block-212)::before {
    content: ""; position: absolute; z-index: -1; left: 50%; top: 100%; width: 150%; aspect-ratio: 1; border-radius: 50%;
    background: var(--fill); transform: translate(-50%, -50%) scale(0); transition: transform .7s cubic-bezier(.22, 1, .36, 1);
  }
  #site-header .div-block-297 .div-block-211.new { --fill: #f0f879; }
  #site-header .div-block-297 .div-block-212 { --fill: #393939; }
  #site-header .div-block-297 :is(.text-block-50.new, .text-block-51) { transition: color .45s cubic-bezier(.22, 1, .36, 1) .05s; }
  #site-header .div-block-297 :is(.link-block-20, .link-block-19):is(:hover, :focus-visible) :is(.div-block-211.new, .div-block-212)::before { transform: translate(-50%, -50%) scale(1.15); }
  #site-header .div-block-297 .link-block-20:is(:hover, :focus-visible) .text-block-50.new { color: #211d1d; }
  #site-header .div-block-297 .link-block-19:is(:hover, :focus-visible) .text-block-51 { color: #f2f2ed; }
  #site-header .div-block-297 :is(.link-block-20, .link-block-19):active :is(.div-block-211.new, .div-block-212) { transform: scale(.98); }

  /* ---- "Contact us" (Why Positiv) and "Get the report" (Resources, Pricing): arrow slides out, text nudges 4px ---- */
  #site-header :is(.div-block-240, .div-block-256, .div-block-292) { gap: 8px; transition: gap .3s cubic-bezier(.22, 1, .36, 1), transform .3s cubic-bezier(.22, 1, .36, 1); }
  #site-header :is(.link-block-21:hover .div-block-240, .div-block-256:hover, .link-block-23:hover .div-block-292) { gap: 12px; transform: translateX(4px); }
  #site-header .div-block-256 { cursor: pointer; }
}
@media (prefers-reduced-motion: reduce) {
  #site-header .div-block-297 :is(.div-block-211.new, .div-block-212)::before { transition-duration: .01ms; }
}

/* ---- Why Positiv featured column: no "Featured directive" label; the photo starts level with "The firm" / "Join us"
   and grows so the text + "Contact us" under it finish level with the bottom of those two columns ---- */
@media (min-width: 992px) {
  #site-header .wbs-dropdown-item-2.n4 > .div-block-293 > a.wbs-dropdown-icon-link-2:first-child { display: none; }
  #site-header .div-block-293 .div-block-239 { flex: 1 1 auto; height: auto; min-height: 220px; margin-top: 0 !important; }
}

/* ---- Why Positiv: SOON tag sits 10px under its description (was 20px); the featured column keeps the same 20px the
   list rows leave under their last tag, so "Contact us" ends level with the last SOON tag and the photo shrinks to fit ---- */
@media (min-width: 992px) {
  #site-header .div-block-234:has(+ .div-block-237) { padding-bottom: 10px; }
  #site-header .wbs-dropdown-item-2.n4 > .div-block-293 { padding-bottom: 20px; box-sizing: border-box; }
  #site-header .div-block-299 > .wbs-dropdown-mega-grid-2 { height: auto; align-content: start; }
}

/* ---- Expertise column titles (Channel Partners / Technology / Finance & Consulting): same hover as the other menu
   title links — the arrow slides out and the title nudges 4px; fires from the photo, title or description ---- */
@media (min-width: 992px) {
  #site-header .div-block-297 .div-block-202 { transition: gap .3s cubic-bezier(.22, 1, .36, 1), transform .3s cubic-bezier(.22, 1, .36, 1); }
  #site-header .div-block-297 .heading-50 { transition: color .3s cubic-bezier(.22, 1, .36, 1); }
  #site-header .div-block-297 .n0:has(> .div-block-201:hover, .div-block-202:hover, .text-block-48:hover) .div-block-202 { gap: 12px; transform: translateX(4px); }
  #site-header .div-block-297 .n0:has(> .div-block-201:hover, .div-block-202:hover, .text-block-48:hover) .heading-50 { color: #000; }
  #site-header .div-block-297 .n0 > :is(.div-block-201, .div-block-213, .div-block-214, .div-block-216) :is(.div-block-202, .text-block-48),
  #site-header .div-block-297 .n0 > .div-block-201 { cursor: pointer; }
}

/* ---- Pricing photos: the same slow zoom as the Expertise photos, fired from anywhere on the card ---- */
@media (min-width: 992px) {
  #site-header .pricing2 :is(.div-block-218.pricingtest, .div-block-291) { position: relative; overflow: hidden; isolation: isolate; }
  #site-header .pricing2 :is(.div-block-218.pricingtest, .div-block-291)::before {
    content: ""; position: absolute; inset: 0; z-index: -1; background: inherit; border-radius: inherit;
    transition: transform .9s cubic-bezier(.22, 1, .36, 1);
  }
  #site-header .pricing2 :is(.div-block-219.pricingtest:hover .div-block-218.pricingtest, .div-block-206.new.pricingtest.ps:hover .div-block-291)::before { transform: scale(1.06); }
  #site-header .pricing2 :is(.div-block-219.pricingtest, .div-block-206.new.pricingtest.ps) { cursor: pointer; }
}
@media (prefers-reduced-motion: reduce) {
  #site-header .pricing2 :is(.div-block-218.pricingtest, .div-block-291)::before { transition-duration: .01ms; }
}

/* ---- Resources lists: rows stack from the top (were spread with space-between, so the first row drifted with the
   panel width); first title 16px under the label line, same as Why Positiv, then 25px / 26px around each divider ---- */
@media (min-width: 992px) {
  #site-header .div-block-300 .wbs-dropdown-item-2.r1:not(.r3) { justify-content: flex-start; row-gap: 0; }
  #site-header .div-block-300 .wbs-dropdown-item-2.r1:not(.r3) > a.title { margin-bottom: 16px; }
  #site-header .div-block-300 .wbs-dropdown-item-2.r1:not(.r3) > .div-block-255 { margin: 25px 0 26px; }
}

/* ==========================================================================
   Phone / tablet sheet: every menu opens to its MAIN TITLES only, as a light panel (same colour as the desktop mega menu)
   of full-width, thumb-sized rows - title on the left, arrow on the right. Services keeps the four coloured desktop pills.
   ========================================================================== */
@media (max-width: 991px) {
  /* 1. hide everything that is not a main title */
  #site-header .w--nav-menu-open .wbs-dropdown-content-2,
  #site-header .w--nav-menu-open .text-block-48,
  #site-header .w--nav-menu-open .text-block-49,
  #site-header .w--nav-menu-open .text-block-52,
  #site-header .w--nav-menu-open .heading-49,
  #site-header .w--nav-menu-open .heading-64,
  #site-header .w--nav-menu-open .div-block-203,
  #site-header .w--nav-menu-open .div-block-233,
  #site-header .w--nav-menu-open .div-block-235,
  #site-header .w--nav-menu-open .div-block-253,
  #site-header .w--nav-menu-open .div-block-255,
  #site-header .w--nav-menu-open .div-block-313,
  #site-header .w--nav-menu-open .div-block-219 > div:first-child,
  #site-header .w--nav-menu-open .div-block-218,
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv .wbs-dropdown-item-2.n4,
  #site-header .w--nav-menu-open .expertise2.resources .wbs-dropdown-item-2.r3,
  #site-header .w--nav-menu-open .expertise2.serv a.wbs-dropdown-icon-link-2:not(.top):not(.top2):not(.top3):not(.top4),
  #site-header .w--nav-menu-open .expertise2.expertise a.wbs-dropdown-icon-link-2,
  #site-header .w--nav-menu-open .expertise2.expertise .wbs-dropdown-item-2.cta,
  #site-header .w--nav-menu-open .expertise2.pricingtest .wbs-dropdown-item-2.cta,
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.wbs-dropdown-icon-link-2:not(.why2),
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2 > div:not(.div-block-234):not(.div-block-237),
  #site-header .w--nav-menu-open .expertise2.resources a.title,
  #site-header .w--nav-menu-open .expertise2 a.why2 .div-block-234 > div:nth-child(2),
  #site-header .w--nav-menu-open .expertise2.resources a.r1 .div-block-254 > div:nth-child(2) { display: none !important; }

  /* 2. every open menu = a light panel of full-width rows (title left, arrow right) */
  #site-header .w--nav-menu-open .w-dropdown-list.w--open { background: #f2f2ed !important; border-radius: 18px !important; padding: 6px 18px !important; margin: 4px 0 18px !important; overflow: hidden !important; box-sizing: border-box !important; }
  #site-header .w--nav-menu-open .div-block-202,
  #site-header .w--nav-menu-open .div-block-220,
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2,
  #site-header .w--nav-menu-open .expertise2.resources a.r1 { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; width: 100% !important; min-height: 52px; padding: 0 !important; margin: 0 !important; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: rgb(33 29 29 / .08); transition: opacity .2s; }
  /* rows are always a single horizontal line, left aligned, full width (the desktop styles stack them in a column) */
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2,
  #site-header .w--nav-menu-open .expertise2.resources a.r1 { flex-direction: row !important; flex-wrap: nowrap !important; text-align: left !important; }
  #site-header .w--nav-menu-open .expertise2.expertise .div-block-213,
  #site-header .w--nav-menu-open .expertise2.expertise .div-block-214,
  #site-header .w--nav-menu-open .expertise2.expertise .div-block-216,
  #site-header .w--nav-menu-open .expertise2.pricingtest .div-block-219,
  #site-header .w--nav-menu-open .expertise2.pricingtest .wbs-dropdown-mega-grid-2 > div { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2 .div-block-234 > div:first-child,
  #site-header .w--nav-menu-open .expertise2.resources a.r1 .div-block-254 > div:first-child { flex: 1; width: auto !important; min-width: 0; text-align: left !important; }
  #site-header .w--nav-menu-open .div-block-202 .heading-50,
  #site-header .w--nav-menu-open .div-block-220 .heading-53 { flex: 1; text-align: left !important; }
  #site-header .w--nav-menu-open .div-block-202:active,
  #site-header .w--nav-menu-open .div-block-220:active,
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2:active,
  #site-header .w--nav-menu-open .expertise2.resources a.r1:active { opacity: .55; }
  /* thin separators between rows (never before the first one) */
  #site-header .w--nav-menu-open .wbs-dropdown-item-2.n0 ~ .wbs-dropdown-item-2.n0 .div-block-202,
  #site-header .w--nav-menu-open .expertise2.pricingtest .wbs-dropdown-mega-grid-2 > div + div .div-block-220,
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2 ~ a.why2,
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv .wbs-dropdown-item-2.n2 a.why2.f1,
  #site-header .w--nav-menu-open .expertise2.resources a.r1 ~ a.r1,
  #site-header .w--nav-menu-open .expertise2.resources .wbs-dropdown-item-2.r2 a.r1:first-of-type { border-top: 1px solid rgb(33 29 29 / .1) !important; }
  #site-header .w--nav-menu-open .expertise2.resources .wbs-dropdown-item-2.r2 { margin-top: 0 !important; }
  /* titles */
  #site-header .w--nav-menu-open .div-block-202 .heading-50,
  #site-header .w--nav-menu-open .div-block-220 .heading-53,
  #site-header .w--nav-menu-open .expertise2 .wbs-dropdown-title-2.why2,
  #site-header .w--nav-menu-open .expertise2 .wbs-dropdown-title-2.r1 {
    margin: 0 !important; color: #211d1d !important; font-family: Optimanovaltprodemi, "Optima Nova", Optima, Arial, sans-serif; font-size: 18px !important; line-height: 24px !important;
    font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: normal !important;
  }
  /* arrows: the real arrow icons stay on the right; Why Positiv / Resources get one drawn the same way */
  #site-header .w--nav-menu-open .div-block-202 svg,
  #site-header .w--nav-menu-open .div-block-220 svg { flex: none; width: 16px !important; height: 11px !important; color: #211d1d; }
  #site-header .w--nav-menu-open .div-block-202 svg path,
  #site-header .w--nav-menu-open .div-block-220 svg path { fill: #211d1d !important; }
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2 .div-block-234,
  #site-header .w--nav-menu-open .expertise2.resources a.r1 .div-block-254 { display: flex !important; align-items: center; justify-content: space-between; flex: 1; gap: 12px; width: auto !important; min-width: 0; padding: 0 !important; }
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2 .div-block-234::after,
  #site-header .w--nav-menu-open .expertise2.resources a.r1 .div-block-254::after { content: "\2192"; flex: none; color: #211d1d; font-family: Poppins, system-ui, sans-serif; font-size: 21px; font-weight: 600; line-height: 1; }
  #site-header .w--nav-menu-open .expertise2 .wbs-dropdown-item-2 { margin-bottom: 0 !important; }
  /* "coming soon" rows: no arrow, a small SOON tag instead, dimmed */
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2:has(.div-block-237) .div-block-234::after { content: none; }
  #site-header .w--nav-menu-open .expertise2.why-choose-positiv a.why2:has(.div-block-237) { opacity: .6; cursor: default; }
  #site-header .w--nav-menu-open .expertise2 .div-block-237 { display: inline-flex !important; align-items: center; flex: none; width: auto !important; height: auto !important; padding: 3px 10px !important; margin: 0 !important; border: 1px solid #393939 !important; border-radius: 20px !important; background: transparent !important; }
  #site-header .w--nav-menu-open .expertise2 .text-block-55 { color: #393939 !important; font-family: Poppins, system-ui, sans-serif; font-size: 10px !important; line-height: 14px !important; letter-spacing: .08em; font-weight: 500 !important; }

  /* 3. Services: four full-width pills, same colours as the desktop panel */
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-item-2 { margin: 0 !important; }
  #site-header .w--nav-menu-open .expertise2.serv a.top,
  #site-header .w--nav-menu-open .expertise2.serv a.top2,
  #site-header .w--nav-menu-open .expertise2.serv a.top3,
  #site-header .w--nav-menu-open .expertise2.serv a.top4 { display: block !important; width: 100% !important; padding: 0 !important; margin: 10px 0 !important; -webkit-tap-highlight-color: transparent; transition: transform .2s; }
  #site-header .w--nav-menu-open .expertise2.serv a:active { transform: scale(.98); }
  #site-header .w--nav-menu-open .expertise2.serv a.top > div,
  #site-header .w--nav-menu-open .expertise2.serv a.top2 > div,
  #site-header .w--nav-menu-open .expertise2.serv a.top3 > div,
  #site-header .w--nav-menu-open .expertise2.serv a.top4 > div { display: flex !important; align-items: center; width: 100% !important; min-height: 52px; height: auto !important; padding: 0 20px 0 10px !important; border-radius: 999px !important; box-sizing: border-box; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-165.top  { background: #dcd5fb !important; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-162.top2 { background: #fbfee0 !important; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-165.top3 { background: #ffd2c6 !important; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-165.top4 { background: #fff !important; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-164,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-163 { display: flex !important; align-items: center; gap: 14px !important; width: 100% !important; height: auto !important; padding: 0 !important; background: transparent !important; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-249,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-250,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-251,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-252 { display: flex !important; align-items: center; justify-content: space-between; flex: 1; gap: 8px !important; width: auto !important; min-width: 0; height: auto !important; padding: 0 !important; background: transparent !important; }
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top,
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top2,
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top3,
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top4 { font-family: Optimanovaltprodemi, "Optima Nova", Optima, Arial, sans-serif; font-size: 18px !important; line-height: 24px !important; letter-spacing: 0 !important; text-transform: none !important; font-weight: 400 !important; white-space: normal !important; }
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top  { color: #5915ff !important; }
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top2 { color: #211d1d !important; }
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top3 { color: #fe572a !important; }
  #site-header .w--nav-menu-open .expertise2.serv .wbs-dropdown-title-2.top4 { color: #393939 !important; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-164 > div:first-child svg,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-163 > div:first-child svg { flex: none; width: 30px !important; height: 30px !important; }
  #site-header .w--nav-menu-open .expertise2.serv .div-block-249 svg,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-250 svg,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-251 svg,
  #site-header .w--nav-menu-open .expertise2.serv .div-block-252 svg { flex: none; width: 18px !important; height: 12px !important; }
  #site-header .w--nav-menu-open .expertise2.serv a.top  { color: #5915ff; }
  #site-header .w--nav-menu-open .expertise2.serv a.top2 { color: #211d1d; }
  #site-header .w--nav-menu-open .expertise2.serv a.top3 { color: #fe572a; }
  #site-header .w--nav-menu-open .expertise2.serv a.top4 { color: #393939; }
}

/* ---- Photos from the Figma "New menu" frame (Expertise, Pricing, Why Positiv); plain centred cover crops, so the old
   per-photo crops for Technology and Embed no longer apply ---- */
#site-header .div-block-297 .div-block-201.n0 { background-image: url("../assets/img/menu/exp-channel-partners.jpg"); }
#site-header .div-block-297 .div-block-201.n1 { background-image: url("../assets/img/menu/exp-technology.jpg"); background-size: cover; background-position: 50%; }
#site-header .div-block-297 .div-block-201.n3 { background-image: url("../assets/img/menu/exp-finance.jpg"); }
#site-header .pricing2 .div-block-218.f6.pricingtest { background-image: url("../assets/img/menu/pricing-embed-v3.jpg"); background-size: cover; background-position: 50%; }
#site-header .pricing2 .div-block-218.p1.pricingtest { background-image: url("../assets/img/menu/pricing-fondation-v4.jpg"); background-size: cover; background-position: 50%; }
#site-header .div-block-293 .div-block-239 { background-image: url("../assets/img/menu/why-featured.jpg"); background-size: cover; background-position: 50%; }

/* Pricing menu: the "Creative Team as a Service" card opens its pricing page (the whole card is the link target) */
#site-header .div-block-219.pricingtest { position: relative; }
#site-header .menu-card-link { color: inherit; text-decoration: none; }
#site-header .menu-card-link::after { content: ""; position: absolute; inset: 0; z-index: 5; }   /* above the picture (it is position:relative too) so the whole card is the link */

/* ---- Resources (Learn / Tools) and Why Positiv now have more rows and SOON tags: the panels grow with their content
   instead of the fixed 580px / 450px, and Resources SOON tags sit 10px under the description, left-aligned like Why Positiv ---- */
@media (min-width: 992px) {
  #site-header .div-block-300 { height: auto; min-height: 580px; padding-bottom: 48px; box-sizing: border-box; }
  #site-header .div-block-300 > .wbs-dropdown-mega-grid-2.resources { height: auto; }
  #site-header .div-block-299 { height: auto; min-height: 450px; padding-bottom: 48px; box-sizing: border-box; }
  #site-header .expertise2.resources a.r1:has(.div-block-237) { align-items: flex-start; }
  #site-header .expertise2.resources .div-block-254:has(+ .div-block-237) { padding-bottom: 10px; }
}
/* mobile menu: SOON rows in Resources behave like the Why Positiv ones (no arrow, dimmed) */
#site-header .w--nav-menu-open .expertise2.resources a.r1:has(.div-block-237) .div-block-254::after { content: none; }
#site-header .w--nav-menu-open .expertise2.resources a.r1:has(.div-block-237) { opacity: .6; cursor: default; }

/* Why Positiv panel: one even rhythm for every row (same as the Resources menu), at every desktop width:
   20px under the column title, 25px from a row's last line to the hairline, 26px from the hairline to the next title, 23px above a SOON tag.
   The column's own gap changes between breakpoints, so it is set to 0 and the rows carry all the spacing. */
@media (min-width: 992px) {
  #site-header .expertise2.why-choose-positiv .wbs-dropdown-item-2 { gap: 0 !important; row-gap: 0 !important; }
  #site-header .expertise2.why-choose-positiv a.why2 { margin: 0 !important; padding: 26px 0 25px !important; row-gap: 0; column-gap: 0; width: 100%; box-sizing: border-box; }
  #site-header .expertise2.why-choose-positiv a.why2:is(.f1, .f2) { padding-top: 20px !important; }
  #site-header .expertise2.why-choose-positiv a.why2 .div-block-234 { padding: 0 !important; }
  #site-header .expertise2.why-choose-positiv a.why2 .div-block-237 { margin-top: 23px; }
  #site-header .expertise2.why-choose-positiv .div-block-235 { margin: 0; }
}