:root {
    --btn-hover-bg: #0096c7;
    --text-color: #b3b3b3;
    --btn-color: #000;
    --text-strong-color: #fff;
    --secondary-background-color: #1f1f1f;
    --main-color: #3bacdf;
    --syne: 'Syne', Arial, sans-serif;
    --border-color: #44444487;
    --black-color: #000;
    --toneart-orange: #fb8500;
    --toneart-orange-hover: #c16600;
    --white-color: #fff;
    --third-bg: #262626;
    --simple-bg: #000;
    --orange-gradient: -webkit-linear-gradient(var(--toneart-orange), #a45f00);
    --font-family: 'Syne', Arial, sans-serif;
    --modern-graident: linear-gradient(90deg, rgba(58, 172, 223, 1) 0%, #6e8 68%, #56ff72 80%, rgba(237, 221, 83, 1) 100%);
    --inset-shadow: inset 0 1px 1px rgb(255 255 255 / 70%);
    --btn-transform: translateY(-2px) scale(1.01);
    --btn-radius: 15px;
    --border-radius: 12px;
    --border-radius-s: 10px;
    --border-radius-x: 15px;
    --circle: 50px;
    --green-gradient: linear-gradient(174deg, #00de52 0%, #289034 50%, #004218 100%);
    --green-gradient-hover: linear-gradient(334deg, #00481b 0%, #009411 50%, #004218 100%);
    --text-grey-color: #cfcfcf;
}

body.light-mode {
    --text-color: #000;
    --text-strong-color: #000;
    --btn-color: #000;
    --secondary-background-color: #efefef;
    --border-color: #44444469;
    --white-color: #fff;
    --third-bg: #fff;
    --simple-bg: #fff;
    --orange-gradient: -webkit-linear-gradient(var(--toneart-orange), #ffac3a);
    --font-family: 'Syne', Arial, sans-serif;
    --text-grey-color: #3c3c3c;
}

.light-mode .breadcrumbs .items > li a, 
.light-mode .breadcrumbs .items > li strong {
    color: #000;
}

.light-mode .page-wrapper .breadcrumbs .item:not(:last-child):after {
    color: #000;
}

.light-mode .breadcrumbs li.item.home a:before {
    filter: brightness(0);
}

.whats-app-number {
  display: flex;
  align-items: center;
  gap: 10px;
}

.whats-app-number picture {
  margin-bottom: -8px;
}

.page-products.light-mode .breadcrumbs .items {
    margin-top: 15px;
}

.page-products.light-mode .breadcrumbs .items > li a, 
.page-products.light-mode .breadcrumbs .items > li strong {
    color: #000;
}

.page-products.light-mode .page-wrapper .breadcrumbs .item:not(:last-child):after {
    color: #000;
}

.page-products.light-mode .breadcrumbs li.item.home a:before {
filter: brightness(0);
}

.breadcrumbs li.item.home a {
    font-size: 0;
}

.breadcrumbs li.item.home a:before {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http%3A//www.w3.org/1999/xlink%22%20fill%3D%22%23fff%22%20height%3D%2217px%22%20width%3D%2217px%22%20version%3D%221.1%22%20viewBox%3D%220%200%20486.196%20486.196%22%20xml:space%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M481.708%2C220.456l-228.8-204.6c-0.4-0.4-0.8-0.7-1.3-1c-5-4.8-13-5-18.3-0.3l-228.8%2C204.6c-5.6%2C5-6%2C13.5-1.1%2C19.1%20c2.7%2C3%2C6.4%2C4.5%2C10.1%2C4.5c3.2%2C0%2C6.4-1.1%2C9-3.4l41.2-36.9v7.2v106.8v124.6c0%2C18.7%2C15.2%2C34%2C34%2C34c0.3%2C0%2C0.5%2C0%2C0.8%2C0s0.5%2C0%2C0.8%2C0h70.6%20c17.6%2C0%2C31.9-14.3%2C31.9-31.9v-121.3c0-2.7%2C2.2-4.9%2C4.9-4.9h72.9c2.7%2C0%2C4.9%2C2.2%2C4.9%2C4.9v121.3c0%2C17.6%2C14.3%2C31.9%2C31.9%2C31.9h72.2%20c19%2C0%2C34-18.7%2C34-42.6v-111.2v-34v-83.5l41.2%2C36.9c2.6%2C2.3%2C5.8%2C3.4%2C9%2C3.4c3.7%2C0%2C7.4-1.5%2C10.1-4.5%20C487.708%2C233.956%2C487.208%2C225.456%2C481.708%2C220.456z%20M395.508%2C287.156v34v111.1c0%2C9.7-4.8%2C15.6-7%2C15.6h-72.2c-2.7%2C0-4.9-2.2-4.9-4.9%20v-121.1c0-17.6-14.3-31.9-31.9-31.9h-72.9c-17.6%2C0-31.9%2C14.3-31.9%2C31.9v121.3c0%2C2.7-2.2%2C4.9-4.9%2C4.9h-70.6c-0.3%2C0-0.5%2C0-0.8%2C0%20s-0.5%2C0-0.8%2C0c-3.8%2C0-7-3.1-7-7v-124.7v-106.8v-31.3l151.8-135.6l153.1%2C136.9L395.508%2C287.156L395.508%2C287.156z%22/%3E%3C/g%3E%3C/svg%3E);
    background-size: cover;
}

.page-wrapper > .breadcrumbs {
    padding-inline: 45px;
    max-width: 100%;
    margin-bottom: 40px;
}

.breadcrumbs .items > li a, .breadcrumbs .items > li strong {
    color: #fff;
    font-size: 16px;
}

    .cms-page-view .mgz-numbercounter-text {
      color: #000;
    }

    .cms-page-view.light-mode .mgz-block-heading.mgz-block-heading-line .title {
      background-color: #fff;
    }

    .cms-page-view:not(.light-mode) .mgz-block-heading.mgz-block-heading-line .title {
      background-color: #121212;
    }

    
  

.breadcrumbs .items {
    display: flex;
    align-items: center;
}
 
.page-wrapper .breadcrumbs .item:not(:last-child):after {
    font-size: 12px;
    color: #fff;
    position: relative;
    top: 2px;
}

.cms-page-view .page-wrapper > .breadcrumbs {
    margin-top: 20px;
}

.cms-page-view [data-content-type='row'][data-appearance='contained'] {
    max-width: 100%;
}

.cms-page-view .page-title {
    font-size: 32px;
    font-weight: 600;
}

.cms-page-view #maincontent .column.main ul li, 
.cms-page-view #maincontent .column.main p, 
.cms-preisalarm #maincontent .column.main ul li,
.cms-preisalarm #maincontent .column.main p {
  font-size: 16px;
  line-height: 1.7;
}

.cms-page-view.light-mode #maincontent .column.main h2, 
.cms-preisalarm.light-mode #maincontent .column.main h2 {
  color: #000;
}

.cms-page-view #maincontent .column.main h2, 
.cms-preisalarm #maincontent .column.main h2 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 1.5rem;
  margin-top: 20px;
}

.cms-page-view .products.list.items.product-items button.action.tocart.primary {
  background: #3bacdf;
  border: 0;
  font-size: 15px;
}

.cms-page-view .homePage-products {
  padding: 0;
  margin-top: 30px;
}

ul#content-slider-unitree_go2_ {
  padding: 0;
}

.cms-page-view .magezon-builder .mgz-container {
  width: 100%;
}

@media screen and (min-width:769px){
.cms-page-view .columns {
    padding-inline: 45px;
    max-width:1920px;
    margin: 0 auto;
}

.cms-page-view .sidebar.sidebar-main.mobile-sidebar {
    padding-right: 5px;
}

.cms-page-view footer.page-footer {
    margin-top: 40px;
}

.cms-page-view .second-side-bar-image {
    margin-top: 25px;
}
}

@media screen and (max-width:768px){
  body.cms-page-view .page-title {
    font-size: 24px;
  }

  body.cms-page-view #maincontent .column.main h2, 
  body.cms-preisalarm #maincontent .column.main h2
  {
    font-size: 20px;
  }

    .cms-page-view .sidebar.sidebar-main.mobile-sidebar {
        display: none;
    }
    .cms-page-view .columns {
        padding-inline: 20px;
        margin-top: 20px;
    }
    }

    .cms-page-view .mgz-element-column > .mgz-element-inner {
      padding-inline: 0;
  }

    .cms-page-view .mgz-flipbox .mgz-flipbox-inner {
      color: #000;
  }

  .cms-page-view:not(.light-mode)  .mgz-element-separator .title {
    background: #1d1d1d;
  }

  .cms-page-view .mgz-block-heading.mgz-block-heading-line:before {
    content: '';
    top: 25%;
  }

.cms-page-view:not(.light-mode) .newsletter-headline {
  color: #fff;
}

.cms-page-view .newsletter-container {
  max-width: 100%;
}

.cms-page-view  #maincontent .column.main  a.pagebuilder-button-primary,
.cms-preisalarm  #maincontent .column.main  a.pagebuilder-button-primary{
    text-align: center;
    height: auto;
    display: inline-block;
    line-height: inherit;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: normal;
    background: #3bacdf;
    border-color: #3bacdf;
    border-radius: 0px;
}

