@charset "utf-8";
/* CSS Document */

body {
    font-family: "Josefin Sans", sans-serif;
}

.container{
   width: 100%;
	 max-width: 1146px;
   margin: auto; 
}

.containerheader, .containermain{
	 display: flex;
	 flex-wrap: wrap;	 
}

.containerpart {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
}

.headertoplinks{
  width: 100%;
  order: 1;
}

.headercart{
  width: 33.3%;
	order: 6;
}

.headerlogo{
  width: 100%;
	order: 2;
}

.headerzoeken{
  width: 100%;
	order: 3;
}

.headerkiyoh{
  width: 33.3%;
	order: 5;
	display: flex;
    flex-direction: column;
}

.headermenu{
  width: 33.3%;
	order: 4;	
}
.headermenularge{
	display: none;		
}
.headerbestelvandaag{
  background-color: yellow;
  width: 100%;
	display: none;
}


@media screen and (min-width: 360px){

.headertoplinks{
  width: 80%;
  order: 1;
}

.headercart{
  width: 20%;
	order: 2;
}

.headerlogo{
  width: 50%;
	order: 3;
}

.headerzoeken{
  width: calc(100% - 100px);
	order: 6;
}

.headerkiyoh{
  width: 50%;
	order: 4;
}

.headermenu{
  width: 100px;
	order: 5;	
}

}

@media screen and (min-width: 605px){

.headertoplinks{
  width: 66%;
}

.headercart{
  width: 34%;
}
}

@media screen and (min-width: 650px){
.headertoplinks{
  width: 65%;
  order: 1;
}

.headercart{
  width: 35%;
	order: 2;
}

.headerlogo{
  width: 210px;
	order: 3;
}
.headerzoeken{
  width: calc(100% - 420px);
	order: 4;
  padding-top: 10px;		
}

.headerkiyoh{
  width: 210px;
	order: 5;
}
.headermenu{
	display: none;
}
.headermenularge{
  width: 275px;
	height: 275px;
	display: inline-block;	
}

.headerbestelvandaag{
  width: 100%;
	display: none;
}
}