/*
 Theme Name:   Divi Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     Divi
 Version:      2.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

/* @import url('https://fonts.googleapis.com/css?family=Ubuntu'); */
:root {
  .h4-font-header {
    font-family: "IBM Plex Sans Condensed";
    font-size: 18px;
    font-weight: 600;
    line-height: 27.5px;
    letter-spacing: 0.04em;
    text-align: left;
    color: #000000;
    padding-bottom: 3px;
    text-transform: uppercase;
  }
  h2 {
    font-family: "IBM-Plex-Sans";
    font-size: 32.5px;
    font-weight: 600;
    line-height: 40.63px;
    text-align: left;
    color: #000;
  }
}
/* Font-face declarations are loaded from assets/css/fonts.css */

div#header.background-none {
  background: none !important;
}
.home-page-section-7 > .et_pb_row,
.row-custom-2-col.et_pb_row {
  width: 100%;
  max-width: 1440px;
  padding: 0px 60px 0px 60px;
}

.header-section .header-row .et_pb_column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.header-row {
  max-width: 1440px;
  width: 100%;
}

.logo-dao-ecommerce-solutions {
  transition: padding 0.3s ease;
}

.menu-dao-ecommerce-solutions {
  padding-right: 9px;
}

.menu-dao-ecommerce-solutions
  .et_pb_menu_inner_container
  .et_pb_menu__wrap
  ul:not(.sub-menu)
  > li {
  padding: 0px 40px 0px 0px;
  margin-top: 0px;
  align-items: center;
}

.menu-dao-ecommerce-solutions
  .et_pb_menu_inner_container
  .et_pb_menu__wrap
  ul:not(.sub-menu)
  > li
  > a {
  font-family: "IBM Plex Sans Condensed";
  font-size: 14px;
  font-weight: 700;
  line-height: 17.5px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  padding-bottom: 0px;
}

.menu-dao-ecommerce-solutions
  .et_pb_menu_inner_container
  .et_pb_menu__wrap
  ul:not(.sub-menu)
  > li:last-child
  > a {
  color: #ffffff;
  background-color: #3a3e42;
  padding: 12px 20px;
  border-radius: 10px;
}

.footer-section .footer-row-address .et_pb_column {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.footer-address,
.footer-phone,
.footer-email {
  font-family: "IBM-Plex-Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.footer-address span,
.footer-phone span,
.footer-email span {
  font-family: "IBM-Plex-Sans";
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.footer-address {
  margin-bottom: 25px;
}
ul#menu-footer li a,
ul#menu-footer-right li a {
  padding-bottom: 3px;
}
div#menu-footer-right {
  display: flex;
  flex-direction: column;
}

ul#menu-footer-right {
  flex-direction: column;
  text-transform: uppercase;
}

ul#menu-footer li {
  padding-left: 23.5px;
}

ul#menu-footer li a,
ul#menu-footer-right li a {
  font-family: "IBM Plex Sans Condensed";
  font-size: 14px;
  font-weight: 700;
  line-height: 17.5px;
  letter-spacing: 0.04em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

ul#menu-footer {
  flex-direction: column;
  position: relative;
  text-transform: uppercase;
}

ul#menu-footer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 90%;
  background-color: #000000;
  max-width: 139px;
  top: 50%;
  transform: translateY(-50%);
}

.home-page-section-1 .row-1 .text-1 h1 {
  font-family: "IBM-Plex-Sans";
  font-size: 45px;
  font-weight: 700;
  line-height: 56.25px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  padding-bottom: 10px;
}

.home-page-section-1 .row-1 .text-1 {
  margin-bottom: 0px;
}

.home-page-section-1 .row-1 .text-2 {
  font-family: "IBM-Plex-Sans";
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
  color: #000000;
  margin-bottom: 0px;
  padding-bottom: 124px;
}

.home-page-section-1 .row-1 .text-3 {
  font-family: "IBM-Plex-Sans";
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  margin-bottom: 0px;
  padding-bottom: 12px;
}

.home-page-section-1 .row-1 .text-4 {
  font-family: "IBM-Plex-Sans";
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  margin-bottom: 0px;
  padding-bottom: 40px;
}

.home-page-section-1 .row-1 .button-1 {
  padding: 13px 30px 14px 30px;
  color: #ffffff;
  background: linear-gradient(92.18deg, #ff2f1f 48.17%, #f21100 100%);
  border-radius: 10px;
  border: none;
  text-transform: uppercase;
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px !important;
  letter-spacing: 0.04em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.home-page-section-1 .row-1 .image-1 {
  display: none;
}

.home-page-section-1 .row-2 .et_pb_column {
  position: absolute;
  top: -748px;
  z-index: 1;
  padding-right: 57px;
}

.home-page-section-2 .row-1 .text-1 {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  max-width: 360px;
  margin: 0px;
  padding-bottom: 30px;
}

.home-page-section-2 .row-1 .button-1 {
  background-color: #000000;
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px !important;
  letter-spacing: 0.04em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff;
  border: 0px;
  text-transform: uppercase;
}

.home-page-section-2 .row-1 .et_pb_column {
  top: -122px;
  max-width: 422px;
  padding: 22px 30px 30px 32px;
  background-color: #d4dce3;
  border-radius: 10px;
}

.home-page-section-2 .row-1 {
  height: 0px;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: 172px;
  width: 100%;
  max-width: 1440px;
}

.home-page-section-3 .row-1 .text-1 {
  margin: 0px;
  padding-top: 51px;
  padding-bottom: 10px;
  color: #3a3e42;
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.home-page-section-3 .row-1 .text-2 h2 {
  margin: 0px;
  padding-bottom: 25px;
  font-family: "IBM-Plex-Sans";
  font-size: 32.5px;
  font-weight: 600;
  line-height: 40.63px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}

.home-page-section-3 .row-1 .text-3 {
  margin: 0px;
  padding-bottom: 25px;
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0px;
  color: #000000;
}

.home-page-section-3 .row-1 a.button-1 {
  background: linear-gradient(92.18deg, #ff210d 48.17%, #f21100 100%);
  color: #ffffff;
  border-radius: 10px;
  text-transform: uppercase !important;
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px !important;
  letter-spacing: 0.04em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.home-page-section-4 .row-1 .text-1 h3 {
  font-family: "IBM-Plex-Sans";
  font-size: 30px;
  font-weight: 400;
  line-height: 37.5px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}

.home-page-section-4 .row-1 .text-2 .et_pb_text_inner ul li {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  padding-bottom: 25px;
}

.home-page-section-4 .row-1 .text-2 .et_pb_text_inner ul {
  padding-left: 35px;
}

.home-page-section-4 .row-1 .et_pb_column:first-child {
  margin-right: 3.9%;
}

.home-page-section-4 .row-1 .et-last-child {
  background: #e7ecf2;
  border-radius: 20px;
  padding: 30px;
  max-width: 584px;
}

.home-page-section-4 .row-1 .et-last-child .blurb-1,
.home-page-section-4 .row-1 .et-last-child .blurb-2,
.home-page-section-4 .row-1 .et-last-child .blurb-3,
.home-page-section-4 .row-1 .et-last-child .blurb-4,
.home-page-section-4 .row-1 .et-last-child .blurb-5 {
  margin: 0px;
}

.home-page-section-4 .row-1 .et-last-child .blurb-1 .et_pb_blurb_content,
.home-page-section-4 .row-1 .et-last-child .blurb-2 .et_pb_blurb_content,
.home-page-section-4 .row-1 .et-last-child .blurb-3 .et_pb_blurb_content,
.home-page-section-4 .row-1 .et-last-child .blurb-4 .et_pb_blurb_content,
.home-page-section-4 .row-1 .et-last-child .blurb-5 .et_pb_blurb_content {
  margin: 0px;
  padding-bottom: 30px;
}

.home-page-section-4
  .row-1
  .et-last-child
  .blurb-1
  .et_pb_blurb_content
  .et_pb_blurb_container,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-2
  .et_pb_blurb_content
  .et_pb_blurb_container,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-3
  .et_pb_blurb_content
  .et_pb_blurb_container,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-4
  .et_pb_blurb_content
  .et_pb_blurb_container,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-5
  .et_pb_blurb_content
  .et_pb_blurb_container {
  padding-left: 30px;
}

.home-page-section-4
  .row-1
  .et-last-child
  .blurb-2
  .et_pb_blurb_content
  .et_pb_blurb_container
  h4,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-3
  .et_pb_blurb_content
  .et_pb_blurb_container
  h4,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-4
  .et_pb_blurb_content
  .et_pb_blurb_container
  h4,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-5
  .et_pb_blurb_content
  .et_pb_blurb_container
  h4 {
  font-family: "IBM Plex Sans Condensed";
  font-size: 18px;
  font-weight: 600;
  line-height: 22.5px;
  letter-spacing: 0.04em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  padding-bottom: 0px;
  color: #000000;
}

.home-page-section-4
  .row-1
  .et-last-child
  .blurb-1
  .et_pb_blurb_content
  .et_pb_blurb_container
  h4 {
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  padding-bottom: 0px;
  color: #000000;
  display: flex;
  height: 100px;
  align-items: center;
}

.home-page-section-4
  .row-1
  .et-last-child
  .blurb-1
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_blurb_description,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-2
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_blurb_description,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-3
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_blurb_description,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-4
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_blurb_description,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-5
  .et_pb_blurb_content
  .et_pb_blurb_container
  .et_pb_blurb_description {
  font-family: "IBM-Plex-Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}

.home-page-section-4
  .row-1
  .et-last-child
  .blurb-1
  .et_pb_blurb_content
  .et_pb_main_blurb_image,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-2
  .et_pb_blurb_content
  .et_pb_main_blurb_image,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-3
  .et_pb_blurb_content
  .et_pb_main_blurb_image,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-4
  .et_pb_blurb_content
  .et_pb_main_blurb_image,
.home-page-section-4
  .row-1
  .et-last-child
  .blurb-5
  .et_pb_blurb_content
  .et_pb_main_blurb_image {
  width: 100px;
  padding: 25px 24px 25px 26px;
  background: #f7f9fb;
  border-radius: 10px;
  display: flex;
  margin-bottom: 0px;
}

.home-page-section-4
  .row-1
  .et-last-child
  .blurb-1
  .et_pb_blurb_content
  .et_pb_main_blurb_image {
  padding: 0px !important;
  background: #ffffff00 !important;
  display: table-cell;
}

.home-page-section-4 .row-1 .text-4 {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}

.home-page-section-4 .row-1 .et-last-child .button-1 {
  padding: 13px 30px 14px 30px;
  color: #ffffff;
  background: linear-gradient(92.18deg, #ff2f1f 48.17%, #f21100 100%);
  border-radius: 10px;
  border: none;
  text-transform: uppercase;
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px !important;
  letter-spacing: 0.04em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.home-page-section-5 .row-1 .et-last-child .text-1 {
  margin-bottom: 0px;
  padding-bottom: 4px;
}

.home-page-section-5 .row-1 .et-last-child .text-1 h4 {
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  border-radius: 20px;
  columns: #000000;
}

.home-page-section-5 .row-1 .et-last-child .slide-1 {
  border-radius: 20px;
  max-width: 585px;
  margin-bottom: 80px;
}

.home-page-section-5 .row-1 .et-last-child .slide-1 .slick-track {
  display: flex;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  align-items: center;
}

.home-page-section-5 .row-1 {
  padding-left: 148px;
  padding-right: 93px;
  display: flex;
}

.home-page-section-5 .row-1 .et-last-child {
  max-width: 585px;
  width: 50%;
}

.home-page-section-5 .row-1 > div:first-child {
  max-width: 472px;
  margin-right: auto;
}

.home-page-section-5 .row-1 .et-last-child .text-2 {
  margin-bottom: -5px;
  padding-top: 24px;
  padding-bottom: 14px;
  background: #e7ecf2;
  border-radius: 20px 20px 0px 0px;
}

.home-page-section-6 .row-1 {
  width: 100%;
  max-width: 1440px;
  padding: 0px 60px 0px 60px;
  height: 0px;
}

.home-page-section-6 .row-1 .et_pb_column {
  background: #a3bfd8;
  border-radius: 20px;
  padding: 20px 88px 0px 88px;
  top: -170px;
}

.home-page-section-6 .row-1 .et_pb_column .text-1 {
  margin: 0px;
  font-family: "IBM Plex Sans Condensed";
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.04em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  text-transform: uppercase;
  color: #000000;
}

.home-page-section-6
  .row-1
  .et_pb_module_inner
  .dtq-carousel
  .slick-list.draggable
  .slick-track {
  padding: 60px 0px 55px 0px;
  display: flex;
  align-items: flex-start;
}

body.et-db #et-boc .home-page-section-6 .row-1 .dtq-carousel .slick-slide {
  display: flex;
  justify-content: center;
}

.home-page-section-6
  .row-1
  .dtq-carousel
  .slick-slide
  .ba_image_carousel_child
  .content
  .content-inner {
  padding: 12px 0px 0px 0px;
}

.home-page-section-6
  .row-1
  .dtq-carousel
  .slick-slide
  .ba_image_carousel_child
  h5.dtq-image-subtitle {
  font-family: "IBM-Plex-Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}

.home-page-section-7 .row-1 > div:first-child .et_pb_text {
  margin: 0px;
}
#project-suport .project-suport,
.home-page-section-7 .e-commerce-automatisierung {
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  text-align: left;
  margin-bottom: 5px;
  text-transform: uppercase;
}
#project-suport h2.title-block,
.home-page-section-7 h2.title-block {
  font-family: "IBM-Plex-Sans";
  font-size: 32.5px;
  font-weight: 600;
  line-height: 40.63px;
  text-align: left;
  color: #000000;
}
.home-page-section-7 .highlight {
  font-family: "IBM Plex Sans Condensed";
  font-size: 18px;
  font-weight: 600;
  line-height: 22.5px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #3a3e42;
  text-transform: uppercase;
}
.home-page-section-7 .section {
  margin-top: 32px;
}
.home-page-section-7 .section p:first-child {
  padding-bottom: 0;
}
#project-suport .et_pb_text_inner,
.home-page-section-7 p {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: black;
}
.home-page-section-7 h3 {
  font-family: "IBM-Plex-Sans";
  font-size: 30px;
  font-weight: 400;
  line-height: 37.5px;
  text-align: left;
  color: #000000;
}
.home-page-section-7 strong {
  font-weight: 700;
}
.btn.btn-red {
  padding: 13px 30px 14px 30px;
  border-radius: 10px;
  background: linear-gradient(92.18deg, #ff210d 48.17%, #f21100 100%);
  border: 0;
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  display: block;
  width: fit-content;
}
.btn.btn-red:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
}
.home-page-section-7 .cta {
  margin-top: 37px;
}
.block-benefits {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  border-radius: 20px;
}
.block-benefits .et_pb_blurb {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px !important;
}
.block-benefits .et_pb_blurb .et_pb_blurb_container {
  padding-left: 30px;
}
.block-benefits .et_pb_blurb .et_pb_main_blurb_image {
  width: 100px;
  border-radius: 10px;
  margin-bottom: 0px;
  height: 100px;
  display: flex;
}
.block-benefits .et_pb_blurb:not(:first-child) .et_pb_main_blurb_image {
  background: #f7f9fb;
  margin-top: 20px;
}
.block-benefits
  .et_pb_blurb:not(:first-child)
  .et_pb_main_blurb_image
  .et_pb_image_wrap {
  width: 50px;
  height: 50px;
}
.block-benefits .et_pb_blurb_content .et_pb_blurb_container {
  vertical-align: middle;
  width: 100%;
}
.block-benefits h4.et_pb_module_header {
  font-family: "IBM Plex Sans Condensed";
  font-size: 18px;
  font-weight: 600;
  line-height: 22.5px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #000000;
  padding-bottom: 3px;
  text-transform: uppercase;
}
.block-benefits .et_pb_blurb:first-child h4.et_pb_module_header {
  font-size: 22px;
  line-height: 27.5px;
}
.block-benefits div.et_pb_blurb_description p {
  font-family: "IBM-Plex-Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
.block-benefits .et_pb_text_inner p {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  color: #000000;
  padding: 10px 30px;
}
.block-benefits .et_pb_button_module_wrapper .et_pb_button {
  padding: 13px 30px 14px 30px;
  border-radius: 10px;
  background: linear-gradient(92.18deg, #ff210d 48.17%, #f21100 100%);
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px !important;
  letter-spacing: 0.04em;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border: 0;
  white-space: pre;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
.home-page-section-4 .row-1 .et-last-child .button-1::after,
.block-benefits .et_pb_button:hover:after {
  display: none;
}
.row-contact-form .et_pb_column_2_5,
.row-contact-form .column-image {
  width: 200px;
  margin-right: 25px;
}

.row-contact-form .et_pb_column_3_5,
.row-contact-form .column-fomular {
  width: calc(100% - 225px);
}
.row-contact-form .et_pb_column_3_5 h2,
.row-contact-form .column-fomular h2 {
  font-family: "IBM-Plex-Sans";
  font-size: 30px;
  font-weight: 400;
  line-height: 37.5px;
  text-align: left;
  color: #3a3e42;
}
.row-contact-form .ba_cf7_styler .contact-form {
  max-width: 870px;
}
.row-contact-form .ba_cf7_styler .contact-form input:not([type="submit"]),
.row-contact-form .ba_cf7_styler .contact-form textarea {
  border-radius: 5px;
  margin-top: 2px !important;
  background: #f7f9fb !important;
  border: 0;
  margin-bottom: 0 !important;
  font-family: "IBM-Plex-Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.row-contact-form .ba_cf7_styler .contact-form .wpcf7-text {
  height: 47px;
}
.row-contact-form .ba_cf7_styler .contact-form .wpcf7-textarea {
  height: 127px;
}
.row-contact-form .ba_cf7_styler .contact-form label br {
  display: none;
}
.row-contact-form .ba_cf7_styler .contact-form .text-field {
  margin-top: 20px;
}
.row-contact-form .ba_cf7_styler .contact-form .text-field,
.row-contact-form .ba_cf7_styler .contact-form .label-checkbox-kontakt {
  font-family: "IBM Plex Sans Condensed";
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #7b8188;
}
.row-contact-form .ba_cf7_styler .contact-form .recaptcha {
  position: initial;
  display: block;
  margin-top: 20px;
}
.row-contact-form .ba_cf7_styler .contact-form .submit-contact {
  margin-top: 20px;
  position: relative;
}
.row-contact-form .ba_cf7_styler .contact-form .submit-contact .wpcf7-spinner {
  position: absolute;
  top: 20%;
  left: 120px;
}
.row-contact-form
  .ba_cf7_styler
  .contact-form
  .label-checkbox-kontakt
  .wpcf7-form-control-wrap {
  top: 2px;
}
.row-contact-form
  .ba_cf7_styler
  .contact-form
  .label-checkbox-kontakt
  .wpcf7-list-item {
  margin-left: 0;
  margin-top: 12px;
}
.row-contact-form
  .ba_cf7_styler
  .contact-form
  .label-checkbox-kontakt
  .wpcf7-list-item
  input[type="checkbox"] {
  margin-left: 0;
}
.row-contact-form .ba_cf7_styler .contact-form input[type="submit"] {
  padding: 13px 30px 14px 30px;
  border-radius: 10px;
  background: linear-gradient(92.18deg, #ff210d 48.17%, #f21100 100%);
  border: 0;
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
  white-space: pre;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}


#homepage-kontakt {
  padding: 0;
  overflow: auto !important;
  width: 100%;
  height: 100%;
}
#homepage-kontakt .et_pb_row {
  height: auto;
  margin: 0 auto !important;
  padding: 25px 0;
  max-width: 423px;
  width: 100%;
}
#homepage-kontakt h2.dtq-form-header-title,
#homepage-kontakt h4.et_pb_module_header {
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #000;
  padding-bottom: 14px;
  text-transform: uppercase;
}
#homepage-kontakt .et_pb_blurb_description .btn.btn-red {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  height: 66px;
  line-height: 39px;
}
#homepage-kontakt .et_pb_blurb_description .btn.btn-red img {
  position: absolute;
  left: 19px;
  top: 18px;
}
#homepage-kontakt .et_pb_blurb {
  margin-bottom: 44px;
}
#homepage-kontakt .dtq-form-header {
  display: block;
}
#homepage-kontakt .row-contact-form .ba_cf7_styler .contact-form .text-field,
#homepage-kontakt
  .row-contact-form
  .ba_cf7_styler
  .contact-form
  .label-checkbox-kontakt {
  color: #3a3e42;
}
.title-block-h3 {
  font-family: "IBM-Plex-Sans";
  font-size: 30px;
  font-weight: 400;
  line-height: 37.5px;
  text-align: left;
  color: #000000;
}
#project-suport .skills {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 24px;
  max-width: 700px;
}
#project-suport .skills ul li {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  margin-bottom: 15px;
}
.banner-top h1.et_pb_slide_title {
  font-family: "IBM-Plex-Sans";
  font-size: 45px;
  font-weight: 700;
  line-height: 56.25px;
  text-align: left;
}
.banner-top .et_pb_slide .et_pb_slide_description {
  height: 100%;
  margin-top: -100px;
  text-shadow: none !important;
}
.banner-top .et_pb_slide .et_pb_slide_content p {
  font-family: "IBM-Plex-Sans";
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
  text-align: left;
}
.banner-top .et_pb_slide .et_pb_slide_description .et_pb_button_wrapper {
  position: absolute;
  bottom: 0;
}
.banner-top
  .et_pb_slide
  .et_pb_slide_description
  .et_pb_button_wrapper
  a.et_pb_more_button {
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 13px 30px 14px 30px;
}
.no-image-left .et_pb_blurb_content:before {
  content: "";
  width: 100px;
  height: 100px;
  display: inline-block;
}
#project-suport .block-benefits {
  padding-top: 12px;
}
#project-suport .block-benefits .no-image-left {
  margin-bottom: 12px !important;
}
#title-module-page .et_pb_text_inner,
#it-referenzen .et_pb_text_inner {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #000000;
}
#title-module-page .sub-title,
#it-referenzen .it-referenzen {
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  color: #3a3e42;
  text-transform: uppercase;
}
#title-module-page h1.title-block-h1,
#it-referenzen h1.title-block-h1 {
  font-size: 45px;
  font-weight: 700;
  line-height: 56.25px;
  color: #000000;
}
.title-block-h1 .et_pb_text_inner {
  font-size: 35px;
  font-weight: 700;
  line-height: 38.25px;
  color: #000000;
}

