/* wsa 01.04.06 Grossschreibung für Überschiften, Link hover nicht weiss */
/* wsa 02.04.06 Story absetzen, Kopfzeile standardisiert, Bildbeschreibung absetzen, Bild Absatnd links, aber nicht rechts */
/* wsa 03.10.09 Ausstellungsankündigung richtig fett darstellen */
/* wsa 17.10.21 #2 article mit gleicher Schwift wie p, neue container klasse display: flex, Navigation rechts ausgerichtet, Background Color
   wsa 04.11.21 #5 Breite des Viewport komplett für das Einzelbild nutzen
   wsa 04.11.21 #5 kein Margin vor dem 100% Einzelbild
   wsa 05.03.22 #6 object-fit, debug Elemente verstecken, Media Query orientation
   wsa 03.05.22 #6 height: auto immer direkt nach width:
   wsa 02.11.22 #6 maximale Höhe und Breite am Viewport orientieren, header mit Navigatoren rechtsbündig
   wsa 21.11.22 #8 neue flex-class: bilderliste	und listenbild
   wsa 20.12.23 #15 Hintergrund leichtes grau anstatt weiß
   wsa 20.12.23 23122222 #15 keine Sonderfarbe für Überschriften mehr
   wsa 22.12.23 23122214 #16 leeren Raum zwischen Bild und Beschreibung entfernen
*/


body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul,article {
	font-family: Arial, Helvetica, sans-serif;
	background-color: LightGrey;
}
body,td,div,p,pre,ul {font-size: 14px;}


.ausstellungstitel {
	font-size: 18px;
}
.raumtitel {
	font-size: 16px;
}
.einzelbildmitbeschreibung {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*
	justify-content: space-between;
    */
	align-items: center;
}
.bilderliste {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.listenbild {
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
@media all and (orientation:landscape) {
	.einzelbildportrait {
		object-fit: contain;
		height: 90%;
		max-height: 90vh;
		width: auto;
		max-width: 100vw;
	}
	.einzelbildlandscape {
		object-fit: contain;
		height: 90%;
		max-height: 90vh;
		width: auto;
		max-width: 100vw;
	}
}
@media all and (orientation:portrait) {
	.einzelbildportrait {
		object-fit: contain;
		width: 100%;
		max-width: 100vw;
		height: 100%;
		max-height: 80vh;
	}
	.einzelbildlandscape {
		object-fit: contain;
		width: 100%;
		max-width: 100vw;
		height: auto;
		max-height: 80vh;
	}
}
header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.debug {
	display:none;	
}
.maximaxi {font-size: 370%;}
.maxi {font-size: 250%;}
.fa {font-size: 13px; color: #999999} 
.small {font-size: 12px;}
.mini {	font-size: 11px;}
.minimini {font-size: 10px;}
.richtigfett {font-weight:bolder;}

.quelle { }
.pressetext { font-family: "Times Roman", Times, serif;}

.bildbeschreibung {margin-left: 20px;}
.story { font-family: "Times Roman", Times, serif; margin-left: 20px;}

.kopfzeile {font-size: large;}
.seitenueberschrift {font-size: x-large;}

a {	font-size: 14px;  text-decoration: underline;	font-weight : bold;}
a:link {color:#517496;}
a:visited {	color:#5f6770;}
a:active {color:#DEC3A9}
a:hover {color:#0F0F0F;}