.search-filter {
    border: 1px solid #dfd7ca;
    background-color: #fbfaf7!important;
    display: block;
    margin: 3px 0;
    overflow: hidden;
    width: auto;
    border-radius: 12px;
}
select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
 height: calc(1.25rem + 12px); 
}

input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select:not(.form-select), .form-control, .sppb-form-group .sppb-form-control {
    display: block;
    width: 100%;
    padding: 11px 0px;
    font-size: 14px;
    line-height: 1.25;
    color: var(--sppb-text-primary);
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #dfd7ca;
    /* border-width: 1px solid var(--sppb-text-primary); */
    border-radius: 0px;
    transition: all 0.3s ease;
    font-weight: 500;
}
.ui-state-active a, .ui-state-active a:link {
    color: #fbfaf7 !important;
}
.ui-state-default.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #fbfaf7 !important;
    background: #0077fb !important;
    border: none !important;
    border-radius: 4px;
}

.classifieds-container .featured-classified {
    display: inline-block;
    font-size: 13px;
    padding: 3px 8px;
    color: #fbfaf7;
    background: #0077b6;
    border-radius: 4px;
    margin-bottom: 15px;
    margin-right: 10px;
    width: 100px;
    text-align: center;
}

.cb_template .bg-dark {
    background-color: #fff!important;
}

.jl_flat ul.jh_itemlist {
    background-color: #fbfaf7 !important;
    border: 1px solid #e0d7ca !important;
    border-radius: 6px !important;
    padding: 25px !important;
    box-sizing: border-box !important;
}

.jl_flat ._heading,
.jl_flat ul.jh_itemlist ul._list,
.jl_flat p {
    background-color: #fbfaf7 !important;
}
#eb .eb-entry-nav.fd-cf {
    background: #fbfaf7 !important;
    border: 1px solid #e0d7ca !important;
    border-radius: 6px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}


#eb .eb-comments-tab > li#system-komento.active a,
#eb .eb-comments-tab > li#system-komento.active a:hover,
#eb .eb-comments-tab > li#system-komento.active a:focus,
#eb .eb-comments-tab > li#system-komento.active a:active {
    background: #8c7f70 !important;
    color: #fbfaf7 !important;
}
#eb .eb-comments-tab > li#system-facebook.active a,
#eb .eb-comments-tab > li#system-facebook.active a:hover,
#eb .eb-comments-tab > li#system-facebook.active a:focus,
#eb .eb-comments-tab > li#system-facebook.active a:active {
    font-weight: bold;
    background: #1877f2 !important;
    color: #ffffff !important;
}
#eb .eb-entry-head {
    background: #fbfaf7 !important;
    border-left: 1px solid #e0d7ca !important;
    border-top: 1px solid #e0d7ca !important;
    border-right: 1px solid #e0d7ca !important;
    border-bottom: none !important;
    border-radius: 6px 6px 0 0 !important;
    padding: 18px 20px 14px 20px !important;
    box-shadow: none !important;
}











/* BREAKING TEMPLATE OVERRIDES FÜR EASYBLOG */
h1.eb-post-title,
.eb-post-title,
.eb-entry-title {
    font-size: 34px !important; /* Gewünschte Größe auf dem PC */
}

.eb-blog-title,
.eb-post-grid-title h2,
.eb-post-title-link,
.eb-post-heading a {
    font-size: 22px !important; /* Gewünschte Größe im News-Grid */
}

/* ==========================================================================
   1. JOOM TICKETS: ANPASSUNG TICKET ERSTELLEN USERSEITE
   ========================================================================== */
.ticket-page header, 
.ticket-page footer, 
.ticket-page .navbar { 
    display: none !important; 
}

/* ==========================================================================
   2. SP PAGE BUILDER: ARTIKEL-MODUL ANPASSUNGEN
   ========================================================================== */
