/*
Theme Name: Divi Child
Template: Divi
*/

/* Current page: a quiet colour shift in both navigation layouts. */
#main-header .et_mobile_menu,
#main-header.et-fixed-header .et_mobile_menu {
  border-top: 0 !important;
}

/* Keep Divi's toggle and animation; make the open menu clearly dismissible. */
html body #page-container .mobile_nav .mobile_menu_bar {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  min-height: 44px;
  padding: 0 !important;
  cursor: pointer;
}

html body #page-container .mobile_nav.opened .mobile_menu_bar::before {
  content: "\00d7" !important;
  position: static !important;
  font: 400 36px/1 Arial, sans-serif !important;
  transform: none !important;
}

html body #page-container .mobile_nav.opened .mobile_menu_bar::after {
  display: none !important;
}

html body #page-container .mobile_nav .mobile_menu_bar:focus-visible {
  outline: 2px solid var(--om-nav-active, #b9df75);
  outline-offset: 2px;
  border-radius: 8px;
}

html.om-hell body #page-container .mobile_nav .mobile_menu_bar:focus-visible {
  outline-color: var(--om-nav-active, #297389);
}

#main-header #top-menu > li.menu-item-object-page.current-menu-item > a,
#main-header.et-fixed-header #top-menu > li.menu-item-object-page.current-menu-item > a,
#main-header .et_mobile_menu > li.menu-item-object-page.current-menu-item > a,
#main-header.et-fixed-header .et_mobile_menu > li.menu-item-object-page.current-menu-item > a {
  color: #a9cfb5 !important;
  font-weight: 700 !important;
}

html.om-hell #main-header #top-menu > li.menu-item-object-page.current-menu-item > a,
html.om-hell #main-header.et-fixed-header #top-menu > li.menu-item-object-page.current-menu-item > a,
html.om-hell #main-header .et_mobile_menu > li.menu-item-object-page.current-menu-item > a,
html.om-hell #main-header.et-fixed-header .et_mobile_menu > li.menu-item-object-page.current-menu-item > a {
  color: #3d746d !important;
}

/* VOP review path: three editable Divi text items as separate cards. */
html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul ol.om-ablauf,
html.om-hell body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul ol.om-ablauf {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul ol.om-ablauf > li.om-schritt {
  position: relative;
  display: block !important;
  min-width: 0;
  min-height: 152px;
  padding: 24px 26px !important;
  border: 1px solid rgba(142, 190, 203, .36) !important;
  border-radius: 24px !important;
  background: linear-gradient(155deg, rgba(52, 77, 91, .95), rgba(36, 58, 71, .96)) !important;
  box-shadow: inset 0 0 34px -24px rgba(142, 190, 203, .45), 0 16px 28px -26px rgba(5, 12, 18, .8) !important;
}

html.om-hell body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul ol.om-ablauf > li.om-schritt {
  border-color: rgba(103, 160, 177, .48) !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .85), rgba(224, 239, 243, .82)) !important;
  box-shadow: inset 0 0 34px -24px rgba(106, 160, 178, .45), 0 14px 28px -26px rgba(24, 65, 77, .55) !important;
}

html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-marke {
  display: none !important;
}

html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-schritt h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #f2f6f8 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

html.om-hell body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-schritt h3 {
  color: #13212b !important;
}

html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-schritt p {
  margin: 10px 0 0 !important;
  color: #c3d2d9 !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

html.om-hell body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-schritt p {
  color: #344b56 !important;
}

html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-schritt + .om-schritt::before {
  content: "›" !important;
  position: absolute !important;
  left: -24px !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translate(-50%, -50%) !important;
  background: none !important;
  color: #8eabb4 !important;
  font: 300 27px/1 Arial, sans-serif !important;
  filter: none !important;
}

html.om-hell body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-schritt + .om-schritt::before {
  color: #73939c !important;
}

@media (max-width: 980px) {
  html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul ol.om-ablauf,
  html.om-hell body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul ol.om-ablauf {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
  }

  html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul ol.om-ablauf > li.om-schritt {
    min-height: 0;
  }

  html body #page-container .om-abschnitt .et_pb_text.om-ablauf-modul .om-schritt + .om-schritt::before {
    left: 50% !important;
    top: -18px !important;
    transform: translate(-50%, -50%) rotate(90deg) !important;
  }
}

/* Hide the duplicated closing footnote beneath the final CTA on every page. */
html body #page-container .et_pb_text.om-fussleiste {
  display: none !important;
}

