/* Genial Daneben - Studio Design 2005 
   Basierend auf der Farbanalyse: Orange, Rot, Beige und Dunkelbraun
*/

:root {
    --gd-orange: #DA6B21;       /* Tischfront & Akzente */
    --gd-red: #D20804;          /* Fragebanner & Fokus */
    --gd-beige: #DEC1A3;        /* Hintergrund-Wände */
    --gd-creme: #FDF5E6;        /* Helle Flächen */
    --gd-dark-brown: #22120D;   /* Kontrastfarbe & Text */
    --gd-wood: #6D3A26;         /* Dunkle Akzente */
}

/* 1. Der markante Studio-Hintergrund */
body {
    /* Verlauf von einem kräftigen Orange oben zu einem sanften Beige */
    background: linear-gradient(180deg, var(--gd-orange) 0%, var(--gd-creme) 50%, #ffffff 100%) !important;
    background-attachment: fixed;
    color: var(--gd-dark-brown);
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    min-height: 100vh;
    margin: 0;
}

/* 2. Die abgerundeten Studio-Karten (Cards) */
.studio-card {
    background: rgba(255, 255, 255, 0.9); /* Leicht transparent für mehr Tiefe */
    border-radius: 40px !important; /* Viel runder, passend zur Grafik */
    border: none !important;
    box-shadow: 0 15px 35px rgba(218, 107, 33, 0.2) !important;
    padding: 25px;
    margin-bottom: 25px;
    backdrop-filter: blur(10px);
}


/* 3. Die Pill-Buttons (Oval) */
.btn-gd-orange {
    background-color: var(--gd-orange);
    color: white !important;
    border-radius: 50px; /* Vollständig abgerundet */
    border: 2px solid var(--gd-orange);
    font-weight: bold;
    padding: 8px 25px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-gd-orange:hover {
    background-color: white;
    color: var(--gd-orange) !important;
    box-shadow: 0 4px 15px rgba(218, 107, 33, 0.4);
}

/* 4. Spezial-Header für Tabellen und Listen */
.card-header-studio {
    background: var(--gd-red);
    color: white;
    margin: -20px -20px 20px -20px; /* Gleicht Padding der Card aus */
    padding: 15px 20px;
    font-weight: bold;
    border-radius: 23px 23px 0 0;
}

/* 5. Listen und Tabellen-Anpassungen */
.list-group-item {
    border-color: rgba(218, 107, 33, 0.1) !important;
}

.table thead {
    background-color: var(--gd-creme);
}

.progress {
    background-color: var(--gd-beige);
    border-radius: 10px;
}

.progress-bar {
    background-color: var(--gd-red);
}

/* 6. Navigation Anpassungen */
.navbar-brand-gd {
    font-family: 'Arial Black', sans-serif;
    color: var(--gd-red) !important;
    text-shadow: 2px 2px 0px var(--gd-orange);
    font-size: 1.8rem;
}

/* Die großen Zahlen in den Statistik-Boxen */
.display-5 {
    font-family: 'Arial Black', sans-serif;
    letter-spacing: -2px;
}

/* Die Badges (z.B. "36 Sendungen") oval machen */
.badge.rounded-pill {
    padding: 8px 15px;
    font-size: 0.85rem;
    background-color: var(--gd-orange) !important;
}

/* Der Titel "Statistik-Zentrale" */
h2 {
    font-family: 'Arial Black', sans-serif;
    color: var(--gd-dark-brown);
    text-transform: uppercase;
    letter-spacing: -1px;
}

/* studio_2005.css - Tabellen-Styling */

.studio-table {
    border-collapse: separate;
    border-spacing: 0 10px; /* Erzeugt Abstände zwischen den Zeilen */
}

.studio-table thead th {
    background-color: var(--gd-creme);
    color: var(--gd-dark-brown);
    border: none;
    padding: 15px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.studio-table tbody tr {
    background-color: white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
}

.studio-table tbody tr:hover {
    transform: scale(1.01);
    background-color: var(--gd-creme);
}

.studio-table td {
    padding: 15px !important;
    border: none !important;
}

/* Runde Ecken für die erste und letzte Zelle jeder Zeile */
.studio-table tbody tr td:first-child {
    border-radius: 15px 0 0 15px;
}
.studio-table tbody tr td:last-child {
    border-radius: 0 15px 15px 0;
}

/* Der Analyse-Button in der Tabelle */
.btn-analyse {
    background-color: var(--gd-red);
    color: white !important;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 0.8rem;
    font-weight: bold;
    text-decoration: none;
}