@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  /* Change the default font family in all browsers (opinionated). */
  font-family: din-2014;
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 3em;
  margin: 0.77em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Add the correct display in IE.
 */
main {
  display: block; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre, code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

h1 small {
  font-size: 15px;
  font-weight: normal; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * Known issues:
 * - `select`:
 *   By default, Chrome on OS X and Safari on OS X allow very limited styling of
 *   select, unless a border property is set. The default font weight on
 *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
 *   OS X.
 * - `[type="checkbox"]`:
 *   It is recommended that you do not style checkbox and radio inputs as
 *   Firefox's implementation does not respect box-sizing, padding, or width.
 * - `[type="number"]`:
 *   Certain font size values applied to number inputs cause the cursor style of
 *   the decrement button to change from `default` to `text`.
 * - `[type="search"]`:
 *   The search input is not fully stylable by default. In Chrome and Safari on
 *   OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
 *   Chrome and Safari on Windows you can't control `border` properly. It will
 *   apply `border-width` but will only show a border color (which cannot be
 *   controlled) for the outer 1px of that border. Applying
 *   `-webkit-appearance: textfield` addresses these issues without removing the
 *   benefits of search inputs (e.g. showing past searches). Safari (but not
 *   Chrome) will clip the cancel button on when it has padding (and `textfield`
 *   appearance).
 * - `::placeholder`:
 *   In Edge, placeholders will disappear on `relative` or `absolute` positioned
 *   `<input>` elements if you use `opacity` less than `1` due to a
 *   [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/).
 */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea,
.button {
  line-height: 1.15;
  /* 1 */
  font-family: din-2014;
  /* 1 */
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 */
button, .button {
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select,
.button {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"],
.button {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[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.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */ }
  [type="search"]::-webkit-search-cancel-button, [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.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * Correct the padding in Firefox.
 */
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.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-download:before {
  content: "\f019"; }

.fa-copy:before {
  content: "\f0c5"; }

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("assets/font/webfonts/fa-solid-900.eot");
  src: url("assets/font/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/font/webfonts/fa-solid-900.woff2") format("woff2"), url("assets/font/webfonts/fa-solid-900.woff") format("woff"), url("assets/font/webfonts/fa-solid-900.ttf") format("truetype"), url("assets/font/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("assets/font/webfonts/fa-brands-400.eot");
  src: url("assets/font/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/font/webfonts/fa-brands-400.woff2") format("woff2"), url("assets/font/webfonts/fa-brands-400.woff") format("woff"), url("assets/font/webfonts/fa-brands-400.ttf") format("truetype"), url("assets/font/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
.fab {
  font-family: 'Font Awesome 5 Brands'; }

.--flexcontainer, .index .zweite, .index .zweite__lower, .index .vierte, .index .vierte__lower, .index .inner__achte, .index .achte__lower, .about .zweite, .about .zweite__lower, .about .siebte, .foerderung .zweite, .foerderung .zweite__lower {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

/*
 * Mixin printing a linear-gradient
 * as well as a plain color fallback
 * and the `-webkit-` prefixed declaration
 * @access public
 * @param {Keyword | Angle} $direction - Linear gradient direction
 * @param {Arglist} $color-stops - List of color-stops composing the gradient
 *
 * @see https://www.sitepoint.com/building-linear-gradient-mixin-sass/
 */
body {
  min-height: 100vh;
  background-color: #efefef;
  font-weight: 300;
  letter-spacing: 1px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.container {
  overflow: hidden;
  max-width: 1520px;
  width: 95%;
  padding: 0 2.5%;
  margin: 100px auto 0;
  background-color: #fff; }

a {
  text-decoration: none;
  color: inherit; }

ul {
  list-style-type: none; }

li {
  display: inline-table; }

fieldset {
  border: none; }

.--stronger {
  font-weight: 600; }

.--white {
  color: #fff; }

.zusatztext {
  font-size: 0.9em; }

.--only-in-mobile {
  display: none !important; }

.fas {
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -.125em; }

.hyphenate {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

button, .button, a.grey-button {
  color: #fff;
  background: #e64457;
  font-size: 1.1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.8vw 2vw;
  border-radius: 100px;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer; }
a.grey-button{
  background-color: #CCC;
  font-weight: normal;
  margin-top: 0px;
  display: inline-block;
  width:180px;
}
a.grey-button:hover{
  background: #e64457;
}
.button {
  display: inline-block; }

.stoerer{
  position: absolute;
  right: 200px;
  bottom: 60px;
  z-index: 9;
  width: 200px;
  height: 200px;
}

std-styles, .index .inner_dritte_left, .index .inner__sechste, .index .inner__siebte, .index .inner__zehnte, .index .inner__zwoelfte, .foerderung .inner_dritte_left, .foerderung .sechste div:nth-child(2) {
  padding-left: 3vw; }
  std-styles h1, .index .inner_dritte_left h1, .index .inner__sechste h1, .index .inner__siebte h1, .index .inner__zehnte h1, .index .inner__zwoelfte h1, .foerderung .inner_dritte_left h1, .foerderung .sechste div:nth-child(2) h1 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    padding-top: 5rem;
    padding-bottom: 0;
    margin: 0; }
  std-styles div:nth-of-type(1), .index .inner_dritte_left div:nth-of-type(1), .index .inner__sechste div:nth-of-type(1), .index .inner__siebte div:nth-of-type(1), .index .inner__zehnte div:nth-of-type(1), .index .inner__zwoelfte div:nth-of-type(1), .foerderung .inner_dritte_left div:nth-of-type(1), .foerderung .sechste div:nth-child(2) div:nth-of-type(1) {
    font-size: 2.5em;
    font-weight: bold;
    padding-bottom: 2.4rem; }
  std-styles div:nth-of-type(2), .index .inner_dritte_left div:nth-of-type(2), .index .inner__sechste div:nth-of-type(2), .index .inner__siebte div:nth-of-type(2), .index .inner__zehnte div:nth-of-type(2), .index .inner__zwoelfte div:nth-of-type(2), .foerderung .inner_dritte_left div:nth-of-type(2), .foerderung .sechste div:nth-child(2) div:nth-of-type(2) {
    font-size: 1.1em;
    padding-bottom: 3rem;
    line-height: 1.4em; }
  std-styles div:nth-of-type(3), .index .inner_dritte_left div:nth-of-type(3), .index .inner__sechste div:nth-of-type(3), .index .inner__siebte div:nth-of-type(3), .index .inner__zehnte div:nth-of-type(3), .index .inner__zwoelfte div:nth-of-type(3), .foerderung .inner_dritte_left div:nth-of-type(3), .foerderung .sechste div:nth-child(2) div:nth-of-type(3) {
    font-size: 0.8em;
    margin-top: 12em; }

.foot-note {
  font-size: 0.8em;
  margin-top: 0; }

.--bluetick {
  margin-bottom: 7px; }
  .--bluetick:before {
    content: "";
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/blue-tick.png");
    background-size: 4.8vw;
    width: 4.8vw;
    height: 4.8vw; }

#maintitle {
  width: 100%;
  padding-top: 25vh; }
  #maintitle h1, #maintitle div:last-of-type, .foerderung #maintitle div:nth-child(3), .node-17 #maintitle div:nth-child(3) {
    padding: 0;
    margin: 0;
    padding: 10px 30px;
    background-color: #e64457;
    display: inline-block; }
  .foerderung #maintitle div:nth-child(3), .node-17 #maintitle div:nth-child(3) {
    margin-bottom: 10px; }
  #maintitle h1:first-of-type {
    margin-top: -7px; }
  #maintitle div {
    background-color: transparent;
    display: block;
    margin-bottom: 10px;
    width: auto !important;
    max-width: 75%; }
  /* #maintitle div:after { content: '\A'; white-space: pre; } */
  #maintitle div:first-of-type {
    margin-bottom: 0;
    width: 13em; }
  #maintitle div:nth-child(2) {
    width: 10.2em; }
  #maintitle div:nth-child(3) {
    font-size: 1.2em;
    font-weight: 400;
    width: 24em; }

.content-box {
  margin: 1% auto;
  padding-top: 2%;
  /* slick carousel */ }
  .content-box:first-of-type {
    padding-top: 0; }
  .content-box .slick-prev {
    left: 0; }
  .content-box .slick-next {
    right: 0; }
  .content-box .slick-slider {
    text-align: center; }
  .content-box .slick-dots {
    bottom: -40px; }
    .content-box .slick-dots li {
      margin: 0; }
      .content-box .slick-dots li button:before {
        font-size: 16px;
        opacity: 1; }
      .content-box .slick-dots li .slick-active button:before {
        color: #a1d079; }
  .content-box .slick-dots li.slick-active button:before {
    opacity: 1; }

.content-box:last-of-type {
  margin-bottom: 0; }

.--fullwidth {
  position: relative;
  right: -47.5vw;
  width: 100vw;
  margin-left: -50vw; }

.content-box__inner {
  color: #fff;
  height: 50vw;
  min-height: 540px;
  max-height: 650px;
  width: 100%;
  font-size: 1.1em;
  background-repeat: no-repeat;
  background-position: top center; }

.donations {
  display: none;
  transition: all 0.8s;
  position: absolute;
  left: 50%;
  transform: translateX(70%);
  top: 144px;
  width: calc(84.8% - 25px);
  max-width: 1580px;
  height: 60vh;
  padding: 50px;
  background: #fff; }
  .donations h1 {
    border-bottom: 1px solid #e64457; }
  .donations button {
    color: #fff;
    background-color: #e64457;
    margin-top: 50px;
    float: right; }
  .donations #otherValue {
    background-color: lightgrey;
    padding: 10px;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    outline: none;
    position: relative;
    top: 5px;
    max-width: 100%; }
  .donations .custom_amount {
    width: 33%; }
  .donations .close {
    background: url("assets/cross-red.svg");
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    background-repeat: no-repeat;
    right: 50px;
    top: 112px;
    cursor: pointer; }
  .donations input[type='radio'] {
    display: none; }
  .donations input[type='radio'] + label {
    -webkit-appearance: none;
    background-color: lightgrey;
    padding: 15px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 15px; }
  .donations input[type='radio']:checked + label:after {
    content: " ";
    width: 13px;
    height: 13px;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #e64457; }
  .donations input[type='radio']:checked + label {
    background-color: lightgrey;
    color: #99a1a7; }

.donations__container {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .donations__container > div {
    -webkit-flex-basis: 46%;
    -moz-flex-basis: 46%;
    -ms-flex-preferred-size: 46%;
    flex-basis: 46%; }

.donations_interval .--flexcontainer {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .donations_interval .--flexcontainer > div {
    -webkit-flex-basis: 33.33%;
    -moz-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%; }

.donations_amount .--flexcontainer > div {
  -webkit-flex-basis: 16.66%;
  -moz-flex-basis: 16.66%;
  -ms-flex-preferred-size: 16.66%;
  flex-basis: 16.66%; }

.--donationsvisible {
  transform: translateX(-50%);
  display: block; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 77px;
  width: 95%;
  max-width: 1522px;
  padding: 25px 2.5% 0;
  background-color: #fff;
  z-index: 10; }
  header li {
    vertical-align: top;
    margin-right: 10px;
    display: inline-table; }

#logo {
  width: 180px;
  margin-top: 12px; }

nav {
  top: -61px;
  position: relative; }
  nav .imp {
    display: none; }

#nav__social {
  float: right;
  width: 142px; }
  #nav__social a {
    position: relative;
    top: 3px;
    left: 9.5px; }
  #nav__social a.envelope {
    top: 2px;
    left: 6.5px; }
  #nav__social a.blogger {
    left: 8px; }
  #nav__social li {
    height: 29px;
    width: 29px;
    background-color: #e64457;
    border: 1px solid #e64457;
    border-radius: 50%; }

#menu__switch {
  float: right;
  z-index: 1;
  background: #fff;
  border: none;
  cursor: pointer;
  outline: none;
  top: 16px;
  position: relative;
  background: url("assets/hamburger.svg") no-repeat 0px 6px/28px;
  height: 28px;
  width: 28px;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  padding: 1em; }
  #menu__switch.active {
    background: url("assets/circle-cross.svg") no-repeat 0px 0px/30px; }

#main__nav {
  display: none;
  background: #fff;
  position: relative;
  top: 74px;
  padding: 20px 0;
  font-weight: 600;
  font-size: larger;
  margin: 0 -5vw 0 0;
  right: 2.49vw;
  box-shadow: 0 5px 5px -2px rgba(0,0,0,.25); }
  #main__nav:before {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    width: 94%;
    background-color: #e64457;
  }
  #main__nav icon, #main__nav li .main__nav__icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: bottom;
    position: relative;
    top: 3px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: 90%; }
  #main__nav li {
    margin-right: 40px;
    color: #e64457;
    width: auto;
    border: none;
    background: #fff; }
  #main__nav li:nth-child(1) {
    margin-left: 40px; }
    #main__nav li:nth-child(1) .main__nav__icon {
      background-image: url("assets/haus-icon.svg"); }
  #main__nav li:nth-child(2) .main__nav__icon {
    background-image: url("assets/hands-heart-icon.svg"); }
  #main__nav li:nth-child(3) .main__nav__icon {
    background-image: url("assets/rakete-icon.svg"); }
  #main__nav li:nth-child(3):hover > .scnd-lvl {
    display: block; }
  #main__nav li:nth-child(4) {
    margin: 0; }
    #main__nav li:nth-child(4) .main__nav__icon {
      background-image: url("assets/hlp-icon.svg"); }
  #main__nav .scnd-lvl{
    display: none;
    position: absolute;
    top: 36px;