.sppb-addon-articles .sppb-article-info-wrap h3,
.sppb-addon-articles .sppb-article-info-wrap h3 a {
    font-size: 22px !important;
    line-height: 1.3 !important;
}
.sppb-addon-articles .sppb-article-info-wrap {
    margin-top: 15px !important;
}
.sppb-addon-articles .sppb-article-info-wrap h3 {
    margin-top: 40px !important;
}

/* ==========================================================================
   3. CORE-LOGIN-FORMULAR (COM_USERS) ZÄHMUNG
   ========================================================================== */
body .com-users-login__form.well,
body .com-users-login__form,
body .well {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
body .com-users-login__form input[type="text"],
body .com-users-login__form input[type="password"],
body .com-users-login__form .form-control {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #cc9966 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    color: #1a202c !important;
    height: auto !important;
    display: block !important;
    width: 100% !important;
}
body .com-users-login__form button.btn,
body .com-users-login__form button[type="submit"],
body .com-users-login__form .btn-dark,
body .form-login-buttons button {
    background: #2c4c38 !important;
    background-color: #2c4c38 !important;
    border: 1px solid #2c4c38 !important;
    border-color: #2c4c38 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 18px !important;
    height: auto !important;
    line-height: 1.4 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
body .com-users-login__form button:hover,
body .com-users-login__form button[type="submit"]:hover {
    background: #1a3023 !important;
    background-color: #1a3023 !important;
    border-color: #1a3023 !important;
    color: #ffffff !important;
}
body .com-users-login__form button.input-password-toggle,
body .com-users-login__form .input-password-toggle,
body button.btn-secondary.input-password-toggle,
.input-password-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* ==========================================================================
   ÄNDERUNGEN AB 23.7.2026: JBUSINESS DIRECTORY - FORMULAR-FELDER
   ========================================================================== */

/* 
   2. ALLE EINGABEFELDER IM ANSPRUCH-FORMULAR ERZWINGEN
   --------------------------------------------------------------------------
   - Geladen über die Template-custom.css, um die JBD-Blockade zu umgehen
   - Nutzt eure System-Rahmenfarbe #dfd7ca
   - Zwingt den Radius exakt auf eure festen 6px
*/
html body .jbd-container .form-control,
html body .jbd-container input[type="text"],
html body .jbd-container input.form-control {
 border: 1px solid #dfd7ca !important; /* Eure System-Rahmenfarbe 'my-rahmen-linie' */
 border-radius: 6px !important;        /* Unsere feste 6px-Abrundung */
 background-color: #ffffff !important; /* Weißer Hintergrund im Feld */
}
/* ==========================================================================
   ÄNDERUNGEN AB 23.7.2026: JBUSINESS DIRECTORY - FORMULAR-FELDER
   ========================================================================== */

/* 
   2. ALLE EINGABEFELDER IM ANSPRUCH-FORMULAR ERZWINGEN (MIT INNENABSTAND)
   --------------------------------------------------------------------------
   - 'padding-left: 12px' rückt den Text sauber vom linken Rand weg
*/
html body .jbd-container .form-control,
html body .jbd-container input[type="text"],
html body .jbd-container input.form-control {
 border: 1px solid #dfd7ca !important;   /* Eure System-Rahmenfarbe 'my-rahmen-linie' */
 border-radius: 6px !important;          /* Unsere feste 6px-Abrundung */
 background-color: #ffffff !important;   /* Weißer Hintergrund im Feld */
 padding-left: 12px !important;          /* Schiebt den Text vom linken Rand weg */
 padding-right: 12px !important;         /* Sichert den Abstand auch nach rechts ab */
}
/* ==========================================================================
   JBUSINESS DIRECTORY - SCHRITT 3: ÄUSSERE FORMULAR-BOX ERZWINGEN
   ========================================================================== */

/* 
   Das umschließende Fieldset (Die große äußere Box des Formulars)
   --------------------------------------------------------------------------
   - Überschreibt die harten Vorgaben aus der categories.css
   - Nutzt eure System-Rahmenfarbe #dfd7ca und den Hintergrund #fbfaf7
*/
html body .jbd-container fieldset.boxed.auto,
html body .jbd-container fieldset[class*="boxed"] {
    border: 1px solid #dfd7ca !important;   /* Eure System-Rahmenfarbe 'my-rahmen-linie' */
    background-color: #fbfaf7 !important;   /* Euer System-Hintergrund 'my-background' */
    border-radius: 6px !important;          /* Zwingt den Radius exakt auf eure festen 6px */
    box-shadow: none !important;            /* Entfernt den unruhigen Schattenwurf im Hintergrund */
}
/* ==========================================================================
   ÄNDERUNGEN AB 24.7.2026: SP PAGE BUILDER EASYBLOG IMAGE EQUALIZER
   ========================================================================== */

/* 
   Erzwingt eine einheitliche Höhe für alle Vorschaubilder im News-Blog
   --------------------------------------------------------------------------
   - 'height: 320px' sorgt dafür, dass beide Bilder exakt gleich hoch sind
   - 'object-fit: cover' schneidet das quadratische Bild ohne Verzerrung sauber ab
*/
html body .sppb-addon-articles .sppb-article-img-wrap img,
html body .sppb-addon-articles img.sppb-img-responsive {
    width: 100% !important;              /* Nutzt die volle Spaltenbreite */
    height: 320px !important;            /* Fest definierte, gleiche Höhe für alle Bilder */
    object-fit: cover !important;        /* Beschneidet Bilder perfekt ohne Verzerrung */
    border-radius: 6px !important;        /* Unser fester 6px-Projektstandard */
}
/* ==========================================================================
   EASYBLOG CARDS - GLEICHE HÖHE & LINKS RECHTSUNTEN BÜNDIG
   ========================================================================== */

/* 
   1. Alle Rahmenboxen in einer Reihe exakt gleich hoch ziehen
*/
html body .sppb-addon-articles .sppb-addon-article {
    height: 100% !important;                /* Zwingt alle Boxen auf die absolut gleiche Höhe */
    display: flex !important;               /* Aktiviert die innere Dynamik */
    flex-direction: column !important;      /* Ordnet Inhalt von oben nach unten an */
    background-color: #fbfaf7 !important;   /* Euer System-Hintergrund 'my-background' */
    border: 1px solid #dfd7ca !important;   /* Eure System-Rahmenfarbe 'my-rahmen-linie' */
    border-radius: 6px !important;          /* Unser fester 6px-Projektstandard */
    overflow: hidden !important;            /* Schneidet obere Bildecken sauber ab */
}

/* 
   2. Den Textbereich dehnen und flexibel machen
*/
html body .sppb-addon-articles .sppb-article-info-wrap {
    display: flex !important;
    flex-direction: column !important;      /* Macht den Textbereich flexibel */
    flex-grow: 1 !important;                /* Dehnt diesen Bereich bis ganz nach unten aus */
    padding: 15px 20px 20px 20px !important;
}

/* 
   3. Der "alles lesen" Link rastet bombenfest RECHTS AM BODEN ein
   --------------------------------------------------------------------------
   - 'margin-top: auto' zieht den Link nach ganz unten
   - 'align-self: flex-end' schiebt den Link haargenau an den rechten Rand
*/
html body .sppb-addon-articles .sppb-article-info-wrap a:last-child,
html body .sppb-addon-articles .sppb-article-info-wrap [class*="readmore"] {
    margin-top: auto !important;            /* Magnet zum Box-Boden */
    align-self: flex-end !important;        /* Magnet zum rechten Box-Rand */
    padding-top: 15px !important;
    text-align: right !important;
}

/* 
   4. Das saubere 30px-Raster (waagerecht und senkrecht) beibehalten
*/
html body .sppb-addon-articles .sppb-row div.sppb-col-sm-6 {
    width: calc(50% - 15px) !important;     /* Senkrechte Lücke in der Mitte */
    max-width: calc(50% - 15px) !important;
    flex: 0 0 calc(50% - 15px) !important;
    margin-bottom: 30px !important;         /* Waagerechte Lücke nach unten */
    padding: 0 !important;                
}

html body .sppb-addon-articles .sppb-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important; /* Außen bündig abschließen */
    margin: 0 !important;
}

/* ==========================================================================
   ÄNDERUNGEN AB 25.7.2026: EASYBLOG VERERBUNGS-BLOCKADE SPRENGEN
   ========================================================================== */

/* 
   Das Sternchen '*' zwingt ausnahmslos JEDES Element im Inneren des Beitrags,
   die harten 13px des Core-Systems zu ignorieren und auf 16px zu springen.
*/
html body .eb-post *,
html body .eb-entry *,
html body .eb-entry-body *,
html body .eb-entry-content * {
    font-size: 16px !important;       /* Zwingt jedes innere Element auf 16px */
    line-height: 1.65 !important;      /* Garantiert den harmonischen Zeilenabstand */
}
/* ==========================================================================
   ÄNDERUNGEN AB 25.7.2026: DASHBOARD-MEGA-MENÜ MARKEN-DESIGN (FINALE)
   ========================================================================== */

/* 
   - Zwingt das gesamte Dropdown zu eurem deckenden Seiten-Creme-Weiß
   - Setzt den exakten 1px-Rahmen in eurer Sekundärfarbe #cc9966
   - Rundet die Ecken sauber um 6px ab
*/
html body li.my-dashboard-menu .sp-dropdown,
html body li.my-dashboard-menu .sp-dropdown-inner,
html body .my-dashboard-menu div.sp-dropdown {
    background-color: #ffffff !important;   /* Euer System-Hintergrund 'my-background' (Creme-Weiß) */
    opacity: 1 !important;                  /* Schaltet die Transparenz komplett ab */
    border: 1px solid #2e4057 !important;   /* Eure System-Sekundärfarbe (1px ocker/braun) */
    border-radius: 6px !important;          /* Unser fester 6px-Projektstandard */
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; /* Ganz zarter Schatten für die Tiefenwirkung */
}

/* 
   Verhindert, dass die inneren Elemente die neuen 6px-Ecken des Kastens 
   unschön überlagern
*/
html body li.my-dashboard-menu .sp-dropdown-inner {
    border: none !important;
    background: transparent !important;
}
/* ==========================================================================
   ÄNDERUNGEN: MEGA-MENÜ ICONS & ABSTAND (DEFINITIVER CORE-GRIFF)
   ========================================================================== */

/* 
   - Spricht das physische span.fa Element im Dashboard-Menü direkt an
   - Färbt es in eurem System-Dunkelgrün (#2c4c38)
   - Drückt das Wort mit 12px Außenabstand (margin-right) nach rechts weg
*/
html body li.my-dashboard-menu .sp-dropdown span.fa,
html body li.my-dashboard-menu .sp-dropdown i,
html body .my-dashboard-menu .sp-dropdown .menu-item-header a span.fa,
html body .my-dashboard-menu .sp-dropdown [class*="fa-"] {
    color: #2c4c38 !important;        /* Eure System-Primärfarbe 'my-primär' */
    margin-right: 12px !important;     /* Der ersehnte Abstand zum Text dahinter */
    display: inline-block !important;
    font-size: 14px !important;        /* Harmonische Größe */
}
/* ==========================================================================
   ÄNDERUNGEN AB 25.7.2026: DASHBOARD-MEGA-MENÜ MARKEN-DESIGN (FINALE)
   ========================================================================== */

/* 
   - Zwingt das gesamte Dropdown zu eurem deckenden Seiten-Creme-Weiß
   - Setzt den exakten 1px-Rahmen in eurer Sekundärfarbe #cc9966
   - Rundet die Ecken sauber um 6px ab
   - NEU: 'padding: 25px 0' schafft oben und unten perfekten Freiraum
*/
html body li.my-dashboard-menu .sp-dropdown,
html body li.my-dashboard-menu .sp-dropdown-inner,
html body .my-dashboard-menu div.sp-dropdown {
    background-color: #ffffff !important;   /* Euer System-Hintergrund 'my-background' (Creme-Weiß) */
    opacity: 1 !important;                  /* Schaltet die Transparenz komplett ab */
    border: 1px solid #dfd7ca !important;   /* Eure System-Sekundärfarbe (1px ocker/braun) */
    border-radius: 6px !important;          /* Unser fester 6px-Projektstandard */
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; /* Ganz zarter Schatten */
    padding-top: 25px !important;           /* Schafft oben eine edle, freie Lücke */
    padding-bottom: 25px !important;        /* Schafft unten eine edle, freie Lücke */
}

/* 
   Verhindert, dass die inneren Elemente die neuen 6px-Ecken des Kastens 
   unschön überlagern
*/
html body li.my-dashboard-menu .sp-dropdown-inner {
    border: none !important;
    background: transparent !important;
}
/* ==========================================================================
   ÄNDERUNGEN AB 25.7.2026: JOOMTICKETS FORMULAR-DESIGN (MARKEN-LOOK)
   ========================================================================= */

/* 
   1. Alle Eingabefelder, Dropdowns und Textbereiche einheitlich gestalten
   --------------------------------------------------------------------------
   - Setzt euren festen Eckenradius von 6px
   - Nutzt eure System-Rahmenfarbe #dfd7ca
   - Hebt die Schriftgröße für die Eingaben auf gut lesbare 16px an
*/
html body #okt-tckt-st-c .form-control,
html body #okt-tckt-st-c .form-select,
html body #okt-tckt-st-c select,
html body #okt-tckt-st-c input[type="text"],
html body #okt-tckt-st-c textarea {
    border: 1px solid #dfd7ca !important;   /* Eure System-Rahmenfarbe 'my-rahmen-linie' */
    border-radius: 6px !important;          /* Unser fester 6px-Projektstandard */
    font-size: 16px !important;             /* Optimale Lesbarkeit für Eingaben */
    line-height: 1.5 !important;
    padding: 10px 15px !important;          /* Mehr Luft im Inneren der Felder */
    background-color: #ffffff !important;   /* Sauberes Weiß für den Schreibbereich */
    color: #334155 !important;              /* Weiches Anthrazit für den eingegebenen Text */
    box-shadow: none !important;            /* Entfernt nervige Standard-Schatten der Browser */
    height: auto !important;
}

