/**
 * IT Expert Hub - Cards Frontend Styles
 * Version: 3.0.0 - FESTE FARBEN - Modern, Clean, UX-Friendly
 * Alle Farben sind fest definiert - KEINE Admin-Einstellungen mehr!
 * 
 * @package IT_Expert_Profiles
 */

/* ========================================
   FESTE FARBDEFINITIONEN - Nicht über Admin änderbar
   ======================================== */

:root {
    /* Expert Colors - FEST */
    --expert-primary: #667eea !important;
    --expert-primary-hover: #5568d3 !important;
    --expert-secondary: #764ba2 !important;
    --expert-accent: #10b981 !important;
    --expert-warning: #f59e0b !important;
    --expert-danger: #ef4444 !important;
    
    /* Company Colors - FEST */
    --company-primary: #3b82f6 !important;
    --company-secondary: #2563eb !important;
    
    /* Event Colors - FEST */
    --event-primary: #8b5cf6 !important;
    --event-secondary: #7c3aed !important;
    
    /* Text Colors - FEST */
    --expert-text: #1f2937 !important;
    --expert-text-light: #6b7280 !important;
    --expert-text-lighter: #9ca3af !important;
    
    /* Background Colors - FEST */
    --expert-bg: #ffffff !important;
    --expert-bg-light: #f9fafb !important;
    --expert-bg-lighter: #f3f4f6 !important;
    
    /* Border & Shadow - FEST */
    --expert-border: #e5e7eb !important;
    --expert-border-light: #f3f4f6 !important;
    --expert-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    --expert-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    --expert-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    
    /* Transitions - FEST */
    --expert-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    --expert-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Spacing - FEST */
    --expert-radius: 5px !important;
    --expert-radius-sm: 12px !important;
    --expert-radius-lg: 20px !important;
}

/* Überschreibe alle möglichen Container-spezifischen Variablen */
.it-expert-container,
.expert-card,
.company-card,
.event-card,
.post-type-archive-it_expert,
.post-type-archive-company,
.post-type-archive-expert_event,
.tax-expert_specialization,
.tax-expert_skill {
    --expert-primary: #667eea !important;
    --expert-secondary: #764ba2 !important;
    --company-primary: #3b82f6 !important;
    --company-secondary: #2563eb !important;
    --event-primary: #8b5cf6 !important;
    --event-secondary: #7c3aed !important;
}

/* ========================================
   CARD COMPONENTS - Modern & Clean
   ======================================== */

/* Base Card Styles - PROFESSIONELL & CLEAN mit dezentem Gradient */
.expert-card,
.event-card {
    border-radius: 5px;
    border: 1px solid var(--expert-border);
    box-shadow: var(--expert-shadow);
    transition: var(--expert-transition);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Event Cards - Übersicht (wie Experten, dezent blau) */
.event-card--overview {
    height: 350px;
    max-height: 350px;
    background: linear-gradient(135deg, #f5f9ff 0%, #eaf3ff 100%);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 5px;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.08);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.event-card--overview .event-card-corner-badge {
    position: absolute;
    top: 0;
    padding: 6px 12px;
    border-radius: 0 0 12px 12px;
    font-size: 0.7rem;
    font-weight: 700;
    background: #1e293b;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
    z-index: 2;
}

.event-card--overview .event-card-format-badge {
    left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 0 0 12px 0;
}

.event-card--overview .event-card-price-badge {
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 0 0 0 12px;
}

.event-card--overview .event-card-price--free {
    background: #0f3d4d;
    border-color: rgba(56, 189, 248, 0.9);
}

.event-card--overview .event-card-price--paid {
    background: #1e3a8a;
    border-color: rgba(59, 130, 246, 0.9);
}

.event-card--overview .event-card-top {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid rgba(37, 99, 235, 0.12);
    background: #e1ecff;
}

.event-card--overview .event-card-thumb {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    overflow: hidden;
    background: #dbeafe;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.event-card--overview .event-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-card--overview .event-card-thumb-placeholder {
    color: #1d4ed8;
    font-size: 28px;
}

.event-card--overview .event-card-header-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.event-card--overview .event-card-title {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0;
}

.event-card--overview .event-card-title a {
    color: #0f172a;
    text-decoration: none;
}

.event-card--overview .event-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 0.78rem;
    color: #1e3a8a;
}

.event-card--overview .event-card-meta .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.event-card--overview .event-card-body {
    padding: 12px 16px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    background: #f5f9ff;
}

.event-card--overview .event-card-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.event-card--overview .event-card-tag-label {
    font-size: 0.65rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: #1e40af;
    text-transform: uppercase;
}

.event-card--overview .event-card-tag {
    font-size: 0.72rem;
    padding: 4px 10px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e3a8a;
    font-weight: 600;
}

.event-card--overview .event-card-excerpt {
    margin: 0;
    font-size: 0.8rem;
    color: #1f2937;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-card--overview .event-card-cta {
    margin-top: auto;
    display: block;
    padding: 10px 16px;
    text-align: center;
    background: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%);
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
    border-radius: 0 0 5px 5px;
}

/* ========================================
   ARCHIVE HEADER STYLES
   ======================================== */

