.T3345 { margin: 20px 0px; }

.T3345 .elements .col { float: left; width: 49%; }
.T3345 .elements .col.leftcol { margin: 0 2% 0 0; }

.T3345 .elements .item { 
	width: 100%;
	float: left;
	background-color: #fff;
	margin: 0px 0px 25px 0px;
	border-radius: 0.8rem;
}

.T3345 .elements .item .item_inner { padding: 10px 15px; }
.T3345 .elements .item .item_inner .headline { margin: 0px 0px 10px 0px; font-weight: bold; color: #111; }
.T3345 .elements .item .item_inner .text { font-size: 16px; line-height: 1.3; }


/* drei Elemente */
.T3345 .elements.three .item { width: 32%; }
.T3345 .elements.three .item.tipp, .T3345 .elements.three .item.beachten { margin-right: 2%; }@media all and (min-width: 768px) and (max-width: 999px) {

	.T3345 .elements .item { margin: 0px 0px 20px 0px; }

	.T3345 .elements.three .item { float: none; width: 100%; }
	.T3345 .elements.three .item.tipp, .T3345 .elements.three .item.beachten { margin-right: 0px; }

}

@media all and (min-width: 568px) and (max-width: 767px) {

	.T3345 .elements .item { margin: 0px 0px 15px 0px; }

	.T3345 .elements.three .item { float: none; width: 100%; }
	.T3345 .elements.three .item.tipp, .T3345 .elements.three .item.beachten { margin-right: 0px; }


}

@media all and (max-width: 567px) {

	.T3345 .elements .leftcol, .T3345 .elements .rightcol {
		float: none;
		width: 100%;
		margin: 0px;
	}

	.T3345 .elements .item {
		margin: 0px 0px 15px 0px;
	}

	.T3345 .elements.three .item { float: none; width: 100%; }
	.T3345 .elements.three .item.tipp, .T3345 .elements.three .item.beachten { margin-right: 0px; }

}