html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

strong, b, mark {
  font-weight: bold;
  font-style: inherit; }

ul, ol {
  list-style-type: none; }

em, i, cite, q, address, dfn, var {
  font-style: italic;
  font-weight: inherit; }

abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted; }

ins {
  border-bottom: 1px solid; }

a, u, ins {
  text-decoration: none; }

del, s {
  text-decoration: line-through; }

pre, code, samp, kbd {
  font-family: monospace; }

small {
  font-size: 0.75em; }

img {
  border: none;
  font-style: italic; }

input, select, textarea {
  font: inherit; }

.clear {
  clear: left; }

* {
  margin: 0;
  padding: 0; }

body {
  background: #fff;
  height: 100%; }

img {
  border: none; }

#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  text-indent: -999em; }

#supersized {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: -999;
  height: 100%;
  width: 100%; }

#supersized img {
  width: auto;
  height: auto;
  position: relative;
  outline: none;
  border: none; }

#supersized a {
  z-index: -30;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: block; }

#supersized a.image-loading {
  background: #fff;
  width: 100%;
  height: 100%; }

@media (max-width: 959px) {
  #nav {
    position: absolute; }
    #nav .separator {
      display: none; }
    #nav p strong {
      display: block;
      margin: 0; }
    #nav p {
      padding: 0 20px;
      text-align: right;
      box-sizing: border-box; }
    #nav nav {
      height: 0; } }

@media (min-width: 960px) {
  #menuToggle input {
    display: none; } }
@media (max-width: 959px) {
  #menuToggle {
    display: block;
    position: relative;
    top: -35px;
    left: 20px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none; }
    #menuToggle input {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0;
      /* hide this */
      z-index: 2;
      /* and place it over the hamburger */
      -webkit-touch-callout: none; }
    #menuToggle span {
      display: block;
      width: 33px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      background: #cdcdcd;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
      #menuToggle span:first-child {
        transform-origin: 0% 0%; }
      #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%; }
    #menuToggle input:checked ~ span {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      background: #232323; }
      #menuToggle input:checked ~ span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2); }
      #menuToggle input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px); } }

/*
 * Just a quick hamburger
 */
/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
/*
 * But let's hide the middle one.
 */
/*
 * Ohyeah and the last one should go the other direction
 */
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
@media (max-width: 959px) {
  #navigation {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    margin: 18px 0 0 -20px;
    padding: 20px;
    padding-top: 20px;
    background: #fff;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    border-bottom: 4px solid #000;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
    #navigation li {
      padding: 10px 0;
      font-size: 22px; } }

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul {
  transform: none; }

::-moz-selection {
  color: #fff;
  background: #000; }

::-webkit-selection {
  color: #fff;
  background: #000; }

::selection {
  color: #fff;
  background: #000; }

html {
  font-size: 62.5%;
  height: 100%;
  font-family: "Oswald", Sans, sans-serif;
  font-weight: 400; }

body {
  font-family: "Oswald", Sans, sans-serif;
  font-weight: 400;
  background: #fff; }

#nav {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 13px 0 15px 0;
  z-index: 1000;
  font-size: 15px;
  font-size: 1.5rem; }
  #nav a {
    color: #000;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    -webkit-transform: translateZ(0px); }
    #nav a:hover {
      color: gray; }
  #nav p {
    text-transform: uppercase; }
    @media (min-width: 960px) {
      #nav p {
        float: left;
        width: 260px; } }
    #nav p strong {
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: 700;
      text-transform: none;
      display: block; }
      @media (min-width: 960px) {
        #nav p strong {
          margin-right: 5px; } }
  #nav li {
    text-transform: uppercase; }
    @media (min-width: 960px) {
      #nav li {
        display: inline-block; } }
    #nav li.active a {
      font-weight: 700;
      text-transform: none; }
  @media (min-width: 960px) {
    #nav ul {
      text-align: right;
      position: relative;
      top: 16px;
      width: 700px;
      float: left; } }

.inner {
  margin: 0 auto;
  position: relative; }
  @media (min-width: 960px) {
    .inner {
      width: 960px; } }
  @media (max-width: 959px) {
    .inner {
      width: 100%; } }

