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%;
}


.text-shadow {
  hyphens: auto;
  color: transparent;
	background: #fff;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 3px 3px #777;
}



.text-shadow-headline {
  color: transparent;
	background: #fff;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 2px 2px rgba(78,78,78,0.5);
}

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

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