.cms-page-view .table-header-staticpage h2 {
  color: #000;
}

.cms-page-view .versandkosten-table {
  color: #000;
}

.cms-page-view .mgz-element-single_product .products .product-item .product-item-info:hover {
  background: transparent;
}

.cms-page-view.light-mode .mgz-element-single_product .products .action.tocompare,
.cms-page-view.light-mode .mgz-element-single_product .products .action.towishlist {
  color: #000;
}

.cms-page-view:not(.light-mode) .mgz-element-single_product .product-item-name .product-item-link,
.cms-page-view:not(.light-mode) .mgz-element-single_product .products .action.tocompare,
.cms-page-view:not(.light-mode) .mgz-element-single_product .products .action.towishlist {
  color: #fff;
}

.cms-ai-trends .mgz-single-image-inner {
  margin-top: -10px;
}



.cms-page-view table>tbody>tr>th, 
.cms-page-view table>tfoot>tr>th, 
.cms-page-view table>tbody>tr>td, 
.cms-page-view table>tfoot>tr>td {
  color: #000;
}

body.cms-zahlungsarten-html:not(.light-mode) main#maincontent table > tbody > tr {
  background-color: #1f1f1f !important;
}

.cms-page-view .tgijquy-s,
.cms-page-view .s2yd5df-s,
.cms-page-view .a9idn02-s,
.cms-page-view .iidym01-s,
.cms-page-view .nr9cnbw-s,
.cms-page-view .d1x08x4-s {
  color: #000;
}

.cms-page-view:not(.light-mode) .rental-process .section-title {
  color: #fff;
}

.all-rental-pages-grid-info-section {
  color: #000;
}


.cms-page-view:not(.light-mode) .mgz-element.evyork2 .mgz-link {
    color: #000;
    background-color: #fff;
}

.cms-page-view:not(.light-mode) .ki-robotic-club-header__text, 
.cms-page-view:not(.light-mode) .ki-robotic-club-vision__text, 
.cms-page-view:not(.light-mode) .ki-robotic-club-technology__text, 
.cms-page-view:not(.light-mode) .ki-robotic-club-cta__info {
    color: #fff;
  }

  .cms-page-view:not(.light-mode)    .perp-section {
    color: #000;
}

