/* Lebe Bewusst – ZENTRALE ELEMENTOR FARBPALETTE */

/* ==========================================================================
   ZENTRALE FARBVARIABLEN (werden von elementor-integration.php gesetzt)
   ========================================================================== */

/* Primäre Farben */
.lb-primary { color: var(--lb-primary, #191970); }
.lb-secondary { color: var(--lb-secondary, #4B0082); }
.lb-accent { color: var(--lb-accent, #F09819); }
.lb-gold { color: var(--lb-gold, #EDDE5D); }

/* Text Farben */
.lb-text-primary { color: var(--lb-text-primary, #191970); }
.lb-text-secondary { color: var(--lb-text-secondary, #666666); }
.lb-text-light { color: var(--lb-text-light, #999999); }
.lb-text-white { color: var(--lb-text-white, #FFFFFF); }

/* Hintergrund Farben */
.lb-bg-primary { background-color: var(--lb-bg-primary, #FFFFFF); }
.lb-bg-secondary { background-color: var(--lb-bg-secondary, #F8F9FA); }
.lb-bg-light { background-color: var(--lb-bg-light, #FAFAFA); }
.lb-bg-dark { background-color: var(--lb-bg-dark, #191970); }

/* Border & Schatten */
.lb-border { border-color: var(--lb-border, #E0E0E0); }
.lb-border-light { border-color: var(--lb-border-light, #F0F0F0); }
.lb-shadow { box-shadow: 0 2px 12px var(--lb-shadow, rgba(0,0,0,0.1)); }
.lb-shadow-dark { box-shadow: 0 4px 20px var(--lb-shadow-dark, rgba(0,0,0,0.2)); }

/* Status Farben */
.lb-success { color: var(--lb-success, #28A745); }
.lb-warning { color: var(--lb-warning, #FFC107); }
.lb-error { color: var(--lb-error, #DC3545); }
.lb-info { color: var(--lb-info, #17A2B8); }

/* ==========================================================================
   GEMEINSAME WIDGET/CARD STYLES MIT ELEMENTOR-FARBEN
   ========================================================================== */

/* Buttons */
.lb-btn {
    background: #191970;
    color: var(--lb-text-white, #FFFFFF);
    border: none;
    border-radius: var(--lb-radius, 12px);
    padding: var(--lb-spacing-sm, 8px) var(--lb-spacing-md, 8px);
    transition: all 0.2s ease;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.lb-btn:hover {
    background: var(--lb-secondary, #4B0082);
    transform: translateY(-1px);
    color: var(--lb-text-white, #FFFFFF);
    text-decoration: none;
}

.lb-btn-accent {
    background: var(--lb-btn-gradient, linear-gradient(to right, #F09819 0%, #EDDE5D 51%, #F09819 100%));
    color: var(--lb-text-white, #FFFFFF);
}

.lb-btn-accent:hover {
    background: var(--lb-accent, #F09819);
    color: var(--lb-text-white, #FFFFFF);
}

/* Grids */
.lb-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--lb-spacing-lg, 24px);
}

/* Generic Card */
.lb-card {
    background: var(--lb-bg-primary, #FFFFFF);
    border: 1px solid var(--lb-border, #E0E0E0);
    border-radius: var(--lb-radius, 12px);
    box-shadow: 0 2px 12px var(--lb-shadow, rgba(0,0,0,0.1));
    overflow: hidden;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
}

.lb-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px var(--lb-shadow-dark, rgba(0,0,0,0.2));
}

.lb-card .lb-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.lb-card .lb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.lb-card:hover .lb-image img {
    transform: scale(1.06);
}

.lb-card .lb-content {
    padding: var(--lb-spacing-md, 16px);
    display: flex;
    flex-direction: column;
    gap: var(--lb-spacing-sm, 8px);
    flex: 1;
}

.lb-card h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
    color: var(--lb-text-primary, #191970);
}

.lb-card h3 a {
    text-decoration: none;
    color: var(--lb-text-primary, #191970);
}

.lb-card h3 a:hover {
    color: var(--lb-secondary, #4B0082);
}

.lb-card .lb-footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Badges */
.lb-badge {
    position: absolute;
    top: var(--lb-spacing-sm, 8px);
    left: var(--lb-spacing-sm, 8px);
    background: var(--lb-secondary, #4B0082);
    color: var(--lb-text-white, #FFFFFF);
    border-radius: 999px;
    padding: 4px var(--lb-spacing-sm, 8px);
    font-size: 12px;
    font-weight: 600;
}

/* Experten Cards */
.lb-expert-card {
    background: var(--lb-bg-primary, #FFFFFF);
    border-radius: var(--lb-radius, 12px);
    box-shadow: 0 4px 20px var(--lb-shadow, rgba(0,0,0,0.1));
    overflow: hidden;
    border: 1px solid var(--lb-border, #E0E0E0);
    display: flex;
    flex-direction: column;
}

.lb-expert-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.lb-expert-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.lb-expert-card:hover .lb-expert-image img {
    transform: scale(1.08);
}

.lb-expert-content {
    padding: var(--lb-spacing-lg, 24px);
    display: flex;
    flex-direction: column;
    gap: var(--lb-spacing-sm, 8px);
}

.lb-expert-name {
    margin: 0;
    font-size: 18px;
    color: var(--lb-text-primary, #191970);
    font-weight: 600;
}

.lb-expert-services,
.lb-expert-bio,
.lb-expert-location {
    color: var(--lb-text-secondary, #666666);
    font-size: 14px;
}

.lb-expert-location i {
    font-style: normal;
}

.lb-expert-specialties {
    display: flex;
    gap: var(--lb-spacing-xs, 4px);
    flex-wrap: wrap;
}

.lb-specialty-tag {
    background: var(--lb-secondary, #4B0082);
    color: var(--lb-text-white, #FFFFFF);
    padding: 3px var(--lb-spacing-xs, 4px);
    border-radius: var(--lb-radius-small, 8px);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
}

/* Event Cards */
.lb-event-card {
    background: var(--lb-bg-primary, #FFFFFF);
    border-radius: var(--lb-radius, 12px);
    box-shadow: 0 2px 12px var(--lb-shadow, rgba(0,0,0,0.1));
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid var(--lb-border, #E0E0E0);
    height: 520px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.lb-event-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px var(--lb-shadow-dark, rgba(0,0,0,0.2));
}

.lb-event-image {
    position: relative;
    height: 160px;
    overflow: hidden;
    border-radius: var(--lb-radius, 12px) var(--lb-radius, 12px) 0 0;
    margin: 0;
    padding: 0;
}

.lb-event-image img,
.lb-event-image svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
    margin: 0;
    padding: 0;
}

.lb-event-card:hover .lb-event-image img,
.lb-event-card:hover .lb-event-image svg {
    transform: scale(1.02);
}

.lb-event-category-badge {
    position: absolute;
    top: var(--lb-spacing-sm, 8px);
    left: var(--lb-spacing-sm, 8px);
    padding: 5px var(--lb-spacing-sm, 8px);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #333 !important;
    backdrop-filter: blur(4px);
    z-index: 3;
    border: 1px solid rgba(255,255,255,0.3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Event Category Badge Farben – KORRIGIERT nach categories-carousel.php */
.lb-event-category-badge.color-0 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* KOMMUNIKATION - Grün */
.lb-event-category-badge.color-1 { background: linear-gradient(135deg, rgba(255, 243, 224, 0.95) 0%, rgba(255, 209, 179, 0.95) 100%) !important; } /* KREATIVITÄT & AUSDRUCK - Orange */
.lb-event-category-badge.color-2 { background: linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%) !important; } /* COACHING & SELBSTERKENNTNIS - Lila */
.lb-event-category-badge.color-3 { background: linear-gradient(135deg, rgba(252, 228, 236, 0.95) 0%, rgba(248, 187, 217, 0.95) 100%) !important; } /* BEWUSSTSEIN & ENERGIEARBEIT - Pink */
.lb-event-category-badge.color-4 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* UMWELT - GRÜNE ERDE - Grün */
.lb-event-category-badge.color-5 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* NATURHEILKRAFT - Grün */
.lb-event-category-badge.color-6 { background: linear-gradient(135deg, rgba(227, 242, 253, 0.95) 0%, rgba(187, 222, 251, 0.95) 100%) !important; } /* KÖRPERARBEIT - Blau */
.lb-event-category-badge.color-7 { background: linear-gradient(135deg, rgba(255, 235, 238, 0.95) 0%, rgba(255, 205, 210, 0.95) 100%) !important; } /* NAHRUNG ALS MEDIZIN - Rot */
.lb-event-category-badge.color-8 { background: linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%) !important; } /* BEZIEHUNG & PARTNERSCHAFT - Lila */
.lb-event-category-badge.color-9 { background: linear-gradient(135deg, rgba(227, 242, 253, 0.95) 0%, rgba(187, 222, 251, 0.95) 100%) !important; } /* TRADITIONELLE METHODEN - Blau */
.lb-event-category-badge.color-10 { background: linear-gradient(135deg, rgba(245, 245, 245, 0.95) 0%, rgba(224, 224, 224, 0.95) 100%) !important; } /* ERLEUCHTUNG - EGOTOD - Grau */

/* Fallback für legacy Klassen */
.lb-event-category-badge.retreat { background: linear-gradient(135deg, rgba(248, 187, 208, 0.95) 0%, rgba(240, 98, 146, 0.95) 100%) !important; }
.lb-event-category-badge.workshop { background: linear-gradient(135deg, rgba(225, 190, 231, 0.95) 0%, rgba(206, 147, 216, 0.95) 100%) !important; }
.lb-event-category-badge.online { background: linear-gradient(135deg, rgba(187, 222, 251, 0.95) 0%, rgba(144, 202, 249, 0.95) 100%) !important; }
.lb-event-category-badge.meditation { background: linear-gradient(135deg, rgba(248, 187, 208, 0.95) 0%, rgba(240, 98, 146, 0.95) 100%) !important; }
.lb-event-category-badge.achtsamkeit { background: linear-gradient(135deg, rgba(248, 187, 208, 0.95) 0%, rgba(240, 98, 146, 0.95) 100%) !important; }
.lb-event-category-badge.seminar { background: linear-gradient(135deg, rgba(225, 190, 231, 0.95) 0%, rgba(206, 147, 216, 0.95) 100%) !important; }

/* Product Category Badge Styles */
.lb-product-category-badge {
    position: absolute;
    top: var(--lb-spacing-sm, 8px);
    left: var(--lb-spacing-sm, 8px);
    padding: 5px var(--lb-spacing-sm, 8px);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #333 !important;
    backdrop-filter: blur(4px);
    z-index: 3;
    /* border: 1px solid rgba(255,255,255,0.3); */
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.lb-search-results-widget .lb-article-category {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    color: #333 !important;
    padding: 6px 12px !important;
    border-radius: 16px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    backdrop-filter: blur(4px);
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Artikel-Badge Farben – KORRIGIERT nach categories-carousel.php */
.lb-article-category.color-0 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* KOMMUNIKATION - Grün */
.lb-article-category.color-1 { background: linear-gradient(135deg, rgba(255, 243, 224, 0.95) 0%, rgba(255, 209, 179, 0.95) 100%) !important; } /* KREATIVITÄT & AUSDRUCK - Orange */
.lb-article-category.color-2 { background: linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%) !important; } /* COACHING & SELBSTERKENNTNIS - Lila */
.lb-article-category.color-3 { background: linear-gradient(135deg, rgba(252, 228, 236, 0.95) 0%, rgba(248, 187, 217, 0.95) 100%) !important; } /* BEWUSSTSEIN & ENERGIEARBEIT - Pink */
.lb-article-category.color-4 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* UMWELT - GRÜNE ERDE - Grün */
.lb-article-category.color-5 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* NATURHEILKRAFT - Grün */
.lb-article-category.color-6 { background: linear-gradient(135deg, rgba(227, 242, 253, 0.95) 0%, rgba(187, 222, 251, 0.95) 100%) !important; } /* KÖRPERARBEIT - Blau */
.lb-article-category.color-7 { background: linear-gradient(135deg, rgba(255, 235, 238, 0.95) 0%, rgba(255, 205, 210, 0.95) 100%) !important; } /* NAHRUNG ALS MEDIZIN - Rot */
.lb-article-category.color-8 { background: linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%) !important; } /* BEZIEHUNG & PARTNERSCHAFT - Lila */
.lb-article-category.color-9 { background: linear-gradient(135deg, rgba(227, 242, 253, 0.95) 0%, rgba(187, 222, 251, 0.95) 100%) !important; } /* TRADITIONELLE METHODEN - Blau */
.lb-article-category.color-10 { background: linear-gradient(135deg, rgba(245, 245, 245, 0.95) 0%, rgba(224, 224, 224, 0.95) 100%) !important; } /* ERLEUCHTUNG - EGOTOD - Grau */

/* Product Badge Farben – KORRIGIERT nach categories-carousel.php */
.lb-product-category-badge.color-0 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* KOMMUNIKATION - Grün */
.lb-product-category-badge.color-1 { background: linear-gradient(135deg, rgba(255, 243, 224, 0.95) 0%, rgba(255, 209, 179, 0.95) 100%) !important; } /* KREATIVITÄT & AUSDRUCK - Orange */
.lb-product-category-badge.color-2 { background: linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%) !important; } /* COACHING & SELBSTERKENNTNIS - Lila */
.lb-product-category-badge.color-3 { background: linear-gradient(135deg, rgba(252, 228, 236, 0.95) 0%, rgba(248, 187, 217, 0.95) 100%) !important; } /* BEWUSSTSEIN & ENERGIEARBEIT - Pink */
.lb-product-category-badge.color-4 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* UMWELT - GRÜNE ERDE - Grün */
.lb-product-category-badge.color-5 { background: linear-gradient(135deg, rgba(232, 245, 232, 0.95) 0%, rgba(200, 230, 201, 0.95) 100%) !important; } /* NATURHEILKRAFT - Grün */
.lb-product-category-badge.color-6 { background: linear-gradient(135deg, rgba(227, 242, 253, 0.95) 0%, rgba(187, 222, 251, 0.95) 100%) !important; } /* KÖRPERARBEIT - Blau */
.lb-product-category-badge.color-7 { background: linear-gradient(135deg, rgba(255, 235, 238, 0.95) 0%, rgba(255, 205, 210, 0.95) 100%) !important; } /* NAHRUNG ALS MEDIZIN - Rot */
.lb-product-category-badge.color-8 { background: linear-gradient(135deg, rgba(243, 229, 245, 0.95) 0%, rgba(225, 190, 231, 0.95) 100%) !important; } /* BEZIEHUNG & PARTNERSCHAFT - Lila */
.lb-product-category-badge.color-9 { background: linear-gradient(135deg, rgba(227, 242, 253, 0.95) 0%, rgba(187, 222, 251, 0.95) 100%) !important; } /* TRADITIONELLE METHODEN - Blau */
.lb-product-category-badge.color-10 { background: linear-gradient(135deg, rgba(245, 245, 245, 0.95) 0%, rgba(224, 224, 224, 0.95) 100%) !important; } /* ERLEUCHTUNG - EGOTOD - Grau */

/* ==========================================================================
   KATEGORIEN CAROUSEL & FLEX GRID FARBEN - ZENTRAL VERWALTET
   ========================================================================== */

/* Kategorien-Card Farben - für alle Widgets (Carousel, Flex Grid, etc.) */
.lb-category-card.color-0 { background: linear-gradient(135deg, #E8F5E8 0%, #C8E6C9 100%); } /* KOMMUNIKATION - Grün */
.lb-category-card.color-1 { background: linear-gradient(135deg, #FFF3E0 0%, #FFD1B3 100%); } /* KREATIVITÄT & AUSDRUCK - Orange */
.lb-category-card.color-2 { background: linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%); } /* COACHING & SELBSTERKENNTNIS - Lila */
.lb-category-card.color-3 { background: linear-gradient(135deg, #FCE4EC 0%, #F8BBD9 100%); } /* BEWUSSTSEIN & ENERGIEARBEIT - Pink */
.lb-category-card.color-4 { background: linear-gradient(135deg, #E8F5E8 0%, #C8E6C9 100%); } /* UMWELT - GRÜNE ERDE - Grün */
.lb-category-card.color-5 { background: linear-gradient(135deg, #E8F5E8 0%, #C8E6C9 100%); } /* NATURHEILKRAFT - Grün */
.lb-category-card.color-6 { background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); } /* KÖRPERARBEIT - Blau */
.lb-category-card.color-7 { background: linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%); } /* NAHRUNG ALS MEDIZIN - Rot */
.lb-category-card.color-8 { background: linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%); } /* BEZIEHUNG & PARTNERSCHAFT - Lila */
.lb-category-card.color-9 { background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); } /* TRADITIONELLE METHODEN - Blau */
.lb-category-card.color-10 { background: linear-gradient(135deg, #F5F5F5 0%, #E0E0E0 100%); } /* ERLEUCHTUNG - EGOTOD - Grau */

.lb-event-content {
    padding: var(--lb-spacing-md, 16px);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.lb-event-title {
    margin: 0 0 var(--lb-spacing-sm, 8px) 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--lb-text-primary, #191970);
}

.lb-event-title a {
    color: var(--lb-text-primary, #191970);
    text-decoration: none;
}

.lb-event-title a:hover {
    color: var(--lb-secondary, #4B0082);
}

/* Schwerpunkte Styling für Event Cards */
.lb-schwerpunkt-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    margin-top: 2px;
}

.lb-schwerpunkt-chip {
    background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
    color: var(--lb-text-primary, #191970);
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid rgba(25, 25, 112, 0.15);
    white-space: nowrap;
    line-height: 1.4;
    display: inline-block;
    cursor: default !important;
    pointer-events: none;
}

.lb-event-meta {
    color: var(--lb-text-secondary, #666666);
    font-size: 13px;
    margin-bottom: var(--lb-spacing-sm, 8px);
}

.lb-event-btn {
    background: var(--lb-primary, #191970);
    color: var(--lb-text-white, #FFFFFF);
    border: none;
    border-radius: var(--lb-radius-small, 8px);
    padding: var(--lb-spacing-sm, 8px) var(--lb-spacing-md, 16px);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.lb-event-btn:hover {
    background: var(--lb-secondary, #4B0082);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px var(--lb-shadow, rgba(0,0,0,0.15));
    color: var(--lb-text-white, #FFFFFF);
    text-decoration: none;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

@media (max-width: 1366px) {
    .lb-results-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--lb-spacing-md, 16px);
    }
}

@media (max-width: 1024px) {
    .lb-results-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--lb-spacing-md, 16px);
    }
    
    .lb-card .lb-content,
    .lb-expert-content,
    .lb-event-content {
        padding: var(--lb-spacing-md, 16px);
    }
}

@media (max-width: 768px) {
    .lb-results-grid {
        grid-template-columns: 1fr;
        gap: var(--lb-spacing-md, 16px);
    }
    
    .lb-card .lb-content,
    .lb-expert-content,
    .lb-event-content {
        padding: var(--lb-spacing-sm, 8px);
    }
    
    .lb-schwerpunkt-chips {
        gap: 5px;
        margin-bottom: 6px;
    }
    
    .lb-schwerpunkt-chip {
        font-size: 10px;
        padding: 3px 8px;
    }
    
    .lb-card h3,
    .lb-expert-name,
    .lb-event-title {
        font-size: 15px;
    }
}

/* ==========================================================================
   HERO SECTION STYLES
   ========================================================================== */

.lb-hero-section {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    min-height: 400px;
}

.lb-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.lb-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 2rem;
}

.lb-hero-content h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
}

.lb-hero-description {
    font-size: 1.2rem;
    line-height: 1.6;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .lb-hero-content h1 {
        font-size: 2rem;
    }
    
    .lb-hero-description {
        font-size: 1rem;
    }
}

/* =======================
   SEARCH RESULTS CARDS - Tips & Articles
   ======================= */

/* Tip Cards in Search Results */
.lb-search-results-widget .lb-tip-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e8e8e8 !important;
    height: 380px !important;
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer !important;
}

.lb-search-results-widget .lb-tip-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.lb-search-results-widget .lb-tip-image {
    position: relative !important;
    height: 160px !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lb-search-results-widget .lb-tip-content {
    padding: 20px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Article Cards in Search Results */
.lb-search-results-widget .lb-article-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e8e8e8 !important;
    height: 400px !important;
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer !important;
}

.lb-search-results-widget .lb-article-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.lb-search-results-widget .lb-article-image {
    position: relative !important;
    height: 180px !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lb-search-results-widget .lb-article-content {
    padding: 20px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* ==========================================================================
   GLOBALER LOADING OVERLAY - Verhindert Doppelklicks während AJAX-Requests
   ========================================================================== */

/* Loading Overlay Container */
.lb-global-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 999999;
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: all;
}

.lb-global-loading-overlay.lb-active {
    display: flex;
    opacity: 1;
}

/* Loading Spinner Container */
.lb-loading-spinner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 30px 40px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(25, 25, 112, 0.2);
}

/* Animated Spinner */
.lb-loading-spinner-global {
    width: 50px;
    height: 50px;
    border: 4px solid #f0f0f0;
    border-top-color: #191970;
    border-radius: 50%;
    animation: lb-global-spin 0.8s linear infinite;
}

@keyframes lb-global-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Loading Text */
.lb-loading-text {
    font-size: 14px;
    font-weight: 500;
    color: #191970;
    text-align: center;
}

/* Pulsing Dots Animation */
.lb-loading-dots {
    display: inline-flex;
    gap: 4px;
}

.lb-loading-dots span {
    width: 6px;
    height: 6px;
    background: #4B0082;
    border-radius: 50%;
    animation: lb-dot-pulse 1.4s ease-in-out infinite;
}

.lb-loading-dots span:nth-child(1) { animation-delay: 0s; }
.lb-loading-dots span:nth-child(2) { animation-delay: 0.2s; }
.lb-loading-dots span:nth-child(3) { animation-delay: 0.4s; }

@keyframes lb-dot-pulse {
    0%, 80%, 100% { 
        transform: scale(0.6);
        opacity: 0.5;
    }
    40% { 
        transform: scale(1);
        opacity: 1;
    }
}

/* Button/Element Loading State - verhindert Doppelklicks */
.lb-loading-state {
    position: relative;
    pointer-events: none !important;
    opacity: 0.7;
}

.lb-loading-state::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: lb-global-spin 0.8s linear infinite;
}