left: 292px;
padding-top: 30px;
  }
  #main__nav .scnd-lvl ul {
    padding: 0;
    background: red;
    border-radius: 5px;
    background-color: #e64457; }
    #main__nav .scnd-lvl ul:before {
      content: "";
      position: absolute;
      left: 50%;
      width: 0;
      height: 0;
      margin-top: -27px;
      border: 16px solid transparent;
      border-bottom-color: #e64457; }
    #main__nav .scnd-lvl li {
      margin: 0 10px;
      color: #fff;
      background-color: #e64457;
      display: block;
      border-bottom: 1px solid white;
      padding: 10px; }
    #main__nav .scnd-lvl li:last-child {
      border: none; }

.index .zweite, .index .vierte, .index .achte {
  background-color: grey; }
.index .dritte, .index .sechste, .index .siebte {
  background-color: #a1d079; }
.index .zehnte, .index .zwoelfte {
  background-color: #67b8dc; }
.index .erste {
  background-size: cover;
  background-image: url("assets/Auerbach_Stiftung_Start-web.jpg"); }
.index #spendenbtn, .about #spendenbtn {
  color: #e64457;
  background: #fff;
  position: relative;
  -ms-transform: rotate(-90deg) translateX(16.5vh);
  transform: rotate(-90deg) translateX(16.5vh);
  float: right;
  left: 57px;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 400; }
  .index #spendenbtn .fas, .about #spendenbtn .fas {
    color: inherit;
    margin-left: 15px;
    vertical-align: baseline; }
