body {
       font-size: 16pt;
       font-family: Verdana, Geneva, sans-serif;
       background: url(./matze-tegel.png) ;
     }
   @font-face {
    font-family: menuletter;
    src: url(MenuDov.woff);
    font-size: 5rem ;
  }
  @font-face {
      font-family: handschrift;
      src: url( Sarina-Regular.ttf);
      font-size: 2rem;
  }

  .subschrift {
      font-size: smaller;
  }
  .input {
      font-size: 1rem;
      max-width: 120%;
  }
  .label {
      font-size: 0.825rem;
  }

  img.kopje {
      margin-left: 5%; width:90%; height:auto; box-shadow: 5px 3px 11px #EBD89D;
  }
 h5 {
     font-size: 1rem;
 }
 div.blok {
    box-shadow: 5px 5px 11px #EBD89D;
    border-style: solid;
    border-radius: 10px  ;
    border-width: 5px;
    border-color: rgb(43,44,104);
    margin-left: 4%;
    margin-bottom:2%;
    max-width: 90%;
    background-color: rgba(241, 236, 225,.95) ;
   /* background-image: url(../img/mouwes_logo_fijner_schaduwgeel_watermerk.svg ; NB:opnemen in pagina, werkt niet in stylesheet */
    padding: 3% ;
 }
 div.blok_challah {
    box-shadow: 5px 5px 11px rgba(204,179,123,.75);
    border-style: solid;
    border-radius: 10px  ;
    border-width: 5px;
    border-color: rgb(43,44,104);
    margin-left: 4%;
    max-width: 85%;
    background-color: rgba(241, 236, 225,.95) ;
    font-size: .825rem;
    padding: 3% ;
 }
div.menu {
   /*  color : rgba(241, 236, 225,1);
     background-color:rgba(14,52,78,1);
    padding: 12px;

     max-width: 95%; */
     width: 90% ; 
     margin-left: 5%;
     margin-right: 5%;
 }

 div.covcolumnl {
    float: left;
     font-style: normal;
     font-family: menuletter;
     font-size: 4rem;
     text-align: center;
    width: 18%;
    padding: 1px;
    /*  height: 2.8rem;Should be removed. Only for demonstration */
     color : rgba(241, 236, 225,1);
     background-color:rgba(14,52,78,1);
     max-height: 1.8%;
}
 div.covcolumnr {
    float: left;
     font-style: normal;
     font-family: menuletter;
     font-size: 4rem;
     text-align: center;
    width: 18%;
    padding: 1px;
    /*  height: 2.8rem;Should be removed. Only for demonstration */
     color : rgba(241, 236, 225,1);
     background-color:#032035;
     max-height: 1.8%;
}
div.feestcovcolumnl {
    float: left;
     font-style: normal;
     font-family: menuletter;
     font-size: 4rem;
     text-align: center;
    width: 15%;
    padding: 1px;
    /*  height: 2.8rem;Should be removed. Only for demonstration */
     color : rgba(241, 236, 225,1);
     background-color:rgba(14,52,78,1);
     max-height: 1.8%;
}
div.feestcovcolumnr {
    float: left;
     font-style: normal;
     font-family: menuletter;
     font-size: 4rem;
     text-align: center;
    width: 15%;
    padding: 1px;
    /*  height: 2.8rem;Should be removed. Only for demonstration */
     color : rgba(241, 236, 225,1);
     /*background-color:rgba(14,52,78,1);        */
     max-height: 1.8%;
    background-color:#032035;
}

/* div.row {
    height:5rem;
} */

 div.pesachmenu {
     color : rgba(241, 236, 225,1);
     background-color:rgba(14,52,78,1);
     padding: 12px;
     width: 95% ;
     max-width: 100%;
     margin-left: 5%;
     font-size: 4rem;
 }
a {
     font-style: normal;
     text-decoration: none;
     color: rgba(14,52,78,1);
     padding-left: 1%;
     padding-right: 1%;
 }
 a.covmenu {
       font-style: normal;
     font-family: menuletter;
     font-size: 4rem;
     text-align: center;
   text-decoration: none;
     padding: -5px;
     color : rgba(241, 236, 225,1);
     max-height: 1.3%;
 }
 a.menu {
     font-style: normal;
     font-family: menuletter;
     color : rgba(241, 236, 225,.95);
     text-decoration: none;
     padding-left: 0%;
     padding-right: 0%;
 }


 a.feestmenu {                              /* gaat vervallen */
     font-style: normal;
     font-family: menuletter;
     color : rgba(241, 236, 225,.95);
     text-decoration: none;
     padding-left:1%;
     padding-right:0%;
 }
 p.menu {
      margin-top: .55rem;
 }

 li.mini {
     font-size: x-small;
     font-style: italic;
 }

 /* HIER WORDEN DE KNOPPEN GESPECIFICEERD. ALGEMEEN EN SPECIFIEK PER MENU MET 4,5 OF 6 KNOPPEN   */
 button {
     height: 3rem;
     font-size: 2rem;
     border-radius: 15px;
     padding-left: 0.8rem;
     padding-right: 0.8rem;
     box-shadow: 0 6px rgba(153, 153, 153, 0.6);
 }