/* KSE and the VOP outcome share the same green surface. */
html body #page-container .om-hub-mk .om-hub-karten li.om-mi-kse,
html body:is(.page-id-11207,.page-id-16146,.page-id-16147,.page-id-16356) #page-container .om-verbunden > .et_pb_column:last-child > .om-vk-karte,
html body.page-id-11897 #page-container .om-verbunden > .et_pb_column:last-child > .om-vk-karte {
  background: linear-gradient(145deg, rgba(58, 102, 88, .96), rgba(37, 76, 79, .96)) !important;
  box-shadow: inset 0 0 0 1px rgba(182, 222, 109, .42), 0 16px 35px -26px rgba(5, 17, 17, .8) !important;
}

html.om-hell body #page-container .om-hub-mk .om-hub-karten li.om-mi-kse,
html.om-hell body:is(.page-id-11207,.page-id-16146,.page-id-16147,.page-id-16356) #page-container .om-verbunden > .et_pb_column:last-child > .om-vk-karte,
html.om-hell body.page-id-11897 #page-container .om-verbunden > .et_pb_column:last-child > .om-vk-karte {
  background: linear-gradient(145deg, #dceecb, #c4e1d5) !important;
  box-shadow: inset 0 0 0 1px rgba(77, 130, 108, .45), 0 14px 30px -25px rgba(24, 73, 62, .45) !important;
}

/* A compact launcher replaces the large third-party bubble until requested. */
.om-voice-launcher {
  position: fixed;
  z-index: 9999;
  right: 18px;
  bottom: 18px;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid rgba(178, 221, 107, .65);
  border-radius: 999px;
  background: #b9df75;
  box-shadow: 0 8px 24px rgba(9, 24, 32, .22);
  color: #10232b;
  font: 700 14px/1.2 Rubik, sans-serif;
  cursor: pointer;
}

.om-voice-launcher:hover,
.om-voice-launcher:focus-visible {
  background: #c5e987;
  box-shadow: 0 8px 26px rgba(9, 24, 32, .28);
}

.om-voice-launcher:focus-visible {
  outline: 2px solid #307c8b;
  outline-offset: 3px;
}

/* The VOP buyer FAQ has its own Lex entry point; avoid duplicate fixed CTAs. */
body.page-id-11207 #om-voice-launcher,
body.page-id-11897 #om-voice-launcher {
  display: none;
}

@media (max-width: 767px) {
  .om-voice-launcher {
    right: 12px;
    bottom: 12px;
    max-width: calc(100vw - 24px);
    font-size: 13px;
  }
}

/* Older articles, archives and voice pages share the current brand shell. */
body.single-post,
body.archive,
body.author,
body.search,
body.om-legacy-page {
  background: #eaf2f5;
  color: #263e4a;
  font-family: Rubik, sans-serif;
}

body.single-post #main-header,
body.om-legacy-page #main-header {
  background: #21303d !important;
  box-shadow: 0 10px 26px rgba(10, 27, 36, .16) !important;
}

body.single-post #main-header #top-menu > li > a,
body.om-legacy-page #main-header #top-menu > li > a,
body.single-post #main-header .mobile_menu_bar:before,
body.om-legacy-page #main-header .mobile_menu_bar:before {
  color: #e9f2f5 !important;
}

body.archive header.et-l--header .et_pb_section,
body.author header.et-l--header .et_pb_section,
body.search header.et-l--header .et_pb_section {
  background: #21303d !important;
}

body.archive header.et-l--header .et_pb_menu__menu a,
body.author header.et-l--header .et_pb_menu__menu a,
body.search header.et-l--header .et_pb_menu__menu a,
body.archive header.et-l--header .mobile_menu_bar:before,
body.author header.et-l--header .mobile_menu_bar:before,
body.search header.et-l--header .mobile_menu_bar:before {
  color: #e9f2f5 !important;
}

body.single-post #main-content,
body.om-legacy-page #main-content,
body.archive .et-l--body .et_pb_section_0_tb_body,
body.author .et-l--body .et_pb_section_0_tb_body,
body.search .et-l--body .et_pb_section_0_tb_body {
  background: #eaf2f5 !important;
}

body.single-post #main-content .container:before {
  display: none;
}

body.single-post #main-content #left-area {
  width: 100%;
  float: none;
  padding-right: 0;
}

body.single-post #main-content #sidebar {
  display: none;
}

body.single-post #main-content .container {
  max-width: 1080px;
  padding-top: 158px !important;
}

body.archive #page-container,
body.author #page-container,
body.search #page-container {
  padding-top: 0 !important;
}

body.archive header.et-l--header .et_pb_row,
body.author header.et-l--header .et_pb_row,
body.search header.et-l--header .et_pb_row {
  width: 92% !important;
  max-width: 1280px !important;
}

