html, body {
 background-color: white;
 color: black;
 font-family: "Futura",sans-serif;
}

aside {
 text-align: center;
 -webkit-margin-before: 0;
}

aside p {
 text-align: center;
 padding-top: 1em;
 padding-bottom: 1em;
 -webkit-margin-before: 0;
}

aside p span {
 white-space: nowrap;
}

main {
 grid-area: main;
 text-align: center;
 margin-top: 2em;
}

nav {
 width: 100%;
 grid-area: nav;
 padding-top: 2em;
 padding-bottom: 1em;
}

nav ul {
 line-height: 2.0em;
 width: 100%;
 text-align: justify;
 text-align-last: justify;
 -webkit-margin-start: 0;
 -webkit-margin-end: 0;
 -webkit-padding-start: 0;
}

nav ul li {
 display: inline;
 padding: 0.2em;
 background-color: grey;
 width: 100%;
 white-space: nowrap;
}

nav ul li a {
 text-decoration: none;
 padding: 0.1em 0.5em;
 white-space: nowrap;
 /*border: thin solid black;
 color: black;*/
 color: white;
 width: 100%;
}

h1:first-of-type {
 margin-top:0;
}

h1 {
 margin-top:2em;
}

header {
 width: 100%;
 grid-area: header;
}

header img {
 width: 100%;
}

header object {
 width: 100%;
}

header object img {
 width: 100%;
}

#stufen {
 text-align: left;
}
.sectionTitle {
 font-weight: bold;
 text-align: left;
}

#stufen ul {
 padding: 0;
 list-style-type: none;
}

.max30 {
 width: 30%;
}

.max30 img {
 max-width: 100%;
 filter: grayscale(100%);
}

.rightImg {
 float:right;
 margin-left: 1em;
 margin-right: 10%;
}

p.desc {
 text-align:left;
}

p.left {
 text-align:left;
}

p.formal {
 text-align:justify;
}

p.smallC {
/* text-align:center;*/
}

p.middleC {
/*  text-align:center; */
 font-weight: bold;
}

strong.u {
 font-weight: normal;
 text-decoration: underline;
}

.C {
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 display: block;
}

table {
/*  text-align:center; */
 margin-left:auto;
 margin-right:auto;
}

td {
 text-align:left;
 vertical-align:top;
}

td.time {
 text-align: center;
}

td.footnote {
 text-align:justify;
 padding-top: 16pt;
}

table.price td {
 padding-left: 10pt;
 padding-right: 10pt;
 white-space:nowrap;
}

th {
 text-align:left;
}


#fotoMenu a {
 text-decoration: none;
}

#fotoMenu .item {
 width: 200px;
 height: 200px;
 overflow: hidden;
 float: left;
 border: 5px solid #aaa;
 margin: 5px;
 text-align: center;
 position: relative;
}

#fotoMenu .item a {
 overflow: hidden;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 200px;
 height: 200px;
display: flex;
  align-items: center;
  justify-content: center;
  }

#fotoMenu .item a img {
 max-height: 100%;
 max-width: 100%;
 align-self: center;
 position: absolute;
}

#fotoMenu p {
 background-color: rgba(0,0,0,0.3);
 color: white;
 z-index: 10;
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 200px;
 vertical-align: bottom;
 margin: 0;
 padding: 0;
}

#gallery a {
 text-decoration: none;
}

#gallery .item {
 width: 200px;
 height: 200px;
 overflow: hidden;
 float: left;
 border: 5px solid #aaa;
 margin: 5px;
 text-align: center;
}

#gallery .item a {
 overflow: hidden;
}

#gallery .item a img {
 height: 100%;
 align-self: center;
}

.lightbox {
 /** Hide the lightbox */
 opacity: 0;
 /** Apply basic lightbox styling */
 position: fixed;
 z-index: 100;
 width: 100%;
 height: 100%;
 top: -100%;
 left: 0;
 color: #333333;
}

.lightbox:target {
 /** Show lightbox when it is target */
 opacity: 1;
 outline: none;
 top: 0;
}

.lightbox .box {
 width: -webkit-min-content;
 width: -moz-min-content;
 width: min-content;
 min-width: 80vw;
 margin: 2% auto;
 padding: 10px 20px 10px 20px;
 background-color: #FFF;
 box-shadow: 0px 1px 26px -3px #777777;
}

.lightbox .content {
 display: block;
 position: relative;
 text-align: center;
}

.lightbox img {
 max-height: 80vh;
 max-width: 80vw;
}

.lightbox .close {
 text-decoration: none;
 font-family: sans-serif;
 font-size: 5vh;
 color: #858585;
}

.lightbox .prev, .next {
 text-decoration: none;
 z-index: 200;
 position: absolute;
 top: 0;
 bottom: 0;
 width: 50%;
}

.lightbox .prev {
 left: 0;
}

.lightbox .next {
 right: 0;
}

.clear {
 display: block;
 clear: both;
}