.jbd-container .result-item .featured-text {
    display: inline-block;
    font-size: 13px;
    padding: 3px 8px;
    color: #0077b6;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),#8c7f70;
    border-radius: 4px;
    margin-bottom: 15px;
    margin-right: 10px;
}

.jbd-container .jitem-body-content, .jbd-container .jitem-card, .jbd-container .bdir-listing-card {
    background-color: #fbfaf7 !important;
    border-top: 1px solid #0077b6;
}

.jbd-container .categories-style-2 .category-content {
    background: #fbfaf7;
    /* box-shadow: 0px 0px 20px rgba(0,0,0,.08); */
    border-radius: 6px;
    padding: 10px;
    color: #8b909c;
    font-size: 12px;
    border: 1px solid #8c7f70;
}

.jbd-container .categories-style-2 .subcategories-container {
    margin-top: 10px;
    border-top: 1px solid #0077b6 !important;
    padding-top: 10px;
}

.jbd-container .company-intro a {
  margin-left: 15px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}



.jbd-container .result-item .company-intro {
    display: block;
    font-size: 14px;
    color: #2e4057;
}


.jbd-container .jitem-card .jitem-img-wrap .card-hoverable {
    background: rgba(140, 127, 112, 0.3) !important;
}
.jbd-container .jitem-card .jitem-img-wrap .card-hoverable * {
    color: #000000;
    margin: 2px 0;
}
.jbd-container .btn-outline-success:hover {
    color: #fff;
    background-color: #fbfaf7;
    border-color: #8c7f70;
}
.jbd-container .btn-outline-success {
    color: #23B26B;
    background-color: #dfd7ca;
    background-image: none;
    border: 1px solid #0077b6;
    border-radius: 0.35rem;
}
.jbd-container .listing-info .badge.badge-success {
  margin-left: 25px !important;
  margin-top: 15px !important;
}
.jbd-container .result-item.featured {
  position: relative;
}

.jbd-container .result-item.featured {
  position: relative;
}













.jbd-container.listing-details .contact-actions .btn {
    flex: 1;
    background-color: #f1f1f1 !important;
    color: #fbfaf7 !important;
    border: none;
    padding: 12px 20px;
    transition: .3s ease-in-out;
}
.jbd-container.listing-details .contact-actions .btn i {
    color: #fbfaf7 !important;
}
.jbd-container.listing-details .listing-item-content.rounded a {
    border-radius: 6px;
    border: 1px solid #8c7f70;
    background-color: #f4f4f4;
    padding: 1px 15px;
    margin-right: 10px;
    margin-bottom: 11px;
    display: inline-flex;
} 
.jbd-container .listing-style-5 .listing-section .listing-section-title {
    line-height: normal;
    border-bottom: 1px solid #8c7f70;
    margin: 15px 0;
    padding: 0 0 10px;
}
.jbd-container .listing-style-5 .listing-section {
    padding: 30px;
    background-color: #fbfaf7 !important;
    border-radius: 6px;
    border-color: #8c7f70 !important;
}

/* 1. BUTTON IM RUHEZUSTAND (GEEST-WALDGRÜN) */
.jbd-container .btn-success,
.bdir-container .btn-success {
    background-color: #2c4c38 !important; /* Unser Geest-Waldgrün */
    border: 1px solid #2c4c38 !important;
    color: #ffffff !important;             /* Reines Weiß für die Schrift */
    border-radius: 6px !important;         /* Unsere feste 6px-Abrundung */
    font-weight: 600 !important;
    padding: 6px 18px !important;
    box-shadow: none !important;
}

/* 2. BUTTON BEIM HOVERN (EDLER WECHSEL IN DEN SAND-LOOK) */
.jbd-container .btn-success:hover,
.bdir-container .btn-success:hover {
    background-color: #fbfaf7 !important; /* Unser feines Elfenbein-Sandweiß */
    border: 1px solid #dfd7ca !important;   /* Unsere zarte Leinen-Rahmenfarbe */
    color: #1e293b !important;             /* Schrift wechselt sauber zu Nachtblau */
}
/* 1. DIE TRENNLINIE IN DER MITTE (EXAKTER LEINEN-FARBTON) */
.jbd-container .jitem-bottom,
.jbd-container [class*="jitem-bottom"],
.jbd-container .jitem-card-footer {
    border-top: 1px solid #dfd7ca !important; /* Unsere zarte Leinen-Trennlinie */
}