.cms-page-view:not(.light-mode) .ki-robotic-club-cta__text {
    font-size: 1.5em !important;
    font-weight: 600;
    color: #fff !important;
  }


 .cms-page-view:not(.light-mode) .ki-robotic-club-membership__intro, 
 .cms-page-view:not(.light-mode) .ki-robotic-club-products__intro{
    color: #fff;
  }

 .cms-page-view:not(.light-mode)  .gradient-text
 {
    color: #fff;
}

 .cms-page-view:not(.light-mode) .kishop-header__text {
    color: #fff;
  }

 .cms-page-view:not(.light-mode) ul.kishop-membership__list
 {
    color: #fff !important;
}

 .cms-page-view:not(.light-mode) .kishop-membership__intro,
 .cms-page-view:not(.light-mode) .kishop-vision__text, 
 .cms-page-view:not(.light-mode) .kishop-cta__info {
    color: #fff;
  }

  .cms-page-view:not(.light-mode) #maincontent .column.main li, 
  .cms-page-view:not(.light-mode) #maincontent .column.main p,
  .cms-page-view:not(.light-mode) #maincontent .column.main th,
  .cms-page-view:not(.light-mode) #maincontent .column.main td,
  .cms-page-view:not(.light-mode) #maincontent .column.main span,
  .cms-page-view:not(.light-mode) #maincontent .column.main label,
  .cms-page-view:not(.light-mode) #maincontent .column.main strong,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main  li, 
  .cms-preisalarm:not(.light-mode) #maincontent .column.main p,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main th,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main td,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main span,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main label,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main strong{
    color: #b3b3b3d9;
  }

  .cms-page-view:not(.light-mode) #maincontent .column.main a span,
  .cms-page-view:not(.light-mode) #maincontent .column.main h2 strong,
  .cms-page-view:not(.light-mode) #maincontent .column.main button span,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main button span,
  .cms-page-view:not(.light-mode) #maincontent .column.main h1 span,
    .cms-page-view:not(.light-mode) #maincontent .column.main h2 span,
      .cms-page-view:not(.light-mode) #maincontent .column.main h3 span,
        .cms-page-view:not(.light-mode) #maincontent .column.main h4 span,
          .cms-page-view:not(.light-mode) #maincontent .column.main h5 span,
            .cms-page-view:not(.light-mode) #maincontent .column.main h6 span,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main h1 span,
  .cms-preisalarm:not(.light-mode) #maincontent .column.main a span{
    color: #fff;
  }

  .cms-page-view:not(.light-mode) .mgz-block-heading .info{
    color: #b3b3b3d9;
  }

  .cms-page-view:not(.light-mode) .toneart-family-message {
    color: #b3b3b3d9;
}

.cms-page-view:not(.light-mode) .toneart-family-message strong{
    color: #fff !important;
}

.cms-page-view:not(.light-mode) .mgz-element.najuopj .mgz-flipbox-front p {
    color: #000 !important;
}

.cms-page-view:not(.light-mode) .support-ukraine > strong {
    color: #fff !important;
}


:where(body.cms-page-view main#maincontent) ul {
    padding-left: 16px;
    list-style: disc;
}

.benefits-list {
    list-style: none;
}

body.cms-page-view:not(.cms-unitree-premium-partner):not(.cms-blackmagicdesign-authorized-online-reseller):not(.cms-roboter-fuehrerschein):not(.cms-support-formular):not(.cms-rma-formular) main#maincontent a[href^="mailto:"],
body.cms-page-view:not(.cms-unitree-premium-partner):not(.cms-blackmagicdesign-authorized-online-reseller):not(.cms-roboter-fuehrerschein):not(.cms-support-formular):not(.cms-rma-formular) main#maincontent a[href^="mailto:"] *,
body.cms-page-view:not(.cms-unitree-premium-partner):not(.cms-blackmagicdesign-authorized-online-reseller):not(.cms-roboter-fuehrerschein):not(.cms-support-formular):not(.cms-rma-formular) main#maincontent a[href^="tel:"],
body.cms-page-view:not(.cms-unitree-premium-partner):not(.cms-blackmagicdesign-authorized-online-reseller):not(.cms-roboter-fuehrerschein):not(.cms-support-formular):not(.cms-rma-formular) main#maincontent a[href^="tel:"] * {
    color: #006bb4 !important;
}

body.cms-rma-formular
  main#maincontent
  .column.main
  [data-content-type="html"]
  > h3 {
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

body.cms-rma-formular
  main#maincontent
  .column.main
  [data-content-type="html"]
  > p {
  margin: 0 0 10px;
}

body.cms-rma-formular
  main#maincontent
  .column.main
  [data-content-type="html"]
  > ul {
  margin: 0 0 25px;
}

body.cms-rma-formular
  main#maincontent
  .column.main
  [data-content-type="html"]
  > ul
  > li {
  margin: 0 0 10px;
}

body.cms-page-view.cms-rma-formular
  main#maincontent
  a.pagebuilder-button-primary[href^="mailto:"],
body.cms-page-view.cms-rma-formular
  main#maincontent
  a.pagebuilder-button-primary[href^="mailto:"]
  * {
  color: #fff !important;
  line-height: 25.7143px !important;
}

body.cms-rma-formular
  main#maincontent
  a.pagebuilder-button-primary[href^="mailto:"] {
  margin: 0 10px 10px 0;
  padding: 10px 20px;
  border: 1px solid #3bacdf;
  background: #3bacdf;
  font-size: 18px;
  font-weight: 400;
}

body.cms-rma-formular
  main#maincontent
  [data-content-type="button-item"] {
  margin: 0 !important;
}

/* Impressum: restore the live storefront layout and legal-copy rhythm. */
html:has(body.cms-impressum-html) {
  scrollbar-gutter: auto;
}

body.cms-impressum-html main#maincontent {
  font-size: 14px;
  line-height: 20px;
}

