.blog-item{
	padding-bottom:12px;
	border-bottom:1px solid #eeeeee;
	margin-bottom:12px;
	display:inline-block;
	max-width:25%;
	width:100%;
	border:30px solid transparent;
	border-top:0;
	box-sizing:border-box;
	vertical-align:top;
}

@media (max-width:1000px){
	.blog-item{
		max-width:33.33%;
	}
}
@media (max-width:750px){
	.blog-item{
		max-width:50%;
	}
}

@media (max-width:500px){
	.blog-item{
		max-width:100%;
	}
}

.blog hr{
	margin:10px 0;
}

.blog .row-inner{
	padding-left:0;
	padding-right:0;
}
.blog-item-image{
	width:100%;
	height:0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	padding-bottom:75%;
}

.blog-item-line{
	margin:15px;
}

/* template 2
.blog-item-image{
	width:150px;
	height:120px;
	background-size:cover;
	background-position:center;

	box-sizing:border-box;
	float:left;
	margin-right:20px;
}
*/
.blog-item-box{
	
}

.blog-item-tags{
	text-align:center;
}
.blog-item-headline{
	margin-bottom:15px;
	margin-top:10px;
	font-size:1.8rem;
	text-align:center;
}
.blog-item-date{
	position:relative;
	color:#666666;
	font-size:80%;
	height:10px;
	text-align:center;
	font-style:italic;
	margin-bottom:20px;
}
.blog-item-teaser{
	
}
.blog-date{
	float:right;
	color:#666666;
	clear:both;
	margin-bottom:10px;
}
.blog-tags{
	text-align:right;
	padding:20px;
	background-color:#000000;
	margin-bottom:20px;
}
.blog-tags ul{
	list-style-type:none;
	margin:0;
}
.blog-tags a{
	color:#cccccc;
}
.blog-tags a:hover{
	color:#ffffff;
}
.blog-tags li.selected a{
	color:#ffffff;
	font-weight:700;
}
.blog-tags li{
	display:inline;
	padding:5px 10px;
	border-right:1px solid #aaaaaa;
}
.blog-tags li:last-child{
	border-right:0;
}

.blog-sharemedia{
	padding:5px;
	border-radius:2px;
	border:1px solid #cccccc;
	margin:5px;
	float:left;
	line-height:0;
}
.blog-sharemedia div{
	margin:5px;
}

.blogbig-categories{
	float:right;
	padding:20px;
	/* border:1px solid #cccccc; */
	margin-left:30px;
	margin-bottom:20px;
	/* max-width:20%; */
	background-color:var(--color-greenstoma);
	color:#ffffff;
	border-radius:8px;
}
#main .blogbig-categories ul, #main .blogbig-categories li{
	margin:0;
	padding:0;
	list-style-type:none;
	/* font-size:1.1em; */
}
.blogbig-list{
	width:auto;
	/* overflow:hidden; */
	clear:both;
}
.blogbig-item{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px solid #cccccc;
}
.blogbig-box{
	display:flex;
	flex-flow:row nowrap;
}
.blogbig-box > a{
	display:block;
	width:150px;
	margin-right:20px;
	flex-shrink:0;
}
.blogbig-item-headline{
	text-align:left;
	font-size:1.1rem;
	margin-bottom:0px;
	line-height:1.3;
}
.blogbig-item-headline a{
	word-break:break-word;
}
.blogbig-item-date{
	position:relative;
	color:#666666;
	font-size:0.9rem;
	/* font-style:italic; */
	/* margin-bottom:20px; */
}
.blogbig-item-tags{
	
}
.blogbig-tag{
	display:inline;
	vertical-align:top;
	font-size:0.9em;
	margin-right:30px;
	text-decoration: underline;
}
.blogbig-tag a:hover{
	text-decoration:underline;
}
.blogbig-tags a{
	color:#ffffff;
}
.blogbig-teaser-content{
	display:flex;
	flex-direction:row;
	flew-wrap:no-wrap;
	justify-items: space-between;
	align-items: flex-start;
	gap:20px;
}
img.blogbig-thumb{
	width:150px;
	margin-right:20px;
	flex-shrink:0;
}
.blogbig-item-info{
	font-style:italic;
	font-size:90%;
}
.blogbig-item-info a img{
	width:auto;
}
.blogbig-text{
	flex-grow:1;
}
@media(max-width:750px){
	.blogbig-categories{
		float:none;
		margin-left:0;
		margin-bottom:20px;
	}
	.blogbig-tags-header{
		cursor:pointer;
		position:relative;
		display:inline-block;
	}
	.blogbig-tags-header:after{
		content: '';
		position: absolute;
		right: -15px;
		top: 9px;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #000;
		clear: both;
	}
	.blogbig-tags{
		display:none;
	}
	.blogbig-teaser-content {
		flex-direction:column;
    }
	.blogbig-teaser{
		order:2;
	}
	.blogbig-thumb{
		order:1;
		max-width:200px;
	}
}