@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\000031}}
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\000037}}
body {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 170%;
  color: #333333;
  background-color: #333; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000315}}
h1 {
  color: #2460a5;
  font-size: 25px;
  margin: 23px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000322}}
h2 {
  color: #2460a5;
  font-size: 25px;
  margin: 5px 0 20px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000328}}
h3 {
  color: #2460a5;
  font-size: 17px;
  margin: 15px 0 10px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000334}}
a {
  color: #333333;
  text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000338}}
a:hover {
  color: #666666; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000343}}
ul {
  list-style-type: square;
  padding-left: 15px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000352}}
#main {
  width: 760px;
  margin: 0 auto;
  padding: 15px;
  background-color: #fff;
  overflow: hidden;
  border-top: 8px solid #2460a5; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000361}}
header {
  clear: both;
  font-size: 9px;
  overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000366}}
header > * {
  float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000374}}
header .count, header .points, header .reload, header .menu, header .results {
  width: 180px;
  height: 56px;
  margin-right: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 1px 5px #333;
  -webkit-box-shadow: 1px 1px 5px #333;
  box-shadow: 1px 1px 5px #333;
  filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#333');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#333')";
  text-align: center;
  background: no-repeat 5px center;
  margin: 5px 5px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000380}}
header .count p, header .points p, header .reload p, header .menu p, header .results p {
  padding: 10px 9px 0 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000384}}
header .count span, header .points span, header .reload span, header .menu span, header .results span {
  display: block;
  font-size: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000389}}
header .count a, header .points a, header .reload a, header .menu a, header .results a {
  display: block;
  height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000395}}
header .count {
  background-image: url(../img/icon_timer.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\0000399}}
header .points {
  background-image: url(../img/icon_star.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003103}}
header .reload {
  background-image: url(../img/icon_refresh.png);
  width: 60px;
  float: right; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003109}}
header .menu {
  background-image: url(../img/icon_datebase.png);
  float: right; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003114}}
header .results {
  background-image: url(../img/icon_statistic.png);
  float: right; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003121}}
nav h2 {
  margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003125}}
nav a {
  display: block;
  padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003128}}
nav a:hover {
  background-color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003133}}
nav > a {
  font-size: 80%; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003137}}
nav ul {
  list-style-type: none;
  margin-top: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003142}}
nav li {
  border-bottom: 1px solid #dbdbdb;
  padding: 5px 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003152}}
.intro strong {
  font-weight: bold;
  color: #2460a5; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003156}}
.intro .prevImage {
  width: 335px;
  float: right;
  text-align: center;
  border: 1px dashed #CCCCCC;
  margin-left: 40px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003165}}
#gameStart {
  display: block;
  background: url(../img/icon_right.png) no-repeat 5px top;
  height: 40px;
  padding: 15px 0 0 69px;
  margin: 15px 0;
  font-size: 16px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003174}}
.skip {
  background-color: #333;
  text-align: center;
  margin: 10px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003179}}