body.cms-page-view.cms-impressum-html main#maincontent > .columns {
  display: grid;
  grid-template-columns: 20.833333% 79.166667%;
  gap: 0;
  margin-top: 0;
  padding-inline: 45px !important;
}

body.cms-impressum-html
  main#maincontent
  > .columns
  > .sidebar-main {
  width: auto;
}

body.cms-impressum-html
  main#maincontent
  > .columns
  > .column.main {
  width: auto;
  padding: 0 0 40px 27px;
}

body.cms-impressum-html #maincontent .column.main > div:first-child {
  display: block;
  width: 100%;
}

body.cms-impressum-html #maincontent h1.page-title {
  margin: 0 0 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.5px;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner {
  font-size: 14px;
  line-height: 20px;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  > h3 {
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.5px;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  > p {
  display: block;
  margin: 0 0 10px;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  > p:last-child {
  margin-bottom: 0;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  > ul {
  margin: 0 0 25px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 20px;
  list-style: disc;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  > ul
  > li {
  margin: 0 0 10px;
  padding: 0;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  strong {
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  vertical-align: -1px;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  a {
  margin: 0;
  padding: 0;
}

body.cms-impressum-html
  #maincontent
  .column.main
  > [data-content-type="html"]
  .mgz-element-text
  > .mgz-element-inner
  > p
  > img {
  display: inline;
  vertical-align: baseline;
}

@media (max-width: 768px) {
  body.cms-page-view.cms-impressum-html main#maincontent > .columns {
    display: flex;
    padding-inline: 20px !important;
  }

  body.cms-impressum-html
    main#maincontent
    > .columns
    > .column.main {
    width: 100%;
    padding: 0 0 40px;
  }

  body.cms-impressum-html #maincontent h1.page-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
  }
}

/* AGB: restore the live storefront layout and legal-copy rhythm. */
html:has(body.cms-agb-html) {
  scrollbar-gutter: auto;
}

body.cms-agb-html main#maincontent {
  font-size: 14px;
  line-height: 20px;
}

body.cms-page-view.cms-agb-html main#maincontent > .columns {
  display: grid;
  grid-template-columns: 20.833333% 79.166667%;
  gap: 0;
  margin-top: 0;
  padding-inline: 45px !important;
}

body.cms-agb-html
  main#maincontent
  > .columns
  > .sidebar-main {
  width: auto;
}

body.cms-agb-html
  main#maincontent
  > .columns
  > .column.main {
  width: auto;
  padding: 0 0 40px 27px;
}

body.cms-agb-html #maincontent .toneart-agb {
  font-size: 14px;
  line-height: 20px;
}

body.cms-agb-html #maincontent .toneart-agb > h1 {
  margin: 0 0 20px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.5px;
}

body.cms-page-view.cms-agb-html #maincontent .toneart-agb > h2 {
  margin: 20px 0 15px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.5px;
}

body.cms-agb-html #maincontent .toneart-agb > h3 {
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.5px;
}

body.cms-agb-html #maincontent .toneart-agb > h4 {
  margin: 20px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.5px;
}

body.cms-agb-html #maincontent .toneart-agb > p {
  margin: 0 0 10px;
}

body.cms-agb-html #maincontent .toneart-agb > ul {
  margin: 0 0 25px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 20px;
  list-style: disc;
}

body.cms-agb-html #maincontent .toneart-agb > ul > li {
  margin: 0 0 10px;
  padding: 0;
}

body.cms-agb-html #maincontent .toneart-agb > hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #ccc;
}

body.cms-agb-html #maincontent .toneart-agb > img {
  display: inline;
  vertical-align: baseline;
}

body.cms-agb-html #maincontent .toneart-agb strong {
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  vertical-align: -1px;
}

@media (max-width: 768px) {
  body.cms-page-view.cms-agb-html main#maincontent > .columns {
    display: flex;
    padding-inline: 20px !important;
  }

  body.cms-agb-html
    main#maincontent
    > .columns
    > .column.main {
    width: 100%;
    padding: 0 0 40px;
  }

  body.cms-page-view.cms-agb-html #maincontent .toneart-agb > h2 {
    font-size: 20px;
  }
}

.cms-page-view .mgz-flipbox-back-inner-text p
 {
    color: #000 !important;
}

.mgz-progress-bar .mgz-numbercounter-string span {
    color: #2b2929 !important;
}

.cms-page-view:not(.light-mode) .category_list_inner .category-list .category-list-content p {
    color: #b3b3b3d9;
}


.cms-page-view:not(.light-mode) .brand-kit-container h1 {
    color: #fff;
}

.mgz-element.vb38ka0 .mgz-message-box strong, .mgz-element.vb38ka0 .mgz-message-box p {
    color: #9d8967 !important;
}


.mgz-element.wiq8dld .mgz-message-box p strong {
    color: #5e7f96 !important;
}

.mgz-element.ses1uh5 .mgz-message-box p{
    color: #9d8967 !important;
  }


  .section-title{
        font-size: 28px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    margin-top: 3.5rem !important;
    color: #3bacdf !important;
  }

.story-subsection {
    padding: 2rem !important;
    border-radius: 12px !important;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(59, 172, 223, 0.25) !important;
    max-width: 800px;
    margin: 0 auto 25px !important;
    text-align: center;
}

.story-subsection:hover
{
    transform: translateY(-4px);
}

body.light-mode .story-subsection {
    background-color: #ffffff !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
}

  @media (max-width: 992px) {
    .section-title
 {
        font-size: 28px !important;
    }
}

@media (max-width: 768px) {
 body .story-subsection .block.newsletter .field.newsletter
 {
    max-width: 100%;
}



    .section-title {
        font-size: 24px !important;
        margin-bottom: 2rem;
        margin-top: 0 !important;
    }
    body .story-subsection .block.newsletter .action.subscribe {
    font-size: 10px;
    padding-inline: 6px;
    }
    .story-subsection .block.newsletter input {
    padding-left: 26px;
}
}