/* 
   2. Fokus-Zustand: Wenn der Nutzer in ein Feld hineinklickt
   --------------------------------------------------------------------------
   - Der Rahmen färbt sich elegant in eurer Sekundärfarbe Ocker (#cc9966)
*/
html body #okt-tckt-st-c .form-control:focus,
html body #okt-tckt-st-c .form-select:focus,
html body #okt-tckt-st-c textarea:focus {
    border-color: #cc9966 !important;       /* Eure System-Sekundärfarbe bei Klick */
    box-shadow: 0 0 0 3px rgba(204, 153, 102, 0.15) !important; /* Ganz zarter ockerfarbener Glüheffekt */
    outline: none !important;
}

/* 
   3. Die Beschriftungen (Labels wie "Betreff *", "Anfrage *") vergrößern
*/
html body #okt-tckt-st-c .control-label,
html body #okt-tckt-st-c label {
    font-size: 15px !important;
    font-weight: 600 !important;            /* Leicht fetten für klare Struktur */
    color: #1e293b !important;              /* Eure System-Titel-Farbe */
    margin-bottom: 8px !important;          /* Abstand nach unten zum Feld */
    display: inline-block !important;
}
/* ==========================================================================
   ÄNDERUNGEN AB 25.7.2026: MARITIMES FOKUS-LOOK FÜR DAS TEAM-MENÜ
   ========================================================================== */