.skip a {
  display: block;
  color: #fff; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003185}}
.points-change {
  background-repeat: no-repeat;
  height: 85px;
  width: 42px;
  position: absolute;
  z-index: 10; }

/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003196}}
table {
  font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  color: #333;
  background: #F3F5F7; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003197}}
table a {
  color: #2460a5;
  text-decoration: none;
  border-bottom: 1px solid #C6C8CB; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003198}}
table a:visited {
  color: #777; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003199}}
table a:hover {
  color: #000; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003200}}
table caption {
  text-align: left;
  text-transform: uppercase;
  padding-bottom: 10px;
  font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003201}}
table thead th {
  background: #2460a5;
  padding: 10px;
  color: #fff;
  text-align: left;
  font-weight: normal; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003202}}
table tbody, table thead {
  border-left: 1px solid #EAECEE;
  border-right: 1px solid #EAECEE; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003203}}
table tbody {
  border-bottom: 1px solid #EAECEE; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003204}}
table tbody td, table tbody th {
  padding: 10px;
  text-align: left; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003205}}
table tbody tr {
  background: #F3F5F7; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003206}}
table tbody tr.odd {
  background: #F0F2F4; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003207}}
table tbody tr:hover {
  background: #EAECEE;
  color: #111; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003208}}
table tfoot td, table tfoot th, table tfoot tr {
  text-align: left;
  font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  background: #fff;
  padding: 10px; }

@media screen and (max-width: 760px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003212}}
  #main {
    width: 100%; } }
@media screen and (max-width: 700px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003218}}
  #main {
    width: 80%;
    border-top-width: 20px; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003224}}
  header .menu, header .reload {
    float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003227}}
  header .reload, header .menu span {
    display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003231}}
  header .menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0 #333;
    -webkit-box-shadow: 0 0 0  #333;
    box-shadow: 0 0 0 #333;
    filter: 0;
    -ms-filter: 0;
    background-image: none;
    position: absolute;
    top: 0px;
    margin: 0;
    padding: 0;
    height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003240}}
  header .menu p {
    padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003243}}
  header .menu p:before {
    content: "<<"; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003248}}
  header .menu a {
    height: auto;
    color: #fff; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003254}}
  .prevImage {
    display: none; } }
@media screen and (max-width: 540px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003260}}
  #main {
    width: 100%; } }
@media screen and (max-width: 430px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003267}}
  header .count, header .points {
    background-image: none;
    width: 115px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_template\.scss}line{font-family:\00003271}}
  header .count p, header .points p {
    padding: 10px 9px 0; } }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\000031}}
.stage {
  position: relative; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\000037}}
.syntax #wrongChar {
  padding: 0 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000311}}
.syntax .example-code {
  line-height: 21px;
  font-size: 12px;
  cursor: url(../img/cursor.cur) 5 10, default; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000320}}
.colors .stage > div {
  float: left;
  width: 100%;
  text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000326}}
.colors .stage ul {
  list-style-type: none;
  margin: 35px auto 10px;
  padding: 0;
  overflow: hidden;
  display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000334}}
.colors .stage li {
  float: left;
  width: 80px;
  height: 40px;
  margin: 0 10px 10px;
  border: 1px solid #ccc;
  cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000342}}
.colors .stage li.last {
  margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000347}}
.colors .stage .wrongGuess {
  opacity: 0.2;
  cursor: default; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000354}}
.colors .stage p span {
  font-size: 20px;
  display: block;
  margin: 8px 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000365}}
.distanz .stage ul {
  list-style-type: none;
  margin: 35px auto 10px;
  padding: 0;
  overflow: hidden;
  display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000373}}
.distanz .stage li {
  float: left;
  width: 80px;
  height: 30px;
  margin: 0 10px 10px;
  padding: 5px;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000383}}
.distanz .stage li.last {
  margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000388}}
.distanz .stage .wrongGuess {
  opacity: 0.2;
  cursor: default; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000393}}
.distanz .stage .distanz-wrapper {
  height: 50px;
  width: 100%;
  background-color: #2460a5;
  border: 1px solid #2460a5; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\0000399}}
.distanz .stage .distanz-wrapper > div {
  height: 100%;
  background-color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\00003104}}
.distanz .stage .distanz-wrapper .right {
  float: right; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\00003107}}
.distanz .stage .distanz-wrapper .left {
  float: left; }

@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\00003114}}
.statistic {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  height: 12px;
  padding: 2px;
  margin: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/c\.bruchwald\/workspace\/learnings\/scss\/_quiz\.scss}line{font-family:\00003122}}
.statistic span {
  display: block;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '$base-color', endColorstr = '$light-color');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '$base-color', endColorstr = '$light-color')";
  background-image: -moz-linear-gradient(left, #2460a5, #3890f4);
  background-image: -ms-linear-gradient(left, #2460a5, #3890f4);
  background-image: -o-linear-gradient(left, #2460a5, #3890f4);
  background-image: -webkit-gradient(linear, left top, right top, from(#2460a5), to(#3890f4));
  background-image: -webkit-linear-gradient(left, #2460a5, #3890f4);
  background-image: linear-gradient(left, #2460a5, #3890f4); }