body { 
  hyphens: auto;
}

/* Icon rotiert bei Hover (und Tastatur-Fokus) */
.ba-forms-modal i.ba-icon-close,
.close-overlay-section i,
.close-lightbox i {
  display: inline-block !important;  /* wichtig für transform */
  transition: transform 200ms ease !important;  /* weiche Animation */
  transform-origin: center !important;
}
.ba-forms-modal i.ba-icon-close:hover,
.ba-forms-modal i.ba-icon-close:focus-visible,
.close-overlay-section i:hover,
.close-overlay-section i:focus-visible,
.close-lightbox i:hover,
.close-lightbox i:focus-visible {
  transform: rotate(180deg) !important;
}

.ba-forms-modal i.ba-icon-close,
.close-overlay-section i,
.close-lightbox i {
    font-size: 4rem !important;
  	color: #be652c !important;
}

/* In Webseite enthaltenes Stil-Dokument #8 | https://www.lufthuelle.de/der-laden.html */

.ba-tabs-wrapper.tabs-left > .nav-tabs li.active a::before, .ba-tabs-wrapper.tabs-right > .nav-tabs li.active a::before {
  /* width: 4px; */
  width: 100%;
}

.rechtliches h1,h2, h3, h4 {
  text-align: left;
  color: #6cad5c;
  padding: 10px 0px;
}

.rechtliches h2, h3 {
  font-weight: 400
}


/* NEU */

#item-1777229225797 {
	border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.wiggle .ba-btn-transition {
    display: inline-block;
    animation: wiggle 3s infinite;
}

@keyframes wiggle {
    0% { transform: rotate(0deg); }
    2% { transform: rotate(-3deg); }
    4% { transform: rotate(3deg); }
    6% { transform: rotate(-3deg); }
    8% { transform: rotate(2deg); }
    10% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}