* {
  box-sizing: border-box;
}
html {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #A6A29D;
	background-color: #FFFFFF;
	line-heigt: 1em;
	padding: 
	width: 95vw;
}

body {
  margin-bottom: 3rem;
  align-items: center;
	
}
h1 {
  font-size: 3rem;
  color: #A6A29D;
  margin-left: 20px;
  padding: 0.25em;
  background: none;
  line-height: 1.1em;
 text-align: center;
}


.pictures {
display: block;
}





ul {
  columns: 95vh;
  break-inside: avoid;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
}
li {
  list-style-type: none;
}

/*ORIGINAL: FÜR IPHONE:*/
/*img {
  width: 100%;
  display: block;
  object-fit: cover;
  margin-top: 0px;
  margin-bottom: 20px;
  border: none;
  box-shadow: none;
}
*/


/*FUNKTIONIERT FÜR MACBOOK, SCREEN 1512x982.*/
/*
img {
  max-width: 950px; 
	max-height: 800px;
  display: block;
  object-fit: cover;
 margin: auto;
	margin-bottom: 20px;
 
}
*/


img {
  max-width: 100%;
height: auto;	
  display: block;
  object-fit: cover;
  margin-top: 0px;
  margin-bottom: 20px;
  border: none;
  box-shadow: none;
}


/*HOCHKANT für IPHONE:*/

@media only screen and (max-width: 767px) and (orientation: portrait) {

img {
  /*max-width: 950px; */
  max-height: 650px;
  display: block;
  object-fit: cover;
  margin: auto;
  margin-bottom: 20px;
 }
}



@media only screen and (min-width: 768px) and (orientation: landscape) {

img {
  /*max-width: 950px; */
  max-height: 700px;
  display: block;
  object-fit: cover;
  margin: auto;
  margin-bottom: 20px;
 }
}
	
	@media only screen and (min-width: 768px) and (orientation: portrait) {

img {
  max-width: 700px; 
  max-height: 700px;
  display: block;
  object-fit: cover;
  margin: auto;
  margin-bottom: 20px;
 }
}
		
@media only screen and (min-width: 2000px) and (orientation: landscape) {

img {
  max-width: 950px; 
  max-height: 800px;
  display: block;
  object-fit: cover;
  margin: auto;
  margin-bottom: 20px;
 }		
}

	
