.elementor-7344 .elementor-element.elementor-element-c6f5824{padding:0% 0% 0% 0%;}.elementor-7344 .elementor-element.elementor-element-6a773b8 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-03560ed{margin-top:0%;margin-bottom:0%;}.elementor-7344 .elementor-element.elementor-element-facaf9f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7344 .elementor-element.elementor-element-facaf9f > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-7344 .elementor-element.elementor-element-6686375 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7344 .elementor-element.elementor-element-7b1f504 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7344 .elementor-element.elementor-element-67eb1d5 > .elementor-widget-container{margin:0% 0% -3% 0%;}.elementor-7344 .elementor-element.elementor-element-b8c037b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7344 .elementor-element.elementor-element-741bff0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-7344 .elementor-element.elementor-element-75c0a52 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}#elementor-popup-modal-7344{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-7344 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-7344 .dialog-close-button{display:flex;}#elementor-popup-modal-7344 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-7344 .elementor-element.elementor-element-facaf9f{width:25%;}.elementor-7344 .elementor-element.elementor-element-6686375{width:75%;}.elementor-7344 .elementor-element.elementor-element-b8c037b{width:10%;}.elementor-7344 .elementor-element.elementor-element-741bff0{width:90%;}}/* Start custom CSS *//* ================================================
   ML-spectrum – Referenz Detailseite / Popup
   CSS-Klasse: mls-ref-detail
   Klasse auf den äußersten Section-Wrapper anwenden
   ================================================ */

/* --- Grundlayout der Seite / des Popups --- */
.mls-ref-detail {
  background: #ffffff !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* --- Gradient-Balken ganz oben --- */
.ref-topbar {
  height: 4px !important;
  min-height: 4px !important;
  background: linear-gradient(90deg, #832472, #0abbef) !important;
  width: 100% !important;
  padding: 0 !important;
}
.ref-topbar > .elementor-container {
  min-height: 4px !important;
  padding: 0 !important;
}

/* --- Header-Bereich: Logo + Titel --- */
.ref-header > .elementor-container {
  padding: 32px 40px 28px !important;
  border-bottom: 1px solid #e0e6f0 !important;
  align-items: center !important;
}

/* --- Logo-Container --- */
.ref-logo .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}
.ref-logo img {
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* --- Logo responsive --- */
@media (max-width: 767px) {
  .ref-logo img {
    height: 80px !important;
    max-width: 100% !important;
  }
}

/* --- Label "Referenz" --- */
.ref-label .elementor-widget-container p,
.ref-label .elementor-widget-container {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: #832472 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 1px !important;
  padding: 0 !important;
}

/* --- Firmenname --- */
.ref-company .elementor-widget-container h2,
.ref-company .elementor-heading-title {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #0d1a2e !important;
  margin: 0 0 2px !important;
  line-height: 1.3 !important;
}

/* --- Meta (Branche / Thema) --- */
.ref-meta .elementor-widget-container p,
.ref-meta .elementor-widget-container {
  font-size: 0.82rem !important;
  color: #5a6378 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Ansprechpartner-Bereich --- */
.ref-contact {
  background: #f8f9fb !important;
}
.ref-contact > .elementor-container {
  padding: 20px 40px !important;
  border-bottom: 1px solid #e0e6f0 !important;
  align-items: center !important;
}

/* --- Initialen-Avatar (via HTML-Widget) --- */
.ref-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #832472, #0abbef) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.02em !important;
}

/* --- Ansprechpartner Name --- */
.ref-contact-name .elementor-widget-container p,
.ref-contact-name .elementor-widget-container {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #0d1a2e !important;
  margin: 0 1px !important;
  padding: 0 !important;
}

/* --- Ansprechpartner Rolle --- */
.ref-contact-role .elementor-widget-container p,
.ref-contact-role .elementor-widget-container {
  font-size: 0.78rem !important;
  color: #5a6378 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Referenztext-Bereich --- */
.ref-body > .elementor-container {
  padding: 32px 40px !important;
}

/* --- Label "Referenz" im Body --- */
.ref-body-label .elementor-widget-container p,
.ref-body-label .elementor-widget-container {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: #5a6378 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}

/* --- Zitat mit linkem Balken --- */
.ref-quote .elementor-widget-container {
  border-left: 3px solid #832472 !important;
  padding-left: 20px !important;
  margin: 0 0 16px !important;
}
.ref-quote .elementor-widget-container p {
  font-size: 0.95rem !important;
  color: #0d1a2e !important;
  line-height: 1.85 !important;
  margin: 0 !important;
}

/* --- Fließtext --- */
.ref-text .elementor-widget-container p {
  font-size: 0.92rem !important;
  color: #3a4255 !important;
  line-height: 1.85 !important;
  margin: 0 0 16px !important;
}

/* --- Tags-Bereich --- */
.ref-tags > .elementor-container {
  padding: 32px 40px 32px !important;
  border-top: 1px solid #e0e6f0 !important;
}
.ref-tag {
  display: inline-block !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
  border-radius: 99px !important;
  background: #f0f2f7 !important;
  border: 1px solid #e0e6f0 !important;
  color: #5a6378 !important;
  letter-spacing: 0.03em !important;
  margin: 0 6px 6px 0 !important;
}

/* --- Popup: Scroll innerhalb des Popups --- */
.elementor-popup-modal .mls-ref-detail {
  max-height: 85vh !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #e0e6f0 transparent !important;
}
.elementor-popup-modal .mls-ref-detail::-webkit-scrollbar {
  width: 4px !important;
}
.elementor-popup-modal .mls-ref-detail::-webkit-scrollbar-thumb {
  background: #e0e6f0 !important;
  border-radius: 4px !important;
}

/* --- Direkte URL-Ansicht (kein Popup) --- */
body:not(.elementor-popup-modal) .mls-ref-detail {
  margin: 60px auto !important;
  border: 1px solid #e0e6f0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 40px rgba(10, 26, 46, 0.08) !important;
}/* End custom CSS */