.index .zweite {
  text-align: center;
  font-size: 1.1em;
  line-height: 1.3em;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
.index .tab.--zeit {
  font-weight: 600;
  position: relative;
  height: 25px;
  padding: 4px;
  text-transform: uppercase;
  text-align: center;
  -ms-transform: rotate(-90deg) translateX(-9vw);
  transform: rotate(-90deg) translateX(-9vw);
  width: 5em;
  right: 1.77em;
  color: #fff;
  border: 1px solid #a1d079;
  background-color: #a1d079; }

.form-item-submitted-anfrage-wir-sind-eine-als-gemeinnuetzig-anerkannte-organisation-ja label.error{
  border: 2px solid red;
}
.index .zweite__upper {
  width: 90%;
  margin: -5em auto 0; }
  .index .zweite__upper quote, .index .zweite__upper h1:before, .index .zweite__upper h1:after {
    content: "";
    background-image: url("assets/quote_start-1@2x.png");
    background-size: 0.9em;
    background-repeat: no-repeat;
    display: inline-block;
    width: 0.9em;
    height: 0.7em; }
  .index .zweite__upper h1:before {
    padding-bottom: 1.3em;
    margin-bottom: -1em;
    margin-right: 0.2em;
    background-position-y: 0.7em; }
  .index .zweite__upper h1:after {
    transform: rotate(180deg);
    margin-left: 0.2em;
    background-position-y: 0.4em;
    padding-top: 0.5em; }
.index .zweite__lower {
  margin-bottom: 3vw;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  .index .zweite__lower .clock .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/019_clock_alarm_time_2-512brown.svg"); }
  .index .zweite__lower .no-phone .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/no-phone-512white.svg"); }
  .index .zweite__lower .home .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/family_life_care_2-512white.svg"); }
.index .zweite__lower__img {
  margin: 0 auto 2.5vw auto;
  border: 0.3vw solid #a1d079;
  width: 12vw;
  height: 12vw;
  max-width: 170px;
  max-height: 170px;
  border-radius: 50%;
  background-size: 40%; }
.index .dritte {
  background-image: url("assets/handybett.png");
  background-position: 90%;
  background-size: 56%;
  position: relative; }
  .index .dritte figure {
    margin: 0; }
    .index .dritte figure img {
      width: 70%;
      max-width: 170px;
      position: relative;
      top: 19px;
      left: -15px; }
.index .inner_dritte_left {
  position: relative;
  display: inline-block;
  width: 70%;
  float: left;
  height: 100%; }
  .index .inner_dritte_left div:nth-of-type(1) {
    width: 56%; }
  .index .inner_dritte_left div:nth-of-type(2) {
    width: 57%; }
  .index .inner_dritte_left div:nth-of-type(3) {
    margin: 0;
    position: absolute;
    bottom: 15px; }
.index .inner__dritte_right {
  display: inline-block;
  position: absolute;
  bottom: 3vw;
  padding-right: 3vw;
  width: 22%; }
  .index .inner__dritte_right .fas {
    position: relative;
    right: 66px;
    top: 3.5px; }
  .index .inner__dritte_right span {
    font-size: 6.5vw;
    font-weight: bold; }
.index .vierte {
  text-align: center;
  line-height: 1.3em;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .index .vierte quote, .index .vierte h1:before, .index .vierte h1:after {
    content: "";
    background-image: url("assets/quote_start-1@2x.png");
    background-size: 0.9em;
    background-repeat: no-repeat;
    display: inline-block;
    width: 0.9em;
    height: 0.7em; }
  .index .vierte h1:before {
    padding-bottom: 1.3em;
    margin-bottom: -1em;
    margin-right: 0.2em;
    background-position-y: 0.7em; }
  .index .vierte h1:after {
    transform: rotate(180deg);
    margin-left: 0.2em;
    background-position-y: 0.4em;
    padding-top: 0.9em; }
.index .vierte__upper h1 {
  margin-top: 0.9em; }
.index .vierte__upper__content {
  width: 76%;
  margin: 0 auto;
  text-align: inherit; }
.index .vierte__lower {
  margin-bottom: 3vw;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  .index .vierte__lower a {
    color: #a1d079;
    text-decoration: underline;
    font-size: 0.8em;
    position: relative; }
  .index .vierte__lower .hint {
    transition: all 0.2s;
    position: absolute;
    left: -12px;
    padding: 10px;
    width: 520px;
    z-index: 1;
    display: none;
    font-size: 0.8em;
    color: grey;
    background: #fff;
    line-height: 1.2em;
    border-radius: 100px;
    pointer-events: none; }
  .index .vierte__lower .hint:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: 40px;
    border: 16px solid transparent;
    border-top-color: #fff; }
  .index .vierte__lower a:hover ~ .hint {
    display: inline-block; }
    .index .vierte__lower a:hover ~ .hint.--left {
      transform: translate(calc(100vw/3 - 406px), -62px); }
      .index .vierte__lower a:hover ~ .hint.--left:before {
        left: 37%; }
    .index .vierte__lower a:hover ~ .hint.--center {
      transform: translate(calc(100vw/2 - 275px), -62px); }
    .index .vierte__lower a:hover ~ .hint.--right {
      transform: translate(calc(100vw - (100vw/3) - 113px), -62px); }
      .index .vierte__lower a:hover ~ .hint.--right:before {
        left: 58%; }
  .index .vierte__lower .chart {
    margin: 0 auto 2.5vw auto;
    width: 150px;
    height: 150px;
    line-height: 8.5em;
    position: relative;
    text-align: center;
    display: inline-block; }
    .index .vierte__lower .chart canvas {
      position: absolute;
      top: 0;
      left: 0; }
  .index .vierte__lower .counter {
    font-size: 2.5em;
    font-weight: bold; }
.index .vierte__lower__first, .index .vierte__lower__third {
  -webkit-flex-basis: 27%;
  -moz-flex-basis: 27%;
  -ms-flex-preferred-size: 27%;
  flex-basis: 27%; }
.index .fuenfte {
  background-size: cover;
  background-image: url("assets/Auerbach_Stiftung_Start02-web.jpg"); }
.index .inner__sechste {
  width: 41%; }
  .index .inner__sechste div:nth-of-type(1),
  .index .inner__sechste div:nth-of-type(2) {
    width: 100%; }
.index .inner__siebte {
  float: right;
  width: 45%; }
  .index .inner__siebte div:nth-child(3) {
    width: 90%; }
.index .inner__siebte_bottom {
  margin-top: 0 !important;
  padding-bottom: 3vw;
  padding-right: 3vw; }
  .index .inner__siebte_bottom div:first-child {
    display: inline;
    width: 50%; }
  .index .inner__siebte_bottom div:nth-child(2) {
    display: inline-block;
    width: 65%;
    margin-left: 1vw;
    line-height: 1.4em;
    font-size: 1em;
    font-weight: 600; }
  .index .inner__siebte_bottom span {
    font-size: 6.5vw;
    font-weight: bold; }
  .index .inner__siebte_bottom .foot-note {
    margin-top: -1.5em !important; }
.index .achte {
  font-size: 1.1em;
  text-align: center;
  line-height: 1.3em; }
  .index .achte .tab {
    font-weight: 600;
    position: relative;
    transform: rotate(-90deg) translateX(-8vw);
    height: 25px;
    padding: 4px;
    text-transform: uppercase;
    text-align: center;
    right: 3.3em;
    width: 8em;
    background-color: #67b8dc; }
  .index .achte quote, .index .achte h1:before, .index .achte h1:after {
    content: "";
    background-image: url("assets/quote-blue.png");
    background-size: 0.9em;
    background-repeat: no-repeat;
    display: inline-block;
    width: 0.9em;
    height: 0.7em; }
  .index .achte h1 {
    margin-top: -0.5em; }
  .index .achte h1:before {
    padding-bottom: 1.3em;
    margin-bottom: -1em;
    margin-right: 0.2em;
    background-position-y: 0.7em; }
  .index .achte h1:after {
    transform: rotate(180deg);
    margin-left: 0.2em;
    background-position-y: 0.4em;
    padding-top: 0.9em; }
.index .inner__achte {
  height: 95%;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }
.index .achte__upper {
  width: 85%;
  margin: 0 auto; }
.index .achte__lower {
  margin-bottom: 3vw;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  .index .achte__lower .clock, .index .achte__lower .no-phone, .index .achte__lower .home {
    div: last-of-type;
      div-font-size: 1.1vw; }
  .index .achte__lower .clock .achte__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/family_parents_kids_children-512white.svg"); }
  .index .achte__lower .no-phone .achte__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/ticket-machine-card_5-512white.svg"); }
  .index .achte__lower .home .achte__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/seo-41-512white.svg"); }
.index .achte__lower__img {
  margin: 0 auto 2.5vw auto;
  border: 0.3vw solid #67b8dc;
  width: 12vw;
  height: 12vw;
  max-width: 170px;
  max-height: 170px;
  border-radius: 50%;
  background-size: 40%; }
.index .neunte {
  background-size: cover;
  background-image: url("assets/Auerbach_Stiftung_Start03-web.jpg"); }
.index .zehnte a {
  text-decoration: underline;
  cursor: pointer; }
.index .inner__zehnte {
  width: 60%; }
  .index .inner__zehnte div:nth-of-type(1) {
    padding-bottom: 1.7vw; }
  .index .inner__zehnte div:nth-of-type(2) {
    width: 67%;
    padding-bottom: 0; }
  .index .inner__zehnte div:nth-of-type(3) {
    font-size: inherit;
    margin-top: 0; }
  .index .inner__zehnte .--bluetick:before {
    display: inline-block;
    top: 1.9vw;
    margin-right: 1vw; }
.index .elfte {
  overflow: hidden;
  background-size: cover;
  background-image: url("assets/turner@2x.png"); }
  .index .elfte video {
    width: 100%;
    margin-top: -6%; }
.index .inner__zwoelfte {
  float: right;
  width: 46%; }
  .index .inner__zwoelfte div:nth-of-type(1) {
    padding-bottom: 1.7vw; }
  .index .inner__zwoelfte div:nth-of-type(2) {
    width: 80%;
    padding-bottom: 0; }
  .index .inner__zwoelfte div:nth-of-type(3) {
    font-size: inherit;
    margin-top: -1.9vw; }
  .index .inner__zwoelfte .--bluetick {
    margin-left: 5vw;
    margin-bottom: -25px; }
    .index .inner__zwoelfte .--bluetick:before {
      display: block;
      top: 75px;
      margin-left: -5vw;
      right: 1vw; }

.handyregeln.slidein,
.handyregeln.slidein2,
.tablet.slidein,
.tablet.slidein2,
.smartphone.slidein,
.smartphone.slidein2 {
  visibility: visible;
  z-index: 1; }

.slidein {
  transition: all 1s; }

.slidein2 {
  transition: all 1.5s; }

.handyregeln {
  display: inline-block;
  position: relative;
  visibility: hidden;
  top: -954px;
  left: 100%;
  width: 53vw;
  max-width: 800px;
  height: auto;
  margin: 0; }
  .handyregeln.slidein {
    left: 43vw;
    top: -954px; }
  .handyregeln.slidein2 {
    left: 43vw;
    top: -554px; }

.calendar-img {
  position: relative;
  margin: 0;
  top: -532px;
  left: -100vw; }
  .calendar-img.slidein {
    left: -4vw; }
  .calendar-img img {
    width: 63%;
    max-width: 1482px; }

.tablet {
  display: inline-block;
  position: relative;
  top: -874px;
  left: 100%;
  width: 69vw;
  max-width: 900px;
  height: auto;
  margin: 0; }
  .tablet a {
    color: #e64457;
    text-decoration: underline; }
  .tablet div {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    text-align: center;
    background: #8ed5ff;
    background: -moz-linear-gradient(top, #8ed5ff 0%, #cbebff 67%, #cbebff 67%, #f0f9ff 100%);
    background: -webkit-linear-gradient(top, #8ed5ff 0%, #cbebff 67%, #cbebff 67%, #f0f9ff 100%);
    background: linear-gradient(to bottom, #8ed5ff 0%, #cbebff 67%, #cbebff 67%, #f0f9ff 100%);
    position: relative;
    top: -100px;
    left: 185px;
    box-shadow: 0px 3px 7px grey;
    color: #262626; }
  .tablet span {
    display: block;
    position: relative;
    top: 37%;
    font-size: 1.5em; }
  .tablet.slidein {
    left: 49%; }

.smartphone {
  position: relative;
  display: inline-block;
  top: -818px;
  left: -40%;
  width: 37%;
  max-width: 520px;
  height: auto;
  margin: 0; }
  .smartphone img {
    width: 100%; }
  .smartphone div {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    text-align: center;
    background: #8ed5ff;
    background: -moz-linear-gradient(top, #8ed5ff 0%, #cbebff 67%, #cbebff 67%, #f0f9ff 100%);
    background: -webkit-linear-gradient(top, #8ed5ff 0%, #cbebff 67%, #cbebff 67%, #f0f9ff 100%);
    background: linear-gradient(to bottom, #8ed5ff 0%, #cbebff 67%, #cbebff 67%, #f0f9ff 100%);
    position: relative;
    top: -170px;
    left: 220px;
    box-shadow: 0px 3px 7px grey;
    color: #262626; }
  .smartphone span {
    position: relative;
    top: 37%;
    font-size: 1.5em; }
  .smartphone.slidein {
    left: 2%;
    top: -600px; }
  .smartphone.slidein2 {
    top: -300px;
    left: 6%; }

.about quote, .index .zweite__upper .about h1:before, .index .zweite__upper .about h1:after, .about .index .vierte h1:before, .index .vierte .about h1:before, .about .index .vierte h1:after, .index .vierte .about h1:after, .about .index .achte h1:before, .index .achte .about h1:before, .about .index .achte h1:after, .index .achte .about h1:after, .about .zweite__upper h1:before, .about .zweite__upper h1:after, .about .siebte__upper h1:before, .about .siebte__upper h1:after, .foerderung .zweite__upper .about h1:before, .foerderung .zweite__upper .about h1:after {
  content: "";
  background-image: url("assets/quote_start_red.png");
  background-size: 0.9em;
  background-repeat: no-repeat;
  display: inline-block;
  width: 0.9em;
  height: 0.7em; }
.about .textbox {
  -ms-grid-column-span: 2;
  background-color: #e64457;
  padding-top: 10%;
  padding-left: 10%; }
.about .zweite, .about .siebte {
  background-color: grey; }
.about .dritte, .about .vierte, .about .fuenfte, .about .sechste {
  background: lightgrey;
  font-size: 1.2em;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr; }
.about .person {
  padding-left: 30px;
  color: #262626;
  margin-top: 22%; }
  .about .person div:first-of-type {
    margin-bottom: 0;
    padding-bottom: 0; }
  .about .person h1 {
    padding: 0;
    margin: 0;
    font-size: 2em; }
  .about .person h1:first-of-type {
    margin-top: -7px; }
  .about .person div {
    display: inline-block;
    float: left;
    clear: both;
    padding: 8px 0; }
  .about .person .redcircle {
    padding: 0;
    margin-top: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-color: #e64457;
    background-color: #e64457; }
    .about .person .redcircle a {
      color: #fff;
      position: relative;
      top: 3px;
      left: 5px; }
.about .textbox__inner {
  width: 95%;
  line-height: 1.5em; }
.about .portrait {
  background-size: cover;
  position: relative; }
.about pfeil, .about .--to-top:before, .about .--to-bottom:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 32px solid transparent; }
.about .--to-top:before {
  border-bottom-color: #e64457;
  left: calc( 50% - 32px );
  top: calc( 100% - 64px ); }
.about .--to-bottom:before {
  border-top-color: #e64457;
  left: calc( 50% - 32px );
  top: 0; }
.about .portrait__cjung {
  background-image: url("assets/cjung.png"); }
.about .portrait__strandkorb {
  background-image: url("assets/strandkorb.png"); }
.about .portrait__jwalz {
  background-image: url("assets/jwalz.png"); }
.about .portrait__esonntag {
  background-image: url("assets/esonntag.png"); }
.about .portrait__sheil {
  background-image: url("assets/sheil.png"); }
.about .portrait__foyer {
  background-image: url("assets/foyer.png");
  grid-column: span 2;
  -ms-grid-column-span: 2; }
.about .portrait__muc {
  background-image: url("assets/avira-muc-office.png"); }
.about .portrait__office {
  background-image: url("assets/avira-tt-office.png");
  grid-column: span 2;
  -ms-grid-column-span: 2; }
.about .portrait__tauerbach {
  background-image: url("assets/tauerbach.png"); }
.about .portrait__yauerbach {
  background-image: url("assets/yauerbach.png"); }
.about .erste {
  background-size: cover;
  background-image: url("assets/about-head.png"); }
.about #maintitle {
  padding-top: 25vh; }
  .about #maintitle div:first-of-type {
    width: 28em; }
  .about #maintitle div:nth-child(2) {
    width: 32em; }
  .about #maintitle div:last-child {
    width: 15.3em; }
.about .zweite {
  text-align: center;
  font-size: 1.1em;
  line-height: 1.3em;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .about .zweite .tab {
    font-weight: 600;
    position: relative;
    transform: rotate(-90deg) translateX(-8vw);
    height: 25px;
    padding: 4px;
    text-transform: uppercase;
    text-align: center;
    width: 6.2em;
    right: 2.37em;
    border: 1px solid #e64457;
    background-color: #e64457; }
.about .zweite__upper {
  width: 90%;
  margin: -5em auto 0; }
  .about .zweite__upper p {
    width: 87%;
    margin: 2em auto; }
  .about .zweite__upper h1 {
    width: 70%;
    margin: 1.47em auto 0;
    line-height: 1em;
    text-indent: -1em; }
  .about .zweite__upper h1:before {
    padding-bottom: 0.6em;
    margin-bottom: -0.3em;
    margin-right: 0.2em;
    background-position-y: 0.7em; }
  .about .zweite__upper h1:after {
    transform: rotate(180deg);
    margin-left: 0.2em;
    background-position-y: 0.4em;
    padding-top: 0.3em; }
.about .zweite__lower {
  margin-bottom: 3vw;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  .about .zweite__lower .family .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/family.png"); }
  .about .zweite__lower .puzzle .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/puzzle-white.png"); }
  .about .zweite__lower .treatment .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/communication-white.png"); }
.about .zweite__lower__img {
  margin: 0 auto 2.5vw auto;
  border: 0.3vw solid #e64457;
  width: 11vw;
  height: 11vw;
  max-width: 170px;
  max-height: 170px;
  border-radius: 50%;
  background-size: 50%; }
.about .dritte .officepic {
  grid-column: 3/span 2;
  -ms-grid-column: 3; }
.about .dritte .textbox {
  -ms-grid-column: 2;
  grid-column: 2/span 2; }
.about .vierte .officepic {
  grid-column: 3/span 2;
  -ms-grid-column: 3; }
.about .vierte .textbox1 {
  grid-column: 1/span 2;
  -ms-grid-column: 1; }
.about .vierte .textbox2 {
  grid-column: 3/span 2;
  -ms-grid-column: 3; }
.about .fuenfte .pic1 {
  grid-column: 3/span 2;
  -ms-grid-column: 3; }
.about .fuenfte .textbox1 {
  grid-column: 1/span 2;
  -ms-grid-column: 1; }
.about .sechste .textbox1 {
  grid-column: 3/span 2;
  -ms-grid-column: 3; }
.about .sechste .textbox2 {
  grid-column: 1/span 2;
  -ms-grid-column: 1; }
.about .siebte {
  text-align: center;
  font-size: 1.1em;
  line-height: 1.3em;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
.about .siebte__upper h1 {
  margin: 1em auto 0;
  width: 80%;
  text-indent: -2.2em;
  line-height: 1em; }
.about .siebte__upper p {
  width: 90%;
  margin: 2em auto; }
.about .siebte__upper h1:before {
  padding-bottom: 0.6em;
  margin-bottom: -0.3em;
  margin-right: 0.2em;
  background-position-y: 0.7em; }
.about .siebte__upper h1:after {
  transform: rotate(180deg);
  margin-left: 0.2em;
  background-position-y: 0.4em;
  padding-top: 0.3em; }
.about .siebte__lower .text {
  float: right;
  width: 41%;
  text-align: left;
  margin-right: 30px;
  margin-top: 3em; }
.about .siebte__lower .head {
  font-weight: 600;
  font-size: 1.1em; }
.about .siebte__lower p {
  font-size: 0.9em;
  line-height: 1.5em; }
.about .siebte__lower img {
  width: 47vw;
  max-width: 760px;
  top: -87px;
  position: relative; }
.about .siebte__lower figure {
  display: inline;
  position: relative;
  margin-left: -100px; }
  .about .siebte__lower figure .year {
    position: absolute;
    left: 90.8%;
    top: -390px; }
    .about .siebte__lower figure .year div {
      background: #e64457;
      padding: 7px 30px;
      margin: 7px 0; }

@media screen and (max-width: 1120px) {
  .about .siebte__upper h1 {
    width: 100%;
    text-indent: -1.2em; }

  .about .siebte__lower .text {
    margin-top: -0.5em; } }
@media screen and (max-width: 1020px) {
  .about .siebte__lower p {
    font-size: 0.8em; }
  .about .siebte__lower .text {
    margin-right: 20px; }
  .about .siebte__lower figure {
    top: 30px; }
  .about .siebte__upper h1 {
    width: 95%;
    text-indent: 0em;
    line-height: 0.8em;
    font-size: 2.1em; } }
.foerderung quote, .index .zweite__upper .foerderung h1:before, .index .zweite__upper .foerderung h1:after, .foerderung .index .vierte h1:before, .index .vierte .foerderung h1:before, .foerderung .index .vierte h1:after, .index .vierte .foerderung h1:after, .foerderung .index .achte h1:before, .index .achte .foerderung h1:before, .foerderung .index .achte h1:after, .index .achte .foerderung h1:after, .about .zweite__upper .foerderung h1:before, .about .zweite__upper .foerderung h1:after, .foerderung .about .siebte__upper h1:before, .about .siebte__upper .foerderung h1:before, .foerderung .about .siebte__upper h1:after, .about .siebte__upper .foerderung h1:after, .foerderung .zweite__upper h1:before, .foerderung .zweite__upper h1:after {
  content: "";
  background-image: url("assets/quote_start_red.png");
  background-size: 0.9em;
  background-repeat: no-repeat;
  display: inline-block;
  width: 0.9em;
  height: 0.7em; }
.foerderung .content-box__inner {
  background-color: grey; }
.foerderung .erste {
  background-size: cover;
  background-image: url("assets/624697622-bearb.png"); }
  .medienpakete .erste {
  background-position: center;
}
  .foerderung .erste #maintitle {
    padding-top: 25vh; }
    .foerderung .erste #maintitle div:first-of-type {
      width: 27.2em; }
    .foerderung .erste #maintitle div:nth-child(2) {
      width: 28em; }
    .foerderung .erste #maintitle div:last-child {
      width: 15.5em; }
.foerderung .zweite {
  text-align: center;
  font-size: 1.1em;
  line-height: 1.3em;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .foerderung .zweite .tab {
    font-weight: 600;
    position: relative;
    transform: rotate(-90deg) translateX(-8vw);
    height: 25px;
    padding: 4px;
    text-transform: uppercase;
    text-align: center;
    width: 6.2em;
    right: 2.37em;
    border: 1px solid #e64457;
    background-color: #e64457; }
.foerderung .zweite__upper {
  width: 90%;
  margin: -5em auto 0; }
  .foerderung .zweite__upper p {
    width: 87%;
    margin: 2em auto; }
  .foerderung .zweite__upper h1 {
    width: 100%;
    margin: 1.47em auto 0;
    line-height: 1em;
    text-indent: -1em; }
  .foerderung .zweite__upper h1:before {
    padding-bottom: 0.6em;
    margin-bottom: -0.3em;
    margin-right: 0.2em;
    background-position-y: 0.7em; }
  .foerderung .zweite__upper h1:after {
    transform: rotate(180deg);
    margin-left: 0.2em;
    background-position-y: 0.4em;
    padding-top: 0.3em; }
.foerderung .zweite__lower {
  margin-bottom: 4vw;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }
  .foerderung .zweite__lower .human .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/111.png"); }
  .foerderung .zweite__lower .brain .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/333.png"); }
  .foerderung .zweite__lower .heart .zweite__lower__img {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/222.png"); }
.foerderung .zweite__lower__img {
  margin: 0 auto 2.5vw auto;
  border: 0.3vw solid #e64457;
  width: 11vw;
  height: 11vw;
  max-width: 170px;
  max-height: 170px;
  border-radius: 50%;
  background-size: 50%; }
.foerderung .dritte {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  background: url("assets/hal.png") 104% 50%/52% no-repeat #e64457; }
.foerderung .inner_dritte_left {
  padding: 0 3vw; }
  .foerderung .inner_dritte_left button {
    background-color: darkslategrey;
    padding: 0.8vw 90px; }
  .medienpakete .inner_dritte_left button, .medienpakete .sechste button {
    padding-left: 50px;
    padding-right: 50px; }
  .foerderung .inner_dritte_left div:nth-of-type(2) {
    width: 90%; }
.foerderung .vierte h1 {
  width: 90%;
  margin: auto;
  padding: 1.4em 0 0.8em 0; }
.foerderung .vierte .box {
  display: flex;
  text-align: center;
  justify-content: center;
  border-top: 3px dotted #fff;
  width: 90%;
  margin: 0 auto;
  padding-top: 110px; }
  .foerderung .vierte .box div > div:nth-child(1) {
    font-size: 7em;
    font-weight: 600; }
  .foerderung .vierte .box div > div:nth-child(2),
  .foerderung .vierte .box div > div:nth-child(4) {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.5em; }
  .foerderung .vierte .box div > div:nth-child(4) {
    margin-top: 5px;
    font-size: 1.2em; }
.foerderung .vierte .plus {
  color: #e64457;
  font-size: 11em;
  font-weight: 500;
  margin-top: 40px; }
.foerderung .vierte .slash {
  border-top: 3px solid #e64457;
  width: 40px;
  margin: 0 auto; }
.foerderung .fuenfte {
  background: #e64457; }
  .foerderung .fuenfte h1 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    padding-top: 10vw;
    padding-bottom: 15px;
    margin: 0 20px; }
  .foerderung .fuenfte .gridcont {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2vw;
    padding: 3vw; }
  .foerderung .fuenfte h2 {
    font-weight: 400;
    margin: 0.5em 0 0; }
  .foerderung .fuenfte p {
    margin: 0.5em 0 0 0;
    line-height: 1.5em; }
  .foerderung .fuenfte img {
    width: 100%; }
  .foerderung .fuenfte a {
    text-decoration: underline; }
.foerderung .sechste {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  background: #e64457; }
  .foerderung .sechste a {
    text-decoration: underline; }
  .foerderung .sechste .bg-container {
    background: url("assets/Auerbach_Stiftung_Foerderung07-web.jpg") 50%/cover no-repeat; }
  .foerderung .sechste div:nth-child(2) {
    grid-column: 2; }
    .foerderung .sechste div:nth-child(2) div:first-of-type {
      padding-left: 0;
      margin: 0; }
    .foerderung .sechste div:nth-child(2) div:nth-of-type(3) {
      margin-top: 0;
      font-size: inherit; }
  .foerderung .sechste .links {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 40px auto;
    -ms-grid-columns: 40px auto;
    grid-gap: 10px; }
    .foerderung .sechste .links div {
      padding-bottom: 0 !important;
      padding-left: 2vw;
      line-height: 1.4em; }
    .foerderung .sechste .links div:last-of-type {
      width: 70%; }
  .foerderung .sechste .--pfeil {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("assets/foerder-pfeil.png");
    background-size: 4.8vw;
    width: 4.8vw;
    height: 4.8vw;
    padding: 0 !important; }

footer {
  padding: 4vw;
  background-color: #e64457;
  color: #fff;
  min-height: 285px;
  line-height: 1.3em; }
  footer h1 {
    font-size: 2.6em;
    margin: 0.9em 0; }
  footer a {
    text-decoration: underline; font-size: 16px; }
  footer nav {
    float: left;
    margin-top: 3em; }
    footer nav ul {
      margin: 0;
      padding: 0; }
  footer li {
    margin-right: 15px; }

.footer-wrap {
  margin-top: 3em;
  overflow: hidden; }
  .footer-wrap div {
    float: left;
    width: 33.3333%; }
  .footer-wrap span {
    display: block;
    font-size: 1.3em;
    margin-bottom: 0.6em; }

@media screen and (max-width: 768px) {
  .footer-wrap div {
    float: none;
    width: 100%;
    margin-top: 40px; }
  .stoerer img{
    width: 30vw;
    min-width: 240px;
  }
  .stoerer {
    right: 30px;
    bottom: -10px;
  }
}

#footer--social-nav {
  float: right;
  min-width: 135px; }
  #footer--social-nav a {
    position: relative;
    top: 2px;
    left: 5px; }
  #footer--social-nav a.envelope {
    top: 0px;
    left: 4px; }
  #footer--social-nav a.facebook {
    left: 8px; }
  #footer--social-nav ul li {
    height: 26px;
    width: 26px;
    background-color: dimgrey;
    border: 1px solid dimgrey;
    border-radius: 50%; }
  #footer--social-nav ul li:last-of-type {
    margin-right: 0; }

@media screen and (max-width: 1024px) {
  #maintitle {
    padding-top: 16vw; }
    #maintitle div:first-of-type {
      margin-bottom: -12px; }

  h1 {
    font-size: 2.8em; }

  .footer-wrap div {
    -webkit-flex-basis: 220px;
    -moz-flex-basis: 220px;
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px; }

  .foerderung .vierte h1 {
    padding: 0.9em 0 0.6em 0; }
  .foerderung .vierte .box {
    padding-top: 70px; }
  .foerderung .fuenfte {
    font-size: 0.9em; }

  .about .zweite__upper {
    margin: -5em auto 0 auto;
    width: 85%; }
    .about .zweite__upper h1, .about .zweite__upper p {
      width: 100%; }
    .about .zweite__upper p {
      margin: 1.2em auto; }
  .about .zusatztext {
    font-size: 0.7em; }
  .about .siebte__lower figure .year {
    top: -310px; }

  .foerderung .zweite__upper {
    margin: -5em auto 0 auto;
    width: 85%; }
    .foerderung .zweite__upper h1 {
      width: 80%; }
    .foerderung .zweite__upper p {
      width: 100%;
      margin: 1.2em auto; }
  .foerderung .zusatztext {
    font-size: 0.7em; } }
@media screen and (max-width: 768px) {
  .--only-in-mobile {
    display: block !important; }

  .--not-in-mobile {
    display: none !important; }

  .container {
    margin-top: 97px; }

  #maintitle {
    padding-top: 307px; }
    #maintitle h1 {
      font-size: 3em; line-height: 1.1; }
    #maintitle div:first-of-type {
      margin-bottom: -2px;
      width: 12.2em;
      padding-bottom: 3px; }
    #maintitle div:nth-child(2) {
      padding-top: 3px; }
    #maintitle div:nth-child(3) {
      padding-right: 0; }

  #main__nav {
    position: absolute;
    border-top: none;
    padding: 90px 15px 15px;
    font-size: 1.4em;
    font-weight: 400;
    height: 400px;
    box-shadow: -3px 2px 5px 0px #EFEFFE;
    top: -19px;
    right: 0; }
    #main__nav li {
      width: 83vw;
      border-bottom: 1px solid lightgrey;
      display: block;
      padding: 15px 6px 15px 0;
      margin: 0; }
    #main__nav li:nth-child(1) {
      margin-left: 0px;
      border-top: 1px solid #e64457; }
    #main__nav li:nth-child(3):after {
      content: ">"; }

  #menu__switch.active {
    background: url(assets/circle-cross.svg) no-repeat;
    position: absolute;
    left: 113px;
    top: 6px; }
    #menu__switch.active:after {
      content: "Menü";
      position: absolute;
      right: -85px;
      top: 0px;
      color: #000;
      font-weight: 300;
      font-size: 1.5em;
      text-transform: capitalize; }

  #nav__social {
    display: none; }

  #menu__switch.active ~ #nav__social {
    display: block;
    position: absolute;
    bottom: -405px;
    left: 113px;
    padding: 0;
    z-index: 3; }

  #menu__switch.active ~ .imp {
    display: inline-block;
    position: absolute;
    bottom: -475px;
    left: 113px;
    color: #e64457;
    text-decoration: underline; }
    #menu__switch.active ~ .imp a:first-child {
      margin-right: 22px; }

  h1 {
    font-size: 2em;
    line-height: 1.2em; }

  quote, .index .zweite__upper h1:before, .index .zweite__upper h1:after, .index .vierte h1:before, .index .vierte h1:after, .index .achte h1:before, .index .achte h1:after, .about .zweite__upper h1:before, .about .zweite__upper h1:after, .about .siebte__upper h1:before, .about .siebte__upper h1:after, .foerderung .zweite__upper h1:before, .foerderung .zweite__upper h1:after,
  h1:before,
  h1:after {
    background-image: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0; }

  header {
    width: unset; }

  .content-box__inner {
    height: 600px;
    overflow: hidden; }

  std-styles, .index .inner_dritte_left, .index .inner__sechste, .index .inner__siebte, .index .inner__zehnte, .index .inner__zwoelfte, .foerderung .inner_dritte_left, .foerderung .sechste div:nth-child(2) {
    padding-left: 0;
    margin: 0 20px; }

  footer {
    height: 600px; }
    footer h1 {
      font-size: 18px;
      margin: 2em 0 0;
      font-weight: 400;
      text-transform: uppercase; }
    footer nav {
      float: none;
      margin-top: 11em; }

  #footer--social-nav {
    float: none;
    margin-top: -75px; }

  .footer-wrap {
    margin-top: 0.3em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .footer-wrap div {
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      color: #262626;
      font-size: 0.8em; }
    .footer-wrap span {
      color: #fff;
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 10px; }

  .index {
    /* dritte box */
    /* siebte box */
    /* achte box */ }
    .index #spendenbtn, .about #spendenbtn {
      transform: rotate(-90deg) translateX(180px); padding: 0; }
    #spendenbtn a {
      padding: 10px !important; }
    .index .vierte__upper__content,
    .index .inner__sechste div:nth-of-type(2),
    .index .inner__siebte div:nth-child(3),
    .index .achte__upper {
      width: 90%; }
    .index .zweite {
      text-align: left;
      justify-content: space-evenly; }
    .index .zweite__upper {
      margin: 42px 20px 0; }
      .index .zweite__upper h1 {
        margin-top: -7vw; }
    .index .zweite__lower__img {
      outline: none;
      border: 4px solid #a1d079;
      width: 40vw;
      height: 40vw;
      max-width: 200px;
      max-height: 200px; }
    .index .tab.--zeit {
      transform: rotate(-90deg) translateX(-15vw);
      right: calc( 3.4em - 100%); }
    .index .dritte {
      display: block;
      background-size: 68%;
      background-position: 75% 98%; }
      .index .dritte figure img {
        width: 130px;
        top: 0;
        left: 0; }
      .index .dritte button {
        padding: 17px;
        position: relative;
        bottom: -200px;
        right: -22vw; }
        @media screen and (max-width: 768px) {
          .index .dritte button {
            bottom: auto;
            right: auto; }
        }
    .index .inner__dritte_right {
      margin: -10px 0px 0 21vw;
      display: block;
      position: unset;
      padding-right: 0; }
    .index .inner__dritte_right .fas {
      right: -88.9px;
      top: -28.7px;
      font-size: 2.4em; }
    .index .inner_dritte_left {
      position: relative;
      display: block;
      width: auto;
      float: none;
      height: auto; }
      .index .inner_dritte_left div {
        width: auto !important; }
      .index .inner_dritte_left div:nth-of-type(1) {
        font-size: 2em; }
      .index .inner_dritte_left div:nth-of-type(2) {
        color: #262626; }
    .index .vierte {
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      -moz-justify-content: space-evenly;
      justify-content: space-evenly; }
    .index .vierte__upper {
      margin: -50px 20px 0;
      text-align: left; }
    .index .vierte__upper__content {
      margin: 0; }
    .index .vierte__lower {
      display: block; }
    .index .inner__sechste {
      width: auto; }
      .index .inner__sechste button {
        margin: 142px 0 0 20px;
        padding: 10px; }
    .index .inner__siebte {
      float: none;
      width: unset; }
    .index .achte {
      text-align: left;
      justify-content: space-around; }
      .index .achte .tab {
        transform: rotate(-90deg) translateX(-12vw);
        left: 87.8%; }
      .index .achte h1 {
        margin-top: 45px; }
    .index .achte__upper {
      margin-top: 0px; }
    .index .achte__lower__img {
      outline: none;
      border: 4px solid #67b8dc;
      width: 40vw;
      height: 40vw; }
    .index .inner__achte {
      height: 85%;
      padding-left: 0;
      margin: 0 20px; }
    .index .inner__zehnte {
      width: auto; }
    .index .inner__zwoelfte {
      float: none;
      width: auto; }

  @media screen and (max-width: 992px) {
    .medienratgeber .inner_dritte_left {
      display: none;
    } .medienratgeber .inner_dritte_right {
      padding-left: 2em;
      padding-top: 2em !important;
      width: 90% !important;
    }
  }

  .handyregeln {
    visibility: visible;
    top: -232px;
    left: 347px;
    width: 371px;
    overflow: hidden; }
    .handyregeln img {
      width: 419px;
      height: 610px; }

  .calendar-img {
    top: -42px;
    left: 260px; }
    .calendar-img img {
      width: 80%; }

  .smartphone {
    visibility: visible;
    float: none;
    top: 10px;
    left: -24px;
    width: 80%; }
    .smartphone div {
      top: -740px;
      left: 322px; }

  .tablet {
    width: 76vw;
    top: 16px;
    left: 42%; }
    .tablet div {
      top: -353px;
      left: -65px; }

  .about {
    font-size: 0.9em;
    overflow: hidden; }
    .about .erste #maintitle {
      padding-top: 180px; }
      .about .erste #maintitle h1 {
        font-size: 2.8em; }
      .about .erste #maintitle div {
        padding: 10px 0;
      } .about .erste #maintitle div:last-child {
        padding: 10px 30px;
      }
      .about .erste #maintitle div:nth-child(3),
      .about .erste #maintitle div:nth-child(4),
      .about .erste #maintitle div:nth-child(5) {
        margin-bottom: -11px; }
      .about .erste #maintitle div:nth-child(3) {
        font-size: 1em;
        width: 14.5em; }
      .about .erste #maintitle div:nth-child(4) {
        width: 15.7em; }
      .about .erste #maintitle div:nth-child(5) {
        width: 17em; }
      .about .erste #maintitle div:nth-child(6) {
        width: 6em; }
    .about .zweite {
      text-align: left;
      justify-content: space-evenly; }
      .about .zweite .tab {
        transform: rotate(-90deg) translateX(-9vw);
        right: calc( 4em - 100%); }
      .about .zweite .slick-dots .slick-active button:before {
        color: #e64457; }
    .about .zweite__upper {
      margin: 0 20px; }
      .about .zweite__upper h1 {
        font-size: 2.6em;
        margin: -1em 0 0.77em 0;
        width: 90%;
        text-indent: 0; }
      .about .zweite__upper p {
        width: auto;
        margin: 0; }
    .about .zweite__lower__img {
      outline: none;
      border: 4px solid #e64457;
      width: 40vw;
      height: 40vw;
      max-width: 200px;
      max-height: 200px; }
    .about div.content-box__inner.achte {
      background-image: url("assets/avira-tt-office.png");
      background-size: cover;
      min-height: 405px;
      max-height: 405px; }
    .about .siebte {
      height: 890px;
      max-height: 890px;
      text-align: left;
      overflow: visible; }
      .about .siebte > div {
        margin-left: 20px; }
      .about .siebte .siebte__upper h1 {
        margin: 1em 0 0;
        font-size: 2.2em;
        text-indent: 0;
        line-height: 1em; }
      .about .siebte .siebte__upper p {
        margin: 2em 0 0; }
      .about .siebte .siebte__lower {
        display: flex;
        flex-direction: column;
        margin-top: 2em; }
        .about .siebte .siebte__lower p {
          font-size: inherit; }
        .about .siebte .siebte__lower .text {
          order: 1;
          float: none;
          width: auto; }
        .about .siebte .siebte__lower .year {
          top: 120px;
          left: 89.5%; }
        .about .siebte .siebte__lower img {
          width: 100vw; }
      .about .siebte figure {
        order: 2; }
    .about .neunte {
      background-color: #e64457;
      height: 890px;
      max-height: 890px; }
      .about .neunte h1 {
        font-size: 0.8em;
        text-transform: uppercase;
        padding: 30px 0 0 20px; }
      .about .neunte .person {
        margin: 20px 20px 0;
        padding: 0px;
        border-bottom: 1px solid white; }
        .about .neunte .person > div:nth-child(2) > div:first-child {
          font-weight: 600; }
        .about .neunte .person > div:nth-child(2) > div:nth-child(2) {
          padding: 0; }
        .about .neunte .person .portrait {
          width: 90px;
          height: 90px;
          margin: 0 20px 20px 0; }
        .about .neunte .person .email {
          font-size: 0.8em; }
          .about .neunte .person .email a {
            text-decoration: underline; }
      .about .neunte .person:last-of-type {
        border-bottom: none; }

  .foerderung {
    font-size: 0.9em;
    overflow: hidden; }
    .foerderung .erste #maintitle {
      padding-top: 180px; }
      .foerderung .erste #maintitle h1 {
        font-size: 2.25em; }
      .foerderung .erste #maintitle div:nth-child(3),
      .foerderung .erste #maintitle div:nth-child(4),
      .foerderung .erste #maintitle div:nth-child(5) {
        margin-bottom: -11px; }
      .foerderung .erste #maintitle div:nth-child(3) {
        font-size: 1em;
        width: 15.5em; }
      .foerderung .erste #maintitle div:nth-child(4) {
        width: 15.7em; }
      .foerderung .erste #maintitle div:nth-child(5) {
        width: 17em; }
      .foerderung .erste #maintitle div:nth-child(6) {
        width: 6em; }
    .foerderung .zweite {
      text-align: left;
      justify-content: space-evenly; }
      .foerderung .zweite .tab {
        transform: rotate(-90deg) translateX(-7vw);
        right: calc( 4em - 100%); }
      .foerderung .zweite .slick-dots .slick-active button:before {
        color: #e64457; }
    .foerderung .zweite__upper {
      margin: 0 20px; }
      .foerderung .zweite__upper h1 {
        font-size: 2.6em;
        margin: -1em 0 0.37em 0;
        width: 90%;
        text-indent: 0; }
      .foerderung .zweite__upper p {
        width: auto;
        margin: 0; }
    .foerderung .zweite__lower__img {
      outline: none;
      border: 4px solid #e64457;
      width: 40vw;
      height: 40vw;
      max-width: 200px;
      max-height: 200px; }
    .foerderung .inner_dritte_left {
      padding: 0 2vw; }
    .foerderung .vierte .box {
      padding-top: 90px; }
    .foerderung .sechste {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .foerderung .sechste .links div:not(.--pfeil) {
        color: white !important;
        margin: 0;
        padding: 0;
        width: 90%; }
      .foerderung:not(.medienpakete) .sechste .bg-container {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
        height: 100%;
        margin: 20px;
        background: url("assets/Auerbach_Stiftung_Foerderung07-web.jpg") 0 6%/cover no-repeat; }

      .foerderung.medienpakete .sechste .bg-container {
        height: 500px;
        background-position: center; }

        .foerderung.medienpakete .sechste div:nth-child(2) {
          padding-bottom: 4vw;
          } }
@media screen and (max-width: 425px) {
  #main__nav {
    left: 0px; }
    #main__nav li:nth-child(1) {
      margin-left: 0px; }

  #menu__switch.active {
    left: 20px; }

  #menu__switch.active ~ #nav__social, #menu__switch.active ~ .imp {
    padding: 0;
    left: 20px; }

  .container {
    width: auto; }

  #maintitle {
    padding-top: 25vh; }
    #maintitle div:first-of-type {
      margin-bottom: -12px; }
    #maintitle div:nth-child(3) {
      width: 14em; }

  std-styles div:nth-of-type(2), .index .inner_dritte_left div:nth-of-type(2), .index .inner__sechste div:nth-of-type(2), .index .inner__siebte div:nth-of-type(2), .index .inner__zehnte div:nth-of-type(2), .index .inner__zwoelfte div:nth-of-type(2), .foerderung .inner_dritte_left div:nth-of-type(2), .foerderung .sechste div:nth-child(2) div:nth-of-type(2) {
    font-size: 1em; }

  footer nav {
    margin-top: 15em; }

  .footer-wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .footer-wrap div {
      -webkit-flex-basis: 21vw;
      -moz-flex-basis: 21vw;
      -ms-flex-preferred-size: 21vw;
      flex-basis: 21vw;
      font-size: 16px; }

  .index {
    /* zweite box */
    /* vierte Box */
    /* fünfte box  unsichtbar  */ }
    .index std-styles h1, .index .inner_dritte_left h1, .index .inner__sechste h1, .index .inner__siebte h1, .index .inner__zehnte h1, .index .inner__zwoelfte h1, .index .foerderung .sechste div:nth-child(2) h1, .foerderung .sechste .index div:nth-child(2) h1 {
      padding-top: 8vw; }
    .index std-styles div:nth-of-type(1), .index .inner_dritte_left div:nth-of-type(1), .index .inner__sechste div:nth-of-type(1), .index .inner__siebte div:nth-of-type(1), .index .inner__zehnte div:nth-of-type(1), .index .inner__zwoelfte div:nth-of-type(1), .index .foerderung .sechste div:nth-child(2) div:nth-of-type(1), .foerderung .sechste .index div:nth-child(2) div:nth-of-type(1) {
      font-size: 2em; }
    .index std-styles div:nth-of-type(2), .index .inner_dritte_left div:nth-of-type(2), .index .inner__sechste div:nth-of-type(2), .index .inner__siebte div:nth-of-type(2), .index .inner__zehnte div:nth-of-type(2), .index .inner__zwoelfte div:nth-of-type(2), .index .foerderung .sechste div:nth-child(2) div:nth-of-type(2), .foerderung .sechste .index div:nth-child(2) div:nth-of-type(2) {
      color: #262626;
      font-size: 0.9em; }
    .index .erste h1:first-of-type {
      margin-top: 0; }
    .index .zweite {
      font-size: 0.9em;
      text-align: left;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      -moz-justify-content: space-evenly;
      justify-content: space-evenly; }
    .index .tab.--zeit {
      transform: rotate(-90deg) translateX(-4vw); }
    .index .zweite__upper h1 {
      margin-top: -145px;
      width: 78%; }
    .index .zweite__lower {
      text-align: center; }
    .index .dritte {
      background-position: 60% 95%;
      background-size: 93%; }
      .index .dritte figure img {
        width: 117px; }
      .index .dritte button {
        margin: -10% -12% 0;
        padding: 15px 22px;
        font-size: 0.9em;
        font-weight: 400; }
      .node-1 .dritte button {
        margin-left: 0; }
    .index .inner__dritte_right {
      margin: 11px 0px 0 20px; }
      .index .inner__dritte_right .fas {
        right: -80.3px;
        top: -26.5px;
        font-size: 2.2em; }
    .index .vierte {
      justify-content: space-around; }
    .index .vierte__upper {
      margin-left: 10px;
      text-align: left; }
      .index .vierte__upper h1 {
        margin-top: 2em; }
    .index .vierte__upper__content {
      width: 100%; }
    .index .inner__sechste button {
      margin: 66% 13% 0;
      padding: 15px 22px;
      font-size: 1em;
      font-weight: 400;
      z-index: 1;
      position: absolute; }
    .index .achte {
      font-size: 0.9em; }
      .index .achte h1 {
        margin-top: 0;
        font-size: 32px; }
      .index .achte .slick-active button:before {
        color: #67b8dc; }
    .index .achte .tab {
      transform: rotate(-90deg) translateX(-80px);
      left: 84.5%;
      width: 7em;
      font-size: 0.9em; }
    .index .achte__upper {
      width: 100%; }
    .index .inner__zehnte {
      width: 100%; }
      .index .inner__zehnte div:nth-of-type(2) {
        width: 95%; }
    .index .inner__zwoelfte {
      float: none;
      width: unset; }
      .index .inner__zwoelfte div:nth-of-type(2) {
        width: 95%; }

  .handyregeln {
    top: -27px;
    left: 95px;
    width: 335px;
    overflow: hidden; }
    .handyregeln img {
      width: 370px;
      height: 480px; }

  .calendar-img {
    top: 0;
    left: -72px; }
    .calendar-img img {
      width: 103%; }

  .tablet {
    top: 11px;
    left: 55px;
    position: relative; }
    .tablet img {
      overflow: hidden;
      width: 500px; }
    .tablet div {
      top: -185px;
      left: -37px; }

  .tablet div,
  .smartphone div {
    width: 150px;
    height: 150px; }

  .tablet span,
  .smartphone span {
    font-size: 1em;
    top: 37%; }

  .smartphone div {
    top: -330px;
    left: 170px; }

  .about {
    /* zweite box */ }
    .about std-styles h1, .about .index .inner_dritte_left h1, .index .about .inner_dritte_left h1, .about .index .inner__sechste h1, .index .about .inner__sechste h1, .about .index .inner__siebte h1, .index .about .inner__siebte h1, .about .index .inner__zehnte h1, .index .about .inner__zehnte h1, .about .index .inner__zwoelfte h1, .index .about .inner__zwoelfte h1, .about .foerderung .inner_dritte_left h1, .foerderung .about .inner_dritte_left h1, .about .foerderung .sechste div:nth-child(2) h1, .foerderung .sechste .about div:nth-child(2) h1 {
      padding-top: 8vw; }
    .about std-styles div:nth-of-type(1), .about .index .inner_dritte_left div:nth-of-type(1), .index .about .inner_dritte_left div:nth-of-type(1), .about .index .inner__sechste div:nth-of-type(1), .index .about .inner__sechste div:nth-of-type(1), .about .index .inner__siebte div:nth-of-type(1), .index .about .inner__siebte div:nth-of-type(1), .about .index .inner__zehnte div:nth-of-type(1), .index .about .inner__zehnte div:nth-of-type(1), .about .index .inner__zwoelfte div:nth-of-type(1), .index .about .inner__zwoelfte div:nth-of-type(1), .about .foerderung .inner_dritte_left div:nth-of-type(1), .foerderung .about .inner_dritte_left div:nth-of-type(1), .about .foerderung .sechste div:nth-child(2) div:nth-of-type(1), .foerderung .sechste .about div:nth-child(2) div:nth-of-type(1) {
      font-size: 2em; }
    .about std-styles div:nth-of-type(2), .about .index .inner_dritte_left div:nth-of-type(2), .index .about .inner_dritte_left div:nth-of-type(2), .about .index .inner__sechste div:nth-of-type(2), .index .about .inner__sechste div:nth-of-type(2), .about .index .inner__siebte div:nth-of-type(2), .index .about .inner__siebte div:nth-of-type(2), .about .index .inner__zehnte div:nth-of-type(2), .index .about .inner__zehnte div:nth-of-type(2), .about .index .inner__zwoelfte div:nth-of-type(2), .index .about .inner__zwoelfte div:nth-of-type(2), .about .foerderung .inner_dritte_left div:nth-of-type(2), .foerderung .about .inner_dritte_left div:nth-of-type(2), .about .foerderung .sechste div:nth-child(2) div:nth-of-type(2), .foerderung .sechste .about div:nth-child(2) div:nth-of-type(2) {
      color: #262626;
      font-size: 0.9em; }
    .about .erste #maintitle div:nth-child(3),
    .about .erste #maintitle div:nth-child(4),
    .about .erste #maintitle div:nth-child(5) {
      margin-bottom: -24px; }
    .about .erste h1:first-of-type {
      margin-top: 0; }
    .about .erste h1 {
      font-size: 2.7em;
      line-height: 1.5em; }
    .about .zweite {
      font-size: 0.9em;
      text-align: left;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      -moz-justify-content: space-evenly;
      justify-content: space-evenly; }
      .about .zweite .tab {
        transform: rotate(-90deg) translateX(2vw); }
    .about .zweite__upper h1 {
      margin-bottom: 15px;
      width: 100%; }
    .about .zweite__lower {
      text-align: center; }
    .about .siebte .siebte__upper {
      font-size: 1em; }
      .about .siebte .siebte__upper p {
        margin-top: 1.2em; }
      .about .siebte .siebte__upper h1 {
        text-indent: 0; }
    .about .siebte .siebte__lower p {
      line-height: inherit; }
    .about .siebte .siebte__lower figure {
      top: 10px; }
    .about .siebte .siebte__lower img {
      width: 120vw;
      left: -29vw; }
    .about .siebte .siebte__lower .year {
      top: 0;
      left: 80%; }
    .about .siebte .siebte__lower .text {
      margin-top: 0.5em; }
    .about div.content-box__inner.achte {
      min-height: 192px;
      max-height: 192px; }

  .foerderung {
    /* zweite box */ }
    .foerderung std-styles h1, .foerderung .index .inner__sechste h1, .index .foerderung .inner__sechste h1, .foerderung .index .inner__siebte h1, .index .foerderung .inner__siebte h1, .foerderung .index .inner__zehnte h1, .index .foerderung .inner__zehnte h1, .foerderung .index .inner__zwoelfte h1, .index .foerderung .inner__zwoelfte h1, .foerderung .inner_dritte_left h1, .foerderung .sechste div:nth-child(2) h1 {
      padding-top: 8vw; }
    .foerderung std-styles div:nth-of-type(1), .foerderung .index .inner__sechste div:nth-of-type(1), .index .foerderung .inner__sechste div:nth-of-type(1), .foerderung .index .inner__siebte div:nth-of-type(1), .index .foerderung .inner__siebte div:nth-of-type(1), .foerderung .index .inner__zehnte div:nth-of-type(1), .index .foerderung .inner__zehnte div:nth-of-type(1), .foerderung .index .inner__zwoelfte div:nth-of-type(1), .index .foerderung .inner__zwoelfte div:nth-of-type(1), .foerderung .inner_dritte_left div:nth-of-type(1), .foerderung .sechste div:nth-child(2) div:nth-of-type(1) {
      font-size: 2em; }
    .foerderung std-styles div:nth-of-type(2), .foerderung .index .inner__sechste div:nth-of-type(2), .index .foerderung .inner__sechste div:nth-of-type(2), .foerderung .index .inner__siebte div:nth-of-type(2), .index .foerderung .inner__siebte div:nth-of-type(2), .foerderung .index .inner__zehnte div:nth-of-type(2), .index .foerderung .inner__zehnte div:nth-of-type(2), .foerderung .index .inner__zwoelfte div:nth-of-type(2), .index .foerderung .inner__zwoelfte div:nth-of-type(2), .foerderung .inner_dritte_left div:nth-of-type(2), .foerderung .sechste div:nth-child(2) div:nth-of-type(2) {
      color: #262626;
      font-size: 0.9em; }
    .foerderung .erste #maintitle div:nth-child(3),
    .foerderung .erste #maintitle div:nth-child(4),
    .foerderung .erste #maintitle div:nth-child(5) {
      margin-bottom: -24px; }
    .foerderung .erste h1:first-of-type {
      margin-top: 0; }
    .foerderung .erste h1 {
      font-size: 2.7em;
      line-height: 1.5em; }
    .foerderung .zweite {
      font-size: 0.9em;
      text-align: left;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      -webkit-justify-content: space-evenly;
      -moz-justify-content: space-evenly;
      justify-content: space-evenly; }
      .foerderung .zweite .tab {
        transform: rotate(-90deg) translateX(0vw); }
    .foerderung .zweite__upper h1 {
      margin-top: -128px;
      margin-bottom: 15px;
      width: 92%; }
    .foerderung .zweite__lower {
      text-align: center; }
    .foerderung .dritte {
      background: url("assets/hal.png") 50% 94%/57% no-repeat #e64457;
      display: block; }
    .foerderung .inner_dritte_left div:nth-of-type(2) {
      padding-bottom: 0; }
    .foerderung .inner_dritte_left button {
      font-size: 0.9em;
      font-weight: normal;
      background: #e64457;
      padding: 0;
      text-transform: lowercase;
      text-decoration: underline; }
    .foerderung .vierte .plus {
      display: none; }
    .foerderung .fuenfte .gridcont {
      grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr 1fr 1fr 1fr;
      -ms-grid-columns: 1fr;
      margin: 0 20px;
      padding: 0; }
      .foerderung .fuenfte .gridcont > div {
        padding: 10px 0 15px;
        border-bottom: 1px solid #fff; }
      .foerderung .fuenfte .gridcont > div:last-child {
        padding-bottom: 0;
        border: none; }
      .foerderung .fuenfte .gridcont p {
        display: none !important; }
    .foerderung .fuenfte a {
      color: white;
      text-decoration: none; }
    .foerderung .fuenfte img {
      width: 25%;
      float: left; }
    .foerderung .fuenfte img ~ div {
      display: inline;
      float: right;
      color: darkslategray;
      width: 54%;
      margin-right: 15%; }
    .foerderung .fuenfte h2 {
      line-height: 1.3em; } }
