/*!-----------------------------------------------------------------------------
   Master Stylesheet.

   Project:       Hilfsangebote
   Version:       1.0.0
   Contributors:  Sebastian Prein <basti@gridonic.ch>
   URL:           https://projects.lernetz.ch/cerebral/hilfsangebote
   -------------------------------------------------------------------------- */
/***
 * Colors:
 *
 * The following colors are the defined project colors.
 */
/**
 * Notice:
 *
 * Do not create new ones, try to use them and adjust them via [color
 * manipulating functions](http://sass-lang.com/documentation/Sass/Script/Functions.html).
 *
 *     @example
 *     .color-list
 *         .color(style="background-color: #e1131a", title="Red")
 *         .color(style="background-color: #333", title="Mine Shaft")
 *         .color(style="background-color: #fff", title="White")
 *         .color(style="background-color: #ededed", title="Gallery")
 *         .color(style="background-color: #d1d1d1", title="Iron")
 */
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/* line 10, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* line 21, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
body {
  margin: 0; }

/* line 26, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/* line 37, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* line 47, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/* line 54, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
figure {
  margin: 1em 40px; }

/* line 60, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* line 68, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* line 78, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/* line 85, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
a:active,
a:hover {
  outline-width: 0; }

/* line 92, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/* line 100, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
b,
strong {
  font-weight: inherit; }

/* line 106, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
b,
strong {
  font-weight: bolder; }

/* line 113, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* line 121, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
dfn {
  font-style: italic; }

/* line 126, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
mark {
  background-color: #ff0;
  color: #000; }

/* line 132, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
small {
  font-size: 80%; }

/* line 138, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 146, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
sub {
  bottom: -0.25em; }

/* line 150, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
sup {
  top: -0.5em; }

/* line 158, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
audio,
video {
  display: inline-block; }

/* line 164, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 170, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
img {
  border-style: none; }

/* line 175, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* line 184, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/* line 194, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
optgroup {
  font-weight: bold; }

/* line 200, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
button,
input {
  /* 1 */
  overflow: visible; }

/* line 207, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
button,
select {
  /* 1 */
  text-transform: none; }

/* line 215, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/* line 223, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_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; }

/* line 232, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/* line 240, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/* line 250, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/* line 261, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/* line 267, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
textarea {
  overflow: auto; }

/* line 273, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/* line 280, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/* line 287, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/* line 293, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* line 300, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* line 310, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
details,
menu {
  display: block; }

/* line 316, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
summary {
  display: list-item; }

/* line 324, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
canvas {
  display: inline-block; }

/* line 329, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
template {
  display: none; }

/* line 337, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/node_modules/normalize.scss/_normalize.scss */
[hidden] {
  display: none; }

/* line 4, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_generic.scss */
:root {
  box-sizing: border-box;
  transition-duration: 200ms;
  transition-property: none; }

/* line 10, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_generic.scss */
*,
*::before,
*::after {
  border-color: inherit;
  box-sizing: inherit;
  transition-duration: inherit;
  transition-property: inherit; }

/* line 19, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_generic.scss */
a {
  color: currentColor; }

/* line 23, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_generic.scss */
img {
  max-width: 100%; }

/***
 * Typography:
 *
 * The overall used font family is `Open Sans, sans-serif`. Headlines are
 * having `Open Sans, sans-serif` as the main font family.
 */
/**
 * Headlines:
 *
 * All `h{1..6}`-Tags are formatted and ready for usage.
 *
 *     @example
 *     h1.h1 Headline The quick brown fox jumps over the lazy dog.
 *     h2.h2 Jackdaws love my big sphinx of quartz.
 *     h3.h3 Pack my box with five dozen liquor jugs.
 *     h4.h4 Five quacking Zephyrs jolt my wax bed.
 */
/**
 * Paragraphs:
 *
 * Use `p`-Tags in order to create a paragraph.
 *
 *     @example
 *     p
 *         | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio
 *         | dolor, odio velit dolores hic quia, repellendus culpa itaque
 *         | tenetur totam, nesciunt aliquam quas ut possimus! Nemo fuga
 *         | distinctio qui. Magni!
 */
/* line 47, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_typography.scss */
:root {
  font-size: 16px; }

/* line 51, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_typography.scss */
body {
  color: #333;
  font-family: Open Sans, sans-serif;
  line-height: 1.5rem;
  text-rendering: optimizeLegibility; }

/* line 58, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_typography.scss */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #333;
  font-family: Open Sans, sans-serif;
  margin-top: 0;
  margin-bottom: 0; }

/* line 70, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_typography.scss */
h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.325; }

/* line 75, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_typography.scss */
h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.275; }

/* line 80, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/shared/_typography.scss */
h3, .h3 {
  font-size: 1.125rem; }

/***
 * Components:
 *
 * Components are parts which are used among several views. For example those
 * could be buttons, banners, lists, dialogs and so on.
 */
