/* This stylesheet generated by Transfonter (http://transfonter.org) on March 9, 2016 11:06 AM */
@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-Thin.eot");
  src: url("../assets/SevenOneEight-Thin.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-Thin.woff") format("woff"), url("../assets/SevenOneEight-Thin.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-Medium.eot");
  src: url("../assets/SevenOneEight-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-Medium.woff") format("woff"), url("../assets/SevenOneEight-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-DemiBold.eot");
  src: url("../assets/SevenOneEight-DemiBold.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-DemiBold.woff") format("woff"), url("../assets/SevenOneEight-DemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-Heavy.eot");
  src: url("../assets/SevenOneEight-Heavy.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-Heavy.woff") format("woff"), url("../assets/SevenOneEight-Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-Book.eot");
  src: url("../assets/SevenOneEight-Book.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-Book.woff") format("woff"), url("../assets/SevenOneEight-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-Ultra.eot");
  src: url("../assets/SevenOneEight-Ultra.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-Ultra.woff") format("woff"), url("../assets/SevenOneEight-Ultra.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-Light.eot");
  src: url("../assets/SevenOneEight-Light.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-Light.woff") format("woff"), url("../assets/SevenOneEight-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: '718';
  src: url("../assets/SevenOneEight-Bold.eot");
  src: url("../assets/SevenOneEight-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/SevenOneEight-Bold.woff") format("woff"), url("../assets/SevenOneEight-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 16, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 19, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
body {
  line-height: 1; }

/* line 22, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
ol, ul {
  list-style: none; }

/* line 25, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 29, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
blockquote:before, blockquote:after {
  content: '';
  content: none; }

/* line 34, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
q:before, q:after {
  content: '';
  content: none; }

/* line 38, /Users/marcushofer/Projects/produktshot landingpage/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 5, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* line 11, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
body, html {
  height: 100%; }
  @media (min-width: 320px) and (max-width: 1024px) {
    /* line 11, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    body, html {
      overflow: auto !important; } }

/* line 19, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
body {
  font-family: "718", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #595e64;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  @media (min-width: 768px) and (max-width: 1023px) {
    /* line 19, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    body {
      font-size: 14px; } }

/* line 33, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
h1, h2, h3, h4, h5, h6 {
  color: #161515; }

/* line 37, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
img {
  max-width: 100%; }

/* line 41, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
a {
  text-decoration: none; }

/* line 45, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
.resp-menu {
  background: rgba(235, 72, 75, 0.95);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: none; }
  /* line 55, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .resp-menu .close {
    position: absolute;
    right: 56px;
    top: 50px;
    height: 36px;
    width: 36px;
    background: url("../img/close_icon.svg") no-repeat center center;
    cursor: pointer; }
  /* line 65, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .resp-menu ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center; }
    /* line 75, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    .resp-menu ul li a {
      color: white;
      font-size: 36px;
      line-height: 72px;
      font-weight: 500;
      white-space: nowrap; }
      @media (min-width: 480px) and (max-width: 767px) {
        /* line 75, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        .resp-menu ul li a {
          font-size: 24px;
          line-height: 48px; } }
      @media (min-width: 320px) and (max-width: 479px) {
        /* line 75, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        .resp-menu ul li a {
          font-size: 18px;
          line-height: 36px; } }

/* line 96, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
.inner {
  max-width: 1205px;
  margin: 0 auto;
  position: relative; }
  @media (min-width: 1024px) and (max-width: 1280px) {
    /* line 96, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    .inner {
      padding: 50px; } }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 96, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    .inner {
      padding: 40px; } }

/* line 110, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
nav {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10; }
  /* line 121, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  nav .nav-menu {
    display: none; }
    @media (min-width: 320px) and (max-width: 1024px) {
      /* line 121, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      nav .nav-menu {
        display: block;
        float: right;
        font-size: 24px;
        font-weight: 700;
        color: #161515;
        margin-top: 8px;
        cursor: pointer;
        line-height: 36px; }
        /* line 134, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        nav .nav-menu span {
          font-size: 18px;
          position: relative;
          bottom: 2px;
          margin-left: 5px; } }
  /* line 144, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  nav.background {
    background: #f5f5f5; }
    /* line 147, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    nav.background > .inner {
      padding: 15px 0;
      transition: 0.5s ease all; }
      /* line 151, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      nav.background > .inner ul {
        margin-top: 15px;
        transition: 0.5s ease all; }
  /* line 158, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  nav > .inner {
    padding: 50px 0;
    transition: 0.5s ease all; }
    /* line 2, /Users/marcushofer/Projects/produktshot landingpage/css/_vars.scss */
    nav > .inner:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 1023px) and (max-width: 1280px) {
      /* line 158, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      nav > .inner {
        margin: 0 44px; } }
    @media (min-width: 320px) and (max-width: 1023px) {
      /* line 158, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      nav > .inner {
        margin: 0 40px; } }
  /* line 172, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  nav .logo {
    float: left; }
    /* line 175, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    nav .logo img {
      width: 282px;
      height: 50px;
      vertical-align: middle;
      margin-left: -9px; }
      @media (min-width: 320px) and (max-width: 479px) {
        /* line 175, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        nav .logo img {
          width: 200px;
          margin-left: -4px; } }
  /* line 188, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  nav ul {
    float: right;
    transition: 0.5s ease all; }
    /* line 2, /Users/marcushofer/Projects/produktshot landingpage/css/_vars.scss */
    nav ul:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 320px) and (max-width: 1024px) {
      /* line 188, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      nav ul {
        display: none; } }
    /* line 197, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    nav ul li {
      float: left; }
      /* line 200, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      nav ul li.btn {
        margin-left: 12px; }
        /* line 203, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        nav ul li.btn a {
          background: #eb484b;
          color: white; }
      /* line 209, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      nav ul li a {
        font-weight: 700;
        font-size: 15px;
        color: #2f3134;
        display: block;
        padding: 15px 16px 12px;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 1; }

/* line 224, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
.header {
  padding-top: 158px;
  background: #f5f5f5;
  position: relative;
  min-height: 740px; }
  /* line 230, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .header > .inner {
    max-width: 1280px;
    height: 582px;
    padding-top: 100px;
    padding-left: 40px;
    padding-right: 40px;
    background: url("../img/produktshot_studio.jpg") no-repeat right top;
    background-size: contain; }
    @media (min-width: 1024px) and (max-width: 1279px) {
      /* line 230, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header > .inner {
        background-size: 550px;
        background-position: right center; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      /* line 230, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header > .inner {
        padding-top: 160px;
        background-size: 450px;
        background-position: right center; } }
    @media (min-width: 320px) and (max-width: 767px) {
      /* line 230, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header > .inner {
        padding-top: 300px;
        background-size: 350px;
        background-position: top center; } }
  /* line 257, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .header > .scrolldown {
    height: 42px;
    width: 38px;
    position: absolute;
    left: 50%;
    margin-top: -21px;
    margin-left: -18px;
    background: url("../img/scroll_down.png") no-repeat; }
  /* line 267, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .header .caption {
    float: left; }
    @media (min-width: 758px) and (max-width: 1023px) {
      /* line 267, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header .caption {
        margin-right: -150px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      /* line 267, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header .caption {
        float: none; } }
  /* line 279, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .header h1 {
    font-size: 65px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1; }
    /* line 285, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    .header h1 span {
      color: #eb484b; }
    @media (min-width: 1024px) and (max-width: 1279px) {
      /* line 279, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header h1 {
        font-size: 48px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      /* line 279, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header h1 {
        font-size: 36px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      /* line 279, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header h1 {
        font-size: 36px;
        text-align: center; } }
  /* line 303, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .header p {
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 17px;
    margin: 10px 0 30px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      /* line 303, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header p {
        width: 65%; } }
    @media (min-width: 320px) and (max-width: 1279px) {
      /* line 303, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header p {
        font-size: 14px; } }
    @media (min-width: 320px) and (max-width: 767px) {
      /* line 303, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header p {
        text-align: center; } }
  /* line 324, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  .header .btn a {
    background: #eb484b;
    padding: 15px 30px 12px;
    font-size: 15px;
    font-weight: 800;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block; }
    @media (min-width: 1024px) and (max-width: 1279px) {
      /* line 324, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header .btn a {
        font-size: 12px; } }
    @media (min-width: 320px) and (max-width: 1023px) {
      /* line 324, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      .header .btn a {
        font-size: 12px; } }
  @media (min-width: 320px) and (max-width: 767px) {
    /* line 323, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    .header .btn {
      text-align: center; } }

/* line 351, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article.alternative {
  background: #f6f6f6; }

/* line 355, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article.nopadding {
  background: #f6f6f6; }
  /* line 358, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article.nopadding > .inner {
    padding: 0px 0 150px; }
    /* line 361, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article.nopadding > .inner h2 {
      padding: 90px 0 15px;
      font-size: 36px;
      text-transform: uppercase;
      font-weight: 800;
      max-width: 70%;
      margin: 0 auto;
      text-align: center; }
      @media (min-width: 320px) and (max-width: 1023px) {
        /* line 361, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        main article.nopadding > .inner h2 {
          font-size: 20px; } }

/* line 378, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article.smallpadding > .inner {
  padding: 90px 0 90px; }

/* line 383, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article > .inner {
  max-width: 1205px;
  margin: 0 auto;
  padding: 140px 0 300px; }
  @media (min-width: 1024px) and (max-width: 1279px) {
    /* line 383, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article > .inner {
      padding: 50px; } }
  @media (min-width: 640px) and (max-width: 1023px) {
    /* line 383, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article > .inner {
      padding: 60px 80px; } }
  @media (min-width: 320px) and (max-width: 640px) {
    /* line 383, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article > .inner {
      padding: 40px; } }

/* line 401, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .cd-product-viewer-handle {
  position: relative;
  z-index: 2;
  width: 60%;
  max-width: 400px;
  height: 4px;
  background: #4d4d4d;
  margin: 0 auto; }
  /* line 410, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article .cd-product-viewer-handle p {
    width: auto;
    padding: 3em 0 0 0;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #999; }
  /* line 420, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article .cd-product-viewer-handle .fill {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #eb484b;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.5s; }
  /* line 433, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article .cd-product-viewer-handle .handle {
    position: absolute;
    z-index: 2;
    display: inline-block;
    height: 32px;
    width: 32px;
    left: 0;
    top: -14px;
    background: #eb484b url(../img/cd-arrows.svg) no-repeat center center;
    border-radius: 50%;
    background-size: 50%;
    transform: translateX(-50%) scale(0);
    text-indent: -9999999px; }

/* line 450, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .loaded .cd-product-viewer-handle {
  margin: 0 auto; }
  /* line 453, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article .loaded .cd-product-viewer-handle .fill {
    opacity: 0; }
  /* line 456, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article .loaded .cd-product-viewer-handle .handle {
    transform: translateX(-50%) scale(1);
    animation: cd-bounce 0.3s 0.3s;
    animation-fill-mode: both; }

@keyframes cd-bounce {
  0% {
    transform: translateX(-50%) scale(0); }
  60% {
    transform: translateX(-50%) scale(1.1); }
  100% {
    transform: translateX(-50%) scale(1); } }

/* line 477, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .cd-product-viewer-wrapper .product-viewer {
  position: relative;
  overflow: hidden;
  margin: 0;
  cursor: col-resize; }
  /* line 483, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article .cd-product-viewer-wrapper .product-viewer:before, main article .cd-product-viewer-wrapper .product-viewer:after {
    content: none; }

/* line 487, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .cd-product-viewer-wrapper img {
  display: block;
  position: relative;
  z-index: 1;
  width: auto;
  float: none; }

/* line 494, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .cd-product-viewer-wrapper .product-sprite {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 2400%;
  background: url(../img/product.png) no-repeat center center;
  background-size: 100%;
  opacity: 0;
  transition: opacity 0.3s; }

/* line 507, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .cd-product-viewer-wrapper.loaded .product-sprite {
  opacity: 1; }

/* line 513, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article #360degree {
  height: auto; }

/* line 517, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article #scene {
  height: 1000px; }
  /* line 2, /Users/marcushofer/Projects/produktshot landingpage/css/_vars.scss */
  main article #scene:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 320px) and (max-width: 1024px) {
    /* line 517, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article #scene {
      height: auto; } }
  /* line 525, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article #scene h2 {
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.25; }
    @media (min-width: 320px) and (max-width: 1024px) {
      /* line 525, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      main article #scene h2 {
        position: static !important;
        border: 0 !important;
        display: block !important;
        background: #f5f5f5 !important;
        padding: 0px;
        text-align: center;
        font-size: 24px; } }
  /* line 542, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article #scene li {
    height: 700px;
    width: 33%;
    float: left;
    position: absolute;
    max-width: 1280px; }
    /* line 2, /Users/marcushofer/Projects/produktshot landingpage/css/_vars.scss */
    main article #scene li:after {
      content: "";
      display: table;
      clear: both; }
    /* line 549, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article #scene li.cta {
      float: left;
      padding-left: 50px;
      padding-top: 100px;
      font-size: 42px;
      width: 50%;
      font-weight: 800;
      color: #161515;
      line-height: 1.25;
      text-transform: uppercase; }
      @media (min-width: 320px) and (max-width: 1024px) {
        /* line 549, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        main article #scene li.cta {
          display: none !important; } }
      /* line 564, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      main article #scene li.cta a {
        display: inline-block;
        font-weight: 800;
        font-size: 16px;
        color: white;
        padding: 15px 35px;
        background: #eb484b;
        letter-spacing: 2px; }
    @media (min-width: 640px) and (max-width: 1024px) {
      /* line 542, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      main article #scene li {
        position: static !important;
        width: 33% !important;
        border: 0 !important;
        display: block !important;
        height: 200px;
        background: #f5f5f5 !important;
        padding: 30px;
        text-align: center; } }
    @media (min-width: 320px) and (max-width: 639px) {
      /* line 542, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      main article #scene li {
        position: static !important;
        width: 50% !important;
        border: 0 !important;
        display: block !important;
        height: 200px;
        background: #f5f5f5 !important;
        padding: 30px;
        text-align: center; } }
    /* line 597, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article #scene li img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      max-height: 100%; }
      @media (min-width: 320px) and (max-width: 1024px) {
        /* line 597, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        main article #scene li img {
          position: static;
          transform: translate(0%, 0%);
          -moz-transform: translate(0%, 0%);
          -webkit-transform: translate(0%, 0%); } }

/* line 2, /Users/marcushofer/Projects/produktshot landingpage/css/_vars.scss */
main article .row:after {
  content: "";
  display: table;
  clear: both; }

/* line 620, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article header {
  float: left;
  width: 50%;
  margin-bottom: 50px;
  padding: 0 50px;
  margin-left: -50px; }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 620, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article header {
      width: auto;
      float: none;
      padding: 0;
      margin-left: 0;
      margin-bottom: 30px; } }
  /* line 635, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article header h2 {
    font-size: 42px;
    font-weight: 800;
    line-height: 54px;
    text-transform: uppercase; }
    @media (min-width: 320px) and (max-width: 1023px) {
      /* line 635, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      main article header h2 {
        font-size: 30px;
        line-height: 38px; } }
  /* line 647, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article header p {
    margin: 10px 0;
    font-weight: 600;
    color: #eb484b;
    text-transform: uppercase;
    font-size: 17px;
    width: auto; }
    @media (min-width: 320px) and (max-width: 1023px) {
      /* line 647, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      main article header p {
        margin: 20px 0; } }

/* line 661, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .text {
  float: left;
  width: 50%; }
  /* line 665, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  main article .text ul {
    margin-left: 20px; }
    /* line 668, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .text ul li {
      list-style: disc; }
      /* line 671, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      main article .text ul li span {
        font-weight: 700;
        color: #161515; }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 661, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .text {
      width: auto;
      float: none; } }

/* line 684, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article p {
  margin-bottom: 1em; }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 684, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article p {
      width: auto; } }

/* line 692, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section {
  position: relative;
  margin-left: -100px; }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 692, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section {
      margin-left: 0;
      text-align: center; } }

/* line 702, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section figure img {
  left: 50%;
  width: 57.5%;
  float: left; }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 702, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section figure img {
      float: none;
      margin-left: -7.5%; } }

/* line 713, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section:before {
  content: "";
  height: 230px;
  background: url("../img/triangle.svg") no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 210px;
  left: 0px;
  right: 0px;
  z-index: -1; }
  @media (min-width: 1024px) and (max-width: 1154px) {
    /* line 713, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section:before {
      bottom: 150px; } }
  @media (min-width: 1024px) and (max-width: 1154px) {
    /* line 713, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section:before {
      bottom: 90px; } }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 713, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section:before {
      display: none; } }

/* line 737, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section figure figcaption h3 {
  font-size: 48px;
  line-height: 56px;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 10px; }
  @media (min-width: 1024px) and (max-width: 1279px) {
    /* line 737, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section figure figcaption h3 {
      font-size: 30px;
      line-height: 38px; } }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 737, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section figure figcaption h3 {
      font-size: 30px;
      line-height: 38px; } }

/* line 755, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section figure figcaption p {
  width: 75%;
  font-size: 14px;
  line-height: 1.5;
  color: #837d7d;
  margin-bottom: 2em; }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 755, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section figure figcaption p {
      width: auto; } }

/* line 767, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section figure figcaption a {
  color: white;
  line-height: 1;
  padding: 18px 36px 14px 36px;
  border: 2px solid #eb484b;
  background: #eb484b;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  display: inline-block; }

/* line 780, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section figure figcaption {
  float: left;
  width: 42.5%;
  padding-left: 30px;
  padding-top: 240px; }
  @media (min-width: 320px) and (max-width: 1023px) {
    /* line 780, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    main article .kalkulator-section figure figcaption {
      float: none;
      padding-top: 0;
      padding-left: 0;
      text-align: center;
      width: auto; } }

/* line 795, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
main article .kalkulator-section:after {
  display: table;
  clear: both;
  content: ""; }

/* line 803, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
footer {
  background: #1b1c1e;
  position: relative;
  z-index: 10; }
  /* line 808, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  footer > .inner {
    padding: 50px 0 30px;
    max-width: 1205px;
    overflow: hidden; }
    @media (min-width: 1024px) and (max-width: 1279px) {
      /* line 808, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer > .inner {
        padding: 50px; } }
    @media (min-width: 640px) and (max-width: 1023px) {
      /* line 808, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer > .inner {
        padding: 60px 80px; } }
    @media (min-width: 320px) and (max-width: 640px) {
      /* line 808, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer > .inner {
        padding: 40px; } }
  /* line 826, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  footer .logo {
    margin: 0 0 55px; }
  /* line 830, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  footer .row {
    padding: 0 0 50px; }
    /* line 2, /Users/marcushofer/Projects/produktshot landingpage/css/_vars.scss */
    footer .row:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 320px) and (max-width: 1023px) {
      /* line 830, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row {
        margin: 0; } }
    /* line 838, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    footer .row .footer-column {
      float: left;
      width: 33.33%;
      color: #e6e6e6;
      font-size: 14px;
      line-height: 23px;
      font-weight: 400; }
      /* line 846, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column:first-child {
        padding-right: 35px; }
      /* line 850, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column:nth-child(2) {
        padding-left: 60px; }
      /* line 855, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column:last-child {
        padding-left: 100px; }
      @media (min-width: 320px) and (max-width: 1023px) {
        /* line 838, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .row .footer-column {
          float: none;
          width: auto;
          padding: 0 !important; } }
      /* line 867, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column ul li {
        margin-bottom: 7px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          /* line 867, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
          footer .row .footer-column ul li {
            margin-bottom: 0px; } }
        /* line 874, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .row .footer-column ul li a {
          color: #e6e6e6;
          font-size: 15px;
          font-weight: 500; }
          @media (min-width: 768px) and (max-width: 1023px) {
            /* line 874, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
            footer .row .footer-column ul li a {
              font-size: 12px; } }
      /* line 887, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column .versand span {
        font-size: 13px;
        color: #d9d9d9;
        line-height: 18px;
        font-weight: 500;
        display: block; }
      @media (min-width: 320px) and (max-width: 1024px) {
        /* line 886, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .row .footer-column .versand {
          margin-bottom: 20px; } }
      /* line 900, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column .bubble {
        text-transform: uppercase;
        color: #d9d9d9;
        font-size: 23px;
        margin: 0 0 20px;
        padding: 10px 0 8px 65px;
        font-weight: 700;
        line-height: 32px; }
        @media (min-width: 1024px) and (max-width: 1279px) {
          /* line 900, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
          footer .row .footer-column .bubble {
            font-size: 18px; } }
        @media (min-width: 320px) and (max-width: 1023px) {
          /* line 900, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
          footer .row .footer-column .bubble {
            font-size: 16px; } }
        /* line 917, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .row .footer-column .bubble.mail {
          background: url("../img/mail-icon.png") no-repeat left center; }
        /* line 921, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .row .footer-column .bubble.call {
          background: url("../img/call-icon.png") no-repeat left center; }
        /* line 925, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .row .footer-column .bubble a {
          color: #d9d9d9; }
        /* line 929, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .row .footer-column .bubble span {
          font-size: 12px;
          display: block;
          color: #d9d9d9;
          line-height: 16px;
          letter-spacing: 0.05em;
          white-space: nowrap;
          font-weight: 500; }
          @media (min-width: 320px) and (max-width: 1023px) {
            /* line 929, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
            footer .row .footer-column .bubble span {
              font-size: 10px; } }
      /* line 944, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column h3 {
        font-weight: 700;
        color: #e6e6e6;
        margin: 0 0 20px;
        text-transform: uppercase;
        font-size: 21px; }
        @media (min-width: 1024px) and (max-width: 1279px) {
          /* line 944, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
          footer .row .footer-column h3 {
            font-size: 16px;
            white-space: nowrap; } }
        @media (min-width: 768px) and (max-width: 1023px) {
          /* line 944, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
          footer .row .footer-column h3 {
            font-size: 15px;
            white-space: nowrap; } }
      /* line 962, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column h4 {
        font-weight: 700;
        color: #e6e6e6;
        margin: 0 0 20px;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 5px; }
      /* line 971, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .row .footer-column p {
        color: #e6e6e6;
        margin-bottom: 25px;
        font-size: 14px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          /* line 971, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
          footer .row .footer-column p {
            font-size: 12px; } }
  /* line 983, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
  footer .footer-bottom {
    border-top: 1px solid #2c2d2f;
    height: 64px;
    padding: 20px 0 0; }
    /* line 2, /Users/marcushofer/Projects/produktshot landingpage/css/_vars.scss */
    footer .footer-bottom:after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 320px) and (max-width: 1279px) {
      /* line 983, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .footer-bottom {
        text-align: center; } }
    /* line 994, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    footer .footer-bottom .copyright {
      font-weight: 600;
      font-size: 12px;
      float: left;
      color: #d9d9d9;
      text-transform: uppercase; }
      @media (min-width: 320px) and (max-width: 1279px) {
        /* line 994, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .footer-bottom .copyright {
          float: none;
          text-align: center; } }
    /* line 1007, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    footer .footer-bottom .shop {
      font-size: 12px;
      float: left;
      font-weight: 500;
      color: #d9d9d9;
      padding: 0 8px 0 3px;
      border-right: 1px solid #d9d9d9; }
      @media (min-width: 320px) and (max-width: 1279px) {
        /* line 1007, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .footer-bottom .shop {
          float: none;
          text-align: center;
          border-right: 0;
          margin: 10px 0; } }
    /* line 1023, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    footer .footer-bottom .print {
      font-size: 12px;
      float: left;
      font-weight: 400;
      color: #d9d9d9;
      padding: 0 0 0 8px; }
      @media (min-width: 320px) and (max-width: 1279px) {
        /* line 1023, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .footer-bottom .print {
          float: none;
          text-align: center; } }
      /* line 1035, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .footer-bottom .print a {
        display: inline-block;
        font-weight: 600;
        color: #d9d9d9;
        margin: 0 0 10px 0; }
    /* line 1043, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
    footer .footer-bottom .social {
      float: right; }
      @media (min-width: 320px) and (max-width: 1279px) {
        /* line 1043, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .footer-bottom .social {
          float: none;
          text-align: center; } }
      /* line 1051, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
      footer .footer-bottom .social a {
        transition: all 0.2s ease-in-out; }
        /* line 1054, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .footer-bottom .social a:hover img {
          opacity: 0.6; }
        /* line 1058, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
        footer .footer-bottom .social a img {
          float: left;
          height: 16px;
          width: 16px;
          margin-left: 21px;
          opacity: 1;
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out; }
          @media (min-width: 320px) and (max-width: 1279px) {
            /* line 1058, /Users/marcushofer/Projects/produktshot landingpage/css/style.scss */
            footer .footer-bottom .social a img {
              float: none;
              text-align: center;
              display: inline-block;
              margin: 5px; } }

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