@media screen and (max-width: 420px) {
  .index .inner__sechste button {
    margin: 247px 0 0 21px; }
  .node-1 .inner__sechste button {
    margin: -50px 0 0 21px; }
}

.node-3 .inner__siebte div:nth-child(3) {
    padding-bottom: 0;
  }

@media screen and (max-width: 375px) {
  .content-box__inner {
    height: 570px; }

  .node-3 .inner__siebte button {
    margin-top: 10px !important;
  }

  .index .vierte__upper__content,
  .index .inner__sechste div:nth-of-type(2),
  .index .inner__siebte div:nth-child(3),
  .index .achte__upper {
    width: 100%; }
  .index .dritte button {
    margin: 0;
    bottom: -216px;
    right: -8vw; }
  .node-1 .dritte button {
    bottom: 40px;  }
  .index .inner__dritte_right {
    margin: -19px 0px 0 20px; }
  .index .inner__sechste button {
    margin: 200px 0 0 10px; }
  .node-1 .inner__sechste button {
    margin: -50px 0 0 10px; }

  .handyregeln {
    top: -26px;
    left: 35px; }

  .smartphone div {
    top: -280px;
    left: 120px; }

  .tablet div {
    top: -265px; }

  .about .zweite__upper h1 {
    margin-top: -34px; }
  .about .zweite .tab {
    transform: rotate(-90deg) translateX(-61px); }
  .about .siebte__lower .year div {
    padding: 7px 23px;
    margin: 7px 0; }

  footer nav {
    margin-top: 15em; } }