/* line 13, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
.map-container {
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100vw; }
  /* line 19, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
  .map-container > .map {
    background-color: #fff;
    background-image: url("../images/backgrounds/map@1x.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1217.025px;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    width: 1800px; }
    @media (min-width: 90em) {
      /* line 19, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
      .map-container > .map {
        background-image: url("../images/backgrounds/map@2x.jpg");
        height: 2434.05px;
        width: 3600px; } }
    /* line 39, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
    .map-container > .map.-ready:not(.-dragging) {
      transition-property: transform; }
    /* line 43, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
    .map-container > .map:not(.-zoomed) {
      cursor: zoom-in; }
      /* line 46, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
      .map-container > .map:not(.-zoomed) + .zoomout {
        opacity: 0;
        visibility: hidden; }
      /* line 51, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
      .map-container > .map:not(.-zoomed) .map-tooltip {
        display: none; }
  /* line 57, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
  .map-container > .zoomout {
    background: none;
    border: 0;
    color: #007ce5;
    cursor: pointer;
    font-size: 0;
    height: 3rem;
    left: 20px;
    line-height: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    position: fixed;
    top: 20px;
    transition-property: visibility, opacity;
    width: 3rem; }
    @media (max-width: 26.5625em) {
      /* line 57, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-container.scss */
      .map-container > .zoomout {
        display: none; } }

/* line 1, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_map-tooltip.scss */
.map-tooltip {
  /*
    background-color: _("color", "background-primary");
    border-radius: 0.5rem;
    left: 50%;
    padding: 0.5rem 1rem;
    text-decoration: none;
    top: 0;
    white-space: nowrap;
    */
  cursor: pointer;
  transform: translate(-50%, -100%);
  position: absolute;
  z-index: 1;
  width: 38px;
  /*
    &::after {
        $arrow-size: 0.75rem;

        background-color: inherit;
        content: "";
        height: $arrow-size;
        left: 50%;
        position: absolute;
        top: 100%;
        transform: translate(-50%, -50%) rotate(45deg);
        width: $arrow-size;
    }
    */ }

/* line 1, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
.animated-area {
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: step-end;
  background-position: 0% 0%;
  background-repeat: repeat;
  background-size: cover;
  padding-top: 7.5%;
  position: absolute;
  width: 7.5%; }
  /* line 79, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area:not(.-playing) {
    animation-play-state: paused; }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no1 {
    animation-name: no1;
    background-image: url("../images/sprites/1@1x.png");
    left: 12.75%;
    top: 39.1014975%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no1 {
        background-image: url("../images/sprites/1@2x.png"); } }

@keyframes no1 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no2 {
    animation-name: no2;
    background-image: url("../images/sprites/2@1x.png");
    left: 18.325%;
    top: 12.44222592%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no2 {
        background-image: url("../images/sprites/2@2x.png"); } }

@keyframes no2 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no3 {
    animation-name: no3;
    background-image: url("../images/sprites/3@1x.png");
    left: 8.9%;
    top: 69.64318728%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no3 {
        background-image: url("../images/sprites/3@2x.png"); } }

@keyframes no3 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no4 {
    animation-name: no4;
    background-image: url("../images/sprites/4@1x.png");
    left: 29.6875%;
    top: 59.21612128%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no4 {
        background-image: url("../images/sprites/4@2x.png"); } }

@keyframes no4 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no5 {
    animation-name: no5;
    background-image: url("../images/sprites/5@1x.png");
    left: 44.625%;
    top: 21.09447218%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no5 {
        background-image: url("../images/sprites/5@2x.png"); } }

@keyframes no5 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no6 {
    animation-name: no6;
    background-image: url("../images/sprites/6@1x.png");
    left: 47%;
    top: 36.34682936%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no6 {
        background-image: url("../images/sprites/6@2x.png"); } }

@keyframes no6 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no7 {
    animation-name: no7;
    background-image: url("../images/sprites/7@1x.png");
    left: 54.475%;
    top: 21.5012017%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no7 {
        background-image: url("../images/sprites/7@2x.png"); } }

@keyframes no7 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no8 {
    animation-name: no8;
    background-image: url("../images/sprites/8@1x.png");
    left: 50.2875%;
    top: 8.41190608%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no8 {
        background-image: url("../images/sprites/8@2x.png"); } }

@keyframes no8 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no9 {
    animation-name: no9;
    background-image: url("../images/sprites/9@1x.png");
    left: 45.625%;
    top: 54.57570715%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no9 {
        background-image: url("../images/sprites/9@2x.png"); } }

@keyframes no9 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no10 {
    animation-name: no10;
    background-image: url("../images/sprites/10@1x.png");
    left: 61.0875%;
    top: 44.9621002%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no10 {
        background-image: url("../images/sprites/10@2x.png"); } }

@keyframes no10 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no11 {
    animation-name: no11;
    background-image: url("../images/sprites/11@1x.png");
    left: 73.55%;
    top: 25.97522647%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no11 {
        background-image: url("../images/sprites/11@2x.png"); } }

@keyframes no11 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no12 {
    animation-name: no12;
    background-image: url("../images/sprites/12@1x.png");
    left: 83.85%;
    top: 12.83046774%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no12 {
        background-image: url("../images/sprites/12@2x.png"); } }

@keyframes no12 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no13 {
    animation-name: no13;
    background-image: url("../images/sprites/13@1x.png");
    left: 83.475%;
    top: 46.81087077%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no13 {
        background-image: url("../images/sprites/13@2x.png"); } }

@keyframes no13 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no14 {
    animation-name: no14;
    background-image: url("../images/sprites/14@1x.png");
    left: 74.6375%;
    top: 81.38288038%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no14 {
        background-image: url("../images/sprites/14@2x.png"); } }

@keyframes no14 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no15 {
    animation-name: no15;
    background-image: url("../images/sprites/15@1x.png");
    left: 74.8375%;
    top: 12.53466445%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no15 {
        background-image: url("../images/sprites/15@2x.png"); } }

@keyframes no15 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }
  /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
  .animated-area.-no16 {
    animation-name: no16;
    background-image: url("../images/sprites/16@1x.png");
    left: 9.9125%;
    top: 15.15991865%;
    animation-duration: 3s; }
    @media (min-width: 90em) {
      /* line 91, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_animated-area.scss */
      .animated-area.-no16 {
        background-image: url("../images/sprites/16@2x.png"); } }

