/* Playground */

.ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span {
  background: var(--field-border-color)!important;
  border: 3px solid var(--field-border-color)!important;
}

body.willkommen .ba-slideshow-img {
  background-position: initial!important;
}

.ba-blog-post.ba-store-app-product {
  overflow: initial!important;
}
.top-off {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 50px)!important;
}

.ba-slideshow-dots[style="--dots-count: 1;"] {
  display: none;
}

.willkommen .list-item-without-link {
  margin: 0!important;
}

p strong {
  font-weight: 500;
}

.absolute.sprechblase {
  position: absolute;
  z-index: 101;

}

.absolute.sprechblase p {
  font-size: 30px!important;
}

.headline-liste .list-item-without-link:nth-child(even) {
  margin-top: -20px!important;
  margin-left: 65px!important;
  margin-bottom: 20px!important;
}

#item-17532631975450 .ba-feature-box:nth-child(n),
.headline-liste .list-item-without-link:nth-child(odd) {
  margin: 0!important;
}

.no-padding .content-text {
  padding: 0 20px;
}


header.header[class*="fixed-header"] {
  z-index: 10!important;
}

.gala span {
  background: var(--secondary);
  border-radius: 6px;
  padding: 4px 6px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  z-index: 101;
}

.floristik span {
  background: var(--accent);
  border-radius: 6px;
  padding: 4px 6px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  z-index: 101;
}

.sprechblase p {
  color: #fff;
  font-size: 50px!important;
  line-height: 100%!important;
  text-align: center;
  cursor: default;
}

.sprechblase strong {
  font-weight: normal;
  font-size: 150%;
  line-height: 100%;
}

.sprechblase {
  width: auto!important;
  height: auto;
  background: var(--accent);
  border: 3px solid #fff;
  border-radius: 50px;
  padding: 20px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  position: relative;
  transform:rotate(-5deg);
}

.sprechblase:after {
  content: "";
  border: 30px solid transparent;
  position: absolute;
  border-top-color: var(--accent);
  border-bottom: 0;
  bottom: -29px; left: 50%;
  margin-left: -50px;
}

.sprechblase .content-text:after {
  content: "";
  border: 30px solid transparent;
  position: absolute;
  border-top-color: #fff;
  border-bottom: 0;
  bottom: -33px; left: 50%;
  margin-left: -50px;
}

.sprechblase .content-text p:after {
  content: "";
  border: 30px solid transparent;
  position: absolute;
  border-top-color: rgba(0,0,0,0.2);
  border-bottom: 0;
  bottom: -35px; left: 50%;
  margin-left: -48px;
}

/* Header */
header {
  background: rgba(7, 33, 15, 0.6);
}

header.fixed-header {
  background: rgba(7, 33, 15, 0.85);
}

.kontakt {
  cursor: pointer;
}

header .top a:link,
header .top a:active,
header .top a:visited {
  color: var(--secondary);
}

header .top p strong {
  font-weight: 700;
  /*padding-left: 5px;*/
}

/* */
/* Content */

.ba-item-slideset .slideset-btn-prev {
  display: none!important;
}

.ba-item-slideset .slideset-btn-next {
  right: -15px!important;
  /*backdrop-filter: blur(10px);*/
}

.ba-wrapper:nth-child(odd) > .bereiche {
  background: var(--bg-secondary)!important;
}

.bereich-service {
  background: var(--color-4)!important;
}

body p a:link,
body p a:hover,
body p a:active {
  font-weight: 400;
}

.no-padding .accordion-heading > a.accordion-toggle {
  padding: 0;
}

.ba-blog-post-info-wrapper {
  position: absolute;
  bottom: -10px;
  width: 100%;
  padding: 0px!important;
  pointer-events: none;
}

.ba-blog-post-title-wrapper {
  pointer-events: none;
}

.dark-green span,
.dark-green p {
  color: var(--primary)!important;
}


.counter-number {
  width: auto!important;
}

.interessant {
  background-color: var(--color-3)!important;
  /*background-color: var(--secondary)!important;*/
}

.verkaufsargument {
  padding: 50px 0!important;
}

.verkaufsargument ul li {
	text-shadow: 0 0 10px #fff, 0 0 4px #fff, 0 0 20px #fff;
}

