/* ==========================================================
   1. SCHRIFTART & GRUNDLAGEN
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc; /* Sehr helles, sauberes Geschäfts-Grau */
    color: #1e293b; /* Dunkles Schiefergrau für perfekte Lesbarkeit */
}

/* ==========================================================
   2. NAVBAR & LAYOUT-KOMPONENTEN
   ========================================================== */
.navbar-business {
    background-color: #0f172a !important; /* Deep Navy / Fast Schwarz */
    border-bottom: 1px solid #334155;
    padding: 15px 0;
}

.navbar-business .navbar-brand {
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #f8fafc !important;
}

.navbar-business .nav-link {
    font-weight: 500;
    color: #94a3b8 !important;
    transition: color 0.2s ease-in-out;
}

.navbar-business .nav-link:hover {
    color: #38bdf8 !important; /* Moderner Akzent in Cyan/Hellblau */
}

.content-wrapper {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px; /* Dezente, professionelle Rundung */
}

.business-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    background: #ffffff;
    transition: all 0.2s ease-in-out;
}

.business-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
}

.card-icon-box {
    color: #0284c7; /* Professionelles Business-Blau */
    margin-bottom: 15px;
}

/* ==========================================================
   3. CORPORATE & OUTLINE BUTTONS
   ========================================================== */
.btn-business {
    background-color: #0284c7;
    color: #ffffff;
    font-weight: 500;
    border-radius: 4px;
    padding: 8px 20px;
    border: none;
    transition: background-color 0.2s;
}

.btn-business:hover {
    background-color: #0369a1;
    color: #ffffff;
}

/* Schlanker Outline-Business-Button (leicht & unklobig) */
.btn-outline-business {
    color: #0284c7 !important;
    border-color: #0284c7 !important;
    background-color: transparent !important;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.btn-outline-business:hover {
    background-color: #0284c7 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
}

/* ==========================================================
   4. ZENTRALE BOOTSTRAP-ÜBERSCHREIBUNG (SUCCESS -> BUSINESS-BLAU)
   ========================================================== */
:root {
    --bs-success: #0284c7 !important;
    --bs-success-rgb: 2, 132, 199 !important;
}

/* Textfarben */
.text-success {
    color: #0284c7 !important;
}

/* Hintergründe & Badges */
.bg-success {
    background-color: #0284c7 !important;
}

/* Rahmen */
.border-success {
    border-color: #0284c7 !important;
}

/* Standard Buttons (.btn-success) */
.btn-success {
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}
.btn-success:hover, .btn-success:focus {
    background-color: #0369a1 !important;
    border-color: #0369a1 !important;
}

/* Outline Buttons (.btn-outline-success) */
.btn-outline-success {
    color: #0284c7 !important;
    border-color: #0284c7 !important;
    background-color: transparent !important;
}
.btn-outline-success:hover, .btn-outline-success:focus {
    background-color: #0284c7 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
}

/* Hinweisfelder (.alert-success) */
.alert-success {
    color: #0369a1 !important;
    background-color: #e0f2fe !important;
    border-color: #bae6fd !important;
}