.list-logo-color .et_pb_main_blurb_image {
  width: 170px;
  height: 170px;
}
.list-logo-color .et_pb_blurb_container {
  width: calc(100% - 170px);
}

.list-logo-color .et_pb_blurb_container {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #000000;
  padding-left: 25px;
}
.list-logo-color .et_pb_text .et_pb_text_inner h2 {
  font-family: "IBM-Plex-Sans";
  font-weight: 400;
  text-align: left;
  color: #000000;
  font-size: 32.5px;
  line-height: 40.63px;
  padding-bottom: 25px;
}
#contact-page-section
  .row-contact-form
  .ba_cf7_styler
  .contact-form
  .half-column
  .text-field {
  margin-top: 0px;
}
#contact-page-section
  .row-contact-form
  .ba_cf7_styler
  .contact-form
  input[type="submit"] {
  float: right;
  margin-bottom: 10px;
}
#contact-page-section
  .row-contact-form
  .ba_cf7_styler
  .contact-form
  .submit-contact
  .wpcf7-spinner {
  right: 120px;
  left: auto;
}
#contact-page-section .dtq-cf7-styler .wpcf7 div.wpcf7-response-output {
  clear: both;
  margin-top: 30px;
  width: 92%;
}

#contact-page-section .row-contact-form .contact-box {
  border-radius: 20px;
  background: #a3bfd8;
  padding: 25px;
}
#contact-page-section .row-contact-form .contact-box {
  border-radius: 20px;
  background: #a3bfd8;
  padding: 25px;
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  color: #000000;
  max-width: 400px;
  margin: 0 auto;
}
#contact-page-section .row-contact-form .contact-box .contact-heading {
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#contact-page-section .row-contact-form .contact-box a.btn-red {
  font-size: 18px;
  line-height: 39px;
  display: block;
  position: relative;
  width: 100%;
}
#contact-page-section .row-contact-form .contact-box a.btn-red img {
  position: absolute;
  left: 19px;
  top: 18px;
}
#contact-page-section .row-contact-form .contact-box .contact-hours {
  margin-top: 20px;
}
.list-logo-color .et_pb_blurb_container a {
  text-decoration: underline;
  color: #000;
}
.image-region .et_pb_blurb_container {
  display: flex;
  column-gap: 25px;
  position: absolute;
  top: 15px;
  right: 30px;
  font-family: "Courier New";
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
  padding: 0;
}
.image-region .et_pb_blurb_container .et_pb_blurb_description {
  position: relative;
  bottom: 0px;
}
.image-region .et_pb_blurb_container .et_pb_module_header {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.04em;
  color: #ffffff;
  padding: 0;
  text-transform: uppercase;
}
.image-region.germany .et_pb_image_wrap:before {
  content: "";
  width: 100%;
  height: calc(100% - 30px);
  background: linear-gradient(
    9.8deg,
    rgba(0, 0, 0, 0) 66.18%,
    rgba(0, 0, 0, 0.3) 88.98%
  );
  position: absolute;
  border-radius: 20px 20px 0px 0px;
}
.image-region.hcm .et_pb_image_wrap:before {
  content: "";
  width: 100%;
  height: calc(100% - 30px);
  background: linear-gradient(
    9.8deg,
    rgba(0, 0, 0, 0) 66.18%,
    rgba(0, 0, 0, 0.3) 88.98%
  );
  position: absolute;
  border-radius: 0px 0px 20px 20px;
}
.font-body .et_pb_text_inner {
  font-family: "IBM-Plex-Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #000000;
}
.font-body .et_pb_text_inner h4 {
  font-family: "IBM Plex Sans Condensed";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
  margin-top: 16px;
}

.block-people .et_pb_image_wrap img {
  height: 200px;
  object-fit: cover;
}
.block-people .et_pb_blurb_content {
  display: flex;
  column-gap: 12px;
}

.block-people.reverse .et_pb_blurb_content {
  flex-direction: row-reverse;
}
.block-people .et_pb_main_blurb_image {
  width: 200px;
  margin-bottom: 8px;
}
.block-people .et_pb_blurb_container {
  background: #d4dce3;
  border-radius: 20px;
  padding: 23px 22px;
  width: 100%;
}
.block-people .et_pb_blurb_container .et_pb_blurb_description {
  font-family: "IBM-Plex-Sans";
  font-size: 17px;
  font-weight: 400;
  line-height: 25.5px;
  text-align: left;
  color: #000;
}
.block-people .et_pb_blurb_container .et_pb_blurb_description .sub-title {
  font-family: "IBM Plex Sans Condensed";
  line-height: 21.25px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.block-people .et_pb_blurb_container .et_pb_module_header {
  font-family: "Barlow";
  font-size: 22px;
  font-weight: 600;
  line-height: 27.5px;
  text-align: left;
  padding-bottom: 5px;
}
.row-gallery .et_pb_gallery_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 8px;
}
.row-gallery .et_pb_gallery_items .et_pb_gallery_item {
  margin-right: 0;
  margin-bottom: 8px;
}
.row-gallery .et_pb_gallery_items .et_pb_gallery_item:first-child {
  width: 546px;
}
.row-gallery .et_pb_gallery_items .et_pb_gallery_item:nth-child(2) {
  width: 316px;
}
.row-team-about .et_pb_column:first-child {
  margin-right: 48px;
  width: calc(50% - 24px);
}
.row-team-about .et_pb_column.et-last-child {
  width: calc(50% - 24px);
}
.home-page-section-1 .row-1 .button-1:after {
  display: none;
}
.home-page-section-2 .row-1 .button-1:after {
  width: 24px;
  height: 24px;
  background: url("images/btn-arrow.png") no-repeat;
  color: transparent !important;
  margin-left: 0.3em !important;
  background-size: 24px 24px;
  top: 13px;
}
.home-page-section-4 .row-1 .et-last-child .button-1:hover,
.home-page-section-3 .row-1 a.button-1:hover,
.home-page-section-1 .row-1 .button-1:hover,
.block-benefits .et_pb_button_module_wrapper .et_pb_button:hover,
.btn.btn-red:hover,
.row-contact-form .ba_cf7_styler .contact-form input[type="submit"]:hover {
  background: #000;
}
.menu-dao-ecommerce-solutions
  .et_pb_menu_inner_container
  .et_pb_menu__wrap
  ul:not(.sub-menu)
  > li:last-child
  > a:hover,