.it-expert-archive-header {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 30px auto;
    border-radius: 0;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Titel-Band oben (dunkler) */
.it-expert-archive-header .header-title-band {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.it-expert-archive-header.archive-it_expert .header-title-band {
    background: linear-gradient(135deg, #f5ecd5 0%, #ebe0c8 100%);
}

.it-expert-archive-header.archive-company .header-title-band {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.it-expert-archive-header.archive-expert_event .header-title-band {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

/* Speaker Archive Header - Lila Theme */
.it-expert-archive-header.archive-event_speaker .header-title-band {
    background: linear-gradient(135deg, #581c87 0%, #7c3aed 100%);
}

.it-expert-archive-header.archive-event_speaker .header-title-band .dashicons {
    color: #ffffff !important;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    padding: 10px;
}

.it-expert-archive-header.archive-event_speaker .header-title {
    color: #ffffff !important;
}

/* Beschreibung-Bereich unten (heller) */
.it-expert-archive-header .header-description-area {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.it-expert-archive-header.archive-it_expert .header-description-area {
    background: linear-gradient(135deg, #fefcf3 0%, #fff8e7 100%);
}

.it-expert-archive-header.archive-company .header-description-area {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.it-expert-archive-header.archive-expert_event .header-description-area {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

/* Speaker Archive Description - Lila Theme */
.it-expert-archive-header.archive-event_speaker .header-description-area {
    background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
    border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}

.it-expert-archive-header.archive-event_speaker .header-description {
    color: #6d28d9 !important;
}

.it-expert-archive-header .header-logo {
    flex-shrink: 0;
}

.it-expert-archive-header .header-logo img {
    max-width: 50px;
    max-height: 50px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.it-expert-archive-header .header-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e3a5f !important;
    flex: 1;
}

.it-expert-archive-header .header-description {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #495057 !important;
    flex: 1;
}

/* Expert Cards - Breitere Cards mit weniger Höhe */
.expert-card {
    height: 375px !important;
    max-height: 375px !important;
    min-height: 375px !important;
    background: linear-gradient(135deg, #f5ecd5 0%, #ebe0c8 100%) !important;
    padding: 0;
    border-radius: 12px;
    border: 2px solid #d4a574;
    box-shadow: var(--expert-shadow);
    transition: var(--expert-transition-fast);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

/* Expert Cards - Übersicht (UX Layout, fix 375px Höhe) */
.expert-card--overview {
    height: 375px;
    max-height: 375px;
    min-height: 375px;
    background: linear-gradient(135deg, #fffdf4 0%, #fff7e6 100%) !important;
    border: 1px solid var(--expert-border);
    border-radius: 16px;
    box-shadow: var(--expert-shadow);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

/* Dashboard-spezifisches Layout für Expert-Cards */
.expert-card--overview.dashboard-card {
    height: 500px;
    max-height: 500px;
}

.expert-card--overview.dashboard-card .expert-card-top {
    padding: 20px;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fffdf4;
    border-bottom: none;
}

.expert-card--overview.dashboard-card .expert-card-header-text {
    align-items: center;
}

.expert-card--overview.dashboard-card .expert-card-meta {
    justify-content: center;
}

.expert-card--overview.dashboard-card .expert-card-avatar {
    width: 90px;
    height: 90px;
}

.expert-card--overview.dashboard-card .expert-card-name {
    font-size: 1.2rem;
}

.expert-card--overview.dashboard-card .expert-card-title {
    font-size: 0.95rem;
}

.expert-card--overview.dashboard-card .expert-card-meta {
    font-size: 0.85rem;
}

.expert-card--overview.dashboard-card .expert-card-body {
    padding: 16px 20px;
    gap: 14px;
    overflow-y: auto;
    background: #fffdf4;
}

.expert-card--overview.dashboard-card .expert-card-tags {
    gap: 10px;
}

.expert-card--overview.dashboard-card .expert-card-tag {
    font-size: 0.78rem;
    padding: 5px 12px;
}

.expert-card--overview.dashboard-card .expert-card-skills {
    gap: 10px;
}

.expert-card--overview.dashboard-card .skill-pill {
    font-size: 0.78rem;
    padding: 5px 10px;
}

/* Verstecke Skills und Social Media im Dashboard */
.expert-card--overview.dashboard-card .expert-card-skills {
    display: none;
}

.expert-card--overview.dashboard-card .expert-card-social {
    display: none;
}

.expert-card--overview .expert-card-corner-badge {
    position: absolute;
    top: 0;
    padding: 1px 10px; /* Compact padding */
    line-height: 13px; /* Allow text to fit */
    border-radius: 0 0 8px 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.65rem; /* Keep font size */
    font-weight: 700;
    background: #111827;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-height: 17px; /* Max height limit */
}

/* Badge-Text immer weiß */
.expert-card--overview .expert-card-corner-badge span {
    color: #ffffff !important;
}

/* Sponsor Badge - Gold Farbverlauf */
.expert-card--overview .badge-sponsor {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.3);
}

/* Partner Badge - Silber Farbverlauf */
.expert-card--overview .badge-partner {
    background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
    border-color: rgba(209, 213, 219, 0.5);
    box-shadow: 0 2px 8px rgba(156, 163, 175, 0.3);
}

/* Top-Partner Badge - Platin Farbverlauf */
.expert-card--overview .badge-top-partner {
    background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
    border-color: rgba(229, 231, 235, 0.6);
    box-shadow: 0 2px 8px rgba(229, 231, 235, 0.4);
}

/* Premium Badge - Dunkler Lila Farbverlauf */
.expert-card--overview .badge-premium {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    border-color: rgba(124, 58, 237, 0.4);
}

/* Zertifiziert Badge - Grüner Farbverlauf */
.expert-card--overview .badge-certified {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    border-color: rgba(5, 150, 105, 0.4);
}

/* Status Badges Container - Links Oben */
.expert-card-status-badges {
    position: absolute;
    top: 0;
    left: 16px; /* Moved from edge */
    display: flex;
    gap: 4px;
    z-index: 2;
}

/* Status Badges in Container */
.expert-card-status-badges .expert-card-corner-badge {
    position: relative;
    left: auto;
    right: auto;
}

.expert-card--overview .expert-card-corner-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: #ffffff !important;
}

.expert-card--overview .expert-card-partner-badge {
    display: none;
}

.expert-card--overview .expert-card-availability-badge {
    top: 0;
    right: 16px !important; /* Offset from edge, override inline if present */
    left: auto !important;
    border-radius: 0 0 8px 8px; /* Match new shape */
    color: #ffffff !important;
}

.expert-card--overview .expert-card-partner-badge-new {
    inset: 0 auto auto 0 !important;
    margin: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 0;
    border-top: 0;
    border-radius: 0 0 12px 0;
    background: #111827;
    color: #ffffff;
    border-color: rgba(245, 158, 11, 0.85);
}

.expert-card--overview .expert-card-partner-badge-new * {
    color: #ffffff !important;
}

.expert-card--overview .expert-card-availability-badge * {
    color: #ffffff !important;
}

.expert-card--overview .expert-card-availability--available {
    background: #14532d;
    border-color: rgba(34, 197, 94, 0.9);
}

.expert-card--overview .expert-card-availability--limited {
    background: #7c4a03;
    border-color: rgba(234, 179, 8, 0.9);
}

.expert-card--overview .expert-card-availability--booked {
    background: #7f1d1d;
    border-color: rgba(239, 68, 68, 0.9);
}

.expert-card--overview .expert-card-top {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    border-bottom: 1px solid var(--expert-border-light);
    background: #f2e7cd;
}

.expert-card--overview .expert-card-avatar {
    width: 72px;
    height: 72px;
    border-radius: 0;
    overflow: visible;
    background: var(--expert-bg-light);
    flex-shrink: 0;
    position: relative;
    margin-top: 15px;
}

.expert-card--overview .expert-card-avatar img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.expert-card--overview .expert-avatar-placeholder {
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.expert-card--overview .expert-mvp-badge {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #0078d4 0%, #005a9e 100%);
    color: #ffffff !important;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 120, 212, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.3);
    z-index: 10;
}

.expert-card--overview .expert-mvp-badge .dashicons {
    font-size: 11px;
    width: 11px;
    height: 11px;
    color: #ffffff !important;
}

.expert-card--overview .expert-mvp-badge span {
    color: #ffffff !important;
}

.expert-card--overview .expert-custom-award-badge {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff !important;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.3);
    z-index: 10;
}

.expert-card--overview .expert-custom-award-badge .dashicons {
    font-size: 11px;
    width: 11px;
    height: 11px;
    color: #ffffff !important;
}

.expert-card--overview .expert-custom-award-badge span {
    color: #ffffff !important;
}

/* Wenn beide Badges vorhanden sind, nebeneinander anzeigen */
.expert-card--overview .expert-mvp-badge + .expert-custom-award-badge {
    left: auto;
    right: -15px;
    transform: none;
}

.expert-card--overview .expert-mvp-badge:only-of-type {
    left: 50%;
    transform: translateX(-50%);
}

.expert-card--overview .expert-avatar:has(.expert-mvp-badge):has(.expert-custom-award-badge) .expert-mvp-badge {
    left: -15px;
    transform: none;
}

.expert-card--overview .expert-card-header-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    margin-top: -5px; /* Move content 5px higher */
    text-align: left;
    align-items: stretch;
    width: 100%;
}

.expert-card--overview .expert-card-name {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
    color: var(--expert-text);
    text-align: left;
}

.expert-card--overview .expert-card-title {
    font-size: 0.85rem;
    margin: 0;
    color: var(--expert-text-light);
    text-align: left;
}

.expert-card--overview .expert-card-info-stack {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px;
}

.expert-card--overview .expert-card-company,
.expert-card--overview .expert-card-location {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--expert-text-light);
    white-space: nowrap;
    text-decoration: none;
}

/* Expertise/Fachrichtung Section - Volle Breite Banner */
.expert-card--overview .expert-card-expertise-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    background: linear-gradient(135deg, #fff6d1 0%, #fef9e7 100%);
    border-top: 1px solid rgba(212, 165, 116, 0.15);
    border-bottom: 1px solid rgba(212, 165, 116, 0.15);
    max-height: 40px;
    min-height: 35px;
    overflow: hidden;
    flex-shrink: 0;
}

.expert-card--overview .expert-card-expertise-section .expertise-label {
    font-size: 0.7rem;
    font-weight: 700;
    color: #92400e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.8;
}

.expert-card--overview .expert-card-expertise-section .expertise-value {
    font-size: 0.85rem;
    font-weight: 600;
    color: #78350f;
}

.expert-card--overview .expert-card-body {
    padding: 12px 16px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    background: #fffdf4;
    justify-content: flex-end; /* Push content to bottom */
}

.expert-card--overview .expert-card-competencies {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    width: 100%;
}

.expert-card--overview .expert-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 0;
}

.expert-card--overview .expert-card-tag-label {
    font-size: 0.65rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    color: #92400e;
    text-transform: uppercase;
    margin-right: 6px;
}

.expert-card--overview .expert-card-tag {
    font-size: 0.72rem;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 600;
}

.expert-card--overview .tag-specialization {
    background: #fef3c7;
    color: #92400e;
    border: 2px solid #f59e0b;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
}

.expert-card--overview .tag-availability--available {
    background: #dcfce7;
    color: #166534;
}

.expert-card--overview .tag-availability--limited {
    background: #fef9c3;
    color: #854d0e;
}

.expert-card--overview .tag-availability--booked {
    background: #fee2e2;
    color: #991b1b;
}

.expert-card--overview .expert-card-skills {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    justify-content: center;
    width: 100%;
}

.expert-card--overview .skill-pill {
    font-size: 0.72rem;
    padding: 4px 2px; /* Weniger Padding, da 4 pro Reihe */
    border-radius: 6px;
    background: #e2e8f0;
    color: #475569;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/* Subtle Experience Badge */
.expert-exp-badge {
    position: absolute;
    bottom: -8px; /* Slightly overlapping or just below */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0,0,0,0.05);
    color: #64748b;
    font-size: 0.6rem;
    padding: 2px 6px;
    border-radius: 10px;
    white-space: nowrap;
    z-index: 5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.expert-card--overview .expert-card-cta {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 16px;
    text-align: center;
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
    color: #ffffff !important;
    font-weight: 600;
    font-size: 0.9rem;
    width: calc(100% + 32px);
    border-radius: 0 0 16px 16px;
    margin: 0 -16px 0;
}

.expert-card--overview .expert-card-cta .cta-arrow {
    font-size: 1.2em;
    line-height: 1;
}

.expert-card--overview .expert-card-cta:hover {
    color: #dbeafe !important;
}

/* Split CTA Container für Experten mit Firma */
.expert-card-cta-split {
    margin-top: auto;
    display: flex;
    width: calc(100% + 32px);
    margin: 0 -16px 0;
    gap: 0;
}

/* Halbe Buttons (Profil + Firmenprofil) */
.expert-card--overview .expert-card-cta-half {
    flex: 1;
    padding: 12px 12px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    color: #ffffff !important;
    width: auto;
    margin: 0;
    border-radius: 0;
    transition: var(--expert-transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

/* Linker Button (Profil ansehen) */
.expert-card--overview .expert-card-cta-half:first-child {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
    border-radius: 0 0 0 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* Rechter Button (Firmenprofil) */
.expert-card--overview .expert-card-cta-half.expert-card-cta-company {
    background: linear-gradient(135deg, #0f5b36 0%, #0a4327 100%);
    border-radius: 0 0 16px 0;
}

/* Hover Effekte */
.expert-card--overview .expert-card-cta-half:first-child:hover {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    color: #dbeafe !important;
}

.expert-card--overview .expert-card-cta-half.expert-card-cta-company:hover {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #dcfce7 !important;
}

/* Company Cards - 350px Höhe */
.company-card {
    height: 350px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

/* Badge-Container im Titel-Bereich */
.company-badges-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.company-card--list .company-card-header {
    background: transparent;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(16, 120, 74, 0.15);
}

/* Badges im Titel-Bereich */
.partner-badge-title {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.6rem;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 600;
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    color: #1e293b;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.partner-badge-title.badge-premium {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
}

/* Event Cards - Altes Design (wird nicht mehr verwendet) */
.event-card {
    height: 380px;
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%) !important;
}

/* ========================================
   EVENT CARD NEU - Nach Beispiel-Bild
   ======================================== */

.event-card-new {
    background: white;
    border: 3px solid #1e3a8a;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 400px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: var(--expert-transition);
    position: relative;
}

.event-card-new:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    transform: translateY(-4px);
}

/* Bild-Bereich oben */
.event-image-area {
    position: relative;
    min-height: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e5e7eb;
}

.event-badges-overlay {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    gap: 8px;
    z-index: 2;
}

.badge-top {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e3a8a;
    padding: 6px 12px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.badge-top .dashicons {
    font-size: 18px;
}

/* Kein Icon mehr */

/* Titel-Bereich kompakt */
.event-title-area {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    padding: 12px 16px;
    text-align: center;
}

.event-title-large {
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}

.event-title-large a {
    color: white !important;
    text-decoration: none;
}

.event-title-large a:hover {
    opacity: 0.9;
}

/* Meta-Infos mit Labels */
.event-meta-section {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    padding: 12px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.event-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.event-meta-row .dashicons {
    font-size: 20px;
    color: #1e3a8a !important;
    flex-shrink: 0;
    margin-top: 2px;
}

.event-meta-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.event-meta-content strong {
    font-size: 0.85rem;
    font-weight: 700;
    color: #1e3a8a;
}

.event-meta-content span {
    font-size: 0.85rem;
    color: #374151;
    line-height: 1.4;
}

/* CTA Button */
.event-cta-large {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    color: white !important;
    font-size: 1rem;
    font-weight: 700;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: block;
    border-radius: 0 0 12px 12px;
    transition: var(--expert-transition-fast);
    box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
}

.event-cta-large:hover {
    transform: none;
}

.expert-card:hover,
.event-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--expert-shadow-lg);
    border-color: var(--expert-primary);
}

/* Card Header - PROFESSIONELL, ohne Padding oben/rechts/links */
.event-card-header {
    position: relative;
    padding: 20px 20px 12px 20px;
    margin: 0;
    width: 100%;
    background: linear-gradient(135deg, #f5ecd5 0%, #ebe0c8 100%);
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

/* Expert Card Badges oben rechts */
.expert-card-badges {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    z-index: 2;
}

.badge-certified,
.badge-partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.badge-company {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #10754a 0%, #0a4d31 100%);
    padding: 6px 12px 6px 8px;
    border-radius: 0 0 0 20px;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    max-width: 150px;
    cursor: pointer;
}

.badge-certified .dashicons,
.badge-partner .dashicons {
    width: 36px;
    height: 36px;
    font-size: 36px;
    background: linear-gradient(135deg, #d4a574 0%, #c89456 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.badge-company .dashicons {
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.95) !important;
    flex-shrink: 0;
}

.badge-certified span:last-child,
.badge-partner span:last-child {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--expert-text);
    text-transform: uppercase;
}

.badge-company span:last-child {
    font-size: 0.7rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
}

/* Expert Card Avatar - Links, 10% kleiner */
.expert-card-avatar {
    width: 122px;
    height: 122px;
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #d4a574;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    flex-shrink: 0;
}

.expert-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.expert-card-avatar .expert-avatar-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--expert-primary) 0%, var(--expert-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: white !important;
    font-weight: 600;
}

/* Expert Card Header Text - Rechts vom Bild */
.expert-card-header-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 20px;
}

/* Expert Card Name - Groß */
.expert-card-name {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1e3a5f;
    margin: 0;
    line-height: 1.2;
    flex-shrink: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: left;
}

.expert-card-name a {
    color: #1e3a5f !important;
    text-decoration: none;
    text-align: left;
}

.expert-card-name a:hover {
    color: var(--expert-primary) !important;
}

/* Expert Card Jobtitel mit Highlight */
.expert-card-title {
    font-size: 0.8rem;
    margin: 0 0 6px 0;
    line-height: 1.3;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: left;
}

.expert-card-title .title-prefix {
    color: #1e3a5f;
    font-weight: 400;
}

.expert-card-title .title-highlight {
    color: #d4a574;
    font-weight: 700;
}

/* Responsive Schriftgröße für lange Titel */
@media (max-width: 400px) {
    .expert-card-title {
        font-size: 0.7rem;
    }
    .expert-card-name {
        font-size: 0.9rem;
    }
}

/* Wenn Titel zu lang ist, Schrift verkleinern */
.expert-card-title[data-long-title] {
    font-size: 0.7rem;
}

.expert-card-name[data-long-title] {
    font-size: 0.9rem;
}

/* Expert Card Meta-Infos */
.expert-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 4px;
}

.expert-card-meta .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.expert-card-meta .meta-item .dashicons {
    font-size: 14px;
}

.expert-card-meta .meta-divider {
    color: #cbd5e1;
}

.expert-card-company {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 2px;
}

.expert-card-company .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.expert-card-company .meta-item .dashicons {
    font-size: 14px;
}

.expert-card-company .company-link {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
    font-size: clamp(0.65rem, 1.5vw, 0.75rem);
    transition: color 0.2s ease;
}

.expert-card-company .company-link:hover {
    color: #0d5e3a;
    text-decoration: underline;
}

/* Fachrichtung Banner - Volle Breite, nahtlos an Card-Rand */
.expert-card-specialization {
    background: linear-gradient(135deg, #d4a574 0%, #c89456 100%);
    border-radius: 8px;
    padding: 6px 12px;
    margin: 0 20px 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 2px 8px rgba(212,165,116,0.3);
    flex-shrink: 0;
    width: calc(100% - 40px);
}

.expert-card-specialization .dashicons {
    font-size: 18px;
    color: white !important;
    flex-shrink: 0;
}

.expert-card-specialization .spec-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: center;
}

.expert-card-specialization .spec-label {
    font-size: 0.6rem;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.expert-card-specialization .spec-value {
    font-size: 0.8rem;
    font-weight: 600;
    color: white;
    line-height: 1.3;
}

/* Skills Section - Unter Fachrichtung, nahtlos an Card-Rand */
.expert-card-skills-section {
    width: calc(100% - 40px);
    margin: 0 20px 12px 20px;
    flex-shrink: 0;
    padding: 0;
    min-height: 72px;
}

.expert-card-skills-section .skills-label {
    display: none;
}

/* Skills Grid 2x2 - 4 Skills */
.expert-card-skills-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.expert-card-skills-grid .skill-item {
    background: #e8e8e8;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 0.75rem;
    color: #1e3a5f;
    font-weight: 500;
    text-align: center;
    transition: var(--expert-transition-fast);
}

.expert-card-skills-grid .skill-item:hover {
    background: #d8d8d8;
}

/* Social Icons - Schmaler, gleicher Hintergrund wie Card-Top */
.expert-card-social {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    margin-bottom: 0;
    margin-top: auto;
    flex-shrink: 0;
    background: #f2e7cd;
    border-top: 1px solid rgba(212, 165, 116, 0.3);
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
}

.expert-card-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #1e3a5f !important;
    transition: var(--expert-transition-fast);
}

.expert-card-social a:hover {
    color: #d4a574 !important;
    transform: scale(1.15);
}

.expert-card-social a.social-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.expert-card-social .dashicons {
    font-size: 18px;
}

/* CTA Button direkt nach Social Icons */
.expert-card-cta {
    background: linear-gradient(135deg, #f0e8d8 0%, #ebe0c8 100%);
    color: #1e3a5f !important;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 20px;
    margin: 4px 20px 20px 20px;
    border-radius: 8px;
    border: 2px solid #d4a574;
    text-decoration: none;
    display: block;
    width: calc(100% - 40px);
    text-align: center;
    box-shadow: 0 2px 8px rgba(212,165,116,0.2);
    transition: var(--expert-transition-fast);
    flex-shrink: 0;
}

.expert-card-cta:hover {
    transform: none;
}


/* Event Date Display */
.event-date-display {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: linear-gradient(135deg, var(--event-primary), var(--event-secondary));
    border-radius: var(--expert-radius-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: var(--expert-shadow);
    color: white;
}

.event-day {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    color: white !important;
}

.event-month {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 4px;
    color: white !important;
}

.event-icon-placeholder {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: linear-gradient(135deg, var(--event-primary), var(--event-secondary));
    border-radius: var(--expert-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--expert-shadow);
}

.event-icon-placeholder .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: white !important;
}

.company-logo:hover {
    border-color: var(--company-primary);
    transform: scale(1.05);
}

.company-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.company-logo-placeholder {
    background: linear-gradient(135deg, var(--company-primary) 0%, var(--company-secondary) 100%);
    font-size: 50px;
}

.company-logo-placeholder .dashicons {
    color: white !important;
    font-size: 50px;
    width: 50px;
    height: 50px;
}

/* Card Body - PROFESSIONELL */
.expert-card-body,
.event-card-body {
    padding: 0 20px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

/* Schwarze Schrift auf weißem Hintergrund */
.expert-card *,
.event-card * {
    color: var(--expert-text) !important;
}

.expert-card a,
.event-card a {
    color: var(--expert-text) !important;
    text-decoration: none;
}

.expert-card a:hover,
.event-card a:hover {
    color: var(--expert-primary) !important;
}

.expert-card .dashicons,
.event-card .dashicons {
    color: var(--expert-primary) !important;
}

/* Card Footer - PROFESSIONELL */
.expert-card-footer,
.event-card-footer {
    padding: 16px 20px;
    border-top: 1px solid var(--expert-border-light);
    background: var(--expert-bg-light);
    margin-top: auto;
}

/* Typography - PROFESSIONELL */
.expert-name,
.event-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    margin: 0 0 6px 0;
    color: var(--expert-text) !important;
}

.expert-name a,
.event-title a {
    color: inherit;
    text-decoration: none;
    transition: var(--expert-transition-fast);
}

.expert-name a:hover,
.event-title a:hover {
    color: var(--expert-primary);
}

.expert-job-title,
.event-date {
    font-size: 0.95rem;
    color: var(--expert-text-light);
    font-weight: 500;
    margin: 0 0 10px 0;
}

.expert-excerpt,
.event-excerpt {
    font-size: 0.95rem;
    color: var(--expert-text-light);
    line-height: 1.6;
    margin: 0;
}

/* Skills - Simple Display (ohne Kasten) in Übersicht */
.expert-skills-simple {
    font-size: 0.875rem;
    color: var(--expert-text-light);
    margin-top: 10px;
    line-height: 1.6;
    padding: 8px 12px;
    background: var(--expert-bg-light);
    border-radius: 8px;
}

/* Skills - Simple Display in Detail-Seiten */
.expert-skills-simple-detail {
    margin-top: 20px;
}

.skills-header-simple {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--expert-text);
    margin-bottom: 12px;
}

.skill-tags-simple {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.skill-tag-simple {
    font-size: 0.85rem;
    color: var(--expert-text-light);
    padding: 0;
    background: none;
    border: none;
    display: inline;
}

.skill-tag-simple:not(:last-child)::after {
    content: " •";
    margin-left: 8px;
    color: var(--expert-border);
}

/* Badges & Tags - NEU POSITIONIERT */
.expert-specialization-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    box-shadow: var(--expert-shadow-sm);
    z-index: 10;
    background: linear-gradient(135deg, var(--expert-primary), var(--expert-secondary));
    color: white !important;
}

.expert-specialization-badge * {
    color: white !important;
}

/* Premium/Zertifizierungs-Badges OBEN LINKS - NUR für alte Layouts */
.badge-verified {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    box-shadow: var(--expert-shadow-sm);
    z-index: 10;
    background: var(--expert-accent);
    color: white !important;
}

.badge-verified * {
    color: white !important;
}

/* .badge-certified absolute Positionierung entfernt - wird jetzt in status-badges-group verwendet */

.specialization-tag,
.skill-tag,
.meta-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    transition: var(--expert-transition-fast);
}

.specialization-tag {
    background: linear-gradient(135deg, #e8f4f8 0%, #d4e9f5 100%);
    color: var(--expert-primary);
}

.specialization-tag:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.15);
}

.expert-specializations,
.company-meta-badges,
.event-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

/* Availability Badge */
.availability-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 5px 12px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.availability-badge.status-available {
    background: var(--expert-accent);
    color: white;
}

.availability-badge.status-limited {
    background: var(--expert-warning);
    color: white;
}

.availability-badge.status-booked {
    background: var(--expert-danger);
    color: white;
}

/* Social Links */
.expert-social-links,
.company-contact-links {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.social-link,
.contact-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--expert-bg-light);
    color: var(--expert-text-light) !important;
    border-radius: 50%;
    text-decoration: none;
    transition: var(--expert-transition-fast);
    border: 1px solid var(--expert-border);
}

.social-link:hover,
.contact-link:hover {
    background: var(--expert-primary);
    color: white !important;
    transform: scale(1.1);
    border-color: var(--expert-primary);
}

/* Buttons */
.expert-card-actions,
.company-card-actions,
.event-card-actions {
    display: flex;
    gap: 12px;
}

.btn-view-profile,
.btn-book-expert,
.btn-view-company,
.btn-contact-company,
.btn-view-event,
.btn-register-event {
    flex: 1;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: var(--expert-radius-sm);
    font-weight: 600;
    font-size: 0.95rem;
    transition: var(--expert-transition);
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-view-profile,
.btn-view-company,
.btn-view-event {
    background: white;
    color: var(--expert-text) !important;
    border: 1px solid var(--expert-border);
    font-size: 0.9rem;
    padding: 10px 20px;
}

.btn-view-profile:hover,
.btn-view-company:hover,
.btn-view-event:hover {
    background: var(--expert-bg-light);
    border-color: var(--expert-primary);
    color: var(--expert-primary) !important;
    transform: translateY(-2px);
}

.btn-book-expert,
.btn-contact-company,
.btn-register-event {
    background: linear-gradient(135deg, var(--expert-primary), var(--expert-secondary));
    color: white !important;
    border: none;
    font-size: 0.9rem;
    padding: 10px 20px;
}

.btn-book-expert:hover,
.btn-contact-company:hover,
.btn-register-event:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.btn-contact-company {
    background: linear-gradient(135deg, var(--company-primary), var(--company-secondary));
}

.btn-register-event {
    background: linear-gradient(135deg, var(--event-primary), var(--event-secondary));
}

/* Grid Layouts - Fixe 3 Spalten */
.expert-cards-grid,
.event-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    animation: fadeIn 0.5s ease;
    margin-bottom: 0;
}

/* ========================================
   EXPERT SEARCH SECTION
   ======================================== */

.expert-search-section,
.event-search-section {
    margin-top: 25px;
    margin-bottom: 24px;
}

.expert-search-form,
.event-search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.expert-search-input,
.event-search-input {
    width: 100%;
    padding: 12px 12px 12px 40px;
    border: 2px solid var(--expert-border);
    border-radius: 8px;
    font-size: 1rem;
    transition: var(--expert-transition-fast);
}

.expert-search-input:focus,
.event-search-input:focus {
    outline: none;
    border-color: var(--expert-primary);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.btn-filter {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 24px;
    background: white;
    color: var(--expert-text);
    border: 2px solid var(--expert-border);
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--expert-transition-fast);
}

.btn-filter:hover,
.btn-filter.active {
    border-color: var(--expert-primary);
    color: var(--expert-primary);
    background: var(--expert-bg-light);
}

/* Filter Panel */
.filters-panel {
    width: 100%;
    margin-top: 16px;
    padding: 20px;
    background: var(--expert-bg-light);
    border: 2px solid var(--expert-border);
    border-radius: 8px;
}

.filters-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.filter-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.filter-group label {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--expert-text);
}

.filter-group input,
.filter-group select {
    padding: 10px;
    border: 1px solid var(--expert-border);
    border-radius: 6px;
    font-size: 0.95rem;
}

.filters-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.btn-apply {
    padding: 10px 24px;
    background: var(--expert-primary);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--expert-transition-fast);
}

.btn-apply:hover {
    background: var(--expert-secondary);
}

.btn-reset {
    padding: 10px 24px;
    background: white;
    color: var(--expert-text);
    border: 1px solid var(--expert-border);
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: var(--expert-transition-fast);
}

.btn-reset:hover {
    border-color: var(--expert-primary);
    color: var(--expert-primary);
}

/* View Toggle Buttons */
.view-toggle-buttons {
    display: flex;
    gap: 4px;
    border: 2px solid var(--expert-border);
    border-radius: 8px;
    overflow: hidden;
}

.view-toggle-btn {
    padding: 10px 16px;
    background: white;
    color: var(--expert-text);
    border: none;
    cursor: pointer;
    transition: var(--expert-transition-fast);
    text-decoration: none;
}

.view-toggle-btn:hover {
    background: var(--expert-bg-light);
}

.view-toggle-btn.active {
    background: var(--expert-primary);
    color: white;
}

.view-toggle-btn .dashicons {
    font-size: 20px;
}

/* ========================================
   COMPANY LIST VIEW - NEU nach User-Vorgabe
   Max 150px, horizontal Layout
   ======================================== */

.company-list-view {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Suchbereich */
.company-search-section {
    margin-top: 25px;
    margin-bottom: 24px;
}

.company-search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.search-input-wrapper {
    flex: 1;
    position: relative;
}

.search-input-wrapper .dashicons {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--expert-text-light);
}

.company-search-input {
    width: 100%;
    padding: 12px 12px 12px 40px;
    border: 2px solid var(--expert-border);
    border-radius: 8px;
    font-size: 1rem;
    transition: var(--expert-transition-fast);
}

.company-search-input:focus {
    outline: none;
    border-color: var(--company-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn-search {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 24px;
    background: var(--company-primary);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--expert-transition-fast);
}

.btn-search:hover {
    background: var(--company-secondary);
    transform: translateY(-1px);
}

/* ========================================
   COMPANY BANNER - Horizontales Layout
   ======================================== */

.company-banner {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid var(--expert-border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    height: 200px;
    box-shadow: var(--expert-shadow-sm);
    transition: var(--expert-transition);
}

.company-banner:hover {
    box-shadow: var(--expert-shadow);
    transform: translateY(-2px);
}

/* ========================================
   COMPANY CARD - LIST (schmal, modern)
   ======================================== */

.company-card--list {
    display: grid;
    grid-template-columns: 120px 1fr 160px;
    gap: 0;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    border: 1px solid rgba(16, 120, 74, 0.2);
    background: linear-gradient(135deg, #f2fbf5 0%, #e6f6ec 100%);
    box-shadow: 0 8px 20px rgba(13, 94, 58, 0.08);
    height: 150px;
    max-height: 150px;
    overflow: hidden;
}

/* Dashboard-spezifisches vertikales Layout */
.company-card--list.dashboard-card {
    display: flex;
    flex-direction: column;
    height: 500px !important;
    max-height: 500px !important;
    min-height: 500px !important;
    overflow: hidden;
    width: 95%;
    margin-bottom: 20px;
}

/* Verstecke Logo im Dashboard */
.company-card--list.dashboard-card .company-card-logo {
    display: none;
}

.company-card--list .company-card-logo {
    width: 100%;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    background: linear-gradient(135deg, #0f5b36 0%, #0a4327 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    margin: 0;
    flex-shrink: 0;
    align-self: stretch;
    justify-self: stretch;
    padding: 12px;
}

.company-card--list .company-card-logo img {
    width: 100%;
    height: 100%;
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
    padding: 8px;
    background: #ffffff;
    border-radius: 12px;
}

/* Rahmenfarben nach Partnerstatus */
.company-card--list .company-card-logo.logo-frame-silver {
    border: 2px solid #c0c0c0;
}

.company-card--list .company-card-logo.logo-frame-gold {
    border: 2px solid #d4af37;
}

.company-card--list .company-card-logo.logo-frame-platinum {
    border: 2px solid #e5e4e2;
}

.company-card--list .company-card-logo.logo-frame-sponsor {
    border: 2px solid #b0c4de;
}

.company-card--list .company-card-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
}

/* Dashboard-spezifische Content-Anpassungen */
.company-card--list.dashboard-card .company-card-content {
    gap: 0;
    padding: 0;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Titel-Bereich mit fester Höhe von 100px */
.company-card--list.dashboard-card .company-card-title-row {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    padding: 16px 24px;
    border-bottom: 2px solid rgba(16, 120, 74, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    background: linear-gradient(135deg, #f2fbf5 0%, #e6f6ec 100%);
}

.company-card--list.dashboard-card .company-card-name {
    font-size: 1.15rem;
    line-height: 1.2;
}

.company-card--list.dashboard-card .company-card-slogan {
    font-size: 0.85rem;
    margin-top: 2px;
    line-height: 1.3;
}

/* Meta-Bereich scrollbar für restlichen Platz */
.company-card--list.dashboard-card .company-card-meta-row {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
}

.company-card--list .company-card-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.company-card--list .company-card-name {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0;
    text-align: left;
}

.company-card--list .company-card-name a {
    color: #0f3d27;
    text-decoration: none;
}

.company-card--list .company-card-slogan {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 800;
    color: #2f6b4a;
}

.company-card--list .company-card-badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-left: auto;
    justify-content: flex-end;
}

.company-card--list .company-card-badge {
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    background: #dcfce7;
    color: #14532d;
    border: 1px solid rgba(20, 83, 45, 0.35);
}

.company-card--list .company-card-badge--partner {
    background: #bbf7d0;
    color: #14532d;
    border-color: rgba(20, 83, 45, 0.45);
}

.company-card--list .company-card-badge--top-partner {
    background: #fef3c7;
    color: #92400e;
    border-color: rgba(245, 158, 11, 0.6);
}

.company-card--list .company-card-badge--premium {
    background: #d1fae5;
    color: #065f46;
    border-color: rgba(6, 95, 70, 0.45);
}

.company-card--list .company-card-badge--silver {
    background: #f1f5f9;
    color: #334155;
    border-color: rgba(148, 163, 184, 0.6);
}

.company-card--list .company-card-badge--gold {
    background: #fef3c7;
    color: #92400e;
    border-color: rgba(245, 158, 11, 0.6);
}

.company-card--list .company-card-badge--platinum {
    background: #e2e8f0;
    color: #1f2937;
    border-color: rgba(148, 163, 184, 0.8);
}

.company-card--list .company-card-badge--sponsor {
    background: #dcfce7;
    color: #166534;
    border-color: rgba(22, 101, 52, 0.6);
}

.company-card--list .company-card-badge--certified {
    background: #ecfccb;
    color: #3f6212;
    border-color: rgba(63, 98, 18, 0.45);
}

.company-card--list .company-card-meta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 8px 16px 12px;
}

/* Alte Meta-Row Definition entfernt - siehe oben bei Titel-Bereich */

.company-card--list.dashboard-card .company-card-meta-box,
.company-card--list.dashboard-card .company-card-description {
    min-height: auto;
    padding: 12px 14px;
}

.company-card--list.dashboard-card .company-card-description p {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    font-size: 0.85rem;
}

.company-card--list.dashboard-card .company-card-meta-box {
    font-size: 0.85rem;
}

.company-card--list .company-card-meta-box,
.company-card--list .company-card-description {
    background: #f7fcf9;
    border: 1px solid rgba(16, 120, 74, 0.12);
    border-radius: 10px;
    padding: 8px 10px;
    min-height: 64px;
}

.company-card--list .company-card-meta-box {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.78rem;
    color: #2f6b4a;
}

.company-card--list .company-card-meta-box .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.company-card--list .company-card-description p {
    margin: 0;
    font-size: 0.78rem;
    color: #164e32;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.company-card--list .company-card-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 10px 12px 10px;
    height: 100%;
    background: linear-gradient(135deg, #0f5b36 0%, #0a4327 100%);
}

/* Dashboard-spezifische Actions */
.company-card--list.dashboard-card .company-card-actions {
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0 0 5px 5px;
    padding: 16px 24px;
    flex-shrink: 0;
}

.company-card--list.dashboard-card .company-card-cta {
    padding: 10px 20px;
    font-size: 0.9rem;
}

.company-card--list .company-card-icons {
    display: flex;
    gap: 8px;
}

.company-card--list .company-card-icons a {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.company-card--list .company-card-icons a.disabled {
    opacity: 0.35;
    pointer-events: none;
}

.company-card--list .company-card-cta {
    background: linear-gradient(135deg, #d1fae5 0%, #bbf7d0 100%);
    color: #0f3d27 !important;
    padding: 9px 14px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.88rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Linker Bereich: Nur Logo - dunkler */
.company-banner-left {
    background: linear-gradient(135deg, #0a4d2e 0%, #083d24 100%);
    width: 220px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.company-banner-left::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(45deg, rgba(255,255,255,0.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.03) 75%),
                      linear-gradient(45deg, rgba(255,255,255,0.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.03) 75%);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
    pointer-events: none;
}

/* Badges vertikal */
.company-badges-vertical {
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 1;
}

.badge-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.badge-vertical .dashicons {
    width: 40px;
    height: 40px;
    font-size: 40px;
    background: linear-gradient(135deg, #d4a574 0%, #c89456 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.badge-vertical span:last-child {
    font-size: 0.7rem;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Logo groß */
.company-logo-large {
    width: 190px;
    height: 190px;
    border-radius: 12px;
    background: white;
    border: 4px solid #0d5e3a;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    z-index: 1;
    padding: 15px;
}

.company-logo-large img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
}

.logo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--company-primary) 0%, var(--company-secondary) 100%);
}

.logo-placeholder .dashicons {
    font-size: 80px;
    color: white !important;
}

/* Rechter Bereich: Content */
.company-banner-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: white;
}

/* Titel oben rechts - dunkleres Grün */
.company-banner-title-row {
    background: linear-gradient(135deg, #0d5e3a 0%, #0a4d2e 100%);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.company-banner-name {
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    text-align: right;
}

.company-banner-name a {
    color: white !important;
    text-decoration: none;
}

.company-banner-name a:hover {
    opacity: 0.9;
}

/* Content-Bereich: Infos + Kontakt */
.company-banner-content {
    display: flex;
    flex: 1;
    border-top: 1px solid #e9ecef;
}

/* Links: Über mich + Meta-Infos Box */
.company-banner-info-box {
    flex: 1;
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.info-slogan {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0d5e3a;
    font-style: italic;
    margin-bottom: 8px;
}

.info-description {
    font-size: 0.85rem;
    color: #495057;
    line-height: 1.5;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(13, 94, 58, 0.2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Zweispaltiges Layout für Meta-Infos und Beschreibung */
.info-meta-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: start;
    position: relative;
}

.info-meta-split::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(13, 94, 58, 0.2);
    transform: translateX(-50%);
}

.info-meta-left {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 20px;
}

.info-meta-right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 20px;
}

.info-description-compact {
    font-size: 0.85rem;
    color: #495057;
    line-height: 1.5;
}

/* Fallback für alte .info-meta Klasse */
.info-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}

.meta-item-compact {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #495057;
}

.meta-item-compact .dashicons {
    font-size: 18px;
    color: #0d5e3a !important;
    flex-shrink: 0;
}

/* Rechts: Kontakt + CTA Box */
.company-banner-contact-box {
    background: linear-gradient(135deg, #0d5e3a 0%, #0a4d2e 100%);
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 180px;
}

.contact-icons {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.contact-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: white !important;
    transition: var(--expert-transition-fast);
}

.contact-icons a:hover {
    transform: scale(1.15);
}

.contact-icons a.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.contact-icons .dashicons {
    font-size: 24px;
}

.company-banner-cta {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #0d5e3a !important;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: var(--expert-transition-fast);
}

.company-banner-cta:hover {
    transform: none;
}

/* Zeile 1: Logo + Name + Rating + Speichern */
.company-row-1 {
    display: flex;
    align-items: center;
    gap: 12px;
}

.company-logo-small {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: var(--expert-bg-light);
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-logo-small img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.company-logo-small .dashicons {
    font-size: 28px;
    color: var(--company-primary);
}

.company-name-inline {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.company-name-inline a {
    color: var(--expert-text);
    text-decoration: none;
    transition: var(--expert-transition-fast);
}

.company-name-inline a:hover {
    color: var(--company-primary);
}

.company-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
    color: var(--expert-text-light);
    margin-left: auto;
}

.company-rating .dashicons {
    color: #fbbf24;
    font-size: 16px;
}

.btn-save {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    background: white;
    border: 1px solid var(--expert-border);
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--expert-transition-fast);
    white-space: nowrap;
}

.btn-save:hover {
    border-color: var(--company-primary);
    color: var(--company-primary);
}

.btn-save .dashicons {
    font-size: 16px;
}

/* Zeile 2: Slogan */
.company-row-2 {
    font-size: 0.9rem;
    color: var(--expert-text-light);
    font-style: italic;
}

/* Zeile 3: Standort + Mitarbeiter */
.company-row-3 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--expert-text-light);
}

.meta-inline {
    display: flex;
    align-items: center;
    gap: 4px;
}

.meta-inline .dashicons {
    font-size: 14px;
    color: var(--company-primary);
}

.meta-divider {
    color: var(--expert-border);
}

/* Zeile 4: Beschreibung (Zitat) */
.company-row-4 blockquote {
    margin: 0;
    padding: 0;
    font-size: 0.85rem;
    color: var(--expert-text);
    line-height: 1.4;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Divider */
.company-divider {
    height: 1px;
    background: var(--expert-border-light);
    margin: 4px 0;
}

/* Zeile 5: Tags */
.company-row-5 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.75rem;
}

.tag-label {
    font-weight: 600;
    color: var(--expert-text-light);
}

.tag-item {
    color: var(--company-primary);
    font-weight: 600;
}

/* Zeile 6: Badges + Buttons */
.company-row-6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.company-badges-inline {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.badge-inline {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.badge-premium {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: white;
}

.badge-partner {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: white;
}

.badge-certified {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}

.company-buttons-inline {
    display: flex;
    gap: 8px;
}

.btn-inline {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--expert-transition-fast);
    white-space: nowrap;
}

.btn-inline.btn-primary {
    background: var(--company-primary);
    color: white;
    border: none;
}

.btn-inline.btn-primary:hover {
    background: var(--company-secondary);
    transform: translateY(-1px);
}

.btn-inline.btn-secondary {
    background: white;
    color: var(--expert-text);
    border: 1px solid var(--expert-border);
}

.btn-inline.btn-secondary:hover {
    border-color: var(--company-primary);
    color: var(--company-primary);
}

/* OLD STYLES - entfernt */
.company-logo-section {
    flex-shrink: 0;
}

.company-logo-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: var(--expert-radius-sm);
    border: 1px solid var(--expert-border-light);
    padding: 6px;
    background: white;
}

.company-logo-placeholder {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--company-primary), var(--company-secondary));
    border-radius: var(--expert-radius-sm);
    box-shadow: var(--expert-shadow-sm);
}

.company-logo-placeholder .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: white !important;
}

/* Content Section */
.company-content-section {
    flex: 1;
    min-width: 0;
}

.company-header-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.company-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.company-title a {
    color: var(--expert-text);
    text-decoration: none;
    transition: var(--expert-transition-fast);
}

.company-title a:hover {
    color: var(--company-primary);
}

.company-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.badge-premium {
    background: var(--expert-accent);
    color: white !important;
}

.badge-premium .dashicons {
    color: white !important;
    font-size: 12px;
    width: 12px;
    height: 12px;
}

.badge-partner {
    background: var(--expert-warning);
    color: white !important;
}

.badge-partner .dashicons {
    color: white !important;
    font-size: 14px;
    width: 14px;
    height: 14px;
}

.company-industry-text {
    font-size: 0.85rem;
    color: var(--expert-text-light);
    margin-bottom: 6px;
    font-weight: 500;
}

.company-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: var(--expert-text-light);
    padding: 3px 8px;
    background: var(--expert-bg-light);
    border-radius: 4px;
}

.meta-tag .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: var(--company-primary) !important;
}

.company-excerpt-text {
    font-size: 0.85rem;
    color: var(--expert-text-light);
    line-height: 1.4;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.company-services-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.service-tag {
    display: inline-block;
    padding: 3px 10px;
    background: white;
    border: 1px solid var(--expert-border);
    border-radius: 12px;
    font-size: 0.7rem;
    color: var(--expert-text);
    font-weight: 500;
    transition: var(--expert-transition-fast);
}

.service-tag:hover {
    background: var(--company-primary);
    color: white;
    border-color: var(--company-primary);
}

/* Actions Section */
.company-actions-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 120px;
    justify-content: center;
}

.btn-company {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--expert-transition);
    white-space: nowrap;
}

.btn-company .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.btn-primary {
    background: var(--company-primary);
    color: white !important;
    border: none;
}

.btn-primary:hover {
    background: var(--company-secondary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-primary .dashicons {
    color: white !important;
}

.btn-secondary {
    background: white;
    color: var(--expert-text) !important;
    border: 1px solid var(--expert-border);
}

.btn-secondary:hover {
    background: var(--expert-bg-light);
    border-color: var(--company-primary);
    color: var(--company-primary) !important;
}

.btn-secondary .dashicons {
    color: var(--expert-text) !important;
}

.btn-secondary:hover .dashicons {
    color: var(--company-primary) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .company-list-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .company-logo-section {
        text-align: center;
    }
    
    .company-logo-img,
    .company-logo-placeholder {
        margin: 0 auto;
    }
    
    .company-actions-section {
        width: 100%;
    }
    
    .btn-company {
        width: 100%;
    }
    
    /* Company-Banner als hochkante Card */
    .company-banner {
        flex-direction: column !important;
        max-width: 350px;
        margin: 0 auto;
        overflow: visible !important;
    }
    
    .company-banner-left {
        width: 100% !important;
        padding: 20px !important;
        min-height: auto !important;
        position: relative !important;
    }
    
    .company-banner-left::before {
        display: block !important;
    }
    
    .company-logo-large {
        width: 120px !important;
        height: 120px !important;
        margin: 0 auto;
    }
    
    .company-banner-right {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .company-banner-title-row {
        flex-direction: column !important;
        gap: 8px !important;
        text-align: center !important;
        align-items: center !important;
    }
    
    .company-badges-title {
        order: -1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }
    
    .company-banner-name {
        text-align: center !important;
        font-size: 1.25rem !important;
        width: 100%;
    }
    
    .company-banner-content {
        flex-direction: column !important;
        display: flex !important;
    }
    
    .company-banner-info-box {
        width: 100% !important;
        order: 1;
    }
    
    .company-banner-contact-box {
        width: 100% !important;
        padding: 20px !important;
        order: 2;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .contact-icons {
        justify-content: center !important;
        margin-bottom: 12px !important;
        display: flex !important;
    }
    
    .company-banner-cta {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
    
    /* Zweispaltiges Layout auf mobil zu einspaltigen Layout ändern */
    .info-meta-split {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .info-meta-right {
        border-left: none !important;
        border-top: 1px solid rgba(13, 94, 58, 0.2) !important;
        padding-left: 0 !important;
        padding-top: 16px !important;
    }
    
    .info-slogan,
    .info-description,
    .info-meta {
        display: block !important;
    }
    
    .meta-item-compact {
        display: flex !important;
    }
}

/* Fixe 3 Spalten - keine responsive Anpassung */
/* Grid bleibt immer bei 3 Spalten */

/* ========================================
   EVENT LIST VIEW
   ======================================== */

.event-list-view {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.event-list-item {
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
    border: 2px solid var(--expert-border);
    border-radius: 12px;
    padding: 20px;
    transition: var(--expert-transition);
    box-shadow: var(--expert-shadow-sm);
}

.event-list-item:hover {
    border-color: var(--event-primary);
    box-shadow: var(--expert-shadow);
    transform: translateY(-2px);
}

.event-list-wrapper {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 20px;
    align-items: center;
}

/* Datum Icon */
.event-date-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--event-primary), var(--event-secondary));
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.date-day {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.date-month {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 4px;
}

.event-date-icon .dashicons {
    font-size: 40px;
    color: white;
}

/* Content */
.event-list-content {
    flex: 1;
}

.event-name-list {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.event-name-list a {
    color: var(--expert-text);
    text-decoration: none;
    transition: var(--expert-transition-fast);
}

.event-name-list a:hover {
    color: var(--event-primary);
}

.event-meta-list {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: var(--expert-text-light);
    margin-bottom: 8px;
}

.event-meta-list .meta-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.event-meta-list .dashicons {
    font-size: 14px;
    color: var(--event-primary);
}

.badge-format {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.badge-format.format-online {
    background: #3b82f6;
    color: white;
}

.badge-format.format-offline {
    background: #10b981;
    color: white;
}

.badge-format.format-hybrid {
    background: #8b5cf6;
    color: white;
}

.event-excerpt-list {
    font-size: 0.9rem;
    color: var(--expert-text-light);
    line-height: 1.5;
}

/* Actions */
.event-list-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.event-price-list {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--event-primary);
}

.event-price-list.event-free {
    color: var(--expert-success);
}

.btn-event-list {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: var(--event-primary);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--expert-transition-fast);
}

.btn-event-list:hover {
    background: var(--event-secondary);
    transform: translateY(-1px);
}

.btn-event-list .dashicons {
    font-size: 16px;
    color: white;
}

/* ========================================
   SINGLE PAGES - HEADER, CONTENT, SIDEBAR
   ======================================== */

/* Single Header */
.single-header {
    background: white;
    border: 2px solid var(--expert-border);
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: var(--expert-shadow-sm);
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 24px;
    align-items: start;
}

/* Expert Header - NUR für Single-Seiten, nicht Theme-Header */
.single-it_expert .expert-header .header-avatar,
.single-company .company-header .header-logo-large {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    background: white;
    border: 3px solid var(--expert-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.single-it_expert .header-avatar img,
.single-expert_event .header-event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-company .header-logo-large img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
}

.avatar-placeholder,
.logo-placeholder-large {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--expert-primary), var(--expert-secondary));
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-placeholder .dashicons,
.logo-placeholder-large .dashicons {
    font-size: 60px;
    color: white;
}

/* Event Header with Image */
.event-header {
    grid-template-columns: 1fr;
    gap: 20px;
}

.single-expert_event .header-event-image {
    position: relative;
    width: 100%;
    height: 300px;
    border-radius: 12px;
    overflow: hidden;
}

.format-badge-large {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.format-badge-large.format-online {
    background: #3b82f6;
    color: white;
}

.format-badge-large.format-offline {
    background: #10b981;
    color: white;
}

.format-badge-large.format-hybrid {
    background: #8b5cf6;
    color: white;
}

/* Header Content - NUR für Plugin Single-Seiten */
.single-it_expert .header-content,
.single-company .header-content,
.single-expert_event .header-content {
    flex: 1;
}

/* Header Title Row mit Favoriten-Button */
.header-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

/* Event-Seite: Favoriten-Button rechtsbündig */
.event-header .header-title-row {
    justify-content: space-between;
}

.event-header .event-name-single {
    flex: 1;
}

/* Event-Header Content: Abstand zum Badge oben - reduziert da keine Meta-Infos mehr */
.event-header .header-content {
    padding-top: 50px;
    padding-bottom: 0;
}

.event-header .header-title-row {
    margin-bottom: 0;
}

.expert-name-single,
.company-name-single,
.event-name-single,
.profile-name {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    color: var(--expert-text);
}

.expert-job-title-single,
.company-slogan-single {
    font-size: 1.1rem;
    color: var(--expert-text-light);
    margin-bottom: 12px;
}

/* Favoriten-Buttons im Header */
.btn-save-event,
.btn-save-item {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.btn-save-event:hover,
.btn-save-item:hover {
    background: #fee;
    border-color: #f87171;
}

.btn-save-event .dashicons,
.btn-save-item .dashicons {
    font-size: 20px;
    color: #6b7280;
}

.btn-save-event:hover .dashicons,
.btn-save-item:hover .dashicons {
    color: #ef4444;
}

/* Badge links oben im Event-Bild */
.format-badge-large {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(59, 130, 246, 0.95);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.header-event-image {
    position: relative;
}

/* Preis-Badge oben links am Header */
.price-badge-large {
    position: absolute;
    top: 12px;
    left: 12px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white !important;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    z-index: 10;
}

.price-badge-large.price-free {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white !important;
}

/* Event-Header Höhe reduzieren */
.event-header {
    position: relative;
    padding: 20px 24px;
}

.event-header .header-event-image img {
    max-height: 200px;
    object-fit: cover;
}

.expert-meta-single,
.company-meta-single,
.event-meta-single {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.95rem;
    color: var(--expert-text-light);
    margin-bottom: 12px;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.meta-item .dashicons {
    font-size: 16px;
    color: var(--expert-primary);
}

.meta-item a {
    color: var(--expert-primary);
    text-decoration: none;
    font-weight: 600;
    transition: var(--expert-transition-fast);
}

.meta-item a:hover {
    text-decoration: underline;
    color: var(--expert-secondary);
}

.availability-badge-single {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.availability-badge-single.availability-available {
    background: #10b981;
    color: white;
}

.availability-badge-single.availability-limited {
    background: #f59e0b;
    color: white;
}

.availability-badge-single.availability-booked {
    background: #ef4444;
    color: white;
}

.company-badges-single,
.badge-type-single {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.badge-single {
    padding: 6px 14px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.badge-single.badge-premium {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: white;
}

.badge-single.badge-partner {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    color: white;
}

.event-price-single {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--event-primary);
    margin-top: 8px;
}

.event-price-single.event-free {
    color: var(--expert-success);
}

/* Header Actions - NUR für Plugin Single-Seiten */
.single-it_expert .header-actions,
.single-company .header-actions,
.single-expert_event .header-actions {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
}

.btn-contact,
.btn-phone,
.btn-website,
.btn-register,
.btn-save-event {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--expert-transition-fast);
    white-space: nowrap;
}

.btn-save-event {
    padding: 10px 16px;
    font-size: 0.9rem;
}

.btn-contact,
.btn-register {
    background: var(--expert-primary);
    color: white;
    border: none;
}

.btn-contact:hover,
.btn-register:hover {
    background: var(--expert-secondary);
    transform: translateY(-1px);
}

.btn-phone,
.btn-website,
.btn-save-event {
    background: white;
    color: var(--expert-text);
    border: 2px solid var(--expert-border);
}

.btn-phone:hover,
.btn-website:hover,
.btn-save-event:hover {
    border-color: var(--expert-primary);
    color: var(--expert-primary);
}

/* Content Grid */
.single-content-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 32px;
    margin-bottom: 32px;
}

.single-main-content {
    flex: 1;
}

.content-section {
    background: white;
    border: 2px solid var(--expert-border);
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 24px;
    box-shadow: var(--expert-shadow-sm);
}

/* Dezente Farbverläufe für Content-Bereich auf Single-Seiten */
.single-it_expert .site-content {
    background: linear-gradient(to bottom, #fef9f0 0%, #fffcf7 100%);
}

.single-company .site-content {
    background: linear-gradient(to bottom, #f0f9f4 0%, #e8f5ed 100%);
}

.single-expert_event .site-content {
    background: linear-gradient(to bottom, #f0f7fd 0%, #f7fbfe 100%);
}

/* ========================================
   RESPONSIVE & DARK MODE ADAPTATIONS (ARCHIVES)
   ======================================== */

/* --- MOBILE ANSICHTEN (< 768px) --- */
@media (max-width: 992px) {
    .expert-cards-grid,
    .event-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    /* Grid Layouts auf eine Spalte */
    .expert-cards-grid,
    .event-cards-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    /* Archive Header Mobile */
    .it-expert-archive-header {
        margin-bottom: 20px;
    }
    
    .it-expert-archive-header .header-title-band {
        flex-direction: column;
        text-align: center;
        padding: 15px;
    }
    
    .it-expert-archive-header .header-description-area {
        padding: 15px;
        text-align: center;
    }
    
    .it-expert-archive-header .header-title {
        font-size: 1.25rem;
    }

    /* Company List Card Mobile - Stack Layout */
    .company-card--list {
        display: flex;
        flex-direction: column;
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .company-card--list .company-card-logo {
        width: 100%;
        height: 100px;
        padding: 10px;
    }
    
    .company-card--list .company-card-logo img {
        padding: 5px;
    }

    .company-card--list .company-card-content {
        padding: 16px;
        gap: 12px;
    }

    .company-card--list .company-card-title-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .company-card--list .company-card-badges {
        margin-left: 0;
        justify-content: flex-start;
        width: 100%;
    }

    .company-card--list .company-card-meta-row {
        grid-template-columns: 1fr;
    }
    
    .company-card--list .company-card-meta-box,
    .company-card--list .company-card-description {
        min-height: auto;
    }

    .company-card--list .company-card-actions {
        flex-direction: row;
        padding: 16px;
        gap: 12px;
        flex-wrap: wrap;
    }
    
    .company-card--list .company-card-icons {
        width: 100%;
        justify-content: center;
    }
    
    .company-card--list .company-card-cta {
        width: 100%;
    }
    
    /* Search Forms Mobile */
    .expert-search-form,
    .company-search-form,
    .event-search-form {
        flex-direction: column;
        align-items: stretch;
    }
    
    .search-input-wrapper,
    .btn-search,
    .btn-filter {
        width: 100%;
    }
    
    .btn-filter {
        justify-content: center;
    }
}

/* --- DARK MODE (ARCHIVES & CARDS) --- */
@media (prefers-color-scheme: dark) {
    /* Archive Header Dark */
    .it-expert-archive-header {
        border: 1px solid #374151;
    }
    
    .it-expert-archive-header .header-title-band {
        background: #1f2937 !important;
        border-bottom: 1px solid #374151;
    }
    
    .it-expert-archive-header .header-description-area {
        background: #111827 !important;
    }
    
    .it-expert-archive-header .header-title {
        color: #f3f4f6 !important;
    }
    
    .it-expert-archive-header .header-description {
        color: #d1d5db !important;
    }

    /* Expert & Event Cards Dark */
    .expert-card--overview,
    .event-card--overview {
        background: #1f2937 !important;
        border-color: #374151;
    }

    .expert-card--overview .expert-card-top,
    .event-card--overview .event-card-top {
        background: #111827; /* Dunklerer Header */
        border-bottom-color: #374151;
    }

    .expert-card--overview .expert-card-body,
    .event-card--overview .event-card-body {
        background: #1f2937;
    }
    
    .expert-card--overview .expert-card-footer,
    .event-card--overview .event-card-footer {
        background: #111827;
        border-top-color: #374151;
    }

    /* Text Colors Dark Mode */
    .expert-card-name,
    .expert-card-name a,
    .event-card-title,
    .event-card-title a {
        color: #f3f4f6 !important;
    }

    .expert-card-title,
    .expert-card-meta,
    .event-card-meta,
    .expert-skills-simple,
    .skill-tag-simple,
    .event-card-excerpt {
        color: #9ca3af !important;
    }

    .expert-card-company .company-link {
        color: #d1d5db !important;
    }
    
    .expert-card-company .company-link:hover {
        color: #667eea !important;
    }

    /* Tags & Badges Dark */
    .expert-card--overview .expert-card-tag {
        background: #374151;
        color: #d1d5db;
    }
    
    .expert-card--overview .skill-pill {
        background: #374151;
        color: #d1d5db;
    }
    
    .expert-card--overview .expert-card-tag-label,
    .event-card--overview .event-card-tag-label {
        color: #9ca3af;
    }

    /* Company List Card Dark */
    .company-card--list {
        background: #1f2937;
        border-color: #374151;
        box-shadow: none;
    }

    .company-card--list .company-card-logo {
        background: #111827;
    }

    .company-card--list .company-card-name,
    .company-card--list .company-card-name a {
        color: #f3f4f6 !important;
    }

    .company-card--list .company-card-slogan {
        color: #9ca3af;
    }

    .company-card--list .company-card-meta-box,
    .company-card--list .company-card-description {
        background: #111827;
        border-color: #374151;
        color: #d1d5db;
    }
    
    .company-card--list .company-card-meta-box .meta-item,
    .company-card--list .company-card-description p {
        color: #d1d5db;
    }

    .company-card--list .company-card-actions {
        background: #111827;
    }
    
    .company-card--list .company-card-cta {
        background: #374151;
        color: #f3f4f6 !important;
    }
    
    .company-card--list .company-card-cta:hover {
        background: #10b981;
        color: #ffffff !important;
    }
    
    /* Search Section Dark */
    .expert-search-input,
    .company-search-input,
    .event-search-input,
    .filter-group input,
    .filter-group select {
        background: #1f2937;
        border-color: #374151;
        color: #f3f4f6;
    }
    
    .expert-search-input::placeholder,
    .company-search-input::placeholder,
    .event-search-input::placeholder {
        color: #6b7280;
    }
    
    .filters-panel {
        background: #111827;
        border-color: #374151;
    }
    
    .filter-group label {
        color: #d1d5db;
    }
    
    .btn-filter,
    .btn-reset {
        background: #374151;
        color: #f3f4f6;
        border-color: #4b5563;
    }
    
    .btn-filter:hover,
    .btn-reset:hover {
        background: #4b5563;
    }
    
    /* Social Icons Dark */
    .expert-card-social a,
    .company-card--list .company-card-icons a {
        background: #374151;
        color: #d1d5db !important;
        border-color: #4b5563;
    }
    
    .expert-card-social a:hover,
    .company-card--list .company-card-icons a:hover {
        background: #4b5563;
        color: #ffffff !important;
        border-color: #6b7280;
    }
}

/* --- DARK MODE CLASS SUPPORT (Theme Toggle) --- */
body.dark-mode .it-expert-archive-header {
    border: 1px solid #374151;
}

body.dark-mode .it-expert-archive-header .header-title-band {
    background: #1f2937 !important;
    border-bottom: 1px solid #374151;
}

body.dark-mode .it-expert-archive-header .header-description-area {
    background: #111827 !important;
}

body.dark-mode .it-expert-archive-header .header-title {
    color: #f3f4f6 !important;
}

body.dark-mode .it-expert-archive-header .header-description {
    color: #d1d5db !important;
}

/* --- DARK MODE: Search/Filter Bar --- */
body.dark-mode .archive-filter-bar {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}

body.dark-mode .archive-filter-bar .search-field {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

body.dark-mode .archive-filter-bar .search-field::placeholder {
    color: #64748b !important;
}

body.dark-mode .archive-filter-bar .search-field:focus {
    border-color: #475569 !important;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.2) !important;
}

body.dark-mode .archive-filter-bar .filter-select {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

body.dark-mode .archive-filter-bar .filter-button {
    background: #475569 !important;
    color: #f1f5f9 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

body.dark-mode .archive-filter-bar .filter-button:hover {
    background: #64748b !important;
}

body.dark-mode .archive-filter-bar .btn-toggle-filters {
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

body.dark-mode .archive-filter-bar .btn-toggle-filters:hover,
body.dark-mode .archive-filter-bar .btn-toggle-filters.active {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

body.dark-mode .archive-filter-bar .view-mode-toggle {
    background: #0f172a !important;
    border-color: #334155 !important;
}

body.dark-mode .archive-filter-bar .view-mode-toggle button {
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

body.dark-mode .archive-filter-bar .view-mode-toggle button:hover {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

body.dark-mode .archive-filter-bar .view-mode-toggle button.active {
    background: #1e293b !important;
    color: #818cf8 !important;
}

body.dark-mode .archive-filter-bar .search-input-wrapper .dashicons {
    color: #64748b !important;
}

body.dark-mode .filters-panel {
    background: #1e293b !important;
    border-color: #334155 !important;
}

body.dark-mode .filters-panel .filter-group label {
    color: #cbd5e1 !important;
}

body.dark-mode .filters-panel .filter-group input,
body.dark-mode .filters-panel .filter-group select {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

body.dark-mode .expert-card--overview,
body.dark-mode .event-card--overview {
    background: #1f2937 !important;
    border-color: #374151;
}

body.dark-mode .expert-card--overview .expert-card-top,
body.dark-mode .event-card--overview .event-card-top {
    background: #111827;
    border-bottom-color: #374151;
}

body.dark-mode .expert-card--overview .expert-card-body,
body.dark-mode .event-card--overview .event-card-body {
    background: #1f2937;
}

body.dark-mode .expert-card--overview .expert-card-footer,
body.dark-mode .event-card--overview .event-card-footer {
    background: #111827;
    border-top-color: #374151;
}

body.dark-mode .expert-card-name,
body.dark-mode .expert-card-name a,
body.dark-mode .event-card-title,
body.dark-mode .event-card-title a {
    color: #f3f4f6 !important;
}

body.dark-mode .expert-card-title,
body.dark-mode .expert-card-meta,
body.dark-mode .event-card-meta,
body.dark-mode .expert-skills-simple,
body.dark-mode .skill-tag-simple,
body.dark-mode .event-card-excerpt {
    color: #9ca3af !important;
}

body.dark-mode .expert-card-company .company-link {
    color: #d1d5db !important;
}

body.dark-mode .expert-card-company .company-link:hover {
    color: #667eea !important;
}

body.dark-mode .expert-card--overview .expert-card-tag {
    background: #374151;
    color: #d1d5db;
}

body.dark-mode .expert-card--overview .skill-pill {
    background: #374151;
    color: #d1d5db;
}

body.dark-mode .expert-card--overview .expert-card-tag-label,
body.dark-mode .event-card--overview .event-card-tag-label {
    color: #9ca3af;
}

body.dark-mode .company-card--list {
    background: #1f2937;
    border-color: #374151;
    box-shadow: none;
}

body.dark-mode .company-card--list .company-card-logo {
    background: #111827;
}

body.dark-mode .company-card--list .company-card-name,
body.dark-mode .company-card--list .company-card-name a {
    color: #f3f4f6 !important;
}

body.dark-mode .company-card--list .company-card-slogan {
    color: #9ca3af;
}

body.dark-mode .company-card--list .company-card-header {
    background: #111827;
    border-color: #374151;
}

body.dark-mode .company-card--list .company-card-meta-box,
body.dark-mode .company-card--list .company-card-description {
    background: #111827;
    border-color: #374151;
    color: #d1d5db;
}

body.dark-mode .company-card--list .company-card-meta-box .meta-item,
body.dark-mode .company-card--list .company-card-description p {
    color: #d1d5db;
}

body.dark-mode .company-card--list .company-card-actions {
    background: #111827;
}

body.dark-mode .company-card--list .company-card-cta {
    background: #374151;
    color: #f3f4f6 !important;
}

body.dark-mode .company-card--list .company-card-cta:hover {
    background: #10b981;
    color: #ffffff !important;
}

body.dark-mode .expert-search-input,
body.dark-mode .company-search-input,
body.dark-mode .event-search-input,
body.dark-mode .filter-group input,
body.dark-mode .filter-group select {
    background: #1f2937;
    border-color: #374151;
    color: #f3f4f6;
}

body.dark-mode .expert-search-input::placeholder,
body.dark-mode .company-search-input::placeholder,
body.dark-mode .event-search-input::placeholder {
    color: #6b7280;
}

body.dark-mode .filters-panel {
    background: #111827;
    border-color: #374151;
}

body.dark-mode .filter-group label {
    color: #d1d5db;
}

body.dark-mode .btn-filter,
body.dark-mode .btn-reset {
    background: #374151;
    color: #f3f4f6;
    border-color: #4b5563;
}

body.dark-mode .btn-filter:hover,
body.dark-mode .btn-reset:hover {
    background: #4b5563;
}

body.dark-mode .expert-card-social a,
body.dark-mode .company-card--list .company-card-icons a {
    background: #374151;
    color: #d1d5db !important;
    border-color: #4b5563;
}

body.dark-mode .expert-card-social a:hover,
body.dark-mode .company-card--list .company-card-icons a:hover {
    background: #4b5563;
    color: #ffffff !important;
    border-color: #6b7280;
}

/* Hero-Bereich */
.event-hero {
    background: white;
    border-radius: 12px;
    padding: 20px 32px;
    margin-bottom: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
}

.event-tag-free {
    position: absolute;
    top: 20px;
    right: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e3a8a;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 700;
}

.event-tag-free .dashicons {
    font-size: 18px;
}

.event-hero-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1e3a8a;
    margin: 0 0 20px 0;
    line-height: 1.2;
}

.event-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    font-size: 1rem;
    color: #1e3a8a;
}

.hero-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.hero-meta-item .dashicons {
    font-size: 20px;
}

.hero-meta-divider {
    color: #94a3b8;
}

.event-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1e3a8a;
    color: white !important;
    padding: 14px 32px;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.event-hero-cta:hover {
    background: #1e40af;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);
}

.event-hero-cta .dashicons {
    font-size: 20px;
}

/* Zweispalten-Layout */
.event-two-column-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
    margin-bottom: 40px;
}

/* Linke Hauptspalte */
.event-main-column {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.event-section {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.event-section-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1e3a8a;
    margin: 0 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #dbeafe;
}

.event-section-content {
    color: #374151;
    line-height: 1.8;
    font-size: 1rem;
}

.event-section-content p {
    margin-bottom: 16px;
}

/* Agenda / Programm */
.event-agenda {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.agenda-item {
    display: grid;
    grid-template-columns: auto 1fr;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.agenda-time {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e3a8a;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
}

.agenda-title {
    background: white;
    padding: 12px 20px;
    color: #374151;
    font-weight: 600;
    display: flex;
    align-items: center;
}

/* Speaker / Experten */
.event-speakers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
}

.speaker-card {
    text-align: center;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.speaker-card:hover {
    background: #f1f5f9;
    transform: translateY(-4px);
}

.speaker-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e3a8a;
}

.speaker-avatar .dashicons {
    font-size: 48px;
}

.speaker-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e3a8a;
    margin-bottom: 4px;
}

.speaker-role {
    font-size: 0.9rem;
    color: #64748b;
}

/* Rechte Sidebar */
.event-sidebar-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.event-sidebar-box {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sidebar-box-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1e3a8a;
    margin: 0 0 16px 0;
}

/* Auf einen Blick Box */
.event-quick-info {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.quick-info-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.quick-info-item strong {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #1e3a8a;
    font-weight: 700;
    margin-bottom: 4px;
}

.quick-info-item strong .dashicons {
    font-size: 18px;
}

.quick-info-item p {
    color: #374151;
    margin: 0;
    line-height: 1.6;
}

.quick-info-map {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 16px;
}

.map-placeholder {
    background: white;
    padding: 40px 20px;
    text-align: center;
    color: #94a3b8;
}

.map-placeholder .dashicons {
    font-size: 48px;
    margin-bottom: 8px;
}

.map-placeholder p {
    margin: 0;
    font-size: 0.9rem;
}

/* Veranstalter Box */
.event-organizer-box {
    background: white;
}

.organizer-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.organizer-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e3a8a;
    margin: 0;
}

.organizer-website {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #1e3a8a !important;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.organizer-website:hover {
    color: #1e40af !important;
}

.organizer-website .dashicons {
    font-size: 18px;
}

/* CTA Repeater Box */
.event-cta-box {
    background: white;
    border: 2px solid #1e3a8a;
}

.cta-text {
    color: #374151;
    margin: 0 0 16px 0;
    font-size: 0.95rem;
}

.event-sidebar-cta {
    display: block;
    background: #1e3a8a;
    color: white !important;
    padding: 12px 24px;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.event-sidebar-cta:hover {
    background: #1e40af;
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .event-two-column-layout {
        grid-template-columns: 1fr;
    }
    
    .event-hero-title {
        font-size: 2rem;
    }
    
    .event-speakers {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media (max-width: 768px) {
    .event-hero {
        padding: 24px;
    }
    
    .event-hero-title {
        font-size: 1.75rem;
    }
    
    .event-hero-meta {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .hero-meta-divider {
        display: none;
    }
    
    .event-section {
        padding: 24px;
    }
    
    .agenda-item {
        grid-template-columns: 1fr;
    }
    
    .agenda-time {
        min-width: auto;
        justify-content: flex-start;
    }
    
    .event-speakers {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   DARK MODE - EVENT-DETAILSEITE
   ======================================== */

@media (prefers-color-scheme: dark) {
    .event-hero,
    .event-section,
    .event-sidebar-box {
        background: #1f2937;
        color: #e5e7eb;
    }
    
    .event-hero-title,
    .event-section-title,
    .sidebar-box-title {
        color: #f3f4f6;
    }
    
    .event-tag-free {
        background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
        color: #dbeafe;
    }
    
    .event-hero-meta,
    .event-section-content {
        color: #d1d5db;
    }
    
    .event-hero-cta,
    .event-sidebar-cta {
        background: #1e3a8a;
    }
    
    .event-hero-cta:hover,
    .event-sidebar-cta:hover {
        background: #1e40af;
    }
    
    .event-quick-info {
        background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
        color: #d1d5db;
    }
    
    .quick-info-item strong {
        color: #dbeafe;
    }
    
    .agenda-time {
        background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
        color: #dbeafe;
    }
    
    .agenda-title {
        background: #374151;
        color: #d1d5db;
    }
    
    .speaker-card {
        background: #374151;
    }
    
    .speaker-card:hover {
        background: #4b5563;
    }
    
    .speaker-name {
        color: #f3f4f6;
    }
    
    .speaker-role {
        color: #9ca3af;
    }
    
    .event-cta-box {
        border-color: #1e3a8a;
    }
    
    .cta-text {
        color: #d1d5db;
    }
}

/* ========================================
   NEUE FIRMEN-DETAILSEITE (GRÜNES FARBSCHEMA)
   ======================================== */

/* Farbvariablen für Firmen */
:root {
    --company-primary: #10b981;
    --company-primary-dark: #059669;
    --company-secondary-light: #d1fae5;
    --company-secondary: #a7f3d0;
    --company-secondary-medium: #6ee7b7;
    --company-text: #064e3b;
}

/* Hero-Bereich */
.company-hero {
    background: white;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.company-hero-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--company-text);
    margin: 0 0 20px 0;
    line-height: 1.2;
}

.company-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    font-size: 1rem;
    color: var(--company-text);
}

.company-hero-meta .hero-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.company-hero-meta .hero-meta-item .dashicons {
    font-size: 20px;
}

.company-hero-meta .hero-meta-divider {
    color: #94a3b8;
}

.company-contact-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.company-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: white;
    color: var(--company-text) !important;
    border: 2px solid var(--company-primary);
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.company-btn:hover {
    background: var(--company-primary);
    color: white !important;
}

.company-btn .dashicons {
    font-size: 18px;
}

/* Zweispalten-Layout */
.company-two-column-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
    margin-bottom: 40px;
}

/* Linke Hauptspalte */
.company-main-column {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.company-section {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.company-section-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--company-text);
    margin: 0 0 24px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.company-section-title .dashicons {
    font-size: 28px;
    color: var(--company-primary);
}

/* Über uns Sektion */
.company-about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.company-about-text {
    color: #374151;
    line-height: 1.8;
}

.company-about-text p {
    margin-bottom: 16px;
}

.company-about-image {
    border-radius: 12px;
    overflow: hidden;
}

.company-about-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Dienstleistungen Grid */
.company-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.service-card {
    background: #f8fafc;
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s ease;
}

.service-card:hover {
    background: var(--company-secondary);
    transform: translateY(-4px);
}

.service-icon {
    width: 60px;
    height: 60px;
    background: var(--company-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.service-icon .dashicons {
    font-size: 32px;
    color: white;
}

.service-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--company-text);
    margin: 0 0 12px 0;
}

.service-description {
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* Team Grid */
.company-team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.team-member-card {
    text-align: center;
    padding: 24px;
    background: #f8fafc;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.team-member-card:hover {
    background: var(--company-secondary);
    transform: translateY(-4px);
}

.team-member-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
    background: var(--company-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-member-avatar .dashicons {
    font-size: 48px;
    color: white;
}

.team-member-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--company-text);
    margin: 0 0 4px 0;
}

.team-member-role {
    color: #64748b;
    margin: 0 0 16px 0;
}

.team-member-btn {
    display: inline-block;
    background: var(--company-primary);
    color: white !important;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.team-member-btn:hover {
    background: var(--company-primary-dark);
}

/* Rechte Sidebar */
.company-sidebar-column {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.expert-sidebar-header {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    padding: 20px 24px;
    border-radius: 12px;
    margin-bottom: 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.expert-sidebar-header h2 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: white;
}

.expert-sidebar-box {
    background: white;
    padding: 28px 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 28px;
    border-radius: 12px;
    border: 1px solid #fef3c7;
}

.sidebar-box-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0 0 20px 0;
}

/* Unternehmensdaten Box */
.expert-data-box {
    background: linear-gradient(to bottom, var(--expert-secondary-medium) 0%, var(--expert-secondary) 100%);
    color: var(--expert-text);
    border-color: #fbbf24;
}

.company-data-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.company-data-item strong {
    display: block;
    color: var(--company-text);
    font-weight: 700;
    margin-bottom: 4px;
}

.company-data-item p {
    color: #374151;
    margin: 0;
    line-height: 1.6;
}

.company-map-placeholder {
    background: white;
    padding: 40px 20px;
    text-align: center;
    color: #94a3b8;
    border-radius: 8px;
    margin: 20px 0;
}

.company-map-placeholder .dashicons {
    font-size: 48px;
    margin-bottom: 8px;
}

.company-map-placeholder p {
    margin: 0;
    font-size: 0.9rem;
}

.company-data-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.company-data-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--company-text) !important;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.company-data-link:hover {
    color: var(--company-primary) !important;
}

.company-data-link .dashicons {
    font-size: 18px;
}

/* Karriere-Kontakt */
.career-contact-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.career-contact-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--company-text);
    margin: 0;
}

.career-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--company-text) !important;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.career-contact-link:hover {
    color: var(--company-primary) !important;
}

.career-contact-link .dashicons {
    font-size: 18px;
}

/* Jobs Box */
.company-jobs-box {
    background: white;
    border: 1px solid #a7f3d0;
}

.company-jobs-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.job-item {
    padding: 10px;
    background: #f8fafc;
    border-radius: 6px;
    color: #374151;
    font-size: 0.9rem;
}

.company-jobs-btn {
    display: block;
    background: var(--company-primary);
    color: white !important;
    padding: 12px 24px;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.company-jobs-btn:hover {
    background: var(--company-primary-dark);
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .company-two-column-layout {
        grid-template-columns: 1fr;
    }
    
    .company-about-content {
        grid-template-columns: 1fr;
    }
    
    .company-services-grid {
        grid-template-columns: 1fr;
    }
    
    .company-team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .company-hero {
        padding: 24px;
    }
    
    .company-hero-title {
        font-size: 2rem;
    }
    
    .company-hero-meta {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .company-hero-meta .hero-meta-divider {
        display: none;
    }
    
    .company-contact-buttons {
        flex-direction: column;
    }
    
    .company-btn {
        width: 100%;
        justify-content: center;
    }
    
    .company-section {
        padding: 24px;
    }
    
    .company-team-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   DARK MODE - FIRMEN-DETAILSEITE
   ======================================== */

@media (prefers-color-scheme: dark) {
    .company-hero,
    .company-section,
    .company-sidebar-box {
        background: #1f2937;
        color: #e5e7eb;
    }
    
    .company-hero-title,
    .company-section-title,
    .sidebar-box-title {
        color: #f3f4f6;
    }
    
    .company-hero-meta,
    .company-section-content,
    .company-data-item p {
        color: #d1d5db;
    }
    
    .company-btn {
        background: #374151;
        color: #f3f4f6 !important;
        border-color: #10b981;
    }
    
    .company-btn:hover {
        background: #10b981;
        color: white !important;
    }
    
    .company-sidebar-header {
        background: linear-gradient(135deg, #059669 0%, #047857 100%);
    }
    
    .company-data-box {
        background: linear-gradient(to bottom, #065f46 0%, #064e3b 100%);
        color: #d1d5db;
    }
    
    .company-data-item strong {
        color: #f3f4f6;
    }
    
    .company-data-link,
    .career-contact-link {
        color: #d1d5db !important;
    }
    
    .company-data-link:hover,
    .career-contact-link:hover {
        color: #10b981 !important;
    }
    
    .service-card,
    .team-member-card {
        background: #374151;
    }
    
    .service-card:hover,
    .team-member-card:hover {
        background: #4b5563;
    }
    
    .service-title,
    .team-member-name {
        color: #f3f4f6;
    }
    
    .service-description,
    .team-member-role {
        color: #9ca3af;
    }
    
    .job-item {
        background: #374151;
        color: #d1d5db;
    }
    
    .company-jobs-btn,
    .team-member-btn {
        background: #10b981;
    }
    
    .company-jobs-btn:hover,
    .team-member-btn:hover {
        background: #059669;
    }
}

/* ========================================
   NEUE EXPERTEN-DETAILSEITE (GELB/ORANGE/GOLD FARBSCHEMA)
   ======================================== */

/* Farbvariablen für Experten */
:root {
    --expert-primary: #8b5cf6;
    --expert-primary-dark: #7c3aed;
    --expert-secondary: #ede9fe;
    --expert-secondary-medium: #ddd6fe;
    --expert-text: #5b21b6;
    --expert-bg: #fefefe;
}

/* Layout */
.expert-profile-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
    margin-top: 32px;
}

.expert-main-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Expert Card */
.expert-card {
    background: white;
    border-radius: 5px;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
}

.expert-card:hover {
    box-shadow: 0 4px 16px rgba(139, 92, 246, 0.12);
    transform: translateY(-1px);
}

.card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--expert-secondary);
}

.card-title .dashicons {
    font-size: 22px;
    color: var(--expert-primary);
    background: var(--expert-secondary);
    padding: 6px;
    border-radius: 6px;
}

.card-content {
    color: #374151;
    line-height: 1.7;
    font-size: 0.95rem;
}

.card-content p {
    margin-bottom: 12px;
}

.card-content p:last-child {
    margin-bottom: 0;
}

/* Profil-Header */
.expert-profile-header {
    padding: 32px;
}

.profile-header-content {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.profile-avatar {
    flex-shrink: 0;
}

.profile-avatar img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

.avatar-placeholder {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: var(--expert-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-placeholder .dashicons {
    font-size: 48px;
    color: var(--expert-primary);
}

.profile-info {
    flex: 1;
}

.profile-name {
    font-size: 2rem;
    font-weight: 800;
    color: var(--expert-text);
    margin: 0 0 6px 0;
}

.profile-title {
    font-size: 1.05rem;
    color: #6b7280;
    margin: 0 0 18px 0;
}

.profile-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.profile-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.profile-btn .dashicons {
    font-size: 16px;
}

.profile-btn-outline {
    background: white;
    color: var(--expert-text) !important;
    border: 2px solid var(--expert-primary);
}

.profile-btn-outline:hover {
    background: var(--expert-secondary);
}

.profile-btn-primary {
    background: var(--expert-primary);
    color: white !important;
    border: 2px solid var(--expert-primary);
}

.profile-btn-primary:hover {
    background: var(--expert-primary-dark);
    border-color: var(--expert-primary-dark);
}

.profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.profile-tag {
    background: var(--expert-secondary);
    color: var(--expert-text);
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Skills */
.skills-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.skill-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.skill-name {
    font-weight: 600;
    color: var(--expert-text);
    font-size: 0.95rem;
}

.skill-bar {
    height: 10px;
    background: var(--expert-secondary);
    border-radius: 5px;
    overflow: hidden;
}

.skill-progress {
    height: 100%;
    background: var(--expert-text);
    transition: width 0.3s ease;
}

/* Projekte */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.project-item {
    padding: 28px;
    background: linear-gradient(135deg, var(--expert-secondary) 0%, white 100%);
    border-radius: 12px;
    border: 2px solid var(--expert-secondary-medium);
    transition: all 0.3s ease;
}

.project-item:hover {
    border-color: var(--expert-primary);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15);
    transform: translateY(-2px);
}

.project-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0 0 12px 0;
}

.project-description {
    color: #6b7280;
    margin: 0 0 16px 0;
    line-height: 1.6;
}

.project-link {
    color: var(--expert-primary) !important;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.project-link:hover {
    color: var(--expert-primary-dark) !important;
    text-decoration: underline;
}

/* Zertifikate */
.certificates-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.certificate-item {
    padding: 32px 24px;
    background: linear-gradient(135deg, var(--expert-secondary) 0%, white 100%);
    border-radius: 12px;
    text-align: center;
    border: 2px solid var(--expert-secondary-medium);
    transition: all 0.3s ease;
}

.certificate-item:hover {
    border-color: var(--expert-primary);
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15);
    transform: translateY(-2px);
}

.certificate-icon {
    font-size: 56px;
    color: var(--expert-primary);
    margin-bottom: 16px;
    background: white;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(139, 92, 246, 0.2);
}

.certificate-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0 0 8px 0;
}

.certificate-date {
    color: #6b7280;
    margin: 0;
    font-weight: 600;
}

/* Sidebar */
.expert-sidebar {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sidebar-title-bar {
    background: var(--expert-secondary);
    padding: 20px 24px;
    border-radius: 12px;
    margin-bottom: 24px;
}

.sidebar-title-bar h2 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--expert-text);
}

.expert-sidebar-card {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
    border: 1px solid var(--expert-secondary);
}

.sidebar-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sidebar-card-title .dashicons {
    font-size: 20px;
    color: var(--expert-primary);
}

.sidebar-card-content {
    color: #374151;
    line-height: 1.6;
}

/* Kontaktformular */
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group label {
    font-weight: 600;
    color: var(--expert-text);
    font-size: 0.9rem;
}

.form-group input,
.form-group textarea {
    padding: 10px 12px;
    border: 2px solid var(--expert-secondary);
    border-radius: 6px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--expert-primary);
}

.contact-submit {
    background: var(--expert-primary);
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.contact-submit:hover {
    background: var(--expert-primary-dark);
}

/* Standort */
.location-map {
    background: #f3f4f6;
    padding: 60px 20px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 16px;
}

.location-map .dashicons {
    font-size: 48px;
    color: var(--expert-primary);
    margin-bottom: 8px;
}

.location-text {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--expert-text);
    font-weight: 600;
}

.location-text .dashicons {
    font-size: 20px;
    color: var(--expert-primary);
}

/* Responsive */
@media (max-width: 1024px) {
    .expert-profile-layout {
        grid-template-columns: 1fr;
    }
    
    .projects-grid,
    .certificates-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .profile-header-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .profile-buttons {
        justify-content: center;
    }
    
    .profile-tags {
        justify-content: center;
    }
}

/* Hero-Bereich */
.expert-hero {
    background: white;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.expert-hero-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--expert-text);
    margin: 0 0 20px 0;
    line-height: 1.2;
}

.expert-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    font-size: 1rem;
    color: var(--expert-text);
}

.expert-hero-meta .hero-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.expert-hero-meta .hero-meta-item .dashicons {
    font-size: 20px;
}

.expert-hero-meta .hero-meta-divider {
    color: #94a3b8;
}

.expert-contact-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.expert-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: white;
    color: var(--expert-text) !important;
    border: 2px solid var(--expert-primary);
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.expert-btn:hover {
    background: var(--expert-primary);
    color: white !important;
}

.expert-btn .dashicons {
    font-size: 18px;
}

/* Zweispalten-Layout */
.expert-two-column-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
    margin-bottom: 40px;
}

/* Linke Hauptspalte */
.expert-main-column {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.expert-section {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.expert-section-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0 0 24px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.expert-section-title .dashicons {
    font-size: 28px;
    color: var(--expert-primary);
}

.expert-section-content {
    color: #374151;
    line-height: 1.8;
}

.expert-section-content p {
    margin-bottom: 16px;
}

/* Rechte Sidebar */
.expert-sidebar-column {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.expert-sidebar-header {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    padding: 20px 24px;
    border-radius: 12px;
    margin-bottom: 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.expert-sidebar-header h2 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: white;
}

.expert-sidebar-box {
    background: white;
    padding: 28px 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 28px;
    border-radius: 12px;
    border: 1px solid #dbeafe;
}

.expert-sidebar-box:first-of-type {
    border-radius: 0 0 12px 12px;
    margin-top: 0;
    padding-top: 32px;
}

.expert-sidebar-box:not(:first-of-type) {
    border-radius: 12px;
}

.sidebar-box-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0 0 20px 0;
}

/* Unternehmensdaten Box */
.expert-data-box {
    background: linear-gradient(to bottom, var(--expert-secondary) 0%, var(--expert-secondary-medium) 100%);
    color: var(--expert-text);
    border-color: #93c5fd;
}

.expert-data-box .sidebar-box-title {
    color: var(--expert-text);
}

.expert-data-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
}

.expert-data-item strong {
    display: block;
    color: var(--expert-text);
    font-weight: 700;
    margin-bottom: 4px;
}

.expert-data-item p {
    color: #374151;
    margin: 0;
    line-height: 1.6;
}

.expert-data-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.expert-data-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--expert-text) !important;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.expert-data-link:hover {
    color: var(--expert-primary-dark) !important;
}

.expert-data-link .dashicons {
    font-size: 18px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .expert-two-column-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .expert-hero {
        padding: 24px;
    }
    
    .expert-hero-title {
        font-size: 2rem;
    }
    
    .expert-hero-meta {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .expert-hero-meta .hero-meta-divider {
        display: none;
    }
    
    .expert-contact-buttons {
        flex-direction: column;
    }
    
    .expert-btn {
        width: 100%;
        justify-content: center;
    }
    
    .expert-section {
        padding: 24px;
    }
}

/* ========================================
   DARK MODE - EXPERTEN-DETAILSEITE
   ======================================== */

@media (prefers-color-scheme: dark) {
    .expert-hero,
    .expert-section,
    .expert-sidebar-box {
        background: #1f2937;
        color: #e5e7eb;
    }
    
    .expert-hero-title,
    .expert-section-title,
    .sidebar-box-title {
        color: #f3f4f6;
    }
    
    .expert-hero-meta,
    .expert-section-content {
        color: #d1d5db;
    }
    
    .expert-btn {
        background: #374151;
        color: #f3f4f6 !important;
        border-color: #f59e0b;
    }
    
    .expert-btn:hover {
        background: #f59e0b;
        color: white !important;
    }
    
    .expert-sidebar-header {
        background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    }
    
    .expert-data-box {
        background: linear-gradient(to bottom, #92400e 0%, #78350f 100%);
        color: #d1d5db;
    }
    
    .expert-data-box .sidebar-box-title {
        color: #fef3c7;
    }
    
    .expert-data-item strong {
        color: #fef3c7;
    }
    
    .expert-data-item p {
        color: #d1d5db;
    }
    
    .expert-data-link {
        color: #fef3c7 !important;
    }
    
    .expert-data-link:hover {
        color: #fbbf24 !important;
    }
    
    .career-contact-name {
        color: #f3f4f6;
    }
    
    .career-contact-link {
        color: #d1d5db !important;
    }
    
    .career-contact-link:hover {
        color: #60a5fa !important;
    }
}

.content-section h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: var(--expert-text);
    border-bottom: 2px solid var(--expert-border-light);
    padding-bottom: 12px;
}

.content-text {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--expert-text);
}

/* Sidebar */
.single-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sidebar-box {
    background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
    border: 2px solid var(--expert-border);
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.sidebar-box:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.sidebar-box h3 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: var(--expert-text);
    border-bottom: 3px solid var(--expert-primary);
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-box h3 .dashicons {
    font-size: 24px;
    color: var(--expert-primary);
}

/* Formular-Styles */
.sidebar-box .form-group {
    margin-bottom: 20px;
}

.sidebar-box .form-group label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--expert-text);
    font-size: 0.95rem;
}

.sidebar-box .form-group input[type="text"],
.sidebar-box .form-group input[type="email"],
.sidebar-box .form-group input[type="date"],
.sidebar-box .form-group input[type="time"],
.sidebar-box .form-group select,
.sidebar-box .form-group textarea {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: white;
    font-family: inherit;
}

.sidebar-box .form-group input:focus,
.sidebar-box .form-group select:focus,
.sidebar-box .form-group textarea:focus {
    outline: none;
    border-color: var(--expert-primary);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.sidebar-box .form-group textarea {
    resize: vertical;
    min-height: 100px;
}

.sidebar-box .form-notice {
    background: #eff6ff;
    border-left: 4px solid #3b82f6;
    padding: 12px 16px;
    margin-bottom: 20px;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #1e40af;
    display: flex;
    align-items: start;
    gap: 10px;
}

.sidebar-box .form-notice .dashicons {
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.sidebar-box .button {
    width: 100%;
    padding: 14px 24px;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.sidebar-box .button-primary {
    background: linear-gradient(135deg, var(--expert-primary), var(--expert-secondary));
    color: white;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.sidebar-box .button-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
}

.sidebar-box .button-primary:active {
    transform: translateY(0);
}

.sidebar-box .button-primary.loading {
    opacity: 0.7;
    cursor: not-allowed;
}

.sidebar-box .form-response {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 0.9rem;
}

.sidebar-box .form-response.success {
    background: #d1fae5;
    border: 2px solid #10b981;
    color: #065f46;
}

.sidebar-box .form-response.error {
    background: #fee2e2;
    border: 2px solid #ef4444;
    color: #991b1b;
}

/* Spezielle Styles für Kontakt- und Buchungsformulare */
.contact-form-box {
    border-color: #3b82f6;
}

.booking-form-box {
    border-color: #10b981;
}

.booking-form-box h3 {
    border-bottom-color: #10b981;
}

.booking-form-box .button-primary {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.booking-form-box .button-primary:hover {
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);
}

.contact-item,
.detail-item {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 0.95rem;
}

.contact-item .dashicons,
.detail-item .dashicons {
    font-size: 18px;
    color: var(--expert-primary);
    flex-shrink: 0;
    margin-top: 2px;
}

.contact-item a {
    color: var(--expert-primary);
    text-decoration: none;
}

.contact-item a:hover {
    text-decoration: underline;
}

.price-display {
    font-size: 2rem;
    font-weight: 700;
    color: var(--expert-primary);
    text-align: center;
    padding: 20px;
    background: var(--expert-bg-light);
    border-radius: 8px;
}

.fact-item {
    margin-bottom: 12px;
    font-size: 0.95rem;
}

.fact-item strong {
    display: block;
    margin-bottom: 4px;
    color: var(--expert-text);
}

/* Specializations & Skills */
.specializations-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.skills-list-single {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.badge-spec-single,
.skill-tag-single {
    padding: 8px 16px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
}

.badge-spec-single {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    text-align: center;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);
    transition: all 0.3s ease;
}

.badge-spec-single:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.skill-tag-single {
    background: var(--expert-bg-light);
    color: var(--expert-text);
    border: 1px solid #c0c0c0;
    box-shadow: 0 1px 3px rgba(192, 192, 192, 0.2);
}

/* Services List */
.services-list-single {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.service-item-single {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: var(--expert-bg-light);
    border-radius: 8px;
    font-size: 0.95rem;
}

.service-item-single .dashicons {
    color: var(--company-primary);
    font-size: 18px;
}

/* Organizer */
.organizer-name {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 12px;
}

.organizer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--event-primary);
    text-decoration: none;
    font-weight: 600;
}

.organizer-link:hover {
    text-decoration: underline;
}

/* ========================================
   RESULTS HEADER, PAGINATION, NO-RESULTS
   ======================================== */

.results-header {
    margin-bottom: 24px;
    padding: 16px 20px;
    background: var(--expert-bg-light);
    border-radius: 8px;
    border: 1px solid var(--expert-border);
}

.results-count {
    font-size: 1rem;
    font-weight: 600;
    color: var(--expert-text);
}

/* Pagination */
.expert-pagination,
.company-pagination,
.event-pagination {
    margin-top: 40px;
    text-align: center;
}

.pagination {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.pagination .page-numbers {
    padding: 10px 16px;
    background: white;
    border: 2px solid var(--expert-border);
    border-radius: 6px;
    color: var(--expert-text);
    text-decoration: none;
    font-weight: 600;
    transition: var(--expert-transition-fast);
}

.pagination .page-numbers:hover {
    border-color: var(--expert-primary);
    color: var(--expert-primary);
}

.pagination .page-numbers.current {
    background: var(--expert-primary);
    border-color: var(--expert-primary);
    color: white;
}

/* No Results */
.no-results {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border: 2px solid var(--expert-border);
    border-radius: 12px;
}

.no-results-icon {
    font-size: 4rem;
    margin-bottom: 20px;
}

.no-results h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: var(--expert-text);
}

.no-results p {
    font-size: 1rem;
    color: var(--expert-text-light);
    margin-bottom: 24px;
}

/* Responsive */
@media (max-width: 1024px) {
    .single-content-grid {
        grid-template-columns: 1fr;
    }
    
    .single-header {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .single-it_expert .header-avatar,
    .single-company .header-logo-large {
        margin: 0 auto;
    }
    
    .single-it_expert .header-actions,
    .single-company .header-actions,
    .single-expert_event .header-actions {
        flex-direction: row;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .event-list-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .event-date-icon {
        margin: 0 auto;
    }
    
    .event-list-actions {
        align-items: center;
        width: 100%;
    }
    
    .btn-event-list {
        width: 100%;
        justify-content: center;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========================================
   DETAIL PAGES - Single Views
   ======================================== */

.expert-profile-container,
.company-profile-container,
.event-profile-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Breadcrumb */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 0.9rem;
    color: var(--expert-text-light);
}

.breadcrumb a {
    color: var(--expert-text-light);
    text-decoration: none;
    transition: var(--expert-transition-fast);
}

.breadcrumb a:hover {
    color: var(--expert-primary);
}

.breadcrumb-separator {
    color: var(--expert-text-lighter);
}

/* Header Card */
.expert-header-card,
.company-header-card,
.event-header-card {
    background: var(--expert-bg);
    border-radius: var(--expert-radius-lg);
    border: 1px solid var(--expert-border);
    box-shadow: var(--expert-shadow);
    padding: 40px;
    margin-bottom: 32px;
    position: relative;
}

.expert-header-content,
.company-header-content,
.event-header-content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 32px;
    align-items: start;
}

.expert-avatar-wrapper {
    position: relative;
}

.expert-avatar-large,
.company-logo-large {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid var(--expert-bg);
    box-shadow: var(--expert-shadow-lg);
}

.company-logo-large {
    border-radius: var(--expert-radius);
}

.expert-avatar-large img,
.company-logo-large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.expert-info,
.company-info,
.event-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.expert-info h1,
.company-info h1,
.event-info h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin: 0;
    color: var(--expert-text);
}

.expert-meta,
.company-meta,
.event-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--expert-text-light);
    font-size: 0.95rem;
}

.meta-item svg,
.meta-item .dashicons {
    color: var(--expert-primary);
    flex-shrink: 0;
}

/* Content Sections */
.expert-content-grid,
.company-content-grid,
.event-content-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
}

.content-main,
.content-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.content-section {
    background: var(--expert-bg);
    border-radius: var(--expert-radius);
    border: 1px solid var(--expert-border);
    padding: 32px;
    box-shadow: var(--expert-shadow-sm);
}

.content-section h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: var(--expert-text);
    padding-bottom: 16px;
    border-bottom: 2px solid var(--expert-border-light);
}

.content-section h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: var(--expert-text);
}

/* Info List */
.info-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info-item {
    display: flex;
    align-items: start;
    gap: 12px;
    padding: 12px;
    background: var(--expert-bg-light);
    border-radius: var(--expert-radius-sm);
    transition: var(--expert-transition-fast);
}

.info-item:hover {
    background: var(--expert-bg-lighter);
}

.info-label {
    font-weight: 600;
    color: var(--expert-text);
    min-width: 120px;
}

.info-value {
    color: var(--expert-text-light);
    flex: 1;
}

/* Skills Grid */
.skills-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.skill-item {
    padding: 12px 16px;
    background: var(--expert-bg-light);
    border-radius: var(--expert-radius-sm);
    text-align: center;
    font-weight: 500;
    color: var(--expert-text);
    transition: var(--expert-transition-fast);
    border: 1px solid var(--expert-border);
}

.skill-item:hover {
    background: var(--expert-primary);
    color: white;
    border-color: var(--expert-primary);
    transform: translateY(-2px);
}

/* Event-Specific Styles */
.event-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: var(--expert-radius-sm);
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-image-placeholder {
    background: linear-gradient(135deg, var(--event-primary) 0%, var(--event-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-image-placeholder .dashicons {
    font-size: 64px;
    width: 64px;
    height: 64px;
    color: white;
}

.price-free {
    color: var(--expert-accent);
    font-weight: 600;
}

.event-availability {
    margin-top: 12px;
}

.availability-bar {
    width: 100%;
    height: 6px;
    background: var(--expert-bg-lighter);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 6px;
}

.availability-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--expert-accent) 0%, var(--expert-warning) 100%);
    transition: var(--expert-transition);
}

.availability-text {
    font-size: 0.85rem;
    color: var(--expert-text-light);
    font-weight: 500;
}

/* Meta Items (für Company & Expert Cards) */
.meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: var(--expert-text-light);
    line-height: 1.5;
}

.expert-card .meta-item {
    margin-bottom: 4px;
}

.meta-item .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: var(--expert-primary);
    flex-shrink: 0;
}

.company-card .meta-item .dashicons {
    color: var(--company-primary);
}

/* Meta Tags (kleine Badges) */
.company-meta-tags,
.expert-meta-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.2);
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.meta-tag.tag-legal {
    background: rgba(139, 92, 246, 0.1);
    color: #7c3aed;
    border-color: rgba(139, 92, 246, 0.2);
}

.meta-tag.tag-experts {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border-color: rgba(59, 130, 246, 0.2);
}

.meta-tag.tag-availability.status-available {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border-color: rgba(16, 185, 129, 0.2);
}

.meta-tag.tag-availability.status-limited {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border-color: rgba(245, 158, 11, 0.2);
}

.meta-tag.tag-availability.status-booked {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.2);
}

/* Company Industry Badge */
.company-industry-badge {
    background: linear-gradient(135deg, var(--company-primary), var(--company-secondary));
}

/* Badge Styles */
.badge-industry {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.25);
}

.badge-legal {
    background: rgba(139, 92, 246, 0.12);
    color: #7c3aed;
    border: 1px solid rgba(139, 92, 246, 0.25);
}

.badge-employees {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

.badge-founded {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.25);
}

.badge-experts {
    background: rgba(99, 102, 241, 0.12);
    color: #6366f1;
    border: 1px solid rgba(99, 102, 241, 0.25);
}

.badge-availability .availability-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

/* Loading State */
.expert-cards-loading,
.company-cards-loading,
.event-cards-loading {
    text-align: center;
    padding: 60px 20px;
    color: var(--expert-text-light);
}

.expert-cards-loading::after,
.company-cards-loading::after,
.event-cards-loading::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid var(--expert-border);
    border-top-color: var(--expert-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-top: 20px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Filter Animation */
.filter-tag {
    position: relative;
    overflow: hidden;
}

.filter-tag::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s;
}

.filter-tag:hover::before {
    left: 100%;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Accessibility */
.expert-card:focus-within {
    outline: 2px solid var(--expert-primary);
    outline-offset: 4px;
}

.btn-view-profile:focus,
.btn-book-expert:focus,
.social-link:focus {
    outline: 2px solid var(--expert-primary);
    outline-offset: 2px;
}

/* Print Styles */
@media print {
    .expert-filters-section,
    .expert-social-links,
    .btn-book-expert {
        display: none !important;
    }
    
    .expert-card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
    
    .expert-card:hover {
        transform: none !important;
    }
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

@media (max-width: 1024px) {
    .expert-content-grid,
    .company-content-grid,
    .event-content-grid {
        grid-template-columns: 1fr;
    }
    
    .expert-cards-grid {
        grid-template-columns: 1fr;
    }
    
    .company-cards-grid,
    .event-cards-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .expert-header-content,
    .company-header-content,
    .event-header-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .expert-avatar-large,
    .company-logo-large {
        margin: 0 auto;
    }
    
    .expert-info h1,
    .company-info h1,
    .event-info h1 {
        font-size: 2rem;
    }
    
    .expert-meta,
    .company-meta,
    .event-meta {
        justify-content: center;
    }
    
    .expert-card-actions,
    .company-card-actions,
    .event-card-actions {
        flex-direction: column;
    }
    
    .btn-view-profile,
    .btn-book-expert,
    .btn-view-company,
    .btn-contact-company,
    .btn-view-event,
    .btn-register-event {
        width: 100%;
    }
    
    .content-section {
        padding: 24px;
    }
    
    .expert-header-card,
    .company-header-card,
    .event-header-card {
        padding: 24px;
    }
    
    /* Keine Grid Animationen */
    .expert-cards-grid,
    .company-cards-grid,
    .event-cards-grid {
        animation: none !important;
    }
    
    /* Keine Hover Effekte auf Cards */
    .expert-card:hover,
    .company-card:hover,
    .event-card:hover {
        transform: none !important;
    }
    
    /* Alle Transitions reduzieren */
    * {
        transition-duration: 0.15s !important;
    }
}

@media (max-width: 480px) {
    .expert-cards-grid {
        grid-template-columns: 1fr;
    }
    
    .company-cards-grid,
    .event-cards-grid {
        grid-template-columns: 1fr;
    }
    
    .skills-grid {
        grid-template-columns: 1fr;
    }
    
    /* Bilder in mobiler Ansicht ausblenden */
    .expert-card-avatar,
    .company-logo,
    .company-logo-small,
    .company-logo-img,
    .company-logo-section {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Header Text anpassen wenn keine Bilder */
    .expert-card-header-text,
    .company-header-content {
        padding-top: 0;
        text-align: center;
    }
    
    .expert-card-header {
        padding: 16px 16px 12px 16px;
    }
}

/* Social Media Icons */
.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--expert-border-light);
}

.contact-item:last-child {
    border-bottom: none;
}

.contact-item .dashicons {
    color: var(--expert-primary);
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.contact-item a {
    color: var(--expert-text);
    text-decoration: none;
    transition: var(--expert-transition);
}

.contact-item a:hover {
    color: var(--expert-primary);
}

/* LinkedIn Icon (kein Standard Dashicon) */
.contact-item .dashicons-linkedin::before {
    content: "\f101"; /* Admin-Users als Fallback */
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    :root {
        --expert-bg: #1a1a1a;
        --expert-bg-light: #2a2a2a;
        --expert-text: #e0e0e0;
        --expert-text-light: #b0b0b0;
        --expert-border: #404040;
    }
    
    .expert-card {
        background: var(--expert-bg-light);
        color: var(--expert-text);
    }
}

/* ========================================
   EXPERT CV / DIGITAL RESUME DESIGN
   Modernes Lebenslauf-Design inspiriert von it-for.business
   ======================================== */

/* Hero Section */
.expert-hero-section {
    background: linear-gradient(135deg, #b8860b 0%, #ffd700 100%);
    color: #ffffff;
    padding: 40px 0 30px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.expert-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

/* Firma Badge - Oben rechts */
.hero-company-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    color: #2c3e50;
    padding: 12px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    border: 2px solid rgba(102, 126, 234, 0.3);
    transition: none;
    z-index: 10;
}

.hero-company-badge .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: #667eea;
}

.hero-company-badge:hover {
    background: #ffffff;
    border-color: #667eea;
    transform: none !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}

.hero-content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
}

.hero-text {
    max-width: 700px;
    position: relative;
}

.hero-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #ffffff;
}

.hero-subtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    opacity: 0.95;
    color: rgba(255, 255, 255, 0.95);
}

.hero-description {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 12px;
    opacity: 0.9;
    color: rgba(255, 255, 255, 0.9);
}

/* Hero Badges Wrapper */
.hero-badges-wrapper {
    display: flex;
    gap: 20px;
    margin-top: 24px;
    align-items: flex-start;
}

.hero-badges-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.hero-badges-left {
    flex: 1;
    justify-content: flex-start;
}

/* Alle Badges - Rechts unter Firma-Badge */
.hero-all-badges-right {
    position: absolute;
    right: 15px;
    top: 70px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    z-index: 5;
    max-width: 300px;
}

/* Hero Badge Styles */
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.95);
    color: #333333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.hero-badge .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* Badge Varianten */
.badge-experience {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    color: #1565c0;
}

.badge-experience .dashicons {
    color: #1976d2;
}

.badge-worktype {
    background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
    color: #6a1b9a;
}

.badge-worktype .dashicons {
    color: #7b1fa2;
}

/* Badge Varianten - Farbcodiert */
.badge-availability {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    border-color: rgba(16, 185, 129, 0.3);
}

.badge-availability .dashicons {
    color: #ffffff;
}

.badge-availability:hover {
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4);
}

.badge-worktype {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    border-color: rgba(59, 130, 246, 0.3);
}

.badge-worktype .dashicons {
    color: #ffffff;
}

.badge-worktype:hover {
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);
}

.badge-partner {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    border-color: rgba(245, 158, 11, 0.3);
}

.badge-partner .dashicons {
    color: #ffffff;
}

.badge-partner:hover {
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.4);
}

.badge-certified {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #ffffff;
    border-color: rgba(139, 92, 246, 0.3);
}

.badge-certified .dashicons {
    color: #ffffff;
}

.badge-certified:hover {
    box-shadow: 0 4px 16px rgba(139, 92, 246, 0.4);
}

.badge-premium {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    color: #ffffff;
    border-color: rgba(236, 72, 153, 0.3);
}

.badge-premium .dashicons {
    color: #ffffff;
}

.badge-premium:hover {
    box-shadow: 0 4px 16px rgba(236, 72, 153, 0.4);
}

/* Social Media Badges */
.hero-social-badges {
    display: flex;
    gap: 8px;
    align-items: center;
}

.social-badge {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #667eea;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.social-badge .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: #667eea;
    transition: color 0.3s ease;
}

.social-badge:hover {
    background: #ffffff;
    border-color: #667eea;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
}

.social-badge:hover .dashicons {
    color: #764ba2;
}

/* Tooltip für Social Badges */
.social-badge::after {
    content: attr(title);
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    background: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
}

.social-badge:hover::after {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.hero-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

.hero-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-hero-section .hero-avatar {
    border-radius: 12px;
}

.company-hero-section .hero-avatar img {
    object-fit: contain;
    background: #ffffff;
    padding: 8px;
}

.hero-avatar-placeholder {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-avatar-placeholder .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: rgba(255, 255, 255, 0.9);
}

/* ========================================
   COMPANY HERO SECTION - Gleicher Stil wie Experten
   ======================================== */

.company-hero-section {
    background: linear-gradient(135deg, #2d5016 0%, #6fbf73 100%);
    color: #ffffff;
    padding: 40px 0 30px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

/* ========================================
   EVENT HERO SECTION - Farbverlauf Blau/Türkis
   ======================================== */

.event-hero-section {
    background: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);
    color: #ffffff;
    padding: 40px 0 30px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.event-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

/* Event Header: Bild und Titel nebeneinander */
.event-hero-section .hero-event-header {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.event-hero-section .hero-event-image {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    border: 4px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

.event-hero-section .hero-event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-hero-section .hero-event-placeholder {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-hero-section .hero-event-placeholder .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: rgba(255, 255, 255, 0.9);
}

.event-hero-section .hero-event-title-wrapper {
    flex: 1;
}

.event-hero-section .hero-event-title-wrapper .hero-title {
    margin: 0;
}

.event-hero-section .hero-actions {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.event-hero-section .btn-register,
.event-hero-section .btn-meeting {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: rgba(255, 255, 255, 0.95);
    color: #0891b2;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.event-hero-section .btn-register:hover,
.event-hero-section .btn-meeting:hover {
    background: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.event-hero-section .btn-register .dashicons,
.event-hero-section .btn-meeting .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

/* Event-spezifische Badge-Varianten */
.badge-price {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    border-color: rgba(16, 185, 129, 0.3);
}

.badge-price .dashicons {
    color: #ffffff;
}

.badge-free {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #ffffff;
    border-color: rgba(34, 197, 94, 0.3);
}

.badge-free .dashicons {
    color: #ffffff;
}

.badge-format {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    border-color: rgba(59, 130, 246, 0.3);
}

.badge-format .dashicons {
    color: #ffffff;
}

.badge-format-remote {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.badge-format-hybrid {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.badge-format-onsite {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}

.badge-type {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #ffffff;
    border-color: rgba(99, 102, 241, 0.3);
}

.badge-type .dashicons {
    color: #ffffff;
}

/* Card Title für Event-Details */
.card-title {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e9ecef;
}

/* Event-Hero Badges - Rechts oben */
.event-hero-section .hero-all-badges-right {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    z-index: 5;
    max-width: 300px;
}

.event-hero-section .hero-content-wrapper {
    position: relative;
}

.company-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
}

/* Firmen-spezifische Badge-Varianten */
.badge-industry {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    color: #ffffff;
    border-color: rgba(6, 182, 212, 0.3);
}

.badge-industry .dashicons {
    color: #ffffff;
}

.badge-industry:hover {
    box-shadow: 0 4px 16px rgba(6, 182, 212, 0.4);
}

.badge-employees {
    background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
    color: #ffffff;
    border-color: rgba(20, 184, 166, 0.3);
}

.badge-employees .dashicons {
    color: #ffffff;
}

.badge-employees:hover {
    box-shadow: 0 4px 16px rgba(20, 184, 166, 0.4);
}

.badge-founded {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #ffffff;
    border-color: rgba(99, 102, 241, 0.3);
}

.badge-founded .dashicons {
    color: #ffffff;
}

.badge-founded:hover {
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
}

/* ========================================
   EXPERT CONTACT CARD - Einfach unter Hero
   ======================================== */

.expert-contact-card-section {
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
}

/* Zwei Cards nebeneinander */
.contact-cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-card-left,
.contact-card-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 32px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.contact-card-right {
    background: linear-gradient(135deg, #e8f4f8 0%, #f0f9ff 100%);
}

.contact-item-simple {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #495057;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    background: #f8f9fa;
    border: 2px solid transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-item-simple .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #667eea;
    transition: color 0.3s ease;
}

.contact-item-simple:hover {
    background: #ffffff;
    border-color: #667eea;
    color: #2c3e50;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

.contact-item-simple:hover .dashicons {
    color: #764ba2;
}

/* Social Media in Kontakt-Card */
.contact-social-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #e0e0e0 50%, transparent 100%);
    margin: 8px 0;
}

.contact-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    justify-content: center;
}

.contact-social-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.contact-social-item:hover {
    background: #667eea;
    border-color: #667eea;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.contact-social-item .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* LinkedIn Icon */
.social-link-card .dashicons-linkedin::before {
    content: "\f101";
}

/* CV Container */
.expert-cv-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 80px;
}

/* CV Sections */
.cv-section {
    margin-bottom: 60px;
}

.cv-section-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--expert-text);
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--expert-primary);
    position: relative;
}

.cv-section-title::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 80px;
    height: 3px;
    background: var(--expert-secondary);
}

/* Keine Daten Nachricht */
.no-data-message {
    font-size: 16px;
    color: #6c757d;
    font-style: italic;
    padding: 30px;
    text-align: center;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px dashed #dee2e6;
}

/* Competencies Grid */
.competencies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.competency-card {
    background: var(--expert-bg);
    border: 1px solid var(--expert-border);
    border-radius: var(--expert-radius);
    padding: 30px;
    transition: var(--expert-transition);
}

.competency-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--expert-shadow-lg);
    border-color: var(--expert-primary);
}

.competency-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--expert-primary), var(--expert-secondary));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.competency-icon .dashicons {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: #ffffff;
}

.competency-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--expert-text);
    margin-bottom: 10px;
}

.competency-description {
    font-size: 15px;
    line-height: 1.6;
    color: var(--expert-text-light);
}

/* Technologies Section */
.tech-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tech-tag {
    display: inline-block;
    padding: 10px 20px;
    background: var(--expert-bg-light);
    border: 1px solid var(--expert-border);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--expert-text);
    transition: var(--expert-transition-fast);
}

.tech-tag:hover {
    background: var(--expert-primary);
    color: #ffffff;
    border-color: var(--expert-primary);
    transform: translateY(-2px);
}

/* Profile Section */
.profile-content {
    font-size: 16px;
    line-height: 1.8;
    color: var(--expert-text);
}

.profile-content p {
    margin-bottom: 16px;
}

/* Projects Timeline */
.projects-timeline {
    position: relative;
    padding-left: 40px;
}

.projects-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, var(--expert-primary), var(--expert-secondary));
}

.projects-timeline p {
    position: relative;
    margin-bottom: 30px;
    padding: 20px;
    background: var(--expert-bg-light);
    border-radius: var(--expert-radius-sm);
    border-left: 4px solid var(--expert-primary);
}

.projects-timeline p::before {
    content: '';
    position: absolute;
    left: -52px;
    top: 25px;
    width: 16px;
    height: 16px;
    background: var(--expert-primary);
    border: 3px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px var(--expert-bg-lighter);
}

/* Certifications Grid */
.certifications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.certification-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: #ffffff;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.certification-item .dashicons {
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: #f59e0b;
    flex-shrink: 0;
}

.certification-item span:last-child {
    font-size: 15px;
    font-weight: 600;
    color: #2c3e50;
    line-height: 1.4;
}

.certification-item:hover {
    background: #f8f9fa;
    border-color: #667eea;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.projects-timeline strong {
    display: block;
    font-size: 18px;
    color: var(--expert-text);
    margin-bottom: 8px;
}

/* Certifications Grid */
.certifications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.certification-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: var(--expert-bg-light);
    border: 1px solid var(--expert-border);
    border-radius: var(--expert-radius-sm);
    transition: var(--expert-transition-fast);
}

.certification-item:hover {
    background: var(--expert-bg);
    border-color: var(--expert-primary);
    transform: translateX(5px);
}

.certification-item .dashicons {
    font-size: 28px;
    width: 28px;
    height: 28px;
    color: var(--expert-primary);
    flex-shrink: 0;
}

.certification-item span:last-child {
    font-size: 15px;
    font-weight: 600;
    color: var(--expert-text);
    line-height: 1.4;
}

/* Contact Footer Section */
.contact-footer-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    border-radius: var(--expert-radius-lg);
    padding: 50px;
    margin-top: 60px;
}

.contact-footer-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.contact-info h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #ffffff;
}

.contact-subtitle {
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 15px;
}

.contact-company {
    font-size: 16px;
    opacity: 0.85;
}

.contact-company a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.contact-company a:hover {
    border-bottom-color: #ffffff;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-detail-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
}

.contact-detail-item .dashicons {
    font-size: 22px;
    width: 22px;
    height: 22px;
    opacity: 0.9;
}

.contact-detail-item a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: border-color 0.3s ease;
}

.contact-detail-item a:hover {
    border-bottom-color: #ffffff;
}

/* Responsive Design */
@media (max-width: 968px) {
    .expert-hero-section {
        padding: 30px 0 20px;
    }
    
    .hero-content {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    
    .hero-avatar {
        margin: 0 auto;
        width: 100px;
        height: 100px;
    }
    
    .hero-text {
        max-width: 100%;
    }
    
    .hero-title {
        font-size: 28px;
    }
    
    .hero-subtitle {
        font-size: 14px;
    }
    
    .hero-description {
        font-size: 13px;
    }
    
    /* Firma Badge auf Tablet */
    .hero-company-badge {
        top: 20px;
        right: 20px;
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .hero-company-badge .dashicons {
        font-size: 16px;
        width: 16px;
        height: 16px;
    }
    
    /* Badges auf Tablet */
    .hero-badges-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    
    .hero-badges-left {
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    
    .hero-all-badges-right {
        position: static;
        align-items: center;
        margin-top: 20px;
        max-width: 100%;
    }
    
    .hero-badges-group {
        justify-content: center;
    }
    
    .hero-badge {
        font-size: 12px;
        padding: 7px 14px;
    }
    
    /* Kontakt-Cards auf Tablet */
    .contact-cards-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .social-badge {
        width: 38px;
        height: 38px;
    }
    
    /* Kontakt-Card auf Tablet */
    .contact-card-simple {
        gap: 24px;
        padding: 20px 0;
    }
    
    .contact-item-simple {
        font-size: 14px;
        padding: 8px 16px;
    }
    
    .contact-item-simple .dashicons {
        font-size: 18px;
        width: 18px;
        height: 18px;
    }
    
    .competencies-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-footer-content {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    
    .contact-details {
        align-items: center;
    }
}

@media (max-width: 640px) {
    .expert-hero-section {
        padding: 25px 0 15px;
    }
    
    .hero-content {
        gap: 15px;
        padding-bottom: 10px;
    }
    
    .hero-avatar {
        width: 80px;
        height: 80px;
        border-width: 3px;
    }
    
    .hero-avatar-placeholder .dashicons {
        font-size: 32px;
        width: 32px;
        height: 32px;
    }
    
    .hero-title {
        font-size: 24px;
    }
    
    .hero-subtitle {
        font-size: 13px;
    }
    
    .hero-description {
        font-size: 12px;
    }
    
    /* Firma Badge auf Mobile */
    .hero-company-badge {
        position: static;
        margin: 0 auto 20px;
        display: inline-flex;
        padding: 8px 14px;
        font-size: 12px;
    }
    
    .hero-company-badge .dashicons {
        font-size: 14px;
        width: 14px;
        height: 14px;
    }
    
    /* Badges auf Mobile */
    .hero-badges-wrapper {
        gap: 12px;
        margin-top: 20px;
    }
    
    .hero-badge {
        font-size: 11px;
        padding: 6px 12px;
    }
    
    .hero-badge .dashicons {
        font-size: 14px;
        width: 14px;
        height: 14px;
    }
    
    .social-badge {
        width: 36px;
        height: 36px;
    }
    
    .social-badge .dashicons {
        font-size: 16px;
        width: 16px;
        height: 16px;
    }
    
    /* Tooltip auf Mobile ausblenden */
    .social-badge::after {
        display: none;
    }
    
    /* Kontakt-Card auf Mobile */
    .contact-card-simple {
        flex-direction: column;
        gap: 16px;
        padding: 16px 0;
    }
    
    .contact-item-simple {
        font-size: 13px;
        padding: 8px 14px;
        width: 100%;
        justify-content: center;
    }
    
    .contact-item-simple .dashicons {
        font-size: 16px;
        width: 16px;
        height: 16px;
    }
    
    .cv-section-title {
        font-size: 24px;
    }
    
    .competency-card {
        padding: 20px;
    }
    
    .projects-timeline {
        padding-left: 30px;
    }
    
    .certifications-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-footer-section {
        padding: 30px 20px;
    }
}

/* ========================================
   BOOKINGS SECTION - Integration in Profile
   ======================================== */

.bookings-section .profile-services-section {
    margin-top: 0;
}

.bookings-section .services-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.bookings-section .service-item {
    background: var(--expert-bg);
    border: 1px solid var(--expert-border);
    border-radius: var(--expert-radius);
    padding: 24px;
    transition: var(--expert-transition);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bookings-section .service-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--expert-shadow-lg);
    border-color: var(--expert-primary);
}

.bookings-section .service-item h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--expert-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bookings-section .service-item h4::before {
    content: '📋';
    font-size: 24px;
}

.bookings-section .service-item p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--expert-text-light);
    margin: 0;
    flex: 1;
}

.bookings-section .service-meta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 1px solid var(--expert-border-light);
}

.bookings-section .service-price {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 700;
    color: var(--expert-primary);
}

.bookings-section .service-price::before {
    content: '💰';
    font-size: 16px;
}

.bookings-section .service-duration {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--expert-text-light);
}

.bookings-section .service-duration::before {
    content: '⏱️';
    font-size: 14px;
}

.bookings-section .btn-book-service {
    width: 100%;
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--expert-primary), var(--expert-secondary));
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--expert-transition);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.bookings-section .btn-book-service::before {
    content: '📅';
    font-size: 18px;
}