/* 2. DER UNTERE BEREICH (SAUBERE, HELLERE ALTERNATIVE) */
.jbd-container .jitem-bottom,
.jbd-container [class*="jitem-bottom"],
.jbd-container .jitem-card-footer,
.jbd-container div[style*="p-3"] {
    background: #f2ede4 !important;       /* Der neue, hellere Sand-Kiesel-Ton */
    background-color: #f2ede4 !important;
}
/* 1. DER MITTLERE BEREICH (UNSER FEINES ELFENBEIN-SANDWEISS) */
.jbd-container .jitem-body-content,
.jbd-container .jitem-card,
.jbd-container .bdir-listing-card {
    background-color: #fbfaf7 !important;
}

/* 2. TEXTFARBE IM UNTEREN BEREICH ANPASSEN (KRÄFTIGES NACHTBLAU FÜR DIE LESBARKEIT) */
.jbd-container .jitem-bottom,
.jbd-container .jitem-bottom span,
.jbd-container .jitem-bottom i,
.jbd-container .jitem-card-footer,
.jbd-container .jitem-card-footer span,
.jbd-container .jitem-card-footer i {
    color: #1e293b !important; /* Unser Nachtblau für die Ortsangabe und das Icon */
}
/* ==========================================================================
   LISTEN-ANSICHT: RETTUNG FÜR HINTERGRUND UND KORREKTE QUADRAT-ICONS
   ========================================================================== */

/* 1. DER SAND-LOOK NUR FÜR DIE LISTEN-KACHELN */
.jbd-container .result-content,
.jbd-container div[class*="result-content"] {
    background: #fbfaf7 !important;
    background-color: #fbfaf7 !important; /* Unser feines Elfenbein-Sandweiß */
    border: 1px solid #dfd7ca !important;   /* Unsere zarte Leinen-Trennlinie */
    border-radius: 6px !important;         /* Die feste 6px-Abrundung */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
}

/* ZWINGT DIE SPALTEN IM UNTEREN BALKEN IN DIE VERTICALE MITTE */
.jbd-container .result-content-bottom .row,
.jbd-container [class*="result-content-bottom"] .row {
    display: flex !important;
    align-items: center !important;         /* Richtet die linke und rechte Spalte exakt mittig aus */
    justify-content: space-between !important;
    width: 100% !important;
}

/* Entfernt störende Innenabstände der Spalten, die die Icons runterdrücken */
.jbd-container .result-content-bottom .col-lg-7,
.jbd-container .result-content-bottom .col-lg-5,
.jbd-container [class*="result-content-bottom"] [class*="col-"] {
    display: flex !important;
    align-items: center !important;         /* Zentriert den Inhalt in den Spalten selbst */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}

/* Setzt die Icons rechtsbündig in ihrer Spalte ab */
.jbd-container .result-content-bottom .col-lg-5,
.jbd-container [class*="result-content-bottom"] .col-lg-5 {
    justify-content: flex-end !important;
}
/* MASSIVER SCHUBS FÜR DIE RECHTE ICON-ZEILE IN DIE ABSOLUTE MITTE */
.jbd-container .result-content-bottom .col-lg-5 .bdir-contact-icons,
.jbd-container .result-content-bottom .col-lg-5 div,
.jbd-container [class*="result-content-bottom"] .col-lg-5 a {
    /* Zieht die Icons physisch ein Stück nach oben, um das Framework-Padding auszugleichen */
    margin-top: 0px !important; 
    margin-bottom: 0 !important;
}

