.elementor-3308 .elementor-element.elementor-element-d4ec961{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3308 .elementor-element.elementor-element-6c6b7d4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3308 .elementor-element.elementor-element-2657830{--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;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .swiper-slider-container .swiper-slide{width:calc( ( 100% / 4 - 20px ) + 20px / 4 );margin-right:10px;}.elementor-3308 .elementor-element.elementor-element-f42e150 > .elementor-widget-container{margin:0px 50px 0px 50px;border-radius:0px 0px 0px 0px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing{grid-template-columns:repeat(1, 1fr);--grid-columns:1;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-image img{object-fit:cover;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-image{padding-bottom:145px;margin:10px 10px 5px 10px;border-radius:13px 13px 13px 13px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-badges{justify-content:flex-start;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-title{text-align:left;color:var( --e-global-color-uicore_dark );}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-location{justify-content:flex-start;font-size:14px;font-weight:normal;word-spacing:0px;color:var( --e-global-color-uicore_dark );}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-meta{justify-content:flex-start;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-price{justify-content:flex-start;font-size:15px;font-weight:bold;color:var( --e-global-color-uicore_body );}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-prev{left:5px;color:var( --e-global-color-94f75f0 );font-size:21px;padding:10px 10px 10px 10px;border-radius:4px 4px 4px 4px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-next{right:5px;color:var( --e-global-color-94f75f0 );font-size:21px;padding:10px 10px 10px 10px;border-radius:4px 4px 4px 4px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing:not(.swiper-wrapper){column-gap:20px;row-gap:50px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-item{padding:0px 0px 0px 0px;background-color:var( --e-global-color-uicore_primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#EEEEEE;border-radius:10px 10px 10px 10px;box-shadow:0px 3px 15px 2px rgba(0, 0, 0, 0.06);}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-toolbar{padding:0px 0px 10px 0px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-no-results-message{border-radius:10px 10px 10px 10px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-content{padding:20px 8px 12px 12px;gap:5px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-content--left{gap:5px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-badge{font-size:13px;font-weight:bold;color:var( --e-global-color-uicore_primary );background-color:var( --e-global-color-uicore_accent );backdrop-filter:blur(4px);border-radius:8px 8px 8px 8px;padding:2px 16px 2px 16px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-feature-badge{color:#000000;box-shadow:0px 0px 3px 0px #CCC;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-tool{box-shadow:0px 0px 3px 0px #CCC;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-title, .elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-title a{font-size:15px;font-weight:600;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-title a{color:var( --e-global-color-uicore_dark );}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-meta-item-value{font-size:15px;font-weight:normal;color:var( --e-global-color-uicore_dark );}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing-meta-item .frymo-icon{font-size:18px;color:var( --e-global-color-uicore_dark );}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-prev svg{fill:var( --e-global-color-94f75f0 );}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-next svg{fill:var( --e-global-color-94f75f0 );}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-prev:hover{background-color:#FFF1E45C;}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-next:hover{background-color:#FFF1E45C;}.elementor-3308 .elementor-element.elementor-element-6bd8f32{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing{grid-template-columns:repeat(2, 1fr);--grid-columns:2;}}@media(max-width:767px){.elementor-3308 .elementor-element.elementor-element-f42e150 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .frymo-listing{grid-template-columns:repeat(1, 1fr);--grid-columns:1;}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-prev{left:-31px;}.elementor-3308 .elementor-element.elementor-element-f42e150 .button-next{right:-31px;}}/* Start custom CSS for container, class: .elementor-element-2657830 *//* ═══════════════════════════════════════════
   COREALIS — FRYMO WIDGET CUSTOM CSS
   
   So einbauen:
   1. Frymo-Widget in Elementor anklicken
   2. Tab "Erweitert" (Advanced) öffnen
   3. Unter "Custom CSS" diesen kompletten Inhalt einfügen
   4. Aktualisieren / Vorschau prüfen
   
   `.elementor-3308 .elementor-element.elementor-element-2657830` = das Frymo-Widget selbst
   (Elementor ersetzt das beim Rendern automatisch)
   ═══════════════════════════════════════════ */


/* ─── Manrope-Font auf alles im Widget ─── */
.elementor-3308 .elementor-element.elementor-element-2657830,
.elementor-3308 .elementor-element.elementor-element-2657830 *,
.elementor-3308 .elementor-element.elementor-element-2657830 h3,
.elementor-3308 .elementor-element.elementor-element-2657830 a,
.elementor-3308 .elementor-element.elementor-element-2657830 span,
.elementor-3308 .elementor-element.elementor-element-2657830 div {
  font-family: 'Manrope', sans-serif !important;
}


/* ─── Card Wrapper ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-item {
  background: #141E25 !important;
  border: 1px solid #2e3b44 !important;
  border-radius: 25px !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer;
  height: auto !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-item:hover {
  border-color: rgba(238,139,44,0.4) !important;
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(0,0,0,0.3);
}


/* ─── Image ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-image {
  display: block !important;
  position: relative !important;
  aspect-ratio: 4/3 !important;
  overflow: hidden !important;
  background: #0F171D !important;
  text-decoration: none !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-image-wrapper {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
  display: block !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-item:hover .frymo-listing-image img {
  transform: scale(1.06);
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-image::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(20,30,37,0.6) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}


/* ─── Badges (Top-Left) ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-badges {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  background: rgba(20,30,37,0.85) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 100px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  line-height: 1 !important;
}
/* Verfügbar — grüner Pulse-Dot */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-badge.badge-verfuegbar::before {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 8px rgba(74,222,128,0.6);
  flex-shrink: 0;
}
/* Reserviert — gelber Dot */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-badge.badge-reserviert::before {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #facc15;
  box-shadow: 0 0 8px rgba(250,204,21,0.6);
  flex-shrink: 0;
}
/* Vermietet/Verkauft — roter Dot */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-badge.badge-vermietet::before,
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-badge.badge-verkauft::before {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #ef4444;
  flex-shrink: 0;
}


/* ─── Content Body ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-content {
  padding: 22px 22px 24px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}


/* ─── Location ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-location {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  color: #EE8B2C !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-location i.frymo-icon {
  font-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  color: #EE8B2C !important;
}


/* ─── Title ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.35 !important;
  color: #FFFFFF !important;
  margin: 0 0 16px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-title a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-title a:hover {
  color: #EE8B2C !important;
}


/* ─── Meta-Grid (Fläche / Lager / etc) ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-meta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
  gap: 12px !important;
  padding: 14px 0 !important;
  border-top: 1px solid #2e3b44 !important;
  border-bottom: 1px solid #2e3b44 !important;
  margin-bottom: 16px !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-meta-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-meta-item i.frymo-icon {
  display: none !important;
}
/* Label aus dem data-frymo-tooltip Attribut */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-meta-item::before {
  content: attr(data-frymo-tooltip);
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #45586C !important;
  line-height: 1 !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-meta-item-value {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
}


/* ─── Price ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-price {
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-price > span:first-child {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #45586C !important;
  order: 2 !important;
  line-height: 1.2 !important;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-price-value {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #EE8B2C !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  order: 1 !important;
}


/* ─── Swiper Navigation ─── */
.elementor-3308 .elementor-element.elementor-element-2657830 .swiper-button-next,
.elementor-3308 .elementor-element.elementor-element-2657830 .swiper-button-prev {
  color: #EE8B2C !important;
  background: rgba(20,30,37,0.85);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 50%;
  width: 44px !important;
  height: 44px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.elementor-3308 .elementor-element.elementor-element-2657830 .swiper-button-next::after,
.elementor-3308 .elementor-element.elementor-element-2657830 .swiper-button-prev::after {
  font-size: 18px !important;
  font-weight: 700;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .swiper-pagination-bullet {
  background: rgba(255,255,255,0.3) !important;
  width: 8px;
  height: 8px;
}
.elementor-3308 .elementor-element.elementor-element-2657830 .swiper-pagination-bullet-active {
  background: #EE8B2C !important;
  width: 24px;
  border-radius: 4px;
  transition: width 0.3s;
}


/* ─── Mobile Tuning ─── */
@media (max-width: 768px) {
  .elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-content {
    padding: 18px 18px 20px !important;
  }
  .elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-title {
    font-size: 16px !important;
    margin-bottom: 14px !important;
  }
  .elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-price-value {
    font-size: 18px !important;
  }
  .elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-meta {
    gap: 8px !important;
    padding: 12px 0 !important;
    margin-bottom: 14px !important;
  }
  .elementor-3308 .elementor-element.elementor-element-2657830 .frymo-listing-meta-item-value {
    font-size: 13px !important;
  }
}/* End custom CSS */