.bookings-section .btn-book-service:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

.bookings-section .btn-book-service:active {
    transform: translateY(0);
}

/* Booking Button in Header Actions */
.btn-book-expert {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--expert-primary), var(--expert-secondary));
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--expert-transition);
    text-decoration: none;
}

.btn-book-expert::before {
    content: '📅';
    font-size: 18px;
}

.btn-book-expert:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
    color: #ffffff;
}

/* Empty State */
.bookings-section .no-services-message {
    text-align: center;
    padding: 40px;
    background: var(--expert-bg-light);
    border-radius: var(--expert-radius);
    color: var(--expert-text-light);
}

.bookings-section .no-services-message::before {
    content: '📋';
    font-size: 48px;
    display: block;
    margin-bottom: 16px;
}

/* Responsive */
@media (max-width: 768px) {
    .bookings-section .services-list {
        grid-template-columns: 1fr;
    }
    
    .bookings-section .service-meta {
        flex-direction: column;
        gap: 12px;
    }
}
/* ========================================
   DIGITAL CV & COMPANY PROFILE STYLES
   New Design 2026 - Expert CV & Company Presentation
   ======================================== */

/* --- Container & Layout --- */
.expert-profile-cv,
.company-profile-cv {
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--expert-bg);
    color: var(--expert-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.expert-cv-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: block !important; /* Force block in case theme overrides */
}

