body {
background: #FFF8F0;
color: #3A2F2A;
font-family: "Segoe UI", Arial, sans-serif;
margin: 0;
}

header {
background: #D97A5B;
color: white;
padding: 25px;
}

nav a {
color: white;
margin-right: 15px;
text-decoration: none;
font-weight: 500;
}

nav a:hover {
text-decoration: underline;
}

section {
background: #EAD7C5;
margin: 20px;
padding: 20px;
border-radius: 8px;
}

h1, h2 {
margin-top: 0;
}

button, .btn {
background: #8C9A5B;
color: white;
padding: 12px 18px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
}

button:hover, .btn:hover {
background: #6F7E45;
}

input, textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}

table {
border-collapse: collapse;
background: white;
}

th {
background: #D97A5B;
color: white;
}

td {
padding: 8px;
border: 1px solid #ddd;
}

.frei {
background: #CFE1B9;
}

.belegt {
background: #E07A5F;
color: white;
}

footer {
background: #D97A5B;
color: white;
text-align: center;
padding: 15px;
}