.sidebar_02 {
	overflow: visible !important;
}

/*rechte spalte*/
.blogright {
	margin-bottom:20px;
}
.blogright .blogheadline {
	color: #4473b2;
	padding: 0;
	padding-bottom: 3%;
	font-size: 110%;
}

.blogright .blogheadline a {
	color: #4473b2;
}

.blogright .row {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blogright .row .headline {
	padding: 0;
	display: block;
	width: 100%;
}

.blogright .row .headline a {
	color: #4473b2;
	font-weight: normal;
	display: block;
	padding: 0;
	padding-left:18px;
}
.blogright .row .headline a::before{
	content: "〉";
	margin-left:-18px;
}
.blogright .row .date {
	width: 100%;
	display: block;
	padding: 0;
	font-size: 95%;
	font-style: italic;
	padding-left:18px;
}

.blogright .rrfooter {
	padding: 0;
	padding-bottom: 3%;
	padding-top: 3%;
}



/*content spalte */
/*blogteaser*/
.blogteaser {
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}


.blogteaser h3 {
	font-size: 110%;
	margin-bottom: 5px;
}

.blogtitle {
	display: block;
	font-weight: bold;
	margin-bottom: 15px;
}

.blogdate {
	font-size: 95%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

.blogteaser a.mehr {
	display: block;
	margin-top: 5px;
}

.blogteaser .blogcontent {
	width: 100%;
	float: none;
}

.blogteaser .blogimg {
	display: none;
}

.blogteaser .blogimg img {
	width: 100%;
	height: auto;
}

/* hasImg wird von Jquery erzeugt , siehe unten "Silkes Kram" 
		  und sorgt dafür, das Blogteaser ohne Bild über die 
		  ganze Breite angezeigt werden.
		*/
.blogteaser.hasImg .blogimg {
	float: left;
	width: 27%;
	display: block !important;
}

.blogteaser.hasImg .blogcontent {
	float: right;
	width: 65%;
}

@media only screen and (max-width:768px) {
	.blogteaser.hasImg .blogimg {
		width: 100% !important;
	}
	.blogteaser.hasImg .blogimg img{
		display:block;
		max-width: 550px !important;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.blogteaser.hasImg .blogcontent{
		width: 100% !important;
		max-width: 550px !important;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}

/*pagination content */
.pagination {
	width: 100%;
	border-top: 1px solid #cccccc;
	padding-top: 10px;
	margin-top: 20px;
}

.prev,
.next {
	width: 48%;
}

.prev {
	float: right;
}

.next {
	float: left;
}

.prev a {
	display: block;
	text-align: right;
}
.prev a::after {
		content: "〉";
		margin-left:5px;
}
.next a {
	display: block;
	
}
.next a::before {
	content: "〈";
	margin-right:5px;
}

.bloglink {
	width: 50%;
	float: left;
	padding-top: 6px
}

.bloglink a {
	padding-left:20px;
	display:block;
	position:relative;
}
.bloglink  span{
	padding-left:20px;
	display:block;
}
.bloglink a::before{
	content: "〉";
	left:0px;
	position:absolute;
}