.home-page-section-2 .row-1 .button-1:hover {
  background: linear-gradient(92.18deg, #ff2f1f 48.17%, #f21100 100%);
  opacity: 1;
}
/* Hide scrollbar for Chrome, Safari and Opera */
#homepage-kontakt::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#homepage-kontakt {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
/*style the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
  color: #000000;
  background: #f1f3f5;
  font-size: 1em !important;
  line-height: 1em;
  font-weight: bold !important;
  padding: 0.45em 0.8em !important;
  border-radius: 100px;
  border: none;
  transition: all 0.5s;
}

/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
  color: #ffffff !important;
  background: linear-gradient(
    92.18deg,
    #ff210d 48.17%,
    #f21100 100%
  ) !important;
  border-radius: 100px;
}

/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
  color: #ffffff !important;
  background: linear-gradient(
    92.18deg,
    #ff210d 48.17%,
    #f21100 100%
  ) !important;
}

/*style the wp-pagenavi pages text*/

.wp-pagenavi .pages {
  background: none;
}

/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
  border-top: none;
  text-align: center;
}
@media (max-width: 1300px) {
  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li {
    padding-right: 25px;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li:last-child {
    padding-right: 40px;
  }
}

@media (max-width: 1287px) and (min-width: 1221px) {
  .home-page-section-1 .row-1 .text-3 {
    padding-right: 9%;
  }
}

@media (max-width: 1220px) {
  .logo-dao-ecommerce-solutions {
    width: 30%;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li
    a {
    font-family: "IBM Plex Sans Condensed";
    font-size: 13px;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li {
    padding-right: 15px;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li:last-child {
    padding-right: 40px;
  }

  .footer-row-address .et_pb_column .footer-address {
    width: 60%;
  }

  .home-page-section-2 .row-1 {
    padding-right: 10%;
  }

  .home-page-section-1 .row-1 .et_pb_column {
    max-width: 50%;
  }

  .home-page-section-1 .row-1 .text-2 {
    padding-bottom: 60%;
  }

  .home-page-section-1 .row-2 .et_pb_column {
    top: -956px;
  }

  .home-page-section-5 {
    padding-bottom: 218px !important;
  }

  .home-page-section-5 .row-1 {
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .home-page-section-5 .row-1 .et-last-child {
    width: 100%;
  }

  .home-page-section-5 .row-1 > div:first-child {
    max-width: 472px;
    margin-right: 0px;
    width: 100%;
  }

  body.et-db
    #et-boc
    .home-page-section-6
    .row-1
    .ba_image_carousel_1
    .dtq-carousel
    .slick-slide {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
/* screen 1024 */
@media (max-width: 1024px) {

	.row-study-cases-main:after {
		display:none;
	}
  .banner-top .et_pb_slide .et_pb_slide_description {
    margin-top: 0;
  }
  .banner-top .et_pb_slide .et_pb_slide_content p {
    font-size: 32px;
    line-height: 38px;
  }
  .banner-top h1.et_pb_slide_title {
    font-size: 35px;
    line-height: 44.25px;
  }
  .banner-top .et_pb_slide .et_pb_slide_description .et_pb_button_wrapper {
    bottom: 60px;
  }
  .row-team-about .et_pb_column.et-last-child {
    margin-right: 0;
    width: 100%;
  }
  .row-team-about .et_pb_column:first-child {
    width: 100%;
    margin-bottom: 35px;
  }
	
		.row-study-cases-main .et_pb_blurb .et_pb_main_blurb_image img {
	height: 104px;
    width: auto;
	  object-fit: cover;
	}
	.row-study-cases-main .et_pb_blurb .et_pb_main_blurb_image{
		    float: inline-end;
	}
}

@media (min-width: 981px) {
  .row-contact-form .ba_cf7_styler .contact-form .half-column {
    display: flex;
    column-gap: 35px;
  }
  .row-contact-form .ba_cf7_styler .contact-form .half-column > div:first-child,
  .row-contact-form
    .ba_cf7_styler
    .contact-form
    .half-column
    > div:nth-child(2) {
    width: 50%;
  }
  .visible-980 {
    display: none;
  }
  .hide-980 {
    display: block;
  }
  #contact-page-section .row-contact-form .et_pb_column:first-child {
    width: 66%;
  }
  #contact-page-section .row-contact-form .et_pb_column.et-last-child {
    width: calc(34% - 50px);
    margin-left: 50px;
  }

}
@media (max-width: 980px) {
  .visible-980 {
    display: block;
  }
  .hide-980 {
    display: none;
  }
  .home-page-section-1 .row-1.et_pb_row {
    padding-left: 0px !important;
    width: 90%;
  }

  .logo-dao-ecommerce-solutions {
    width: 100%;
    padding-left: 21px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .menu-dao-ecommerce-solutions .et_pb_menu_inner_container {
    padding-right: 8px;
    margin-top: -3px;
  }

  ul#mobile_menu1 {
    position: fixed;
    padding: 0px 20px 20px 21px;
    border: 0px;
  }

  ul#mobile_menu1 li:first-child {
    border-top: 3px solid #2ea3f2;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul {
    -webkit-box-shadow: none;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li {
    padding: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li:last-child {
    padding: 0px;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li
    a {
    padding: 10px 14px;
    border: 2px solid white;
    text-align: left;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li
    a
    br {
    display: none;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li:last-child
    a {
    background: none;
    padding: 10px 14px;
    border-radius: 0px;
    color: black;
  }

  .menu-dao-ecommerce-solutions
    .et_pb_menu_inner_container
    .et_pb_menu__wrap
    ul
    li {
    background: white;
  }

  .menu-dao-ecommerce-solutions .mobile_menu_bar:before {
    color: #000000 !important;
  }

  #menu-footer-left .et_pb_menu__wrap .et_pb_menu__menu,
  #menu-footer-right .et_pb_menu__wrap .et_pb_menu__menu {
    display: block;
  }

  #menu-footer-left .et_pb_menu__wrap .et_mobile_nav_menu,
  #menu-footer-right .et_pb_menu__wrap .et_mobile_nav_menu {
    display: none;
  }

  .footer-row-address .et_pb_column .footer-address {
    width: 55%;
  }

  .home-page-section-2 .row-1 {
    padding-right: 5%;
  }

  .home-page-section-1 .row-2 {
    display: none;
  }

  .home-page-section-1 .row-1 .image-1 {
    display: block;
    margin: 0px;
  }

  .home-page-section-1 .row-1 .et_pb_column {
    max-width: 100%;
  }

  .home-page-section-1 .row-1 .text-2 {
    padding-bottom: 0px;
  }

  /* // */
  .row-custom-2-col.et_pb_row {
    max-width: 100%;
    padding: 0px;
    width: 90%;
  }

  .home-page-section-2 .row-1 {
    padding-right: 0;
    justify-content: center;
    width: 90%;
  }

  .home-page-section-2 .row-1 .et_pb_column {
    top: -30px;
  }

  .home-page-section-3 {
    padding-bottom: 66px !important;
  }

  .home-page-section-3 .row-1 .text-1 {
    padding-top: 75px;
  }

  .home-page-section-3 .row-1 .et-last-child .image-1 {
    padding-right: 0px;
    text-align: center;
  }

  .home-page-section-4 .row-1 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  .home-page-section-4 .row-1 .et_pb_column:first-child {
    padding-top: 60px;
    margin-right: auto;
  }
  .banner-top .et_pb_fullwidth_slider_0 .et_pb_slide {
    padding-left: 20px;
    padding-right: 20px;
  }
  .block-benefits {
    max-width: 585px;
    margin: 100px auto 0;
  }
  #contact-page-section .row-contact-form {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 50px;
  }

  footer .et_pb_section {
    padding: 0;
  }
}

@media (max-width: 820px) {
  .footer-row-address .et_pb_column .footer-address {
    width: 100%;
  }

  div#menu-footer-left {
    padding-left: 0;
  }

  div#menu-footer-right {
    padding-left: 129px;
  }

  ul#menu-footer,
  ul#menu-footer-right {
    padding-top: 8px;
  }

  ul#menu-footer::before {
    display: none;
  }

  .footer-section .footer-row-address .et_pb_column {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  ul#menu-footer li {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .et_pb_fullwidth_slider_0 .et_pb_slide_image {
    display: block !important;
  }
  .banner-top .et_pb_slide .et_pb_slide_description {
    padding-top: 30px;
  }
  .banner-top .et_pb_slide .et_pb_slide_description .et_pb_button_wrapper {
    position: initial;
    text-align: left;
  }
  .banner-top .et_pb_slide {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .section-slide.home-page-section-5 {
    padding-bottom: 50px !important;
  }
  .home-page-section-7 > .et_pb_row,
  .row-custom-2-col.et_pb_row {
    padding: 0px 22px;
    width: 100%;
  }
}

@media (max-width: 600px) {
  div#menu-footer-left {
    width: 100%;
    display: flex;
  }

  div#menu-footer-right {
    padding-left: 116px;
  }

  ul#menu-footer,
  ul#menu-footer-right {
    padding-top: 0px;
  }

  ul#menu-footer li,
  div#menu-footer-right li {
    margin-top: 0px;
  }

  ul#menu-footer li a,
  div#menu-footer-right li a {
    padding-bottom: 5px;
  }

  div#menu-footer-left,
  div#menu-footer-right {
    padding-top: 10px;
  }
  .row-contact-form .et_pb_column_2_5,
  .row-contact-form .column-image,
  .row-contact-form .et_pb_column_3_5,
  .row-contact-form .column-fomular {
    width: 100%;
  }
  .row-contact-form .et_pb_column_3_5,
  .row-contact-form .column-fomular {
    width: 100%;
  }
  .block-benefits .et_pb_blurb:first-child h4.et_pb_module_header {
    font-size: 19px;
    line-height: 23.75px;
  }
  .block-benefits h4.et_pb_module_header {
    font-size: 16px;
    line-height: 20px;
  }
  .block-benefits div.et_pb_blurb_description p {
    font-size: 15px;
    line-height: 22.5px;
  }
  .block-benefits .et_pb_blurb .et_pb_main_blurb_image {
    width: 80px;
    height: 80px;
  }
  .block-benefits .et_pb_blurb {
    padding-left: 20px;
    padding-right: 20px;
  }
  .block-benefits .et_pb_blurb .et_pb_blurb_container {
    padding-left: 20px;
  }
  .block-benefits {
    padding-bottom: 0 !important;
  }

  .block-benefits .et_pb_text,
  .block-benefits .et_pb_button_module_wrapper {
    display: none;
  }
  .home-page-section-2 .row-1 .text-1 {
    font-size: 17px;
    line-height: 25.5px;
    padding-bottom: 10px;
  }
  .home-page-section-3 .row-1 a.button-1,
  .home-page-section-2 .row-1 .button-1 {
    padding: 13px 30px 14px 30px !important;
    font-size: 16px;
    line-height: 20.8px;
    width: 100%;
  }
  .home-page-section-2 .row-1 .et_pb_column {
    padding: 22px;
  }
  .home-page-section-3 .row-1 .text-1 {
    font-size: 17px;
    font-weight: 600;
  }
  .home-page-section-3 .row-1 .text-2 h2 {
    font-size: 25px;
    line-height: 31.25px;
  }
  .home-page-section-3 .row-1 .text-2 {
    margin-bottom: 0;
  }
  .home-page-section-3 .row-1 .text-3 {
    font-size: 17px;
    line-height: 25.5px;
  }
  .home-page-section-1 .row-1 .text-2 {
    font-size: 26px;
    line-height: 39px;
  }
  .home-page-section-1 .row-1 .text-1 h1 {
    font-weight: 700;
    line-height: 43.75px;
  }
  .home-page-section-1 .row-1 .text-3 {
    font-size: 19px;
    line-height: 28.5px;
  }
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-1
    .et_pb_blurb_content
    .et_pb_main_blurb_image,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-2
    .et_pb_blurb_content
    .et_pb_main_blurb_image,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-3
    .et_pb_blurb_content
    .et_pb_main_blurb_image,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-4
    .et_pb_blurb_content
    .et_pb_main_blurb_image,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-5
    .et_pb_blurb_content
    .et_pb_main_blurb_image {
    width: 80px;
    padding: 15px;
  }
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-1
    .et_pb_blurb_content
    .et_pb_blurb_container
    h4 {
    font-size: 19px;
    line-height: 23.75px;
    letter-spacing: 0.04em;
  }
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-1
    .et_pb_blurb_content
    .et_pb_blurb_container
    h4
    span {
    margin-top: -25px;
  }
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-2
    .et_pb_blurb_content
    .et_pb_blurb_container
    h4,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-3
    .et_pb_blurb_content
    .et_pb_blurb_container
    h4,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-4
    .et_pb_blurb_content
    .et_pb_blurb_container
    h4,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-5
    .et_pb_blurb_content
    .et_pb_blurb_container
    h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-1
    .et_pb_blurb_content
    .et_pb_blurb_container
    .et_pb_blurb_description,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-2
    .et_pb_blurb_content
    .et_pb_blurb_container
    .et_pb_blurb_description,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-3
    .et_pb_blurb_content
    .et_pb_blurb_container
    .et_pb_blurb_description,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-4
    .et_pb_blurb_content
    .et_pb_blurb_container
    .et_pb_blurb_description,
  .home-page-section-4
    .row-1
    .et-last-child
    .blurb-5
    .et_pb_blurb_content
    .et_pb_blurb_container
    .et_pb_blurb_description {
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
    margin-top: 10px;
  }
  .home-page-section-4 .row-1 .text-1 h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 27.5px;
  }
  .home-page-section-4 .row-1 .text-2 .et_pb_text_inner ul li {
    font-size: 17px;
    line-height: 25.5px;
  }
  #project-suport h2.title-block,
  .home-page-section-7 h2.title-block {
    font-size: 25px;
    line-height: 31.25px;
  }
  #project-suport .project-suport,
  .home-page-section-7 .e-commerce-automatisierung {
    font-size: 17px;
    line-height: 21.5px;
  }
  .home-page-section-7 .highlight {
    font-size: 15px;
    line-height: 18.75px;
  }
  .home-page-section-7 h3 {
    font-family: "IBM-Plex-Sans";
    font-size: 22px;
    line-height: 27.5px;
  }
  #project-suport .et_pb_text_inner,
  .home-page-section-7 p {
    font-size: 17px;
    line-height: 25.5px;
  }
  .home-page-section-4 .row-1 .text-2 .et_pb_text_inner ul li:last-child {
    padding-bottom: 0;
  }
  .home-page-section-4 .row-1 .text-2 .et_pb_text_inner ul {
    padding-bottom: 0px;
  }
  div#menu-footer-right {
    padding-left: 0;
  }
}
@media (max-width: 425px) {
  .block-people.reverse .et_pb_blurb_content,
  .block-people .et_pb_blurb_content {
    flex-direction: column;
  }
}
@media (max-width: 420px) {
  .footer-row.et_pb_row {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }

  .footer-section .footer-row-address .et_pb_column {
    justify-content: center;
  }

  .footer-row-address .et_pb_column .footer-address {
    padding-left: 19% !important;
    padding: 0px !important;
    width: 90%;
  }

  .et_pb_module.footer-logo {
    padding: 0px !important;
    text-align: center;
  }

  div#menu-footer-left,
  div#menu-footer-right {
    padding-left: 0px;
    width: 90%;
  }

  ul#menu-footer li {
    padding-left: 11px;
  }

  div#menu-footer-right .et_pb_menu_inner_container .et_pb_menu__wrap {
    justify-content: flex-start;
  }
}

/* ===================================
   LANDING PAGE - MOBILE FIRST OPTIMIZED
   =================================== */