.shadow .counter-number,
.shadow p,
.shadow h1,
.shadow h2,
.shadow h3,
.shadow h4,
.shadow h5,
.ba-item-slideset .caption-over h3,
.ba-item-slideset .caption-over p,
.ba-item-slideset .caption-over span,
/*.ba-item-slideset .caption-over div,*/
.ba-item-slideshow .ba-slideshow-description,
.ba-item-slideshow h1,
.ba-item-slideshow p,
.ba-item-slideshow span,
/*
.ba-item:not(.no-shadow) .ba-blog-posts-wrapper h3,
.ba-item:not(.no-shadow) .ba-blog-posts-wrapper p,
.ba-item:not(.no-shadow) .ba-blog-posts-wrapper span,
.ba-item:not(.no-shadow) .ba-blog-posts-wrapper div,
.ba-item:not(.no-shadow).ba-item-recent-posts-slider h3,
.ba-item:not(.no-shadow).ba-item-recent-posts-slider p,*/
.ba-item:not(.no-shadow).ba-item-recent-posts-slider .ba-blog-post-intro-wrapper {
  text-shadow: 0 0 10px #000, 0 0 4px #000; 
}

#collapse-1677072499281 {
  margin-top: 20px
}

hr {
  background: var(--primary);
  width: 50px;
  height: 3px;
  border-color: rgba(0,0,0,0);
}

.h3 hr {
  height: 2px;
  border-color: rgba(0,0,0,0);
}

.white hr {
  background: #fff;
}

.cursor.default {
  cursor: default;
}

/* Form Mähroboter */

.maehroboter .ba-form-page[data-page-key="ba-form-page-2"] {
  background: var(--secondary);
  padding: 20px;
}

.maehroboter .calculated {
  /*
  position: absolute;
  width: auto!important;
  bottom: -88px;
  left: 0;
  */
  background: var(--accent);
  color: #fff;
  padding: 16px 0px 10px 0px;
  line-height: 25px
}

.maehroboter .calculated .right-currency-position .field-price-value {
  padding-left: 10px;
}

.maehroboter .calculated .field-price-currency,
.maehroboter .calculated .field-price-value {
  color: #fff;
}

.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span12.ba-form-column .ba-form-field-item.ba-form-headline-field {
  background: #f1f1f1;
  margin: 20px 0 0 0!important;
}

.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span12.ba-form-column .ba-form-field-item.ba-form-radio-field {
  background: #f1f1f1;
  margin: 0px!important;
}

.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span12.ba-form-column .ba-form-field-item.ba-form-headline-field  .ba-field-label-wrapper, 
.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span12.ba-form-column .ba-form-field-item.ba-form-radio-field fieldset{
  padding: 20px 0 20px 20px!important;
  width: 90%;
}

.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(1) {
  background: rgb(233, 240, 216)!important;
  border: 3px solid rgb(233, 240, 216);
}

.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(2) {
  background: rgb(204, 219, 172)!important;
  border: 3px solid rgb(204, 219, 172);
}


.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(3) {
  background: rgb(253, 227, 187)!important;
  border: 3px solid rgb(253, 227, 187);
}


.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column {
  opacity: 0.9;
  padding: 20px;
  transition: all 0.25s ease-in-out;
}


.maehroboter .ba-form-field-item .ba-form-checkbox-wrapper label.ba-form-checkbox > span,
.maehroboter .ba-form-radio input[type="radio"] + span:before  {
  background: rgba(255, 255, 255, 1)!important;
}

.maehroboter .ba-form-field-item .ba-form-checkbox-wrapper input[type="checkbox"]:checked + span::before {
  color: var(--primary)!important;
}
.ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio input[type="radio"]:checked + span::before {
	content: '\f26b'!important;
  padding: 0px 4px;
  font: normal normal normal 24px/26px 'balbooa-form-icons'!important;
}

.maehroboter .form-radio-field .ba-form-checkbox-wrapper .ba-form-radio input[type="radio"]:checked + span:before {
  background: var(--primary)!important;
}

.no-hover .ba-slideshow-caption,
.none,
.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .ba-form-page-navigation-wrapper,
.no-title .ba-field-label-wrapper {
  display: none!important;
}

