body {
    vertical-align: middle;
    height: 100vh;
    hyphens: auto;
}
p {
  margin-bottom: 0.9rem;
  text-align: justify;
}
h1 {
    float:right;
    margin: 1rem 2.4rem 0 0;
    font-size: 2.5rem;
    font-style:italic;
    font-weight:700;
    font-variant-caps: small-caps;
    font-variant-numeric: oldstyle-nums;
    clear: inline-end;
    background-color: #fcf5e8;
    text-align: right;
}
h2 {
    float:right;
    margin: 1rem 2.4rem 0 0;
    font-size: 2rem;
    font-style:italic;
    font-weight:700;
    font-variant-caps: small-caps;
    font-variant-numeric: oldstyle-nums;
    background-color: #fcf5e8;
    text-align: right;
}
h5 {
  text-transform: uppercase;
  float: right;
  margin-right: 4rem;
  margin-top: -0.3rem;
  margin-bottom: 1rem;
  text-align: right;
}
h6 {
  margin-top: 2.5rem;
  font-weight: 700;
}
h6.first {
    margin-top: 0;
}

.form-label {
  float: right;
  margin-right: 5rem;
}
.sticky {
    position: sticky;
    top: 0;
}
.text-button{
  margin-bottom: 1rem;
}
.card-image>img{
  margin:auto;
}
.min-content {
  width: 1%;
  white-space: nowrap;
}
.wichtig {
  font-weight: 600;
  font-variant: small-caps;
  font-size: 1rem;
}
.archivBtns {
  display: flex;
  flex-flow: wrap;
}
.archivBtn {
  margin:.4rem;
}
#background {
    position:absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    background-image: url("img/wald.jpg");
    background-attachment: fixed;
}
#container {
    background:#fcf5e8;
    max-height: 96vh;
    overflow: auto;
    margin: 2vh auto;
    padding:0;
}
#header {
	background: #fcf5e8;
	float:right;
}
#content {
	background-color:#fffef5;
    z-index:5;
    overflow:auto;
    padding:2.4rem;
    width:100%;
}
#menubar{
    padding-top: 0.5rem;
    margin-bottom:0;
    z-index:10;
    background:inherit;
    clear:both;
    background-color: #fcf5e8;
    width:100%;
    hyphens: none;
}
#menubar>.tab-block{
	margin-bottom:0;
  line-height: 1rem;
}
#headerLogo {
    width: auto;
    position: absolute;
    z-index:20;
    width: 2rem;
    margin-top:0.25rem;
    margin-left:0.25rem;
    top: 0;
    left: 0;
}
.logoli {
  flex: 0 0 auto !important;
  width: 2.5rem;
}
#headerLogo2 {
    max-height: 30vw;
    top: 0.5rem;
    height: 8rem;
    width: auto;
    position: absolute;
    z-index:20;
    float:left;
    margin-top:1rem;
}

.card-space {
  margin-bottom: 1rem;
}

#teilnehmertable {
  hyphens: none;
}
#teilnehmertable th {
  padding-top: 0px;
}
#dialog-fs-gallery2 {
  display: none;
}
.fullscreen {
  bottom: 0;
  cursor: default;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 1280px) {
  #container {
    max-height: 100vh;
    margin: 0vh auto;
  }
  h5 {
      margin-right: 5vw;
  }
}

    
@media only screen and (max-width: 720px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 600px) {
  h5 {
    float: left;
    margin-top: 0.5rem;
    margin-right: 0;
  }
  h1 {
    font-size: 1.5rem;
    margin-right: 1.4rem;
  }
  h2 {
    font-size: 1.2rem;
    margin-right: 1.4rem;
  }
  .form-label {
    float: left;
  }
  #content {
    padding-right:10vw;
    padding-left:10vw;
  }
}
@media only screen and (max-width: 375px) {
  h1 {
    font-size: 1.2rem;
    margin-right: 1rem;
  }
  h2 {
    font-size: 1.0rem;
    margin-right: 1rem;
  }
}