/* B L O G */

.isotope{
	margin:0;
}

.backside {
	display: none!important;
}

#m3d-blog-uebersicht h3 {
	text-align: left;
	font-size: 2.2em;
	font-weight: 400;
	}

#m3d-blog-uebersicht .m3d-title a {
	color: #092736;
}

#m3d-blog-uebersicht .date, #m3d-blog-uebersicht .categories {
	font-size: 1.2em;
	font-weight: 300;
}

#m3d-blog-uebersicht .m3d-tags {
	font-size: 1.3em;
	color:#23B2E5;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom:10px;
	margin-top: 6px;
}
#m3d-blog-uebersicht .m3d-tags::before {
	content: "#";
}


#m3d-blog-uebersicht .m3d-teaser {
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.6em;
	
}


#m3d-blog-uebersicht .m3d-more-button {
	margin-bottom: 100px;
	margin-top:30px;
}


.m3d-filterliste li {
	margin-right:5px;
	margin-bottom: 8px;
}

.m3d-filterliste li a {
	margin:0!important;
	display: block!important;
	color:#999;
	font-size: 1.2em;
	font-weight: 400;
	border: 2px solid #999;
	padding: 5px 20px 5px 20px;
	text-transform: uppercase;
	transition: all ease 0.5s;
	border-radius: 22px;
	}

.m3d-filterliste li a.selected {
	border-color:#23b2e5;
	background:#23b2e5;
	color:#FFFFFF;
	font-weight: 400!important;
	
	}

.m3d-filterliste li a:hover {
	text-decoration: none!important;
	border-color:#23b2e5;
	transition: all ease 0.5s;
}

.m3d-filterliste li:hover{
	border-color:  #23b2e5;
}

.m3d-filterliste .filter li a:before {
	content:"#";
	margin:0;
	padding: 0;
	font-size: unset; 
	font-family: unset;
}

.m3d-filterliste .filter li a.all:before {
	content:unset;
}

.portfolioliste_inside .image_container {
	border-radius: 20px;
}

/*Media querys*/

/* W I D T H  7 6 7 p x */
@media only screen and (max-width: 767px) {
	
	html {
		font-size:400%;
	}
	
	.contentwrapper .inside {
    	padding: 20px;
	}
	
	.m3d-filterliste li a {
		font-size: 1.1em;
   		padding: 3px 12px 3px 12px;
	}
	
	#m3d-blog-uebersicht .m3d-more-button {
    	margin-bottom: 40px;
	}
}

/* G R I D */
#m3d-blog-uebersicht .autogrid {
	padding-right: 5%;
}

@media only screen and (max-width: 990px) {
	.isotope-item.one_third.block {
		width: 49%;
	}
}
@media only screen and (max-width: 767px) {
	.isotope-item.one_third.block {
		width: 100%;
	}
}