:root {
  --mambo-primary: #5BD87C;
  --mambo-primary-weak: rgba(91,216,124,0.8);
  --mambo-primary-dark: #b64f70;
  --mambo-secondary: #555;
  --mambo-primary-weak: rgba(89,188,172,0.5);
  --mambo-secondary-weak: rgba(255, 255, 255, 0.5);
  --mambo-lightgray: #DDDDDD;
  --mambo-gray: #949A9F;
  --mambo-btn: #999999;
  --mambo-text: #3c3c3c;
  --mambo-text-weak: rgba(60,60,60,0.3);
  --mambo-text-inverted: #fff;
  --mambo-header-height: 90px;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open_sans/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open_sans/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open_sans/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open_sans/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open_sans/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/open_sans/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}

:root {
  --font_body: 'Open Sans', sans-serif;
  --font_headline: 'Source Sans Pro', sans-serif;
}

/*
*******************************************************************************
* Global / General
*******************************************************************************
*/
* {
  font-family: var(--font_body);
  color: var(--mambo-text);
}

html {
  font-size: 20px !important;
}

body {
  font-family: var(--font_body) !important;
  font-size: 16px !important;
  line-height: 32px;
}

@media only screen and (max-width: 576px) {
  body {
    font-size: 14px !important;
  }
}

body.site {
  background-color: var(--mambo-text-inverted);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--font_headline);
  font-weight: 500;
}

body h1 {
  font-size: 42px;
  margin-bottom: 1.875rem;
}

body h2 {
  font-size: 30px;
}

body h3 {
  font-size: 26px;
}

body h4 {
  font-size: 1.25rem;
}

body h5 {
  font-size: 1rem;
}

body a {
  color: var(--mambo-primary);
  cursor: pointer;
}

body a:hover, body a:active, body a:focus {
  color: var(--mambo-grey);
  text-decoration: none;
}

body p {
  margin-top: 1rem;
}

#sp-header {
  z-index: 500;
}

#sp-header .container {
  max-width: 95%;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 99%;
}

.com-sppagebuilder #sp-main-body {
  min-height: calc(100vh - 84px);
  padding-top: 0 !important;
}

@media only screen and (max-width: 576px) {
  .com-sppagebuilder #sp-main-body {
    min-height: calc(100vh - 98px);
    padding-top: 120px !important;
  }
}

#sp-footer {
  background: var(--mambo-lightgray);
  color: var(--mambo-text);
  font-size: 16px;
  color: var(--mambo-text);
}

#sp-footer .container {
  max-width: 90%;
}

#sp-footer .container-inner {
  border-top: none;
}

#sp-footer #sp-footer2 ul li {
  padding: 0 20px;
  margin: 0px;
}

@media only Screen and (max-width: 568px) {
  #sp-footer #sp-footer2 ul li {
    padding: 0 10px;
  }
}

#sp-footer #sp-footer2 ul li a {
  color: var(--mambo-text);
  cursor: pointer;
  font-size: 16px;
}

#sp-footer #sp-footer2 ul li a:hover {
  color: var(--mambo-primary);
  text-decoration: none;
}

#sp-footer ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 576px) {
  #sp-footer ul.menu {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

#sp-bottom {
  background: unset;
  padding-bottom: 0px;
}

#sp-bottom .sp-module {
  margin-bottom: 0px;
}

@media only screen and (max-width: 564px) {
  #sp-footer1 .sp-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 564px) {
  .usercentrics-button.uc-button-bl div.uc-privacy-button-wrapper {
    left: 20px !important;
    bottom: 56px !important;
  }
}

@media only screen and (max-width: 564px) {
  .sp-scroll-up {
    bottom: 56px;
  }
}

.sp-megamenu-parent li {
  line-height: var(--mambo-header-height);
  padding: 0 15px;
}

.sp-megamenu-parent li:last-child a {
  padding: 10px 15px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-family: var(--font_headline);
  color: var(--mambo-text-inverted) !important;
  font-size: 18px;
  line-height: 1;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-weight: 300;
}

.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li:hover > span {
  color: var(--mambo-text-inverted);
  background-color: var(--mambo-primary);
}

