/*Angaben für die mobile Ansicht der Blogbeiträge*/


@media screen and (max-width: 750px) {

#page-main-content {
	flex: 100%!important;
	}	
	
.sidebar-right {
	flex: 100%!important;
	max-width: 100%;
	margin-bottom: 30px;
	}	
	
.post-style-grid, 
.path-taxonomy .content-main .gva-view {
	margin: 30px 0 0;
	}
	
#block-lozin-child-content .view-content-2 .views-col {
	max-width: 100%;
	margin: 0 0 20px 0!important;
	}
	
.layout__region.layout__region--first,
.layout__region.layout__region--second {
	flex: 0 1 100%!important;
	max-width: 100%;
	}	
	
.layout__region.layout__region--first > div {
	margin: 35px 0 0;
	}
	
.sidebar .gva-offcanvas-mobile {
	position: inherit!important;
	transform: none;
	box-shadow: none;
	}	
		
	
	
/*Blogunterseiten*/	
	
.layout__region--first {
	width:100%;
	}
	
	
/*Das könnte Sie auch interessieren*/
	
.layout__region.layout__region--first div.block-views-blockpost-other-block-10 .item-list ul li	{
	max-width: 100%;
	} 
	
.layout__region.layout__region--first div.block-views-blockpost-other-block-10 .item-list ul {
	flex-wrap: wrap;
	}
	
/*Zufallsmacher*/
	
.block-views:last-child .listing-filter-form .item-columns {
	width: 100%!important;
	}	
	
/*.block-views:last-child .listing-filter-form .listing-onepage .item-image {
	margin: 0;
	}	*/
	
.block-views:last-child .listing-filter-form h3.title {
	min-height: auto;
	}
	
.block-views:last-child .listing-filter-form .item-columns:nth-child(odd),
.block-views:last-child .listing-filter-form .item-columns:nth-child(even) {
    margin: 0 10px 20px 10px;
	}	
	
}	



/*Allgemeine Style-Sheets für die Tablet Darstellung*/


@media only screen and (min-width: 751px) and (max-width: 1100px) {
	
.col-md-4 {
	flex: 0 0 100%
	}
	
#block-lozin-child-content .view-content-2 .views-col {
	max-width: 100%;
	margin: 0 0 10px 0!important;
	}
	
.post-style-grid .item-image img {
	height: 220px;
	}
	
.owl-carousel {
	width: auto;
	}	
	
.sidebar .gva-offcanvas-mobile {
	position: inherit!important;
	transform: none;
	box-shadow: none;
	}	


/*Blogunterseite*/
	
.layout__region.layout__region--first div.block-views-blockpost-other-block-10 .item-list ul {
	flex-wrap: wrap;
	}
	
.layout__region.layout__region--first div.block-views-blockpost-other-block-10 .item-list ul li {
	max-width: 48%;
	}	
	
.layout__region.layout__region--first div.block-views-blockpost-other-block-10 .item-list ul li:last-child {
	display: none;
	}
	

}