body.single-post #main-content h1,
body.single-post #main-content h2,
body.archive .et-l--body h1,
body.archive .et-l--body h2,
body.author .et-l--body h1,
body.author .et-l--body h2 {
  color: #142b35;
  font-family: Rubik, sans-serif;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.16;
}

body.single-post #main-content h1 { font-size: 40px; }
body.single-post #main-content h2 { font-size: 30px; }

body.single-post #main-content .entry-content p,
body.single-post #main-content .entry-content li {
  color: #2b4652;
  font-size: 17px;
  line-height: 1.65;
}

body.archive .et-l--body article.et_pb_post,
body.author .et-l--body article.et_pb_post,
body.search .et-l--body article.et_pb_post {
  padding: 28px 32px;
  border: 1px solid rgba(113, 159, 172, .42);
  border-radius: 24px;
  background: linear-gradient(155deg, #fcfeff, #e4f0f3);
  box-shadow: 0 16px 32px -28px rgba(32, 66, 76, .45);
}

body.archive .et-l--body article.et_pb_post .entry-title,
body.author .et-l--body article.et_pb_post .entry-title,
body.search .et-l--body article.et_pb_post .entry-title {
  font-size: 28px;
}

@media (max-width: 767px) {
  body.archive .et-l--body article.et_pb_post,
  body.author .et-l--body article.et_pb_post,
  body.search .et-l--body article.et_pb_post {
    padding: 23px 21px;
  }
  body.single-post #main-content .container {
    width: 90%;
    max-width: 680px;
    padding-top: 135px !important;
  }
  body.single-post #main-content h1 { font-size: 31px; }
  body.single-post #main-content h2 { font-size: 25px; }
}

/* Buyer FAQ and Lex entry point on the VOP pages. */
html body #page-container .om-buyer-faq-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 28px;
  align-items: start;
}

html body #page-container .om-buyer-faq-list {
  display: grid;
  gap: 12px;
}

html body #page-container details.om-buyer-question {
  padding: 0;
  border: 1px solid rgba(137, 185, 200, .28);
  border-radius: 20px;
  background: rgba(41, 61, 75, .78);
  color: #cbd9de;
  overflow: hidden;
}

html body #page-container .om-buyer-question summary {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  gap: 13px;
  align-items: center;
  padding: 18px 20px;
  color: #eef5f7;
  cursor: pointer;
  font: 600 16px/1.35 Rubik, sans-serif;
  list-style: none;
}

html body #page-container .om-buyer-question summary::-webkit-details-marker { display: none; }
html body #page-container .om-buyer-question summary:focus-visible { outline: 2px solid #b9df75; outline-offset: -3px; }

html body #page-container .om-buyer-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #a8cbd3;
  color: #173542;
  font: 700 12px Rubik, sans-serif;
}

html body #page-container .om-buyer-plus {
  color: #b9df75;
  font-size: 23px;
  line-height: 1;
  transition: transform .18s ease;
}

html body #page-container .om-buyer-question[open] .om-buyer-plus { transform: rotate(45deg); }

html body #page-container .om-buyer-question p {
  margin: 0;
  padding: 0 22px 20px 67px;
  color: #c7d6dc;
  font-size: 15px;
  line-height: 1.58;
}

html body #page-container .om-buyer-lex {
  position: relative;
  padding: 27px;
  border: 1px solid rgba(173, 222, 116, .4);
  border-radius: 24px;
  background: linear-gradient(150deg, #315366, #25424b 62%, #344f46);
  box-shadow: 0 20px 40px -30px rgba(4, 16, 22, .9);
}

html body #page-container .om-buyer-lex-avatar {
  display: block;
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  border: 1px solid rgba(173, 222, 116, .5);
  border-radius: 50%;
  background: #c1e380;
  object-fit: cover;
}

html body #page-container .om-buyer-lex-kicker {
  color: #9bc9d2;
  font: 700 11px/1.4 Rubik, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

html body #page-container .om-buyer-lex h3 {
  margin: 10px 0 13px;
  color: #f3f7f8;
  font: 700 26px/1.14 Rubik, sans-serif;
}

html body #page-container .om-buyer-lex > p:not(.om-buyer-lex-kicker) {
  color: #d4e2e5;
  font-size: 15px;
  line-height: 1.55;
}

html body #page-container .om-buyer-lex-button {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin: 21px 0 15px;
  padding: 12px 18px;
  border: 0;
  border-radius: 14px;
  background: #b9df75;
  color: #142a31;
  cursor: pointer;
  font: 700 15px Rubik, sans-serif;
}

