/* ------------------- Ausstellungen und Rückblicke ------------------------- */

article {
    width: 1050px;
    max-width: 90%;
}

.exhibition_container{
    width: 1050px;
    max-width: 95%;
}

details {
    background-color: var(--main-accent-color);
    padding: 0.6em 0.9em;
}

summary {
    padding-left: 1em;    
    font-size: 20px;
    color: var(--bg-color-logo);
    font-weight: 600;
    background-color: #EEEEEE;
	margin: 1.2em 0.2em;
    box-shadow: var(--shadow);
    line-height: 2em;
    cursor: pointer;  
}


.ausst_dat {
    float: left;
    width: 8em;	/* width: 100px; */
    margin-left: 0.1em;
}

.ausst_tag {
    font-weight: 500;
    color: var(--menu-text-color);    
}

.ausst_bild {
	padding: 0;
    max-width: 95%;
    height: auto;
    box-shadow: var(--shadow); 
}

.ausst_bild_250 {
	padding: 0;
    width: 250px;
    max-width: 95%;
    height: auto;
    box-shadow: var(--shadow); 
}


.autor {
    color: #686868;
    font-size: 10px;
    float: right;  
}

.einz_li {
    padding-left: 12em;	/* padding-left: 120px;  */
}

.about_me_container p > img {
    float: left;
    margin: 1.5em;
    box-shadow: var(--shadow);
}

.zurueck_button {
    border-radius: 0.3em;
    background: var(--bg-color-2);
    color: #ffffff;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    box-shadow: var(--shadow);
    display: inline-block;

    margin: -1.5em 0.3em;
}

.weiter_button {
    border-radius: 0.3em;
    background: var(--bg-color-2);
    color: #ffffff;
    padding: 8px 15px;
    text-align: center;

    box-shadow: var(--shadow);
    display: inline-block;
    margin: -1.5em 0.3em;    
}

.rueck {
    text-decoration: none;
    color: var(--menu-text-color);   
}


button:focus,
button:hover {
	box-shadow: var(--shadow);
}

button.weiter {
	background-color: var(--bg-color-logo);
}

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

.gallery figure {
	/* border: 1px solid #ffffff; */
	position: relative;
	margin: 0;
	/* figure hat sonst einen browsereigenen Abstand! */
	
	counter-increment: posMarkup;
}

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

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

.gallery figure.fig4 {
	grid-column-end: span 4;
}

.gallery figure.fig2rund {

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

.gallery figure.fig300 {
	height: 250px;
    width: auto;
    object-fit: cover;
}

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

.none_border{
    border: none;
}

.clear_both {
    clear: both;
}