/* Form Ende */

/* Rezensionen */
.center .ba-blog-post-field-value {
  text-align: center!important
}

.no-link .ba-slideshow-caption {
  pointer-events: none;
  cursor: default;
}

@media (min-width: 1025px) {
  
  .ba-item:not(.navigation) .ba-slideset-nav {
    display: none!important
  }
  
  .ba-item.navigation .slideset-btn-prev, 
  .ba-item.navigation .slideshow-btn-prev {
    left: -40px!important;
	}
  .ba-item.navigation .slideset-btn-next, 
  .ba-item.navigation .slideshow-btn-next {
    right: -40px!important;
	}
  
  .nav li.deeper > span i.ba-icon-caret-right, 
  .nav li.deeper > a i.ba-icon-caret-right {
    padding-left: 10px;
  }
  
  header .logo img {
    padding: 10px 0;
    width: 150px!important;
    height: auto;
    transition: all .25s ease-in-out;
  }
  
   header.fixed-header .logo img {
    padding: 5px 0;
    width: 80px!important;
    height: auto;
    transition: all .5s ease-in-out;
  }
  
  header ul.mod-menu.mod-list.nav ul.mod-menu__sub li a {
    display: inline-block;
  }

  header ul.mod-menu.mod-list.nav li a {
    margin-left: 20px;
    transition: all 0.25s ease-in-out!important;
	}
  /*
  header ul.mod-menu.mod-list.nav li a {
    border-bottom: 3px solid #fff!important;
    margin-left: 15px;
    transition: all 0.25s ease-in-out!important;
	}
  
  header ul.mod-menu.mod-list.nav li a:hover,
  header ul.mod-menu.mod-list.nav li.active > a{
    border-color: var(--accent)!important;
    transition: all 0.25s ease-in-out!important;
	}
  */
  .icon.phone a {
    pointer-events: none;
  }
}

@media (min-width: 1281px) {
 
  /*
  header .button .ba-icon-wrapper,
  header .button .ba-button-wrapper {
    margin-top: -3px;
    transition: all 0.25s ease-in-out!important;
  }
  
  header .button:hover .ba-icon-wrapper,
  header .button:hover .ba-button-wrapper {
    margin-top: 0px;
    transition: all 0.25s ease-in-out!important;
  }
  */
  
.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:hover {
  transform: scale(1.02);
  opacity: 1;
  transition: all 0.25s ease-in-out;
}
  
  .maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(3):hover {
  border: 3px solid rgb(247, 201, 132);
}

.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(2):hover {
  border: 3px solid rgb(183, 206, 132);
}
  
.maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(1):hover {
  border: 3px solid rgb(209, 225, 170);
}
  
  
  
  
  
}

@media (min-width: 1024px) {
  .slide-dots-responsive .ba-slideset-dots {
    display: none!important;
  }
}


@media (min-width: 769px) {
  .no-margin .ba-form-checkbox-wrapper {
  	margin: 0px 0px!important;
	}
}


@media (max-width: 1280px) {
  header .button .ba-icon-wrapper i,
  header .button .ba-button-wrapper a {
    border-width: 0px!important;
    transition: none!important;
  }
}

@media (max-width: 1024px) {

#item-17537940778836 .ba-slideset-nav a:hover {
  
  background-color: none!important;
}
  
  header .button.jobs i {
    display: none;
  }
  header .button.jobs span {
    padding-left: 5px;
  }
  
  .button.phone span {
    display: none;
  }
  .button.phone i {
    margin: 0!important
  }
  	.open-menu i {
    padding: 5px 0px 5px 5px!important;
	}
      header .logo img {
    padding: 7px 0;
    width: 110px!important;
    height: auto;
    transition: all .25s ease-in-out;
  }
  
    header.fixed-header .logo img {
    padding: 5px 0;
    width: 70px!important;
    height: auto;
    transition: all .5s ease-in-out;
  }
}
@media (min-width: 768px) {
  span.no-smartphone {
    border-left: 3px solid var(--secondary);
    padding-left: 10px;
  }
}