.sp-megamenu-parent .sp-mega-group > li > a {
  margin: 5px 0;
}

.sp-megamenu-parent a {
  text-transform: uppercase;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li {
  width: unset;
  -webkit-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
  line-height: 1;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li a {
  padding: 20px 25px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:last-child {
  text-align: left;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover {
  background-color: var(--mambo-primary);
  color: var(--mambo-text-inverted);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover a {
  color: var(--mambo-text-inverted);
  font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 10px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 10px;
}

.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  -webkit-animation: spFadeIn 200ms ease-in;
          animation: spFadeIn 200ms ease-in;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after {
  content: "";
  margin-left: 0px;
}

.sp-has-child.sp-menu-item a.no_link {
  pointer-events: none;
}

.sp-has-child.sp-menu-item:hover a.no_link:after {
  color: var(--mambo-primary);
}

.menu_item.item-header {
  padding: 5px;
}

.menu_item.item-header:hover {
  border-left: 4px solid var(--mambo-primary);
  background-color: var(--mambo-gray);
}

.menu_item.item-header:hover a {
  color: var(--mambo-text-inverted);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0;
  background-color: var(--mambo-text-inverted);
  margin-top: 5px;
  border-radius: 10px;
}

/*
**********************************************************************************************************************************
Font Awesome
**********************************************************************************************************************************
*/
.fas, .far, .fa {
  font-weight: 300;
  font-family: "Font Awesome 5 Pro" !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

/*
****************************************************************************************************************
sticky menu 
****************************************************************************************************************
*/
.burger-icon span {
  background-color: white;
}

@media only Screen and (max-width: 768px) {
  .burger-icon span {
    background-color: black;
  }
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active > span, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active .menu-toggler, ul.sp-megamenu-parent > li.active > a, ul.sp-megamenu-parent > li.active > span, ul.sp-megamenu-parent > li.active .menu-toggler {
  color: var(--mambo-primary);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a + .sp-dropdown li.sp-menu-item.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active > span + .sp-dropdown li.sp-menu-item.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active .menu-toggler + .sp-dropdown li.sp-menu-item.active > a, ul.sp-megamenu-parent > li.active > a + .sp-dropdown li.sp-menu-item.active > a, ul.sp-megamenu-parent > li.active > span + .sp-dropdown li.sp-menu-item.active > a, ul.sp-megamenu-parent > li.active .menu-toggler + .sp-dropdown li.sp-menu-item.active > a {
  color: var(--mambo-primary);
}

ul.sp-megamenu-parent > li.active > a + .sp-dropdown li.sp-menu-item.active:hover > a {
  color: var(--mambo-text-inverted);
}

.offcanvas-inner .active span:after, .sp-megamenu-parent > .sp-menu-item.active > a {
  color: var(--mambo-primary) !important;
}

.sp-megamenu-parent > .sp-menu-item.active:hover > a {
  color: var(--mambo-text-inverted) !important;
}

#sp-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: var(--mambo-header-height);
}

@media only Screen and (max-width: 756px) {
  #sp-menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 120px;
  }
}

#sp-header {
  position: fixed;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: var(--mambo-header-height);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  top: -150px;
  background: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(transparent));
  background: linear-gradient(to bottom, #3c3c3c, transparent);
}

@media only Screen and (max-width: 756px) {
  #sp-header {
    background: var(--mambo-text-inverted);
    height: 120px;
  }
}

#sp-header.sticky_menu {
  position: fixed;
  z-index: 50;
  top: 0;
}

#sp-header.no_scroll {
  top: 0;
}

#sp-header .container {
  max-width: 90%;
}

#sp-header .fa-instagram {
  color: var(--mambo-primary);
}

#sp-header .logo {
  height: 220px;
  background-color: white;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 85%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 85%, 0% 100%);
}

@media only Screen and (max-width: 756px) {
  #sp-header .logo {
    -webkit-clip-path: unset;
            clip-path: unset;
    height: 120px;
  }
}

.logo-image {
  height: auto !important;
  max-height: 150px;
  padding: 25px;
}

