:root{
    --lichtgeel: #FFEEDE;
    --beige: #EBE2B5;
    --oranje: #D67A36;
    --rood: #99271D;
    --bruin: #331E19;
    --hoofdfont: "'Times New Roman', Times, serif";
}
body{
    background-color:var(--beige);
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: var(--bruin);
}
header{
    position: sticky;
    top: 0;
    z-index: 2;
    background-color:var(--rood);
}
#container{
    display: flex;
}
main{
    position: relative;
    z-index: 1;
}
#logo{
    width: 8em;
}
#container > a{
    margin: auto 0.8em auto 0.8em;
}
nav > ul > li{
    display: inline-block;
    font-weight: bold;
    font-family:var(--hoofdfont);
    font-size: 1.3em;
    margin: 0.4em;
}
nav > ul > li > a{
    color: var(--beige);
    text-decoration: none;
}
nav{
    margin-top: auto;
    margin-bottom: auto;
}
#maand > img{
    width: 26em;
    margin-right: 0.8em;
}
iframe{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#video{
    background-color: var(--oranje);

}
h1{
    font-weight: bold;
    font-family: var(--hoofdfont);
    font-size: 3em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.6em;
    color: var(--rood);
}
h2{
    font-weight: bold;
    font-size: 2.6em;
    color: var(--oranje);
    margin-bottom: 0.6em;
}
#gerechtmaand > h2{
    text-align: center;
}
h3{
    font-weight: bold;
    font-size: 2.2em;
    margin-bottom: 0.2em;
}
h5{
    font-size: 1.6em;
}
p{
    font-size: 1.6em;
}
#maand{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#gerechtmaand{
    background-color: var(--lichtgeel);
    padding: 1em 0em 1.4em 0em;/*
    border-radius: 0.4em;
    margin-left: 10%;
    margin-right: 10%;*/
}
.productbeschrijving{
    margin-top: 0.3em;
    width: 26em;
    padding-left: 1em;
    padding-right: 1em;
}
.btn{
    text-align: center;
    margin-top: 2em;
    margin-bottom: 4em;
    background-color: var(--oranje);
    padding: 0.6em;
    border-radius: 0.4em;
    margin-left: 35%;
    margin-right: 35%;
    font-weight: bold;
    color: var(--bruin);
}
.btn > a{
    color: var(--bruin);
    text-decoration: none;
}
.product{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}
.pl{
    background-color: var(--lichtgeel);
    padding-right: 1em;
    padding-left: 0em;
}
.product > img{
    width: 20em;
    margin-right: 0.8em;
    border-radius: 2.6em;
}
.productbeschrijving > p{
    margin-bottom: 0.6em;
}
.producttl{
    text-align: center;
    margin-top: 1em;
    font-family: var(--hoofdfont);
}
.pijl{
    height: 2em;
    margin: 0.6em;
}
form{
    background-color: var(--lichtgeel);
    padding: 1em;
    border-radius: 0.8em;
}
.bform{
    width: 22em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    display: flex;
    flex-direction: column;
}
#column{
    display: flex;
    flex-direction: column;
}
label, input[type="text"], [type="email"], select{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
#bestelling > ul > li{
    display: flex;
    flex-direction: row;
}
#bestelling > ul > li > input[type="number"]{
    width: 10%;
}
input{
    margin-bottom: 1em;
}
legend{
    font-weight: bold;
    margin-bottom: 1em;
}
fieldset{
    margin-top: 1em;
}
input[type="submit"]{
    background-color: #D67A36;
    padding: 0.6em;
    border-radius: 0.4em;
    font-weight: bold;
    color: var(--bruin);
    border: 0;
}
label{
    margin-bottom: 0.2em;
}
#contact{
    background-color: var(--lichtgeel);
    padding: 2em;
    border-radius: 0.8em;
    margin-top: 1.4em;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 1.4em;
}
#contact > .btn{
    margin-left: 0;
    margin-right: 40%;
}
#contact > h2:last-of-type{
    margin-top: 1em;
}
#contact > p{
    margin-bottom: 1em;
}
.locatie{
    display: flex;
    flex-wrap: wrap;
}
.locatie > img{
    height: 2.4em;
}
.locatie > p{
    margin-top: auto;
    margin-bottom: auto;
}
.contactlink > a{
    color: var(--bruin);
}
.blog{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}
.blog > img{
    width: 18em;
    margin-right: 0.8em;
    border-radius: 1.6em;
}
.bloginhoud{
    width: 50em;
}
.geenimg{
    width: 18em;
    margin-right: 0.8em;
}
.bl{
    background-color: var(--lichtgeel);
}
#bedrijf{
    padding-left: 1em;
    padding-top: 1em;
}
.personeel > img{
    width: 14em;
    border-radius: 1.6em;
}
.personeelsoort{
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    margin-bottom: 1em;
}
.personeelsoort > h4{
    width: 5em;
    font-size: 1.8em;
    font-weight: bold;
    color: var(--rood);
}
.personeel > h5{
    font-size: 2.4em;
    text-align: center;
    padding-top: 0.1em;
}
.personeel{
    background-color: var(--lichtgeel);
    margin: 0.6em 0.6em 0.6em 1.2em;
    border-radius: 1.6em;
    padding: 0.6em;
}
#bedrijf > h3{
    margin-top: 1.6em;
}
footer{
    font-size: 0.6em;
    background-color: #99271D;
    padding: 1em;
    display: flex;
    justify-content: space-between;
}
footer > p{
    margin-top: auto;
    margin-bottom: auto;
}
footer > p > a{
    color: var(--oranje);
}