/*reset*/


* {
 padding: 0;
 margin: 0;
}

#wrapper { grid-template-rows: 4rem auto auto 2.5rem;}

#Ausstellungen, #Biographie {
	grid-column: 2 / 3;
    grid-row: 2 / 4;
    width: 100%;
	overflow-y: visible;
}

#Ausstellungen {
	margin: 1rem 0 1rem 0;
}

#Titel_Ausstellungen {
	    margin: 1rem 1rem 1rem 0;
}

#Titel_Preise-und-Stipendien, #Titel_Sammlungen {
	    margin: 2.5rem 1rem 1rem 0;
}

#Hinweis-Einzelaustelllungen {
	font-size: 100%;
}

#Titel_Preise-und-Stipendien, #Titel_Sammlungen {
	font-size: 1.25rem;
}

#Aktuell {
display: block;

}

#Aktuell section {
padding: 1rem;
background-color: #dfdfdf;
margin-bottom: 0.5rem;
}

#Aktuell h4 {}

.aktuell-Hinweis {width: calc((100% - 2rem) * 0.8); margin-left: calc((100% - 2rem) * 0.2); font-size: 100%;}

#Aktuell a {}

#Aktuell  span { font-size: 1.4rem;
font-weight: 600;}


#Ausstellungsliste, #Preise-und-Stipendien-Liste, #Sammlungsliste {
	border-collapse: separate;
	border-spacing: 0.5rem 0.5rem;
	margin: 1rem -0.5rem 0 -0.5rem;
	width: 100%;
}

#Ausstellungsliste, #Preise-und-Stipendien-Liste, #Sammlungsliste td {
	vertical-align:top;
}

.Jahr {
	width: 20%;
	margin: 0 0 5rem 0;
	vertical-align:top;
	
}

.Eintrag {
	width: 80%;
	margin-bottom: 0.5rem;	
}

.Eintrag-ohne-Jahresangabe {
	width: 100%;
}

@media only screen and (max-width: 1460px)  {
}

@media only screen and (max-width: 1280px)  {
}

@media only screen and (max-width: 1140px)  {
}

@media only screen and (max-width: 980px)  {
}

/*******Tablet*******Tablet*******Tablet*******Tablet*******/

@media only screen and (max-height: 41.5rem) {
#wrapper {
    grid-template-rows: 4rem min-content 7rem 2.5rem;
    overflow: scroll;
}
}

  @media only screen and (max-height: 900px) and (orientation: landscape) {
	#wrapper {
	grid-template-rows: 4rem min-content min-content 2.5rem;}

	#Ausstellungen, #Biographie {
	overflow-y: visible;
	} 
  }

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

#wrapper {
    grid-template-rows: 4rem min-content 7rem 2.5rem;
    overflow: scroll;
}
	
#Ausstellungen, #Biographie {
	margin: 1rem 1rem 1rem 1rem;
    width: calc(100% - 2rem);	
	grid-column: 1 / 2;
    overflow-y: visible;
}

}

@media only screen and (max-width: 480px) {
.aktuell-Hinweis {width: 100%; margin-left: 0;}
}