#mainblock, #homeblock {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 22px;
  line-height: 2.2rem; }
  @media (max-width: 959px) {
    #mainblock .scrolling-table, #homeblock .scrolling-table {
      overflow: hidden;
      overflow-x: scroll; }
      #mainblock .scrolling-table table, #homeblock .scrolling-table table {
        min-width: 760px; } }
  @media (min-width: 960px) {
    #mainblock, #homeblock {
      width: 960px;
      margin: 90px auto 30px auto;
      padding: 15px 30px; } }
  @media (max-width: 959px) {
    #mainblock, #homeblock {
      width: 100%;
      box-sizing: border-box;
      margin: 76px auto 0 auto;
      padding: 10px 20px; } }
  #mainblock h1, #homeblock h1 {
    font-size: 80px;
    font-size: 8rem;
    line-height: 100px;
    line-height: 10rem; }
  #mainblock h2, #homeblock h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px;
    line-height: 5rem;
    margin-top: 40px;
    margin-bottom: 10px; }
    #mainblock h2:first-child, #homeblock h2:first-child {
      margin-top: 0; }
  #mainblock a, #homeblock a {
    color: #000;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    -webkit-transform: translateZ(0px);
    font-weight: 700; }
    #mainblock a:hover, #homeblock a:hover {
      color: gray; }
  #mainblock table, #homeblock table {
    width: 100%;
    margin: 10px 0 0 0; }
    #mainblock table:first-child td b, #homeblock table:first-child td b {
      text-transform: uppercase;
      font-weight: 700; }
  #mainblock tr, #homeblock tr {
    border-bottom: 1px solid #cccccc; }
    #mainblock tr:last-child, #homeblock tr:last-child {
      border-bottom: none; }
  #mainblock td, #homeblock td {
    vertical-align: top;
    padding: 4px 0; }
    @media (max-width: 959px) {
      #mainblock td, #homeblock td {
        padding: 4px 8px; } }
  #mainblock th, #homeblock th {
    font-weight: 700;
    text-align: left; }
    @media (max-width: 959px) {
      #mainblock th, #homeblock th {
        padding: 4px 8px; } }

#homeblock {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  z-index: 2; }
  #homeblock h1 {
    font-size: 80px;
    font-size: 8rem;
    line-height: 100px;
    line-height: 10rem; }
  #homeblock h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px;
    line-height: 5rem;
    margin: 11px 0; }
  #homeblock h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 11px 0 0 0; }
  #homeblock p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin-bottom: 11px; }
    #homeblock p:last-child, #homeblock p:only-child {
      margin-bottom: 0; }
  #homeblock a {
    color: #000;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    -webkit-transform: translateZ(0px);
    font-weight: 700; }
    #homeblock a:hover {
      color: gray; }
  @media (min-width: 960px) {
    #homeblock {
      width: 500px;
      position: absolute;
      bottom: 10%;
      left: 50%;
      padding: 15px 30px 30px 30px;
      margin-bottom: 0 !important;
      margin-left: -480px; } }
  @media (max-width: 959px) {
    #homeblock {
      width: 100%;
      box-sizing: border-box;
      padding: 15px 20px 20px 20px;
      position: absolute;
      bottom: 0;
      left: 0; } }
  @media (max-width: 959px) {
    #homeblock.kontakt {
      position: relative;
      top: 0;
      left: 0; } }

iframe {
  margin: 15px 0; }
  @media (max-width: 959px) {
    iframe {
      width: 100%;
      height: auto; } }

#fotos {
  border-top: 57px solid #fff;
  overflow: hidden;
  background: #000; }
  @media (max-width: 959px) {
    #fotos {
      margin-top: 21px; } }
  #fotos img {
    width: 25%;
    height: auto;
    display: block;
    float: left;
    opacity: 0.5; }
    #fotos img:hover {
      opacity: 1;
      -webkit-transition: opacity 0.2s linear;
      -moz-transition: opacity 0.2s linear;
      -o-transition: opacity 0.2s linear;
      -ms-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear;
      -webkit-transform: translateZ(0px); }

.teaser {
  padding: 15px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: black;
  width: 250px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 22px;
  line-height: 2.2rem; }
  @media (min-width: 960px) {
    .teaser {
      position: absolute;
      bottom: 10%;
      right: 0; } }
  @media (max-width: 959px) {
    .teaser {
      width: 100%;
      box-sizing: border-box;
      position: relative; }
      .teaser .csc-textpic {
        width: 100%;
        margin: 10px 0;
        overflow: hidden; } }
  .teaser a {
    color: #000;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    -webkit-transform: translateZ(0px);
    font-weight: 700; }
    .teaser a:hover {
      color: gray; }
  .teaser img {
    float: left;
    width: 65px;
    height: auto;
    margin: 0 15px 0 0; }

@media (min-width: 960px) {
  .insta-wrap {
    margin-top: 57px; } }
@media (max-width: 959px) {
  .insta-wrap {
    margin-top: 77px;
    background: #fff; } }

.pictures div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0; }
.pictures div.csc-textpic-imagewrap,
.pictures div.csc-textpic-imagecolumn {
  width: 100%; }

/*# sourceMappingURL=global.css.map */