/* Zentrale Farbdefinitionen */
:root {
    --color-page-text: #f5e6d3;
    --color-page-bg: #7b0f1a;
    --color-link-visited: #d8c3a5;
    --color-panel-bg: #f5e6d3;
    --color-accent: #7b0f1a;
    --color-panel-text: #4a2c2a;
    --color-input-bg: #fffdf8;
    --color-button-hover: #e8d5b5;
}

/* Allgemeines Seitenlayout */
body {
    color: var(--color-page-text); /* zentrale Textfarbe */
    background: var(--color-page-bg); /* zentraler Seitenhintergrund */
    font-size: 16px;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

/* Links */
a {
    color: var(--color-page-text);
}

a:visited {
    color: var(--color-link-visited);
}

/* Formularbereiche */
fieldset {
    background: var(--color-panel-bg); /* zentrale Panel-Hintergrundfarbe */
    border: 2px solid var(--color-accent); /* zentrale Akzentfarbe */
    border-radius: 15px;
    color: var(--color-panel-text); /* zentrale Panel-Textfarbe */
    padding: 15px;
}

/* Mehr Abstand zwischen direkt aufeinanderfolgenden Formularbloecken */
#order-form fieldset + fieldset {
    margin-top: 20px;
}

/* Legende komplett auf dem beigen Feld statt halb auf dem Seitenhintergrund */
fieldset legend {
    background: var(--color-panel-bg);
    color: var(--color-panel-text);
    display: inline-block;
    padding: 0 8px;
    margin-left: 8px;
    border-radius: 6px;
}

/* Eingabefelder */
input, select, textarea {
    border: 2px solid var(--color-accent);
    border-radius: 10px;
    color: var(--color-panel-text);
    background: var(--color-input-bg);
    padding: 5px 10px;
}

/* Buttons */
button {
    border: 2px solid var(--color-page-text);
    border-radius: 10px;
    color: var(--color-accent);
    background: var(--color-panel-bg);
    padding: 5px 15px;
    cursor: pointer;
}

/* Button Hover Effekt */
button:hover {
    background: var(--color-button-hover);
}

/* Spezifische Felder */
#Customer_city {
    max-width: 162px;
}

/* Bestellsumme-Trenner */
#orderSum {
    border-top: 2px solid var(--color-page-text);
    margin-top: 20px;
    padding-top: 10px;
}