/* ===== CSS VARIABLES ===== */
:root {
  /* === COLORS === */
  /* Primary Colors */
  --color-primary: #01dd8d;
  --color-primary-dark: #00c26d;
  --color-primary-hover: rgba(1, 221, 142, 0.83);
  
  /* Secondary Colors */
  --color-secondary: #7229FF;
  --color-secondary-dark: #161619;
  
  /* Neutral Colors */
  --color-white: #ffffff;
  --color-dark: #033939;
  
  /* Teal Variants */
  --color-teal: #0e615d;
  --color-teal-light: #0a8270;
  --color-teal-dark: #004f46;
  
  /* Accent */
  --color-accent: #00c077;
  
  /* Text Colors */
  --color-text: #000;
  --color-text-muted: #3d3d3d;
  --color-text-light: #4b5a5a;
  --color-label: #003623;
  
  /* Border Colors */
  --color-border: #e7e7e7;
  --color-border-dark: #d6d6d6;
  
  /* Background Colors */
  --color-bg-light: #f6f6f6;
  --color-bg-input: #b0b0b0;
  
  /* === TYPOGRAPHY === */
  /* Font Families */
  --font-primary: "IBM-Plex-Sans", sans-serif;
  --font-heading: "IBM-Plex-Sans", sans-serif;
  --font-alt: "IBM-Plex-Sans", sans-serif;
  --font-roboto: "IBM-Plex-Sans", sans-serif;
  
  /* Font Sizes (Mobile First) */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: clamp(28px, 7.5vw, 34px);
  --text-4xl: clamp(32px, 6vw, 48px);
  
  /* === SPACING === */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 80px;
  
  /* === BORDER RADIUS === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  
  /* === SHADOWS === */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 0 12px rgba(0, 0, 0, 0.2);
  --shadow-card: 0 0 20px rgba(0, 0, 0, 0.05);
  
  /* === LAYOUT === */
  --container-padding: 20px;
  --max-width: 1200px;
  
  /* === BREAKPOINTS (Reference) === */
  --bp-mobile-sm: 480px;
  --bp-mobile-lg: 600px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-desktop-lg: 1280px;
  --bp-desktop-xl: 1440px;
  --bp-desktop-xxl: 1920px;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablet (768px+) */
@media (min-width: 768px) {
  :root {
    --text-base: 16px;
    --text-3xl: 34px;
    --text-4xl: 48px;
    --space-3xl: 100px;
  }
}

/* Desktop (1024px+) */
@media (min-width: 1024px) {
  :root {
    --container-padding: 60px;
  }
}

/* Desktop Large (1280px+) */
@media (min-width: 1280px) {
  :root {
    --container-padding: 70px;
  }
}

/* Desktop XL (1440px+) */
@media (min-width: 1440px) {
  :root {
    --container-padding: 75px;
    --text-3xl: 56px;
  }
}

/* Full HD+ (1920px+) */
@media (min-width: 1920px) {
  :root {
    --max-width: 1400px;
  }
}

/* ===== BASE STYLES ===== */
.font-manrope {
  font-family: var(--font-heading);
}

/* ===== LAYOUT - MOBILE FIRST ===== */
#main-content .post-1892.page .et_pb_row,
.footer-landing-page .et_pb_row,
.header-landing-page .et_pb_row {
  width: calc(100% - 40px);
  font-family: var(--font-primary);
}
.header-landing-page .et_pb_image_wrap  {
	    display: flex !important;
    align-items: center;
    justify-content: center;
}

.casestudies-wrapper {
	display: flex;
    flex-direction: column;
    gap: 16px;
}

.casestudies-item {
    box-shadow: var(--shadow-sm);
    height: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
	padding: 24px 16px;
    background: var(--color-white);
    transition: 0.3s;
}


.casestudies-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.casestudies-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.casestudies-left picture {
	width: 140px;
	height:104px;
	display: flex;
    align-items: center;
    justify-content: center;
	min-width: 140px;
}
.casestudies-logo {
    width: 100px;
}

.casestudies-title {
  font-size: 20px;
  font-weight: 700;
	font-family: var(--font-heading);
}

.casestudies-sub {
  margin-top: 4px;
  color: #444;
font-size: 16px;
	font-family: var(--font-primary);
}


.casestudies-arrow {
  transition: transform .25s ease;
}

.casestudies-arrow-path {
  stroke: #1F6B47;
}

.casestudies-item.open .casestudies-arrow {
  transform: rotate(180deg);
}

.casestudies-item.open .casestudies-arrow-path {
  stroke: #63E39D !important;
}


.casestudies-body {
  overflow: hidden;
  height: 0;
  transition: height .35s ease;
}

.casestudies-item.open .casestudies-body {
  border-top: 1px solid #e6e6e6;
  margin-top: 18px;
  padding-top: 20px;
}

.casestudies-section {
  display: flex;
  gap: 14px;
  margin-bottom: 25px;
}

.casestudies-section h4 {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
	font-family: var(--font-primary);
}

.casestudies-section p{
  margin-bottom: 6px;
  font-size: 16px;
	font-family: var(--font-primary);
}

.row-study-cases-main:after {
	display:none;
}



@media (min-width: 768px) {
  #main-content .post-1892.page .et_pb_row,
  .footer-landing-page .et_pb_row,
  .header-landing-page .et_pb_row ,.container{
    width: calc(100% - 80px);
  }
	
	.section-sellbase .et_pb_gutters2 {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
	

}

@media (min-width: 1440px) {
  #main-content .post-1892.page .et_pb_row,
  .footer-landing-page .et_pb_row,
  .header-landing-page .et_pb_row ,.container{
    width: calc(100% - 150px);
  }
}

#main-content .post-1892.page .et_pb_row.row-carousel {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding: var(--space-lg) 0;
}

@media (min-width: 1440px) {
  .row-carousel {
    padding: 40px 0;
  }
}

/* ===== HEADER - MOBILE FIRST ===== */
header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 9900;
  background: var(--color-white);
}

@media (min-width: 1024px) {
  header {
    position: relative;
    transform: none;
    left: auto;
  }
	
	.section-sellbase {
		padding-left: 40px;
    padding-right: 40px;
	}
}

.header-landing-page {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.header-landing-page .et_pb_row {
  display: flex;
  justify-content: space-between;
}

.header-landing-page .et_pb_module.et_pb_menu {
  display: flex;
  justify-items: center;
  flex-direction: column;
  justify-content: center;
}

.header-landing-page .et_pb_menu .et_pb_menu__wrap {
  justify-content: flex-end;
}

.header-landing-page ul#menu-landing-page-header-menu > li > a {
  font-family: var(--font-primary);
}

/* Header columns responsive */
@media (max-width: 1023px) {
  
  .header-landing-page .et_pb_column_1_tb_header {
    width: calc(100% - 100px);
  }
}

@media (min-width: 1024px) {
  .header-landing-page .et_pb_row--with-menu .et_pb_column:first-child,
  .header-landing-page .et_pb_column_0_tb_header {
    width: fit-content;
  }
  
  .header-landing-page .et_pb_row--with-menu .et_pb_column:last-child,
  .header-landing-page .et_pb_column_1_tb_header {
    width: auto;
  }
	
	
}

@media (min-width: 1024px) {
  .header-landing-page .et_pb_row--with-menu {
    display: flex;
    justify-content: space-between;
  }
	.header-landing-page .et_pb_row--with-menu:after {
		display:none;
	}
}

  #menu-landing-page-header-menu {
	align-items: center;
  }

@media (min-width: 1440px) {
  #menu-landing-page-header-menu {
    gap: var(--space-xl);
	align-items: center;
  }
  
  #menu-landing-page-header-menu li {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Menu Contact Button */
.menu-icon-contact {
  margin-top: 0 !important;
}

.header-landing-page .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-icon-contact a {
  font-family: var(--font-primary);
  color: var(--color-dark);
  line-height: 1.3;
  font-size: var(--text-md);
  font-weight: 600;
  height: 40px;
  background: var(--color-primary);
  padding: 14px var(--space-md) 14px 50px;
  position: relative;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  display: inline-flex;
  align-items: center;
	    height: 48px;
}

.menu-icon-contact-tablet a{
  font-family: var(--font-primary);
  color: var(--color-dark);
  line-height: 1.3;
  font-size: var(--text-md);
  font-weight: 600;
  height: 40px;
  background: var(--color-primary);
  padding: 14px var(--space-md) 14px 40px;
  position: relative;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  display: inline-flex;
  align-items: center;
	    height: 48px;
}

.header-landing-page .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-icon-contact a ,.menu-icon-contact-tablet a{
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.header-landing-page .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-icon-contact a::before ,.menu-icon-contact-tablet a::before{
    transition: filter .2s ease;
}

.header-landing-page .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-icon-contact a:hover ,.menu-icon-contact-tablet a:hover{
    border: 2px solid #08998F;
    background: #08998F;
    color: var(--color-white) !important;
}

.header-landing-page .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-icon-contact a:hover::before ,.menu-icon-contact-tablet a:hover::before{
    filter: invert(1);
}


@media (min-width: 768px) {
  .header-landing-page .et_pb_menu_0_tb_header.et_pb_menu ul li.menu-icon-contact a {
    font-size: var(--text-lg);
  }
	
}

.header-landing-page .menu-icon-contact a::before , .menu-icon-contact-tablet a::before,  .menu-icon-contact-mobile a::before {
  content: "";
  position: absolute;
  left: var(--space-md);
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/2025/10/mail.png");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}


/* ===== FOOTER - MOBILE FIRST ===== */
.footer-landing-page {
  padding-top: var(--space-2xl);
}


/* Footer Inner */
.footer-landing-page .footer-inner {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.footer-landing-page .footer-inner {
    flex-direction: row;
    gap: var(--space-lg);
 }


@media (max-width: 768px) and (min-width: 500px)  {
	.section-steps  .et_pb_column , .section-steps  .et_pb_column .et_pb_module{
	display:flex;
}
}



@media (min-width: 1023px){
	.section-steps .et_pb_row_4col {
			display:flex;
	}
}
.footer-landing-page .footer-copy {
  white-space: normal;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 600px) {
  .footer-landing-page .footer-copy {
    white-space: nowrap;
    text-align: left;
  }
}

/* Footer Links */
.footer-landing-page .footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--space-md);
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 600px) {
  .footer-landing-page .footer-links {
    gap: var(--space-lg);
  }
}

.footer-landing-page .footer-links a {
  text-decoration: none;
  color: var(--color-text);
  font-family: var(--font-primary);
  font-size: var(--text-md);
  transition: text-decoration 0.2s;
}

.footer-landing-page .footer-links a:hover {
  text-decoration: underline;
}

.footer-landing-page .footer-bottom {
  border-top: 1px solid var(--color-border);
}

/* Social Icons */
.footer-landing-page .social-icons {
  list-style: none;
  display: flex;
  gap: var(--space-md);
  padding: 0 ;
  margin: 0;
  align-items: center;
  justify-content: end;
}


  .footer-landing-page .social-icons {
    padding-bottom: 0;
    justify-content: flex-end;
  }

.footer-landing-page .social-icons li {
  display: inline-block;
}

.footer-landing-page .social-icons a img {
  width: 20px;
  height: 20px;
  display: block;
}


.footer-landing-page .et_pb_column {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	.footer-landing-page .et_pb_column--with-menu {
    display: block;
	}
}

@media (max-width: 1023px) {
  .footer-landing-page .et_pb_row_0_tb_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
	.footer-landing-page .et_pb_row:after,
	.footer-landing-page .et_pb_column--with-menu.menu-footer-top{
		display:none !important;
	}
  .footer-landing-page .pb_row_0_tb_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .footer-landing-page .et_pb_row_0_tb_footer .et_pb_column_0_tb_footer {
    width: 50% !important;
  }
  
  .footer-landing-page .et_pb_column_1_tb_footer {
    position: absolute;
    top: 15px;
    z-index: 9999;
  }
  
  .footer-landing-page .et_pb_menu_0_tb_footer.et_pb_menu {
    background: none;
  }
  
  .pb_row_0_tb_footer .et-last-child {
    width: 100px;
  }
  
  footer .et_pb_module .mobile_menu_bar::before {
    top: 30px;
  }
  footer .menu-bottom-footer-row .menu-footer-bottom,
  footer .menu-bottom-footer-row .menu-footer-bottom .et_pb_menu__menu{ 
	  display: block !important; 
	}
}

@media (min-width: 1024px) {
  .et_pb_row_0_tb_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .et_pb_row_0_tb_footer::after {
    display: none;
  }
  
  .et_pb_row_0_tb_footer .et_pb_column {
    width: auto;
  }
  
  .et_pb_row_0_tb_footer .et_pb_column .et_pb_menu_0_tb_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  footer .et_pb_module .mobile_menu_bar::before {
    top: 2px;
  }
  footer .et_pb_row {
    padding: 30px 0;
  }
}

/* ===== HERO SECTION - MOBILE FIRST ===== */


@media screen and (max-width: 1024px) {

  #hero-section {
    padding: 85px 0;
	  padding-bottom:0px;
  }
}



@media (min-width: 1024px) {
  #hero-section .et_pb_section {
    padding: 0;
  }
}

/* Hero Content */
#hero-section .hero .hero-content h1 {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: 800;
  line-height: 1.25;
  color: var(--color-text);
  margin-bottom: var(--space-lg);
  padding: 0;
}

@media (min-width: 768px) {
  #hero-section .hero .hero-content h1 {
    font-size: 34px;
    line-height: 1.3;
  }
}

@media (min-width: 1024px) {
  #hero-section .hero .hero-content h1 {
    font-size: 56px;
  }
}

#hero-section .hero .hero-content .subtext {
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 600;
  line-height: 1.35;
  color: var(--color-text);
  margin-bottom: var(--space-lg);
  padding: 0;
}

#hero-section .row-carousel .et_pb_text_1 h4 {
	padding-bottom:0px;
}

@media (min-width: 768px) {
  #hero-section .hero .hero-content .subtext {
    font-size: var(--text-2xl);
    line-height: 1.4;
    margin-bottom: var(--space-xs);
  }
}



#hero-section .hero .hero-content .description {
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.65;
  color: var(--color-text-muted);
  margin-bottom: var(--space-lg);
  padding: 0;
}

@media (min-width: 768px) {
  #hero-section .hero .hero-content .description {
    font-size: var(--text-md);
    line-height: 1.5;
  }
}

/* Hero Buttons */
#hero-section .hero .hero-content .hero-buttons {
  display: flex;
  gap: var(--space-md);
  flex-wrap: wrap;
}

@media (min-width: 1440px) {
  #hero-section .hero .hero-content .hero-buttons {
    width: max-content;
  }
}

.btn-secondary,
.btn-primary {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--text-md);
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--color-dark);
  text-align: center;
}

@media (min-width: 768px) {
  .btn-secondary,
  .btn-primary {
    font-size: var(--text-xl);
    line-height: 1;
  }
}

#hero-section .hero .hero-content .btn-secondary {
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  height: 48px;
  padding: var(--space-sm) 0;
}

@media (min-width: 768px) {
  #hero-section .hero .hero-content .btn-secondary {
    height: 56px;
  }
}