html body #page-container .om-buyer-lex-button:hover,
html body #page-container .om-buyer-lex-button:focus-visible { background: #c9ea8f; }
html body #page-container .om-buyer-lex-button:focus-visible { outline: 2px solid #e3f6ba; outline-offset: 3px; }

html body #page-container .om-buyer-lex small {
  display: block;
  color: #b9cdd1;
  font-size: 12px;
  line-height: 1.45;
}

html.om-hell body #page-container .om-buyer-question {
  border-color: rgba(98, 156, 174, .38);
  background: linear-gradient(145deg, #fff, #e8f3f5);
}
html.om-hell body #page-container .om-buyer-question summary { color: #17313b; }
html.om-hell body #page-container .om-buyer-question p { color: #385460; }
html.om-hell body #page-container .om-buyer-lex {
  border-color: rgba(93, 153, 168, .48);
  background: linear-gradient(150deg, #e7f4f5, #cfe7e6);
}
html.om-hell body #page-container .om-buyer-lex h3 { color: #17313b; }
html.om-hell body #page-container .om-buyer-lex > p:not(.om-buyer-lex-kicker),
html.om-hell body #page-container .om-buyer-lex small { color: #36535d; }

@media (max-width: 900px) {
  html body #page-container .om-buyer-faq-layout { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  html body #page-container .om-buyer-question summary { padding: 16px; font-size: 15px; }
  html body #page-container .om-buyer-question p { padding: 0 17px 18px 62px; }
  html body #page-container .om-buyer-lex { padding: 24px; }
}

/* Divi 5 adds an inner box: preserve its overlay layer and the authored grid. */
html body #page-container .om-stimme.et_pb_testimonial > .et_pb_testimonial_inner {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-rows: 1fr auto auto;
  column-gap: 16px;
  align-content: stretch;
  min-width: 0;
}

/* The shared fixed header already reserves its height on #page-container. */
@media (max-width: 767px) {
  html:is(.om-home-compact, .om-home-full-pending)
  body:is(.page-id-11188, .page-id-11921, .page-id-16144, .page-id-16145, .page-id-16355)
  #page-container#page-container #om-mobile-home#om-mobile-home {
    padding-top: 0 !important;
  }
}

/* Retired fragment hooks remain usable anchors without recreating section spacing. */
html body:is(.page-id-11188, .page-id-11921, .page-id-16144, .page-id-16145, .page-id-16355)
#page-container#page-container #main-content span[data-lex-anchor-hook]:is(#arbeitsmoment, #work-moment) {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
html body:is(.page-id-11188, .page-id-11921, .page-id-16144, .page-id-16145, .page-id-16355)
#page-container#page-container #main-content span[data-lex-anchor-hook]:is(#arbeitsmoment, #work-moment)::before,
html body:is(.page-id-11188, .page-id-11921, .page-id-16144, .page-id-16145, .page-id-16355)
#page-container#page-container #main-content span[data-lex-anchor-hook]:is(#arbeitsmoment, #work-moment)::after {
  content: none !important;
  display: none !important;
}

/* Keep long page titles inside their column on narrow screens. */
html body #page-container#page-container#page-container#page-container #main-content#main-content h1 {
  overflow-wrap: anywhere !important;
}

/* Match the five Homes' existing base surface before their Code CSS is parsed. */
html:not(.om-hell) body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355),
html:not(.om-hell) body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container,
html:not(.om-hell) body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #main-content {
  background-color: #212f3d !important;
}
html.om-hell body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355),
html.om-hell body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container,
html.om-hell body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #main-content {
  background-color: #f2f6f8 !important;
}

/* Preserve the existing shared-design base beneath these observed early surfaces.
 * Only the content ancestor is painted; each section keeps its own graphics. */
html:not(.om-hell) body.om-design-page:is(.page-id-11219,.page-id-11914,.page-id-12307,.page-id-12499,.page-id-16075,.page-id-16077,.page-id-16079,.page-id-16081,.page-id-16148,.page-id-16150,.page-id-16151,.page-id-16164,.page-id-16165,.page-id-16166,.page-id-16167,.page-id-16357,.page-id-16358,.page-id-16365) #page-container #main-content {
  background-color: #212f3d !important;
}
html.om-hell body.om-design-page:is(.page-id-11219,.page-id-11914,.page-id-12307,.page-id-12499,.page-id-16075,.page-id-16077,.page-id-16079,.page-id-16081,.page-id-16148,.page-id-16150,.page-id-16151,.page-id-16164,.page-id-16165,.page-id-16166,.page-id-16167,.page-id-16357,.page-id-16358,.page-id-16365) #page-container #main-content {
  background-color: #edf4f6 !important;
}

