div#header_pictures{
	border-bottom: 10px solid white;
}

div.start_icons{
	display: grid;
	column-gap: 5%;
	row-gap: 50px;
	grid-template-columns: 16% 16% 16% 16% 16%;
	padding: 140px 80px 0px 80px;
	box-sizing:border-box;
	max-width: 1350px;
	margin: 0px auto 0px auto;
	
}
@media (max-width: 1150px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1725px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2300px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2875px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3450px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1725px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2300px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2875px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3450px) and (orientation:portrait)
  {	
	div.start_icons{
		grid-template-columns: 18.4% 18.4% 18.4% 18.4% 18.4%;
		column-gap: 2%;
		row-gap: 20px;
		
	}
}
@media (max-width: 1100px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait)
  {	
	div.start_icons{
		padding: 80px 45px 0px 45px;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {	
	div.start_icons{
		padding: 50px 20px 0px 20px;
		row-gap: 10px;
	}
}
div.start_icons > div > a{
	color:black;
}

div.start_icon_farbe{
	background:white;
	width: 100%;
  	position: relative;
  	margin-bottom: 50px;
}
div.grid_box:nth-child(2) div.start_icon_farbe {
	background:#E52527;
}
div.grid_box:nth-child(3) div.start_icon_farbe {
	background:#0C67B1;
}
div.grid_box:nth-child(4) div.start_icon_farbe {
	background:#FFED1F;
}
div.grid_box:nth-child(5) div.start_icon_farbe {
	background:#00813B;
}

div.start_icon_farbe::after{
	content: "";
  	display: block;
  	padding-bottom: 100%;
  	
}

div.box_content{
	position: absolute;
	top: auto;
	left: 0.9375em;
	right: 0.9375em;
	bottom: auto;
	text-align:center;
	height: 100%;
	display: flex; 
	justify-content: center; 
	align-items: center;
	font-weight:bold;
}
@media (max-width: 1150px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1725px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2300px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2875px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3450px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1725px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2300px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2875px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3450px) and (orientation:portrait)
  {	

	div.start_icon_farbe{
		margin-bottom: 15px;
	}
}

@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div.box_content{
		font-size: 9pt;
	}
	
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	div.box_content{
		display:none;
	}
	div.start_icon_farbe{
		margin-bottom: 10px;
	}
}
div.start_icon img{
	width: 100%;
}