/* ===============================================
   CALENDAR.CSS für WBB 2.3.6
   Card-Style - NUR VISUELLE EFFEKTE
   =============================================== */

/* ===============================================
   TAG-ZELLEN - Card-Optik
   =============================================== */

/* Normale Tage - Card-Style */
td.tablea[width="14%"][height="100"] {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Heute - DEUTLICH Card */
td.tableb[style*="border-style:outset"] {
    background: #f0e6ff;
    border: 2px solid #666686;
    border-style: solid;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(102, 102, 134, 0.3);
}

/* Wochenende - leicht getönt */
tr:not([align="center"]) td.tablea[width="14%"]:nth-child(6),
tr:not([align="center"]) td.tablea[width="14%"]:nth-child(7) {
    background: #f9f9fb;
}

/* ===============================================
   TAG-NUMMER - Farbe
   =============================================== */
td.tablea[width="14%"] span.normalfont b,
td.tableb[style*="border-style:outset"] span.normalfont b {
    color: #666686;
}

td.tableb[style*="border-style:outset"] span.normalfont b {
    color: #444466;
}

/* Kalenderwoche */
td.tablea[width="14%"] span.normalfont,
td.tableb[style*="border-style:outset"] span.normalfont {
    color: #999999;
}

/* ===============================================
   EVENTS - Cards
   =============================================== */

/* Event-Boxen */
td.tablea[width="14%"] table[cellpadding="0"],
td.tableb[style*="border-style:outset"] table[cellpadding="0"] {
    background: #f0f4f8;
    border-left: 4px solid #666686;
    border-radius: 4px;
}

/* Listitem-Icon weg */
td.tablea[width="14%"] table[cellpadding="0"] img[src*="listitem.gif"],
td.tableb[style*="border-style:outset"] table[cellpadding="0"] img[src*="listitem.gif"] {
    display: none;
}

/* Public Event */
span.publicevent {
    color: #666686;
}

/* Private Event */
span.privateevent {
    color: #888888;
}

/* ===============================================
   WOCHENTAG-HEADER
   =============================================== */
tr[align="center"] td.tableb[style*="width:14%"] {
    background: #e8e8e8;
    color: #555555;
    border-radius: 6px 6px 0 0;
}

/* ===============================================
   TITLE-ZEILE
   =============================================== */
td.tabletitle[colspan="7"] {
    background: linear-gradient(to bottom, #f5f5f5 0%, #fafafa 100%);
    border-radius: 6px 6px 0 0;
}

/* ===============================================
   BREADCRUMB
   =============================================== */
tr.tablea_fc td {
    background: #fafafa;
}

/* ===============================================
   EVENTCALENDAR - Jahresübersicht
   =============================================== */

/* Monats-Blöcke */
table.tableinborder td.tabletitle[colspan="2"] {
    background: linear-gradient(to bottom, #f0f4f8 0%, #e6ecf2 100%);
    border-left: 4px solid #666686;
    border-radius: 6px 6px 0 0;
}

/* Event-Zeilen */
tr.smallfont td.tableb[style*="width:175px"] {
    background: #f5f5f5;
    color: #666686;
}

tr.smallfont td.tablea[style*="width:100%"] {
    background: #ffffff;
    border-left: 3px solid #666686;
}

/* Event-Header */
tr.smallfont td.tablea table tr.tablea_fc {
    background: #f8f8f8;
}