/* --- Hero Section --- */
.expert-hero-section,
.company-hero-section {
    background: linear-gradient(135deg, var(--expert-primary) 0%, var(--expert-secondary) 100%);
    padding: 60px 0;
    color: white;
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.company-hero-section {
    background: linear-gradient(135deg, var(--company-primary) 0%, var(--company-secondary) 100%);
}

.expert-hero-section::before,
.company-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 30px 30px;
    pointer-events: none;
}

.hero-content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Avatar */
.hero-avatar {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,0.2);
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
    background: white;
    flex-shrink: 0;
}

.hero-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-avatar-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.1);
    color: white;
}

.hero-avatar-placeholder .dashicons {
    font-size: 80px;
    width: 80px;
    height: 80px;
}

/* Hero Text */
.hero-text {
    color: white;
}

.hero-title {
    font-size: 3rem;
    font-weight: 800;
    margin: 0 0 10px 0;
    line-height: 1.1;
    color: white !important;
}

.hero-subtitle {
    font-size: 1.5rem;
    font-weight: 400;
    opacity: 0.9;
    margin: 0 0 20px 0;
    color: rgba(255, 255, 255, 0.9) !important;
}

.hero-description {
    font-size: 1.1rem;
    line-height: 1.6;
    opacity: 0.85;
    max-width: 700px;
    margin: 0 0 30px 0;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Hero Badges */
.hero-badges-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.hero-badges-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255,255,255,0.15);
    border-radius: 30px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
    font-size: 0.9rem;
    font-weight: 600;
    color: white !important;
    transition: all 0.3s ease;
}

