#inhalt{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction:column;
	direction:ltr;     
	flex-direction: column;
}

div#box{
  	order: 3;
	padding-top: 20px;
}

div#zertifikat{
	order: 4;
}

#rz-img{
	order: 2;
	width: 441px;
	margin: 20px 0px 0px;
	background-image:url(../Images/rechenzentrum.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

article{
	order: 1;
	flex: 1;
	padding-right: 40px;
}

article p{
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	/*text-align: justify;
	text-align-last: justify;*/
	-ms-text-align-last: justify;
}

.two-column{
	width: 100%;
	display: flex;
	direction:ltr;
	flex-direction:row;
}

#zertifikat p{
	text-align:center;
	padding: 0 270px;
	margin-bottom: 20px;
}

.zertifikat-image-container{
	display: flex;
	padding: 0 270px;
}

.zertifikat-image-container div{
	margin: 0 auto;
}

.trennline{
	margin: 20px 0;
	border-top: 2px dashed rgba(0,56,130,1.00);
}

#inhalt > h1{
	display: none;
}

@media (max-device-width: 767px) {
	#inhalt h1 {
  		font-size: 30px;
	}
	
	#rz-img{
		display: none;
	}
	
	article {
  		padding-right: 0;
	}
	
	div#box{
		padding-right: 10px;
	}
	
	div#box firstletter{
		margin-left: 20px;
	}
	
	#zertifikat p, .zertifikat-image-container {
    	padding: 0px 0px;
	}
}

@media (min-device-width: 768px) and (max-device-width: 939px){
	#inhalt{
		padding: 10px;
	}
	
	#rz-img{
		width: 350px;
		background-size: contain;
	}
	
	#inhalt > h1{
		display:block;
		font-size: 43px;
	}
	
	.two-column > article > h1{
		display: none;
	}
	
	#zertifikat p{
		padding: 0 70px;
	}
}

@media (min-device-width: 940px) and (max-device-width: 1080px){
	#inhalt{
		padding: 10px;
	}
	
	#zertifikat p{
		padding: 0 70px;

	}
}

/*@media (min-device-width: 768px) and (max-device-width: 816px) {
	#rz-img {
		display: none;
	}
	
	#inhalt h1 {
    	font-size: 40px;
	}
	
	#zertifikat p, .zertifikat-image-container {
    	padding: 0px 100px;
	}
	
	div#box > ul > li br{
		display: none;
	}
	
	div#box > ul{
		margin-right: 20px;
	}
}*/
/*@media (min-device-width: 817px) and (max-device-width: 915px){
	#rz-img {
		width: 341px;
		background-size: contain;
		margin: 36px 0px 0px;
	}*/


