body {
        max-width:60em;
        margin: 0 /*1em*/ auto;
        background-color: white;
        font-family: Nunito, Corbel, Avenir, sans-serif;
      }

      header {
        padding: 0 1em; 
        margin-top: 1em;
        margin-bottom: 0em;
        display: grid;
        grid-template-columns: 6em 1fr;
        font-size: 1.1em;
      }

      hgroup {
        display: flex;
        flex-flow: row wrap;
        align-items: start;
        gap: 0 3em;
      }

      @media (max-width: 45em) { 
        hgroup p {
          display: none;
        }
      }

      footer {
        display: grid;
        grid-template-columns: 1fr 15em;
      }

      footer > * {
        grid-column: -2 / -1;
      }

      h1 {
        color: black;
        font-family: Gotu, Candara, Nunito, Corbel, Avenir, sans-serif;
        font-size: 2em;
        font-weight: bold;
      }

      h2 {
        background-color: #C58D4E;
        color: white;
        font-size: 1.3em;
        padding: 0.3em;
        border-radius: 0em 1em 1em 0em;
      } 

      h3 {
        font-size: 1.2em; /*2.6em;*/
        color: black;
      }

      h4 {
        font-size: 1em;
        color: black;
      }

      p {
        color: black;
        font-size: 1em;
        line-height: 140%;
      }

      dl {
        color: black;
        font-size: 1em;
        line-height: 140%;
      }

      ul {
        line-height: 140%;
      }

      a {
        color: #955233;
        font-weight: bold;
      }

      .gallery {
        display: flex;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
       }

      .gallery img {
        scroll-snap-align: center;
        height: 400px;
        width: fit-content;
        margin-right: 10px;
       }

      figure {
        margin: 0em;
        padding: 0em;
      }
      
       figcaption {
        font-size: 0.9em;
       }

       img.logo {
        width: 5em;
      }

      img.willkommen {
        width:100%
      }

      img.karte {
        height: 350px;
        max-width: 100%;
      }

      /* Für One-Pager */
      body { 
        --viewporthoehe: hoch; 
      }

      @media (max-height: 30em) { 
        body { 
          --viewporthoehe: niedrig; 
        }
      }

      body {
        height: 100vh;
        display: flex;
        flex-direction: column;
      }
      
      header.niedrig hgroup {
        display: none;
      }

      nav:not(header.niedrig nav) {
        grid-column: 1/-1;
      }
      
      nav ul {
        list-style: none;
        padding-inline: 0;
        display: flex;
        flex-flow: row wrap;
        gap: 1em 2em;
      }
      
      main {
        overflow: auto;
        padding: 0 .5em;
        scrollbar-color: #C58D4E white;
      }

      main::-webkit-scrollbar {
        width: 1em;
        height: 2em;
        background-color: white;
      }
      
      main::-webkit-scrollbar:hover {
        border: thin solid white;
        border-radius: .5em 0 .5em .5em;
      }
      
      main::-webkit-scrollbar-thumb {
        background: white;
        border-radius: .5em 0 .5em .5em;
      }
      
      [aria-current=location]:before { 
        content: "► "; 
      }