.afbeeldingen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin-top: 20px;
}

header button {
    float: right;
}

.main {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
    margin: 20px;
}

.ai {
    display: flex;
    flex-direction: column;
}

.afbeeldingen img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}

.producten {
    background-color: rgb(238, 238, 238);
    order: 1;
}

.ai input[type="search"] {
    padding-left: 20px;
    background: 
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23999"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>') no-repeat right center,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" viewBox="0 0 384 512"><path d="M192 0C139 0 96 43 96 96l0 128c0 53 43 96 96 96s96-43 96-96l0-128c0-53-43-96-96-96zM48 184c0-13.3-10.7-24-24-24S0 170.7 0 184l0 40c0 97.9 73.3 178.7 168 190.5l0 49.5-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-48 0 0-49.5c94.7-11.8 168-92.6 168-190.5l0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40c0 79.5-64.5 144-144 144S48 303.5 48 224l0-40z"/></svg>') no-repeat;
    border: 1px solid black;
}

.footer-text {
    background-color: rgb(109, 109, 248);
    color: rgb(211, 211, 211);
    font-size: 16px;
    line-height: 1.25em;
    padding: 0 0 1em 0;
    text-align: justify;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-text input[type="email"] {
    margin-right: 80px;
}