@media screen {
  * {
    padding: 0;
    margin: 0;
    box-sizing: inherit; }
    *:before, *:after {
      box-sizing: inherit; }

  html {
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 70%;
    box-sizing: border-box; }

  body {
    background: #f1f1f1;
    color: #000;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    width: 100%; }

  main {
    width: 80%;
    margin: 0 auto; }

  .hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

  .pageheader {
    padding: 0.5rem 0;
    width: 80%;
    margin: 0 auto;
    background-image: url("../pics/layout/header-bg.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #f1f1f1; }
    .pageheader a {
      text-decoration: none;
      color: inherit; }

  .pagefooter {
    background: #333;
    color: #555;
    padding: 1.6rem 1.5%;
    margin-top: 2rem; }

  .clear:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px; }

  .top {
    text-align: center;
    padding-top: 2rem; }
    .top a {
      font-size: 1.4rem;
      color: #999;
      transition: color .5s ease; }
      .top a:hover {
        color: #000;
        transition: color .5s ease; }
      .top a:after {
        content: '\25b2';
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        padding-left: 1rem;
        color: #999; }
      .top a:before {
        content: '\25b2';
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        padding-right: 1rem;
        color: #999; }

  a {
    text-decoration: none;
    color: inherit; }

  .crumb-wrap {
    color: #333;
    font-size: 1.2rem; } }
/* Ende @media screen */
@media screen and (max-width: 1200px) {
  .pageheader {
    width: 100%;
    padding: 1rem 0 2.5rem; } }
@media screen and (max-width: 1000px) {
  .pageheader {
    background-size: 50%; } }
@media screen and (max-width: 800px) {
  .pageheader {
    background: none; }
    .pageheader a {
      text-align: center; } }

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