/*
 *  COLORS
 */
/*
 *  DIMENSIONS
 */
/*
 *  FONT SIZES
 */
/*
 *  FONTS
 */
@font-face {
  font-family: 'Raspoutine Classic';
  src: url("../fonts/RaspoutineClassic_TB.otf");
}
@font-face {
  font-family: 'Raspoutine Medium';
  src: url("../fonts/RaspoutineMedium_TB.otf");
}
@font-face {
  font-family: 'Roboto Light';
  src: url("../fonts/Roboto-Light-webfont.eot");
  src: url("../fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto-Light-webfont.svg#RobotoLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Thin';
  src: url("../fonts/Roboto-Thin-webfont.eot");
  src: url("../fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/Roboto-Thin-webfont.ttf") format("truetype"), url("../fonts/Roboto-Thin-webfont.svg#RobotoLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular-webfont.eot");
  src: url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.svg#RobotoRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Italic-webfont.eot");
  src: url("../fonts/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Italic-webfont.svg#RobotoItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold-webfont.eot");
  src: url("../fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto-Bold-webfont.svg#RobotoBold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-BoldItalic-webfont.eot");
  src: url("../fonts/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Bold';
  src: url("../fonts/Roboto-BoldCondensed-webfont.eot");
  src: url("../fonts/Roboto-BoldCondensed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BoldCondensed-webfont.woff") format("woff"), url("../fonts/Roboto-BoldCondensed-webfont.ttf") format("truetype"), url("../fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed") format("svg");
}
/* line 1, ../sass/animation.scss */
.l1, .l2, .l3, .l4 {
  position: absolute;
  background: transparent;
  width: 0px;
  height: 0px;
  -moz-animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 13, ../sass/animation.scss */
.l1, .l3 {
  height: 100px;
  width: 4px;
  -moz-animation-name: vertical-border;
  -webkit-animation-name: vertical-border;
  animation-name: vertical-border;
}

/* line 19, ../sass/animation.scss */
.l2, .l4 {
  width: 600px;
  height: 4px;
  -moz-animation-name: horizontal-border;
  -webkit-animation-name: horizontal-border;
  animation-name: horizontal-border;
}

/* line 25, ../sass/animation.scss */
.l1 {
  left: 0;
  bottom: 0;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/* line 31, ../sass/animation.scss */
.l2 {
  top: 0;
  left: 0;
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* line 37, ../sass/animation.scss */
.l3 {
  right: 0;
  top: 0;
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

/* line 43, ../sass/animation.scss */
.l4 {
  bottom: 0;
  right: 0;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

@-moz-keyframes vertical-border {
  0% {
    height: 0;
    background: #fff;
  }
  100% {
    height: 100%;
    background: #fff;
  }
}
@-webkit-keyframes vertical-border {
  0% {
    height: 0;
    background: #fff;
  }
  100% {
    height: 100%;
    background: #fff;
  }
}
@keyframes vertical-border {
  0% {
    height: 0;
    background: #fff;
  }
  100% {
    height: 100%;
    background: #fff;
  }
}
@-moz-keyframes horizontal-border {
  0% {
    width: 0;
    background: #fff;
  }
  100% {
    width: 100%;
    background: #fff;
  }
}
@-webkit-keyframes horizontal-border {
  0% {
    width: 0;
    background: #fff;
  }
  100% {
    width: 100%;
    background: #fff;
  }
}
@keyframes horizontal-border {
  0% {
    width: 0;
    background: #fff;
  }
  100% {
    width: 100%;
    background: #fff;
  }
}
@media screen and (max-width: 992px) {
  /* line 60, ../sass/animation.scss */
  .l1, .l3 {
    height: 85px;
  }

  /* line 63, ../sass/animation.scss */
  .l2, .l4 {
    width: 450px;
  }
}
@media screen and (max-width: 768px) {
  /* line 69, ../sass/animation.scss */
  .l1, .l3 {
    height: 65px;
  }

  /* line 72, ../sass/animation.scss */
  .l2, .l4 {
    width: 350px;
  }
}
/* line 9, ../sass/style.scss */
html, body {
  height: 100%;
}

/* line 13, ../sass/style.scss */
body {
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', 'Helvetica Neue', Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  font-size: 14px;
}

/* line 23, ../sass/style.scss */
.clear {
  clear: both;
}

/* line 27, ../sass/style.scss */
img {
  border: 0;
}

/* line 31, ../sass/style.scss */
a {
  text-decoration: none;
  color: #eeeeee;
}
/* line 34, ../sass/style.scss */
a:visited, a:active {
  text-decoration: none;
}
/* line 37, ../sass/style.scss */
a:hover {
  color: #d35f5f;
}

/* line 42, ../sass/style.scss */
h1, h2, h3 {
  color: #333;
  font-family: 'Roboto Light';
  font-weight: normal;
}

/* line 48, ../sass/style.scss */
h1.website-title {
  font-family: 'Roboto Bold';
  letter-spacing: 0.4em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 0px solid #ffffff;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  position: relative;
  font-size: 3em;
  width: 600px;
  height: 100px;
  line-height: 100px;
}
/* line 61, ../sass/style.scss */
h1.website-title a {
  color: #ffffff;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  -moz-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -70%, 0);
    transform: translate3d(0, -70%, 0);
  }
  60% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -70%, 0);
    transform: translate3d(0, -70%, 0);
  }
  60% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -70%, 0);
    -ms-transform: translate3d(0, -70%, 0);
    -webkit-transform: translate3d(0, -70%, 0);
    transform: translate3d(0, -70%, 0);
  }
  60% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 91, ../sass/style.scss */
.website-subtitle {
  font-family: 'Roboto Light';
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 2.3em;
  color: #eeeeee;
  white-space: nowrap;
}
/* line 98, ../sass/style.scss */
.website-subtitle .andsign {
  color: #dddddd;
  font-size: 0.8em;
}

/* line 104, ../sass/style.scss */
#header {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxMzkzOSIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTM5MzkiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url("../images/DSC08973.jpg");
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(241, 57, 57, 0.1)), color-stop(100%, rgba(241, 57, 57, 0.3))), url("../images/DSC08973.jpg");
  background: -moz-linear-gradient(top, rgba(241, 57, 57, 0.1), rgba(241, 57, 57, 0.3)), url("../images/DSC08973.jpg");
  background: -webkit-linear-gradient(top, rgba(241, 57, 57, 0.1), rgba(241, 57, 57, 0.3)), url("../images/DSC08973.jpg");
  background: linear-gradient(to bottom right, rgba(241, 57, 57, 0.1), rgba(241, 57, 57, 0.3)), url("../images/DSC08973.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 0% 15%;
  height: 100%;
  width: 100%;
  display: inline-table;
}
/* line 113, ../sass/style.scss */
#header #header-inner {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

/* line 120, ../sass/style.scss */
#content {
  padding-bottom: 0px;
}