/* The Afrikaans calculator's saved root palette is separate from the stories. */
html:not(.om-hell) body:is(.page-id-16359,.page-id-16152,.page-id-16153),
html:not(.om-hell) body:is(.page-id-16359,.page-id-16152,.page-id-16153) #page-container,
html:not(.om-hell) body:is(.page-id-16359,.page-id-16152,.page-id-16153) #main-content {
  background-color: #212f3d !important;
}
html.om-hell body:is(.page-id-16359,.page-id-16152,.page-id-16153),
html.om-hell body:is(.page-id-16359,.page-id-16152,.page-id-16153) #page-container,
html.om-hell body:is(.page-id-16359,.page-id-16152,.page-id-16153) #main-content {
  background-color: #f2f6f8 !important;
}

/* The observed supplier area has its own native dark and explicit light base. */
html:not(.om-hell) body:is(.page-id-16134,.page-id-16135,.page-id-16350) #page-container #main-content #angaben.om-abschnitt {
  background-color: #212f3d !important;
}
html.om-hell body:is(.page-id-16134,.page-id-16135,.page-id-16350) #page-container #main-content #angaben.om-abschnitt {
  background-color: #f2f6f8 !important;
}

/* Match the existing shared-design content base on the exposed body canvas.
 * Exact existing V3 story/practice family; section graphics and layout remain owned. */
html:not(.om-hell) body.om-design-page:is(.page-id-11219,.page-id-11914,.page-id-12307,.page-id-12499,.page-id-16075,.page-id-16077,.page-id-16079,.page-id-16081,.page-id-16148,.page-id-16150,.page-id-16151,.page-id-16164,.page-id-16165,.page-id-16166,.page-id-16167,.page-id-16357,.page-id-16358,.page-id-16365,.page-id-11207,.page-id-11897,.page-id-16146,.page-id-16147,.page-id-16356,.page-id-16366,.page-id-13902,.page-id-13903,.page-id-13904,.page-id-13905,.page-id-13961,.page-id-13962,.page-id-13963,.page-id-13964,.page-id-16154,.page-id-16155,.page-id-16156,.page-id-16157,.page-id-16158,.page-id-16159,.page-id-16160,.page-id-16161,.page-id-16360,.page-id-16361,.page-id-16362,.page-id-16363) {
  background-color: #212f3d !important;
}
html.om-hell body.om-design-page:is(.page-id-11219,.page-id-11914,.page-id-12307,.page-id-12499,.page-id-16075,.page-id-16077,.page-id-16079,.page-id-16081,.page-id-16148,.page-id-16150,.page-id-16151,.page-id-16164,.page-id-16165,.page-id-16166,.page-id-16167,.page-id-16357,.page-id-16358,.page-id-16365,.page-id-11207,.page-id-11897,.page-id-16146,.page-id-16147,.page-id-16356,.page-id-16366,.page-id-13902,.page-id-13903,.page-id-13904,.page-id-13905,.page-id-13961,.page-id-13962,.page-id-13963,.page-id-13964,.page-id-16154,.page-id-16155,.page-id-16156,.page-id-16157,.page-id-16158,.page-id-16159,.page-id-16160,.page-id-16161,.page-id-16360,.page-id-16361,.page-id-16362,.page-id-16363) {
  background-color: #edf4f6 !important;
}

/* The fifth, French practice translation uses the same existing shared base. */
html:not(.om-hell) body.om-design-page.page-id-16149,
html:not(.om-hell) body.om-design-page.page-id-16149 #main-content#main-content {
  background-color: #212f3d !important;
}
html.om-hell body.om-design-page.page-id-16149,
html.om-hell body.om-design-page.page-id-16149 #main-content#main-content {
  background-color: #edf4f6 !important;
}

/* Divi 5 places its black default text preset on the inner wrapper.
 * Restore the existing own Verticals colour and keep Rubik fallback Sans. */
html body #page-container .ov-page .et_pb_text_inner { color: var(--ov-muted) !important; }
html body #page-container .ov-page :is(h1,h2,h3,h4,h5,h6,.et_pb_toggle_content,.et_pb_tab_content) { font-family: Rubik, Arial, sans-serif !important; }

/* Praxis only: join the existing image to the existing card color, no blur/raster edit.
   DE uses omps; EN/ES/FR/AF use omgs. Existing palette switches remain the owner. */