.btn-primary,#hero-section .hero .hero-content .btn-primary , .menu-icon-contact-mobile a , .block-benefits .et_pb_button_module_wrapper .et_pb_button ,body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_more_button.et_pb_button ,.et_pb_button, .btn.btn-red{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  height: 48px;
  padding: 14px var(--space-md) !important; 
  border-radius: var(--radius-sm) !important;
  border: 2px solid var(--color-primary) ;
  background: var(--color-primary) !important; 
	    background-image: none !important;
  color: #0b1f16 !important; 
  box-shadow: var(--shadow-lg) !important; 
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
	font-size: 18px;
}

.et_pb_button:after {
	  color: #0b1f16 !important; 
}

@media (max-width: 768px) {
	.btn-primary,#hero-section .hero .hero-content .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  height: 36px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  border: 2px solid var(--color-primary);
  background: var(--color-primary);
  color: #0b1f16;
  box-shadow: var(--shadow-lg);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
	font-size: 16px;
}
	
	 .menu-icon-contact-mobile a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  height: 36px;
  padding: 10px 14px 10px 38px !important;
  border-radius: var(--radius-sm);
  border: 2px solid var(--color-primary);
  background: var(--color-primary);
  color: #0b1f16;
  box-shadow: var(--shadow-lg);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
	font-size: 16px;
}
		#ueber-uns {
    padding: 0 20px !important;
    padding-top: 72px !important;
  }
	
	.casestudies-left picture {
    width: 80px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
	}
}


.btn-primary:hover,
#hero-section .hero .hero-content .btn-primary:hover ,.menu-icon-contact-mobile a:hover ,  .block-benefits .et_pb_button_module_wrapper .et_pb_button:hover ,body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_more_button.et_pb_button:hover ,.et_pb_button:hover , .btn.btn-red:hover{
  filter: brightness(0.9);
	  background:  #08998F !important; 
	  border: 2px solid  #08998F !important; 
		color:var(--color-white) !important; 
}

.btn-primary:active,
#hero-section .hero .hero-content .btn-primary:active ,.menu-icon-contact-mobile a:active{
  transform: translateY(1px);
}

.btn-primary:focus-visible,
#hero-section .hero .hero-content .btn-primary:focus-visible ,.menu-icon-contact-mobile a:focus-visible {
  outline: 3px solid rgba(10, 208, 138, 0.4);
  outline-offset: 2px;
}

/* Hero Image Column */
@media (min-width: 1440px) {
  .hero .et_pb_column_1 {
    position: relative;
    z-index: 1;
  }
  
  .hero .et_pb_column_1 img {
    width: 736px;
    height: auto;
  }
  
}

/* Hero Carousel */
#hero-section .ba_image_carousel_0 .dtq-carousel .slick-track {
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 0;
}

@media (min-width: 768px) {
  #hero-section .ba_image_carousel_0 .dtq-carousel .slick-track {
    margin-left: -100px;
  }
}

@media (min-width: 1440px) {
  #hero-section.row-carousel .et_pb_text_1 h4 {
    padding-bottom: 0;
  }
}

/* Mobile Menu */
#mobile_menu2 ,#mobile_menu3 {
  margin-top: 30px;
}

/* ===== TYPOGRAPHY & SECTIONS - MOBILE FIRST ===== */

/* Section Labels */
.section-cases .section-label,
.section-problem .problem-text .section-label,
.section-assistent .section-label,
.section-prozess .prozess-text .section-label,
.section-contact .section-label {
  font-family: var(--font-primary);
  color: var(--color-label);
  font-weight: 600;
  letter-spacing: 0;
  font-size: var(--text-md);
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1.5;
	margin-bottom: var(--space-xs);
}



/* Section Titles - Mobile First */
.section-cases .section-title,
.section-problem .problem-text h2,
.section-assistent .section-title,
.section-prozess .prozess-text h2,
.section-contact .section-title,
.section-about h2,
.section-sellbase .sellbase-header h2,
.section-team .section-team__title,
.block-content .et_pb_text_13 h2 {
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 800;
  line-height: 1.25;
  color: var(--color-text);
  margin-bottom: var(--space-lg);
  padding: 0;
}
.section-team {
	padding:0px !important; 
}

@media (min-width: 768px) {
  .section-cases .section-title,
  .section-problem .problem-text h2,
  .section-assistent .section-title,
  .section-prozess .prozess-text h2,
  .section-contact .section-title,
  .section-about h2,
  .section-sellbase .sellbase-header h2,
  .section-team .section-team__title,
  .block-content .et_pb_text_13 h2,
  #page-container .et_pb_text_13 h2 {
    font-size: var(--text-2xl);
    line-height: 1.3;
  }
}

.section-problem .problem-text h2,
.section-assistent .section-title {
  padding-bottom: 0;
}

.section-assistent .section-title {
  text-align: center;
}

@media (min-width: 1440px) {
  .section-problem .problem-text h2 {
    margin-bottom: 62px;
  }
}

/* H3 Headings */
.row-prozess-box .service-card__title,
h3 {
  font-size: var(--text-xl);
  line-height: 1.3;
  font-weight: 700;
}

.section-unsere .values-intro__title {
  font-size: var(--text-2xl);
  line-height: 1.3;
  font-weight: 700;
}


@media (min-width: 768px) {
  .row-prozess-box .service-card__title,
  .section-unsere .values-intro__title,
  h3 {
    font-size: var(--text-2xl);
  }
}

.section-unsere .values-intro__title {
  margin-bottom: 14px;
  color: #001b19;
}

@media (min-width: 768px) {
  .section-unsere .values-intro__title {
    font-size: 32px;
  }
}

/* H4 Headings */
.section-steps .step__title,
.section-unsere .values-card__title,
.section-sellbase .sellbase-right .et_pb_text_inner h4,
h4 {
  font-size: var(--text-lg);
  line-height: 1.35;
  font-weight: 600;
}

@media (min-width: 768px) {
  .section-steps .step__title,
  .section-unsere .values-card__title,
  h4 {
    font-size: var(--text-2xl);
  }
}

.section-unsere .values-card__title {
  font-weight: 700;
  margin-bottom: 14px;
  color: #032120;
}

/* H5 Headings */
h5,
.section-prozess .prozess-text h3 {
  font-size: var(--text-md);
  line-height: 1.4;
}

@media (min-width: 768px) {
  .section-prozess .prozess-text h3 {
    font-size: var(--text-2xl);
    font-family: var(--font-heading);
    line-height: 1.3;
    color: var(--color-text);
  }
}

/* H6 Headings */
h6 {
  font-size: var(--text-sm);
  line-height: 1.45;
}

/* Small Text */
small,
.text-small,
figcaption {
  font-size: var(--text-xs);
  line-height: 1.5;
}

/* Section Descriptions */
.section-cases .section-desc {
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: 600;
  line-height: 1.65;
  color: var(--color-text);
}

@media (min-width: 768px) {
  .section-cases .section-desc {
    font-size: var(--text-2xl);
    line-height: 1.4;
  }
}

.section-problem .problem-content,
.section-assistent .section-desc,
.section-prozess .prozess-content,
.section-contact .section-desc,
.section-about .block-content .et_pb_text_inner p {
  margin: 0 auto var(--space-xl);
  font-size: var(--text-base);
  padding-bottom: 0;
  line-height: 1.65;
  color: var(--color-text-muted);
  font-family: var(--font-primary);
}

@media (min-width: 768px) {
  .section-problem .problem-content,
  .section-assistent .section-desc,
  .section-prozess .prozess-content {
    font-size: var(--text-md);
    line-height: 1.5;
  }
}

.section-about .block-content .et_pb_text_inner p {
  padding-bottom: var(--space-lg);
  margin: 0;
}

.section-prozess .prozess-content {
  margin-bottom: 40px;
}

.section-contact .section-desc {
  margin: 0 0 var(--space-xl);
}

/* ===== SECTION ASSISTENT ===== */
.section-assistent .et_pb_text_inner {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}

/* Stats - Mobile First */
.section-assistent .section-stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-xl);
  margin-bottom: var(--space-xl);
	padding:8px 0;
}

@media (min-width: 768px) {
  .section-assistent .section-stats {
    flex-direction: row;
    gap: var(--space-lg);
  }
}

.section-assistent .section-stats > * {
  flex: 1 1 0;
  min-width: 0;
}

.section-assistent .section-stats > .stats-divider {
  flex: 0 0 2px;
  align-self: stretch;
  background: rgba(0, 0, 0, 0.1);
  display: none;
}

@media (min-width: 768px) {
  .section-assistent .section-stats > .stats-divider {
    display: block;
  }
}

.section-assistent .section-stats h3 {
  color: var(--color-teal);
  font-size: var(--text-4xl);
  font-weight: 600;
  margin-bottom: var(--space-xs);
  line-height: 1.2;
  font-family: var(--font-heading);
}

.section-assistent .section-stats p,
.section-assistent .section-stats p > a {
  font-size: var(--text-base);
  color: var(--color-text-muted);
}

@media (min-width: 768px) {
  .section-assistent .section-stats p,
  .section-assistent .section-stats p > a {
    font-size: var(--text-md);
  }
}

.section-assistent .section-stats p > a:hover {
  color: var(--color-teal);
}

/* ===== SECTION PROBLEM - MOBILE FIRST ===== */
.section-problem .et-last-child {
  display: flex;
  flex-direction: column;
}

.section-problem .et-last-child .et_pb_text_align_left {
  width: 100%;
}

.row-problem {
  display: flex;
  flex-wrap: wrap;
}

.section-problem .problems-right {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-sm);
  width: 100%;
}

@media (min-width: 768px) {
  .section-problem .problems-right {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
  }
}

.section-problem .problems-right .problem-card {
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
}

.section-problem .problems-right .warn-icon {
  width: 25px;
  height: 22px;
  position: relative;
}

.section-problem .problems-right .card-text h3 {
  margin: 0;
  padding: 0 0 var(--space-xs);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-md);
  color: var(--color-text);
  line-height: 1.4;
}

.section-problem .problems-right .card-text p {
  margin: 0;
  padding: 0;
  font-size: var(--text-base);
  line-height: 1.65;
  color: var(--color-text-muted);
}

@media (min-width: 768px) {
  .section-problem .problems-right .card-text p {
    font-size: var(--text-md);
    line-height: 1.5;
  }
}

@media (min-width: 1440px) {
  .section-problem .et_pb_column_5 {
    margin-right: 0;
    width: 50%;
  }
  
  .section-problem .et_pb_image img {
    width: 600px;
    height: 638px;
  }
  
  #problemstellung {
    margin-bottom: 80px;
  }
}

/* ===== STUDY CASES - MOBILE FIRST ===== */
#case-studies {
  z-index: 100;
}

.section-cases .row-study-cases-main .et_pb_column_8 {
  display: flex;
  margin-right: 0;
}

.row-study-cases-main,
.row-study-cases-main .et_pb_column,
.row-study-cases-main .et_pb_blurb,
.row-study-cases-main .et_pb_blurb_content {
  overflow: visible !important;
}

.row-study-cases-main .et_pb_column_9 {
  position: relative;
}

/* Study Case Image */
.row-study-cases-main .et_pb_image_2 img {
  height: auto;
  object-fit: cover;
  object-position: 35%;
  border-radius: var(--radius-xl);
  width: 100%;
}

@media (min-width: 768px) {
  .row-study-cases-main .et_pb_image_2 img {
    height: 660px;
  }
}

/* Study Case Card - Mobile First */
.row-study-cases-main .et_pb_blurb {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-md) var(--space-lg);
  background: var(--color-white);
  box-shadow: var(--shadow-sm);
  height: auto;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .row-study-cases-main .et_pb_blurb {
    padding: 18px 22px;
  }
}

.row-study-cases-main .et_pb_blurb:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.row-study-cases-main .et_pb_blurb .et_pb_blurb_content {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-sm);
}

@media (min-width: 480px) {
  .row-study-cases-main .et_pb_blurb .et_pb_blurb_content {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }
}

/* Logo */
.row-study-cases-main .et_pb_blurb .et_pb_main_blurb_image {
  width: 140px;
  height: 104px;
  margin-bottom: 0;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .row-study-cases-main .et_pb_blurb .et_pb_main_blurb_image {
    width: 140px;
    height: 104px;
  }
}


/* Text Container */
.row-study-cases-main .et_pb_blurb_container {
  padding-left: 0;
  vertical-align: middle;
  position: relative;
  width: 100%;
}

@media (min-width: 480px) {
  .row-study-cases-main .et_pb_blurb_container {
    padding-left: var(--space-xs);
  }
}

.row-study-cases-main .et_pb_blurb_container h4 {
  font-family: var(--font-heading);
  max-width: 350px;
}

.row-study-cases-main .et_pb_blurb_container .et_pb_blurb_description {
  max-width: 350px;
  font-family: var(--font-primary);
  padding-right: var(--space-md);
}

.row-study-cases-main .et_pb_blurb_container::after {
  content: "";
  background: url("/wp-content/uploads/2025/11/arrow-down-icon.png");
  display: block;
  background-repeat: no-repeat;
  background-size: 28px 20px;
  width: 28px;
  height: 20px;
  position: absolute;
  right: 0;
  cursor: pointer;
	top:50px;
}


  .row-study-cases-main .et_pb_blurb_container::after {
    right: -15px;
  }
	.row-problem {
		padding-top:0px;
	}


/* Use Case Item Overlay */
.row-study-cases-main .usecase-item .et_pb_blurb_container {
  position: relative;
}

.row-study-cases-main .usecase-item .et_pb_blurb_description {
  padding-right: var(--space-md);
  --clamp-lines: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--clamp-lines);
  line-clamp: var(--clamp-lines);
  overflow: hidden;
  line-height: 1.6;
}

.row-study-cases-main .usecase-item.is-open {
  left: 0;
  right: 0;
  top: var(--item-top);
  z-index: 1001;
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.row-study-cases-main .usecase-item.is-open .et_pb_blurb_description {
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
  padding-bottom: var(--space-xs);
}

.row-study-cases-main .usecase-item.no-toggle .et_pb_blurb_container::after {
  display: none;
}

@media (min-width: 1440px) {
  .row-study-cases-main .et_pb_column .et_pb_blurb:last-child {
    margin-bottom: 0 !important;
  }
}

/* ===== SELLBASE SECTION - MOBILE FIRST ===== */
.section-sellbase {
  color: var(--color-white);
}

.section-sellbase .sellbase-header h2,
.section-sellbase .sellbase-right .et_pb_text_inner {
  font-family: var(--font-alt);
}

.section-sellbase .sellbase-header,
.section-sellbase .et_pb_gutters2 {
  width: 100% !important;
}

.section-sellbase .sellbase-header .et-last-child,
.sellbase-header .et-last-child .et_pb_module {
  width: 100%;
  display: flex;
}

.row-about,
.sellbase-header {
  width: 100% !important;
}

/* Sellbase Text */
.section-sellbase .sellbase-right .et_pb_text_inner p,
.section-sellbase .sellbase-right .et_pb_text_inner h4 {
  margin-bottom: 0;
  padding-bottom: var(--space-md);
}

.section-sellbase .sellbase-right .et_pb_text_inner p {
  font-size: var(--text-base);
}

/* Sellbase Button */
.section-sellbase .sellbase-right .et_pb_text_inner a {
  background: var(--color-secondary);
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-sm);
  font-family: var(--font-alt);
  font-weight: 600;
  color: var(--color-white);
  line-height: 1;
  font-size: var(--text-md);
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  transition: background 0.3s ease;
  padding:14px 16px;
  font-size: 18px;
  width: fit-content;
transition: background .2s ease, border-color .2s ease, color .2s ease;

}


