/*
 * page_250120.css  —  wandern-specific styles
 *
 * Changes from original:
 * - Restructured to match the skiclub page CSS pattern
 * - Introduced :root brand tokens for the wandern colour palette
 *   (terracotta topnav #B85042, beige background #F7F3E9)
 * - Replaced hardcoded hex values with CSS variables throughout
 * - Removed redundant body font-family (now in common_201212.css)
 * - Removed invalid // comments (not valid CSS)
 * - Added #banner float:left and #mitte clear:both so the top
 *   navigation bar sits beside the banner (same fix as skiclub)
 * - Kept all wandern-specific overrides: column widths, topnav
 *   colours, active state, table header background, #mitte styling
 */

@import url("../teamspiel/common_260320.css");

/* ============================================================
   Wandern brand tokens
   ============================================================ */
:root {
    --color-brand:        #B85042;   /* terracotta — topnav background */
    --color-brand-dark:   #720d0d;   /* deep red — active nav item */
    --color-brand-light:  #d4756a;   /* lighter terracotta — hover */

    --color-bg-page:      #F7F3E9;   /* light beige — page background */
    --color-text-content: #424242;   /* dark grey — main content text */
}

/* ============================================================
   Top navigation (terracotta bar, white links)
   ============================================================ */
.topnav {
    background-color: var(--color-brand);
    font-size: 0.9em;
}

.dropdown .dropbtn {
    font-size: 0.9em;
}

.active {
    background-color: var(--color-brand-dark);
    color: white;
}

#banner {
    height: 75px;
    font-size: 1.0em;
}

#mitte {
    float: none;
    clear: both;
    width: 99%;
    font-size: 0.8em;
    color: var(--color-text-content);
    padding: 8px 0;
}

/* ============================================================
   Page background and table header
   ============================================================ */
body {
    background-color: var(--color-bg-page);
}

th {
    background-color: var(--color-bg-page);
}

/* ============================================================
   Wandern-specific column widths and layout
   ============================================================ */
#empty {
    width: 99%;
}

#gamePlanCountId {
    text-align: center;
    width: 25px;
}

#gamePlanDescriptionId {
    text-align: left;
    width: 250px;
}

#additionalInfoId {
    text-align: left;
}

.playerName {
    width: 100px;
}