html, body {
  margin: 0;
  min-height: 100%;
}

body {
  background-color: #ead9bd;
  color: #382b20;
  font-family: Arial, sans-serif;
  text-align: center;
}

.punten-display {
  position: fixed;
  top: 20px;
  left: 20px;
  background-color: #fffaf0;
  border: 2px solid #7a542c;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 17px;
}

nav {
  margin-top: 25px;
}

.tab-knop,
.wissel-knop,
.verstuur-knop,
.koop-knop {
  background-color: #d2b48c;
  border: 1px solid #7a542c;
  border-radius: 7px;
  color: #382b20;
  cursor: pointer;
  font-size: 17px;
  margin: 5px;
  padding: 10px 18px;
}

.tab-knop.actief,
.tab-knop:hover,
.wissel-knop:hover,
.verstuur-knop:hover {
  background-color: #7a542c;
  color: white;
}

.koop-knop:disabled {
  background-color: #c9c0b2;
  border-color: #8d8275;
  color: #635b52;
  cursor: not-allowed;
}

main {
  width: 94%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 55px 0;
}

.punten-pagina,
.overheid-pagina,
.berichten-pagina {
  max-width: 700px;
  margin: 0 auto;
}

h1 {
  font-size: 42px;
  margin-bottom: 45px;
}

p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 35px;
}

.verborgen {
  display: none;
}

.tabel-vak {
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 850px;
  border-collapse: collapse;
  background-color: #fffaf0;
  font-size: 17px;
}

th, td {
  border: 1px solid #7a542c;
  padding: 16px 25px;
}

th {
  background-color: #d2b48c;
}

.overheid-tabel {
  min-width: 0;
  margin: 0 auto 35px;
}

.overheid-tekst {
  max-width: 650px;
  margin: 0 auto;
}

#itemshop {
  max-height: 70vh;
  overflow-y: auto;
  padding: 10px 15px 40px;
}

.item-lijst,
.account-lijst {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.item-kaart,
.account-kaart {
  width: 260px;
  background-color: #fffaf0;
  border: 2px solid #7a542c;
  border-radius: 12px;
  padding: 18px;
}

.item-kaart h2,
.account-kaart h2 {
  margin: 5px 0 15px;
}

.item-kaart p {
  margin-bottom: 14px;
}

.prijs {
  color: #7a542c;
  font-weight: bold;
}

textarea,
select {
  box-sizing: border-box;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #7a542c;
  border-radius: 7px;
  background-color: #fffaf0;
  color: #382b20;
  font-family: Arial, sans-serif;
  font-size: 16px;
  padding: 12px;
}

textarea {
  min-height: 120px;
  resize: vertical;
}

.bericht-lijst {
  margin-top: 25px;
}

.bericht {
  background-color: #fffaf0;
  border: 1px solid #7a542c;
  border-radius: 10px;
  margin: 15px 0;
  padding: 15px;
  text-align: left;
}