/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');*/



body {margin:0;}
h2 {color:#000; font-size: 19px; margin-bottom:10px;  margin-top: 18px; line-height: 20px; 
/*font-family: 'Roboto', sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   /* text-align:center;*/
}


/*
#select-id1 {
        background-color: #FFF;
    padding: 11px 10px 11px 10px;
    border: none;
    font-size: 15px;
    max-width:100%;
    width:100%;
    float:left;

  } 
  */


#select-id1 {
	 width:100%;
	 margin-bottom: 6px;	
  appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 10px center;
    background-size: 24px 24px; 
    padding-right: 40px; 
    font-size: 16px; 
    border:solid 1px #FFF;
    border-radius: 3px;
    padding: 11px;
    background-color:#FFF;
    color:#000;
    cursor: pointer; 
      }


select#select-id1:hover {
    border: solid 1px #959595;
}

/*
h2.search {padding-left: 31px;  text-align: left; }
h2.search:before {
content: "";
    position: absolute;
    top: 11px;
    left: 0;
    height: 33px;
    width: 35px;
    background: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg)no-repeat;
    background-position: 3px -242px;
    background-size: 940px;
    }
*/

button#ga1 {
border: none;
    background-color: #444;
    padding: 12px 16px;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    margin-top: 4px;
    clear: left;
    float: left;
    transition: 0.2s;
    font-size: 14px; 
    border-radius: 3px;
} 

button#ga1:hover {
	background-color: #000; 
}

/*
button#ga1:before {
	content: '';
    width: 23px;
    height: 17px;
    display: block;
    float: left;
    background-color: #FFFFFF;
    -webkit-mask-image: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg);
    mask-image: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg);
    mask-position: left -54px top -123px;
    -webkit-mask-position: left -63px top -206px;
    mask-size: 785px;
   }
*/


a.pedialink {
    position: absolute;
    bottom: 1px;
    right: 3px;
    max-width: 66px;
    font-size: 11px;
    text-align: left;
    text-decoration: none;
    color: #ffffff87;
}

a.pedialink:hover {
	color: #FFF;
}


@media only screen and (max-device-width: 767px) {
	h2 {    margin: 10px 0 10px 0; font-size: 19px;} 
	h2.search:before {top: 8px;}
	body:before {display:none;}	
	#select-id1 {font-size:16px; width: 69%; margin-right: 2%;     padding: 11px 5px 11px 10px; height: 42px;}
	button#ga1 { border-radius: 3px; position: absolute; font-size: 0;width: 27%;padding-left: initial;
	        padding-right: initial;margin-top: 0;  right: 7px;height: 41px;}
	button#ga1:before {content:'Bekijk';font-size:14px; display: flex;
        justify-content: center;
        align-items: center;} 
	button#ga1.duits::before {content:'Check';font-size:14px;} 
	 }