body.light-mode .story-subsection h3
{
    color: #121212 !important;
}

.story-subsection h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    color: #ffffff !important;
        font-family: "Syne", "inter", sans-serif !important;
}

.story-subsection .block.newsletter
{
            max-width: 100%;
            margin-inline: auto;
 }

 .story-subsection .block.newsletter .action.subscribe{
      height: 42px;
    font-size: 12px;
    border: 0;
    background: #3bacdf;

 }


 .story-subsection .block.newsletter .field .control:before {
    margin-top: 5px;
}

 .story-subsection .block.newsletter .action.subscribe span{
  font-family: "Syne", "inter", sans-serif !important;
 }

.story-subsection .block.newsletter input {
    margin-right: 100px;
        border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
        font-size: 12px;
                padding-right: 10px;
    font-family: "Syne", "inter", sans-serif !important;
  }

.story-subsection .block.newsletter .field.newsletter {
    max-width: 290px;
}
 

.story-subsection p
{
    text-align: center !important;
}

.cms-page-view.page-layout-1column .sidebar.sidebar-main.mobile-sidebar {
    display: none;
}

.cms-page-view #maincontent .accordion .fieldset {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.cms-page-view #maincontent .accordion .fieldset > .legend {
  width: 100%;
  margin: 0 0 22px;
  padding: 0 0 12px;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 600;
  color: #f18819;
  border-bottom: 1px solid rgba(241, 136, 25, 0.22);
}

.cms-page-view #maincontent .accordion .accordion-head {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(241, 136, 25, 0.18) !important;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(135deg, #151515 0%, #1f1f1f 100%) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.cms-page-view #maincontent .accordion .accordion-head.open {
  border-bottom: none !important;
  margin: 0;
}

.cms-page-view #maincontent .accordion .accordion-head .lease-steps {
  width: 62px;
  min-width: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #f18819 0%, #cf6f0b 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-sizing: border-box;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08);
}

.cms-page-view #maincontent .accordion .accordion-head h2 {
  width: calc(100% - 62px);
  margin: 0;
  padding: 18px 22px;
  box-sizing: border-box;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #f18819 !important;
  display: flex;
  align-items: center;
  background: transparent;
}

.cms-page-view #maincontent .accordion .arrow-down {
  display: none;
}

.cms-page-view #maincontent .accordion .accordion-body {
  width: 100%;
  clear: both;
  margin: 0 0 18px;
  padding: 28px;
  border: 1px solid rgba(241, 136, 25, 0.18);
  border-top: none;
  border-radius: 0 0 16px 16px;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,248,248,0.96) 100%);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.cms-page-view #maincontent .accordion .fields {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0;
}

.cms-page-view #maincontent .accordion .field {
  width: calc(50% - 10px);
  margin: 0;
}

.cms-page-view #maincontent .accordion label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #1d1d1d;
}

.cms-page-view #maincontent .accordion label em {
  color: #f18819;
  margin-right: 2px;
}

.cms-page-view #maincontent .accordion input,
.cms-page-view #maincontent .accordion select,
.cms-page-view #maincontent .accordion textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  background: #fff;
  color: #1d1d1d;
  font-size: 15px;
  box-sizing: border-box;
  transition: all 0.25s ease;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
}

.cms-page-view #maincontent .accordion textarea {
  min-height: 130px;
  resize: vertical;
}

.cms-page-view #maincontent .accordion input:focus,
.cms-page-view #maincontent .accordion select:focus,
.cms-page-view #maincontent .accordion textarea:focus {
  outline: none;
  border-color: #f18819;
  box-shadow: 0 0 0 4px rgba(241, 136, 25, 0.14);
}

.cms-page-view #maincontent .accordion ul {
  padding-left: 0;
  margin: 0;
}

.cms-page-view #maincontent .accordion li {
  list-style: none;
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
}

.cms-page-view #maincontent .accordion li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f18819;
  box-shadow: 0 0 0 4px rgba(241, 136, 25, 0.12);
}

.cms-page-view #maincontent .accordion li,
.cms-page-view #maincontent .accordion p {
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.7;
}

.cms-page-view #maincontent .accordion .button {
  width: auto;
  min-height: 50px;
  padding: 15px 28px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #f18819 0%, #d8740c 100%) !important;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.3px;
  box-shadow: 0 10px 24px rgba(241, 136, 25, 0.28);
  transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;
}

.cms-page-view #maincontent .accordion .button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(241, 136, 25, 0.34);
  opacity: 0.96;
}

/* Light mode */
.cms-page-view.light-mode #maincontent .accordion .accordion-head {
  background: linear-gradient(135deg, #ffffff 0%, #f7f7f7 100%) !important;
  border-color: rgba(241, 136, 25, 0.24) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.cms-page-view.light-mode #maincontent .accordion .accordion-head h2 {
  color: #f18819 !important;
}

.cms-page-view.light-mode #maincontent .accordion .accordion-body {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  border-color: rgba(241, 136, 25, 0.2);
}

.cms-page-view.light-mode #maincontent .accordion label,
.cms-page-view.light-mode #maincontent .accordion li,
.cms-page-view.light-mode #maincontent .accordion p {
  color: #1f1f1f;
}

/* Dark mode */
.cms-page-view:not(.light-mode) #maincontent .accordion .accordion-head {
  background: linear-gradient(135deg, #111111 0%, #1a1a1a 100%) !important;
  border-color: rgba(241, 136, 25, 0.22) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34);
}

.cms-page-view:not(.light-mode) #maincontent .accordion .accordion-body {
  background: linear-gradient(180deg, #131313 0%, #1b1b1b 100%);
  border-color: rgba(241, 136, 25, 0.16);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

.cms-page-view:not(.light-mode) #maincontent .accordion label,
.cms-page-view:not(.light-mode) #maincontent .accordion li,
.cms-page-view:not(.light-mode) #maincontent .accordion p {
  color: rgba(255, 255, 255, 0.88);
}

