/* =============================================================
   BUNDESVERBAND DER WERTPAPIERFIRMEN e.V.
   VOLlständig konsolidierte Indico-CSS 2026
   Perfekt angepasst an wertpapierfirmen.org (TYPO3)
   ============================================================= */

@font-face {
    font-family: "TheSansC5-Light";
    src: url("https://wertpapierfirmen.org/fileadmin/bwf-verband.de/sitedesign/Style/fonts/TheSansC5-3_Light/TheSansC5-3_Light.woff2") format("woff2");
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "TheSansC5-Bold";
    src: url("https://wertpapierfirmen.org/fileadmin/bwf-verband.de/sitedesign/Style/fonts/TheSansC5-7_Bold/TheSansC5-3_Bold.woff2") format("woff2");
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "TheSansC5-Bold-Italic";
    src: url("https://wertpapierfirmen.org/fileadmin/bwf-verband.de/sitedesign/Style/fonts/TheSansC5-7iBoldItalic/TheSansC5-7iBoldItalic.woff2") format("woff2");
    font-weight: normal; font-style: italic; font-display: swap;
}

/* ── VARIABLEN + CORPORATE IDENTITY ─────────────────────── */
:root {
    --color-red:        rgba(153,14,41,1);
    --color-red-50:     rgba(153,14,41,0.5);
    --color-red-30:     rgba(153,14,41,0.33);
    --color-grey:       rgba(160,165,168,1);
    --color-grey-50:    rgba(160,165,168,0.5);
    --color-grey-30:    rgba(160,165,168,0.33);
    --color-blue:       rgba(0,69,137,1);
    --color-blue-50:    rgba(0,69,137,0.5);
    --color-blue-30:    rgba(0,69,137,0.33);
    --color-petrol:     rgba(0,104,128,1);
    --color-petrol-50:  rgba(0,104,128,0.5);
    --color-petrol-30:  rgba(0,104,128,0.33);
    --font-light:       "TheSansC5-Light", Verdana, sans-serif;
    --font-bold:        "TheSansC5-Bold", Verdana, sans-serif;
    --font-bold-italic: "TheSansC5-Bold-Italic", Verdana, sans-serif;
}

/* ── GLOBAL TYPO3-LOOK ───────────────────────────────────── */
body, p, div, td, th, li, span, input, select, textarea, button {
    font-family: var(--font-light) !important;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "locl" 1 !important;
}

.container { min-width: 90% !important; }
.main-content { margin-top: 2% !important; }

/* Header & Navbar – exakt wie auf wertpapierfirmen.org */
#header, .header, .navbar, .navbar-light {
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--color-red-30) !important;
}
.navbar-brand img { max-width: 200px !important; height: auto !important; }

/* Navigation */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: var(--color-red) !important;
}

/* Buttons – 1:1 TYPO3-Stil */
[type=button], [type=reset], [type=submit], button,
.i-button, .i-button.accept, .i-button.highlight,
.btn, .btn-primary, .btn-custom, .btn-custom-light,
.btn-petrol, .btn-blue, .btn-custom-grey {
    background: var(--color-red) !important;
    border: none !important;
    color: white !important;
    font-size: 1.2rem !important;
    border-radius: 5px !important;
    padding: .3rem 1rem !important;
    margin-top: 1rem !important;
}
.btn:hover, .i-button:hover, .btn-primary:hover,
.btn-custom:hover, .btn-petrol:hover, .btn-blue:hover {
    background: var(--color-grey) !important;
    color: var(--color-red) !important;
}

/* Button-Varianten */
.btn-custom-light { background: var(--color-red-50) !important; }
.btn-petrol       { background: var(--color-petrol) !important; }
.btn-blue         { background: var(--color-blue) !important; }
.btn-custom-grey  { background: rgba(151,153,155,1) !important; }

/* Tabellen, Accordion, Footer */
table thead th, .i-table thead th { 
    background-color: rgba(153,14,41,0.08) !important; 
    color: var(--color-red) !important; 
}
.accordion-button:not(.collapsed) { 
    background-color: var(--color-grey-30) !important; 
}
#footer, footer {
    border-top: 1px solid var(--color-red-30) !important;
    text-align: center;
    padding: 1rem;
    font-weight: 100;
}

/* Admin-Bereich */
body.admin, .indico-admin, .management-page, .page-management {
    background-color: #f8f9fa !important;
}

/* ── MOBILE OPTIMIERUNG ───────────────────────────────────── */
@media (max-width: 768px) {
    .header, .navbar, .toolbar { padding: 10px 12px !important; }
    .navbar-brand img { max-width: 180px !important; }
    .container { min-width: 95% !important; }
    
    .agenda .entry, .agenda .block, .timetable-block {
        display: block !important;
        margin-bottom: 14px;
        padding: 14px;
        border-radius: 8px;
    }
    .material-list .btn, .attachment, .i-button {
        min-height: 52px;
        padding: 14px;
        font-size: 1.1em;
        width: 100%;
        margin-bottom: 8px;
    }
}

/* Zusätzliche Indico-spezifische Feinheiten */
.toolbar, .toolbars { border-bottom: 1px solid var(--color-red-30) !important; }
.regform-section-title { color: var(--color-red) !important; }
.date, .event-date, .item-date { color: var(--color-grey) !important; }