/* Grundlayout */
body {
    background: url('images/wood-bg.png') repeat;
    color: #2c1b10;
    font-family: 'Georgia', serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

/* Hauptcontainer */
#game-container {
    width: 1000px;
    margin: 0 auto;
    background: url('images/wood-bg.png') repeat;
    border: 6px solid #6b4e2f;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    padding: 20px;
}

/* Header */
#header {
    background: url('images/header-scroll.jpg') no-repeat center;
    height: 130px;
    text-align: center;
    color: #fff8dc;
    font-size: 28px;
    padding-top: 25px;
    text-shadow: 2px 2px 4px #000;
}

/* Navigation */
#nav {
    background-color: #3e2c1a;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    border-top: 2px solid #c2a56c;
    border-bottom: 2px solid #c2a56c;
}
#nav a {
    color: #f5deb3;
    text-decoration: none;
    margin: 0 15px;
    font-weight: bold;
}
#nav a:hover {
    color: #fff;
    text-shadow: 0 0 5px #fff;
}

/* Boxen für Inhalte */
.box {
    background: url('images/paper-texture.jpg') repeat;
    border: 2px solid #a88b5c;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
}

/* Tabellen (z. B. Marktplatz, Inventar) */
table.inventory {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
table.inventory th,
table.inventory td {
    padding: 8px 12px;
    border: 1px solid #a88b5c;
}
table.inventory th {
    background-color: #e0c89a;
}
table.inventory tr:nth-child(even) {
    background-color: #fdf7ea;
}

/* Buttons */
.button {
    background: #5e3e1a;
    color: #fff;
    padding: 8px 16px;
    border: 2px solid #c2a56c;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}
.button:hover {
    background: #7b572a;
}

/* Fußzeile */
#footer {
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: #ddd;
    background-color: #2e1d0c;
    margin-top: 40px;
}