@media screen and (max-width: 320px) {
  .index .dritte button {
    bottom: -214px;
    right: -13vw; }
  .node-1 .dritte button {
    bottom: 40px;
    right: -13vw; }
  .index .inner__dritte_right {
    margin: -20px 0 0 20px; }
  .index .inner__sechste button {
    margin: 247px 0 0 6px; }
  .node-1 .inner__sechste button {
    margin: -50px 0 0 6px; }
  .index .tab.--zeit {
    transform: rotate(-90deg) translateX(-8vw);
    right: -81.6%; }
  .index .achte .tab {
    transform: rotate(-90deg) translateX(-30vw);
    left: 78.5%; }

  .smartphone span, .tablet span {
    font-size: 1em; }

  .smartphone div, .tablet div {
    width: 130px;
    height: 130px; }

  .smartphone {
    width: 87%; }

  .smartphone div {
    top: -259px;
    left: 112px; }

  #main__nav {
    padding-top: 80px;
    font-size: 1.2em; }

  #menu__switch.active ~ .imp {
    bottom: -460px; }

  .about .siebte {
    height: 940px;
    max-height: 940px; }
    .about .siebte .siebte__upper h1 {
      font-size: 2em;
      line-height: 1.2em; }
    .about .siebte .siebte__upper p {
      width: 100%; }
    .about .siebte .siebte__upper > div {
      margin: 0 20px; }
    .about .siebte .siebte__lower .text {
      margin-right: 0; }
    .about .siebte .siebte__lower img {
      width: 127vw;
      left: -29vw; }
    .about .siebte .siebte__lower .year {
      top: 19px;
      left: 80.3%; }

  .foerderung .zweite__upper h1 {
    margin-top: -100px; }
  .foerderung .zweite .tab {
    transform: rotate(-90deg) translateX(-7vw); }
  .foerderung .fuenfte h2 {
    line-height: 1.2em;
    margin: 0 0 0; }
  .foerderung .fuenfte img ~ div {
    width: 71%;
    margin-right: 0%;
    font-size: 0.9em; }

  .footer-wrap div {
    -webkit-flex-basis: 32vw;
    -moz-flex-basis: 32vw;
    -ms-flex-preferred-size: 32vw;
    flex-basis: 32vw; }

  footer nav {
    margin-top: 11em; } }