@keyframes no16 {
  0% {
    background-position: 0% 0%; }
  5% {
    background-position: 0% -100%; }
  10% {
    background-position: 0% -200%; }
  15% {
    background-position: 0% -300%; }
  20% {
    background-position: 0% -400%; }
  25% {
    background-position: 0% -500%; }
  30% {
    background-position: 0% -600%; }
  35% {
    background-position: 0% -700%; }
  40% {
    background-position: 0% -800%; }
  45% {
    background-position: 0% -900%; }
  50% {
    background-position: 0% -1000%; }
  55% {
    background-position: 0% -1100%; }
  60% {
    background-position: 0% -1200%; }
  65% {
    background-position: 0% -1300%; }
  70% {
    background-position: 0% -1400%; }
  75% {
    background-position: 0% -1500%; }
  80% {
    background-position: 0% -1600%; }
  85% {
    background-position: 0% -1700%; }
  90% {
    background-position: 0% -1800%; }
  95% {
    background-position: 0% -1900%; }
  100% {
    background-position: 0% 0%; } }

/* line 1, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-container.scss */
.sidepanel-container {
  bottom: 0;
  height: 100%;
  position: fixed;
  right: 0;
  transform: translateX(0%);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  width: 420px;
  max-width: calc( 100% - 2rem);
  box-shadow: 0 0 10px #d1d1d1; }
  /* line 14, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-container.scss */
  .sidepanel-container:not(.-open) {
    box-shadow: none;
    transform: translateX(100%); }
    /* line 17, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-container.scss */
    .sidepanel-container:not(.-open) > .toggle {
      display: none; }
  /* line 22, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-container.scss */
  .sidepanel-container > .toggle {
    left: 0;
    position: absolute;
    top: 180px; }

/* line 1, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
.sidepanel-content {
  background-color: #fff;
  height: 100%;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 100%; }
  /* line 10, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
  .sidepanel-content > .teaserimage {
    width: 100%; }
  /* line 14, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
  .sidepanel-content > .text,
  .sidepanel-content > .title {
    padding: 0 1.5rem; }
    /* line 18, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
    .sidepanel-content > .text a,
    .sidepanel-content > .title a {
      color: #007ce5; }
  /* line 23, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
  .sidepanel-content > .title {
    padding-top: 1.5rem; }
  /* line 27, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
  .sidepanel-content > .text {
    padding-bottom: 1.5rem; }
  /* line 31, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
  .sidepanel-content > .responsive-media {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; }
    /* line 36, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
    .sidepanel-content > .responsive-media > iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none; }
  /* line 47, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_sidepanel-content.scss */
  .sidepanel-content > .responsive-media:not(.-show), .sidepanel-content .teaserimage:not(.-show) {
    display: none; }

/* line 1, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_welcome-dialog.scss */
.welcome-dialog {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px #d1d1d1;
  left: 50%;
  max-height: 100%;
  max-width: 300px;
  min-width: 120px;
  padding: 1rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%; }
  /* line 15, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_welcome-dialog.scss */
  .welcome-dialog:not(.-show) {
    display: none; }
  /* line 19, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_welcome-dialog.scss */
  .welcome-dialog > .close {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%); }

/* line 1, /Users/mich/Lernetz/Projects/cerebral-hilfsangebote/client/scss/components/_button-round.scss */
.button-round {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  outline: 0;
  padding: 0;
  height: 2rem;
  width: 2rem;
  transform: translate(-50%, -50%); }

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