#practice-story :is(#pt-voice-intelligence-film,#pm-aishe-film):is(.om-practice-slider,.om-media-slider) :is(.omps-media,.omgs-media){position:relative}
#practice-story :is(#pt-voice-intelligence-film,#pm-aishe-film):is(.om-practice-slider,.om-media-slider) :is(.omps-media,.omgs-media)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 68%,var(--omps-bg,var(--omgs-bg,#203744)) 100%);
}
/* The source slider stacks at viewport<=1200px or container<=720px. */
@media(min-width:1201px){
  #practice-story :is(#pt-voice-intelligence-film,#pm-aishe-film):is(.om-practice-slider,.om-media-slider) :is(.omps-media,.omgs-media)::after{
    background:linear-gradient(90deg,transparent 62%,var(--omps-bg,var(--omgs-bg,#203744)) 100%);
  }
}
@container(max-width:720px){
  #practice-story :is(#pt-voice-intelligence-film,#pm-aishe-film):is(.om-practice-slider,.om-media-slider) :is(.omps-media,.omgs-media)::after{
    background:linear-gradient(180deg,transparent 68%,var(--omps-bg,var(--omgs-bg,#203744)) 100%);
  }
}

/* Contact25: exact existing ETmodules U+0024 outline, independent of icon-font arrival.
   Same17px em slot; native content, links, padding and surrounding icons remain owned by Divi. */
@supports (mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000)){
body:is(.page-id-21,.page-id-1157,.page-id-16130,.page-id-16131,.page-id-16348) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0,.et_pb_button_1,.et_pb_button_2,.et_pb_button_3,.et_pb_button_4)[data-icon="$"]::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-family:inherit!important;
  font-size:1em!important;
  line-height:1!important;
  width:1em!important;
  height:1em!important;
  left:auto!important;
  right:calc(30px - 1em - .3em)!important;
  margin-left:0!important;
  margin-right:0!important;
  opacity:1!important;
  pointer-events:none;
  --om-contact-u24-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20transform%3D%22translate%280%20937.5%29%20scale%281%20-1%29%22%20d%3D%22M125%20468.75Q125%20456.05469%20134.27734%20446.77734Q143.55469%20437.5%20156.25%20437.5L768.55469%20437.5L633.78906%20303.71094Q625%20293.94531%20625%20281.25Q625%20268.55469%20633.78906%20258.78906Q643.55469%20250%20656.25%20250Q668.94531%20250%20678.71094%20258.78906L866.21094%20446.28906Q868.16406%20449.21875%20869.62891%20451.66016Q871.09375%20454.10156%20873.04688%20457.03125Q874.02344%20459.96094%20874.51172%20462.89062Q875%20465.82031%20875%20468.75Q875%20468.75%20875%20468.75Q875%20468.75%20875%20468.75L875%20468.75Q875%20471.67969%20874.51172%20474.60938Q874.02344%20477.53906%20873.04688%20480.46875Q871.09375%20483.39844%20869.62891%20485.83984Q868.16406%20488.28125%20866.21094%20491.21094L678.71094%20678.71094Q668.94531%20687.5%20656.25%20687.5Q643.55469%20687.5%20633.78906%20678.71094Q625%20668.94531%20625%20656.25Q625%20643.55469%20633.78906%20633.78906L768.55469%20500L156.25%20500Q143.55469%20500%20134.27734%20490.72266Q125%20481.44531%20125%20468.75Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image:var(--om-contact-u24-mask);
  mask-image:var(--om-contact-u24-mask);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  background-color:#13212b;
}
body:is(.page-id-21,.page-id-1157,.page-id-16130,.page-id-16131,.page-id-16348) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0,.et_pb_button_1,.et_pb_button_2,.et_pb_button_3,.et_pb_button_4)[data-icon="$"].om-knopf-sekundaer::after{background-color:#b6de6d;}
html.om-hell body:is(.page-id-21,.page-id-1157,.page-id-16130,.page-id-16131,.page-id-16348) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0,.et_pb_button_1,.et_pb_button_2,.et_pb_button_3,.et_pb_button_4)[data-icon="$"].om-knopf-sekundaer::after{background-color:var(--om-h-lime-text,#44691a);}
@media(forced-colors:active){body:is(.page-id-21,.page-id-1157,.page-id-16130,.page-id-16131,.page-id-16348) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0,.et_pb_button_1,.et_pb_button_2,.et_pb_button_3,.et_pb_button_4)[data-icon="$"]::after{background-color:ButtonText!important;forced-color-adjust:none;}}
}

/* Home15: exact existing ETmodules U+0024/U+0022 outlines; no dependency on icon-font arrival.
   Explicit original 30px padding / 17px em / .3em text-end slot. */
@supports (mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000)){
body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0[data-icon="$"],.et_pb_button_1.om-home-jump[data-icon='"'],.et_pb_button_2[data-icon="$"])::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-family:inherit!important;
  font-size:1em!important;
  line-height:1!important;
  width:1em!important;
  height:1em!important;
  left:auto!important;
  right:calc(30px - 1em - .3em)!important;
  margin-left:0!important;
  margin-right:0!important;
  opacity:1!important;
  pointer-events:none;
  --om-home-cta-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20transform%3D%22translate%280%20937.5%29%20scale%281%20-1%29%22%20d%3D%22M125%20468.75Q125%20456.05469%20134.27734%20446.77734Q143.55469%20437.5%20156.25%20437.5L768.55469%20437.5L633.78906%20303.71094Q625%20293.94531%20625%20281.25Q625%20268.55469%20633.78906%20258.78906Q643.55469%20250%20656.25%20250Q668.94531%20250%20678.71094%20258.78906L866.21094%20446.28906Q868.16406%20449.21875%20869.62891%20451.66016Q871.09375%20454.10156%20873.04688%20457.03125Q874.02344%20459.96094%20874.51172%20462.89062Q875%20465.82031%20875%20468.75Q875%20468.75%20875%20468.75Q875%20468.75%20875%20468.75L875%20468.75Q875%20471.67969%20874.51172%20474.60938Q874.02344%20477.53906%20873.04688%20480.46875Q871.09375%20483.39844%20869.62891%20485.83984Q868.16406%20488.28125%20866.21094%20491.21094L678.71094%20678.71094Q668.94531%20687.5%20656.25%20687.5Q643.55469%20687.5%20633.78906%20678.71094Q625%20668.94531%20625%20656.25Q625%20643.55469%20633.78906%20633.78906L768.55469%20500L156.25%20500Q143.55469%20500%20134.27734%20490.72266Q125%20481.44531%20125%20468.75Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image:var(--om-home-cta-mask);mask-image:var(--om-home-cta-mask);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  background-color:#13212b;
}
body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #main-content a.et_pb_button.om-knopf.et_pb_button_1.om-home-jump[data-icon='"']::after{--om-home-cta-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20transform%3D%22translate%280%20937.5%29%20scale%281%20-1%29%22%20d%3D%22M531.25%20812.5Q518.55469%20812.5%20509.27734%20803.22266Q500%20793.94531%20500%20781.25L500%20168.94531L366.21094%20303.71094Q356.44531%20312.5%20343.75%20312.5Q331.05469%20312.5%20321.28906%20303.71094Q312.5%20293.94531%20312.5%20281.25Q312.5%20268.55469%20321.28906%20258.78906L508.78906%2071.28906Q508.78906%2071.28906%20509.27734%2071.28906Q509.76562%2071.28906%20509.76562%2071.28906Q511.71875%2069.33594%20514.16016%2067.87109Q516.60156%2066.40625%20519.53125%2064.45312Q525.39062%2062.5%20531.25%2062.5Q537.10938%2062.5%20542.96875%2064.45312Q545.89844%2066.40625%20548.33984%2067.87109Q550.78125%2069.33594%20553.71094%2071.28906L741.21094%20258.78906Q750%20268.55469%20750%20281.25Q750%20293.94531%20741.21094%20303.71094Q731.44531%20312.5%20718.75%20312.5Q706.05469%20312.5%20696.28906%20303.71094L562.5%20168.94531L562.5%20781.25Q562.5%20793.94531%20553.22266%20803.22266Q543.94531%20812.5%20531.25%20812.5Z%22%2F%3E%3C%2Fsvg%3E");}
body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0[data-icon="$"],.et_pb_button_1.om-home-jump[data-icon='"'],.et_pb_button_2[data-icon="$"]).om-knopf-sekundaer::after{background-color:#b6de6d;}
html.om-hell body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0[data-icon="$"],.et_pb_button_1.om-home-jump[data-icon='"'],.et_pb_button_2[data-icon="$"]).om-knopf-sekundaer::after{background-color:var(--om-h-lime-text,#44691a);}
@media(forced-colors:active){body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #main-content a.et_pb_button.om-knopf:is(.et_pb_button_0[data-icon="$"],.et_pb_button_1.om-home-jump[data-icon='"'],.et_pb_button_2[data-icon="$"])::after{background-color:ButtonText!important;forced-color-adjust:none;}}
}

/* Home5 Felix cards and section end: use the existing native 24px card
 * radius and 96px/64px full-Home section rhythm. The compact mobile
 * #omc-data-demo has its own layout and is intentionally outside this scope. */
html body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container #demo.om-felix-dialogue {
  --omfd-section-bottom: 96px !important;
}
html body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container #demo.om-felix-dialogue :is(.omfd-question,.omfd-selection) {
  border-radius: 24px !important;
}
@media (max-width: 767px) {
  html body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container #demo.om-felix-dialogue {
    --omfd-section-bottom: 64px !important;
  }
}

