.elementor-1752 .elementor-element.elementor-element-609edb84{--display:flex;}.elementor-1752 .elementor-element.elementor-element-0198547{--display:flex;}.elementor-1752 .elementor-element.elementor-element-c948130{text-align:left;}.elementor-1752 .elementor-element.elementor-element-c948130 .elementor-heading-title{font-weight:700;}.elementor-1752 .elementor-element.elementor-element-f65b2c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-22439a5 */@media only screen and (min-width: 950px) {
    
.elementor-1752 .elementor-element.elementor-element-22439a5 .if-firestore-blocks__content__images img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  grid-area: image;
}
.elementor-1752 .elementor-element.elementor-element-22439a5 .if-firestore-blocks__content {
  background-color: #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12);
  padding: 8px;
  
  margin: 32px 24px;
  gap: 8px;
  display: grid;
  grid-template-columns: 250px  auto 25%;
  grid-template-rows: 20% auto;
  grid-template-areas: 
    "image name typ"
    "image description cost"
    "image description status"
    "image description status"
    "image date town";
  border-radius: 8px;
}

.if-firestore-blocks__content__costBrutto{
  font-weight: bold;
  color: #FF9400;
  grid-area: cost;
  font-size: 20px;
  justify-self: end;
  margin: 0px 0; /* Abstand zwischen den Textelementen */
}
.if-firestore-blocks__content__listingName{
  font-weight: bold;
  font-size: 24px;
  grid-area: name;
  margin: 0px 0; 
}

.if-firestore-blocks__content__createdAt{
  align-self: end;
  grid-area: date;
  margin: 0px 0; /* Abstand zwischen den Textelementen */
}

.if-firestore-blocks__content__fromTown{
  font-weight: bold;
  grid-area: town;
  align-self: end;
  justify-self: end;
  margin: 0px 0px; /* Abstand zwischen den Textelementen */
}


.if-firestore-blocks__content__listingType{
  font-weight: bold;
  grid-area: typ;
  align-self: start;
  text-align: right;
  justify-self: end;
  margin: 0px 0; /* Abstand zwischen den Textelementen */
}
}


@media only screen and (max-width: 950px) {
    
.elementor-1752 .elementor-element.elementor-element-22439a5 .if-firestore-blocks__content__images img {
  width: 80px;
  height: 80px;
  object-fit: object-fit;
  border-radius: 8px;
  grid-area: image;
}
.elementor-1752 .elementor-element.elementor-element-22439a5 .if-firestore-blocks__content {
  background-color: #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12);
  padding: 8px;
  
  margin: 10px -20px;
  gap: 4px;
  display: grid;
  grid-template-columns: 25%  auto 25%;
  grid-template-rows:  30% auto;
  grid-template-areas: 
    "image name name typ typ"
    "image description description description status"
    "date town town cost cost";
  border-radius: 8px;
}

.if-firestore-blocks__content__costBrutto{
  font-weight: bold;
  color: #FF9400;
  grid-area: cost;
  font-size: 12px;
  align-self: end;
  justify-self: end;
  margin: 0px 0; /* Abstand zwischen den Textelementen */
}
.if-firestore-blocks__content__listingName{
  font-weight: bold;
  font-size: 15px;
  align-self: start;
  justify-self: start;
  grid-area: name;
  margin: -4px 0px; 
}

.if-firestore-blocks__content__createdAt{
  align-self: end;
  font-size: 10px;
  justify-self: start;
  grid-area: date;
  margin: 0px 0; /* Abstand zwischen den Textelementen */
}

.if-firestore-blocks__content__fromTown{
  font-weight: bold;
  grid-area: town;
  align-self: end;
  font-size: 11px;
  justify-self: start;
  margin: 0px 0px; /* Abstand zwischen den Textelementen */
}


.if-firestore-blocks__content__listingType{
  font-weight: bold;
  grid-area: typ;
  align-self: flex-start;
  text-align: right;
  justify-self: flex-end;
  margin: 0px 0; /* Abstand zwischen den Textelementen */
}

}

.if-firestore-blocks__content__listingid{
    display: none;
  }
.if-firestore-blocks__content__costBrutto::after{content:' €';
  margin: 0px 0px;
}
.elementor-1752 .elementor-element.elementor-element-22439a5 .if-firestore-blocks__content__images {
  grid-area: image;
}
.elementor-1752 .elementor-element.elementor-element-22439a5 .if-firestore-blocks__content__status {
  grid-area: status;
  justify-self: end;
}

/*.if-firestore-blocks__content__listingName {
  font-weight: bold;
  margin: 0px 0; 
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis; 
}*/
  
.if-firestore-blocks__content__listingName {
  font-weight: bold;
  margin: 0px 0; 
  white-space: wrap; /* Verhindert das Umbruchverhalten */

  text-overflow: ellipsis; /* Fügt "..." hinzu, wenn der Text abgeschnitten wird */
}



.if-firestore-blocks__content__fromTown::before{
  font-weight: normal;
  content: "aus ";
}
.if-firestore-blocks__content__costBrutto::before{
  font-weight: normal;
  content: "Du kriegst ";
}

.if-firestore-blocks__content__description{
  align-self: start;
  justify-self: stretch;
  grid-area: description;
  margin: 0px 0; 
}/* End custom CSS */