.hero-badge:hover {
    background: rgba(255,255,255,0.25);
    transform: translateY(-2px);
}

.hero-badge .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: white !important;
}

/* Special Company Badge */
.hero-company-badge {
    position: absolute;
    top: 0;
    right: 20px;
    background: white;
    color: var(--expert-primary) !important;
    padding: 10px 20px;
    border-radius: 0 0 12px 12px;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    z-index: 10;
    transition: none;
}

.hero-company-badge:hover {
    transform: none !important;
}

.hero-company-badge .dashicons {
    color: var(--expert-primary) !important;
}

/* --- Contact Cards Section --- */
.expert-contact-card-section {
    margin-top: -90px;
    position: relative;
    z-index: 5;
    margin-bottom: 60px;
    padding: 0 20px;
}

.contact-cards-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 30px;
}

.contact-card-left,
.contact-card-right {
    background: white;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.contact-item-simple {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: var(--expert-bg-light);
    border-radius: 12px;
    color: var(--expert-text);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.contact-item-simple:hover {
    background: var(--expert-bg-lighter);
    color: var(--expert-primary) !important;
    transform: translateY(-2px);
}

.contact-item-simple .dashicons {
    color: var(--expert-primary) !important;
    font-size: 20px;
}

.contact-social-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: white;
    border: 1px solid var(--expert-border);
    border-radius: 12px;
    color: var(--expert-text) !important;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.contact-social-item:hover {
    border-color: var(--expert-primary);
    color: var(--expert-primary) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* --- Content Grid & Sidebar --- */
.single-content-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
    margin-bottom: 60px;
}

.cv-section {
    margin-bottom: 50px;
}

.cv-section-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--expert-border-light);
    color: #1e3a5f;
    position: relative;
}

.cv-section-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: var(--expert-primary);
}

/* Competencies Grid */
.competencies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.competency-card {
    background: white;
    padding: 25px;
    border-radius: 16px;
    border: 1px solid var(--expert-border);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.competency-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    border-color: var(--expert-primary);
}

.competency-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--expert-primary) 0%, var(--expert-secondary) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.competency-icon .dashicons {
    color: white !important;
    font-size: 24px;
    width: 24px;
    height: 24px;
}

.competency-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #1e3a5f;
}

.competency-description {
    font-size: 0.95rem;
    color: var(--expert-text-light);
    line-height: 1.5;
    margin: 0;
}

/* Tech Tags */
.tech-tags-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.tech-tag {
    background: white;
    border: 1px solid var(--expert-border);
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
    color: var(--expert-text);
    transition: all 0.2s ease;
}

.tech-tag:hover {
    background: var(--expert-primary);
    color: white;
    border-color: var(--expert-primary);
}

/* Projects Timeline */
.projects-timeline {
    position: relative;
    padding-left: 40px;
}

.projects-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    background: linear-gradient(to bottom, var(--expert-primary), var(--expert-bg-light));
    border-radius: 2px;
}

.projects-timeline p,
.projects-timeline div {
    position: relative;
    margin-bottom: 30px;
    background: white;
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid var(--expert-primary);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.projects-timeline p::before {
    content: '';
    position: absolute;
    left: -48px; /* 40px padding + 4px line + 4px adjustment */
    top: 20px;
    width: 12px;
    height: 12px;
    background: white;
    border: 4px solid var(--expert-primary);
    border-radius: 50%;
    z-index: 1;
}

/* Certifications */
.certifications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
}

.certification-item {
    background: white;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid var(--expert-border);
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
}

.certification-item:hover {
    transform: translateX(5px);
    border-color: var(--expert-primary);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.certification-item .dashicons {
    color: #f59e0b !important; /* Gold */
    font-size: 24px;
}

/* --- Sidebar Boxes --- */
.sidebar-box {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-bottom: 30px;
    border: 1px solid var(--expert-border-light);
}

.sidebar-box h3 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #1e3a5f;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--expert-border-light);
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--expert-text);
    font-size: 0.9rem;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--expert-border);
    border-radius: 8px;
    font-family: inherit;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--expert-primary);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.button-primary {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, var(--expert-primary) 0%, var(--expert-secondary) 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.button-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.form-notice {
    background: #eff6ff;
    border-left: 4px solid #3b82f6;
    padding: 12px 16px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    color: #1e40af;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

/* --- Services List (Company) --- */
.services-list-single {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.service-item-single {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: white;
    border: 1px solid var(--expert-border);
    border-radius: 30px;
    font-weight: 500;
}

.service-item-single .dashicons {
    color: var(--expert-accent) !important;
}

/* --- Company Experts Grid --- */
.experts-grid,
.company-experts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 20px;
}

/* Reuse existing card styles but compact */
.company-expert-card {
    background: white;
    border: 1px solid var(--expert-border);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.company-expert-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-color: var(--expert-primary);
}

.expert-mini-header {
    padding: 20px;
    text-align: center;
    background: var(--expert-bg-light);
    border-bottom: 1px solid var(--expert-border-light);
}

.expert-mini-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 15px;
    object-fit: cover;
    border: 3px solid white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.expert-mini-name {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 5px 0;
    color: #1e3a5f;
}

.expert-mini-role {
    font-size: 0.85rem;
    color: var(--expert-text-light);
    margin: 0;
}

.expert-mini-body {
    padding: 20px;
}

.expert-mini-action {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: white;
    border: 1px solid var(--expert-primary);
    color: var(--expert-primary);
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.expert-mini-action:hover {
    background: var(--expert-primary);
    color: white;
}

/* --- Company Experts Compact (Firmendetailseite) --- */
.company-experts-compact {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.company-expert-compact-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    background: #fafbfc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.company-expert-compact-card:hover {
    background: #f0f4f8;
    border-color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    text-decoration: none;
    color: inherit;
}

.company-expert-compact-card:hover .cec-arrow {
    opacity: 1;
    transform: translateX(2px);
}

.cec-avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cec-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cec-avatar .dashicons {
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: #94a3b8;
}

.cec-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cec-name {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cec-position {
    font-size: 0.82rem;
    color: #64748b;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cec-arrow {
    flex-shrink: 0;
    opacity: 0.4;
    color: #94a3b8;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

.cec-arrow .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* --- Responsive Breakpoints --- */
@media (max-width: 992px) {
    .single-content-grid {
        grid-template-columns: 1fr;
    }
    
    .hero-avatar {
        width: 150px;
        height: 150px;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .expert-hero-section {
        text-align: center;
    }
    
    .hero-content {
        grid-template-columns: 1fr;
        gap: 30px;
        justify-items: center;
    }
    
    .hero-badges-wrapper {
        justify-content: center;
    }
    
    .contact-cards-wrapper {
        grid-template-columns: 1fr;
    }
    
    .expert-contact-card-section {
        margin-top: -40px;
    }
    
    .projects-timeline {
        padding-left: 20px;
    }
    
    .projects-timeline p::before {
        left: -28px;
    }
    
    .hero-company-badge {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 20px;
        display: inline-flex;
    }
}

/* --- Special Badge Styles --- */
.hero-badge.badge-partner {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 165, 0, 0.2) 100%);
    border-color: rgba(255, 215, 0, 0.6);
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);
}

.hero-badge.badge-partner .dashicons {
    color: #ffd700 !important;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.hero-badge.badge-premium {
    background: linear-gradient(135deg, rgba(229, 231, 235, 0.2) 0%, rgba(156, 163, 175, 0.2) 100%);
    border-color: rgba(229, 231, 235, 0.6);
    box-shadow: 0 0 10px rgba(229, 231, 235, 0.2);
}

.hero-badge.badge-certified {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.2) 100%);
    border-color: rgba(16, 185, 129, 0.6);
}

.hero-badge.badge-availability {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(37, 99, 235, 0.2) 100%);
    border-color: rgba(59, 130, 246, 0.4);
}


/* ========================================
   NEW COMPACT DETAIL PAGES (EXPERT, COMPANY, EVENT)
   ======================================== */

/* --- Global Compact Layout --- */
.compact-header-bg {
    height: 250px;
    width: 100%;
    position: relative;
    margin-bottom: 0;
    margin-top: -40px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
}

/* Status Badges Links Oben - Nahtlos am Rand */
.header-top-badges {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 4px;
    align-items: center;
    z-index: 10;
    flex-wrap: wrap;
}

/* Favoriten-Button Oben Rechts - Nahtlos am Rand */
/* Nur für eingeloggte Benutzer sichtbar */
.header-favorite-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 52px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 0 0 0 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 100;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15);
}

.header-favorite-btn:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.05);
}

/* Helles Herz (nicht favorisiert) - nur Umriss */
.header-favorite-btn svg {
    width: 24px;
    height: 24px;
    color: #d1d5db;
    stroke: #9ca3af;
    stroke-width: 2;
    fill: none;
    transition: all 0.3s ease;
    display: block;
}

.header-favorite-btn:hover svg {
    color: #f87171;
    stroke: #ef4444;
    fill: none;
}

/* Dunkles Herz (favorisiert) - gefüllt */
.header-favorite-btn.is-favorite svg {
    color: #ef4444;
    stroke: #ef4444;
    fill: #ef4444;
}

.header-favorite-btn.is-favorite:hover svg {
    color: #dc2626;
    stroke: #dc2626;
    fill: #dc2626;
}

/* Favoriten-Button Pulse Animation */
.header-favorite-btn.pulse {
    animation: favoritePulse 0.3s ease;
}

@keyframes favoritePulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.header-favorite-btn:disabled {
    opacity: 0.6;
    cursor: wait;
}

/* Helper Klasse für volle Höhe */
.h-100 {
    height: 100%;
    display: flex;
    align-items: center;
}

.header-content-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header-identity {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header-avatar-circle {
    width: 125px;
    height: 125px;
    border-radius: 8px;
    overflow: hidden;
    border: 4px solid rgba(255,255,255,0.8);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    background: #fff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

/* Expert & Speaker Detail: Avatar als Kreis */
.expert-detail-compact .header-avatar-circle {
    border-radius: 50%;
    padding: 0;
}

.expert-detail-compact .header-avatar-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.expert-detail-mvp-badge {
    background: linear-gradient(135deg, #0078d4 0%, #005a9e 100%);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0, 120, 212, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.expert-detail-mvp-badge .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.expert-detail-custom-award-badge {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.expert-detail-custom-award-badge .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.header-avatar-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Avatar Border basierend auf Status */
.header-avatar-circle.border-sponsor {
    border: 4px solid transparent !important;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(135deg, #fbbf24 0%, #e5e7eb 100%) border-box !important; /* Gold zu Platin */
    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.5) !important;
}

.header-avatar-circle.border-top-partner {
    border: 4px solid transparent !important;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) border-box !important; /* Gold */
    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.4) !important;
}

.header-avatar-circle.border-partner {
    border: 4px solid transparent !important;
    background: linear-gradient(white, white) padding-box,
                linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%) border-box !important; /* Silber */
    box-shadow: 0 4px 15px rgba(156, 163, 175, 0.3) !important;
}

.header-avatar-circle .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: #ccc;
}

.header-text-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header-name {
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    margin: 0;
    line-height: 1.1;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    white-space: nowrap;
}

/* Trennlinie unter Titel */
.header-title-divider {
    width: 60px;
    height: 2px;
    background: rgba(255,255,255,0.5);
    margin: 4px 0;
}