@media (max-width: 768px) {
  
  .absolute.sprechblase p {
  
}

  .maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(1),
  .maehroboter .ba-form-page[data-page-key="ba-form-page-1"] .span4.ba-form-column:nth-child(2){
  	margin-bottom: 20px;
	}
  .ba-form-page {
    padding: 0px!important;
    width: 100%!important;
  }
  .buttons.ba-grid-column.column-horizontal-direction {
  	flex-direction: column!important;
    align-content: center;
		align-items: center;
	}
    .ba-item-content-slider .ba-slideshow-img + .ba-grid-column, .ba-item-related-posts-slider .slideshow-type .ba-slideshow-caption, .ba-item-recently-viewed-products .slideshow-type .ba-slideshow-caption, .ba-item-recent-posts-slider .slideshow-type .ba-slideshow-caption, .ba-item-slideshow .ba-slideshow-caption {
    padding: 0px!important;
  }
  .mobile {
    display: none;
  }
}


@media (max-width: 64rem) {
  #item-1689167279982 .ba-slideset-nav a:hover {
    background-color: none!important;
  }
}









/* Mobile Menu */
@media (max-width: 1024px) {
    .fullscreen-scale-in-menu .ba-hamburger-menu >.main-menu {
        box-sizing: border-box;
        height: 100vh;
        left: 0;
        opacity: 0;
        overflow-y: hidden;
        pointer-events: none;
        right: 0%;
        top: 0;
        transition: none;
        width: 100vw;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu >.main-menu.visible-menu-out {
        animation: close-custom-menu .3s .3s cubic-bezier(0.4,0,0.2,1) both !important;
    }
  
    @keyframes close-custom-menu {
        from {transform: scale(1); opacity: 1;height: 100vh;right: 0%; top: 0;width: 100vw;}
        to {transform: scale(.8); opacity: 0;height: 0;right: 50%;top: 50%;width: 0;left: 50%; padding: 0; }
    }
  
    @keyframes visible-custom-menu {
        from {transform: scale(.8); opacity: 0;height: 0;right: 50%;top: 50%;width: 0;left: 50%;}
        to {transform: scale(1); opacity: 1;height: 100vh; top: 0;width: 100vw; left: 0;right: 0;}
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu >.main-menu.visible-menu {
        animation: visible-custom-menu .5s cubic-bezier(0.4,0,0.2,1) both;
        height: 100vh;
        overflow-y: scroll;
        pointer-events: all;
        right: 0!important;
    }
  
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu .nav > li * {
        text-align: center !important;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu.ba-collapse-submenu li.deeper > span,
    .fullscreen-scale-in-menu .ba-hamburger-menu.ba-collapse-submenu li.deeper > a {
        padding-right: 20px !important;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu .nav > li ul {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
  
    @keyframes left-in{
        from {
            transform: translateX(-50px);
            opacity: 0;
        }
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu > *:not(.integration-wrapper),
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu .nav > li {
        animation: left-in .3s .5s cubic-bezier(0.4,0,0.2,1) both;
    }
  
    @keyframes right-in{
        from {
            transform: translateX(50px);
            opacity: 0;
        }
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu .nav > li:nth-child(2n){
        animation: right-in .3s .5s cubic-bezier(0.4,0,0.2,1) both;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu-out > *:not(.integration-wrapper),
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu-out .nav > li  {
        animation: bounce-out .7s  cubic-bezier(0.4,0,0.2,1) both;
    }
  
    @keyframes bounce-out{
        0%,100%,20%,40%,60%,80%{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
        0%{opacity:1;transform:scale3d(1,1,1)}
        20%{transform:scale3d(.90,.90,.90)}
        40%{transform:scale3d(1.05,1.05,1.05)}
        60%{transform:scale3d(.8,.8,.8)}
        80%{transform:scale3d(1.1,1.1,1.1)}
        100%{opacity:0;transform:scale3d(.3,.3,.3)}
    }
}

@media (max-width:768px) {
  .no-shadow.no-link .ba-btn-transition.slideset-btn-prev.ba-icons.ba-icon-chevron-left {
    left: 0!important
  }
  .no-shadow.no-link .ba-btn-transition.slideset-btn-next.ba-icons.ba-icon-chevron-right {
    right: 0!important
  }
}