.elementor-231 .elementor-element.elementor-element-2d7de4f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-231 .elementor-element.elementor-element-d817344{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-231 .elementor-element.elementor-element-d817344:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-d817344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1F24;}body:not(.rtl) .elementor-231 .elementor-element.elementor-element-d817344{left:0px;}body.rtl .elementor-231 .elementor-element.elementor-element-d817344{right:0px;}.elementor-231 .elementor-element.elementor-element-2579c13{--display:flex;--min-height:54px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-231 .elementor-element.elementor-element-943e5dc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-231 .elementor-element.elementor-element-5523bcf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:64px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:888;}.elementor-231 .elementor-element.elementor-element-c75a92f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-231 .elementor-element.elementor-element-9e10e3b{width:var( --container-widget-width, 36.268% );max-width:36.268%;--container-widget-width:36.268%;--container-widget-flex-grow:0;text-align:left;}.elementor-231 .elementor-element.elementor-element-9e10e3b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-231 .elementor-element.elementor-element-9e10e3b.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-231 .elementor-element.elementor-element-31edf33{text-align:left;}.elementor-231 .elementor-element.elementor-element-ac620f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-231 .elementor-element.elementor-element-4a3f998 .elementor-button{background-color:#03F29500;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#373B45;border-radius:10rem 10rem 10rem 10rem;}.elementor-231 .elementor-element.elementor-element-4a3f998 > .elementor-widget-container{margin:0px 010px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-231 .elementor-element.elementor-element-d817344{--min-height:100vh;}.elementor-231 .elementor-element.elementor-element-2579c13{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-231 .elementor-element.elementor-element-5523bcf{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-231 .elementor-element.elementor-element-c75a92f{--width:65px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-231 .elementor-element.elementor-element-31edf33{width:var( --container-widget-width, 65px );max-width:65px;--container-widget-width:65px;--container-widget-flex-grow:0;}.elementor-231 .elementor-element.elementor-element-ac620f3{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-231 .elementor-element.elementor-element-4a3f998{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-231 .elementor-element.elementor-element-4a3f998 .elementor-button{border-radius:5rem 5rem 5rem 5rem;padding:10px 10px 10px 10px;}.elementor-231 .elementor-element.elementor-element-6ea2059 .elementor-button{padding:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-231 .elementor-element.elementor-element-d817344{--width:64px;}.elementor-231 .elementor-element.elementor-element-5523bcf{--width:1136px;}}/* Start custom CSS for html, class: .elementor-element-f92d37d */@media (max-width: 768px) {
        .elementor-element.elementor-element-d817344 {min-height:auto!important;width:64px!important;}
    .elementor-231 .elementor-element.elementor-element-d817344:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-d817344 > .elementor-motion-effects-container > .elementor-motion-effects-layer {background-color:transparent!important;}
.c-burger-menu__desktop-links {display:none!important;}
  .c-burger-menu {
    width: 100%;
    transform: translateX(-100%);
  }
  .c-burger-menu.js-active {
    transform: translateX(0);
  }
}
ul {
    list-style: none;
    padding-left: 0;
}
.c-burger-menu__title.js-active::after {
    transform: rotate3d(1, 0, 0, 0deg);
}
.c-burger-menu .c-burger-menu__title .o-icon, .c-burger-menu .c-burger-menu__item .o-icon {
    width: 20px;
    height: 20px;
    color: var(--mid-gray);
}
.c-burger-menu__list.js-active {
    height: auto!important;
}
.c-burger-menu__list {
    height: 0;
}
.c-burger-menu__category button {
  background-color: rgb(55, 59, 69);
  border: 1px solid rgb(57 57 57);
  border-radius:8
  }
  .c-burger-menu__title:hover {
      background-color: var(--gray-3);
  }
  .c-burger-menu__title::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      margin-left: auto;
      -webkit-mask-image: url(https://betonred777.de/wp-content/uploads/2025/03/dropdown-1.svg);
      mask-image: url(https://betonred777.de/wp-content/uploads/2025/03/dropdown-1.svg);
      transform: rotate3d(1, 0, 0, 180deg);
      background-color: var(--mid-gray);
      transition: var(--transition-f);
  }
  .c-burger-menu__title.js-active::after {
    transform: rotate3d(1, 0, 0, 0deg);
}
  @media (min-width: 1280px) {
    .c-burger-menu.js-active .c-burger-menu__links {
        display: grid
  ;
    }
  }
  .c-burger-menu__links {
    display: grid
  ;
    gap: 0.25rem;
    margin: 0 0.5rem;
  }
  .c-burger-menu__category {
    overflow: hidden;
  }
  .c-burger-menu .c-burger-menu__title, .c-burger-menu .c-burger-menu__item {
    display: flex
  ;
    align-items: center;
    gap: 0.5rem;
    color: var(--light-gray);
    border-radius: 0.5rem;
    width: 100%;
    padding: 0.5rem;
    font-size: 0.875rem;
    transition: var(--transition-f);
  }
  .c-burger-menu__title:hover {
    background-color: var(--gray-3);
  }
  .c-burger-menu .c-burger-menu__title, .c-burger-menu .c-burger-menu__item {
    display: flex
  ;
    align-items: center;
    gap: 0.5rem;
    color: var(--light-gray);
    border-radius: 0.5rem;
    width: 100%;
    padding: 0.5rem;
    font-size: 0.875rem;
    transition: var(--transition-f);
  }
  :root {
      --black: #000;
      --white: #fff;
      --gray-0: #101114;
      --gray-1: #1D1F24;
      --gray-2: #2A2D35;
      --gray-3: #373B45;
      --mid-gray: #7B8296;
      --light-gray: #CED0D8;
      --green-4: #25FCA8;
      --green-5: #03F295;
      --green-6: #02C277;
      --yellow: #F6DA24;
      --sea-blue: #1a799f;
      --body-bgc: var(--gray-0);
      --body-color: var(--white);
      --font-size: 16px;
      --font-general: "Montserrat";
      --transition-f: .2s all ease-in-out;
      --base-border-r: .5rem;
      --header-height: 54px;
      --header-bgc: var(--gray-0);
      --section-gap: 1.5rem;
      --section-inner: 1rem;
      --content-gap: 1.5rem;
      --content-inner: 1rem;
      --toc-bgc: var(--gray-1);
      --toc-current-bgc: var(--green-6);
      --toc-hover-bgc: 
  color-mix(in srgb, var(--green-6) 40%, transparent);
      --toc-active-bgc: inherit;
      --table-border: 1px solid var(--gray-3);
      --caption-p: 1rem;
      --th-p: 1rem;
      --td-p: 1rem;
      --caption-bgc: 
  color-mix(in srgb, var(--green-5) 10%, transparent);
      --th-bgc: inherit;
      --td-bgc: inherit;
      --caption-color: var(--green-5);
      --th-c: inherit;
      --td-c: inherit;
      --faq-p: 1rem;
      --faq-q-bgc: 
  color-mix(in srgb, var(--green-5) 10%, var(--black) 10%);
      --faq-q-color: var(--green-5);
      --faq-a-bgc: 
  color-mix(in srgb, var(--green-5) 10%, var(--black) 100%);
      --faq-a-color: inherit;
      --review-bgc: 
  color-mix(in srgb, var(--green-5) 10%, transparent);
      --welcome-height: 55px;
      --sidebar-width: 64px;
  }
  .c-burger-menu__header > button {
      background-color: transparent !important;
      border: none !important;
      color:#fff!important;
  }
  .c-burger-menu__card {
      position: relative;
      display: flex
  ;
      align-items: center;
      flex: 0 0 calc(50% - 0.125rem);
      padding: 0.25rem;
      gap: 0.5rem;
      font-size: 0.75rem;
      font-weight: 600;
      background-color: #2a2d35;
      border-radius: 0.5rem;
      overflow: hidden;
      z-index: 1;
      transition:.2s all ease-in-out;
  }
  .c-burger-menu__card::before {
      content: "";
      position: absolute;
      top: -60px;
      left: -60px;
      z-index: -1;
      display: block;
      width: 120px;
      height: 120px;
      background-color: var(--sea-blue);
      opacity: 0.6;
      -webkit-filter: blur(40px);
      filter: blur(40px);
  }
  @media (min-width: 1280px) {
      .c-burger-menu.js-active .c-burger-menu__cards {
          display: flex
  ;
      }
  }
  .c-burger-menu__card {
      position: relative;
      display: flex
  ;
      align-items: center;
      flex: 0 0 calc(50% - 0.125rem);
      padding: 0.25rem;
      gap: 0.5rem;
      font-size: 0.75rem;
      font-weight: 600;
      background-color: #2a2d35;
      border-radius: 0.5rem;
      overflow: hidden;
      z-index: 1;
      transition: var(--transition-f);
  }
  @media (min-width: 1280px) {
      .c-burger-menu__control, .c-burger-menu__cards, .c-burger-menu__links {
          display: none;
      }
  }
  .c-burger-menu__cards {
      display: flex;
      flex-wrap: wrap;
      gap: 0.25rem;
      margin: 0 0.5rem;
      padding: 0.25rem;
      border-radius: 0.5rem;
      background-color: var(--gray-0);
  }
  .c-burger-menu__cards a {color:#fff;font-size:12px;}
  @media (min-width: 1280px) {
      .c-burger-menu__cards, .c-burger-menu__control, .c-burger-menu__links {
          display: none;
      }
  }
  
  .c-burger-menu.js-active {
    background: linear-gradient(to right, var(--gray-0), var(--gray-1), var(--gray-2), var(--gray-3));
  }
  
  .c-burger-menu__control button {background-color:transparent!important;border:none!important;color:#fff!important;}
  * Скрываем меню за левым краем */
  .c-burger-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;        /* Фиксированная ширина меню */
    height: 100%;
    background: #fff;    /* Фон меню */
    transform: translateX(-320px);
    transition: transform 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
  }
  
  /* Когда меню активно, сдвигаем его в область видимости */
  .c-burger-menu.js-active {
    transform: translateX(0);
  }
  
  /* Пример: горизонтальное расположение иконок в нижнем блоке */
  .c-burger-menu__desktop-links {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 10px;
  }
  .c-burger-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
  }
  /* Контейнер меню */
  .c-burger-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
    background: linear-gradient(to right, #101114, #1D1F24, #2A2D35, #373B45);
    transform: translateX(-320px);
    transition: transform 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
  }
  
  /* При открытом меню (когда добавлен класс js-active) */
  .c-burger-menu.js-active {
    transform: translateX(0);
  }
  
  /* Шапка меню с кнопкой закрытия и логотипом */
  .c-burger-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
  }
  
  /* Блок карточек */
  .c-burger-menu__cards {
    display: flex;
    flex-wrap: wrap;
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d7de4f */.elementor-element.elementor-element-d817344.e-con-full.e-flex.e-con.e-child {z-index:999;}
.icon {color:#fff;}
.c-burger-menu__desktop-links a {color:#979899;}
.c-burger-menu__desktop-links a:hover {color:#eaebee;}

.c-burger-menu__desktop-links {
  display: flex;
  flex-direction: column; 
  align-items: center;
  gap: 30px; 
  color:#fff;
}
.js-burger-open {background-color: transparent!important;border:none!important;}
/* Стили для бокового меню */
.c-burger-menu {
  position: fixed;       /* Фиксированное позиционирование */
  top: 0;
  left: 0;
  width: 320px;          /* Ширина меню */
  height: 100%;          /* Полная высота экрана */
  background: #fff;      /* Фон меню, можно изменить на нужный */
  transform: translateX(-320px);  /* Скрываем меню за экраном */
  transition: transform 0.3s ease;
  z-index: 9999;         /* Чтобы меню было поверх контента */
}

/* Когда меню активно, сдвигаем его в область видимости */
.c-burger-menu.js-active {
  transform: translateX(0);
}/* End custom CSS */