/* Berufsbezeichnung unter Trennlinie */
.header-job {
    color: rgba(255,255,255,0.9);
    font-size: 1rem;
    font-weight: 500;
}

/* Alte Styles für Kompatibilität */
.header-job-row {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.9);
    font-size: 1rem;
    font-weight: 500;
}

.header-divider {
    opacity: 0.6;
}

.header-company-link {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
}

.header-company-link:hover {
    border-bottom-style: solid;
    opacity: 1;
}

/* Badges Area - Alle Badges in einer Reihe rechtsbündig */
.header-badges-area {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 5px;
}

/* Expert Badge - Universal Style - Dezent mit dunklem Hintergrund */
.expert-badge {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #f8fafc;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.15);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.expert-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    opacity: 0.9;
    flex-shrink: 0;
}

/* MVP Badge - Dunkles Lila */
.expert-badge.badge-mvp {
    background: #4c1d95;
    border-color: #6d28d9;
    color: #e9d5ff;
}

/* Top Partner Badge - Dunkles Gold */
.expert-badge.badge-top-partner {
    background: #78350f;
    border-color: #a16207;
    color: #fef3c7;
}

/* Partner Badge - Dunkles Grau */
.expert-badge.badge-partner {
    background: #374151;
    border-color: #4b5563;
    color: #e5e7eb;
}

/* Sponsor Badge - Dunkles Bronze */
.expert-badge.badge-sponsor {
    background: #713f12;
    border-color: #a16207;
    color: #fef9c3;
}

/* Certified Badge - Dunkles Grün */
.expert-badge.badge-certified {
    background: #065f46;
    border-color: #059669;
    color: #d1fae5;
}

/* Premium Badge - Dunkles Lila */
.expert-badge.badge-premium {
    background: #581c87;
    border-color: #7c3aed;
    color: #e9d5ff;
}

.expert-badge:hover {
    filter: brightness(1.15);
    transform: translateY(-1px);
}

/* Custom Award Badge - Dezent */
.expert-detail-custom-award-badge {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    background: #1e3a5f;
    border: 1px solid #2563eb;
    color: #bfdbfe;
    white-space: nowrap;
}

.expert-detail-custom-award-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: #fbbf24;
}

/* Firma Badge - Dezent mit dunklem Hintergrund */
.company-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    background: #1e293b;
    color: #e2e8f0;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid #334155;
}

.company-badge:hover {
    background: #334155;
    color: #f8fafc;
    text-decoration: none;
}

.company-badge .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* Status Badges Gruppe */
.status-badges-group {
    display: flex;
    gap: 8px;
    align-items: center;
}

.status-badge {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    background: rgba(255,255,255,0.25);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.4);
}

.status-badge .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #fff;
}

/* Badge Farben - Detail-Seiten */
.status-badge.badge-sponsor {
    background: linear-gradient(135deg, #fbbf24 0%, #e5e7eb 100%); /* Gold zu Platin */
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.4);
}

.status-badge.badge-top-partner {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); /* Gold */
    border-color: rgba(251, 191, 36, 0.6);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4);
}

.status-badge.badge-partner {
    background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%); /* Silber */
    border-color: rgba(209, 213, 219, 0.5);
    box-shadow: 0 2px 8px rgba(156, 163, 175, 0.3);
}

.status-badge.badge-premium {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    border-color: rgba(124, 58, 237, 0.4);
}

.status-badge.badge-certified {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    border-color: rgba(5, 150, 105, 0.4);
}

/* --- Meta Cards Grid --- */
.meta-cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: -50px; /* Overlap Header */
    margin-bottom: 40px;
    position: relative;
    z-index: 10;
}

.meta-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    padding: 24px;
    border: 1px solid rgba(0,0,0,0.03);
}

.meta-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    color: #1e3a5f;
}

.meta-card-title .dashicons {
    color: var(--expert-primary);
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.meta-grid-compact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
}

.meta-row {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.meta-label {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.meta-value {
    font-size: 0.95rem;
    font-weight: 500;
    color: #1e293b;
}

.contact-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.2s;
}

.btn-email {
    background: #eff6ff;
    color: #1d4ed8;
}

.btn-email:hover {
    background: #dbeafe;
}

.btn-phone {
    background: #f0fdf4;
    color: #15803d;
}

.btn-phone:hover {
    background: #dcfce7;
}

/* Social Media Buttons Grid */
.social-buttons-grid {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

/* 1 Button: volle Breite */
.social-buttons-grid.social-count-1 {
    grid-template-columns: 1fr;
}

/* 2 Buttons: je 50% */
.social-buttons-grid.social-count-2 {
    grid-template-columns: 1fr 1fr;
}

/* 3 Buttons: je 33.33% */
.social-buttons-grid.social-count-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

/* 4+ Buttons: 2x2 Grid */
.social-buttons-grid.social-count-4,
.social-buttons-grid.social-count-5,
.social-buttons-grid.social-count-6 {
    grid-template-columns: 1fr 1fr;
}

.btn-social {
    background: #f8fafc;
    color: #475569;
}

.btn-social:hover {
    background: #e2e8f0;
    color: #1e293b;
}

.social-row-center {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 8px;
}

.social-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8fafc;
    color: #64748b;
    text-decoration: none;
    transition: all 0.2s;
}

.social-icon:hover {
    background: var(--expert-primary);
    color: #fff;
    transform: translateY(-2px);
}

/* --- Content Sections Grid --- */
.content-sections-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
}

.detail-section {
    margin-bottom: 40px;
}

/* Abstand vor Spezialisierungen-Titel */
.section-content h5.mt-3 {
    margin-top: 15px !important;
}

.section-title {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0 0 20px 0;
    color: #1e3a5f;
    position: relative;
    padding-left: 16px;
}

.section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    background: var(--expert-primary);
    border-radius: 2px;
}

.section-title.small {
    font-size: 1.2rem;
    border-bottom: 1px solid #e2e8f0;
    padding-left: 0;
    padding-bottom: 10px;
}

.section-title.small::before {
    display: none;
}

.placeholder-text {
    color: #94a3b8;
    font-style: italic;
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    border: 1px dashed #cbd5e1;
}

/* Modern Lists */
.competencies-list-modern {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.competency-item-modern {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid rgba(251, 191, 36, 0.3);
    box-shadow: 0 2px 6px rgba(251, 191, 36, 0.15);
    transition: all 0.2s;
}

.competency-item-modern:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.25);
}

