/* ///////////////////////////////////////////////////////// */
/* CARD DEFAULT 0 - 500 AND 800 - 1000 */
/* ///////////////////////////////////////////////////////// */


.card {
	color:#257989; /* blue */
	margin: 1em 1em 2em;
	background: white;
	border: 2px solid;
}

.card-header {
	height:0;
	padding-bottom: 60%;
	background:currentColor;
}

.card-content {
	padding:1em;
	position: relative; 
}

.card-btn {
	padding:.8em 1.2em;
	color: currentColor;
	border:1px solid currentColor;
	background:none;
	font-size: 1em;
}


/* ///////////////////////////////////////////////////////// */
/* CARD BETWEEN 500 AND 800 */
/* ///////////////////////////////////////////////////////// */

@media screen and (min-width: 500px) and (max-width: 800px) {
	.card {
		color:#8cb11c; /* green */
		display: flex;
	}

	.card-header {
		flex:1;
		height:auto;
		padding-bottom:0;
	}

	.card-content {
		flex:1;
	}
}


/* ///////////////////////////////////////////////////////// */
/* CARD FROM 1000 */
/* ///////////////////////////////////////////////////////// */

/* Dopplung!! */
@media screen and (min-width: 1000px) {
	.card {
		color:#8cb11c; /* green */
		display: flex;
	}

	.card-header {
		flex:1;
		height:auto;
		padding-bottom:0;
	}

	.card-content {
		flex:1;
	}
}


/* ///////////////////////////////////////////////////////// */
/* SONDERANPASSUNG SIDEBAR */
/* ///////////////////////////////////////////////////////// 

@media screen and (min-width: 801px) {
	.sidebar .card {
		display: block;
		width: 100%;
		color:#257989; 
	}

	.sidebar .card-header {
		flex:none;
		height:0;
		padding-bottom: 60%;
	}
}


/* ///////////////////////////////////////////////////////// */
/* SONDERANPASSUNG FEATURED */
/* ///////////////////////////////////////////////////////// 

@media screen and (min-width: 801px) {
	.featured .card {
		display: block;
		width: 100%;
		color:#257989; 
	}
	
	.featured .card-header {
		flex:none;
		height:0;
		padding-bottom: 60%;
	}
}