/* line 20, web/scss/screen.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 26, web/scss/screen.scss */
html {
  background: #fff;
  font-size: 100%; }
  @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
    /* line 26, web/scss/screen.scss */
    html {
      font-size: 110%; } }
  @media only screen and (min-width:1200px) {
    /* line 26, web/scss/screen.scss */
    html {
      font-size: 120%; } }
/* line 38, web/scss/screen.scss */
body {
  font-size: 1rem;
  font-family: "Trebuchet MS", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 150%;
  background: #fff; }

@media only screen and (min-width:1200px) {
  /* line 48, web/scss/screen.scss */
  html, body {
    background: #fafafa; } }

/* line 53, web/scss/screen.scss */
.row {
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width:1200px) {
    /* line 53, web/scss/screen.scss */
    .row {
      max-width: 50rem; } }
/* line 62, web/scss/screen.scss */
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 9.12rem;
  z-index: 1000; }
  @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
    /* line 62, web/scss/screen.scss */
    header {
      height: 13.68rem; } }
  @media only screen and (min-width:1200px) {
    /* line 62, web/scss/screen.scss */
    header {
      position: relative;
      z-index: 9000;
      height: 15.96rem; } }
  /* line 80, web/scss/screen.scss */
  header .logo {
    background: #ededed;
    padding: 0.6rem 1rem; }
    @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
      /* line 80, web/scss/screen.scss */
      header .logo {
        padding: 3rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; } }
    @media only screen and (min-width:1200px) {
      /* line 80, web/scss/screen.scss */
      header .logo {
        padding: 5rem;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem; } }
  /* line 96, web/scss/screen.scss */
  header img {
    height: 3.5rem; }
    @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
      /* line 96, web/scss/screen.scss */
      header img {
        height: 5.25rem; } }
    @media only screen and (min-width:1200px) {
      /* line 96, web/scss/screen.scss */
      header img {
        height: 6.125rem; } }
  /* line 106, web/scss/screen.scss */
  header a {
    display: block; }
  /* line 111, web/scss/screen.scss */
  header h1 {
    line-height: 120%;
    font-weight: normal;
    margin: 0;
    padding: 1rem;
    font-size: 1.35rem;
    color: #d20a11;
    background: #fff; }
    @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
      /* line 111, web/scss/screen.scss */
      header h1 {
        padding: 3rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 2.025rem; } }
    @media only screen and (min-width:1200px) {
      /* line 111, web/scss/screen.scss */
      header h1 {
        padding: 5rem;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
        font-size: 2.3625rem; } }
/* line 135, web/scss/screen.scss */
section#content,
section#flash {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff; }

/* line 146, web/scss/screen.scss */
section#content {
  top: 9.12rem; }
  @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
    /* line 146, web/scss/screen.scss */
    section#content {
      top: 13.68rem; } }
  @media only screen and (min-width:1200px) {
    /* line 146, web/scss/screen.scss */
    section#content {
      position: relative;
      top: auto; } }
  @media only screen and (min-width:1200px) {
    /* line 146, web/scss/screen.scss */
    section#content {
      left: 50%;
      right: auto;
      width: 50rem;
      margin-left: -25rem;
      height: 100%;
      max-height: aurem;
      background: #fff; } }
/* line 170, web/scss/screen.scss */
section#flash {
  z-index: 9000;
  background: #fff;
  padding: 20px;
  text-align: center; }
  /* line 176, web/scss/screen.scss */
  section#flash h1 {
    line-height: 1.25;
    margin: 1.5rem 0;
    padding: 0;
    font-size: 2.125rem;
    font-weight: normal;
    color: #d20a11; }
  /* line 185, web/scss/screen.scss */
  section#flash img {
    max-width: 100%;
    height: auto; }
    /* line 189, web/scss/screen.scss */
    section#flash img.salzburgwohntbesser {
      float: left;
      width: 25%; }
    /* line 193, web/scss/screen.scss */
    section#flash img.landsalzburg {
      width: 67%;
      max-width: 300px; }
  /* line 200, web/scss/screen.scss */
  section#flash p {
    margin: 2rem 0 2rem 0;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.25; }
    /* line 206, web/scss/screen.scss */
    section#flash p.logos {
      position: absolute;
      bottom: 0;
      left: 1rem;
      right: 1rem;
      text-align: center; }
      @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
        /* line 206, web/scss/screen.scss */
        section#flash p.logos {
          bottom: 5rem;
          left: 5rem;
          right: 5rem; } }
      @media only screen and (min-width:1200px) {
        /* line 206, web/scss/screen.scss */
        section#flash p.logos {
          bottom: 5rem;
          left: 15rem;
          right: 15rem; } }