/* Garantiert, dass der umschließende Balken selbst stabil bleibt */
.jbd-container .result-content-bottom {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/* DESIGN-FINISH UND POSITIONIERUNG FÜR DAS STATUS-BADGE */
.jbd-container .badge.badge-danger,
.jbd-container [class*="badge-danger"] {
    /* 8px nach unten drücken, 12px nach rechts schieben */
    margin-top: 8px !important;
    margin-left: 12px !important;
    
    /* Optische Anpassung an unser Layout (Abrundung) */
    border-radius: 4px !important;
    font-weight: 600 !important;
}
/* DESIGN-FINISH FÜR DIE LINKE FILTER-BOX */
.jbd-container .search-filter-container,
.jbd-container [class*="search-filter-container"] {
    background: #fbfaf7 !important;
    background-color: #fbfaf7 !important; /* Unser feines Elfenbein-Sandweiß */
    border: 1px solid #dfd7ca !important;   /* Unsere zarte Leinen-Trennlinie */
    border-radius: 6px !important;         /* Die feste 6px-Abrundung */
    padding: 20px !important;              /* Großzügiger Innenabstand für die Liste */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important; /* Hauchzarter Schatten */
}
/* ==========================================================================
   SORTIERUNG & ANSICHTEN-BUTTONS OBEN RECHTS ÜBER DER KARTE
   ========================================================================== */

/* 1. DAS DROPDOWN-AUSWAHLFELD (RELEVANZ) */
.jbd-container .dir-sorting select,
.jbd-container select[name*="order"],
.jbd-container .form-select {
    border: 1px solid #dfd7ca !important;   /* Unsere zarte Leinen-Trennlinie */
    border-radius: 6px !important;         /* Die feste 6px-Abrundung */
    background-color: #fbfaf7 !important;   /* Unser feines Elfenbein-Sandweiß */
    color: #4a5568 !important;             /* Unser ruhiges Lese-Anthrazit */
    padding: 6px 32px 6px 12px !important;
    font-size: 14px !important;
    height: auto !important;
}

/* 2. DIE DREI ANSICHTEN-BUTTONS IM RUHEZUSTAND */
.jbd-container .dir-view-mode a,
.jbd-container .bdir-view-mode button,
.jbd-container [class*="view-mode"] a {
    background-color: #fbfaf7 !important;   /* Unser feines Elfenbein-Sandweiß */
    border: 1px solid #dfd7ca !important;   /* Unsere zarte Leinen-Trennlinie */
    color: #1e293b !important;             /* Die Icons im kräftigen Nachtblau */
    border-radius: 6px !important;         /* Die feste 6px-Abrundung */
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 6px !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. AKTIVER ZUSTAND & HOVER (WECHSEL IN UNSER GEEST-WALDGRÜN) */
.jbd-container .dir-view-mode a:hover,
.jbd-container .dir-view-mode a.active,
.jbd-container [class*="view-mode"] a:hover,
.jbd-container [class*="view-mode"] a[class*="active"] {
    background-color: #2c4c38 !important;   /* Unser Geest-Waldgrün */
    border-color: #2c4c38 !important;
    color: #ffffff !important;             /* Icon wird strahlend weiß */
}

/* 4. EXAKTER DROPDOWN-OVERRIDE FÜR DAS CHOSEN-AUSWAHLFELD */
.jbd-container .chosen-container-single .chosen-single,
.jbd-container [class*="chosen-container"] .chosen-single {
    border: 1px solid #dfd7ca !important;   /* Unsere zarte Leinen-Trennlinie */
    background: #fbfaf7 !important;         /* Unser feines Elfenbein-Sandweiß */
    background-color: #fbfaf7 !important;
    color: #4a5568 !important;             /* Unser ruhiges Lese-Anthrazit */
    border-radius: 6px !important;         /* Die feste 6px-Abrundung */
    box-shadow: none !important;
    height: auto !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
}

/* Den kleinen integrierten Auswahlpfeil rechts ebenfalls farblich beruhigen */
.jbd-container .chosen-container-single .chosen-single div b {
    background-position: 2px 7px !important; /* Richtet den Standard-Pfeil sauber aus */
}

/* ==========================================================================
   SUCHMASKE: SCHRITT 1 - BUTTON EXAKT ZENTRIEREN - UPDATE VOM 29.07.2026
   ========================================================================== */
#searchform .search-dir-button {
    padding-top: 0 !important;        /* Entfernt den fehlerhaften oberen Abstand */
    padding-bottom: 0 !important;     /* Entfernt den fehlerhaften unteren Abstand */
    line-height: 40px !important;     /* Richtet den Text exakt an den 40px Höhe aus */
    text-align: center !important;    /* Zentriert den Text von links nach rechts */
    display: inline-block !important; /* Hebt die blockierende Flex-Verschachtelung auf */
}

/* ==========================================================================
   KORREKTUR: SCHRIFTGRÖSSE IN DER STERNE-BOX MINIMAL VERKLEINERN
   ========================================================================== */

/* 
   Verringert nur die Schrift in den Textspalten, damit das Wort "Sterne" 
   wieder rechts neben die Zahl passt, ohne das Layout zu zerstören.
*/
.jbd-container .review-scorecard .row div[class*="col-md-2"],
.jbd-container [class*="review-scorecard"] .col-md-2 {
    font-size: 11px !important;       /* Macht die Schrift kompakt genug für eine Zeile */
    white-space: nowrap !important;   /* Verbietet dem Wort absolut das Herunterrutschen */
}


/* BREAK: DETEKTIERT DIE GESAMTE JBD-KOMPONENTE UND ERZWINGT DAS PASSENDE BILD */
#jbd-container div[style*="background-image"] {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important; /* Zwingt das Bild in die Box */
}
/* SCHRITT 2: OVERLAY & INNENSCHATTEN KOMPLETT ENTFERNEN */
#jbd-container div[style*="background-image"] {
    background-color: transparent !important; /* Löscht die graue Hintergrund-Einfärbung */
    box-shadow: none !important;              /* Entfernt den dunklen Schleier-Schatten restlos */
}
/* 2.1. SCHMALE DUNKLE BLUR-BOX (EXAKT SO BREIT WIE DER TEXT + 10PX PUFFER) */
#jbd-container .listing-style-5-header-info {
    display: inline-block !important;                 /* Zwingt die Box, mit dem Text zu schrumpfen */
    width: auto !important;                           /* Hebt die starre 100%-Breite des Plugins auf */
    max-width: 95% !important;                        /* Verhindert das Herausragen auf Smartphones */
    
    background: rgba(0, 0, 0, 0.35) !important;       /* Dunkles Anthrazit mit 55% Sichtbarkeit */
    backdrop-filter: blur(12px) !important;           /* Der starke Weichzeichner-Effekt */
    -webkit-backdrop-filter: blur(12px) !important;   /* Safari-Unterstützung für den Blur */
    border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Heller Glasrand */
    
    /* INNENABSTAND: Oben/Unten 15px, Links/Rechts exakt 10px Puffer */
    padding: 15px 10px !important;                    
    border-radius: 12px !important;                   /* Abgerundete Ecken */
}