/*
*******************************************************************************
* Hero-Header
*******************************************************************************
*/
section[id="header"] {
  height: calc(100vh - 69px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%);
}

section[id="header"] .sppb-row-container {
  max-width: 90%;
  width: 100%;
}

@media only screen and (max-width: 576px) {
  section[id="header"] {
    height: calc(69vh - 150px);
  }
}

section[id="header"] * {
  color: var(--mambo-text-inverted);
  text-align: right;
}

section[id="header"] h2 {
  font-size: 52px;
}

section[id="header"] div {
  font-size: 24px;
}

section[id="teaser"] {
  height: calc(40vh - 69px);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%);
}

/*
*******************************************************************************
* Offcanvas
*******************************************************************************
*/
#offcanvas-toggler > .fa {
  color: var(--mambo-text-inverted) !important;
}

@media only Screen and (max-width: 756px) {
  #offcanvas-toggler > .fa {
    color: var(--mambo-text) !important;
  }
}

#offcanvas-toggler > .fa:hover {
  color: var(--mambo-primary) !important;
}

#offcanvas-toggler {
  height: 90px;
  line-height: 90px;
  font-size: 18px;
}

#offcanvas-toggler:hover i.fa:before, #offcanvas-toggler:hover:after {
  font-weight: bold;
  color: var(--mambo-primary);
}

.sp-menu-item:first-child {
  display: none;
}