.section-sellbase .sellbase-right .et_pb_text_inner a:hover {
  background: var(--color-secondary-dark);
	color:#ffffff;
}

.section-sellbase .sellbase-right .et_pb_text_inner a svg path {
	transition: background .2s ease, border-color .2s ease, color .2s ease;

}

.section-sellbase .sellbase-right .et_pb_text_inner a svg path{
	stroke:#ffffff;
}

.section-sellbase .sellbase-right .et_pb_text_inner a:hover svg path{
	stroke:#ffffff;
}

/* Sellbase Cards Grid - Mobile First */
.section-sellbase .et_pb_row_8 .et_pb_gutters1 {
  column-gap: var(--space-md);
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--space-md);
}

.section-sellbase .et_pb_row_8 > .et_pb_column {
  background: transparent;
  border: 1px solid var(--color-teal);
  border-radius: var(--radius-xl);
  padding: var(--space-md);
  color: var(--color-white);
  cursor: pointer;
  transition: all 0.25s ease;
  flex: 0 0 100%;
  display: block;
}

.section-sellbase .et_pb_gutters2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


@media (min-width: 480px) {
  .section-sellbase .et_pb_column {
    display: flex;
	  flex-direction:column;
  }

}

@media (min-width: 600px) {
  .section-sellbase .et_pb_row_8 > .et_pb_column {
    flex: 0 0 calc(50% - 8px);
  }
}

@media (min-width: 768px) {
  .section-sellbase .et_pb_row_8 > .et_pb_column {
    padding: var(--space-lg);
  }
.section-sellbase .et_pb_gutters1 {
	display:flex;
	  flex-direction: row;
  }
	
}


@media (min-width: 1024px) {
	
  .section-sellbase .et_pb_gutters1 {
    column-gap: var(--space-sm);
  }
	
		.row-prozess-box {
		padding:0;
	}
	.row-prozess-box .et_pb_column .et_pb_module {
	margin-bottom:0px !important;
}
  
  .section-sellbase .et_pb_row_8 > .et_pb_column {
    max-width: 416px;
    flex: 1;
  }
}

.section-sellbase .et_pb_row_8 > .et_pb_column:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}

.section-sellbase .et_pb_row_8 > .et_pb_column:hover .ai-icon-wrapper {
	  background: rgba(255, 255, 255);
}

.section-sellbase .et_pb_row_8 > .et_pb_column:hover .ai-icon-wrapper svg ellipse {
	fill:#000000;
}

/* Sellbase Card Content */
.section-sellbase .et_pb_row_8 .et_pb_blurb .et_pb_blurb_content {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

@media (min-width: 768px) {
  .section-sellbase .et_pb_row_8 .et_pb_blurb .et_pb_blurb_content {
    gap: var(--space-md);
  }
}

@media (min-width: 1024px) {
  .section-sellbase .et_pb_row_8 .et_pb_blurb .et_pb_blurb_content {
    gap: var(--space-lg);
  }
}

.section-sellbase .et_pb_row_8 .et_pb_main_blurb_image {
  margin: 0;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px;
  border-radius: var(--radius-lg);
  transition: background 0.25s ease;
}

@media (min-width: 768px) {
  .section-sellbase .et_pb_row_8 .et_pb_main_blurb_image {
    padding: var(--space-sm);
    border-radius: 14px;
  }
}

@media (min-width: 1024px) {
  .section-sellbase .et_pb_row_8 .et_pb_main_blurb_image {
    padding: var(--space-md);
    border-radius: var(--radius-xl);
  }
}

.section-sellbase .et_pb_row_8 .et_pb_main_blurb_image img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

@media (min-width: 600px) {
  .section-sellbase .et_pb_row_8 .et_pb_main_blurb_image img {
    width: 44px;
    height: 44px;
  }
}

@media (min-width: 768px) {
  .section-sellbase .et_pb_row_8 .et_pb_main_blurb_image img {
    width: 48px;
    height: 48px;
  }
}

@media (min-width: 1024px) {
  .section-sellbase .et_pb_row_8 .et_pb_main_blurb_image img {
    width: 58px;
    height: 58px;
  }
}

.section-sellbase .et_pb_row_8 > .et_pb_column:hover .et_pb_main_blurb_image {
  background: var(--color-white);
}

.section-sellbase .et_pb_row_8 .et_pb_blurb_container h4,
.section-sellbase .et_pb_row_8 .et_pb_blurb_description,
.section-sellbase .et_pb_row_8 .et_pb_text .et_pb_text_inner {
  font-family: var(--font-alt);
}

.section-sellbase .et_pb_row_8 .content-sellbase{
  border-top: 1px solid var(--color-white);
  margin-top: var(--space-md);
  padding-top: var(--space-md);
}

@media (min-width: 768px) {
  .section-sellbase .et_pb_row_8 .et_pb_text {
    margin-top: var(--space-lg);
    padding-top: var(--space-lg);
  }
}

.section-sellbase .et_pb_row_8 .et_pb_text .et_pb_text_inner {
  font-size: 14.5px;
  line-height: 1.6;
}

@media (min-width: 600px) {
  .section-sellbase .et_pb_row_8 .et_pb_text .et_pb_text_inner {
    font-size: var(--text-base);
  }
}

/* Sellbase Header Responsive */
.section-sellbase .sellbase-header {
  gap: 0px;
  text-align: left;
}


@media (min-width: 1024px) {
  .section-sellbase .sellbase-header {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .section-sellbase .sellbase-right .et_pb_text_inner {
    max-width: 760px;
  }
}

/* ===== ABOUT SECTION - MOBILE FIRST ===== */
.section-about {
  font-family: var(--font-primary);
}

.section-about .section-label .et_pb_text_inner {
  font-family: var(--font-primary);
  text-transform: uppercase;
}

.section-about h2 {
  font-family: var(--font-heading);
  margin-bottom: var(--space-lg);
}

.section-about .row-about .et-last-child .et_pb_module,
.sellbase-header .et-last-child .et_pb_module {
  width: 100%;
}

.sellbase-header .et-last-child,
.row-problem .et-last-child {
  display: flex;
}

/* ===== CONTACT SECTION - MOBILE FIRST ===== */

.section-contact {
	padding:112px 0;
}

.section-contact .contact-row {
	padding:0;
}
.kontaktformular_section_contact {
  margin-top: var(--space-2xl);
}

/* Input Wrappers */
.kontaktformular_section_contact .input-wrap {
  position: relative;
  background: var(--color-white);
  border: 1px solid var(--color-border-dark);
  border-radius: 5px;
  padding-left: 44px;
  height: 48px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: var(--space-lg);
  padding-bottom: 0;
	margin-top:8px;
}

.kontaktformular_section_contact .input-wrap input {
  border: none;
  width: 100%;
  height: 100%;
  outline: none;
  font-size: var(--text-sm);
  padding: 0;
}

.kontaktformular_section_contact .input-wrap input::placeholder {
  color: var(--color-bg-input);
}

/* Icon positioning */
.kontaktformular_section_contact .input-wrap::before {
  content: "";
  position: absolute;
  left: var(--space-sm);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.kontaktformular_section_contact .icon-user::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12a3.5 3.5 0 1 0-3.5-3.5A3.5 3.5 0 0 0 12 12Z'/%3E%3Cpath d='M5 20.4a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
}

.kontaktformular_section_contact .icon-mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' ry='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

/* Textarea */
.kontaktformular_section_contact .textarea-wrap textarea {
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-border-dark);
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: var(--space-lg);
  font-size: var(--text-sm);
  max-height: 130px;
  padding: var(--space-xs) var(--space-sm);
	margin-top:8px;
}

.kontaktformular_section_contact .textarea-wrap textarea::placeholder {
  color: var(--color-bg-input);
}

/* Checkbox */
.kontaktformular_section_contact.wpcf7-list-item {
  margin-left: 0;
}

.kontaktformular_section_contact .wpcf7-list-item label {
  display: flex;
  gap: 10px;
}

.kontaktformular_section_contact .label-checkbox-kontakt-section-contact {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--text-md);
  line-height: 1.5;
  color: var(--color-text);
  margin: 0 0 var(--space-md);
}

.kontaktformular_section_contact .label-checkbox-kontakt-section-contact .wpcf7-acceptance input[type="checkbox"] {
/*   appearance: none; */
  width: 20px;
  height: 20px;
  border: 1px solid #7a7a7a;
  border-radius: var(--radius-sm);
  position: relative;
  background: var(--color-white);
  flex: 0 0 20px;
  cursor: pointer;
  margin-left: 0;
}

.kontaktformular_section_contact.label-checkbox-kontakt-section-contact .wpcf7-acceptance input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: 2px solid var(--color-primary-dark);
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

.kontaktformular_section_contact .label-checkbox-kontakt-section-contact .ds-link {
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}

/* Submit Button */
.kontaktformular_section_contact input[type="submit"] ,.row-contact-form .ba_cf7_styler .contact-form input[type="submit"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  border: 2px solid var(--color-primary) !important;
  background: var(--color-primary) !important;
  box-shadow: var(--shadow-lg);
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--text-md);
  color: var(--color-dark);
  margin: var(--space-lg) 0;
  cursor: pointer;
  line-height: 1;
  text-align: center;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
	margin-bottom:0;

}

.kontaktformular_section_contact input[type="submit"]:hover ,.row-contact-form .ba_cf7_styler .contact-form input[type="submit"]:hover{
  opacity: 0.9;
	 border: 2px solid #08998F  !important;
	background : #08998F  !important;
	color:var(--color-white)  !important;
}

/* Contact Info List */
.section-contact .kontakt-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.section-contact  .kontakt-list li a {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  text-decoration: none;
  color: var(--color-text);
  font-size: var(--text-base);
  transition: color 0.3s;
}

.section-contact .kontakt-list li a:hover {
  color: #00885e;
}

.section-contact .kontakt-list .icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.section-contact .kontakt-list .icon-mail {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300885e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
}

.section-contact .kontakt-list .icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300885e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.9 19.9 0 0 1-8.68-3.07 19.5 19.5 0 0 1-6-6A19.9 19.9 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72 12.8 12.8 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 10.9a16 16 0 0 0 6 6l2.26-1.22a2 2 0 0 1 2.11-.11 12.8 12.8 0 0 0 2.81.7A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");
}

.section-contact .kontakt-list .icon-location {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300885e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10c0 5.25-7 12-9 12s-9-6.75-9-12a9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* ===== TEAM SECTION - MOBILE FIRST ===== */
.section-team {
  background: var(--color-dark);
  text-align: center;
}

.section-team__inner {
  margin: 0 auto;
}

.section-team .section-team__title {
  font-family: var(--font-roboto);
  font-weight: 700;
  font-size: var(--text-2xl);
  line-height: 1.25;
  letter-spacing: 0;
  text-align: center;
  color: var(--color-white);
  margin-bottom: var(--space-lg);
  padding: 0;
}

@media (min-width: 768px) {
  .section-team .section-team__title {
    font-size: var(--text-4xl);
    line-height: 1.2;
  }
}

.section-team__desc {
  font-family: var(--font-roboto);
  font-weight: 400;
  font-size: var(--text-base);
  line-height: 1.65;
  text-align: center;
  color: #e9f3f1;
  margin-bottom: var(--space-xl);
  padding: 0;
}

@media (min-width: 768px) {
  .section-team__desc {
    font-size: var(--text-lg);
    line-height: 1.5;
  }
}

.section-team__btn {
  display: inline-block;
  background: var(--color-primary-dark);
  color: var(--color-dark);
  font-family: var(--font-roboto);
  font-weight: 600;
  font-size: var(--text-md);
  line-height: 1;
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s;
	font-size: 18px;
	height:48px;
	    transition: background .2s ease, border-color .2s ease, color .2s ease;

}


#unsere-werte {
	padding-top:72px;
	padding-bottom:72px;
}
@media (max-width: 768px) {
	
	.section-sellbase .sellbase-right .et_pb_text_inner a {
    background: var(--color-secondary);
    box-shadow: var(--shadow-lg);
    border-radius: var(--radius-sm);
    font-family: var(--font-alt);
    font-weight: 600;
    color: var(--color-white);
    line-height: 1;
    font-size: var(--text-md);
    width: 100%;
  	height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    transition: background 0.3s 
ease;
  padding: 10px 14px;
 font-size: 16px;
    width: fit-content;
    transition: background .2s 
ease, border-color .2s 
ease, color .2s 
ease;
}
	
.section-team__btn {
  display: inline-block;
  background: var(--color-primary-dark);
  color: var(--color-dark);
  font-family: var(--font-roboto);
  font-weight: 600;
  font-size: var(--text-md);
  line-height: 1;
  height: 36px;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s;
	font-size: 16px;
	    transition: background .2s ease, border-color .2s ease, color .2s ease;

}
	
	.section-contact .submit-section-contact input[type="submit"] {
	  padding: 10px 14px;
	  font-size: 16px;
		height:36px;
	}

}


.section-team__btn:hover {
  opacity: 0.9;
	background: #08998F;
	color:var(--color-white);
	
}

/* ===== STEPS SECTION - MOBILE FIRST ===== */
.section-steps {
	padding:72px 0;
}
.section-steps .step-title {
  font-weight: 700;
  font-size: var(--text-2xl);
  line-height: 1.4;
  text-align: center;
  width: 100%;
}

.section-steps .et_pb_row_7.et_pb_row_4col {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.section-steps .et_pb_row_7 .et_pb_column {
  display: block;
  margin-bottom: var(--space-2xl);
}

@media (min-width: 480px) {
  .section-steps .et_pb_row_7 .et_pb_column {
    display: flex;
  }
}

.section-steps .et_pb_row_7 .et_pb_text {
  display: flex;
  width: 100%;
}

.section-steps .et_pb_row_7 .et_pb_text_inner {
  display: flex;
  width: 100%;
}

/* Step Card */
.section-steps .step {
  background: var(--color-white);
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--radius-xl);
  transition: all 0.3s ease;
	box-shadow: 0px 0px 20px 0px #0000000D;
}

.section-steps .step__num {
  font-family: var(--font-roboto);
  font-weight: 900;
  font-size: 28px;
  color: var(--color-teal-light);
  margin-bottom: var(--space-md);
}