button.assortiment {
     height:1.4rem;
     background-color:rgba(14,52,78,1);
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
     background: -webkit-linear-gradient(0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
     background: -moz-linear-gradient(center top, rgba(26, 99, 147, 0.9), rgba(14,52,78,1));
     color: rgba(241, 236, 225,1);
     display: inline-block;
     font-style: normal;
     font-size:1.2rem;
     border: none;
     border-radius: 15px;
     padding-left: 0.8rem;
     padding-right: 0.8rem;
     box-shadow: 0 6px rgba(153, 153, 153, 0.6);
 }
button.assortiment:hover {
     height:2rem;
     background-color:  #3e8e41;      /* rgba(14,52,78,1); */
     color: rgba(241, 236, 225,1);
     display: inline-block;
     font-style: normal;
     font-size:1.2rem;
     border: none;
     border-radius: 15px;
     box-shadow: 0 6px rgba(153, 153, 153, 0.6);
 }

.button:hover {
    background-color: #3e8e41;
    background-size: 180%;
}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

 /* het basismenu dient voor gebruikers die geen cookies toestaan, beperkte functionaliteit   */
 button.basismenu {
     color: rgba(14,52,78,1);
     background:rgba(14,52,78,1);
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
     background: -webkit-linear-gradient(0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
     background: -moz-linear-gradient(center top, rgba(26, 99, 147, 0.9), rgba(14,52,78,1));
    border: 4px rgba(14,52,78,1) ;
  font-style: normal;
  font-family: menuletter;
  font-size: 2rem;
  color: rgba(241, 236, 225,1);
  /*padding: 1% 1%; */
  width: 29%;
   border-radius: 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.menu4 {
   background:rgba(14,52,78,1);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
   background: -webkit-linear-gradient(0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
   background: -moz-linear-gradient(center top, rgba(26, 99, 147, 0.9), rgba(14,52,78,1));
  border: 2px rgba(14,52,78,1) ;
  font-style: normal;
  font-family: menuletter;
  font-size: 2rem;
  color: rgba(241, 236, 225,1);
  /*padding: 1% 1%; */
  width: 24%;
   border-radius: 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.menu5 {
  background:rgba(14,52,78,1);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
  background: -webkit-linear-gradient(0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
  background: -moz-linear-gradient(center top, rgba(26, 99, 147, 0.9), rgba(14,52,78,1));
  border: 2px rgba(14,52,78,1) ;
  font-style: normal;
  font-family: menuletter;
  font-size: 2rem;
  color: rgba(241, 236, 225,1);
 /* padding: 0.1% .1%; */
  width: 18%;
   border-radius: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.menu6 {
  background:rgba(14,52,78,1);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
  background: -webkit-linear-gradient(0% 0%, 0% 100%, from(rgba(26, 99, 147, 0.9)), to(rgba(14,52,78,1)));
  background: -moz-linear-gradient(center top, rgba(26, 99, 147, 0.9), rgba(14,52,78,1));
  border: 2px rgba(14,52,78,1) ;
  font-style: normal;
  font-family: menuletter;
  font-size: 2rem;
  color: rgba(241, 236, 225,1);
  /*padding: 1% 1%; */
  width: 13vw;
   border-radius: 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

 input[type=number]  {
    width: 6rem;
}
 input[type=submit] {
     height: 2rem;
 }
 img.kopje_challah {
      margin-left: 5%; width:90%; height:auto; box-shadow: 5px 3px 11px rgba(204,179,123,.75);
  }
  /* Definities voor het maken van 2 resp 3 kolommen */
.column2 {
    float: left;
    width: 45%;
    padding: 2px;

}
.column3 {
    float: left;
    width: 31%;
    padding: 2px;

}

/* Clear floats after the columns */
* {
    box-sizing: border-box;
}

.row:after {
    content: "";
    display: table;
    clear: both;
    margin-left: 5%;
    margin-right: 5%;
}