/* Die Leiste flach legen und zentrieren */
html body .mod-control-panel ul.menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 15px !important;
    margin: 0 0 35px 0 !important;
    gap: 15px !important;
    justify-content: center !important; /* Zentriert die Leiste im Inhaltsbereich */
}

/* Die Buttons im harmonischen Schiefer-Marineblau gestalten */
html body .mod-control-panel ul.menu > li > a {
    display: inline-block !important;
    padding: 12px 24px !important;     /* Komfortable, bewusste Klickfläche */
    font-size: 14px !important;
    font-weight: 600 !important;       /* Gut lesbar, ohne aufdringlich zu sein */
    letter-spacing: 0.3px !important;
    color: #ffffff !important;         /* Gestochen scharfer, weißer Text auf Blau */
    background-color: #8c7f70 !important; /* Edles Schiefer-Marineblau (Arbeitsmodus) */
    border: 1px solid #243346 !important; /* Sanfter, dunklerer Konturen-Rahmen */
    border-radius: 6px !important;     /* Euer fester 6px-Projektstandard */
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(46, 64, 87, 0.15) !important; /* Weicher, bläulicher Schatten */
    transition: all 0.25s ease-in-out !important;
}

/* Der harmonische Hover-Zustand unter Verwendung eures Ockers */
html body .mod-control-panel ul.menu > li > a:hover {
    background-color: #243346 !important; /* Wird beim Drüberfahren eine Nuance dunkler */
    color: #fbfaf7 !important;            /* Text bleibt im sauberen Creme-Weiß */
    border-color: #38bdf8 !important;     /* Der Rahmen springt auf ein leuchtendes Himmelblau um */
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25) !important; /* Zarter, himmelblauer Fokus-Glüheffekt */
}
/* ==========================================================================
   KORREKTUR: FILTER-KASTEN RAHMEN-DOPPLER BEHEBEN
   ========================================================================== */