/* line 227, web/scss/screen.scss */
h2 {
  margin: 0 0 1rem 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 120%; }

/* line 235, web/scss/screen.scss */
h3 {
  margin: 0 0 1rem 0;
  padding: 0; }

/* line 240, web/scss/screen.scss */
a {
  color: #d20a11; }

/* line 244, web/scss/screen.scss */
p.warning {
  background: #fff17c;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0.5rem 1rem; }
  @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
    /* line 244, web/scss/screen.scss */
    p.warning {
      margin: 1rem -3rem;
      padding: 1.5rem 3rem; } }
  @media only screen and (min-width:1200px) {
    /* line 244, web/scss/screen.scss */
    p.warning {
      margin: 2rem -5rem;
      padding: 2rem 5rem; } }
/* line 260, web/scss/screen.scss */
p.version {
  color: #ccc;
  font-size: 0.75rem; }

/* line 265, web/scss/screen.scss */
a.button,
input[type=submit] {
  display: block;
  background: #d20a11;
  color: #fff;
  border: none;
  padding: 0.75rem 1rem;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #d20a11;
  font-size: 1rem; }
  /* line 277, web/scss/screen.scss */
  a.button.disabled,
  input[type=submit].disabled {
    background: #fff;
    color: #d20a11;
    cursor: default;
    opacity: 0.25; }
  /* line 284, web/scss/screen.scss */
  a.button.warning,
  input[type=submit].warning {
    background: #fff17c;
    border-color: #fff17c;
    color: #000; }

/* line 291, web/scss/screen.scss */
hr {
  border: 0;
  margin: 2rem 0;
  padding: 0;
  border-top: 1px solid #eee; }

/* line 299, web/scss/screen.scss */
article {
  position: relative;
  padding: 1rem;
  overflow: visible;
  height: 100%; }
  @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
    /* line 299, web/scss/screen.scss */
    article {
      padding: 0.5rem 3rem 5rem 3rem; } }
  @media only screen and (min-width:1200px) {
    /* line 299, web/scss/screen.scss */
    article {
      padding: 0.5rem 5rem 8rem 5rem; } }
  /* line 312, web/scss/screen.scss */
  article form {
    height: 100%; }
  /* line 317, web/scss/screen.scss */
  article nav .prev,
  article nav .next {
    position: absolute;
    bottom: 1rem;
    padding: 0.3rem 0.75rem; }
    @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
      /* line 317, web/scss/screen.scss */
      article nav .prev,
      article nav .next {
        padding: 0.5rem 1rem;
        bottom: 3rem; } }
    @media only screen and (min-width:1200px) {
      /* line 317, web/scss/screen.scss */
      article nav .prev,
      article nav .next {
        padding: 0.5rem 1rem;
        bottom: 3rem; } }
  /* line 332, web/scss/screen.scss */
  article nav .prev {
    left: 1rem; }
    @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
      /* line 332, web/scss/screen.scss */
      article nav .prev {
        left: 3rem; } }
    @media only screen and (min-width:1200px) {
      /* line 332, web/scss/screen.scss */
      article nav .prev {
        left: 5rem; } }
  /* line 341, web/scss/screen.scss */
  article nav .next {
    right: 1rem; }
    @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
      /* line 341, web/scss/screen.scss */
      article nav .next {
        right: 3rem; } }
    @media only screen and (min-width:1200px) {
      /* line 341, web/scss/screen.scss */
      article nav .next {
        right: 5rem; } }
  /* line 354, web/scss/screen.scss */
  article .navigation {
    position: absolute;
    bottom: 1.5rem;
    left: 4rem;
    right: 4rem;
    text-align: center;
    height: 1rem;
    border: 1px solid #d20a11; }
    @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
      /* line 354, web/scss/screen.scss */
      article .navigation {
        left: 7rem;
        right: 7rem;
        bottom: 3.75rem; } }
    @media only screen and (min-width:1200px) {
      /* line 354, web/scss/screen.scss */
      article .navigation {
        left: 10rem;
        right: 10rem;
        bottom: 3.75rem; } }
    /* line 375, web/scss/screen.scss */
    article .navigation div {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      background: #d20a11;
      width: 0%; }
    /* line 384, web/scss/screen.scss */
    article .navigation span {
      font-size: 0.75rem;
      position: absolute;
      top: -1rem;
      line-height: 1;
      color: #999;
      left: 50%;
      width: 100px;
      margin-left: -50px;
      text-align: center; }
    /* line 396, web/scss/screen.scss */
    article .navigation a {
      display: inline-block;
      line-height: 1;
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 100%;
      background: #ccc;
      text-indent: -9999px;
      margin: 0 1px; }
      /* line 405, web/scss/screen.scss */
      article .navigation a:hover {
        background: #999; }
      /* line 408, web/scss/screen.scss */
      article .navigation a.active {
        background: #d20a11; }
  /* line 414, web/scss/screen.scss */
  article .error {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0.5rem 0.75rem;
    background: #fff200;
    font-size: 0.75rem;
    margin-top: 1.5rem; }
    /* line 423, web/scss/screen.scss */
    article .error:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 0.75rem 0.75rem;
      border-color: #fff200 transparent;
      display: block;
      width: 0;
      z-index: 1;
      top: -0.7rem;
      left: 0; }
  /* line 437, web/scss/screen.scss */
  article img {
    max-width: 100%;
    height: auto; }

/* line 444, web/scss/screen.scss */
.question-group {
  width: 100%;
  height: 100%; }

/* line 448, web/scss/screen.scss */
.question {
  clear: both;
  overflow: visible;
  position: absolute;
  left: 1rem;
  right: 1rem; }
  @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
    /* line 448, web/scss/screen.scss */
    .question {
      left: 3rem;
      right: 3rem; } }
  @media only screen and (min-width:1200px) {
    /* line 448, web/scss/screen.scss */
    .question {
      position: relative;
      left: 0;
      right: 0;
      margin-bottom: 5rem; } }
  /* line 466, web/scss/screen.scss */
  .question label {
    display: block;
    padding: 0 0 0.5rem 0; }
    /* line 470, web/scss/screen.scss */
    .question label.radio {
      cursor: pointer;
      padding: 0.5rem 1rem 0.5rem 3rem;
      background: 1rem 0.4rem no-repeat transparent;
      background-image: url("../images/radio.svg");
      background-size: 22px 22px;
      margin-left: -1rem;
      margin-right: -1rem; }
      /* line 479, web/scss/screen.scss */
      .question label.radio:hover {
        background-color: white; }
      /* line 483, web/scss/screen.scss */
      .question label.radio.checked {
        background-color: #fafafa;
        background-image: url("../images/radio-checked.svg"); }
      /* line 488, web/scss/screen.scss */
      .question label.radio input {
        visibility: hidden;
        position: absolute; }
      /* line 493, web/scss/screen.scss */
      .question label.radio small {
        display: block;
        font-size: 0.9rem;
        color: #666; }
  /* line 501, web/scss/screen.scss */
  .question input[type=text],
  .question input[type=number],
  .question input[type=search] {
    width: 100%;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    background: #ededed;
    border: 0 none;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
    padding: 0.75rem;
    height: 2.7rem;
    box-shadow: none; }
    /* line 516, web/scss/screen.scss */
    .question input[type=text]:focus,
    .question input[type=number]:focus,
    .question input[type=search]:focus {
      outline: none;
      box-shadow: 0 0 5px 1px #d20a11; }
  /* line 521, web/scss/screen.scss */
  .question input[type=search] {
    border-radius: 1.5rem; }
  /* line 525, web/scss/screen.scss */
  .question input + label,
  .question .append + label,
  .question label.radio + label:not(.radio) {
    margin-top: 2rem; }
  /* line 531, web/scss/screen.scss */
  .question p {
    font-size: 0.9rem;
    color: #666;
    line-height: 130%;
    margin: 1rem 0 0 0; }
  /* line 538, web/scss/screen.scss */
  .question .append {
    position: relative;
    height: 2.75rem; }
    /* line 541, web/scss/screen.scss */
    .question .append input[type=text],
    .question .append input[type=number] {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    /* line 549, web/scss/screen.scss */
    .question .append span {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      display: block;
      color: rgba(0, 0, 0, 0.5);
      text-align: center;
      padding: 0.75rem;
      line-height: 1.2; }
  /* line 562, web/scss/screen.scss */
  .question .search {
    margin-bottom: 2rem; }
  /* line 566, web/scss/screen.scss */
  .question .scrollable {
    position: absolute;
    left: -1rem;
    right: -1rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1rem;
    height: 230px; }
    @media only screen and (min-width:1200px) {
      /* line 566, web/scss/screen.scss */
      .question .scrollable {
        position: inherit;
        left: auto;
        right: auto;
        height: 400px; } }
/* line 584, web/scss/screen.scss */
div.popover {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  z-index: 9000;
  padding: 1rem;
  width: 100%;
  top: 5.5rem; }
  @media only screen and (min-width:768px) and (min-device-width:768px) and (min-device-height:1024px) {
    /* line 584, web/scss/screen.scss */
    div.popover {
      top: 8.25rem;
      padding: 3rem; } }
  @media only screen and (min-width:1200px) {
    /* line 584, web/scss/screen.scss */
    div.popover {
      top: 9.625rem;
      padding: 5rem;
      left: 50%;
      right: auto;
      bottom: auto;
      width: 50rem;
      margin-left: -25rem;
      height: 100%;
      min-height: 28rem;
      overflow-y: auto; } }
  /* line 614, web/scss/screen.scss */
  div.popover ol, div.popover ul {
    margin: 0;
    padding: 0 0 1rem 1rem; }
    /* line 617, web/scss/screen.scss */
    div.popover ol li, div.popover ul li {
      margin-top: 0.25rem; }
      /* line 619, web/scss/screen.scss */
      div.popover ol li:first-child, div.popover ul li:first-child {
        margin-top: 0; }
    /* line 624, web/scss/screen.scss */
    div.popover ol ol, div.popover ul ol {
      list-style-type: lower-latin; }
  /* line 630, web/scss/screen.scss */
  div.popover a.button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    text-align: left;
    border-top: 1rem solid #fff; }
    @media only screen and (min-width:1200px) {
      /* line 630, web/scss/screen.scss */
      div.popover a.button {
        bottom: auto;
        border-top: 0 none;
        margin-bottom: 3rem;
        display: block;
        left: 50%;
        right: auto;
        width: 50rem;
        margin-left: -25rem; } }
/* line 652, web/scss/screen.scss */
#intro a.button,
.question a.button {
  display: block;
  background-image: url("../images/arrow.png");
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-size: 10px auto; }

/* line 662, web/scss/screen.scss */
table {
  width: 100%;
  padding: 0;
  margin: 0 0 1rem 0;
  border-collapse: collapse; }
  /* line 670, web/scss/screen.scss */
  table thead tr th {
    padding: 3px 10px;
    font-weight: normal;
    text-align: right;
    font-size: 0.9rem;
    color: #666;
    background: #efefef;
    vertical-align: top; }
    /* line 679, web/scss/screen.scss */
    table thead tr th:first-child {
      text-align: left; }
  /* line 688, web/scss/screen.scss */
  table tbody tr td {
    padding: 1px 10px;
    border-bottom: 1px solid #ccc;
    text-align: right;
    vertical-align: top; }
    /* line 694, web/scss/screen.scss */
    table tbody tr td:first-child {
      text-align: left; }

/*# sourceMappingURL=screen.min.css.map */