nav, footer {
display: none !important;
}

#content .container.mt-4 {
margin-top: 0px !important
}

@media (min-width: 576px) {
    .container, .container-sm
 {
        max-width: 100% !important;
    }
}

.field
{
margin-bottom:10px;
}
label
{
margin-bottom: 5px;
margin-top: 5px;
}

.block-collecting, #content > p
{
display: block;
width: 50em;
max-width:100%;
padding: 20px;
margin-bottom: 25px;
margin-top:50px;
margin-left: auto;
margin-right:auto;
background-color: #fff;
box-shadow: 4px 4px 8px rgba(0,0,0,0.25);
}

body {
background-color: var(--bs-info) !important
}




footer.navbar-dark.bg-dark 
{
 background-color: #FFF !important;
 color: #000
}

#search-form
{
  display: none
}


.block-collecting input[type=text],
.block-collecting input[type=email],
.block-collecting textarea
{
width: 2000px;
max-width:100%;
margin-top: 5px;
}

.field:has(input[type="checkbox"]) {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.field:has(input[type="checkbox"]) .inputs {
  order: 1;
}

.field:has(input[type="checkbox"]) .field-meta {
  order: 2;
}


label[for^="email_send_"] {
  color: transparent; 
  position: relative;
}

label[for^="email_send_"]::after {
  content: "Bevestig per mail";
  color: black; 
  position: absolute;
  left: 0;
  top: 0;
}

h3
{
margin-top:25px;
}

big
{
display: block
}

h3, big
{
font-size:150%
}

.item_title-display, .item_ark-display {
font-weight: bold
}

textarea {
field-sizing: content;
min-height: 5em;
}

button[type="submit"],
input[type="submit"] {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: color .15s ease-in-out,
              background-color .15s ease-in-out,
              border-color .15s ease-in-out,
              box-shadow .15s ease-in-out;
  margin-top: 20px;
  text-align: left !important;
}