.signature {
	border-top: 2px solid var(--rahmen);
}

p.image-text{
    overflow:auto;
	height:220px;  
	text-align: justify;
	padding:10px;
}

.icon_user img{
	width:200px;
	height:100px;	
	text-align: center;
	background: var(--kategorie2);   
	border: 2px solid var(--rahmen);
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	background: var(--kategorie2);
    border: 2px solid var(----kategorie);
    text-shadow: 1px 1px 1px var(--rahmen);
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: var(--containercolor);
	padding-left:10px;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: var(--containercolor);
}

.post .post_head span.edited_post a {
	color:var(--containercolor);
}

.post_body{
    padding: 50px 50px 50px 50px;   
    justify-content: space-between;
    background: var(--hintergrund2);
    border-bottom: 2px solid var(--farbe3);
	min-height:200px;
}

.author_avatar img{
    width: 230px; /* Bild passt sich der Größe des Containers an */
    height: 255px; /* Bild passt sich der Größe des Containers an */
    object-fit: cover; /* Bild füllt den Container ohne Verzerrung */  
	border: 2px solid var(--rahmen);
}

#posts{
 
    font-size: 11px;
    font-family: verdana;
    text-align: justify;
    border-left: 10px solid var(--farbe3);
    width: 800px;
    margin: auto;
    padding: 0px 10px 0px 10px;
}

.beitrag-container{
   display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    flex-wrap: wrap;
}

.beitrag-flex-box{
    flex: 1 1 22%;
    background-color: var(--globalhintergrundfarbe);
    padding: 15px;
    min-width: 210px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    font-size: 12px;
}