.serviceMainParent {

  width: 85%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 3.5s ease;
  color: 
    #f0eff2;
    border-radius: 25px;

     border: solid 1px var(--accent-color) ;

    margin-bottom: 25vh;
	position: relative;
}

.serviceMiddleParent {
	display: flex;
	flex-direction: row;
	width: 100%;


}



#serviceleistungen-h1 {
  margin-bottom: 0;
}

.seviceElementParent {
  width: 100%;
    align-items: stre;
  height: auto;
  display:flex;
min-height: 50vh;
  flex-direction: row;
  margin-bottom: 30px;
  background-color: transparent !important;
  

}

.seviceElementParent:nth-child(2) {
	border-right: solid 2px var(--accent-color);
	border-left: solid 2px var(--accent-color);
}

#seviceElementParent1 {
	transition-delay:0.5s;
}

#seviceElementParent2 {
	transition-delay:1s;
}

#seviceElementParent3 {
	transition-delay: 1.5s;
	
}

.serviceElement {
  width: 100%;

background-color: transparent !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

	

  
  
}








.serviceElementHeadingParent {
  width: 95%;
  height: auto;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  border-radius: 35px;


  
}

.serviceElementHeading {
  text-align: center;
  font-size: clamp(1.2rem, 2vw, 2rem);
}

.serviceElementDetails {
  width: 95%;
  height: auto;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 10px;
}

#summaryText1 {
  width: 100%;
  word-break: break-word; /* Bricht Wörter an beliebigen Stellen */
 

  transition: all 0.5s ease;
}
#summaryText2 {
  width: 100%;
  word-break: break-word; /* Bricht Wörter an beliebigen Stellen */
 
 
  transition: all 0.5s ease;
}

#summaryText3 {
  width: 100%;
  word-break: break-word; /* Bricht Wörter an beliebigen Stellen */
 

  transition: all 0.5s ease;
}


.serviceBeschreibung {
  margin-bottom: 3vh;;
  font-size: clamp(0.8rem, 1.3vw, 1.1rem);




}


.extraLeistungenListe {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	
	
}


.extraLeistungenBubble {
	margin: 2%;
	border-radius: 25px;
	min-height: 300px;
	padding: 25px;
	
border: solid 1px var(--accent-color);
}

.extraLeistungenBubble:hover {
	
background-color: var(--accent-color);
}


.detailHeading {
  font-size: clamp(1rem, 1.3vw, 1.3rem);
}

.serviceElementDetails2 {
  width: 100% !important;
height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px;
  padding-bottom: 0px;
  padding-top: 10px;
 
  text-align: justify;
  
  margin: 10px;
  margin-bottom: 0px;
  border-radius: 35px;

  transition: all 0.5s ease !important;
 

}

.faqDSGVOParent ul{

	font-size: clamp(0.8rem, 0.8vw, 1.3rem);
}

.moreInfo {
  text-align: center;
}

.detailDetail {
  margin-right: 25px;
  transition: all 0.5s ease;
  font-size: clamp(0.6rem, 0.8vw, 1.3rem);
}

.offerButton {
  width: auto;
  background-color: var(--accent-color);
  height: 75px;
  color: #ffffff !important;
  position: relative;
  border-radius: 35px;
  border: transparent;
  font-size: clamp(1.2rem, 1.3vw, 1.3rem);
  padding-left: 45px;
  padding-right: 45px;
  margin: 10px;
  margin-bottom: 10vh;;
  overflow: hidden;
  transition: all 0.5s ease;
}

.offerButton::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shine 2s ease-in-out infinite;
  pointer-events: none;
}


@keyframes shine {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}



.serviceElementReadMore {
  width: auto;
    height: 50px;
 margin-bottom: 3vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 25px;
  margin-left: 10px;
  margin-right: 10px;
  transition: all 0.5s ease;
  border: solid 1px var(--accent-color);
}

.serviceElementChild1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  transition: all 0.5s ease;
}



.serviceElementReadMore:hover {
  background-color: var(--accent-color);
  
}

.serviceElementReadMore:hover .expand-arrow {
  background-color: #ffffff4d;
}

.serviceElementReadMore img {
  transform: rotate(90deg);
  width: 35px;
  height: 35px;
  padding: 10px;
  border-radius: 20px;

  background-color: var(--accent-color);
  position: relative;
  top: 0px;
}

.serviceElementIcon {
  width: 75px;
  height: 75px;



}

.serviceIMG {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 35px;
  padding: 10px;
}