/* 2.2  STRAHLEND WEISSE SCHRIFT & LINKS BEIBEHALTEN */
#jbd-container .listing-style-5-header-info h1,
#jbd-container .listing-style-5-header-info .listing-title,
#jbd-container .listing-style-5-header-info a,
#jbd-container .listing-style-5-header-info span,
#jbd-container .listing-style-5-header-info .stars-txt {
    color: #ffffff !important;                        /* Knackiges Reinweiß */
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4) !important; /* Integrierter Schattenschutz */
}

/* ==========================================================================
   SUCHMASKE: SCHRITT 1 - PLZ/ORT TEXT NEBEN DIE STECKNADEL SCHIEBEN - 29.07.2026
   ========================================================================== */
.jbd-container .search_field_zipcode,
#searchform input[name="zipcode"],
#searchform input.search_field_zipcode {
    padding-left: 38px !important; /* Schiebt den Text "Ort / PLZ" deutlich nach rechts rüber */
}

.jbd-container .has-icon-left i,
.jbd-container .has-icon-left .fa-map-marker {
    left: 12px !important; /* Gibt dem Icon links auch etwas mehr Luft zum Rand */
}
/* ==========================================================================
   FIRMEN-KACHELN: RAHMEN & SPEZIFISCHER ECKENRADIUS OBEN - UPDATE 29.07.2026
   ========================================================================== */
.jbd-container .jitem-img-wrap,
.jbd-container .jitem-card .jitem-img-wrap {
    border-top: 1px solid #dfd7ca !important;    /* Rahmen oben (unsere Leinen-Trennlinie) */
    border-left: 1px solid #dfd7ca !important;   /* Rahmen links */
    border-right: 1px solid #dfd7ca !important;  /* Rahmen rechts */
    border-bottom: none !important;              /* Kein Rahmen unten, da hier die Info-Box ansetzt */
    
    /* EXAKTER RADIUS: Oben links 6px, Oben rechts 6px, Unten rechts 0px, Unten links 0px */
    border-radius: 6px 6px 0px 0px !important;   
    overflow: hidden !important;                 /* Zwingt das Bild im Container, nicht über die Rundung zu lappen */
}

.jbd-container .listing-style-5 .listing-section {
    padding: 30px;
    line-height: 2;
    background-color: #cccccc;
}