/* The separate compact Home keeps its measured spacing; only its four
 * existing content cards share the same 24px radius. Controls stay owned. */
html.om-home-compact body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container #om-mobile-home :is(.omc-cost-card,.omc-demo-card) {
  border-radius: 24px !important;
}

/* Additional measured content cards: same 24px value as native glass,
 * testimonials, resources and metric cards. No control/portrait selectors. */
html body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container :is(.omkm-card,.om-start27-card) {
  border-radius: 24px !important;
}
html body.single-post #page-container .om-blog .om-blog__related-card {
  border-radius: 24px !important;
}
html body:is(.page-id-12307,.page-id-12499,.page-id-16150,.page-id-16151,.page-id-16358) #page-container #partner-story .pp-support-card {
  border-radius: 24px !important;
}

/* Public legacy VOP test page: only its actual content-card owners.
 * The 13px simulated phone speech bubble (.vt-question) remains untouched. */
html body.page-id-14163 #page-container :is(.om-vop-conversation-card,.fd-card,.om-glas.om-st) {
  border-radius: 24px !important;
}

/* Server-proved native Home/Contact anchors only. Inline paths need no image/font decode. */
html body #page-container #main-content a.et_pb_button.om-knopf[data-om-native-arrow]::after{content:none!important;display:none!important;}
html body #main-content a.et_pb_button.om-knopf[data-om-native-arrow]>svg.om-native-button-arrow{
 display:block!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
 left:auto!important;right:calc(30px - 1em - .3em)!important;width:1em!important;height:1em!important;
 margin:0!important;fill:currentColor;color:#13212b;pointer-events:none;overflow:visible;
}
html body #main-content a.et_pb_button.om-knopf.om-knopf-sekundaer[data-om-native-arrow]>svg.om-native-button-arrow{color:#b6de6d;}
html.om-hell body #main-content a.et_pb_button.om-knopf.om-knopf-sekundaer[data-om-native-arrow]>svg.om-native-button-arrow{color:var(--om-h-lime-text,#44691a);}
@media(forced-colors:active){html body #main-content a.et_pb_button.om-knopf[data-om-native-arrow]>svg.om-native-button-arrow{color:ButtonText!important;forced-color-adjust:none;}}

/* Partner support cards: match their source-owned high-specificity late rule. */
html body:is(.page-id-12307,.page-id-12499,.page-id-16150,.page-id-16151,.page-id-16358) #page-container#page-container#page-container#page-container #main-content #partner-story #zusammenarbeit.pc-collaboration .pp-support-card {
  border-radius: 24px !important;
}

