/*Body Webpage Styling*/
.flexcontainer-body{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px 30px;
}

/*Oberer Bereich*/
.text-feed{
	text-align: center;
	background-color: rgb(241, 241, 241);
	margin-top: 50px;
	border-radius: 12px;
	box-shadow: 5px 5px 5px rgb(211, 211, 211);
	padding: 0px 10px;
}

.text-feed h2{
	text-transform: uppercase;
}

.second-row-img-container{
	margin-top: 100px;
	display: flex;
}

.second-row-img{
	width: 600px;
	height: 600px;
	transition: transform 0.4s ease;
}

.second-row-img:hover{
	transform: scale(1.15);
}

/*Mittlere Bereich*/
#third-row-images{
	display: flex;
	align-items: center;
	margin-top: 100px;
}

#third-row-images img{
	width: 300px;
}

.trc{
	width: 300px;
	height: 300px;
	border-radius: 0% 50% 50% 50%;
	margin-right: 15px;
	transition: transform 0.4s ease;
}

.trc:hover{
	transform: scale(1.15);
}


/*Bewertungscontainer*/
#bewertungscontainer{
	display: flex;
	padding: 0px 10px;
	gap: 30px;
}


/*Abschluss*/
.last-row-container{
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 20px;
}

#lieblingslogo{
	width: 200px;
	margin-top: 20px;
	transition: transform 0.3s ease;
}

#lieblingslogo:hover{
	transform: scale(1.15);
}