html {
  background-image: url('bg.jpg');
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (min-width:930px) {
  html {
  }
}

body {
  font-family: Calibri, Arial, sans-serif;
  font-size: 14pt;
  color: #222;
}
body > div {
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px;
  max-width: 900px;
  background-color: #F4F4F4;
}
@media all and (min-width:930px) {
  body > div {
    background-color: #FFFFFFEB;
  }
}
@media all and (max-width:930px) {
  div.quote {
    background: #FFF;
  }
}
.h1, .h2, .h3 {
  font-family: Candara,Calibri,Arial,sans-serif;
}
.h1 {
  font-size: 30pt;
  font-weight: bold;
  margin-top: 1em;
}
.h2 {
  font-size: 22pt;
}
.h3 {
  font-style: italic;
}
.quote {
  font-style: italic;
  margin: 2em 2em;
  background: #ffffff;
  padding: 40px;
}
div {
  font-family: Candara,Calibri,Arial,sans-serif;
  margin-top: 1em;
}
div.contact {
  margin-top: 1em;
}
.contact div {
  margin-top: 10px;
}
div.photo {
  float: left;
  border: 1px solid #333;
  margin: 1em 1em 1em 0;
}
div.photo img {
  max-width: 250px;
}
div.logo {
  display: flex;
  justify-content: center;
  background-color: transparent;
  margin-bottom: 200px;
}
div.logo img {
  width: 150px;
}

/* tarieven */
table {width: auto; border-collapse: collapse;}
tr { }
td { padding: 0px 15px; white-space: nowrap; border: 1px solid gray;}
td.label {width: 250px; }
td.euro { width: 90px; text-align: right; }

/* webform */
.row { display: flex; gap: 20px; margin-bottom: 15px; }
.col { flex: 1; display: flex; flex-direction: column; }
textarea { resize: vertical; width: 100%; min-height: 150px; box-sizing: border-box; }
.honeypot { display: none; }