.works_section{
    background-color: var(--bg-color-1);
}

/*
.works_section h2, p{
    width: 1050px;
    max-width: 90%;
    margin: 0 auto 0 auto;   
}
*/

.works{
    background-color: var(--main-accent-color);
    margin: 0 auto 0 auto;    
}

.works img{
    width: 250px;
    max-width: calc(90% - 30px);    
    height: auto;
    float: left;
    margin: 0.5em 1.2em 1.2em 1.6em;
    /* box-shadow: var(--shadow); */
    filter: drop-shadow(0 .2em 0.4em rgba(0, 0, 0, .5));
    border: none;  
}



.works h3, p{
    color: var(--char-color-1);
    padding: 0.3em 0 1.5em 2em;
    margin-right: 1.5em;
}

/************ öffentliche Projekte ********************/

table, th, td {
    border-collapse: separate;
	border-spacing: 1em;
    vertical-align: top;
    overflow: hidden;
    word-break: normal;
}

th, td{
    color:var(--char-color-1);
    font-weight: 400;
    font-size: 16px;  
}

.td_bold {
    font-weight: 600;
}

/*********************************************/


.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	gap: 2px;
	grid-auto-flow: dense;
}

.gallery figure.fig2 {
	grid-column-end: span 2;
}

.gallery figure.fig3 {
	grid-column-end: span 3;
}

.gallery figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: auto;
}

.gallery figure.fig2rund {

	height: 250px;
    width: 250px;
	overflow: hidden;           /* *** Bild-Überstände werden abgeschnitten */
    border-radius: 50%;
}