.check-icon {
    color: #f59e0b;
    font-size: 16px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.comp-text {
    display: flex;
    align-items: center;
}

.comp-text strong {
    display: inline;
    color: #92400e;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
}

.comp-desc {
    display: none;
}

.skills-cloud-modern {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.skill-pill-modern {
    background: #ffffff;
    color: #475569;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 2px solid #d1d5db;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
}

.skill-pill-modern:hover {
    border-color: #9ca3af;
    box-shadow: 0 2px 6px rgba(156, 163, 175, 0.2);
    transform: translateY(-1px);
}

.cert-list-modern {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cert-list-modern li {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
}

.cert-list-modern li:last-child {
    border-bottom: none;
}

.cert-list-modern .dashicons {
    color: #f59e0b;
}

/* Zertifikats-Badges */
.cert-badges-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cert-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #fefce8 0%, #fef9e7 100%);
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid rgba(251, 191, 36, 0.15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
    white-space: nowrap;
    overflow: hidden;
}

.cert-badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(251, 191, 36, 0.15);
    border-color: rgba(251, 191, 36, 0.25);
}

.cert-badge .dashicons {
    color: #d97706;
    font-size: 18px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.cert-badge .cert-text {
    color: #78716c;
    font-weight: 500;
    font-size: clamp(0.75rem, 0.8vw, 0.9rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.highlight-section {
    background: #eff6ff;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #bfdbfe;
}

.btn-book-now-full {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    background: #2563eb;
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 16px;
    transition: background 0.2s;
}

.btn-book-now-full:hover {
    background: #1d4ed8;
    color: #fff;
}

/* --- Theme Colors for Headers --- */
.expert-detail-compact .compact-header-bg {
    background: linear-gradient(135deg, #b8860b 0%, #ffd700 100%);
}

.company-detail-compact .compact-header-bg {
    background: linear-gradient(135deg, #0f5b36 0%, #0a4327 100%);
}

.event-detail-compact .compact-header-bg {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
}

/* Responsive */
@media (max-width: 768px) {
    .meta-cards-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 20px;
    }
    
    .content-sections-grid {
        grid-template-columns: 1fr;
    }
    
    .header-content-flex {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    
    .compact-header-bg {
        height: auto;
    }
    
    .header-identity {
        flex-direction: column;
        gap: 12px;
    }
    
    .header-job-row {
        justify-content: center;
    }
    
    .header-badges-area {
        margin-top: 16px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* ===== Berufliche Stationen / Career Stations ===== */
.career-stations-section {
    margin-top: 24px;
}

.career-stations-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.career-station-badge {
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    transition: all 0.2s ease;
}

.career-station-badge:hover {
    border-color: #cbd5e1;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.career-station-badge .station-company {
    font-weight: 600;
    font-size: 0.85rem;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.career-station-badge .station-position {
    font-size: 0.75rem;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    margin-top: 2px;
}

.career-station-badge .station-time {
    font-size: 0.7rem;
    color: #64748b;
    white-space: nowrap;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.career-station-badge .station-time::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.career-station-badge .station-location {
    font-size: 0.7rem;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.career-station-badge .station-location::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Kompaktere Darstellung für viele Stationen */
.career-stations-list .career-station-badge:nth-child(n+6) {
    padding: 8px 10px;
}

.career-stations-list .career-station-badge:nth-child(n+6) .station-company {
    font-size: 0.8rem;
}

.career-stations-list .career-station-badge:nth-child(n+6) .station-position,
.career-stations-list .career-station-badge:nth-child(n+6) .station-time,
.career-stations-list .career-station-badge:nth-child(n+6) .station-location {
    font-size: 0.65rem;
}


/* ========================================
   V2 PROFILE ENHANCEMENTS - Added automatically
   ======================================== */

.social-buttons-grid {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.social-buttons-grid .contact-btn.btn-social {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 20px;
    background: #f3f4f6;
    color: #4b5563;
    transition: all 0.2s;
}

.social-buttons-grid .contact-btn.btn-social:hover {
    background: var(--expert-primary);
    color: #fff;
    transform: translateY(-2px);
}

.education-list li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.education-list li:last-child {
    border-bottom: none;
}

.compliance-list li {
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

.detail-sidebar-widget .stat-row {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.detail-sidebar-widget .stat-row:last-child {
    border-bottom: none;
}

.career-stations-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.career-station-badge {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px;
}

.station-company {
    display: block;
    font-weight: 700;
    color: #111;
}

.station-position {
    display: block;
    color: var(--expert-primary);
    font-size: 0.9em;
    font-weight: 600;
}

.station-time, .station-location {
    display: block;
    font-size: 0.85em;
    color: #6b7280;
    margin-top: 2px;
}

/* Cert Badges */
.cert-badges-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cert-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ecfdf5;
    color: #047857;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
}


/* FIXED: Expert Detail Tags */
.expert-tag {
    display: inline-block;
    padding: 6px 12px;
    margin: 2px;
    border-radius: 20px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid #e0e7ff;
}


/* FIXED: Modern Sidebar Widgets */
.modern-sidebar-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.modern-sidebar-card .widget-title {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f4f6;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.modern-sidebar-card .widget-content {
    font-size: 0.95rem;
}

/* Status Pills */
.status-pill {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
}

.status-pill.status-success {
    background: #ecfdf5;
    color: #047857;
}

.status-pill.status-neutral {
    background: #f3f4f6;
    color: #6b7280;
}

/* Modern Compliance List */
.compliance-list-modern {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.compliance-list-modern li {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #4b5563;
}

.compliance-list-modern li .icon-box {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.compliance-list-modern li.item-active .icon-box {
    background: #d1fae5;
    color: #059669;
}

.compliance-list-modern li.item-inactive .icon-box {
    background: #f3f4f6;
    color: #9ca3af;
}

.compliance-list-modern li.item-active span:not(.icon-box) {
    color: #059669;
    font-weight: 500;
}
.compliance-list-modern li.item-inactive span:not(.icon-box) {
    color: #9ca3af;
    text-decoration: line-through;
}

.text-muted { color: #6c757d !important; }
.small { font-size: 0.875em; }
.text-uppercase { text-transform: uppercase; }
.d-block { display: block; }



/* FIXED: Social Buttons Full Width Layout */
.social-buttons-grid {
    display: flex;
    gap: 8px; /* Slightly tighter gap */
    width: 100%;
    margin-top: 10px;
    flex-wrap: nowrap; /* Prevent wrapping unless very small */
}

.social-buttons-grid .contact-btn.btn-social {
    flex: 1; /* Distribute width equally */
    width: auto; /* Override fixed width */
    height: auto; /* Override fixed height */
    border-radius: 6px; /* Match standard buttons */
    padding: 8px 12px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    background: #f3f4f6;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    transition: all 0.2s;
    min-width: 0; /* Add this to allow flex items to shrink below content size if needed */
}

.social-buttons-grid .contact-btn.btn-social:hover {
    background: #e5e7eb;
    color: #1f2937;
    border-color: #d1d5db;
    transform: translateY(-1px);
}

.social-buttons-grid .contact-btn.btn-social .dashicons {
    font-size: 18px;
    width: 18px; /* Fix dashicon width */
    height: 18px;
    margin: 0;
}

.social-buttons-grid .contact-btn.btn-social .btn-label {
    display: inline-block;
}

/* Responsive adjust for very small screens */
@media (max-width: 380px) {
    .social-buttons-grid {
        flex-wrap: wrap;
    }
    .social-buttons-grid .contact-btn.btn-social {
        flex: 1 1 100%; /* Stack on very small screens */
    }
}

/* ========================================
   V2.2 - NEUE STYLES FÜR ERWEITERTE FELDER
   ======================================== */

/* Skill Badges mit Level-Farben */
.skill-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 20px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.skill-badge.level-expert {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border-color: #059669;
}

.skill-badge.level-advanced {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    border-color: #2563eb;
}

.skill-badge.level-intermediate {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
    border-color: #d97706;
}

.skill-badge.level-beginner,
.skill-badge.level-basic {
    background: #f3f4f6;
    color: #4b5563;
    border-color: #d1d5db;
}

/* Cloud Platform Badges */
.cloud-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.875rem;
    border: 1px solid;
}

.cloud-badge.cloud-azure {
    background: linear-gradient(135deg, #0078d4 0%, #005a9e 100%);
    color: white;
    border-color: #005a9e;
}

.cloud-badge.cloud-aws {
    background: linear-gradient(135deg, #ff9900 0%, #ff8c00 100%);
    color: white;
    border-color: #ff8c00;
}

.cloud-badge.cloud-gcp {
    background: linear-gradient(135deg, #4285f4 0%, #3367d6 100%);
    color: white;
    border-color: #3367d6;
}

.cloud-badge.cloud-oci {
    background: linear-gradient(135deg, #f80000 0%, #c60000 100%);
    color: white;
    border-color: #c60000;
}

.cloud-badge.cloud-ibm {
    background: linear-gradient(135deg, #0530ad 0%, #001d6c 100%);
    color: white;
    border-color: #001d6c;
}

/* Industry Badges */
.industry-badge {
    display: inline-block;
    padding: 4px 10px;
    background: #eef2ff;
    color: #4338ca;
    border-radius: 16px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid #c7d2fe;
}

/* Stats Box */
.stat-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 24px;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.stat-box .stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: #667eea;
    line-height: 1;
}

.stat-box .stat-label {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* Services Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.service-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    font-size: 0.875rem;
    color: #6b7280;
    transition: all 0.2s ease;
}

.service-item.active {
    background: #ecfdf5;
    border-color: #10b981;
    color: #065f46;
}

.service-item.active .dashicons {
    color: #10b981;
}

.service-item.active.highlight {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-color: #f59e0b;
    color: #92400e;
}

.service-item.active.highlight .dashicons {
    color: #f59e0b;
}

/* Badge Styles für Konditionen */
.badge.bg-success {
    background-color: #10b981 !important;
}

.badge.bg-info {
    background-color: #3b82f6 !important;
}

.badge.bg-primary {
    background-color: #667eea !important;
}

.badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
}

/* Form Section Title (Dashboard) */
.form-section {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e5e7eb;
    margin-bottom: 20px;
}

.form-section-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #667eea;
}

/* Repeater Row Styles */
.repeater-row {
    background: #f9fafb;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #e5e7eb;
}

.repeater-row .form-control {
    font-size: 0.9rem;
}

.repeater-row .btn-danger {
    padding: 4px 8px;
    font-size: 0.75rem;
}

/* Checkbox Label in Forms */
.checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    transition: all 0.2s ease;
}

.checkbox-label:hover {
    background: #f3f4f6;
    border-color: #d1d5db;
}

/* ========================================
   V2.2: REFERENZEN & PORTFOLIO STYLES
   ======================================== */

/* Testimonials */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.testimonial-card {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.testimonial-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.testimonial-rating {
    color: #fbbf24;
    font-size: 1.1rem;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.testimonial-text {
    font-style: italic;
    color: #475569;
    line-height: 1.6;
    margin: 0 0 15px 0;
    padding: 0;
    border: none;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.testimonial-author strong {
    color: #1e293b;
    font-size: 0.95rem;
}

.testimonial-author .text-muted {
    font-size: 0.85rem;
}

/* Case Studies */
.case-studies-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.case-study-item {
    background: #ffffff;
    border-radius: 10px;
    padding: 16px;
    border: 1px solid #e5e7eb;
    transition: border-color 0.2s ease;
}

.case-study-item:hover {
    border-color: #667eea;
}

.case-study-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #1f2937;
}

.case-study-title a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #667eea;
    text-decoration: none;
}

.case-study-title a:hover {
    text-decoration: underline;
}

.case-study-title .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.case-study-title .dashicons-external {
    font-size: 14px;
    width: 14px;
    height: 14px;
    opacity: 0.6;
}

.case-study-desc {
    margin: 8px 0 0 26px;
    line-height: 1.5;
}

/* Conference Talks */
.talks-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.talk-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background: #faf5ff;
    border-radius: 10px;
    border: 1px solid #e9d5ff;
}

.talk-item .dashicons-microphone {
    color: #8b5cf6;
    font-size: 20px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.talk-info {
    flex: 1;
    line-height: 1.5;
}

.talk-info strong {
    color: #1f2937;
}

.talk-info .text-muted {
    color: #6b7280;
}

.talk-info a {
    color: #8b5cf6;
}

.talk-info a:hover {
    color: #7c3aed;
}

/* Database Badge */
.db-badge {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
    border: 1px solid rgba(251, 191, 36, 0.3);
}

/* References Section */
.references-section h5 {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

.checkbox-label input[type="checkbox"]:checked + span,
.checkbox-label:has(input[type="checkbox"]:checked) {
    color: #10b981;
}

/* ========================================
   V2.2: ARBEITSWEISE BADGES (Hell)
   ======================================== */

.workstyle-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.workstyle-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.workstyle-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

/* Remote Badge - Hellblau */
.workstyle-badge.badge-remote {
    background: #eff6ff;
    border: 1px solid #93c5fd;
    color: #1e40af;
}

.workstyle-badge.badge-remote .dashicons {
    color: #3b82f6;
}

/* Travel Badge - Helltürkis */
.workstyle-badge.badge-travel {
    background: #f0fdfa;
    border: 1px solid #5eead4;
    color: #134e4a;
}

.workstyle-badge.badge-travel .dashicons {
    color: #14b8a6;
}

/* Retainer Ja Badge - Hellgrün */
.workstyle-badge.badge-retainer-yes {
    background: #ecfdf5;
    border: 1px solid #86efac;
    color: #166534;
}

.workstyle-badge.badge-retainer-yes .dashicons {
    color: #22c55e;
}

/* Inaktive/Keine Angabe Badge - Hellgrau */
.workstyle-badge.badge-inactive {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #64748b;
}

.workstyle-badge.badge-inactive .dashicons {
    color: #94a3b8;
}

/* Teamleitungserfahrung Badge - Lila */
.workstyle-badge.badge-teamlead {
    background: #f5f3ff;
    border: 1px solid #c4b5fd;
    color: #6d28d9;
}

.workstyle-badge.badge-teamlead .dashicons {
    color: #8b5cf6;
}

.workstyle-badge:hover {
    filter: brightness(0.98);
    transform: translateY(-1px);
}

/* ================================================
   COMPLIANCE GRID (Wie Konditionen)
   ================================================ */
.compliance-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.compliance-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.compliance-item.active {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.compliance-item.inactive {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.compliance-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #e0f2fe;
    border-radius: 8px;
    flex-shrink: 0;
}

.compliance-item.active .compliance-icon {
    background: #d1fae5;
}

.compliance-item.inactive .compliance-icon {
    background: #e2e8f0;
}

.compliance-icon .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #0284c7;
}

.compliance-item.active .compliance-icon .dashicons {
    color: #059669;
}

.compliance-item.inactive .compliance-icon .dashicons {
    color: #94a3b8;
}

.compliance-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.compliance-label {
    font-size: 12px;
    font-weight: 600;
    color: #1e293b;
}

.compliance-item.inactive .compliance-label {
    color: #64748b;
}

.compliance-value {
    font-size: 11px;
    color: #64748b;
}

.compliance-highlight {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    background: #fef3c7;
    border-radius: 10px;
    border: 1px solid #fcd34d;
}

.compliance-highlight .dashicons {
    color: #d97706;
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.compliance-highlight span {
    font-size: 13px;
    font-weight: 600;
    color: #92400e;
}

/* ================================================
   NETZWERK & SKALIERUNG GRID
   ================================================ */
.network-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.network-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.network-item.active {
    background: #eff6ff;
    border-color: #93c5fd;
}

.network-item.inactive {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.network-item.highlight {
    background: #f0fdfa;
    border-color: #5eead4;
    grid-column: span 2;
}

.network-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #dbeafe;
    border-radius: 8px;
    flex-shrink: 0;
}

.network-item.active .network-icon {
    background: #dbeafe;
}

.network-item.inactive .network-icon {
    background: #e2e8f0;
}

.network-item.highlight .network-icon {
    background: #ccfbf1;
}

.network-icon .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #3b82f6;
}

.network-item.inactive .network-icon .dashicons {
    color: #94a3b8;
}

.network-item.highlight .network-icon .dashicons {
    color: #14b8a6;
}

.network-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.network-label {
    font-size: 12px;
    font-weight: 600;
    color: #1e293b;
}

.network-item.inactive .network-label {
    color: #64748b;
}

.network-value {
    font-size: 18px;
    font-weight: 700;
    color: #0d9488;
}

.network-partners {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 15px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.network-partners .dashicons {
    color: #3b82f6;
    font-size: 18px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}

.network-partners-content {
    flex: 1;
}

.network-partners-title {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #1e293b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.network-partners-text {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

/* ================================================
   KONDITIONEN - Modern Grid Layout (Hell)
   ================================================ */
.conditions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 15px;
}

.condition-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.condition-item:hover {
    border-color: #cbd5e1;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.condition-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #e0f2fe;
    border-radius: 8px;
    flex-shrink: 0;
}

.condition-icon .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: #0284c7;
}

.condition-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.condition-value {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.condition-label {
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

/* Verfügbarkeits-Highlight */
.condition-highlight {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 15px;
    background: #ecfdf5;
    border-radius: 10px;
    border: 1px solid #a7f3d0;
    margin-bottom: 15px;
}

.condition-highlight .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: #059669;
}

.condition-highlight span {
    font-size: 13px;
    color: #065f46;
}

.condition-highlight strong {
    color: #047857;
    font-weight: 600;
}

/* Konditionen Badges - 2x2 Grid Hell */
.condition-badges {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.condition-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s ease;
    text-align: center;
}

.condition-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

.condition-badge.badge-fixed {
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #93c5fd;
}

.condition-badge.badge-fixed .dashicons {
    color: #3b82f6;
}

.condition-badge.badge-time {
    background: #fefce8;
    color: #a16207;
    border: 1px solid #fde047;
}

.condition-badge.badge-time .dashicons {
    color: #ca8a04;
}

.condition-badge.badge-inactive {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.condition-badge:hover {
    filter: brightness(0.98);
    transform: translateY(-1px);
}

/* Bevorzugte Unternehmensgrößen */
.preferred-company-sizes {
    margin-top: 12px;
    padding-top: 0;
}

.condition-label-small {
    display: block;
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.size-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.size-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #1e40af;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-radius: 16px;
    border: 1px solid #93c5fd;
}

/* Serviceangebot Card */
.service-offerings-card {
    margin-top: 15px;
}

.service-offerings-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.service-offering-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-radius: 8px;
    border: 1px solid #86efac;
    font-size: 12px;
    color: #166534;
    font-weight: 500;
}

.service-offering-item .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: #22c55e;
}

/* Responsive für kleine Bildschirme */
@media (max-width: 480px) {
    .conditions-grid {
        grid-template-columns: 1fr;
    }
    
    .condition-item {
        padding: 10px;
    }
    
    .condition-icon {
        width: 32px;
        height: 32px;
    }
    
    .condition-value {
        font-size: 14px;
    }
}
/* ================================================
   EXPERTISE STATS - Mini Stats im Header
   ================================================ */
.expertise-stats-mini {
    display: flex;
    gap: 15px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e2e8f0;
}

.stat-mini {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-radius: 10px;
    border: 1px solid #93c5fd;
}

.stat-mini-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border-radius: 8px;
}

.stat-mini-icon .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: #ffffff;
}

.stat-mini-value {
    font-size: 22px;
    font-weight: 700;
    color: #1e40af;
    line-height: 1;
}

.stat-mini-label {
    font-size: 11px;
    color: #3b82f6;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ================================================
   TECHNISCHE EXPERTISE - Modern Grid Design (Hell)
   ================================================ */
.tech-expertise-section .section-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tech-expertise-section .section-title .dashicons {
    color: #3b82f6;
}

.tech-expertise-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.tech-category-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.tech-category-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}

.tech-category-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.tech-category-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border-radius: 10px;
}

.tech-category-icon .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #ffffff;
}

.tech-category-title {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tech-skills-list {
    padding: 15px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 250px;
    overflow-y: auto;
    background: #ffffff;
}

.tech-skill-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 3px solid #94a3b8;
}

/* Level-Farben: Experte=rot, Fortgeschritten=grün, Mittel=gelb, Anfänger=grau */
.tech-skill-item.level-expert {
    border-left-color: #ef4444;
    background: #fef2f2;
}

.tech-skill-item.level-advanced {
    border-left-color: #10b981;
    background: #ecfdf5;
}

.tech-skill-item.level-intermediate {
    border-left-color: #f59e0b;
    background: #fefce8;
}

.tech-skill-item.level-beginner {
    border-left-color: #94a3b8;
    background: #f1f5f9;
}

.tech-skill-name {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    flex: 1;
}

.tech-skill-level {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
}

/* Level Badge Farben */
.level-expert .tech-skill-level {
    background: #fee2e2;
    color: #991b1b;
}

.level-advanced .tech-skill-level {
    background: #d1fae5;
    color: #065f46;
}

.level-intermediate .tech-skill-level {
    background: #fef3c7;
    color: #92400e;
}

.level-beginner .tech-skill-level {
    background: #e2e8f0;
    color: #475569;
}

.tech-skill-bar {
    width: 100%;
    height: 4px;
    background: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
}

.tech-skill-fill {
    height: 100%;
    border-radius: 2px;
    transition: width 0.5s ease;
}

.level-expert .tech-skill-fill {
    width: 100%;
    background: linear-gradient(90deg, #10b981, #34d399);
}

.level-advanced .tech-skill-fill {
    width: 75%;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
}

.level-intermediate .tech-skill-fill {
    width: 50%;
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.level-beginner .tech-skill-fill {
    width: 25%;
    background: linear-gradient(90deg, #94a3b8, #cbd5e1);
}

/* Cloud Badges Grid */
.cloud-badges-grid {
    padding: 15px 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    background: #ffffff;
}

/* Cloud Badges - wie andere Tech-Kategorien */
.cloud-platform-badge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 8px;
    border-left: 3px solid #94a3b8;
    min-width: auto;
    text-align: left;
    transition: all 0.2s ease;
    background: #f8fafc;
}

.cloud-platform-badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Cloud Level-Farben konsistent */
.cloud-platform-badge.level-expert,
.cloud-platform-badge[data-level="expert"] {
    border-left-color: #ef4444;
    background: #fef2f2;
}

.cloud-platform-badge.level-advanced,
.cloud-platform-badge[data-level="advanced"] {
    border-left-color: #10b981;
    background: #ecfdf5;
}

.cloud-platform-badge.level-intermediate,
.cloud-platform-badge[data-level="intermediate"] {
    border-left-color: #f59e0b;
    background: #fefce8;
}

.cloud-platform-badge.level-beginner,
.cloud-platform-badge.level-basic,
.cloud-platform-badge[data-level="beginner"],
.cloud-platform-badge[data-level="basic"] {
    border-left-color: #94a3b8;
    background: #f1f5f9;
}

/* Legacy Cloud Platform Farben beibehalten für Kompatibilität */
.cloud-platform-badge.cloud-azure {
    background: #e0f2fe;
    border-left-color: #0ea5e9;
}

.cloud-platform-badge.cloud-aws {
    background: #fef3c7;
    border-left-color: #f59e0b;
}

.cloud-platform-badge.cloud-gcp {
    background: #dbeafe;
    border-left-color: #3b82f6;
}

.cloud-platform-badge.cloud-oci {
    background: #fee2e2;
    border-left-color: #ef4444;
}

.cloud-platform-badge.cloud-ibm {
    background: #e0e7ff;
    border-left-color: #6366f1;
}

.cloud-platform-name {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    flex: 1;
}

.cloud-platform-level {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(0,0,0,0.08);
    color: #475569;
}

/* Branchenerfahrung Section */
.industry-experience-section {
    padding: 20px;
    margin-top: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.industry-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.industry-title .dashicons {
    color: #3b82f6;
}

.industry-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.industry-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: 20px;
    border: 1px solid #cbd5e1;
    transition: all 0.2s ease;
}

.industry-tag:hover {
    background: linear-gradient(135deg, #f1f5f9 0%, #dbeafe 100%);
    border-color: #93c5fd;
    transform: translateY(-1px);
}

/* =====================================================
   BEVORZUGTE TOOLS SECTION - Wie Branchenerfahrung
   ===================================================== */

.tools-experience-section {
    padding: 20px;
    margin-top: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.tools-exp-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tools-exp-title .dashicons {
    color: #3b82f6;
}

.tools-exp-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tools-exp-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #1d4ed8;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-radius: 20px;
    border: 1px solid #93c5fd;
    transition: all 0.2s ease;
}

.tools-exp-tag:hover {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: #60a5fa;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.2);
}

/* =====================================================
   TEAM & PROJEKTERFAHRUNG SECTION - Wie Sprachen
   ===================================================== */

.team-project-experience {
    padding-top: 12px;
    /* Trennlinie entfernt für nahtloseren Übergang */
}

.experience-badges-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.experience-badge-v2 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    border: 1px solid;
    transition: all 0.2s ease;
}

.experience-badge-v2:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.experience-badge-v2 .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

.experience-badge-v2 strong {
    font-weight: 500;
}

/* Sprachen Badges mit dezenten Verläufen */
.language-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 13px;
    color: #1e293b;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-radius: 8px;
    border: 1px solid #86efac;
    transition: all 0.2s ease;
}

.language-badge strong {
    font-weight: 600;
    color: #166534;
}

.language-badge .lang-level {
    font-size: 11px;
    color: #64748b;
}

.language-badge:hover {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    border-color: #4ade80;
    transform: translateY(-1px);
}

/* Kompakte Qualifikationen in Sidebar */
.education-compact,
.languages-compact {
    font-size: 13px;
}

.education-item {
    padding: 6px 0;
    border-bottom: 1px solid #f1f5f9;
    line-height: 1.4;
}

.education-item:last-child {
    border-bottom: none;
}

.education-item strong {
    color: #1e293b;
    font-weight: 600;
}

.education-item .text-muted {
    color: #64748b;
    font-size: 12px;
}

/* ================================================
   EINHEITLICHE SECTION CARDS (wie Tech Expertise)
   ================================================ */

/* Fachliche Expertise Card-Design */
.detail-section .section-content {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.detail-section .section-content h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-section .section-content h5:not(:first-child) {
    margin-top: 20px;
}

/* Expert Tags (Skills, Spezialisierungen) - Helles Design */
.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.expert-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    color: #1e40af;
    background: #eff6ff;
    border-radius: 20px;
    border: 1px solid #93c5fd;
    transition: all 0.2s ease;
}

.expert-tag:hover {
    background: #dbeafe;
    border-color: #60a5fa;
    transform: translateY(-1px);
}

.expert-tag.specialization-tag {
    color: #7c3aed;
    background: #f5f3ff;
    border-color: #c4b5fd;
}

.expert-tag.specialization-tag:hover {
    background: #ede9fe;
    border-color: #a78bfa;
}

/* Services Grid - Helles Card Design */
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.service-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.service-item.active {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.service-item.active .dashicons {
    color: #059669;
}

.service-item.highlight {
    background: #fef3c7;
    border-color: #fcd34d;
}

.service-item.highlight .dashicons {
    color: #d97706;
}

.service-item .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #64748b;
}

.service-item span:not(.dashicons) {
    font-size: 13px;
    font-weight: 500;
    color: #1e293b;
}

/* Testimonials Grid - Hell */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.testimonial-card {
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 20px;
}

.testimonial-rating {
    color: #f59e0b;
    font-size: 16px;
    margin-bottom: 10px;
}

.testimonial-text {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 15px;
}

.testimonial-author strong {
    display: block;
    color: #1e293b;
    font-size: 14px;
}

.testimonial-author .text-muted {
    font-size: 12px;
}

/* Case Studies - Hell */
.case-studies-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.case-study-item {
    padding: 15px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.case-study-title {
    font-weight: 600;
    color: #1e293b;
}

.case-study-title a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #3b82f6;
    text-decoration: none;
}

.case-study-title a:hover {
    color: #2563eb;
}

.case-study-title .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.case-study-desc {
    margin-top: 8px;
    margin-bottom: 0;
}

/* Talks List - Hell */
.talks-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.talk-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.talk-item .dashicons {
    color: #8b5cf6;
    font-size: 20px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.talk-info strong {
    color: #1e293b;
}

/* Career Stations - Hell */
.career-stations-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.career-station-badge {
    padding: 18px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #3b82f6;
}

.station-company {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
}

.station-position {
    display: block;
    font-size: 14px;
    color: #3b82f6;
    font-weight: 500;
    margin-top: 4px;
}

.station-meta {
    margin-top: 10px;
    font-size: 13px;
    color: #64748b;
}

.station-time::before {
    content: '📅 ';
}

.station-location::before {
    content: '📍 ';
}

/* Education List - Hell */
.education-list li {
    padding: 15px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-bottom: 10px !important;
    border-bottom: none !important;
}

.education-list li .fw-bold {
    color: #1e293b;
}

/* Language Badges - Hell */
.detail-section .badge.badge-secondary {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 13px;
    padding: 8px 14px !important;
}

/* Responsive */
@media (max-width: 768px) {
    .tech-expertise-grid {
        grid-template-columns: 1fr;
    }
    
    .expertise-stats-mini {
        flex-wrap: wrap;
    }
    
    .stat-mini {
        flex: 1;
        min-width: 140px;
    }
    
    .services-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .tech-skills-list {
        max-height: none;
    }
    
    .stat-mini {
        flex-direction: column;
        text-align: center;
        padding: 12px;
    }
    
    .stat-mini-value {
        font-size: 20px;
    }
}

/* =====================================================
   TOOLS SECTION - Bevorzugte Tools Card
   ===================================================== */

.tools-section {
    margin-bottom: 25px;
}

.tools-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.tools-header {
    padding: 16px 20px;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    display: flex;
    align-items: center;
    gap: 10px;
}

.tools-header i {
    font-size: 20px;
    color: #ffffff;
}

.tools-title {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.tools-badges {
    padding: 16px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tool-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #eff6ff;
    color: #1d4ed8;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #bfdbfe;
    transition: all 0.2s ease;
}

.tool-badge:hover {
    background: #dbeafe;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.2);
}

.tool-badge i {
    font-size: 12px;
    color: #3b82f6;
}

/* =====================================================
   SOZIALE EXPERTISE SECTION - Soft Skills
   ===================================================== */

.social-expertise-section {
    margin-bottom: 25px;
}

.social-expertise-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.social-expertise-header {
    padding: 16px 20px;
    background: linear-gradient(135deg, #ec4899 0%, #be185d 100%);
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-expertise-header i {
    font-size: 20px;
    color: #ffffff;
}

.social-expertise-title {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.soft-skills-badges {
    padding: 16px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.soft-skill-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #fdf2f8;
    color: #be185d;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #fbcfe8;
    transition: all 0.2s ease;
}

.soft-skill-badge:hover {
    background: #fce7f3;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(236, 72, 153, 0.2);
}

.soft-skill-badge i {
    font-size: 12px;
    color: #ec4899;
}

/* =====================================================
   WORKSTYLE BADGE - Projekte
   ===================================================== */

.workstyle-badge.badge-projects {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #ffffff;
}

.workstyle-badge.badge-projects i {
    color: #ffffff;
}

/* =====================================================
   RSS FEED SECTION - Full Width Card
   ===================================================== */

.rss-feed-section {
    margin-top: 30px;
    margin-bottom: 25px;
}

.rss-feed-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.rss-feed-header {
    padding: 16px 20px;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    display: flex;
    align-items: center;
    gap: 10px;
}

.rss-feed-header i {
    font-size: 20px;
    color: #ffffff;
}

.rss-feed-title {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.rss-feed-content {
    padding: 20px;
}

.rss-feed-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rss-feed-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background: #fff7ed;
    border-radius: 8px;
    border-left: 3px solid #f97316;
    transition: all 0.2s ease;
}

.rss-feed-item:hover {
    background: #ffedd5;
    transform: translateX(4px);
}

.rss-feed-item i {
    color: #f97316;
    font-size: 14px;
    margin-top: 2px;
    flex-shrink: 0;
}

.rss-feed-item a {
    color: #1e293b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.rss-feed-item a:hover {
    color: #f97316;
}

.rss-feed-empty {
    text-align: center;
    padding: 30px;
    color: #64748b;
}

.rss-feed-empty {
    text-align: center;
    padding: 30px 20px;
}

.rss-feed-empty .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: #cbd5e1;
    display: block;
    margin: 0 auto 12px;
}

.rss-feed-empty p {
    margin: 0;
    font-size: 14px;
    color: #64748b;
}

/* RSS Feed Header verbessert */
.rss-feed-header {
    padding: 16px 20px;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    display: flex;
    align-items: center;
    gap: 12px;
}

.rss-feed-header .dashicons {
    font-size: 22px;
    width: 22px;
    height: 22px;
    color: #ffffff;
}

.rss-feed-title {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* RSS Feed Item verbessert */
.rss-feed-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background: #fff7ed;
    border-radius: 8px;
    border-left: 3px solid #f97316;
    transition: all 0.2s ease;
}

.rss-feed-item .dashicons {
    color: #f97316;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

.rss-feed-item a {
    display: flex;
    flex-direction: column;
    color: #1e293b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    flex: 1;
}

.rss-feed-item a:hover {
    color: #ea580c;
}

.rss-item-title {
    font-weight: 500;
}

.rss-item-date {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 400;
    margin-top: 4px;
}

/* RSS Feed Footer mit Button */
.rss-feed-footer {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #fed7aa;
    text-align: center;
}

.rss-feed-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #ffffff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.25);
}

.rss-feed-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35);
    color: #ffffff;
}

.rss-feed-all-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* =====================================================
   TOOLS CATEGORY CARD - Als tech-category-card Style
   ===================================================== */

.tools-category-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.tools-category-card .tech-category-header {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}

.tools-skills-list {
    padding: 16px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tool-skill-item {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background: #eff6ff;
    color: #1d4ed8;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #bfdbfe;
    transition: all 0.2s ease;
}

.tool-skill-item:hover {
    background: #dbeafe;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.2);
}

/* =====================================================
   SPRACHEN IN ARBEITSWEISE - V2 Design
   ===================================================== */

.languages-workstyle {
    padding-top: 12px;
    /* Trennlinie entfernt für nahtloseren Übergang */
}

.workstyle-section-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.languages-badges-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.language-badge-v2 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    border: 1px solid;
    transition: all 0.2s ease;
}

.language-badge-v2:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.language-badge-v2 strong {
    font-weight: 600;
}

.lang-level-v2 {
    font-weight: 400;
    opacity: 0.8;
    font-size: 12px;
}

/* =====================================================
   WORKSTYLE BADGES - Dezenter Stil für Teamlead
   ===================================================== */

.workstyle-badge.badge-teamlead {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.workstyle-badge.badge-teamlead .dashicons {
    color: #64748b;
}

/* Responsive für neue Sections */
@media (max-width: 768px) {
    .tools-skills-list,
    .soft-skills-badges {
        gap: 6px;
    }
    
    .tool-skill-item,
    .soft-skill-badge {
        padding: 5px 10px;
        font-size: 12px;
    }
    
    .rss-feed-item {
        padding: 10px 12px;
    }
    
    .languages-badges-grid {
        gap: 6px;
    }
    
    .language-badge-v2 {
        padding: 5px 10px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .tools-category-card .tech-category-header,
    .social-expertise-header,
    .rss-feed-header {
        padding: 12px 16px;
    }
    
    .tools-skills-list,
    .soft-skills-badges,
    .rss-feed-content {
        padding: 12px 16px;
    }
    
    .rss-feed-all-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ========================================
   ADMIN PROFILE NOTICE CARD
   Hinweis für vom Admin angelegte Profile
   ======================================== */

.admin-notice-section {
    margin-top: 40px;
    margin-bottom: 40px;
}

.admin-profile-notice-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px 28px;
    background: linear-gradient(135deg, #fefce8 0%, #fef9c3 50%, #fef08a 100%);
    border: 1px solid #fde047;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(250, 204, 21, 0.15);
    position: relative;
    overflow: hidden;
}

.admin-profile-notice-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #eab308 0%, #ca8a04 100%);
}

.admin-profile-notice-card .notice-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.admin-profile-notice-card .notice-icon .dashicons {
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: #ffffff;
}

.admin-profile-notice-card .notice-content {
    flex: 1;
}

.admin-profile-notice-card .notice-title {
    margin: 0 0 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #92400e;
}

.admin-profile-notice-card .notice-text {
    margin: 0 0 12px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #78350f;
}

.admin-profile-notice-card .notice-cta {
    margin: 0;
    font-size: 0.9rem;
    color: #92400e;
}

.admin-profile-notice-card .notice-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #b45309;
    font-weight: 600;
    text-decoration: none;
    padding: 4px 10px;
    background: rgba(180, 83, 9, 0.1);
    border-radius: 6px;
    margin: 0 4px;
    transition: all 0.2s ease;
}

.admin-profile-notice-card .notice-link:hover {
    background: #b45309;
    color: #ffffff;
}

.admin-profile-notice-card .notice-link .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    transition: transform 0.2s ease;
}

.admin-profile-notice-card .notice-link:hover .dashicons {
    transform: translateX(3px);
}

/* Responsive */
@media (max-width: 768px) {
    .admin-profile-notice-card {
        flex-direction: column;
        padding: 20px;
        gap: 16px;
    }
    
    .admin-profile-notice-card .notice-icon {
        width: 40px;
        height: 40px;
    }
    
    .admin-profile-notice-card .notice-icon .dashicons {
        font-size: 20px;
        width: 20px;
        height: 20px;
    }
    
    .admin-profile-notice-card .notice-title {
        font-size: 1rem;
    }
    
    .admin-profile-notice-card .notice-text,
    .admin-profile-notice-card .notice-cta {
        font-size: 0.85rem;
    }
}/* ========================================
   SHARED ARCHIVE HEADER & SEARCH STYLES
   (Sync with IT Expert Events v2)
   ======================================== */

.archive-filter-bar {
    margin-bottom: 0;
    background: #f0f2f4;
    padding: 14px 18px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.expert-search-form,
.company-search-form {
    display: flex;
    width: 100%;
}

.button-group {
    display: flex;
    gap: 15px;
    width: 100%;
    align-items: center;
}

.search-input-wrapper {
    position: relative;
    flex-grow: 1;
}

.search-input-wrapper .dashicons {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}

.search-field {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    font-size: 1rem;
    transition: all 0.2s;
}

/* Filter Button */
.filter-button {
    background: #334155;
    color: #ffffff;
    padding: 10px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    height: auto;
    line-height: normal;
}

.filter-button:hover {
    background: #1e293b;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.18);
    color: #ffffff;
}

.filter-select {
    padding: 10px 30px 10px 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    font-size: 0.95rem;
    color: #64748b;
    background-color: #f8fafc;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 600px) {
    .button-group {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Toggle Filter Button (Secondary) */
.btn-toggle-filters {
    background: #ffffff !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-toggle-filters .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.btn-toggle-filters:hover,
.btn-toggle-filters.active {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

/* Filter Panel Container */
.filters-panel {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 25px 20px 20px;
    margin-top: -18px; /* Pull up to hide under the bar's bottom curve */
    margin-bottom: 0;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1; /* Below bar */
}

/* Ensure Bar stays on top */
.archive-filter-bar {
    position: relative;
    z-index: 10;
}

/* Grid Layout for Filters */
.filters-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

/* Filter Fields */
.filter-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #334155;
    font-size: 0.9rem;
}

.filter-group input,
.filter-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #1e293b;
    background: #f8fafc;
}

/* Filter Actions */
.filters-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}

.btn-apply {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-apply:hover {
    background: #2563eb;
}

.btn-reset {
    background: white;
    color: #64748b;
    padding: 9px 19px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s;
}

.btn-reset:hover {
    background: #f1f5f9;
    color: #334155;
    text-decoration: none;
}

/* ========================================
   COMPANY LIST CARD LAYOUT ADJUSTMENTS
   ======================================== */

.company-card--list {
    grid-template-columns: 145px 1fr 145px !important;
}

/* Ensure actions column matches width */
.company-card--list .company-card-actions {
    width: 145px;
    padding: 10px;
}

/* Adjust Middle Content spacing */
.company-card--list .company-card-content {
    padding: 0 15px; /* Add some breathing room */
}

/* ========================================
   SEARCH BAR FIXES (One Line & Spacing)
   ======================================== */

/* 30px gap from theme header to search card */
.expert-archive,
.company-archive {
    padding-top: 30px !important;
}

.archive-filter-bar {
    margin-top: 0 !important; /* Unified: header margin-bottom handles gap */
}

/* Ensure no wrapping in button group */
.expert-search-form,
.company-search-form {
    flex-wrap: nowrap !important;
    align-items: center;
}

.button-group {
    flex-wrap: nowrap !important;
    width: auto !important; /* Let it shrink/grow as needed, not 100% forcing breaks */
    flex-shrink: 0;
}

.search-input-wrapper {
    flex-grow: 1;
    min-width: 200px; /* Prevent crushing */
}

/* Mobile Fallback */
@media (max-width: 768px) {
    .company-card--list {
         grid-template-columns: 1fr !important;
         height: auto !important;
         max-height: none !important;
    }
    
    .expert-search-form,
    .company-search-form {
        flex-wrap: wrap !important;
    }
}

/* ========================================
   FINAL LAYOUT FIXES (High Specificity)
   ======================================== */

html body .archive-filter-bar {
    margin-top: 0 !important; /* Unified: header margin-bottom handles gap */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

/* Legacy button-group removed - archive-filter-bar itself is now flex */

/* Input Wrapper should grow */
html body .archive-filter-bar .search-input-wrapper {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important; /* Allow shrinking below content size if needed */
    width: auto !important;
}

/* Inputs inside wrapper */
html body .archive-filter-bar .search-field {
    width: 100% !important;
    margin: 0 !important;
}

/* View Mode Toggle Buttons */
html body .archive-filter-bar .view-mode-toggle {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Selects and Buttons: Fixed or Auto width, no growing */
html body .archive-filter-bar .filter-select,
html body .archive-filter-bar .filter-button,
html body .archive-filter-bar .btn-toggle-filters {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Responsive Override for very small screens only */
@media (max-width: 768px) {
    html body .archive-filter-bar .button-group {
        flex-wrap: wrap !important;
        gap: 15px !important;
    }
    
    html body .archive-filter-bar .search-input-wrapper {
        width: 100% !important;
        flex-basis: 100% !important;
    }
    
    html body .archive-filter-bar .filter-select {
        flex-grow: 1 !important;
    }
}

/* ========================================
   LATEST ADJUSTMENTS (Widths & Spacing)
   ======================================== */

/* 1. Company List Card: Right Column 160px */
.company-card--list {
    grid-template-columns: 145px 1fr 160px !important;
}

.company-card--list .company-card-actions {
    width: 160px !important;
}

/* 2. Content Padding Reduction (Companies & Experts) */
/* Reduce container padding/margin to pull content 10px closer to edges */
.expert-archive-wrapper,
.company-archive-wrapper {
    margin-top: 0;
    margin-bottom: 50px;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}

/* Ensure inner container allows this expansion if needed, 
   or just adjust the container max-width if it's constrained by the theme */
@media (min-width: 1200px) {
    .expert-archive .container,
    .company-archive .container {
        padding-left: 10px; /* Assuming theme has 20px default, reducing effective visual padding */
        padding-right: 10px;
        max-width: 1420px; /* Allow it to be slightly wider */
    }
}

/* ========================================
   SEARCH BAR ALIGNMENT FIX
   ======================================== */

/* Add logical spacing back to Search Bar to align with content below */
/* Counteracts the negative margin of the wrapper for this specific element */
html body .expert-archive-wrapper .archive-filter-bar,
html body .company-archive-wrapper .archive-filter-bar {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: auto !important; /* Override the previous 100% to allow margins to work */
}

/* ========================================
   REVERTING & UNIFYING SPACING
   ======================================== */

/* 1. Reset Wrapper: Remove negative margins, add 10px indent (padding) instead */
html body .expert-archive-wrapper,
html body .company-archive-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 50px !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* 2. Reset Search Bar: Remove specific margins so it aligns with padding above */
html body .expert-archive-wrapper .archive-filter-bar,
html body .company-archive-wrapper .archive-filter-bar {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* ========================================
   CONTENT WIDTH ALIGNMENT FIX
   ======================================== */

/* Force Lists and Grids to consume 100% of the wrapper width (which has the padding) */
html body .company-list-view,
html body .expert-cards-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    display: grid !important; /* Ensure Grid behavior for precise column control */
}

/* Ensure Flex fallback for company list view if grid causes issues, 
   but previously we treated company-list-view as flex column of cards.
   Actually, .company-list-view is container. .company-card--list is the item.
   The list view itself needs to be full width.
*/
html body .company-list-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

/* Ensure individual cards stretch fully */
html body .company-card,
html body .expert-card {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Verify Wrapper has no extra constraints */
html body .expert-archive-wrapper,
html body .company-archive-wrapper {
    display: block !important;
}

/* ========================================
   RESULTS BADGE & FILTER PANEL FIX
   ======================================== */

/* 1. Results Badge - Top Right Corner of Search Bar */
html body .archive-filter-bar {
    position: relative; /* Anchor for absolute badge */
}

html body .results-badge {
    position: absolute;
    top: -10px;
    right: 20px; /* Indent slightly */
    background: #3b82f6;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 999px;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.3);
    border: 2px solid white; /* Make it pop against background */
    z-index: 20;
}

/* 2. Filter Panel Layout Fix - Ensure it breaks to new line */
/* The Form container needs to be a column flex or block layout */
html body .expert-search-form,
html body .company-search-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important; /* No gap between Bar and Panel */
    width: 100% !important;
}

/* Reset Panel Margins to slide under */
html body .filters-panel {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: -12px !important; /* Slight overlap */
    position: relative;
    z-index: 1; 
    border-radius: 0 0 12px 12px !important;
    border-top: none !important;
}

/* Ensure Bar is above panel */
html body .archive-filter-bar {
    z-index: 10 !important;
    border-radius: 12px !important; /* Start fully rounded */
    /* If panel is open, maybe we want to flatten bottom - handled via JS if needed, but overlap works too */
}

/* ========================================
   ALIGNMENT PERFECTION (Bündig / Flush)
   ======================================== */

/* 1. Eliminate any Form container interference */
html body .expert-search-form,
html body .company-search-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Ensure Search Bar and Content Areas consume exactly the same width */
html body .archive-filter-bar,
html body .company-list-view,
html body .expert-cards-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important; /* Content cards don't have container padding usually */
    padding-right: 0 !important; 
    box-sizing: border-box !important;
}

/* 3. The Search Bar keeps its INTERNAL padding, but external margins are 0 */
html body .archive-filter-bar {
    padding: 14px 18px !important; /* Keep internal logic */
}

/* 4. Company List Items must fill the list view */
html body .company-card--list {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 5. Ensure Grid items behave */
html body .expert-cards-grid {
    justify-content: stretch !important;
}

/* 6. Verify Wrapper alignment */
html body .expert-archive-wrapper,
html body .company-archive-wrapper {
    /* The wrapper defines the boundary (with the 10px padding from previous step) */
    /* Everything inside fills this boundary exactly */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ========================================
   VIEW SWITCHER STYLES (Grid/List)
   ======================================== */

.view-mode-toggle {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 10px;
}

.btn-view-toggle {
    background: none;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    color: #777;
    transition: all 0.2s;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-view-toggle:hover {
    background-color: #f0f0f0;
    color: #333;
}

.btn-view-toggle.active {
    background-color: var(--expert-primary, #667eea);
    color: #fff;
    cursor: default;
}

/* ========================================
   EXPERT CARDS - VIEW GRID / LIST CONTAINER
   ======================================== */

/* Grid-Ansicht (Standard): 3 Spalten wie expert-cards-grid */
.expert-list-view.view-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    animation: fadeIn 0.5s ease;
    margin-bottom: 0;
}

/* Grid-View: Verstecke List-View-Struktur */
.expert-list-view.view-grid .expert-list-avatar-area,
.expert-list-view.view-grid .expert-list-content-middle,
.expert-list-view.view-grid .expert-list-actions-right {
    display: none !important;
}

/* List-Ansicht: Einspaltig */
.expert-list-view.view-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* List-View: Verstecke Grid-View-Struktur */
.expert-list-view.view-list .expert-card-status-badges,
.expert-list-view.view-list .expert-card-availability-badge,
.expert-list-view.view-list .expert-card-top,
.expert-list-view.view-list .expert-card-expertise-section,
.expert-list-view.view-list .expert-card-body,
.expert-list-view.view-list .expert-card-cta,
.expert-list-view.view-list .expert-card-cta-split {
    display: none !important;
}

/* ========================================
   EXPERT LIST VIEW - SPEAKER-CARD STYLE
   3-Spalten Grid: Avatar (144px) | Content (1fr) | Actions (160px)
   ======================================== */

.expert-list-view.view-list .expert-card--overview {
    display: grid !important;
    grid-template-columns: 144px 1fr 160px !important;
    gap: 0 !important;
    height: 160px !important;
    max-height: 160px !important;
    min-height: 160px !important;
    padding: 0 !important;
    border-radius: 10px;
    overflow: hidden;
    transition: none;
}

.expert-list-view.view-list .expert-card--overview:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(102, 126, 234, 0.2);
}

/* Linker Bereich: Avatar (Warme Farben wie Grid-View) */
.expert-list-view.view-list .expert-list-avatar-area {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
    padding: 16px 12px;
    position: relative;
    height: 160px;
    border-radius: 10px 0 0 10px;
}

.expert-list-view.view-list .expert-list-avatar-area .expert-list-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
}

.expert-list-view.view-list .expert-list-avatar-area .expert-list-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.expert-list-view.view-list .expert-list-avatar-area .expert-avatar-placeholder {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.expert-list-view.view-list .expert-list-avatar-area .expert-avatar-placeholder .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: rgba(255, 255, 255, 0.7);
}

/* Badge Overlay oben links */
.expert-list-view.view-list .expert-list-badge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.expert-list-view.view-list .expert-list-corner-badge {
    padding: 3px 8px;
    font-size: 0.58rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 10px 0 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.expert-list-view.view-list .expert-list-corner-badge.badge-partner {
    background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
    color: #1f2937;
    border-radius: 10px 0 5px 0;
}

.expert-list-view.view-list .expert-list-corner-badge.badge-certified {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
    border-radius: 0 0 5px 0;
}

.expert-list-view.view-list .expert-list-corner-badge.badge-premium {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    color: white;
    border-radius: 0 0 5px 0;
}

/* Mittlerer Bereich: Content */
.expert-list-view.view-list .expert-list-content-middle {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #fffdf4 0%, #fff7e6 100%);
    height: 160px;
    overflow: hidden;
}

.expert-list-view.view-list .expert-list-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.expert-list-view.view-list .expert-list-header-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.expert-list-view.view-list .expert-list-name {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.3;
}

.expert-list-view.view-list .expert-list-name a {
    color: #1e3a5f;
    text-decoration: none;
    transition: color 0.2s ease;
}

.expert-list-view.view-list .expert-list-name a:hover {
    color: #c2410c;
}

.expert-list-view.view-list .expert-list-location-badge {
    font-size: 0.75rem;
    padding: 2px 8px;
    background: #f9fafb;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.expert-list-view.view-list .expert-list-location-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 1;
    opacity: 0.7;
}

.expert-list-view.view-list .expert-list-specs-inline {
    display: flex;
    gap: 4px;
}

.expert-list-view.view-list .spec-pill-small {
    font-size: 0.7rem;
    padding: 1px 8px;
    background: #fef3c7;
    color: #92400e;
    border-radius: 12px;
    font-weight: 500;
    border: 1px solid #f59e0b;
    white-space: nowrap;
}

.expert-list-view.view-list .expert-list-avail-badge {
    font-size: 0.65rem;
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.expert-list-view.view-list .expert-list-avail-badge .dashicons {
    font-size: 12px;
    width: 12px;
    height: 12px;
}

.expert-list-view.view-list .expert-list-avail--available {
    background: #d1fae5;
    color: #065f46;
}

.expert-list-view.view-list .expert-list-avail--limited {
    background: #fef3c7;
    color: #92400e;
}

.expert-list-view.view-list .expert-list-avail--booked {
    background: #fee2e2;
    color: #991b1b;
}

.expert-list-view.view-list .expert-list-avail--part_time {
    background: #e0e7ff;
    color: #3730a3;
}

.expert-list-view.view-list .expert-list-avail--busy {
    background: #fef3c7;
    color: #92400e;
}

.expert-list-view.view-list .expert-list-avail--request {
    background: #f3e8ff;
    color: #6b21a8;
}

.expert-list-view.view-list .expert-list-position {
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
    margin: 0;
}

.expert-list-view.view-list .expert-list-position a {
    color: #c2410c;
    text-decoration: none;
}

.expert-list-view.view-list .expert-list-position a:hover {
    text-decoration: underline;
}

.expert-list-view.view-list .expert-list-separator {
    height: 1px;
    background: #e5e7eb;
    width: 100%;
    margin: 2px 0;
}

/* Expertise/Fachrichtung Zeile über Skills */
.expert-list-view.view-list .expert-list-expertise-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.expert-list-view.view-list .expert-list-expertise-row .expertise-label-list {
    font-size: 0.5rem;
    font-weight: 600;
    color: #b8956a;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    opacity: 0.7;
}

.expert-list-view.view-list .expert-list-expertise-row .spec-pill-small {
    font-size: 0.68rem;
    padding: 2px 8px;
    background: #fef9e7;
    color: #92400e;
    border: 1px solid #d4a574;
    border-radius: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.expert-list-view.view-list .expert-list-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: auto;
    align-items: center;
}

.expert-list-view.view-list .expert-list-skills .skills-label-list {
    font-size: 0.5rem;
    font-weight: 600;
    color: #b8956a;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    opacity: 0.7;
    margin-right: 2px;
}

.expert-list-view.view-list .skill-pill-list {
    font-size: 0.68rem;
    padding: 2px 8px;
    background: #e2e8f0;
    color: #475569;
    border-radius: 10px;
    font-weight: 600;
    white-space: nowrap;
}

/* Rechter Bereich: Actions (Warme Farben wie Grid-View) */
.expert-list-view.view-list .expert-list-actions-right {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 12px 8px;
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
    border-radius: 0 10px 10px 0;
    height: 160px;
}

.expert-list-view.view-list .expert-list-social-icons {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.expert-list-view.view-list .expert-list-social-icons a {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.18);
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.expert-list-view.view-list .expert-list-social-icons a:hover {
    background: rgba(255, 255, 255, 0.35);
    color: #fff !important;
    transform: scale(1.1);
    border-color: rgba(255, 255, 255, 0.3);
}

.expert-list-view.view-list .expert-list-social-icons a .dashicons,
.expert-list-view.view-list .expert-list-social-icons a .dashicons::before {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: #fff !important;
}

.expert-list-view.view-list .expert-list-social-icons a:hover .dashicons,
.expert-list-view.view-list .expert-list-social-icons a:hover .dashicons::before {
    color: #fff !important;
}

.expert-list-view.view-list .expert-list-actions-bottom {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    margin-top: auto;
}

.expert-list-view.view-list .expert-list-cta-secondary {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(5, 150, 105, 0.85);
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.expert-list-view.view-list .expert-list-cta-secondary:hover {
    background: rgba(4, 120, 87, 0.95);
    color: #fff !important;
    transform: scale(1.05);
}

.expert-list-view.view-list .expert-list-cta-secondary .dashicons,
.expert-list-view.view-list .expert-list-cta-secondary .dashicons::before {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #fff !important;
}

.expert-list-view.view-list .expert-list-cta-secondary:hover .dashicons,
.expert-list-view.view-list .expert-list-cta-secondary:hover .dashicons::before {
    color: #fff !important;
}

.expert-list-view.view-list .expert-list-cta-primary {
    padding: 8px 16px;
    border-radius: 8px;
    background: #fff;
    color: #c2410c !important;
    font-weight: 700;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s;
    white-space: nowrap;
}

.expert-list-view.view-list .expert-list-cta-primary:hover {
    background: #fef3c7;
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.expert-list-view.view-list .expert-list-cta-primary .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

/* Responsive: Expert List-View */
@media (max-width: 768px) {
    .expert-list-view.view-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .expert-list-view.view-list .expert-card--overview {
        grid-template-columns: 100px 1fr 120px !important;
        height: 160px !important;
        max-height: 160px !important;
        min-height: 160px !important;
    }
    
    .expert-list-view.view-list .expert-list-avatar-area .expert-list-avatar {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 480px) {
    .expert-list-view.view-grid {
        grid-template-columns: 1fr;
    }
    
    .expert-list-view.view-list .expert-card--overview {
        grid-template-columns: 80px 1fr 100px !important;
        height: 160px !important;
        max-height: 160px !important;
        min-height: 160px !important;
    }
    
    .expert-list-view.view-list .expert-list-avatar-area .expert-list-avatar {
        width: 56px;
        height: 56px;
    }
    
    .expert-list-view.view-list .expert-list-name {
        font-size: 0.9rem;
    }
}

/* ========================================
   GRID VIEW - COMPANY CARDS (Expert-Card-Style mit Grüntönen)
   Feste Höhe: 375px
   Layout: Logo links + Info rechts | Body | Social Icons | Button
   ======================================== */
   
.company-list-view.view-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
}

/* Card Container - Feste Höhe 375px */
.view-grid .company-card,
.company-list-view.view-grid .company-card {
    display: flex !important;
    flex-direction: column !important;
    height: 375px !important;
    max-height: 375px !important;
    min-height: 375px !important;
    padding: 0 !important;
    border-radius: 5px;
    border: 1px solid rgba(16, 185, 129, 0.3);
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.12);
    overflow: hidden;
    transition: none;
    box-sizing: border-box;
    position: relative;
}

/* Badges an oberer linker Card-Ecke */
.view-grid .company-badges-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    z-index: 20;
}

/* Mitarbeiter-Badge oben rechts (unter Expert-Badge) */
.view-grid .company-employee-badge {
    position: absolute;
    top: 32px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 6px 10px;
    border-radius: 0 0 0 8px;
    font-size: 0.75rem;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
    z-index: 19;
}

.view-grid .company-employee-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

.view-grid .company-employee-badge .employee-count {
    line-height: 1;
}

/* Experten-Badge oben rechts (ganz oben in der Ecke) */
.view-grid .company-expert-badge {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
    padding: 6px 10px;
    border-radius: 0 5px 0 8px;
    font-size: 0.75rem;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
    z-index: 20;
}

.view-grid .company-expert-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

.view-grid .company-expert-badge .expert-count {
    line-height: 1;
}

.view-grid .company-badge-small {
    background: rgba(255, 255, 255, 0.95);
    color: #047857;
    padding: 3px 8px;
    border-radius: 0 0 5px 0;
    font-size: 0.6rem;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    white-space: nowrap;
}

.view-grid .company-badge-small:first-child {
    border-radius: 0 0 5px 0;
}

.view-grid .company-badge-small.badge-sponsor {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
}

.view-grid .company-badge-small.badge-top-partner {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
}

.view-grid .company-badge-small.badge-partner {
    background: rgba(255, 255, 255, 0.95);
    color: #059669;
}

.view-grid .company-badge-small.badge-certified {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.view-grid .company-card:hover,
.company-list-view.view-grid .company-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(16, 185, 129, 0.2) !important;
}

/* Top-Bereich: Logo + Info (wie Expert Card) - KOMPLETT NAHTLOS */
.view-grid .company-card-top {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 0;
    margin: 0 7px;
    border-bottom: 1px solid rgba(16, 185, 129, 0.15);
    background: transparent;
    flex-shrink: 0;
}

/* Logo Wrapper - kein Overlay mehr benötigt */
.view-grid .company-card-logo-wrapper {
    position: relative;
    flex-shrink: 0;
}

/* Logo Links - OHNE weißen Kasten */
.view-grid .company-card-top .company-card-logo {
    width: 85px !important;
    height: 85px !important;
    min-width: 85px !important;
    min-height: 85px !important;
    max-width: 85px !important;
    max-height: 85px !important;
    background: transparent !important;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    flex-shrink: 0;
    overflow: visible;
    border: none;
    margin: 0;
    position: relative;
}

.view-grid .company-card-logo img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Logo-Frame Borders in Grid-View deaktivieren */
.view-grid .company-card-logo.logo-frame-silver,
.view-grid .company-card-logo.logo-frame-gold,
.view-grid .company-card-logo.logo-frame-platinum,
.view-grid .company-card-logo.logo-frame-sponsor,
.view-grid .company-card-logo.logo-frame-default {
    border: none !important;
    background: transparent !important;
}

.view-grid .company-card-logo .logo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.view-grid .company-card-logo .logo-placeholder .dashicons {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: #059669;
}

/* Info Rechts vom Logo */
.view-grid .company-card-header-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    flex: 1;
}

.view-grid .company-card-name {
    font-size: 0.95rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.25;
    text-align: left;
    padding: 0 10px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-grid .company-card-name a {
    color: #065f46;
    text-decoration: none;
    transition: color 0.2s ease;
}

.view-grid .company-card-name a:hover {
    color: #10b981;
}

/* Info-Stack unter dem Namen - erweitert */
.view-grid .company-card-info-stack {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.view-grid .company-card-location,
.view-grid .company-card-industry,
.view-grid .company-card-availability,
.view-grid .company-card-experts {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    color: #065f46;
}

.view-grid .company-card-location .dashicons,
.view-grid .company-card-industry .dashicons,
.view-grid .company-card-availability .dashicons,
.view-grid .company-card-experts .dashicons {
    font-size: 13px;
    width: 13px;
    height: 13px;
    color: #10b981;
}

/* Body - Beschreibung */
.view-grid .company-card-body {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    background: #f0fdf4;
    overflow: hidden;
}

.view-grid .company-card-body .company-card-description {
    overflow: hidden;
}

.view-grid .company-card-description p {
    margin: 0;
    font-size: 0.74rem;
    color: #475569;
    line-height: 1.4;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Social Icons Bereich - KOMPLETT NEU - NAHTLOS & VOLLE BREITE */
.view-grid .company-card-social {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #d1fae5;
    border-top: 1px solid rgba(16, 185, 129, 0.15);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    flex-shrink: 0;
}

.view-grid .company-card-social a {
    width: 100%;
    height: 48px;
    border-radius: 0;
    background: transparent;
    color: #10b981;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(16, 185, 129, 0.1);
    transition: background 0.2s;
    text-decoration: none;
}

.view-grid .company-card-social a:last-child {
    border-right: none;
}

.view-grid .company-card-social a:hover {
    background: rgba(16, 185, 129, 0.15);
}

.view-grid .company-card-social a.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.view-grid .company-card-social .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* CTA Button - Direkt unter Social Media */
.view-grid .company-card-cta {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
    color: white !important;
    padding: 12px 16px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    display: block;
    text-align: center;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.25);
    transition: all 0.2s ease;
    border-radius: 0;
    margin: 0;
    width: 100%;
    flex-shrink: 0;
}

.view-grid .company-card-cta:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    box-shadow: 0 6px 12px rgba(16, 185, 129, 0.3);
}

/* ========================================
   LIST VIEW - COMPANY CARDS (Event-Card-Style mit Grüntönen)
   Layout: Logo links (144px) | Content | Actions rechts (160px)
   ======================================== */

.company-list-view:not(.view-grid) {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.company-list-view:not(.view-grid) .company-card {
    display: grid !important;
    grid-template-columns: 144px 1fr 160px !important;
    gap: 0 !important;
    align-items: stretch;
    padding: 0 !important;
    border-radius: 5px;
    border: 1px solid rgba(16, 185, 129, 0.3);
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.12);
    min-height: 160px;
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
    transition: none;
    box-sizing: border-box;
}

.company-list-view:not(.view-grid) .company-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(16, 185, 129, 0.2);
}

/* Linker Bereich: Logo (dunkler grün) - VERTIKAL ZENTRIERT */
.company-list-view:not(.view-grid) .company-card-logo {
    width: 100%;
    height: 100%;
    min-height: 160px;
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 0;
    margin: 0;
    position: relative;
    overflow: visible;
}

/* Sponsor/Partner Badge Overlay über dem Logo (oben links nahtlos) */
.company-list-view:not(.view-grid) .company-list-badge-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.company-list-view:not(.view-grid) .company-list-badge-overlay .company-badge-small {
    padding: 3px 8px;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 0 0 5px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.company-list-view:not(.view-grid) .company-list-badge-overlay .badge-sponsor {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
}

.company-list-view:not(.view-grid) .company-list-badge-overlay .badge-top-partner {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
}

.company-list-view:not(.view-grid) .company-list-badge-overlay .badge-partner {
    background: rgba(255, 255, 255, 0.95);
    color: #059669;
}

.company-list-view:not(.view-grid) .company-card-logo img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    padding: 8px;
}

.company-list-view:not(.view-grid) .company-card-logo .logo-placeholder {
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-list-view:not(.view-grid) .company-card-logo .logo-placeholder .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: #047857;
}

/* Content-Bereich */
.company-list-view:not(.view-grid) .company-card-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 15px 20px;
    min-height: 160px;
    height: 100%;
    justify-content: flex-start;
    background: transparent;
    position: relative;
    z-index: 1;
}

.company-list-view:not(.view-grid) .company-card-header {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.company-list-view:not(.view-grid) .company-card-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.company-list-view:not(.view-grid) .company-card-name {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.3;
    text-align: left;
}

.company-list-view:not(.view-grid) .company-card-name a {
    color: #065f46;
    text-decoration: none;
    transition: color 0.2s ease;
}

.company-list-view:not(.view-grid) .company-card-name a:hover {
    color: #10b981;
}

.company-list-view:not(.view-grid) .company-card-badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.company-list-view:not(.view-grid) .company-card-badge {
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.company-list-view:not(.view-grid) .company-card-badge--sponsor {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
}

.company-list-view:not(.view-grid) .company-card-badge--top-partner {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: #78350f;
}

.company-list-view:not(.view-grid) .company-card-badge--partner {
    background: rgba(16, 185, 129, 0.2);
    color: #065f46;
}

.company-list-view:not(.view-grid) .company-card-badge--certified {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

/* Experten-Anzahl Badge in List-View Titelzeile */
.company-list-view:not(.view-grid) .company-card-badge--experts {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: white;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.company-list-view:not(.view-grid) .company-card-badge--experts .dashicons {
    font-size: 12px;
    width: 12px;
    height: 12px;
}

.company-list-view:not(.view-grid) .company-card-slogan {
    font-size: 0.82rem;
    font-weight: 600;
    color: #059669;
    margin: 0;
    text-align: left;
}

.company-list-view:not(.view-grid) .company-card-meta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 6px;
}

.company-list-view:not(.view-grid) .company-card-meta-box {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.75rem;
    color: #475569;
}

.company-list-view:not(.view-grid) .company-card-meta-box .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.company-list-view:not(.view-grid) .company-card-meta-box .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    color: #10b981;
}

.company-list-view:not(.view-grid) .company-card-description {
    margin-top: 0;
}

.company-list-view:not(.view-grid) .company-card-description p {
    margin: 0;
    font-size: 0.78rem;
    color: #475569;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Rechter Bereich: Icons & Button (dunkler grün) */
.company-list-view:not(.view-grid) .company-card-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    height: 100%;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-radius: 0 5px 5px 0;
    margin: 0;
    width: 100%;
}

.company-list-view:not(.view-grid) .company-card-icons {
    display: grid;
    grid-template-columns: repeat(3, 32px);
    grid-template-rows: repeat(2, 32px);
    gap: 6px;
    width: 100%;
    justify-content: end;
}

/* Erste Reihe: Website, LinkedIn, GitHub (alle 3 Spalten) */
.company-list-view:not(.view-grid) .company-card-icons a:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

.company-list-view:not(.view-grid) .company-card-icons a:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.company-list-view:not(.view-grid) .company-card-icons a:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}

/* Zweite Reihe: Mail, Telefon (Spalte 2 und 3, rechtsbündig) */
.company-list-view:not(.view-grid) .company-card-icons a:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
}

.company-list-view:not(.view-grid) .company-card-icons a:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
}

.company-list-view:not(.view-grid) .company-card-icons a {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    text-decoration: none;
}

.company-list-view:not(.view-grid) .company-card-icons a:hover {
    background: rgba(255, 255, 255, 0.3);
}

.company-list-view:not(.view-grid) .company-card-icons a.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.company-list-view:not(.view-grid) .company-card-icons .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.company-list-view:not(.view-grid) .company-card-cta {
    background: #fff;
    color: #047857 !important;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.company-list-view:not(.view-grid) .company-card-cta:hover {
    background: #f0fdf4;
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/* ========================================
   VIEW-SPECIFIC VISIBILITY RULES
   ======================================== */

/* GRID VIEW: Verstecke alte List-View Struktur */
.view-grid .company-card > .company-card-logo,
.view-grid .company-card-content,
.view-grid .company-card-header,
.view-grid .company-card-title-row,
.view-grid .company-card-badges,
.view-grid .company-card-slogan,
.view-grid .company-card-meta-row,
.view-grid .company-card-meta-box,
.view-grid .company-card-content .company-card-description,
.view-grid .company-card-actions,
.view-grid .company-card-icons,
.view-grid .company-list-badge-overlay {
    display: none !important;
}

/* LIST VIEW: Verstecke neue Grid-View Struktur */
.company-list-view:not(.view-grid) .company-badges-overlay,
.company-list-view:not(.view-grid) .company-employee-badge,
.company-list-view:not(.view-grid) .company-expert-badge,
.company-list-view:not(.view-grid) .company-card-top,
.company-list-view:not(.view-grid) .company-card-body,
.company-list-view:not(.view-grid) .company-card > .company-card-social,
.company-list-view:not(.view-grid) .company-card > .company-card-cta {
    display: none !important;
}

.view-grid .company-card-cta:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(16, 185, 129, 0.3);
}

.view-grid .btn-company-profile {
    width: 100%;
    text-align: center;
    justify-content: center;
}

/* ========================================
   VIEW SWITCHER REDESIGN
   ======================================== */

/* Container integrated with filter bar - matches button-group styles */
.archive-filter-bar .view-mode-toggle {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #d1d5db; /* Matches typical border */
    border-radius: 4px;
    margin-right: 12px; /* Space between toggles and search */
    height: 40px; /* Match typical button height */
    overflow: hidden;
    vertical-align: middle;
}

.view-mode-toggle .view-toggle-btn,
.view-mode-toggle .btn-view-toggle {
    background: transparent;
    border: none;
    border-right: 1px solid #e5e7eb;
    padding: 0 12px;
    height: 100%;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.view-mode-toggle button:last-child {
    border-right: none;
}

.view-mode-toggle button:hover {
    background-color: #f3f4f6;
    color: #374151;
}

.view-mode-toggle button.active {
    background-color: #f3f4f6;
    color: var(--expert-primary, #667eea);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}

.view-mode-toggle button span.dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* Specific Primary Colors for Active State */
.post-type-archive-company .view-mode-toggle button.active {
    color: var(--company-primary, #3b82f6);
}
.post-type-archive-expert_event .view-mode-toggle button.active {
    color: var(--event-primary, #8b5cf6);
}

/* ========================================
   REFINED GRID VIEW - EXPERT CARD MATCHING
   ======================================== */

.company-list-view.view-grid,
.events-list.view-grid,
.speakers-list.view-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); /* Slightly wider */
    gap: 30px;
    padding-top: 10px;
}

/* Card Shell */
.view-grid .company-card,
.view-grid .event-card,
.view-grid .event-list-item, /* Fallback if classes differ */
.view-grid article {
    border: 1px solid var(--expert-border, #e5e7eb) !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    background: #fff;
    height: 100%;
    min-height: 400px; /* Uniform height */
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.view-grid article:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
}

/* HEADER SECTION (Top 1/3) */
.view-grid .company-card-logo,
.view-grid .event-card-image-area,
.view-grid .speaker-list-avatar-wrapper {
    height: 140px;
    width: 100%;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%); /* Default subtle bg */
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin: 0;
    flex-shrink: 0;
}

/* Specific Gradients */
/* Event: Blue-ish */
.events-list.view-grid .event-card-image-area {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}
/* Speaker: Purple-ish */
.speakers-list.view-grid .event-card-image-area { /* if speaker uses this class */
     background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}

.view-grid img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

/* If Image fills area */
.view-grid .event-list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* CONTENT BODY */
.view-grid .company-card-content,
.view-grid .event-card-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Titles */
.view-grid h3, 
.view-grid .company-card-name,
.view-grid .event-title {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 1.4;
    text-align: center; /* Centered like expert cards often are */
}

/* Badges / Meta centered */
.view-grid .company-card-badges,
.view-grid .event-meta {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

/* Description text */
.view-grid .company-description, 
.view-grid .event-excerpt {
    font-size: 0.9em;
    color: #6b7280;
    text-align: center;
    margin-bottom: auto; /* Pushes footer down */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* FOOTER / CTA */
.view-grid .company-card-actions,
.view-grid .event-card-actions {
    margin-top: 20px;
    border-top: 1px solid #f3f4f6;
    padding-top: 15px;
    display: flex;
    gap: 10px;
    justify-content: center; /* Center buttons */
}

.view-grid .company-card-actions a,
.view-grid .event-card-actions a {
    flex: 1;
    text-align: center;
    justify-content: center;
    border-radius: 4px; /* Slightly squarer like expert card btns */
}

/* Remove side borders if present from list view */
.view-grid .company-card-logo,
.view-grid .event-card-image-area {
    border-right: none !important;
}
.view-grid .company-card-actions,
.view-grid .event-card-actions {
    border-left: none !important;
}

/* REFINED GRID SYSTEM - MATCHING EXPERT CARD EXACTLY */

/* ========================================
   1. GRID CONTAINER
   ======================================== */
.events-list.view-grid,
.speakers-list.view-grid,
.company-list-view.view-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
    padding-top: 10px;
    align-items: stretch;
}

/* ========================================
   2. CARD BASE (All Types - EXCEPT Company Cards which have specific 375px height)
   ======================================== */
.view-grid article,
.view-grid .event-card {
    /* Dimensions and Shape */
    height: 100%;
    min-height: 480px; /* Force minimum height for alignment */
    width: 100%;
    max-width: 100%;
    
    /* Box Model */
    border: 1px solid #e5e7eb !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    background: #ffffff !important;
    
    /* Layout */
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden; /* CRITICAL: Holds the "nothing outside" rule */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover Effect */
.view-grid article:hover,
.view-grid .event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    z-index: 5;
}

/* ========================================
   3. HEADER SECTION (Image/Avatar Area) - NOT Company Cards
   ======================================== */
.view-grid .event-card-image-area,
.view-grid .event-card-top /* If used */ {
    /* Dimensions */
    height: 160px;
    width: 100%;
    flex-shrink: 0;
    
    /* Styling */
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    padding: 0;
    
    /* Layout for Content centering */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Override List Styles */
    border-right: none !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

/* Specific Backgrounds Per Type */
/* Event: Blue Gradient */
.events-list.view-grid .event-card-image-area {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

/* Speaker: Purple Gradient */
.speakers-list.view-grid .event-card-image-area { /* Reusing class or targeting article child */
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}

/* IMAGES - Event Images */
.view-grid .event-list-image {
    width: 100%;
    height: 100%;
}
.view-grid .event-list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Speaker Avatar (Round) */
.view-grid .speaker-avatar,
.view-grid .speaker-list-item-avatar img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    object-fit: cover;
}

/* ========================================
   4. CONTENT BODY (Name, Meta, Desc)
   ======================================== */
.view-grid .company-card-content,
.view-grid .event-card-content {
    flex-grow: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centered Layout */
    text-align: center;
    width: 100%;
}

/* Title Styling */
.view-grid h3,
.view-grid .company-card-name,
.view-grid .event-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2937;
    margin: 5px 0 10px 0;
    line-height: 1.4;
    width: 100%;
}

.view-grid h3 a,
.view-grid .company-card-name a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.view-grid h3 a:hover { 
    color: var(--expert-primary); 
}
/* Specific Hover Colors */
.company-list-view.view-grid h3 a:hover { color: var(--company-primary); }
.events-list.view-grid h3 a:hover { color: var(--event-primary); }
.speakers-list.view-grid h3 a:hover { color: var(--speaker-primary); }


/* Sub-Info (Job, Date, Location) */
.view-grid .company-meta-row,
.view-grid .event-meta {
    font-size: 0.85rem;
    color: #4b5563;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
    width: 100%;
}

/* Badges Container */
.view-grid .company-card-badges {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

/* Description / Excerpt */
.view-grid .company-description,
.view-grid .event-excerpt,
.view-grid .speaker-bio {
    font-size: 0.9rem;
    color: #6b7280;
    line-height: 1.5;
    margin-bottom: auto; /* Pushes Footer Down */
    
    /* Clamp text */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 4.5em; /* Fallback */
}

/* ========================================
   5. FOOTER / ACTIONS (Buttons)
   ======================================== */
.view-grid .company-card-actions,
.view-grid .event-card-actions {
    margin-top: 15px;
    width: 100%;
    
    /* Separator */
    border-top: 1px solid #f3f4f6;
    padding-top: 15px;
    
    /* Layout */
    display: flex;
    gap: 10px;
    justify-content: center;
    
    /* Reset List Styles */
    border-left: none !important;
    padding-left: 0;
}

/* Buttons */
.view-grid .btn,
.view-grid .event-cta,
.view-grid .company-card-actions a {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    text-align: center;
}

/* Primary Button Styling */
.view-grid .btn-primary,
.view-grid .company-card-actions a:first-child {
    background-color: #f3f4f6;
    color: #374151;
}
.view-grid .btn-primary:hover,
.view-grid .company-card-actions a:first-child:hover {
    background-color: #e5e7eb;
    color: #111827;
}

/* Secondary/Highlight Button */
.view-grid .company-card-actions a.expert-card-cta-company, /* Specific class */
.view-grid .btn-highlight {
    background-color: var(--expert-primary);
    color: #fff;
}
/* Type Specific Button Colors */
.company-list-view.view-grid a.expert-card-cta-company { background-color: var(--company-primary); }
.events-list.view-grid .btn-highlight { background-color: var(--event-primary); }

/* REMOVE LIST VIEW ARTIFACTS */
.view-grid .company-card-logo,
.view-grid .event-card-image-area {
    border-right: none !important;
}
.view-grid .company-card-actions,
.view-grid .event-card-actions {
    border-left: none !important;
    width: 100% !important;
}

/* Responsive Fixes */
@media (max-width: 600px) {
    .events-list.view-grid,
    .speakers-list.view-grid,
    .company-list-view.view-grid {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
}

/* ========================================
   COMPANY GRID VIEW - EINFACH & SAUBER
   ======================================== */

/* Grid Container */
.company-list-view.view-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
}

/* Card Base */
.company-list-view.view-grid .company-card {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.company-list-view.view-grid .company-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Logo - Oben */
.company-list-view.view-grid .company-card-logo {
    flex: 0 0 100px !important;
    height: 100px !important;
    padding: 12px !important;
    background: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-right: none !important;
}

/* Content - Mitte */
.company-list-view.view-grid .company-card-content {
    flex: 1 !important;
    padding: 12px !important;
    text-align: center !important;
}

.company-list-view.view-grid .company-card-title-row {
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
}

/* Badges - Oben rechts über Content */
.company-list-view.view-grid .company-card-badges {
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    z-index: 10 !important;
}

.company-list-view.view-grid .company-card-name {
    font-size: 1rem !important;
    margin-bottom: 4px !important;
}

.company-list-view.view-grid .company-card-slogan {
    font-size: 0.8rem !important;
    margin-bottom: 8px !important;
}

.company-list-view.view-grid .company-card-meta-box {
    justify-content: center !important;
    margin-bottom: 8px !important;
    gap: 6px !important;
}

.company-list-view.view-grid .company-card-meta-box .meta-item {
    font-size: 0.75rem !important;
}

.company-list-view.view-grid .company-card-description {
    font-size: 0.8rem !important;
    -webkit-line-clamp: 2 !important;
}

/* Actions - Unten */
.company-list-view.view-grid .company-card-actions {
    flex: 0 0 auto !important;
    padding: 8px 12px !important;
    background: #f9fafb !important;
    border-top: 1px solid #e5e7eb !important;
}

.company-list-view.view-grid .company-card-cta {
    padding: 6px 12px !important;
    font-size: 0.85rem !important;
}