/* line 125, ../sass/style.scss */
#content.home #content-inside {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  /*background: url('images/resize/IMG_4447.jpeg') no-repeat center -100px;*/
}

/* line 139, ../sass/style.scss */
#social-stripe {
  margin: 0px;
}
/* line 141, ../sass/style.scss */
#social-stripe #social-stripe-inner {
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
}
/* line 146, ../sass/style.scss */
#social-stripe #social-stripe-inner .social-item {
  -webkit-flex: 1;
  flex: 1;
  min-width: 11.11%;
  height: 100px;
  border-radius: 0%;
  position: relative;
  cursor: default;
  margin: 0px;
  -moz-perspective: 900px;
  -webkit-perspective: 900px;
  perspective: 900px;
}
/* line 155, ../sass/style.scss */
#social-stripe #social-stripe-inner .social-item:hover a.social-normal {
  -moz-transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg);
  -webkit-transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg);
  opacity: 0;
}
/* line 159, ../sass/style.scss */
#social-stripe #social-stripe-inner .social-item:hover a.social-hover {
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1;
}
/* line 163, ../sass/style.scss */
#social-stripe #social-stripe-inner .social-item .social-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 169, ../sass/style.scss */
#social-stripe #social-stripe-inner .social-item a.social-normal {
  background: #fff;
}

