/* ------------------------------ */
/* ----- Typography / Colors ---- */
/* ------------------------------ */

@font-face {
  font-family: "Bahnschrift";
  src:  url("https://use.typekit.net/af/9f16ad/0000000000000000775ab3a2/31/l?subset_id=2&fvd=n2&v=3") format("woff2"),
        url("https://use.typekit.net/af/9f16ad/0000000000000000775ab3a2/31/d?subset_id=2&fvd=n2&v=3") format("woff"),
        url("https://use.typekit.net/af/9f16ad/0000000000000000775ab3a2/31/a?subset_id=2&fvd=n2&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
}

@font-face {
  font-family: "Bahnschrift";
  src:  url("https://use.typekit.net/af/422a10/0000000000000000775abdcd/31/l?subset_id=2&fvd=n6&v=3") format("woff2"),
        url("https://use.typekit.net/af/422a10/0000000000000000775abdcd/31/d?subset_id=2&fvd=n6&v=3") format("woff"),
        url("https://use.typekit.net/af/422a10/0000000000000000775abdcd/31/a?subset_id=2&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}

@font-face {
  font-family: "Bahnschrift";
  src:  url("https://use.typekit.net/af/c252f0/0000000000000000775ab3a5/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
        url("https://use.typekit.net/af/c252f0/0000000000000000775ab3a5/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
        url("https://use.typekit.net/af/c252f0/0000000000000000775ab3a5/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}



/* ------------------------------ */
/* ---------- Variables --------- */
/* ------------------------------ */

:root {
  /* Brand Fonts */
  --brand-font: "Bahnschrift";

  /* Brand Colors*/
  --brand-anthrazit: #354248;
  --brand-dunkelgrau: #989DA5;
  --brand-hellgrau: #F7F8F8;
  --brand-weiss: #ffffff;
  --brand-himmelblau: #00B4D5;
  --brand-sonnengelb: #FFCC00;
  --brand-sonnengelb-85: #FFD426;

  /* Additional Colors */
  --color-grey-transparent: rgba(50,56,66,.08);
  --color-blue-transparent: rgb(0,180,213,.08);
  --color-yellow-transparent: rgb(255,204,0,.08);
  
  /* Font Styling */
  --line-height-3: 1;
  --line-height-1: 1.4;

  /* Hover & Transition */
  --opacity-2: .7;
  --opacity-1: .6;
  --transition-delay: .25s;
  --transition-4: 1s;
  --transition-3: .75s;
  --transition-2: .5s;
  --transition-1: .25s;

  /* Box shadow */
  --box-shadow-1: 0 -14px 20px 0px rgba(53,66,72,.05);

  /* Layout */
  --width-content: 940px;
  --width-small-content: 680px; 
  --border-radius-1: 5px;
}


/* ------------------------------ */
/* ------ Minify & Flexbox ------ */
/* ------------------------------ */

.inside,.site_wrapper{position:relative}main,picture{display:block}img,picture{max-width:100%}body,ul{margin:0}[type=search],input,textarea{-webkit-appearance:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0!important}html{min-height:100.1%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inside{margin:0 auto}a,button,input{-ms-touch-action:manipulation;touch-action:manipulation}ul{list-style-type:none;padding:0}img{border-style:none;vertical-align:top}img:not(.logo){height:auto}input,textarea{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}textarea{overflow:auto}address{font-style:normal}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}

.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.row_simple{display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.reverse,.row_simple.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col,.col-xs-12,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:576px){.col-s-12,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-s-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-s-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-s-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-s-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-s-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-s-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-s-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-s-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-s{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-s{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-s{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-s{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-s{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-s{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:768px){.col-m-12,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-m-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-m-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-m-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-m-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-m-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-m-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-m-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-m-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-m{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-m{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-m{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-m{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:992px){.col-l-12,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-l-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-l-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-l-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-l-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-l-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-l-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-l-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-l-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-l{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-l{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-l{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-l{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:1240px){.col-xl-12,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xl-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xl-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xl-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xl-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-xl{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xl{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:1400px){.col-xxl-12,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xxl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xxl-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xxl-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xxl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xxl-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xxl-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xxl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xxl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.center-xxl{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xxl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xxl{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xxl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xxl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.between-xxl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}



/* ------------------------------ */
/* ----------- General ---------- */
/* ------------------------------ */

::selection {
  color: var(--brand-weiss);
  background: var(--brand-anthrazit);
}

::-moz-selection {
  color: var(--brand-weiss);
  background: var(--brand-anthrazit);
}

.footer__top ::selection, .cookie_box ::selection {
  color: var(--brand-anthrazit);
  background: var(--brand-weiss);
}

.footer__top ::-moz-selection {
  color: var(--brand-anthrazit);
  background: var(--brand-weiss);
}

img::selection, video::selection, iframe::selection {
  background-color: transparent;
}

img::-moz-selection, video::-moz-selection, iframe::-moz-selection {
  background-color: transparent;
}

html {
  font-size: 20px;
}

body {
  font-family: var(--brand-font);
  font-size: var(--font-size-standard);
  font-weight: 200;
  line-height: var(--line-height-1);
  color: var(--brand-anthrazit);
  -webkit-tap-highlight-color: transparent;
}

.site_wrapper {
  background-color: var(--brand-weiss);
}

h1, .typography--h1, h2, .typography--h2, h3, .typography--h3, h4, .typography--h4 {
  font-weight: bold;
  line-height: var(--line-height-2);
  color: var(--brand-himmelblau);
}

h2:first-child, h3:first-child, h4:first-child, .section__text > .text > span.label + h1, .section__text > .text > span.label + h2, .section__text > .text > span.label + h3,
.section > .section__title:first-child h2, .section > .section__title:first-child h3, .section > .section__title:first-child h4 {
  margin-top: 0;
}

h1, .typography--h1 {
  font-size: var(--font-size-7);
  margin-top: 0;
}

h2, h3, .section__text + .section__title h2 {
  margin-top: var(--spacing-7);
}

h2 + h3 {
  margin-top: var(--spacing-3);
}

h2, .typography--h2 {
  font-size: var(--font-size-6);
}

h3, .typography--h3 {
  font-size: var(--font-size-5-5);
  margin-bottom: var(--spacing-3);
}

h4, .typography--h4 {
  font-size: var(--font-size-5);
  line-height: var(--line-height-2);
  font-weight: bold;
  margin-bottom: var(--spacing-2);
}

h4, .section__text + .section__title h4 {
  margin-top: var(--spacing-6);
}

.typography--big {
  font-size: var(--font-size-8);
  font-weight: 600;
  line-height: var(--line-height-3);
  letter-spacing: -.25px;
}

.typography--lead p, .typography--lead ul {
  font-size: calc(var(--font-size-standard) + 2px);
}

.typography--copy {
  font-size: var(--font-size-standard);
}

a {
  color: var(--brand-anthrazit);
  text-decoration: none;
}

a.full {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  text-indent: -30000px;
  z-index: 10;
  text-decoration: none;
  text-align: left;
}

a.full > span {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px,1px,1px,1px);
  border: 0;
  overflow: hidden;
}

a.full::before, a.full::after {
  display: none;
}

section p a:not(.full), section li a:not(.full) {
  position: relative;
  z-index: 1;
  border-bottom: 2px solid var(--brand-sonnengelb);
  -webkit-transition: color var(--transition-2);
  -o-transition: color var(--transition-2);
  transition: color var(--transition-2);
}

.no-touchevents section p a:not(.full):hover, .no-touchevents section li a:not(.full):hover {
  color: var(--brand-sonnengelb);
}

p, main ul {
  margin: 0 0 var(--spacing-3);
}

p em {
  font-size: var(--font-size-2);
  font-style: normal;
  display: block;
}

.section__text p em, .section__text ul em {
  font-size: var(--font-size-standard);
  font-style: italic;
  display: inline;
}

p:last-child, ul:last-child {
  margin-bottom: 0;
}

b, strong {
  font-weight: bold;
}

main ul li, .footer__links ul li {
  position: relative;
}

main .typography--lead ul li {
  padding-left: 18px;
}

main ul li + li {
  margin-top: var(--spacing-1);
}

main .typography--lead ul li + li {
  margin-top: var(--spacing-2);
}

main ul li::before, .footer__links ul li::before {
  content: "";
  position: absolute;
  left: 0;
  border-radius: 50%;
}

main .typography--lead ul li::before {
  margin-top: 3px;
}

main ul li::before {
  background-color: var(--brand-anthrazit);
}

footer ul li::before {
  background-color: var(--brand-weiss);
}

strong, b {
  font-weight: bold;
}

span[class$="--hide-text"], span.hide-text {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px,1px,1px,1px);
  border: 0;
  overflow: hidden;
}

h1, h2, h3, h4, main p, main ul, main a, main span {
  max-width: var(--width-content);
}

.section--fullwidth h1, .section--fullwidth h2, .section--fullwidth h3, .section--fullwidth h4, main .section--fullwidth p, main .section--fullwidth ul, main .section--fullwidth a, main .section--fullwidth span {
  max-width: 100%;
}


/* Stopper */
.stopper .stopper__container {
  width: 100%;
  height: 100%;
}

.stopper span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-11deg);
      -ms-transform: translateY(-50%) rotate(-11deg);
          transform: translateY(-50%) rotate(-11deg);
  margin-top: -2px;
  font-size: var(--font-size-5);
  font-weight: bold;
  line-height: var(--line-height-3);
  text-align: center;
}



/* Visually hidden */
a.visually-hidden:not(.skip-link):focus-visible, a.visually-hidden:not(.skip-link):focus {
  position: static !important;
  display: block;
  overflow: visible;
  clip: auto;
  height: auto;
  width: auto;
  margin: var(--spacing-1) 0;
  text-decoration: underline;
}

a.skip-link:focus-visible, a.skip-link:focus {
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  z-index: 10000;
  outline: unset !important;
}


/* Focus visible */
a:focus-visible, button:focus-visible {
  outline: 2px solid !important;
  -webkit-transition: unset !important;
  -o-transition: unset !important;
  transition: unset !important;
}


/* Focus visible form */
input:focus-visible, textarea:focus-visible, select:focus-visible, .select2-container--focus span.select2-selection__rendered {
  outline: 2px solid !important;
  -webkit-transition: unset !important;
  -o-transition: unset !important;
  transition: unset !important;
}



/* ------------------------------ */
/* ----------- Layout ----------- */
/* ------------------------------ */

.section {
  position: relative;
}

.section:not(.section--small-gap):not(.section--no-gap):not(.section--big-gap) {
  padding-top: var(--spacing-10);
}

.section.section--big-gap {
  padding-top: var(--spacing-11-5);
}

.section.section--small-gap {
  padding-top: var(--spacing-8);
}

.section.section--no-gap:not(.section--color) {
  padding-top: 0;
}

.section--color {
  background-color: var(--color-blue-transparent);
}

.section--color:not(.section--small-gap) {
  margin-top: var(--spacing-10);
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

.section--color + .section--color {
  margin-top: 0 !important;
}

.section--color:last-child {
  padding-bottom: 0 !important;
}

.section--color.section--small-gap {
  margin-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

.section--color.section--big-gap {
  margin-top: var(--spacing-11-5);
}

.section--color:first-child, .section--color.section--no-gap {
  margin-top: 0;
}

.section > div:not(.section__teaser):not(.section__organisations), .inside {
  margin-right: auto;
  margin-left: auto;
}

.section > div, .section__row > .row > div > div {
  padding-top: var(--spacing-8);
}

.section:last-child > div:last-child {
  margin-bottom: -155px;
}

.section > div:not(.section__organisations):first-child, .section__row > .row > div > div:first-child {
  padding-top: 0;
}

.section__row > .row > div > div:last-child {
  padding-bottom: 0;
}

.section--label > div:not(.section__label) {
  max-width: var(--width-small-content);
  margin-right: auto;
  margin-left: auto;
}


/* Center */
.section > div[class*="--center"] {
  text-align: center;
}

.section > div[class*="--center"] h1, .section > div[class*="--center"] h2, .section > div[class*="--center"] h3, .section > div[class*="--center"] h4, .section > div[class*="--center"] p, .section > div[class*="--center"] ul {
  margin-right: auto;
  margin-left: auto;
}

.section > div[class*="--center"] ul {
  white-space: pre-line;
  line-height: 0;
}

.section > div[class*="--center"] ul li {
  display: inline-block; 
  line-height: var(--line-height-1);
}



/* ------------------------------ */
/* ------------ Media ----------- */
/* ------------------------------ */

/* Images */
.picture_container {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 0;
}

.picture_container--cover img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.picture_container--cover, .picture_container--cover picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 413.98px) {

  .picture_container:not(.picture_container--cover) img {
    width: 100%;
  }

}


/* LazyLoad */
img[data-lazy-src] {
  opacity: 0;
}

img.lazyloaded {
  -webkit-transition: opacity .5s linear;
  -o-transition: opacity .5s linear;
  transition: opacity .5s linear;
  opacity: 1;
}


/* Position */
.picture_container--left img {
  -o-object-position: left center;
     object-position: left center;
}

.picture_container--right img {
  -o-object-position: right center;
     object-position: right center;
}


/* Videos */
.video_container {
  position: relative;
  display: block;
}

.video_container h2, .video_container h3 {
  margin-bottom: var(--spacing-4-5);
}

.video_container__embed {
  position: relative;
  overflow: hidden;
  line-height: 0;
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius-2);
}

.video_container__embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video_container--cover iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video_container--cover video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}


/* Video thumbs */
.video_container--cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


/* iFrames */
.iframe_container {
  position: relative;
  overflow: hidden;
}

.iframe_container iframe {
  max-width: 100%;
}



/* ------------------------------ */
/* ---------- Animations -------- */
/* ------------------------------ */

.intro-animation, .intro-animation-mobile {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
} 


.intro-animation.intro-animation--visible, 
.intro-animation-mobile.intro-animation--visible,
.intro-animation-container.intro-animation--visible .intro-animation {
  opacity: 1;
  -webkit-transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  -o-transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  -webkit-transition: opacity 1s, -webkit-transform 1s cubic-bezier(0,.55,.45,1);
  transition: opacity 1s, -webkit-transform 1s cubic-bezier(0,.55,.45,1);
  transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s;
  transition: transform 1s cubic-bezier(0,.55,.45,1), opacity 1s, -webkit-transform 1s cubic-bezier(0,.55,.45,1);
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  will-change: opacity,transform;
}



/* ------------------------------ */
/* ------------ Title ----------- */
/* ------------------------------ */

.section > .section__text + .section__title {
  padding-top: 0 !important;
}

.section__title + div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.section__title + .section__title {
  padding-top: var(--spacing-5) !important;
}



/* ------------------------------ */
/* ------------ Icon ------------ */
/* ------------------------------ */

.icon--yellow {
  fill: var(--brand-sonnengelb);
}

.icon--blue {
  fill: var(--brand-himmelblau);
}

.icon--white {
  fill: var(--brand-weiss);
}

.icon--arrow_down {
  width: 24px;
  height: 15px;
}

.icon--pig {
  width: 332px;
  height: 252px;
}

.icon--cow {
  width: 445px;
  height: 348px;
}

.icon--chicken {
  width: 278px;
  height: 304px;
}

.icon--butterfly {
  width: 98px;
  height: 98px;
}

.separator {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.icon--separator {
  position: absolute;
  top: 0;
  left: 0;
}



/* ------------------------------ */
/* ------------ Text ------------ */
/* ------------------------------ */

div[class*="--indent"] .label, .popup__content__text .label {
  display: inline-block;
  font-size: var(--font-size-2);
  font-weight: bold;
  line-height: var(--line-height-3);
  color: var(--brand-himmelblau);
  background-color: var(--color-blue-transparent);
  border-radius: var(--border-radius-1);
}

.popup__content__text .label {
  margin-bottom: var(--spacing-2);
}



/* ------------------------------ */
/* --------- Teaser-Box --------- */
/* ------------------------------ */

.teaser_box {
  min-height: 395px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: var(--brand-weiss);
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius-2);
}

.teaser_box__media {
  position: relative;
}

.teaser_box img {
  width: 100%;
}



/* ------------------------------ */
/* ----------- Teaser ----------- */
/* ------------------------------ */

.section__teaser {
  overflow-x: clip;
}

.teaser {
  position: relative;
}

.teaser__content, .teaser__content h2, .teaser__content h3, .teaser__content p a, .teaser__content ul a {
  color: var(--brand-weiss);
}

.teaser--himmelblau .teaser__content {
  background-color: var(--brand-himmelblau);
}

.teaser--dunkelgrau .teaser__content {
  background-color: var(--brand-dunkelgrau);
}

.teaser__media img {
  border-radius: var(--border-radius-2);
}

.teaser_stopper {
  position: absolute;
}

.teaser_stopper span {
  color: var(--brand-weiss);
}
   


/* ------------------------------ */
/* ---------- Text-Box ---------- */  
/* ------------------------------ */

.text_box__container {
  max-width: var(--width-small-content);
  border-radius: var(--border-radius-2);
}

.text_box__container p:last-of-type, .text_box__container ul:last-of-type {
  margin-bottom: 0;
}

.text_box__container--shadow {
  position: relative;
  font-size: var(--font-size-4);
  border: 2px solid var(--brand-himmelblau);
}

.section > .section__text_box:first-child .text_box__container--shadow {
  margin-top: 0;
}


.text_box__container--shadow b, .text_box__container--shadow strong {
  display: block;
  margin-bottom: var(--spacing-4-5);
  font-size: calc(var(--font-size-standard) + 1px);
}

.text_box__container--shadow .icon {
  position: absolute;
}

.text_box__container--bg {
  background-color: var(--color-blue-transparent);
}


/* ------------------------------ */
/* ----------- Quote ------------ */  
/* ------------------------------ */

.section > .section__quote {
  padding-top: var(--spacing-9);
}

.section > .section__quote:first-child {
  padding-top: 0 !important;
}

.quote__container {
  position: relative;
  max-width: var(--width-small-content);
  border: 2px solid var(--brand-himmelblau);
}

.quote .quote__content {
  display: block;
  margin-bottom: 0;
} 

.quote__author {
  position: absolute;
}

.quote__author__image {
  position: relative;
}

.quote__author__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--brand-sonnengelb);
  z-index: 0;
}

.quote__author__image .picture_container, .quote__author__image::after {
  border-radius: var(--border-radius-2);
}

.quote__author__image .picture_container {
  z-index: 1;
}

.quote__author__name {
  padding-left: var(--spacing-3);
  line-height: 1.25;
}



/* ------------------------------ */
/* ----------- List ------------- */  
/* ------------------------------ */

.section > div.section__list + .section__text {
  padding-top: var(--spacing-4);
}

.list__item {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-weight: bold;
}

.list__item + .list__item {
  margin-top: var(--spacing-3);
}

.list__item__number {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 100%;
  background-color: var(--brand-sonnengelb);
}

.list__item__number span {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
}

.list__item__text {
  position: relative;
  padding-left: var(--spacing-2);
}



/* ------------------------------ */
/* --------- Newsletter --------- */
/* ------------------------------ */

.newsletter__content {
  position: relative;
  z-index: 1;
}

.newsletter__form {
  margin-top: var(--spacing-5);
}

.form__notice {
  margin-bottom: var(--spacing-4-5);
  font-size: var(--font-size-1);
}

.form__notice span {
  color: var(--brand-himmelblau);
}

.newsletter svg {
  position: absolute;
}

.media_contact a {
  display: inline-block;
}

.media_newsletter {
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
}



/* ------------------------------ */
/* ---------- Beiträge ---------- */
/* ------------------------------ */

.posts {
  margin: calc((var(--spacing-1) - 2px ) * -1);
}

.posts > .post {
  padding: calc(var(--spacing-1) - 2px);
  border-radius: var(--border-radius-2);
}

.post__container {
  position: relative;
}

.post__media {
  aspect-ratio: 1 / 1;
}

.post__media, .post__media img {
  border-radius: var(--border-radius-2);
}

.post__media::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  height: 65%;
  width: 100%;
  background: -o-linear-gradient(top,rgba(53,66,72,0) 0%,rgba(53,66,72,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(53,66,72, 0)), to(rgba(53,66,72, 1)));
  background: linear-gradient(180deg, rgba(53,66,72, 0) 0%, rgba(53,66,72, 1) 100%);
  border-radius: var(--border-radius-2);
}

.post__caption {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: calc(var(--spacing-3) + 4px);
  color: var(--brand-weiss);

  transition: opacity var(--transition-2);
}

.no-touchevents .post .post__container:hover .post__caption {
  opacity: var(--opacity-2);
}

.post__caption h3 {
  color: var(--brand-weiss);
  margin-bottom: var(--spacing-1);
}

.post__caption span {
  display: block;
  font-size: var(--font-size-1);
}


/* Single */
.single-post .section--intro + .section--white {
  padding-top: 0 !important;
}

.single-post .section--intro + .section--color {
  margin-top: 0 !important;
}

.single-post div[class*="--indent"] {
  padding-left: 0 !important;
}

.single-post div[class*="--indent"] .label {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: var(--spacing-2);
}

.single-post .section--intro + .section .section__text--lead:first-child + .section__text {
  padding-top: var(--spacing-4);
} 



/* ------------------------------ */
/* ------------ CTA ------------- */
/* ------------------------------ */

.section > .section__cta, .section > .section__cta + div {
  padding-top: var(--spacing-9) !important;
}

.section > .section__cta:first-child {
  padding-top: 0 !important;
}

.cta {
  position: relative;
  background-color: var(--brand-sonnengelb);
  border-radius: var(--border-radius-2);
  -webkit-box-shadow: -6px 6px 0 0 var(--brand-himmelblau);
          box-shadow: -6px 6px 0 0 var(--brand-himmelblau);
}

.cta .typography--big {
  color: var(--brand-anthrazit);
}

.cta__illu__stopper {
  position: absolute;
  z-index: 2;
  opacity: 1;
  -webkit-transition: unset !important;
  -o-transition: unset !important;
  transition: unset !important;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}

.cta__illu__stopper span {
  color: var(--brand-weiss);
}

.cta__illu__animal {
  position: absolute;
  z-index: 1;
  bottom: 0;
  line-height: 0;
}

.cta--cow .cta__illu__animal {
  left: 0;
}

.cta--cow .cta__illu__animal svg {
  border-radius: 0 0 0 var(--border-radius-2);
}

.cta__content .button--normal a {
  min-width: var(--spacing-12);
}



/* ------------------------------ */
/* ------------ Video ----------- */
/* ------------------------------ */

.section__title + .section__youtube .video_container,
.section__title + .section__vimeo .video_container {
  margin-top: var(--spacing-6);
}

.video_container--indent {
  max-width: calc(var(--width-small-content) + var(--spacing-12));
}

.video_container--center {
  max-width: var(--width-small-content);
  margin-right: auto;
  margin-left: auto;
}

.video_container--center h2, .video_container--center h3 {
  text-align: center;
}

.video_container:not(.video_container--indent):not(.video_container--center) {
  max-width: var(--width-content);
}

.video_desc {
  margin-top: var(--spacing-3);
  line-height: var(--line-height-2);
}



/* ------------------------------ */
/* ----- Gründe & Personen ------ */
/* ------------------------------ */

.reasons, .person_container {
  position: relative;
}

.reason, .person {
  position: relative;
}

.reason__media, .person__portrait {
  position: relative;
}

.reason__media .picture_container, .person__portrait .picture_container, .person__portrait::after {
  border-radius: var(--border-radius-2);
}

.reason__media .picture_container img, .person__portrait .picture_container img{
  width: 100%;
}


/* Gründe */
.reason__content h3 {
  color: var(--brand-anthrazit);
}

.reason__media .number {
  position: absolute;
  text-align: center;
  background: var(--brand-sonnengelb);
  border-radius: 50%;
}

.reason__media .number span {
  display: inline-block;
  font-weight: bold;
}


/* Personen */
.person_container > svg {
  position: absolute;
  top: -2px;
  left: 0;
}

.person__quote blockquote {
  font-size: var(--font-size-5-5);
  font-weight: bold;
  color: var(--brand-himmelblau);
  line-height: var(--line-height-2);
}

.person__quote__author {
  line-height: 1.25;
}

.person__quote__author span {
  display: block;
}

.person__quote__author span.name {
  font-weight: bold;
}

.person__portrait .picture_container {
  z-index: 1;
}

.person__portrait::after {
  content: "";
  position: absolute;
  background-color: var(--brand-sonnengelb);
  z-index: 0;
}



/* ------------------------------ */
/* -------- Organisationen ------ */
/* ------------------------------ */

.section > .section__organisations {
  position: relative;
  max-width: 100%;
  margin-top: var(--spacing-10);
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
  background-color: var(--brand-himmelblau);
  overflow-x: clip;
}

.section > .section__organisations:first-child {
  margin-top: 0;
}

.section__organisations, .section__organisations h2, .section__organisations p a, .section__organisations ul a {
  color: var(--brand-weiss);
}

.organisations_container {
  position: relative;
  z-index: 2;
}

.organisations_background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.organisations .logo_container {
  position: relative;
  height: 100%;
  background-color: var(--brand-weiss);
  border-radius: var(--border-radius-1);
}


/* Preview */
.organisations--preview .logo {
  width: 50%;
}


/* Detail */
.organisations--detail {
  max-width: var(--width-small-content);
  margin-right: auto;
  margin-left: auto;
}

.organisations--detail h2 {
  margin-bottom: var(--spacing-6);
}

.organisations--detail .organisations {
  margin: -15px;
}

.organisations--detail .organisations > div {
  padding: 15px;
}

.organisations--detail .organisation__logo {
  height: 180px;
  margin-bottom: var(--spacing-4);
}

.organisations--detail .logo_container img {
  -webkit-transition: opacity var(--transition-2);
  -o-transition: opacity var(--transition-2);
  transition: opacity var(--transition-2);
}

.no-touchevents .organisations--detail .logo_container:hover img {
  opacity: var(--opacity-2);
}

.organisations--detail .organisations_stopper {
  position: absolute;
}

.organisations--detail .organisations_stopper span {
  color: var(--brand-himmelblau);
}



/* ------------------------------ */
/* ------------ Fakten ---------- */
/* ------------------------------ */

.section__facts, .fact {
  position: relative;
}

.facts_container {
  position: relative;
}

.fact p {
  font-size: var(--font-size-4);
  font-weight: 600;
  line-height: var(--line-height-2);
}

.fact__percent {
  display: block;
  line-height: 0;
}

.fact__percent span {
  position: relative;
  font-size: 55%;
  font-weight: 600;
}

.fact--1 p {
  max-width: 400px;
}

.facts_stopper {
  position: absolute;
  right: -12px;
}

.facts_stopper span {
  color: var(--brand-weiss);
}


/* ------------------------------ */
/* ----- Barometer & Slider ----- */
/* ------------------------------ */

.barometer {
  position: relative;
  background-color: var(--brand-himmelblau);
  border-radius: var(--border-radius-2);
}

.barometer, .barometer h2, .barometer h3, .barometer a {
  color: var(--brand-weiss);
}

.barometer h2 {
  margin-bottom: var(--spacing-3) !important;
}

.barometer__counter {
  position: relative;
}

.barometer__counter svg {
  position: absolute;
  top: -40px;
  width: 86px;
  height: 86px;
}

.barometer__counter .counter {
  position: relative;
}

.barometer__counter .counter--targets .counter_target_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
}

.barometer__counter .counter .counter__target, .barometer__counter .counter .counter__overlay {
  position: absolute;
  font-weight: bold;
}

.counter .counter__overlay {
  transition: opacity var(--transition-1);
}

.counter .counter__overlay.hide {
  opacity: 0;
}

.barometer__counter .counter .counter__target span {
  display: inline-block;
  text-indent: -100%;
}

.barometer__counter .counter .counter__target::before, 
.barometer__counter .counter .counter__overlay::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 28px;
  left: 0;
  height: 34px;
  background-color: var(--brand-himmelblau);
}

.barometer__counter .counter .counter__target::before {
  width: 3px;
}

.barometer__counter .counter .counter__overlay::before {
  width: 100%;
  opacity: .5;
}

.counter__progress_bar {
  overflow: hidden;
  width: 100%;
  background-color: var(--brand-weiss);
  border-radius: var(--border-radius-2);
}

.counter__progress_bar span, .counter__progress_bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.counter__progress_bar span {
  z-index: 1;
  width: 0;
  max-width: 100%;
  background-color: var(--brand-sonnengelb);
  border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0;
  -webkit-transition-delay: .5s !important;
       -o-transition-delay: .5s !important;
          transition-delay: .5s !important;
}

.counter__progress_bar.is-changed span {
 -webkit-transition-delay: unset !important;
  -o-transition-delay: unset !important;
  transition-delay: unset !important;
}

.counter__progress_bar.is-refreshed span {
  -webkit-transition: width .5s cubic-bezier(0, .55, .45, 1) .25s !important;
  -o-transition: width .5s cubic-bezier(0,.55,.45,1) .25s !important;
  transition: width .5s cubic-bezier(0, .55, .45, 1) .25s !important;
}

.counter__progress_bar.animation-speed--1 span {
  -webkit-transition: width 1s cubic-bezier(0,.55,.45,1);
  -o-transition: width 1s cubic-bezier(0,.55,.45,1);
  transition: width 1s cubic-bezier(0,.55,.45,1);
}

.counter__progress_bar.animation-speed--2 span {
  -webkit-transition: width 1.5s cubic-bezier(0,.55,.45,1);
  -o-transition: width 1.5s cubic-bezier(0,.55,.45,1);
  transition: width 1.5s cubic-bezier(0,.55,.45,1);
}

.counter__progress_bar.animation-speed--3 span {
  -webkit-transition: width 2s cubic-bezier(0,.55,.45,1);
  -o-transition: width 2s cubic-bezier(0,.55,.45,1);
  transition: width 2s cubic-bezier(0,.55,.45,1);
}

.counter__progress_bar.animation-speed--4 span {
  -webkit-transition: width 2.5s cubic-bezier(0,.55,.45,1);
  -o-transition: width 2.5s cubic-bezier(0,.55,.45,1);
  transition: width 2.5s cubic-bezier(0,.55,.45,1);
}

.counter__progress_bar::before {
  z-index: 2;
  width: 100%;
  border-radius: var(--border-radius-2);
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15) inset;
          box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15) inset;
}

.counter__targets .current {
  color: var(--brand-sonnengelb);
}

.counter__targets > div > span:not(.number), span.number {
  display: block;
  font-weight: bold;
  list-style: var(--line-height-3);
}

.counter__targets > div > span:not(.number) {
  position: relative;
}

.barometer__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.barometer--signatures .barometer__button a.button-circle span,
.section__map--banner .barometer__button a.button-circle span {
  margin-top: -6px;
}


/* Spenden */
.section__barometer h2 {
  max-width: unset;
  margin-bottom: var(--spacing-5);
}

.section__barometer p {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.barometer_buttons {
  margin-top: var(--spacing-9);
}

.barometer_buttons .button {
  margin-right: 20px;
}

.barometer_buttons .button:last-child {
  margin-right: 0;
}

.barometer_disclaimer {
  margin-top: var(--spacing-10);
}

.barometer_buttons + .barometer_disclaimer {
  margin-top: var(--spacing-5);
}

.barometer_disclaimer p {
  margin-right: auto;
  margin-left: auto;
}

.donation_buttons h2 {
  max-width: 100%;
}

.donation_disclaimer {
  margin-top: var(--spacing-3);
}

.donation_disclaimer p, .barometer--donation + .barometer_disclaimer p {
  max-width: 100%;
}

.donation_disclaimer p em, .barometer--donation + .barometer_disclaimer p em {
  font-size: var(--font-size-1);
}

section .donation_disclaimer p a:not(.full), section .barometer--donation + .barometer_disclaimer p a:not(.full) {
  border-bottom: 1px solid var(--brand-sonnengelb);
}


/* Spendenbeiträge */
.section__donation_tiles h2 {
  max-width: 100%;
  margin-bottom: var(--spacing-5);
}

.tiles--donation {
  margin: calc(-1 * var(--spacing-1));
}

.tiles--donation > .tile {
  padding: var(--spacing-1);
  text-align: center;
}

.tiles--donation .tile__content {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: var(--border-radius-2);
  box-shadow: 0 -5px 20px 0px rgba(53,66,72,.1);
}

.tiles--donation .tile__content p {
  line-height: 1.25;
}

.tiles--donation .tile:not(.tile--custom) .tile__content {
  background-color: var(--brand-weiss);
}

.tiles--donation .tile__content img:not(.background) {
  margin-bottom: var(--spacing-1);
}

.tiles--donation .tile__content .button--normal:not(.button--small) {
  margin-top: var(--spacing-4);
}

.tiles--donation .tile.tile--custom .tile__content {
  font-weight: 600;
  /*
  color: var(--brand-weiss);
  background-color: var(--brand-himmelblau);
  */
}

.tiles--donation .tile.tile--custom .tile__content > img:not(.background), .tiles--donation .tile.tile--custom .tile__content > p, .tiles--donation .tile.tile--custom .tile__content > div {
  position: relative;
  z-index: 2;
}

.tiles--donation .tile__content img.background {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: left top;
}

.donation_tiles .donation_disclaimer {
  margin-top: var(--spacing-4-5);
}


/* Slider */
.section > .section__signatures_form {
  padding-top: var(--spacing-6);
}

.section > .section__signatures_form:first-child {
  padding-top: 0 !important;
}

.signatures__range_slider {
  background-color: var(--brand-himmelblau);
  border-radius: var(--border-radius-2) var(--border-radius-2) 0 0;
}

.range_slider h3 {
  margin-bottom: 24px;
  color: var(--brand-weiss);
  text-align: center;
}

.range_slider h3 br {
  display: block !important;
}

.range_slider span.number {
  color: var(--brand-weiss);
}

.slider__targets_motivations {
  max-width: 500px;
  margin-top: var(--spacing-2);
}

.slider__targets_motivations p.title {
  font-size: var(--font-size-5-5);
  font-weight: bold;
  line-height: var(--line-height-2);
  color: var(--brand-sonnengelb);
  margin-bottom: var(--spacing-1);
}

.slider__targets_motivations, .slider__targets_motivations a {
  color: var(--brand-weiss);
}

.slider__targets_motivations .motivations {
  position: relative;
}

.signatures__form {
  background-color: var(--brand-hellgrau);
  border-radius: 0 0 var(--border-radius-2) var(--border-radius-2);
}

.signatures__form input[type="text"], .signatures__form input[type="email"], .signatures__form textarea, .signatures__form select, .signatures__form .select2-selection__rendered {
  background-color: var(--brand-weiss);
}



/* ------------------------------ */
/* ------------- Map ------------ */
/* ------------------------------ */

.map_container, .map {
  position: relative;
}

.map_container {
  background-color: var(--brand-himmelblau);
  border-radius: var(--border-radius-2);
}

.section__map--banner .map_container {
  padding-bottom: 0;
}

.section__map--banner .barometer {
  margin-bottom: 0;
}

.map_container h2 {
  position: absolute;
  z-index: 1;
  margin-bottom: 0;
  color: var(--brand-weiss);
}

.map_stopper {
  position: absolute;
  z-index: 1;
}

.map_stopper span {
  color: var(--brand-himmelblau);
}

svg.switzerland {
  max-width: 100%;
  height: auto;
}

svg.switzerland .canton {
  fill: var(--brand-weiss);
  stroke: var(--brand-himmelblau);
  stroke-width: 1px;
  stroke-miterlimit: 10;

  -webkit-transition: fill var(--transition-2);

  -o-transition: fill var(--transition-2);

  transition: fill var(--transition-2);
}

svg.switzerland .canton.fill--0 {
  cursor: default;
  fill: var(--brand-weiss)
}

svg.switzerland .canton.fill--1 {
  fill: #FFF7E2;
}

svg.switzerland .canton.fill--2 {
  fill: #FFF2CE;
}

svg.switzerland .canton.fill--3 {
  fill: #FFE596;
}

svg.switzerland .canton.fill--4 {
  fill: #FFDD70;
}

svg.switzerland .canton.fill--5 {
  fill: #FFD854;
}

svg.switzerland .canton.fill--6 {
  fill: var(--brand-sonnengelb);
}

.no-touchevents svg.switzerland .canton:not(.fill--0):hover,
.touchevents svg.switzerland .canton.is-active:not(.fill--0) {
  fill: var(--brand-anthrazit);
}

.map__info {
  position: absolute;
  background-color: var(--brand-weiss);
  -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);
          box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);
}

.map__info.is-visible.is-active {
  display: block !important;
}

.map__info span {
  position: relative;
  display: block;
  line-height: 1;
}

.map__info span.amount > span {
  display: inline;
  font-weight: bold;
  color: var(--brand-sonnengelb);
}

.map__info span.amount svg {
  position: absolute;
  left: 0;
  fill: var(--brand-sonnengelb);
}



/* ------------------------------ */
/* ------------ Footer ---------- */
/* ------------------------------ */

/* General */
footer {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

footer, footer a {
  color: var(--brand-weiss);
}

footer a {
  text-decoration: none;
  -webkit-transition: var(--transition-2);
  -o-transition: var(--transition-2);
  transition: var(--transition-2);
}

.no-touchevents footer a:hover {
  opacity: var(--opacity-2);
}

footer > svg {
  position: relative;
  width: 100%;
  height: auto;
  fill: var(--brand-anthrazit);
}

.footer__top {
  padding-bottom: var(--spacing-7);
  background-color: var(--brand-anthrazit);
}

.footer__top b {
  display: block;
  font-size: calc(var(--font-size-standard) + 1px);
}

.footer__top p em {
  font-size: var(--font-size-1);
  margin-top: var(--spacing-2);
}

.footer__top p em a {
  text-decoration: underline;
}

.footer__bottom {
  font-size: var(--font-size-1);
  background-color: var(--brand-himmelblau);
}

.footer__social_media {
  display: flex;
  line-height: 0;
}

.footer__social_media a {
  display: inline-block;
  margin-right: 12px;
  background-color: var(--brand-weiss);
  border-radius: 50%;
}

.footer__social_media a:last-child {
  margin-right: 0;
}

.footer__social_media svg {
  width: 40px;
  height: 40px;
  fill: var(--brand-himmelblau);
}

.footer__bottom .footer__bottom__row {
  position: relative;
  z-index: 1;
}

.footer__bottom .footer__inside > svg {
  position: absolute;
  fill: var(--brand-himmelblau);
}



/* ------------------------------ */
/* ------------- CTA ------------ */
/* ------------------------------ */

.site_cta {
  position: fixed;
  z-index: 5;
  bottom: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background-color: var(--brand-sonnengelb);
  -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);
          box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);

  -webkit-transition: bottom var(--transition-2);
  -o-transition: bottom var(--transition-2);
  transition: bottom var(--transition-2);
}

body.cta-fixed:not(.cta-hide) .site_cta {
  bottom: 0;
}

.site_cta__button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.site_cta a {
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  background-color: var(--brand-sonnengelb);
  border-radius: var(--border-radius-2) var(--border-radius-2) 0 0;
  -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);
          box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);

  -webkit-transition: background-color var(--transition-2), color var(--transition-2);

  -o-transition: background-color var(--transition-2), color var(--transition-2);

  transition: background-color var(--transition-2), color var(--transition-2);
}

.no-touchevents .site_cta a:hover {
  color: var(--brand-sonnengelb);
  background-color: var(--brand-anthrazit);
}

.site_cta a svg {
  position: absolute;
  bottom: 0;
}




/* ------------------------------ */
/* ----------- Cookie ----------- */
/* ------------------------------ */

.cookie_box {
  position: fixed;
  z-index: 15;
  background-color: var(--brand-anthrazit); 
  -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: bottom 1s cubic-bezier(0, .55, .45, 1);
  -o-transition: bottom 1s cubic-bezier(0,.55,.45,1);
  transition: bottom 1s cubic-bezier(0, .55, .45, 1);
}

.cookie_box.is-active {
    bottom: 0;
  }

.cookie_box, .cookie_box p a {
  color: var(--brand-weiss);
}

.cookie_box p a {
  border-bottom: 1px solid;
  -webkit-transition: opacity var(--transition-2);
  -o-transition: opacity var(--transition-2);
  transition: opacity var(--transition-2);
}

.no-touchevents .cookie_box p a:hover {
  opacity: var(--opacity-1);
}

.cookie_box__content {
  font-size: calc(var(--font-size-standard) - 1px);
}

.cookie_box__button button {
  font-size: calc(var(--font-size-4) - 2px);
  color: var(--brand-anthrazit);
  background-color: var(--brand-weiss);
  -webkit-box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.10);
  box-shadow: 3px 3px 0 0 rgba(255, 255, 255, 0.10);
}

.no-touchevents .cookie_box__button button:hover {
  background-color: var(--brand-sonnengelb);
}



/* ------------------------------ */
/* --- Impressum & Datenschutz -- */
/* ------------------------------ */

body.page-id-67 h3, body.page-id-669 h3 {
  margin-top: var(--spacing-5);
}

body.page-id-67 main p + ul, body.page-id-669 main p + ul {
  margin-top: calc(-1 * var(--spacing-1));
}

body.page-id-67 p em, body.page-id-669 p em {
  display: inline;
}




/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 576px) {

  :root {
    --line-height-2: 1.1;
  }

  h1, .typography--h1 {
    margin-bottom: var(--spacing-4);
  }

  h2, .typography--h2 {
    margin-bottom: calc(var(--spacing-4) - 5px);
  }

  .stopper:not(.stopper--big):not(.stopper--small) span {
    padding-right: var(--spacing-4-5);
    padding-left: var(--spacing-4-5);
  }

  .stopper.stopper--big span {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .stopper.stopper--small span {
    padding-right: var(--spacing-4);
    padding-left: var(--spacing-4);
  }

  .person.reverse .person__quote {
    text-align: right;
  }

  .counter__progress_bar {
    position: relative;
  }

  .counter__targets .target {
    text-align: right;
  }

  .barometer_disclaimer p {
    text-align: center;
  }

  .tiles--donation .tile .tile__content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .tiles--donation .tile .tile__content .tile__bottom {
    margin-top: auto;
  }

}


@media all and (min-width: 768px) {

  :root {
    --font-size-3: 20px;
    --font-size-2: 19px;
    --font-size-1: 16px;
    --font-size-standard: 21px;

    --spacing-3: 20px;
    --spacing-2: 15px;
    --spacing-1: 10px;
  }

  /* Animation */
  .intro-animation--bottom {
    -webkit-transform: translate3d(0, var(--spacing-5), 0);
    transform: translate3d(0, var(--spacing-5), 0);
  }
  
  .intro-animation--top {
    -webkit-transform: translate3d(0, calc(-1 * var(--spacing-5)), 0);
    transform: translate3d(0, calc(-1 * var(--spacing-5)), 0);
  }
    
  .intro-animation--left {
    -webkit-transform: translate3d(calc(-1 * var(--spacing-5)), 0, 0);
    transform: translate3d(calc(-1 * var(--spacing-5)), 0, 0);
  }
    
  .intro-animation--right {
    -webkit-transform: translate3d(var(--spacing-5), 0, 0);
    transform: translate3d(var(--spacing-5), 0, 0);
  }

  /* Delays */
  .intro-animation.intro-animation--delay-2, .intro-animation-container .intro-animation:nth-of-type(2) {-webkit-transition-delay: calc(var(--transition-delay) * 1);-o-transition-delay: calc(var(--transition-delay) * 1);transition-delay: calc(var(--transition-delay) * 1);}
  .intro-animation.intro-animation--delay-3, .intro-animation-container .intro-animation:nth-of-type(3) {-webkit-transition-delay: calc(var(--transition-delay) * 2);-o-transition-delay: calc(var(--transition-delay) * 2);transition-delay: calc(var(--transition-delay) * 2);}
  .intro-animation.intro-animation--delay-4, .intro-animation-container .intro-animation:nth-of-type(4) {-webkit-transition-delay: calc(var(--transition-delay) * 3);-o-transition-delay: calc(var(--transition-delay) * 3);transition-delay: calc(var(--transition-delay) * 3);}
  .intro-animation.intro-animation--delay-5, .intro-animation-container .intro-animation:nth-of-type(5) {-webkit-transition-delay: calc(var(--transition-delay) * 4);-o-transition-delay: calc(var(--transition-delay) * 4);transition-delay: calc(var(--transition-delay) * 4);}
  .intro-animation.intro-animation--delay-6, .intro-animation-container .intro-animation:nth-of-type(6) {-webkit-transition-delay: calc(var(--transition-delay) * 5);-o-transition-delay: calc(var(--transition-delay) * 5);transition-delay: calc(var(--transition-delay) * 5);}
  .intro-animation.intro-animation--delay-7, .intro-animation-container .intro-animation:nth-of-type(7) {-webkit-transition-delay: calc(var(--transition-delay) * 6);-o-transition-delay: calc(var(--transition-delay) * 6);transition-delay: calc(var(--transition-delay) * 6);}
  .intro-animation.intro-animation--delay-8, .intro-animation-container .intro-animation:nth-of-type(8) {-webkit-transition-delay: calc(var(--transition-delay) * 7);-o-transition-delay: calc(var(--transition-delay) * 7);transition-delay: calc(var(--transition-delay) * 7);}
  .intro-animation.intro-animation--delay-9, .intro-animation-container .intro-animation:nth-of-type(9) {-webkit-transition-delay: calc(var(--transition-delay) * 8);-o-transition-delay: calc(var(--transition-delay) * 8);transition-delay: calc(var(--transition-delay) * 8);}
  .intro-animation.intro-animation--delay-10, .intro-animation-container .intro-animation:nth-of-type(10) {-webkit-transition-delay: calc(var(--transition-delay) * 9);-o-transition-delay: calc(var(--transition-delay) * 9);transition-delay: calc(var(--transition-delay) * 9);}



  /* General */
  .separator {
    height: 4px;
  }

  .separator--top {
    top: -2px;
  }

  .separator:not(.separator--top) {
    bottom: -2px;
  }

  .icon--separator {
    width: 1080px;
    height: 4px;
  }

  .cta .typography--big {
    margin-top: -10px;
  }

  .text_box__container--shadow {
    margin-bottom: 5px;
    -webkit-box-shadow: -5px 5px 0 0 var(--brand-himmelblau);
            box-shadow: -5px 5px 0 0 var(--brand-himmelblau);
  }

  .teaser_box__content h3, .organisations__intro h2 {
    margin-top: -8px;
  }

  .text_box__container--bg h2, .text_box__container--bg h3, .video_container h2, .video_container h3, .barometer h2 {
    margin-top: -6px;
  }

  .teaser__content h2, .quote .quote__content, .barometer--donation h3, .map__info span.amount, a.button-circle span {
    margin-top: -3px;
  }

  .video_desc {
    margin-bottom: 6px;
  }

  div[class*="--indent"] .label, .popup__content__text .label {
    padding: 4px 10px 6px;
  }

  .firefox div[class*="--indent"] .label, .firefox .popup__content__text .label {
    padding: 3px 10px 7px;
  }


  /* Teaser */
  .teaser_stopper {
    top: -34px;
  }

  .organisations--detail .organisation:nth-child(n+3) {
    margin-top: var(--spacing-6);
  }

  .barometer__content {
    text-align: center;
  }

  .counter__targets > div > span:not(.number) {
    top: -15px;
    margin-bottom: -12px;
  }

  span.number > span.currency {
    font-size: var(--font-size-5);
    margin-right: -2px;
  }


  /* Footer */
  .footer__top address {
    margin-bottom: var(--spacing-3);
  }

  .footer__bottom {
    padding-top: var(--spacing-4);
    padding-bottom: calc(var(--spacing-4) + 1px);
  }


  /* Cookie */
  .cookie_box, .cookie_box.hide {
    bottom: -160px;
  }

  .cookie_box__content {
    max-width: calc(100% - 110px);
  }

}


@media all and (min-width: 992px) {

  :root {
    --font-size-7: 48px;
    --font-size-6: 41px;
    --font-size-5-5: 35px;
    --font-size-5: 30px;
    --font-size-4: 25px;

    --spacing-12: 230px;
    --spacing-11-5: 180px;
    --spacing-11: 145px;
    --spacing-10: 120px;
    --spacing-9: 100px;
    --spacing-8: 75px;
    --spacing-7: 60px;
    --spacing-6: 50px;
    --spacing-5: 45px;
    --spacing-4-5: 38px;
    --spacing-4: 30px;

    --border-radius-3: 75px;
    --border-radius-2: 25px;

    --height-header: 103px;
  }

  main ul li, .footer__links ul li {
    padding-left: 15px;
  }

  main ul li::before, .footer__links ul li::before {
    top: 13px;
    width: 5px;
    height: 5px;
  }

  body:not(.home) .section:first-child {
    padding-top: var(--spacing-9) !important;
  }

  .section:last-child > div:last-child {
    padding-bottom: 280px !important
  }

  div[class*="--indent"] .label {
    position: absolute;
    top: 12px;
    left: var(--spacing-6);
  }

  .stopper:not(.stopper--small):not(.stopper--big), .stopper:not(.stopper--small):not(.stopper--big) .icon--stopper {
    width: 205px;
    height: 205px;
  }

  .lang--fr .stopper:not(.stopper--small):not(.stopper--big):not(.organisations_stopper), .lang--fr .stopper:not(.stopper--small):not(.stopper--big):not(.organisations_stopper) .icon--stopper {
    width: 225px;
    height: 225px;
  }

  .lang--fr .facts_stopper {
    right: -2px;
  }

  .stopper--small, .stopper--small .icon--stopper {
    width: 185px;
    height: 185px;
  }

  .stopper--big, .stopper--big .icon--stopper {
    width: 286px;
    height: 286px;
  }

  .stopper.stopper--big span {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  body:not(.single-post) .section__text > .text > .label + h1 {
    position: relative;
    bottom: 5px;
    margin-bottom: calc(var(--spacing-4) + 5px);
  } 

  .teaser_box:not(.reverse) .picture_container {
    border-radius: var(--border-radius-2) 0 0 var(--border-radius-2);
  }

  .teaser_box.reverse .picture_container {
    border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0;
  }

  .teaser:not(.teaser--stopper) {
    min-height: 564px;
  }

  .teaser.teaser--stopper {
    min-height: 690px;
  }

  .teaser__media {
    position: absolute;
  }

  .teaser--left .teaser__content {
    border-radius: var(--border-radius-3) var(--border-radius-2) var(--border-radius-3) var(--border-radius-2);
  }

  .teaser--right .teaser__content {
    border-radius: var(--border-radius-2) var(--border-radius-3) var(--border-radius-2) var(--border-radius-3);
  }

  .text_box__container--shadow {
    margin-top: 15px;
  }

  .text_box__container--shadow .icon {
    top: -61px;
    right: -52px;
  }

  .text_box__container--bg {
    padding: var(--spacing-4);
  }

  .list__item__text {
    top: 2px;
  }

  .list__item__number {
    width: 35px;
    height: 35px;
  }

  .list__item__number span {
    top: 6px;
  }


  /* Zitate */
  .quote__container {
    margin-bottom: 90px;
    border-radius: var(--border-radius-3) var(--border-radius-2);
  }

  .quote__author {
    bottom: -85px;
    left: -85px;
  }

  .quote__author__image {
    max-width: 125px;
  }

  .quote__author__image::after {
    top: 5px;
    right: 5px;
  }

  .quote__author__name {
    max-width: calc(100% - 125px);
  }

  .person__quote {
    width: calc(100% - 226px);
  }

  .person__portrait {
    max-width: 220px;
    margin-left: 6px;
    margin-bottom: 6px;
  }

  .person__portrait::after {
    width: 220px;
    height: 220px;
  }


  /* Newsletter */
  .newsletter svg {
    top: 20px;
    right: 0;
  }


  /* CTA */
  .cta .button--normal {
    margin-top: var(--spacing-7) !important;
  }

  .cta__illu {
    -ms-flex-preferred-size: 42%;
    flex-basis: 42%;
    max-width: 42%;
  }

  .cta__content {
    -ms-flex-preferred-size: 58%;
    flex-basis: 58%;
    max-width: 58%;
  }


  /* Barometer & Karte */
  .barometer--signatures, .barometer--donation.barometer--desc {
    padding-top: 52px;
    padding-bottom: 50px;
  }

  .barometer--donation:not(.barometer--desc) {
    padding-top: 34px;
    padding-bottom: 30px;
  }

  .barometer h3 {
    margin-bottom: 22px;
  }

  .barometer h3 + p {
    font-size: var(--font-size-2);
    margin-top: -17px;
    margin-bottom: 25px;
  }

  .counter__targets > div > span:not(.number) {
    font-size: calc(var(--font-size-standard) + 1px);
  }

  .barometer, .section__map--banner .map_container {
    margin-bottom: 96px;
  }

  .barometer__counter .counter--targets {
    margin-top: var(--spacing-4);
  }

  .barometer__counter .counter .counter__target, .barometer__counter .counter .counter__overlay {
    top: -34px;
    font-size: var(--font-size-2);
  }

  .map_container {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-7);
  }

  .map_container h2 {
    max-width: 290px;
  }

  .map__info {
    min-width: 84px;
    padding: 12px 16px 13px;
    border-radius: var(--border-radius-2) var(--border-radius-1) var(--border-radius-2) var(--border-radius-1);
    -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);
            box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);
  }

  .map__info span.amount > span {
    padding-left: 28px;
    font-size: var(--font-size-6);
  }

  .map__info span.amount svg {
    bottom: 3px;
  }

  .slider__targets_motivations .motivations {
    min-height: 138px;
  }

  .button--normal.button--amount:not(.button--small) a, .button--normal.button--custom:not(.button--small) a {
    padding: 19px 24px 24px;
  }

  .barometer_buttons .button--normal.button--amount:not(.button--small) a {
    width: 150px;
  }

  .barometer_buttons .button--normal.button--custom:not(.button--small) a {
    width: 230px;
  }

  .donation_buttons .button--normal.button--amount:not(.button--small) a {
    width: 145px;
  }

  .donation_buttons .button--normal.button--custom:not(.button--small) a {
    width: 235px;
  }

  .donation_buttons__container {
    margin-top: -20px;
  }

  .donation_buttons .button {
    margin-top: 20px !important;
    margin-right: 20px;
  }

  .signatures__range_slider, .signatures__form {
    padding-top: var(--spacing-7);
    padding-bottom: var(--spacing-7);
  }

  .slider__targets {
    padding-top: 5px;
  }

  
  /* Spendenbeiträge */
  .tiles--donation > .tile {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }


  /* Trägerorganisation */
  .reasons, .person_container {
    position: relative;
    margin-top: var(--spacing-5);
  }

  .reason {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
  }

  .person {
    padding-top: var(--spacing-7);
    padding-bottom: var(--spacing-7);
  }

  .person__portrait::after {
    top: 6px;
    right: 6px;
  }

  .person.reverse .person__quote {
    padding-right: var(--spacing-6);
    text-align: right;
  }

  .person__quote__author span.name {
    font-size: var(--font-size-5);
  }

  .organisations--preview .organisations__intro {
    padding-right: var(--spacing-6);
  }

  .organisations--preview .logos {
    margin: -5px -10px -10px;
  }

  .organisations--preview .logo {
    height: 140px;
    width: 50%;
    padding: 10px;
  }

  .organisations--preview .organisations__intro .button--normal {
    margin-top: var(--spacing-7);
  }


  /* Cookie */
  .cookie_box {
    width: calc(100% - 26px);
    max-width: 670px;
    left: calc(50% - var(--spacing-2));
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 26px 0;
    padding: 18px 26px 20px;
    border-radius: 10px;
  }

  .lang--fr .cookie_box {
    max-width: 740px;
  }

  body.cta-fixed:not(.cta-hide) .cookie_box.is-active {
    bottom: 67px;
  }

}


@media all and (min-width: 1240px) {

  :root {
    --font-size-8: 61px;
  }

  span.number {
    font-size: 70px;
  }

  .section > div:not(.section__teaser):not(.section__organisations), .inside {
    max-width: calc(1080px + var(--spacing-6) * 2);
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  div[class*="--indent"] {
    padding-left: var(--spacing-12);
  }

  .section__row .row > div.col-l-8:first-child {
    padding-right: var(--spacing-7);
  }

  .section__row .row > div.col-l-6:first-child {
    padding-right: calc(var(--spacing-7) / 2);
  }

  .section__row .row > div.col-l-6:last-child {
    padding-left: calc(var(--spacing-7) / 2);
  }


  /* Inhaltselemente */
  .text_box__container--shadow, .quote__container {
    padding: var(--spacing-7);
  }

  .teaser_box__content {
    padding: var(--spacing-5);
  }

  .teaser_box__content h3 {
    margin-bottom: calc(var(--spacing-4) - 4px);
  }

  .teaser--left {
    padding-left: 230px;
  }

  .teaser--right, .teaser--right .teaser__content {
    padding-right: 230px;
  }

  .teaser__content {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-7);
  }

  .teaser--left .teaser__content {
    padding-right: var(--spacing-7);
    padding-left: 180px;
  }

  .teaser--right .teaser__content {
    padding-right: 180px;
    padding-left: var(--spacing-7);
  }

  .teaser:not(.teaser--stopper) .teaser__media {
    top: 173px;
  }

  .teaser--left .teaser__media {
    left: -150px;
  }

  .teaser--right .teaser__media {
    right: -150px;
  }

  .teaser.teaser--stopper .teaser__media {
    top: 300px;
  }


  /* CTA */
  .cta__illu__stopper {
    left: var(--spacing-4);
  }

  .lang--fr .cta__illu__stopper {
    left: var(--spacing-3);
  }

  .cta--pig .cta__illu__stopper {
    top: var(--spacing-4);
  }

  .lang--fr .cta--pig .cta__illu__stopper {
    top: var(--spacing-3);
  }

  .cta--cow .cta__illu__stopper, .cta--chicken .cta__illu__stopper {
    bottom: var(--spacing-4);
  }

  .cta--pig .cta__illu__animal {
    left: 140px;
  }

  .cta--chicken .cta__illu__animal {
    left: 205px;
  }

  .cta__content {
    padding: var(--spacing-7);
  }


  /* Barometer & Karte */
  .barometer--signatures, .map_container, .barometer--donation, .signatures__range_slider {
    padding-right: 87px;
    padding-left: 87px;
  }

  .signatures__form {
    padding-right: 175px;
    padding-left: 175px;
  }

  .barometer__content {
    margin-bottom: 32px;
  }

  .counter__progress_bar {
    height: 22px;
  }

  .barometer__button {
    width: 180px;
    height: 180px;
  }

  .barometer__counter svg {
    right: -60px;
  }

  .map_container h2 {
    top: var(--spacing-4-5);
    left: var(--spacing-5);
  }

  .map_stopper {
    top: var(--spacing-4-5);
    right: var(--spacing-4-5);
  }

  .lang--fr .map_stopper {
    top: calc(var(--spacing-4-5) - 10px);
    right: calc(var(--spacing-4-5) - 10px);
  }

  .lang--fr .map_stopper, .lang--fr .map_stopper .icon--stopper {
    width: 195px;
    height: 195px;
  }

  .lang--fr .map_stopper span {
    font-size: var(--font-size-4);
  }

  .section__map--banner .barometer {
    margin-top: var(--spacing-7);
    padding-bottom: var(--spacing-7);
  }


  /* Spendenbeiträge */
  .tiles--donation .tile__content {
    padding: var(--spacing-1) var(--spacing-3) var(--spacing-4-5);
  }

  .tiles--donation .tile__content p {
    /*min-height: 80px;*/
  }


  /* Fakten */
  .facts {
    margin-top: 30px;
  }

  .facts_stopper {
    top: -30px;
  }

  .fact--1 {
    width: calc(100% - 380px);
  }

  .fact--2 {
    width: 380px;
    padding-bottom: 93px;
  }

  .lang--fr .fact--2 {
    width: 280px;
  }

  .fact__content {
    margin-bottom: var(--spacing-5);
  }

  .fact--1 .fact__content {
    padding-left: 114px;
  }

  .fact__percent {
    margin-bottom: var(--spacing-2);
  }


  /* Organisation */
  .organisations--preview .organisations__logos {
    padding-left: 26px;
  }


  /* Newsletter */
  .newsletter__content h2, .newsletter__content p {
    max-width: var(--width-small-content);
  }


  /* Gründe */
  .reason__content {
    width: calc(100% - 360px);
  }

  .reason__media {
    width: 360px;
  }

  .reason__media .number {
    top: -25px;
    width: 55px;
    height: 55px;
  }

  .reason:not(.reverse) .reason__media .number {
    right: -27px;
  }

  .reason.reverse .reason__media .number {
    left: -27px;
  }

  .reason__media .number span {
    padding-top: 1px;
    font-size: var(--font-size-5-5);
  }

  .reason:not(.reverse) .reason__content {
    padding-left: var(--spacing-7);
  }

  .reason.reverse .reason__content {
    padding-right: var(--spacing-7);
  }

  .person:not(.reverse) .person__quote {
    padding-left: var(--spacing-6);
  }


  /* Zitate */
  .person__quote blockquote {
    margin: 0 0 var(--spacing-4-5);
  }


  /* Trägerorganisationen */
  .organisations--detail .organisations_stopper {
    top: -25px;
    right: 0;
  }


  /* Footer */
  .footer__contact, .footer__social_media {
    width: 310px;
  }

  .footer__donation_account, .footer__copyright {
    width: 410px;
    margin-left: 140px;
  }

  .footer__links, .footer__legal {
    margin-left: 40px;
  }

  .footer__top b {
    margin-bottom: var(--spacing-2);
  }

  .footer__bottom .footer__inside > svg {
    left: 250px;
    bottom: -39px;
  }

  .lang--fr .footer__bottom .footer__inside > svg {
    left: 280px;
  }

  .lang--fr .footer__copyright br {
    display: none;
  }

}


@media all and (min-width: 1400px) {

  .teaser--left .teaser_stopper {
    left: -145px;
  }

  .teaser--right .teaser_stopper {
    right: -145px;
  }

  .site_cta a {
    padding: 18px 30px 22px 115px;
    font-size: var(--font-size-5-5);
  }

  .site_cta a svg {
    width: 80px;
    height: 62px;
    left: 12px;
  }

}


@media all and (min-width: 1600px) {

  footer > svg {
    bottom: -14px;
  }

}


@media all and (min-width: 2100px) {

  .footer__top {
    padding-top: var(--spacing-8);
  }

}


@media all and (max-width: 2099.98px) and (min-width: 1240px) {

  .footer__top {
    padding-top: 68px;
  }

}


@media all and (max-width: 1599.98px) and (min-width: 992px) {

  footer > svg {
    bottom: -10px;
  }

}


@media all and (max-width: 1399.98px) and (min-width: 768px) {

  .site_cta a {
    padding: 16px 28px 21px 98px;
    font-size: var(--font-size-5);
  }

  .site_cta a svg {
    width: 68px;
    height: 53px;
    left: 10px;
  }

}


@media all and (max-width: 1399.98px) and (min-width: 992px) {

  body.page-template-page-landingpage:not(.home) .section:first-child {
    padding-top: var(--spacing-8) !important;
  }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

  .teaser--left .teaser_stopper {
    left: -100px;
  }

  .teaser--right .teaser_stopper {
    right: -100px;
  }

}


@media all and (max-width: 1239.98px) {

  .tiles--donation .tile__content img:not(.background) {
    height: auto;
  }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {  

  :root {
    --font-size-8: 57px;
  }

  .macos div[class*="--indent"] .label, .ios div[class*="--indent"] .label, 
  .macos .popup__content__text .label, .ios .popup__content__text .label {
    margin-top: 1px;
  }

  span.number {
    font-size: 66px;
  }

  .section > div:not(.section__teaser):not(.section__organisations), .inside {
    max-width: calc(1080px + var(--spacing-5) * 2);
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  div[class*="--indent"] {
    padding-left: var(--spacing-11-5);
  }

  .section__row .row > div.col-l-8 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
  }

  .section__row .row > div.col-l-4 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }

  .section__row .row > div.col-l-8:first-child {
    padding-right: var(--spacing-4-5);
  }

  .section__row .row > div.col-l-6:first-child {
    padding-right: calc(var(--spacing-4-5) / 2);
  }

  .section__row .row > div.col-l-6:last-child {
    padding-left: calc(var(--spacing-4-5) / 2);
  }


  /* Inhaltselement */
  .text_box__container--shadow, .quote__container {
    padding: var(--spacing-6);
  }

  .teaser_box__content {
    padding: var(--spacing-4-5);
  }

  .teaser_box__content h3 {
    margin-bottom: calc(var(--spacing-4) - 8px);
  }

  .teaser--left {
    padding-left: 180px;
  }

  .teaser--left .teaser_stopper {
    left: -50px;
  }

  .teaser--right, .teaser--right .teaser__content {
    padding-right: 180px;
  }

  .teaser--right .teaser_stopper {
    right: -10px;
  }

  .teaser.teaser--himmelblau .icon--stopper {
    fill: var(--brand-anthrazit);
  }

  .teaser__content {
    padding-top: var(--spacing-4-5);
    padding-bottom: var(--spacing-6);
  }

  .teaser--left .teaser__content {
    padding-right: var(--spacing-5);
    padding-left: 180px;
  }

  .teaser--right .teaser__content {
    padding-right: 180px;
    padding-left: var(--spacing-5);
  }

  .teaser__media {
    width: 400px;
  }

  .teaser:not(.teaser--stopper) .teaser__media {
    top: 133px;
  }

  .teaser--left .teaser__media {
    left: -80px;
  }

  .teaser--right .teaser__media {
    right: -80px;
  }

  .teaser.teaser--stopper .teaser__media {
    top: 270px;
  }

  .teaser_stopper .stopper__container {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }


  /* CTA */
  .cta__illu__animal {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
  }
  
  .cta__illu__stopper .stopper__container {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
  }

  .cta--pig .cta__illu__animal {
    left: 90px;
  }

  .cta--chicken .cta__illu__animal {
    left: 155px;
  }

  .cta__illu__animal {
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
  }

  .cta--pig .cta__illu__stopper .stopper__container {
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
  }

  .cta:not(.cta--pig) .cta__illu__stopper .stopper__container {
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
  }

  .cta__illu__stopper {
    left: var(--spacing-3);
  }

  .cta--pig .cta__illu__stopper {
    top: var(--spacing-3);
  }

  .cta--cow .cta__illu__stopper, .cta--chicken .cta__illu__stopper {
    bottom: var(--spacing-3);
  }

  .cta__content {
    padding: var(--spacing-6) var(--spacing-5) var(--spacing-6) var(--spacing-7);
  }

  .cta .typography--big {
    margin-bottom: var(--spacing-3);
  }


  /* Barometer & Karte */
  .barometer--signatures, .map_container, .barometer--donation, .signatures__range_slider {
    padding-right: var(--spacing-7);
    padding-left: var(--spacing-7);
  }

  .signatures__form {
    padding-right: 140px;
    padding-left: 140px;
  }
  
  .counter__progress_bar {
    height: 20px;
  }

  .barometer__counter svg {
    right: -43px;
  }

  .barometer__content {
    margin-bottom: 40px;
  }

  .barometer__button {
    width: 170px;
    height: 170px;
  }

  .map_container h2 {
    top: var(--spacing-4);
    left: var(--spacing-4-5);
  }

  .map_stopper {
    top: var(--spacing-3);
    right: var(--spacing-3);
  }

  .map_stopper .stopper__container {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }

  .lang--fr .map_stopper, .lang--fr .map_stopper .icon--stopper {
    width: 195px;
    height: 195px;
  }

  .lang--fr .map_stopper span {
    font-size: var(--font-size-4);
  }

  .section__map--banner .barometer {
    margin-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }


  /* Spendenbeiträge */
  .donation_tiles--indent .tiles--donation > .tile {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .tiles--donation .tile__content {
    padding: var(--spacing-1) var(--spacing-3) var(--spacing-4);
  }

  .tiles--donation .tile__content img:not(.background) {
    width: 144px;
  }


  /* Fakten */
  .facts {
    margin-top: 50px;
  }

  .facts_stopper {
    top: -50px;
  }

  .fact--1 {
    width: calc(100% - 270px);
  }

  .fact--2 {
    width: 270px;
    padding-bottom: 85px;
  }

  .fact__content {
    margin-bottom: var(--spacing-4-5);
  }

  .fact--1 .fact__content {
    padding-left: 100px;
  }

  .fact__percent {
    margin-bottom: var(--spacing-1);
  }

  .fact__percent img, .fact > img {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
  } 


  /* Newsletter */
  .newsletter__content h2, .newsletter__content p {
    max-width: 640px;
  }

  .newsletter svg {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
  }


  /* Gründe */
  .reason__content {
    width: calc(100% - 342px);
  }

  .reason__media {
    width: 342px;
  }

  .reason__media .number {
    top: -26px;
    width: 52px;
    height: 52px;
  }

  .reason:not(.reverse) .reason__media .number {
    right: -26px;
  }

  .reason.reverse .reason__media .number {
    left: -26px;
  }

  .reason__media .number span {
    padding-top: 1px;
    font-size: calc(var(--font-size-5-5) - 1px);
  }

  .reason:not(.reverse) .reason__content {
    padding-left: var(--spacing-6);
  }

  .reason.reverse .reason__content {
    padding-right: var(--spacing-6);
  }


  /* Zitate */
  .person__quote blockquote {
    margin: 0 0 var(--spacing-4);
  }

  .person:not(.reverse) .person__quote {
    padding-left: var(--spacing-5);
  }


  /* Trägerorganisationen */
  .organisations--detail .organisations_stopper {
    top: -100px;
    right: 20px;
  }

  .organisations--detail .organisations_stopper .stopper__container {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }


  /* Footer */
  .footer__top {
    padding-top: 60px;
  }

  .footer__contact, .footer__social_media {
    width: 240px;
  }

  .footer__donation_account, .footer__copyright {
    width: 310px;
    margin-left: 150px;
  }

  .footer__links, .footer__legal {
    margin-left: 30px;
  }

  .footer__top b {
    margin-bottom: 18px;
  }

  .footer__bottom .footer__inside > svg {
    left: 22vw;
    bottom: -36px;
  }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

  .lang--fr .footer__bottom .footer__inside > svg {
    left: 20vw;
    bottom: -16px;
  }

}


@media all and (max-width: 1079.98px) and (min-width: 992px) {

  .lang--fr .footer__bottom .footer__inside > svg {
    left: 23vw;
    bottom: -16px;
  }

}


@media all and (max-width: 991.98px) {

  h1 br, h2 br, h3 br, h4 br {
    display: none;
  }

  main ul li, .footer__links ul li {
    padding-left: 13px;
  }

  main ul li::before, .footer__links ul li::before {
    width: 4px;
    height: 4px;
  }

  div[class*="--indent"] .label, .popup__content__text .label {
    margin-bottom: var(--spacing-2);
  }

  .section__row > .row > div + div {
    margin-top: var(--spacing-3);
  }

  .teaser__media {
    position: absolute;
    top: 0;
  }

  .teaser__content {
    border-radius: var(--border-radius-3) var(--border-radius-2) var(--border-radius-3) var(--border-radius-2);
  }

  .text_box__container--bg {
    padding: var(--spacing-5) var(--spacing-4-5);
  }

  .teaser_box__media {
    aspect-ratio: 768 / 500;
  }

  .teaser_box__media .picture_container {
    border-radius: var(--border-radius-2) var(--border-radius-2) 0 0;
  }

  .text_box__container--shadow .icon {
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }

  .quote__author {
    left: 0;
  }

  .quote__container {
    border-radius: var(--border-radius-3) var(--border-radius-2);
  }

  .quote__author__image::after {
    top: 4px;
    right: 4px;
  }

  .section__barometer p br {
    display: none;
  }

  .barometer--signatures, .barometer--donation {
    padding-top: var(--spacing-5);
  }

  .cta .button--normal {
    margin-top: var(--spacing-6) !important;
  }

  .reason__media {
    width: 100%;
    margin-bottom: var(--spacing-4-5);
  }

  .cta__illu, .cta__content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .cta__content {
    position: relative;
    z-index: 2;
  }

  .cta__illu__animal {
    -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
            transform-origin: right bottom;
  }

  .facts .fact--1 {
    width: 100%;
  }

  .map__info span {
    font-size: calc(var(--font-size-2) - 1px);
  }

  .map__info span.amount svg {
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
  }

  .footer__legal ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer__legal ul li:last-child {
    margin-right: 0;
  }


  /* Cookie */
  .cookie_box {
    width: 100%;
    left: 0;
  }

  .cookie_box.is-active {
    bottom: -1px;
  }

}


@media all and (max-width: 991.98px) and (min-width: 414px) {

  body:not(.home) .section:first-child {
    padding-top: calc(var(--spacing-9) - var(--spacing-1)) !important;
  }

  .text_box__container--shadow, .quote__container, .cta__content {
    padding: var(--spacing-5);
  }

  .barometer--signatures, .map_container, .barometer--donation, .signatures__range_slider {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .cookie_box {
    padding: 20px var(--spacing-5) 29px;
  }

}


@media all and (max-width: 991.98px) and (min-width: 576px) {

  :root {
    --border-radius-3: 50px;
    --border-radius-2: 20px;
    --height-header: 102px;
  }

  .section:last-child > div:last-child {
    padding-bottom: 255px !important
  }

   body.page-template-page-landingpage:not(.home) .section:first-child {
    padding-top: var(--spacing-7) !important;
  }


  /* Teaser */
  .teaser__content {
    padding: var(--spacing-10) var(--spacing-5) var(--spacing-5);
  }


  /* Auflistung */
  .list__item__text {
    top: 1px;
  }

  .list__item__number span {
    top: 5px;
  }

  /* CTA */
  .cta .typography--big {
    margin-bottom: var(--spacing-3);
  }


  /* Gründe */
  .reason__media .picture_container {
    width: 400px;
  }


  /* Spendenbeiträge */
  .tiles--donation > .tile {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  /* Spendenbeiträge */
  .tiles--donation .tile__content {
    padding: var(--spacing-1) var(--spacing-3) var(--spacing-4-5);
  }


  /* Trägeroranisation */
  .reasons, .person_container {
    margin-top: var(--spacing-4-5);
  }

  .reason {
    padding-top: 60px;
    padding-bottom: 55px;
  }

  .person {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .person__portrait {
    margin-left: 5px;
    margin-bottom: 5px;
  }

  .person__portrait::after {
    top: 5px;
    right: 5px;
  }

  .person:not(.reverse) .person__quote {
    padding-left: var(--spacing-4-5);
  }

  .person.reverse .person__quote {
    padding-right: var(--spacing-4-5);
  }

  .person__quote blockquote {
    margin: 0 0 var(--spacing-3);
  }

  .person__quote__author span.name {
    font-size: var(--font-size-4);
  }

  .organisations--preview .organisations > div {
    max-width: var(--width-small-content);
  }

  .organisations--preview .logos {
    margin: -5px -10px -10px;
  }

  .organisations--preview .logo {
    padding: 10px;
  }

  .organisations__logos {
    margin-top: var(--spacing-7);
  }


  /* Fakten */
  .facts {
    margin-top: 50px;
  }

  .facts_stopper {
    top: -50px;
    right: -20px;
  }

  .fact__percent {
    margin-bottom: var(--spacing-1);
  }


  /* Barometer */
  .section__map--banner .barometer {
    padding-bottom: 60px;
  }

  .barometer__content {
    margin-bottom: var(--spacing-4-5);
  }

  .counter__targets > div {
    position: relative;
  }

  .barometer, .section__map--banner .map_container {
    margin-bottom: 86px;
  }

  .map_container {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-6);
  }

  .map_container h2 {
    top: calc(var(--spacing-5) - 5px);
    left: var(--spacing-5);
  }

  .section__map--banner .barometer {
    margin-top: var(--spacing-5);
  }

  .slider__targets {
    padding-top: 2px;
  }


  /* Footer */
   footer > svg {
    bottom: -8px;
  }

  .footer__top {
    padding-top: var(--spacing-6);
  }

  .footer__top b {
    margin-bottom: var(--spacing-2);
  }

  .footer__legal {
    margin-top: var(--spacing-1);
  }

  .footer__legal ul li {
    margin-right: var(--spacing-3);
  }

}


@media all and (max-width: 991.98px) and (min-width: 768px) { 

  :root {
    --font-size-8: 52px;
    --font-size-7: 44px;
    --font-size-6: 38px;
    --font-size-5-5: 32px;
    --font-size-5: 27px;
    --font-size-4: 23px;

    --spacing-12: 200px;
    --spacing-11-5: 160px;
    --spacing-11: 130px;
    --spacing-10: 110px;
    --spacing-9: 90px;
    --spacing-8: 68px;
    --spacing-7: 54px;
    --spacing-6: 44px;
    --spacing-5: 40px;
    --spacing-4-5: 34px;
    --spacing-4: 26px;
  }

  main ul li::before, .footer__links ul li::before {
    top: 13px;
  }

  span.number {
    font-size: 61px;
  }

  .section > div:not(.section__teaser):not(.section__organisations), .inside {
    max-width: calc(768px + var(--spacing-5) * 2);
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .stopper:not(.stopper--small):not(.stopper--big), .stopper:not(.stopper--small):not(.stopper--big) .icon--stopper {
    width: 180px;
    height: 180px;
  }

  .lang--fr .stopper:not(.stopper--small):not(.stopper--big), .lang--fr .stopper:not(.stopper--small):not(.stopper--big) .icon--stopper {
    width: 200px;
    height: 200px;
  }

  .stopper--small, .stopper--small .icon--stopper {
    width: 160px;
    height: 160px;
  }

  .stopper--big, .stopper--big .icon--stopper {
    width: 250px;
    height: 250px;
  }

  .stopper.stopper--big span {
    padding-right: var(--spacing-4-5);
    padding-left: var(--spacing-4-5);
  }

  .teaser_box__content {
    padding: var(--spacing-4-5);
  }
  
  .teaser_box__content h3 {
    margin-bottom: var(--spacing-3);
  }

  .teaser {
    padding-top: 234px;
  }

  .teaser__media {
    left: calc(-1 * var(--spacing-8));
    width: 400px;
  }

  .teaser_stopper {
    right: -10px;
  }

  .text_box__container--shadow .icon {
    top: -55px;
    right: -35px;
    -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
            transform: scale(.85);
  }

  .quote__container {
    margin-left: 71px;
    margin-bottom: 74px;
  }

  .quote__author {
    bottom: -71px;
    left: -71px;
  }

  .quote__author__image {
    max-width: 112px;
  }

  .quote__author__name {
    max-width: calc(100% - 112px);
  }

  .person__quote {
    width: calc(100% - 181px);
  }

  .person__portrait {
    max-width: 176px;
  }

  .person__portrait::after {
    width: 176px;
    height: 176px;
  }

  .organisations--preview > div {
    padding-right: var(--spacing-6);
  }

  .organisations--preview .logo {
    height: 170px;
  }

  .list__item__number {
    width: 33px;
    height: 33px;
  }

  .newsletter svg {
    bottom: -137px;
    right: -65px;
    -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
            transform: scale(.7);
  }

  .cta__illu__animal {
    right: 60px;
  }

  .cta--pig .cta__illu__animal {
    -webkit-transform: scale(.52);
        -ms-transform: scale(.52);
            transform: scale(.52);
  }

  .cta--chicken .cta__illu__animal {
    -webkit-transform: scale(.46);
        -ms-transform: scale(.46);
            transform: scale(.46);
  }

  .reason__media .number {
    top: -26px;
    left: 374px;
    width: 51px;
    height: 51px;
  }

  .reason__media .number span {
    padding-top: 2px;
    font-size: var(--font-size-5-5);
  }

  .barometer h3 {
    margin-bottom: 18px;
  }

  .barometer h3 + p {
    font-size: var(--font-size-2);
    margin-top: -13px;
    margin-bottom: 20px;
  }

  .barometer__counter .counter--targets {
    margin-top: var(--spacing-3);
  }

  .barometer__counter .counter .counter__target, .barometer__counter .counter .counter__overlay {
    top: -30px;
    font-size: var(--font-size-1);
  }

  .counter__progress_bar {
    height: 18px;
  }

  .counter__targets > div {
    top: -3px;
  }

  .counter__targets > div > span:not(.number) {
    font-size: var(--font-size-standard);
  }

  .barometer__button {
    width: 160px;
    height: 160px;
  }

  .barometer--signatures, .barometer--donation {
    padding-bottom: 80px;
  }

  .donation_buttons__container {
    margin-top: -16px;
  }

  .donation_buttons .button {
    margin-top: 16px !important;
    margin-right: 16px;
  }

  .button--normal.button--amount:not(.button--small) a, .button--normal.button--custom:not(.button--small) a {
    padding: 15px 15px 19px;
  }

  .barometer_buttons .button--normal.button--amount:not(.button--small) a, .donation_buttons .button--normal.button--amount:not(.button--small) a {
    width: 120px;
  }

  .barometer_buttons .button--normal.button--custom:not(.button--small) a, .donation_buttons .button--normal.button--custom:not(.button--small) a {
    width: 200px;
  }

  .signatures__range_slider, .signatures__form {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .signatures__form {
    padding-right: var(--spacing-8);
    padding-left: var(--spacing-8);
  }

  .slider__targets_motivations .motivations {
    min-height: 138px;
  }

  /* Spendenbeiträge */
  .tiles--donation .tile__content img:not(.background) {
    width: 128px;
  }


  /* Fakten */
  .fact__percent img, .fact > img {
    -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
            transform: scale(.85);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
  }

  .fact__content {
    margin-bottom: var(--spacing-3);
  }

  .fact--1 .fact__content {
    padding-left: 100px;
  }

  .fact--2 {
    padding-left: 380px;
  }


  /* Karte */
  .map__info {
    padding: 11px 13px;
    border-radius: 15px var(--border-radius-1) 15px var(--border-radius-1);
  }

  .map__info span.amount > span {
    padding-left: 26px;
    font-size: var(--font-size-6);
  }

  .map__info span.amount svg {
    bottom: 3px;
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
  }


  /* Footer */
  .footer__contact, .footer__social_media {
    width: 45%;
    padding-right: var(--spacing-5);
  }

  .footer__donation_account, .footer__copyright {
    width: 55%;
    padding-left: var(--spacing-5);
  }

  .footer__links, .footer__legal {
    width: 100%;
  }

  .footer__links {
    width: 100%;
    margin-top: var(--spacing-6);
  }

  .footer__links b {
    display: none;
  }

  .footer__links a {
    font-size: var(--font-size-5);
  }

  .footer__links ul li {
    display: inline-block;
    padding-left: 0;
    margin-right: var(--spacing-4);
  }

  .footer__links ul li:last-child {
    margin-right: 0;
  }

  .footer__links ul li::before {
    display: none;
  }

}


@media all and (max-width: 767.98px) {

  :root {
    --spacing-1: 8px;
  }


  /* Animation */
  .intro-animation-mobile {
    opacity: 0;
  }

  .intro-animation-mobile, .intro-animation--bottom, .intro-animation--top, .intro-animation--left, .intro-animation--right {
    -webkit-transform: translate3d(0, var(--spacing-5), 0);
    transform: translate3d(0, var(--spacing-5), 0);
  }

  
  /* General */
  h1, h2 {
    line-height: var(--line-height-3);
  }

  h3 {
    margin-top: calc(var(--spacing-7) - 5px);
  }

  span.number > span.currency {
    font-size: var(--font-size-4);
    margin-right: -5px;
  }

  .separator {
    height: 4px;
  }

  .separator--top {
    top: -2px;
  }

  .separator:not(.separator--top) {
    bottom: -2px;
  }

  .icon--separator {
    width: 810px;
    height: 3px;
  }

  .stopper:not(.stopper--small):not(.stopper--big), .stopper:not(.stopper--small):not(.stopper--big) .icon--stopper {
    width: 170px;
    height: 170px;
  }

  .lang--fr .stopper:not(.stopper--small):not(.stopper--big), .lang--fr .stopper:not(.stopper--small):not(.stopper--big) .icon--stopper {
    width: 183px;
    height: 183px;
  }

  .stopper--small, .stopper--small .icon--stopper {
    width: 150px;
    height: 150px;
  }

  /* Teaser */
  .text_box__container--shadow {
    margin-bottom: 4px;
    -webkit-box-shadow: -4px 4px 0 0 var(--brand-himmelblau);
            box-shadow: -4px 4px 0 0 var(--brand-himmelblau);
  }

  .teaser_box__content {
    padding: var(--spacing-5) var(--spacing-4-5);
  }
  
  .teaser_box__content h3 {
    margin-bottom: var(--spacing-3);
  }

  .organisations--detail .organisation:nth-child(n+2) {
    margin-top: var(--spacing-5);
  }

  .barometer--signatures, .barometer--donation {
    padding-bottom: 80px;
  }

  .signatures__range_slider, .signatures__form {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5);
  }

  .organisations--detail .organisation__logo {
    max-width: 325px;
  }

  .counter__targets > div > span:not(.number) {
    font-size: var(--font-size-2);
  }

  .tiles--donation .tile__content p br {
    display: none;
  }

  .button--normal.button--amount:not(.button--small) a, .button--normal.button--custom:not(.button--small) a {
    padding: 12px 15px 15px;
  }

  .macos .button--normal.button--amount:not(.button--small) a, .macos .button--normal.button--custom:not(.button--small) a,
  .ios .button--normal.button--amount:not(.button--small) a, .ios .button--normal.button--custom:not(.button--small) a {
    padding-bottom: 14px;
  }

  .quote .quote__content.typography--h3 {
    font-size: calc(var(--font-size-6) - 3px);
  }

  .section__posts h2 {
    margin-bottom: var(--spacing-4-5);
  }

  .post__caption h3.typography--h4 {
    font-size: var(--font-size-5-5);
    margin-bottom: var(--spacing-2);
  }

  .post__caption span {
    font-size: 15px;
  }

  .quote__author {
    width: 100%;
  }

  .quote__author__name {
    position: relative;
    padding-bottom: 28px;
  }  

  .quote__author__name > span {
    position: absolute;
    top: 25px;
    left: var(--spacing-3);
    width: 100%;
  }


  /* Footer */
  .footer__contact, .footer__social_media, .footer__donation_account, .footer__copyright {
    width: 100%;
  }

  .footer__top__row > div + div {
    margin-top: var(--spacing-5);
  }

  .footer__bottom {
    padding-top: var(--spacing-4-5);
    padding-bottom: calc(var(--spacing-4-5) + 1px);
  }

  .footer__copyright {
    margin-top: var(--spacing-3);
  }

  .footer__copyright p br {
    display: none;
  }

  /* Cookie */
  .cookie_box, .cookie_box.hide {
    bottom: -200px;
  }

  .cookie_box__content {
    width: 100%;
  }

  .cookie_box__button button {
    margin-top: var(--spacing-4);
  }

}


@media all and (max-width: 767.98px) and (min-width: 414px) {

  .section > div:not(.section__teaser):not(.section__organisations), .inside {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .signatures__form {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

}


@media all and (max-width: 767.98px) and (min-width: 576px) {

  :root {
    --font-size-8: 46px;
    --font-size-7: 40px;
    --font-size-6: 34px;
    --font-size-5-5: 29px;
    --font-size-5: 25px;
    --font-size-4: 22px;
    --font-size-3: 19px;
    --font-size-2: 18px;
    --font-size-1: 15px;
    --font-size-standard: 20px;

    --spacing-12: 180px;
    --spacing-11-5: 140px;
    --spacing-11: 120px;
    --spacing-10: 100px;
    --spacing-9: 80px;
    --spacing-8: 60px;
    --spacing-7: 50px;
    --spacing-6: 40px;
    --spacing-5: 34px;
    --spacing-4-5: 26px;
    --spacing-4: 20px;
    --spacing-3: 16px;
    --spacing-2: 12px;
  }

  div[class*="--indent"] .label, .popup__content__text .label {
    padding: 5px 10px 6px;
  }

  .cta .typography--big {
    margin-top: -8px;
  }

  .teaser_box__content h3, .organisations__intro h2 {
    margin-top: -6px;
  }

  .text_box__container--bg h2, .text_box__container--bg h3, .video_container h2, .video_container h3, .barometer h2 {
    margin-top: -4px;
  }

  .quote .quote__content, .barometer--donation h3, a.button-circle span {
    margin-top: -3px;
  }

  .video_desc {
    margin-bottom: 4px;
  }

  main ul li::before, .footer__links ul li::before {
    top: 13px;
  }

  span.number {
    font-size: 52px;
  }

  .stopper--big, .stopper--big .icon--stopper {
    width: 230px;
    height: 230px;
  }

  .section__teaser + .section__teaser .teaser--stopper {
    margin-top: 30px;
  }

  .teaser {
    padding-top: 200px;
  }

  .teaser__media {
    left: -50px;
    width: 350px;
  }

  .teaser_stopper {
    top: -50px;
    right: -50px;
  }

  .text_box__container--shadow .icon {
    top: -50px;
    right: -25px;
    -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
            transform: scale(.75);
  }

  .list__item__number {
    width: 32px;
    height: 32px;
  }

  .quote__container {
    margin-left: 65px;
    margin-bottom: 68px;
  }

  .quote__author {
    bottom: -70px;
    left: -65px;
  }

  .quote__author__image {
    max-width: 100px;
  }

  .quote__author__name {
    width: calc(100% - 100px);
  }

  .person__quote {
    width: calc(100% - 159px);
  }

  .person__portrait {
    max-width: 154px;
  }

  .person__portrait::after {
    width: 154px;
    height: 154px;
  }

  .barometer__button {
    width: 140px;
    height: 140px;
  }

  .slider__targets_motivations .motivations {
    min-height: 138px;
  }

  .newsletter svg {
    bottom: -110px;
    right: -85px;
    -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
            transform: scale(.5);
  }

  .cta__illu__animal {
    right: var(--spacing-5);
  }

  .cta--pig .cta__illu__animal {
    -webkit-transform: scale(.46);
        -ms-transform: scale(.46);
            transform: scale(.46);
  }

  .cta--chicken .cta__illu__animal {
    -webkit-transform: scale(.4);
        -ms-transform: scale(.4);
            transform: scale(.4);
  }

  .reason__media .number {
    top: -24px;
    left: 376px;
    width: 49px;
    height: 49px;
  }

  .reason__media .number span {
    padding-top: 3px;
    font-size: var(--font-size-5-5);
  }

  .organisations--preview > div {
    padding-right: var(--spacing-6);
  }

  .organisations--preview .logo {
    height: 150px;
  }
  

  /* Fakten */
  .fact__percent img, .fact > img {
    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
  }

  .fact__content {
    margin-bottom: var(--spacing-2);
  }

  .fact--1 .fact__content {
    padding-left: 74px;
  }

  .fact--1 p {
    max-width: 360px;
  }

  .fact--2 {
    padding-left: 280px;
  }


  /* Barometer */
  .barometer h3 {
    margin-bottom: 16px;
  }

  .barometer h3 + p {
    font-size: var(--font-size-2);
    margin-top: -11px;
    margin-bottom: 18px;
  }

  .counter__progress_bar {
    height: 16px;
  }

  .counter__targets > div {
    top: -1px;
  }

  .counter__targets > div > span:not(.number) {
    max-width: 200px;
    top: -8px;
    margin-bottom: -12px;
    line-height: var(--line-height-2);
  }

  .map__info {
    padding: 8px 11px 9px;
    border-radius: 12px var(--border-radius-1) 12px var(--border-radius-1);
  }

  .map__info span.amount > span {
    padding-left: 23px;
    font-size: var(--font-size-6);
  }

  .map__info span.amount {
    margin-top: -1px;
  }

  .map__info span.amount svg {
    bottom: 3px;
    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
  }


  /* Spenden */
  .donation_buttons__container {
    margin-top: -10px;
  }

  .donation_buttons .button {
    margin-top: 14px !important;
    margin-right: 14px;
  }

  /* Spendenbeiträge */
  .tiles--donation .tile__content img:not(.background) {
    width: 120px;
  }


  /* CTA */
  .site_cta a {
    padding: 14px 24px 17px 83px;
    font-size: var(--font-size-5);
  }

  .site_cta a svg {
    width: 61px;
    height: 46px;
    left: 10px;
  }

}


@media all and (max-width: 575.98px) {

  :root {
    --font-size-5: 24px;
    --font-size-4: 21px;
    --font-size-3: 18px;
    --font-size-2: 17px;
    --font-size-1: 14px;
    --font-size-standard: 19px;

    --line-height-2: 1.05;

    --spacing-12: 140px;
    --spacing-11-5: 120px;
    --spacing-11: 100px;
    --spacing-10: 85px;
    --spacing-9: 68px;
    --spacing-8: 54px;
    --spacing-7: 44px;
    --spacing-6: 34px;
    --spacing-5: 26px;
    --spacing-4-5: 22px;
    --spacing-4: 18px;
    --spacing-3: 14px;
    --spacing-2: 10px;

    --border-radius-3: 30px;
    --border-radius-2: 15px;
    --height-header: 90px;
  }

  h1, .typography--h1 {
    margin-bottom: var(--spacing-4-5);
  }

  h2, .typography--h2 {
    margin-bottom: calc(var(--spacing-4) - 2px);
  }

  div[class*="--indent"] .label, .popup__content__text .label {
    font-size: calc(var(--font-size-2) - 1px);
    padding: 3px 9px 6px;
  }

  .android div[class*="--indent"] .label, .android .popup__content__text .label {
    padding-top: 4px;
  }

  .section:last-child > div:last-child {
    padding-bottom: 235px !important
  }

   body.page-template-page-landingpage:not(.home) .section:first-child {
    padding-top: var(--spacing-6) !important;
  }

  .teaser_box__content h3, .organisations__intro h2 {
    margin-top: -5px;
  }

  .text_box__container--bg h2, .text_box__container--bg h3, .video_container h2, .video_container h3, .barometer h2 {
    margin-top: -3px;
  }

  .quote .quote__content, .barometer--donation h3, a.button-circle span {
    margin-top: -2px;
  }

  .video_desc {
    margin-bottom: 3px;
  }

  main ul li::before, .footer__links ul li::before {
    top: 12px;
  }

  span.number {
    font-size: 50px;
    margin-top: -11px;
  }

  .stopper--big, .stopper--big .icon--stopper {
    width: 235px;
    height: 235px;
  }

  .stopper span {
    font-size: calc(var(--font-size-5) - 1px);
  }

  .stopper:not(.stopper--big):not(.stopper--small) span {
    padding-right: var(--spacing-6);
    padding-left: var(--spacing-6);
  }

  .stopper.stopper--small span {
    padding-right: var(--spacing-5);
    padding-left: var(--spacing-5);
  }

  .stopper.stopper--big span {
    padding-right: var(--spacing-7);
    padding-left: var(--spacing-7);
  }

  .section__teaser + .section__teaser .teaser--stopper {
    margin-top: 30px;
  }

  .teaser {
    padding-top: 200px;
  }

  .teaser_stopper {
    top: -50px;
    right: -40px;
  }

  .text_box__container--shadow .icon {
    top: -47px;
    right: -16px;
    -webkit-transform: scale(.65);
        -ms-transform: scale(.65);
            transform: scale(.65);
  }

  .list__item__number {
    width: 29px;
    height: 29px;
  }

  .list__item__number span {
    top: 4px;
  }

  .quote__container {
    margin-bottom: 68px;
  }

  .quote__author {
    bottom: -70px;
  }

  .quote__author__image {
    max-width: 95px;
  }

  .quote__author__name {
    width: calc(100% - 95px);
  }

  .person.reverse {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
  }

  .person__portrait {
    max-width: 132px;
  }

  .person__portrait::after {
    width: 132px;
    height: 132px;
  }

  .person__quote {
    width: 100%;
  }

  .person__quote blockquote {
    margin: var(--spacing-4) 0 var(--spacing-3);
  }

  .newsletter svg {
    bottom: -146px;
    right: -85px;
    -webkit-transform: scale(.45);
        -ms-transform: scale(.45);
            transform: scale(.45);
  }

  .newsletter .form__notice {
    padding-right: 120px;
    line-height: 1.25;
  }

  .cta .typography--big {
    margin-bottom: var(--spacing-3);
  }

  .reasons, .person_container {
    margin-top: var(--spacing-4-5);
  }

  .reason {
    padding-top: 50px;
    padding-bottom: 45px;
  }

  .person {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .person__portrait {
    margin-left: 5px;
    margin-bottom: 5px;
  }

  .person__portrait::after {
    top: 5px;
    right: 5px;
  }

  .reason__media .number {
    top: -22px;
  }

  .reason__media .number span {
    padding-top: 1px;
    font-size: var(--font-size-5-5);
  }

  .organisations--preview .logos {
    margin: -5px -6px -6px;
  }

  .organisations--preview .logo {
    padding: 6px;
  }

  .organisations__logos {
    margin-top: var(--spacing-7);
  }
  

  /* Fakten */
  .facts {
    margin-top: 50px;
  }

  .fact__percent {
    margin-bottom: var(--spacing-4);
    -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
            transform: scale(.6);
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
  }

  .fact > img {
    -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
            transform: scale(.7);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
  }

  .fact__content {
    margin-bottom: var(--spacing-5);
  }

  .fact--1 p {
    max-width: 320px;
  }

  .fact--2 .fact__percent {
    margin-top: -40px;
  }

  .facts_stopper {
    top: -50px;
    right: -15px;
  }

  /* Barometer */
  .section__map--banner .barometer {
    padding-bottom: 80px;
  }

  .barometer__content {
    margin-bottom: var(--spacing-4-5);
  }

  .barometer__counter > .counter {
    position: relative
  }

  .counter__targets > div {
    width: 100%;
  }

  .counter__targets > .target {
    margin-top: 40px;
  }

  .counter__progress_bar {
    position: absolute;
    top: 83px;
    height: 14px;
  }

  .counter__targets > div > span:not(.number) {
    top: -8px;
    margin-bottom: -12px;
    line-height: var(--line-height-2);
  }

  .barometer, .section__map--banner .map_container {
    margin-bottom: 64px;
  }

  .map_container {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-6);
  }

  .map__info {
    padding: 6px 9px 7px;
    border-radius: 10px var(--border-radius-1) 10px var(--border-radius-1);
  }

  .map__info span.amount > span {
    padding-left: 20px;
    font-size: var(--font-size-6);
  }

  .map__info span.amount {
    margin-top: -1px;
  }

  .map__info span.amount svg {
    bottom: 3px;
    -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
            transform: scale(.75);
  }

  .section__map--banner .barometer {
    margin-top: var(--spacing-5);
  }

  .barometer__button {
    width: 120px;
    height: 120px;
  }

  .slider__targets {
    padding-top: 10px;
  }


  /* Spenden */
  .donation_buttons__container {
    margin-top: -8px;
  }

  .donation_buttons .button {
    margin-top: 12px !important;
    margin-right: 12px;
  }


  /* Spendenbeiträge */
  .tiles--donation > .tile {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .tiles--donation .tile__content {
    padding: var(--spacing-1) var(--spacing-4) var(--spacing-4);
  }

  .tiles--donation .tile__content img:not(.background) {
    width: 112px;
  }



  /* CTA */
  .site_cta__button {
    min-width: 230px;
  }

  .site_cta a {
    padding: 14px 24px 17px 82px;
    font-size: var(--font-size-5);
  }

  .site_cta a svg {
    width: 58px;
    height: 44px;
    left: 10px;
  }


  /* Footer */
  footer > svg {
    bottom: -8px;
  }

  .footer__top {
    padding-top: var(--spacing-7);
  }

  .footer__legal {
    margin-top: var(--spacing-1);
  }

  .footer__legal ul li {
    margin-right: var(--spacing-4);
  }

}


@media all and (max-width: 575.98px) and (min-width: 360px) {

  .teaser__media {
    left: -40px;
    width: 325px;
  }

}


@media all and (max-width: 575.98px) and (min-width: 390px) {

  .organisations--preview .logo {
    height: 125px;
  }

  .slider__targets_motivations .motivations {
    min-height: 145px;
  }

  .cta--pig .cta__illu__animal {
    right: 15px;
    -webkit-transform: scale(.36);
        -ms-transform: scale(.36);
            transform: scale(.36);
  }

  .cta--chicken .cta__illu__animal {
    right: 25px;
    -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
            transform: scale(.3);
  }

}


@media all and (max-width: 575.98px) and (min-width: 414px) {

  :root {
    --font-size-8: 40px;
    --font-size-7: 36px;
    --font-size-6: 31px;
    --font-size-5-5: 28px;
  }

  .reason__media .picture_container {
    max-width: 325px;
  }

  .reason__media .number {
    width: 44px;
    height: 44px;
    left: 303px;
  }

  .teaser__content {
    padding: 76px var(--spacing-5) var(--spacing-5);
  }

  .quote__container {
    margin-left: 30px;
    padding: var(--spacing-5) var(--spacing-5) 47px;
  }

  .quote__author {
    left: -32px;
  }

  .map_container h2 {
    top: calc(var(--spacing-5) - 3px);
    left: var(--spacing-5);
  }

  .fact--1 .fact__content {
    padding-left: 45px;
  }

  .fact--2 {
    padding-left: 160px;
  }

  .stopper .stopper__container {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }

  .cta .typography--big {
    margin-top: -6px;
  }

}


@media all and (max-width: 413.98px) {

  :root {
    --font-size-8: 39px;
    --font-size-7: 35px;
    --font-size-6: 30px;
    --font-size-5-5: 27px;
  }

  body:not(.home) .section:first-child {
    padding-top: var(--spacing-8) !important;
  }

  .section > div:not(.section__teaser):not(.section__organisations), .inside {
    padding-right: var(--spacing-4-5);
    padding-left: var(--spacing-4-5);
  }

  .text_box__container--shadow, .quote__container, .cta__content {
    padding: var(--spacing-4-5);
  }

  .barometer--signatures, .map_container, .barometer--donation, .signatures__range_slider, .signatures__form {
    padding-right: var(--spacing-4-5);
    padding-left: var(--spacing-4-5);
  }

  .teaser__content {
    padding: 72px var(--spacing-4-5) var(--spacing-4-5);
  }

  .quote__container {
    margin-left: 20px;
    padding: var(--spacing-4-5) var(--spacing-4-5) 47px;
  }

  .quote__author {
    left: -22px;
  }

  .map_container h2 {
    top: calc(var(--spacing-4-5) - 3px);
    left: var(--spacing-4-5);
  }

  .reason__media .number {
    width: 43px;
    height: 43px;
    right: -10px;
  }

  .cta .typography--big {
    font-size: var(--font-size-7);
    margin-top: -2px;
  }

  .cookie_box {
    padding: 20px var(--spacing-4-5) 29px;
  }

}


@media all and (max-width: 413.98px) and (min-width: 390px) {

  .fact--2 {
    padding-left: 60px;
  }

  .stopper .stopper__container {
    -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
            transform: scale(.85);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }

  .organisations--preview .logo {
    height: 115px;
  }

}

@media all and (max-width: 389.98px) {
  
  .cookie_box, .cookie_box.hide {
    bottom: -240px;
  }

}


@media all and (max-width: 389.98px) and (min-width: 360px) {

  .stopper .stopper__container {
    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }

  .organisations--preview .logo {
    height: 105px;
  }

  .cta--pig .cta__illu__animal {
    right: 15px;
    -webkit-transform: scale(.32);
        -ms-transform: scale(.32);
            transform: scale(.32);
  }

  .cta--chicken .cta__illu__animal {
    right: 25px;
    -webkit-transform: scale(.26);
        -ms-transform: scale(.26);
            transform: scale(.26);
  }

}


@media all and (max-width: 359.98px) {

  .teaser__media {
    left: -40px;
    width: 285px;
  }

  .stopper .stopper__container {
    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
  }

  .organisations--preview .logo {
    height: 95px;
  }

  .organisations--detail .organisation__logo {
    height: 160px;
  }

  .cta__illu {
    display: none;
  }

}