/* 
   - Setzt den himmelblauen Rahmen NUR auf das äußere Haupt-Element (.card)
   - Die innere .card-body bleibt rahmenlos, um den Doppelrahmen zu killen
*/
html body.jt-custom-style .card {
    border: 1px solid #38bdf8 !important;   /* Nur hier sitzt der äußere himmelblaue Rahmen */
    border-radius: 6px !important;          /* Unser fester 6px-Projektstandard */
    background-color: #fbfaf7 !important;   /* Euer weiches Seiten-Creme-Weiß */
}

/* 
   - Hält den inneren Container sauber und absolut frei von eigenen Linien
*/
html body.jt-custom-style .card .card-body,
html body.jt-custom-style #adminForm .card-body {
    border: none !important;                /* Löscht den fehlerhaften inneren Rahmen restlos */
    background: transparent !important;     /* Nutzt die Creme-Farbe der äußeren Box */
    padding: 20px !important;
}

/* 3. Alle Tabellenlinien und Trennlinien auf das filigrane Himmelblau setzen */
html body.jt-custom-style .card,
html body.jt-custom-style .table,
html body.jt-custom-style .table th,
html body.jt-custom-style .table td,
html body.jt-custom-style hr {
    border-color: #38bdf8 !important;       /* Jede Tabellenlinie wird jetzt Himmelblau */
}

