/* 
   SV Marsberg 1961 e.V. - Vollständiges WebClub Layout v2.0
   Design-Transfer von sv-marsberg.de
*/

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

/* 2. HINTERGRUND & GLOBALE SETTINGS */
body {
    font-family: 'Montserrat', sans-serif !important;
    /* Dezenter vertikaler Verlauf wie auf der Hauptseite */
    background: linear-gradient(180deg, #f0f4f8 0%, #ffffff 100%) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
    color: #333;
}

/* 3. HEADER & NAVIGATION (Mit Farbverlauf) */
.navbar-default, .navbar, #header-bereich {
    /* Horizontaler Verlauf von Navy zu Hellblau */
    background: linear-gradient(90deg, #00235d 0%, #4fb9e7 100%) !important;
    border-bottom: 3px solid #4fb9e7 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
}

.navbar-nav > li > a, .navbar-brand {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.navbar-nav > li > a:hover, .navbar-nav > li.active > a {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* 4. BUTTONS (SVM Style) */
.btn-primary, .btn-info, button[type="submit"], .btn-success {
    background-color: #4fb9e7 !important;
    border-color: #3ca0cc !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover, button[type="submit"]:hover {
    background-color: #00235d !important;
    border-color: #00235d !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* 5. TABELLEN (Ergebnisse & Bestenlisten) */
.table thead th {
    background-color: #00235d !important;
    color: #ffffff !important;
    border-bottom: 3px solid #4fb9e7 !important;
    text-transform: uppercase;
    font-size: 0.85em;
    padding: 12px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(79, 185, 231, 0.08) !important;
}

.table > tbody > tr > td {
    border-top: 1px solid #e0e6ed !important;
    vertical-align: middle !important;
}

/* 6. PANELS & CONTAINER */
.panel {
    border-radius: 8px !important;
    border: 1px solid #e0e6ed !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

.panel-heading {
    background-color: #f8f9fa !important;
    color: #00235d !important;
    border-left: 6px solid #00235d !important;
    font-weight: 700 !important;
}

/* 7. FORMULARE */
.form-control {
    border-radius: 4px !important;
    border: 1px solid #ccd6e0 !important;
}

.form-control:focus {
    border-color: #4fb9e7 !important;
    box-shadow: 0 0 0 3px rgba(79, 185, 231, 0.25) !important;
}

/* 8. LINKS */
a {
    color: #00235d;
    transition: color 0.2s ease;
}

a:hover {
    color: #4fb9e7;
    text-decoration: none;
}

/* 9. FOOTER ANPASSUNG */
footer, .footer {
    background-color: #00235d !important;
    color: #ffffff !important;
    border-top: 4px solid #4fb9e7 !important;
    padding: 30px 0 !important;
}