/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* line 11, app/assets/stylesheets/lib/normalize.scss */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/* line 23, app/assets/stylesheets/lib/normalize.scss */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 32, app/assets/stylesheets/lib/normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 45, app/assets/stylesheets/lib/normalize.scss */
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 56, app/assets/stylesheets/lib/normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* line 68, app/assets/stylesheets/lib/normalize.scss */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 77, app/assets/stylesheets/lib/normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 87, app/assets/stylesheets/lib/normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 97, app/assets/stylesheets/lib/normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
/* line 108, app/assets/stylesheets/lib/normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 117, app/assets/stylesheets/lib/normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 125, app/assets/stylesheets/lib/normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 129, app/assets/stylesheets/lib/normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
/* line 140, app/assets/stylesheets/lib/normalize.scss */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 152, app/assets/stylesheets/lib/normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 168, app/assets/stylesheets/lib/normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 178, app/assets/stylesheets/lib/normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 187, app/assets/stylesheets/lib/normalize.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 198, app/assets/stylesheets/lib/normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 210, app/assets/stylesheets/lib/normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 221, app/assets/stylesheets/lib/normalize.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 232, app/assets/stylesheets/lib/normalize.scss */
legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 245, app/assets/stylesheets/lib/normalize.scss */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
/* line 253, app/assets/stylesheets/lib/normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
/* line 262, app/assets/stylesheets/lib/normalize.scss */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 272, app/assets/stylesheets/lib/normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 282, app/assets/stylesheets/lib/normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/* line 291, app/assets/stylesheets/lib/normalize.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 300, app/assets/stylesheets/lib/normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
/* line 312, app/assets/stylesheets/lib/normalize.scss */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 320, app/assets/stylesheets/lib/normalize.scss */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
/* line 331, app/assets/stylesheets/lib/normalize.scss */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
/* line 339, app/assets/stylesheets/lib/normalize.scss */
[hidden] {
  display: none;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-moz-keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
         transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
         transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -moz-transform: translate3d(0, -4px, 0);
         transform: translate3d(0, -4px, 0);
  }
}

/* line 77, app/assets/stylesheets/lib/animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
       animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
   -ms-transform-origin: center bottom;
       transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
50%,
to {
    opacity: 1;
  }
  25%,
75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  from,
50%,
to {
    opacity: 1;
  }
  25%,
75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
50%,
to {
    opacity: 1;
  }
  25%,
75% {
    opacity: 0;
  }
}

/* line 110, app/assets/stylesheets/lib/animate.scss */
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
       animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -moz-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

/* line 151, app/assets/stylesheets/lib/animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
       animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
         transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
         transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
         transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
         transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
         transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
         transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
         transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
         transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
         transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
         transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

/* line 230, app/assets/stylesheets/lib/animate.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  -moz-animation-name: rubberBand;
       animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
40%,
60%,
80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-moz-keyframes shake {
  from,
to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
  }
  20%,
40%,
60%,
80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
  }
  20%,
40%,
60%,
80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
  }
}

/* line 285, app/assets/stylesheets/lib/animate.scss */
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
       animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    -moz-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    -moz-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    -moz-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    -moz-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    -moz-transform: translateX(-6px) rotateY(-9deg);
         transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    -moz-transform: translateX(5px) rotateY(7deg);
         transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    -moz-transform: translateX(-3px) rotateY(-5deg);
         transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    -moz-transform: translateX(2px) rotateY(3deg);
         transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
}

/* line 354, app/assets/stylesheets/lib/animate.scss */
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  -moz-animation-name: headShake;
       animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -moz-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -moz-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -moz-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -moz-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -moz-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -moz-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -moz-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -moz-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -moz-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -moz-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg);
  }
}

/* line 415, app/assets/stylesheets/lib/animate.scss */
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
   -ms-transform-origin: top center;
       transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
       animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
50%,
70%,
90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
60%,
80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  10%,
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
50%,
70%,
90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
60%,
80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  10%,
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
50%,
70%,
90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
60%,
80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

/* line 488, app/assets/stylesheets/lib/animate.scss */
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
       animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 569, app/assets/stylesheets/lib/animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
       animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
11.1%,
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@-moz-keyframes jello {
  from,
11.1%,
to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
         transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
         transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
         transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
11.1%,
to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
         transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
         transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
         transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
         transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
         transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
         transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
         transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

/* line 662, app/assets/stylesheets/lib/animate.scss */
.jello {
  -webkit-animation-name: jello;
  -moz-animation-name: jello;
       animation-name: jello;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
   -ms-transform-origin: center;
       transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
         transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
         transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
         transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
         transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

/* line 723, app/assets/stylesheets/lib/animate.scss */
.heartBeat {
  -webkit-animation-name: heartBeat;
  -moz-animation-name: heartBeat;
       animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  -moz-animation-duration: 1.3s;
       animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
20%,
40%,
60%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes bounceIn {
  from,
20%,
40%,
60%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
         transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
         transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
20%,
40%,
60%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
         transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
         transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

/* line 822, app/assets/stylesheets/lib/animate.scss */
.bounceIn {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
       animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
       animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes bounceInDown {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -moz-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -moz-transform: translate3d(0, -3000px, 0);
         transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
         transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 905, app/assets/stylesheets/lib/animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
       animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes bounceInLeft {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -moz-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -moz-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -moz-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -moz-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 986, app/assets/stylesheets/lib/animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
       animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes bounceInRight {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -moz-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -moz-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -moz-transform: translate3d(3000px, 0, 0);
         transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -moz-transform: translate3d(-25px, 0, 0);
         transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
         transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
         transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1067, app/assets/stylesheets/lib/animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
       animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes bounceInUp {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -moz-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
60%,
75%,
90%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -moz-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1148, app/assets/stylesheets/lib/animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
       animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-moz-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
         transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
         transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
}

/* line 1193, app/assets/stylesheets/lib/animate.scss */
.bounceOut {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
       animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
       animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-moz-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
  }
  40%,
45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
  }
  40%,
45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
  }
}

/* line 1240, app/assets/stylesheets/lib/animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
       animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-moz-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
  }
}

/* line 1273, app/assets/stylesheets/lib/animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
       animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-moz-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
  }
}

/* line 1306, app/assets/stylesheets/lib/animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
       animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-moz-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
  }
  40%,
45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
         transform: translate3d(0, -10px, 0);
  }
  40%,
45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
  }
}

/* line 1351, app/assets/stylesheets/lib/animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
       animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 1376, app/assets/stylesheets/lib/animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
       animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1409, app/assets/stylesheets/lib/animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
       animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1442, app/assets/stylesheets/lib/animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
       animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1475, app/assets/stylesheets/lib/animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
       animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1508, app/assets/stylesheets/lib/animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
       animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1541, app/assets/stylesheets/lib/animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
       animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1574, app/assets/stylesheets/lib/animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
       animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1607, app/assets/stylesheets/lib/animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
       animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 1640, app/assets/stylesheets/lib/animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
       animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* line 1665, app/assets/stylesheets/lib/animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
       animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-moz-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
}

/* line 1694, app/assets/stylesheets/lib/animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
       animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-moz-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
         transform: translate3d(0, 2000px, 0);
  }
}

/* line 1723, app/assets/stylesheets/lib/animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
       animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-moz-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
  }
}

/* line 1752, app/assets/stylesheets/lib/animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
       animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-moz-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
         transform: translate3d(-2000px, 0, 0);
  }
}

/* line 1781, app/assets/stylesheets/lib/animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
       animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-moz-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
  }
}

/* line 1810, app/assets/stylesheets/lib/animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
       animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-moz-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
         transform: translate3d(2000px, 0, 0);
  }
}

/* line 1839, app/assets/stylesheets/lib/animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
       animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-moz-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
  }
}

/* line 1868, app/assets/stylesheets/lib/animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
       animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-moz-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
         transform: translate3d(0, -2000px, 0);
  }
}

/* line 1897, app/assets/stylesheets/lib/animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
       animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-moz-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
         transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
         animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
         transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -moz-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
         transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
}

/* line 1992, app/assets/stylesheets/lib/animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
       backface-visibility: visible;
  -webkit-animation-name: flip;
  -moz-animation-name: flip;
       animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-moz-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
}

/* line 2065, app/assets/stylesheets/lib/animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
       backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
       animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-moz-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
}

/* line 2138, app/assets/stylesheets/lib/animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
       backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-animation-name: flipInY;
       animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

/* line 2183, app/assets/stylesheets/lib/animate.scss */
.flipOutX {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
       animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  -moz-animation-name: flipOutX;
       animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
       backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
         transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

/* line 2230, app/assets/stylesheets/lib/animate.scss */
.flipOutY {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
       animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
       backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-animation-name: flipOutY;
       animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
         transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -moz-transform: skewX(-5deg);
         transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
         transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
         transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -moz-transform: skewX(-5deg);
         transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 2287, app/assets/stylesheets/lib/animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
       animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@-moz-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -moz-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -moz-transform: translate3d(100%, 0, 0) skewX(30deg);
         transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

/* line 2318, app/assets/stylesheets/lib/animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
       animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -moz-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -moz-transform: rotate3d(0, 0, 1, -200deg);
         transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* line 2361, app/assets/stylesheets/lib/animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
       animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* line 2402, app/assets/stylesheets/lib/animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
       animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* line 2443, app/assets/stylesheets/lib/animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
       animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* line 2484, app/assets/stylesheets/lib/animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
       animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -moz-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -moz-transform: rotate3d(0, 0, 1, -90deg);
         transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* line 2525, app/assets/stylesheets/lib/animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
       animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -moz-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
         transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -moz-transform: rotate3d(0, 0, 1, 200deg);
         transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

/* line 2562, app/assets/stylesheets/lib/animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
       animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
         transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

/* line 2599, app/assets/stylesheets/lib/animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
       animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

/* line 2636, app/assets/stylesheets/lib/animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
       animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
         transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
         transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

/* line 2673, app/assets/stylesheets/lib/animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
       animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -moz-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
         transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -moz-transform: rotate3d(0, 0, 1, 90deg);
         transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

/* line 2710, app/assets/stylesheets/lib/animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
       animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@-moz-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
         transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
  }
  20%,
60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -moz-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
         transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
  }
  40%,
80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -moz-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
         transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    -moz-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
         transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
  }
  20%,
60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -moz-transform: rotate3d(0, 0, 1, 80deg);
         transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
         transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
  }
  40%,
80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -moz-transform: rotate3d(0, 0, 1, 60deg);
         transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
         transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    -moz-transform: translate3d(0, 700px, 0);
         transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

/* line 2787, app/assets/stylesheets/lib/animate.scss */
.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
       animation-duration: 2s;
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
       animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    -moz-transform: scale(0.1) rotate(30deg);
         transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
         transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
         transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
         transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    -moz-transform: scale(0.1) rotate(30deg);
         transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
         transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
         transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
         transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

/* line 2846, app/assets/stylesheets/lib/animate.scss */
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  -moz-animation-name: jackInTheBox;
       animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 2881, app/assets/stylesheets/lib/animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
       animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@-moz-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

/* line 2912, app/assets/stylesheets/lib/animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
       animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

/* line 2941, app/assets/stylesheets/lib/animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
       animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

/* line 2982, app/assets/stylesheets/lib/animate.scss */
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  -moz-animation-name: zoomInDown;
       animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

/* line 3023, app/assets/stylesheets/lib/animate.scss */
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  -moz-animation-name: zoomInLeft;
       animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

/* line 3064, app/assets/stylesheets/lib/animate.scss */
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  -moz-animation-name: zoomInRight;
       animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

/* line 3105, app/assets/stylesheets/lib/animate.scss */
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  -moz-animation-name: zoomInUp;
       animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

/* line 3142, app/assets/stylesheets/lib/animate.scss */
.zoomOut {
  -webkit-animation-name: zoomOut;
  -moz-animation-name: zoomOut;
       animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
         transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
         transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

/* line 3187, app/assets/stylesheets/lib/animate.scss */
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  -moz-animation-name: zoomOutDown;
       animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
         transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
         transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
         transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
         transform-origin: left center;
  }
}

/* line 3224, app/assets/stylesheets/lib/animate.scss */
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  -moz-animation-name: zoomOutLeft;
       animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
         transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
         transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
         transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
         transform-origin: right center;
  }
}

/* line 3261, app/assets/stylesheets/lib/animate.scss */
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  -moz-animation-name: zoomOutRight;
       animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-moz-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
         transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
         transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
         transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
         transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

/* line 3306, app/assets/stylesheets/lib/animate.scss */
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  -moz-animation-name: zoomOutUp;
       animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 3337, app/assets/stylesheets/lib/animate.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
       animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 3368, app/assets/stylesheets/lib/animate.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
       animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 3399, app/assets/stylesheets/lib/animate.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
       animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
}

/* line 3430, app/assets/stylesheets/lib/animate.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  -moz-animation-name: slideInUp;
       animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-moz-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
  }
}

/* line 3461, app/assets/stylesheets/lib/animate.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  -moz-animation-name: slideOutDown;
       animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-moz-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
  }
}

/* line 3492, app/assets/stylesheets/lib/animate.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -moz-animation-name: slideOutLeft;
       animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-moz-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
  }
}

/* line 3523, app/assets/stylesheets/lib/animate.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
       animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-moz-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
  }
}

/* line 3554, app/assets/stylesheets/lib/animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  -moz-animation-name: slideOutUp;
       animation-name: slideOutUp;
}

/* line 3559, app/assets/stylesheets/lib/animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
       animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
       animation-fill-mode: both;
}

/* line 3566, app/assets/stylesheets/lib/animate.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
}

/* line 3571, app/assets/stylesheets/lib/animate.scss */
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
       animation-delay: 1s;
}

/* line 3576, app/assets/stylesheets/lib/animate.scss */
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
       animation-delay: 2s;
}

/* line 3581, app/assets/stylesheets/lib/animate.scss */
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
       animation-delay: 3s;
}

/* line 3586, app/assets/stylesheets/lib/animate.scss */
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
       animation-delay: 4s;
}

/* line 3591, app/assets/stylesheets/lib/animate.scss */
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
       animation-delay: 5s;
}

/* line 3596, app/assets/stylesheets/lib/animate.scss */
.animated.fast {
  -webkit-animation-duration: 800ms;
  -moz-animation-duration: 800ms;
       animation-duration: 800ms;
}

/* line 3601, app/assets/stylesheets/lib/animate.scss */
.animated.faster {
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
       animation-duration: 500ms;
}

/* line 3606, app/assets/stylesheets/lib/animate.scss */
.animated.slow {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
       animation-duration: 2s;
}

/* line 3611, app/assets/stylesheets/lib/animate.scss */
.animated.slower {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
       animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  /* line 3617, app/assets/stylesheets/lib/animate.scss */
  .animated {
    -webkit-animation: unset !important;
    -moz-animation: unset !important;
         animation: unset !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
  }
}
/**
 * Swiper 6.6.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 11, 2021
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-moz-transition-property:transform,height,-moz-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform,-moz-transform}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:-webkit-calc(var(--swiper-navigation-size)/ 44 * 27);width:-moz-calc(var(--swiper-navigation-size)/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:-webkit-calc(0px - (var(--swiper-navigation-size)/ 2));margin-top:-moz-calc(0px - (var(--swiper-navigation-size)/ 2));margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-moz-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-moz-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-moz-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-moz-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-moz-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-moz-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-moz-border-radius:50%;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);-moz-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;-moz-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;-moz-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;-moz-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{-moz-border-radius:10px;border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);-moz-border-radius:10px;border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;-moz-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));-moz-border-radius:50%;border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes swiper-preloader-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
/* line 4, app/assets/stylesheets/modules/document.sass */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

/* line 9, app/assets/stylesheets/modules/document.sass */
.turbolinks-progress-bar {
  height: 3px;
  background-color: #e3000f;
}

/* line 13, app/assets/stylesheets/modules/document.sass */
.no_scroll {
  z-index: 400;
  overflow: hidden;
}

/* line 17, app/assets/stylesheets/modules/document.sass */
.visually_hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

/* line 29, app/assets/stylesheets/modules/document.sass */
.todo {
  position: relative;
}

/* line 96, app/assets/stylesheets/modules/../includes/mixins.sass */
.todo:after {
  content: "Todo ";
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: inherit;
  position: absolute;
  height: 20px;
  min-width: 40px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 5px;
  background: #C92D88;
  -moz-border-radius: 4px;
       border-radius: 4px;
  top: 10px;
  right: 10px;
  line-height: 20px;
  text-align: center;
  color: white;
  -webkit-transform: rotate(12deg);
     -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
          transform: rotate(12deg);
}

/* line 31, app/assets/stylesheets/modules/document.sass */
.todo_left {
  position: relative;
}

/* line 118, app/assets/stylesheets/modules/../includes/mixins.sass */
.todo_left:after {
  content: "Todo ";
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: inherit;
  position: absolute;
  height: 20px;
  min-width: 40px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 5px;
  background: #7ED321;
  -moz-border-radius: 4px;
       border-radius: 4px;
  top: 10px;
  right: 10px;
  line-height: 20px;
  text-align: center;
  color: #2d2a26;
  -webkit-transform: rotate(12deg);
     -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
          transform: rotate(12deg);
  left: 10px;
  right: auto;
  top: auto;
  bottom: 10px;
}

/* line 34, app/assets/stylesheets/modules/document.sass */
.todos {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 96, app/assets/stylesheets/modules/../includes/mixins.sass */
.todos:after {
  content: "Todo ";
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: inherit;
  position: absolute;
  height: 20px;
  min-width: 40px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 5px;
  background: #C92D88;
  -moz-border-radius: 4px;
       border-radius: 4px;
  top: 10px;
  right: 10px;
  line-height: 20px;
  text-align: center;
  color: white;
  -webkit-transform: rotate(12deg);
     -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
          transform: rotate(12deg);
}

/* line 38, app/assets/stylesheets/modules/document.sass */
.debug {
  position: relative;
  border: 1px solid rgba(255, 0, 0, 0.8);
}

/* line 154, app/assets/stylesheets/modules/../includes/mixins.sass */
.debug:after {
  content: "Debug";
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: inherit;
  position: absolute;
  height: 20px;
  width: 60px;
  background: red;
  -moz-border-radius: 30px;
       border-radius: 30px;
  top: 10px;
  right: 10px;
  line-height: 20px;
  text-align: center;
  color: white;
}

/* line 41, app/assets/stylesheets/modules/document.sass */
.clr--red {
  color: #e3000f;
}

/* line 44, app/assets/stylesheets/modules/document.sass */
.half {
  width: 100%;
  max-width: 50%;
  position: relative;
  padding-top: 60px;
  padding-left: 10px;
  padding-right: 40px;
  padding-bottom: 60px;
}

@media (max-width: 515px) {
  /* line 44, app/assets/stylesheets/modules/document.sass */
  .half {
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* line 57, app/assets/stylesheets/modules/document.sass */
figure {
  margin: 0;
  padding: 0;
}

/* line 61, app/assets/stylesheets/modules/document.sass */
ul {
  margin: 0;
  padding: 0;
}

/* line 65, app/assets/stylesheets/modules/document.sass */
html,
body {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  height: 100%;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

/* line 73, app/assets/stylesheets/modules/document.sass */
body {
  overflow-x: hidden;
  font-size: 0;
}

/* line 77, app/assets/stylesheets/modules/document.sass */
ul,
img,
figure {
  margin: 0;
  padding: 0;
}

/* line 83, app/assets/stylesheets/modules/document.sass */
h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

/* line 88, app/assets/stylesheets/modules/document.sass */
.under_navigation {
  margin-top: -115px;
}

/* line 91, app/assets/stylesheets/modules/document.sass */
.down {
  padding-top: 115px;
}

/* line 101, app/assets/stylesheets/modules/document.sass */
#ausbildung-bei-der-deg {
  background: #f5f3ef;
  padding-bottom: 60px;
  position: relative;
  z-index: 850;
}

/* line 107, app/assets/stylesheets/modules/document.sass */
#index-citation-schuchard {
  background: #f5f3ef;
  margin-top: -40px;
}

/* line 112, app/assets/stylesheets/modules/document.sass */
#historie {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 890px) {
  /* line 112, app/assets/stylesheets/modules/document.sass */
  #historie {
    padding-top: 70px;
  }
}

/* line 118, app/assets/stylesheets/modules/document.sass */
section.white {
  background: white;
}

/* line 121, app/assets/stylesheets/modules/document.sass */
section.light_beige {
  background: #f5f3ef;
}

/* line 124, app/assets/stylesheets/modules/document.sass */
section.job_contact {
  margin-top: 50px;
  background: #f5f3ef;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 129, app/assets/stylesheets/modules/document.sass */
section.job_contact .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 136, app/assets/stylesheets/modules/document.sass */
section#stellenangebote {
  background: none;
}

@media (max-width: 600px) {
  /* line 136, app/assets/stylesheets/modules/document.sass */
  section#stellenangebote {
    margin-top: -40px;
  }
}

/* line 140, app/assets/stylesheets/modules/document.sass */
section#stellenangebote .container {
  background: #2d2a26 center 100px;
  width: 100%;
  margin-top: -50px;
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 149, app/assets/stylesheets/modules/document.sass */
section#stellenangebote .container .actions > a, section#stellenangebote .container > a {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: 30px;
  z-index: 700;
}

/* line 158, app/assets/stylesheets/modules/document.sass */
section#ausbildungsberufe {
  background: #f5f3ef;
  padding-top: 60px;
  padding-bottom: 10px;
}

/* line 162, app/assets/stylesheets/modules/document.sass */
section#ausbildungsberufe h2 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
}

@media (max-width: 420px) {
  /* line 162, app/assets/stylesheets/modules/document.sass */
  section#ausbildungsberufe h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 174, app/assets/stylesheets/modules/document.sass */
section#ausbildungsplaetze {
  background: #f5f3ef;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 179, app/assets/stylesheets/modules/document.sass */
section#unser-selbstverstaendnis {
  background: #f5f3ef;
  padding-top: 50px;
  padding-bottom: 10px;
}

/* line 184, app/assets/stylesheets/modules/document.sass */
section#einhorn {
  height: 1100px;
  width: 100%;
  background: #d9d6d7 url(/assets/ausbildung/footer-25ddd6c479ab05689eefcd82d83cabcba0ae19f0a17c4cf05d5a11f7930c4c18.jpg) no-repeat center bottom;
  background-size: 2600px 880px;
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 840px) {
  /* line 184, app/assets/stylesheets/modules/document.sass */
  section#einhorn {
    height: 1000px;
  }
}

@media (max-width: 840px) {
  /* line 196, app/assets/stylesheets/modules/document.sass */
  section#einhorn .citation {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 592px) {
  /* line 184, app/assets/stylesheets/modules/document.sass */
  section#einhorn {
    height: 1100px;
  }
}

@media (max-width: 414px) {
  /* line 184, app/assets/stylesheets/modules/document.sass */
  section#einhorn {
    height: 900px;
  }
}

@media (max-width: 375px) {
  /* line 184, app/assets/stylesheets/modules/document.sass */
  section#einhorn {
    height: 900px;
    background-size: 1800px;
  }
  /* line 207, app/assets/stylesheets/modules/document.sass */
  section#einhorn .citation {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 212, app/assets/stylesheets/modules/document.sass */
section#ausbildungsberufe-liste {
  background: #A5D7D5;
}

@media (max-width: 420px) {
  /* line 212, app/assets/stylesheets/modules/document.sass */
  section#ausbildungsberufe-liste {
    margin-top: -70px;
  }
}

/* line 217, app/assets/stylesheets/modules/document.sass */
section#ausbildungsberufe-liste .container {
  background: #A5D7D5 center 100px;
  width: 100%;
  margin-top: -50px;
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 226, app/assets/stylesheets/modules/document.sass */
section#ausbildungsberufe-liste .container a {
  margin-top: 20px;
  position: relative;
  top: 30px;
  z-index: 700;
}

/* line 236, app/assets/stylesheets/modules/document.sass */
.text-block .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1140px) {
  /* line 236, app/assets/stylesheets/modules/document.sass */
  .text-block .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1030px) {
  /* line 236, app/assets/stylesheets/modules/document.sass */
  .text-block .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  /* line 247, app/assets/stylesheets/modules/document.sass */
  .text-block .container .half {
    width: 100%;
    max-width: 100%;
  }
}

/* line 253, app/assets/stylesheets/modules/document.sass */
.text-block h1 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 257, app/assets/stylesheets/modules/document.sass */
.text-block h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 261, app/assets/stylesheets/modules/document.sass */
.text-block p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 266, app/assets/stylesheets/modules/document.sass */
.text-block ul, .text-block ol {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 270, app/assets/stylesheets/modules/document.sass */
.text-block .actions {
  margin-top: 50px;
}

@media (max-width: 1060px) {
  /* line 270, app/assets/stylesheets/modules/document.sass */
  .text-block .actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 550px) {
  /* line 270, app/assets/stylesheets/modules/document.sass */
  .text-block .actions {
    margin-top: 20px;
  }
}

/* line 280, app/assets/stylesheets/modules/document.sass */
.text-block figure.figure-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

/* line 287, app/assets/stylesheets/modules/document.sass */
.text-block figure.figure-centered img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

/* line 290, app/assets/stylesheets/modules/document.sass */
.text-block .numbers-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

/* line 299, app/assets/stylesheets/modules/document.sass */
section#durchdachte-logistik {
  background: #f5f3ef;
}

/* line 302, app/assets/stylesheets/modules/document.sass */
section#durchdachte-logistik .numbers-mitarbeiter {
  text-align: center;
}

/* line 304, app/assets/stylesheets/modules/document.sass */
section#durchdachte-logistik .numbers-mitarbeiter .numbers-centered_text {
  font-size: 152px;
  line-height: 152px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 308, app/assets/stylesheets/modules/document.sass */
section#durchdachte-logistik .numbers-mitarbeiter .numbers-centered_description {
  margin-top: -20px;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 315, app/assets/stylesheets/modules/document.sass */
section#datenpool .numbers-genossenschaften {
  text-align: center;
}

/* line 317, app/assets/stylesheets/modules/document.sass */
section#datenpool .numbers-genossenschaften .numbers-centered_text {
  font-size: 148px;
  line-height: 148px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 321, app/assets/stylesheets/modules/document.sass */
section#datenpool .numbers-genossenschaften .numbers-centered_description {
  margin-top: -20px;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 327, app/assets/stylesheets/modules/document.sass */
section#dachmarketing {
  background: white;
  padding-bottom: 40px;
}

/* line 331, app/assets/stylesheets/modules/document.sass */
section#dachmarketing .numbers-mitarbeiter {
  text-align: center;
}

/* line 333, app/assets/stylesheets/modules/document.sass */
section#dachmarketing .numbers-mitarbeiter .numbers-centered_text {
  font-size: 152px;
  line-height: 152px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 338, app/assets/stylesheets/modules/document.sass */
section#dachmarketing .numbers-mitarbeiter .numbers-centered_text .numbers-centered_text-2 {
  display: block;
  font-size: 90px;
  line-height: 180px;
  letter-spacing: inherit;
  margin-top: -50px;
}

/* line 342, app/assets/stylesheets/modules/document.sass */
section#dachmarketing .numbers-mitarbeiter .numbers-centered_description {
  margin-top: -50px;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 350, app/assets/stylesheets/modules/document.sass */
section#flexbox {
  background: #f5f3ef;
}

/* line 353, app/assets/stylesheets/modules/document.sass */
section#flexbox .numbers-standort {
  text-align: center;
}

/* line 355, app/assets/stylesheets/modules/document.sass */
section#flexbox .numbers-standort .numbers-centered_text {
  font-size: 152px;
  line-height: 152px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 360, app/assets/stylesheets/modules/document.sass */
section#flexbox .numbers-standort .numbers-centered_text .numbers-centered_text-2 {
  display: block;
  font-size: 90px;
  line-height: 180px;
  letter-spacing: inherit;
  margin-top: -50px;
}

/* line 364, app/assets/stylesheets/modules/document.sass */
section#flexbox .numbers-standort .numbers-centered_description {
  margin-top: -20px;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 371, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter {
  padding-top: 60px;
  padding-bottom: 60px;
  background: white;
}

@media (max-width: 550px) {
  /* line 371, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter {
    padding-top: 0;
  }
}

/* line 378, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .welcome {
  width: 100%;
  max-width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1030px) {
  /* line 378, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .welcome {
    margin: 0 auto;
    margin-top: 40px;
    width: 100%;
    max-width: 430px;
  }
}

/* line 388, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .welcome h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  max-width: 400px;
}

/* line 392, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .welcome p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  max-width: 440px;
}

@media (max-width: 1030px) {
  /* line 392, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .welcome p {
    width: 100%;
    max-width: 100%;
  }
}

/* line 399, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .stats {
  width: 100%;
  max-width: 50%;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1030px) {
  /* line 399, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .stats {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    margin-top: 60px;
  }
}

@media (max-width: 700px) {
  /* line 399, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .stats {
    width: 100%;
    max-width: 330px;
  }
}

@media (max-width: 414px) {
  /* line 399, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .stats {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1030px) {
  /* line 411, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .numbers {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
  }
}

/* line 416, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot {
  margin-top: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* line 419, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_warenbestand {
  margin-bottom: 7px;
}

/* line 421, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_warenbestand .slot-item_number {
  font-size: 81px;
  line-height: 81px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  text-align: center;
}

/* line 427, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_warenbestand .slot-item_text {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 435, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_niederlassungen {
  margin-bottom: 7px;
}

/* line 437, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_niederlassungen .slot-item_number {
  font-size: 212px;
  line-height: 212px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  text-align: center;
}

@media (max-width: 700px) {
  /* line 437, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .numbers .slot-item_niederlassungen .slot-item_number {
    font-size: 150px;
    line-height: 150px;
    letter-spacing: inherit;
  }
}

/* line 446, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_niederlassungen .slot-item_text {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -30px;
  margin-bottom: 10px;
}

/* line 457, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_justintime .slot-item_number {
  font-size: 90px;
  line-height: 90px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  text-align: center;
}

/* line 463, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_justintime .slot-item_text {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 469, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_justintime .slot-item_text .slot-item_text_highlight {
  font-weight: bold;
}

/* line 473, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_vertrieb .slot-item_number {
  font-size: 90px;
  line-height: 90px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  text-align: center;
}

/* line 479, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_vertrieb .slot-item_text {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #958a7a;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  margin-top: -7px;
}

/* line 487, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_vertrieb .slot-item_text .slot-item_text_highlight {
  font-weight: bold;
}

/* line 493, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_deglogo .slot-item_number {
  margin-top: 35px;
  margin-bottom: 35px;
}

/* line 496, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_deglogo .slot-item_number img {
  width: 124px;
  margin: 0 auto;
}

/* line 500, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_100_prozent {
  width: 100% !important;
}

/* line 502, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_100_prozent .slot-item_number {
  font-size: 200px;
  line-height: 200px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
}

@media (max-width: 700px) {
  /* line 502, app/assets/stylesheets/modules/document.sass */
  section#mittelstand-zum-spitzenreiter .numbers .slot-item_100_prozent .slot-item_number {
    font-size: 90px;
    line-height: 100px;
    letter-spacing: inherit;
  }
}

/* line 509, app/assets/stylesheets/modules/document.sass */
section#mittelstand-zum-spitzenreiter .numbers .slot-item_100_prozent .slot-item_text {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  margin-top: -20px;
}

/* line 516, app/assets/stylesheets/modules/document.sass */
section#alleinstellend {
  background: #f5f3ef;
  padding-top: 0px;
}

/* line 521, app/assets/stylesheets/modules/document.sass */
section#alleinstellend .content-selector_item_ringverkehr .content-selector_text {
  position: absolute !important;
  right: 0 !important;
}

/* line 524, app/assets/stylesheets/modules/document.sass */
section#alleinstellend .content-selector_item_ringverkehr .content-selector_text h3, section#alleinstellend .content-selector_item_ringverkehr .content-selector_text p {
  color: #2d2a26 !important;
}

/* line 528, app/assets/stylesheets/modules/document.sass */
section.section-contact {
  margin-top: 40px;
  background: #f5f3ef;
}

/* line 530, app/assets/stylesheets/modules/document.sass */
section#debau.section-contact {
  margin-top: -40px;
  padding-top: 120px;
}

@media (max-width: 500px) {
  /* line 528, app/assets/stylesheets/modules/document.sass */
  section.section-contact {
    margin-top: 0;
    padding-top: 0;
  }
}

/* line 540, app/assets/stylesheets/modules/document.sass */
section.section-contact .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1140px) {
  /* line 540, app/assets/stylesheets/modules/document.sass */
  section.section-contact .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1060px) {
  /* line 540, app/assets/stylesheets/modules/document.sass */
  section.section-contact .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 547, app/assets/stylesheets/modules/document.sass */
section.section-contact .half {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1060px) {
  /* line 547, app/assets/stylesheets/modules/document.sass */
  section.section-contact .half {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}

/* line 554, app/assets/stylesheets/modules/document.sass */
section.section-contact .half > h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  max-width: 450px;
  color: #e3000f;
}

@media (max-width: 1060px) {
  /* line 554, app/assets/stylesheets/modules/document.sass */
  section.section-contact .half > h2 {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

@media (max-width: 500px) {
  /* line 554, app/assets/stylesheets/modules/document.sass */
  section.section-contact .half > h2 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

/* line 568, app/assets/stylesheets/modules/document.sass */
section.section-contact .half p + h2 {
  margin-top: 60px;
}

/* line 571, app/assets/stylesheets/modules/document.sass */
section.section-contact .half p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  max-width: 380px;
  color: #2d2a26;
  padding: 0;
}

@media (max-width: 1060px) {
  /* line 571, app/assets/stylesheets/modules/document.sass */
  section.section-contact .half p {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
  }
}

@media (max-width: 500px) {
  /* line 571, app/assets/stylesheets/modules/document.sass */
  section.section-contact .half p {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

/* line 585, app/assets/stylesheets/modules/document.sass */
section.section-contact .contact {
  margin-top: 20px;
  padding-top: 20px !important;
}

@media (max-width: 1060px) {
  /* line 585, app/assets/stylesheets/modules/document.sass */
  section.section-contact .contact {
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 20px !important;
  }
}

@media (max-width: 500px) {
  /* line 585, app/assets/stylesheets/modules/document.sass */
  section.section-contact .contact {
    margin-top: 0;
    padding-top: 0 !important;
  }
}

/* line 596, app/assets/stylesheets/modules/document.sass */
section.section-contact .numbers-genossenschaften {
  text-align: center;
}

/* line 598, app/assets/stylesheets/modules/document.sass */
section.section-contact .numbers-genossenschaften .numbers-centered_text {
  font-size: 166px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 602, app/assets/stylesheets/modules/document.sass */
section.section-contact .numbers-genossenschaften .numbers-centered_description {
  padding-top: 25px;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 610, app/assets/stylesheets/modules/document.sass */
section#obis {
  padding-top: 40px;
}

/* line 613, app/assets/stylesheets/modules/document.sass */
section#obis header {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  margin-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 621, app/assets/stylesheets/modules/document.sass */
section#obis header h2 {
  width: 100%;
  font-size: 0;
  background-size: 290px;
  margin: 0 auto;
  margin-bottom: 60px;
}

/* line 630, app/assets/stylesheets/modules/document.sass */
section#obis header p {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #2d2a26;
  margin-top: 90px;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 1220px) {
  /* line 639, app/assets/stylesheets/modules/document.sass */
  section#obis header p {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media (max-width: 420px) {
  /* line 644, app/assets/stylesheets/modules/document.sass */
  section#obis header p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 649, app/assets/stylesheets/modules/document.sass */
section#obis .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1140px) {
  /* line 649, app/assets/stylesheets/modules/document.sass */
  section#obis .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 657, app/assets/stylesheets/modules/document.sass */
section#obis .actions {
  margin-top: 40px;
  text-align: center;
}

/* line 661, app/assets/stylesheets/modules/document.sass */
section#obis .half {
  width: 100%;
  max-width: 515px;
  margin: 0 auto;
}

/* line 666, app/assets/stylesheets/modules/document.sass */
section#obis .half img {
  margin-top: 2px;
  width: 515px;
  pointer-events: none;
}

@media screen and (min-width: 0\0) {
  /* line 666, app/assets/stylesheets/modules/document.sass */
  section#obis .half img {
    width: 100%;
  }
}

@media (max-width: 515px) {
  /* line 666, app/assets/stylesheets/modules/document.sass */
  section#obis .half img {
    width: 100%;
  }
}

/* line 675, app/assets/stylesheets/modules/document.sass */
section#obis .half h3 {
  color: #e3000f;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 680, app/assets/stylesheets/modules/document.sass */
section#obis .half p + h3 {
  margin-top: 50px;
}

/* line 682, app/assets/stylesheets/modules/document.sass */
section#obis .half p {
  color: #2d2a26;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 687, app/assets/stylesheets/modules/document.sass */
#alles-fuer-das-dach-einblicke {
  background: #f5f3ef;
}

/* line 692, app/assets/stylesheets/modules/document.sass */
#leistungen-citation-keks {
  background: #f5f3ef;
}

/* line 695, app/assets/stylesheets/modules/document.sass */
#leistungen-portfolio {
  background: #f5f3ef;
  padding-top: 0;
}

/* line 698, app/assets/stylesheets/modules/document.sass */
#leistungen-portfolio p {
  margin: 0;
}

/* line 701, app/assets/stylesheets/modules/document.sass */
#services {
  background: #f5f3ef;
  padding-top: 80px;
  padding-bottom: 20px;
}

/* line 706, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit {
  background: #f5f3ef;
  padding-top: 120px;
  padding-bottom: 60px;
}

/* line 710, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit img {
  width: 210px;
}

/* line 713, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 1140px) {
  /* line 713, app/assets/stylesheets/modules/document.sass */
  #nachhaltigkeit .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1030px) {
  /* line 713, app/assets/stylesheets/modules/document.sass */
  #nachhaltigkeit .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 723, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit .container article {
  width: 100%;
  max-width: 770px;
  margin: 0 auto;
}

/* line 727, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit .container article h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #00734e;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 731, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit .container article p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
}

/* line 735, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit .container aside {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1030px) {
  /* line 735, app/assets/stylesheets/modules/document.sass */
  #nachhaltigkeit .container aside {
    margin-top: 20px;
  }
}

/* line 743, app/assets/stylesheets/modules/document.sass */
#nachhaltigkeit .container aside img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

/* line 747, app/assets/stylesheets/modules/document.sass */
#umweltschutz {
  background: #f5f3ef;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 752, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach {
  padding-bottom: 60px;
  padding-top: 175px;
}

/* line 755, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 755, app/assets/stylesheets/modules/document.sass */
  #das-ideale-dach .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 759, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach h2 {
  font-size: 50px;
  line-height: 70px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 530px) {
  /* line 759, app/assets/stylesheets/modules/document.sass */
  #das-ideale-dach h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: inherit;
  }
}

@media (max-width: 375px) {
  /* line 759, app/assets/stylesheets/modules/document.sass */
  #das-ideale-dach h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 770, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach h2 strong {
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #e3000f;
}

/* line 774, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach .icon {
  -webkit-animation: heartBeat 1s;
     -moz-animation: heartBeat 1s;
          animation: heartBeat 1s;
}

/* line 776, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach .icon:nth-of-type(1) {
  -webkit-animation-delay: 0.4s;
     -moz-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

/* line 778, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach .icon:nth-of-type(2) {
  -webkit-animation-delay: 0.8s;
     -moz-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

/* line 780, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach .icon:nth-of-type(3) {
  -webkit-animation-delay: 1.2s;
     -moz-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

/* line 782, app/assets/stylesheets/modules/document.sass */
#das-ideale-dach .icon img {
  width: 50px;
  text-align: center;
}

/* line 788, app/assets/stylesheets/modules/document.sass */
.mapboxgl-ctrl-logo,
.mapboxgl-ctrl-attrib {
  display: none;
}

/* line 792, app/assets/stylesheets/modules/document.sass */
#willkommen {
  background: #f5f3ef;
}

/* line 795, app/assets/stylesheets/modules/document.sass */
#stellenangebote-auflistung {
  background: #f5f3ef;
  padding-bottom: 20px;
  padding-top: 20px;
}

/* line 799, app/assets/stylesheets/modules/document.sass */
#stellenangebote-auflistung article {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 40px;
}

/* line 803, app/assets/stylesheets/modules/document.sass */
#stellenangebote-auflistung article .little-card--list {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* line 806, app/assets/stylesheets/modules/document.sass */
#stellenangebote-auflistung article h1.little-card--list-heading {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #2d2a26;
  width: 100%;
  padding: 10px;
  padding-left: 20px;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 815, app/assets/stylesheets/modules/document.sass */
#inpage-navigation--selector {
  background: #f5f3ef;
  margin-top: -40px;
  padding-bottom: 40px;
}

/* line 820, app/assets/stylesheets/modules/document.sass */
#article-inpage-navigation--selector {
  background: white;
  margin-top: -40px;
  padding-bottom: 0px;
}

/* line 826, app/assets/stylesheets/modules/document.sass */
.text-balance {
  text-wrap: balance;
}
/* line 4, app/assets/stylesheets/modules/buttons.sass */
.button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 11, app/assets/stylesheets/modules/buttons.sass */
.button-group a {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* line 16, app/assets/stylesheets/modules/buttons.sass */
.button--clear, .button--white_arrow, .button--geschaeftsbericht::after, .button--green_arrow {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  color: #e3000f;
  border: 3px solid #e3000f;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: white;
  text-decoration: none;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  line-height: 30px;
  height: 44px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 32, app/assets/stylesheets/modules/buttons.sass */
.button--clear:hover, .button--white_arrow:hover, .button--geschaeftsbericht:hover::after, .button--green_arrow:hover {
  background: #e3000f;
  color: white;
}

/* line 37, app/assets/stylesheets/modules/buttons.sass */
.button--white_arrow, .button--geschaeftsbericht::after, .button--green_arrow {
  border: none !important;
  background: white url(/assets/ui/arrow_right_red-910da1fea30c9893da749af68399c48cfa0df7015e7f84dab92b9c7392323137.svg) no-repeat 40px 50% !important;
  background-size: 30px !important;
  font-size: 0;
  min-width: 90px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 45, app/assets/stylesheets/modules/buttons.sass */
.button--white_arrow:hover, .button--geschaeftsbericht:hover::after, .button--green_arrow:hover {
  -webkit-box-shadow: 0px 2px 10px rgba(45, 42, 38, 0.2);
          box-shadow: 0px 2px 10px rgba(45, 42, 38, 0.2);
  margin-left: 10px;
}

/* line 49, app/assets/stylesheets/modules/buttons.sass */
.button--green_arrow {
  border: none !important;
  background: #00998a url(/assets/ui/arrow_right_white-4247b4815fd37fbded19b9cdf952bb0da81d3591a7e02739e6ae6df28b319ff6.svg) no-repeat 40px 50% !important;
}

/* line 54, app/assets/stylesheets/modules/buttons.sass */
* + .button--green_arrow {
  margin-top: 20px;
}

/* line 57, app/assets/stylesheets/modules/buttons.sass */
.button--red_large {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: inherit;
  display: inline-block;
  color: white;
  border: 3px solid #e3000f;
  background: #e3000f;
  background-position: 0px 0px;
  -moz-border-radius: 50px;
       border-radius: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
  padding-bottom: 20px;
  text-decoration: none;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  line-height: 30px;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}

/* line 77, app/assets/stylesheets/modules/buttons.sass */
.button--red_large:hover {
  background: white;
  color: #e3000f;
  border: 3px solid #e3000f;
}

/* line 83, app/assets/stylesheets/modules/buttons.sass */
.button--red_small {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  color: white !important;
  border: 3px solid #e3000f;
  background: #e3000f;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  line-height: 30px;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}

/* line 103, app/assets/stylesheets/modules/buttons.sass */
.button--red_small:hover {
  background: white;
  color: #e3000f !important;
  border: 3px solid #e3000f;
}

/* line 111, app/assets/stylesheets/modules/buttons.sass */
.button--red, .button--green {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  color: white;
  border: 3px solid #e3000f;
  background: #e3000f;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}

@media (max-width: 420px) {
  /* line 111, app/assets/stylesheets/modules/buttons.sass */
  .button--red, .button--green {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 133, app/assets/stylesheets/modules/buttons.sass */
.button--red:hover, .button--green:hover {
  background: white;
  color: #e3000f;
  border: 3px solid #e3000f;
}

/* line 139, app/assets/stylesheets/modules/buttons.sass */
.button--green {
  border: 3px solid #00998a;
  background: #00998a;
}

/* line 143, app/assets/stylesheets/modules/buttons.sass */
.button--green:hover {
  color: #00998a;
  border: 3px solid #00998a;
}

/* line 147, app/assets/stylesheets/modules/buttons.sass */
.button--beige, .button--white {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  color: white;
  border: 3px solid #958a7a;
  background: #958a7a;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
  position: relative;
}

/* line 166, app/assets/stylesheets/modules/buttons.sass */
.button--beige:hover, .button--white:hover {
  background: white;
  color: #958a7a;
  border: 3px solid #958a7a;
}

/* line 172, app/assets/stylesheets/modules/buttons.sass */
.button--white {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  border-color: white;
  background: white;
  color: #2d2a26;
}

/* line 179, app/assets/stylesheets/modules/buttons.sass */
.button--white:hover {
  color: #958a7a;
  border: 3px solid #958a7a;
}

/* line 183, app/assets/stylesheets/modules/buttons.sass */
.button--blue {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  color: #2d2a26;
  border: 3px solid #A5D7D5;
  background: #A5D7D5;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  line-height: 30px;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}

/* line 203, app/assets/stylesheets/modules/buttons.sass */
.button--blue:hover {
  background: #82c7c5;
  color: #2d2a26;
  border: 3px solid #A5D7D5;
}

/* line 208, app/assets/stylesheets/modules/buttons.sass */
.button--black {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  color: white !important;
  border: 3px solid #2d2a26;
  background: #2d2a26;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  line-height: 35px;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}

/* line 229, app/assets/stylesheets/modules/buttons.sass */
.button--black.active, .button--black:hover {
  color: #2d2a26;
  border: 3px solid #2d2a26;
  background: white;
}

/* line 235, app/assets/stylesheets/modules/buttons.sass */
.button--yellow {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  position: relative;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  text-align: center;
  height: 52px;
  line-height: 36px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 3px solid #FAE016;
  background: #FAE016;
  color: black !important;
  line-height: 35px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 255, app/assets/stylesheets/modules/buttons.sass */
.button--yellow:hover {
  background: white;
  color: black !important;
  border: 3px solid #FAE016;
}

/* line 260, app/assets/stylesheets/modules/buttons.sass */
.button--yellow_small {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  position: relative;
  background-position: 0px 0px;
  -moz-border-radius: 16px;
       border-radius: 16px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  text-align: center;
  height: 32px;
  cursor: pointer;
  line-height: 24px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 3px solid #FAE016;
  background: #FAE016;
  color: black !important;
  line-height: 35px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 281, app/assets/stylesheets/modules/buttons.sass */
.button--yellow_small:hover {
  background: white;
  color: black !important;
  border: 3px solid #FAE016;
}

/* line 286, app/assets/stylesheets/modules/buttons.sass */
.button--black-yellow {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  position: relative;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  text-align: center;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 3px solid #2d2a26;
  color: #FAE016 !important;
  background: #2d2a26;
  line-height: 35px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 306, app/assets/stylesheets/modules/buttons.sass */
.button--black-yellow:hover {
  background: #FAE016;
  color: black !important;
  border: 3px solid #FAE016;
}

/* line 311, app/assets/stylesheets/modules/buttons.sass */
.button--geschaeftsbericht {
  position: relative;
  display: block;
  margin: 50px auto 100px;
  padding: 43px 130px 37px;
  max-width: 730px;
  background-image: -webkit-gradient(linear, left top, right top, from(#fdf13100), color-stop(71%, #fae016));
  background-image: -webkit-linear-gradient(left, #fdf13100 0%, #fae016 71%);
  background-image: -moz-linear-gradient(left, #fdf13100 0%, #fae016 71%);
  background-image: linear-gradient(to right, #fdf13100 0%, #fae016 71%);
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  color: #2d2a26;
  font-size: 30px;
  line-height: 1.1;
  -moz-border-radius: 0 60px 60px 0;
       border-radius: 0 60px 60px 0;
}

@media (max-width: 550px) {
  /* line 311, app/assets/stylesheets/modules/buttons.sass */
  .button--geschaeftsbericht {
    margin: -50px auto 80px;
    padding-left: 40px;
    background-image: -webkit-gradient(linear, left top, right top, from(#fdf13100), color-stop(51%, #fae016));
    background-image: -webkit-linear-gradient(left, #fdf13100 0%, #fae016 51%);
    background-image: -moz-linear-gradient(left, #fdf13100 0%, #fae016 51%);
    background-image: linear-gradient(to right, #fdf13100 0%, #fae016 51%);
  }
}

@media (max-width: 420px) {
  /* line 311, app/assets/stylesheets/modules/buttons.sass */
  .button--geschaeftsbericht {
    font-size: 22px;
    padding: 33px 130px 27px 30px;
  }
}

/* line 332, app/assets/stylesheets/modules/buttons.sass */
.button--geschaeftsbericht::after {
  content: "";
  background-image: url(/assets/ui/arrow_right-3a094114ae81ce7b270f6fc5f2819892cd3aa12ee6a3d121f43819cc7dc57dac.svg) !important;
  position: absolute;
  top: 50%;
  right: 160px;
  height: 50px;
  width: 90px;
  margin-top: -25px;
  padding: 0;
}

@media (max-width: 720px) {
  /* line 332, app/assets/stylesheets/modules/buttons.sass */
  .button--geschaeftsbericht::after {
    right: 30px;
  }
}

/* line 348, app/assets/stylesheets/modules/buttons.sass */
.button--geschaeftsbericht:hover::after {
  -webkit-transform: translateX(20px);
     -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}

/* line 352, app/assets/stylesheets/modules/buttons.sass */
.button--download {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  position: relative;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 40px;
  padding-right: 60px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  text-align: center;
  height: 44px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 3px solid #3F3E3E;
  color: #FAE016 !important;
  background: #3F3E3E;
  line-height: 35px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 374, app/assets/stylesheets/modules/buttons.sass */
.button--download::after {
  content: "";
  background-image: url(/assets/ui/arrow_down_white-65f278de6837ac5ef4561339dcc2cbd79fa0067c99aa7f0a34ae955f2f0c88be.svg) !important;
  background-size: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 9px;
  right: 10px;
  width: 20px;
  height: 44px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 385, app/assets/stylesheets/modules/buttons.sass */
.button--download:hover {
  background: #212121;
  color: white !important;
  border: 3px solid #212121;
}

/* line 389, app/assets/stylesheets/modules/buttons.sass */
.button--download:hover::after {
  top: 12px;
  background-image: url(/assets/ui/arrow_down_white-65f278de6837ac5ef4561339dcc2cbd79fa0067c99aa7f0a34ae955f2f0c88be.svg) !important;
}

/* line 393, app/assets/stylesheets/modules/buttons.sass */
.button--yellow_arrow, .button--yellow_download {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  position: relative;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  text-align: center;
  height: 52px;
  line-height: 36px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 3px solid #FAE016;
  background: #FAE016;
  color: black !important;
  line-height: 35px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  min-width: 240px;
}

/* line 416, app/assets/stylesheets/modules/buttons.sass */
.button--yellow_arrow:hover, .button--yellow_download:hover {
  background: white;
  color: black !important;
  border: 3px solid #FAE016;
}

/* line 420, app/assets/stylesheets/modules/buttons.sass */
.button--yellow_arrow::after, .button--yellow_download::after {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  background-image: url(/assets/ui/arrow_right_black_dot-0af52a87df842cf1890ae31f97e00042f1a99e0fa6e8956c3d7f82556bcacc75.svg);
  background-size: 36px;
  background-repeat: no-repeat;
  right: 6px;
  top: 5px;
}

/* line 434, app/assets/stylesheets/modules/buttons.sass */
.button--yellow_download::after {
  background-image: url(/assets/ui/arrow_down_black_dot-074830b0cb94cc0429c406f366a0a4dcfad4032861aff2fa5272d10508175a23.svg);
}

/* line 437, app/assets/stylesheets/modules/buttons.sass */
.button--widget {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: inherit;
  display: inline-block;
  position: relative;
  background-position: 0px 0px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  text-align: center;
  height: 52px;
  line-height: 36px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 3px solid #ededed;
  background: #ededed;
  color: #00998a !important;
  line-height: 35px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  min-width: 240px;
}

/* line 460, app/assets/stylesheets/modules/buttons.sass */
.button--widget:hover {
  background: white;
  color: black !important;
  border: 3px solid #00998a;
}

/* line 464, app/assets/stylesheets/modules/buttons.sass */
.button--widget::after {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  background-image: url(/assets/ui/icon-i-4e95144cb346cb9a06c5d00e3e042ccaeec4490aa6a9cc7db218ce644573a8ba.svg);
  background-size: 36px;
  background-repeat: no-repeat;
  right: 6px;
  top: 5px;
}
/* line 4, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #2d2a26;
  color: white;
  padding-top: 20px;
  padding-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 760px) {
  /* line 4, app/assets/stylesheets/modules/cookie_banner.sass */
  .cookies {
    padding-bottom: 40px;
  }
}

/* line 19, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies.hidden {
  bottom: -200px;
}

/* line 21, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 760px) {
  /* line 21, app/assets/stylesheets/modules/cookie_banner.sass */
  .cookies .cookies-content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 29, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content .cookies-content--text {
  margin: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
}

@media (max-width: 760px) {
  /* line 29, app/assets/stylesheets/modules/cookie_banner.sass */
  .cookies .cookies-content .cookies-content--text {
    padding: 20px;
  }
}

/* line 37, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content .cookies-content--text a:visited,
.cookies .cookies-content .cookies-content--text a:link {
  color: white;
  border-bottom: 2px solid white;
  text-decoration: none;
}

/* line 42, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content .cookies-content--text a:hover {
  color: #a39383;
  border-bottom: 2px solid #a39383;
}

/* line 46, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content--actions {
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}

@media (max-width: 760px) {
  /* line 46, app/assets/stylesheets/modules/cookie_banner.sass */
  .cookies .cookies-content--actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 20px 0 auto;
  }
}

/* line 54, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content--actions .button--white {
  width: 160px;
  height: auto;
  padding: 8px 20px;
}

@media (max-width: 760px) {
  /* line 54, app/assets/stylesheets/modules/cookie_banner.sass */
  .cookies .cookies-content--actions .button--white {
    width: auto;
    min-width: 140px;
  }
}

/* line 63, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content--actions .button--white:hover {
  color: #e3000f;
  border-color: #e3000f;
}

/* line 67, app/assets/stylesheets/modules/cookie_banner.sass */
.cookies .cookies-content--actions .button--white + .button--white {
  margin-top: 12px;
}

@media (max-width: 760px) {
  /* line 67, app/assets/stylesheets/modules/cookie_banner.sass */
  .cookies .cookies-content--actions .button--white + .button--white {
    margin: 0 0 0 16px;
  }
}
/* line 5, app/assets/stylesheets/modules/header.sass */
header.main-page {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 890px) {
  /* line 5, app/assets/stylesheets/modules/header.sass */
  header.main-page {
    height: 70px;
    margin-bottom: -70px;
  }
}

/* line 14, app/assets/stylesheets/modules/header.sass */
header.main-page.header-active {
  background: #2d2a26;
}

@media (max-width: 890px) {
  /* line 14, app/assets/stylesheets/modules/header.sass */
  header.main-page.header-active {
    background: transparent;
  }
}
/* line 4, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile {
  position: fixed;
  height: 100%;
  width: 100vw;
  background: #2d2a26;
  z-index: 700;
  padding: 0;
  padding-bottom: 60px;
  margin: 0;
  color: white;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: bottom 0.4s ease-in-out;
  -moz-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  bottom: -100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 25, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile.visible {
  bottom: 0;
}

/* line 28, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile .navigation--mobile_close {
  position: absolute;
  top: 25px;
  right: 25px;
  height: 30px;
  width: 30px;
  font-size: 0;
  background: transparent url(/assets/ui/close-27caa7df1263ffe219ff2a349f2beb1c7bb391d97a2c30b69e1bdb83c1d7adb1.svg) no-repeat 0 0;
}

/* line 36, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile .navigation--mobile_close:hover {
  cursor: pointer;
  -webkit-animation: swing 1s;
     -moz-animation: swing 1s;
          animation: swing 1s;
}

/* line 40, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile ul {
  width: 100%;
  max-width: 380px;
  list-style-type: none;
  list-style-position: inside;
  margin: 0 auto;
  margin-bottom: 30px;
}

@media (min-width: 620px) {
  /* line 46, app/assets/stylesheets/modules/navigation-mobile.sass */
  nav.navigation--mobile ul.tablet {
    display: none;
  }
}

/* line 51, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile ul a:visited,
nav.navigation--mobile ul a:link {
  text-decoration: none;
  color: white;
  position: relative;
}

/* line 57, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile ul a:hover {
  border-bottom: 2px solid white;
}

/* line 60, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile ul li {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 64, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile h4 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 10px;
  margin-top: 20px;
  color: white;
}

/* line 71, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile h3.logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0;
  min-width: 80px;
  height: 80px;
  background: transparent url(/assets/deg-logo-flag-4a4c58dfd08cc3bcfa6c2c442f0b0be392791c1b4bb36faeb10075c8522a3d5c.svg) no-repeat left bottom;
  background-size: 106px;
  margin-bottom: 30px;
  margin-left: 25px;
}

/* line 81, app/assets/stylesheets/modules/navigation-mobile.sass */
nav.navigation--mobile h3.logo a {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 86, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile-container-list {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 620px) {
  /* line 86, app/assets/stylesheets/modules/navigation-mobile.sass */
  .navigation--mobile-container-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  /* line 94, app/assets/stylesheets/modules/navigation-mobile.sass */
  .navigation--mobile-container-list .navigation--mobile-container {
    width: 100%;
    max-width: 300px;
    padding-top: 20px;
  }
  /* line 97, app/assets/stylesheets/modules/navigation-mobile.sass */
  .navigation--mobile-container-list .navigation--mobile-container .navigation--list {
    padding-bottom: 100px;
  }
}

/* line 102, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile .navigation--dropdown-list {
  position: relative;
  top: 0;
  display: none;
}

@media (min-width: 600px) {
  /* line 102, app/assets/stylesheets/modules/navigation-mobile.sass */
  .navigation--mobile .navigation--dropdown-list {
    display: block;
  }
}

/* line 109, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile .navigation--dropdown-list .navigation--dropdown-item {
  display: block !important;
}

/* line 111, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile .navigation--dropdown-list .navigation--dropdown-item h5 {
  color: white;
  text-align: left;
  margin-left: 30px;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
}

/* line 117, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile .navigation--dropdown-list .navigation--dropdown-item h5 a:visited,
.navigation--mobile .navigation--dropdown-list .navigation--dropdown-item h5 a:link {
  color: white;
  text-decoration: none;
}

/* line 122, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile .navigation--dropdown-list .navigation--dropdown-item .navigation--main_subnavigation {
  max-width: 100%;
  padding-bottom: 40px;
}

/* line 129, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile .navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_description {
  text-align: left;
}

/* line 132, app/assets/stylesheets/modules/navigation-mobile.sass */
.navigation--mobile .navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_title {
  text-align: left;
}
/* line 6, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 500;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 13, app/assets/stylesheets/modules/navigation.sass */
.header-active nav.navigation--main {
  background: #2d2a26;
}

@media (max-width: 1060px) {
  /* line 13, app/assets/stylesheets/modules/navigation.sass */
  .header-active nav.navigation--main {
    background: transparent;
  }
}

/* line 17, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul {
  max-width: 1140px;
  margin: 0 auto;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 701;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 1060px) {
  /* line 17, app/assets/stylesheets/modules/navigation.sass */
  nav.navigation--main > ul {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* line 32, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li {
  z-index: 702;
  height: 80px;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  list-style-type: none;
  list-style-position: inside;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0;
  padding-top: 12px;
  font-size: 15px;
  line-height: 8px;
  letter-spacing: 0.4px;
  line-height: auto;
  overflow-wrap: break-word;
}

@media (max-width: 1060px) {
  /* line 32, app/assets/stylesheets/modules/navigation.sass */
  nav.navigation--main > ul > li {
    display: none;
  }
}

/* line 50, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li:last-child {
  margin-right: 25px;
}

/* line 53, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li a:visited,
nav.navigation--main > ul > li a:link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  display: inline;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-ende;
  -webkit-align-items: flex-ende;
     -moz-box-align: flex-ende;
      -ms-flex-align: flex-ende;
          align-items: flex-ende;
  color: #2d2a26;
  padding-bottom: 20px;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 65, app/assets/stylesheets/modules/navigation.sass */
.header-active nav.navigation--main > ul > li a:visited, .header-active nav.navigation--main > ul > li a:link {
  color: white;
}

/* line 72, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li a:hover,
nav.navigation--main > ul > li a.active {
  color: #e3000f;
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li a:hover:before,
nav.navigation--main > ul > li a.active:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 10px;
  width: 40px;
  height: 2px;
  background: #e3000f;
  -webkit-animation: fadeInUp 0.5s;
     -moz-animation: fadeInUp 0.5s;
          animation: fadeInUp 0.5s;
}

/* line 86, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.logo {
  margin-left: 15px;
  margin-right: 5px;
  font-size: 0;
  display: block;
  padding-top: 0;
  width: 80px;
  height: 106px;
  background: transparent url(/assets/deg-logo-flag-4a4c58dfd08cc3bcfa6c2c442f0b0be392791c1b4bb36faeb10075c8522a3d5c.svg) no-repeat left -25px;
  background-size: 106px;
  z-index: 900;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 98, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.logo:hover {
  background-position: left -20px;
}

@media (max-width: 1060px) {
  /* line 98, app/assets/stylesheets/modules/navigation.sass */
  nav.navigation--main > ul > li.logo:hover {
    background-position: left -25px !important;
  }
}

@media (max-width: 1060px) {
  /* line 86, app/assets/stylesheets/modules/navigation.sass */
  nav.navigation--main > ul > li.logo {
    display: block;
    background-position: left -25px;
  }
}

/* line 107, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.logo a {
  height: 100%;
  width: 100%;
  display: block;
}

/* line 113, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.logo a:hover:before,
nav.navigation--main > ul > li.logo a.active:before {
  display: none;
}

/* line 116, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.burger {
  display: none;
  margin: 0;
  padding: 0;
  margin-right: 20px;
}

@media (max-width: 1060px) {
  /* line 116, app/assets/stylesheets/modules/navigation.sass */
  nav.navigation--main > ul > li.burger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* line 124, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.burger .navigation--burger_icon {
  margin-left: auto;
  height: 30px;
  width: 30px;
  background: transparent url(/assets/ui/burger-7b472c4852f63a5645ce3d4472ec14e718c4a7fa23892d0d534473bd2c1a684c.svg) no-repeat center center;
  background-size: 100%;
  font-size: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* line 133, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.burger .navigation--burger_icon:hover {
  -webkit-animation: swing 1s;
     -moz-animation: swing 1s;
          animation: swing 1s;
}

/* line 135, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.burger .navigation--burger_icon a {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 139, app/assets/stylesheets/modules/navigation.sass */
nav.navigation--main > ul > li.burger .navigation--burger_icon a:before {
  display: none;
}
/* line 4, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list {
  position: absolute;
  left: 0;
  width: 100%;
  background: #2d2a26;
  z-index: 200;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  padding-top: 20px;
  padding-bottom: 0px;
  top: -600px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 17, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list.visible {
  top: 90px;
  opacity: 1;
}

@media (max-width: 890px) {
  /* line 17, app/assets/stylesheets/modules/navigation-dropdown.sass */
  .navigation--dropdown-list.visible {
    top: -600px;
    opacity: 0;
  }
}

/* line 24, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item {
  background: #2d2a26;
  animation-direction: reverse;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  display: none;
}

/* line 31, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item.visible {
  display: block;
}

/* line 34, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .navigation--main_subnavigation {
  z-index: 400;
  margin: 0;
  position: relative;
  top: 0;
  margin: 0 auto;
  color: white;
  list-style-type: none;
  list-style-position: inside;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 45, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item {
  padding: 30px;
  padding-bottom: 30px;
  padding-top: 20px;
  color: white;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  width: 100%;
  max-width: 280px;
  border-left: 2px solid #3b3731;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 54, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item:first-child {
  border: none;
}

/* line 57, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* line 60, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item a {
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  padding-top: 10px;
}

/* line 67, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item figure {
  width: 100%;
  height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 73, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -o-object-position: 0 100%;
     object-position: 0 100%;
}

/* line 81, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_description {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: inherit;
  color: #b6ad9d;
}

/* line 86, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_description .ilikedeg {
  display: block;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 65px;
  line-height: 53px;
  letter-spacing: inherit;
  color: #b6ad9d;
}

/* line 91, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_description .ilikedeg .red {
  color: #e3000f;
}

/* line 95, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_title {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: inherit;
  color: #ebe8e0;
  position: relative;
  margin-top: 15px;
  padding-top: 10px;
}

/* line 103, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 40px;
  height: 2px;
  background: #e3000f;
  -webkit-animation: fadeInUp 0.5s;
     -moz-animation: fadeInUp 0.5s;
          animation: fadeInUp 0.5s;
}

/* line 113, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_title.green:before {
  background: #00734e;
}

/* line 117, app/assets/stylesheets/modules/navigation-dropdown.sass */
.navigation--dropdown-list .navigation--dropdown-item .subnavigation-item .subnavigation-item_title.new:after {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  content: "Neu";
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: inherit;
  color: #009993;
  border: 1px solid #009993;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  padding-bottom: 1px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  position: relative;
  top: -2px;
}
/* line 5, app/assets/stylesheets/modules/footer.sass */
footer.main-page article.page-controls {
  width: 100%;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #f5f3ef;
}

/* line 13, app/assets/stylesheets/modules/footer.sass */
footer.main-page article.page-controls a {
  height: 20px;
  width: 13px;
  background: transparent url(/assets/ui/top_arrow-b668c70b5389bb8a5a7c4f26a49dc2b8f6a51b0ed94979a6e1b7a942727b28ed.svg) no-repeat center center;
  background-size: 13px;
}

/* line 18, app/assets/stylesheets/modules/footer.sass */
footer.main-page article.page-controls a:hover {
  border-bottom: 2px solid #f5f3ef;
}

/* line 21, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation {
  width: 100%;
  background: white;
  min-height: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 29, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list {
  width: 100%;
  max-width: 1140px;
  list-style-type: none;
  list-style-position: inside;
  min-height: 55px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
  padding-top: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 45, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item {
  font-size: 0;
  height: 60px;
  width: 120px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 30px;
}

@media (max-width: 600px) {
  /* line 45, app/assets/stylesheets/modules/footer.sass */
  footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
}

/* line 59, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item.group-navigation--item_deg {
  background: transparent url(/assets/footer/deg-logo-f862c2ab032edf43917e9d538fd503307f0fdcb3799d8e2dba0d6bc4555584d0.png) no-repeat left bottom;
  background-size: 120px;
}

/* line 62, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item.group-navigation--item_zedach {
  background: transparent url(/assets/footer/zedach-logo-ec86ce846940fb2d97775e51c4b038e5c4ae7d9bfb0dda2a79c7116b7ccc5ac3.png) no-repeat left bottom;
  background-size: 120px;
}

/* line 65, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item.group-navigation--item_obis {
  background: transparent url(/assets/footer/obis-logo-0406c3425e0a4839742db09045dfb446fa85699c47f6b178397da46463cab72e.png) no-repeat left bottom;
  background-size: 105px;
}

/* line 68, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item.group-navigation--item_dachmarketing {
  background: transparent url(/assets/footer/dachmarketing-logo-18fcf414583fc1bef727518fccdbf919dfc0f522e9117c4007507156fb8c8e94.svg) no-repeat left bottom;
  background-size: 200px;
  width: 200px;
}

/* line 72, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item.group-navigation--item_flexbox {
  background: transparent url(/assets/footer/flexbox-logo-f09602bc47cc1214b193b2c6f0f4e9ea3764fd3373e0316a38675cae86d17584.svg) no-repeat left bottom;
  background-size: 125px;
  width: 125px;
}

/* line 76, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item.group-navigation--item_dachlive {
  background: transparent url(/assets/footer/dachlive-logo-b52e1f2bad5e79851ba86ab7f0e4502dab94128bbef60010530ef5a1fba138b4.svg) no-repeat left bottom;
  background-size: 130px;
  width: 130px;
}

/* line 80, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item.group-navigation--item_dachprofi24 {
  background: transparent url(/assets/footer/dachprofi24-4c79dd636c294fc622c7b55eb063dbaa8fdc79db5cf17ee60910531510aa7601.svg) no-repeat left 70%;
  background-size: 130px;
  width: 130px;
}

/* line 84, app/assets/stylesheets/modules/footer.sass */
footer.main-page nav.group-navigation ol.group-navigation--list li.group-navigation--item a {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 89, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation {
  background: #2d2a26;
  width: 100%;
  max-width: none;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 97, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation:last-child {
  padding-bottom: 90px;
}

/* line 100, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation nav {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 107, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}

/* line 111, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item h3.sitemap-navigation_heading {
  color: #d9d2c3;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 20px;
}

/* line 117, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol {
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

/* line 123, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li a:visited,
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li a:link {
  text-decoration: none;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: inherit;
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 129, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li a:hover {
  color: #e3000f;
}

/* line 133, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li.new:after {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  content: "Neu";
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: inherit;
  color: #009993;
  border: 1px solid #009993;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  padding-bottom: 1px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  position: relative;
  top: -2px;
}

/* line 150, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li.todo:after {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  content: "Todo";
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: inherit;
  color: #7ED321;
  border: 1px solid #7ED321;
  background: transparent;
  margin-left: 10px;
  left: 6px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 1px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  position: relative;
  top: -2px;
}

/* line 170, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li.instagram a:hover {
  color: #FEC456 !important;
}

/* line 173, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li.instagram:after {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  content: "o";
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: inherit;
  color: #fff;
  background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -moz-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  margin-left: 10px;
  left: 6px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 1px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  position: relative;
  top: -2px;
}

/* line 193, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li.facebook a:hover {
  color: #3B5998 !important;
}

/* line 195, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li.facebook:after {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  content: "f";
  margin-left: 10px;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: inherit;
  color: #fff;
  background: #3B5998;
  margin-left: 8px;
  left: 13px;
  padding-left: 6px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 1px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  position: relative;
  top: -2px;
}

/* line 215, app/assets/stylesheets/modules/footer.sass */
footer.main-page .sitemap-navigation .sitemap-navigation-item ol li.pinterest:after {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  content: "P";
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 9px;
  letter-spacing: inherit;
  color: #E60023;
  background: #F0F0F0;
  margin-left: 10px;
  left: 13px;
  padding-left: 5px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 1px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  position: relative;
  top: -2px;
}

/* line 234, app/assets/stylesheets/modules/footer.sass */
footer.main-page .brand-award-section {
  background: #2d2a26;
  width: 100%;
  max-width: none;
  padding-top: 10px;
  padding-bottom: 90px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 244, app/assets/stylesheets/modules/footer.sass */
footer.main-page .brand-award-section .award__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 60px;
  border-top: 1px solid #f5f3ef;
}

@media (max-width: 940px) {
  /* line 244, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 60px 5% 0;
  }
}

@media (max-width: 840px) {
  /* line 244, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__container {
    padding: 60px 0 0;
  }
}

/* line 260, app/assets/stylesheets/modules/footer.sass */
footer.main-page .brand-award-section .award__image {
  max-width: 200px;
  margin-right: 10%;
}

@media (max-width: 750px) {
  /* line 260, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__image {
    width: 35%;
  }
}

@media (max-width: 450px) {
  /* line 260, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__image {
    width: 60%;
  }
}

/* line 269, app/assets/stylesheets/modules/footer.sass */
footer.main-page .brand-award-section .award__image img {
  width: 100%;
}

/* line 272, app/assets/stylesheets/modules/footer.sass */
footer.main-page .brand-award-section .award__title {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  line-height: 1;
  color: white;
  max-width: 440px;
}

@media (max-width: 1000px) {
  /* line 272, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__title {
    font-size: 32px;
  }
}

@media (max-width: 750px) {
  /* line 272, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__title {
    font-size: 24px;
    width: 55%;
  }
}

@media (max-width: 450px) {
  /* line 272, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__title {
    width: 80%;
    margin-top: 30px;
  }
}

/* line 289, app/assets/stylesheets/modules/footer.sass */
footer.main-page .brand-award-section .award__button {
  margin-left: auto;
}

@media (max-width: 940px) {
  /* line 289, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__button {
    margin-top: -30px;
  }
}

@media (max-width: 750px) {
  /* line 289, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__button {
    height: 38px;
    line-height: 14px;
  }
}

@media (max-width: 600px) {
  /* line 289, app/assets/stylesheets/modules/footer.sass */
  footer.main-page .brand-award-section .award__button {
    margin-top: 25px;
    margin-left: 0;
  }
}
/* line 5, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery {
  margin: 0 auto;
  height: 570px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 13, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery_backdrop_list {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 19, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery_backdrop_list figure.card-gallery_backdrop_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 25%;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* line 28, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery_backdrop_list figure.card-gallery_backdrop_item.active {
  width: 100% !important;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* line 33, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery_backdrop_list figure.card-gallery_backdrop_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 0\0) {
  /* line 33, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery .card-gallery_backdrop_list figure.card-gallery_backdrop_item img {
    height: 100%;
    width: auto;
  }
}

/* line 191, app/assets/stylesheets/modules/../includes/mixins.sass */
.card-gallery .card-gallery_backdrop_list figure.card-gallery_backdrop_item img _:-ms-fullscreen, .card-gallery .card-gallery_backdrop_list figure.card-gallery_backdrop_item img :root .ie11up {
  height: 100%;
  width: auto;
}

/* line 48, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0px;
  left: 20px;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 1240px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

@media (max-width: 560px) {
  /* line 48, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
  }
}

/* line 66, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item {
  list-style-type: none;
  list-style-position: inside;
  width: 33%;
  height: 100%;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media (max-width: 1300px) {
  /* line 66, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item {
    min-width: 340px;
  }
}

/* line 76, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item .card-gallery--item-action {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* line 81, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item a:visited,
.card-gallery ul.card-gallery--list li.card-gallery--item a:link {
  width: 100%;
  display: block;
  background: #a39383;
  color: white;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  bottom: 50px;
  min-height: 200px !important;
  height: 250px !important;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  padding: 20px 20px 30px;
}

/* line 96, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item a:visited:after,
.card-gallery ul.card-gallery--list li.card-gallery--item a:link:after {
  -webkit-animation-name: fadeOutDown;
     -moz-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
  -webkit-animation-duration: 0.2s;
     -moz-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

@media (max-width: 560px) {
  /* line 81, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item a:visited,
.card-gallery ul.card-gallery--list li.card-gallery--item a:link {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1300px) {
  /* line 66, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: none;
    margin-left: 30px;
  }
}

@media (max-width: 560px) {
  /* line 66, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: 440px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

/* line 114, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item.card-gallery--item_active {
  display: block !important;
}

/* line 116, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item.card-gallery--item_active a {
  background: #2d2a26;
}

/* line 120, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item.card-gallery--item_active {
  position: relative;
}

/* line 122, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item.card-gallery--item_active a {
  height: 320px !important;
  bottom: 20px;
  background: #2d2a26;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (max-width: 560px) {
  /* line 122, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item.card-gallery--item_active a {
    height: 230px !important;
    padding-right: 30px;
  }
}

/* line 133, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item.card-gallery--item_active a:after {
  content: "";
  position: absolute;
  -moz-border-radius: 30px;
       border-radius: 30px;
  bottom: 20px;
  right: 20px;
  height: 48px;
  width: 90px;
  background: #e3000f url(/assets/card-gallery/arrow_right-5b42ae09ed2462a20f8737a199e8b5180690d4d1c3e58f852965a98c98b3c72c.svg) no-repeat 40px center;
  background-size: 30px;
  -webkit-animation-name: fadeInUp;
     -moz-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 0.4s;
     -moz-animation-duration: 0.4s;
          animation-duration: 0.4s;
}

/* line 151, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item .card-gallery--heading_subtext {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #d9d2c3;
}

@media (max-width: 480px) {
  /* line 151, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item .card-gallery--heading_subtext {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: inherit;
  }
}

/* line 159, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item .card-gallery--heading_text {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 38px;
  line-height: 50px;
  color: #ebe8e0;
}

@media (max-width: 480px) {
  /* line 159, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item .card-gallery--heading_text {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 167, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery ul.card-gallery--list li.card-gallery--item .card-gallery--description {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #d9d2c3;
  margin-top: 10px;
}

@media (max-width: 480px) {
  /* line 167, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery ul.card-gallery--list li.card-gallery--item .card-gallery--description {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 177, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface {
  position: absolute;
  bottom: -40px;
  left: 0;
  height: 30px;
  width: 100%;
  display: none;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1300px) {
  /* line 177, app/assets/stylesheets/modules/card-gallery.sass */
  .card-gallery .card-gallery-interface {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 191, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface .card-gallery--navigation_arrow {
  width: 10px;
  height: 20px;
  padding-bottom: 10px;
}

/* line 195, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface .card-gallery--navigation_arrow:hover {
  border-bottom: 2px solid #e3000f;
  cursor: pointer;
}

/* line 199, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface .card-gallery--navigation_arrow_left {
  background: transparent url(/assets/ui/slider_left-867e069d21a43bd4e29c2f317aca532b301ca2119be2cdafe4902c979e242922.svg) no-repeat center top;
  background-size: 10px 14px;
  margin-right: auto;
}

/* line 203, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface .card-gallery--navigation_arrow_right {
  background: transparent url(/assets/ui/slider_right-73e6076416fe6441318a922ead5d969ed9d59e655df6179551c17946d64cd0c8.svg) no-repeat center top;
  background-size: 10px 14px;
  margin-left: auto;
}

/* line 209, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface .card-gallery-interface--dot-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 213, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface .card-gallery-interface--dot-item {
  height: 12px;
  width: 12px;
  background: #d9d2c3;
  -moz-border-radius: 30px;
       border-radius: 30px;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  font-size: 0;
}

/* line 222, app/assets/stylesheets/modules/card-gallery.sass */
.card-gallery .card-gallery-interface .card-gallery-interface--dot-item.active, .card-gallery .card-gallery-interface .card-gallery-interface--dot-item:hover {
  background: #2d2a26;
}
/* line 6, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-width: 15px;
  height: 48px;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  color: black;
  border: 1px solid #e8e8e8;
  -moz-border-radius: 99px;
       border-radius: 99px;
  margin-bottom: 24px;
}

@media (max-width: 600px) {
  /* line 6, app/assets/stylesheets/modules/segmented_button.sass */
  .segmented-button {
    font-size: 12px;
  }
}

/* line 23, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  max-width: 50%;
  color: black;
  text-decoration: none;
  padding: 8px 16px;
  font-family: inherit;
  font-size: inherit;
  -webkit-transition: background-color 0.2s, border-color 0.2s, font-weight 0.1s, -webkit-box-shadow 0.2s;
  transition: background-color 0.2s, border-color 0.2s, font-weight 0.1s, -webkit-box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s, background-color 0.2s, border-color 0.2s, font-weight 0.1s;
  transition: box-shadow 0.2s, background-color 0.2s, border-color 0.2s, font-weight 0.1s;
  transition: box-shadow 0.2s, background-color 0.2s, border-color 0.2s, font-weight 0.1s, -webkit-box-shadow 0.2s;
}

/* line 39, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment:first-child {
  -moz-border-radius: 99px 0 0 99px;
       border-radius: 99px 0 0 99px;
}

/* line 41, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment:last-child {
  -moz-border-radius: 0 99px 99px 0;
       border-radius: 0 99px 99px 0;
}

/* line 44, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment span {
  margin-top: 2px;
  font-family: inherit;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -moz-transition: transform 0.2s, -moz-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;
}

/* line 49, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment + .button__segment {
  border-left: 1px solid #e8e8e8;
}

/* line 52, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment:hover, .segmented-button .button__segment:focus {
  background-color: rgba(232, 232, 232, 0.3);
}

/* line 55, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment:hover:active, .segmented-button .button__segment:focus:active {
  -webkit-box-shadow: inset 0 0 8px #e8e8e8;
          box-shadow: inset 0 0 8px #e8e8e8;
  background-color: rgba(232, 232, 232, 0.5);
}

/* line 58, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment:hover:active span, .segmented-button .button__segment:focus:active span {
  -webkit-transform: scale(0.99) translateY(1px);
     -moz-transform: scale(0.99) translateY(1px);
      -ms-transform: scale(0.99) translateY(1px);
          transform: scale(0.99) translateY(1px);
}

/* line 61, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment.active {
  background-color: #ffd939 !important;
  border-color: #ffd939;
  -webkit-box-shadow: 0 0 0 1px #ffd939 !important;
          box-shadow: 0 0 0 1px #ffd939 !important;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  cursor: default;
}

/* line 69, app/assets/stylesheets/modules/segmented_button.sass */
.segmented-button .button__segment.active + .button__segment {
  border-left-color: #ffd939;
}
/* line 3, app/assets/stylesheets/modules/content-selector.sass */
.content-selector {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-bottom: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1140px) {
  /* line 3, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 8, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation {
  min-height: 110px;
  width: 100%;
  background: #2d2a26;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 15, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol {
  list-style-type: none;
  list-style-position: inside;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100%;
}

@media (max-width: 430px) {
  /* line 15, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector nav.content-selector_navigation ol {
    margin: 0;
    padding: 20px;
    gap: 0 40px;
  }
}

/* line 27, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li {
  margin-right: 50px;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 40px;
  letter-spacing: inherit;
  position: relative;
}

@media (max-width: 430px) {
  /* line 27, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector nav.content-selector_navigation ol li {
    margin-right: 0;
  }
}

/* line 36, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 41, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a figure {
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 45, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a figure img {
  height: 40px;
}

@media (max-width: 1000px) {
  /* line 45, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector nav.content-selector_navigation ol li a figure img {
    height: 30px;
  }
}

/* line 50, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a figure.size--lg img {
  height: 48px;
}

/* line 53, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a:visited,
.content-selector nav.content-selector_navigation ol li a:link {
  color: white;
  text-decoration: none;
}

/* line 58, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a:hover,
.content-selector nav.content-selector_navigation ol li a.active {
  position: relative;
}

/* line 61, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a:hover:before,
.content-selector nav.content-selector_navigation ol li a.active:before {
  content: "";
  position: absolute;
  background: #e3000f;
  top: -8px;
  left: 0;
  width: 40px;
  height: 2px;
  -webkit-animation: fadeInUp 0.5s;
     -moz-animation: fadeInUp 0.5s;
          animation: fadeInUp 0.5s;
}

/* line 71, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content {
  position: relative;
  background: white;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

/* line 79, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@media (max-width: 960px) {
  /* line 79, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 96, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item.standorte {
  height: 1000px;
}

/* line 99, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.5s;
     -moz-animation: fadeIn 0.5s;
          animation: fadeIn 0.5s;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 104, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item.active .content {
  height: 100%;
  width: 100%;
}

/* line 108, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item figure {
  width: 100%;
  overflow: hidden;
}

/* line 115, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item figure img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 960px) {
  /* line 108, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item figure {
    position: static !important;
  }
}

/* line 126, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 137, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #2d2a26;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

@media (max-width: 420px) {
  /* line 137, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 148, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

@media (max-width: 420px) {
  /* line 148, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 157, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  width: 100%;
  max-width: 450px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 70px;
  padding-bottom: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 159, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.scrollable {
  overflow-y: scroll;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 960px) {
  /* line 157, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 960px) {
  /* line 157, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text {
    position: static !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 183, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #2d2a26;
  text-align: center;
}

@media (max-width: 420px) {
  /* line 183, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media screen and (min-width: 0\0) {
  /* line 183, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text h3 {
    width: 100%;
    max-width: 450px !important;
  }
}

/* line 194, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: center;
}

@media screen and (min-width: 0\0) {
  /* line 194, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text p {
    width: 100%;
    max-width: 450px !important;
  }
}

@media (max-width: 420px) {
  /* line 194, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

@media (max-width: 375px) {
  /* line 157, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 207, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
  /* line 209, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: inherit;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  /* line 213, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text .actions {
    margin-top: 1em !important;
  }
}

/* line 216, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red {
  background: #e3000f;
}

/* line 218, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p {
  color: white !important;
}

/* line 220, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:link, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:link {
  color: white;
  border-bottom: 1px solid white;
  text-decoration: none;
}

/* line 225, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:hover, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:hover {
  color: white;
}

/* line 227, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .actions {
  margin-top: 20px;
}

/* line 229, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .button--red {
  background: #e3000f;
  color: white;
  border-color: white;
}

/* line 233, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .button--red:hover {
  background: white;
  color: #e3000f;
}

/* line 237, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black {
  background: black;
}

/* line 239, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p {
  color: white;
}

/* line 241, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:link, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:link {
  color: white;
  border-bottom: 1px solid white;
  text-decoration: none;
}

/* line 246, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:hover, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:hover {
  color: white;
}

/* line 248, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black .actions {
  margin-top: 20px;
}

/* line 251, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_right {
  position: absolute;
  padding: 20px;
  padding-left: 30px;
  right: 0;
  width: 100%;
  max-width: 300px;
  -webkit-box-shadow: -2px 2px 6px rgba(45, 42, 38, 0.1);
          box-shadow: -2px 2px 6px rgba(45, 42, 38, 0.1);
}

@media (max-width: 960px) {
  /* line 251, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_right {
    display: none;
    position: absolute !important;
    bottom: 0;
    height: 200px;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
}

/* line 266, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_full {
  padding-left: 50px;
  padding-top: 45px;
  padding-right: 50px;
  padding-bottom: 45px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  max-width: 100%;
}

/* line 275, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_full p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: left;
  margin: 0;
  width: 100%;
  max-width: 840px;
}

@-webkit-keyframes heart {
  0% {
    top: 0;
    background: #e3000f;
  }
  14% {
    top: -3px;
    background: #ff1726;
  }
  28% {
    top: 0;
    background: #e3000f;
  }
  42% {
    top: -3px;
    background: #ff1726;
  }
  70% {
    top: 0;
    background: #e3000f;
  }
}

@-moz-keyframes heart {
  0% {
    top: 0;
    background: #e3000f;
  }
  14% {
    top: -3px;
    background: #ff1726;
  }
  28% {
    top: 0;
    background: #e3000f;
  }
  42% {
    top: -3px;
    background: #ff1726;
  }
  70% {
    top: 0;
    background: #e3000f;
  }
}

@keyframes heart {
  0% {
    top: 0;
    background: #e3000f;
  }
  14% {
    top: -3px;
    background: #ff1726;
  }
  28% {
    top: 0;
    background: #e3000f;
  }
  42% {
    top: -3px;
    background: #ff1726;
  }
  70% {
    top: 0;
    background: #e3000f;
  }
}

/* line 300, app/assets/stylesheets/modules/content-selector.sass */
.marker {
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

/* line 303, app/assets/stylesheets/modules/content-selector.sass */
.marker:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #e3000f;
  -moz-border-radius: 50%;
       border-radius: 50%;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 315, app/assets/stylesheets/modules/content-selector.sass */
.marker:after {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  height: 20px;
  width: 20px;
  background: rgab(white, 0.6);
  -moz-border-radius: 50%;
       border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  border: 2px solid #e3000f;
}

/* line 330, app/assets/stylesheets/modules/content-selector.sass */
.marker.active {
  -webkit-animation: heart 1s;
     -moz-animation: heart 1s;
          animation: heart 1s;
}

/* line 337, app/assets/stylesheets/modules/content-selector.sass */
.marker.active:after {
  background: white;
  opacity: 1;
}
/* line 6, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 40px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  background: white;
}

/* line 13, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
}

/* line 19, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .container h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  padding-left: 20px;
}

/* line 25, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation {
  width: 100%;
  max-width: 370px;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
  position: relative;
  padding-bottom: 40px;
}

/* line 30, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation ol {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  margin-top: 20px;
}

/* line 35, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation ol li {
  border-top: 1px solid #d9d2c3;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 41, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation ol li:first-child {
  border: none;
}

/* line 46, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation ol li a:visited,
.content-selector_vertical nav.content-selector_navigation ol li a:link {
  font-size: 15px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
}

/* line 53, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation ol li a.active,
.content-selector_vertical nav.content-selector_navigation ol li a:hover {
  color: #e3000f !important;
}

/* line 56, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation .actions {
  padding-left: 20px;
  position: absolute;
  bottom: 0;
}

/* line 60, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical nav.content-selector_navigation .actions a {
  display: block;
  width: 240px;
  text-align: center;
}

/* line 65, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
}

/* line 71, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content .content-selector_item {
  padding-left: 30px;
  padding-right: 20px;
  padding-top: 20px;
  display: none;
}

/* line 76, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content .content-selector_item:first-child {
  display: block;
}

/* line 78, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content .content-selector_item h3 {
  font-size: 15px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
}

/* line 83, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content .content-selector_item p {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: black;
}

/* line 87, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content .content-selector_item p a:visited,
.content-selector_vertical .content-selector_content .content-selector_item p a:link {
  color: #e3000f;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  font-style: italic;
}

/* line 93, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content .content-selector_item .actions {
  margin-top: 60px;
}

/* line 95, app/assets/stylesheets/modules/content-selector-vertical.sass */
.content-selector_vertical .content-selector_content .content-selector_item .actions a {
  display: block;
  width: 200px;
}
/* line 3, app/assets/stylesheets/modules/content-selector.sass */
.content-selector, .content-switch-selector {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-bottom: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1140px) {
  /* line 3, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector, .content-switch-selector {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 8, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation, .content-switch-selector nav.content-selector_navigation {
  min-height: 110px;
  width: 100%;
  background: #2d2a26;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 15, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol, .content-switch-selector nav.content-selector_navigation ol {
  list-style-type: none;
  list-style-position: inside;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100%;
}

@media (max-width: 430px) {
  /* line 15, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector nav.content-selector_navigation ol, .content-switch-selector nav.content-selector_navigation ol {
    margin: 0;
    padding: 20px;
    gap: 0 40px;
  }
}

/* line 27, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li, .content-switch-selector nav.content-selector_navigation ol li {
  margin-right: 50px;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  line-height: 40px;
  letter-spacing: inherit;
  position: relative;
}

@media (max-width: 430px) {
  /* line 27, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector nav.content-selector_navigation ol li, .content-switch-selector nav.content-selector_navigation ol li {
    margin-right: 0;
  }
}

/* line 36, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a, .content-switch-selector nav.content-selector_navigation ol li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 41, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a figure, .content-switch-selector nav.content-selector_navigation ol li a figure {
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 45, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a figure img, .content-switch-selector nav.content-selector_navigation ol li a figure img {
  height: 40px;
}

@media (max-width: 1000px) {
  /* line 45, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector nav.content-selector_navigation ol li a figure img, .content-switch-selector nav.content-selector_navigation ol li a figure img {
    height: 30px;
  }
}

/* line 50, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a figure.size--lg img, .content-switch-selector nav.content-selector_navigation ol li a figure.size--lg img {
  height: 48px;
}

/* line 53, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a:visited, .content-switch-selector nav.content-selector_navigation ol li a:visited,
.content-selector nav.content-selector_navigation ol li a:link,
.content-switch-selector nav.content-selector_navigation ol li a:link {
  color: white;
  text-decoration: none;
}

/* line 58, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a:hover, .content-switch-selector nav.content-selector_navigation ol li a:hover,
.content-selector nav.content-selector_navigation ol li a.active,
.content-switch-selector nav.content-selector_navigation ol li a.active {
  position: relative;
}

/* line 61, app/assets/stylesheets/modules/content-selector.sass */
.content-selector nav.content-selector_navigation ol li a:hover:before, .content-switch-selector nav.content-selector_navigation ol li a:hover:before,
.content-selector nav.content-selector_navigation ol li a.active:before,
.content-switch-selector nav.content-selector_navigation ol li a.active:before {
  content: "";
  position: absolute;
  background: #e3000f;
  top: -8px;
  left: 0;
  width: 40px;
  height: 2px;
  -webkit-animation: fadeInUp 0.5s;
     -moz-animation: fadeInUp 0.5s;
          animation: fadeInUp 0.5s;
}

/* line 71, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content, .content-switch-selector .content-selector_content {
  position: relative;
  background: white;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

/* line 79, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item, .content-switch-selector .content-selector_content .content-selector_item {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@media (max-width: 960px) {
  /* line 79, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item, .content-switch-selector .content-selector_content .content-selector_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 96, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item.standorte, .content-switch-selector .content-selector_content .content-selector_item.standorte {
  height: 1000px;
}

/* line 99, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item.active, .content-switch-selector .content-selector_content .content-selector_item.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.5s;
     -moz-animation: fadeIn 0.5s;
          animation: fadeIn 0.5s;
  -webkit-animation-timing-function: ease-in-out;
     -moz-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

/* line 104, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item.active .content, .content-switch-selector .content-selector_content .content-selector_item.active .content {
  height: 100%;
  width: 100%;
}

/* line 108, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item figure, .content-switch-selector .content-selector_content .content-selector_item figure {
  width: 100%;
  overflow: hidden;
}

/* line 115, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item figure img, .content-switch-selector .content-selector_content .content-selector_item figure img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 960px) {
  /* line 108, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item figure, .content-switch-selector .content-selector_content .content-selector_item figure {
    position: static !important;
  }
}

/* line 126, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector, .content-switch-selector .content-selector_content .content-selector_item .content-selector, .content-selector .content-selector_content .content-selector_item .content-switch-selector, .content-switch-selector .content-selector_content .content-selector_item .content-switch-selector {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 137, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector h3, .content-selector .content-selector_content .content-selector_item .content-switch-selector h3, .content-switch-selector .content-selector_content .content-selector_item .content-switch-selector h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #2d2a26;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

@media (max-width: 420px) {
  /* line 137, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector h3, .content-selector .content-selector_content .content-selector_item .content-switch-selector h3, .content-switch-selector .content-selector_content .content-selector_item .content-switch-selector h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 148, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector p, .content-switch-selector .content-selector_content .content-selector_item .content-selector p, .content-selector .content-selector_content .content-selector_item .content-switch-selector p, .content-switch-selector .content-selector_content .content-selector_item .content-switch-selector p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

@media (max-width: 420px) {
  /* line 148, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector p, .content-switch-selector .content-selector_content .content-selector_item .content-selector p, .content-selector .content-selector_content .content-selector_item .content-switch-selector p, .content-switch-selector .content-selector_content .content-selector_item .content-switch-selector p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 157, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  width: 100%;
  max-width: 450px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 70px;
  padding-bottom: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 159, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.scrollable, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.scrollable {
  overflow-y: scroll;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 960px) {
  /* line 157, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 960px) {
  /* line 157, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text {
    position: static !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 183, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #2d2a26;
  text-align: center;
}

@media (max-width: 420px) {
  /* line 183, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media screen and (min-width: 0\0) {
  /* line 183, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text h3 {
    width: 100%;
    max-width: 450px !important;
  }
}

/* line 194, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text p, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: center;
}

@media screen and (min-width: 0\0) {
  /* line 194, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text p, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text p {
    width: 100%;
    max-width: 450px !important;
  }
}

@media (max-width: 420px) {
  /* line 194, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text p, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

@media (max-width: 375px) {
  /* line 157, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 207, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
  /* line 209, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text p, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: inherit;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  /* line 213, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text .actions, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text .actions {
    margin-top: 1em !important;
  }
}

/* line 216, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red {
  background: #e3000f;
}

/* line 218, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p {
  color: white !important;
}

/* line 220, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:visited, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:link,
.content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:link, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:visited, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:link,
.content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:link {
  color: white;
  border-bottom: 1px solid white;
  text-decoration: none;
}

/* line 225, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:hover, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red h3 a:hover, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:hover, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red p a:hover {
  color: white;
}

/* line 227, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .actions, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .actions {
  margin-top: 20px;
}

/* line 229, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .button--red, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .button--red {
  background: #e3000f;
  color: white;
  border-color: white;
}

/* line 233, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .button--red:hover, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_red .button--red:hover {
  background: white;
  color: #e3000f;
}

/* line 237, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black {
  background: black;
}

/* line 239, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p {
  color: white;
}

/* line 241, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:visited, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:link,
.content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:link, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:visited, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:visited,
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:link,
.content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:link {
  color: white;
  border-bottom: 1px solid white;
  text-decoration: none;
}

/* line 246, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:hover, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black h3 a:hover, .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:hover, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black p a:hover {
  color: white;
}

/* line 248, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black .actions, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_black .actions {
  margin-top: 20px;
}

/* line 251, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_right, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_right {
  position: absolute;
  padding: 20px;
  padding-left: 30px;
  right: 0;
  width: 100%;
  max-width: 300px;
  -webkit-box-shadow: -2px 2px 6px rgba(45, 42, 38, 0.1);
          box-shadow: -2px 2px 6px rgba(45, 42, 38, 0.1);
}

@media (max-width: 960px) {
  /* line 251, app/assets/stylesheets/modules/content-selector.sass */
  .content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_right, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_right {
    display: none;
    position: absolute !important;
    bottom: 0;
    height: 200px;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
}

/* line 266, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_full, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_full {
  padding-left: 50px;
  padding-top: 45px;
  padding-right: 50px;
  padding-bottom: 45px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  max-width: 100%;
}

/* line 275, app/assets/stylesheets/modules/content-selector.sass */
.content-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_full p, .content-switch-selector .content-selector_content .content-selector_item .content-selector_text.content-selector_text_full p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: left;
  margin: 0;
  width: 100%;
  max-width: 840px;
}

@keyframes heart {
  0% {
    top: 0;
    background: #e3000f;
  }
  14% {
    top: -3px;
    background: #ff1726;
  }
  28% {
    top: 0;
    background: #e3000f;
  }
  42% {
    top: -3px;
    background: #ff1726;
  }
  70% {
    top: 0;
    background: #e3000f;
  }
}

/* line 300, app/assets/stylesheets/modules/content-selector.sass */
.marker {
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

/* line 303, app/assets/stylesheets/modules/content-selector.sass */
.marker:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 10px;
  width: 10px;
  background: #e3000f;
  -moz-border-radius: 50%;
       border-radius: 50%;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 315, app/assets/stylesheets/modules/content-selector.sass */
.marker:after {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  height: 20px;
  width: 20px;
  background: rgab(white, 0.6);
  -moz-border-radius: 50%;
       border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  border: 2px solid #e3000f;
}

/* line 330, app/assets/stylesheets/modules/content-selector.sass */
.marker.active {
  -webkit-animation: heart 1s;
     -moz-animation: heart 1s;
          animation: heart 1s;
}

/* line 337, app/assets/stylesheets/modules/content-selector.sass */
.marker.active:after {
  background: white;
  opacity: 1;
}

/* line 5, app/assets/stylesheets/modules/content-switch-selector.sass */
.content-switch-selector {
  max-width: 1300px;
  margin-top: 50px !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* line 12, app/assets/stylesheets/modules/content-switch-selector.sass */
.content-switch-selector .content-selector_navigation {
  min-height: 0 !important;
  background: none !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
}

/* line 18, app/assets/stylesheets/modules/content-switch-selector.sass */
.content-switch-selector .content-selector_content {
  background: none !important;
}

/* line 21, app/assets/stylesheets/modules/content-switch-selector.sass */
.content-switch-selector .content-selector_content .content-selector, .content-switch-selector .content-selector_content .content-switch-selector {
  padding: 0 !important;
  max-width: none !important;
  margin-bottom: 0 !important;
}
/* line 4, app/assets/stylesheets/modules/citation.sass */
.citation {
  display: block;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 13, app/assets/stylesheets/modules/citation.sass */
.citation.citation_small {
  width: 100%;
  max-width: 600px;
}

/* line 17, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text {
  display: block;
  margin-top: 30px;
  text-align: center;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 17, app/assets/stylesheets/modules/citation.sass */
  .citation .citation-text {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 26, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text strong {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 840px) {
  /* line 17, app/assets/stylesheets/modules/citation.sass */
  .citation .citation-text {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

@media (max-width: 420px) {
  /* line 17, app/assets/stylesheets/modules/citation.sass */
  .citation .citation-text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 38, app/assets/stylesheets/modules/citation.sass */
.citation .citation-author {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
  margin-top: -10px;
}

@media (max-width: 420px) {
  /* line 38, app/assets/stylesheets/modules/citation.sass */
  .citation .citation-author {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 48, app/assets/stylesheets/modules/citation.sass */
.citation .citation-link {
  text-align: center;
  margin-top: 90px;
  margin-bottom: -105px;
  z-index: 200;
  position: relative;
}

/* line 55, app/assets/stylesheets/modules/citation.sass */
.citation a {
  text-decoration: none;
}

/* line 62, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text--important1 {
  color: #A5D7D5;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 60px;
}

/* line 67, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text--important1.muted {
  color: #2d2a26;
}

/* line 69, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text--important1.warning {
  color: #e3000f;
  -webkit-animation: jackInTheBox 0.5s;
     -moz-animation: jackInTheBox 0.5s;
          animation: jackInTheBox 0.5s;
}

/* line 73, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text--important2 {
  color: #A5D7D5;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
}

/* line 77, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text--important2.muted {
  color: #2d2a26;
}

/* line 79, app/assets/stylesheets/modules/citation.sass */
.citation .citation-text--important2.warning {
  color: #e3000f;
  -webkit-animation: jackInTheBox 0.5s;
     -moz-animation: jackInTheBox 0.5s;
          animation: jackInTheBox 0.5s;
}

/* line 82, app/assets/stylesheets/modules/citation.sass */
.citation p.citation-addon {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  margin-top: 80px;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 90, app/assets/stylesheets/modules/citation.sass */
.citation.citation_blue {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* line 93, app/assets/stylesheets/modules/citation.sass */
.citation.citation_blue .citation-text {
  color: #A5D7D5;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 600px) {
  /* line 99, app/assets/stylesheets/modules/citation.sass */
  .citation .citation-text--important1,
.citation .citation-text--important2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}
/* line 5, app/assets/stylesheets/modules/slider.sass */
.slider {
  width: 100%;
  position: relative;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(white), to(#f5f3ef));
  background: transparent -webkit-linear-gradient(top, white, #f5f3ef);
  background: transparent -moz-linear-gradient(top, white, #f5f3ef);
  background: transparent linear-gradient(180deg, white, #f5f3ef);
  padding-bottom: 40px;
  height: 400px;
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/modules/slider.sass */
.slider .slider-progress {
  position: absolute;
  height: 3px;
  width: 0%;
  background: #e3000f;
  position: absolute;
  bottom: 0px;
  left: 0;
}

/* line 23, app/assets/stylesheets/modules/slider.sass */
.slider-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* line 32, app/assets/stylesheets/modules/slider.sass */
.slider-container::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  height: 0px;
}

/* line 36, app/assets/stylesheets/modules/slider.sass */
.slider-container::-webkit-scrollbar-thumb {
  background: #e3000f;
  border-radius: 5px;
  height: 0px;
}

/* line 42, app/assets/stylesheets/modules/slider.sass */
.slider-container .slider-item {
  scroll-snap-align: center;
  opacity: 0;
  height: 400px;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 56, app/assets/stylesheets/modules/slider.sass */
.slider-container .slider-item.active {
  opacity: 1;
}

/* line 59, app/assets/stylesheets/modules/slider.sass */
.slider-container .slider-item .slider-item_number {
  font-size: 90px;
  line-height: 90px;
  letter-spacing: inherit;
  color: #e3000f;
  text-align: center;
  width: 100%;
  max-width: 500px;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 630px) {
  /* line 59, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item .slider-item_number {
    width: 100%;
    max-width: 390px;
  }
}

@media (max-width: 650px) {
  /* line 59, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item .slider-item_number {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: inherit;
  }
}

@media (max-width: 570px) {
  /* line 59, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item .slider-item_number {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media (max-width: 570px) {
  /* line 59, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item .slider-item_number {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 75, app/assets/stylesheets/modules/slider.sass */
.slider-container .slider-item .slider-item_title {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  color: #e3000f;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 630px) {
  /* line 75, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item .slider-item_title {
    width: 100%;
    max-width: 390px;
  }
}

/* line 85, app/assets/stylesheets/modules/slider.sass */
.slider-container .slider-item .slider-item_context {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 630px) {
  /* line 85, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item .slider-item_context {
    width: 100%;
    max-width: 390px;
  }
}

@media (max-width: 570px) {
  /* line 85, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item .slider-item_context {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 98, app/assets/stylesheets/modules/slider.sass */
.slider-container .slider-item.slider-item_mitglieder .slider-item_number {
  font-size: 166px;
  line-height: 166px;
  letter-spacing: inherit;
}

@media (max-width: 570px) {
  /* line 98, app/assets/stylesheets/modules/slider.sass */
  .slider-container .slider-item.slider-item_mitglieder .slider-item_number {
    font-size: 100px;
    line-height: 100px;
    letter-spacing: inherit;
  }
}

/* line 104, app/assets/stylesheets/modules/slider.sass */
.slider-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 10px;
  top: -40px;
  height: 100%;
  width: 30px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 490px) {
  /* line 104, app/assets/stylesheets/modules/slider.sass */
  .slider-navigation {
    left: -10px;
  }
}

@media (max-width: 1120px) {
  /* line 104, app/assets/stylesheets/modules/slider.sass */
  .slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 123, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--navigation_arrow {
  width: 10px;
  height: 20px;
  padding-bottom: 10px;
}

/* line 128, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--navigation_arrow:hover {
  border-bottom: 2px solid #e3000f;
  cursor: pointer;
}

/* line 133, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--navigation_arrow_left {
  background: transparent url(/assets/ui/slider_left-867e069d21a43bd4e29c2f317aca532b301ca2119be2cdafe4902c979e242922.svg) no-repeat center top;
  background-size: 10px 14px;
  margin-right: auto;
}

/* line 137, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--navigation_arrow_left_empty {
  margin-right: auto;
}

/* line 139, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--navigation_arrow_right {
  background: transparent url(/assets/ui/slider_right-73e6076416fe6441318a922ead5d969ed9d59e655df6179551c17946d64cd0c8.svg) no-repeat center top;
  background-size: 10px 14px;
}

/* line 143, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider--ui {
  margin-left: auto;
}

/* line 147, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--dot-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 152, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--dot-item {
  height: 12px;
  width: 12px;
  background: #d9d2c3;
  -moz-border-radius: 30px;
       border-radius: 30px;
  margin-bottom: 5px;
  margin-right: 5px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

/* line 160, app/assets/stylesheets/modules/slider.sass */
.slider-navigation .slider-navigation--dot-item.active {
  background: #2d2a26;
  cursor: pointer;
}
/* line 5, app/assets/stylesheets/modules/card-slider.sass */
.card-slider {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
  position: relative;
}

/* line 15, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container {
  background-size: 1440px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* line 26, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container .card-slider--heading {
  width: 100%;
  max-width: 400px;
  position: absolute;
  left: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  z-index: 20;
  word-break: break-word;
}

@media (max-width: 1760px) {
  /* line 26, app/assets/stylesheets/modules/card-slider.sass */
  .card-slider .card-slider-container .card-slider--heading {
    width: 100%;
    max-width: 200px;
  }
}

@media (max-width: 1300px) {
  /* line 26, app/assets/stylesheets/modules/card-slider.sass */
  .card-slider .card-slider-container .card-slider--heading {
    display: none;
  }
}

/* line 45, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container .card-slider-scroller {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: -webkit-calc(50% - 740px / 2 + 5px);
  padding-left: -moz-calc(50% - 740px / 2 + 5px);
  padding-left: calc(50% - 740px / 2 + 5px);
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}

@media (max-width: 970px) {
  /* line 45, app/assets/stylesheets/modules/card-slider.sass */
  .card-slider .card-slider-container .card-slider-scroller {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 56, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container .card-slider--item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 740px;
  width: -webkit-calc(100% - 5px);
  width: -moz-calc(100% - 5px);
  width: calc(100% - 5px);
  min-height: 360px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 50px;
  padding-top: 50px;
  padding-bottom: 30px;
  padding-right: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ebe8e0;
  -moz-border-radius: 3px;
       border-radius: 3px;
  z-index: 100;
  flex: 0 0 auto;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media (max-width: 970px) {
  /* line 56, app/assets/stylesheets/modules/card-slider.sass */
  .card-slider .card-slider-container .card-slider--item {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  /* line 56, app/assets/stylesheets/modules/card-slider.sass */
  .card-slider .card-slider-container .card-slider--item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 90, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container .card-slider--item h3 {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #e3000f;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 420px) {
  /* line 90, app/assets/stylesheets/modules/card-slider.sass */
  .card-slider .card-slider-container .card-slider--item h3 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 98, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container .card-slider--item p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #958a7a;
  text-align: center;
  width: 100%;
  max-width: 740px;
}

@media (max-width: 420px) {
  /* line 98, app/assets/stylesheets/modules/card-slider.sass */
  .card-slider .card-slider-container .card-slider--item p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 106, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container .card-slider--item.card-slider--item_active {
  background: white;
}

/* line 108, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider-container .card-slider--item.card-slider--item_active p {
  color: #2d2a26;
}

/* line 111, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider--navigation {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  height: 20px;
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  bottom: -0px;
  margin-bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* line 127, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider--navigation .card-slider--navigation_arrow {
  background: red;
  width: 10px;
  height: 20px;
  padding-bottom: 10px;
}

/* line 132, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider--navigation .card-slider--navigation_arrow:hover {
  border-bottom: 2px solid #e3000f;
  cursor: pointer;
}

/* line 136, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider--navigation .card-slider--navigation_arrow_left {
  background: transparent url(/assets/ui/slider_left-867e069d21a43bd4e29c2f317aca532b301ca2119be2cdafe4902c979e242922.svg) no-repeat center top;
  background-size: 10px 14px;
  margin-right: auto;
}

/* line 140, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider--navigation .card-slider--navigation_arrow_right {
  background: transparent url(/assets/ui/slider_right-73e6076416fe6441318a922ead5d969ed9d59e655df6179551c17946d64cd0c8.svg) no-repeat center top;
  background-size: 10px 14px;
  margin-left: auto;
}

/* line 145, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider--navigation .card-slider--navigation_dot {
  width: 14px;
  height: 14px;
  background: #d9d2c3;
  -moz-border-radius: 30px;
       border-radius: 30px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 3px;
}

/* line 154, app/assets/stylesheets/modules/card-slider.sass */
.card-slider .card-slider--navigation .card-slider--navigation_dot:hover, .card-slider .card-slider--navigation .card-slider--navigation_dot.card-slider--navigation_dot_active {
  background: #b6ad9d;
  cursor: pointer;
}

/* line 164, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_blue .card-slider-container {
  background: #DEEBE7 url(/assets/ui/pattern-blue-da82a773ec38df3b474095696d50606c254027b4fb36d3e4f14e9fec01a04640.svg) repeat center center !important;
}

/* line 167, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_blue .card-slider--item {
  background: #C8E7E5;
  -moz-border-radius: 7px;
       border-radius: 7px;
}

/* line 170, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_blue .card-slider--item h3 {
  color: #49443d !important;
  width: 100%;
  max-width: 300px;
}

/* line 173, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_blue .card-slider--item p {
  color: #49443d !important;
}

/* line 175, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_blue .card-slider--item_active {
  background: #A5D7D5 !important;
  -webkit-box-shadow: 0px 0px 4px rgba(70, 157, 154, 0.4);
          box-shadow: 0px 0px 4px rgba(70, 157, 154, 0.4);
}

/* line 180, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_beige .card-slider-container {
  background: #f1eee9 url(/assets/ui/pattern-grey-77319feb10eb018b63283782f120a5742d88181aae9384f56959726eb678f679.svg) repeat center center !important;
}

/* line 185, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red:before {
  content: "";
  height: 6px;
  width: 100%;
  background: #e3000f;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

/* line 195, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider-container {
  background: #f1eee9 url(/assets/ui/pattern-grey-77319feb10eb018b63283782f120a5742d88181aae9384f56959726eb678f679.svg) repeat center center !important;
}

/* line 198, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider--item {
  background: #f5f3ef;
  -moz-border-radius: 7px;
       border-radius: 7px;
}

/* line 201, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider--item h3 {
  color: #2d2a26 !important;
  width: 100%;
  max-width: 300px;
}

/* line 204, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider--item p {
  color: #2d2a26 !important;
}

/* line 206, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider--item_active {
  background: #e3000f !important;
  -webkit-box-shadow: 0px 0px 4px rgba(74, 0, 5, 0.4);
          box-shadow: 0px 0px 4px rgba(74, 0, 5, 0.4);
}

/* line 209, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider--item_active h3 {
  color: white !important;
  width: 100%;
  max-width: 300px;
}

/* line 212, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider--item_active p {
  color: white !important;
}

/* line 217, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red .card-slider--navigation_dot:hover, .card-slider.card-slider_red .card-slider--navigation_dot.card-slider--navigation_dot_active {
  background: #e3000f;
  cursor: pointer;
}

/* line 226, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_beige .card-slider-container {
  background: #f1eee9 url(/assets/ui/pattern-grey-77319feb10eb018b63283782f120a5742d88181aae9384f56959726eb678f679.svg) repeat center center !important;
}

/* line 230, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red_banner:before {
  content: "";
  height: 60px;
  width: 100%;
  background: #e3000f;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 240, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red_banner .card-slider-container {
  background: transparent !important;
}

/* line 243, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red_banner .card-slider-container .card-slider-scroller {
  padding-left: -webkit-calc(50% - 740px / 2 - 180px) !important;
  padding-left: -moz-calc(50% - 740px / 2 - 180px) !important;
  padding-left: calc(50% - 740px / 2 - 180px) !important;
}

/* line 247, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red_banner .card-slider--item {
  position: relative;
  width: 100%;
  max-width: 740px;
  margin-left: 180px;
  margin-right: 180px;
}

/* line 252, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red_banner .card-slider--item:before {
  content: "";
  height: 100%;
  width: 180px;
  background: blue;
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  top: 0;
}

/* line 261, app/assets/stylesheets/modules/card-slider.sass */
.card-slider.card-slider_red_banner .card-slider--item:after {
  content: "";
  height: 100%;
  width: 180px;
  background: green;
  position: absolute;
  right: 0;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  top: 0;
}
/* line 7, app/assets/stylesheets/modules/numbers.sass */
.comma {
  display: inline !important;
}

/* line 10, app/assets/stylesheets/modules/numbers.sass */
.numbers {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media (max-width: 700px) {
  /* line 10, app/assets/stylesheets/modules/numbers.sass */
  .numbers {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 16, app/assets/stylesheets/modules/numbers.sass */
.numbers.with_quotes {
  margin-bottom: 60px;
}

@media (max-width: 700px) {
  /* line 10, app/assets/stylesheets/modules/numbers.sass */
  .numbers {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* line 22, app/assets/stylesheets/modules/numbers.sass */
.numbers.numbers_topborder {
  border-top: 2px solid #d9d2c3;
}

/* line 25, app/assets/stylesheets/modules/numbers.sass */
.numbers .numbers-quoted {
  position: absolute;
  bottom: -60px;
  left: 50%;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  margin-left: -65px;
  color: #a39383;
  width: 100%;
  max-width: 160px;
  text-align: center;
}

@media (max-width: 700px) {
  /* line 25, app/assets/stylesheets/modules/numbers.sass */
  .numbers .numbers-quoted {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    left: 0;
    bottom: -40px;
  }
}

/* line 40, app/assets/stylesheets/modules/numbers.sass */
.numbers .quoted-mobile {
  display: none;
}

@media (max-width: 700px) {
  /* line 40, app/assets/stylesheets/modules/numbers.sass */
  .numbers .quoted-mobile {
    display: inline;
  }
}

/* line 46, app/assets/stylesheets/modules/numbers.sass */
.numbers .quoted {
  position: relative;
}

/* line 48, app/assets/stylesheets/modules/numbers.sass */
.numbers .quoted:after {
  content: "*";
  position: absolute;
  top: 10px;
  right: 10px;
  color: #d9d2c3;
  font-size: 75px;
  line-height: 20px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

@media (max-width: 700px) {
  /* line 48, app/assets/stylesheets/modules/numbers.sass */
  .numbers .quoted:after {
    display: none;
  }
}

@media (max-width: 800px) {
  /* line 10, app/assets/stylesheets/modules/numbers.sass */
  .numbers {
    max-width: 100%;
  }
}

/* line 63, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot {
  width: 100%;
  max-width: 290px;
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

@media (max-width: 700px) {
  /* line 63, app/assets/stylesheets/modules/numbers.sass */
  .numbers .slot {
    width: 100%;
    max-width: 100%;
  }
}

/* line 69, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot.slot_wide {
  width: 100%;
  max-width: 290px;
}

@media (max-width: 700px) {
  /* line 69, app/assets/stylesheets/modules/numbers.sass */
  .numbers .slot.slot_wide {
    width: 100%;
    max-width: 100%;
  }
}

/* line 73, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot.slot_narrow {
  width: 100%;
  max-width: 190px;
}

@media (max-width: 700px) {
  /* line 73, app/assets/stylesheets/modules/numbers.sass */
  .numbers .slot.slot_narrow {
    width: 100%;
    max-width: 100%;
  }
}

/* line 84, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot:first-child {
  border-right: 2px solid #d9d2c3;
}

@media (max-width: 700px) {
  /* line 84, app/assets/stylesheets/modules/numbers.sass */
  .numbers .slot:first-child {
    border: none;
  }
}

/* line 89, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot.slot_leftborder {
  border-right: 2px solid #d9d2c3;
}

@media (max-width: 700px) {
  /* line 89, app/assets/stylesheets/modules/numbers.sass */
  .numbers .slot.slot_leftborder {
    border: none !important;
  }
}

/* line 95, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item {
  text-align: center;
  width: 100%;
}

/* line 99, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_mitarbeiter {
  border-bottom: 2px solid #d9d2c3;
  padding-bottom: 20px;
}

/* line 102, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_mitarbeiter .slot-item_number {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 90px;
  line-height: 90px;
  letter-spacing: inherit;
  color: #a39383;
}

/* line 108, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_mitarbeiter .slot-item_text {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #a39383;
}

/* line 115, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_standorte .slot-item_number {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 180px;
  line-height: 140px;
  letter-spacing: inherit;
  color: #a39383;
  padding-top: 20px;
}

/* line 122, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_standorte .slot-item_text {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #a39383;
}

/* line 130, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_genossenschaft .slot-item_number {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 333px;
  line-height: 233px;
  letter-spacing: inherit;
  color: #e3000f;
}

/* line 134, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_genossenschaft .slot-item_text {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #e3000f;
}

/* line 142, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_kundenbonus .slot-item_number {
  text-align: center;
  font-size: 137px;
  line-height: 90px;
  letter-spacing: inherit;
  color: #a39383;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

/* line 151, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_kundenbonus .slot-item_number span {
  display: block;
}

/* line 154, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_kundenbonus .slot-item_number .slot-item_number-2 {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 106px;
  line-height: 40px;
  letter-spacing: inherit;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* line 160, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_kundenbonus .slot-item_number .slot-item_number-3 {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 76px;
  line-height: 40px;
  letter-spacing: inherit;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* line 165, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_kundenbonus .slot-item_text {
  font-size: 25px;
  line-height: 25px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  color: #a39383;
  text-align: center;
}

/* line 172, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_dividende .slot-item_number {
  font-size: 182px;
  line-height: 182px;
  letter-spacing: inherit;
  color: #a39383;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 700px) {
  /* line 172, app/assets/stylesheets/modules/numbers.sass */
  .numbers .slot .slot-item_dividende .slot-item_number {
    font-size: 137px;
    line-height: 137px;
    letter-spacing: inherit;
  }
}

/* line 179, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_dividende .slot-item_number.quoted:after {
  top: 40px;
  right: 10px;
}

/* line 183, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_dividende .slot-item_text {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  color: #a39383;
  text-align: center;
  margin-top: -20px;
}

/* line 192, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_topborder {
  border-top: 2px solid #d9d2c3;
  margin-top: 10px;
}

@media (max-width: 700px) {
  /* line 192, app/assets/stylesheets/modules/numbers.sass */
  .numbers .slot .slot-item_topborder {
    border-top: 0 !important;
    margin-top: 20px;
  }
}

/* line 200, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_stimme .slot-item_number {
  font-size: 106px;
  line-height: 106px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 10px;
}

/* line 206, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_stimme .slot-item_number span {
  display: block;
  width: 100%;
}

/* line 210, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_stimme .slot-item_number .slot-item_number-2 {
  font-size: 65px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 214, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_stimme .slot-item_number .slot-item_number-3 {
  font-size: 37px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  margin-top: 10px;
}

/* line 220, app/assets/stylesheets/modules/numbers.sass */
.numbers .slot .slot-item_stimme .slot-item_text {
  font-size: 20px;
  line-height: 25px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #e3000f;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 10px;
}
/* line 4, app/assets/stylesheets/modules/image-gallery.sass */
.image--gallery {
  padding-bottom: 5px;
  padding-top: 5px;
  width: 100%;
}

/* line 8, app/assets/stylesheets/modules/image-gallery.sass */
.image--gallery figure.image--gallery_row {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation: endless_scroll 24s linear infinite;
     -moz-animation: endless_scroll 24s linear infinite;
          animation: endless_scroll 24s linear infinite;
  animation-direction: alternate-reverse;
}

/* line 18, app/assets/stylesheets/modules/image-gallery.sass */
.image--gallery figure.image--gallery_row.speed2 {
  -webkit-animation: endless_scroll 30s linear infinite;
     -moz-animation: endless_scroll 30s linear infinite;
          animation: endless_scroll 30s linear infinite;
  animation-direction: alternate-reverse;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* line 22, app/assets/stylesheets/modules/image-gallery.sass */
.image--gallery figure.image--gallery_row.stop {
  -webkit-animation: none;
     -moz-animation: none;
          animation: none;
}

/* line 25, app/assets/stylesheets/modules/image-gallery.sass */
.image--gallery figure.image--gallery_row img {
  height: 275px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  margin: 5px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

@media (max-width: 600px) {
  /* line 25, app/assets/stylesheets/modules/image-gallery.sass */
  .image--gallery figure.image--gallery_row img {
    height: 140px;
  }
}

@-webkit-keyframes endless_scroll {
  0% {
    margin-left: 0%;
  }
  100% {
    margin-left: -100%;
  }
}

@-moz-keyframes endless_scroll {
  0% {
    margin-left: 0%;
  }
  100% {
    margin-left: -100%;
  }
}

@keyframes endless_scroll {
  0% {
    margin-left: 0%;
  }
  100% {
    margin-left: -100%;
  }
}

@-webkit-keyframes endless_scroll2 {
  0% {
    margin-left: -100%;
  }
  100% {
    margin-left: 0%;
  }
}

@-moz-keyframes endless_scroll2 {
  0% {
    margin-left: -100%;
  }
  100% {
    margin-left: 0%;
  }
}

@keyframes endless_scroll2 {
  0% {
    margin-left: -100%;
  }
  100% {
    margin-left: 0%;
  }
}
/* line 5, app/assets/stylesheets/modules/contact.sass */
.widget {
  position: relative;
}

/* line 8, app/assets/stylesheets/modules/contact.sass */
.contact--static {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 580px) {
  /* line 8, app/assets/stylesheets/modules/contact.sass */
  .contact--static {
    margin-top: 0;
    padding-top: 0;
  }
}

/* line 13, app/assets/stylesheets/modules/contact.sass */
.contact--static .contact--heading {
  width: 100%;
  max-width: 180px;
}

@media (max-width: 580px) {
  /* line 13, app/assets/stylesheets/modules/contact.sass */
  .contact--static .contact--heading {
    display: none;
  }
}

/* line 18, app/assets/stylesheets/modules/contact.sass */
.contact--static .contact--heading h2 {
  background: #e3000f;
  font-size: 20px;
  line-height: 50px;
  letter-spacing: inherit;
  color: white !important;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 8px;
  padding-left: 20px;
  padding-right: 20px;
  -moz-border-radius-topleft: 30px;
       border-top-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
       border-bottom-left-radius: 30px;
}

@media (max-width: 580px) {
  /* line 18, app/assets/stylesheets/modules/contact.sass */
  .contact--static .contact--heading h2 {
    display: none;
  }
}

/* line 31, app/assets/stylesheets/modules/contact.sass */
.contact--static .contact--list {
  display: block !important;
  z-index: 800;
}

/* line 34, app/assets/stylesheets/modules/contact.sass */
.contact--static .contact--list .contact--actions_list {
  -webkit-box-shadow: 0px 0px 2px rgba(45, 42, 38, 0.2);
          box-shadow: 0px 0px 2px rgba(45, 42, 38, 0.2);
}

/* line 37, app/assets/stylesheets/modules/contact.sass */
.contact--list_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 800;
  display: none;
}

/* line 49, app/assets/stylesheets/modules/contact.sass */
.contact--list_container.centered {
  top: -190px !important;
}

/* line 52, app/assets/stylesheets/modules/contact.sass */
.contact--list_container.bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* line 55, app/assets/stylesheets/modules/contact.sass */
.contact--list_container.visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-animation: fadeIn 0.3s;
     -moz-animation: fadeIn 0.3s;
          animation: fadeIn 0.3s;
}

/* line 61, app/assets/stylesheets/modules/contact.sass */
.contact--list_container .contact--list-close {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: inherit;
  position: absolute;
  right: 10px;
  top: -22px;
  height: 22px;
  width: 40px;
  color: white;
  text-align: center;
  background: #2d2a26;
  -moz-border-radius-topleft: 7px;
       border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
       border-top-right-radius: 7px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* line 76, app/assets/stylesheets/modules/contact.sass */
.contact--list_container .contact--list-close:hover {
  background: #e3000f;
  cursor: pointer;
  top: -27px;
  height: 27px;
  font-size: 12px;
  line-height: 29px;
  letter-spacing: inherit;
}

/* line 83, app/assets/stylesheets/modules/contact.sass */
.contact--list {
  width: 100%;
  max-width: 380px;
  min-width: 320px;
  -moz-border-radius: 8px;
       border-radius: 8px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}

@media (max-width: 400px) {
  /* line 83, app/assets/stylesheets/modules/contact.sass */
  .contact--list {
    min-width: 100px;
  }
}

/* line 92, app/assets/stylesheets/modules/contact.sass */
.visible .contact--list {
  -webkit-animation: zoomInUp 0.3s;
     -moz-animation: zoomInUp 0.3s;
          animation: zoomInUp 0.3s;
}

/* line 95, app/assets/stylesheets/modules/contact.sass */
.contact--context {
  position: relative;
}

/* line 96, app/assets/stylesheets/modules/../includes/mixins.sass */
.contact--context:after {
  content: "Todo ";
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: inherit;
  position: absolute;
  height: 20px;
  min-width: 40px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 5px;
  background: #C92D88;
  -moz-border-radius: 4px;
       border-radius: 4px;
  top: 10px;
  right: 10px;
  line-height: 20px;
  text-align: center;
  color: white;
  -webkit-transform: rotate(12deg);
     -moz-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
          transform: rotate(12deg);
}

/* line 97, app/assets/stylesheets/modules/contact.sass */
.contact--context figure {
  width: 100%;
  height: 100%;
}

/* line 100, app/assets/stylesheets/modules/contact.sass */
.contact--context figure img {
  width: 100%;
}

/* line 104, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions {
  padding: 0;
  margin: 0;
}

/* line 108, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list {
  z-index: 810;
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-position: inside;
  background: #f5f3ef;
  -moz-border-radius: 8px;
       border-radius: 8px;
  height: 100%;
}

/* line 116, app/assets/stylesheets/modules/contact.sass */
.visible nav.contact--actions .contact--actions_list {
  -webkit-box-shadow: 0px 10px 30px rgba(45, 42, 38, 0.5);
          box-shadow: 0px 10px 30px rgba(45, 42, 38, 0.5);
}

/* line 119, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list + .contact--actions_list {
  margin-top: 10px;
}

/* line 123, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 1px;
}

/* line 128, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item img {
  width: 100%;
}

/* line 130, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item:before {
  display: none !important;
}

/* line 133, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item.close a {
  background: #009993 !important;
  color: white !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 137, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item.close a:hover {
  color: white !important;
  background: #006662 !important;
}

/* line 141, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item:first-child {
  margin-top: 0;
}

/* line 145, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item:first-child a {
  -moz-border-radius-topleft: 8px;
       border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
       border-top-right-radius: 8px;
}

/* line 150, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item:last-child a {
  -moz-border-radius-bottomleft: 8px;
       border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
       border-bottom-right-radius: 8px;
}

/* line 154, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item a:visited,
nav.contact--actions .contact--actions_list .contact--action-item a:link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2d2a26;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  width: 100%;
  padding: 20px;
  background: white;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* line 167, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item a:visited:hover,
nav.contact--actions .contact--actions_list .contact--action-item a:link:hover {
  background: #009993;
  color: white;
}

/* line 171, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_text {
  text-align: left;
}

/* line 174, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_title {
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
  color: #2d2a26;
  border-bottom: 1px solid white;
}

/* line 184, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_long_text {
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: inherit;
  color: #00998A;
}

/* line 194, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_long_text span {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
}

/* line 198, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon {
  font-size: 0;
  height: 23px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 23px;
  background: transparent url(/assets/contact/arrow_right_red-74aef7c7a5985861b2e82fb38ebf9ca1a4de8967a4f9ba6249640aa42a1cbf04.svg) no-repeat;
  background-size: 23px;
  margin-right: 20px;
}

/* line 206, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_seperator {
  background: red;
}

/* line 209, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_text {
  background: transparent url(/assets/contact/list-0e2741875a5686561ab3ab7bfaefd1dcb01c63c822b1314e12dbd48f0377f1b7.svg) no-repeat;
  background-size: 23px;
}

/* line 212, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_adress {
  background: transparent url(/assets/contact/list-0e2741875a5686561ab3ab7bfaefd1dcb01c63c822b1314e12dbd48f0377f1b7.svg) no-repeat;
  background-size: 23px;
}

/* line 215, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_tel {
  background: transparent url(/assets/contact/phone-244b7029934fa464c10fd0d2faf8f63e7b62e2bc16fb76a22f5f25690062f037.svg) no-repeat;
  background-size: 23px;
}

/* line 218, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_whatsapp {
  background: transparent url(/assets/contact/whatsapp-437342cac1e006cb12ced094eda39012afde861fd1a269294fd39bc6c87e7efc.svg) no-repeat;
  background-size: 23px;
}

/* line 221, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_fax {
  background: transparent url(/assets/contact/fax-4b5099b947869211d05734789f7b8c2564378f84dc0a5d9cff46f89fb5b75bbe.svg) no-repeat;
  background-size: 23px;
}

/* line 224, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_email {
  background: transparent url(/assets/contact/email-dfcc154e57e3859bfc0ba50dd1dc0d999fc3c9d56ee67f359d96198a497a1df5.svg) no-repeat;
  background-size: 23px;
}

/* line 227, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_url {
  background: transparent url(/assets/contact/arrow_right_red-74aef7c7a5985861b2e82fb38ebf9ca1a4de8967a4f9ba6249640aa42a1cbf04.svg) no-repeat;
  background-size: 23px;
}

/* line 230, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item_icon.contact--action-item_pdf {
  background: transparent url(/assets/contact/pdf-621308b97f65e18ac149b9a35dcb72ef4bfbccd43403ea53302d3c764668dd0d.svg) no-repeat;
  background-size: 23px;
}

/* line 233, app/assets/stylesheets/modules/contact.sass */
nav.contact--actions .contact--actions_list .contact--action-item .contact--action-item {
  padding: 0;
  text-align: left;
}
/* line 6, app/assets/stylesheets/modules/story.sass */
section.section--story header {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
  background: #575656;
  height: 570px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}

@media (max-width: 1140px) {
  /* line 6, app/assets/stylesheets/modules/story.sass */
  section.section--story header {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 16, app/assets/stylesheets/modules/story.sass */
section.section--story header h1 {
  font-size: 60px;
  line-height: 70px;
  letter-spacing: inherit;
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 21, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
  margin-top: 12px;
}

/* line 25, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure {
  width: 100%;
  max-width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 32, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure img {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* line 37, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure.figure-720 img {
  width: 100%;
  max-width: 720px;
}

/* line 39, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure.figure-720 figcaption {
  width: 100%;
  max-width: 380px;
}

/* line 42, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure.figure-640 img {
  width: 100%;
  max-width: 640px;
}

/* line 44, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure.figure-640 figcaption {
  width: 100%;
  max-width: 450px;
}

/* line 47, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure.figure-850 img {
  width: 100%;
  max-width: 850px;
}

/* line 49, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure.figure-850 figcaption {
  width: 100%;
  max-width: 320px;
}

/* line 51, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure figcaption {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

/* line 59, app/assets/stylesheets/modules/story.sass */
section.section--story .section--story_container figure figcaption.figcaption_align_right {
  text-align: right;
}
/* line 71, app/assets/stylesheets/modules/map.sass */
.marker--title {
  display: none;
}

/* line 74, app/assets/stylesheets/modules/map.sass */
.location--popup {
  margin-left: 5px;
  margin-top: -15px;
}

/* line 79, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content {
  min-width: 300px;
  min-height: 200px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
}

@media (max-width: 414px) {
  /* line 79, app/assets/stylesheets/modules/map.sass */
  .location--popup .mapboxgl-popup-content {
    min-width: 280px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* line 94, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content .widget {
  width: 100%;
}

/* line 98, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content .contact--list_container {
  padding: 0;
  margin: 0;
}

/* line 101, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content .contact--list_container .contact--list {
  padding: 0;
  margin: 0;
}

/* line 105, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content h2 {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  margin-top: 10px;
}

/* line 110, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content a {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 113, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content p {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
}

/* line 117, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-close-button {
  display: none;
}

/* line 123, app/assets/stylesheets/modules/map.sass */
.mapboxgl-popup-tip {
  display: none;
}

/* line 126, app/assets/stylesheets/modules/map.sass */
.mapboxgl-popup-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  margin-top: 4px;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* line 131, app/assets/stylesheets/modules/map.sass */
.mapboxgl-popup-content .contact--list_container {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: static;
}

/* line 135, app/assets/stylesheets/modules/map.sass */
.mapboxgl-popup-content .contact--list-close {
  display: none;
}

/* line 138, app/assets/stylesheets/modules/map.sass */
.map_container .actions.widget {
  position: static;
  top: 0;
  left: 0;
  margin: 0;
}

/* line 145, app/assets/stylesheets/modules/map.sass */
.location--popup .mapboxgl-popup-content a {
  margin: 0;
}
/* line 5, app/assets/stylesheets/modules/product-text.sass */
.product--text {
  background: #f5f3ef;
  padding-bottom: 30px;
  padding-top: 30px;
}

/* line 11, app/assets/stylesheets/modules/product-text.sass */
.product--text .content-selector {
  min-height: 300px;
}

@media (max-width: 700px) {
  /* line 11, app/assets/stylesheets/modules/product-text.sass */
  .product--text .content-selector {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 16, app/assets/stylesheets/modules/product-text.sass */
.product--text article {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1140px) {
  /* line 16, app/assets/stylesheets/modules/product-text.sass */
  .product--text article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 22, app/assets/stylesheets/modules/product-text.sass */
.product--text article .product--text-content {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 430px) {
  /* line 22, app/assets/stylesheets/modules/product-text.sass */
  .product--text article .product--text-content {
    padding-left: 0;
    padding-right: 0px;
  }
}

/* line 28, app/assets/stylesheets/modules/product-text.sass */
.product--text article .product--text-content.show_left {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

/* line 30, app/assets/stylesheets/modules/product-text.sass */
.product--text article .product--text-content > h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #e3000f;
}

/* line 35, app/assets/stylesheets/modules/product-text.sass */
.product--text article .product--text-content > p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  width: 100%;
  max-width: 720px;
}

/* line 41, app/assets/stylesheets/modules/product-text.sass */
.product--text figure {
  width: 100%;
  max-width: 100%;
  margin-top: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1140px) {
  /* line 41, app/assets/stylesheets/modules/product-text.sass */
  .product--text figure {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 700px) {
  /* line 41, app/assets/stylesheets/modules/product-text.sass */
  .product--text figure {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 52, app/assets/stylesheets/modules/product-text.sass */
.product--text figure img {
  width: 100%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

/* line 56, app/assets/stylesheets/modules/product-text.sass */
section#steildach {
  padding-top: 70px;
}

/* line 59, app/assets/stylesheets/modules/product-text.sass */
article#produkte-zitat {
  background: #f5f3ef;
}

/* line 61, app/assets/stylesheets/modules/product-text.sass */
article#produkte-zitat .citation {
  padding-top: 20px;
  padding-bottom: 70px;
}
/* line 5, app/assets/stylesheets/modules/little-card.sass */
#ausbildungsberufe-liste .container {
  background: #A5D7D5 center 100px;
  width: 100%;
  margin-top: -50px;
  padding-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 14, app/assets/stylesheets/modules/little-card.sass */
#ausbildungsberufe-liste .container a {
  margin-top: 70px;
  position: relative;
  top: 40px;
  z-index: 700;
}

/* line 21, app/assets/stylesheets/modules/little-card.sass */
.little-card--list {
  background: #f5f3ef;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 28, app/assets/stylesheets/modules/little-card.sass */
.little-card--list .little-card--item {
  background: white;
  position: relative;
  width: 100%;
  max-width: 280px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 25px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 38, app/assets/stylesheets/modules/little-card.sass */
.little-card--list .little-card--item:hover {
  -webkit-box-shadow: 0px 20px 20px rgba(45, 42, 38, 0.2);
          box-shadow: 0px 20px 20px rgba(45, 42, 38, 0.2);
}

/* line 41, app/assets/stylesheets/modules/little-card.sass */
.little-card--list .little-card--item .little-card--item_location {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  color: #2d2a26;
  margin-bottom: 10px;
}

/* line 47, app/assets/stylesheets/modules/little-card.sass */
.little-card--list .little-card--item .little-card--item_title {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #2d2a26;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  margin-bottom: 10px;
}

/* line 53, app/assets/stylesheets/modules/little-card.sass */
.little-card--list .little-card--item .litte-card--item_date {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  margin-bottom: 60px;
}

/* line 59, app/assets/stylesheets/modules/little-card.sass */
.little-card--list .little-card--item > .actions {
  position: absolute;
  bottom: 20px;
}
@-webkit-keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 200px;
  }
}
@-moz-keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 200px;
  }
}
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 200px;
  }
}

@-webkit-keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: #e3000f;
  }
}

@-moz-keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: #e3000f;
  }
}

@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: #e3000f;
  }
}

/* line 18, app/assets/stylesheets/modules/typewriter.sass */
.typewriter {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
  height: 400px;
}

/* line 33, app/assets/stylesheets/modules/typewriter.sass */
.typewriter .typewriter--new {
  font-size: 60px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 40, app/assets/stylesheets/modules/typewriter.sass */
.typewriter .typewriter--cursor {
  font-size: 60px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #e3000f;
  font-size: 0;
  height: 60px;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  border-right: 10px solid #e3000f;
  -webkit-animation: typing 2s steps(7, end), blink-caret 0.75s step-end infinite;
     -moz-animation: typing 2s steps(7, end), blink-caret 0.75s step-end infinite;
          animation: typing 2s steps(7, end), blink-caret 0.75s step-end infinite;
  overflow: hidden;
}

/* line 50, app/assets/stylesheets/modules/typewriter.sass */
.typewriter .typewriter--text {
  font-size: 60px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 10px;
}
/* line 4, app/assets/stylesheets/modules/generalversammlung.sass */
section#generalversammlung-daecher {
  background: #968979 url(/assets/generalversammlung/daecher-7b322a72895ccb50e8b687c67127a9881f90cd4d4b8e68ff2bfba0dca6bde288.jpg) repeat-x center bottom;
  background-size: 1200px;
  padding-bottom: 50px;
}

/* line 10, app/assets/stylesheets/modules/generalversammlung.sass */
section#generalversammlung-daecher h1 {
  position: relative;
  z-index: 1;
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: inherit;
  top: 100px;
  text-align: center;
  padding-bottom: 0 !important;
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}

@media (max-width: 655px) {
  /* line 10, app/assets/stylesheets/modules/generalversammlung.sass */
  section#generalversammlung-daecher h1 {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: inherit;
  }
}

@media (max-width: 495px) {
  /* line 10, app/assets/stylesheets/modules/generalversammlung.sass */
  section#generalversammlung-daecher h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 25, app/assets/stylesheets/modules/generalversammlung.sass */
section#generalversammlung-daecher h1 strong {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 28, app/assets/stylesheets/modules/generalversammlung.sass */
section#generalversammlung-daecher svg {
  max-width: 300px;
  width: 60%;
  margin: 0 auto;
  display: block;
  margin-top: -50px;
  position: relative;
  z-index: -2;
}

/* line 38, app/assets/stylesheets/modules/generalversammlung.sass */
section#bericht-des-vorstandes .container, .bericht-des-vorstands .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 80px;
}

@media (max-width: 1140px) {
  /* line 38, app/assets/stylesheets/modules/generalversammlung.sass */
  section#bericht-des-vorstandes .container, .bericht-des-vorstands .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 44, app/assets/stylesheets/modules/generalversammlung.sass */
section#bericht-des-vorstandes h2, .bericht-des-vorstands h2 {
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 420px) {
  /* line 44, app/assets/stylesheets/modules/generalversammlung.sass */
  section#bericht-des-vorstandes h2, .bericht-des-vorstands h2 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 52, app/assets/stylesheets/modules/generalversammlung.sass */
section#bericht-des-vorstandes p, .bericht-des-vorstands p {
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: inherit;
  text-align: center;
}

@media (max-width: 420px) {
  /* line 52, app/assets/stylesheets/modules/generalversammlung.sass */
  section#bericht-des-vorstandes p, .bericht-des-vorstands p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: inherit;
  }
}

/* line 59, app/assets/stylesheets/modules/generalversammlung.sass */
section#bericht-des-vorstandes h3, .bericht-des-vorstands h3 {
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: center;
  padding-top: 30px;
}

@media (max-width: 420px) {
  /* line 59, app/assets/stylesheets/modules/generalversammlung.sass */
  section#bericht-des-vorstandes h3, .bericht-des-vorstands h3 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 67, app/assets/stylesheets/modules/generalversammlung.sass */
section#bericht-des-vorstandes ul, .bericht-des-vorstands ul {
  margin: 0;
  padding: 0;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  text-align: center;
}

@media (max-width: 420px) {
  /* line 67, app/assets/stylesheets/modules/generalversammlung.sass */
  section#bericht-des-vorstandes ul, .bericht-des-vorstands ul {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 76, app/assets/stylesheets/modules/generalversammlung.sass */
section#bericht-des-vorstandes ul li, .bericht-des-vorstands ul li {
  list-style-position: inside;
  list-style-type: none;
}

/* line 80, app/assets/stylesheets/modules/generalversammlung.sass */
section#finanzen {
  background: -webkit-linear-gradient(top, white 0px, white 230px, #f5f3ef 230px, #f5f3ef 100%);
  background: -moz-linear-gradient(top, white 0px, white 230px, #f5f3ef 230px, #f5f3ef 100%);
  background: linear-gradient(180deg, white 0px, white 230px, #f5f3ef 230px, #f5f3ef 100%);
  padding-bottom: 100px;
  margin-bottom: -20px;
}

/* line 85, app/assets/stylesheets/modules/generalversammlung.sass */
section#deg-2019, section#deg-year {
  background: #f5f3ef;
  padding: 70px 0;
}

/* line 88, app/assets/stylesheets/modules/generalversammlung.sass */
section#deg-2019 .content-selector, section#deg-year .content-selector {
  min-height: 380px;
}

@media (max-width: 420px) {
  /* line 91, app/assets/stylesheets/modules/generalversammlung.sass */
  section#deg-2019 .content-selector p, section#deg-year .content-selector p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 95, app/assets/stylesheets/modules/generalversammlung.sass */
section#fotostrecke-generalversammlung-2019 {
  background: #f5f3ef;
}

/* line 97, app/assets/stylesheets/modules/generalversammlung.sass */
section#fotostrecke-generalversammlung-2019 .image--gallery {
  margin-bottom: 40px;
}

/* line 100, app/assets/stylesheets/modules/generalversammlung.sass */
section#fotostrecke-generalversammlung-2019 .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -25px;
}

@media (max-width: 414px) {
  /* line 100, app/assets/stylesheets/modules/generalversammlung.sass */
  section#fotostrecke-generalversammlung-2019 .actions {
    margin-bottom: -20px;
  }
}

/* line 107, app/assets/stylesheets/modules/generalversammlung.sass */
section#ehrungen {
  background: white;
  padding-top: 100px;
}

/* line 110, app/assets/stylesheets/modules/generalversammlung.sass */
section#ehrungen .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 110, app/assets/stylesheets/modules/generalversammlung.sass */
  section#ehrungen .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 800px) {
  /* line 116, app/assets/stylesheets/modules/generalversammlung.sass */
  section#ehrungen .container.einleitung .half {
    width: 100%;
    min-width: 100%;
    max-width: 100% !important;
    padding-left: 10px;
  }
}

/* line 122, app/assets/stylesheets/modules/generalversammlung.sass */
section#ehrungen h2 {
  color: #e3000f;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

@media (max-width: 420px) {
  /* line 122, app/assets/stylesheets/modules/generalversammlung.sass */
  section#ehrungen h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 128, app/assets/stylesheets/modules/generalversammlung.sass */
section#ehrungen p {
  color: #2d2a26;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
}

@media (max-width: 420px) {
  /* line 128, app/assets/stylesheets/modules/generalversammlung.sass */
  section#ehrungen p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 134, app/assets/stylesheets/modules/generalversammlung.sass */
section#ehrungen ul.text-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -20px;
  list-style-type: none;
  list-style-position: inside;
  list-style-type: none;
}

/* line 141, app/assets/stylesheets/modules/generalversammlung.sass */
section#ehrungen ul.text-list li.text-list--item {
  padding-left: 92px;
  list-style-type: none;
  padding-right: 50px;
  min-height: 100px;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  background: transparent url(/assets/generalversammlung/ehrennadel-silber-567f0cb4149b17ce7a4783ce3340c088da14828ae0e34a970c137a50387c731a.svg) no-repeat top left;
  width: 100%;
  max-width: 50%;
  margin-bottom: 40px;
  position: relative;
  margin-bottom: 2em;
}

/* line 147, app/assets/stylesheets/modules/generalversammlung.sass */
section#ehrungen ul.text-list li.text-list--item strong {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 195, app/assets/stylesheets/modules/../includes/mixins.sass */
section#ehrungen ul.text-list li.text-list--item _:default:not(:root:root), section#ehrungen ul.text-list li.text-list--item .selector {
  width: 500px;
}

@media (max-width: 710px) {
  /* line 141, app/assets/stylesheets/modules/generalversammlung.sass */
  section#ehrungen ul.text-list li.text-list--item {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 490px) {
  /* line 141, app/assets/stylesheets/modules/generalversammlung.sass */
  section#ehrungen ul.text-list li.text-list--item {
    padding-right: 20px;
  }
}

@media (max-width: 420px) {
  /* line 141, app/assets/stylesheets/modules/generalversammlung.sass */
  section#ehrungen ul.text-list li.text-list--item {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 169, app/assets/stylesheets/modules/generalversammlung.sass */
section#deg-prinzip-kurzfassung .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1140px) {
  /* line 169, app/assets/stylesheets/modules/generalversammlung.sass */
  section#deg-prinzip-kurzfassung .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 580px) {
  /* line 169, app/assets/stylesheets/modules/generalversammlung.sass */
  section#deg-prinzip-kurzfassung .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: 20px;
  }
  /* line 175, app/assets/stylesheets/modules/generalversammlung.sass */
  section#deg-prinzip-kurzfassung .container .half {
    widht: 100%;
    min-width: 100%;
    padding-top: 0;
    padding-right: 10px;
  }
}

/* line 181, app/assets/stylesheets/modules/generalversammlung.sass */
section#deg-prinzip-kurzfassung img {
  width: 100%;
}

/* line 184, app/assets/stylesheets/modules/generalversammlung.sass */
section#deg-prinzip-kurzfassung h2 {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
}

@media (max-width: 420px) {
  /* line 184, app/assets/stylesheets/modules/generalversammlung.sass */
  section#deg-prinzip-kurzfassung h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 192, app/assets/stylesheets/modules/generalversammlung.sass */
section#deg-prinzip-kurzfassung p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
}

@media (max-width: 420px) {
  /* line 192, app/assets/stylesheets/modules/generalversammlung.sass */
  section#deg-prinzip-kurzfassung p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 199, app/assets/stylesheets/modules/generalversammlung.sass */
section#deg-prinzip-kurzfassung .actions .button--red {
  margin-top: 20px;
  min-width: 200px;
}

@media (max-width: 380px) {
  /* line 199, app/assets/stylesheets/modules/generalversammlung.sass */
  section#deg-prinzip-kurzfassung .actions .button--red {
    width: 100%;
  }
}
/* line 5, app/assets/stylesheets/modules/geschaeftsbericht.sass */
body.page--geschaeftsbericht section#generalversammlung-daecher {
  height: auto !important;
  background: #d8d8d9;
  background-size: 1200px;
}

/* line 11, app/assets/stylesheets/modules/geschaeftsbericht.sass */
body.page--geschaeftsbericht section#generalversammlung-daecher h1 {
  padding: 100px 0;
  top: auto;
  font-size: 50px;
  line-height: 1.2;
  color: black;
}

/* line 20, app/assets/stylesheets/modules/geschaeftsbericht.sass */
body.page--geschaeftsbericht section#generalversammlung-daecher h1 strong {
  max-width: 100%;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/* line 25, app/assets/stylesheets/modules/geschaeftsbericht.sass */
body.page--geschaeftsbericht section#generalversammlung-daecher h1 .spinner {
  position: absolute;
  top: -webkit-calc( 50% - 140px);
  top: -moz-calc( 50% - 140px);
  top: calc( 50% - 140px);
  left: -webkit-calc(50% - 140px);
  left: -moz-calc(50% - 140px);
  left: calc(50% - 140px);
  margin: 0 auto;
}

/* line 31, app/assets/stylesheets/modules/geschaeftsbericht.sass */
body.page--geschaeftsbericht section#generalversammlung-daecher h1 .spinner.size--sm {
  top: -webkit-calc(50% - 110px);
  top: -moz-calc(50% - 110px);
  top: calc(50% - 110px);
  left: -webkit-calc(50% - 110px);
  left: -moz-calc(50% - 110px);
  left: calc(50% - 110px);
}

/* line 35, app/assets/stylesheets/modules/geschaeftsbericht.sass */
body.page--geschaeftsbericht section#generalversammlung-daecher h1 [data-duplicate-text] {
  position: relative;
  display: inline-block;
}

/* line 38, app/assets/stylesheets/modules/geschaeftsbericht.sass */
body.page--geschaeftsbericht section#generalversammlung-daecher h1 [data-duplicate-text]::before {
  content: attr(data-duplicate-text);
  position: absolute;
  display: inline-block;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  z-index: 100;
  -webkit-clip-path: inset(0 0 0 50%);
          clip-path: inset(0 0 0 50%);
}
/* line 5, app/assets/stylesheets/modules/galleries.sass */
section.gallery .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 5, app/assets/stylesheets/modules/galleries.sass */
  section.gallery .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 8, app/assets/stylesheets/modules/galleries.sass */
section.gallery h1 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  color: #2d2a26;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 14, app/assets/stylesheets/modules/galleries.sass */
.gallery--ui {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 60px;
}

@media (max-width: 890px) {
  /* line 14, app/assets/stylesheets/modules/galleries.sass */
  .gallery--ui {
    margin-top: 120px;
  }
}

/* line 24, app/assets/stylesheets/modules/galleries.sass */
.gallery--ui a:visited,
.gallery--ui a:link {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #e3000f;
  display: none;
}

/* line 31, app/assets/stylesheets/modules/galleries.sass */
.gallery--images-list {
  max-width: 1320px;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 10px;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 43, app/assets/stylesheets/modules/galleries.sass */
.gallery--images-list .gallery--image-item {
  width: 320px;
  height: 220px;
  margin: 10px;
}

/* line 48, app/assets/stylesheets/modules/galleries.sass */
.gallery--images-list .gallery--image-item img {
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  height: 100%;
}
/* line 4, app/assets/stylesheets/modules/overlay.sass */
.overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  display: none;
  width: 630px;
  max-width: -webkit-calc( 100% - 20px);
  max-width: -moz-calc( 100% - 20px);
  max-width: calc( 100% - 20px);
  min-height: 300px;
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 60px;
  background: white;
  -webkit-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
          box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

@media (max-width: 500px) {
  /* line 4, app/assets/stylesheets/modules/overlay.sass */
  .overlay {
    padding: 30px 20px 25px;
  }
}

/* line 24, app/assets/stylesheets/modules/overlay.sass */
.overlay.open {
  display: block;
}

/* line 27, app/assets/stylesheets/modules/overlay.sass */
.overlay .overlay__title {
  font-size: 22px;
  line-height: 1;
  letter-spacing: 1px;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #e30613;
}

@media (max-width: 500px) {
  /* line 27, app/assets/stylesheets/modules/overlay.sass */
  .overlay .overlay__title {
    font-size: 20px;
    line-height: 1;
    letter-spacing: inherit;
  }
}

/* line 35, app/assets/stylesheets/modules/overlay.sass */
.overlay .overlay__text {
  font-size: 19px;
  line-height: 1.7;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  margin: 19px 0 0;
}

@media (max-width: 500px) {
  /* line 35, app/assets/stylesheets/modules/overlay.sass */
  .overlay .overlay__text {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: inherit;
  }
}

/* line 43, app/assets/stylesheets/modules/overlay.sass */
.overlay a {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #e30613;
}

/* line 48, app/assets/stylesheets/modules/overlay.sass */
.overlay .overlay__close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 45px;
  height: 45px;
  -moz-border-radius: 100%;
       border-radius: 100%;
  -webkit-appearance: none;
  border: none;
  background-color: #e30613;
  background-image: url(/assets/ui/x-d846bd91624397779f3cf47d22f2be8daa9e2654056ec9d1eb51dda6052b66d6.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45%;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

/* line 68, app/assets/stylesheets/modules/overlay.sass */
.overlay .overlay__close:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
     -moz-transform: translate(-50%, -50%) scale(1.1);
      -ms-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

/* line 71, app/assets/stylesheets/modules/overlay.sass */
.overlay.open + .backdrop {
  display: block;
}

/* line 75, app/assets/stylesheets/modules/overlay.sass */
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #2d2a26;
  opacity: 0.8;
  cursor: pointer;
  display: none;
}
/* line 4, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  display: none;
  -moz-border-radius: 10px;
       border-radius: 10px;
  width: 850px;
  max-width: -webkit-calc( 100% - 20px);
  max-width: -moz-calc( 100% - 20px);
  max-width: calc( 100% - 20px);
  min-height: 300px;
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 60px;
  background: #EDEDED;
  -webkit-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
          box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
}

@media (max-width: 500px) {
  /* line 4, app/assets/stylesheets/modules/form-overlay.sass */
  .form-overlay {
    padding: 30px 20px 25px;
  }
}

/* line 25, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay.open {
  display: block;
}

/* line 28, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay .overlay__title {
  font-size: 22px;
  line-height: 1;
  letter-spacing: 1px;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #e30613;
}

@media (max-width: 500px) {
  /* line 28, app/assets/stylesheets/modules/form-overlay.sass */
  .form-overlay .overlay__title {
    font-size: 20px;
    line-height: 1;
    letter-spacing: inherit;
  }
}

/* line 36, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay .overlay__text {
  font-size: 19px;
  line-height: 1.7;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  margin: 19px 0 0;
}

@media (max-width: 500px) {
  /* line 36, app/assets/stylesheets/modules/form-overlay.sass */
  .form-overlay .overlay__text {
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: inherit;
  }
}

/* line 43, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay span.error {
  color: #e3000f;
  font-size: 12px;
  display: block;
  margin-top: 5px;
}

/* line 50, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1px;
}

/* line 52, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form input[type='submit'] {
  position: absolute;
  bottom: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* line 57, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form label {
  font-size: 12px;
  display: block;
  margin-top: 20px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 5px;
}

/* line 63, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .form-row {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

/* line 67, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .form-row .col {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 71, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .row {
  width: 100%;
}

/* line 73, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .row textarea, .form-overlay form .row input[type='text'], .form-overlay form .row input[type='email'], .form-overlay form .row select {
  width: 100%;
  border: 1px solid #D4DADF;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 78, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .row textarea:active, .form-overlay form .row textarea:focus, .form-overlay form .row input[type='text']:active, .form-overlay form .row input[type='text']:focus, .form-overlay form .row input[type='email']:active, .form-overlay form .row input[type='email']:focus, .form-overlay form .row select:active, .form-overlay form .row select:focus {
  border: 1px solid #e3000f;
  outline: none;
}

/* line 81, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .row textarea {
  min-height: 140px;
  padding: 10px;
}

/* line 84, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .row input[type='text'], .form-overlay form .row input[type='email'] {
  height: 32px;
}

/* line 86, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .row select {
  height: 32px;
}

/* line 90, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay form .with_error input[type='text'] {
  border: 1px solid #e3000f;
}

/* line 94, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay a {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #e30613;
}

/* line 99, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay .overlay__close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 45px;
  height: 45px;
  -moz-border-radius: 100%;
       border-radius: 100%;
  -webkit-appearance: none;
  border: none;
  background-color: #e30613;
  background-image: url(/assets/ui/x-d846bd91624397779f3cf47d22f2be8daa9e2654056ec9d1eb51dda6052b66d6.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45%;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

/* line 119, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay .overlay__close:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
     -moz-transform: translate(-50%, -50%) scale(1.1);
      -ms-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

/* line 122, app/assets/stylesheets/modules/form-overlay.sass */
.form-overlay.open + .form-backdrop {
  display: block;
}

/* line 126, app/assets/stylesheets/modules/form-overlay.sass */
.form-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #2d2a26;
  opacity: 0.8;
  cursor: pointer;
  display: none;
}
/* line 1, app/assets/stylesheets/lib/simple_lightbox.scss */
body.hidden-scroll {
  overflow: hidden;
}

/* line 4, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  display: none;
  z-index: 1035;
}

/* line 15, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper {
  z-index: 1040;
}

/* line 17, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper button:hover {
  opacity: 0.7;
}

/* line 25, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}

/* line 39, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-close:focus {
  outline: none;
}

/* line 41, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}

/* line 49, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

/* line 52, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}

/* line 64, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

/* line 67, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

/* line 70, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-navigation button:focus {
  outline: none;
}

@media (min-width: 35.5em) {
  /* line 73, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  /* line 75, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  /* line 78, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}

@media (min-width: 50em) {
  /* line 82, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  /* line 84, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  /* line 87, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}

/* line 90, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}

/* line 95, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}

@media (min-width: 35.5em) {
  /* line 103, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}

@media (min-width: 50em) {
  /* line 106, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}

/* line 108, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}

@media (min-width: 35.5em) {
  /* line 112, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}

@media (min-width: 50em) {
  /* line 115, app/assets/stylesheets/lib/simple_lightbox.scss */
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}

/* line 117, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 127, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

/* line 130, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

/* line 132, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

/* line 140, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-spinner {
  display: none;
  border: 5px solid #333;
  -moz-border-radius: 40px;
       border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

/* line 158, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

/* line 165, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  -webkit-transition: -webkit-transform ease 200ms;
  -moz-transition: transform ease 200ms, -moz-transform ease 200ms;
  transition: transform ease 200ms;
  transition: transform ease 200ms, -webkit-transform ease 200ms, -moz-transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@-moz-keyframes pulsate {
  0% {
    -moz-transform: scale(0.1);
         transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
    opacity: 0;
  }
}

/* line 222, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-image {
  -webkit-box-shadow: 0px 0px 20px rgba(53, 64, 82, 0.5);
          box-shadow: 0px 0px 20px rgba(53, 64, 82, 0.5);
}

/* line 226, app/assets/stylesheets/lib/simple_lightbox.scss */
.sl-close,
.sl-prev,
.sl-next {
  font-size: 70px !important;
  color: #354052 !important;
}
/* line 5, app/assets/stylesheets/modules/special_feature.sass */
.special-feature {
  margin-top: 20px;
}

/* line 7, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

@media (max-width: 1140px) {
  /* line 7, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 580px) {
  /* line 7, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 17, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--description {
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  max-width: 510px;
  z-index: 200;
}

@media (max-width: 580px) {
  /* line 17, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--description {
    position: relative;
    max-width: 100%;
    width: 100%;
  }
}

/* line 27, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--description .special-feature--description_text {
  background: #e3000f;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 45px;
  padding-left: 55px;
  padding-right: 55px;
  -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

@media (max-width: 580px) {
  /* line 27, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--description .special-feature--description_text {
    -webkit-clip-path: none;
            clip-path: none;
  }
}

/* line 38, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--description h2 {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: white;
}

@media (max-width: 580px) {
  /* line 38, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--description h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 44, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--description p {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: inherit;
  color: white;
  margin-bottom: 0;
}

@media (max-width: 580px) {
  /* line 44, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--description p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 52, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--description .actions {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
     -moz-transform: translateX(50%) translateY(-50%);
      -ms-transform: translateX(50%) translateY(-50%);
          transform: translateX(50%) translateY(-50%);
  z-index: 210;
}

@media (max-width: 970px) {
  /* line 59, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--description .actions a {
    -webkit-box-shadow: 0px 0px 10px rgba(45, 42, 38, 0.4);
            box-shadow: 0px 0px 10px rgba(45, 42, 38, 0.4);
  }
}

@media (max-width: 580px) {
  /* line 52, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--description .actions {
    bottom: -50px;
    top: auto;
    right: 50%;
  }
  /* line 65, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--description .actions a {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

/* line 69, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--image {
  position: relative;
  width: 100%;
  max-width: 830px;
  z-index: 140;
}

@media (max-width: 970px) {
  /* line 69, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image {
    margin-top: 300px;
  }
}

@media (max-width: 680px) {
  /* line 69, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image {
    margin-top: 350px;
  }
}

@media (max-width: 580px) {
  /* line 69, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image {
    margin-top: 20px;
  }
}

/* line 79, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--image figure {
  width: 100%;
  max-width: 830px;
}

/* line 81, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--image figure img {
  width: 100%;
}

/* line 84, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--image .actions {
  position: absolute;
  bottom: 40px;
  padding: 0 20px;
  right: 0;
  width: 100%;
  text-align: center;
}

@media (max-width: 1200px) and (min-width: 970px) {
  /* line 84, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image .actions {
    text-align: right;
  }
}

@media (max-width: 1200px) and (min-width: 970px) and (max-width: 1050px) {
  /* line 84, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image .actions {
    width: 300px;
  }
}

@media (max-width: 620px) {
  /* line 84, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image .actions {
    display: none;
  }
}

/* line 100, app/assets/stylesheets/modules/special_feature.sass */
.special-feature article .special-feature--image .actions > * + * {
  margin-left: 60px;
  margin-top: 20px;
}

@media (max-width: 1250px) {
  /* line 100, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image .actions > * + * {
    margin-left: 20px;
  }
}

@media (max-width: 970px) {
  /* line 100, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image .actions > * + * {
    margin-left: 60px;
  }
}

@media (max-width: 670px) {
  /* line 100, app/assets/stylesheets/modules/special_feature.sass */
  .special-feature article .special-feature--image .actions > * + * {
    margin-left: 20px;
  }
}
/* line 5, app/assets/stylesheets/modules/hero.sass */
.hero article {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 180px;
}

@media (max-width: 1140px) {
  /* line 5, app/assets/stylesheets/modules/hero.sass */
  .hero article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 910px) {
  /* line 5, app/assets/stylesheets/modules/hero.sass */
  .hero article {
    padding-bottom: 0;
  }
}

/* line 11, app/assets/stylesheets/modules/hero.sass */
.hero article figure {
  width: 100%;
}

/* line 13, app/assets/stylesheets/modules/hero.sass */
.hero article figure img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 17, app/assets/stylesheets/modules/hero.sass */
.hero .hero--message {
  background: #2d2a26;
  width: 100%;
  max-width: 820px;
  position: absolute;
  bottom: 0;
  left: 80px;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 70px;
  padding-rigth: 70px;
  color: white;
  -webkit-clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
  font-size: 100px;
  line-height: 110px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 31, app/assets/stylesheets/modules/hero.sass */
.hero .hero--message .light-beige {
  color: #d9d2c3 !important;
}

@media (max-width: 910px) {
  /* line 17, app/assets/stylesheets/modules/hero.sass */
  .hero .hero--message {
    font-size: 80px;
    line-height: 90px;
    letter-spacing: inherit;
    position: relative;
    left: 20px;
    top: -40px;
    max-width: 80%;
  }
}

@media (max-width: 880px) {
  /* line 17, app/assets/stylesheets/modules/hero.sass */
  .hero .hero--message {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: inherit;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-rigth: 50px;
  }
}

@media (max-width: 555px) {
  /* line 17, app/assets/stylesheets/modules/hero.sass */
  .hero .hero--message {
    left: 0;
    top: 0px;
    max-width: 100%;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: inherit;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-rigth: 50px;
  }
}

@media (max-width: 480px) {
  /* line 17, app/assets/stylesheets/modules/hero.sass */
  .hero .hero--message {
    position: relative;
    max-width: 100%;
    top: 0;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-rigth: 40px;
  }
}
/* line 4, app/assets/stylesheets/modules/simple-map.sass */
.simple-map {
  margin-top: 40px;
  padding-top: 60px;
  padding-bottom: 40px;
}

/* line 8, app/assets/stylesheets/modules/simple-map.sass */
.simple-map.light_beige {
  margin-bottom: -40px;
  background: #f5f3ef;
}

/* line 11, app/assets/stylesheets/modules/simple-map.sass */
.simple-map article {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  height: 510px;
}

@media (max-width: 1140px) {
  /* line 11, app/assets/stylesheets/modules/simple-map.sass */
  .simple-map article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 14, app/assets/stylesheets/modules/simple-map.sass */
.simple-map article .map_container {
  width: 100%;
  height: 100%;
}

/* line 18, app/assets/stylesheets/modules/simple-map.sass */
.simple-map article .mapboxgl-ctrl-logo {
  display: none;
}

/* line 21, app/assets/stylesheets/modules/simple-map.sass */
.simple-map .simple_marker {
  height: 104px;
  width: 86px;
  display: block;
  background: transparent url(/assets/standorte/deg_marker-418d67d793ca176494d7103e51d6516f3e2dfd79e091546a0fb5e16c5d4ee405.svg) no-repeat center center;
  background-size: 86px 104px;
  margin-top: -52px;
  margin-left: -23px;
}
/* line 4, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble {
  position: relative;
  background-image: -webkit-linear-gradient(bottom, transparent 27px, #ffda1a 27px), -webkit-linear-gradient(right, transparent 50%, #ffda1a 50%);
  background-image: -moz-linear-gradient(bottom, transparent 27px, #ffda1a 27px), -moz-linear-gradient(right, transparent 50%, #ffda1a 50%);
  background-image: linear-gradient(to top, transparent 27px, #ffda1a 27px), linear-gradient(to left, transparent 50%, #ffda1a 50%);
  padding: 18px 28px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  max-width: 420px;
  margin-bottom: 28px;
  z-index: 1;
}

/* line 13, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble .speech__title {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  text-transform: uppercase;
}

/* line 18, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble .speech__title + p {
  margin-top: 30px;
}

/* line 20, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble p {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px !important;
  line-height: 1.25 !important;
  margin: 0;
}

@media (max-width: 750px) {
  /* line 20, app/assets/stylesheets/modules/speech-bubble.sass */
  .speech-bubble p {
    font-size: 18px !important;
  }
}

/* line 28, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble p.size--sm {
  font-size: 18px !important;
}

/* line 31, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble p + p {
  margin-top: 6px;
}

/* line 34, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 56px;
  -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  z-index: -1;
  background-image: url(/assets/ui/speech-corner-right-21a86fb5245bdb16b39472242b34920be67cf8f0b55e946facd9272c02190d96.svg);
  background-position: bottom right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

/* line 49, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.size--lg {
  padding: 40px;
  -moz-border-radius: 8px;
       border-radius: 8px;
  max-width: 730px;
}

/* line 54, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.size--lg::after {
  height: 112px;
}

@media (max-width: 750px) {
  /* line 49, app/assets/stylesheets/modules/speech-bubble.sass */
  .speech-bubble.size--lg {
    padding: 30px;
  }
}

/* line 61, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.clr--gray {
  background-image: -webkit-linear-gradient(bottom, transparent 27px, #ededed 27px), -webkit-linear-gradient(right, transparent 50%, #ededed 50%);
  background-image: -moz-linear-gradient(bottom, transparent 27px, #ededed 27px), -moz-linear-gradient(right, transparent 50%, #ededed 50%);
  background-image: linear-gradient(to top, transparent 27px, #ededed 27px), linear-gradient(to left, transparent 50%, #ededed 50%);
}

/* line 63, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.clr--gray::after {
  background-image: url(/assets/ui/speech-corner-right-gray-889aaf90b57834ff5b2ff1906cac747b8840a18bbfd6953f0a08736049c38fe9.svg);
}

/* line 66, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.clr--gray.from--left {
  background-image: -webkit-linear-gradient(bottom, transparent 27px, #ededed 27px), -webkit-linear-gradient(left, transparent 50%, #ededed 50%);
  background-image: -moz-linear-gradient(bottom, transparent 27px, #ededed 27px), -moz-linear-gradient(left, transparent 50%, #ededed 50%);
  background-image: linear-gradient(to top, transparent 27px, #ededed 27px), linear-gradient(to right, transparent 50%, #ededed 50%);
}

/* line 68, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.clr--gray.from--left::after {
  background-image: url(/assets/ui/speech-corner-left-gray-9e82a853099a3d0b75fe0ed4530ee7129838ba7d3cce2412ab2e3bf886aabcc3.svg);
}

/* line 72, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.clr--brown.from--top {
  background-image: -webkit-linear-gradient(top, transparent 27px, #2d2a26 27px), -webkit-linear-gradient(right, transparent 220px, #2d2a26 220px);
  background-image: -moz-linear-gradient(top, transparent 27px, #2d2a26 27px), -moz-linear-gradient(right, transparent 220px, #2d2a26 220px);
  background-image: linear-gradient(to bottom, transparent 27px, #2d2a26 27px), linear-gradient(to left, transparent 220px, #2d2a26 220px);
}

/* line 73, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.clr--brown.from--top * {
  color: white;
}

/* line 76, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.clr--brown.from--top::after {
  background-image: url(/assets/ui/speech-corner-left-brown-c7f03a960b8e86eaca87e62be64c4d765ae6133c83ce6302e50ca19a6190b815.svg);
  background-position: bottom left;
  bottom: 100%;
  -webkit-transform: translateY(50%) scale(-1, -1);
     -moz-transform: translateY(50%) scale(-1, -1);
      -ms-transform: translateY(50%) scale(-1, -1);
          transform: translateY(50%) scale(-1, -1);
}

/* line 85, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.from--left {
  background-image: -webkit-linear-gradient(bottom, transparent 27px, #ffda1a 27px), -webkit-linear-gradient(left, transparent 50%, #ffda1a 50%);
  background-image: -moz-linear-gradient(bottom, transparent 27px, #ffda1a 27px), -moz-linear-gradient(left, transparent 50%, #ffda1a 50%);
  background-image: linear-gradient(to top, transparent 27px, #ffda1a 27px), linear-gradient(to right, transparent 50%, #ffda1a 50%);
}

/* line 87, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.from--left::after {
  background-image: url(/assets/ui/speech-corner-left-e0c3ecbfaa89fdbbe9e7af8762c65243d39458e80c8c971ab7b6bffbef28c4ee.svg);
  background-position: bottom left;
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 40px) rotate(-5deg);
            transform: translate(50px, 40px) rotate(-5deg);
  }
  100% {
    opacity: 100;
  }
}

@-moz-keyframes appear {
  0% {
    opacity: 0;
    -moz-transform: translate(50px, 40px) rotate(-5deg);
         transform: translate(50px, 40px) rotate(-5deg);
  }
  100% {
    opacity: 100;
  }
}

@keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 40px) rotate(-5deg);
       -moz-transform: translate(50px, 40px) rotate(-5deg);
            transform: translate(50px, 40px) rotate(-5deg);
  }
  100% {
    opacity: 100;
  }
}

/* line 103, app/assets/stylesheets/modules/speech-bubble.sass */
.speech-bubble.animate {
  opacity: 0;
  -webkit-animation: 0.15s appear 0.7s 1 both;
     -moz-animation: 0.15s appear 0.7s 1 both;
          animation: 0.15s appear 0.7s 1 both;
}
/* line 1, app/assets/stylesheets/modules/spinner.sass */
.spinner {
  position: relative;
  width: 280px;
  height: 280px;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* line 12, app/assets/stylesheets/modules/spinner.sass */
.spinner span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/assets/ui/spinner-818ef61a761fb2c2b3142f8697d9a2184c92a52744bbad785a00e83b11109e52.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-animation: rotate 3.5s linear 0s infinite forwards;
     -moz-animation: rotate 3.5s linear 0s infinite forwards;
          animation: rotate 3.5s linear 0s infinite forwards;
}

/* line 26, app/assets/stylesheets/modules/spinner.sass */
.spinner span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
     -moz-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

/* line 28, app/assets/stylesheets/modules/spinner.sass */
.spinner span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
     -moz-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

/* line 31, app/assets/stylesheets/modules/spinner.sass */
.spinner.direction--reverse {
  -webkit-transform: scaleY(-1);
     -moz-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

/* line 33, app/assets/stylesheets/modules/spinner.sass */
.spinner.size--sm {
  width: 220px;
  height: 220px;
}
/* line 4, app/assets/stylesheets/modules/article.sass */
.section--article {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

/* line 8, app/assets/stylesheets/modules/article.sass */
.section--article header,
.section--article article {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 16, app/assets/stylesheets/modules/article.sass */
.section--article article {
  margin-top: 10px;
}

/* line 19, app/assets/stylesheets/modules/article.sass */
.section--article header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

/* line 27, app/assets/stylesheets/modules/article.sass */
.section--article header .actions {
  margin-left: auto;
}

@media (max-width: 890px) {
  /* line 29, app/assets/stylesheets/modules/article.sass */
  .section--article header .breadcrumbs {
    margin-top: 90px;
  }
}

/* line 33, app/assets/stylesheets/modules/article.sass */
.section--article header .breadcrumbs a:visited,
.section--article header .breadcrumbs a:link {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #e3000f;
  text-decoration: none;
  background: transparent url(/assets/ui/slider_left-867e069d21a43bd4e29c2f317aca532b301ca2119be2cdafe4902c979e242922.svg) no-repeat left center;
  padding-left: 20px;
}

/* line 41, app/assets/stylesheets/modules/article.sass */
.section--article header .breadcrumbs a:hover {
  border-bottom: 2px solid #e3000f;
}

/* line 45, app/assets/stylesheets/modules/article.sass */
.section--article h1.article--title {
  width: 100%;
  max-width: 900px;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #2d2a26;
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 45, app/assets/stylesheets/modules/article.sass */
  .section--article h1.article--title {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 59, app/assets/stylesheets/modules/article.sass */
.section--article .article--text {
  width: 100%;
  max-width: 900px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 60px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 59, app/assets/stylesheets/modules/article.sass */
  .section--article .article--text {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 70, app/assets/stylesheets/modules/article.sass */
.section--article .article--text > h1 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 70, app/assets/stylesheets/modules/article.sass */
  .section--article .article--text > h1 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: inherit;
  }
}

/* line 77, app/assets/stylesheets/modules/article.sass */
.section--article .article--text h2 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 77, app/assets/stylesheets/modules/article.sass */
  .section--article .article--text h2 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 83, app/assets/stylesheets/modules/article.sass */
.section--article .article--text strong {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 86, app/assets/stylesheets/modules/article.sass */
.section--article .article--text em {
  font-style: italic;
}

/* line 89, app/assets/stylesheets/modules/article.sass */
.section--article .article--text p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 89, app/assets/stylesheets/modules/article.sass */
  .section--article .article--text p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 95, app/assets/stylesheets/modules/article.sass */
.section--article .article--text h3 {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 95, app/assets/stylesheets/modules/article.sass */
  .section--article .article--text h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 101, app/assets/stylesheets/modules/article.sass */
.section--article .article--text h3 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 101, app/assets/stylesheets/modules/article.sass */
  .section--article .article--text h3 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 108, app/assets/stylesheets/modules/article.sass */
.section--article .article--text blockquote {
  color: #49443d;
  border-left: 4px solid #e1dbd0;
  margin: 0;
  margin-left: 0;
  padding-left: 1em;
}

/* line 115, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 840px;
}

/* line 122, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure img {
  width: 100%;
  height: auto;
}

/* line 127, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--preview figcaption {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: inherit;
  color: #2d2a26;
  margin-top: 10px;
  width: 100%;
  max-width: 450px;
  margin-bottom: 40px;
}

/* line 134, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--preview figcaption:first-line {
  color: #e3000f;
}

/* line 138, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--file {
  width: auto;
  min-width: 200px;
  display: inline-block;
  background: transparent url(/assets/ui/download_arrow-f64a75de2e7e16dfbfdb460c5485956fce48b2195cefe6aee4ba7da8bb51f81e.svg) no-repeat 20px center;
  background-size: 24px 37px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 60px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  border: 2px solid #f5f3ef;
  -moz-border-radius: 4px;
       border-radius: 4px;
}

/* line 156, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--file:hover {
  border: 2px solid #e3000f;
}

/* line 158, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--file figcaption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 161, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--file figcaption span {
  display: block;
  width: 100%;
}

/* line 165, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--file figcaption .attachment__name {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 170, app/assets/stylesheets/modules/article.sass */
.section--article .article--text figure.attachment--preview a:visited,
.section--article .article--text figure.attachment--preview a:link,
.section--article .article--text figure.attachment--preview a:hover {
  border: none !important;
}

/* line 177, app/assets/stylesheets/modules/article.sass */
.section--article .article--text ul, .section--article .article--text ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

/* line 182, app/assets/stylesheets/modules/article.sass */
.section--article .article--text ul li, .section--article .article--text ol li {
  font-weight: normal;
  margin-bottom: 0.3em;
}

/* line 186, app/assets/stylesheets/modules/article.sass */
.section--article .article--text a:visited,
.section--article .article--text a:link {
  color: #e3000f;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 2px solid #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 193, app/assets/stylesheets/modules/article.sass */
.section--article .article--text a:hover {
  color: #b0000c;
  font-weight: normal;
  border-bottom: 3px solid #e3000f;
}

/* line 199, app/assets/stylesheets/modules/article.sass */
.section--article .container {
  margin-bottom: 20px;
  width: 100%;
  margin-top: 40px;
  background: #f5f3ef;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 210, app/assets/stylesheets/modules/article.sass */
.section--article .container > a {
  position: relative;
  top: 40px;
  z-index: 700;
}

/* line 215, app/assets/stylesheets/modules/article.sass */
.section--article .video-wrapper {
  max-width: 1060px;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  margin: 40px auto 0;
}

/* line 222, app/assets/stylesheets/modules/article.sass */
.section--article .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 5, app/assets/stylesheets/modules/article_session.sass */
section#article-session {
  background: #f5f3ef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 100px;
  padding-bottom: 100px;
  min-height: 800px;
  align-item: center;
}

/* line 13, app/assets/stylesheets/modules/article_session.sass */
section#article-session form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

/* line 20, app/assets/stylesheets/modules/article_session.sass */
section#article-session form input[type=password] {
  font-size: 60px;
  line-height: 80px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 20px;
  background: white;
  border: none;
  width: 100%;
  position: relative;
}

/* line 32, app/assets/stylesheets/modules/article_session.sass */
section#article-session form input[type=password]::-webkit-input-placeholder {
  color: #f5f3ef;
}
section#article-session form input[type=password]::-moz-placeholder {
  color: #f5f3ef;
}
section#article-session form input[type=password]:-ms-input-placeholder {
  color: #f5f3ef;
}
section#article-session form input[type=password]::-ms-input-placeholder {
  color: #f5f3ef;
}
section#article-session form input[type=password]::placeholder {
  color: #f5f3ef;
}

@media (max-width: 610px) {
  /* line 20, app/assets/stylesheets/modules/article_session.sass */
  section#article-session form input[type=password] {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: inherit;
  }
}

@media (max-width: 400px) {
  /* line 20, app/assets/stylesheets/modules/article_session.sass */
  section#article-session form input[type=password] {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media (max-width: 340px) {
  /* line 20, app/assets/stylesheets/modules/article_session.sass */
  section#article-session form input[type=password] {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 41, app/assets/stylesheets/modules/article_session.sass */
section#article-session form .login_session_password {
  position: relative;
}

/* line 43, app/assets/stylesheets/modules/article_session.sass */
section#article-session form .login_session_password:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  height: 80px;
  width: 10px;
  z-index: 100;
  background: #f5f3ef;
}

@media (max-width: 610px) {
  /* line 43, app/assets/stylesheets/modules/article_session.sass */
  section#article-session form .login_session_password:before {
    height: 50px;
  }
}

@media (max-width: 400px) {
  /* line 43, app/assets/stylesheets/modules/article_session.sass */
  section#article-session form .login_session_password:before {
    height: 40px;
  }
}

@media (max-width: 340px) {
  /* line 43, app/assets/stylesheets/modules/article_session.sass */
  section#article-session form .login_session_password:before {
    height: 30px;
  }
}

/* line 58, app/assets/stylesheets/modules/article_session.sass */
section#article-session form .login_session_password span {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  color: #e3000f;
}

/* line 69, app/assets/stylesheets/modules/article_session.sass */
section#article-session form .login_session_password.field_with_errors:before {
  background: #e3000f;
}

/* line 72, app/assets/stylesheets/modules/article_session.sass */
section#article-session form p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 80, app/assets/stylesheets/modules/article_session.sass */
section#article-session form p.notice {
  color: #2d2a26;
  text-align: center;
  padding: 20px;
  background: white;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

/* line 88, app/assets/stylesheets/modules/article_session.sass */
section#article-session form input[type=submit] {
  margin-left: 10px;
  margin-right: 10px;
}
/* line 4, app/assets/stylesheets/modules/section-product-example.sass */
.product--example {
  height: 400px;
  width: 100%;
  max-width: 467px;
  width: 467px;
  background: transparent url(/assets/ui/polygon-fb81ef5163f93076e2da67bb3d467dcb12d2b2701438f016877b99c0eda32475.png) no-repeat center center;
  background-size: 467px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 18, app/assets/stylesheets/modules/section-product-example.sass */
.product--example .product--example_description {
  width: 100%;
  max-width: 300px;
}

/* line 20, app/assets/stylesheets/modules/section-product-example.sass */
.product--example .product--example_description h4 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 23, app/assets/stylesheets/modules/section-product-example.sass */
.product--example .product--example_description p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
}

/* line 26, app/assets/stylesheets/modules/section-product-example.sass */
.product--example .product--example_actions {
  margin-top: 50px;
}

/* line 29, app/assets/stylesheets/modules/section-product-example.sass */
.product--example .product--example_actions h3 {
  font-size: 60px;
  line-height: 70px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  max-width: 450px;
  text-align: center;
  color: #2d2a26;
  text-align: center;
  margin-top: 90px;
}

/* line 39, app/assets/stylesheets/modules/section-product-example.sass */
.product--example .product--example_description {
  text-align: center;
}
/* line 4, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles {
  margin-top: 80px;
  margin-bottom: 40px;
}

/* line 8, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1200px) {
  /* line 8, app/assets/stylesheets/modules/latest-articles.sass */
  section#latest-articles .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 16, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container.wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 50px;
}

/* line 20, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

/* line 26, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container h2 a:visited,
section#latest-articles .container h2 a:link {
  text-decoration: none;
  color: #2d2a26;
}

/* line 31, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview {
  width: 100%;
  max-width: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0;
  padding-bottom: 20px;
}

@media (max-width: 420px) {
  /* line 31, app/assets/stylesheets/modules/latest-articles.sass */
  section#latest-articles .container .article-preview {
    width: 100%;
    max-width: 100%;
  }
}

/* line 43, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview a:visited,
section#latest-articles .container .article-preview a:hover,
section#latest-articles .container .article-preview a:link {
  text-decoration: none;
  color: #2d2a26;
}

/* line 49, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview.news {
  border: 1px solid red;
}

/* line 51, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview.article-preview_border {
  -moz-border-radius-topleft: 4px;
       border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
       border-top-right-radius: 4px;
  margin: 10px !important;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-border-radius: 5px;
       border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* line 62, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview.article-preview_border:hover {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}

/* line 85, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview h3 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0px;
  font-weight: normal;
  color: #2d2a26;
  margin-bottom: 15px;
  padding: 20px;
  padding-bottom: 0;
}

@media (max-width: 420px) {
  /* line 85, app/assets/stylesheets/modules/latest-articles.sass */
  section#latest-articles .container .article-preview h3 {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: inherit;
  }
}

/* line 96, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview figure {
  -moz-border-radius-topleft: 4px;
       border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
       border-top-right-radius: 4px;
  max-height: 200px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 420px) {
  /* line 96, app/assets/stylesheets/modules/latest-articles.sass */
  section#latest-articles .container .article-preview figure {
    height: 150px;
  }
}

/* line 108, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview figure img {
  width: 100%;
  -moz-border-radius-topleft: 4px;
       border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
       border-top-right-radius: 4px;
}

/* line 113, app/assets/stylesheets/modules/latest-articles.sass */
section#latest-articles .container .article-preview p {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  max-width: 300px;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 420px) {
  /* line 113, app/assets/stylesheets/modules/latest-articles.sass */
  section#latest-articles .container .article-preview p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}
/* line 4, app/assets/stylesheets/modules/stories-presentation.sass */
#stories-presentation {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  max-width: 1300px;
}

@media (max-width: 1140px) {
  /* line 4, app/assets/stylesheets/modules/stories-presentation.sass */
  #stories-presentation {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 880px) {
  /* line 4, app/assets/stylesheets/modules/stories-presentation.sass */
  #stories-presentation {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 3, app/assets/stylesheets/modules/_quiz.sass */
.quiz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0 120px;
}

/* line 10, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] {
  position: absolute;
  opacity: 0;
}

/* line 15, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label {
  position: relative;
  width: -webkit-calc(33% - 15px);
  width: -moz-calc(33% - 15px);
  width: calc(33% - 15px);
  text-align: center;
  font-size: 30px;
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: 4px solid rgba(255, 255, 255, 0);
  -webkit-transition: border-color 0.6s, background-color 0.6s, color 0.3s;
  -moz-transition: border-color 0.6s, background-color 0.6s, color 0.3s;
  transition: border-color 0.6s, background-color 0.6s, color 0.3s;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  background-color: white;
  outline: none;
  height: 250px;
}

@media (max-width: 890px) {
  /* line 15, app/assets/stylesheets/modules/_quiz.sass */
  .quiz input[type="radio"] + label {
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
  }
}

/* line 38, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label span {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  position: relative;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 47, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label::after {
  content: "A";
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  color: #f5f3ef;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -45%);
     -moz-transform: translate(-50%, -45%);
      -ms-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  font-size: 210px;
  z-index: 0;
  -webkit-transition: color 0.6s;
  -moz-transition: color 0.6s;
  transition: color 0.6s;
}

@media (max-width: 890px) {
  /* line 47, app/assets/stylesheets/modules/_quiz.sass */
  .quiz input[type="radio"] + label::after {
    font-size: 100px;
  }
}

/* line 62, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label:nth-of-type(2)::after {
  content: "B";
}

/* line 64, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label:nth-of-type(3)::after {
  content: "C";
}

/* line 67, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label:hover {
  border-color: #f5f3ef;
  background-color: #f5f3ef;
}

/* line 75, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label .solution {
  position: absolute;
  width: -webkit-calc( 200% + 8px);
  width: -moz-calc( 200% + 8px);
  width: calc( 200% + 8px);
  top: -webkit-calc( 100% + 30px);
  top: -moz-calc( 100% + 30px);
  top: calc( 100% + 30px);
  left: -4px;
  z-index: 10;
  cursor: default;
  margin: 0;
  background-color: #fce5e7;
  padding: 0 30px 30px;
  -moz-border-radius: 5px;
       border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
  font-size: 20px;
  text-align: left;
  line-height: 1.33;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.3s, opacity 0.3s;
  -moz-transition: visibility 0.3s, opacity 0.3s;
  transition: visibility 0.3s, opacity 0.3s;
}

@media (max-width: 890px) {
  /* line 75, app/assets/stylesheets/modules/_quiz.sass */
  .quiz input[type="radio"] + label .solution {
    width: -webkit-calc( 100% + 8px);
    width: -moz-calc( 100% + 8px);
    width: calc( 100% + 8px);
    top: -webkit-calc( 100% + 15px);
    top: -moz-calc( 100% + 15px);
    top: calc( 100% + 15px);
  }
}

/* line 103, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label .solution input.closeButton {
  display: block;
  width: -webkit-calc(100% + 60px);
  width: -moz-calc(100% + 60px);
  width: calc(100% + 60px);
  background-color: white;
  border: none;
  margin: 0 -30px 10px;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  outline: none;
}

/* line 110, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label .solution input.closeButton::-webkit-input-placeholder {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: black;
}
.quiz input[type="radio"] + label .solution input.closeButton::-moz-placeholder {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: black;
}
.quiz input[type="radio"] + label .solution input.closeButton:-ms-input-placeholder {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: black;
}
.quiz input[type="radio"] + label .solution input.closeButton::-ms-input-placeholder {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: black;
}
.quiz input[type="radio"] + label .solution input.closeButton::placeholder {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: black;
}

@media (min-width: 890px) {
  /* line 119, app/assets/stylesheets/modules/_quiz.sass */
  .quiz input[type="radio"] + label:nth-of-type(2) .solution {
    left: -50%;
  }
  /* line 121, app/assets/stylesheets/modules/_quiz.sass */
  .quiz input[type="radio"] + label:nth-of-type(3) .solution {
    left: auto;
    right: -4px;
  }
}

/* line 126, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label.correct .solution {
  background-color: #00998a;
  color: white;
}

/* line 129, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label.correct .solution input.closeButton {
  background-color: rgba(255, 255, 255, 0.6);
}

/* line 131, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"] + label.correct .solution input.closeButton::-webkit-input-placeholder {
  color: #00998a;
}
.quiz input[type="radio"] + label.correct .solution input.closeButton::-moz-placeholder {
  color: #00998a;
}
.quiz input[type="radio"] + label.correct .solution input.closeButton:-ms-input-placeholder {
  color: #00998a;
}
.quiz input[type="radio"] + label.correct .solution input.closeButton::-ms-input-placeholder {
  color: #00998a;
}
.quiz input[type="radio"] + label.correct .solution input.closeButton::placeholder {
  color: #00998a;
}

/* line 136, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"]:checked + label {
  border-color: #e3000f;
}

/* line 139, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"]:checked + label:hover {
  background-color: white;
}

/* line 142, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"]:checked + label::after {
  color: #fce5e7;
}

/* line 145, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"]:checked + label.correct {
  border-color: #00998a;
  background-color: #00998a;
  color: white;
}

/* line 150, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"]:checked + label.correct::after {
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
  transition: color 0.1s;
}

/* line 158, app/assets/stylesheets/modules/_quiz.sass */
.quiz input[type="radio"]:checked:focus + label .solution, .quiz input[type="radio"]:checked + label:focus .solution {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

/* line 164, app/assets/stylesheets/modules/_quiz.sass */
.quiz.label--small input[type="radio"] + label {
  font-size: 20px;
  min-height: 110px;
}

/* line 9, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung * {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 12, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung header {
  max-width: 1200px;
  margin: 0 auto;
  height: 60vw;
  max-height: 700px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}

@media (max-width: 890px) {
  /* line 12, app/assets/stylesheets/modules/story-bekleidung.sass */
  .story--bekleidung header {
    margin-top: 30px;
    height: 450px;
    max-height: 55vh;
    background-size: auto 100%;
    background-position: center;
  }
}

/* line 30, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 35, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .container img {
  display: block;
  width: 840px;
  max-width: 100%;
  margin: 100px auto;
  padding-right: 50px;
}

@media (max-width: 890px) {
  /* line 35, app/assets/stylesheets/modules/story-bekleidung.sass */
  .story--bekleidung .container img {
    max-width: -webkit-calc(100% + 20px);
    max-width: -moz-calc(100% + 20px);
    max-width: calc(100% + 20px);
    padding-right: 0;
    margin: 60px -20px;
  }
}

/* line 48, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung section.bg--beige {
  background-color: #f5f3ef;
  padding-top: 60px;
}

/* line 52, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung section.bg--beige .container {
  position: relative;
}

/* line 55, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung section.bg--beige .quiz {
  padding: 0;
  -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  margin-top: -100px;
}

/* line 60, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung section.bg--beige + section {
  padding-top: 240px;
}

/* line 63, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .text-block {
  display: block;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* line 69, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .text-block.half-left {
  margin-left: 0;
}

/* line 72, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .text-block.half-right {
  margin-right: 0;
}

/* line 75, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung h3 {
  font-size: 30px;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 81, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung p.question {
  max-width: 700px;
  margin: 100px auto 30px;
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  line-height: 1.33;
}

/* line 88, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung p.question span {
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #e3000f;
}

/* line 92, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung p.large {
  font-size: 30px;
  line-height: 1.33;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 97, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung p.large:last-of-type {
  margin-bottom: 100px;
}

@media (max-width: 890px) {
  /* line 92, app/assets/stylesheets/modules/story-bekleidung.sass */
  .story--bekleidung p.large {
    font-size: 24px;
  }
  /* line 103, app/assets/stylesheets/modules/story-bekleidung.sass */
  .story--bekleidung p.large:last-of-type {
    margin-bottom: 60px;
  }
}

/* line 108, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .section--katalog .container {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(/assets/ui/gallery_fallback-f822ae04a20e2a70733fe95960005d8d8f39280ab065bff0f3e1036be80a48e3.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 400px;
}

@media (max-width: 740px) {
  /* line 108, app/assets/stylesheets/modules/story-bekleidung.sass */
  .story--bekleidung .section--katalog .container {
    background-position: center top;
    padding-top: 320px;
  }
}

/* line 119, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .section--katalog h2 {
  font-size: 30px;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 124, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .section--katalog .text-block {
  max-width: 60%;
}

@media (max-width: 740px) {
  /* line 124, app/assets/stylesheets/modules/story-bekleidung.sass */
  .story--bekleidung .section--katalog .text-block {
    max-width: 100%;
  }
}

/* line 129, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .section--katalog a.download {
  display: block;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: #e3000f;
  text-decoration: none;
  padding-left: 36px;
  background-image: url(/assets/ui/download_arrow-f64a75de2e7e16dfbfdb460c5485956fce48b2195cefe6aee4ba7da8bb51f81e.svg);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 23px;
}

/* line 143, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .section--katalog a.download strong {
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 146, app/assets/stylesheets/modules/story-bekleidung.sass */
.story--bekleidung .section--katalog a.download:hover {
  text-decoration: underline;
}
/* line 4, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung {
  padding-top: 90px;
  z-index: 10;
  position: relative;
}

@media (max-width: 1140px) {
  /* line 4, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung {
    padding-top: 0;
    padding-bottom: 90px;
  }
}

/* line 14, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1140px) {
  /* line 14, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1140px) {
  /* line 14, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: 980px;
  }
}

/* line 24, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-bottom: 30px;
}

@media (max-width: 1140px) {
  /* line 24, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung h2 {
    background: #f5f3ef;
  }
}

/* line 34, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung article {
  width: 100%;
  max-width: 50%;
  margin-top: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1140px) {
  /* line 34, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung article {
    width: 100%;
    max-width: 530px;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 740px) {
  /* line 34, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung article {
    width: 100%;
    max-width: 460px;
    margin-bottom: 50px;
  }
}

/* line 48, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung article p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 10px;
  width: 100%;
  max-width: 460px;
}

@media (max-width: 420px) {
  /* line 48, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung article p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 57, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung figure {
  position: relative;
  width: 100%;
  max-width: 50%;
}

@media (max-width: 600px) {
  /* line 57, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung figure {
    margin-top: 140px;
  }
  /* line 63, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung figure:before {
    content: "";
    height: 200px;
    width: 100%;
    top: -214px;
    margin-left: 20px;
    position: absolute;
    background: transparent url(/assets/unternehmen/ablauf_mobile-905c0ce9ab223aebc989b6123b197b7983a94333424844e70b997ee89bb20a0b.svg) no-repeat center bottom;
  }
}

/* line 72, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung figure .figure--images {
  width: 100%;
  overflow: hidden;
}

/* line 75, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung figure img {
  width: 100%;
}

@media (max-width: 1140px) {
  /* line 57, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung figure {
    width: 100%;
    max-width: 540px;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
}

/* line 81, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung .figure--float {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 420px) {
  /* line 81, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung .figure--float {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 90, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung .figure--float img.geschaeftsleitung-nummern {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 160px;
  display: block;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin-right: 30px;
}

/* line 98, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung figcaption {
  padding-left: 40px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 98, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung figcaption {
    padding-left: 0;
    padding-top: 20px;
  }
}

@media (max-width: 420px) {
  /* line 98, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
  section#geschaeftsleitung figcaption {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 109, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung figcaption span.idx {
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  width: 13px;
  text-align: center;
}

/* line 115, app/assets/stylesheets/modules/section-geschaeftsleitung.sass */
section#geschaeftsleitung figcaption span.idx.idx-notshow {
  fontweight: normal;
  font-style: italic;
}
/* line 5, app/assets/stylesheets/modules/stories-prinzip.sass */
.das-deg-prinzip .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1456px;
}

@media (max-width: 1140px) {
  /* line 5, app/assets/stylesheets/modules/stories-prinzip.sass */
  .das-deg-prinzip .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 960px) {
  /* line 5, app/assets/stylesheets/modules/stories-prinzip.sass */
  .das-deg-prinzip .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  /* line 11, app/assets/stylesheets/modules/stories-prinzip.sass */
  .das-deg-prinzip .container .half {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* line 15, app/assets/stylesheets/modules/stories-prinzip.sass */
.das-deg-prinzip h2 {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 15, app/assets/stylesheets/modules/stories-prinzip.sass */
  .das-deg-prinzip h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: inherit;
  }
}

/* line 22, app/assets/stylesheets/modules/stories-prinzip.sass */
.das-deg-prinzip p {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #2d2a26;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
}

@media (max-width: 420px) {
  /* line 22, app/assets/stylesheets/modules/stories-prinzip.sass */
  .das-deg-prinzip p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 30, app/assets/stylesheets/modules/stories-prinzip.sass */
.das-deg-prinzip p.subtext {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
}

@media (max-width: 420px) {
  /* line 30, app/assets/stylesheets/modules/stories-prinzip.sass */
  .das-deg-prinzip p.subtext {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: inherit;
  }
}

/* line 38, app/assets/stylesheets/modules/stories-prinzip.sass */
.das-deg-prinzip .block p {
  max-width: 441px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

@media (max-width: 414px) {
  /* line 44, app/assets/stylesheets/modules/stories-prinzip.sass */
  .das-deg-prinzip .half {
    padding-top: 0;
  }
}

/* line 47, app/assets/stylesheets/modules/stories-prinzip.sass */
.das-deg-prinzip .half figure {
  width: 100%;
}

/* line 49, app/assets/stylesheets/modules/stories-prinzip.sass */
.das-deg-prinzip .half figure img {
  width: 100%;
}

/* line 52, app/assets/stylesheets/modules/stories-prinzip.sass */
section#das-deg-prinzip {
  max-width: 1140px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin: 0 auto;
  margin-bottom: 100px;
}

@media (max-width: 1140px) {
  /* line 52, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#das-deg-prinzip {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 890px) {
  /* line 52, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#das-deg-prinzip {
    margin-top: 100px;
  }
}

/* line 59, app/assets/stylesheets/modules/stories-prinzip.sass */
section#das-deg-prinzip .story--summary {
  width: 100%;
  max-width: 600px;
  margin-top: 130px;
}

@media (max-width: 1200px) {
  /* line 59, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#das-deg-prinzip .story--summary {
    margin: 0 auto;
  }
}

@media (max-width: 414px) {
  /* line 59, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#das-deg-prinzip .story--summary {
    margin-top: 30px;
  }
}

/* line 67, app/assets/stylesheets/modules/stories-prinzip.sass */
section#das-deg-prinzip header figure {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* line 72, app/assets/stylesheets/modules/stories-prinzip.sass */
section#das-deg-prinzip header figure img {
  width: 100%;
}

/* line 78, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-1 .half,
section#deg-prinzip-no-4 .half {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 83, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-1 .half.block--left,
section#deg-prinzip-no-4 .half.block--left {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 160px;
  padding-right: 70px;
}

@media (max-width: 1450px) {
  /* line 83, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-1 .half.block--left,
section#deg-prinzip-no-4 .half.block--left {
    padding-left: 50px;
  }
}

@media (max-width: 980px) {
  /* line 83, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-1 .half.block--left,
section#deg-prinzip-no-4 .half.block--left {
    padding-left: 50px;
  }
}

@media (max-width: 414px) {
  /* line 83, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-1 .half.block--left,
section#deg-prinzip-no-4 .half.block--left {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 95, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-1 .half.block--right,
section#deg-prinzip-no-4 .half.block--right {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: left;
}

/* line 101, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-1 .half h2, section#deg-prinzip-no-1 .half p,
section#deg-prinzip-no-4 .half h2,
section#deg-prinzip-no-4 .half p {
  width: 100%;
}

/* line 105, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-1 .half figure,
section#deg-prinzip-no-4 .half figure {
  max-width: 700px;
}

/* line 107, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-1 .half figure img,
section#deg-prinzip-no-4 .half figure img {
  margin-top: 60px;
}

/* line 111, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 .background--fingerspitzengefuehl {
  min-height: 600px;
  background: #2d2a26 url(/assets/stories/das-deg-prinzip/fingerspitzengefuehl-8e80d89550373efa1e854347ec32bd84a13db7d679c7d1f81b0103ec917ec4b2.jpg) no-repeat top left;
  background-size: cover;
  max-width: 1600px;
  margin: 0 auto;
  margin-top: -30px;
}

@media (max-width: 1210px) {
  /* line 111, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .background--fingerspitzengefuehl {
    min-height: 600px;
  }
}

@media (max-width: 890px) {
  /* line 111, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .background--fingerspitzengefuehl {
    min-height: 400px;
  }
}

@media (max-width: 414px) {
  /* line 111, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .background--fingerspitzengefuehl {
    min-height: 300px;
  }
}

@media (max-width: 1210px) {
  /* line 126, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .background--fingerspitzengefuehl .container .half {
    display: none;
  }
}

/* line 130, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 130, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 132, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 .container p {
  color: white;
}

/* line 134, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 .text-double {
  display: none;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26 !important;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 140, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 .text-double .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px;
}

/* line 143, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 .text-double .container p {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

@media (max-width: 414px) {
  /* line 143, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .text-double .container p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: inherit;
  }
}

/* line 152, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 .text-double p {
  color: #2d2a26;
  margin: 0 !important;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

@media (max-width: 420px) {
  /* line 134, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .text-double {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

@media (max-width: 1210px) {
  /* line 134, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 .text-double {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 164, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 ul.text--item-list {
  padding: 10px;
  padding-top: 70px;
  padding-bottom: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 414px) {
  /* line 164, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 ul.text--item-list {
    padding-top: 0px;
    padding-bottom: 20px;
  }
}

/* line 174, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 ul.text--item-list li.text-item {
  width: 50%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  list-style-type: none;
  padding: 20px;
}

@media (max-width: 720px) {
  /* line 174, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 ul.text--item-list li.text-item {
    width: 100%;
  }
}

@media (max-width: 414px) {
  /* line 174, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 ul.text--item-list li.text-item {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* line 186, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 ul.text--item-list li.text-item p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media (max-width: 414px) {
  /* line 186, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 ul.text--item-list li.text-item p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: inherit;
  }
}

/* line 193, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-2 ul.text--item-list li.text-item h3 {
  color: #a39383;
  margin-bottom: -10px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 414px) {
  /* line 193, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-2 ul.text--item-list li.text-item h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: inherit;
  }
}

@media (max-width: 414px) {
  /* line 206, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-3 .container .half {
    padding-top: 0;
  }
}

/* line 208, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-3 .container figure {
  max-width: 700px;
}

/* line 210, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-3 .container figure img {
  margin-top: 60px;
}

@media (max-width: 414px) {
  /* line 210, app/assets/stylesheets/modules/stories-prinzip.sass */
  section#deg-prinzip-no-3 .container figure img {
    margin-top: 0;
  }
}

/* line 215, app/assets/stylesheets/modules/stories-prinzip.sass */
section#deg-prinzip-no-4 {
  margin-bottom: 100px;
  margin-top: 60px;
}
/* line 4, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
.ablauf {
  background: #f5f3ef;
  position: relative;
  padding-top: 100px;
  overflow: hidden;
}

@media (max-width: 1140px) {
  /* line 4, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  .ablauf {
    padding-top: 50px;
  }
}

@media (max-width: 600px) {
  /* line 4, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  .ablauf {
    padding-top: 120px;
  }
}

/* line 15, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
.ablauf:before {
  content: "";
  position: absolute;
  top: -25px;
  height: 1060px;
  width: 1140px;
  left: 50%;
  margin-left: -570px;
  z-index: 1;
  background: transparent url(/assets/unternehmen/ablauf_desktop-c354eb0c7ea5acee4778e019c0af8b8838212be4da252968befdb8fa908fa921.svg) no-repeat 830px top;
}

@media (max-width: 1140px) {
  /* line 15, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  .ablauf:before {
    height: 1510px;
    background: transparent url(/assets/unternehmen/ablauf_tablet-e87b3e9e6bb22338cd1dc0f4b9f5f85120c46c48b26157000ce05f8104790deb.svg) no-repeat 200px 10px;
  }
}

@media (max-width: 890px) {
  /* line 15, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  .ablauf:before {
    background: transparent url(/assets/unternehmen/ablauf_tablet-e87b3e9e6bb22338cd1dc0f4b9f5f85120c46c48b26157000ce05f8104790deb.svg) no-repeat 240px 0px;
  }
}

@media (max-width: 740px) {
  /* line 15, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  .ablauf:before {
    background: transparent url(/assets/unternehmen/ablauf_tablet-e87b3e9e6bb22338cd1dc0f4b9f5f85120c46c48b26157000ce05f8104790deb.svg) no-repeat 300px 0px;
  }
}

@media (max-width: 600px) {
  /* line 15, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  .ablauf:before {
    margin-left: -590px;
    height: 500px;
    background: transparent url(/assets/unternehmen/ablauf_mobile-905c0ce9ab223aebc989b6123b197b7983a94333424844e70b997ee89bb20a0b.svg) no-repeat center 40px;
  }
}

/* line 44, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat {
  padding-top: 40px;
  z-index: 10;
  position: relative;
}

/* line 49, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-rigth: 20px;
}

@media (max-width: 1140px) {
  /* line 49, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  section#aufsichtsrat .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1140px) {
  /* line 49, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  section#aufsichtsrat .container {
    width: 100%;
    max-width: 980px;
  }
}

/* line 56, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 30px;
  width: 100%;
  max-width: 450px;
}

@media (max-width: 1140px) {
  /* line 56, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  section#aufsichtsrat h2 {
    width: 100%;
    max-width: 500px;
  }
}

@media (max-width: 420px) {
  /* line 56, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  section#aufsichtsrat h2 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 66, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* line 73, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure .figure--images {
  width: 840px;
  overflow: hidden;
}

@media (max-width: 1140px) {
  /* line 73, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  section#aufsichtsrat figure .figure--images {
    width: 100%;
  }
}

/* line 78, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure .figure--images img {
  width: 100%;
}

/* line 80, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure .figure--images img.aufsichtsrat-nummern {
  width: 100%;
  max-width: 614px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
  background: #f5f3ef;
}

/* line 87, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure figcaption {
  margin-top: 10px;
  padding-left: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: inherit;
  color: #2d2a26;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 140px;
}

@media (max-width: 1140px) {
  /* line 87, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
  section#aufsichtsrat figure figcaption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 600px;
    margin-top: 20px;
    margin-left: auto;
    padding-left: 0 !important;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* line 108, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure figcaption .caption-block {
  width: 160px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 121, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure figcaption span.idx {
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
  width: 13px;
  text-align: center;
}

/* line 128, app/assets/stylesheets/modules/section-aufsichtsrat.sass */
section#aufsichtsrat figure figcaption span.idx.idx-notshow {
  fontweight: normal;
  font-style: italic;
}
/* line 4, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke,
section#unsere-geschichte,
div#ilikedeg {
  background: #f5f3ef;
  position: relative;
  z-index: 1;
}

/* line 12, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke .actions,
section#unsere-geschichte .actions,
div#ilikedeg .actions {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -40px;
  margin-bottom: 60px;
}

/* line 19, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke figure.gallery,
section#unsere-geschichte figure.gallery,
div#ilikedeg figure.gallery {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 200px;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1140px) {
  /* line 19, app/assets/stylesheets/modules/section-ilikedeg.sass */
  section#danke figure.gallery,
section#unsere-geschichte figure.gallery,
div#ilikedeg figure.gallery {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 27, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke figure.gallery figcaption,
section#unsere-geschichte figure.gallery figcaption,
div#ilikedeg figure.gallery figcaption {
  font-size: 75px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #009993;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  position: absolute;
  top: 4px;
  left: 307px;
  z-index: 100;
}

@media (max-width: 1220px) {
  /* line 27, app/assets/stylesheets/modules/section-ilikedeg.sass */
  section#danke figure.gallery figcaption,
section#unsere-geschichte figure.gallery figcaption,
div#ilikedeg figure.gallery figcaption {
    left: 20%;
  }
}

/* line 40, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke figure.gallery img,
section#unsere-geschichte figure.gallery img,
div#ilikedeg figure.gallery img {
  width: 380px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  position: relative;
  z-index: 50;
}

/* line 49, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke figure.gallery img:nth-of-type(1),
section#unsere-geschichte figure.gallery img:nth-of-type(1),
div#ilikedeg figure.gallery img:nth-of-type(1) {
  width: 380px;
  top: 36px;
}

/* line 52, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke figure.gallery img:nth-of-type(2),
section#unsere-geschichte figure.gallery img:nth-of-type(2),
div#ilikedeg figure.gallery img:nth-of-type(2) {
  width: 450px;
  top: 130px;
}

/* line 55, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke figure.gallery img:nth-of-type(3),
section#unsere-geschichte figure.gallery img:nth-of-type(3),
div#ilikedeg figure.gallery img:nth-of-type(3) {
  width: 270px;
  top: 130px;
}

@media (max-width: 700px) {
  /* line 60, app/assets/stylesheets/modules/section-ilikedeg.sass */
  section#danke figure.gallery img:nth-of-type(1), section#danke figure.gallery img:nth-of-type(3),
section#unsere-geschichte figure.gallery img:nth-of-type(1),
section#unsere-geschichte figure.gallery img:nth-of-type(3),
div#ilikedeg figure.gallery img:nth-of-type(1),
div#ilikedeg figure.gallery img:nth-of-type(3) {
    display: none;
  }
}

/* line 66, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke article,
section#unsere-geschichte article,
div#ilikedeg article {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  max-width: 830px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media (max-width: 1140px) {
  /* line 66, app/assets/stylesheets/modules/section-ilikedeg.sass */
  section#danke article,
section#unsere-geschichte article,
div#ilikedeg article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 880px) {
  /* line 66, app/assets/stylesheets/modules/section-ilikedeg.sass */
  section#danke article,
section#unsere-geschichte article,
div#ilikedeg article {
    width: 100%;
    max-width: 630px;
  }
}

/* line 74, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke article h2,
section#unsere-geschichte article h2,
div#ilikedeg article h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #009993;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  padding-bottom: 10px;
}

@media (max-width: 420px) {
  /* line 74, app/assets/stylesheets/modules/section-ilikedeg.sass */
  section#danke article h2,
section#unsere-geschichte article h2,
div#ilikedeg article h2 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 86, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke article p,
section#unsere-geschichte article p,
div#ilikedeg article p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}

@media (max-width: 420px) {
  /* line 86, app/assets/stylesheets/modules/section-ilikedeg.sass */
  section#danke article p,
section#unsere-geschichte article p,
div#ilikedeg article p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 97, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke article .actions,
section#unsere-geschichte article .actions,
div#ilikedeg article .actions {
  margin-top: 30px;
  text-align: center;
  padding-bottom: 70px;
}

/* line 103, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#danke {
  padding-top: 60px;
}

/* line 107, app/assets/stylesheets/modules/section-ilikedeg.sass */
section#unsere-geschichte h2 {
  color: #e3000f !important;
}
/* line 6, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2,
section#arbeitgeber-des-jahres {
  background: white -webkit-gradient(linear, left top, left bottom, from(white), to(#f5f3ef));
  background: white -webkit-linear-gradient(top, white, #f5f3ef);
  background: white -moz-linear-gradient(top, white, #f5f3ef);
  background: white linear-gradient(180deg, white, #f5f3ef);
}

/* line 9, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .container,
section#arbeitgeber-des-jahres .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 90px;
  padding-top: 115px;
}

@media (max-width: 1140px) {
  /* line 9, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
  section#arbeitgeber-des-jahres2 .container,
section#arbeitgeber-des-jahres .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 880px) {
  /* line 9, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
  section#arbeitgeber-des-jahres2 .container,
section#arbeitgeber-des-jahres .container {
    width: 100%;
    max-width: 600px;
  }
}

/* line 18, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen,
section#arbeitgeber-des-jahres .figure--auszeichnungen {
  height: 350px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

/* line 25, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen img,
section#arbeitgeber-des-jahres .figure--auszeichnungen img {
  max-width: 400px;
  width: 100%;
}

/* line 28, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen .figure--auszeichnungen-logo,
section#arbeitgeber-des-jahres .figure--auszeichnungen .figure--auszeichnungen-logo {
  width: 190px;
  margin-top: 220px;
}

/* line 31, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen .figure--auszeichnungen-logo img,
section#arbeitgeber-des-jahres .figure--auszeichnungen .figure--auszeichnungen-logo img {
  width: 100%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

@media (max-width: 1000px) {
  /* line 28, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
  section#arbeitgeber-des-jahres2 .figure--auszeichnungen .figure--auszeichnungen-logo,
section#arbeitgeber-des-jahres .figure--auszeichnungen .figure--auszeichnungen-logo {
    margin-top: 120px;
  }
}

/* line 37, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price_container,
section#arbeitgeber-des-jahres .figure--auszeichnungen-price_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 100px;
}

/* line 45, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price,
section#arbeitgeber-des-jahres .figure--auszeichnungen-price {
  font-size: 0;
  background: transparent url(/assets/karriere/price-0a503d97677b48c22b4aee125a6dbbdc395715aa10c1150e9c20edfe00444987.svg) no-repeat 0 0;
  background-size: 100%;
  width: 55px;
  height: 71px;
  -webkit-animation: swing 1s infinite;
     -moz-animation: swing 1s infinite;
          animation: swing 1s infinite;
}

@media (max-width: 1000px) {
  /* line 45, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
  section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price,
section#arbeitgeber-des-jahres .figure--auszeichnungen-price {
    width: 30px;
  }
}

/* line 57, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(1), section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-last-of-type(1):not(:nth-of-type(1)),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(1),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-last-of-type(1):not(:nth-of-type(1)) {
  margin: 72px 9px 0;
}

/* line 57, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(2), section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-last-of-type(2):not(:nth-of-type(2)),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(2),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-last-of-type(2):not(:nth-of-type(2)) {
  margin: 32px 11px 0;
}

/* line 57, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(3), section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-last-of-type(3):not(:nth-of-type(3)),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(3),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-last-of-type(3):not(:nth-of-type(3)) {
  margin: 8px 13px 0;
}

/* line 64, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(1),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
     -moz-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

/* line 64, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(2),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
     -moz-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

/* line 64, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(3),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
     -moz-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

/* line 64, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(4),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
     -moz-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

/* line 64, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(5),
section#arbeitgeber-des-jahres .figure--auszeichnungen-price:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

/* line 68, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 h2,
section#arbeitgeber-des-jahres h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 420px) {
  /* line 68, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
  section#arbeitgeber-des-jahres2 h2,
section#arbeitgeber-des-jahres h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 77, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 p,
section#arbeitgeber-des-jahres p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 420px) {
  /* line 77, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
  section#arbeitgeber-des-jahres2 p,
section#arbeitgeber-des-jahres p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 88, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .actions,
section#arbeitgeber-des-jahres .actions {
  text-align: center;
  margin-top: 50px;
  margin-bottom: -120px;
}

/* line 93, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 {
  background: #f5f3ef;
  padding-top: 0;
}

/* line 99, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-logo {
  width: 220px !important;
  margin-top: 220px !important;
}

/* line 103, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price {
  -webkit-animation: none;
     -moz-animation: none;
          animation: none;
}

/* line 107, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(1), section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-last-of-type(1) {
  margin: 26px 15px 0 !important;
}

/* line 107, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-of-type(2), section#arbeitgeber-des-jahres2 .figure--auszeichnungen-price:nth-last-of-type(2) {
  margin: 0px 15px 0 !important;
}

/* line 111, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 .container {
  padding-top: 50px;
}

/* line 114, app/assets/stylesheets/modules/section-arbeitgeber-des-jahres.sass */
section#arbeitgeber-des-jahres2 h2 {
  margin-top: 40px;
}
/* line 4, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament {
  background: #2d2a26;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 400;
}

/* line 12, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  padding-top: 50px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 420px) {
  /* line 12, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 25, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: white;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-top: 20px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 420px) {
  /* line 25, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 39, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament .part13 {
  width: 100%;
  max-width: 33%;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
}

@media (max-width: 990px) {
  /* line 39, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament .part13 {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* line 49, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament .part13 h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #b6ad9d;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 990px) {
  /* line 49, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament .part13 h3 {
    margin-top: 30px;
  }
}

@media (max-width: 420px) {
  /* line 49, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament .part13 h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media (max-width: 420px) {
  /* line 60, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament .part13 p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 65, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament article {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 20px;
}

@media (max-width: 1140px) {
  /* line 65, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament article {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1000px) {
  /* line 65, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament article {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* line 74, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament article.summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 78, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament article.summary p {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  color: #b6ad9d;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 420px) {
  /* line 78, app/assets/stylesheets/modules/section-fundament.sass */
  section#unser-fundament article.summary p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 85, app/assets/stylesheets/modules/section-fundament.sass */
section#unser-fundament article.summary .action {
  padding-top: 60px;
  margin-bottom: -50px;
  text-align: center;
}
/* line 4, app/assets/stylesheets/modules/section-einblicke.sass */
section#einblicke {
  margin-bottom: 0;
  background: #f5f3ef;
}
/* line 4, app/assets/stylesheets/modules/section-kultur.sass */
section#kultur {
  background: #f5f3ef;
}

/* line 7, app/assets/stylesheets/modules/section-kultur.sass */
section#kultur .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 7, app/assets/stylesheets/modules/section-kultur.sass */
  section#kultur .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 15, app/assets/stylesheets/modules/section-kultur.sass */
section#kultur .container h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  margin-bottom: 10px;
}

@media (max-width: 1210px) {
  /* line 15, app/assets/stylesheets/modules/section-kultur.sass */
  section#kultur .container h2 {
    text-align: center;
  }
}

@media (max-width: 420px) {
  /* line 15, app/assets/stylesheets/modules/section-kultur.sass */
  section#kultur .container h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 27, app/assets/stylesheets/modules/section-kultur.sass */
section#kultur .container p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}

@media (max-width: 420px) {
  /* line 27, app/assets/stylesheets/modules/section-kultur.sass */
  section#kultur .container p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

@media (max-width: 1210px) {
  /* line 27, app/assets/stylesheets/modules/section-kultur.sass */
  section#kultur .container p {
    text-align: center;
  }
}

/* line 40, app/assets/stylesheets/modules/section-kultur.sass */
section#kultur .card-slider {
  margin-top: 70px;
}
/* line 5, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung {
  background: #f5f3ef;
  padding-top: 100px;
}

/* line 9, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 9, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1180px) {
  /* line 9, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 490px) {
  /* line 9, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 21, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung .container h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  max-width: 820px;
}

@media (max-width: 1180px) {
  /* line 21, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung .container h2 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

@media (max-width: 420px) {
  /* line 21, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung .container h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 32, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung .container p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  max-width: 820px;
}

@media (max-width: 420px) {
  /* line 32, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung .container p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 40, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung .actions {
  margin-top: 30px;
  padding-bottom: 40px;
}

@media (max-width: 1180px) {
  /* line 40, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung .actions {
    text-align: center;
  }
}

/* line 46, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung ul.text-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  list-style-position: inside;
}

/* line 52, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung ul.text-list li.text-list--item {
  padding-left: 40px;
  padding-right: 50px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  max-width: 50%;
  position: relative;
  margin-bottom: 1em;
}

/* line 195, app/assets/stylesheets/modules/../includes/mixins.sass */
section#weiterbildung ul.text-list li.text-list--item _:default:not(:root:root), section#weiterbildung ul.text-list li.text-list--item .selector {
  width: 500px;
}

@media (max-width: 710px) {
  /* line 52, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung ul.text-list li.text-list--item {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 490px) {
  /* line 52, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung ul.text-list li.text-list--item {
    padding-right: 20px;
  }
}

@media (max-width: 420px) {
  /* line 52, app/assets/stylesheets/modules/section-weiterbildung.sass */
  section#weiterbildung ul.text-list li.text-list--item {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 70, app/assets/stylesheets/modules/section-weiterbildung.sass */
section#weiterbildung ul.text-list li.text-list--item:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  height: 10px;
  width: 10px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  background: #958a7a;
}
/* line 6, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job {
  height: 880px;
  width: 100%;
  background: #d9d6d7 url(/assets/ausbildung/header-9ec37b387f8a5097e34edcd310d8932ab83bb698cd61ea6e834e48aa5e43197c.jpg) no-repeat center bottom;
  background-size: 2600px 880px;
}

@media (max-width: 1220px) {
  /* line 6, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job {
    background-size: 2330px !important;
  }
}

@media (max-width: 1024px) {
  /* line 6, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job {
    background-size: 1830px !important;
    height: 820px;
  }
}

@media (max-width: 646px) {
  /* line 6, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job {
    background-size: 1330px !important;
    height: 820px;
  }
}

/* line 25, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

@media (max-width: 1140px) {
  /* line 25, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 29, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container h1 {
  position: absolute;
  top: 120px;
  right: 40px;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  max-width: 460px;
  text-align: center;
}

@media (max-width: 1220px) {
  /* line 29, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container h1 {
    margin: 0 auto;
    position: relative;
    top: 100px;
    left: 0;
  }
}

@media (max-width: 890px) {
  /* line 29, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container h1 {
    margin: 0 auto;
    position: relative;
    top: 80px;
    left: 0;
  }
}

@media (max-width: 740px) {
  /* line 29, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container h1 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: inherit;
    top: 126px;
  }
}

/* line 53, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container .person {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 740px) {
  /* line 53, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person {
    min-width: 300px;
  }
}

/* line 59, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container .person .person--name {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
}

/* line 62, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container .person .person--job {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
}

/* line 65, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container .person .person--anmerkung {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 69, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container .person.person_discher {
  top: 391px;
  left: 460px;
}

@media (max-width: 1220px) {
  /* line 69, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person.person_discher {
    top: 344px;
    left: auto;
    right: 50px;
  }
}

@media (max-width: 595px) {
  /* line 69, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person.person_discher {
    top: 344px;
    text-align: right;
  }
}

@media (max-width: 320px) {
  /* line 69, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person.person_discher {
    right: 20px;
    top: 320px;
  }
}

/* line 86, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
section#wie-bekomme-ich-deinen-job .container .person.person_azubi {
  top: 304px;
  left: 119px;
}

@media (max-width: 1220px) {
  /* line 86, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person.person_azubi {
    left: 50px;
    top: 430px;
  }
}

@media (max-width: 1064px) {
  /* line 86, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person.person_azubi {
    left: 50px;
    top: 344px;
  }
}

@media (max-width: 646px) {
  /* line 86, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person.person_azubi {
    top: 450px;
  }
}

@media (max-width: 320px) {
  /* line 86, app/assets/stylesheets/modules/section-wie-bekomme-ich-deinen-job.sass */
  section#wie-bekomme-ich-deinen-job .container .person.person_azubi {
    left: 20px;
  }
}
/* line 4, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
section#ausbildung-ist-arbeit {
  background: #2d2a26;
}

/* line 6, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
section#ausbildung-ist-arbeit .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1140px) {
  /* line 6, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
  section#ausbildung-ist-arbeit .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 780px) {
  /* line 6, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
  section#ausbildung-ist-arbeit .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  /* line 14, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
  section#ausbildung-ist-arbeit .container .half {
    width: 100%;
    max-width: 100%;
    padding-bottom: 0px;
  }
}

/* line 18, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
section#ausbildung-ist-arbeit .container h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #d9d2c3;
  padding-bottom: 10px;
}

@media (max-width: 420px) {
  /* line 18, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
  section#ausbildung-ist-arbeit .container h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 26, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
section#ausbildung-ist-arbeit .container p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: white;
}

@media (max-width: 420px) {
  /* line 26, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
  section#ausbildung-ist-arbeit .container p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

/* line 33, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
section#ausbildung-ist-arbeit .container .actions {
  position: absolute;
  bottom: 90px;
}

@media (max-width: 780px) {
  /* line 33, app/assets/stylesheets/modules/section-ausbildung-ist-arbeit.sass */
  section#ausbildung-ist-arbeit .container .actions {
    position: static;
    bottom: auto;
    margin-bottom: 40px;
  }
}
/* line 4, app/assets/stylesheets/modules/section-herausforderungen.sass */
section#herausforderungen {
  background: #f5f3ef;
}

/* line 7, app/assets/stylesheets/modules/section-herausforderungen.sass */
section#herausforderungen h2 {
  padding-top: 70px;
  padding-bottom: 70px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  color: #2d2a26;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
/* line 5, app/assets/stylesheets/modules/section-zedach.sass */
section#zedach .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -70px;
  position: relative;
  z-index: 100;
}

/* line 11, app/assets/stylesheets/modules/section-zedach.sass */
section#zedach figure.gallery {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/modules/section-zedach.sass */
section#zedach figure.gallery figcaption {
  font-size: 75px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  position: absolute;
  top: 0;
  left: 307px;
  z-index: 100;
}

/* line 29, app/assets/stylesheets/modules/section-zedach.sass */
section#zedach figure.gallery img {
  width: 470px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  margin: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  position: relative;
  z-index: 50;
}

/* line 38, app/assets/stylesheets/modules/section-zedach.sass */
section#zedach figure.gallery img:nth-of-type(1) {
  width: 470px;
  top: 36px;
}

/* line 41, app/assets/stylesheets/modules/section-zedach.sass */
section#zedach figure.gallery img:nth-of-type(2) {
  width: 450px;
  top: 130px;
}

/* line 44, app/assets/stylesheets/modules/section-zedach.sass */
section#zedach figure.gallery img:nth-of-type(3) {
  width: 360px;
  top: 130px;
}

@media (max-width: 700px) {
  /* line 48, app/assets/stylesheets/modules/section-zedach.sass */
  section#zedach figure.gallery img:nth-of-type(1), section#zedach figure.gallery img:nth-of-type(3) {
    display: none;
  }
}
/* line 6, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (max-width: 1140px) {
  /* line 6, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 11, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1030px) {
  /* line 11, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach article {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

/* line 19, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article .welcome {
  width: 100%;
  max-width: 50%;
  margin-top: 40px;
}

/* line 23, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article .welcome figure {
  width: 100%;
}

/* line 25, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article .welcome figure img {
  width: 100%;
}

@media (max-width: 1030px) {
  /* line 19, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach article .welcome {
    margin: 0 auto;
    margin-top: 40px;
    width: 100%;
    max-width: 80%;
  }
}

@media (max-width: 800px) {
  /* line 19, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach article .welcome {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 36, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article .welcome h1,
section#alles-fuer-das-dach article .welcome h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #e3000f;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  max-width: 460px;
}

@media (max-width: 420px) {
  /* line 36, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach article .welcome h1,
section#alles-fuer-das-dach article .welcome h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 45, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article .welcome h2 {
  margin-top: 1em;
}

/* line 47, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article .welcome p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  -webkit-font-smoothing: antialiased;
}

/* line 50, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
section#alles-fuer-das-dach article .welcome p.padding {
  padding-right: 100px;
}

@media (max-width: 580px) {
  /* line 50, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach article .welcome p.padding {
    padding-right: 0;
  }
}

@media (max-width: 420px) {
  /* line 47, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach article .welcome p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

@media (max-width: 1030px) {
  /* line 59, app/assets/stylesheets/modules/section-alles-fuer-das-dach.sass */
  section#alles-fuer-das-dach article .numbers {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
  }
}
/* line 7, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products {
  background-image: -webkit-linear-gradient(top, white, white 40px, #f5f3ef 40px, #f5f3ef 100%);
  background-image: -moz-linear-gradient(top, white, white 40px, #f5f3ef 40px, #f5f3ef 100%);
  background-image: linear-gradient(to bottom, white, white 40px, #f5f3ef 40px, #f5f3ef 100%);
  padding-bottom: 100px;
  overflow: hidden;
}

/* line 12, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .index-products--container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 100px;
}

@media (max-width: 790px) {
  /* line 12, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .index-products--container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* line 24, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product-column {
  width: 100%;
  max-width: 50%;
  position: relative;
}

@media (max-width: 790px) {
  /* line 24, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product-column {
    width: 100%;
    max-width: 100%;
  }
}

/* line 31, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product-column figure {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}

/* line 36, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product-column figure img {
  width: 100%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

/* line 43, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product-column figure.figure--kvh {
  right: -300px;
  width: 800px;
  top: 190px;
  overflow: hidden;
}

@media (max-width: 790px) {
  /* line 43, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product-column figure.figure--kvh {
    top: 215px;
    right: 0;
    left: 80px;
    z-index: 10 !important;
  }
}

/* line 54, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product-column figure.figure--alu {
  left: -170px;
  top: 435px;
  width: 741px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 800;
}

@media (max-width: 930px) {
  /* line 54, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product-column figure.figure--alu {
    width: 500px;
    top: 545px;
    left: -80px;
  }
}

@media (max-width: 790px) {
  /* line 54, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product-column figure.figure--alu {
    top: 685px;
    left: 0;
    z-index: 10 !important;
  }
}

@media (max-width: 710px) {
  /* line 54, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product-column figure.figure--alu {
    left: -100px;
  }
}

@media (max-width: 590px) {
  /* line 54, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product-column figure.figure--alu {
    left: -180px;
  }
}

@media (max-width: 380px) {
  /* line 54, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product-column figure.figure--alu {
    left: -230px;
  }
}

/* line 76, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--example--standorte {
  margin-top: 280px;
  margin-bottom: 130px;
  left: 180px;
  z-index: 700;
  position: absolute;
}

/* line 82, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--example--standorte figure {
  position: absolute !important;
  top: -60px;
  left: -90px;
  width: 195px;
}

@media (max-width: 1200px) {
  /* line 76, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--standorte {
    left: 0;
  }
  /* line 90, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--standorte figure {
    left: revert;
    right: 10px;
    top: -100px;
  }
}

@media (max-width: 880px) {
  /* line 95, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--standorte figure {
    right: 80px;
    top: -150px;
  }
}

@media (max-width: 790px) {
  /* line 76, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--standorte {
    position: static;
    margin: 0 auto;
    margin-top: 180px;
    left: -90px;
    position: static !important;
  }
  /* line 105, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--standorte figure {
    position: static !important;
    margin-top: -150px;
  }
}

/* line 109, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--example--alu {
  margin-top: 610px;
  margin-bottom: 130px;
  left: -40px;
  z-index: 700;
}

@media (max-width: 1220px) {
  /* line 109, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--alu {
    left: -20px;
  }
}

@media (max-width: 900px) {
  /* line 109, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--alu {
    left: -60px;
  }
}

@media (max-width: 790px) {
  /* line 109, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--alu {
    position: static;
    margin: 0 auto;
    margin-top: 100px;
  }
}

/* line 124, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--example--kvh {
  margin-top: 475px;
  right: -200px;
}

@media (max-width: 1220px) {
  /* line 124, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--kvh {
    right: -100px;
  }
}

@media (max-width: 930px) {
  /* line 124, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--kvh {
    right: 0px;
  }
}

@media (max-width: 790px) {
  /* line 124, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--example--kvh {
    position: static;
    margin: 0 auto;
    margin-top: 460px;
  }
}

/* line 136, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--header {
  margin-top: 34px;
}

/* line 139, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--header h3 {
  height: 280px;
  font-size: 0px;
  line-height: 0px;
  letter-spacing: inherit;
  colir: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  background: transparent url(/assets/index/von_profis_fuer_profis-c1ec1df82eb01a553ff66b65b2f6bb294221035dca9760336a2b91938cc352fb.svg) no-repeat center center;
  text-align: center;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 930px) {
  /* line 139, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--header h3 {
    margin-left: 0px;
  }
}

@media (max-width: 790px) {
  /* line 139, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--header h3 {
    margin: 0 auto;
  }
}

@media (max-width: 570px) {
  /* line 139, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--header h3 {
    height: 300px;
  }
}

/* line 163, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--footer {
  width: 100%;
  max-width: 650px;
  text-align: center;
  position: relative;
  bottom: 0px;
  left: 100px;
}

/* line 169, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--footer h3 {
  height: 126px;
  width: 100%;
  font-size: 0;
  background: transparent url(/assets/index/produkte-obis-logo-70ef50f9c916533bdf79e505323acad9003c1ebb860a3b957790b4fa8ab891e1.png) no-repeat center center;
  background-size: 290px;
  margin: 0 auto;
  margin-bottom: 60px;
}

/* line 178, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--footer p {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  color: #2d2a26;
  margin-top: 90px;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 1220px) {
  /* line 163, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--footer {
    width: 100%;
    max-width: 400px;
    right: 80px;
  }
  /* line 187, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--footer h3 {
    margin-bottom: 40px;
  }
  /* line 189, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--footer p {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media (max-width: 840px) {
  /* line 163, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--footer {
    right: 20px;
  }
}

@media (max-width: 790px) {
  /* line 163, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--footer {
    position: static;
    margin: 0 auto;
    margin-top: 280px;
    -webkit-box-ordinal-group: 1001;
    -webkit-order: 1000;
       -moz-box-ordinal-group: 1001;
        -ms-flex-order: 1000;
            order: 1000;
  }
}

@media (max-width: 420px) {
  /* line 202, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--footer h3 {
    margin-left: 0px;
    background-size: 200px;
  }
  /* line 205, app/assets/stylesheets/modules/section-index-products.sass */
  section#index-products .product--footer p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 209, app/assets/stylesheets/modules/section-index-products.sass */
section#index-products .product--footer .product-footer_actions {
  margin-top: 50px;
}
/* line 4, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
section#genossenschaft {
  background: #f5f3ef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 100px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 10, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
section#genossenschaft article {
  width: 100%;
  max-width: 570px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1140px) {
  /* line 10, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
  section#genossenschaft article {
    width: 100%;
    max-width: 720px;
  }
}

/* line 18, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
section#genossenschaft article h2 {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
}

@media (max-width: 420px) {
  /* line 18, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
  section#genossenschaft article h2 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 24, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
section#genossenschaft article p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
}

@media (max-width: 420px) {
  /* line 24, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
  section#genossenschaft article p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: inherit;
  }
}

/* line 31, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
section#genossenschaft article .button--red {
  margin-top: 20px;
  display: inline-block;
}

/* line 35, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
section#genossenschaft aside {
  width: 100%;
  max-width: 570px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1280px) {
  /* line 35, app/assets/stylesheets/modules/section-unternehmen-genossenschaft.sass */
  section#genossenschaft aside {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 4, app/assets/stylesheets/modules/velux.sass */
.velux-header {
  background-color: #f5f3ef;
  padding-top: 40px;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 11, app/assets/stylesheets/modules/velux.sass */
.velux-header h2 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 420px) {
  /* line 11, app/assets/stylesheets/modules/velux.sass */
  .velux-header h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 20, app/assets/stylesheets/modules/velux.sass */
.velux-header p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 420px) {
  /* line 20, app/assets/stylesheets/modules/velux.sass */
  .velux-header p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: inherit;
  }
}

@media (max-width: 890px) {
  /* line 4, app/assets/stylesheets/modules/velux.sass */
  .velux-header {
    padding-top: 120px;
  }
}

/* line 35, app/assets/stylesheets/modules/velux.sass */
.velux-container {
  background-color: #f5f3ef;
  padding-bottom: 50px;
}

/* line 39, app/assets/stylesheets/modules/velux.sass */
.velux-container .velux-container-wrapper {
  margin: auto;
  padding-bottom: 30px;
  margin-bottom: 60px;
  width: 1280px;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.25);
}

/* line 47, app/assets/stylesheets/modules/velux.sass */
.velux-container .velux-container-wrapper .velux-container-wrapper-content {
  margin: auto;
  width: 1140px;
  padding-top: 30px;
}

@media (max-width: 1300px) {
  /* line 35, app/assets/stylesheets/modules/velux.sass */
  .velux-container {
    background-color: initial;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  /* line 57, app/assets/stylesheets/modules/velux.sass */
  .velux-container .velux-container-wrapper {
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 63, app/assets/stylesheets/modules/velux.sass */
  .velux-container .velux-container-wrapper .velux-container-wrapper-content {
    width: 90%;
  }
}
/* line 7, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte {
  width: 100%;
  z-index: 10;
  background: #2d2a26;
}

/* line 12, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.welcome {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 340px;
  width: 100%;
}

/* line 18, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.welcome h1 {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 0px;
  color: white;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  margin-top: 120px;
}

@media (max-width: 890px) {
  /* line 18, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.welcome h1 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0px;
    margin-top: 160px !important;
  }
}

@media (max-width: 530px) {
  /* line 18, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.welcome h1 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
  }
}

@media (max-width: 414px) {
  /* line 18, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.welcome h1 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
  }
}

/* line 32, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation {
  position: relative;
  height: 800px;
  width: 100%;
  max-width: 100%;
  background: #f5f3ef;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 738px) {
  /* line 32, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.map-presentation {
    height: 1000px;
  }
}

/* line 43, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation #map-standorte {
  height: 100%;
  width: 100%;
  background: #f5f3ef;
  position: relative;
}

/* line 49, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation #map-standorte .button--red {
  display: none;
}

/* line 52, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search {
  height: 322px;
  max-width: 360px;
  width: 100%;
  padding: 20px;
  position: absolute;
  top: 116px;
  right: 125px;
  z-index: 500;
}

@media (max-width: 1280px) {
  /* line 52, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.map-presentation .map-search {
    right: 20px;
  }
}

@media (max-width: 738px) {
  /* line 52, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.map-presentation .map-search {
    right: 50%;
    top: 20px;
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
}

/* line 68, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search .map-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 72, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 414px) {
  /* line 72, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.map-presentation .map-search form {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 77, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search .map-input {
  display: block;
  position: relative;
}

@media (max-width: 414px) {
  /* line 77, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.map-presentation .map-search .map-input {
    width: 100%;
  }
}

/* line 84, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search input[type=text] {
  height: 40px;
  width: 220px;
  -webkit-box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
          box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
  -moz-border-radius: 5px;
       border-radius: 5px;
  border: none;
  padding-left: 28px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #B0B0B0;
}

@media (max-width: 414px) {
  /* line 84, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.map-presentation .map-search input[type=text] {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* line 99, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search input[type=submit] {
  -webkit-box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
          box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
  height: 40px;
  width: 40px;
  border: none;
  -moz-border-radius: 5px;
       border-radius: 5px;
  margin-left: 10px;
  font-size: 0;
  margin-right: 10px;
  background: #E3000F url(/assets/ui/search-d12c4a9909dbb7ef14b64817d5ea947474a280522c6186319ab071401f52ae8b.svg) no-repeat center center;
}

@media (max-width: 414px) {
  /* line 99, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte article.map-presentation .map-search input[type=submit] {
    margin-left: auto;
  }
}

/* line 111, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search input[type=submit]:hover {
  cursor: pointer;
  background: #ba000c url(/assets/ui/search-d12c4a9909dbb7ef14b64817d5ea947474a280522c6186319ab071401f52ae8b.svg) no-repeat center center;
}

/* line 115, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search .map-form_reset {
  height: 24px;
  width: 24px;
  border: none;
  -moz-border-radius: 5px;
       border-radius: 5px;
  font-size: 0;
  position: absolute;
  right: 10px;
  top: 8px;
  background: transparent url(/assets/ui/delete-676e28066d615799c49e50319dd43ba310367eaa1265365ee6a8acd2e10ee366.svg) no-repeat center center;
}

/* line 125, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search .map-form_reset:hover {
  cursor: pointer;
  background: transparent url(/assets/ui/delete-hover-005bc1e57ddc92af1aa52abaa8ae9e8692eb4977aa0db4841bf3fb2d8e1e1eec.svg) no-repeat center center;
}

/* line 129, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search .map-form_geolocation {
  -webkit-box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
          box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
  height: 40px;
  width: 40px;
  border: none;
  -moz-border-radius: 5px;
       border-radius: 5px;
  font-size: 0;
  background: #E3000F url(/assets/ui/geolocation-998f03016b2552174eefe9c1db034da97c74d305520d24cb410ea3a896d3c7fc.svg) no-repeat center center;
}

/* line 137, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-search .map-form_geolocation:hover {
  cursor: pointer;
  background: #ba000c url(/assets/ui/geolocation-998f03016b2552174eefe9c1db034da97c74d305520d24cb410ea3a896d3c7fc.svg) no-repeat center center;
}

/* line 141, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results {
  background: white;
  height: auto;
  margin-top: 10px;
  max-height: 252px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
          box-shadow: 0px 6px 12px rgba(45, 42, 38, 0.25);
}

/* line 150, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results .map-results_header {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-left: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 158, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results ul {
  list-style-type: none;
}

/* line 161, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 165, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results ul li:hover {
  background: #f5f3ef;
  cursor: pointer;
}

/* line 168, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results ul li.active {
  background: #fce5e7;
  cursor: pointer;
}

/* line 172, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results ul li .map-result-item_short {
  width: 80px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding-top: 1px;
  pointer-events: none;
}

/* line 180, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results ul li .map-result-item_distance {
  width: 80px;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #e3000f;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  padding-top: 1px;
  padding-left: 20px;
  pointer-events: none;
}

/* line 190, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte article.map-presentation .map-results ul li .map-result-item_value {
  width: 240px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  pointer-events: none;
}

/* line 197, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte {
  z-index: 800;
  margin-top: -100px;
  position: relative;
  background: white;
  padding-top: 50px;
}

/* line 204, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte h2 {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  text-align: center;
}

/* line 210, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-shadow: 0px 2px 4px rgba(45, 42, 38, 0.25);
          box-shadow: 0px 2px 4px rgba(45, 42, 38, 0.25);
  -moz-border-radius: 8px;
       border-radius: 8px;
}

@media (max-width: 650px) {
  /* line 210, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-zentrale-kontakte .card {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 295px;
  }
}

/* line 220, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot {
  width: 100%;
  min-width: 295px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/* line 227, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot.card-slot_left {
  -moz-border-radius-topleft: 8px !important;
       border-top-left-radius: 8px !important;
  -moz-border-radius-bottomleft: 8px !important;
       border-bottom-left-radius: 8px !important;
  overflow: hidden;
  border-right: 1px solid #F5F3EF;
  border-top-left-radius: 8px !important;
  -moz-border-radius-topright: 8px !important;
       border-top-right-radius: 8px !important;
  -moz-border-radius-bottomleft: 0px !important;
       border-bottom-left-radius: 0px !important;
}

/* line 237, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot.card-slot_right {
  -moz-border-radius-topright: 0px !important;
       border-top-right-radius: 0px !important;
  -moz-border-radius-bottomright: 8px !important;
       border-bottom-right-radius: 8px !important;
  -moz-border-radius-bottomleft: 8px !important;
       border-bottom-left-radius: 8px !important;
  overflow: hidden;
}

/* line 243, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact {
  height: 50%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/* line 248, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact--list {
  min-width: 0;
  margin: 0;
  height: 100%;
  -moz-border-radius: 0;
       border-radius: 0;
}

/* line 254, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact--list nav.contact--actions {
  height: 100%;
}

/* line 256, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact--list nav.contact--actions .contact--actions_list {
  -webkit-box-shadow: none;
          box-shadow: none;
  -moz-border-radius: 0 !important;
       border-radius: 0 !important;
  border-bottom: 1px solid #F5F3EF;
}

/* line 262, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact--list nav.contact--actions .contact--action-item {
  height: 100%;
}

/* line 265, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact--list nav.contact--actions .contact--action-item a {
  height: 100%;
}

/* line 268, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact--list nav.contact--actions .contact--action-item a:hover {
  background: transparent !important;
  color: #2d2a26 !important;
}

/* line 274, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot .contact--list nav.contact--actions .contact--action-item:first-child a, section.section-zentrale-kontakte .card .card-slot .contact--list nav.contact--actions .contact--action-item:last-child a {
  -moz-border-radius: 0;
       border-radius: 0;
}

/* line 278, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot figure {
  width: 297px;
  height: 208px;
  display: inline;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
  -webkit-margin-start: 0px !important;
     -moz-margin-start: 0px !important;
          margin-inline-start: 0px !important;
  -webkit-margin-end: 0px !important;
     -moz-margin-end: 0px !important;
          margin-inline-end: 0px !important;
}

/* line 286, app/assets/stylesheets/modules/section-standorte.sass */
section.section-zentrale-kontakte .card .card-slot img {
  width: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: blue;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
  -webkit-margin-start: 0px !important;
     -moz-margin-start: 0px !important;
          margin-inline-start: 0px !important;
  -webkit-margin-end: 0px !important;
     -moz-margin-end: 0px !important;
          margin-inline-end: 0px !important;
}

/* line 296, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte-contact {
  background: #f5f3ef;
}

/* line 298, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte-contact h2 {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  color: #e3000f;
  text-align: center;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 890px) {
  /* line 298, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte-contact h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0px;
  }
}

@media (max-width: 530px) {
  /* line 298, app/assets/stylesheets/modules/section-standorte.sass */
  section.section-standorte-contact h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
  }
}

/* line 313, app/assets/stylesheets/modules/section-standorte.sass */
section.section-standorte-contact .contact {
  width: auto !important;
}
/* line 4, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand {
  width: 100vw;
  overflow-x: hidden;
}

/* line 9, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 9, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 11, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section .container h2 {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: inherit;
}

@media (max-width: 750px) {
  /* line 11, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section .container h2 {
    font-size: 34px;
  }
}

/* line 16, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section .container h3 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: inherit;
}

/* line 19, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section .container p {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: inherit;
  max-width: 800px;
}

@media (max-width: 750px) {
  /* line 19, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section .container p {
    font-size: 22px;
  }
}

/* line 27, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section .container p.size--lg {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  max-width: 670px;
}

/* line 31, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section + section {
  margin-top: 120px;
}

@media (max-width: 750px) {
  /* line 31, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section + section {
    margin-top: 80px;
  }
}

/* line 37, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 43, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand .columns .col--four img, body.page--brand .columns .col--eight img {
  max-width: 100%;
}

@media (max-width: 1100px) {
  /* line 42, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand .columns .col--four, body.page--brand .columns .col--eight {
    width: 100% !important;
  }
  /* line 48, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand .columns .break--top.col--four, body.page--brand .columns .break--top.col--eight {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 30px;
  }
}

/* line 52, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand .columns .align--vcenter.col--four, body.page--brand .columns .align--vcenter.col--eight {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

/* line 56, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand .columns .col--eight {
  width: 66%;
  max-width: 730px;
}

/* line 61, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand .columns .col--four {
  width: 33%;
}

/* line 66, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand p.chip {
  padding: 4px 20px 2px;
  color: #ffda1a !important;
  font-size: 17px !important;
  line-height: 1 !important;
  text-transform: uppercase;
  border: 1px solid #ffda1a;
  -moz-border-radius: 5px;
       border-radius: 5px;
  opacity: 0.89;
}

/* line 77, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header {
  padding-top: 30px;
}

@media (max-width: 890px) {
  /* line 77, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header {
    padding-top: 100px;
  }
}

/* line 82, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .header__hero:first-of-type {
  background-image: url(/assets/eigenmarke/header-31373c5e7ae2e0573d05d4629c9b938f733f250fa0234c0513f0a3404586647b.jpg);
  background-size: -webkit-calc(100% - 210px) auto;
  background-size: -moz-calc(100% - 210px) auto;
  background-size: calc(100% - 210px) auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: -webkit-calc( 120px + 15%) !important;
  padding-bottom: -moz-calc( 120px + 15%) !important;
  padding-bottom: calc( 120px + 15%) !important;
  max-height: 450px;
}

@media (max-width: 1000px) {
  /* line 82, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .header__hero:first-of-type {
    padding-bottom: -webkit-calc( 140px + 15%) !important;
    padding-bottom: -moz-calc( 140px + 15%) !important;
    padding-bottom: calc( 140px + 15%) !important;
    background-size: 100% auto;
    background-position: center bottom;
  }
}

@media (max-width: 700px) {
  /* line 82, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .header__hero:first-of-type {
    background-size: 700px auto;
  }
}

/* line 99, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .speech-bubble {
  margin-left: 13%;
}

@media (max-width: 600px) {
  /* line 99, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .speech-bubble {
    margin-left: 0;
  }
}

/* line 104, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .header__title {
  padding-top: 30px;
}

/* line 108, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  height: 415px;
  margin-top: -40px;
  position: relative;
}

@media (max-width: 1100px) {
  /* line 108, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons {
    position: relative;
    top: -40px;
  }
}

@media (max-width: 1100px) and (min-width: 890px) {
  /* line 108, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons {
    float: right;
    margin: -100px 80px -50px 0;
  }
}

@media (max-width: 890px) {
  /* line 108, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons {
    position: static;
    margin-top: 20px;
  }
  /* line 130, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons .hexagon__wide {
    position: static !important;
    margin-left: -90px;
    width: auto !important;
  }
  /* line 134, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons .hexagon__wide img.desktop {
    display: none !important;
  }
  /* line 136, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons .hexagon__wide img.mobile {
    display: block !important;
  }
}

/* line 143, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon {
  margin: 6px 0;
  height: 194px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
  z-index: 30;
}

@-webkit-keyframes enlarge {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.11);
            transform: scale(1.11);
  }
}

@-moz-keyframes enlarge {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.11);
         transform: scale(1.11);
  }
}

@keyframes enlarge {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.11);
       -moz-transform: scale(1.11);
            transform: scale(1.11);
  }
}

/* line 155, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon:first-child {
  margin: 30% 0;
  -webkit-animation: 0.2s enlarge 1.5s 2 alternate;
     -moz-animation: 0.2s enlarge 1.5s 2 alternate;
          animation: 0.2s enlarge 1.5s 2 alternate;
}

/* line 158, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon:nth-child(2) {
  -webkit-animation: 0.2s enlarge 1.75s 2 alternate;
     -moz-animation: 0.2s enlarge 1.75s 2 alternate;
          animation: 0.2s enlarge 1.75s 2 alternate;
}

/* line 160, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon:nth-child(3) {
  -webkit-animation: 0.2s enlarge 2s 2 alternate;
     -moz-animation: 0.2s enlarge 2s 2 alternate;
          animation: 0.2s enlarge 2s 2 alternate;
}

/* line 162, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon:nth-child(4) {
  -webkit-animation: 0.2s enlarge 2.25s 2 alternate;
     -moz-animation: 0.2s enlarge 2.25s 2 alternate;
          animation: 0.2s enlarge 2.25s 2 alternate;
}

/* line 165, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon + .hexagon {
  margin-left: -45px;
}

/* line 168, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon:hover {
  -webkit-transform: scale(1.11);
     -moz-transform: scale(1.11);
      -ms-transform: scale(1.11);
          transform: scale(1.11);
  z-index: 100;
}

/* line 172, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon__wide {
  width: 405px;
  position: absolute;
  top: 313px;
  left: 29px;
  z-index: 1 !important;
}

/* line 178, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon__wide img.desktop {
  display: block;
}

/* line 180, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons .hexagon__wide img.mobile {
  display: none;
}

@media (max-width: 1100px) {
  /* line 172, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons .hexagon__wide {
    left: -45px;
  }
}

@media (max-width: 600px) {
  /* line 172, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons .hexagon__wide {
    display: none;
  }
}

/* line 189, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons__small {
  display: none;
  margin-top: -80px;
}

@media (max-width: 600px) {
  /* line 189, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--header .hexagons__small {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

/* line 196, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--header .hexagons__small .hexagon__wide {
  display: static !important;
}

/* line 201, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand {
  position: relative;
  padding-top: 100px;
}

/* line 206, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .content-selector_text_black h3 {
  line-height: 40px !important;
}

/* line 209, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  z-index: -1;
}

/* line 218, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(/assets/eigenmarke/pattern-mask-5d9989a38c0c775bb41d44f3314806aeebbbdf3a0852fab7bb524c783bed1284.svg);
  background-position: 0 -50px;
}

@supports ((-webkit-mask: url(/assets/eigenmarke/pattern-mask-5d9989a38c0c775bb41d44f3314806aeebbbdf3a0852fab7bb524c783bed1284.svg)) or (mask: url(/assets/eigenmarke/pattern-mask-5d9989a38c0c775bb41d44f3314806aeebbbdf3a0852fab7bb524c783bed1284.svg))) {
  /* line 218, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--brand .background::before {
    background-image: -webkit-gradient(linear, right top, left top, from(#f2f3f3), color-stop(#e4e4e5), to(#f2f3f3));
    background-image: -webkit-linear-gradient(right, #f2f3f3, #e4e4e5, #f2f3f3);
    background-image: -moz-linear-gradient(right, #f2f3f3, #e4e4e5, #f2f3f3);
    background-image: linear-gradient(to left, #f2f3f3, #e4e4e5, #f2f3f3);
    background-size: 560px 100%;
    -webkit-mask-image: url(/assets/eigenmarke/pattern-mask-5d9989a38c0c775bb41d44f3314806aeebbbdf3a0852fab7bb524c783bed1284.svg);
            mask-image: url(/assets/eigenmarke/pattern-mask-5d9989a38c0c775bb41d44f3314806aeebbbdf3a0852fab7bb524c783bed1284.svg);
    -webkit-mask-position: 0 -50px;
            mask-position: 0 -50px;
  }
}

/* line 239, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .gradient {
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: -25%;
  z-index: -2;
  background-image: -webkit-gradient(linear, right top, left top, from(#e4e4e5), color-stop(#f2f3f3), to(#e4e4e5));
  background-image: -webkit-linear-gradient(right, #e4e4e5, #f2f3f3, #e4e4e5);
  background-image: -moz-linear-gradient(right, #e4e4e5, #f2f3f3, #e4e4e5);
  background-image: linear-gradient(to left, #e4e4e5, #f2f3f3, #e4e4e5);
  background-size: 400px 100%;
}

/* line 250, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .content-selector {
  margin-top: 60px;
}

/* line 252, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .content-selector h3 {
  font-size: 30px !important;
  margin-top: 20px;
}

/* line 256, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .content-selector .widget.actions {
  width: 100%;
  text-align: center;
}

/* line 259, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .content-selector figure {
  position: relative !important;
}

/* line 262, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .content-selector figure .speech-bubble {
  position: absolute;
  top: 70px;
  left: 50px;
  max-width: 260px;
}

/* line 268, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--brand .content-selector figure .speech-bubble.position--down {
  top: 25%;
}

@media (max-width: 500px) {
  /* line 262, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--brand .content-selector figure .speech-bubble {
    left: 10px;
    top: 10px !important;
    padding: 10px 10px;
    max-width: 180px;
  }
  /* line 276, app/assets/stylesheets/modules/page-brand.sass */
  body.page--brand section.section--brand .content-selector figure .speech-bubble p {
    font-size: 14px !important;
  }
}

/* line 281, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#dichten.section--brand .content-selector nav.content-selector_navigation {
  background-color: #a39383;
}

/* line 284, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#kleben.section--brand .content-selector nav.content-selector_navigation {
  background-color: #e3000f;
}

/* line 286, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#kleben.section--brand .content-selector nav.content-selector_navigation a.active::before, body.page--brand section#kleben.section--brand .content-selector nav.content-selector_navigation a:hover::before {
  background-color: black;
}

/* line 289, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#reinigen.section--brand .content-selector nav.content-selector_navigation {
  background-color: #00998a;
}

/* line 291, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#reinigen.section--brand .content-selector nav.content-selector_navigation a.active::before, body.page--brand section#reinigen.section--brand .content-selector nav.content-selector_navigation a:hover::before {
  background-color: black;
}

/* line 294, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#systemsortiment.section--brand .content-selector nav.content-selector_navigation {
  background-color: #353434;
}

/* line 296, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#systemsortiment.section--brand .content-selector nav.content-selector_navigation a:link, body.page--brand section#systemsortiment.section--brand .content-selector nav.content-selector_navigation a:visited {
  color: white;
  letter-spacing: 0.1px;
}

/* line 299, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#systemsortiment.section--brand .content-selector nav.content-selector_navigation a.active::before, body.page--brand section#systemsortiment.section--brand .content-selector nav.content-selector_navigation a:hover::before {
  background-color: #ffda1a;
}

/* line 302, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section#systemsortiment.section--brand .content-selector_item.udb_sk150 p.chip {
  color: #00998a !important;
  border-color: #00998a;
  text-transform: none;
  margin-top: 40px;
}

/* line 309, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--dialog {
  background-image: -webkit-linear-gradient(top, white 200px, black 200px);
  background-image: -moz-linear-gradient(top, white 200px, black 200px);
  background-image: linear-gradient(to bottom, white 200px, black 200px);
  padding-bottom: 160px;
}

/* line 313, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--dialog h2 {
  max-width: 600px;
}

/* line 316, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--dialog .speech-bubble {
  margin-top: 60px;
}

/* line 319, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--dialog .speech-bubble:nth-of-type(2n) {
  margin-left: auto;
  margin-right: 0;
}

/* line 324, app/assets/stylesheets/modules/page-brand.sass */
body.page--brand section.section--dialog .speech-bubble + .speech-bubble {
  margin-top: 120px;
}
/* line 4, app/assets/stylesheets/modules/story-slider.sass */
.story-slider {
  position: relative;
  overflow: hidden;
  background: -webkit-linear-gradient(left, transparent 600px, #ededed 600px);
  background: -moz-linear-gradient(left, transparent 600px, #ededed 600px);
  background: linear-gradient(to right, transparent 600px, #ededed 600px);
}

/* line 8, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-wrapper {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* line 11, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-slide {
  position: relative;
  width: auto;
  padding: 0;
  margin: 0;
}

/* line 17, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-slide img {
  user-drag: none;
  pointer-events: none;
}

/* line 21, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  height: -webkit-calc(100% + 55px);
  height: -moz-calc(100% + 55px);
  height: calc(100% + 55px);
  z-index: -1;
}

/* line 27, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-slide.heading-slide {
  position: relative;
  padding-left: 100px;
  height: auto;
  width: 100vw;
  max-width: 460px;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: inherit;
  color: #2d2a26;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  word-break: break-word;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1400px) {
  /* line 27, app/assets/stylesheets/modules/story-slider.sass */
  .story-slider .swiper-slide.heading-slide {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

@media (max-width: 350px) {
  /* line 27, app/assets/stylesheets/modules/story-slider.sass */
  .story-slider .swiper-slide.heading-slide {
    padding-left: 30px;
  }
}

/* line 47, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-slide.heading-slide::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(70%, transparent), color-stop(70%, #ededed));
  background: -webkit-linear-gradient(left, transparent 70%, #ededed 70%);
  background: -moz-linear-gradient(left, transparent 70%, #ededed 70%);
  background: linear-gradient(to right, transparent 70%, #ededed 70%);
}

/* line 50, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .slider__footer {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  z-index: 1;
}

/* line 62, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .slider__button-next, .story-slider .slider__button-prev {
  width: 30px;
  margin: 0 15px;
  height: 100%;
  background-image: url(/assets/ui/slider_right_black-5ea73ff54fbae6695baeaca1a28ade403c06b1a690d360237d9e4ca67c335a80.svg);
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

/* line 74, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .slider__button-next.swiper-button-disabled, .story-slider .slider__button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: default;
}

/* line 78, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .slider__button-prev {
  background-image: url(/assets/ui/slider_left_black-d50da858af94af542ae0ec5bbad74f77e77d9da2f11a8bca3a684504e19c620c.svg);
}

/* line 81, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-pagination {
  position: relative;
}

/* line 83, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  background-color: #b3b3b3;
  opacity: 1;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

/* line 91, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffda1a;
}

/* line 94, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-pagination .swiper-pagination-bullet:first-child:last-child {
  opacity: 0;
}

/* line 98, app/assets/stylesheets/modules/story-slider.sass */
.story-slider .swiper-pagination.bg-active-gold .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #D3A959;
}

/* line 101, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--brown {
  background: -webkit-linear-gradient(left, transparent 600px, #2d2a26 600px);
  background: -moz-linear-gradient(left, transparent 600px, #2d2a26 600px);
  background: linear-gradient(to right, transparent 600px, #2d2a26 600px);
}

/* line 104, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--brown .swiper-slide::after {
  background-color: #2d2a26;
}

/* line 106, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--brown .heading-slide::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(70%, transparent), color-stop(70%, #2d2a26));
  background: -webkit-linear-gradient(left, transparent 70%, #2d2a26 70%);
  background: -moz-linear-gradient(left, transparent 70%, #2d2a26 70%);
  background: linear-gradient(to right, transparent 70%, #2d2a26 70%);
}

/* line 108, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--brown * {
  color: white;
}

/* line 110, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--brown .slider__button-prev, .story-slider.bg--brown .slider__button-next {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

/* line 113, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--none, .story-slider.bg-none {
  background: none;
}

/* line 115, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--none .swiper-slide::after, .story-slider.bg-none .swiper-slide::after {
  background: none;
}

/* line 117, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.bg--none .heading-slide::after, .story-slider.bg-none .heading-slide::after {
  background: none;
}

/* line 120, app/assets/stylesheets/modules/story-slider.sass */
.story-slider.overflow--visible {
  overflow: visible;
}

@media (max-width: 700px) {
  /* line 125, app/assets/stylesheets/modules/story-slider.sass */
  .story-slider.rental-slider .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 5px;
  }
}
/* line 4, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 10, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-container {
  height: 300px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
}

/* line 17, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto !important;
  padding: 50px 0;
}

/* line 24, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-slide .interview__question {
  font-family: "Echo", sans-serif;
  font-weight: 500;
  font-style: italic;
  padding-right: 100px;
}

/* line 28, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-slide .interview__answer {
  padding-left: 100px;
}

@media (max-width: 700px) {
  /* line 32, app/assets/stylesheets/modules/interview-slider.sass */
  .interview-slider .swiper-slide .interview__question, .interview-slider .swiper-slide .interview__answer {
    padding: 0;
    font-size: 18px;
  }
}

/* line 36, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-slide:first-child {
  padding-top: 0;
}

/* line 41, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .slider__button-next, .interview-slider .slider__button-prev {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding: 8px 30px;
  padding-right: 50px;
  color: #ffda1a;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  background-color: #3f3e3e;
  background-image: url(/assets/ui/arrow_down_white-65f278de6837ac5ef4561339dcc2cbd79fa0067c99aa7f0a34ae955f2f0c88be.svg);
  background-size: 15px auto;
  background-position: -webkit-calc(100% - 20px) center;
  background-position: -moz-calc(100% - 20px) center;
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  -moz-border-radius: 99px;
       border-radius: 99px;
  -webkit-transition: opacity 0.3s, background-color 0.3s;
  -moz-transition: opacity 0.3s, background-color 0.3s;
  transition: opacity 0.3s, background-color 0.3s;
  cursor: pointer;
}

/* line 60, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .slider__button-next:hover, .interview-slider .slider__button-next:focus, .interview-slider .slider__button-prev:hover, .interview-slider .slider__button-prev:focus {
  background-color: #2d2a26;
}

/* line 63, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .slider__button-next.swiper-button-disabled, .interview-slider .slider__button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: default;
}

/* line 67, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .slider__button-prev {
  background-image: url(/assets/ui/arrow_up_white-9ebbc2b5b86b78114103f281ba656f784a9d5f8419a03d647887d7bc2b430422.svg);
  background-size: 12px auto;
  height: 36px;
  padding-top: 10px;
  font-size: 14px;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.2px;
}

/* line 78, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-pagination {
  position: relative;
}

/* line 80, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  background-color: #b3b3b3;
  opacity: 1;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

/* line 88, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffda1a;
}

/* line 91, app/assets/stylesheets/modules/interview-slider.sass */
.interview-slider .swiper-pagination .swiper-pagination-bullet:first-child:last-child {
  opacity: 0;
}
/* line 7, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
}

/* line 10, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das header {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

/* line 13, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das header h1.heading--bottom_left {
  background: rgba(45, 42, 38, 0.9);
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  width: 100%;
  max-width: 492px;
  position: absolute;
  bottom: 60px;
  left: 100px;
  padding: 44px;
}

@media (max-width: 684px) {
  /* line 13, app/assets/stylesheets/modules/story-qa.sass */
  section#wie-sehen-sie-das header h1.heading--bottom_left {
    position: static;
    margin-top: -10px;
    background: #2d2a26;
    max-width: 100% !important;
    text-align: center;
  }
}

@media (max-width: 525px) {
  /* line 13, app/assets/stylesheets/modules/story-qa.sass */
  section#wie-sehen-sie-das header h1.heading--bottom_left {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
  }
}

/* line 31, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das header figure {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
}

/* line 38, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das header figure img {
  width: 100%;
}

/* line 41, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das .story--summary {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
  margin-top: 60px;
}

/* line 45, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das .story--summary figure {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

/* line 52, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das .story--summary figure img {
  width: 100%;
}

/* line 55, app/assets/stylesheets/modules/story-qa.sass */
section#wie-sehen-sie-das .story--summary figcaption {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  color: #2d2a26;
  width: 100%;
  max-width: 600px;
  position: relative;
  top: -80px;
  left: 80px;
}

@media (max-width: 1180px) {
  /* line 55, app/assets/stylesheets/modules/story-qa.sass */
  section#wie-sehen-sie-das .story--summary figcaption {
    top: 0px;
  }
}

@media (max-width: 990px) {
  /* line 55, app/assets/stylesheets/modules/story-qa.sass */
  section#wie-sehen-sie-das .story--summary figcaption {
    top: 20px;
    margin-bottom: 60px;
    max-width: 100%;
    width: auto;
    left: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 525px) {
  /* line 55, app/assets/stylesheets/modules/story-qa.sass */
  section#wie-sehen-sie-das .story--summary figcaption {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 76, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
}

@media (max-width: 910px) {
  /* line 76, app/assets/stylesheets/modules/story-qa.sass */
  section#zukunft-der-deg {
    margin-top: 50px;
  }
}

/* line 81, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg header {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

/* line 84, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg header h1.heading {
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: inherit;
  width: 100%;
  max-width: 492px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  padding: 44px;
  text-align: center;
  color: #e3000f;
}

@media (max-width: 684px) {
  /* line 84, app/assets/stylesheets/modules/story-qa.sass */
  section#zukunft-der-deg header h1.heading {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: inherit;
    position: static;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 525px) {
  /* line 84, app/assets/stylesheets/modules/story-qa.sass */
  section#zukunft-der-deg header h1.heading {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 104, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg header figure {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

/* line 111, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg header figure img {
  width: 100%;
}

/* line 114, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg .story--summary {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}

/* line 117, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg .story--summary figure {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

/* line 123, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg .story--summary figure img {
  width: 100%;
}

/* line 126, app/assets/stylesheets/modules/story-qa.sass */
section#zukunft-der-deg .story--summary figcaption {
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: inherit;
  color: #e3000f;
  width: 100%;
  max-width: 600px;
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: 110px;
}

@media (max-width: 1280px) {
  /* line 126, app/assets/stylesheets/modules/story-qa.sass */
  section#zukunft-der-deg .story--summary figcaption {
    left: 40px;
  }
}

@media (max-width: 684px) {
  /* line 126, app/assets/stylesheets/modules/story-qa.sass */
  section#zukunft-der-deg .story--summary figcaption {
    margin-bottom: 0;
    margin-top: 20px;
    max-width: 100% !important;
    width: auto;
    left: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 525px) {
  /* line 126, app/assets/stylesheets/modules/story-qa.sass */
  section#zukunft-der-deg .story--summary figcaption {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: inherit;
  }
}

/* line 150, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list {
  padding-top: 110px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
}

/* line 156, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list article {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

/* line 159, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: inherit;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  max-width: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 60px;
}

@media (max-width: 525px) {
  /* line 159, app/assets/stylesheets/modules/story-qa.sass */
  section.story--qa_list .story--qa {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: inherit;
  }
}

/* line 169, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa strong {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 172, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa .question {
  margin-bottom: 20px;
}

/* line 175, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa .top--margin {
  margin-top: 60px !important;
}

/* line 178, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa .answer--name,
section.story--qa_list .story--qa .question--name {
  color: #e3000f;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline;
}

/* line 183, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa .answer--name:after,
section.story--qa_list .story--qa .question--name:after {
  content: "\\";
  color: #2d2a26;
}

/* line 187, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa .answer--text,
section.story--qa_list .story--qa .question--text {
  display: inline;
}

/* line 191, app/assets/stylesheets/modules/story-qa.sass */
section.story--qa_list .story--qa .question--text {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 194, app/assets/stylesheets/modules/story-qa.sass */
.story--qa_list_x {
  background: #f5f3ef !important;
}

/* line 196, app/assets/stylesheets/modules/story-qa.sass */
.story--qa_list_x .story--qa:nth-child(2n) {
  position: relative !important;
  -webkit-align-self: flex-end !important;
      -ms-flex-item-align: end !important;
          align-self: flex-end !important;
  margin-left: auto !important;
}

/* line 200, app/assets/stylesheets/modules/story-qa.sass */
.story--qa_list_x article {
  max-width: 1264px !important;
}

/* line 204, app/assets/stylesheets/modules/story-qa.sass */
section#story--images {
  margin-top: 60px;
  background: white url(/assets/ui/light_beige-51d71db30d9d754a9bac6943b3510de27417c47af4445e13c4857fabcfa1f001.png) repeat-x 0px 776px;
}

/* line 207, app/assets/stylesheets/modules/story-qa.sass */
section#story--images.story--images_blank {
  background: white;
}

/* line 209, app/assets/stylesheets/modules/story-qa.sass */
section#story--images figure {
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

/* line 215, app/assets/stylesheets/modules/story-qa.sass */
section#story--images figure img {
  width: 100%;
}

/* line 219, app/assets/stylesheets/modules/story-qa.sass */
section#story--contact .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 50px;
}
/* line 9, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung {
  overflow-x: hidden;
}

/* line 12, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section {
  padding-top: 100px;
}

/* line 15, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .container, .story--digitalisierung .container--wide {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 20, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .container--wide {
  max-width: 1440px;
}

@media (min-width: 1300px) {
  /* line 23, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .container.overlap--top, .story--digitalisierung .overlap--top.container--wide {
    margin-top: -100px;
  }
}

@media (max-width: 1100px) {
  /* line 23, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .container.overlap--top, .story--digitalisierung .overlap--top.container--wide {
    margin-top: -10vw;
  }
}

/* line 30, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .bg--gray {
  background-color: #ededed;
  margin-top: 100px;
  padding-bottom: 100px;
}

/* line 34, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .bg--white-gradient {
  position: relative;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(40%, white));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 40%);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), white 40%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), white 40%);
}

/* line 39, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 1100px) {
  /* line 39, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .columns {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 47, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns.align--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 50, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns .col {
  width: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 56, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns .col.size--lg {
  width: 60%;
  padding: 0;
}

/* line 59, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns .col.size--sm {
  max-width: 550px;
}

/* line 61, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns .col.size--xs {
  max-width: 450px;
}

/* line 64, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns .col.padding--left {
  padding-left: 60px;
}

@media (max-width: 1100px) {
  /* line 50, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .columns .col {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  /* line 71, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .columns .col.break--top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

/* line 74, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns--four {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

@media (max-width: 890px) {
  /* line 74, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .columns--four {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* line 80, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .columns--four .col {
  width: 23%;
  max-width: 220px;
  padding-top: 40px;
}

@media (max-width: 890px) {
  /* line 80, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .columns--four .col {
    width: 45%;
    max-width: none;
  }
}

@media (max-width: 500px) {
  /* line 88, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung .columns--four .col p {
    font-size: 16px;
  }
}

/* line 92, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .text-block {
  display: block;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* line 98, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .text-block.half-left {
  margin-left: 0;
  max-width: 600px;
}

/* line 102, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .text-block.half-right {
  margin-right: auto;
  margin-left: auto;
}

/* line 106, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .text-block + .text-block {
  margin-top: 40px;
}

/* line 109, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung h3 {
  font-size: 30px;
  line-height: 1.33;
  text-transform: uppercase;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 25px;
}

/* line 116, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung p, .story--digitalisierung figcaption {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
}

/* line 123, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung p.size--lg, .story--digitalisierung p .size--lg, .story--digitalisierung figcaption.size--lg, .story--digitalisierung figcaption .size--lg {
  font-size: 30px;
  line-height: 1.33;
}

@media (max-width: 500px) {
  /* line 123, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung p.size--lg, .story--digitalisierung p .size--lg, .story--digitalisierung figcaption.size--lg, .story--digitalisierung figcaption .size--lg {
    font-size: 25px;
  }
}

/* line 128, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung p.size--xl, .story--digitalisierung p .size--xl, .story--digitalisierung figcaption.size--xl, .story--digitalisierung figcaption .size--xl {
  font-size: 35px;
  line-height: 1;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 600px) {
  /* line 128, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung p.size--xl, .story--digitalisierung p .size--xl, .story--digitalisierung figcaption.size--xl, .story--digitalisierung figcaption .size--xl {
    font-size: 22px;
  }
}

@media (max-width: 350px) {
  /* line 128, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung p.size--xl, .story--digitalisierung p .size--xl, .story--digitalisierung figcaption.size--xl, .story--digitalisierung figcaption .size--xl {
    font-size: 18px;
  }
}

/* line 136, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung p.size--xxl, .story--digitalisierung p .size--xxl, .story--digitalisierung figcaption.size--xxl, .story--digitalisierung figcaption .size--xxl {
  font-size: 60px;
  line-height: 1.17;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  display: block;
}

@media (max-width: 600px) {
  /* line 136, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung p.size--xxl, .story--digitalisierung p .size--xxl, .story--digitalisierung figcaption.size--xxl, .story--digitalisierung figcaption .size--xxl {
    font-size: 34px;
  }
}

@media (max-width: 350px) {
  /* line 136, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung p.size--xxl, .story--digitalisierung p .size--xxl, .story--digitalisierung figcaption.size--xxl, .story--digitalisierung figcaption .size--xxl {
    font-size: 18px;
  }
}

/* line 146, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung p + p, .story--digitalisierung figcaption + p {
  margin-top: 24px;
}

/* line 150, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung p.quote, .story--digitalisierung figcaption.quote {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 15px 0 15px 50px;
  background-image: url(/assets/ui/quote-2a23734a9b6d0a2000d8e64716a5a7c0978568839b2c705c3a54678e460c8616.svg);
  background-size: auto 100%;
  background-position: left center;
  background-repeat: no-repeat;
}

@media (max-width: 500px) {
  /* line 150, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung p.quote, .story--digitalisierung figcaption.quote {
    font-size: 22px;
    margin-left: -15px;
  }
}

/* line 162, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung p.number, .story--digitalisierung figcaption.number {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 80px;
  line-height: 0.88;
  margin: 0 0 20px;
}

/* line 168, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung figure {
  position: relative;
  max-width: 100vw;
  min-height: 30%;
}

/* line 172, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung figure img {
  width: 100%;
}

/* line 175, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung figure figcaption {
  position: absolute;
  z-index: 1;
  left: 120px;
  top: 0;
}

@media (max-width: 1440px) {
  /* line 175, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung figure figcaption {
    left: 9.8%;
  }
}

/* line 185, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .col:nth-child(odd) figure {
  margin-left: -20px;
}

/* line 188, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung .col:nth-child(even) figure {
  margin-left: 20px;
}

/* line 193, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 50px 20px;
  background-color: #4d9c97;
  text-align: center;
}

/* line 200, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung header h1 {
  font-size: 98px;
  color: #fae016;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0 auto;
  max-width: 700px;
}

@media (max-width: 890px) {
  /* line 200, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung header h1 {
    font-size: 60px;
  }
}

@media (max-width: 600px) {
  /* line 200, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung header h1 {
    font-size: 40px;
  }
}

@media (max-width: 890px) {
  /* line 193, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung header {
    padding-top: 120px;
  }
}

/* line 218, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet figure img {
  width: 135%;
  max-width: 920px;
}

@media (max-width: 1100px) {
  /* line 218, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--intranet figure img {
    max-width: 1100px;
    width: 120%;
  }
}

/* line 226, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet figure figcaption {
  top: auto;
  bottom: 25px;
}

@media (max-width: 1100px) {
  /* line 226, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--intranet figure figcaption {
    left: auto;
    right: 10px;
  }
}

@media (max-width: 550px) {
  /* line 226, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--intranet figure figcaption {
    top: 78%;
  }
}

/* line 235, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet ul {
  list-style: none;
}

/* line 237, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet ul li {
  font-size: 20px;
  line-height: 1.5;
  padding-left: 100px;
  background-size: auto 60px;
  background-position: left center;
  background-repeat: no-repeat;
}

/* line 246, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet ul li:nth-of-type(1) {
  background-image: url(/assets/stories/digitalisierung/list1-f282872c6e4d9b108e6bd6f74b43f2ab410323454d03bc825db27a38dd1ba821.svg);
}

/* line 246, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet ul li:nth-of-type(2) {
  background-image: url(/assets/stories/digitalisierung/list2-a3e26d73ec8fb6a28afc2b0e91ed7015d408743e7d0cf77310055d02bff21821.svg);
}

/* line 246, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet ul li:nth-of-type(3) {
  background-image: url(/assets/stories/digitalisierung/list3-aed1d2cd141a5236c3dbf89b09f524bd37c58c6fd37511d6aafd805cbb8c651c.svg);
}

/* line 248, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--intranet ul li + li {
  margin-top: 25px;
}

@media (max-width: 500px) {
  /* line 237, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--intranet ul li {
    padding: 70px 0 0;
    background-position: left top;
    margin-top: 35px !important;
  }
}

/* line 259, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--kran figure figcaption {
  top: auto;
  bottom: 36px;
  left: 25%;
  color: white;
}

@media (max-width: 1100px) {
  /* line 258, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--kran figure {
    margin: 0 -20px 0 -20px;
  }
  /* line 267, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--kran figure img {
    width: 120%;
    margin-left: -20%;
  }
  /* line 270, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--kran figure figcaption {
    left: 9.5%;
    top: 32%;
  }
}

/* line 278, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--easyscan figure {
  padding-top: 40px;
}

@media (max-width: 1100px) {
  /* line 278, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--easyscan figure {
    padding-top: 10px;
  }
  /* line 284, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--easyscan figure figcaption {
    top: -webkit-calc(12% - 20px);
    top: -moz-calc(12% - 20px);
    top: calc(12% - 20px);
    left: auto;
    right: 3%;
    text-align: right;
  }
}

/* line 290, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--easyscan ol {
  padding-left: 20px;
}

/* line 293, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--easyscan ol li {
  font-size: 20px;
  line-height: 1.5;
}

/* line 298, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--katalog {
  padding-top: 80px;
}

/* line 300, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--katalog .container, .story--digitalisierung section.section--katalog .container--wide {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(/assets/ui/gallery_fallback-f822ae04a20e2a70733fe95960005d8d8f39280ab065bff0f3e1036be80a48e3.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 400px;
}

@media (max-width: 740px) {
  /* line 300, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--katalog .container, .story--digitalisierung section.section--katalog .container--wide {
    background-position: center top;
    padding-top: 320px;
  }
}

/* line 312, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--katalog h2 {
  font-size: 30px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  color: #2d2a26;
}

/* line 317, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--katalog .text-block {
  max-width: 60%;
}

@media (max-width: 740px) {
  /* line 317, app/assets/stylesheets/modules/story-digitalisierung.sass */
  .story--digitalisierung section.section--katalog .text-block {
    max-width: 100%;
  }
}

/* line 322, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--katalog a.download {
  display: block;
  margin-top: 40px;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: #e3000f;
  text-decoration: none;
  padding-left: 36px;
  background-image: url(/assets/ui/download_arrow-f64a75de2e7e16dfbfdb460c5485956fce48b2195cefe6aee4ba7da8bb51f81e.svg);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 23px;
}

/* line 337, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--katalog a.download strong {
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 340, app/assets/stylesheets/modules/story-digitalisierung.sass */
.story--digitalisierung section.section--katalog a.download:hover {
  text-decoration: underline;
}
/* line 9, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran * {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
}

/* line 13, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran h2 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  max-width: 420px;
  margin-bottom: 50px;
}

@media (max-width: 700px) {
  /* line 13, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran h2 {
    font-size: 36px;
  }
}

/* line 23, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran h2.size--sm {
  font-size: 40px;
  margin-bottom: 20px;
}

@media (max-width: 700px) {
  /* line 23, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran h2.size--sm {
    font-size: 28px;
  }
}

/* line 29, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran h2.width--lg {
  max-width: 570px;
}

@media (min-width: 700px) {
  /* line 32, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran h2.indented {
    margin-left: 80px;
  }
}

/* line 37, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran p, .story--hochkran figcaption {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  max-width: 570px;
}

/* line 44, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran p.size--lg, .story--hochkran p .size--lg, .story--hochkran figcaption.size--lg, .story--hochkran figcaption .size--lg {
  font-size: 30px;
  line-height: 1.33;
  max-width: 770px;
}

@media (max-width: 500px) {
  /* line 44, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran p.size--lg, .story--hochkran p .size--lg, .story--hochkran figcaption.size--lg, .story--hochkran figcaption .size--lg {
    font-size: 22px;
  }
}

/* line 51, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran p a, .story--hochkran figcaption a {
  color: #e3000f;
}

/* line 54, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran p + p, .story--hochkran figcaption + p {
  margin-top: 24px;
}

/* line 57, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran img {
  max-width: 100%;
}

/* line 60, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran header {
  max-width: 1140px;
  margin: 0 auto;
  max-height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

/* line 68, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran header h1 {
  color: white;
  font-size: 60px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  max-width: 650px;
  margin: 0 auto;
  padding: 95px 0;
}

/* line 75, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran header h1 i {
  display: block;
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.17;
}

@media (max-width: 700px) {
  /* line 68, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran header h1 {
    font-size: 40px;
    padding: 90px 20px;
  }
}

@media (max-width: 700px) {
  /* line 60, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran header {
    padding-top: 30px;
    max-height: 55vh;
  }
}

/* line 90, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section {
  padding-bottom: 100px;
  padding-top: 80px;
}

/* line 94, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.bg, .story--hochkran section.bg--brown, .story--hochkran section.bg--gray {
  padding-bottom: 80px;
}

/* line 96, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.bg + section, .story--hochkran section.bg--brown + section, .story--hochkran section.bg--gray + section {
  padding-top: 100px;
}

/* line 99, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.bg--gray {
  background-color: #ededed;
}

/* line 102, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.bg--brown {
  background-color: #2d2a26;
}

/* line 105, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.bg--brown * {
  color: white;
}

/* line 108, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 113, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .container + .container {
  margin-top: 80px;
}

/* line 116, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 950px) {
  /* line 116, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .columns {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 124, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .columns.align--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 127, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .columns .col {
  width: -webkit-calc(50% - 30px);
  width: -moz-calc(50% - 30px);
  width: calc(50% - 30px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 133, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .columns .col.size--lg {
  width: 65%;
  padding: 0;
}

/* line 136, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .columns .col.size--sm {
  max-width: 400px;
}

/* line 138, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .columns .col.size--xs {
  max-width: 300px;
}

/* line 141, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .columns .col.padding--left {
  padding-left: 60px;
}

@media (max-width: 950px) {
  /* line 127, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .columns .col {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  /* line 148, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .columns .col + .col:not(.no-break-space) {
    margin-top: 50px;
  }
  /* line 151, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .columns .col.break--top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 50px;
  }
}

/* line 158, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .overlap--crane {
  margin-top: -webkit-calc(-80px - 41.9%);
  margin-top: -moz-calc(-80px - 41.9%);
  margin-top: calc(-80px - 41.9%);
}

/* line 160, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .overlap--bottom {
  margin-bottom: -180px;
}

@media (min-width: 1540px) {
  /* line 163, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .overlap--left {
    margin-left: -200px;
    margin-right: 0;
    max-width: -webkit-calc(100% + 200px);
    max-width: -moz-calc(100% + 200px);
    max-width: calc(100% + 200px);
  }
}

@media (min-width: 1540px) {
  /* line 169, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .overlap--right {
    margin-right: -200px;
    margin-left: 200px;
  }
}

/* line 175, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .clr--green {
  color: #00998a;
}

/* line 178, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .margin--top {
  margin-top: 120px;
}

/* line 182, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.margin--top {
  margin-top: 140px;
}

/* line 184, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.overlap--top {
  margin-top: 250px;
}

/* line 186, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.overlap--top .container:first-of-type {
  margin-top: -330px;
}

/* line 190, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media (max-width: 700px) {
  /* line 190, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--phases .gallery {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

/* line 200, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery .item {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media (max-width: 700px) {
  /* line 204, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--phases .gallery .item img {
    max-height: 160px;
  }
}

/* line 208, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery .item .number {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  color: #ffda1a;
  font-size: 60px;
  line-height: 1;
}

/* line 215, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery .item p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 1.5;
  color: #2d2a26;
  margin: 10px 0 0;
}

@media (max-width: 950px) {
  /* line 215, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--phases .gallery .item p {
    font-size: 18px;
  }
}

@media (max-width: 700px) {
  /* line 215, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--phases .gallery .item p {
    font-size: 14px;
  }
}

/* line 227, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery .item:nth-child(odd) {
  padding-top: 80px;
}

/* line 229, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery .item:nth-child(odd) .number {
  position: absolute;
  top: 50px;
  left: -25px;
  margin: 0;
}

/* line 235, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery .item:nth-child(even) .number {
  display: block;
  margin-top: -30px;
  -webkit-transform: translateX(-25px);
     -moz-transform: translateX(-25px);
      -ms-transform: translateX(-25px);
          transform: translateX(-25px);
}

/* line 240, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--phases .gallery .item + .item {
  margin-left: 30px;
}

/* line 244, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--features .icon {
  margin-bottom: 10px;
}

/* line 247, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation {
  padding-top: 20px;
}

/* line 250, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation {
  position: relative;
}

/* line 255, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__images {
  position: relative;
}

/* line 258, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__images img:last-of-type {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: fade-in 5s 5s linear 1 alternate both;
     -moz-animation: fade-in 5s 5s linear 1 alternate both;
          animation: fade-in 5s 5s linear 1 alternate both;
}

@media (max-width: 950px) {
  /* line 255, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__images {
    margin-bottom: 40px;
  }
}

@media (max-width: 700px) {
  /* line 267, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__titles {
    position: relative;
  }
}

/* line 270, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__titles h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -55%);
     -moz-transform: translate(-45%, -55%);
      -ms-transform: translate(-45%, -55%);
          transform: translate(-45%, -55%);
  margin-bottom: 10px;
  display: block;
  width: 400px;
  max-width: -webkit-calc(100vw - 40px);
  max-width: -moz-calc(100vw - 40px);
  max-width: calc(100vw - 40px);
  -webkit-animation: fade-in 2s linear 2 alternate both;
     -moz-animation: fade-in 2s linear 2 alternate both;
          animation: fade-in 2s linear 2 alternate both;
  z-index: 1;
}

@media (max-width: 950px) {
  /* line 270, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__titles h2 {
    font-size: 36px;
  }
}

@media (max-width: 700px) {
  /* line 270, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__titles h2 {
    left: 0;
    right: 0;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
  }
  /* line 285, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__titles h2:last-of-type {
    position: static;
  }
}

/* line 292, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__titles h2:nth-child(1) {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
          animation-delay: 1s;
}

/* line 292, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__titles h2:nth-child(2) {
  -webkit-animation-delay: 6.2631578947s;
     -moz-animation-delay: 6.2631578947s;
          animation-delay: 6.2631578947s;
}

/* line 294, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__titles h2:last-child {
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

/* line 299, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__captions p {
  position: absolute;
  display: block;
  bottom: 25px;
  right: 25px;
  max-width: 260px;
  -webkit-animation: fade-in 2s linear 2 alternate both;
     -moz-animation: fade-in 2s linear 2 alternate both;
          animation: fade-in 2s linear 2 alternate both;
}

@media (max-width: 950px) {
  /* line 299, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__captions p {
    font-size: 14px;
    top: 105%;
    margin: 0;
    left: 0;
    max-width: 100%;
    bottom: auto;
  }
}

/* line 316, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__captions p:nth-child(1) {
  -webkit-animation-delay: 1.2s;
     -moz-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

/* line 316, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__captions p:nth-child(2) {
  -webkit-animation-delay: 6.4631578947s;
     -moz-animation-delay: 6.4631578947s;
          animation-delay: 6.4631578947s;
}

/* line 318, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__captions p:last-child {
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

/* line 321, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__scale {
  overflow-x: hidden;
  -webkit-animation: scale-width 10s ease 1 both;
     -moz-animation: scale-width 10s ease 1 both;
          animation: scale-width 10s ease 1 both;
}

/* line 324, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__scale .scale {
  max-width: -webkit-calc( 100vw - 40px);
  max-width: -moz-calc( 100vw - 40px);
  max-width: calc( 100vw - 40px);
  width: 1140px;
  height: 80px;
  background-image: url(/assets/stories/hochkran/scale-a440f2ed37542a9e247cb38f8c360cb6f65a27a23cc0083ff401f473100d17d4.svg);
  background-position: left center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media (max-width: 700px) {
  /* line 324, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__scale .scale {
    background-image: url(/assets/stories/hochkran/scale-mobile-ffb5bcef7c4048a68f0c4b5575e9cb9fb75df719e200f95581cd49f946a0504b.svg);
  }
}

/* line 336, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation .animation__scale p {
  max-width: 100%;
  text-align: right;
  -webkit-animation: fade-in 5s 5.5555555556s linear 1 both;
     -moz-animation: fade-in 5s 5.5555555556s linear 1 both;
          animation: fade-in 5s 5.5555555556s linear 1 both;
}

@media (max-width: 950px) {
  /* line 336, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran section.section--animation .crane-animation .animation__scale p {
    font-size: 14px;
  }
}

/* line 343, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation * {
  -webkit-animation-play-state: paused !important;
     -moz-animation-play-state: paused !important;
          animation-play-state: paused !important;
}

/* line 346, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--animation .crane-animation.animate * {
  -webkit-animation-play-state: running !important;
     -moz-animation-play-state: running !important;
          animation-play-state: running !important;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  22%, 100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  22%, 100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  22%, 100% {
    opacity: 1;
  }
}

@-webkit-keyframes scale-width {
  0% {
    width: 0%;
  }
  22%, 50% {
    width: 80%;
  }
  60%, 100% {
    width: 100%;
  }
}

@-moz-keyframes scale-width {
  0% {
    width: 0%;
  }
  22%, 50% {
    width: 80%;
  }
  60%, 100% {
    width: 100%;
  }
}

@keyframes scale-width {
  0% {
    width: 0%;
  }
  22%, 50% {
    width: 80%;
  }
  60%, 100% {
    width: 100%;
  }
}

/* line 365, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation {
  position: relative;
}

/* line 367, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: fade-in-out-wait 10s linear infinite both;
     -moz-animation: fade-in-out-wait 10s linear infinite both;
          animation: fade-in-out-wait 10s linear infinite both;
}

/* line 374, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img:nth-child(1) {
  -webkit-animation-delay: 0s;
     -moz-animation-delay: 0s;
          animation-delay: 0s;
}

/* line 374, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img:nth-child(2) {
  -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
          animation-delay: 2s;
}

/* line 374, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img:nth-child(3) {
  -webkit-animation-delay: 4s;
     -moz-animation-delay: 4s;
          animation-delay: 4s;
}

/* line 374, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img:nth-child(4) {
  -webkit-animation-delay: 6s;
     -moz-animation-delay: 6s;
          animation-delay: 6s;
}

/* line 374, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img:nth-child(5) {
  -webkit-animation-delay: 8s;
     -moz-animation-delay: 8s;
          animation-delay: 8s;
}

/* line 374, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img:nth-child(6) {
  -webkit-animation-delay: 10s;
     -moz-animation-delay: 10s;
          animation-delay: 10s;
}

/* line 377, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran section.section--equipment .images-animation img:first-child {
  position: static;
}

@-webkit-keyframes fade-in-out-wait {
  0% {
    opacity: 0;
  }
  10%, 20% {
    opacity: 1;
  }
  30%, 100% {
    opacity: 0;
  }
}

@-moz-keyframes fade-in-out-wait {
  0% {
    opacity: 0;
  }
  10%, 20% {
    opacity: 1;
  }
  30%, 100% {
    opacity: 0;
  }
}

@keyframes fade-in-out-wait {
  0% {
    opacity: 0;
  }
  10%, 20% {
    opacity: 1;
  }
  30%, 100% {
    opacity: 0;
  }
}

/* line 388, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .speech-bubble {
  max-width: none;
}

@media (min-width: 950px) {
  /* line 388, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .speech-bubble {
    margin-top: 200px;
    margin-right: -100px;
  }
}

@media (max-width: 950px) {
  /* line 388, app/assets/stylesheets/modules/story-hochkran.sass */
  .story--hochkran .speech-bubble {
    margin: -40px 20px 0;
  }
}

/* line 396, app/assets/stylesheets/modules/story-hochkran.sass */
.story--hochkran .speech-bubble p i {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}
/* line 10, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass h2, .story--aufmass h3, .story--aufmass p {
  color: #2d2a26;
}

/* line 13, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass h2 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  max-width: 820px;
}

@media (max-width: 700px) {
  /* line 13, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass h2 {
    font-size: 36px;
  }
}

/* line 22, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass h2 + p {
  margin-top: 20px;
}

/* line 24, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass h2 + div {
  margin-top: 50px;
}

/* line 28, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass h3 {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 28px;
}

@media (max-width: 700px) {
  /* line 28, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass h3 {
    font-size: 26px;
  }
}

/* line 35, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass h3 + p {
  margin-top: 14px;
}

/* line 39, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass p, .story--aufmass figcaption {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  max-width: 570px;
}

/* line 46, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass p.size--lg, .story--aufmass p .size--lg, .story--aufmass figcaption.size--lg, .story--aufmass figcaption .size--lg {
  font-size: 30px;
  line-height: 1.33;
  max-width: 870px;
}

@media (max-width: 500px) {
  /* line 46, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass p.size--lg, .story--aufmass p .size--lg, .story--aufmass figcaption.size--lg, .story--aufmass figcaption .size--lg {
    font-size: 22px;
  }
}

/* line 53, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass p.size--sm, .story--aufmass p .size--sm, .story--aufmass figcaption.size--sm, .story--aufmass figcaption .size--sm {
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0.2px;
}

/* line 58, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass p a, .story--aufmass figcaption a {
  color: #e3000f;
}

/* line 61, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass p + p, .story--aufmass figcaption + p {
  margin-top: 24px;
}

/* line 64, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass strong {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 67, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass img {
  max-width: 100%;
}

/* line 70, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass header {
  max-width: 1140px;
  margin: 0 auto;
  max-height: 400px !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 33% top;
  padding: 60px;
}

/* line 79, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass header h1 {
  color: white;
  font-size: 130px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-bottom: 30%;
}

@media (max-width: 950px) {
  /* line 79, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass header h1 {
    font-size: 90px;
    padding: 30px 0 30%;
  }
}

@media (max-width: 700px) {
  /* line 79, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass header h1 {
    font-size: 50px;
    padding: 80px 0 36%;
  }
}

@media (max-width: 700px) {
  /* line 70, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass header {
    padding: 30px 20px 0;
    max-height: 55vh;
  }
}

/* line 97, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section {
  padding-bottom: 50px;
  padding-top: 50px;
}

/* line 101, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section.bg, .story--aufmass section.bg--brown, .story--aufmass section.bg--gray {
  margin-top: 40px;
  padding-top: 60px;
  padding-bottom: 80px;
}

/* line 105, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section.bg + section, .story--aufmass section.bg--brown + section, .story--aufmass section.bg--gray + section {
  padding-top: 100px;
}

/* line 108, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section.bg--gray {
  background-color: #ededed;
}

/* line 111, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section.bg--brown {
  background-color: #2d2a26;
  background-image: url(/assets/stories/aufmass/pattern-0d03bf4feefa9b9784036c14865ca279d2d0bc05f03a08bc95ead7afc3a6730b.svg);
  background-position: center;
  background-size: auto 100%;
  background-repeat: repeat-x;
}

/* line 119, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section.bg--brown * {
  color: white;
}

/* line 122, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 127, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .container.align--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 131, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .container + .container {
  margin-top: 80px;
}

/* line 134, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 950px) {
  /* line 134, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass .columns {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (min-width: 950px) {
  /* line 143, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass .columns.gap .col + .col {
    margin-left: 35px;
  }
}

/* line 147, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .columns .col {
  width: -webkit-calc(50% - 30px);
  width: -moz-calc(50% - 30px);
  width: calc(50% - 30px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 153, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .columns .col.size--lg {
  width: 65%;
  padding: 0;
}

/* line 156, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .columns .col.size--sm {
  max-width: 400px;
}

/* line 158, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .columns .col.size--xs {
  max-width: 300px;
}

/* line 161, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .columns .col.padding--left {
  padding-left: 60px;
}

@media (min-width: 950px) {
  /* line 164, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass .columns .col.overlap--left {
    padding: 30px 0 0 30px;
    background-color: white;
    margin-top: 130px;
    margin-left: -140px;
  }
}

@media (max-width: 950px) {
  /* line 147, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass .columns .col {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  /* line 175, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass .columns .col + .col:not(.no-break-space) {
    margin-top: 50px;
  }
  /* line 178, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass .columns .col.break--top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 50px !important;
  }
}

@media (min-width: 950px) {
  /* line 183, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass img.overlap--left {
    margin-left: -140px;
    width: -webkit-calc(100% + 120px);
    width: -moz-calc(100% + 120px);
    width: calc(100% + 120px);
    max-width: none;
  }
}

/* line 190, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section.section--aufmass .laser {
  display: block;
  margin-right: 0;
}

@media (max-width: 1500px) {
  /* line 190, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass section.section--aufmass .laser {
    margin-left: -webkit-calc(100% - 1500px);
    margin-left: -moz-calc(100% - 1500px);
    margin-left: calc(100% - 1500px);
    min-width: 1500px;
  }
}

@media (min-width: 1050px) {
  /* line 190, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass section.section--aufmass .laser {
    margin-top: -85px;
  }
}

@media (max-width: 950px) {
  /* line 190, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass section.section--aufmass .laser {
    margin-top: -14vw;
  }
}

/* line 203, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass section.section--modell .plan {
  display: block;
  max-width: 400px;
  position: relative;
  margin: -130px -20px -150px auto;
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 800px) {
  /* line 203, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass section.section--modell .plan {
    max-width: 360px;
    margin: -50px -20px -24% auto;
  }
}

/* line 216, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .contact-tile {
  background-image: url(/assets/ui/hexagon-gray-d055d196318f38f023c0dfc33c3a2e08c6297babf2751e4622fe624394ff7ae3.svg);
  margin-top: 100px;
}

/* line 220, app/assets/stylesheets/modules/story-aufmass.sass */
.story--aufmass .contact-tile figure {
  position: absolute;
  top: -60px;
  left: -90px;
  width: 195px;
}

@media (max-width: 790px) {
  /* line 220, app/assets/stylesheets/modules/story-aufmass.sass */
  .story--aufmass .contact-tile figure {
    position: static;
    width: 180px;
    margin-top: -160px;
    margin-bottom: 20px;
  }
}
/* line 9, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert * {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
}

/* line 13, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert h2 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  max-width: 920px;
  margin-bottom: 50px;
}

@media (max-width: 700px) {
  /* line 13, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

/* line 24, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert h2.size--sm {
  font-size: 40px;
}

@media (max-width: 700px) {
  /* line 24, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert h2.size--sm {
    font-size: 26px;
    margin-bottom: 0 !important;
  }
}

/* line 31, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert p, .story--mehrwert figcaption {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  max-width: 875px;
}

/* line 38, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert p.size--lg, .story--mehrwert p .size--lg, .story--mehrwert figcaption.size--lg, .story--mehrwert figcaption .size--lg {
  font-size: 30px;
  line-height: 1.33;
  max-width: 875px;
}

@media (max-width: 500px) {
  /* line 38, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert p.size--lg, .story--mehrwert p .size--lg, .story--mehrwert figcaption.size--lg, .story--mehrwert figcaption .size--lg {
    font-size: 20px;
  }
}

/* line 45, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert p a, .story--mehrwert figcaption a {
  color: #e3000f;
}

/* line 47, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert p sup, .story--mehrwert figcaption sup {
  font-size: 55%;
  top: -0.6em;
}

/* line 51, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert p + p, .story--mehrwert figcaption + p {
  margin-top: 24px;
}

/* line 54, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert img {
  max-width: 100%;
}

/* line 58, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert header {
  max-width: 1140px;
  margin: 0 auto 20px;
  max-height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

/* line 66, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert header h1 {
  color: white;
  font-size: 60px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  max-width: 770px;
  padding: 64px 100px 126px;
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4);
}

@media (max-width: 700px) {
  /* line 66, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert header h1 {
    font-size: 38px;
    padding: 100px 20px 80px;
  }
}

@media (max-width: 700px) {
  /* line 58, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert header {
    padding-top: 30px;
    max-height: 55vh;
  }
}

/* line 83, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section {
  position: relative;
  padding-bottom: 50px;
  padding-top: 50px;
}

/* line 88, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.bg, .story--mehrwert section.bg--brown, .story--mehrwert section.bg--gray {
  padding-top: 70px;
  padding-bottom: 80px;
}

/* line 91, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.bg + section, .story--mehrwert section.bg--brown + section, .story--mehrwert section.bg--gray + section {
  padding-top: 100px;
}

/* line 94, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.bg--gray {
  background-color: #ededed;
}

/* line 97, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.bg--brown {
  background-color: #2d2a26;
}

/* line 100, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.bg--brown * {
  color: white;
}

/* line 103, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .container, .story--mehrwert .container--sm, .story--mehrwert .container--lg {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 108, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .container--lg {
  max-width: 1440px;
}

/* line 111, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .container--sm {
  max-width: 800px;
}

/* line 115, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .container + .container, .story--mehrwert .container--lg + .container, .story--mehrwert .container--sm + .container, .story--mehrwert .container + .container--lg, .story--mehrwert .container--lg + .container--lg, .story--mehrwert .container--sm + .container--lg, .story--mehrwert .container + .container--sm, .story--mehrwert .container--lg + .container--sm, .story--mehrwert .container--sm + .container--sm {
  margin-top: 80px;
}

/* line 118, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 123, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .columns.align--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 126, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .columns .col {
  width: -webkit-calc(50% - 16px);
  width: -moz-calc(50% - 16px);
  width: calc(50% - 16px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 131, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .columns .col + .col {
  margin-left: 16px;
}

/* line 134, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .caption {
  font-size: 20px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: italic;
  margin-top: 24px;
}

@media (max-width: 750px) {
  /* line 134, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert .caption {
    font-size: 14px;
    margin-top: 16px;
  }
}

/* line 144, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .textbox {
  position: relative;
  padding: 55px;
  z-index: 5;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  max-width: 900px;
  background-color: white;
}

@media (max-width: 500px) {
  /* line 144, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert .textbox {
    padding: 28px;
  }
}

/* line 155, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .textbox::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  width: 50vw;
  left: auto;
  right: 50%;
  z-index: -1;
}

/* line 163, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .textbox.top-left {
  padding-left: 0 !important;
  padding-top: 0 !important;
  margin-bottom: -140px;
}

@media (max-width: 750px) {
  /* line 163, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert .textbox.top-left {
    margin-bottom: -10vw;
  }
}

/* line 171, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .textbox.bottom-left {
  padding-left: 0 !important;
  margin-top: -140px;
}

@media (max-width: 750px) {
  /* line 171, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert .textbox.bottom-left {
    margin-top: -10vw;
  }
}

/* line 178, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .textbox.bottom-right {
  padding-right: 0 !important;
  margin-top: -140px;
  margin-left: auto;
}

/* line 182, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert .textbox.bottom-right::after {
  left: 50%;
  right: auto;
}

@media (max-width: 750px) {
  /* line 178, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert .textbox.bottom-right {
    margin-top: -10vw;
  }
}

/* line 190, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--bausteine {
  padding-top: 0;
  margin-top: 50px;
}

/* line 194, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--bausteine .container, .story--mehrwert section.section--bausteine .container--lg, .story--mehrwert section.section--bausteine .container--sm {
  max-width: 920px;
}

/* line 197, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--bausteine::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  z-index: -1;
  top: 33px;
  height: -webkit-calc(100% + 150px);
  height: -moz-calc(100% + 150px);
  height: calc(100% + 150px);
}

@media (max-width: 960px) {
  /* line 197, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--bausteine::after {
    top: 3.4vw;
  }
}

/* line 209, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-position: 40% top;
  background-size: cover;
  max-height: 820px;
  min-height: 300px;
  height: 70vw;
  padding: 20px 20px 0;
  margin: 0 auto;
  max-width: 1440px;
}

/* line 224, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__header img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  max-width: 475px;
  min-width: 200px;
  margin-bottom: -80px;
  z-index: 1;
  position: relative;
}

/* line 233, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__content {
  position: relative;
  margin: 0 auto;
  max-width: 1440px;
  padding: 120px 0 80px;
}

/* line 239, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__content::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  z-index: -1;
  left: auto;
  right: 0;
  max-width: 1280px;
}

/* line 247, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__content::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 128px;
  height: 107px;
  background-image: url(/assets/stories/mehrwert/interview-icon-eeb2c30fe374e4ced507a0e933f8820868ece51d471fd2ec21320e2257c1539d.svg);
  right: 1280px;
  left: auto;
  top: 50px;
  -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

@media (max-width: 1350px) {
  /* line 247, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--interview .interview__content::before {
    display: none;
  }
}

/* line 262, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1440px;
}

/* line 267, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__images > :first-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  margin-top: -90px;
  z-index: -2;
  width: 60%;
}

@media (max-width: 1160px) {
  /* line 267, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--interview .interview__images > :first-child {
    margin-top: -7.75vw;
  }
}

@media (max-width: 750px) {
  /* line 267, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--interview .interview__images > :first-child {
    margin-top: 0;
  }
}

/* line 279, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--interview .interview__images > :last-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 140px;
  margin-left: -100px;
  width: 40%;
}

@media (max-width: 1160px) {
  /* line 279, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--interview .interview__images > :last-child {
    margin-top: 12.07vw;
    margin-left: -8.62vw;
  }
}

@media (max-width: 750px) {
  /* line 279, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--interview .interview__images > :last-child {
    margin-top: 20vw;
  }
}

/* line 291, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--slider {
  overflow-x: hidden;
}

/* line 295, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--slider .story-slider .swiper-slide {
  padding: 80px 0;
}

@media (max-width: 750px) {
  /* line 295, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--slider .story-slider .swiper-slide {
    padding: 40px 2.5vw;
  }
}

/* line 299, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--slider .story-slider .swiper-slide img {
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 95vw;
}

/* line 304, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--slider .story-slider .heading-slide {
  padding: 0 0 0 100px;
}

@media (max-width: 1400px) {
  /* line 304, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--slider .story-slider .heading-slide {
    max-width: 280px;
    padding: 0 0 0 30px;
  }
}

/* line 309, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--slider .story-slider .heading-slide span {
  display: block;
  color: #ffda1a;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  padding-right: -webkit-calc((100% + 100px) * 0.3);
  padding-right: -moz-calc((100% + 100px) * 0.3);
  padding-right: calc((100% + 100px) * 0.3);
}

@media (max-width: 1400px) {
  /* line 309, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--slider .story-slider .heading-slide span {
    padding-right: -webkit-calc((100% + 30px) * 0.3);
    padding-right: -moz-calc((100% + 30px) * 0.3);
    padding-right: calc((100% + 30px) * 0.3);
  }
}

/* line 319, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--slider .slider__background {
  margin-top: -100px;
}

@media (max-width: 750px) {
  /* line 319, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--slider .slider__background {
    margin-top: -50px;
  }
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 326, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--slider .slider__background, .story--mehrwert section.section--slider .slider__background img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    max-height: 800px;
    min-height: 300px;
  }
}

/* line 334, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--slider .slider__background.focus--bottom, .story--mehrwert section.section--slider .slider__background.focus--bottom img {
  -o-object-position: center 90%;
     object-position: center 90%;
}

/* line 337, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--services {
  position: relative;
  text-align: center;
  padding-bottom: 0;
}

/* line 341, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--services h2 {
  color: #ffda1a;
  max-width: 620px;
  margin: 0 auto 20px;
}

/* line 346, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--services img.services__tree {
  padding: 25px 7.5% 50px;
}

/* line 349, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--services > * {
  position: relative;
  z-index: 1;
}

/* line 353, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--services::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  top: auto;
  bottom: 0;
  height: 18vw;
  max-height: 300px;
  z-index: 0;
}

/* line 364, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--equipment .equipment__image {
  position: relative;
  background-color: #2d2a26;
  padding: 240px 0 150px;
  z-index: -1;
}

@media (max-width: 750px) {
  /* line 364, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--equipment .equipment__image {
    padding: 22vw 0 14vw;
  }
}

/* line 373, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--equipment .equipment__image > img, .story--mehrwert section.section--equipment .equipment__image > picture {
  display: block;
  width: 90%;
  max-width: 880px;
  margin-left: auto;
}

/* line 379, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--equipment .equipment__image::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  width: 50vw;
  left: 50%;
  z-index: -1;
}

/* line 386, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--equipment .equipment__image + .equipment__image {
  padding: 150px 0 200px;
  background-color: #5e5a54;
  margin-top: -50px;
  z-index: -2;
}

@media (max-width: 750px) {
  /* line 386, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--equipment .equipment__image + .equipment__image {
    padding: 22vw 0 20vw;
  }
}

/* line 396, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--equipment .equipment__image + .equipment__image > img, .story--mehrwert section.section--equipment .equipment__image + .equipment__image > picture {
  max-width: 980px;
  margin-right: auto;
  margin-left: 0;
}

/* line 401, app/assets/stylesheets/modules/story-mehrwert.sass */
.story--mehrwert section.section--equipment .equipment__image + .equipment__image::after {
  left: auto;
  right: 50%;
  top: auto;
  bottom: 0;
  height: -webkit-calc(100% + 100px);
  height: -moz-calc(100% + 100px);
  height: calc(100% + 100px);
}

@media (max-width: 1120px) {
  /* line 401, app/assets/stylesheets/modules/story-mehrwert.sass */
  .story--mehrwert section.section--equipment .equipment__image + .equipment__image::after {
    width: 100vw;
    right: -20px;
  }
}
/* line 9, app/assets/stylesheets/modules/story-solar.sass */
.story--solar * {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
}

/* line 13, app/assets/stylesheets/modules/story-solar.sass */
.story--solar h2 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  max-width: 920px;
  margin-bottom: 50px;
  letter-spacing: normal;
}

@media (max-width: 700px) {
  /* line 13, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

/* line 25, app/assets/stylesheets/modules/story-solar.sass */
.story--solar h2.size--sm {
  font-size: 40px;
}

@media (max-width: 700px) {
  /* line 25, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar h2.size--sm {
    font-size: 26px;
    margin-bottom: 0 !important;
  }
}

/* line 32, app/assets/stylesheets/modules/story-solar.sass */
.story--solar p, .story--solar figcaption {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  max-width: 875px;
}

/* line 39, app/assets/stylesheets/modules/story-solar.sass */
.story--solar p.size--lg, .story--solar p .size--lg, .story--solar figcaption.size--lg, .story--solar figcaption .size--lg {
  font-size: 30px;
  line-height: 1.33;
  max-width: 875px;
}

@media (max-width: 500px) {
  /* line 39, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar p.size--lg, .story--solar p .size--lg, .story--solar figcaption.size--lg, .story--solar figcaption .size--lg {
    font-size: 20px;
  }
}

/* line 46, app/assets/stylesheets/modules/story-solar.sass */
.story--solar p a, .story--solar figcaption a {
  color: #e3000f;
}

/* line 48, app/assets/stylesheets/modules/story-solar.sass */
.story--solar p sup, .story--solar figcaption sup {
  font-size: 55%;
  top: -0.6em;
}

/* line 52, app/assets/stylesheets/modules/story-solar.sass */
.story--solar p + p, .story--solar figcaption + p {
  margin-top: 24px;
}

/* line 55, app/assets/stylesheets/modules/story-solar.sass */
.story--solar img {
  max-width: 100%;
}

/* line 59, app/assets/stylesheets/modules/story-solar.sass */
.story--solar h1 span, .story--solar h2 span {
  color: #FFDC00;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 64, app/assets/stylesheets/modules/story-solar.sass */
.story--solar h2 span {
  margin-left: 2px;
}

/* line 66, app/assets/stylesheets/modules/story-solar.sass */
.story--solar header {
  max-width: 1140px;
  margin: 0 auto 20px;
  max-height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 550px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 950px) {
  /* line 66, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar header {
    background-position: 70% center;
  }
}

/* line 79, app/assets/stylesheets/modules/story-solar.sass */
.story--solar header h1 {
  color: black;
  font-size: 70px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1em;
  width: 100%;
  margin: auto 0;
  padding: 0 40px;
  text-align: right;
}

/* line 90, app/assets/stylesheets/modules/story-solar.sass */
.story--solar header h1 span {
  position: absolute;
}

@media (max-width: 700px) {
  /* line 79, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar header h1 {
    font-size: 38px;
    padding: 100px 20px 80px;
  }
}

@media (max-width: 700px) {
  /* line 66, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar header {
    padding-top: 30px;
    max-height: 55vh;
  }
}

/* line 101, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section {
  position: relative;
  padding-bottom: 50px;
  padding-top: 50px;
}

/* line 106, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.bg, .story--solar section.bg--brown, .story--solar section.bg--gray {
  padding-top: 70px;
  padding-bottom: 80px;
}

/* line 109, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.bg + section, .story--solar section.bg--brown + section, .story--solar section.bg--gray + section {
  padding-top: 100px;
}

/* line 112, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.bg--gray {
  background-color: #ededed;
}

/* line 115, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.bg--brown {
  background-color: #2d2a26;
}

/* line 118, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.bg--brown * {
  color: white;
}

/* line 121, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .container, .story--solar .container--sm, .story--solar .container--lg {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 126, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .container--lg {
  max-width: 1440px;
}

/* line 129, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .container--sm {
  max-width: 800px;
}

/* line 133, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .container + .container, .story--solar .container--lg + .container, .story--solar .container--sm + .container, .story--solar .container + .container--lg, .story--solar .container--lg + .container--lg, .story--solar .container--sm + .container--lg, .story--solar .container + .container--sm, .story--solar .container--lg + .container--sm, .story--solar .container--sm + .container--sm {
  margin-top: 80px;
}

/* line 136, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 141, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .columns.align--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 144, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .columns .col {
  width: -webkit-calc(50% - 16px);
  width: -moz-calc(50% - 16px);
  width: calc(50% - 16px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 149, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .columns .col + .col {
  margin-left: 16px;
}

/* line 151, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .columns .col.bottom {
  margin-top: 600px;
}

@media (max-width: 800px) {
  /* line 151, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar .columns .col.bottom {
    margin-top: 0;
  }
}

/* line 156, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .caption {
  font-size: 20px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: italic;
  margin-top: 24px;
}

@media (max-width: 750px) {
  /* line 156, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar .caption {
    font-size: 14px;
    margin-top: 16px;
  }
}

/* line 165, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--neuzubau {
  padding-top: 0;
  margin-top: 80px;
  padding-bottom: 0;
}

/* line 169, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--neuzubau .container, .story--solar section.section--neuzubau .container--lg, .story--solar section.section--neuzubau .container--sm {
  max-width: 1440px;
}

@media (max-width: 950px) {
  /* line 165, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--neuzubau {
    margin-top: 100px;
  }
}

/* line 180, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system .container .columns .col, .story--solar section.section--solar-system .container--lg .columns .col, .story--solar section.section--solar-system .container--sm .columns .col {
  padding-right: 100px;
  margin-bottom: 100px;
}

/* line 183, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system .container .columns .col + .col, .story--solar section.section--solar-system .container--lg .columns .col + .col, .story--solar section.section--solar-system .container--sm .columns .col + .col {
  padding-left: 100px;
  padding-right: 0;
}

@media (max-width: 950px) {
  /* line 179, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system .container .columns, .story--solar section.section--solar-system .container--lg .columns, .story--solar section.section--solar-system .container--sm .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 188, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system .container .columns .col, .story--solar section.section--solar-system .container--lg .columns .col, .story--solar section.section--solar-system .container--sm .columns .col {
    padding-right: 0;
    margin-bottom: 0;
    width: 100%;
  }
  /* line 192, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system .container .columns .col + .col, .story--solar section.section--solar-system .container--lg .columns .col + .col, .story--solar section.section--solar-system .container--sm .columns .col + .col {
    padding-left: 0;
    padding-right: 0;
    margin-top: 60px;
    margin-left: 0;
  }
}

/* line 198, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/stories/solar/kabel_gelb_gruen-140c34e4b2cab235e526c1b1b7596fbb939d86942798c3a28bc2758bb0c5ecc1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  height: -webkit-calc(100% + 150px);
  height: -moz-calc(100% + 150px);
  height: calc(100% + 150px);
}

@media (max-width: 960px) {
  /* line 198, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system::after {
    top: 3.4vw;
  }
}

@media (max-width: 1580px) {
  /* line 198, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system::after {
    background-image: url(/assets/stories/solar/kabel_gelb_gruen-140c34e4b2cab235e526c1b1b7596fbb939d86942798c3a28bc2758bb0c5ecc1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 110%;
  }
}

/* line 220, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system-planen .columns {
  margin-left: 100px;
  z-index: 10;
  position: relative;
}

@media (max-width: 950px) {
  /* line 220, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system-planen .columns {
    margin-left: 0;
  }
  /* line 226, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system-planen .columns .col {
    width: 100%;
  }
}

/* line 229, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system-planen .image {
  position: relative;
  margin: 0;
}

/* line 232, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system-planen .image img {
  max-width: 75%;
  margin-top: 100px;
  margin-bottom: 100px;
  overflow: visible;
  position: relative;
}

@media (max-width: 950px) {
  /* line 232, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system-planen .image img {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

/* line 241, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system-planen .image::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffdc00;
  width: 40%;
  left: 60%;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/* line 250, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-system-planen .image::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  width: 50%;
  left: 50%;
  top: -100px;
  bottom: 0;
  background-image: url(/assets/stories/solar/lines-f49d087299667430b654289004bbc47663db25b83884ec60c73e1b58af8de8b1.svg);
  background-position: left top;
  background-size: 75%;
  background-repeat: no-repeat;
}

@media (max-width: 950px) {
  /* line 250, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system-planen .image::before {
    bottom: -300px;
    top: inherit;
  }
}

@media (max-width: 700px) {
  /* line 250, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-system-planen .image::before {
    bottom: -230px;
  }
}

/* line 268, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--anlage .container, .story--solar section.section--anlage .container--lg, .story--solar section.section--anlage .container--sm {
  max-width: 1440px;
}

/* line 272, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-planung-beratung .columns {
  margin-left: 100px;
}

@media (max-width: 950px) {
  /* line 272, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-planung-beratung .columns {
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 277, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-planung-beratung .columns .col {
    width: 100%;
  }
  /* line 279, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-planung-beratung .columns .col + .col {
    margin-left: 0;
    margin-top: 40px;
  }
}

/* line 282, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten {
  padding-top: 0;
  margin-top: 110px;
  margin-bottom: 210px;
  padding-bottom: 0;
}

/* line 287, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten .container, .story--solar section.section--solar-komponenten .container--lg, .story--solar section.section--solar-komponenten .container--sm {
  max-width: 1440px;
}

/* line 289, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten .container + .container, .story--solar section.section--solar-komponenten .container--lg + .container, .story--solar section.section--solar-komponenten .container--sm + .container, .story--solar section.section--solar-komponenten .container + .container--lg, .story--solar section.section--solar-komponenten .container--lg + .container--lg, .story--solar section.section--solar-komponenten .container--sm + .container--lg, .story--solar section.section--solar-komponenten .container + .container--sm, .story--solar section.section--solar-komponenten .container--lg + .container--sm, .story--solar section.section--solar-komponenten .container--sm + .container--sm {
  max-width: 1180px;
}

/* line 291, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten .columns {
  margin-left: 100px;
}

@media (max-width: 950px) {
  /* line 291, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-komponenten .columns {
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 296, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-komponenten .columns .col {
    width: 100%;
  }
  /* line 298, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-komponenten .columns .col + .col {
    margin-left: 0;
    margin-top: 40px;
  }
}

/* line 302, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/stories/solar/calbe_yellow-a8b61e470786c3d2fddba2d9963c543f18559f234a950a498f045c015fdd622d.jpg);
  background-position: 0 600px;
  background-repeat: no-repeat;
  background-size: 500px;
  z-index: -1;
}

@media (max-width: 950px) {
  /* line 302, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-komponenten::after {
    background-image: url(/assets/stories/solar/calbe_yellow-a8b61e470786c3d2fddba2d9963c543f18559f234a950a498f045c015fdd622d.jpg);
    background-position: 0 600px;
    background-repeat: no-repeat;
    background-size: 320px;
  }
}

/* line 317, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/stories/solar/kabeltrommel-ffe53f73a7803de9a82aa17f0215355492e32284ee5ec6b4f7dd710f81902a8a.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 500px;
  z-index: -1;
}

@media (max-width: 950px) {
  /* line 317, app/assets/stylesheets/modules/story-solar.sass */
  .story--solar section.section--solar-komponenten::before {
    background-image: url(/assets/stories/solar/kabeltrommel-ffe53f73a7803de9a82aa17f0215355492e32284ee5ec6b4f7dd710f81902a8a.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 300px;
  }
}

/* line 332, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten p.cite {
  margin-top: 135px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: italic;
  font-size: 24px;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #2d2a26;
  max-width: 100%;
  position: relative;
}

/* line 342, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten p.cite::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 86px;
  height: 60px;
  position: absolute;
  left: -20px;
  top: -30px;
  z-index: -1;
  background-image: url(/assets/stories/solar/cite-36fb2bf319a19fde82a09c57ff48f2e24a74e74100558012da70aa27c425059d.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 86px 60px;
}

/* line 355, app/assets/stylesheets/modules/story-solar.sass */
.story--solar section.section--solar-komponenten p.cite + p {
  font-size: 20px;
}

/* line 358, app/assets/stylesheets/modules/story-solar.sass */
.story--solar .size--big {
  font-size: 26px;
  line-height: 1.42;
  max-width: 780px;
}
/* line 9, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach {
  font-size: 20px;
}

/* line 12, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .pattern-mask-top {
  -webkit-mask-image: url(/assets/stories/leichtdach/mask-top-c591f8bfd3d8420f1276c44f54dbff10de8d7b608ec175747ba45e92b5d9cb54.svg), -webkit-gradient(linear, left top, left bottom, from(black), to(black));
  -webkit-mask-image: url(/assets/stories/leichtdach/mask-top-c591f8bfd3d8420f1276c44f54dbff10de8d7b608ec175747ba45e92b5d9cb54.svg), -webkit-linear-gradient(black, black);
          mask-image: url(/assets/stories/leichtdach/mask-top-c591f8bfd3d8420f1276c44f54dbff10de8d7b608ec175747ba45e92b5d9cb54.svg), -webkit-gradient(linear, left top, left bottom, from(black), to(black));
          mask-image: url(/assets/stories/leichtdach/mask-top-c591f8bfd3d8420f1276c44f54dbff10de8d7b608ec175747ba45e92b5d9cb54.svg), linear-gradient(black, black);
  -webkit-mask-size: auto 140px, 100% -webkit-calc(100% - 140px + 1px);
          mask-size: auto 140px, 100% -moz-calc(100% - 140px + 1px);
          mask-size: auto 140px, 100% calc(100% - 140px + 1px);
  -webkit-mask-position: center top, center bottom;
          mask-position: center top, center bottom;
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
}

/* line 19, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .pattern-mask-bottom {
  -webkit-mask-image: url(/assets/stories/leichtdach/mask-bottom-abea015c403ee0e0f998f55869724a0cf55a020f21062e70d302ef1bf7b6fb99.svg), -webkit-gradient(linear, left top, left bottom, from(black), to(black));
  -webkit-mask-image: url(/assets/stories/leichtdach/mask-bottom-abea015c403ee0e0f998f55869724a0cf55a020f21062e70d302ef1bf7b6fb99.svg), -webkit-linear-gradient(black, black);
          mask-image: url(/assets/stories/leichtdach/mask-bottom-abea015c403ee0e0f998f55869724a0cf55a020f21062e70d302ef1bf7b6fb99.svg), -webkit-gradient(linear, left top, left bottom, from(black), to(black));
          mask-image: url(/assets/stories/leichtdach/mask-bottom-abea015c403ee0e0f998f55869724a0cf55a020f21062e70d302ef1bf7b6fb99.svg), linear-gradient(black, black);
  -webkit-mask-position: center bottom, center top;
          mask-position: center bottom, center top;
  -webkit-mask-size: auto 140px, 100% -webkit-calc(100% - 140px + 1px);
          mask-size: auto 140px, 100% -moz-calc(100% - 140px + 1px);
          mask-size: auto 140px, 100% calc(100% - 140px + 1px);
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
}

/* line 26, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .pattern-mask-bottom a {
  color: #e3000f;
}

/* line 29, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .pattern-mask-bottom + p {
  margin-top: 24px;
}

/* line 32, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach strong {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 35, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach img {
  max-width: 100%;
}

/* line 38, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach header {
  max-width: 1140px;
  margin: 0 auto;
}

/* line 42, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 47, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .container + .container {
  margin-top: 80px;
}

/* line 50, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 950px) {
  /* line 50, app/assets/stylesheets/modules/story-leichtdach.sass */
  .story--leichtdach .columns {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (min-width: 950px) {
  /* line 59, app/assets/stylesheets/modules/story-leichtdach.sass */
  .story--leichtdach .columns.gap .col + .col {
    margin-left: 35px;
  }
}

/* line 63, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .columns .col {
  width: -webkit-calc(50% - 30px);
  width: -moz-calc(50% - 30px);
  width: calc(50% - 30px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 69, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .columns .col.size--lg {
  width: 65%;
  padding: 0;
}

/* line 72, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .columns .col.size--sm {
  max-width: 400px;
}

/* line 74, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .columns .col.size--xs {
  max-width: 300px;
}

/* line 77, app/assets/stylesheets/modules/story-leichtdach.sass */
.story--leichtdach .columns .col.padding--left {
  padding-left: 60px;
}

@media (min-width: 950px) {
  /* line 80, app/assets/stylesheets/modules/story-leichtdach.sass */
  .story--leichtdach .columns .col.overlap--left {
    padding: 30px 0 0 30px;
    background-color: white;
    margin-top: 130px;
    margin-left: -140px;
  }
}

@media (max-width: 950px) {
  /* line 63, app/assets/stylesheets/modules/story-leichtdach.sass */
  .story--leichtdach .columns .col {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  /* line 91, app/assets/stylesheets/modules/story-leichtdach.sass */
  .story--leichtdach .columns .col + .col:not(.no-break-space) {
    margin-top: 50px;
  }
  /* line 94, app/assets/stylesheets/modules/story-leichtdach.sass */
  .story--leichtdach .columns .col.break--top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 50px !important;
  }
}

@media (min-width: 950px) {
  /* line 99, app/assets/stylesheets/modules/story-leichtdach.sass */
  .story--leichtdach img.overlap--left {
    margin-left: -140px;
    width: -webkit-calc(100% + 120px);
    width: -moz-calc(100% + 120px);
    width: calc(100% + 120px);
    max-width: none;
  }
}
/* line 9, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe * {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #2d2a26;
}

/* line 13, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .partner-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 65px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 18, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .partner-logos .logo-wrapper {
  height: 30px;
}

@media (max-width: 800px) {
  /* line 13, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .partner-logos {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    gap: 50px;
  }
  /* line 24, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .partner-logos .logo-wrapper {
    height: 25px;
  }
}

/* line 27, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .header--image--wrapper {
  text-align: center;
}

/* line 29, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .header--image--wrapper img {
  width: 1140px;
  max-width: 100%;
}

/* line 33, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--top, .landingpage--messe .form--bottom {
  background-image: url(/assets/landingpage/metallconnect/form_top-bddc5890a8a64993269224ddc75357f57fc6d9c07b5b1b94190161fa99a54588.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 109px;
}

@media (max-width: 800px) {
  /* line 39, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .form--top {
    margin-top: -60px;
  }
}

/* line 43, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--bottom {
  background-image: url(/assets/landingpage/metallconnect/form_bottom-8de8009b675521354d6e6dd25363dd0b195d70140deccd9d266720fdf32e34e2.svg);
}

@media (max-width: 800px) {
  /* line 43, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .form--bottom {
    margin-bottom: -60px;
  }
}

/* line 48, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--top--ffm {
  background-image: url(/assets/landingpage/ffm-event/form_top-d9f7aa6298ac13189ccf3e2620e9619774af442427c67d6873c623bd3e2a282e.svg);
}

/* line 50, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--bottom--ffm {
  background-image: url(/assets/landingpage/ffm-event/form_bottom-67cd0d5b09b4069202eab6d1e5728e4ea589255c42e4900710c799ea27faa4fe.svg);
}

/* line 54, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper {
  max-width: 1440px;
  margin: 0 auto;
  background-color: #FAE016;
  padding-top: 30px;
  padding-bottom: 50px;
}

/* line 61, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper.form--wrapper--ffm {
  background-color: #D4AA59;
}

/* line 64, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper .form {
  max-width: 620px;
  margin: 0 auto;
}

/* line 68, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper .form .row {
  max-width: initial;
}

/* line 71, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper .form input[type="submit"] {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  height: 56px;
}

/* line 75, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper .form input[type="submit"]:hover {
  background-color: #49443d;
}

/* line 78, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper .form label {
  font-size: 18px;
}

/* line 81, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .form--wrapper .form .form-submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

/* line 87, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe h1.page--title {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 60px;
}

@media (max-width: 700px) {
  /* line 87, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe h1.page--title {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 40px;
  }
}

/* line 99, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe h2 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 50px;
}

@media (max-width: 700px) {
  /* line 99, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe h2 {
    font-size: 25px;
    margin-bottom: 30px;
  }
}

/* line 109, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe h2.size--sm {
  font-size: 40px;
  margin-bottom: 20px;
}

@media (max-width: 700px) {
  /* line 109, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe h2.size--sm {
    font-size: 28px;
  }
}

@media (min-width: 700px) {
  /* line 115, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe h2.indented {
    margin-left: 80px;
  }
}

/* line 120, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe p, .landingpage--messe figcaption {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  max-width: 570px;
}

/* line 127, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe p.size--lg, .landingpage--messe p .size--lg, .landingpage--messe figcaption.size--lg, .landingpage--messe figcaption .size--lg {
  font-size: 30px;
  line-height: 1.33;
  max-width: 770px;
}

@media (max-width: 500px) {
  /* line 127, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe p.size--lg, .landingpage--messe p .size--lg, .landingpage--messe figcaption.size--lg, .landingpage--messe figcaption .size--lg {
    font-size: 22px;
  }
}

/* line 134, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe p a, .landingpage--messe figcaption a {
  color: #e3000f;
}

/* line 137, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe p + p, .landingpage--messe figcaption + p {
  margin-top: 24px;
}

/* line 140, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe img {
  max-width: 100%;
}

/* line 145, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe header {
  max-width: 1140px;
  margin: 0 auto;
  max-height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

/* line 153, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe header h1 {
  color: white;
  font-size: 60px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  max-width: 650px;
  margin: 0 auto;
  padding: 95px 0;
}

/* line 160, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe header h1 i {
  display: block;
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.17;
}

@media (max-width: 700px) {
  /* line 153, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe header h1 {
    font-size: 40px;
    padding: 90px 20px;
  }
}

@media (max-width: 700px) {
  /* line 145, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe header {
    padding-top: 30px;
    max-height: 55vh;
  }
}

/* line 175, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section {
  padding-bottom: 100px;
  padding-top: 50px;
}

@media (max-width: 700px) {
  /* line 175, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section {
    padding-bottom: 50px;
    padding-top: 30px;
  }
}

/* line 183, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.bg, .landingpage--messe section.bg--brown, .landingpage--messe section.bg--gray {
  padding-bottom: 80px;
}

/* line 185, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.bg + section, .landingpage--messe section.bg--brown + section, .landingpage--messe section.bg--gray + section {
  padding-top: 100px;
}

/* line 188, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.bg--gray {
  background-color: #ededed;
}

/* line 191, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.bg--brown {
  background-color: #2d2a26;
}

/* line 194, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.bg--brown * {
  color: white;
}

/* line 197, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 202, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .container.--wide {
  max-width: 1300px;
}

/* line 205, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .container + .container {
  margin-top: 80px;
}

/* line 208, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 950px) {
  /* line 208, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .columns {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

/* line 216, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .columns.align--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 219, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .columns .col {
  width: -webkit-calc(50% - 30px);
  width: -moz-calc(50% - 30px);
  width: calc(50% - 30px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 225, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .columns .col.size--lg {
  width: 65%;
  padding: 0;
}

/* line 228, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .columns .col.size--sm {
  max-width: 400px;
}

/* line 230, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .columns .col.size--xs {
  max-width: 300px;
}

/* line 233, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .columns .col.padding--left {
  padding-left: 60px;
}

@media (max-width: 950px) {
  /* line 219, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .columns .col {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  /* line 240, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .columns .col + .col:not(.no-break-space) {
    margin-top: 50px;
  }
  /* line 243, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .columns .col.break--top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 50px;
  }
}

/* line 250, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .overlap--crane {
  margin-top: -webkit-calc(-80px - 41.9%);
  margin-top: -moz-calc(-80px - 41.9%);
  margin-top: calc(-80px - 41.9%);
}

/* line 252, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .overlap--bottom {
  margin-bottom: -180px;
}

@media (min-width: 1540px) {
  /* line 255, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .overlap--left {
    margin-left: -200px;
    margin-right: 0;
    max-width: -webkit-calc(100% + 200px);
    max-width: -moz-calc(100% + 200px);
    max-width: calc(100% + 200px);
  }
}

@media (min-width: 1540px) {
  /* line 261, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .overlap--right {
    margin-right: -200px;
    margin-left: 200px;
  }
}

/* line 267, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .clr--green {
  color: #00998a;
}

/* line 270, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .margin--top {
  margin-top: 120px;
}

/* line 274, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.margin--top {
  margin-top: 140px;
}

/* line 276, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.overlap--top {
  margin-top: 250px;
}

/* line 278, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.overlap--top .container:first-of-type {
  margin-top: -330px;
}

/* line 282, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media (max-width: 700px) {
  /* line 282, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--phases .gallery {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

/* line 292, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery .item {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media (max-width: 700px) {
  /* line 296, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--phases .gallery .item img {
    max-height: 160px;
  }
}

/* line 300, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery .item .number {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  color: #ffda1a;
  font-size: 60px;
  line-height: 1;
}

/* line 307, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery .item p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 1.5;
  color: #2d2a26;
  margin: 10px 0 0;
}

@media (max-width: 950px) {
  /* line 307, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--phases .gallery .item p {
    font-size: 18px;
  }
}

@media (max-width: 700px) {
  /* line 307, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--phases .gallery .item p {
    font-size: 14px;
  }
}

/* line 319, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery .item:nth-child(odd) {
  padding-top: 80px;
}

/* line 321, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery .item:nth-child(odd) .number {
  position: absolute;
  top: 50px;
  left: -25px;
  margin: 0;
}

/* line 327, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery .item:nth-child(even) .number {
  display: block;
  margin-top: -30px;
  -webkit-transform: translateX(-25px);
     -moz-transform: translateX(-25px);
      -ms-transform: translateX(-25px);
          transform: translateX(-25px);
}

/* line 332, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--phases .gallery .item + .item {
  margin-left: 30px;
}

/* line 336, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--features .icon {
  margin-bottom: 10px;
}

/* line 339, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation {
  padding-top: 20px;
}

/* line 342, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation {
  position: relative;
}

/* line 347, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__images {
  position: relative;
}

/* line 350, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__images img:last-of-type {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: fade-in 5s 5s linear 1 alternate both;
     -moz-animation: fade-in 5s 5s linear 1 alternate both;
          animation: fade-in 5s 5s linear 1 alternate both;
}

@media (max-width: 950px) {
  /* line 347, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__images {
    margin-bottom: 40px;
  }
}

@media (max-width: 700px) {
  /* line 359, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__titles {
    position: relative;
  }
}

/* line 362, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__titles h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -55%);
     -moz-transform: translate(-45%, -55%);
      -ms-transform: translate(-45%, -55%);
          transform: translate(-45%, -55%);
  margin-bottom: 10px;
  display: block;
  width: 400px;
  max-width: -webkit-calc(100vw - 40px);
  max-width: -moz-calc(100vw - 40px);
  max-width: calc(100vw - 40px);
  -webkit-animation: fade-in 2s linear 2 alternate both;
     -moz-animation: fade-in 2s linear 2 alternate both;
          animation: fade-in 2s linear 2 alternate both;
  z-index: 1;
}

@media (max-width: 950px) {
  /* line 362, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__titles h2 {
    font-size: 36px;
  }
}

@media (max-width: 700px) {
  /* line 362, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__titles h2 {
    left: 0;
    right: 0;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
  }
  /* line 377, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__titles h2:last-of-type {
    position: static;
  }
}

/* line 384, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__titles h2:nth-child(1) {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
          animation-delay: 1s;
}

/* line 384, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__titles h2:nth-child(2) {
  -webkit-animation-delay: 6.2631578947s;
     -moz-animation-delay: 6.2631578947s;
          animation-delay: 6.2631578947s;
}

/* line 386, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__titles h2:last-child {
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

/* line 391, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__captions p {
  position: absolute;
  display: block;
  bottom: 25px;
  right: 25px;
  max-width: 260px;
  -webkit-animation: fade-in 2s linear 2 alternate both;
     -moz-animation: fade-in 2s linear 2 alternate both;
          animation: fade-in 2s linear 2 alternate both;
}

@media (max-width: 950px) {
  /* line 391, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__captions p {
    font-size: 14px;
    top: 105%;
    margin: 0;
    left: 0;
    max-width: 100%;
    bottom: auto;
  }
}

/* line 408, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__captions p:nth-child(1) {
  -webkit-animation-delay: 1.2s;
     -moz-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

/* line 408, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__captions p:nth-child(2) {
  -webkit-animation-delay: 6.4631578947s;
     -moz-animation-delay: 6.4631578947s;
          animation-delay: 6.4631578947s;
}

/* line 410, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__captions p:last-child {
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

/* line 413, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__scale {
  overflow-x: hidden;
  -webkit-animation: scale-width 10s ease 1 both;
     -moz-animation: scale-width 10s ease 1 both;
          animation: scale-width 10s ease 1 both;
}

/* line 416, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__scale .scale {
  max-width: -webkit-calc( 100vw - 40px);
  max-width: -moz-calc( 100vw - 40px);
  max-width: calc( 100vw - 40px);
  width: 1140px;
  height: 80px;
  background-image: url(/assets/stories/hochkran/scale-a440f2ed37542a9e247cb38f8c360cb6f65a27a23cc0083ff401f473100d17d4.svg);
  background-position: left center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media (max-width: 700px) {
  /* line 416, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__scale .scale {
    background-image: url(/assets/stories/hochkran/scale-mobile-ffb5bcef7c4048a68f0c4b5575e9cb9fb75df719e200f95581cd49f946a0504b.svg);
  }
}

/* line 428, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation .animation__scale p {
  max-width: 100%;
  text-align: right;
  -webkit-animation: fade-in 5s 5.5555555556s linear 1 both;
     -moz-animation: fade-in 5s 5.5555555556s linear 1 both;
          animation: fade-in 5s 5.5555555556s linear 1 both;
}

@media (max-width: 950px) {
  /* line 428, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe section.section--animation .crane-animation .animation__scale p {
    font-size: 14px;
  }
}

/* line 435, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation * {
  -webkit-animation-play-state: paused !important;
     -moz-animation-play-state: paused !important;
          animation-play-state: paused !important;
}

/* line 438, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--animation .crane-animation.animate * {
  -webkit-animation-play-state: running !important;
     -moz-animation-play-state: running !important;
          animation-play-state: running !important;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  22%, 100% {
    opacity: 1;
  }
}

@keyframes scale-width {
  0% {
    width: 0%;
  }
  22%, 50% {
    width: 80%;
  }
  60%, 100% {
    width: 100%;
  }
}

/* line 457, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation {
  position: relative;
}

/* line 459, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: fade-in-out-wait 10s linear infinite both;
     -moz-animation: fade-in-out-wait 10s linear infinite both;
          animation: fade-in-out-wait 10s linear infinite both;
}

/* line 466, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img:nth-child(1) {
  -webkit-animation-delay: 0s;
     -moz-animation-delay: 0s;
          animation-delay: 0s;
}

/* line 466, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img:nth-child(2) {
  -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
          animation-delay: 2s;
}

/* line 466, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img:nth-child(3) {
  -webkit-animation-delay: 4s;
     -moz-animation-delay: 4s;
          animation-delay: 4s;
}

/* line 466, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img:nth-child(4) {
  -webkit-animation-delay: 6s;
     -moz-animation-delay: 6s;
          animation-delay: 6s;
}

/* line 466, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img:nth-child(5) {
  -webkit-animation-delay: 8s;
     -moz-animation-delay: 8s;
          animation-delay: 8s;
}

/* line 466, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img:nth-child(6) {
  -webkit-animation-delay: 10s;
     -moz-animation-delay: 10s;
          animation-delay: 10s;
}

/* line 469, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe section.section--equipment .images-animation img:first-child {
  position: static;
}

@keyframes fade-in-out-wait {
  0% {
    opacity: 0;
  }
  10%, 20% {
    opacity: 1;
  }
  30%, 100% {
    opacity: 0;
  }
}

/* line 480, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .speech-bubble {
  max-width: none;
}

@media (min-width: 950px) {
  /* line 480, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .speech-bubble {
    margin-top: 200px;
    margin-right: -100px;
  }
}

@media (max-width: 950px) {
  /* line 480, app/assets/stylesheets/modules/landingpage-messe.sass */
  .landingpage--messe .speech-bubble {
    margin: -40px 20px 0;
  }
}

/* line 488, app/assets/stylesheets/modules/landingpage-messe.sass */
.landingpage--messe .speech-bubble p i {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-style: normal;
}
/* line 10, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic * {
  color: #2d2a26;
}

/* line 14, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic h2 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  max-width: 920px;
  margin-bottom: 50px;
}

@media (max-width: 700px) {
  /* line 14, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

/* line 25, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic h2.size--sm {
  font-size: 40px;
}

@media (max-width: 700px) {
  /* line 25, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic h2.size--sm {
    font-size: 26px;
    margin-bottom: 0 !important;
  }
}

/* line 32, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .section--card .card {
  background-color: #ededed;
  padding: 40px;
}

/* line 35, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .section--card h3 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 700px) {
  /* line 35, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .section--card h3 {
    font-size: 23px;
  }
}

/* line 44, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic p, .deg-technic figcaption {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  max-width: 875px;
}

/* line 51, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic p.size--lg, .deg-technic p .size--lg, .deg-technic figcaption.size--lg, .deg-technic figcaption .size--lg {
  font-size: 30px;
  line-height: 1.33;
  max-width: 875px;
}

@media (max-width: 500px) {
  /* line 51, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic p.size--lg, .deg-technic p .size--lg, .deg-technic figcaption.size--lg, .deg-technic figcaption .size--lg {
    font-size: 20px;
  }
}

/* line 58, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic p a, .deg-technic figcaption a {
  color: #e3000f;
}

/* line 60, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic p sup, .deg-technic figcaption sup {
  font-size: 55%;
  top: -0.6em;
}

/* line 64, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic p + p, .deg-technic figcaption + p {
  margin-top: 24px;
}

/* line 67, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic img {
  max-width: 100%;
}

/* line 71, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header {
  max-width: 1140px;
  margin: 0 auto 20px;
  max-height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  margin-bottom: 40px;
}

/* line 80, app/assets/stylesheets/modules/deg-technic.sass */
.page--rental .deg-technic header, .page--elevator .deg-technic header {
  height: 400px;
}

/* line 83, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header .header-actions {
  position: absolute;
  bottom: -27px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
}

/* line 92, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header .header-actions .action {
  margin-left: 20px;
}

/* line 94, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header .header-actions .action :first-child {
  margin-left: 0;
}

@media (max-width: 700px) {
  /* line 83, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic header .header-actions {
    display: none;
  }
}

/* line 100, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header h1 {
  color: white;
  font-size: 60px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  max-width: 850px;
  padding: 64px 100px 126px;
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4);
}

/* line 107, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header h1 span.light {
  color: white;
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

@media (max-width: 700px) {
  /* line 100, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic header h1 {
    font-size: 38px;
    padding: 100px 20px 80px;
  }
  /* line 114, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic header h1 span.light {
    font-size: 30px;
  }
}

@media (max-width: 700px) {
  /* line 71, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic header {
    padding-top: 30px;
    max-height: 55vh;
  }
}

/* line 121, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header.rental_product {
  background-size: contain;
  background-color: #ededed;
  max-height: 400px;
  height: 400px;
}

/* line 126, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header.rental_product .header-actions {
  bottom: -20px;
}

/* line 129, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic header.rental_product h1 {
  color: black;
  text-shadow: none;
  padding: 20px 40px 126px;
}

/* line 135, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section {
  position: relative;
  padding-bottom: 50px;
  padding-top: 50px;
}

/* line 140, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.bg, .deg-technic section.bg--brown, .deg-technic section.bg--gray {
  padding-top: 70px;
  padding-bottom: 80px;
}

/* line 143, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.bg + section, .deg-technic section.bg--brown + section, .deg-technic section.bg--gray + section {
  padding-top: 100px;
}

/* line 146, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.bg--gray {
  background-color: #ededed;
}

/* line 149, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.bg--brown {
  background-color: #2d2a26;
}

/* line 152, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.bg--brown * {
  color: white;
}

/* line 155, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .container, .deg-technic .container--sm, .deg-technic .container--lg {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 160, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .container--lg {
  max-width: 1440px;
}

/* line 163, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .container--sm {
  max-width: 800px;
}

/* line 167, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .container + .container, .deg-technic .container--lg + .container, .deg-technic .container--sm + .container, .deg-technic .container + .container--lg, .deg-technic .container--lg + .container--lg, .deg-technic .container--sm + .container--lg, .deg-technic .container + .container--sm, .deg-technic .container--lg + .container--sm, .deg-technic .container--sm + .container--sm {
  margin-top: 80px;
}

/* line 169, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .container.bg--brown, .deg-technic .bg--brown.container--lg, .deg-technic .bg--brown.container--sm {
  background-color: #2d2a26;
}

/* line 172, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 177, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .columns.align--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 180, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .columns .col {
  width: -webkit-calc(50% - 16px);
  width: -moz-calc(50% - 16px);
  width: calc(50% - 16px);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

/* line 185, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .columns .col + .col {
  margin-left: 16px;
}

/* line 188, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .caption {
  font-size: 20px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: italic;
  margin-top: 24px;
}

@media (max-width: 750px) {
  /* line 188, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .caption {
    font-size: 14px;
    margin-top: 16px;
  }
}

/* line 198, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .textbox {
  position: relative;
  padding: 55px;
  z-index: 5;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  max-width: 900px;
  background-color: white;
}

@media (max-width: 500px) {
  /* line 198, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .textbox {
    padding: 28px;
  }
}

/* line 209, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .textbox::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  width: 50vw;
  left: auto;
  right: 50%;
  z-index: -1;
}

/* line 217, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .textbox.top-left {
  padding-left: 0 !important;
  padding-top: 0 !important;
  margin-bottom: -140px;
}

@media (max-width: 750px) {
  /* line 217, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .textbox.top-left {
    margin-bottom: -10vw;
  }
}

/* line 225, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .textbox.bottom-left {
  padding-left: 0 !important;
  margin-top: -140px;
}

@media (max-width: 750px) {
  /* line 225, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .textbox.bottom-left {
    margin-top: -10vw;
  }
}

/* line 232, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .textbox.bottom-right {
  padding-right: 0 !important;
  margin-top: -140px;
  margin-left: auto;
}

/* line 236, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .textbox.bottom-right::after {
  left: 50%;
  right: auto;
}

@media (max-width: 750px) {
  /* line 232, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .textbox.bottom-right {
    margin-top: -10vw;
  }
}

/* line 244, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--bausteine {
  padding-top: 0;
  margin-top: 50px;
}

/* line 247, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--bausteine h3 {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  text-align: left;
  margin-top: 40px;
  padding-left: 320px;
}

@media (max-width: 700px) {
  /* line 247, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--bausteine h3 {
    padding-left: 0;
  }
}

/* line 256, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--bausteine .container, .deg-technic section.section--bausteine .container--lg, .deg-technic section.section--bausteine .container--sm {
  max-width: 1180px;
}

/* line 272, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--interview .interview__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-position: 40% top;
  background-size: cover;
  max-height: 626px;
  min-height: 300px;
  height: 70vw;
  padding: 20px 20px 0;
  margin: 0 auto;
  max-width: 1440px;
}

/* line 287, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--interview .interview__header img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
  max-width: 475px;
  min-width: 200px;
  margin-bottom: -80px;
  z-index: 1;
  position: relative;
}

/* line 296, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--interview .interview__content {
  position: relative;
  margin: 0 auto;
  max-width: 1440px;
  padding: 120px 0 80px;
}

/* line 302, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--interview .interview__content::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  z-index: -1;
  left: auto;
  right: 0;
  max-width: 1280px;
}

/* line 310, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--interview .interview__images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: -40px;
  max-width: 1120px;
}

/* line 319, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider {
  overflow-x: hidden;
}

/* line 321, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .columns {
  margin-left: 320px;
  padding-bottom: 40px;
}

/* line 324, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .columns h2, .deg-technic section.section--slider .columns p {
  padding-right: 80px;
}

@media (max-width: 1400px) {
  /* line 321, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .columns {
    margin-left: 198px;
  }
}

@media (max-width: 750px) {
  /* line 321, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .columns {
    margin-left: 40px;
  }
}

/* line 330, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .columns.slider--infos {
  max-width: 1270px;
}

@media (max-width: 1400px) {
  /* line 330, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .columns.slider--infos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 336, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider.section--aufzugswochen .container .columns, .deg-technic section.section--slider.section--aufzugswochen .container--lg .columns, .deg-technic section.section--slider.section--aufzugswochen .container--sm .columns {
  margin-left: 0;
}

@media (max-width: 700px) {
  /* line 336, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider.section--aufzugswochen .container .columns, .deg-technic section.section--slider.section--aufzugswochen .container--lg .columns, .deg-technic section.section--slider.section--aufzugswochen .container--sm .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 340, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider.section--aufzugswochen .container .columns h2, .deg-technic section.section--slider.section--aufzugswochen .container--lg .columns h2, .deg-technic section.section--slider.section--aufzugswochen .container--sm .columns h2, .deg-technic section.section--slider.section--aufzugswochen .container .columns p, .deg-technic section.section--slider.section--aufzugswochen .container--lg .columns p, .deg-technic section.section--slider.section--aufzugswochen .container--sm .columns p {
    padding-right: 0;
  }
}

/* line 345, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .slider__footer {
  max-width: 490px;
}

/* line 348, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide.rental-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 700px) {
  /* line 348, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .swiper-slide.rental-slide {
    max-width: 90%;
  }
  /* line 354, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .swiper-slide.rental-slide .swiper-slide-rental-stroke {
    margin-left: 5px;
    margin-right: 5px;
  }
  /* line 357, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .swiper-slide.rental-slide .swiper-slide-rental-stroke img {
    width: 40px;
  }
  /* line 359, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .swiper-slide.rental-slide .swiper-slide-rental-image {
    width: 100px;
    height: 100px;
  }
  /* line 362, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .swiper-slide.rental-slide .swiper-slide-rental-text {
    padding-right: 20px;
    max-width: 150px;
  }
  /* line 365, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .swiper-slide.rental-slide .swiper-slide-rental-text h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

/* line 369, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide .swiper-slide-rental-image {
  height: 260px;
  width: 260px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #2d2a26;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 377, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide .swiper-slide-rental-image img {
  width: 100%;
}

/* line 379, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide .swiper-slide-rental-stroke {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 382, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide .swiper-slide-rental-stroke img {
  width: 70px;
}

/* line 384, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide .swiper-slide-rental-text {
  max-width: 190px;
  padding-right: 40px;
}

/* line 387, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide .swiper-slide-rental-text p {
  font-size: 15px;
}

/* line 389, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .swiper-slide .swiper-slide-rental-text h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 395, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .rent_infos {
  min-height: 300px;
  background-color: #2D2A26;
  margin-top: -120px;
  padding-top: 160px;
  padding-bottom: 200px;
}

@media (max-width: 700px) {
  /* line 395, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .rent_infos {
    padding-bottom: 40px;
  }
}

@media (max-width: 900px) {
  /* line 403, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .rent_infos .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 406, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider--rent .rent_infos .columns .column {
    margin-bottom: 80px;
  }
}

/* line 409, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .rent_infos .image img {
  max-width: 80%;
  max-height: 80px;
  margin: 0 auto;
}

/* line 413, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .rent_infos h2, .deg-technic section.section--slider--rent .rent_infos p {
  color: white;
}

/* line 415, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .rent_infos h2 {
  font-size: 20px;
  margin-bottom: 20px;
}

/* line 418, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .rent_infos p {
  font-size: 15px;
}

/* line 421, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider--rent .slider__footer {
  padding-bottom: 40px;
}

/* line 423, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .rent_actions {
  margin: 0 auto;
  width: 100%;
  height: 40px;
  text-align: center;
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 434, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .rent_actions a {
  margin-top: -40px;
}

/* line 437, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .story-slider .swiper-slide {
  padding: 80px 0;
}

@media (max-width: 750px) {
  /* line 437, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .story-slider .swiper-slide {
    padding: 40px 2.5vw;
  }
}

/* line 441, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .story-slider .swiper-slide img {
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 95vw;
}

/* line 446, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .story-slider .heading-slide {
  padding: 0 0 0 100px;
}

@media (max-width: 1400px) {
  /* line 446, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .story-slider .heading-slide {
    max-width: 280px;
    padding: 0 0 0 30px;
  }
}

@media (max-width: 750px) {
  /* line 446, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .story-slider .heading-slide {
    display: none;
  }
}

/* line 453, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .story-slider .heading-slide span {
  display: block;
  color: #ffda1a;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  padding-right: -webkit-calc((100% + 100px) * 0.3);
  padding-right: -moz-calc((100% + 100px) * 0.3);
  padding-right: calc((100% + 100px) * 0.3);
}

@media (max-width: 1400px) {
  /* line 453, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .story-slider .heading-slide span {
    padding-right: -webkit-calc((100% + 30px) * 0.3);
    padding-right: -moz-calc((100% + 30px) * 0.3);
    padding-right: calc((100% + 30px) * 0.3);
  }
}

/* line 463, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .slider__background {
  margin-top: -100px;
}

@media (max-width: 750px) {
  /* line 463, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .slider__background {
    margin-top: -50px;
  }
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 470, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--slider .slider__background, .deg-technic section.section--slider .slider__background img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    max-height: 800px;
    min-height: 300px;
  }
}

/* line 478, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--slider .slider__background.focus--bottom, .deg-technic section.section--slider .slider__background.focus--bottom img {
  -o-object-position: center 90%;
     object-position: center 90%;
}

/* line 481, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--services {
  position: relative;
  text-align: center;
  padding-bottom: 0;
}

/* line 485, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--services h2 {
  color: #ffda1a;
  max-width: 620px;
  margin: 0 auto 20px;
}

/* line 490, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--services img.services__tree {
  padding: 25px 7.5% 50px;
}

/* line 493, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--services > * {
  position: relative;
  z-index: 1;
}

/* line 497, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--services::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  top: auto;
  bottom: 0;
  height: 18vw;
  max-height: 300px;
  z-index: 0;
}

@media (max-width: 700px) {
  /* line 506, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--services .columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/* line 512, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--equipment .equipment__image {
  position: relative;
  background-color: #2d2a26;
  padding: 240px 0 150px;
  z-index: -1;
}

@media (max-width: 750px) {
  /* line 512, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--equipment .equipment__image {
    padding: 22vw 0 14vw;
  }
}

/* line 521, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--equipment .equipment__image > img, .deg-technic section.section--equipment .equipment__image > picture {
  display: block;
  width: 90%;
  max-width: 880px;
  margin-left: auto;
}

/* line 527, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--equipment .equipment__image::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  width: 50vw;
  left: 50%;
  z-index: -1;
}

/* line 534, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--equipment .equipment__image + .equipment__image {
  padding: 150px 0 200px;
  background-color: #5e5a54;
  margin-top: -50px;
  z-index: -2;
}

@media (max-width: 750px) {
  /* line 534, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--equipment .equipment__image + .equipment__image {
    padding: 22vw 0 20vw;
  }
}

/* line 544, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--equipment .equipment__image + .equipment__image > img, .deg-technic section.section--equipment .equipment__image + .equipment__image > picture {
  max-width: 980px;
  margin-right: auto;
  margin-left: 0;
}

/* line 549, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic section.section--equipment .equipment__image + .equipment__image::after {
  left: auto;
  right: 50%;
  top: auto;
  bottom: 0;
  height: -webkit-calc(100% + 100px);
  height: -moz-calc(100% + 100px);
  height: calc(100% + 100px);
}

@media (max-width: 1120px) {
  /* line 549, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic section.section--equipment .equipment__image + .equipment__image::after {
    width: 100vw;
    right: -20px;
  }
}

/* line 561, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .section-actions {
  position: absolute !important;
  top: -27px;
  left: 0;
  right: 0;
}

/* line 567, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .download-actions {
  margin-top: 40px;
}

/* line 569, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .download-actions .actions.widget, .deg-technic .download-actions p {
  text-align: center;
}

/* line 571, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .download-actions p {
  margin-top: 10px;
}

/* line 574, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .download-actions span {
  font-style: italic;
  display: inline-block;
  margin-top: 5px;
}

/* line 580, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .columns {
  max-width: 1140px;
}

/* line 582, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .columns h2 {
  padding-right: 80px;
}

@media (max-width: 700px) {
  /* line 580, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic--rental .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 587, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .section--rental {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#EDEDED));
  background: -webkit-linear-gradient(bottom, #FFFFFF, #EDEDED);
  background: -moz-linear-gradient(bottom, #FFFFFF, #EDEDED);
  background: linear-gradient(0deg, #FFFFFF, #EDEDED);
}

/* line 590, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product {
  margin-bottom: 100px;
}

/* line 592, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product h2 {
  margin-bottom: 0;
}

/* line 595, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--infos {
  margin-top: 0;
}

/* line 598, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--body {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
}

/* line 603, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--body .col {
  width: -webkit-calc(50% - 30px);
  width: -moz-calc(50% - 30px);
  width: calc(50% - 30px);
}

/* line 605, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--body .col + .col {
  margin-left: 60px;
}

@media (max-width: 700px) {
  /* line 598, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic--rental .rental-product .rental-product--body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 611, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic--rental .rental-product .rental-product--body .col {
    width: 100%;
  }
  /* line 613, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic--rental .rental-product .rental-product--body .col + .col {
    margin-left: 0;
  }
}

/* line 616, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--locations {
  margin-top: 40px;
}

/* line 618, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--locations h3 {
  font-size: 20px;
  line-height: 1.5;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 622, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--locations ul {
  display: inline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  list-style-type: none;
}

/* line 626, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic--rental .rental-product .rental-product--locations li {
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 700px) {
  /* line 636, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .section--aufzugswochen .textbox {
    margin-left: 0;
    width: 100%;
    padding: 20px;
  }
  /* line 640, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .section--aufzugswochen .textbox p {
    padding: 0;
    padding-right: 20px;
  }
  /* line 643, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .section--aufzugswochen .textbox::after {
    display: none;
  }
  /* line 645, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .section--aufzugswochen .rent_actions {
    margin-top: 0;
    display: block !important;
  }
  /* line 648, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .section--aufzugswochen .rent_actions a {
    margin-top: 40px !important;
  }
}

/* line 653, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
  max-width: 980px;
  width: 100%;
  position: relative;
  border-bottom: solid 1px black;
}

@media (max-width: 700px) {
  /* line 653, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .bausteine {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* line 666, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 20px solid black;
  left: 370px;
  margin-left: -50px;
  bottom: -20px;
  z-index: 0;
}

@media (max-width: 700px) {
  /* line 666, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .bausteine::after {
    left: 49px;
  }
}

/* line 682, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 20px solid white;
  left: 370px;
  margin-left: -50px;
  bottom: -19px;
  z-index: 1;
}

@media (max-width: 700px) {
  /* line 682, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .bausteine::before {
    left: 49px;
  }
}

/* line 696, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine .baustein {
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media (max-width: 700px) {
  /* line 696, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .bausteine .baustein {
    margin-bottom: 30px;
    width: 100%;
    margin-bottom: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 707, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine a {
  margin-right: 80px;
  min-width: 240px;
}

@media (max-width: 700px) {
  /* line 707, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .bausteine a {
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

/* line 713, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine ul {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

/* line 719, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine ul li {
  display: block;
  width: 100%;
  line-height: 36px;
  border-bottom: 1px solid black;
  margin-bottom: 15px;
  position: relative;
  text-align: left;
}

/* line 728, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine ul li:last-child {
  border-bottom: none;
}

/* line 729, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine ul li:last-child::after, .deg-technic .bausteine ul li:last-child::before {
  display: none;
}

/* line 732, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine ul li::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 12px solid black;
  left: 50px;
  margin-left: -20px;
  bottom: -12px;
  z-index: 0;
}

/* line 745, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .bausteine ul li::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 12px solid white;
  left: 50px;
  margin-left: -20px;
  bottom: -11px;
  z-index: 1;
}

/* line 762, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .kleingeraete {
  padding-left: 150px;
}

/* line 765, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .kleingeraete .kleingeraete-text {
  z-index: 2;
  background-color: white;
  max-width: 820px;
  position: relative;
  padding-right: 30px;
  padding-bottom: 30px;
}

/* line 772, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .kleingeraete .kleingeraete-icons {
  padding: 80px;
  padding-top: 210px;
  margin-top: -130px;
  background-color: #2d2a26;
  z-index: 1;
  position: relative;
}

/* line 779, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .kleingeraete .kleingeraete-icons img {
  margin: 0 auto;
  display: block;
}

@media (max-width: 700px) {
  /* line 762, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .kleingeraete {
    padding-left: 20px;
  }
  /* line 784, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .kleingeraete .textbox {
    margin-left: 0;
    width: 100%;
    padding: 20px;
  }
  /* line 788, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .kleingeraete .textbox p {
    padding: 0;
    padding-right: 20px;
  }
  /* line 791, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .kleingeraete .textbox::after {
    display: none;
  }
}

/* line 795, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .grossgeraete .grossgeraete-icons {
  padding-right: 80px;
  padding-left: 130px;
  padding-bottom: 210px;
  padding-top: 210px;
  margin-top: -210px;
  margin-bottom: -210px;
  background-color: #ededed;
  position: relative;
  z-index: 0;
}

/* line 806, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .grossgeraete-text .textbox {
  margin-left: 75px;
}

@media (max-width: 700px) {
  /* line 805, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .grossgeraete-text {
    padding-left: 20px;
  }
  /* line 810, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .grossgeraete-text .textbox {
    margin-left: 0;
    width: 100%;
    padding: 20px;
  }
  /* line 814, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .grossgeraete-text .textbox p {
    padding: 0;
    padding-right: 20px;
  }
  /* line 817, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .grossgeraete-text .textbox::after {
    display: none;
  }
}

/* line 820, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .date-list {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}

/* line 823, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .date-list .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 630px;
  margin: 0 auto;
  height: 55px;
  line-height: 55px;
  position: relative;
}

/* line 831, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .date-list .row > div {
  border-bottom: 1px solid black;
}

/* line 834, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .date-list .row:first-child > div {
  border-top: 1px solid black;
}

@media (max-width: 700px) {
  /* line 823, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .date-list .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    line-height: 35px;
  }
  /* line 840, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .date-list .row > div {
    border-bottom: none;
  }
  /* line 842, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .date-list .row > div:second {
    border-bottom: 1px solid black;
  }
  /* line 844, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .date-list .row .contact {
    padding-bottom: 20px;
    border: none !important;
    margin-top: 10px;
  }
  /* line 848, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .date-list .row .contact .arental_filter {
    width: 100%;
  }
  /* line 850, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .date-list .row .date {
    border: none !important;
  }
  /* line 853, app/assets/stylesheets/modules/deg-technic.sass */
  .deg-technic .date-list .row .city {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid black;
    padding-top: 10px;
  }
}

/* line 858, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .date-list .city {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
}

/* line 864, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .date-list .date {
  margin-right: 20px;
  min-width: 210px;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 868, app/assets/stylesheets/modules/deg-technic.sass */
.deg-technic .date-list .contact {
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 876, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 700px) {
  /* line 876, app/assets/stylesheets/modules/deg-technic.sass */
  section.rental-products .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 881, app/assets/stylesheets/modules/deg-technic.sass */
  section.rental-products .columns .rental_filter {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}

/* line 885, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  width: 300px;
  margin-top: -20px;
  margin-left: auto;
}

/* line 892, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter span.info {
  text-align: center;
  margin-bottom: 10px;
}

/* line 896, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter a {
  font-size: 18px;
  text-align: center;
}

/* line 899, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .location-selector {
  position: relative;
}

/* line 902, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .current-location {
  background-color: black;
  color: white;
  text-align: center;
  width: 100%;
  height: 50px;
  -moz-border-radius: 25px;
       border-radius: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

/* line 914, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .current-location::after {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  background-image: url(/assets/ui/arrow_down_white-65f278de6837ac5ef4561339dcc2cbd79fa0067c99aa7f0a34ae955f2f0c88be.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  right: 5px;
  top: 14px;
}

/* line 925, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .current-location:hover {
  color: #ffda1a;
}

/* line 928, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .select-location-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: visible;
  display: none;
}

/* line 934, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .select-location-wrapper.open {
  display: block;
}

/* line 937, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .select-location {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background-color: black;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -moz-border-radius: 25px;
       border-radius: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 949, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .select-location::after {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  background-image: url(/assets/ui/arrow_up_white-9ebbc2b5b86b78114103f281ba656f784a9d5f8419a03d647887d7bc2b430422.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  right: 5px;
  top: 14px;
}

/* line 960, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .select-location a {
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  text-decoration: none;
  height: 30px;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

/* line 970, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .select-location a.active {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
     -moz-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

/* line 972, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental_filter .select-location a:hover {
  color: #ffda1a;
}

/* line 975, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental-products-overview {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1080px) {
  /* line 975, app/assets/stylesheets/modules/deg-technic.sass */
  section.rental-products .rental-products-overview {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 870px) {
  /* line 975, app/assets/stylesheets/modules/deg-technic.sass */
  section.rental-products .rental-products-overview {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 578px) {
  /* line 975, app/assets/stylesheets/modules/deg-technic.sass */
  section.rental-products .rental-products-overview {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* line 987, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental-products-overview .rental-product-overview {
  background-color: #ededed;
  width: 100%;
  text-align: center;
  min-width: 250px;
  margin-bottom: 20px;
}

/* line 999, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental-products-overview .rental-product-overview h3 {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  text-align: center;
  min-height: 60px;
}

/* line 1005, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental-products-overview .rental-product-overview--body {
  padding: 0 20px;
}

/* line 1007, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental-products-overview .rental-product-overview--actions {
  margin-bottom: -16px;
}

/* line 1010, app/assets/stylesheets/modules/deg-technic.sass */
section.rental-products .rental-products-overview .rental-product-overview--image img {
  margin: 0 auto;
  display: block;
  width: 200px;
  height: 200px;
}

/* line 1019, app/assets/stylesheets/modules/deg-technic.sass */
header.setzgereat-ecoset {
  background-origin: content-box !important;
  padding: 20px;
}

/* line 1024, app/assets/stylesheets/modules/deg-technic.sass */
.rental-product-overview.setzgereat-ecoset img {
  -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
/* line 9, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login section, body.invite--edit section, body.invite--update section, body.invite--thanks section {
  font-size: 16px;
}

/* line 11, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login section *, body.invite--edit section *, body.invite--update section *, body.invite--thanks section * {
  color: #2d2a26;
}

@media (min-width: 891px) {
  /* line 15, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login nav.navigation--main, body.invite--edit nav.navigation--main, body.invite--update nav.navigation--main, body.invite--thanks nav.navigation--main {
    -webkit-box-shadow: 2px 2px 4px 0 rgba(45, 42, 38, 0.2);
            box-shadow: 2px 2px 4px 0 rgba(45, 42, 38, 0.2);
  }
}

/* line 18, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login nav.navigation--main ul li.logo:hover, body.invite--edit nav.navigation--main ul li.logo:hover, body.invite--update nav.navigation--main ul li.logo:hover, body.invite--thanks nav.navigation--main ul li.logo:hover {
  background-position: left -25px;
}

/* line 21, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login nav.navigation--main li.nav__event, body.invite--edit nav.navigation--main li.nav__event, body.invite--update nav.navigation--main li.nav__event, body.invite--thanks nav.navigation--main li.nav__event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* line 27, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login nav.navigation--main li.nav__event p, body.invite--edit nav.navigation--main li.nav__event p, body.invite--update nav.navigation--main li.nav__event p, body.invite--thanks nav.navigation--main li.nav__event p {
  margin: 0 0 0 8px;
  font-size: 12px;
  letter-spacing: 0;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 32, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login nav.navigation--main li.nav__event p b, body.invite--edit nav.navigation--main li.nav__event p b, body.invite--update nav.navigation--main li.nav__event p b, body.invite--thanks nav.navigation--main li.nav__event p b {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 500px) {
  /* line 35, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login nav.navigation--main li.nav__event .icon-wrapper, body.invite--edit nav.navigation--main li.nav__event .icon-wrapper, body.invite--update nav.navigation--main li.nav__event .icon-wrapper, body.invite--thanks nav.navigation--main li.nav__event .icon-wrapper {
    display: none;
  }
}

/* line 39, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login footer .group-navigation, body.invite--edit footer .group-navigation, body.invite--update footer .group-navigation, body.invite--thanks footer .group-navigation {
  display: none;
}

/* line 42, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login section, body.invite--edit section, body.invite--update section, body.invite--thanks section {
  padding: 80px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 49, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login section.bg--light, body.invite--edit section.bg--light, body.invite--update section.bg--light, body.invite--thanks section.bg--light {
  background-color: white;
  padding: 100px 0;
}

@media (max-width: 890px) {
  /* line 53, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login header + section, body.invite--edit header + section, body.invite--update header + section, body.invite--thanks header + section {
    padding-top: 140px !important;
  }
}

/* line 57, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login h1, body.invite--edit h1, body.invite--update h1, body.invite--thanks h1 {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 40px;
  color: #e3000f;
}

@media (max-width: 700px) {
  /* line 57, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login h1, body.invite--edit h1, body.invite--update h1, body.invite--thanks h1 {
    font-size: 30px;
  }
  /* line 64, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login h1.word-wrap, body.invite--edit h1.word-wrap, body.invite--update h1.word-wrap, body.invite--thanks h1.word-wrap {
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}

/* line 67, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login h1 + .card, body.invite--edit h1 + .card, body.invite--update h1 + .card, body.invite--thanks h1 + .card {
  margin-top: 48px;
}

/* line 70, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .card + form, body.invite--edit .card + form, body.invite--update .card + form, body.invite--thanks .card + form {
  margin-top: 64px;
}

/* line 73, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login h3, body.invite--edit h3, body.invite--update h3, body.invite--thanks h3 {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
}

/* line 77, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login p, body.invite--edit p, body.invite--update p, body.invite--thanks p {
  line-height: 1.33;
}

@media (max-width: 340px) {
  /* line 77, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login p, body.invite--edit p, body.invite--update p, body.invite--thanks p {
    font-size: 14px;
  }
}

/* line 83, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login p.size--lg, body.invite--edit p.size--lg, body.invite--update p.size--lg, body.invite--thanks p.size--lg {
  font-size: 20px;
  margin-top: 4px;
}

/* line 86, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login p.important, body.invite--edit p.important, body.invite--update p.important, body.invite--thanks p.important {
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  color: #e3000f;
}

/* line 91, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login ul.errors, body.invite--edit ul.errors, body.invite--update ul.errors, body.invite--thanks ul.errors {
  padding-left: 20px;
  margin-bottom: 40px;
}

/* line 95, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .subtitle, body.invite--edit .subtitle, body.invite--update .subtitle, body.invite--thanks .subtitle {
  color: #00998a;
  margin-top: 4px;
}

/* line 99, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .container, body.invite--edit .container, body.invite--update .container, body.invite--thanks .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 1140px) {
  /* line 99, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login .container, body.invite--edit .container, body.invite--update .container, body.invite--thanks .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 103, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .card, body.invite--edit .card, body.invite--update .card, body.invite--thanks .card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  width: 100%;
  padding: 24px;
  -moz-border-radius: 8px;
       border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(45, 42, 38, 0.2);
          box-shadow: 2px 2px 4px 0 rgba(45, 42, 38, 0.2);
  border: solid 1px #f6f4f3;
  background-color: white;
  overflow: hidden;
}

/* line 117, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .icon-wrapper, body.invite--edit .icon-wrapper, body.invite--update .icon-wrapper, body.invite--thanks .icon-wrapper {
  background-color: #edf0f2;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-border-radius: 99px;
       border-radius: 99px;
}

/* line 126, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .icon-wrapper img, body.invite--edit .icon-wrapper img, body.invite--update .icon-wrapper img, body.invite--thanks .icon-wrapper img {
  width: 16px;
}

/* line 129, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .error, body.invite--edit .error, body.invite--update .error, body.invite--thanks .error {
  color: #e3000f;
}

/* line 132, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .align--center, body.invite--edit .align--center, body.invite--update .align--center, body.invite--thanks .align--center {
  text-align: center;
}

/* line 135, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .section--card, body.invite--edit .section--card, body.invite--update .section--card, body.invite--thanks .section--card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 500px;
  height: -webkit-calc(100vh - 116px - 412px);
  height: -moz-calc(100vh - 116px - 412px);
  height: calc(100vh - 116px - 412px);
}

@media (max-width: 500px) {
  /* line 135, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login .section--card, body.invite--edit .section--card, body.invite--update .section--card, body.invite--thanks .section--card {
    min-height: 100vh;
  }
}

/* line 148, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .section--card[style*="background-image"]::after, body.invite--edit .section--card[style*="background-image"]::after, body.invite--update .section--card[style*="background-image"]::after, body.invite--thanks .section--card[style*="background-image"]::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(45, 42, 38, 0.5);
  z-index: 0;
}

/* line 152, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .section--card[style*="background-image"] > *, body.invite--edit .section--card[style*="background-image"] > *, body.invite--update .section--card[style*="background-image"] > *, body.invite--thanks .section--card[style*="background-image"] > * {
  position: relative;
  z-index: 1;
}

/* line 155, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .section--card[style*="background-image"] .container > p, body.invite--login .section--card[style*="background-image"] .container > p *, body.invite--edit .section--card[style*="background-image"] .container > p, body.invite--edit .section--card[style*="background-image"] .container > p *, body.invite--update .section--card[style*="background-image"] .container > p, body.invite--update .section--card[style*="background-image"] .container > p *, body.invite--thanks .section--card[style*="background-image"] .container > p, body.invite--thanks .section--card[style*="background-image"] .container > p * {
  color: white !important;
  text-shadow: 0px 1px 1px rgba(45, 42, 38, 0.2);
}

/* line 159, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .section--card .card, body.invite--edit .section--card .card, body.invite--update .section--card .card, body.invite--thanks .section--card .card {
  padding-top: 70px;
  padding-bottom: 100px;
  max-width: 700px;
  margin: 0 auto;
}

@media (max-width: 700px) {
  /* line 159, app/assets/stylesheets/modules/invites/document.sass */
  body.invite--login .section--card .card, body.invite--edit .section--card .card, body.invite--update .section--card .card, body.invite--thanks .section--card .card {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}

/* line 169, app/assets/stylesheets/modules/invites/document.sass */
body.invite--login .width--md, body.invite--edit .width--md, body.invite--update .width--md, body.invite--thanks .width--md {
  max-width: 620px;
}
/* line 6, app/assets/stylesheets/modules/invites/login.sass */
body.invite--login section .row.access-code {
  margin: 36px auto 0;
  display: block;
  width: 100%;
  max-width: 240px;
  text-align: left;
}

/* line 12, app/assets/stylesheets/modules/invites/login.sass */
body.invite--login section .row.access-code input {
  letter-spacing: 3px;
  text-transform: uppercase;
}

/* line 16, app/assets/stylesheets/modules/invites/login.sass */
body.invite--login section input[type="submit"] {
  width: 100%;
  max-width: 240px;
}

@media (max-width: 500px) {
  /* line 21, app/assets/stylesheets/modules/invites/login.sass */
  body.invite--login .navigation--main li.nav__event {
    display: none !important;
  }
}
/* line 6, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit h2, body.invite--update h2 {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 1.33;
}

/* line 11, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit h2 + div, body.invite--update h2 + div {
  margin-top: 16px;
}

/* line 13, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit div + h2, body.invite--update div + h2 {
  margin-top: 48px;
}

/* line 16, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit .card--form, body.invite--update .card--form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  width: 100%;
  padding: 16px;
  -moz-border-radius: 8px;
       border-radius: 8px;
  background-color: #e7e3df;
  overflow: hidden;
}

/* line 26, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit .card--form .card__row, body.invite--update .card--form .card__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

/* line 30, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit .card--form .card__row .row, body.invite--update .card--form .card__row .row {
  max-width: 185px;
}

/* line 33, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit .card--form .card__row .row + .row, body.invite--update .card--form .card__row .row + .row {
  margin-top: 0;
  margin-left: 48px;
}

@media (max-width: 430px) {
  /* line 26, app/assets/stylesheets/modules/invites/form.sass */
  body.invite--edit .card--form .card__row, body.invite--update .card--form .card__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 39, app/assets/stylesheets/modules/invites/form.sass */
  body.invite--edit .card--form .card__row .row + .row, body.invite--update .card--form .card__row .row + .row {
    margin-left: 0 !important;
    margin-top: 16px;
  }
  /* line 42, app/assets/stylesheets/modules/invites/form.sass */
  body.invite--edit .card--form .card__row label.boolean, body.invite--update .card--form .card__row label.boolean {
    padding-left: 50px;
  }
}

/* line 45, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit input[type="submit"], body.invite--update input[type="submit"] {
  width: 100%;
  max-width: 240px;
  margin-top: 16px;
}

@media (max-width: 400px) {
  /* line 45, app/assets/stylesheets/modules/invites/form.sass */
  body.invite--edit input[type="submit"], body.invite--update input[type="submit"] {
    max-width: none;
  }
}

/* line 56, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit.deny-event .form__special, body.invite--edit.deny-event .form__participants, body.invite--update.deny-event .form__special, body.invite--update.deny-event .form__participants {
  display: none;
}

/* line 60, app/assets/stylesheets/modules/invites/form.sass */
body.invite--edit.deny-special .row.invites_invite_special_night_before, body.invite--edit.deny-special .row.invites_invite_special_night_after, body.invite--update.deny-special .row.invites_invite_special_night_before, body.invite--update.deny-special .row.invites_invite_special_night_after {
  display: none;
}
@media (max-width: 500px) {
  /* line 6, app/assets/stylesheets/modules/invites/thanks.sass */
  body.invite--thanks .navigation--main li.nav__event {
    display: none !important;
  }
}
/* line 11, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login input:not([type="submit"]), body.invite--login textarea, body.invite--login select, body.invite--login .input-field, body.invite--edit input:not([type="submit"]), body.invite--edit textarea, body.invite--edit select, body.invite--edit .input-field, body.invite--update input:not([type="submit"]), body.invite--update textarea, body.invite--update select, body.invite--update .input-field, body.invite--thanks input:not([type="submit"]), body.invite--thanks textarea, body.invite--thanks select, body.invite--thanks .input-field, body.page--metallconnect input:not([type="submit"]), body.page--metallconnect textarea, body.page--metallconnect select, body.page--metallconnect .input-field, body.page--metallconnect_registration input:not([type="submit"]), body.page--metallconnect_registration textarea, body.page--metallconnect_registration select, body.page--metallconnect_registration .input-field, body.page--ffm input:not([type="submit"]), body.page--ffm textarea, body.page--ffm select, body.page--ffm .input-field, body.page--ffm_registration input:not([type="submit"]), body.page--ffm_registration textarea, body.page--ffm_registration select, body.page--ffm_registration .input-field {
  padding: 9px 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.2;
  min-width: 80px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  border: solid 1px #dedbd8;
  background-color: #fcfbfa;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

/* line 23, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login input.size--lg:not([type="submit"]), body.invite--login textarea.size--lg, body.invite--login select.size--lg, body.invite--login .input-field.size--lg, body.invite--edit input.size--lg:not([type="submit"]), body.invite--edit textarea.size--lg, body.invite--edit select.size--lg, body.invite--edit .input-field.size--lg, body.invite--update input.size--lg:not([type="submit"]), body.invite--update textarea.size--lg, body.invite--update select.size--lg, body.invite--update .input-field.size--lg, body.invite--thanks input.size--lg:not([type="submit"]), body.invite--thanks textarea.size--lg, body.invite--thanks select.size--lg, body.invite--thanks .input-field.size--lg, body.page--metallconnect input.size--lg:not([type="submit"]), body.page--metallconnect textarea.size--lg, body.page--metallconnect select.size--lg, body.page--metallconnect .input-field.size--lg, body.page--metallconnect_registration input.size--lg:not([type="submit"]), body.page--metallconnect_registration textarea.size--lg, body.page--metallconnect_registration select.size--lg, body.page--metallconnect_registration .input-field.size--lg, body.page--ffm input.size--lg:not([type="submit"]), body.page--ffm textarea.size--lg, body.page--ffm select.size--lg, body.page--ffm .input-field.size--lg, body.page--ffm_registration input.size--lg:not([type="submit"]), body.page--ffm_registration textarea.size--lg, body.page--ffm_registration select.size--lg, body.page--ffm_registration .input-field.size--lg {
  padding: 12px 12px 11px;
  font-size: 22px;
  line-height: 1;
}

/* line 28, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login input:not([type="submit"])::-webkit-input-placeholder, body.invite--login textarea::-webkit-input-placeholder, body.invite--login select::-webkit-input-placeholder, body.invite--login .input-field::-webkit-input-placeholder, body.invite--edit input:not([type="submit"])::-webkit-input-placeholder, body.invite--edit textarea::-webkit-input-placeholder, body.invite--edit select::-webkit-input-placeholder, body.invite--edit .input-field::-webkit-input-placeholder, body.invite--update input:not([type="submit"])::-webkit-input-placeholder, body.invite--update textarea::-webkit-input-placeholder, body.invite--update select::-webkit-input-placeholder, body.invite--update .input-field::-webkit-input-placeholder, body.invite--thanks input:not([type="submit"])::-webkit-input-placeholder, body.invite--thanks textarea::-webkit-input-placeholder, body.invite--thanks select::-webkit-input-placeholder, body.invite--thanks .input-field::-webkit-input-placeholder, body.page--metallconnect input:not([type="submit"])::-webkit-input-placeholder, body.page--metallconnect textarea::-webkit-input-placeholder, body.page--metallconnect select::-webkit-input-placeholder, body.page--metallconnect .input-field::-webkit-input-placeholder, body.page--metallconnect_registration input:not([type="submit"])::-webkit-input-placeholder, body.page--metallconnect_registration textarea::-webkit-input-placeholder, body.page--metallconnect_registration select::-webkit-input-placeholder, body.page--metallconnect_registration .input-field::-webkit-input-placeholder, body.page--ffm input:not([type="submit"])::-webkit-input-placeholder, body.page--ffm textarea::-webkit-input-placeholder, body.page--ffm select::-webkit-input-placeholder, body.page--ffm .input-field::-webkit-input-placeholder, body.page--ffm_registration input:not([type="submit"])::-webkit-input-placeholder, body.page--ffm_registration textarea::-webkit-input-placeholder, body.page--ffm_registration select::-webkit-input-placeholder, body.page--ffm_registration .input-field::-webkit-input-placeholder {
  color: #a39383;
  opacity: 0.5;
}
body.invite--login input:not([type="submit"])::-moz-placeholder, body.invite--login textarea::-moz-placeholder, body.invite--login select::-moz-placeholder, body.invite--login .input-field::-moz-placeholder, body.invite--edit input:not([type="submit"])::-moz-placeholder, body.invite--edit textarea::-moz-placeholder, body.invite--edit select::-moz-placeholder, body.invite--edit .input-field::-moz-placeholder, body.invite--update input:not([type="submit"])::-moz-placeholder, body.invite--update textarea::-moz-placeholder, body.invite--update select::-moz-placeholder, body.invite--update .input-field::-moz-placeholder, body.invite--thanks input:not([type="submit"])::-moz-placeholder, body.invite--thanks textarea::-moz-placeholder, body.invite--thanks select::-moz-placeholder, body.invite--thanks .input-field::-moz-placeholder, body.page--metallconnect input:not([type="submit"])::-moz-placeholder, body.page--metallconnect textarea::-moz-placeholder, body.page--metallconnect select::-moz-placeholder, body.page--metallconnect .input-field::-moz-placeholder, body.page--metallconnect_registration input:not([type="submit"])::-moz-placeholder, body.page--metallconnect_registration textarea::-moz-placeholder, body.page--metallconnect_registration select::-moz-placeholder, body.page--metallconnect_registration .input-field::-moz-placeholder, body.page--ffm input:not([type="submit"])::-moz-placeholder, body.page--ffm textarea::-moz-placeholder, body.page--ffm select::-moz-placeholder, body.page--ffm .input-field::-moz-placeholder, body.page--ffm_registration input:not([type="submit"])::-moz-placeholder, body.page--ffm_registration textarea::-moz-placeholder, body.page--ffm_registration select::-moz-placeholder, body.page--ffm_registration .input-field::-moz-placeholder {
  color: #a39383;
  opacity: 0.5;
}
body.invite--login input:not([type="submit"]):-ms-input-placeholder, body.invite--login textarea:-ms-input-placeholder, body.invite--login select:-ms-input-placeholder, body.invite--login .input-field:-ms-input-placeholder, body.invite--edit input:not([type="submit"]):-ms-input-placeholder, body.invite--edit textarea:-ms-input-placeholder, body.invite--edit select:-ms-input-placeholder, body.invite--edit .input-field:-ms-input-placeholder, body.invite--update input:not([type="submit"]):-ms-input-placeholder, body.invite--update textarea:-ms-input-placeholder, body.invite--update select:-ms-input-placeholder, body.invite--update .input-field:-ms-input-placeholder, body.invite--thanks input:not([type="submit"]):-ms-input-placeholder, body.invite--thanks textarea:-ms-input-placeholder, body.invite--thanks select:-ms-input-placeholder, body.invite--thanks .input-field:-ms-input-placeholder, body.page--metallconnect input:not([type="submit"]):-ms-input-placeholder, body.page--metallconnect textarea:-ms-input-placeholder, body.page--metallconnect select:-ms-input-placeholder, body.page--metallconnect .input-field:-ms-input-placeholder, body.page--metallconnect_registration input:not([type="submit"]):-ms-input-placeholder, body.page--metallconnect_registration textarea:-ms-input-placeholder, body.page--metallconnect_registration select:-ms-input-placeholder, body.page--metallconnect_registration .input-field:-ms-input-placeholder, body.page--ffm input:not([type="submit"]):-ms-input-placeholder, body.page--ffm textarea:-ms-input-placeholder, body.page--ffm select:-ms-input-placeholder, body.page--ffm .input-field:-ms-input-placeholder, body.page--ffm_registration input:not([type="submit"]):-ms-input-placeholder, body.page--ffm_registration textarea:-ms-input-placeholder, body.page--ffm_registration select:-ms-input-placeholder, body.page--ffm_registration .input-field:-ms-input-placeholder {
  color: #a39383;
  opacity: 0.5;
}
body.invite--login input:not([type="submit"])::-ms-input-placeholder, body.invite--login textarea::-ms-input-placeholder, body.invite--login select::-ms-input-placeholder, body.invite--login .input-field::-ms-input-placeholder, body.invite--edit input:not([type="submit"])::-ms-input-placeholder, body.invite--edit textarea::-ms-input-placeholder, body.invite--edit select::-ms-input-placeholder, body.invite--edit .input-field::-ms-input-placeholder, body.invite--update input:not([type="submit"])::-ms-input-placeholder, body.invite--update textarea::-ms-input-placeholder, body.invite--update select::-ms-input-placeholder, body.invite--update .input-field::-ms-input-placeholder, body.invite--thanks input:not([type="submit"])::-ms-input-placeholder, body.invite--thanks textarea::-ms-input-placeholder, body.invite--thanks select::-ms-input-placeholder, body.invite--thanks .input-field::-ms-input-placeholder, body.page--metallconnect input:not([type="submit"])::-ms-input-placeholder, body.page--metallconnect textarea::-ms-input-placeholder, body.page--metallconnect select::-ms-input-placeholder, body.page--metallconnect .input-field::-ms-input-placeholder, body.page--metallconnect_registration input:not([type="submit"])::-ms-input-placeholder, body.page--metallconnect_registration textarea::-ms-input-placeholder, body.page--metallconnect_registration select::-ms-input-placeholder, body.page--metallconnect_registration .input-field::-ms-input-placeholder, body.page--ffm input:not([type="submit"])::-ms-input-placeholder, body.page--ffm textarea::-ms-input-placeholder, body.page--ffm select::-ms-input-placeholder, body.page--ffm .input-field::-ms-input-placeholder, body.page--ffm_registration input:not([type="submit"])::-ms-input-placeholder, body.page--ffm_registration textarea::-ms-input-placeholder, body.page--ffm_registration select::-ms-input-placeholder, body.page--ffm_registration .input-field::-ms-input-placeholder {
  color: #a39383;
  opacity: 0.5;
}
body.invite--login input:not([type="submit"])::placeholder, body.invite--login textarea::placeholder, body.invite--login select::placeholder, body.invite--login .input-field::placeholder, body.invite--edit input:not([type="submit"])::placeholder, body.invite--edit textarea::placeholder, body.invite--edit select::placeholder, body.invite--edit .input-field::placeholder, body.invite--update input:not([type="submit"])::placeholder, body.invite--update textarea::placeholder, body.invite--update select::placeholder, body.invite--update .input-field::placeholder, body.invite--thanks input:not([type="submit"])::placeholder, body.invite--thanks textarea::placeholder, body.invite--thanks select::placeholder, body.invite--thanks .input-field::placeholder, body.page--metallconnect input:not([type="submit"])::placeholder, body.page--metallconnect textarea::placeholder, body.page--metallconnect select::placeholder, body.page--metallconnect .input-field::placeholder, body.page--metallconnect_registration input:not([type="submit"])::placeholder, body.page--metallconnect_registration textarea::placeholder, body.page--metallconnect_registration select::placeholder, body.page--metallconnect_registration .input-field::placeholder, body.page--ffm input:not([type="submit"])::placeholder, body.page--ffm textarea::placeholder, body.page--ffm select::placeholder, body.page--ffm .input-field::placeholder, body.page--ffm_registration input:not([type="submit"])::placeholder, body.page--ffm_registration textarea::placeholder, body.page--ffm_registration select::placeholder, body.page--ffm_registration .input-field::placeholder {
  color: #a39383;
  opacity: 0.5;
}

/* line 32, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login input:not([type="submit"]):focus, body.invite--login textarea:focus, body.invite--login select:focus, body.invite--login .input-field:focus, body.invite--edit input:not([type="submit"]):focus, body.invite--edit textarea:focus, body.invite--edit select:focus, body.invite--edit .input-field:focus, body.invite--update input:not([type="submit"]):focus, body.invite--update textarea:focus, body.invite--update select:focus, body.invite--update .input-field:focus, body.invite--thanks input:not([type="submit"]):focus, body.invite--thanks textarea:focus, body.invite--thanks select:focus, body.invite--thanks .input-field:focus, body.page--metallconnect input:not([type="submit"]):focus, body.page--metallconnect textarea:focus, body.page--metallconnect select:focus, body.page--metallconnect .input-field:focus, body.page--metallconnect_registration input:not([type="submit"]):focus, body.page--metallconnect_registration textarea:focus, body.page--metallconnect_registration select:focus, body.page--metallconnect_registration .input-field:focus, body.page--ffm input:not([type="submit"]):focus, body.page--ffm textarea:focus, body.page--ffm select:focus, body.page--ffm .input-field:focus, body.page--ffm_registration input:not([type="submit"]):focus, body.page--ffm_registration textarea:focus, body.page--ffm_registration select:focus, body.page--ffm_registration .input-field:focus {
  outline: none;
  border-color: #838c94;
}

/* line 36, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login input[readonly]:not([type="submit"]), body.invite--login textarea[readonly], body.invite--login select[readonly], body.invite--login .input-field[readonly], body.invite--edit input[readonly]:not([type="submit"]), body.invite--edit textarea[readonly], body.invite--edit select[readonly], body.invite--edit .input-field[readonly], body.invite--update input[readonly]:not([type="submit"]), body.invite--update textarea[readonly], body.invite--update select[readonly], body.invite--update .input-field[readonly], body.invite--thanks input[readonly]:not([type="submit"]), body.invite--thanks textarea[readonly], body.invite--thanks select[readonly], body.invite--thanks .input-field[readonly], body.page--metallconnect input[readonly]:not([type="submit"]), body.page--metallconnect textarea[readonly], body.page--metallconnect select[readonly], body.page--metallconnect .input-field[readonly], body.page--metallconnect_registration input[readonly]:not([type="submit"]), body.page--metallconnect_registration textarea[readonly], body.page--metallconnect_registration select[readonly], body.page--metallconnect_registration .input-field[readonly], body.page--ffm input[readonly]:not([type="submit"]), body.page--ffm textarea[readonly], body.page--ffm select[readonly], body.page--ffm .input-field[readonly], body.page--ffm_registration input[readonly]:not([type="submit"]), body.page--ffm_registration textarea[readonly], body.page--ffm_registration select[readonly], body.page--ffm_registration .input-field[readonly] {
  cursor: default;
  border-color: #d4dadf;
}

/* line 41, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login textarea, body.invite--edit textarea, body.invite--update textarea, body.invite--thanks textarea, body.page--metallconnect textarea, body.page--metallconnect_registration textarea, body.page--ffm textarea, body.page--ffm_registration textarea {
  resize: vertical;
  min-height: 14em;
  line-height: 1.5;
}

/* line 46, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login textarea.size--sm, body.invite--edit textarea.size--sm, body.invite--update textarea.size--sm, body.invite--thanks textarea.size--sm, body.page--metallconnect textarea.size--sm, body.page--metallconnect_registration textarea.size--sm, body.page--ffm textarea.size--sm, body.page--ffm_registration textarea.size--sm {
  min-height: 10em;
}

/* line 49, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login textarea.size--xs, body.invite--edit textarea.size--xs, body.invite--update textarea.size--xs, body.invite--thanks textarea.size--xs, body.page--metallconnect textarea.size--xs, body.page--metallconnect_registration textarea.size--xs, body.page--ffm textarea.size--xs, body.page--ffm_registration textarea.size--xs {
  min-height: 6em;
}

/* line 52, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login textarea.size--xxs, body.invite--edit textarea.size--xxs, body.invite--update textarea.size--xxs, body.invite--thanks textarea.size--xxs, body.page--metallconnect textarea.size--xxs, body.page--metallconnect_registration textarea.size--xxs, body.page--ffm textarea.size--xxs, body.page--ffm_registration textarea.size--xxs {
  min-height: 3em;
}

/* line 55, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login select, body.invite--edit select, body.invite--update select, body.invite--thanks select, body.page--metallconnect select, body.page--metallconnect_registration select, body.page--ffm select, body.page--ffm_registration select {
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  height: 32px;
  padding-right: 32px;
  background-size: 16px auto;
  background-position: -webkit-calc(100% - 8px) center;
  background-position: -moz-calc(100% - 8px) center;
  background-position: calc(100% - 8px) center;
  background-image: url(/images/select-arrows-dark.svg);
  background-repeat: no-repeat;
}

/* line 67, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login select.size--xl, body.invite--edit select.size--xl, body.invite--update select.size--xl, body.invite--thanks select.size--xl, body.page--metallconnect select.size--xl, body.page--metallconnect_registration select.size--xl, body.page--ffm select.size--xl, body.page--ffm_registration select.size--xl {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 32px 14px 16px;
  height: 52px;
  font-size: 16px;
  -moz-border-radius: 8px;
       border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(45, 42, 38, 0.2);
          box-shadow: 2px 2px 4px 0 rgba(45, 42, 38, 0.2);
}

/* line 76, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row, body.invite--edit .row, body.invite--update .row, body.invite--thanks .row, body.page--metallconnect .row, body.page--metallconnect_registration .row, body.page--ffm .row, body.page--ffm_registration .row {
  font-size: 0;
  max-width: 450px;
}

/* line 80, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row label, body.invite--edit .row label, body.invite--update .row label, body.invite--thanks .row label, body.page--metallconnect .row label, body.page--metallconnect_registration .row label, body.page--ffm .row label, body.page--ffm_registration .row label {
  display: block;
  letter-spacing: 0;
  font-size: 13px;
  margin-bottom: 4px;
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 87, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.required label::after, body.invite--edit .row.required label::after, body.invite--update .row.required label::after, body.invite--thanks .row.required label::after, body.page--metallconnect .row.required label::after, body.page--metallconnect_registration .row.required label::after, body.page--ffm .row.required label::after, body.page--ffm_registration .row.required label::after {
  content: "*";
  margin-left: 2px;
  color: #e3000f;
}

/* line 92, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row .error, body.invite--edit .row .error, body.invite--update .row .error, body.invite--thanks .row .error, body.page--metallconnect .row .error, body.page--metallconnect_registration .row .error, body.page--ffm .row .error, body.page--ffm_registration .row .error {
  margin-top: 6px;
  font-size: 12px;
}

/* line 95, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row .error:first-letter, body.invite--edit .row .error:first-letter, body.invite--update .row .error:first-letter, body.invite--thanks .row .error:first-letter, body.page--metallconnect .row .error:first-letter, body.page--metallconnect_registration .row .error:first-letter, body.page--ffm .row .error:first-letter, body.page--ffm_registration .row .error:first-letter {
  text-transform: capitalize;
}

/* line 98, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row small.form-text, body.invite--edit .row small.form-text, body.invite--update .row small.form-text, body.invite--thanks .row small.form-text, body.page--metallconnect .row small.form-text, body.page--metallconnect_registration .row small.form-text, body.page--ffm .row small.form-text, body.page--ffm_registration .row small.form-text {
  font-size: 13px;
  line-height: 1.3;
  padding: 6px 0;
  display: block;
  width: 100%;
  -webkit-box-ordinal-group: 102;
  -webkit-order: 101;
     -moz-box-ordinal-group: 102;
      -ms-flex-order: 101;
          order: 101;
  color: #8b7e70;
}

@media (max-width: 340px) {
  /* line 98, app/assets/stylesheets/modules/invites/inputs.sass */
  body.invite--login .row small.form-text, body.invite--edit .row small.form-text, body.invite--update .row small.form-text, body.invite--thanks .row small.form-text, body.page--metallconnect .row small.form-text, body.page--metallconnect_registration .row small.form-text, body.page--ffm .row small.form-text, body.page--ffm_registration .row small.form-text {
    font-size: 11px;
  }
}

/* line 111, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row small.form-text + input, body.invite--login .row small.form-text + textarea, body.invite--login .row small.form-text + select, body.invite--edit .row small.form-text + input, body.invite--edit .row small.form-text + textarea, body.invite--edit .row small.form-text + select, body.invite--update .row small.form-text + input, body.invite--update .row small.form-text + textarea, body.invite--update .row small.form-text + select, body.invite--thanks .row small.form-text + input, body.invite--thanks .row small.form-text + textarea, body.invite--thanks .row small.form-text + select, body.page--metallconnect .row small.form-text + input, body.page--metallconnect .row small.form-text + textarea, body.page--metallconnect .row small.form-text + select, body.page--metallconnect_registration .row small.form-text + input, body.page--metallconnect_registration .row small.form-text + textarea, body.page--metallconnect_registration .row small.form-text + select, body.page--ffm .row small.form-text + input, body.page--ffm .row small.form-text + textarea, body.page--ffm .row small.form-text + select, body.page--ffm_registration .row small.form-text + input, body.page--ffm_registration .row small.form-text + textarea, body.page--ffm_registration .row small.form-text + select {
  margin-top: 6px;
}

/* line 114, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row input, body.invite--edit .row input, body.invite--update .row input, body.invite--thanks .row input, body.page--metallconnect .row input, body.page--metallconnect_registration .row input, body.page--ffm .row input, body.page--ffm_registration .row input {
  width: 100%;
}

/* line 117, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.align--row, body.invite--edit .row.align--row, body.invite--update .row.align--row, body.invite--thanks .row.align--row, body.page--metallconnect .row.align--row, body.page--metallconnect_registration .row.align--row, body.page--ffm .row.align--row, body.page--ffm_registration .row.align--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: none;
}

/* line 123, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.align--row input, body.invite--edit .row.align--row input, body.invite--update .row.align--row input, body.invite--thanks .row.align--row input, body.page--metallconnect .row.align--row input, body.page--metallconnect_registration .row.align--row input, body.page--ffm .row.align--row input, body.page--ffm_registration .row.align--row input {
  margin-top: 0;
  width: auto;
}

/* line 127, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.align--row input[type="number"], body.invite--edit .row.align--row input[type="number"], body.invite--update .row.align--row input[type="number"], body.invite--thanks .row.align--row input[type="number"], body.page--metallconnect .row.align--row input[type="number"], body.page--metallconnect_registration .row.align--row input[type="number"], body.page--ffm .row.align--row input[type="number"], body.page--ffm_registration .row.align--row input[type="number"] {
  width: 70px;
  min-width: 0;
  padding-right: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* line 135, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.align--row label, body.invite--edit .row.align--row label, body.invite--update .row.align--row label, body.invite--thanks .row.align--row label, body.page--metallconnect .row.align--row label, body.page--metallconnect_registration .row.align--row label, body.page--ffm .row.align--row label, body.page--ffm_registration .row.align--row label {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
     -moz-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin: 0;
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-left: 12px;
  font-size: 15px;
  margin-top: 1.35px;
  line-height: 1.4;
}

@media (max-width: 340px) {
  /* line 135, app/assets/stylesheets/modules/invites/inputs.sass */
  body.invite--login .row.align--row label, body.invite--edit .row.align--row label, body.invite--update .row.align--row label, body.invite--thanks .row.align--row label, body.page--metallconnect .row.align--row label, body.page--metallconnect_registration .row.align--row label, body.page--ffm .row.align--row label, body.page--ffm_registration .row.align--row label {
    font-size: 13px;
  }
}

/* line 148, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.align--row small.form-text, body.invite--edit .row.align--row small.form-text, body.invite--update .row.align--row small.form-text, body.invite--thanks .row.align--row small.form-text, body.page--metallconnect .row.align--row small.form-text, body.page--metallconnect_registration .row.align--row small.form-text, body.page--ffm .row.align--row small.form-text, body.page--ffm_registration .row.align--row small.form-text {
  padding: 6px 6px 2px 32px;
}

/* line 152, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.align--row .error, body.invite--edit .row.align--row .error, body.invite--update .row.align--row .error, body.invite--thanks .row.align--row .error, body.page--metallconnect .row.align--row .error, body.page--metallconnect_registration .row.align--row .error, body.page--ffm .row.align--row .error, body.page--ffm_registration .row.align--row .error {
  -webkit-box-ordinal-group: 101;
  -webkit-order: 100;
     -moz-box-ordinal-group: 101;
      -ms-flex-order: 100;
          order: 100;
  width: 100%;
}

@media (max-width: 430px) {
  /* line 117, app/assets/stylesheets/modules/invites/inputs.sass */
  body.invite--login .row.align--row, body.invite--edit .row.align--row, body.invite--update .row.align--row, body.invite--thanks .row.align--row, body.page--metallconnect .row.align--row, body.page--metallconnect_registration .row.align--row, body.page--ffm .row.align--row, body.page--ffm_registration .row.align--row {
    max-width: none;
    width: 100%;
  }
  /* line 159, app/assets/stylesheets/modules/invites/inputs.sass */
  body.invite--login .row.align--row .error, body.invite--edit .row.align--row .error, body.invite--update .row.align--row .error, body.invite--thanks .row.align--row .error, body.page--metallconnect .row.align--row .error, body.page--metallconnect_registration .row.align--row .error, body.page--ffm .row.align--row .error, body.page--ffm_registration .row.align--row .error {
    margin-top: 8px;
  }
}

/* line 164, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.field_with_errors input, body.invite--login .row.field_with_errors textarea, body.invite--login .row.field_with_errors select, body.invite--edit .row.field_with_errors input, body.invite--edit .row.field_with_errors textarea, body.invite--edit .row.field_with_errors select, body.invite--update .row.field_with_errors input, body.invite--update .row.field_with_errors textarea, body.invite--update .row.field_with_errors select, body.invite--thanks .row.field_with_errors input, body.invite--thanks .row.field_with_errors textarea, body.invite--thanks .row.field_with_errors select, body.page--metallconnect .row.field_with_errors input, body.page--metallconnect .row.field_with_errors textarea, body.page--metallconnect .row.field_with_errors select, body.page--metallconnect_registration .row.field_with_errors input, body.page--metallconnect_registration .row.field_with_errors textarea, body.page--metallconnect_registration .row.field_with_errors select, body.page--ffm .row.field_with_errors input, body.page--ffm .row.field_with_errors textarea, body.page--ffm .row.field_with_errors select, body.page--ffm_registration .row.field_with_errors input, body.page--ffm_registration .row.field_with_errors textarea, body.page--ffm_registration .row.field_with_errors select {
  border-color: #e3000f;
}

/* line 166, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row.field_with_errors input[type="checkbox"], body.invite--login .row.field_with_errors input[type="radio"], body.invite--edit .row.field_with_errors input[type="checkbox"], body.invite--edit .row.field_with_errors input[type="radio"], body.invite--update .row.field_with_errors input[type="checkbox"], body.invite--update .row.field_with_errors input[type="radio"], body.invite--thanks .row.field_with_errors input[type="checkbox"], body.invite--thanks .row.field_with_errors input[type="radio"], body.page--metallconnect .row.field_with_errors input[type="checkbox"], body.page--metallconnect .row.field_with_errors input[type="radio"], body.page--metallconnect_registration .row.field_with_errors input[type="checkbox"], body.page--metallconnect_registration .row.field_with_errors input[type="radio"], body.page--ffm .row.field_with_errors input[type="checkbox"], body.page--ffm .row.field_with_errors input[type="radio"], body.page--ffm_registration .row.field_with_errors input[type="checkbox"], body.page--ffm_registration .row.field_with_errors input[type="radio"] {
  -webkit-box-shadow: inset 0 0 0 1px #e3000f;
          box-shadow: inset 0 0 0 1px #e3000f;
}

/* line 169, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row + .row, body.invite--edit .row + .row, body.invite--update .row + .row, body.invite--thanks .row + .row, body.page--metallconnect .row + .row, body.page--metallconnect_registration .row + .row, body.page--ffm .row + .row, body.page--ffm_registration .row + .row {
  margin-top: 16px;
}

/* line 171, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .row + .button, body.invite--edit .row + .button, body.invite--update .row + .button, body.invite--thanks .row + .button, body.page--metallconnect .row + .button, body.page--metallconnect_registration .row + .button, body.page--ffm .row + .button, body.page--ffm_registration .row + .button {
  margin-top: 28px;
}

/* line 174, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login .required-marker, body.invite--edit .required-marker, body.invite--update .required-marker, body.invite--thanks .required-marker, body.page--metallconnect .required-marker, body.page--metallconnect_registration .required-marker, body.page--ffm .required-marker, body.page--ffm_registration .required-marker {
  text-decoration: none;
  font-weight: bold;
  color: #e3000f;
}

/* line 180, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login input[type="checkbox"], body.invite--edit input[type="checkbox"], body.invite--update input[type="checkbox"], body.invite--thanks input[type="checkbox"], body.page--metallconnect input[type="checkbox"], body.page--metallconnect_registration input[type="checkbox"], body.page--ffm input[type="checkbox"], body.page--ffm_registration input[type="checkbox"] {
  -webkit-appearance: none;
  border: 1px solid #b1b5b8;
  -moz-border-radius: 4px;
       border-radius: 4px;
  min-width: 0;
  width: 20px !important;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 0 1px #b1b5b8;
          box-shadow: inset 0 0 0 1px #b1b5b8;
  -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, -webkit-box-shadow 0.3s;
  -moz-transition: background-color 0.3s, box-shadow 0.3s;
  transition: background-color 0.3s, box-shadow 0.3s;
  transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  will-change: box-shadow;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/* line 194, app/assets/stylesheets/modules/invites/inputs.sass */
body.invite--login input[type="checkbox"]:checked, body.invite--edit input[type="checkbox"]:checked, body.invite--update input[type="checkbox"]:checked, body.invite--thanks input[type="checkbox"]:checked, body.page--metallconnect input[type="checkbox"]:checked, body.page--metallconnect_registration input[type="checkbox"]:checked, body.page--ffm input[type="checkbox"]:checked, body.page--ffm_registration input[type="checkbox"]:checked {
  background-image: url(/assets/ui/check-7d2fc495dc3c8c17951845de53fbe39c816f3b98645dfa53fbc147b292e24898.svg);
  background-color: #00998a;
  background-size: 85%;
  background-position: 60% 70%;
  background-repeat: no-repeat;
  -webkit-box-shadow: inset 0 0 0 0.5px #34948e;
          box-shadow: inset 0 0 0 0.5px #34948e;
}
/* line 4, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 440px;
  max-height: 720px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 60px;
}

@media (max-width: 500px) {
  /* line 4, app/assets/stylesheets/modules/solar_header.sass */
  header.solar-header {
    max-height: 550px;
    margin-bottom: 30px;
  }
}

/* line 18, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header .header__background {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 18, app/assets/stylesheets/modules/solar_header.sass */
  header.solar-header .header__background {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center 35%;
       object-position: center 35%;
    width: 100%;
  }
}

/* line 33, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: auto;
  top: auto;
  right: 0;
  bottom: -50px;
  width: 100%;
  height: 160px;
  max-height: 15vw;
  background-image: url(/assets/solar/energy-2181f34dcc0c0b06bebc124e7d7352331c8dfc43a229d06e20b4743efb48a939.svg);
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 1000px) {
  /* line 33, app/assets/stylesheets/modules/solar_header.sass */
  header.solar-header::after {
    bottom: -5vw;
  }
}

/* line 51, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header.beige::before {
  content: "";
  position: absolute;
  bottom: -60px;
  height: 60px;
  width: 100%;
  background-color: #f5f3ef;
}

/* line 59, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header .header__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  margin-top: 200px;
}

/* line 70, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header .header__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 1400px;
  margin: 48px auto;
  padding: 0 20px;
}

/* line 79, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header .header__logo img {
  width: 170px;
  max-width: 30vw;
}

/* line 84, app/assets/stylesheets/modules/solar_header.sass */
header.solar-header h1 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: white;
  text-align: center;
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 800px) {
  /* line 84, app/assets/stylesheets/modules/solar_header.sass */
  header.solar-header h1 {
    font-size: 52px;
  }
}

@media (max-width: 500px) {
  /* line 84, app/assets/stylesheets/modules/solar_header.sass */
  header.solar-header h1 {
    font-size: 42px;
  }
}
/* line 6, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section, body.page--solar_craft section {
  position: relative;
  padding: 80px 0 60px;
}

@media (max-width: 700px) {
  /* line 6, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar section, body.page--solar_craft section {
    padding: 40px 0 30px;
  }
}

/* line 13, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.seamless, body.page--solar_craft section.seamless {
  padding: 0;
}

/* line 15, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.seamless--top, body.page--solar_craft section.seamless--top {
  padding-top: 0;
}

/* line 18, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .container, body.page--solar_craft .container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

@media (max-width: 1140px) {
  /* line 18, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .container, body.page--solar_craft .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 20, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .container--lg, body.page--solar_craft .container--lg {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  max-width: 1280px;
}

@media (max-width: 1140px) {
  /* line 20, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .container--lg, body.page--solar_craft .container--lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 23, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .container--sm, body.page--solar_craft .container--sm {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  max-width: 750px;
}

@media (max-width: 1140px) {
  /* line 23, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .container--sm, body.page--solar_craft .container--sm {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 26, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .container--sm p, body.page--solar_craft .container--sm p {
  max-width: none;
}

/* line 29, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .position-wrapper, body.page--solar_craft .position-wrapper {
  position: relative;
}

/* line 32, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar picture, body.page--solar_craft picture {
  display: block;
}

/* line 35, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h2, body.page--solar_craft h2 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -1px;
  max-width: 750px;
}

@media (max-width: 800px) {
  /* line 35, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h2, body.page--solar_craft h2 {
    font-size: 42px;
  }
}

@media (max-width: 500px) {
  /* line 35, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h2, body.page--solar_craft h2 {
    font-size: 36px;
  }
}

/* line 41, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h2 + div, body.page--solar h2 + .columns, body.page--solar h2 + .columns--three, body.page--solar h2 + .columns--two, body.page--solar h2 + picture, body.page--solar h2 + img, body.page--solar_craft h2 + div, body.page--solar_craft h2 + .columns, body.page--solar_craft h2 + .columns--three, body.page--solar_craft h2 + .columns--two, body.page--solar_craft h2 + picture, body.page--solar_craft h2 + img {
  margin-top: 50px;
}

/* line 43, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h2 + p, body.page--solar_craft h2 + p {
  margin-top: 24px;
}

/* line 46, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h3, body.page--solar_craft h3 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.6px;
}

@media (max-width: 800px) {
  /* line 46, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h3, body.page--solar_craft h3 {
    font-size: 26px;
  }
}

@media (max-width: 500px) {
  /* line 46, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h3, body.page--solar_craft h3 {
    font-size: 24px;
  }
}

/* line 51, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h3.size--lg, body.page--solar_craft h3.size--lg {
  font-size: 40px;
}

@media (max-width: 800px) {
  /* line 51, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h3.size--lg, body.page--solar_craft h3.size--lg {
    font-size: 36px;
  }
}

@media (max-width: 500px) {
  /* line 51, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h3.size--lg, body.page--solar_craft h3.size--lg {
    font-size: 32px;
  }
}

/* line 53, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h3 + p, body.page--solar_craft h3 + p {
  margin-top: 20px;
}

/* line 56, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h4, body.page--solar_craft h4 {
  font-family: "Charlie 3", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.6px;
}

@media (max-width: 800px) {
  /* line 56, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h4, body.page--solar_craft h4 {
    font-size: 22px;
  }
}

@media (max-width: 500px) {
  /* line 56, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar h4, body.page--solar_craft h4 {
    font-size: 18px;
  }
}

/* line 61, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar h4 + p, body.page--solar_craft h4 + p {
  margin-top: 15px;
}

/* line 64, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p, body.page--solar_craft p {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.5;
  max-width: 600px;
  margin: 0;
}

@media (max-width: 800px) {
  /* line 64, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p, body.page--solar_craft p {
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  /* line 64, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p, body.page--solar_craft p {
    font-size: 14px;
  }
}

/* line 72, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p.size--xs, body.page--solar_craft p.size--xs {
  font-size: 14px;
}

@media (max-width: 800px) {
  /* line 72, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--xs, body.page--solar_craft p.size--xs {
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  /* line 72, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--xs, body.page--solar_craft p.size--xs {
    font-size: 12px;
  }
}

/* line 74, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p.size--sm, body.page--solar_craft p.size--sm {
  font-size: 16px;
}

@media (max-width: 800px) {
  /* line 74, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--sm, body.page--solar_craft p.size--sm {
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  /* line 74, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--sm, body.page--solar_craft p.size--sm {
    font-size: 14px;
  }
}

/* line 76, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p.size--md, body.page--solar_craft p.size--md {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 22px;
  max-width: 720px;
}

@media (max-width: 800px) {
  /* line 76, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--md, body.page--solar_craft p.size--md {
    font-size: 22px;
  }
}

@media (max-width: 500px) {
  /* line 76, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--md, body.page--solar_craft p.size--md {
    font-size: 16px;
  }
}

/* line 80, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p.size--md-echo, body.page--solar_craft p.size--md-echo {
  font-size: 22px;
  max-width: 720px;
}

@media (max-width: 800px) {
  /* line 80, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--md-echo, body.page--solar_craft p.size--md-echo {
    font-size: 22px;
  }
}

@media (max-width: 500px) {
  /* line 80, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--md-echo, body.page--solar_craft p.size--md-echo {
    font-size: 16px;
  }
}

/* line 83, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p.size--lg, body.page--solar_craft p.size--lg {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 30px;
  line-height: 1.3;
  max-width: 720px;
}

@media (max-width: 800px) {
  /* line 83, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--lg, body.page--solar_craft p.size--lg {
    font-size: 26px;
  }
}

@media (max-width: 500px) {
  /* line 83, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar p.size--lg, body.page--solar_craft p.size--lg {
    font-size: 21px;
  }
}

/* line 89, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p.style--italic, body.page--solar_craft p.style--italic {
  font-family: "Charlie 3", serif;
  font-weight: 300;
  font-style: italic;
}

/* line 92, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p b, body.page--solar_craft p b {
  font-family: "Echo 3", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 95, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p + p, body.page--solar_craft p + p {
  margin-top: 1em;
}

/* line 97, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar p + h3, body.page--solar_craft p + h3 {
  margin-top: 40px;
}

/* line 100, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .overline, body.page--solar_craft .overline {
  font-family: "Echo 3", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

@media (max-width: 800px) {
  /* line 100, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .overline, body.page--solar_craft .overline {
    font-size: 15px;
  }
}

@media (max-width: 500px) {
  /* line 100, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .overline, body.page--solar_craft .overline {
    font-size: 12px;
  }
}

/* line 106, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .overline.size--lg, body.page--solar_craft .overline.size--lg {
  font-size: 24px;
  text-transform: none;
  margin-bottom: 5px;
}

@media (max-width: 800px) {
  /* line 106, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .overline.size--lg, body.page--solar_craft .overline.size--lg {
    font-size: 20px;
  }
}

@media (max-width: 500px) {
  /* line 106, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .overline.size--lg, body.page--solar_craft .overline.size--lg {
    font-size: 14px;
  }
}

/* line 111, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar img, body.page--solar_craft img {
  max-width: 100%;
}

/* line 115, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns, body.page--solar .columns--three, body.page--solar .columns--two, body.page--solar_craft .columns, body.page--solar_craft .columns--three, body.page--solar_craft .columns--two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 119, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns .button--red, body.page--solar .columns--three .button--red, body.page--solar .columns--two .button--red, body.page--solar_craft .columns .button--red, body.page--solar_craft .columns--three .button--red, body.page--solar_craft .columns--two .button--red {
  display: block;
  text-align: center;
  width: 215px;
  max-width: 100%;
}

/* line 125, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns + .columns, body.page--solar .columns--three + .columns, body.page--solar .columns + .columns--three, body.page--solar .columns--three + .columns--three, body.page--solar .columns--two + .columns, body.page--solar .columns--two + .columns--three, body.page--solar .columns + .columns--two, body.page--solar .columns--three + .columns--two, body.page--solar .columns--two + .columns--two, body.page--solar_craft .columns + .columns, body.page--solar_craft .columns--three + .columns, body.page--solar_craft .columns + .columns--three, body.page--solar_craft .columns--three + .columns--three, body.page--solar_craft .columns--two + .columns, body.page--solar_craft .columns--two + .columns--three, body.page--solar_craft .columns + .columns--two, body.page--solar_craft .columns--three + .columns--two, body.page--solar_craft .columns--two + .columns--two {
  margin-top: 100px;
}

@media (max-width: 700px) {
  /* line 125, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns + .columns, body.page--solar .columns--three + .columns, body.page--solar .columns + .columns--three, body.page--solar .columns--three + .columns--three, body.page--solar .columns--two + .columns, body.page--solar .columns--two + .columns--three, body.page--solar .columns + .columns--two, body.page--solar .columns--three + .columns--two, body.page--solar .columns--two + .columns--two, body.page--solar_craft .columns + .columns, body.page--solar_craft .columns--three + .columns, body.page--solar_craft .columns + .columns--three, body.page--solar_craft .columns--three + .columns--three, body.page--solar_craft .columns--two + .columns, body.page--solar_craft .columns--two + .columns--three, body.page--solar_craft .columns + .columns--two, body.page--solar_craft .columns--three + .columns--two, body.page--solar_craft .columns--two + .columns--two {
    margin-top: 40px;
  }
}

/* line 131, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns.vertical--center, body.page--solar .vertical--center.columns--three, body.page--solar .vertical--center.columns--two, body.page--solar_craft .columns.vertical--center, body.page--solar_craft .vertical--center.columns--three, body.page--solar_craft .vertical--center.columns--two {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 136, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns--two .col, body.page--solar_craft .columns--two .col {
  width: 45%;
  max-width: 550px;
}

/* line 140, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns--two .col.w-50, body.page--solar_craft .columns--two .col.w-50 {
  width: 52%;
  max-width: 600px;
}

/* line 143, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns--two .col.w-40, body.page--solar_craft .columns--two .col.w-40 {
  width: 40%;
}

@media (max-width: 740px) {
  /* line 134, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns--two, body.page--solar_craft .columns--two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  /* line 149, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns--two .col, body.page--solar_craft .columns--two .col {
    width: 100% !important;
    max-width: none;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  /* line 155, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns--two .col.break--top, body.page--solar_craft .columns--two .col.break--top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

/* line 160, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns--three .col, body.page--solar_craft .columns--three .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  max-width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 166, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns--three .col .column__action, body.page--solar_craft .columns--three .col .column__action {
  margin-top: auto;
  text-align: center;
}

/* line 169, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns--three .col .column__action *, body.page--solar_craft .columns--three .col .column__action * {
  margin-left: auto;
  margin-right: auto;
}

/* line 173, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .columns--three .col + .col, body.page--solar_craft .columns--three .col + .col {
  margin-left: 30px;
}

@media (max-width: 980px) {
  /* line 158, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns--three, body.page--solar_craft .columns--three {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  /* line 179, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns--three .col, body.page--solar_craft .columns--three .col {
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  /* line 184, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns--three .col, body.page--solar_craft .columns--three .col {
    width: 100%;
    margin: 0 !important;
  }
  /* line 187, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .columns--three .col + .col, body.page--solar_craft .columns--three .col + .col {
    margin-top: 36px !important;
  }
}

/* line 190, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar * + .columns, body.page--solar * + .columns--two, body.page--solar * + .columns--three, body.page--solar_craft * + .columns, body.page--solar_craft * + .columns--two, body.page--solar_craft * + .columns--three {
  margin-top: 30px;
}

/* line 193, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .card, body.page--solar_craft .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  background-color: white;
  -moz-border-radius: 20px;
       border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 5;
}

/* line 202, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .card .card__image, body.page--solar_craft .card .card__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3b8855;
  padding: 40px;
  width: 40%;
  min-width: 280px;
}

/* line 211, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .card .card__image .logo, body.page--solar_craft .card .card__image .logo {
  width: 100%;
  max-width: 240px;
}

/* line 215, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .card .card__content, body.page--solar_craft .card .card__content {
  text-align: left;
  padding: 48px 40px 36px;
  max-width: 540px;
  margin: 0 auto;
}

/* line 221, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .card .card__title, body.page--solar_craft .card .card__title {
  text-transform: uppercase;
  max-width: 440px;
  letter-spacing: 1;
  line-height: 1.05;
}

@media (max-width: 700px) {
  /* line 193, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .card, body.page--solar_craft .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 230, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .card .card__image, body.page--solar_craft .card .card__image {
    width: 100%;
  }
  /* line 232, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .card .card__image .logo, body.page--solar_craft .card .card__image .logo {
    width: 75%;
  }
  /* line 234, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .card .card__content, body.page--solar_craft .card .card__content {
    padding: 24px 24px 20px;
  }
}

/* line 237, app/assets/stylesheets/modules/solar_page.sass */
* + body.page--solar .card, * + body.page--solar_craft .card {
  margin-top: 100px;
}

/* line 241, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .box, body.page--solar_craft .box {
  margin: 24px;
  width: 280px;
  max-width: -webkit-calc(50% - 25px);
  max-width: -moz-calc(50% - 25px);
  max-width: calc(50% - 25px);
  min-height: 250px;
  -moz-border-radius: 20px;
       border-radius: 20px;
  border: 4px solid #03a57b;
  padding: 24px 15px;
  text-align: center;
}

/* line 251, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .box-grid, body.page--solar_craft .box-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@supports (gap: 50px) {
  /* line 251, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .box-grid, body.page--solar_craft .box-grid {
    gap: 50px;
  }
  /* line 258, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .box-grid .box, body.page--solar_craft .box-grid .box {
    margin: 0 !important;
  }
}

/* line 261, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .box-grid .box:nth-child(even), body.page--solar_craft .box-grid .box:nth-child(even) {
  border-color: #ffdc00;
}

@media (max-width: 550px) {
  /* line 251, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .box-grid, body.page--solar_craft .box-grid {
    gap: 25px;
  }
  /* line 266, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .box-grid .box, body.page--solar_craft .box-grid .box {
    width: 100%;
    max-width: 350px;
    min-height: 0;
  }
}

/* line 271, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .box-grid + *, body.page--solar_craft .box-grid + * {
  margin-top: 100px;
}

/* line 274, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .banner, body.page--solar_craft .banner {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 400px;
  max-height: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 1400px) {
  /* line 274, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .banner, body.page--solar_craft .banner {
    max-height: 500px;
  }
}

/* line 286, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .banner .banner__background, body.page--solar_craft .banner .banner__background {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 286, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .banner .banner__background, body.page--solar_craft .banner .banner__background {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center 35%;
       object-position: center 35%;
    width: 100%;
  }
}

/* line 300, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .banner .banner__content, body.page--solar_craft .banner .banner__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  color: white;
}

/* line 310, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .banner .banner__content p, body.page--solar_craft .banner .banner__content p {
  margin-top: 8px;
  opacity: 0.8;
}

/* line 315, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .background-stripes, body.page--solar_craft .background-stripes {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 360px;
  width: 100%;
  z-index: 1;
}

/* line 323, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .background-stripes.clr--green, body.page--solar_craft .background-stripes.clr--green {
  width: 20vw;
  bottom: -100px;
}

/* line 324, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .background-stripes.clr--green line, body.page--solar_craft .background-stripes.clr--green line {
  stroke: #03a57b;
}

@media (max-width: 1380px) {
  /* line 323, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .background-stripes.clr--green, body.page--solar_craft .background-stripes.clr--green {
    display: none;
  }
}

/* line 331, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .extra-image-left, body.page--solar_craft .extra-image-left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24vw;
  max-width: 400px;
  z-index: 1;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1480px) {
  /* line 331, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .extra-image-left, body.page--solar_craft .extra-image-left {
    display: none;
  }
}

/* line 342, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .extra-image-right, body.page--solar_craft .extra-image-right {
  position: absolute;
  right: 0;
  top: 50%;
  width: 24vw;
  max-width: 400px;
  z-index: 1;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1480px) {
  /* line 342, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .extra-image-right, body.page--solar_craft .extra-image-right {
    display: none;
  }
}

/* line 354, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .extra-image-right-bottom, body.page--solar_craft .extra-image-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  width: 27vw;
  max-width: 400px;
  z-index: 1;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1100px) {
  /* line 354, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .extra-image-right-bottom, body.page--solar_craft .extra-image-right-bottom {
    display: none;
  }
}

/* line 369, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .planning-slider, body.page--solar_craft .planning-slider {
  margin-top: 60px;
}

/* line 372, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .planning-slider .swiper-slide svg, body.page--solar_craft .planning-slider .swiper-slide svg {
  height: 180px;
}

/* line 375, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .planning-slider .slider__footer, body.page--solar_craft .planning-slider .slider__footer {
  margin-top: 20px;
}

@media (min-width: 1720px) {
  /* line 375, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .planning-slider .slider__footer, body.page--solar_craft .planning-slider .slider__footer {
    display: none;
  }
}

/* line 382, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .logistic-slider .swiper-slide, body.page--solar_craft .logistic-slider .swiper-slide {
  margin-top: -76px;
}

/* line 384, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .logistic-slider .swiper-slide svg, body.page--solar_craft .logistic-slider .swiper-slide svg {
  height: 300px;
}

/* line 386, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .logistic-slider .slider__footer, body.page--solar_craft .logistic-slider .slider__footer {
  margin-top: 20px;
}

/* line 390, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .overflow--hidden, body.page--solar_craft .overflow--hidden {
  overflow: hidden;
}

/* line 394, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .bg--dark, body.page--solar_craft .bg--dark {
  background-color: #2c2c30;
  color: white;
}

/* line 398, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .bg--light, body.page--solar_craft .bg--light {
  background-color: #f5f3ef;
}

/* line 400, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .bg--white, body.page--solar_craft .bg--white {
  background-color: white;
}

/* line 402, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .bg--gradient-light, body.page--solar_craft .bg--gradient-light {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f5f3ef));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #f5f3ef 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #f5f3ef 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0), #f5f3ef 100%);
}

/* line 405, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .bg--black, body.page--solar_craft .bg--black {
  background-color: black;
}

/* line 409, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .clr--green, body.page--solar_craft .clr--green {
  color: #03a57b;
}

/* line 411, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .clr--soft, body.page--solar_craft .clr--soft {
  opacity: 0.6;
}

/* line 414, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .mt--80, body.page--solar_craft .mt--80 {
  margin-top: 80px;
}

/* line 418, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .width--sm, body.page--solar_craft .width--sm {
  width: 100%;
  max-width: 340px !important;
}

/* line 421, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .width--md, body.page--solar_craft .width--md {
  width: 100%;
  max-width: 520px !important;
}

/* line 424, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .width--650, body.page--solar_craft .width--650 {
  width: 100%;
  max-width: 650px !important;
}

/* line 427, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .width--lg, body.page--solar_craft .width--lg {
  width: 100%;
  max-width: 850px !important;
}

/* line 430, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .width--1-2, body.page--solar_craft .width--1-2 {
  width: 50%;
}

/* line 433, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .align--center, body.page--solar_craft .align--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* line 438, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .section-wrapper-white, body.page--solar_craft .section-wrapper-white {
  background-color: #f5f3ef;
  padding-top: 340px;
}

/* line 442, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.overlap--bottom, body.page--solar_craft section.overlap--bottom {
  padding-bottom: 0;
  margin-bottom: -180px;
}

/* line 446, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.overlap--bottom .container, body.page--solar section.overlap--bottom .container--lg, body.page--solar_craft section.overlap--bottom .container, body.page--solar_craft section.overlap--bottom .container--lg {
  position: relative;
  z-index: 2;
}

/* line 450, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.overlap--bottom + section, body.page--solar_craft section.overlap--bottom + section {
  padding: 260px 0 80px;
}

@media (max-width: 700px) {
  /* line 450, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar section.overlap--bottom + section, body.page--solar_craft section.overlap--bottom + section {
    padding: 260px 0 60px;
  }
}

/* line 456, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.overlap--top, body.page--solar_craft section.overlap--top {
  padding-top: 1px;
  margin-top: 240px;
}

/* line 460, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.overlap--top > :first-child, body.page--solar_craft section.overlap--top > :first-child {
  margin-top: -180px;
}

/* line 464, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar section.overlap--top-extra > :first-child, body.page--solar_craft section.overlap--top-extra > :first-child {
  margin-top: -340px;
}

/* line 469, app/assets/stylesheets/modules/solar_page.sass */
* + body.page--solar .button--red, * + body.page--solar_craft .button--red {
  margin-top: 30px;
}

@media (max-width: 1300px) {
  /* line 472, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp-intro h2, body.page--solar_craft .pp-intro h2 {
    margin-left: 0;
  }
}

/* line 478, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp, body.page--solar_craft .pp {
  padding: 0;
  color: white;
}

@media (max-width: 940px) {
  /* line 482, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp picture, body.page--solar_craft .pp picture {
    display: none;
  }
}

/* line 485, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .wrapper, body.page--solar_craft .pp .wrapper {
  max-width: 1680px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 80px 0 60px;
  background-color: black;
}

/* line 492, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .wrapper *, body.page--solar_craft .pp .wrapper * {
  z-index: 1;
}

/* line 495, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .wrapper:after, body.page--solar_craft .pp .wrapper:after {
  height: 400px;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  background: #f5f3ef url(/assets/solar/index/black_yellow_pattern-eb43e411af112fadf2851357d3cbf5ed680367c5e213f8a7d9761424c8914d88.svg) no-repeat center bottom;
  z-index: 0;
}

@media (max-width: 800px) {
  /* line 495, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .wrapper:after, body.page--solar_craft .pp .wrapper:after {
    background-size: 120%;
    background-color: black;
    background-position: left bottom;
  }
}

/* line 507, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .content, body.page--solar_craft .pp .content {
  color: white;
  z-index: 1;
}

/* line 510, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header, body.page--solar_craft .pp--header {
  background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(39%, #23184e), color-stop(61%, #41336c), to(#604f8c));
  background: -webkit-linear-gradient(top, black 0%, #23184e 39%, #41336c 61%, #604f8c 100%);
  background: -moz-linear-gradient(top, black 0%, #23184e 39%, #41336c 61%, #604f8c 100%);
  background: linear-gradient(180deg, black 0%, #23184e 39%, #41336c 61%, #604f8c 100%);
  color: white;
  padding-top: 50px;
  padding: 100px 130px;
  -moz-border-radius: 0 0 80px 80px;
       border-radius: 0 0 80px 80px;
}

@media (max-width: 940px) {
  /* line 510, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp--header, body.page--solar_craft .pp--header {
    padding: 70px 70px;
  }
  /* line 519, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp--header .columns--two, body.page--solar_craft .pp--header .columns--two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 521, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp--header .col, body.page--solar_craft .pp--header .col {
    width: 100%;
  }
}

/* line 523, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header h3, body.page--solar_craft .pp--header h3 {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 527, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header p, body.page--solar_craft .pp--header p {
  font-size: 15px;
}

/* line 529, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header .yellow, body.page--solar_craft .pp--header .yellow {
  color: #FED500;
}

/* line 531, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header img, body.page--solar_craft .pp--header img {
  position: absolute;
  right: 0;
  top: -100px;
  width: 32%;
}

/* line 537, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header + .column__action, body.page--solar_craft .pp--header + .column__action {
  text-align: center;
}

/* line 539, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header + .column__action .button--red, body.page--solar_craft .pp--header + .column__action .button--red {
  margin: 0 auto;
  margin-top: -30px;
}

/* line 542, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp--header + .column__action p.info, body.page--solar_craft .pp--header + .column__action p.info {
  font-size: 13px;
  text-align: center;
  color: white;
  width: 100%;
  max-width: inherit;
  margin-top: 10px;
}

/* line 549, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp span.marked, body.page--solar_craft .pp span.marked {
  color: #e3000f;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 552, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .benefits, body.page--solar_craft .pp .benefits {
  padding: 40px 0;
  margin-bottom: 200px;
}

/* line 555, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .benefits--card, body.page--solar_craft .pp .benefits--card {
  background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(39%, #23184e), color-stop(61%, #41336c), to(#604f8c));
  background: -webkit-linear-gradient(top, black 0%, #23184e 39%, #41336c 61%, #604f8c 100%);
  background: -moz-linear-gradient(top, black 0%, #23184e 39%, #41336c 61%, #604f8c 100%);
  background: linear-gradient(180deg, black 0%, #23184e 39%, #41336c 61%, #604f8c 100%);
  color: white;
  padding: 60px 50px 30px 50px;
  -moz-border-radius: 0 0 0 30px;
       border-radius: 0 0 0 30px;
  min-height: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 564, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .benefits--card p, body.page--solar_craft .pp .benefits--card p {
  font-size: 26px;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: italic;
}

@media (max-width: 800px) {
  /* line 564, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .benefits--card p, body.page--solar_craft .pp .benefits--card p {
    font-size: 26px;
  }
}

@media (max-width: 500px) {
  /* line 564, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .benefits--card p, body.page--solar_craft .pp .benefits--card p {
    font-size: 24px;
  }
}

/* line 567, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .benefits--text-list, body.page--solar_craft .pp .benefits--text-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 740px) {
  /* line 567, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .benefits--text-list, body.page--solar_craft .pp .benefits--text-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 575, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .or, body.page--solar_craft .pp .or {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  left: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 800px) {
  /* line 575, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .or, body.page--solar_craft .pp .or {
    bottom: 140px;
  }
  /* line 586, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .or span, body.page--solar_craft .pp .or span {
    color: white !important;
  }
}

/* line 588, app/assets/stylesheets/modules/solar_page.sass */
body.page--solar .pp .or span, body.page--solar_craft .pp .or span {
  position: relative;
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: black;
  font-size: 48px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  /* line 588, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .or span, body.page--solar_craft .pp .or span {
    font-size: 42px;
  }
}

@media (max-width: 500px) {
  /* line 588, app/assets/stylesheets/modules/solar_page.sass */
  body.page--solar .pp .or span, body.page--solar_craft .pp .or span {
    font-size: 36px;
  }
}
/* line 4, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider {
  margin: 0 auto;
  overflow-y: hidden;
}

/* line 8, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .swiper-container {
  height: 100vh;
}

@media (min-width: 900px) {
  /* line 8, app/assets/stylesheets/modules/vertical_slider.sass */
  .vertical-slider .swiper-container {
    max-height: 95vw;
  }
}

/* line 13, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .swiper-slide {
  background-color: white;
}

/* line 16, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
}

@media (max-width: 900px) {
  /* line 16, app/assets/stylesheets/modules/vertical_slider.sass */
  .vertical-slider .slider__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 25, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--image, .vertical-slider .slider__columns .col--content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  height: 100%;
}

@media (max-width: 900px) {
  /* line 25, app/assets/stylesheets/modules/vertical_slider.sass */
  .vertical-slider .slider__columns .col--image, .vertical-slider .slider__columns .col--content {
    width: 100%;
  }
}

/* line 34, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--content {
  padding: 30px;
  vertical-align: center;
  max-width: 900px;
}

@media (max-width: 900px) {
  /* line 34, app/assets/stylesheets/modules/vertical_slider.sass */
  .vertical-slider .slider__columns .col--content {
    padding: 20px;
  }
}

/* line 42, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--content .column__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  /* line 42, app/assets/stylesheets/modules/vertical_slider.sass */
  .vertical-slider .slider__columns .col--content .column__content {
    padding: 0;
  }
}

/* line 55, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--content .column__action {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: auto;
  padding: 30px;
}

@media (max-width: 900px) {
  /* line 55, app/assets/stylesheets/modules/vertical_slider.sass */
  .vertical-slider .slider__columns .col--content .column__action {
    padding: 20px 0;
  }
}

/* line 64, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--content .column__action .actions.widget {
  width: 100%;
}

/* line 67, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--content .column__action .button--red {
  display: block;
  width: 80%;
  max-width: 260px;
  margin: 0 auto;
}

/* line 74, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--image {
  position: relative;
  overflow: hidden;
}

@media (max-width: 900px) {
  /* line 74, app/assets/stylesheets/modules/vertical_slider.sass */
  .vertical-slider .slider__columns .col--image {
    max-height: 40%;
  }
}

/* line 81, app/assets/stylesheets/modules/vertical_slider.sass */
.vertical-slider .slider__columns .col--image img, .vertical-slider .slider__columns .col--image picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* line 4, app/assets/stylesheets/modules/product-slider.sass */
.product-slider {
  position: relative;
  overflow: hidden;
  background: white;
}

/* line 8, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-wrapper {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* line 11, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-slide {
  position: relative;
  width: auto;
  padding: 0;
  margin: 0;
}

/* line 16, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-slide .thumb {
  display: none;
}

/* line 18, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-slide img {
  user-drag: none;
  pointer-events: none;
}

/* line 24, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .slider__footer {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 30px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 120px;
  z-index: 1;
}

/* line 37, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .slider__button-next, .product-slider .slider__button-prev {
  width: 30px;
  margin: 0 15px;
  height: 100%;
  background-image: url(/assets/ui/slider_right_black-5ea73ff54fbae6695baeaca1a28ade403c06b1a690d360237d9e4ca67c335a80.svg);
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .slider__button-next.swiper-button-disabled, .product-slider .slider__button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: default;
}

/* line 53, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .slider__button-prev {
  background-image: url(/assets/ui/slider_left_black-d50da858af94af542ae0ec5bbad74f77e77d9da2f11a8bca3a684504e19c620c.svg);
}

/* line 56, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #ededed;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  opacity: 0;
  -webkit-transition: opacity 500ms ease, margin 500ms ease;
  -moz-transition: opacity 500ms ease, margin 500ms ease;
  transition: opacity 500ms ease, margin 500ms ease;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  z-index: 0;
}

/* line 72, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.prev, .product-slider .pagination__thumbnail.prev-prev, .product-slider .pagination__thumbnail.prev-prev-prev, .product-slider .pagination__thumbnail.next, .product-slider .pagination__thumbnail.next-next, .product-slider .pagination__thumbnail.next-next-next {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 500ms ease, margin 500ms ease;
  -moz-transition: opacity 500ms ease, margin 500ms ease;
  transition: opacity 500ms ease, margin 500ms ease;
  z-index: 1;
}

/* line 77, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.prev {
  margin-left: -130px;
}

/* line 79, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.next {
  margin-left: 50px;
}

/* line 81, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.prev-prev {
  margin-left: -220px;
}

@media (max-width: 600px) {
  /* line 81, app/assets/stylesheets/modules/product-slider.sass */
  .product-slider .pagination__thumbnail.prev-prev {
    opacity: 0;
    pointer-events: none;
  }
}

/* line 86, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.prev-prev-prev {
  margin-left: -310px;
  opacity: 0;
  pointer-events: none;
}

/* line 92, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.next-next {
  margin-left: 140px;
}

@media (max-width: 600px) {
  /* line 92, app/assets/stylesheets/modules/product-slider.sass */
  .product-slider .pagination__thumbnail.next-next {
    opacity: 0;
    pointer-events: none;
  }
}

/* line 97, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.next-next-next {
  margin-left: 230px;
  opacity: 0;
  pointer-events: none;
}

/* line 101, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .pagination__thumbnail.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 500ms ease, margin 500ms ease;
  -moz-transition: opacity 500ms ease, margin 500ms ease;
  transition: opacity 500ms ease, margin 500ms ease;
  background-color: #ffda1a;
  z-index: 2;
}

/* line 115, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-pagination {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  width: 470px;
}

/* line 120, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 8px;
  background-color: #b3b3b3;
  opacity: 1;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

/* line 128, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffda1a;
}

/* line 131, app/assets/stylesheets/modules/product-slider.sass */
.product-slider .swiper-pagination .swiper-pagination-bullet:first-child:last-child {
  opacity: 0;
}

/* line 136, app/assets/stylesheets/modules/product-slider.sass */
.product-slider.bg--none {
  background: none;
}

/* line 138, app/assets/stylesheets/modules/product-slider.sass */
.product-slider.bg--none .swiper-slide::after {
  background: none;
}

/* line 140, app/assets/stylesheets/modules/product-slider.sass */
.product-slider.bg--none .heading-slide::after {
  background: none;
}

/* line 143, app/assets/stylesheets/modules/product-slider.sass */
.product-slider.overflow--visible {
  overflow: visible;
}
@charset "UTF-8";
/* line 8, app/assets/stylesheets/modules/breadcrumb.sass */
section.breadcrumb {
  padding-top: 20px;
  padding-bottom: 0;
}

@media (max-width: 700px) {
  /* line 8, app/assets/stylesheets/modules/breadcrumb.sass */
  section.breadcrumb {
    padding-top: 0;
    margin-top: -20px;
  }
}

/* line 14, app/assets/stylesheets/modules/breadcrumb.sass */
.bc {
  font-size: 14px;
  color: #838c94;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: auto;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 25, app/assets/stylesheets/modules/breadcrumb.sass */
.bc * {
  margin-bottom: 10px;
}

/* line 27, app/assets/stylesheets/modules/breadcrumb.sass */
.bc a.bc--el {
  font-size: 14px;
  color: #838c94;
  position: relative;
  display: inline-block;
  padding-right: 20px;
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/modules/breadcrumb.sass */
.bc a.bc--el:hover {
  color: black;
}

/* line 37, app/assets/stylesheets/modules/breadcrumb.sass */
.bc a.bc--el::after {
  content: "»";
  display: block;
  position: absolute;
  width: 12px;
  height: 16px;
  text-align: center;
  right: 4px;
  top: -1px;
}

/* line 51, app/assets/stylesheets/modules/breadcrumb.sass */
.bc--el--back {
  color: #00998a;
  background-color: #d9f0ed;
  padding: 0 10px 0 20px;
  -moz-border-radius: 8px;
       border-radius: 8px;
  text-align: center;
  text-decoration: none;
  position: relative;
  font-family: sans-serif;
  margin-bottom: 10px;
  margin-right: 20px;
  height: 24px;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}

/* line 71, app/assets/stylesheets/modules/breadcrumb.sass */
.bc--el--back::after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(/assets/ui/arrow-ios-left-green-cb2e15d7237a0e3e226afe33b42f77d5d1cf2b9f781960573fb3a0fae7aa7964.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  left: 4px;
  top: 50%;
  margin-top: -8px;
}
/* line 5, app/assets/stylesheets/modules/datasheet.sass */
.datasheet .datasheet__title {
  font-family: "Echo 3", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 8px;
  border-bottom: 4px solid #2d2a26;
}

/* line 12, app/assets/stylesheets/modules/datasheet.sass */
.datasheet .datasheet__list {
  list-style: none;
}

/* line 15, app/assets/stylesheets/modules/datasheet.sass */
.datasheet .datasheet__list li {
  padding: 5px 0;
}

/* line 17, app/assets/stylesheets/modules/datasheet.sass */
.datasheet .datasheet__list li + li {
  border-top: 0.5px solid #2d2a26;
}

/* line 20, app/assets/stylesheets/modules/datasheet.sass */
.datasheet .datasheet__list strong, .datasheet .datasheet__list b {
  font-family: "Charlie 3", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
}