/* 4. Suchfelder und Dropdowns im Filter anpassen */

html body.jt-custom-style .card-body div[class*="col-"],
html body.jt-custom-style .card-body .form-group,
html body.jt-custom-style #adminForm fieldset.filters div {
    border: none !important;
    box-shadow: none !important;
}

/* 
   2. Punktlandung: Setzt die himmelblaue Linie (#38bdf8) 
      NUR noch auf die echten, physischen Eingabekörper
*/
html body.jt-custom-style .card-body input[type="text"].form-control,
html body.jt-custom-style .card-body select.form-select,
html body.jt-custom-style .card-body select {
    border: 1px solid #38bdf8 !important;   /* Euer exaktes Button-Hover-Himmelblau */
    background-color: #ffffff !important;   /* Sauberes Weiß für den Schreibbereich */
    border-radius: 6px !important;          /* Unser fester 6px-Projektstandard */
    color: #2e4057 !important;              /* Gut lesbare, dunklere Schrift */
    box-shadow: none !important;            /* Verhindert doppelte Schatten-Kanten */
}
/* ==========================================================================
   KORREKTUR: AUSWAHLFELDER / DROPDOWNS IM FILTER BEGRADIGEN
   ========================================================================== */

/* 
   - Zwingt alle Dropdowns (select) im Filter auf die exakt gleiche Höhe 
   - Setzt das exakte Innen-Padding, damit der Text nicht gestaucht wird
*/
html body.jt-custom-style .card-body select,
html body.jt-custom-style .card-body .form-select,
html body.jt-custom-style #adminForm select {
    height: 45px !important;              /* Passt sich perfekt an die Textfelder an */
    padding-top: 8px !important;          /* Zentriert den Text im Inneren vertikal */
    padding-bottom: 8px !important;
    padding-left: 12px !important;
    padding-right: 35px !important;       /* Platz für den kleinen Auswahl-Pfeil rechts */
    line-height: 1.5 !important;
    vertical-align: middle !important;
}

