main {
	background: #025493;
	text-align: center;
	}
main h1 {
	margin: 0 auto;
	text-transform: uppercase;
	padding:.6em 1.5em .6em 1.5em;
	text-decoration:none;
	font-size: 2.6em;
	font-weight: 300;
	color: #fff;
	}
.flexcontainer {
	display: flex;
    max-width: 100%;
    padding: 0rem;
	justify-content: center;
	flex-direction: row;
/* row, row-reverse, column, column-reverse */
	flex-wrap: nowrap;
/* nowrap, wrap, wrap-reverse */
	flex-flow: row wrap;	 
  }

.flexcontainer .test1 { 
    background: #025493;
	border: 1px solid #fff;
	text-transform: uppercase;
	text-decoration:none;
	border-radius:2px;
	font-size: 1.0em;
	font-weight: 500;
	color: #fff;
	height: 200px;
	width: 280px;
	padding: 0rem; 
    margin: 1.2rem;
	padding-top: 0em;
	flex-grow: 0;
	/* 0, 1, 2, 3, 4, 5 */
	flex-shrink: 1;
	/* 1, 1, 2, 3, 4, 5 */
	flex-basis: 280px;
	/* auto, 0%, Werte(px,em,rem,%)*/
	flex:;
	/* 0%, */
	padding: 10px;
  }
 	
main article div {
	margin-left: auto;
    margin-right: auto;
	}	
.pr_head {
	font-size: 1em;
	padding-bottom: 1em;
	}		
main article div div{
	background-image: url(../images/arrow_right.svg);
	background-position: 9px center;
	background-repeat: no-repeat;
	background-size: 70% 70%;
	height: 50px;
	width: 50px;
	border: 2px solid #fff;
	border-radius: 25px;
	}
.flexcontainer article:hover { 
	background-color: #2aafea;
  } 
	

		
.test2 {
	height: 100%;
	width: 100%;
	}
.test2 div {
	
	}	
.pro_head {
	text-transform: uppercase;
	text-decoration:none;
	font-size: 1.4em;
	font-weight: 500;
	color: #fff; 
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	}	
.pfeil {
	background-image: url(../images/arrow_right.svg);
	background-position: 9px center;
	background-repeat: no-repeat;
	background-size: 70% 70%;
	height: 50px;
	width: 50px;
	border: 2px solid #fff;
	border-radius: 25px;
	margin-left: auto;
    margin-right: auto;	
	
	}	
	
		
.test2:hover {
	background-color: #2aafea;
	}