body {
	background-image: url("linde.jpg");
	background-repeat: no-repeat;

	margin: 0; font-size: 12pt; background-color: #f4cfa4; /* background-image: url(img/Nass_bg1s.png) */

	scrollbar-base-color: #f4cfa4; /* #929BAB; */
	scrollbar-face-color: #D7DADF; /* #D7DADF; */
	scrollbar-highlight-color: #E7EAEF;
	scrollbar-3dlight-color: #C0C0FF;
	scrollbar-darkshadow-color: #30306F;
	scrollbar-shadow-color: #969FC0;
	scrollbar-track-color: #FFFFCF;
	scrollbar-arrow-color: #6F6F90;	
}

header {
	background: #c0c0ff; /* #F1F3F4; */
	/* border-color: #d5d5d5; */
	/* background-color: #fdf381; */
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	/* padding: 10px;
	margin: 10px; */
	grid-column: 1 / -1;
	text-align: center;
	font-family: "Arial", "Helvetica", "Sans Serif";
	padding: 0.5em 0.5em 0.1em 0.5em;
	margin: 0.5em 0.5em 0.1em 0.5em;
}

h1,h2 {
	color: #3b0ac2;
	margin: 1em;
	padding: 0;
	border: 0;
	background: none;
	background-color: #fdf381;
	border-radius: 1em;
	padding-left: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	}

h3 {
	color: #3b0ac2;
	margin: 0.5em 0.5em 0.1em 0.5em;
	padding: 0;
	border: 0;
	background: none;
	text-align: center;
	font-size: 11pt;
	/*background-color: #fdf381;
	border-radius: 1em;*/
	/*padding-left: 1em;*/
}

nav li {
    display: inline-block;
    /* Links werden horizontal angeordnet */
}

nav li a:link {
   text-decoration: none;
   font-weight: bold;
   display: block;
   /*background: #6C6;*/
   background: #fdf381;
   /*color: #3b0ac2;*/
   width: 10em;
   height: 2em;
   /*padding: 1em;*/
   margin: 10px;
   display: inline-block;
}

nav ul {
  list-style: none;
   /*keine Aufzählungszeichen(Punkte etc.) */
} 


figure img {
	width: 100%; 
	
	margin: 0em;
}

#gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(24em, 36em));
	/* max-width: 90em; */
	/*grid-template-columns: repeat(1, 1fr 1fr 1fr);*/
	gap: 0.5em;
	text-align: center;
}

#gallery figure {
	border: 0px solid #ccc;
	position: relative;
	margin: 0;
	counter-increment: posMarkup; 
}

#panorama {
	/* display: grid; */ display: block;
  margin-left: auto;
  margin-right: auto;
	grid-column: 1 / -1;
	/*max-width: auto;*/
	/* width: 100%; */	/* deactivated */
	text-align: center;
	margin: 0;
}