/*
.blau-dunkel TV	0,105,180	#0069b4
.color01		0,158,255	#009eff
.color04		0,178,161	#00b2a1	id33	Kinder Jugendliche
.color05		0,204,82		#00cc52	id34	Kindersportschule
.color06		25,255,0		#19ff00	id36	Tanz
.color07		255,230,0	#ffe600	id35	Fitness
.color08		255,103,0	#ff6700	ohne eigene ID - Betriebliche
.color09		242,0,41		#f20029	id38	Ernährungskurse
.color10		255,0,158	#ff009e	id39	Wettkampf
.color11		207,0,229	#cf00e5	id40	Sportabzeichen
.color12		99,0,255		#6300ff
*/
/*
.post_cat33 h2, .post_cat34 h2, .post_cat36 h2, .post_cat35 h2, .post_cat38 h2, .post_cat39 h2, .post_cat40 h2
	{ padding: 16px 8px 12px 8px; margin: 0 0 10px 0;}
*/
.grid {
	margin-left: -15px;
	margin-right: -15px;
	}
.grid-item-content .card-body {
	padding: 0 0 1.25rem 0;
	}
.grid-item-content .card-title {
	padding: .5rem 1.25rem .5rem 1.25rem;
	margin-bottom: .5rem;
	}
/* Kategorien Farbbereiche */
	/* Kids 36 */
		.post_cat36 .card-title 
			{ background: var(--my-color01); color: #ffffff; }
	/* KidsSpecial 33 */
		.post_cat33 .card-title 
			{ background: var(--my-color02); color: #ffffff; }
	/* Tanz 38 */
		.post_cat38 .card-title 
			{ background: var(--my-color03); color: #ffffff; }
	/* Fitness 37 */
		.post_cat37 .card-title 
			{ background: var(--my-color04); color: #222222; }
	/* Ernaehrung 34 */
		.post_cat34 .card-title 
			{ background: var(--my-color06); color: #ffffff; }
	/* Wettkampfsport 39 */
		.post_cat39 .card-title 
			{ background: var(--my-color07); color: #ffffff; }
	/* Sportabzeichen 40 */
		.post_cat40 .card-title 
			{ background: var(--my-color08); color: #ffffff; }
	/* Leistungsdiagnostik 41 */
		.post_cat41 .card-title 
			{ background: var(--my-color09); color: #ffffff; }

/* Kategorien Sportbereiche */
	/* Artistik 14, */
		.post_cat14 .card-title 
			{ background: var(--my-color01); color: #ffffff; }
	/* KidsSpecial 33, */
		.post_cat33 .card-title 
			{ background: var(--my-color02); color: #ffffff; }
	/* Dance 28, Ds-Dance-Club 29, ModernDance 9*/
		.post_cat28 .card-title, .post_cat29 .card-title, .post_cat9 .card-title 
			{ background: var(--my-color03); color: #ffffff; }
	/* Aerobic 2, Behindertensport 3, Fitness-Gymnastik 5, Gesundheitspraevention 6, Praevention 26, Walking 13*/
		.post_cat2 .card-title, .post_cat3 .card-title, .post_cat5 .card-title, .post_cat6 .card-title, .post_cat26 .card-title, .post_cat13 .card-title 
			{ background: var(--my-color04); color: #ffffff; }
	/* BetrieblicheGesundheit 31,*/
		.post_cat31 .card-title 
			{ background: var(--my-color05); color: #ffffff; }
	/* Ernaehrung 34,*/
		.post_cat34 .card-title 
			{ background: var(--my-color06); color: #ffffff; }
	/* Fechten 4, Kunstturnen 7, Leichtathletik 8, Trampolin 10, Triathlon 30, Turnen 11, Volleyball 12 */
		.post_cat4 .card-title, .post_cat7 .card-title, .post_cat8 .card-title, .post_cat10 .card-title, .post_cat30 .card-title, .post_cat11 .card-title, .post_cat12 .card-title 
			{ background: var(--my-color07); color: #ffffff; }
	/* Sportabzeichen 9 */
		.post_cat9 .card-title 
			{ background: var(--my-color08); color: #ffffff; }
/*
	.post_cat33 .card-title { background: rgba(0,178,161,1.0); color: #ffffff; }
	.post_cat34 .card-title { background: rgba(0,204,82,1.0); color: #ffffff; }
	.post_cat36 .card-title { background: rgba(25,255,0,1.0); color: #ffffff; }
	.post_cat35 .card-title { background: rgba(255,230,0,1.0); }
	.post_cat38 .card-title { background: rgba(242,0,41,1.0); color: #ffffff; }
	.post_cat39 .card-title { background: rgba(255,0,158,1.0); color: #ffffff; }
	.post_cat40 .card-title { background: rgba(207,0,229,1.0); color: #ffffff; }
*/
/*
.post_cat33 { background: rgba(0,178,161,0.1); }
.post_cat34 { background: rgba(0,204,82,0.1); }
.post_cat36 { background: rgba(25,255,0,0.1); }
.post_cat35 { background: rgba(255,230,0,0.1); }
.post_cat38 { background: rgba(242,0,41,0.1); }
.post_cat39 { background: rgba(255,0,158,0.1); }
.post_cat40 { background: rgba(207,0,229,0.1); }
*/
/* Default tags and Bootstrap classes */
/* Grid */

#posts { margin: 30px auto 0; }
.post {
	margin: 0 0 30px;
/*	text-align: center; */
	width: 100%;
	border:0;
	background:#ffffff;
	border-radius:9px;
}
.post img { padding: 0 15px; width: 100%; }
.post h2 {
	text-align: center; 
	font-size: 1.75rem; 
	line-height: 1.25;
	padding:0.625rem 0.5rem 0.625rem 0.5rem;
/*	padding-bottom:0.625rem; */
	margin: 0 0 1.5rem 0;
}
.post.panel p { font-size:0.875rem; margin-left: 20px; margin-right: 20px;}

#grid.container .post img { padding: 0; }
#grid.container .post img.course_miniPic { 
	width: 100%; height: auto;   
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
/* Extra Small devices */
@media screen and (max-width: 768px) {
	#grid > #posts .post { width: 90%; max-width:400px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post img { padding: 0; }
}

/* Small devices */
@media screen and (min-width: 769px) and (max-width: 991px) {
	#grid > #posts .post { width: 335px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post img { padding: 0; }
}

/* Medium devices */
@media (min-width: 992px) {
	#grid > #posts .post { width: 445px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post {
		margin: 0 0 50px;}
}

/* Large devices */
@media (min-width: 1200px) {
	#grid > #posts .post { width: 346px; }
	#grid > #posts .post.cs2 { width: 45%; } /* old 742px */
}



/* Large devices min-width (1200px) + a .post margin (50px) * 2 (100px) = 1300px */
/* 1300px gives me the clearance I need to keep the margins of the entire #grid (the
bleed if you will) the same width as the .post margins posts (50px). Basically I'm
being really picky about whitespace. If you don't care, no problem, just delete this.
Can this be done with Masonry options? */

@media (min-width: 1300px) {
	#grid {
		left: -50px;
		padding-left: 50px;
		padding-right: 50px;
		position: relative;
    	}
	#grid.container {
		left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* *** used in layout-c2_kursseite_text-bloecke_liste-ku **************** */
.grid-item-content {
/*  height: 100px; 
  background: #D26;
  border: 2px solid hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
*/
	margin-bottom: 1rem;
}
.card, .box-shadow {
	border-radius: 0;
	border:0;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
}

.card-img-top {
	width: 100%;
	height:auto;
	border-top-left-radius: 0 /* calc(0.5rem - 1px) */;
	border-top-right-radius: 0 /* calc(0.5rem - 1px) */;
}
.card-text, .card-body p {
	font-size:.875rem; /**/
	line-height:1.4;
	padding-left:1.25rem;
	padding-right:1.25rem;
}
.card-body li {
	font-size:.875rem; /**/
	line-height:1.4;
}