@media (max-width: 767px) {
  header nav ul li {
    font-size: 30px;
    font-weight: 700; }
  header nav ul h1 {
    font-size: 30px; } }
a, a:visited {
  color: #cf7aa6; }

main {
  border-top: 1em solid #ccc; }
  main hr {
    background-color: #cccccc; }
  main h3 {
    color: #cf7aa6; }
  main p#introText span {
    color: #ccc; }
  main ul {
    background-color: #ccc; }
    main ul .tabscroll_activeNavi {
      background-color: #ffffff;
      border-top: 3px solid #ccc;
      border-right-color: #ccc; }
      main ul .tabscroll_activeNavi a, main ul .tabscroll_activeNavi a:active, main ul .tabscroll_activeNavi a:visited, main ul .tabscroll_activeNavi a:hover {
        color: #0a0a0a; }
    main ul li {
      border-right: 3px solid #ffffff; }
      main ul li a, main ul li a:active, main ul li a:visited {
        color: #0a0a0a; }
      main ul li a:hover {
        color: #ffffff; }
  main section.tryItOutScroll .negativeContrast {
    background-color: #0a0a0a;
    color: #ffffff; }
  main section.tryItOutScroll .colorContrast {
    background-color: #cf7aa6;
    color: #e7e7e7; }
  main section.tryItOutScroll .lightColorContrast {
    background-color: #ccc;
    color: #ffffff; }
  main section.tryItOutScroll .lightContrast {
    background-color: #ffffff;
    color: #cccccc; }
  main section.tryItOutScroll .redTextContrast {
    background-color: #ffffff;
    color: #cf7aa6; }
  main section.tryItOutScroll .normalContrast {
    background-color: #ffffff;
    color: sc-oceanblue; }
  main section.charsetScroll div#glyph_chart div {
    border: 1px solid #0a0a0a;
    background-color: #ffffff;
    box-shadow: 0 20px 50px #e7e7e7; }
  main section.specimenScroll ul {
    background-color: #e7e7e7; }

@media (min-width: 768px) {
  .f-navi, header h1, header nav ul#main > li {
    font-size: 28px;
    font-weight: 700; }

  .grey-seperator, header nav ul#main > li a:after {
    content: "";
    background: #e7e7e7; } }
html {
  background-color: #e7e7e7; }

body {
  font-family: 'Die Blockschrift Web';
  color: #0a0a0a; }

header {
  margin-bottom: -33px; }
  header h1 {
    color: #ffffff;
    background-color: #0a0a0a; }
    header h1 span {
      color: #0a0a0a;
      background-color: #cf7aa6; }

.out_of_view {
  background-color: #ffffff; }

.out_of_view_2 ul#main {
  background: #ffffff; }

header nav ul#main > li.selected > a,
header nav ul#main > li.selected > a:active,
header nav ul#main > li.selected > a:visited {
  color: #cf7aa6; }
header nav .current {
  color: #ffffff; }
header nav .current:after {
  background-color: #ffffff; }
header nav ul#main > li {
  background-color: #0a0a0a;
  color: #ffffff; }
  header nav ul#main > li a {
    background-color: #0a0a0a; }
  header nav ul#main > li a, header nav ul#main > li a:active, header nav ul#main > li a:visited {
    color: #ffffff; }
  header nav ul#main > li a:hover {
    color: #ccc !important; }
  header nav ul#main > li div {
    background: #cf7aa6; }
    header nav ul#main > li div a, header nav ul#main > li div a:visited, header nav ul#main > li div a:active {
      color: #0a0a0a; }
header nav ul#main > li:last-of-type {
  background-color: #cf7aa6;
  border-left: 7px solid #e7e7e7; }

main {
  background-color: #ffffff;
  box-shadow: 0 50px 50px #cccccc; }
  main nav h3 {
    font-size: 100%; }
  main nav ul ul#main > li:hover {
    font-weight: bold; }
  main h2 {
    font-weight: 700; }

/*# sourceMappingURL=die-blockschriftColors.css.map */