/* Home solution heading: retain its native light kicker contrast. */
html.om-hell body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355).om-design-page #page-container .om-talkto-solutions .om-ts-heading > p.om-ts-eyebrow {
  color:var(--om-h-kicker,#2D687B);
}

/* Home claim band: standard desktop section spacing, all five languages. */
@media (min-width:981px){
html body:is(.page-id-11188,.page-id-11921,.page-id-16144,.page-id-16145,.page-id-16355) #page-container#page-container#page-container#page-container #main-content .et_pb_section_7.om-abschnitt.om-art-dunkel{padding-top:80px!important;padding-bottom:80px!important}
}
/* Partner enquiry privacy text: preserve native sizing; use the existing light muted token on the text node. */
html.om-hell body:is(.page-id-12307,.page-id-12499,.page-id-16150,.page-id-16151,.page-id-16358).om-design-page #page-container #anfrage.pp-native-contact .pp-privacy p.om-kontrolle {
  color: var(--ds-muted, #395564) !important;
}
/* Contact person role: apply the existing light muted color to Divi's description node. */
html.om-hell body:is(.page-id-21,.page-id-1157,.page-id-16130,.page-id-16131,.page-id-16348) #page-container .om-person .et_pb_blurb_description {
  color: var(--om-h-gedaempft, #33434E);
}
/* Privacy DPA illustration: keep the existing image in normal text flow on mobile/tablet. */
@media (max-width: 980px) {
  body:is(.page-id-360,.page-id-8411,.page-id-16132,.page-id-16133,.page-id-16349) #page-container .et_pb_text_inner img.wp-image-8477 {
    float: none !important;
  }
}

/* Praxis: readable final-section kicker in light mode. */
html.om-hell #practice-story .pt-final .vt-kicker{color:#2D687B;}

/* AF privacy: keep the long contact heading within its mobile text column. */
@media (max-width:767px){body.page-id-16349 #page-container#page-container#page-container#page-container #main-content .et_pb_heading_1 h2.et_pb_module_header{overflow-wrap:anywhere!important}}