/* für Bootstrap Gridelements */

.col-lg-4:first-child {
	padding-left: 0;
}

.col-lg-4:last-child {
	padding-right: 0;
}

.col-lg-4 ul {
	padding-left: 1rem;
}

.col-lg-6 img {
	max-width: 90px !important;
}

.media, .media-kowal {
	display: none;
}

.media-klein {
	display: grid;
	align-items: center;
}

.media img, .media-klein img {
	max-width: 90%;
	height: auto;
	margin: 1rem auto;
}

.btn-primary {
	background-color: #d00000;
	border-color: #d00000;
}

.btn-primary:hover {
	background-color: #a00000;
	border-color: #a00000;
}

@media (min-width: 768px){
	.media {
		display: flex;
	}
	
	.media-klein {
		display: none;
	}
	
	.media img {
		max-width: 300px;
		height: auto;
	}
	
	.media-kowal {
		display: table;
	}
	
	.media-kowal img {
		max-width: 300px;
		height: auto;
	}
	
	.media-text {
		display: table-cell;
	}
	
	.media-randrechts {
		padding-right: 1.5em;
	}
	
	.media-randlinks {
		padding-left: 1.5em;
	}
	.bild-links, .bild-rechts {
		display: table-cell;
		vertical-align: middle;
	}
	
}