.cms-page-view:not(.light-mode) #maincontent .accordion input,
.cms-page-view:not(.light-mode) #maincontent .accordion select,
.cms-page-view:not(.light-mode) #maincontent .accordion textarea {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.02);
}

.cms-page-view:not(.light-mode) #maincontent .accordion input:focus,
.cms-page-view:not(.light-mode) #maincontent .accordion select:focus,
.cms-page-view:not(.light-mode) #maincontent .accordion textarea:focus {
  border-color: #f18819;
  box-shadow: 0 0 0 4px rgba(241, 136, 25, 0.16);
}

/* Mobile */
@media (max-width: 768px) {
  .cms-page-view #maincontent .accordion .field {
    width: 100%;
  }

  .cms-page-view #maincontent .accordion .accordion-head h2 {
    font-size: 17px;
    padding: 16px 16px;
  }

  .cms-page-view #maincontent .accordion .accordion-head .lease-steps {
    width: 54px;
    min-width: 54px;
    font-size: 16px;
  }

  .cms-page-view #maincontent .accordion .accordion-body {
    padding: 20px 16px;
  }

  .cms-page-view #maincontent .accordion .button {
    width: 100%;
    justify-content: center;
  }
}

.cms-page-view #maincontent .accordion input[type="radio"], 
.cms-page-view #maincontent .accordion input[type="checkbox"]
 {
    appearance: auto;
    -webkit-appearance: auto;
    height: auto;
    min-height: auto;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    background-image: none;
    box-shadow: none !important;
    cursor: pointer;
}

.cms-page-view #maincontent .accordion input[type="radio"] {
    margin: 6px 5px 0 0;
}

.cms-page-view #maincontent .accordion input[type="checkbox"] {
    margin: 6px 5px 0 0;
}

.cms-page-view:not(.light-mode) #maincontent .accordion select option {
    background: #1d1d1d;
}

.cms-page-view.light-mode #maincontent .column.main .additional-content h2 {
    color: #fff;
}

.cms-page-view.light-mode #maincontent .column.main h2.leasing-h2
{
    color: #fff;
}

/* ==========================================================
   Static-page visual parity and responsive corrections
   ========================================================== */

/* Match the PDP breadcrumb strip in both light and dark mode. */
body.cms-page-view .page-wrapper > .top-container .breadcrumbs {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 60px;
  margin: 0;
  padding: 10px 35px;
  background: #0c111a !important;
  box-shadow: none !important;
}

body.cms-page-view .breadcrumbs > .container {
  width: 100%;
  max-width: 1840px;
  margin: 0 auto;
  padding: 0;
}

body.cms-page-view .breadcrumbs .items {
  display: flex;
  min-height: 60px;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  margin: 0;
  padding: 0;
}

body.cms-page-view .breadcrumbs .item {
  display: inline-flex;
  min-width: 0;
  align-items: center;
}

body.cms-page-view .breadcrumbs .items > li a,
body.cms-page-view .breadcrumbs .items > li strong,
body.cms-page-view .breadcrumbs .separator,
body.cms-page-view.light-mode .breadcrumbs .items > li a,
body.cms-page-view.light-mode .breadcrumbs .items > li strong,
body.cms-page-view.light-mode .breadcrumbs .separator {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.35;
}

body.cms-page-view .breadcrumbs .separator {
  display: inline-flex;
  align-items: center;
  padding-inline: 8px;
}

body.cms-page-view .breadcrumbs .separator svg {
  display: block;
  width: 8px;
  height: 12px;
  flex: 0 0 8px;
  color: #fff !important;
}

body.cms-page-view .breadcrumbs .separator svg path {
  stroke: #fff !important;
}

body.cms-page-view .breadcrumbs .item:not(:last-child)::after {
  display: none !important;
  content: none !important;
}

body.cms-page-view .breadcrumbs li.item.home a {
  display: inline-flex !important;
  align-items: center;
  font-size: 0 !important;
}

body.cms-page-view .breadcrumbs li.item.home a::before {
  filter: none !important;
}

body.cms-page-view .breadcrumbs a:hover,
body.cms-page-view .breadcrumbs a:focus-visible {
  color: #50baf0 !important;
}

/* Prevent full-width CMS artwork and off-screen sliders from widening pages. */
body.cms-page-view {
  overflow-x: clip;
}

body.cms-page-view #maincontent,
body.cms-page-view #maincontent .columns,
body.cms-page-view #maincontent .column.main,
body.cms-page-view #maincontent [data-content-type="row"] {
  min-width: 0;
}

body.cms-page-view #maincontent img,
body.cms-page-view #maincontent video {
  height: auto;
}

body.cms-page-view #maincontent :is(p, li, td, th, a, span, strong) {
  overflow-wrap: anywhere;
}

body.cms-page-view #maincontent .swiper,
body.cms-page-view #maincontent .swiper-container,
body.cms-page-view #maincontent .review-slider,
body.cms-page-view #maincontent .team-slider {
  max-width: 100%;
  overflow: hidden;
}

body.cms-page-view #maincontent p:empty {
  display: none;
}

/* Empty imported assistant turn rendered a stray glyph above the support CTA. */
body.cms-support-formular
  [data-message-id="2794445e-2aae-464d-8b25-fb62b7a0d1bb"] {
  display: none;
}

body.cms-page-view main#maincontent > .columns {
  padding-inline: 20px !important;
}

@media screen and (max-width: 768px) {
  body.cms-page-view main#maincontent > .columns {
    margin-top: 14px;
  }

  body.cms-ai-trends-community
    .ta-ai-trends-page
    .trend-container {
    padding-inline: 28px !important;
  }

  body.cms-ai-verified-commerce-signal .aics-main {
    width: 100% !important;
    max-width: 100%;
    margin-inline: 0 !important;
  }

  body.cms-page-view #maincontent table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.cms-page-view #maincontent :is(input, select, textarea, button) {
    max-width: 100%;
  }
}