/* 
   Sorgt dafür, dass das Dropdown die volle Breite seiner Spalte (col-md-3) ausnutzt
*/
html body.jt-custom-style .card-body .col-md-3 select,
html body.jt-custom-style .jt-filter-box select {
    width: 100% !important;
    display: block !important;
}
/* ==========================================================================
   KORREKTUR: VISUELLE HIERARCHIE FÜR DIE REGISTERKARTEN (TABS)
   ========================================================================== */

/* 
   1. Der aktive Tab: Steht als solider, unübersehbarer Anker im Vordergrund
*/
html body.jt-custom-style .nav-tabs .nav-link.active,
html body.jt-custom-style #adminForm .nav-tabs .nav-item .nav-link.active,
html body.jt-custom-style ul.nav-tabs li a.active {
    background-color: #2e4057 !important;   /* Euer schiefer-blauer Team-Ton */
    color: #ffffff !important;              /* Gestochen scharfer, weißer Text */
    border: 1px solid #2e4057 !important;
    border-bottom-color: transparent !important; /* Verschmilzt sauber nach unten */
    border-top-left-radius: 6px !important;  /* Fester 6px-Projektstandard */
    border-top-right-radius: 6px !important;
    font-weight: 700 !important;            /* Extra fett für maximale Signalwirkung */
    opacity: 1 !important;                  /* Volle Sichtbarkeit */
}

/* 
   2. Die inaktiven Tabs: Werden elegant in den Hintergrund gedimmt
   --------------------------------------------------------------------------
   - Ein sanftes, neutrales Grau-Blau hält sich optisch komplett zurück
   - 'opacity: 0.6' nimmt den Elementen bewusst die visuelle Dominanz
*/
html body.jt-custom-style .nav-tabs .nav-link,
html body.jt-custom-style #adminForm .nav-tabs .nav-item .nav-link {
    color: #64748b !important;              /* Dezentes, unaufdringliches Schiefer-Grau */
    background-color: transparent !important; /* Kein störender Hintergrund im Ruhezustand */
    border: 1px solid transparent !important; /* Verhindert das harte Linien-Geflecht */
    font-weight: 500 !important;            /* Normale Schriftstärke */
    opacity: 0.65 !important;               /* Sanft in den Hintergrund gedimmt */
    transition: all 0.2s ease-in-out !important;
}

/* 
   3. Hover-Effekt: Beim Drüberfahren gleitet der Tab weich nach vorne
   --------------------------------------------------------------------------
   - Schaltet auf euer gewohntes Seiten-Creme-Weiß (#fbfaf7) um
*/
html body.jt-custom-style .nav-tabs .nav-link:hover,
html body.jt-custom-style #adminForm .nav-tabs .nav-item .nav-link:hover {
    background-color: #fbfaf7 !important;   /* Euer weiches Seiten-Creme */
    color: #2e4057 !important;              /* Text wechselt auf Schieferblau */
    border-color: #dfd7ca !important;       /* Zarte Trennlinie */
    border-bottom-color: transparent !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    opacity: 1 !important;                  /* Wird beim Fokussieren voll sichtbar */
}