/* Blog Kapitel Cascading Style Sheet **************************************************************/

.img{
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

/* HEADER **************************************************/
#main-nav ul li:nth-child(5) a{
	color: #f8c311;
}


/* ARTIKEL *********************************************/
.abschnitt{
	margin: 100px 0;
}

.abschnitt::after{
	content: "";
	clear: both;
	display: table;
}

.artikel{
	width: 90%;
}

.text{
	width: 40%;
}

.abschnitt:nth-child(2n) .artikel .img{
	float: left;
	width: 30%;
	margin: 0 9%;
}

.abschnitt:nth-child(2n+1) .artikel .img{
	float: right;
	width: 30%;
	margin: 0 9%;
}

.img img{
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.img:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.abschnitt:nth-child(2n) .artikel .text{
	float: right;
	margin: 0 9% 0 1%;
}

.abschnitt:nth-child(2n+1) .artikel .text{
	float: left;
	margin: 0 1% 0 9%;
}

.text h2, .text p, .text p a, .text h3, .text h3 a{
	margin: 5px 0;
	text-align: left;
}

.text h3{
	color: #353535;
	margin-top: 0;
	margin-bottom: 20px;
}

@media (max-width: 650px){
	.abschnitt:nth-child(1n) .artikel .img{
		float: none;
		width: 60%;
		margin: 0 auto;
	}

	.text{
		width: 80%;
	}

	.abschnitt:nth-child(1n) .artikel .text{
		float: none;
		margin: 0 auto;
	}
}