/* Keep the Hyva newsletter form visually aligned with the live storefront. */
body.cms-newsletter-page .story-subsection {
  padding: 20px !important;
  color: #b3b3b3;
  font-size: 14px;
  line-height: 20px;
}

body.cms-newsletter-page .story-subsection h3 {
  margin: 20px 0 10px !important;
  font-family: "Syne", "inter", sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

body.cms-newsletter-page .story-subsection [data-content-type="text"] p {
  margin: 0 0 10px !important;
}

body.cms-newsletter-page.light-mode .story-subsection,
body.cms-newsletter-page.light-mode
  .story-subsection
  [data-content-type="text"]
  p {
  color: #000 !important;
}

body.cms-newsletter-page
  .story-subsection
  [data-content-type="html"]
  > div {
  width: 400px !important;
  max-width: 100%;
  margin: 20px auto 0;
  padding: 0 !important;
}

body.cms-newsletter-page .story-subsection .form.subscribe {
  width: 100%;
  margin: 0;
  padding: 0;
}

body.cms-newsletter-page .story-subsection .form.subscribe > h2 {
  display: none !important;
}

body.cms-newsletter-page .story-subsection .form.subscribe > .flex {
  position: relative;
  display: flex !important;
  width: 100%;
  height: 42px;
  flex-wrap: nowrap !important;
  align-items: stretch;
  justify-content: center !important;
  gap: 0 !important;
}

body.cms-newsletter-page .story-subsection .form.subscribe > .flex::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 9px;
  width: 16px;
  height: 16px;
  background: #6d6d6d;
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.cms-newsletter-page
  .story-subsection
  .form.subscribe
  input[type="email"] {
  display: block;
  width: auto !important;
  min-width: 0;
  height: 42px !important;
  flex: 1 1 auto;
  margin: 0 !important;
  padding: 0 10px 0 35px !important;
  border: 2px solid rgba(68, 68, 68, 0.53) !important;
  border-right: 0 !important;
  border-radius: 5px 0 0 5px !important;
  background: #1f1f1f !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: "Syne", "inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.4286;
}

body.cms-newsletter-page
  .story-subsection
  .form.subscribe
  input[type="email"]::placeholder {
  color: #6d6d6d;
  opacity: 1;
}

body.cms-newsletter-page
  .story-subsection
  .form.subscribe
  input[type="email"]:focus {
  border-color: #3bacdf !important;
  outline: 0;
}

body.cms-newsletter-page:not(.light-mode)
  .story-subsection
  .form.subscribe
  input[type="email"]:-webkit-autofill,
body.cms-newsletter-page:not(.light-mode)
  .story-subsection
  .form.subscribe
  input[type="email"]:-webkit-autofill:hover,
body.cms-newsletter-page:not(.light-mode)
  .story-subsection
  .form.subscribe
  input[type="email"]:-webkit-autofill:focus,
body.cms-newsletter-page:not(.light-mode)
  .story-subsection
  .form.subscribe
  input[type="email"]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #1f1f1f inset !important;
  box-shadow: 0 0 0 1000px #1f1f1f inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  color: #fff !important;
}

body.cms-newsletter-page .story-subsection .form.subscribe button {
  display: inline-flex !important;
  width: 110px;
  height: 42px !important;
  flex: 0 0 110px;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 7px 15px !important;
  border: 0 !important;
  border-radius: 0 3px 3px 0 !important;
  background: #3bacdf !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: "Syne", "inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px;
  white-space: nowrap;
}

body.cms-newsletter-page .story-subsection .form.subscribe button:hover,
body.cms-newsletter-page .story-subsection .form.subscribe button:focus-visible {
  background: #299dce !important;
}

body.cms-newsletter-page.light-mode
  .story-subsection
  .form.subscribe
  input[type="email"] {
  border-color: rgba(68, 68, 68, 0.41) !important;
  border-right: 0 !important;
  background: #efefef !important;
  color: #000 !important;
}

@media screen and (max-width: 768px) {
  body.cms-newsletter-page #maincontent .columns {
    padding-inline: 20px !important;
  }

  body.cms-newsletter-page
    .story-subsection
    .form.subscribe
    input[type="email"] {
    padding-left: 26px !important;
  }

  body.cms-newsletter-page .story-subsection .form.subscribe > .flex::before {
    left: 7px;
    width: 13px;
    height: 13px;
  }

  body.cms-newsletter-page .story-subsection .form.subscribe button {
    width: 81px;
    flex-basis: 81px;
    padding-inline: 6px !important;
    font-size: 10px !important;
  }
}

.invest-animate-on-appear.invest-page-load-animate.invest-s1 img {
  margin: 0 auto;
}

.cssbuttons-io-button a {
  display: flex;
  align-items: center;
}

body.cms-page-view .hero-banner-img {
  max-width: 800px;
  margin: 30px auto;
}

/* Support page: neutralize imported ChatGPT utility wrappers under Hyva. */
html:has(body.cms-support-formular) {
  scrollbar-gutter: auto;
}

body.cms-support-formular main#maincontent {
  color: #b3b3b3;
  font-size: 14px;
  line-height: 20px;
}

body.cms-support-formular main#maincontent > .columns {
  display: grid;
  grid-template-columns: 20.833333% 79.166667%;
  gap: 0;
  padding-inline: 45px !important;
}

body.cms-support-formular main#maincontent > .columns > .column.main {
  width: auto;
  padding: 0 0 40px 27px;
}

body.cms-support-formular main#maincontent > .columns > .sidebar-main {
  width: auto;
}

