@charset "UTF-8";
@media screen {
  .mainnav {
    color: #333;
    width: 100%;
    background: #e8e2c3;
    border-top: 1px solid black; }
    .mainnav ul {
      text-align: left;
      padding: 0;
      margin: 0;
      position: relative;
      display: inline-block;
      list-style: none; }
      .mainnav ul:after {
        content: "";
        clear: both;
        display: block; }
      .mainnav ul li {
        float: left; }
        .mainnav ul li:hover > ul {
          display: block; }
          .mainnav ul li:hover > ul:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            left: 40px;
            top: -10px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #810100; }
        .mainnav ul li a {
          display: block;
          padding: 1.5rem 1.5rem 1rem;
          font-family: 'Droid Sans', sans-serif;
          font-size: 1.6rem;
          text-transform: uppercase; }
          .mainnav ul li a:hover, .mainnav ul li a:focus {
            color: #810100;
            transition: color .5s ease; }
          .mainnav ul li a:active {
            color: #144b12;
            transition: none; }
        .mainnav ul li ul {
          z-index: 99999;
          display: none;
          background: #f1f1f1;
          position: absolute;
          top: 100%;
          min-width: 20%;
          border-right: 1px solid #999;
          border-left: 1px solid #999;
          border-bottom: 1px solid #999;
          border-top: 3px solid #810100; }
          .mainnav ul li ul li {
            float: none;
            position: relative; }
            .mainnav ul li ul li a {
              padding: 1rem 3rem 1rem 2rem;
              text-transform: none;
              font-size: 1.4rem;
              white-space: nowrap; }
              .mainnav ul li ul li a:hover {
                background: #999;
                color: #f1f1f1;
                transition: none; }
        .mainnav ul li.icon {
          display: none;
          padding: 0; }
          .mainnav ul li.icon a {
            transition: color .5s ease; }
            .mainnav ul li.icon a:hover {
              color: #810100;
              transition: color .5s ease; }
            .mainnav ul li.icon a.home-icon {
              padding-top: 1rem;
              padding-left: 2%;
              padding-right: 4%;
              padding-bottom: 0;
              font-family: 'Genericons'; }
              .mainnav ul li.icon a.home-icon:before {
                content: '\f409';
                vertical-align: middle;
                font-size: 2.5rem;
                padding: 0;
                margin: 0; }

  .fixed {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid black;
    border-top: none;
    text-align: center;
    z-index: 9999; }

  .fixed-a {
    position: fixed;
    z-index: 9999; }

  .nav-button {
    display: none; }

  nav ul.toc {
    list-style-type: none; }

  .toc nav {
    padding: 0 1.4rem;
    background: none;
    font-size: 1.3rem;
    line-height: 1.4; }
  .toc h3 {
    padding-top: 1.5rem; }
  .toc h2 + a {
    margin-top: 1rem; }
  .toc ul {
    margin: 1rem auto;
    font-size: 1.4rem;
    line-height: 1.5;
    border: 1px solid #999;
    padding: 1rem; }
    .toc ul li {
      display: block;
      border-bottom: 1px solid #999;
      background: linear-gradient(#f1f1f1, #f1f1f1);
      transition: all .5s ease; }
      .toc ul li:hover {
        background: linear-gradient(#e8e2c3, #f1f1f1);
        transition: all .5s ease; }
    .toc ul li:last-child {
      border-bottom: none; }
  .toc a {
    display: block;
    color: inherit;
    transition: color .5s ease;
    width: 100%;
    padding: 1rem 1rem; }
    .toc a:hover {
      color: #810100;
      transition: color .5s ease; }
    .toc a:active {
      color: #144b12; }
    .toc a.atoc {
      font-size: 1.5rem;
      font-family: 'Oswald', sans-serif;
      padding: 1rem 1rem 0 1rem; }
      .toc a.atoc.active:after {
        font-family: 'Genericons';
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        color: #333;
        content: '\f431';
        padding-left: .5rem; }
    .toc a.show {
      color: #810100; }

  .text section[id^="a"]:not(:target) {
    display: none; }

  /*	.bread {
  		margin-top: -8px;
  		margin-right: 10%;
  		border-bottom: 1px solid black;
  		background-color: $beige;
  		padding: 10px 0 5px;
  		width: 100%;
  		padding-left: 8%;
  		li {
  			display: inline-block;
  			padding-right: 1rem;
  			&:first-child {
  				padding-left: 2%;
  			}
  			a {
  				color: $blau;
  				transition: color .5s ease;
  				&:hover {
  					color: $rot;
  					transition: color .5s ease;
  				}
  				&:active {
  					color: $gr├╝n;
  				}
  				&:after {
  					@include symbol($light-gray);
  					content: '\f458';
  					padding-left: 1rem;
  					font-size: 1.2em;
  				}
  			}
  			&.home:before {
  				@include symbol($light-gray);
  				content: '\f301';
  				padding-right: .5rem;
  				font-size: 1.5em;
  			}
  		}
  	}*/ }
/* Ende @media screen */
@media screen and (max-width: 1200px) {
  .mainnav {
    clear: both;
    text-align: center; }

  .toc nav {
    column-count: 2;
    column-gap: 4rem;
    column-rule: 1px solid #999;
    -moz-column-count: 2;
    -moz-column-gap: 4rem;
    -moz-column-rule: 1px solid #999;
    -webkit-column-count: 2;
    -webkit-column-gap: 4rem;
    -webkit-column-rule: 1px solid #999; } }
@media screen and (max-width: 800px) {
  ul.nav {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 250px;
    left: -250px;
    height: 100%;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.15s ease;
    -moz-transition: 0.15s ease;
    -o-transition: 0.15s ease;
    transition: 0.15s ease; }
    ul.nav.active {
      -webkit-transform: translate(250px, 0px);
      -moz-transform: translate(250px, 0px);
      -o-transform: translate(250px, 0px);
      -ms-transform: translate(250px, 0px);
      transform: translate(250px, 0px); }
    ul.nav li {
      float: none;
      background-color: #333; }
      ul.nav li:hover > ul {
        display: block; }
        ul.nav li:hover > ul:after {
          content: '';
          display: none;
          width: 0;
          height: 0;
          position: absolute;
          left: 40px;
          top: -10px;
          border: 0; }
      ul.nav li a {
        color: #f1f1f1; }
      ul.nav li ul {
        display: block;
        background: #f1f1f1;
        position: static;
        border-right: 1px solid #999;
        border-left: 1px solid #999;
        border-bottom: 1px solid #999;
        border-top: 3px solid #810100; }
        ul.nav li ul li {
          float: none;
          position: relative; }
          ul.nav li ul li a {
            padding: 1rem 3rem 1rem 2rem;
            text-transform: none;
            font-size: 1.4rem;
            white-space: nowrap;
            background: #999;
            color: #f1f1f1; }

  .nav-button {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: .5rem;
    font-size: 1rem;
    color: #333;
    transition: color .5s ease; }
    .nav-button:before {
      font-family: 'Genericons';
      content: '\f419';
      font-size: 2rem;
      vertical-align: middle;
      padding: 1rem;
      margin: 0;
      margin-bottom: .5rem;
      display: block;
      border: 1px solid #999;
      border-radius: .5rem; }
    .nav-button:hover {
      color: #810100;
      transition: color .5s ease; } }

/*# sourceMappingURL=nav-sass.css.map */