/* css Auspraegungen für Postbox: Redel, Tobias */
.post-box {
	color: #000;
	font-size: 16px;
	line-height: 1.6;
	max-width: 800px;
	text-decoration: none;
}

a.post-box:hover {
    text-decoration: none!important;
}

.post-box * {
	margin: 0;
	padding: 0;
}

.post-box__img img {
	display: block;
	max-width: 250px;
}

.post-box__txt {
	padding: 20px;
}

.post-box__txt>:not (:last-child ) {
	margin-bottom: 12px;
}

.post-box__txt span {
	display: inline-block;
	background: #009bb7;
	color: #fff;
	border-radius: 9999px;
	padding: 1px 12px;
}

.post-box__txt h3 {
	font-size: 22px;                   
	color: #003460;
}

.post-box__txt h3[data-count] {
	position: relative;
	display: inline-block;
}

.post-box__txt h3[data-count]:after {
	top: 0;
	position: absolute;
	width: 24px;
	height: 24px;
	content: attr(data-count);
	display: inline-block;
	color: #fff;
	background-color: #009bb7;
	border-radius: 9999px;
	margin-left: 10px;
	font-size: 14px;
	padding: 4px;
	text-align: center;
}

.post-box__txt .fake-btn {
	display: inline-block;
	background-color: #fff;
	color: #003460;
	font-weight: 700;
	border: 1px solid #003460;
	text-align: center;
	padding: 12px 18px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	text-decoration: none;
}

.post-box__txt .fake-btn:hover {
	background-color: #003460;
	color: #fff;
}

@media only screen and (min-width: 961px) {
	.post-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}