body.cms-support-formular #maincontent .column.main > div:first-child,
body.cms-support-formular #maincontent .column.main > div:first-child h1.page-title {
  display: block;
  width: 100%;
}

body.cms-support-formular #maincontent h1.page-title {
  margin: 0 0 20px;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 35.2px;
  letter-spacing: 0.5px;
}

body.cms-support-formular #maincontent img[src*="support-toneart-shop"] {
  display: inline;
}

body.cms-support-formular #maincontent article[data-testid^="conversation-turn"],
body.cms-support-formular #maincontent article[data-testid^="conversation-turn"] div {
  display: block !important;
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  flex: none !important;
  gap: normal !important;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .text-base {
  font-size: 14px !important;
  line-height: 20px !important;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown {
  color: #b3b3b3;
  font-size: 14px;
  line-height: 20px;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown
  h2 {
  margin: 20px 0 15px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 26.4px;
  letter-spacing: 0.5px;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown
  h3 {
  margin: 20px 0 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 19.8px;
  letter-spacing: 0.5px;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  p {
  margin: 0 0 10px;
  color: rgba(179, 179, 179, 0.85);
  font-size: 16px;
  line-height: 27.2px;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  p.items-center.justify-start.rounded-xl.p-1.flex {
  display: block !important;
  padding: 0 !important;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown
  ol {
  margin: 0 0 25px;
  padding: 0 0 0 40px;
  list-style: decimal;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown
  li {
  margin: 0 0 10px;
  padding: 0;
  color: rgba(179, 179, 179, 0.85);
  font-size: 14px;
  line-height: 20px;
  list-style: decimal;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown
  hr {
  margin: 20px 0;
  border-color: #ccc;
  color: #808080;
}

body.cms-support-formular
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown
  a {
  color: #006bb4;
}

body.cms-page-view.cms-support-formular
  main#maincontent
  a.pagebuilder-button-primary[href^="mailto:"],
body.cms-page-view.cms-support-formular
  main#maincontent
  a.pagebuilder-button-primary[href^="mailto:"]
  * {
  color: #fff !important;
  line-height: 25.7143px !important;
}

body.cms-support-formular
  #maincontent
  a.pagebuilder-button-primary[href^="mailto:"] {
  margin: 0 10px 10px 0;
  padding: 10px 20px;
  border: 1px solid #3bacdf;
  background: #3bacdf;
  font-size: 18px;
  font-weight: 400;
  gap: normal;
}

body.cms-support-formular #maincontent [data-content-type="button-item"] {
  margin: 0 !important;
}

body.cms-support-formular.light-mode #maincontent h1.page-title,
body.cms-support-formular.light-mode
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown
  :is(h2, h3) {
  color: #000;
}

body.cms-support-formular.light-mode
  #maincontent
  article[data-testid="conversation-turn-25"]
  .markdown,
body.cms-support-formular.light-mode
  #maincontent
  article[data-testid="conversation-turn-25"]
  :is(p, li) {
  color: #000;
}

@media (max-width: 768px) {
  body.cms-support-formular main#maincontent {
    background: #090a0f;
  }

  body.cms-support-formular.light-mode main#maincontent {
    background: #fff;
  }

  body.cms-support-formular main#maincontent > .columns {
    display: flex;
    padding-inline: 20px !important;
  }

  body.cms-support-formular main#maincontent > .columns > .column.main {
    width: 100%;
    padding: 0 0 40px;
  }

  body.cms-support-formular #maincontent h1.page-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 26.4px;
  }

  body.cms-support-formular
    #maincontent
    article[data-testid="conversation-turn-25"]
    .markdown
    h2 {
    font-size: 20px;
    line-height: 22px;
  }
}

/* Handelsvertreter Robotik: restore the live storefront content rhythm. */
html:has(body.cms-handelsvertreter-robotik-gesucht) {
  scrollbar-gutter: auto;
}

body.cms-handelsvertreter-robotik-gesucht main#maincontent {
  margin-block: 0;
  font-size: 14px;
  line-height: 20px;
}

body.cms-handelsvertreter-robotik-gesucht main#maincontent > .columns {
  display: block;
  margin-top: 0;
  padding-inline: 45px !important;
}

body.cms-handelsvertreter-robotik-gesucht
  main#maincontent
  > .columns
  > .column.main {
  width: 100%;
  padding: 0 0 40px;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > p {
  margin: 0 0 10px;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > p
  img[src*="Robots.png"] {
  display: inline;
  vertical-align: baseline;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  strong {
  font-weight: 600 !important;
  letter-spacing: 0.5px;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > h2 {
  margin: 20px 0 15px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > h3 {
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > hr {
  height: 1px;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #ccc;
  color: #808080;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > ul {
  margin: 0 0 25px;
  padding-left: 16px;
  list-style: disc;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > ol {
  margin: 0 0 25px;
  padding-left: 40px;
  color: var(--text-color);
  font-size: 14px;
  line-height: 20px;
  list-style: decimal;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > :is(ul, ol)
  > li {
  margin: 0 0 10px;
}

body.cms-handelsvertreter-robotik-gesucht
  #maincontent
  .column.main
  > p:last-child
  a[href^="mailto:"] {
  font-weight: 700;
  letter-spacing: 0.2px;
}

@media (max-width: 768px) {
  body.cms-handelsvertreter-robotik-gesucht
    main#maincontent
    > .columns {
    display: flex;
    padding-inline: 20px !important;
  }

  body.cms-handelsvertreter-robotik-gesucht
    #maincontent
    .column.main
    > h2 {
    font-size: 20px;
    line-height: 1.1;
  }
}

/* Keep both parts of the Social Hub headline in the intended Syne face. */
body.cms-social-media #maincontent .social-hub-main-headline,
body.cms-social-media #maincontent .social-hub-main-headline span {
  font-family: "Syne", Arial, sans-serif !important;
}