@import "/css19/main.css";

#footer  {
	margin-top: 3rem;
}

#children_nav3  {
	display:none;
}

#apotheekservice  {
	width: 470px;
	max-width: 470px;
	margin-top: 3rem;
}


@media (max-width: 1200px)  {
    #apotheekservice  {
		max-width: 360px;
	}
}

@media (max-width: 960px)  {
    #apotheekservice  {
		max-width: 360px;
		margin-right: 2rem;
		margin-left: 1rem;
		margin-top: 1rem;
	}
}

@media (max-width: 768px)  {
    #apotheekservice  {
		margin-right: 0;
		margin-left: 0;
	}
}

#apotheekservice h2  {
	font-weight: 900;
	font-size: 2.4rem;
	line-height: 2.5rem;
}

#apotheekservice .diensten_outer {
	border: 2px solid #000;
	border-width: 2px 0;
	margin: 1rem 0;
	text-align: center;
}

#apotheekservice .diensten_outer p:first-child  {
	margin: 0.6rem 0 1.6rem 0;
}


#apotheekservice .diensten_inner  {
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: space-between;	
	align-items: baseline;
}
	
#apotheekservice .diensten_inner div  {	
	text-align: center;
	width: 49%;
	border: 0px solid grey;
	font-family: 'Source Serif Pro', serif;
	font-size: 1.3rem;
	font-weight: 600;
	color: #000;
	margin-bottom: 1.8rem;
}

#apotheekservice .diensten_inner div:hover  {
	color: #0E7BAF; /* apo-blauw */
}  

#apotheekservice .diensten_inner div svg {
	float: none;
	margin-bottom: 0.6rem;
}

#apotheekservice .diensten_inner div:hover path  {
	fill: #0E7BAF; /* apo-blauw */ 
}

#maincontent .introparagraph {
	position: relative;
	width: 560px;
	margin-top: -200px;
	padding-left: 90px;
	box-sizing: border-box;
}


@media (max-width: 1200px)  {
    #maincontent .introparagraph {
		width: 480px;
		padding-left: 70px;
	}
}


@media (max-width: 960px)  {
    #maincontent .introparagraph {
		width: 480px;
		padding-left: 70px;
		margin-top: 4rem;
		width: 100%;
	}
}


@media (max-width: 768px)  {
    #maincontent .introparagraph {
		width: 100%;
		padding-left: 0;
	}
}


#maincontent .introparagraph h2  {
	font-weight: 600;
	font-size: 2.4rem;
	line-height: 2.6rem;
}

@media (max-width: 1200px)  {
    #maincontent .introparagraph h2 {
		font-size: 2.2rem;
		line-height: 2.4rem;
	}
}



#maincontent .introparagraph h2:before {
  display: block;
  content: ' ';
  background-image: url('/img19/icon/handjes.svg');
  background-size: 63px 54px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 90px;
  width: 90px;
  margin-left: -90px;
  float: left;
}

@media (max-width: 768px)  {
    #maincontent .introparagraph h2:before {
		display:none;
	}
}


.newsparagraphs  {
	margin: 250px auto 0 auto;
	border: 0px solid red;
	display: flex; 
	flex-direction: row; 
	justify-content: space-between;	
	align-items: flex-start;
}

@media (max-width: 768px)  {
    .newsparagraphs  {
		flex-direction: column; 
		margin-top: 15px;
	}
}


.newsparagraphs .newsitem  {
	width: calc(50% - 0px);
	border: 0px solid blue;
	padding: 0 90px ;
	box-sizing: border-box;
}


@media (max-width: 1200px)  {
    .newsparagraphs .newsitem {
		padding: 0 70px ;
	}
}

.newsparagraphs .newsitem:nth-of-type(1n)  {
}

.newsparagraphs .newsitem:nth-of-type(2n)  {
}


@media (max-width: 768px)  {
    .newsparagraphs .newsitem {
		width: 100%;
		padding: 0 0px ;

	}
}


#divNavigation ul ul {
	display: none;
}

#maincontent .greybar  {
	background: #F2F2F2;
    position: absolute;
    left: 0;	
    width: 100%;
	padding: 0 calc(50% - 585px);
	box-sizing: border-box;
}

@media (max-width: 1200px)  {
    #maincontent .greybar {
		padding: 0 calc(50% - 465px);  /*  */
	}
}


@media (max-width: 960px)  {
    #maincontent .greybar {
		padding: 0 calc(50% - 465px);
	}
}

@media (max-width: 768px)  {
    #maincontent .greybar {
		padding: 0 0;
		position: relative;

	}
}


#maincontent .greybar_inner  {
	width: calc(1200px - 30px);
	display: flex; 
	flex-direction: row; 
	justify-content: space-between;	
	align-items: center;
	padding: 1.8rem 0;
    box-sizing: border-box;
	margin-bottom: 0;
}


@media (max-width: 1200px)  {
    #maincontent .greybar_inner {
		width: calc(960px - 30px);
	}
}


@media (max-width: 960px)  {
    #maincontent .greybar_inner {
		width: calc(768px - 30px);
		padding: 1rem calc(50% - 369px); /* 768 - (2 x 15px)*/
	}
}


@media (max-width: 768px)  {
    #maincontent .greybar_inner {
		width: auto;
		padding: 1rem 15px; /* */
	}
}

#maincontent .greybar_inner h2  {
	width: 80%;
	font-size: 2.2rem;
	font-weight: 600;
}


@media (max-width: 1200px)  {
    #maincontent .greybar_inner h2 {
		font-size: 2rem;
		width: 70%;
		line-height: 2.4rem;
	}
}

@media (max-width: 960px)  {
    .greybar_inner h2 {
		font-size: 2.0rem;
		width: 70%;
		line-height: 2.4rem;
	}
}


@media (max-width: 768px)  {
    #maincontent .greybar_inner h2 {
		font-size: 1.4rem;
		line-height: 1.6rem;
		width: 100%
	}
}


#maincontent .greybar_inner a.button  {
	margin-right: 0;
}