/* Maximale Größe der Bilder 200 px in der Vorschau */
.pull-left.item-image {
        max-width: 200px;
}

/* Etwas Abstand zwischen den Artikeln ...*/

.page-header, .article-header , h2.contentheading, h1 + h1, h2, .page-header h2  {
        padding: 5px 0 0 0 !important;
        background: rgba(71, 56, 56, 0.20) !important;
}

/* Definition für den Button Weiterlesen.... */
.readmore {
        color: #FF0000 !important;
	background:rgba(0,0,0,0.04);
	border:2px solid rgba(0,0,0,0.06);
	padding:6px 10px;
        margin: 20px 0px 20px !important;
    	display: flex;
}

/*Definition für das Vorschaubild in der Blogansicht */
.preview_image_blog {
	float:left; 
	margin: 0px 20px 20px 0px; 
	border: 3px solid #f5f5f5; 
	max-width: 200px; 
	max-height: 140px;
	
}


/* Den Abstand um das Logo und die Menüs etwas weniger machen. Achtung war sonst nur für 980px */
  .main_component, .website-content, .drop-down , .users_top, .users_bottom, .user2 {
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
}

/* https://www.joomshaper.com/documentation/helix-framework/troubleshooting-faq . Kein Menue*/