/* line 176, ../sass/style.scss */
.social-icon > a {
  border: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0px;
  border-radius: 0%;
  background-position: center center;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
/* line 187, ../sass/style.scss */
.social-icon > a img {
  padding-top: 26px;
}

/* line 192, ../sass/style.scss */
.social-icon .social-hover {
  -moz-transform: translate3d(0, 0, -100px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -100px) rotate3d(1, 0, 0, 90deg);
  -webkit-transform: translate3d(0, 0, -100px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -100px) rotate3d(1, 0, 0, 90deg);
  background: #000;
  opacity: 0;
}

/* line 198, ../sass/style.scss */
#footer {
  background: #333;
  text-align: center;
  width: 100%;
  padding: 50px 0;
  clear: both;
  position: relative;
  z-index: 10;
}
/* line 206, ../sass/style.scss */
#footer ul {
  list-style: none;
}
/* line 209, ../sass/style.scss */
#footer a {
  color: #ccc;
}
/* line 211, ../sass/style.scss */
#footer a:hover {
  color: #d35f5f;
}
/* line 215, ../sass/style.scss */
#footer p {
  padding: 20px 0;
}
/* line 218, ../sass/style.scss */
#footer #contactme {
  padding: 10px 20px;
  margin-bottom: 20px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0);
  border: 2px solid #fff;
  font-size: 1.2em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-style: bold;
  font-family: 'Roboto Bold';
  display: inline-block;
}
/* line 230, ../sass/style.scss */
#footer #contactme:hover {
  border-color: #d35f5f;
  color: #d35f5f;
}

/* line 237, ../sass/style.scss */
#wrapper {
  width: 100%;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

/* line 245, ../sass/style.scss */
h3 {
  font-size: 1.4em;
  margin-top: 2.5em;
  font-family: 'Roboto';
}

/* line 253, ../sass/style.scss */
ul.social {
  list-style: none;
  padding: 0;
}
/* line 256, ../sass/style.scss */
ul.social li {
  list-style: none;
  padding: 0;
}

/* line 263, ../sass/style.scss */
p {
  margin-top: 1em;
  font-size: 1em;
  font-family: Roboto;
  line-height: 1.65em;
}

/* line 270, ../sass/style.scss */
#content-inside ul {
  margin-top: 1em;
  font-size: 1em;
  font-family: Roboto;
  line-height: 1.65em;
}
/* line 275, ../sass/style.scss */
#content-inside ul li {
  margin-top: 10px;
}

/* line 280, ../sass/style.scss */
p img {
  margin: 10px;
}

/* line 284, ../sass/style.scss */
p.imprint {
  line-height: 1.5em;
}

/* line 288, ../sass/style.scss */
::selection, ::-moz-selection {
  background: #d35f5f;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  /* line 296, ../sass/style.scss */
  #social-stripe #social-stripe-inner {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  /* line 305, ../sass/style.scss */
  h1.website-title {
    font-size: 2.3em;
    width: 450px;
    height: 85px;
    line-height: 85px;
  }

  /* line 312, ../sass/style.scss */
  .website-subtitle {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 768px) {
  /* line 324, ../sass/style.scss */
  #social-stripe #social-stripe-inner .social-item {
    min-width: 33.33%;
  }

  /* line 328, ../sass/style.scss */
  h1.website-title {
    font-size: 1.7em;
    width: 350px;
    height: 65px;
    line-height: 65px;
  }

  /* line 335, ../sass/style.scss */
  .website-subtitle {
    font-size: 1.35em;
  }
}