/* ==================================================
   LMO Kiezbraun - FC St. Pauli inspiriertes Zusatzdesign
   ================================================== */

html,
body {
    background: #1b1b1b !important;
    margin: 0;
    padding: 0;
}

/* Außenbereich */
.lmoMain {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,0.35);
}


/* Tabellen sauber darstellen */
.lmoMain table {
    border-collapse: collapse;
}


/* Abstände */
.lmoMain td,
.lmoMain th {
    padding: 6px;
}


/* Überschriften */
.lmoMain h1 {
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 3px solid #d9b45b;
}


/* Menüleisten */
.lmoMain .lmoMenu {
    background: #1b1b1b;
    color: #d9b45b;
    border-bottom: 2px solid #d9b45b;
}


/* Menü-Links */
.lmoMain .lmoMenu a {
    background: #3b2417;
    color: #f3eee7;
    padding: 4px 7px;
    border-radius: 3px;
    text-decoration: none;
}


/* Tabellenüberschriften */
.lmoMain th {
    background: #3b2417;
    color: #d9b45b;
}


/* Ergebnisbereiche */
.lmoMain .lmoTable {
    border: 1px solid #3b2417;
}


/* Sieger */
.lmoMain .winner {
    background: #d9b45b;
    color: #1b1b1b;
}


/* Fußzeile */
.lmoMain .lmoFooter {
    background: #1b1b1b;
    color: #f3eee7;
    border-top: 2px solid #d9b45b;
    padding: 5px;
    font-size: 90%;
}


/* Eingabefelder */
.lmoMain input,
.lmoMain select,
.lmoMain textarea {
    background: #eee6dc;
    color: #1b1b1b;
    border: 2px inset #d9b45b;
}


/* Buttons */
.lmoMain input[type="submit"],
.lmoMain button {
    background: #3b2417;
    color: #d9b45b;
    border: 2px outset #d9b45b;
    padding: 4px 10px;
    cursor: pointer;
}


.lmoMain input[type="submit"]:hover,
.lmoMain button:hover {
    background: #d9b45b;
    color: #1b1b1b;
}


/* Kleine optische Details */
.lmoMain hr {
    border: 0;
    height: 1px;
    background: #d9b45b;
}


/* Mobile etwas freundlicher */
@media (max-width: 700px) {

    .lmoMain {
        width: 100%;
        border-radius: 0;
    }

    .lmoMain td,
    .lmoMain th {
        padding: 4px;
    }

}