body.ltr .close-offcanvas {
  right: 25px;
  top: 45px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul li {
  padding: 2px 0;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .nav-header .menu-toggler:after {
  content: "\f067";
  color: var(--mambo-btn);
  font-weight: 200 !important;
  font-family: 'Font Awesome 5 Pro' !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .nav-header:hover {
  cursor: pointer;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .nav-header:hover .menu-toggler:after {
  color: var(--mambo-primary);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .nav-header .menu-toggler:after {
  content: "\f077";
}

.offcanvas-menu .offcanvas-inner .menu-child {
  margin-left: 0 !important;
}

.offcanvas-menu .menu > li > a, .offcanvas-menu .menu > li > span {
  font-weight: bold;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: var(--mambo-primary);
}

.offcanvas-menu .fa-instagram {
  color: #fff !important;
}

.offcanvas-menu .fa-instagram:before {
  color: var(--mambo-text) !important;
}

/*
*******************************************************************************
* Helper Classes
*******************************************************************************
*/
.img_contain img {
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: -20px;
}

.link_container .product.link a {
  background-color: var(--mambo-secondary);
}

.link_container .product.link a:hover, .link_container .product.link a:focus {
  background-color: var(--mambo-secondary-weak);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bg_primary {
  background-color: var(--mambo-primary);
}

.bg_lightgray {
  background-color: var(--mambo-lightgray);
}

.bg_gray {
  background-color: var(--mambo-gray);
}

.bg_white {
  background-color: var(--mambo-text-inverted);
}

.box_small {
  max-width: 1140px;
  margin: 25px auto !important;
  padding: 0 15px;
}

.shadow_bottom {
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75) !important;
}

.shadow_top {
  -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.75) !important;
}

.box_small_head {
  padding: 25px 15px !important;
  margin: -40px auto !important;
  max-width: 1140px;
}

.box_small_head .sppb-row-container {
  width: 100%;
}

.box_outer {
  width: 75%;
  margin: -50px auto !important;
}

.btn_std, .btn_sml, .btn_primary {
  text-transform: uppercase;
  background-color: unset;
  border: none;
  font-size: 60px;
  padding: 15px 20px;
  color: var(--mambo-text-inverted);
  border: 1px solid;
}

.btn_std:hover, .btn_sml:hover, .btn_primary:hover {
  color: var(--mambo-btn);
  background-color: unset;
}

.btn_sml {
  font-size: 14px;
  margin-bottom: 15px;
}

.btn_primary {
  color: var(--mambo-primary);
}

.btn_primary:hover {
  color: var(--mambo-btn);
}

.sub_heading, .sub_heading_black {
  font-size: 14px;
  color: var(--mambo-btn);
}

.sub_heading_black {
  color: var(--mambo-text);
}

.process_headings h3 {
  text-transform: uppercase;
}

.image_padding {
  padding-top: 150px;
  padding-bottom: 150px;
}

@media only screen and (max-width: 991px) {
  .order12 .sppb-col-md-6:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order12 .sppb-col-md-6:last-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order21 .sppb-col-md-6:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order21 .sppb-col-md-6:last-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.flex_end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex_center > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bottom_contact {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #fff), color-stop(41%, var(--mambo-lightgray)));
  background-image: linear-gradient(180deg, #fff 41%, var(--mambo-lightgray) 41%);
}

@media only screen and (max-width: 768px) {
  .bottom_contact {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(17%, #fff), color-stop(17%, var(--mambo-lightgray)));
    background-image: linear-gradient(180deg, #fff 17%, var(--mambo-lightgray) 17%);
  }
}

.product_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product_list .product {
  padding-bottom: 50px;
}

.product_list .product h3 {
  padding-top: 15px;
}

.product_list .product .product_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++
Gradients
*+++++++++*+++++++++++++++++++++++++++++++++++++++
*/
.clip_bottom {
  background: linear-gradient(176deg, white, white 18%, var(--mambo-lightgray) 18.2%);
}

@media only screen and (max-widtH: 765px) {
  .clip_bottom {
    background: linear-gradient(176deg, white, white 11%, var(--mambo-lightgray) 11.2%);
  }
}

.clip_top {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 82%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 82%);
  z-index: 100 !important;
}

.bottom_ueber_uns {
  z-index: 2 !important;
}

.bottom_bueromoebel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #FFFFFF), color-stop(30%, var(--mambo-lightgray)));
  background: linear-gradient(180deg, #FFFFFF 53%, var(--mambo-lightgray) 30%);
}

.clip_bottom_produkte {
  background: linear-gradient(176deg, white, white 31%, var(--mambo-lightgray) 31.2%);
}

@media only screen and (max-width: 1200px) {
  .clip_bottom_produkte {
    background: linear-gradient(176deg, white, white 25%, var(--mambo-lightgray) 25.2%);
  }
}

@media only screen and (max-width: 992px) {
  .clip_bottom_produkte {
    background: linear-gradient(176deg, white, white 20%, var(--mambo-lightgray) 20.2%);
  }
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++
Overlay
*+++++++++*+++++++++++++++++++++++++++++++++++++++
*/
#sp-main-body #sp-component .overlay_box .overlay_left, #sp-main-body #sp-component .overlay_box .overlay_right {
  background-color: var(--mambo-text-inverted);
}

@media only screen and (min-width: 992px) {
  #sp-main-body #sp-component .overlay_box .overlay_left, #sp-main-body #sp-component .overlay_box .overlay_right {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  #sp-main-body #sp-component .overlay_box .overlay_left, #sp-main-body #sp-component .overlay_box .overlay_right {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 991px) {
  #sp-main-body #sp-component .overlay_box .overlay_left .sppb-column-addons, #sp-main-body #sp-component .overlay_box .overlay_right .sppb-column-addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #sp-main-body #sp-component .overlay_box .overlay_left .sppb-column-addons > div:first-child, #sp-main-body #sp-component .overlay_box .overlay_right .sppb-column-addons > div:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  #sp-main-body #sp-component .overlay_box .overlay_left .sppb-column-addons > div:nth-child(n+4), #sp-main-body #sp-component .overlay_box .overlay_right .sppb-column-addons > div:nth-child(n+4) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
  }
}

.overlay_box {
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .overlay_box .sppb-text-left .sppb-addon-title {
    padding: 0 15px;
  }
}

.overlay_box .sppb-text-right .sppb-addon-title {
  margin-right: 150px;
}

@media only screen and (max-width: 991px) {
  .overlay_box .sppb-text-right .sppb-addon-title {
    text-align: left;
  }
}

.overlay_box .overlay_left {
  top: 75px;
  left: 75px;
}

@media only screen and (max-width: 991px) {
  .overlay_box .overlay_left {
    left: unset;
    top: unset;
  }
}

@media only screen and (max-width: 991px) {
  .overlay_box .overlay_left_title {
    text-align: left;
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .overlay_box .overlay_left_title h2 {
    margin-left: 150px;
  }
}

.overlay_box .overlay_right {
  top: 75px;
  right: 75px;
}

@media only screen and (max-width: 991px) {
  .overlay_box .overlay_right {
    right: unset;
    top: unset;
  }
}

.overlay_box .overlay_menu {
  position: absolute;
  top: 35%;
  left: -160px;
}

@media only screen and (max-width: 1599px) {
  .overlay_box .overlay_menu {
    left: 25%;
    margin-top: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .overlay_box .overlay_menu {
    position: relative;
    top: 0;
    left: 0;
  }
}

.overlay_box .sppb-addon-content {
  padding: 2em 0;
}

.overlay_box td .sppb-addon-content {
  padding: 0;
}

/* 
*******************************************************
flipbox
*******************************************************
*/
#sp-page-builder .home_flip .sppb-flipbox-back.flip-box:before {
  background-color: var(--mambo-primary);
}

.home_flip a div {
  width: 108%;
  height: 108%;
  margin-left: -20px;
  margin-bottom: -18px;
}

.home_flip .sppb-flipbox-front .flip-box-inner {
  width: 100%;
}

.home_flip .sppb-flipbox-back {
  bottom: 0;
  -webkit-clip-path: polygon(0 60%, 100% 75%, 100% 100%, 0% 100%);
          clip-path: polygon(0 60%, 100% 75%, 100% 100%, 0% 100%);
}

.home_flip .sppb-flipbox-back .flip-box-inner {
  vertical-align: bottom;
}

.home_flip .sppb-flipbox-back .flip_text {
  text-align: left;
  padding: 25px;
  height: 26%;
  color: var(--mambo-text-inverted);
}

@media only screen and (max-width: 1200px) {
  .home_flip .sppb-flipbox-back .flip_text {
    height: 31%;
  }
}

.home_flip .sppb-flipbox-back .flip_text h3 {
  padding-top: 30;
  text-transform: uppercase;
}

.home_flip .sppb-flipbox-back .flip_text p {
  color: var(--mambo-text);
}

@media only screen and (max-width: 992px) {
  .product_flip .flip-box {
    padding: 0;
  }
  .product_flip .flip-box h3 {
    font-size: 16px;
  }
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++
Carousel
*+++++++++*+++++++++++++++++++++++++++++++++++++++
*/
.sppb-carousel-extended-dots ul li {
  border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  bottom: -10%;
  margin: 12px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++
Person
*+++++++++*+++++++++++++++++++++++++++++++++++++++
*/
.person_box .sppb-addon-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 400px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.person_box .sppb-img-responsive {
  width: unset;
  height: 250px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++
Grid
*+++++++++*+++++++++++++++++++++++++++++++++++++++
*/
@media only screen and (max-width: 991px) {
  .grid_3_2 .grid_flex > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++
Features
*+++++++++*+++++++++++++++++++++++++++++++++++++++
*/
.feature_box .sppb-addon-title {
  font-weight: 600;
}

.feature_box .sppb-addon-text {
  color: var(--mambo-text);
}

@media only screen and (max-width: 991px) {
  .feature_box .sppb-addon-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .feature_box .sppb-icon {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    text-align: left;
  }
  .feature_box .sppb-media-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
  }
}

/*
*
*********************************************************
Id Regeln
*********************************************************
*
*/
#column-wrap-id-1600775827104 {
  padding-bottom: 50px;
}

.mam-head .sppb-col-md-12 {
  margin: 0 auto;
}

@media screen and (min-width: 576px) {
  .mam-head .sppb-col-md-12 {
    max-width: 360px;
  }
}

@media screen and (min-width: 768px) {
  .mam-head .sppb-col-md-12 {
    max-width: 480px;
  }
}

.shop.btn * {
  color: white;
}

.banner {
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .banner img {
    width: 220px !important;
  }
}

.banner > p {
  position: absolute;
  right: -11%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 5px;
  width: 125px;
  text-align: center;
  color: white;
  background-color: var(--mambo-primary);
}
/*# sourceMappingURL=custom 2.css.map */