@media (min-width: 768px) {
  .section-steps .step__num {
    font-size: 32px;
  }
}


@media (max-width: 479px) {
 .section-steps .et_pb_row_15 .et_pb_column {
        margin: 0 0 0px;
    }
}
.section-steps .step__title {
  line-height: 1.4;
	padding-bottom:8px;
}

.section-steps .step__subtitle {
  font-weight: 700;
  line-height: 1.4;
  padding-bottom:16px;
}

.section-steps .step__text {
  font-weight: 400;
  line-height: 1.5;
}

/* Step Hover & Active States */
.section-steps .step:hover,
.section-steps .step--active {
  background: var(--color-teal-dark);
  color: var(--color-white);
}

.section-steps .step:hover .step__subtitle,
.section-steps .step:hover .step__num,
.section-steps .step--active .step__subtitle,
.section-steps .step--active .step__num {
  color: var(--color-white);
}

.section-steps .step--active .step__num,
.section-steps .step:hover .step__num {
  color: var(--color-accent) !important;
}

.section-steps .step--active .step__title,
.section-steps .step:hover .step__title {
  color: var(--color-white);
}

/* ===== PROZESS SECTION - MOBILE FIRST ===== */
.row-prozess-box .et_pb_column {
  margin-bottom: var(--space-2xl);
}

.row-prozess-box .service-card {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
  background: var(--color-white);
}

.row-prozess-box .service-card__img img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.row-prozess-box .service-card--tall .service-card__img img {
  height: 210px;
}

.row-prozess-box .service-card__body {
  padding: 22px 20px 20px;
  display: flex;
  flex-direction: column;
}

.row-prozess-box .service-card__title {
  	line-height: 1.4;
	padding-bottom:var(--space-md);
}

.row-prozess-box .service-card__text {
  font-weight: 400;
  font-size: var(--text-base);
  line-height: 1.65;
	margin-bottom:var(--space-lg);
}

@media (min-width: 768px) {
  .row-prozess-box .service-card__text {
    font-size: var(--text-md);
    line-height: 1.5;
  }
}

.row-prozess-box .service-card__badge {
  display: flex;
  align-items: center;
}

.row-prozess-box .service-card__badge img {
	padding-right:var(--space-sm);
}
.row-prozess-box .service-card__badge .text {
  width: 100%;
  font-weight: 500;
  font-size: var(--text-base);
  line-height: 1.65;
  padding: var(--space-xs) var(--space-md);
  color: #0a1f1a;
  border: 1px solid rgba(9, 155, 108, 0.08);
  border-radius: var(--radius-xl) var(--radius-xl) var(--radius-xl) 0;
  background: var(--color-bg-light);
}

@media (min-width: 768px) {
  .row-prozess-box .service-card__badge .text {
    font-size: var(--text-md);
    line-height: 1.5;
  }
}

.row-prozess-box .service-card__icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Desktop offset adjustments */
.row-prozess-box .destop-100,
.row-prozess-box .destop-200 {
  margin-top: 0;
}

@media (min-width: 1024px) {
	.menu-bottom-footer-row .menu-footer-bottom{ display: none !important; }
  .row-prozess-box .destop-100 {
    margin-top: 100px !important;
  }
  
  .row-prozess-box .destop-200 {
    margin-top: 200px !important;
  }
}

/* ===== UNSERE SECTION - MOBILE FIRST ===== */
.section-unsere .et_pb_row,
.section-unsere .et_pb_row .et_pb_column {
  display: flex;
  flex-wrap: wrap;
}

.section-unsere .et_pb_row {
  gap: var(--space-lg);
}

.section-unsere .et_pb_row_5,
.section-unsere .et_pb_row_6 {
  display: flex;
  align-items: stretch;
}

.section-unsere .et_pb_row_5 .et_pb_column,
.section-unsere .et_pb_row_6 .et_pb_column {
  display: flex;
}

.section-unsere .et_pb_text {
  display: flex;
  width: 100%;
}

.section-unsere .et_pb_text_inner {
  width: 100%;
}

/* Values Intro Box */
.section-unsere .values-box--intro {
  background: transparent;
  padding: var(--space-md) 0;
}

.section-unsere .values-intro__icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: var(--space-lg);
}

@media (min-width: 768px) {
  .section-unsere .values-intro__icon {
    width: 70px;
    height: 70px;
  }
}

.section-unsere .values-intro__text {
  color: var(--color-text-light);
  font-size: var(--text-base);
  line-height: 1.65;
}

@media (min-width: 768px) {
  .section-unsere .values-intro__text {
    font-size: var(--text-md);
    line-height: 1.5;
  }
}

/* Values Card */
.section-unsere .values-card {
	box-shadow: 0px 0px 20px 0px #0000000D;
  background: var(--color-white);
  border: 1px solid rgba(0, 110, 97, 0.08);
  transition: all 0.18s ease;
  min-height: 170px;
  padding: var(--space-lg);
  border-radius: var(--radius-xl) var(--radius-xl) var(--radius-xl) 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.section-unsere .values-card p {
  padding-bottom: 0;
}

.section-unsere .values-card__icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-lg);
}

.section-unsere .values-card__text {
  font-size: var(--text-base);
  line-height: 1.65;
  color: var(--color-text-light);
}

@media (min-width: 768px) {
  .section-unsere .values-card__text {
    font-size: var(--text-md);
    line-height: 1.5;
  }
}

/* Values Card Active State */
.section-unsere .values-card--active {
  background: var(--color-dark);
  border: none;
  color: var(--color-white);
  box-shadow: var(--shadow-card);
}

.section-unsere .values-card--active .values-card__icon {
  background: rgba(255, 255, 255, 0.12);
}

.values-card--active .values-card__icon svg {
  fill: #006e61 !important;
}

.section-unsere .values-card--active .values-card__title,
.section-unsere .values-card--active .values-card__text {
  color: var(--color-white);
}

/* Values Card Hover */
.section-unsere .values-card:not(.values-card--active):hover {
  background: var(--color-dark);
}

.section-unsere .values-card:not(.values-card--active):hover .values-card__title,
.section-unsere .values-card:not(.values-card--active):hover .values-card__text {
  color: var(--color-white);
  stroke: var(--color-white);
  fill: none;
}

.section-unsere .values-card:not(.values-card--active):hover svg {
  color: var(--color-accent);
  stroke: var(--color-accent);
  fill: var(--color-accent);
}

/* ===== ADDITIONAL SECTIONS SPACING ===== */
#ueber-uns {
  padding-bottom: 0;
}

#unsere-werte {
	padding-top:72px;
	padding-bottom:72px;
}
@media (max-width: 1023px) {
  
	.row-study-cases-main .et_pb_blurb .et_pb_main_blurb_image img {
	height: 104px;
    width: auto;
	  object-fit: cover;
	}
	
  .section-unsere .et_pb_row_11 {
    padding-top: 24px;
  }
  
	
	#ueber-uns {
    padding: 0 40px !important;
    padding-top: 72px !important;
  }
	
	#unsere-werte {
		 padding-top: 0px;
	}
}

@media (max-width: 479px) {
  #ueber-uns .et-last-child .et_pb_column {
    display: flex;
    flex-wrap: wrap;
  }
  

  
	#ueber-uns .et_pb_column .et_pb_text_13 {
		margin-bottom:0px;
	}
	
  .et_pb_section_4.et_pb_section {
    padding: var(--space-3xl) 25px !important;
  }
}

/* ===== UTILITY BUTTONS ===== */
.btn,
.button,
.et_pb_button {
  font-size: var(--text-md);
  line-height: 1.2;
  padding: var(--space-sm) var(--space-lg);
}



@media (min-width: 1023px) {

	.section-sellbase .et_pb_gutters2 {
    display: flex;
    flex-direction: row;
    gap: 0px;
}
}


@media (max-width: 1023px) and (min-width: 980px)  {
.section-sellbase .et_pb_row_8 > .et_pb_column {
        flex: 0 0 calc(33.33%);
    }
	
	.section-sellbase .et_pb_gutters2 {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
	
	    .section-team .section-team__title {
        font-size: var(--text-2xl);
        line-height: 1.2;
    }
}

@media (min-width: 981px){
		.hero {
	padding-top:0px;
	}
}

/* ===== DIGITALE ASSISTENTEN SPECIFIC ===== */
@media (min-width: 980px) {
	.row-problem {
		justify-content:space-between;
	}
	.row-problem:after {
		display:none;
	}
	#hero-section {
        padding-top: 0;
		padding-bottom:0;
    }
	
	#hero-section .et_pb_row {
		padding-top:0px;
	}
	
	#hero-section .et_pb_row .et_pb_column_0 {
		padding: 72px 0;
	}
	header .et_pb_row:after,header .et_pb_row_inner:after  {
		display:none;
	}
	

  #digitale-assistenten .et_pb_text_inner .btn-primary {
    font-size: var(--text-lg);
    height: 48px;
    padding: 14px var(--space-md);
    gap: var(--space-xs);
    border-width: 2px;
  }
  
  .video .et_pb_video_overlay_hover .et_pb_video_play {
    font-size: 200px;
    opacity: 0.7;
  }
	
	.section-cases .section-title, .section-problem .problem-text h2, .section-assistent .section-title, .section-prozess .prozess-text h2, .section-contact .section-title, .section-about h2, .section-sellbase .sellbase-header h2, .section-team .section-team__title, .block-content .et_pb_text_13 h2, #page-container .et_pb_text_13 h2, h2 {
        font-size: var(--text-4xl);
        line-height: 1.3;
    }
	
	.section-sellbase .sellbase-header .et-last-child, .sellbase-header .et-last-child .et_pb_module {
		display: flex;
	}
	
	.section-sellbase .sellbase-header{
		    display: flex;
    flex-direction: row;
	}
	
	.section-sellbase .sellbase-header:after {
		display:none;
	}
	
	.section-sellbase .sellbase-header h2 {
		font-size:40px;
	}
	
	.sellbase-header {
		gap:80px;
	}
	
	.sellbase-header .et_pb_column_10 {
		margin-right:0px;
		min-width:50%;
	}
	

	
	.section-sellbase  .et_pb_gutters2 .et_pb_column {
		margin-right:0px;
		width:33,33%;
		max-width:max-content !important;
	}
	.section-sellbase  .et_pb_gutters2  {
		gap:16px;
	}
	.section-sellbase  .et_pb_gutters2:after {
		display:none;
	}
	
	.section-sellbase .sellbase-right .et_pb_text_inner p, .section-sellbase .sellbase-right .et_pb_text_inner h4 {
    margin-bottom: 0;
    padding-bottom: var(--space-lg);
	}
	
.section-sellbase .sellbase-right .et_pb_text_inner h4 {
		font-size: var(--text-2xl);
	}

	
	.row-prozess-box .et_pb_column {
		width:33.33%;
		margin-right: 0px;
		margin-bottom:0px;
	} 
	
	.row-prozess-box {
		    display: flex;
   		 gap: 48px;
	}
	
	.row-prozess-box:after {
		display:none;
	}
	

		.section-steps .et_pb_row_4col .et_pb_column{
		margin-right: 0px;
			width: -webkit-fill-available;
	}
	.section-steps .et_pb_row_4col {
		 display: flex;
   		 gap: 48px;
		padding-left:5px;
		padding-right:5px;
	}
	.section-steps .et_pb_row_4col .et_pb_column {
        flex: 1 1 0px !important; 
        width: auto !important;   
        margin-right: 0 !important; 
        max-width: 100%;
    }
	
	.section-steps .et_pb_row_4col:after {
		display:none;
	}


	.section-team .section-team__title {
		margin-bottom:var(--space-xl);
	}
	
	.footer-landing-page .et_pb_column--with-menu {
    	display: block;
		margin-right:0px;
	}
	#menu-landing-page-footer-menu {
		display:flex;
		gap:var(--space-xl);
	}
	#menu-landing-page-footer-menu li{
		padding:0px;
		
	}
	
	.et_pb_column_0_tb_footer {
		margin-right: 0px;
   		width: 25%;
	}
		.et_pb_column_1_tb_footer {
		margin-right: 0px;
   		width: 50%;
	}
		.et_pb_column_2_tb_footer {
		margin-right: 0px;
   		width: 25%;
	}
	
	.et_pb_menu--without-logo {

	}
	
	.row-study-cases-main .et_pb_blurb {
		overflow:hidden !important;
	}
	
	.row-study-cases-main .et_pb_image_2 {
		  width: max-content;
	}
	
	#main-content .post-1892.page .et_pb_row,
	.footer-landing-page .et_pb_row,
	.header-landing-page .et_pb_row {
		max-width: calc(1440px - 150px) ;
		margin-inline: auto;
	}
	
	#main-content .container{
		max-width: calc(1440px - 150px) !important;
		margin-inline: auto;
	}
	
	.footer-landing-page  .et_pb_column_0_tb_footer  {
		width:8%;
	}
	
	.row-study-cases-main .et_pb_blurb_container::after {
    top: calc(60px - 10px); 
	}
	
	.row-study-cases-main {
		padding-top:80px !important;
		padding-bottom:0px !important;
	}
	
	.sellbase-row {
		padding-top:16px !important;
		padding-bottom:0px !important;
	}

}
@media (max-width: 980px) {
	.section-unsere .values-box--intro {
    padding: var(--space-lg);
}
	
	.footer-logo .et_pb_image_wrap  {
		    width: 150px;
	}
}
@media (max-width: 1024px) {
	.footer-landing-page .et_mobile_nav_menu {
		display:none;
	}
	
	 	.footer-landing-page.et_pb_menu_0_tb_footer .mobile_nav .mobile_menu_bar:before {
		display:none;
	}
}
  .row-study-cases-main .et_pb_blurb .et_pb_main_blurb_image img{
    height: 104px;
  }
.et_pb_menu .et_mobile_nav_menu {
	margin:0px;
}

.ba_image_carousel_child_5 .dtq-image-carousel-item figure img {
	object-fit: contain !important;
}

#hero-section .slick-slide div {
	    display: flex;
    justify-content: center;
}

#hero-section .slick-track {
	 display: flex;
	align-items:center;
}


.img-sellbase {
    background: rgb(255 255 255 / 60%);
    border-radius: var(--radius-lg);
}
.img-sellbase img {
	width: 169px !important;
	height: 70px;
	object-fit: cover;
}

	.section-team .row-hol-dir {
		padding-top: 112px;
		padding-bottom: 112px;
	}

.ba_image_carousel_child_7 .dtq-image-carousel-item figure img {
    object-fit: contain !important;
}

.header-logo ,.footer-logo{
	display: grid;
    height: 56px;
    align-items: anchor-center;
	width:180px;
}
@media only screen and (max-width: 767px) {
	.hero {
		padding-top:20px !important;
	}
}



