/* --------------------------------------------------- GLOBAL DEFINITIONS --------------------------------------------------------------------------- */
    * {
      margin: 0;
      padding: 0;
    }

    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }


  @font-face {
      font-family: 'Source Sans Pro';
      font-style: normal;
      font-weight: 400;
      src: local(''),
          url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2');
    }

  @font-face {
      font-family: 'Josefin Sans';
      font-style: normal;
      font-weight: 400;
      src: local(''),
          url('../fonts/josefin-sans-v25-latin-regular.woff2') format('woff2');
    }

    @keyframes fadein {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    @keyframes expand {
      0% {
        font-size: .1em;
        opacity: 0;
      }

      30% {
        opacity: 0;
      }

      40% {
        font-size: 1em;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes shrink {
      0% {
        font-size: 2em;
        opacity: 0;
      }

      30% {
        font-size: 1em;
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    body {
      width: 100%;
      height: 100%;
      font-family: 'Source Sans Pro', sans-serif;
      background: rgb(225, 228, 222);
      animation: fadein ease-in 1.5s;
      overflow-x: hidden;
    }

    h1, h2, h3 {
      font-family: 'Josefin Sans', sans-serif;
      -moz-hyphens: auto;
      -o-hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }

    p {
      font-family: 'Source Sans Pro', sans-serif;
      -moz-hyphens: auto;
      -o-hyphens: auto;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }

    a {
      font-family: 'Source Sans Pro', sans-serif;
      text-decoration: none;
      color: rgb(95, 150, 55);
      hyphens: none;
    }

    a:hover {
      text-decoration: underline;
      text-shadow: 0 0 .03em;
      transition: all ease-in .3s;
    }

    /* ----------------------------------------------------------------- HEADER ---------------------------------------------------------------------- */
    header {
      position: fixed;
      width: 100%;
      height: 9em;
      background-image: linear-gradient(10deg, rgb(70, 75, 65) 20%, rgb(100, 105, 95));
      z-index: 999;
    }

    header h1 {
      font-size: 2.9em;
      font-weight: bold;
      font-family: 'Source Sans Pro', sans-serif;
      text-transform: uppercase;
      letter-spacing: .2em;
      margin: 0;
      padding: .6em 0 .1em 3%;
      color: rgb(75, 120, 45);
      text-shadow: .01em .01em .01em rgb(75, 120, 45),
        -.01em -.01em .01em rgb(75, 120, 45);
    }

    header h1 span {
      font-weight: normal;
      font-style: italic;
      text-shadow: none;
      color: rgb(85, 130, 55);
    }

    header h2 {
      font-size: 1.3em;
      font-weight: normal;
      text-transform: none;
      letter-spacing: .04em;
      text-shadow: none;
      padding: 0 0 0 3%;
      color: rgb(160, 160, 160);
    }

    @media (orientation: portrait) {

      img.header1,
      img.empty1 {
        display: none;
      }

      img.header2 {
        display: block;
        position: fixed;
        float: left;
        width: 100%;
        height: auto;
        margin: 9em 0 0 0;
        border-top: .2em solid rgb(255, 255, 255);
        border-bottom: .2em solid rgb(255, 255, 255);
        z-index: 2;
      }

      img.empty2 {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        margin: 9em 0 0 0;
        border-top: .2em solid rgb(255, 255, 255);
        border-bottom: .2em solid rgb(255, 255, 255);
        z-index: 1;
        z-index: 1;
      }
    }

    @media (orientation: landscape) {
      img.header1 {
        display: block;
        position: fixed;
        float: left;
        width: 100%;
        height: auto;
        margin: 9em 0 0 0;
        border-top: .2em solid rgb(255, 255, 255);
        border-bottom: .2em solid rgb(255, 255, 255);
        z-index: 2;
      }

      img.empty1 {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        margin: 9em 0 0 0;
        border-top: .2em solid rgb(255, 255, 255);
        border-bottom: .2em solid rgb(255, 255, 255);
        z-index: 1;
      }

      img.header2,
      img.empty2 {
        display: none;
      }
    }


    /* ----------------------------------------------------------------- NAVIGATION ---------------------------------------------------------------- */


    nav {
      position: fixed;
      width: 100%;
      top: 0;
      margin: 0;
      padding: 0;
      list-style-type: none;
      z-index: 9998;
    }

    .area {
      display: none;
    }

    nav ul {
      display: flex;
      justify-content: flex-end;
      height: 9em;
      list-style-type: none;
      margin: 0;
      padding: 0 5% 0 0;
      animation: fadein ease-in-out 1s;
    }

    nav ul li {
      display: flex;
      flex-direction: row;
      padding-top: 3.4em;
      bottom: 0;
    }

    nav ul li a {
      float: left;
      font-size: 1.35em;
      letter-spacing: .05em;
      padding: 1em 1.2em 1.6em 1.2em;
      color: rgb(160, 160, 160);
      text-decoration: none;
    }

    nav ul li a.select {
      margin: 0;
      color: rgb(220, 220, 220);
      border-bottom: solid .2em rgb(250, 250, 250);
    }

    nav ul li a:hover {
      color: rgb(220, 220, 220);
      text-decoration: none;
      border-bottom: solid .2em rgb(255, 255, 255);
      text-shadow: 0 0 .03em;
      transition: color ease-in .2s;
      transition: border ease-in .1s;
    }

    nav ul li a.select:hover {
      color: rgb(220, 220, 220);
      text-shadow: none;
      transition: none;
    }

    nav ul.menu,
    nav img {
      display: none;
    }

    /* -------------------------------------------------------------- ARTICLE ---------------------------------------------------------------------- */
    main {
      position: relative;
      float: left;
      width: 100%;
      z-index: 99;
    }

    article {
      display: block;
      width: 100%;
      margin: 0;
      padding: 7.5em 17% 5em 18%;
      background-color: rgba(250, 250, 250, .92);
    }

    article.minor1,
    article.minor2 {
      display: block;
      width: 100%;
      margin: 0;
      padding: 5em 17% 3.5em 18%;
    }

    article.minor1 {
      background-color: rgb(252, 249, 249);
    }

    article.minor2 {
      background-color: rgb(233, 235, 231);
    }

    article.minor1:last-child,
    article.minor2:last-child {
      padding-bottom: 5em;
    }

    h1 {
      font-size: 2em;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: .2em;
      text-shadow: .01em .01em .01em rgb(150, 150, 150),
        -.01em -.01em .01em rgb(255, 255, 255);
      padding-bottom: 2em;
      color: rgb(140, 40, 70);
    }

    h2 {
      font-size: 1.6em;
      font-weight: bold;
      letter-spacing: .1em;
      text-shadow: .01em .01em .01em rgb(150, 150, 150),
        -.02em -.02em .02em rgb(255, 255, 255);
      padding-bottom: 2em;
      color: rgb(70, 70, 70);
    }

    h2 span {
      font-size: 0;
    }

    h3 {
      font-size: 1.25em;
      line-height: 1.65em;
      font-weight: bold;
      padding-top: 1.5em;
      padding-bottom: 1.7em;
      color: rgb(70, 70, 70);
    }

    h3 span {
      font-weight: normal;
    }

    p {
      font-size: 1.25em;
      line-height: 1.65em;
      padding-bottom: 2em;
      color: rgb(50, 50, 50);
    }

    p span {
      color: rgb(180, 180, 180);
      padding-left: .3em;
    }

    p.pub {
      padding-bottom: 1.1em;
    }

    p.quote {
      float: right;
      font-size: 1.15em;
      line-height: 1.4em;
      letter-spacing: .1em;
      padding: 1.2em 5% 0 0;
      color: rgb(165, 170, 160);
    }

    p.indent {
      line-height: 1.65em;
      margin-left: 4.5em;
      padding-top: 0;
    }

    p.address {
      line-height: 1.3em;
      margin-left: 4.5em;
      padding-top: 0;
      color: rgb(120, 120, 120);
      border: none;
    }

    p span.spam {
      display: none;
    }

    p span.address1::before {
      content: "Jahnplatz 10";
      margin-left: -.3em;
      color: rgb(120, 120, 120);
    }

    p span.address2::before {
      content: "33602 Bielefeld";
      margin-left: -.3em;
      color: rgb(120, 120, 120);
    }

    p span.address3::before {
      content: "0521 5202700";
      margin-left: -.3em;
      color: rgb(120, 120, 120);
    }

    p span.address4,
    p span.address5,
    p span.address6 {
      display: inline-block;
      color: rgb(120, 120, 120);
    }

    p span.address5 {
      padding-bottom: .5em;
    }

    p span.address4::before {
      content: "praxis";
      margin-left: -.3em;
      color: rgb(120, 120, 120);
    }
    p span.address4::after {
      content: "flassbeck-therapie.de";
      margin-left: 0;
      color: rgb(120, 120, 120);
    }

    p span.address5::before {
    content: "Sabine, eks-selbsthilfe";
    margin-left: -.3em;
    color: rgb(120, 120, 120);
    }
    p span.address5::after {
      content: "outlook.de";
      color: rgb(120, 120, 120);
    }

    p span.address6::before {
      content: "Liane, eks-owl-vernetzt";
      margin-left: -.3em;
      color: rgb(120, 120, 120);
    }
    p span.address6::after {
      content: "posteo.de";
      color: rgb(120, 120, 120);
    }

    a.grey {
      color: rgb(160, 160, 160);
    }

    a.text {
      color: rgb(160, 160, 160);
      padding: 0 .2em 0 .2em;
    }

    a.text:hover {
      text-decoration: underline;
      text-shadow: 0 0 .03em;
      color: rgb(140, 140, 140);
      transition: all .3s;
    }

    table {
      width: 100%;
      margin-left: -.1em;
    }

    td {
      font-size: 1.25em;
      line-height: 1.65em;
      text-align: left;
      vertical-align: top;
      padding-bottom: 1em;
      color: rgb(50, 50, 50);
    }

    td.col1 {
      width: 8.5em;
    }

    td.col2 {
      width: 4.7em;
    }

    ul.list {
    display: block;
    margin: 0 0 3em 4em;
    list-style-type: "...";
    }

    ul.list li {
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 .3em .2em;
    }

    ul.list p {
      padding-bottom: .5em;
    }    

    img.address {
      float: left;
      width: 3em;
      margin: 0;
      padding: 0;
      border: none;
    }

    img.portrait {
      float: right;
      width: 14em;
      border-radius: 1em;
    }

    img.book {
      float: right;
      width: 19em;
      padding-bottom: 1em;
      padding-left: 1em;
    }

    img.businesscard {
      float: left;
      width: 25em;
    }

    .toggleBox1,
    .toggleBox2,
    .toggleBox3,
    .toggleBox4,
    .toggleBox5,
    .toggleBox6,
    .toggleBox7,
    .toggleBox8,
    .toggleBox9,
    .toggleBox11 {
      position: relative;
    }

    .toggleBox1 input,
    .toggleBox2 input,
    .toggleBox3 input,
    .toggleBox4 input,
    .toggleBox5 input,
    .toggleBox6 input,
    .toggleBox7 input,
    .toggleBox8 input,
    .toggleBox9 input,
    .toggleBox11 input {
      position: absolute;
      left: -9999px;
    }

    .open,
    .close {
      font-size: 1em;
    }

    .expand {
      animation: expand 1.5s;
    }

    .shrink {
      animation: shrink 1.5s;
    }

    .toggleBox1 input:not(:checked)~.close,
    .toggleBox1 input:checked~.open,
    .toggleBox2 input:not(:checked)~.close,
    .toggleBox2 input:checked~.open,
    .toggleBox3 input:not(:checked)~.close,
    .toggleBox3 input:checked~.open,
    .toggleBox4 input:not(:checked)~.close,
    .toggleBox4 input:checked~.open,
    .toggleBox5 input:not(:checked)~.close,
    .toggleBox5 input:checked~.open,
    .toggleBox6 input:not(:checked)~.close,
    .toggleBox6 input:checked~.open,
    .toggleBox7 input:not(:checked)~.close,
    .toggleBox7 input:checked~.open,
    .toggleBox8 input:not(:checked)~.close,
    .toggleBox8 input:checked~.open,
    .toggleBox9 input:not(:checked)~.close,
    .toggleBox9 input:checked~.open,
    .toggleBox11 input:not(:checked)~.close,
    .toggleBox11 input:checked~.open {
      display: none;
    }

    /* -------------------------------------------------------------- FOOTER -------------------------------------------------------------------- */
    footer {
      position: relative;
      float: left;
      width: 100%;
      padding: 1.7em 5% 2.2em 1%;
      background-image: linear-gradient(7deg, rgb(60, 65, 55) 20%, rgb(80, 85, 75) 67%, rgb(90, 95, 85));
      border-top: .2em solid rgb(255, 255, 255);
      z-index: 9998;
    }

    img.logo {
      float: left;
      width: 6.5em;
      margin: 0;
      padding: 0;
    }

    footer p {
      position: relative;
      float: left;
      font-size: 1.1em;
      letter-spacing: .1em;
      padding: .2em 0 0 .3em;
      margin-left: 0;
      color: rgb(95, 140, 65);
    }

    footer p span {
      letter-spacing: .05em;
      font-family: 'Josefin Sans', sans-serif;
      color: rgb(95, 140, 65);
    }

    footer div {
      display: inline-block;
      position: relative;
      float: right;
    }

    footer ul {
      list-style: none;
    }

    footer ul li {
      width: 100%;
      padding: 0;
    }

    footer ul li a {
      display: inline-block;
      width: 100%;
      font-size: 1.25em;
      letter-spacing: .05em;
      margin: 0;
      padding: .15em .5em .2em .5em;
      color: rgb(160, 160, 160);
    }

    footer ul li a.select {
      padding-left: .3em;
      color: rgb(220, 220, 220);
      border-left: solid .2em rgb(220, 220, 220);
    }

    footer ul li a:hover {
      padding-left: .3em;
      color: rgb(220, 220, 220);
      border-left: solid .2em rgb(220, 220, 220);
      text-shadow: 0 0 .03em;
      text-decoration: none;
      transition: color ease-in-out .2s;
    }

    footer ul li a.select:hover {
      text-shadow: none;
      transition: none;
    }

    img.favicon {
      float: left;
      height: 6.2em;
      padding: 0;
      margin: -8.05em 0 0 -.8em;
    }

    /* Lightbox */
    footer ul.lightbox {
      margin: 0;
      padding: 0;
    }

    footer ul.lightbox li {
      overflow: hidden;
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      top: 0;
      opacity: 0;
    }

    footer ul.lightbox li:target {
      display: block;
      position: fixed;
      width: 100%;
      height: 100%;
      opacity: 1;
      background: rgba(20, 20, 20, .8);
      -webkit-transition: opacity 1.5s;
      -moz-transition: opacity 1.5s;
      -ms-transition: opacity 1.5s;
      -o-transition: opacity 1.5s;
      transition: opacity 1.5s;
    }

    footer ul.lightbox li a img {
      position: absolute;
      width: 30em;
      height: auto;
      top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      margin: auto;
      border: .2em solid rgb(200, 205, 195);
      border-radius: .2em;
      animation: fadein ease-in-out 1s;
    }

    footer ul.lightbox li a img:hover {
      opacity: 0.6;
      transistion: opacity .5s;
    }

    /* -------------------------------------------------------------- Bildschirm mittel ------------------------------------------------------------- */
    @media only screen and (max-width: 115em) {
      header {
        height: 8em;
      }

      header h1 {
        font-size: 2.6em;
      }

      header h2 {
        font-size: 1.2em;
        letter-spacing: .03em;
      }

      @media (orientation: portrait) {
        img.header1,
        img.empty1 {
          display: none;
        }

        img.header2,
        img.empty2 {
          display: block;
          margin-top: 8em;
        }
      }

      @media (orientation: landscape) {
        img.header1,
        img.empty1 {
          display: block;
          margin-top: 8em;
        }

        img.header2,
        img.empty2 {
          display: none;
        }
      }

      nav ul {
        height: 8em;
        padding-right: 4%;
      }

      nav ul li {
        padding-top: 3em;
      }

      nav ul li a {
        font-size: 1.25em;
        padding: 1em 1.15em 1.7em 1.15em;
      }

      article {
        padding: 7em 13% 5em 14%;
      }

      article.minor1,
      article.minor2 {
        padding: 5em 13% 3.5em 14%;
      }

      h1 {
        font-size: 1.95em;
    }

      h2 {
        font-size: 1.55em;
      }

      h3 {
        font-size: 1.2em;
        line-height: 1.6em;
      }

      p,
      td {
        font-size: 1.2em;
        line-height: 1.6em;
      }

      p.indent {
       line-height: 1.6em;
      }

      p.address {
        line-height: 1.25em;
      }

      p.quote {
        font-size: 1.1em;
      }

      img.portrait {
          width: 13em;
        }

      footer p {
        font-size: 1.2em;
        letter-spacing: .05em;
    }

      footer ul li a {
        font-size: 1.2em;
      }

      /* ------------------------------------------------------------- Bildschirm klein --------------------------------------------------------- */
      @media only screen and (max-width: 100em) {
        header {
          height: 7.8em;
        }

        header h1 {
          font-size: 2.5em;
          padding-top: .55em;
        }

        header h2 {
          font-size: 1.15em;
        }

        @media (orientation: portrait) {
          img.header1,
          img.empty1 {
            display: none;
          }

          img.header2,
          img.empty2 {
            display: block;
            margin-top: 7.8em;
          }
        }

        @media (orientation: landscape) {
          img.header1,
          img.empty1 {
            display: block;
            margin-top: 7.8em;
          }

          img.header2,
          img.empty2 {
            display: none;
          }
        }

        nav ul {
          height: 7.8em;
          padding-right: 3%;
        }

        nav ul li {
          padding-top: 3em;
        }

        nav ul li a {
          font-size: 1.15em;
          padding: 1em 1em 1.6em 1em;
        }

        article {
          padding: 6.5em 12% 4em 13%;
        }

        article.minor1,
        article.minor2 {
          padding: 5em 12% 3.5em 13%;
        }

        article.minor1:last-child,
        article.minor2:last-child {
          padding-bottom: 4em;
        }

        h1 {
          font-size: 1.8em;
        }

        h2 {
          font-size: 1.5em;
        }

        h2 span {
          font-size: 0;
        }

        h3 {
          font-size: 1.15em;
          line-height: 1.55em;
        }

        p,
        td {
          font-size: 1.15em;
          line-height: 1.55em;
        }

        p.quote {
          font-size: 1.05em;
        }

        p.address {
          line-height: 1.2em;
          margin-left: 4.2em;
        }

        p.indent {
          line-height: 1.55em;
          margin-left: 4.2em;
        }

        img.address {
          width: 2.7em;
        }

        img.portrait {
          width: 12em;
        }

        footer p {
          font-size: 1.05em;
          margin-left: -.5em;
        }

        footer ul li a {
          font-size: 1.15em;
        }

        img.favicon {
          height: 5.6em;
          margin: -7.45em 0 0 -.6em;
        }

        img.logo {
          width: 6em;
        }


/* --------------------------------------------------------------------- TABLET --------------------------------------------------------------- */

@media only screen and (max-width: 90em) {

            nav {
              position: absolute;
              width: 55%;
              top: 0;
              padding: 0;
              margin: 0 0 0 45%;
              z-index: 9998;
            }

            .area {
              display: block;
              position: fixed;
              width: 100%;
              height: 100%;
              top: 0;
              bottom: 0;
              right: 0;
              left: 0;
              background-image: linear-gradient(to left, rgba(70, 75, 65, .9) 55%, rgba(250, 250, 250, .5) 55%);
              animation: fadein ease-in-out 1s;
            }

            nav ul {
              display: block;
              position: absolute;
              width: 100%;
              height: auto;
              margin: 8em 0 0 0;
              padding: 0;
              border-top: none;
              animation: fadein ease-in-out 1s;
            }

            nav ul li {
              width: 100%;
              padding-top: 0;
            }

            nav ul li a {
              width: 100%;
              font-size: 1.3em;
              letter-spacing: .05em;
              padding: .8em 0 .8em 4em;
            }

            nav ul li a.select {
              border-bottom: none;
              padding-left: 3.8em;
              border-bottom: none;
              border-left: solid .2em rgb(250, 250, 250);
            }

            nav ul li a:hover {
              padding-left: 3.8em;
              border-bottom: none;
              border-left: solid .2em rgb(250, 250, 250);
              transition: none;
              transition: color ease-in .2s;
            }

            nav ul.menu {
              display: block;
              position: absolute;
              width: 5.5em;
              right: 0;
              margin: 0;
              padding: 0;
              border: none;
              animation: none;
            }

            nav ul.menu li a {
              float: right;
              margin: 0;
              padding: 0;
            }

            nav ul.menu li a:hover {
              padding: 0;
              border: none;
            }

            nav img {
              display: block;
              position: fixed;
              width: 2.2em;
              margin: 2.1em 0 0 0;
              padding: .5em;
              animation: fadein ease-in-out .7s;
            }

            nav img.hidden {
              filter: brightness(120%);
              animation: none;
            }

            nav img:hover {
              filter: brightness(130%);
              transition: filter ease-in .2s;
            }

            .toggleBox11 input:checked~div {
              display: none;
            }

            article,
            article.minor1,
            article.minor2 {
              padding-right: 8%;
              padding-left: 9%;
            }

            p.quote {
              padding: 1.2em 4% 0 0;
            }

            p.address,
            p.indent {
              margin-left: 4em;
            }

            img.book {
              width: 15em;
            }

            img.address {
              width: 2.5em;
            }

            .toggleBox11 label {
              font-size: 1em
            }

            footer {
              padding: 1.7em 6% 2.2em 2%;
              z-index: 9998;
            }

            footer ul.lightbox li a img {
              width: 50%;
            }
          }

          /* -------------------------------------------------------------- SMARTPHONE 1 --------------------------------------------------------------- */
          @media only screen and (max-width: 65em) {
            header {
              height: 5.1em;
            }

            header h1 {
              font-size: 1.9em;
              letter-spacing: .22em;
              padding-top: .35em;
              color: rgb(85, 130, 55);
            }

            header h1 span {
              color: rgb(95, 140, 65);
            }

            header h2 {
              font-size: 1em;
              letter-spacing: -.02em;
            }

            @media (orientation: portrait) {
              img.header1,
              img.empty1 {
                display: none;
              }

              img.header2,
              img.empty2 {
                display: block;
                margin-top: 5.1em;
                border-top: .15em solid rgb(255, 255, 255);
                border-bottom: .15em solid rgb(255, 255, 255);
              }
            }

            @media (orientation: landscape) {
              img.header1,
              img.empty1 {
                display: block;
                margin-top: 5.1em;
                border-top: .15em solid rgb(255, 255, 255);
                border-bottom: .15em solid rgb(255, 255, 255);
              }

              img.header2,
              img.empty2 {
                display: none;
              }
            }

            nav {
              width: 70%;
              margin-left: 30%;
            }

            .area {
              background-image: linear-gradient(to left, rgba(70, 75, 65, .93) 70%, rgba(250, 250, 250, .5) 70%);
            }

            nav ul {
              margin-top: 5.3em;
            }

            nav ul li a {
              font-size: 1.2em;
              padding-left: 3.5em;
            }

            nav ul li a.select {
              padding-left: 3.3em;
            }

            nav ul li a:hover {
              padding-left: 3.3em;
            }

            nav ul.menu {
              width: 3.7em;
            }

            nav img {
              width: 2.2em;
              margin: 1em 0 0 0;
              filter: brightness(105%);
            }

            article {
              padding: 5em 5% 3em 8%;
            }

            article.minor1,
            article.minor2 {
              padding: 4em 5% 2.5em 8%;
            }

            h1 {
              font-size: 1.5em;
            }

            h2 {
              font-size: 1.3em;
            }

            h3 {
              font-size: 1em;
              line-height: 1.3em;
            }

            p,
            td {
              font-size: 1em;
              line-height: 1.4em;
            }

            p.quote {
              font-size: .9em;
              padding-top: 1em;
            }

            td.col1 {
              width: 8em;
            }

            td.col2 {
              width: 4.2em;
            }

            ul.list {
            margin: 0 0 2.5em 2.5em;
            }

            img.book {
              width: 15em;
            }

            img.portrait {
              width: 11em;
            }

            ul.lightbox li a img {
              border: .5em solid #e6e6e6;
            }

            footer {
              padding: 1.4em 6% 1.7em 6%;
              border-top: .15em solid rgb(255, 255, 255);
            }

            footer p {
              position: absolute;
              font-size: .9em;
              margin: 0;
              padding: 0;
            }

            footer ul li {
              padding: .1em 0;
            }

            footer ul li a {
              font-size: .95em;
              padding: .1em .3;
            }

            img.favicon {
              height: 4em;
              margin: -5.5em 0 0 -.1em;
            }

            img.logo {
              margin: 1.5em 0 0 -.7em;
              width: 3.6em;
            }

            footer ul.lightbox li a img {
              width: 60%;
            }

            .toggleBox1 label,
            .toggleBox2 label,
            .toggleBox3 label,
            .toggleBox4 label,
            .toggleBox5 label,
            .toggleBox6 label,
            .toggleBox7 label,
            .toggleBox8 label,
            .toggleBox9 label {
              font-size: 1em
            }

            .toggleBox1 input:checked~div,
            .toggleBox2 input:checked~div,
            .toggleBox3 input:checked~div,
            .toggleBox4 input:checked~div,
            .toggleBox5 input:checked~div,
            .toggleBox6 input:checked~div,
            .toggleBox7 input:checked~div,
            .toggleBox8 input:checked~div,
            .toggleBox9 input:checked~div {
              display: none;
            }
          }

          /* ----------------------------------------------------------- SMARTPHONE 2 ----------------------------------------------------------------- */
          @media only screen and (max-width: 35em) {
            header {
              height: 4.3em;
            }

            header h1 {
              font-size: 1.6em;
              letter-spacing: .21em;
              padding-top: .4em;
              margin-bottom: -.05em;
            }

            header h2 {
              font-size: .85em;
              letter-spacing: -.03em;
            }

            @media (orientation: portrait) {
              img.header1,
              img.empty1 {
                display: none;
              }

              img.header2,
              img.empty2 {
                display: block;
                margin-top: 4.3em;
                border-top: .15em solid rgb(255, 255, 255);
                border-bottom: .15em solid rgb(255, 255, 255);
              }
            }

            @media (orientation: landscape) {
              img.header1,
              img.empty1 {
                display: block;
                margin-top: 4.3em;
                border-top: .1em solid rgb(255, 255, 255);
                border-bottom: .1em solid rgb(255, 255, 255);
              }

              img.header2,
              img.empty2 {
                display: none;
              }
            }

            nav {
              width: 85%;
              margin-left: 15%;
            }

            .area {
              background-image: linear-gradient(to left, rgba(70, 75, 65, .93) 85%, rgba(250, 250, 250, .5) 85%);
            }

            nav ul {
              margin-top: 4.45em;
            }

            nav ul li a {
              padding-left: 3em;
            }

            nav ul li a.select {
              padding-left: 2.8em;
            }

            nav ul li a:hover {
              padding-left: 2.8em;
            }

            nav ul.menu {
              width: 3.2em;
            }

            nav ul.menu li a {
              font-size: 1.2em;
            }

            nav img {
              width: 2em;
              margin: .7em 0 .2em .3em;
            }

            article {
              padding-right: 3%;
              padding-left: 6%;
            }

            article.minor1,
            article.minor2 {
              padding-right: 3%;
              padding-left: 6%;
            }

            h1 {
              font-size: 1.3em;
              letter-spacing: .1em;
            }

            h2 {
              font-size: 1.1em;
              letter-spacing: 0;
            }

            h3,
            p,
            td {
              font-size: .95em;
            }

            p.quote {
              font-size: .8em;
              padding-right: 3%;
            }

            p.address {
              margin-left: 3.4em;
            }

            p.indent {
              margin-left: 3em;
            }

            td.col1 {
              width: 7.7em;
            }

            td.col2 {
              width: 3.9em;
            }

            .addressbottom {
              padding-top: .5em;
            }

            ul.list {
            margin: 0 0 2em 1em;
            padding-left: -1em;
            }

            ul.list li {
            line-height: 1.1em;
            } 

            .customIndent {
            margin-left: 0;
            }

            img.address {
              width: 2em;
            }

            img.portrait {
              width: 10.5em;
            }

            img.book {
              width: 50%;
            }

            footer {
              padding: 1.2em 6% 1.6em 5%;
              border-top: .1em solid rgb(255, 255, 255);
            }

            footer p,
            footer p span {
              font-size: .85em;
              letter-spacing: -.02em;
            }

            footer ul li a {
              font-size: .95em;
            }

            img.favicon {
              height: 3.6em;
              margin: -4.9em 0 0 0;
            }

            img.logo {
              margin: 1.6em 0 0 -.6em;
              width: 3.4em;
            }

            footer ul.lightbox li a img {
              width: 80%;
            }
          }