@media screen and (width: 1366px) and (orientation: landscape) {
  footer nav {
    margin-top: 7em; } }
@media screen and (min-width: 1300px) {
  .--bluetick:before {
    background-size: 65px; }

  .calendar-img {
    left: -100vw; }

  .tablet {
    left: 100%; }
    .tablet.slidein {
      left: 51%; }

  .smartphone div {
    top: -136px;
    left: 330px; }

  .smartphone.slidein2 {
    top: -350px; }

  .index .elfte video {
    margin-top: -4%; }

  .index .dritte {
    background-position: 80%;
    background-size: 49%; } }
@media screen and (min-width: 1600px) {
  .index .vierte__lower a:hover ~ .hint.--left:before {
    left: 42%; }

  .index .vierte__lower a:hover ~ .hint.--right:before {
    left: 53%; }

  .tablet.slidein {
    left: 57%; } }


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

@media all and (-ms-high-contrast:none) {
     .tab,
     .node-1 .inner__zwoelfte div:nth-of-type(3), .node-1 .inner__zwoelfte div:nth-of-type(4) {
      display: none;
     }

     .index .zweite__upper {
      margin: 0;
     } .inner__zehnte div:nth-of-type(3), .inner__zehnte div:nth-of-type(4) {
      margin: 40px 20px;
     } .index .webline {
      display: none;
     } .tablet img {
      width: 900px;
     }

     .about .dritte, .about .vierte, .about .fuenfte, .about .sechste {
      display: block;
      overflow: hidden;
      min-height: 1200px;
     } .about .vierte, .about .sechste {
      min-height: 1600px;
     } .about .dritte > div, .about .vierte > div, .about .fuenfte > div, .about .sechste > div {
      width: 50%;
      float: left;
      min-height: 400px;
      box-sizing: border-box;
     } .about .dritte > div:nth-of-type(odd), .about .vierte > div:nth-of-type(even), .about .fuenfte > div:nth-of-type(3), .about .fuenfte > div:nth-of-type(4), .about .sechste > div:nth-of-type(odd) {
      clear: both;
     } .about .person {
      margin: 0;
      padding: 50px;
     } .about .textbox, .about .fuenfte > div:nth-of-type(3) {
      width: 100% !important;
      float: none !important;
      border-bottom: 1px solid #fff;
     } .about .siebte, .about .achte, .about .neunte {
      display: none;
     }
}