@media (max-width: 980px) {
    .et_pb_column {
        width: 100%;
        margin-bottom: 0px;
    }
	
	.row-study-cases-main {
		gap: 40px;
	}
	
	.et_pb_blurb_content {
    max-width: 100%;
	}
	.section-cases {
		display:flex;
		gap: 40px;
		flex-direction:column;
	}
	
	.section-sellbase .et_pb_column_10 {
		flex-direction:column;
	}
	.section-sellbase .et_pb_gutters2 {
		padding-bottom:0px;
	}
	.section-sellbase .et_pb_gutters2:after {
		display:none;
	}
	
	.row-problem .et_pb_image_1 {
		display:flex;
		justify-content:center;
		
	}
	
	#ueber-uns {
		padding-right: 40px;
        padding-left: 40px;
	}
}


@media (min-width: 981px) {
   #unsere-werte .et_pb_column,    #unsere-werte .et_pb_row .et_pb_column {
        margin-right: 0px !important;
	   	width:33.33%;
    }
   #unsere-werte .et_pb_row {
		flex-direction: row;
        flex-wrap: nowrap;
   }
   footer .et_pb_section {
        padding: 0;
   }
   footer .et_pb_section .et_pb_row {
        padding: 40px 0;
   }
	
}

 #unsere-werte .et_pb_row {justify-content: space-between; gap:24px;}

.row-study-cases-main {
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}


.section-sellbase .sellbase-header h2 {
	padding-bottom:16px;
	margin-bottom:0px;
}

#header-landing-page-tablet .et_pb_row  , #header-landing-page-mobile .et_pb_row {
	align-items:center;
}

#header-landing-page-tablet .et_pb_menu .et_pb_menu__wrap,#header-landing-page-mobile .et_pb_menu .et_pb_menu__wrap {
    justify-content: start;
}

#header-landing-page-tablet .et_pb_column_4_tb_header ,#header-landing-page-mobile .et_pb_column_4_tb_header {
	display:flex;
	justify-content:end;
}

#header-landing-page-tablet .et_pb_column_3_tb_header , #header-landing-page-mobile .et_pb_column_3_tb_header {
	display:flex;
	align-items:center;
	justify-content:center;
}

#header-landing-page-tablet .header-logo , #header-landing-page-mobile .header-logo {
	margin:0;
	width:100% !important;
}

.header-landing-page .mobile_menu_bar:before {
    color: #323232 ! IMPORTANT;
}

.menu-icon-contact-mobile{
	    display: flex;
    align-items: center;
    justify-content: end;
}

.header-logo .et_pb_image_wrap img[src*=".svg"] {
	width: auto;
    height: 56px;
}

.section-steps .et_pb_row_4col{
	    display: flex;
    gap: 16px;
}

.section-steps .et_pb_row_4col .et_pb_column {
    min-width: 0 !important; 
    overflow-wrap: break-word !important; 
	margin:0 !important; 
}

.step {
	margin:0; 
}
.step, 
.step__title, 
.step__subtitle, 
.step__text, 
.step p {
    white-space: normal !important;
    word-wrap: break-word !important; 
    overflow-wrap: break-word !important; 
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.step {
    display: block !important;
}



.header-landing-page #mobile_menu2.et_mobile_menu {
    width: 100vw !important;
    max-width: 100vw !important;
    position: absolute !important;
    left: 150% !important;
    transform: translateX(-50%) !important;
    top: 60px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / .15) !important;
}

.header-landing-page #mobile_menu3.et_mobile_menu {
    width: 100vw !important;
    max-width: 100vw !important;
    position: absolute !important;
    left: -20px !important;
    top: 60px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / .15) !important;
}

.deine-row {
	padding-bottom:0px;
}

.ai-icon-wrapper {
	padding:16px;
    background: rgb(255 255 255 / .1);
    border-radius: var(--radius-lg);
    transition: background 0.25s 
ease;
    display: flex;
    align-items: center;
    justify-content: center;
	width: fit-content;
	min-width: 96px;
    min-height: 96px;
}
.ai-icon-wrapper svg {
	width: 50px;
	height:58px;
}

.svg {
    padding: 0px !important;
    margin: 0px !important;
}

.ai-title {
	font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: rgb(255, 255, 255) !important;
}

.ai-subtitle {
	
}

.svg01  .ai-icon-wrapper svg path{
	fill:#01dd8d;
}

.svg02  .ai-icon-wrapper svg path{
	fill:#7229FF;
}

.svg03  .ai-icon-wrapper svg path{
	fill:#00A7F0;
}


.svg .ai-icon-wrapper svg ellipse {
	fill:#ffffff;
}

.ai-card-single {
	    display: flex;
		align-items: center;
		gap: 24px;
}

.header-mobile-row .et_pb_column , .header-mobile-tablet .et_pb_column  {
	width: fit-content;
}

.header-mobile-row , .header-mobile-tablet  {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.header-mobile-row:after , .header-mobile-tablet:after {
	display:none;
}




.unsere-row-1 {
	padding-top:0px;
}

.unsere-row-1:after , .unsere-row-2:after {
	display:none;
}

.unsere-row-1 .et_pb_module {
	margin-bottom:0px;
}

.unsere-row-2 {
	padding-top:24px;
}

.step-row-1 {
	padding:0px;
} 
.step-row-2 {
	padding-top:40px;
}
.step-row-1 h5 {
	padding-bottom:0px;
}

.problem-card:hover ,.service-card:hover{
    box-shadow: #01dd8d2e 0 0 20px 0 !important;
}


.et_pb_blurb_description {

  transition: max-height .45s ease, opacity .3s ease;
}

.usecase-item .et_pb_blurb_description {
  overflow: hidden;
}

.usecase-item:not(.is-open) .et_pb_blurb_description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.row-study-cases-main .et_pb_blurb_container .et_pb_blurb_description {
  max-width: 350px;
  font-family: var(--font-primary);
  padding-right: var(--space-md);
}
.menu-bottom-footer-row {
	padding-top:0px !important;
	display:flex;
	justify-content:center;
	align-items:center;
}


.menu-bottom-footer-row .et_pb_menu__wrap{
	justify-content:center;
}



.et_pb_slider .et_pb_slide_image,
.et_pb_slide_image img {
    margin-top: 0 !important;
    transform: translateY(0) !important;
    max-height: none !important;
    height: auto !important;
}


.home-page-section-2 .row-1 .button-1:after {

  background: url("/wp-content/uploads/2025/11/btn-arrow-black.png") no-repeat;

}

.home-page-section-2 .row-1 .button-1:hover:after {
  background-image: url("/wp-content/uploads/2025/11/btn-arrow-white.png");
}

body #page-container .et_pb_section .et_pb_button_1:after {
    width: 20px;
    height: 20px;
    background-size: contain;
}

.et_pb_slide {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


@media (min-width: 1024px) and (max-width: 1300px) {
    #hero-section .hero .hero-content h1 {
        font-size: 34px;
    }
	
	.section-cases .section-title, .section-problem .problem-text h2, .section-assistent .section-title, .section-prozess .prozess-text h2, .section-contact .section-title, .section-about h2, .section-sellbase .sellbase-header h2, .section-team .section-team__title, .block-content .et_pb_text_13 h2, #page-container .et_pb_text_13 h2{
        font-size: var(--text-2xl);
        line-height: 1.3;
    }
}

@media (min-width: 981px) and (max-width: 1200px) {
    .menu-icon-contact a {
        font-size: 0 !important;         
        color: transparent !important;
		padding-right:5px !important;
    }
	
	.footer-logo img {
		width:100px !important;
	}
	
	    #menu-landing-page-footer-menu {
        gap: 12px !important;
    }
	
	
}

@media (min-width: 981px) {
	#ueber-uns .et_pb_text_16 .et_pb_text_inner {
  overflow: hidden;
  transition: max-height 0.4s ease;
}
#ueber-uns .toggle-more-btn {
  margin-top: 18px;
  display: inline-block;
  background: none;
  border: none;
  font-weight: 600;
  color: #08998F;
  cursor: pointer;
  font-size: 17px;
  padding: 0;
	  margin: 0 auto var(--space-xl);
}
#ueber-uns .toggle-more-btn:hover {
  text-decoration: underline;
}


#ueber-uns .text-fade {
  position: relative;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

#ueber-uns .text-fade::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#ueber-uns.expanded .text-fade::after {
  opacity: 0;
}

#ueber-uns .toggle-more-btn {
  margin-top: 15px;
  display: inline-block;
  background: none;
  border: none;
  color: #047B63;
  font-weight: 600;
  cursor: pointer;
  font-size: 17px;
}

#ueber-uns .toggle-more-btn:hover {
  text-decoration: underline;
}

}

/* funnel-page popup */
/* =====================================================
   Funnel popup – Contact Form 7
   Wrapper: Divi module has class .funnel-popup
   ===================================================== */

/* Form container */
.funnel-popup .wpcf7 form .contact-form {
  max-width: 420px;
  margin: 0;
  font-family: inherit;
  font-size: 14px;
}

/* -----------------------------------------------------
   Base input reset
----------------------------------------------------- */
.funnel-popup .wpcf7 input[type="text"],
.funnel-popup .wpcf7 input[type="email"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  padding: 0 16px 0 44px; /* space for left icon */
  font-size: 14px;
  outline: none;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: #ffffff;
}

.funnel-popup .wpcf7 input::placeholder {
  color: #b3b3b3;
}

/* Focus state */
.funnel-popup .wpcf7 input[type="text"]:focus,
.funnel-popup .wpcf7 input[type="email"]:focus {
  border-color: #00c853;
  box-shadow: 0 0 0 1px rgba(0, 200, 83, 0.1);
}

/* -----------------------------------------------------
   Layout: two columns (first name / last name)
----------------------------------------------------- */
.funnel-popup .half-column {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.funnel-popup .half-column .input-wrap {
  flex: 1;
}

/* -----------------------------------------------------
   Input wrapper + icon logic
   (Same concept as kontaktformular_section_contact)
----------------------------------------------------- */
.funnel-popup .input-wrap {
  position: relative;
  margin-bottom: 12px;
}

/* Base icon */
.funnel-popup .icon-user::before,
.funnel-popup .icon-mail::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}

/* User icon */
.funnel-popup .icon-user::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12a3.5 3.5 0 1 0-3.5-3.5A3.5 3.5 0 0 0 12 12Z'/%3E%3Cpath d='M5 20.4a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
}

/* Mail icon */
.funnel-popup .icon-mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' ry='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

/* -----------------------------------------------------
   Checkbox
----------------------------------------------------- */
.funnel-popup .checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 8px 0 16px;

  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  color: black;
}

/* Checkbox input */
.funnel-popup .checkbox-wrapper input[type="checkbox"] {
  margin-top: 3px;
}

/* Link inside checkbox text */
.funnel-popup .checkbox-wrapper a {
  color: black;
  text-decoration: underline;
  font-weight: 700;
  line-height: 150%;
}

/* -----------------------------------------------------
   Submit button
----------------------------------------------------- */
.funnel-popup .submit-contact {
  margin-top: 8px;
}

.funnel-popup .wpcf7 input[type="submit"],
.funnel-popup .wpcf7 .btn.btn-primary {
  width: 100%;
  height: 52px;
  border-radius: 4px;
  border: none;
  background: #00c853;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0, 200, 83, 0.35);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

.funnel-popup .wpcf7 input[type="submit"]:hover {
  background: #00b54a;
  box-shadow: 0 10px 22px rgba(0, 200, 83, 0.45);
  transform: translateY(-1px);
}

.funnel-popup .wpcf7 input[type="submit"]:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(0, 200, 83, 0.3);
}

/* Remove default CF7 paragraph spacing */
.funnel-popup .wpcf7-form p {
  margin: 0;
}

@media (max-width: 767px) {
  /* Two-column row becomes one column */
  .funnel-popup .half-column {
    flex-direction: column;
    gap: 12px;
  }

	.funnel-popup .half-column .input-wrap {
    width: 100%;
  }
}

/* -----------------------------------------------------
   reCAPTCHA – responsive fix
----------------------------------------------------- */

/* Wrapper */
.funnel-popup .wpcf7 .g-recaptcha,
.funnel-popup .wpcf7 .wpcf7-recaptcha,
.funnel-popup .wpcf7 .cf7sr-recaptcha {
  width: 100%;
  overflow: hidden;
}

/* Desktop / default */
.funnel-popup .wpcf7 iframe[src*="recaptcha"] {
  max-width: 100%;
}

/* Mobile scaling */
@media (max-width: 767px) {
  .funnel-popup .wpcf7 iframe[src*="recaptcha"] {
    transform: scale(0.85);
    transform-origin: left top;
  }
}

/* Small phones */
@media (max-width: 360px) {
  .funnel-popup .wpcf7 iframe[src*="recaptcha"] {
    transform: scale(0.75);
  }
}

/* Close button */
.popup_outer_wrap .da-close-wrap .da-close.evr-close {
	margin: 20px 20px;
}

/* Mobile scaling */
@media (max-width: 767px) {
  .popup_outer_wrap .da-close-wrap .da-close.evr-close {
	margin: 15px 10px;
  }
}

/* Small phones */
@media (max-width: 767px) {
  .popup_outer_wrap .da-close-wrap .da-close.evr-close {
	margin: 10px 5px;
  }
}

@media screen and (max-width: 767px) {
    .popup_outer_wrap,
    .funnel-popup,
    .funnel-popup .et_pb_row,
    .funnel-popup .et_pb_column,
    .funnel-popup .et_pb_code {
        overflow: hidden !important;
        max-width: 100% !important;
    }
}

/* Funnel-page testimonial*/
.funnelpage-dtq-testimonial .dtq-testimonial-img { 
	float: left !important; 
	margin: 0 15px 10px 0 !important; 
	display: inline-block !important; 
	width: 60px; height: 60px; 
}

.funnelpage-dtq-testimonial {
  border-radius: 24px 24px 24px 0;
}

/* Footer funnelpage */

/* Testimonial funnelpage */
@media (max-width: 767px) {

  .mobile-testimonial-slider {
    position: relative;
    overflow: hidden;
    padding: 0 16px;
  }

  .mobile-testimonial-slider .et_pb_slide_content {
    background: #fff;
    padding: 20px 20px 48px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  }

  .mobile-testimonial-slider .testimonial-author {
    display: flex;
    align-items: center;
    margin-top: 16px;
  }

  .mobile-testimonial-slider .testimonial-author > * + * {
    margin-left: 12px;
  }

  .mobile-testimonial-slider .testimonial-author img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
  }

  .mobile-testimonial-slider .author-name {
    font-size: 14px;
    font-weight: 600;
  }

  .mobile-testimonial-slider .author-position {
    font-size: 13px;
    color: #6b7280;
  }

  .mobile-testimonial-slider .et-pb-controllers {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
  }
	
	.mobile-testimonial-slider .et_pb_slides .et_pb_container.et_pb_slide{
		height: auto!important;
	}
}

/* ===== END OF MOBILE FIRST REFACTORED CSS ===== */