/*
  Astral 2.5 by HTML5 UP
  html5up.net | @n33co
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

  html
  {
    width: 100%;
    height: 100%;
  }

  body
  {
    width: 100%;
    min-height: 100%;
    overflow-y: scroll;
    min-width: 1000px;
  }

  body, input, textarea
  {
    font-size: 14pt;
    line-height: 1.75em;
  }

  h1
  {
    font-size: 2.4em;
    letter-spacing: -0.015em;
  }

  h2
  {
    font-size: 1.8em;
    letter-spacing: -0.015em;
  }

  h3, h4, h5, h6
  {
    font-size: 1.25em;
    letter-spacing: -0.015em;
  }

  header
  {
    margin: 0 0 1.5em 0;
  }

  ul.links
  {
  }

    ul.links li
    {
    }

      ul.links li:before
      {
        padding: 0 0.75em 0 0.75em;
      }

  .button
  {
    padding: 0.7em 1.5em 0.7em 1.5em;
  }

    .button-small
    {
      font-size: 0.75em;
    }

    .button-big
    {
      font-size: 1.25em;
      padding: 0.5em 1.25em 0.5em 1.25em;
    }

    .button-huge
    {
      font-size: 1.5em;
      padding: 0.5em 1.25em 0.5em 1.25em;
    }

  .byline
  {
    margin: 0.5em 0 0 0;
  }

  .is-gallery
  {
  }

    .is-gallery .image
    {
      margin: 0;
    }

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

  #wrapper
  {
    width: 50em;
    margin: 0 auto;
    opacity: 0.00001;
  }

    #wrapper.tall
    {
      padding-bottom: 6em;
    }

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

  #nav
  {
    text-align: center;
    height: 4.25em;
    cursor: default;
  }

    #nav a
    {
      font-size: 2.5em;
      margin: 0 0.25em 0 0.25em;
      opacity: 0.35;
      outline: 0;
    }

      #nav a:before
      {
        font-size: 0.8em;
      }

      #nav a:after
      {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        bottom: -0.75em;
        margin-left: -0.5em;
        border-bottom: solid 0em #fff;
        border-left: solid 0.5em transparent;
        border-right: solid 0.5em transparent;
        -moz-transition: border-bottom-width .25s ease-in-out;
        -webkit-transition: border-bottom-width .25s ease-in-out;
        -o-transition: border-bottom-width .25s ease-in-out;
        -ms-transition: border-bottom-width .25s ease-in-out;
        transition: border-bottom-width .25s ease-in-out;
      }

      #nav a span
      {
        position: absolute;
        background: #222222;
        color: #fff;
        top: -2.75em;
        font-size: 0.3em;
        height: 2.25em;
        line-height: 2.25em;
        left: 50%;
        opacity: 0;

        /* Labels not wide enough? Increase its width below and set margin-left to ((width / 2) * -1) */
        width: 6.5em;
        margin-left: -3.25em;
      }

        #nav a span:after
        {
          content: '';
          display: block;
          position: absolute;
          bottom: -0.4em;
          left: 50%;
          margin-left: -0.6em;
          border-top: solid 0.6em #222222;
          border-left: solid 0.6em transparent;
          border-right: solid 0.6em transparent;
        }

      #nav a:hover
      {
        opacity: 1.0;
      }

        #nav a:hover span
        {
          opacity: 1.0;
        }

      #nav a.active
      {
        opacity: 1.0;
      }

        #nav a.active:after
        {
          border-bottom-width: 0.5em;
        }

/*********************************************************************************/
/* Panels                                                                        */
/*********************************************************************************/

  #main
  {
    width: 50em;
    background: #fff;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25);
  }

  /* Me */

    #ueber-uns
    {
      padding: 0;
      height: auto;
    }
      #ueber-uns h1
      {
        position: absolute;
        left: 0;
        bottom: 52.5%;
        margin: 0;
      }

      #ueber-uns .byline
      {
        position: absolute;
        left: 0;
        top: 52.5%;
        font-size: 1.5em;
        letter-spacing: -0.015em;
        margin-top: 0;
      }

      /*********************************************************************************/
      /* Grid                                                                          */
      /* eigenes einfaches Grid                                                        */
      /*********************************************************************************/

          article:after, .row:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
            }

        .column
        {
          width: 50%;
          display: inline-block;
          float: left;
          height: auto;
          *height: 367px;
          font: 0/0 a;
        }
        .column p
        {
          font: 300 20px/120% 'Mukta Light', sans-serif;
        }

        .column.column--autoheight {
          line-height: 150%;
          font-weight: 300;
          height: 354px;
        }

        .column img {
          width: 100%;
        }

        .column .column__inner {
          padding-top: 30px;
          padding-left: 45px;
          margin: 0;
        }
        .column .column__inner p {
          margin-bottom: 1em;
        }
        .column .column__inner ul {
          font-size: 20px;
        }
        .column .column__inner li {
          font: 300 20px/30px 'Mukta Light', sans-serif;
        }

        article header {
          padding: 45px;
          margin: 0;
        }
        article header ul {
          margin-top: 40px;
          padding-left: 0;
        }
        article header p {
          line-height: 120%;
          padding-top: 50px;
          margin-bottom: 0;
        }
        article header p {
          line-height: 120%;
          padding-top: 50px;
          margin-bottom: 0;
        }
        article header a {
          color: currentcolor;
        }
        #impressum .block.block--small-border p,
        #impressum .block.block--small-border ul li
        {
          font-size: 17px;
          line-height: 125%;
        }
        #impressum .block.block--small-border p.impressum {
          font-size: 15px;
          line-height: 19.5px;
        }


          .block img {
            float: left;
            margin-right: 35px;
            margin-bottom: 5px;
          }

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

  #footer
  {
    text-align: center;
    padding: 2em 0 0 0;
    font-size: 0.75em;
  }