@font-face {
  font-family: 'signika';
  src: url("signika-light-webfont.svg#signikaregular") format("svg");
  src: url("signika-light-webfont.woff2") format("woff2"), url("signika-light-webfont.woff") format("woff"), url("signika-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'signika';
  src: url("signika-regular-webfont.svg#signikaregular") format("svg");
  src: url("signika-regular-webfont.woff2") format("woff2"), url("signika-regular-webfont.woff") format("woff"), url("signika-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 55, sass/_base.scss */
html {
  color: #000;
  background: #FFF;
}

/* line 55, sass/_base.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* line 55, sass/_base.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 55, sass/_base.scss */
fieldset, img {
  border: 0;
}

/* line 55, sass/_base.scss */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* line 55, sass/_base.scss */
ol, ul {
  list-style: none;
}

/* line 55, sass/_base.scss */
caption, th {
  text-align: left;
}

/* line 55, sass/_base.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 55, sass/_base.scss */
q:before, q:after {
  content: '';
}

/* line 55, sass/_base.scss */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* line 55, sass/_base.scss */
sup {
  vertical-align: text-top;
}

/* line 55, sass/_base.scss */
sub {
  vertical-align: text-bottom;
}

/* line 55, sass/_base.scss */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

/* line 55, sass/_base.scss */
legend {
  color: #000;
}

/* line 55, sass/_base.scss */
#yui3-css-stamp.cssreset {
  display: none;
}

/* line 60, sass/_base.scss */
html.gecko {
  font-size: 15px;
}

/* line 64, sass/_base.scss */
body {
  height: 100%;
  position: absolute;
  width: 100%;
  background-color: #000000;
  -webkit-transition: background-color 0ms linear;
  transition: background-color 0ms linear;
  margin: 0;
}
/* line 77, sass/_base.scss */
body.click {
  -webkit-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  background-color: #a9bde2;
}
/* line 79, sass/_base.scss */
body.click #impress {
  color: #000000;
}
/* line 87, sass/_base.scss */
body.click #impress a:link, body.click #impress a:visited {
  color: #000000;
}
/* line 100, sass/_base.scss */
body.click #manschgerl svg path, body.click #manschgerl svg polygon, body.click #schriftzug svg path, body.click #schriftzug svg polygon {
  fill: #000000;
}
/* line 102, sass/_base.scss */
body.click #manschgerl svg path#outer, body.click #manschgerl svg polygon#outer, body.click #schriftzug svg path#outer, body.click #schriftzug svg polygon#outer {
  fill: #F6B926;
}

/* line 113, sass/_base.scss */
#manschgerl, #schriftzug, #impress {
  position: fixed;
}
/* line 115, sass/_base.scss */
#manschgerl svg, #schriftzug svg, #impress svg {
  width: 100%;
  height: 100%;
}
/* line 118, sass/_base.scss */
#manschgerl svg path, #manschgerl svg polygon, #schriftzug svg path, #schriftzug svg polygon, #impress svg path, #impress svg polygon {
  fill: #666666;
  -webkit-transition: fill 0s ease;
  transition: fill 0s ease;
}
/* line 121, sass/_base.scss */
#manschgerl svg path#outer, #manschgerl svg polygon#outer, #schriftzug svg path#outer, #schriftzug svg polygon#outer, #impress svg path#outer, #impress svg polygon#outer {
  fill: #838282;
}
/* line 128, sass/_base.scss */
#manschgerl.siteentered svg path, #manschgerl.siteentered svg polygon, #schriftzug.siteentered svg path, #schriftzug.siteentered svg polygon, #impress.siteentered svg path, #impress.siteentered svg polygon {
  -webkit-transition: fill 4s ease;
  transition: fill 4s ease;
}

/* line 137, sass/_base.scss */
#manschgerl {
  width: 30vw;
  height: 30vw;
}
/* line 140, sass/_base.scss */
#manschgerl.siteentered {
  bottom: calc( 20vh - 10% );
  left: 10%;
}

/* line 149, sass/_base.scss */
#schriftzug {
  width: 40vw;
  height: 20vw;
}
/* line 153, sass/_base.scss */
#schriftzug.siteentered {
  cursor: pointer;
  bottom: calc( 20vh - 10% );
  left: calc( 100vw - 20vw - 10% );
}

/* line 162, sass/_base.scss */
#impress {
  font-family: 'signika';
  left: calc( 50% - 10vw );
  top: calc( 50% - 20vh );
  overflow-y: scroll;
  max-height: calc( 50% + 15vh );
  width: 210px;
  -webkit-transition: opacity 2s ease, transform 1.5s ease;
  transition: opacity 2s ease, transform 1.5s ease;
  opacity: 0;
  -moz-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  color: #999999;
  padding-right: 10px;
}
/* line 176, sass/_base.scss */
#impress p {
  margin: 0;
}
/* line 180, sass/_base.scss */
#impress.click {
  opacity: 1;
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
/* line 189, sass/_base.scss */
#impress a:link, #impress a:visited {
  color: #999999;
}
/* line 194, sass/_base.scss */
#impress #lnkMail {
  font-family: 'signika';
  unicode-bidi: bidi-override;
  direction: rtl;
}

/* line 204, sass/_base.scss */
.textstil1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;
  font-style: oblique;
}

/* line 210, sass/_base.scss */
a {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;
  text-decoration: none;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /* line 3, sass/_481up.scss */
  #manschgerl {
    width: 130px;
    height: 130px;
  }

  /* line 14, sass/_481up.scss */
  #schriftzug {
    width: 170px;
    height: 84px;
  }
  /* line 17, sass/_481up.scss */
  #schriftzug.siteentered {
    left: calc( 100vw - 170px - 10% );
  }
}