@charset "UTF-8";
/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  position: relative;
  min-height: 1px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.row:after,
.row:before {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 1rem;
  font-family: Open Sans, sans-serif;
  line-height: 26px;
  overflow-x: hidden;
  margin: 0;
  padding-top: 70px;
}

@media screen and (min-width: 992px) {
  body {
    padding-top: 136px;
  }
}

body:before {
  content: '{ "xs": 320, "sm": 480, "md": 768, "lg": 992, "xl": 1200, "xxl": 1440px, "hd": 1920px, "hdex": 2440px, "4k": 3840px }';
  display: none;
}

.btn--plain,
.link-hover {
  position: relative;
}

.btn--plain:before,
.link-hover:before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

@media screen and (min-width: 992px) {
  .btn--plain:hover:before,
  .link-hover:hover:before {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
  }
}

p a {
  color: #000;
  text-decoration: none;
  z-index: 1;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  p a:hover {
    text-decoration: none;
  }
}

ul {
  list-style: none;
  padding-left: 3px;
}

ul li {
  margin: 0 0 0 32px;
  padding: 0;
  position: relative;
}

ul li:before {
  content: "•";
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  position: absolute;
  left: -1.8em;
  color: #d8d6d6;
  top: 0;
}

ul li a {
  color: #000;
  display: inline-block;
  text-decoration: none;
  z-index: 1;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  ul li a:hover {
    text-decoration: none;
  }
}

ol {
  padding-left: 24px;
}

ol li {
  padding-left: 12px;
}

ol li a {
  color: #000;
  display: inline-block;
  text-decoration: none;
  z-index: 1;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  ol li a:hover {
    text-decoration: none;
  }
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000;
  display: inline-block;
  text-decoration: none;
  z-index: 1;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover {
    text-decoration: none;
  }
}

.headline_1--no-camps,
.container {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.container.container--big {
  max-width: 78.5rem;
  padding: 0 24px;
}

.headline_1--no-camps,
.container.container--medium {
  max-width: 70.5rem;
  padding: 0 24px;
}

.headline_1--no-camps {
  margin-bottom: 40px !important;
}

.container.container--small {
  max-width: 53.8125rem;
  padding: 0 24px;
}

.section {
  position: relative;
  margin-bottom: 32px;
}

@media screen and (min-width: 992px) {
  .section {
    margin-bottom: 64px;
  }
}

.section.section--padding {
  padding: 32px 0;
}

@media screen and (min-width: 992px) {
  .section.section--padding {
    padding: 64px 0;
  }
}

img {
  height: auto;
  max-width: 100%;
  outline: 0;
}

@font-face {
  font-family: Open Sans;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"),
    url(../fonts/open-sans-v16-latin-regular.woff2) format("woff2"),
    url(../fonts/open-sans-v16-latin-regular.woff) format("woff");
}

@font-face {
  font-family: Open Sans;
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"),
    url(../fonts/open-sans-v16-latin-italic.woff2) format("woff2"),
    url(../fonts/open-sans-v16-latin-italic.woff) format("woff");
}

@font-face {
  font-family: Open Sans;
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans"), local("OpenSans"),
    url(../fonts/open-sans-v16-latin-600.woff2) format("woff2"),
    url(../fonts/open-sans-v16-latin-600.woff) format("woff");
}

@font-face {
  font-family: Open Sans;
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans"), local("OpenSans"),
    url(../fonts/open-sans-v16-latin-700.woff2) format("woff2"),
    url(../fonts/open-sans-v16-latin-700.woff) format("woff");
}

@font-face {
  font-family: WWF;
  font-display: swap;
  font-weight: 400;
  letter-spacing: 0.02em;
  src: url(../fonts/wwf-webfont.woff) format("woff");
}

#tamaro-widget.tamaro-widget .widget-custom-content h1.headline,
#tamaro-widget.tamaro-widget .widget-custom-content h2.headline,
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
  font-family: WWF, sans-serif;
  margin: 0 0 24px;
  font-weight: 500;
}

.h1,
h1 {
  font-size: 3rem;
  line-height: 56px;
  letter-spacing: 0.5px;
}

@media screen and (min-width: 768px) {
  .h1,
  h1 {
    font-size: 3.5rem;
    line-height: 64px;
  }
}

#tamaro-widget.tamaro-widget .widget-custom-content h1.headline,
#tamaro-widget.tamaro-widget .widget-custom-content h2.headline,
.h2,
h2 {
  font-size: 2.5rem;
  line-height: 48px;
  letter-spacing: 0.5px;
}

.h3,
h3 {
  font-size: 2rem;
  line-height: 40px;
  letter-spacing: 0.5px;
}

.h4,
h4 {
  font-size: 1.75rem;
  line-height: 36px;
  letter-spacing: 0.8px;
}

.h5,
h5 {
  font-size: 1.5rem;
  line-height: 28px;
}

.u-txt-left {
  text-align: left !important;
}

.u-txt-right {
  text-align: right !important;
}

.u-txt-center {
  text-align: center;
}

.u-txt-align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.u-txt-color--white-blue-mobile,
.u-txt-color--white-grey-mobile {
  color: #fff;
}

.u-center {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.u-no-style {
  margin: 0;
  padding: 0;
  list-style: none;
}

.u-left {
  float: left;
}

.u-right,
.u-right\@small {
  float: right;
}

@media screen and (max-width: 767px) {
  .u-right\@small {
    float: none;
  }
}

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

@media screen and (min-width: 768px) {
  .util-flex-no-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.u-relative {
  position: relative;
}

.u-full-width {
  width: 100%;
}

.u-clear:after {
  content: "";
  display: table;
  clear: both;
}
/*
.u-color-ci {
  color: !important; } */

.u-color-white {
  color: #fff !important;
}

.u-color-black {
  color: #000;
}

.u-color-white {
  color: #fff;
}

.u-color-base-light {
  color: #f4f3ea;
}

.u-color-base-mid {
  color: #eceadc;
}

.u-color-red-dark {
  color: #da1d52;
}

.u-color-red-mid {
  color: #e05e6c;
}

.u-color-red-light {
  color: #f9b5b2;
}

.u-color-orange-dark {
  color: #e87d1e;
}

.u-color-orange-mid {
  color: #faa61a;
}

.u-color-orange-light {
  color: #fdbc5f;
}

.u-color-yellow-dark {
  color: #f6d200;
}

.u-color-yellow-mid {
  color: #fff200;
}

.u-color-yellow-light {
  color: #ffe96b;
}

.u-color-green-dark {
  color: #007931;
}

.u-color-green-mid {
  color: #8cbf41;
}

.u-color-green-light {
  color: #b7db9b;
}

.u-color-earth-dark {
  color: #7b8427;
}

.u-color-earth-mid {
  color: #aead0d;
}

.u-color-earth-light {
  color: #d3e27e;
}

.u-color-brown-dark {
  color: #9a681c;
}

.u-color-brown-mid {
  color: #d09b2c;
}

.u-color-brown-light {
  color: #e9ce86;
}

.u-color-blue-dark {
  color: #00728f;
}

.u-color-blue-mid {
  color: #44c8f5;
}

.u-color-blue-light {
  color: #71cfeb;
}

.u-color-aqua-dark {
  color: #007476;
}

.u-color-aqua-mid {
  color: #00accd;
}

.u-color-aqua-light {
  color: #b0dfdc;
}

.u-color-pink-dark {
  color: #9a0063;
}

.u-color-pink-mid {
  color: #ed037c;
}

.u-color-pink-light {
  color: #f9c1d2;
}

.u-color-berry-dark {
  color: #743873;
}

.u-color-berry-mid {
  color: #812990;
}

.u-color-berry-light {
  color: #c78fbf;
}

.u-color-grey-dark {
  color: #555;
}

.u-color-brown-grey-mid {
  color: #bbb8b8;
}

.u-color-brown-grey-light {
  color: #d8d6d6;
}

.u-color-dark-grey-light {
  color: #4d4d4d;
}

.u-color-dark-grey-black {
  color: #333;
}

.u-color-light-grey {
  color: #b8b8b8;
}

.u-color-off-white {
  color: #ddd;
}

.u-color-facebook {
  color: #1877f2;
}

.u-color-tumblr {
  color: #2a445d;
}

.u-color-pinterest {
  color: #9f1121;
}

.u-color-twitter {
  color: #00acee;
}

.u-color-whatsapp {
  color: #14d13f;
}

.u-line-reset {
  line-height: 1;
}

.u-text-right {
  text-align: right;
}

.u-text-left {
  text-align: left;
}

.u-reset-padding {
  padding: 0 !important;
}

.u-reset-padding-top {
  padding-top: 0 !important;
}

.u-reset-padding-right {
  padding-right: 0 !important;
}

.u-reset-padding-bottom {
  padding-bottom: 0 !important;
}

.u-reset-padding-left,
.u-reset-padding-x {
  padding-left: 0 !important;
}

.u-reset-padding-x {
  padding-right: 0 !important;
}

.u-reset-padding-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
  .u-reset-padding-mobile {
    padding: 0 !important;
  }
}

.u-add-padding {
  padding: 10px !important;
}

.u-add-padding-full {
  padding: 20px !important;
}

.u-add-padding-double {
  padding: 40px !important;
}

.u-add-padding-top {
  padding-top: 10px !important;
}

.u-add-padding-top-full {
  padding-top: 20px !important;
}

.u-add-padding-top-double {
  padding-top: 40px !important;
}

.u-add-padding-right {
  padding-right: 10px !important;
}

.u-add-padding-right-full {
  padding-right: 20px !important;
}

.u-add-padding-right-double {
  padding-right: 40px !important;
}

.u-add-padding-bottom {
  padding-bottom: 10px !important;
}

.u-add-padding-bottom-full {
  padding-bottom: 20px !important;
}

.u-add-padding-bottom-double {
  padding-bottom: 40px !important;
}

.u-add-padding-left {
  padding-left: 10px !important;
}

.u-add-padding-left-full {
  padding-left: 20px !important;
}

.u-add-padding-left-double {
  padding-left: 40px !important;
}

.u-add-padding-x {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.u-add-padding-x-full {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.u-add-padding-x-double {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.u-add-padding-y {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.u-add-padding-y-full {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.u-add-padding-y-double {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.u-reset-margin {
  margin: 0 !important;
}

.u-reset-margin-top {
  margin-top: 0 !important;
}

.u-reset-margin-right {
  margin-right: 0 !important;
}

.u-reset-margin-bottom {
  margin-bottom: 0 !important;
}

.u-reset-margin-left,
.u-reset-margin-x {
  margin-left: 0 !important;
}

.u-reset-margin-x {
  margin-right: 0 !important;
}

.u-reset-margin-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-reset-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-add-margin,
.u-add-margin-full {
  margin: 10px !important;
}

@media screen and (min-width: 768px) {
  .u-add-margin-full {
    margin: 20px !important;
  }
}

.u-add-margin-double {
  margin: 20px !important;
}

@media screen and (min-width: 768px) {
  .u-add-margin-double {
    margin: 40px !important;
  }
}

.u-add-margin-squared {
  margin: 40px !important;
}

@media screen and (min-width: 768px) {
  .u-add-margin-squared {
    margin: 80px !important;
  }
}

.u-add-margin-top {
  margin-top: 10px !important;
}

.u-add-margin-top-full {
  margin-top: 20px !important;
}

.u-add-margin-top-double {
  margin-top: 40px !important;
}

.u-add-margin-right {
  margin-right: 10px !important;
}

.u-add-margin-right-full {
  margin-right: 20px !important;
}

.u-add-margin-right-double {
  margin-right: 40px !important;
}

.u-add-margin-bottom {
  margin-bottom: 5px !important;
}

@media screen and (min-width: 768px) {
  .u-add-margin-bottom {
    margin-bottom: 10px !important;
  }
}

.u-add-margin-bottom-full {
  margin-bottom: 10px !important;
}

@media screen and (min-width: 768px) {
  .u-add-margin-bottom-full {
    margin-bottom: 20px !important;
  }
}

.u-add-margin-bottom-double {
  margin-bottom: 20px !important;
}

@media screen and (min-width: 768px) {
  .u-add-margin-bottom-double {
    margin-bottom: 40px !important;
  }
}

.u-add-margin-bottom-squared {
  margin-bottom: 40px !important;
}

@media screen and (min-width: 768px) {
  .u-add-margin-bottom-squared {
    margin-bottom: 80px !important;
  }
}

.u-add-margin-left {
  margin-left: 10px !important;
}

.u-add-margin-left-full {
  margin-left: 20px !important;
}

.u-add-margin-left-double {
  margin-left: 40px !important;
}

.u-add-margin-x {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.u-add-margin-x-full {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.u-add-margin-x-double {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.u-add-margin-y {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.u-add-margin-y-full {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.u-add-margin-y-double {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.u-no-overflow {
  overflow: hidden;
}

.u-hidden,
.u-visible-lg,
.u-visible-md,
.u-visible-sm,
.u-visible-xl,
.u-visible-xs {
  display: none !important;
}

@media screen and (min-width: 320px) {
  .u-visible-xs {
    display: block !important;
  }
  span.util-visible-xs {
    display: inline !important;
  }
  .util-hidden-xs {
    display: none !important;
  }
}

@media screen and (min-width: 480px) {
  .u-visible-sm {
    display: block !important;
  }
  span.util-visible-sm {
    display: inline !important;
  }
  .util-hidden-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .u-visible-md {
    display: block !important;
  }
  span.util-visible-md {
    display: inline !important;
  }
  .util-hidden-md {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .u-visible-lg {
    display: block !important;
  }
  span.util-visible-lg {
    display: inline !important;
  }
  .util-hidden-lg {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-visible-xl {
    display: block !important;
  }
  span.util-visible-xl {
    display: inline !important;
  }
  .util-hidden-xl {
    display: none !important;
  }
}

.u-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.u-no-padding .row {
  margin-left: 0;
  margin-right: 0;
}

.u-no-padding .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.u-timestamp {
  font-size: 12px;
  text-align: left;
  color: #b8b8b8;
  margin-bottom: 16px;
}

.u-bg-black {
  background-color: #000 !important;
}

.u-bg-black.btn {
  border-color: #000;
  color: #fff;
}

.u-bg-black.btn:hover {
  color: #000;
}

.u-bg-black.btn:hover,
.u-bg-white {
  background-color: #fff !important;
}

.u-bg-white.btn {
  border-color: #fff;
  color: #fff;
}

.u-bg-white.btn:hover {
  background-color: #fff !important;
  color: #fff;
}

.u-bg-base-light {
  background-color: #f4f3ea !important;
}

.u-bg-base-light.btn {
  border-color: #f4f3ea;
  color: #fff;
}

.u-bg-base-light.btn:hover {
  background-color: #fff !important;
  color: #f4f3ea;
}

.u-bg-base-mid {
  background-color: #eceadc !important;
}

.u-bg-base-mid.btn {
  border-color: #eceadc;
  color: #fff;
}

.u-bg-base-mid.btn:hover {
  background-color: #fff !important;
  color: #eceadc;
}

.u-bg-red-dark {
  background-color: #da1d52 !important;
}

.u-bg-red-dark.btn {
  border-color: #da1d52;
  color: #fff;
}

.u-bg-red-dark.btn:hover {
  background-color: #fff !important;
  color: #da1d52;
}

.u-bg-red-mid {
  background-color: #e05e6c !important;
}

.u-bg-red-mid.btn {
  border-color: #e05e6c;
  color: #fff;
}

.u-bg-red-mid.btn:hover {
  background-color: #fff !important;
  color: #e05e6c;
}

.u-bg-red-light {
  background-color: #f9b5b2 !important;
}

.u-bg-red-light.btn {
  border-color: #f9b5b2;
  color: #fff;
}

.u-bg-red-light.btn:hover {
  background-color: #fff !important;
  color: #f9b5b2;
}

.u-bg-orange-dark {
  background-color: #e87d1e !important;
}

.u-bg-orange-dark.btn {
  border-color: #e87d1e;
  color: #fff;
}

.u-bg-orange-dark.btn:hover {
  background-color: #fff !important;
  color: #e87d1e;
}

.u-bg-orange-mid {
  background-color: #faa61a !important;
}

.u-bg-orange-mid.btn {
  border-color: #faa61a;
  color: #fff;
}

.u-bg-orange-mid.btn:hover {
  background-color: #fff !important;
  color: #faa61a;
}

.u-bg-orange-light {
  background-color: #fdbc5f !important;
}

.u-bg-orange-light.btn {
  border-color: #fdbc5f;
  color: #fff;
}

.u-bg-orange-light.btn:hover {
  background-color: #fff !important;
  color: #fdbc5f;
}

.u-bg-yellow-dark {
  background-color: #f6d200 !important;
}

.u-bg-yellow-dark.btn {
  border-color: #f6d200;
  color: #fff;
}

.u-bg-yellow-dark.btn:hover {
  background-color: #fff !important;
  color: #f6d200;
}

.u-bg-yellow-mid {
  background-color: #fff200 !important;
}

.u-bg-yellow-mid.btn {
  border-color: #fff200;
  color: #fff;
}

.u-bg-yellow-mid.btn:hover {
  background-color: #fff !important;
  color: #fff200;
}

.u-bg-yellow-light {
  background-color: #ffe96b !important;
}

.u-bg-yellow-light.btn {
  border-color: #ffe96b;
  color: #fff;
}

.u-bg-yellow-light.btn:hover {
  background-color: #fff !important;
  color: #ffe96b;
}

.u-bg-green-dark {
  background-color: #007931 !important;
}

.u-bg-green-dark.btn {
  border-color: #007931;
  color: #fff;
}

.u-bg-green-dark.btn:hover {
  background-color: #fff !important;
  color: #007931;
}

.u-bg-green-mid {
  background-color: #8cbf41 !important;
}

.u-bg-green-mid.btn {
  border-color: #8cbf41;
  color: #fff;
}

.u-bg-green-mid.btn:hover {
  background-color: #fff !important;
  color: #8cbf41;
}

.u-bg-green-light {
  background-color: #b7db9b !important;
}

.u-bg-green-light.btn {
  border-color: #b7db9b;
  color: #fff;
}

.u-bg-green-light.btn:hover {
  background-color: #fff !important;
  color: #b7db9b;
}

.u-bg-earth-dark {
  background-color: #7b8427 !important;
}

.u-bg-earth-dark.btn {
  border-color: #7b8427;
  color: #fff;
}

.u-bg-earth-dark.btn:hover {
  background-color: #fff !important;
  color: #7b8427;
}

.u-bg-earth-mid {
  background-color: #aead0d !important;
}

.u-bg-earth-mid.btn {
  border-color: #aead0d;
  color: #fff;
}

.u-bg-earth-mid.btn:hover {
  background-color: #fff !important;
  color: #aead0d;
}

.u-bg-earth-light {
  background-color: #d3e27e !important;
}

.u-bg-earth-light.btn {
  border-color: #d3e27e;
  color: #fff;
}

.u-bg-earth-light.btn:hover {
  background-color: #fff !important;
  color: #d3e27e;
}

.u-bg-brown-dark {
  background-color: #9a681c !important;
}

.u-bg-brown-dark.btn {
  border-color: #9a681c;
  color: #fff;
}

.u-bg-brown-dark.btn:hover {
  background-color: #fff !important;
  color: #9a681c;
}

.u-bg-brown-mid {
  background-color: #d09b2c !important;
}

.u-bg-brown-mid.btn {
  border-color: #d09b2c;
  color: #fff;
}

.u-bg-brown-mid.btn:hover {
  background-color: #fff !important;
  color: #d09b2c;
}

.u-bg-brown-light {
  background-color: #e9ce86 !important;
}

.u-bg-brown-light.btn {
  border-color: #e9ce86;
  color: #fff;
}

.u-bg-brown-light.btn:hover {
  background-color: #fff !important;
  color: #e9ce86;
}

.u-bg-blue-dark {
  background-color: #00728f !important;
}

.u-bg-blue-dark.btn {
  border-color: #00728f;
  color: #fff;
}

.u-bg-blue-dark.btn:hover {
  background-color: #fff !important;
  color: #00728f;
}

.u-bg-blue-mid {
  background-color: #44c8f5 !important;
}

.u-bg-blue-mid.btn {
  border-color: #44c8f5;
  color: #fff;
}

.u-bg-blue-mid.btn:hover {
  background-color: #fff !important;
  color: #44c8f5;
}

.u-bg-blue-light {
  background-color: #71cfeb !important;
}

.u-bg-blue-light.btn {
  border-color: #71cfeb;
  color: #fff;
}

.u-bg-blue-light.btn:hover {
  background-color: #fff !important;
  color: #71cfeb;
}

.u-bg-aqua-dark {
  background-color: #007476 !important;
}

.u-bg-aqua-dark.btn {
  border-color: #007476;
  color: #fff;
}

.u-bg-aqua-dark.btn:hover {
  background-color: #fff !important;
  color: #007476;
}

.u-bg-aqua-mid {
  background-color: #00accd !important;
}

.u-bg-aqua-mid.btn {
  border-color: #00accd;
  color: #fff;
}

.u-bg-aqua-mid.btn:hover {
  background-color: #fff !important;
  color: #00accd;
}

.u-bg-aqua-light {
  background-color: #b0dfdc !important;
}

.u-bg-aqua-light.btn {
  border-color: #b0dfdc;
  color: #fff;
}

.u-bg-aqua-light.btn:hover {
  background-color: #fff !important;
  color: #b0dfdc;
}

.u-bg-pink-dark {
  background-color: #9a0063 !important;
}

.u-bg-pink-dark.btn {
  border-color: #9a0063;
  color: #fff;
}

.u-bg-pink-dark.btn:hover {
  background-color: #fff !important;
  color: #9a0063;
}

.u-bg-pink-mid {
  background-color: #ed037c !important;
}

.u-bg-pink-mid.btn {
  border-color: #ed037c;
  color: #fff;
}

.u-bg-pink-mid.btn:hover {
  background-color: #fff !important;
  color: #ed037c;
}

.u-bg-pink-light {
  background-color: #f9c1d2 !important;
}

.u-bg-pink-light.btn {
  border-color: #f9c1d2;
  color: #fff;
}

.u-bg-pink-light.btn:hover {
  background-color: #fff !important;
  color: #f9c1d2;
}

.u-bg-berry-dark {
  background-color: #743873 !important;
}

.u-bg-berry-dark.btn {
  border-color: #743873;
  color: #fff;
}

.u-bg-berry-dark.btn:hover {
  background-color: #fff !important;
  color: #743873;
}

.u-bg-berry-mid {
  background-color: #812990 !important;
}

.u-bg-berry-mid.btn {
  border-color: #812990;
  color: #fff;
}

.u-bg-berry-mid.btn:hover {
  background-color: #fff !important;
  color: #812990;
}

.u-bg-berry-light {
  background-color: #c78fbf !important;
}

.u-bg-berry-light.btn {
  border-color: #c78fbf;
  color: #fff;
}

.u-bg-berry-light.btn:hover {
  background-color: #fff !important;
  color: #c78fbf;
}

.u-bg-grey-dark {
  background-color: #555 !important;
}

.u-bg-grey-dark.btn {
  border-color: #555;
  color: #fff;
}

.u-bg-grey-dark.btn:hover {
  background-color: #fff !important;
  color: #555;
}

.u-bg-brown-grey-mid {
  background-color: #bbb8b8 !important;
}

.u-bg-brown-grey-mid.btn {
  border-color: #bbb8b8;
  color: #fff;
}

.u-bg-brown-grey-mid.btn:hover {
  background-color: #fff !important;
  color: #bbb8b8;
}

.u-bg-brown-grey-light {
  background-color: #d8d6d6 !important;
}

.u-bg-brown-grey-light.btn {
  border-color: #d8d6d6;
  color: #fff;
}

.u-bg-brown-grey-light.btn:hover {
  background-color: #fff !important;
  color: #d8d6d6;
}

.u-bg-dark-grey-light {
  background-color: #4d4d4d !important;
}

.u-bg-dark-grey-light.btn {
  border-color: #4d4d4d;
  color: #fff;
}

.u-bg-dark-grey-light.btn:hover {
  background-color: #fff !important;
  color: #4d4d4d;
}

.u-bg-dark-grey-black {
  background-color: #333 !important;
}

.u-bg-dark-grey-black.btn {
  border-color: #333;
  color: #fff;
}

.u-bg-dark-grey-black.btn:hover {
  background-color: #fff !important;
  color: #333;
}

.u-bg-light-grey {
  background-color: #b8b8b8 !important;
}

.u-bg-light-grey.btn {
  border-color: #b8b8b8;
  color: #fff;
}

.u-bg-light-grey.btn:hover {
  background-color: #fff !important;
  color: #b8b8b8;
}

.u-bg-off-white {
  background-color: #ddd !important;
}

.u-bg-off-white.btn {
  border-color: #ddd;
  color: #fff;
}

.u-bg-off-white.btn:hover {
  background-color: #fff !important;
  color: #ddd;
}

.u-bg-facebook {
  background-color: #1877f2 !important;
}

.u-bg-facebook.btn {
  border-color: #1877f2;
  color: #fff;
}

.u-bg-facebook.btn:hover {
  background-color: #fff !important;
  color: #1877f2;
}

.u-bg-tumblr {
  background-color: #2a445d !important;
}

.u-bg-tumblr.btn {
  border-color: #2a445d;
  color: #fff;
}

.u-bg-tumblr.btn:hover {
  background-color: #fff !important;
  color: #2a445d;
}

.u-bg-pinterest {
  background-color: #9f1121 !important;
}

.u-bg-pinterest.btn {
  border-color: #9f1121;
  color: #fff;
}

.u-bg-pinterest.btn:hover {
  background-color: #fff !important;
  color: #9f1121;
}

.u-bg-twitter {
  background-color: #00acee !important;
}

.u-bg-twitter.btn {
  border-color: #00acee;
  color: #fff;
}

.u-bg-twitter.btn:hover {
  background-color: #fff !important;
  color: #00acee;
}

.u-bg-whatsapp {
  background-color: #14d13f !important;
}

.u-bg-whatsapp.btn {
  border-color: #14d13f;
  color: #fff;
}

.u-bg-whatsapp.btn:hover {
  background-color: #fff !important;
  color: #14d13f;
}

.u-typo-black {
  color: #000 !important;
}

.u-typo-black.btn:not(.btn--plain) {
  border-color: #000;
}

.u-typo-black.btn:not(.btn--plain):hover {
  background-color: #000;
  color: #fff !important;
}

.u-typo-white {
  color: #fff !important;
}

.u-typo-white.btn:not(.btn--plain) {
  border-color: #fff;
}

.u-typo-white.btn:not(.btn--plain):hover {
  background-color: #fff;
  color: #fff !important;
}

.u-typo-base-light {
  color: #f4f3ea !important;
}

.u-typo-base-light.btn:not(.btn--plain) {
  border-color: #f4f3ea;
}

.u-typo-base-light.btn:not(.btn--plain):hover {
  background-color: #f4f3ea;
  color: #fff !important;
}

.u-typo-base-mid {
  color: #eceadc !important;
}

.u-typo-base-mid.btn:not(.btn--plain) {
  border-color: #eceadc;
}

.u-typo-base-mid.btn:not(.btn--plain):hover {
  background-color: #eceadc;
  color: #fff !important;
}

.u-typo-red-dark {
  color: #da1d52 !important;
}

.u-typo-red-dark.btn:not(.btn--plain) {
  border-color: #da1d52;
}

.u-typo-red-dark.btn:not(.btn--plain):hover {
  background-color: #da1d52;
  color: #fff !important;
}

.u-typo-red-mid {
  color: #e05e6c !important;
}

.u-typo-red-mid.btn:not(.btn--plain) {
  border-color: #e05e6c;
}

.u-typo-red-mid.btn:not(.btn--plain):hover {
  background-color: #e05e6c;
  color: #fff !important;
}

.u-typo-red-light {
  color: #f9b5b2 !important;
}

.u-typo-red-light.btn:not(.btn--plain) {
  border-color: #f9b5b2;
}

.u-typo-red-light.btn:not(.btn--plain):hover {
  background-color: #f9b5b2;
  color: #fff !important;
}

.u-typo-orange-dark {
  color: #e87d1e !important;
}

.u-typo-orange-dark.btn:not(.btn--plain) {
  border-color: #e87d1e;
}

.u-typo-orange-dark.btn:not(.btn--plain):hover {
  background-color: #e87d1e;
  color: #fff !important;
}

.u-typo-orange-mid {
  color: #faa61a !important;
}

.u-typo-orange-mid.btn:not(.btn--plain) {
  border-color: #faa61a;
}

.u-typo-orange-mid.btn:not(.btn--plain):hover {
  background-color: #faa61a;
  color: #fff !important;
}

.u-typo-orange-light {
  color: #fdbc5f !important;
}

.u-typo-orange-light.btn:not(.btn--plain) {
  border-color: #fdbc5f;
}

.u-typo-orange-light.btn:not(.btn--plain):hover {
  background-color: #fdbc5f;
  color: #fff !important;
}

.u-typo-yellow-dark {
  color: #f6d200 !important;
}

.u-typo-yellow-dark.btn:not(.btn--plain) {
  border-color: #f6d200;
}

.u-typo-yellow-dark.btn:not(.btn--plain):hover {
  background-color: #f6d200;
  color: #fff !important;
}

.u-typo-yellow-mid {
  color: #fff200 !important;
}

.u-typo-yellow-mid.btn:not(.btn--plain) {
  border-color: #fff200;
}

.u-typo-yellow-mid.btn:not(.btn--plain):hover {
  background-color: #fff200;
  color: #fff !important;
}

.u-typo-yellow-light {
  color: #ffe96b !important;
}

.u-typo-yellow-light.btn:not(.btn--plain) {
  border-color: #ffe96b;
}

.u-typo-yellow-light.btn:not(.btn--plain):hover {
  background-color: #ffe96b;
  color: #fff !important;
}

.u-typo-green-dark {
  color: #007931 !important;
}

.u-typo-green-dark.btn:not(.btn--plain) {
  border-color: #007931;
}

.u-typo-green-dark.btn:not(.btn--plain):hover {
  background-color: #007931;
  color: #fff !important;
}

.u-typo-green-mid {
  color: #8cbf41 !important;
}

.u-typo-green-mid.btn:not(.btn--plain) {
  border-color: #8cbf41;
}

.u-typo-green-mid.btn:not(.btn--plain):hover {
  background-color: #8cbf41;
  color: #fff !important;
}

.u-typo-green-light {
  color: #b7db9b !important;
}

.u-typo-green-light.btn:not(.btn--plain) {
  border-color: #b7db9b;
}

.u-typo-green-light.btn:not(.btn--plain):hover {
  background-color: #b7db9b;
  color: #fff !important;
}

.u-typo-earth-dark {
  color: #7b8427 !important;
}

.u-typo-earth-dark.btn:not(.btn--plain) {
  border-color: #7b8427;
}

.u-typo-earth-dark.btn:not(.btn--plain):hover {
  background-color: #7b8427;
  color: #fff !important;
}

.u-typo-earth-mid {
  color: #aead0d !important;
}

.u-typo-earth-mid.btn:not(.btn--plain) {
  border-color: #aead0d;
}

.u-typo-earth-mid.btn:not(.btn--plain):hover {
  background-color: #aead0d;
  color: #fff !important;
}

.u-typo-earth-light {
  color: #d3e27e !important;
}

.u-typo-earth-light.btn:not(.btn--plain) {
  border-color: #d3e27e;
}

.u-typo-earth-light.btn:not(.btn--plain):hover {
  background-color: #d3e27e;
  color: #fff !important;
}

.u-typo-brown-dark {
  color: #9a681c !important;
}

.u-typo-brown-dark.btn:not(.btn--plain) {
  border-color: #9a681c;
}

.u-typo-brown-dark.btn:not(.btn--plain):hover {
  background-color: #9a681c;
  color: #fff !important;
}

.u-typo-brown-mid {
  color: #d09b2c !important;
}

.u-typo-brown-mid.btn:not(.btn--plain) {
  border-color: #d09b2c;
}

.u-typo-brown-mid.btn:not(.btn--plain):hover {
  background-color: #d09b2c;
  color: #fff !important;
}

.u-typo-brown-light {
  color: #e9ce86 !important;
}

.u-typo-brown-light.btn:not(.btn--plain) {
  border-color: #e9ce86;
}

.u-typo-brown-light.btn:not(.btn--plain):hover {
  background-color: #e9ce86;
  color: #fff !important;
}

.u-typo-blue-dark {
  color: #00728f !important;
}

.u-typo-blue-dark.btn:not(.btn--plain) {
  border-color: #00728f;
}

.u-typo-blue-dark.btn:not(.btn--plain):hover {
  background-color: #00728f;
  color: #fff !important;
}

.u-typo-blue-mid {
  color: #44c8f5 !important;
}

.u-typo-blue-mid.btn:not(.btn--plain) {
  border-color: #44c8f5;
}

.u-typo-blue-mid.btn:not(.btn--plain):hover {
  background-color: #44c8f5;
  color: #fff !important;
}

.u-typo-blue-light {
  color: #71cfeb !important;
}

.u-typo-blue-light.btn:not(.btn--plain) {
  border-color: #71cfeb;
}

.u-typo-blue-light.btn:not(.btn--plain):hover {
  background-color: #71cfeb;
  color: #fff !important;
}

.u-typo-aqua-dark {
  color: #007476 !important;
}

.u-typo-aqua-dark.btn:not(.btn--plain) {
  border-color: #007476;
}

.u-typo-aqua-dark.btn:not(.btn--plain):hover {
  background-color: #007476;
  color: #fff !important;
}

.u-typo-aqua-mid {
  color: #00accd !important;
}

.u-typo-aqua-mid.btn:not(.btn--plain) {
  border-color: #00accd;
}

.u-typo-aqua-mid.btn:not(.btn--plain):hover {
  background-color: #00accd;
  color: #fff !important;
}

.u-typo-aqua-light {
  color: #b0dfdc !important;
}

.u-typo-aqua-light.btn:not(.btn--plain) {
  border-color: #b0dfdc;
}

.u-typo-aqua-light.btn:not(.btn--plain):hover {
  background-color: #b0dfdc;
  color: #fff !important;
}

.u-typo-pink-dark {
  color: #9a0063 !important;
}

.u-typo-pink-dark.btn:not(.btn--plain) {
  border-color: #9a0063;
}

.u-typo-pink-dark.btn:not(.btn--plain):hover {
  background-color: #9a0063;
  color: #fff !important;
}

.u-typo-pink-mid {
  color: #ed037c !important;
}

.u-typo-pink-mid.btn:not(.btn--plain) {
  border-color: #ed037c;
}

.u-typo-pink-mid.btn:not(.btn--plain):hover {
  background-color: #ed037c;
  color: #fff !important;
}

.u-typo-pink-light {
  color: #f9c1d2 !important;
}

.u-typo-pink-light.btn:not(.btn--plain) {
  border-color: #f9c1d2;
}

.u-typo-pink-light.btn:not(.btn--plain):hover {
  background-color: #f9c1d2;
  color: #fff !important;
}

.u-typo-berry-dark {
  color: #743873 !important;
}

.u-typo-berry-dark.btn:not(.btn--plain) {
  border-color: #743873;
}

.u-typo-berry-dark.btn:not(.btn--plain):hover {
  background-color: #743873;
  color: #fff !important;
}

.u-typo-berry-mid {
  color: #812990 !important;
}

.u-typo-berry-mid.btn:not(.btn--plain) {
  border-color: #812990;
}

.u-typo-berry-mid.btn:not(.btn--plain):hover {
  background-color: #812990;
  color: #fff !important;
}

.u-typo-berry-light {
  color: #c78fbf !important;
}

.u-typo-berry-light.btn:not(.btn--plain) {
  border-color: #c78fbf;
}

.u-typo-berry-light.btn:not(.btn--plain):hover {
  background-color: #c78fbf;
  color: #fff !important;
}

.u-typo-grey-dark {
  color: #555 !important;
}

.u-typo-grey-dark.btn:not(.btn--plain) {
  border-color: #555;
}

.u-typo-grey-dark.btn:not(.btn--plain):hover {
  background-color: #555;
  color: #fff !important;
}

.u-typo-brown-grey-mid {
  color: #bbb8b8 !important;
}

.u-typo-brown-grey-mid.btn:not(.btn--plain) {
  border-color: #bbb8b8;
}

.u-typo-brown-grey-mid.btn:not(.btn--plain):hover {
  background-color: #bbb8b8;
  color: #fff !important;
}

.u-typo-brown-grey-light {
  color: #d8d6d6 !important;
}

.u-typo-brown-grey-light.btn:not(.btn--plain) {
  border-color: #d8d6d6;
}

.u-typo-brown-grey-light.btn:not(.btn--plain):hover {
  background-color: #d8d6d6;
  color: #fff !important;
}

.u-typo-dark-grey-light {
  color: #4d4d4d !important;
}

.u-typo-dark-grey-light.btn:not(.btn--plain) {
  border-color: #4d4d4d;
}

.u-typo-dark-grey-light.btn:not(.btn--plain):hover {
  background-color: #4d4d4d;
  color: #fff !important;
}

.u-typo-dark-grey-black {
  color: #333 !important;
}

.u-typo-dark-grey-black.btn:not(.btn--plain) {
  border-color: #333;
}

.u-typo-dark-grey-black.btn:not(.btn--plain):hover {
  background-color: #333;
  color: #fff !important;
}

.u-typo-light-grey {
  color: #b8b8b8 !important;
}

.u-typo-light-grey.btn:not(.btn--plain) {
  border-color: #b8b8b8;
}

.u-typo-light-grey.btn:not(.btn--plain):hover {
  background-color: #b8b8b8;
  color: #fff !important;
}

.u-typo-off-white {
  color: #ddd !important;
}

.u-typo-off-white.btn:not(.btn--plain) {
  border-color: #ddd;
}

.u-typo-off-white.btn:not(.btn--plain):hover {
  background-color: #ddd;
  color: #fff !important;
}

.u-typo-facebook {
  color: #1877f2 !important;
}

.u-typo-facebook.btn:not(.btn--plain) {
  border-color: #1877f2;
}

.u-typo-facebook.btn:not(.btn--plain):hover {
  background-color: #1877f2;
  color: #fff !important;
}

.u-typo-tumblr {
  color: #2a445d !important;
}

.u-typo-tumblr.btn:not(.btn--plain) {
  border-color: #2a445d;
}

.u-typo-tumblr.btn:not(.btn--plain):hover {
  background-color: #2a445d;
  color: #fff !important;
}

.u-typo-pinterest {
  color: #9f1121 !important;
}

.u-typo-pinterest.btn:not(.btn--plain) {
  border-color: #9f1121;
}

.u-typo-pinterest.btn:not(.btn--plain):hover {
  background-color: #9f1121;
  color: #fff !important;
}

.u-typo-twitter {
  color: #00acee !important;
}

.u-typo-twitter.btn:not(.btn--plain) {
  border-color: #00acee;
}

.u-typo-twitter.btn:not(.btn--plain):hover {
  background-color: #00acee;
  color: #fff !important;
}

.u-typo-whatsapp {
  color: #14d13f !important;
}

.u-typo-whatsapp.btn:not(.btn--plain) {
  border-color: #14d13f;
}

.u-typo-whatsapp.btn:not(.btn--plain):hover {
  background-color: #14d13f;
  color: #fff !important;
}

@media screen and (min-width: 992px) {
  .u-d-md-none {
    display: none !important;
  }
}

.u-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-flex-flow-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 992px) {
  .u-flex-flow-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.u-w-100 {
  width: 100%;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-position-relative {
  position: relative;
}

.cursor-pointer {
  cursor: pointer;
}

.u-font-size-100 {
  font-size: 16px !important;
}

.btn {
  font-size: 1.25rem;
  position: relative;
  background-color: #fff;
  color: #000;
  display: inline-block;
  font-family: WWF, sans-serif;
  line-height: 1.4;
  min-width: 188px;
  padding: 14px 26px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  text-decoration: none;
  letter-spacing: 1px;
}

.container > .btn {
  margin: 0 24px;
}

@media screen and (min-width: 992px) {
  .container > .btn {
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  .btn:hover {
    background-color: #000;
    color: #fff;
  }
}

.btn:disabled {
  opacity: 0.2;
  pointer-events: none;
}

.btn--inverted {
  background-color: #000;
  color: #fff;
}

@media screen and (min-width: 992px) {
  .btn--inverted:hover {
    background-color: #fff;
    color: #000;
  }
}

.btn--plain {
  border: 0;
  min-width: 0;
  padding: 0;
  background-color: transparent;
}

.btn--plain:before {
  bottom: -5px;
  background-color: currentColor;
}

@media screen and (min-width: 992px) {
  .btn--plain:hover {
    background-color: transparent;
    color: #000;
  }
  .btn--plain:hover:before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
  }
}

.btn--icon-right {
  padding-right: 68px;
}

.btn--icon-right svg {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: scale(2.2) translateY(-20%);
  -ms-transform: scale(2.2) translateY(-20%);
  transform: scale(2.2) translateY(-20%);
  height: 20px;
  width: 20px;
}

.donation-entry-choose {
  height: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.donation-entry-choose__teaser {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  line-height: 0;
}

@media screen and (min-width: 992px) {
  .donation-entry-choose__teaser {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}

.donation-entry-choose__teaser img {
  width: 100%;
  height: auto;
}

.donation-entry-choose__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  padding: 32px;
}

@media screen and (min-width: 992px) {
  .donation-entry-choose__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    padding: 48px;
    max-width: 50%;
  }
}

.donation-entry-choose__content form {
  padding: 0;
}

.donation-entry-choose__content fieldset {
  margin: 0 0 56px;
  padding: 0;
  border: none;
}

.donation-entry-choose__content input[type="radio"] {
  display: none;
}

.donation-entry-choose__content input[type="radio"]:checked + label {
  background-color: #ed037c;
}

.donation-entry-choose__content input[type="radio"]:checked + label:focus {
  background-color: #fff;
}

.donation-entry-choose__content input[type="number"] {
  font-size: 2.75rem;
  color: #fff;
  background-color: transparent;
  -moz-appearance: textfield;
}

.donation-entry-choose__content input[type="number"] :-webkit-outer-spin-button,
.donation-entry-choose__content
  input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.donation-entry-choose__content input[type="number"]:focus {
  color: #000;
  background-color: #fff;
}

.donation-entry-choose__content p {
  margin-bottom: 30px;
}

.donation-entry-choose__flex-wrap {
  padding: 0;
  margin: 45px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-color: #b0dfdc;
  border-style: solid;
  border-width: 2px 0 0 2px;
  background-color: transparent;
}

.donation-entry-choose__field {
  width: 0;
  height: 58px;
  padding: 0;
  margin: 0;
  min-width: 127px;
  border-color: #b0dfdc;
  border-style: solid;
  border-width: 0 2px 2px 0;
  text-align: center;
  font-family: WWF, sans-serif;
  line-height: 52px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 2.75rem;
}

@media screen and (min-width: 447px) {
  .donation-entry-choose__field {
    min-width: 190px;
  }
}

@media screen and (min-width: 636px) {
  .donation-entry-choose__field {
    min-width: 123px;
  }
}

@media screen and (min-width: 768px) {
  .donation-entry-choose__field {
    min-width: 137px;
  }
}

@media screen and (min-width: 1034px) {
  .donation-entry-choose__field {
    min-width: 170px;
  }
}

@media screen and (min-width: 1196px) {
  .donation-entry-choose__field {
    min-width: 123px;
  }
}

.donation-entry-choose__field--custom-amount {
  font-size: 1.5rem;
}

.donation-entry-choose__error {
  display: none;
  position: relative;
  width: 100%;
  padding: 10px 25px;
  margin-bottom: -38px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
  font-size: 0.75rem;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  font-family: Open Sans;
  color: #da1d52;
}

.donation-entry-choose__error:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #fff;
  position: absolute;
  top: -10px;
  right: 25px;
}

.donation-entry-choose__custom-amount {
  display: none;
}

.donation-slider__wrapper--stage .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.donation-slider__wrapper--stage .stage--medium {
  height: auto;
}

.donation-slider__teaser {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  line-height: 0;
}

@media screen and (min-width: 992px) {
  .donation-slider__teaser {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}

.donation-slider__teaser img {
  width: 100%;
  height: auto;
}

.donation-slider__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  padding: 0 32px;
}

@media screen and (min-width: 992px) {
  .donation-slider__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    padding: 0 42px;
    max-width: 50%;
  }
}

.donation-slider__head {
  padding: 32px 24px 0;
}

.donation-slider__head h1 {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.donation-slider__head div {
  padding-right: 48px;
}

@media screen and (min-width: 768px) {
  .donation-slider__head {
    padding: 40px 0 0;
  }
  .donation-slider__head div {
    padding-right: 56px;
  }
}

.header {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  height: 70px;
  width: 100vw;
  padding: 0px;
  transition: -webkit-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

@media screen and (min-width: 992px) {
  .header {
    height: auto;
    padding: 0;
  }
}

.header .header__meta {
  position: relative;
  border-bottom: 1px solid rgba(184, 184, 184, 0.2);
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 52px;
}

@media screen and (min-width: 992px) {
  .header .header__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 1200px) {
  .header .header__meta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.header .header__meta.header__meta--mobile {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.header .header__meta.header__meta--mobile .header__meta-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10px 0 auto;
}

.header .header__meta.header__meta--mobile .header__meta-list-link {
  font-size: 1rem;
  color: #000;
  font-weight: 400;
  line-height: 1.86;
  margin-bottom: 8px;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

@media screen and (min-width: 992px) {
  .header .header__meta.header__meta--mobile {
    display: none;
  }
}

.header .header__meta-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}

.header .header__meta-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 24px;
}

.header .header__meta-list-item:before {
  display: none;
}

.header .header__meta-buttons {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.header .header__meta-buttons.header__meta-buttons--mobile {
  top: auto;
  bottom: 0;
  -webkit-box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.75);
  box-shadow: 0 -10px 20px -20px rgba(0, 0, 0, 0.75);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  width: 100%;
}

@supports (position: scroll) {
  .header .header__meta-buttons.header__meta-buttons--mobile {
    position: scroll;
  }
}

.header
  .header__meta-buttons.header__meta-buttons--mobile
  .header__meta-button {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .header .header__meta-buttons.header__meta-buttons--mobile {
    display: none;
  }
}

.header .header__meta-button {
  font-size: 1.25rem;
  color: #fff;
  display: block;
  font-family: WWF, sans-serif;
  line-height: 50px;
  height: 100%;
  padding: 0 24px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

@media screen and (min-width: 992px) {
  .header .header__meta-button.u-bg-pink-mid:hover {
    background-color: #9a0063 !important;
  }
  .header .header__meta-button.u-bg-orange-mid:hover {
    background-color: #e87d1e !important;
  }
}

.header .header__meta-list-link {
  font-size: 0.75rem;
  color: #bbb8b8;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

.header .header__meta-list-link:hover {
  color: #000;
}

.header .header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s;
}

@media screen and (min-width: 992px) {
  .header .header__main {
    position: relative;
    height: 84px;
  }
}

@media screen and (max-width: 767px) {
  .header .header__main {
    padding: 0;
  }
}

.header .header__nav {
  position: absolute;
  z-index: 40;
  top: 70px;
  left: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background-color: #fff;
  height: calc(100vh - 70px);
  width: 100vw;
  margin: 0 auto;
  padding: 32px 0 100px;
  transition: -webkit-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media screen and (min-width: 992px) {
  .header .header__nav {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: transparent;
    height: 100%;
    padding: 0;
  }
}

.header .header__logo {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 24px;
  background-color: #fff;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: WWF, sans-serif;
  text-transform: uppercase;
  -ms-flex-item-align: end;
  align-self: end;
  text-decoration: none;
  width: 80px;
  height: 95px;
}

@media screen and (min-width: 992px) {
  .header .header__logo {
    width: 104px;
    height: 117px;
  }
}

.header .header__logo svg {
  width: 100%;
}

.header .header__logo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: -1;
}

.header .header__logo:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  bottom: 0;
  left: 0;
  z-index: -2;
  -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.header .header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 24px 0 auto;
  visibility: hidden;
}

@media screen and (min-width: 992px) {
  .header .header__search {
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    z-index: 50;
  }
}

.header .header__search svg {
  display: none;
  height: 40px;
  width: 40px;
}

.header .header__burger {
  position: relative;
  height: 36px;
  width: 24px;
  margin-right: 20px;
}

@media screen and (min-width: 992px) {
  .header .header__burger {
    display: none;
  }
}

.header .header__burger span {
  position: absolute;
  left: 0;
  background-color: #000;
  height: 2px;
  width: 100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.header .header__burger span:first-of-type {
  top: 10px;
}

.header .header__burger span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .header__burger span:nth-of-type(3) {
  top: 24px;
}

.header.is-open .header__nav {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: inset 0 5px 20px -20px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 5px 20px -20px rgba(0, 0, 0, 0.75);
}

.header.is-open .header__burger span:first-of-type {
  top: 17px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header.is-open .header__burger span:nth-of-type(2) {
  left: 50px;
  opacity: 0;
}

.header.is-open .header__burger span:nth-of-type(3) {
  top: 17px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (min-width: 992px) {
  .header.is-scrolled {
    -webkit-transform: translateY(-52px);
    -ms-transform: translateY(-52px);
    transform: translateY(-52px);
  }
  .header.is-scrolled .header__logo {
    height: 100%;
    color: transparent;
  }
  .header.is-scrolled .header__logo:after {
    display: none;
  }
  .header.is-scrolled .header__logo svg {
    position: relative;
    top: 8px;
  }
}

.breadcrumb {
  display: none;
  margin: 42px 0;
}

@media screen and (min-width: 992px) {
  .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.breadcrumb .breadcrumb__link {
  font-size: 0.75rem;
  position: relative;
  color: #bbb8b8;
  display: block;
  font-weight: 700;
  line-height: 1.67;
  text-decoration: none;
}

.breadcrumb .breadcrumb__link:before {
  display: none;
}

.breadcrumb .breadcrumb__item {
  margin: 0 0 8px;
  padding-left: 56px;
}

.breadcrumb .breadcrumb__item.is-active .breadcrumb__link {
  color: #000;
}

.breadcrumb .breadcrumb__item.is-active:before {
  background-color: #000;
}

.breadcrumb .breadcrumb__item:first-of-type {
  padding-left: 0;
}

.breadcrumb .breadcrumb__item:first-of-type:before {
  display: none;
}

.breadcrumb .breadcrumb__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 28px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #bbb8b8;
  height: 2px;
  width: 16px;
}

.text-image {
  line-height: 1.63;
  margin-bottom: 30px;
}

@supports (display: grid) {
  .text-image {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .text-image > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}

@media screen and (min-width: 768px) {
  .text-image {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .text-image > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .text-image > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .text-image p {
    margin-top: 0;
  }
}

.text-image__figure {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  margin: 0;
}

.text-image__figure--left {
  margin: 0 0 32px;
}

@media screen and (min-width: 768px) {
  .text-image__figure {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column-start: 2;
    grid-column-end: 3;
    padding-left: 20px;
  }
  .text-image__figure:hover {
    cursor: pointer;
  }
  .text-image__figure--left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    margin: 0;
    padding-right: 20px;
    padding-left: 0;
  }
}

.text-image__figure .text-image__img {
  height: auto;
  width: 100%;
  margin-bottom: -6px;
}

.text-image__figure .text-image__caption {
  color: #bbb8b8;
  margin: 16px 0 0;
  font-size: 0.875rem;
}

.text-image__text {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
}

@media screen and (min-width: 768px) {
  .text-image__text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-right: 20px;
  }
  .text-image__text--left {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column-start: 2;
    grid-column-end: 3;
    padding-right: 0;
    padding-left: 20px;
  }
}

.text-image-wrap {
  line-height: 1.63;
  margin-bottom: 30px;
}

.text-image-wrap ul li:before {
  position: relative;
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #d8d6d6;
  border-radius: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  top: 0;
  left: -22px;
  margin-left: -8px;
}

.text-image-wrap__figure {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .text-image-wrap__figure {
    display: inline-block;
    float: right;
    margin: 0;
    padding-left: 40px;
    width: 50%;
  }
  .text-image-wrap__figure:hover {
    cursor: pointer;
  }
  .text-image-wrap__figure--left {
    float: left;
    padding-right: 40px;
    padding-left: 0;
    margin: 0 20px 20px 0;
  }
}

.text-image-wrap__figure .text-image-wrap__img {
  height: auto;
  width: 100%;
  margin-bottom: -6px;
}

.text-image-wrap__figure .text-image-wrap__caption {
  color: #bbb8b8;
  margin: 16px 0 0;
  font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  .three-tile-teaser {
    background-color: #fff !important;
  }
}

@media screen and (min-width: 768px) {
  .three-tile-teaser {
    margin-bottom: 45px;
  }
}

.three-tile-teaser__background-image {
  background-size: 0;
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__background-image {
    background-size: cover;
    padding: 64px 64px 0;
    position: relative;
    width: inherit;
  }
  .three-tile-teaser__background-image:after {
    background-color: #fff;
    content: "";
    height: 30.5%;
    left: 0;
    position: absolute;
    right: 0;
    top: 70%;
    z-index: 0;
  }
}

.three-tile-teaser__background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__background {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.three-tile-teaser__card {
  display: block;
  margin: 20px 0 0;
  text-decoration: none;
  z-index: 3;
  position: relative;
}

@media screen and (max-width: 767px) {
  .three-tile-teaser__card {
    margin-top: -8px;
  }
  .three-tile-teaser__card:first-of-type {
    margin-top: -50px;
  }
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__card {
    margin: 0 24px 0 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
  .three-tile-teaser__card {
    margin: 0 40px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__card:last-of-type {
    margin: 0;
  }
  .three-tile-teaser__card:hover {
    -webkit-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    transform: translateY(-3%);
  }
}

@supports (display: flex) {
  .three-tile-teaser__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.three-tile-teaser__card-image {
  margin: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__card-image {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.three-tile-teaser__card-image img {
  width: 100%;
  padding: 0 32px;
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__card-image img {
    padding: 0;
    margin-bottom: -10px;
  }
}

.three-tile-teaser__card-content {
  padding: 62px 40px 37px;
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__card-content {
    padding: 32px 24px 37px;
  }
}

@media screen and (min-width: 992px) {
  .three-tile-teaser__card-content {
    padding: 32px 40px 37px;
  }
}

@supports (display: flex) {
  .three-tile-teaser__card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.three-tile-teaser__card-content .three-tile-teaser__card-headline {
  margin-top: 0;
  width: 100%;
}

.three-tile-teaser__card-content .three-tile-teaser__card-text {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.three-tile-teaser__card-content .btn {
  min-width: unset;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .three-tile-teaser__card-content .h3,
  .three-tile-teaser__card-content .h4 {
    font-size: 28px;
    line-height: 1.29;
  }
}

@media screen and (min-width: 992px) {
  .three-tile-teaser__card-content .h3,
  .three-tile-teaser__card-content .h4 {
    line-height: 40px;
    font-size: 2rem;
  }
}

.three-tile-teaser__cta {
  font-size: 1rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 24px;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

@media screen and (max-width: 767px) {
  .two-tile-teaser {
    background-color: #fff !important;
  }
}

@media screen and (min-width: 768px) {
  .two-tile-teaser {
    margin-bottom: 45px;
  }
}

.two-tile-teaser__background-image {
  background-size: 0;
}

@media screen and (min-width: 768px) {
  .two-tile-teaser__background-image {
    background-size: cover;
    padding: 64px 64px 0;
    position: relative;
    width: inherit;
  }
}

@media screen and (min-width: 768px) {
  .two-tile-teaser__background-image:after {
    background-color: #fff;
    content: "";
    height: 30.5%;
    left: 0;
    position: absolute;
    right: 0;
    top: 70%;
    z-index: 0;
  }
}

.two-tile-teaser__background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .two-tile-teaser__background {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.two-tile-teaser__card {
  display: block;
  margin: 20px 0 0;
  text-decoration: none;
  z-index: 3;
  position: relative;
}

@media screen and (max-width: 767px) {
  .two-tile-teaser__card {
    margin-top: -8px;
  }
  .two-tile-teaser__card:first-of-type {
    margin-top: -50px;
  }
}

@media screen and (min-width: 768px) {
  .two-tile-teaser__card {
    margin: 0 40px 0 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
  }
  .two-tile-teaser__card:last-of-type {
    margin: 0;
  }
  .two-tile-teaser__card:hover {
    -webkit-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    transform: translateY(-3%);
  }
}

@supports (display: flex) {
  .two-tile-teaser__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.two-tile-teaser__card-image {
  margin: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

@media screen and (min-width: 768px) {
  .two-tile-teaser__card-image {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.two-tile-teaser__card-image img {
  width: 100%;
  padding: 0 32px;
}

@media screen and (min-width: 768px) {
  .two-tile-teaser__card-image img {
    padding: 0;
    margin-bottom: -10px;
  }
}

.two-tile-teaser__card-content {
  padding: 62px 40px 37px;
}

@media screen and (min-width: 768px) {
  .two-tile-teaser__card-content {
    padding: 32px 40px 37px;
  }
}

@supports (display: flex) {
  .two-tile-teaser__card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.two-tile-teaser__card-content .two-tile-teaser__card-headline {
  margin-top: 0;
  width: 100%;
}

.two-tile-teaser__card-content .two-tile-teaser__card-text {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.two-tile-teaser__cta {
  font-size: 1rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 24px;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

@media screen and (min-width: 992px) {
  .one-tile-teaser {
    margin-bottom: 45px;
  }
}

.one-tile-teaser__background-image {
  position: relative;
  padding: 32px 24px;
}

@media screen and (min-width: 992px) {
  .one-tile-teaser__background-image {
    display: -ms-grid;
    -ms-grid-columns: 60% 40%;
    -ms-grid-rows: 1fr;
    padding: 64px;
  }
  @supports (display: grid) {
    .one-tile-teaser__background-image {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 60% 40%;
      grid-template-columns: 60% 40%;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
    }
    .one-tile-teaser__background-image > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
    }
    .one-tile-teaser__background-image > *:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
    }
  }
}

.one-tile-teaser__card-image {
  margin: 0;
}

.one-tile-teaser__card-image img {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .one-tile-teaser__card-image {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
  }
}

.one-tile-teaser__card-content {
  padding: 32px 0 5px;
  text-decoration: none;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column-start: 2;
  grid-column-end: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

@media screen and (min-width: 992px) {
  .one-tile-teaser__card-content {
    padding: 32px 40px 37px;
  }
}

.one-tile-teaser__card-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.one-tile-teaser__card-content .one-tile-teaser__card-headline {
  margin: 0 0 24px;
}

.one-tile-teaser__card-content .one-tile-teaser__card-text {
  margin: 0;
}

.one-tile-teaser__cta {
  font-size: 1rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 24px;
}

.footer {
  color: #fff;
  padding: 0 24px;
}

@media screen and (min-width: 768px) {
  .footer {
    padding: 0 66px;
  }
}

@media screen and (min-width: 992px) {
  .footer {
    padding: 0 66px;
  }
}

.footer__extra {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  padding-top: 32px;
}

.footer__extra > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.footer__extra > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

@media screen and (min-width: 768px) {
  .footer__extra {
    padding-top: 64px;
  }
}

@media screen and (min-width: 992px) {
  .footer__extra {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .footer__extra > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer__extra > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

.footer__extra svg {
  margin-right: 30px;
  margin-left: 8px;
  max-width: 28px;
  max-height: 28px;
  color: #fff;
  z-index: 2;
}

.footer__extra .footer__extra-newsletter {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 1/2;
}

.footer__extra .footer__extra-newsletter-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__extra .footer__newsletter-headline {
  margin: 0;
  padding-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
}

@media screen and (min-width: 992px) {
  .footer__extra .footer__newsletter-headline {
    font-size: 1rem;
  }
}

.footer__extra .footer__newsletter-headline-link {
  color: inherit;
  text-decoration: none;
  position: relative;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.footer__extra .footer__newsletter-headline-link:before {
  display: none;
}

.footer__extra .footer__newsletter-headline-link span {
  font-size: 1rem;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  line-height: 1.5;
  margin-top: 24px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.footer__extra .footer__newsletter-headline-link span:before {
  background-color: currentColor;
  bottom: -1.5px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

@media screen and (min-width: 992px) {
  .footer__extra .footer__newsletter-headline-link span:hover:before {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
  }
}

.footer__extra .footer__newsletter-signup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .footer__extra .footer__newsletter-signup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 68px;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
}

@media screen and (min-width: 992px) {
  .footer__extra .footer__newsletter-signup {
    margin-top: 20px;
    margin-left: 68px;
  }
  .footer__extra .footer__newsletter-signup a:hover {
    border: 1px solid #fff;
    padding: 13px 26px;
  }
}

.footer__extra .footer__extra-social {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__extra .footer__extra-social a {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

@media screen and (min-width: 992px) {
  .footer__extra .footer__extra-social {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 2/3;
    grid-row: 1/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.footer__extra .footer__extra-social svg {
  color: #fff;
  margin: 56px 30px 0 10px;
}

@media screen and (min-width: 992px) {
  .footer__extra .footer__extra-social svg {
    margin: 30px 30px 0;
  }
}

.footer__metanav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 38px 0 6px;
  font-size: 0.875rem;
}

.footer__metanav .footer__metanav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 18px;
  padding: 18px 0;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .footer__metanav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer__metanav .footer__metanav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media screen and (min-width: 992px) {
  .footer__metanav .footer__metanav-item {
    margin-right: 90px;
  }
  .footer__metanav .footer__metanav-item:hover {
    color: #ed037c;
  }
}

.footer__divider {
  height: 1px;
  margin-bottom: 24px;
  background-color: #333;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  border-style: none;
}

@media screen and (min-width: 768px) {
  .footer__divider {
    margin-bottom: 40px;
  }
}

.footer__info {
  color: #d8d6d6;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .footer__info {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .footer__info > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer__info > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

.footer__info .footer__add-to-bottom {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  padding-bottom: 32px;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .footer__info .footer__add-to-bottom {
    padding-bottom: 0;
    margin-bottom: 64px;
  }
}

.footer__info .footer__info-details {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 1/2;
}

@media screen and (min-width: 992px) {
  .footer__info .footer__info-details {
    display: -ms-grid;
    -ms-grid-columns: 2fr 1fr;
    -ms-grid-rows: 1fr auto;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
  }
  .footer__info .footer__info-details > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer__info .footer__info-details > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .footer__info .footer__info-details > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .footer__info .footer__info-details > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

.footer__info .footer__info-details .footer__right-info-first {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 1/2;
  margin-right: 20px;
}

.footer__info .footer__info-details .footer__right-info-first strong {
  color: #fff;
}

.footer__info .footer__info-details .footer__right-info-first p:first-of-type {
  margin-top: 0;
}

.footer__info .footer__info-details .footer__right-info-first a {
  text-decoration: none;
  color: inherit;
  pointer-events: none;
}

.footer__info .footer__info-details .footer__right-info-last {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 2/3;
  margin-right: 20px;
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .footer__info .footer__info-details .footer__right-info-last {
    margin-bottom: 0;
  }
}

.footer__info .footer__info-details address {
  margin-top: 20px;
  font-style: normal;
}

.footer__info .footer__info-details address,
.footer__info .footer__info-registration {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 2/3;
  grid-row: 1/2;
}

.footer__info .footer__info-registration p {
  margin-top: 0;
}

.footer__info .footer__info-registration a {
  text-decoration: none;
  color: inherit;
  pointer-events: none;
}

.footer__sub {
  height: auto;
}

.footer__sub .footer__logos {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 10px 0;
  display: -ms-grid;
  -ms-grid-columns: 1fr 0.5fr 0.5fr;
  -ms-grid-rows: auto;
  display: grid;
  -ms-grid-columns: 1fr 0.5fr 0.5fr;
  grid-template-columns: 1fr 0.5fr 0.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.footer__sub .footer__logos > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.footer__sub .footer__logos > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.footer__sub .footer__logos > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.footer__sub .footer__logos img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

@supports (display: -ms-grid) {
  .footer__sub .footer__logos img {
    height: 60px;
    width: 100%;
  }
}

.footer__sub .footer__logos svg {
  height: 80px;
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

@supports (display: -ms-grid) {
  .footer__sub .footer__logos svg {
    height: 60px;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .footer__sub .footer__logos svg {
    height: 120px;
    width: 55px;
    padding: 10px 0;
  }
}

.footer__sub .footer__logos .footer__logo-wwf {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 1/2;
  -ms-grid-column-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.footer__sub .footer__logos .footer__logo-tuv {
  display: block;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 2/3;
  grid-row: 1/2;
  -ms-grid-row-align: end;
  justify-self: end;
  -ms-grid-column-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.footer__sub .footer__logos .footer__logo-transparency {
  display: block;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 3/4;
  grid-row: 1/2;
  -ms-grid-row-align: end;
  justify-self: end;
  -ms-grid-column-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@supports (display: grid) {
  .footer__sub .footer__logos {
    padding: 0 24px;
    height: auto;
  }
  @media screen and (min-width: 768px) {
    .footer__sub .footer__logos {
      padding: 0 66px;
      height: auto;
    }
  }
  @media screen and (min-width: 992px) {
    .footer__sub .footer__logos {
      padding: 0;
      height: auto;
    }
  }
}

.stage {
  position: relative;
  height: calc(100vh - 70px);
  max-height: 600px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .stage {
    height: calc(100vh - 80px);
    max-height: 720px;
  }
}

.stage .stage__item-wrapper {
  height: 100%;
  width: 100%;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.stage .stage__item {
  position: relative;
  height: 100%;
  width: 100%;
}

.stage .stage__item.is--video .stage__content-container {
  padding-top: 100px;
}

@media screen and (min-width: 768px) {
  .stage .stage__item.is--video .stage__content-container {
    padding-top: 0;
  }
}

.stage .stage__picture {
  display: block;
  height: 100%;
  width: 100%;
}

.stage .stage__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.stage .stage__content {
  color: #fff;
  max-width: 520px;
  position: relative;
}

.stage .stage__content-container {
  position: absolute;
  z-index: 1;
  bottom: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 32px 24px 0;
}

@media screen and (min-width: 768px) {
  .stage .stage__content-container {
    bottom: 120px;
  }
}

@media screen and (min-width: 1200px) {
  .stage .stage__content-container {
    padding: 32px 0 0;
  }
}

.stage .stage__headline {
  font-size: 2rem;
  font-family: WWF, sans-serif;
  line-height: 1.25;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
}

@media screen and (min-width: 768px) {
  .stage .stage__headline {
    font-size: 3.5rem;
  }
}

.stage .stage__text {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.67;
  margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
  .stage .stage__text {
    font-size: 1rem;
  }
}

.stage .stage__cta {
  position: static;
  font-size: 1.25rem;
}

.stage .stage__cta:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .stage .stage__cta {
    font-size: 1rem;
  }
}

.stage .stage__shadow-mask {
  position: absolute;
  top: 0;
  left: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(rgba(0, 0, 0, 0.7))
  );
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
  background-position: 0 100%;
  background-size: 100% 50%;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.stage .stage__navigation-dots {
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 24px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .stage .stage__navigation-dots {
    bottom: 60px;
  }
}

.stage .stage__navigation-dots .dot {
  background-color: #fff;
  height: 2px;
  width: 22px;
  margin: 0 4px;
  opacity: 0.4;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}

.stage .stage__navigation-dots .dot:first-of-type {
  margin-left: 0;
}

.stage .stage__navigation-dots .dot.is-selected {
  width: 62px;
  opacity: 1;
}

.stage .stage__navigation-arrows {
  height: 56px;
  width: 56px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

@media screen and (min-width: 768px) {
  .stage .stage__navigation-arrows:hover {
    background-color: #000;
    color: #fff;
  }
}

.stage .stage__video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media screen and (min-width: 1200px) {
  .stage .stage__video {
    height: 0;
    padding-bottom: 56.25%;
  }
}

.stage .stage__video-embed {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  min-width: calc(100vw + 800px);
}

@media screen and (min-width: 1200px) {
  .stage .stage__video-embed {
    height: 130%;
  }
}

.stage .stage__play-button {
  position: absolute;
  top: 50px;
  left: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: WWF, sans-serif;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .stage .stage__play-button {
    top: auto;
    right: 24px;
    bottom: -56px;
    left: auto;
  }
}

.stage .stage__play-icon {
  height: 40px;
  width: 40px;
  margin-right: 8px;
}

.stage--medium,
.stage--small {
  height: auto;
  max-height: none;
  max-width: 1208px;
  margin: 0 auto 64px;
}

.stage--medium .stage__shadow-mask,
.stage--small .stage__shadow-mask {
  display: none;
}

@media screen and (min-width: 1200px) {
  .stage--medium .stage__shadow-mask,
  .stage--small .stage__shadow-mask {
    display: block;
  }
}

.stage--medium .stage__image,
.stage--small .stage__image {
  height: auto;
  -o-object-fit: fill;
  object-fit: fill;
}

@media screen and (min-width: 1200px) {
  .stage--medium .stage__image,
  .stage--small .stage__image {
    height: 100%;
  }
}

.stage--medium .stage__headline,
.stage--small .stage__headline {
  font-size: 2.75rem;
}

.stage--medium .stage__content-container,
.stage--small .stage__content-container {
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media screen and (min-width: 1200px) {
  .stage--medium .stage__content-container,
  .stage--small .stage__content-container {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.stage--medium .stage__content,
.stage--medium .stage__play-button,
.stage--small .stage__content,
.stage--small .stage__play-button {
  color: #000;
}

@media screen and (min-width: 1200px) {
  .stage--medium .stage__content,
  .stage--medium .stage__play-button,
  .stage--small .stage__content,
  .stage--small .stage__play-button {
    color: #fff;
  }
}

.stage--medium .stage__video,
.stage--small .stage__video {
  height: 0;
  overflow: hidden;
}

@media screen and (min-width: 1200px) {
  .stage--medium {
    height: 680px;
  }
}

.stage--medium .stage__video-embed {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  min-width: 100vw;
}

.stage--medium .stage__video {
  padding-bottom: 56.3%;
}

@media screen and (min-width: 1200px) {
  .stage--small {
    height: 500px;
  }
}

.stage--small .stage__video {
  padding-bottom: 42%;
}

.stage--small .stage__video-embed {
  height: 150%;
}

@media screen and (min-width: 1200px) {
  .stage--small .stage__content-container {
    max-width: 861px;
  }
}

.banderole {
  position: relative;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  overflow: hidden;
  padding: 25px 0;
}

@media screen and (min-width: 768px) {
  .banderole {
    height: 580px;
  }
}

.banderole .banderole__headline {
  margin-top: 0;
  margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
  .banderole .banderole__headline {
    margin-bottom: 48px;
  }
}

.banderole .banderole__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  width: 240px;
  margin-right: 16px;
  opacity: 0;
  transition: opacity 0.5s, -webkit-transform 0.3s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.5s;
  transition: transform 0.3s, opacity 0.5s;
  transition: transform 0.3s, opacity 0.5s, -webkit-transform 0.3s;
}

@media screen and (min-width: 768px) {
  .banderole .banderole__item {
    margin-right: 42px;
  }
  .banderole .banderole__item:hover {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}

.banderole .banderole__item.is-selected,
.banderole .banderole__item.is-selected + .banderole__item,
.banderole .banderole__item.is-selected + .banderole__item + .banderole__item,
.banderole
  .banderole__item.is-selected
  + .banderole__item
  + .banderole__item
  + .banderole__item {
  opacity: 1;
}

.banderole .banderole__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px;
}

.banderole .banderole__item-image {
  height: 180px;
  width: 100%;
}

.banderole .banderole__item-image img {
  height: 100%;
  width: 100%;
}

.banderole .banderole__item-headline {
  margin-bottom: 16px;
}

.banderole .banderole__item-text {
  font-size: 0.75rem;
  line-height: 1.67;
  margin-bottom: 22px;
  width: 100%;
}

.banderole .banderole__item-cta {
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #000;
  text-decoration: none;
}

.banderole .banderole__item-cta:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.banderole .banderole__item-cta svg {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  margin-right: 16px;
  transition: -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 13px;
  height: 24px;
}

.banderole .banderole__item-cta:hover svg {
  -webkit-transform: translateX(6px) scale(0.6);
  -ms-transform: translateX(6px) scale(0.6);
  transform: translateX(6px) scale(0.6);
}

.banderole .flickity-viewport {
  overflow: visible;
}

.banderole .flickity-enabled {
  position: static;
}

.banderole .flickity-prev-next-button {
  border-radius: 0;
  display: none;
  height: 120px;
  overflow: hidden;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
}

.banderole .flickity-prev-next-button:after,
.banderole .flickity-prev-next-button:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: -webkit-transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}

.banderole .flickity-prev-next-button:after {
  content: url(../assets/img/arrow-right-small.svg);
  background-color: #fff;
}

.banderole .flickity-prev-next-button:before {
  content: url(../assets/img/arrow-right-small-white.svg);
  background-color: #000;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.banderole .flickity-prev-next-button:hover:before {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.banderole .flickity-prev-next-button:hover:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.banderole .flickity-prev-next-button .flickity-button-icon {
  display: none;
}

@media screen and (min-width: 1200px) {
  .banderole .flickity-prev-next-button {
    display: block;
  }
}

.banderole .flickity-prev-next-button.next {
  right: 0;
}

@media screen and (min-width: 1680px) {
  .banderole .flickity-prev-next-button.next {
    right: calc(50% - 608px);
  }
}

.banderole .flickity-prev-next-button.previous {
  left: 0;
  -webkit-transform: rotate(180deg) translateY(20%);
  -ms-transform: rotate(180deg) translateY(20%);
  transform: rotate(180deg) translateY(20%);
}

@media screen and (min-width: 1680px) {
  .banderole .flickity-prev-next-button.previous {
    left: calc(50% - 648px);
  }
}

.banderole--theme-white .banderole__item-cta,
.banderole--theme-white .banderole__item-headline,
.banderole--theme-white .banderole__item-text {
  color: #fff;
}

.banderole.u-bg-none {
  height: 500px;
}

/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.flickity-button {
  position: absolute;
  background: #fff;
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19f;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
  visibility: hidden;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 32px;
}

@media screen and (max-width: 991px) {
  .flickity-prev-next-button.previous {
    visibility: hidden;
  }
}

.flickity-prev-next-button.next {
  right: 32px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 32px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 32px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  cursor: pointer;
}

.flickity-page-dots .dot:before {
  content: "";
  color: transparent;
  margin: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  display: none;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.popup {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  transition: -webkit-transform 1s cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition: transform 1s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: transform 1s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: transform 1s cubic-bezier(0.47, 0, 0.745, 0.715),
    -webkit-transform 1s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.popup.video-loading .popup__wrapper {
  -webkit-transform: translateY(7%);
  -ms-transform: translateY(7%);
  transform: translateY(7%);
  visibility: hidden;
}

.popup.video-loading .popup__loading-indicator {
  opacity: 1;
}

.popup .popup__loading-indicator {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 100vw;
  opacity: 0;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}

.popup .popup__progress-percentage {
  font-size: 2rem;
  position: absolute;
  bottom: 70px;
  left: 50px;
  font-family: WWF, sans-serif;
}

.popup .popup__progress-bar {
  background-color: #000;
  height: 100%;
  width: 0;
  -webkit-transition: width 7s cubic-bezier(0.23, 0.85, 0.81, 0.75);
  -o-transition: width 7s cubic-bezier(0.23, 0.85, 0.81, 0.75);
  transition: width 7s cubic-bezier(0.23, 0.85, 0.81, 0.75);
}

.popup .popup__close {
  position: absolute;
  right: 32px;
  bottom: 62px;
  height: 50px;
  width: 50px;
  cursor: pointer;
}

.popup .popup__close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popup .popup__close:after,
.popup .popup__close:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  background-color: #000;
  height: 40px;
  width: 3px;
}

.popup .popup__close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
  .popup .popup__close {
    top: 50%;
    right: 5vw;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.popup .popup__wrapper {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  transition: visibility 0.3s, -webkit-transform 0.3s;
  -webkit-transition: visibility 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, visibility 0.3s;
  transition: transform 0.3s, visibility 0.3s;
  transition: transform 0.3s, visibility 0.3s, -webkit-transform 0.3s;
}

@media screen and (min-width: 768px) {
  .popup .popup__wrapper {
    background-color: transparent;
    width: 70%;
  }
}

.popup .popup__container {
  position: relative;
  -webkit-box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.26);
  background-color: #000;
  height: 0;
  width: calc(100% - 48px);
}

@media screen and (min-width: 768px) {
  .popup .popup__container {
    background-color: #fff;
    width: 100%;
  }
}

.popup .popup__container.is-aspect-16-9 {
  padding-bottom: calc(55% - 12px);
}

@media screen and (min-width: 768px) {
  .popup .popup__container.is-aspect-16-9 {
    padding-bottom: 56.25%;
  }
}

.popup .popup__container.is-aspect-unknown {
  height: auto;
  width: 75%;
  max-height: 90%;
}

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

@media screen and (min-width: 768px) {
  .popup iframe {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.popup .popup__image {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.popup .popup__image figcaption {
  color: #bbb8b8;
  font-size: 0.875rem;
  width: 100%;
  text-align: right;
}

.popup--image {
  display: none;
}

@media screen and (min-width: 768px) {
  .popup--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.popup--image .popup__container {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

.popup--image .popup__image img {
  -webkit-box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.26);
}

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

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

.social-media {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.social-media .social-media__headline {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.67;
  margin-right: 8px;
}

@media screen and (min-width: 768px) {
  .social-media .social-media__headline {
    margin-right: 32px;
  }
}

.social-media .social-media__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.social-media .social-media__icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 8px;
  overflow: hidden;
  color: #fff;
  padding: 8px;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.social-media .social-media__icon:last-of-type {
  margin-right: 0;
}

.social-media .social-media__icon:before {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .social-media .social-media__icon {
    margin-right: 16px;
  }
}

.social-media .social-media__icon svg {
  width: 100%;
  height: 100%;
}

.social-media .social-media__icon.facebook {
  background-color: #1877f2;
}

.social-media .social-media__icon.twitter {
  background-color: #00acee;
}

.social-media .social-media__icon.tumblr {
  background-color: #2a445d;
}

.social-media .social-media__icon.whatsapp {
  background-color: #14d13f;
}

.social-media .social-media__icon.pinterest {
  background-color: #9f1121;
}

@media screen and (min-width: 1200px) {
  .social-media--is-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: calc(50% - 514px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: 1;
  }
}

@media screen and (min-width: 1200px) {
  .social-media--is-left .social-media__headline,
  .social-media--is-left .social-media__icon {
    margin-bottom: 16px;
    margin-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .social-media--is-left .social-media__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.highlight .highlight__headline {
  color: #000;
  margin-bottom: 24px;
}

@media screen and (min-width: 992px) {
  .highlight .highlight__headline {
    margin-bottom: 36px;
  }
}

.highlight .highlight__content-wrapper {
  position: relative;
  padding: 16px 0;
}

.highlight .highlight__content-wrapper:after,
.highlight .highlight__content-wrapper:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  background-color: currentColor;
  height: 8px;
  opacity: 0.5;
}

.highlight .highlight__content-wrapper:before {
  top: 0;
}

.highlight .highlight__content-wrapper:after {
  bottom: 0;
}

@media screen and (min-width: 992px) {
  .highlight .highlight__content-wrapper {
    padding: 0;
  }
  .highlight .highlight__content-wrapper:after {
    display: none;
  }
  .highlight .highlight__content-wrapper:before {
    top: 0;
    right: auto;
    left: -32px;
    height: calc(100% - 30px);
    width: 8px;
  }
}

.highlight .highlight__text {
  font-size: 1.125rem;
  line-height: 1.78;
  margin-top: 0;
  margin-bottom: 16px;
}

.highlight .highlight__caption {
  font-size: 0.875rem;
  color: #bbb8b8;
  line-height: 1.57;
  margin: 0;
}

.highlight--rectangle {
  padding: 24px;
}

@media screen and (min-width: 992px) {
  .highlight--rectangle {
    position: relative;
    margin: 104px 40px;
    padding: 64px;
  }
  .highlight--rectangle:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -40px;
    left: -40px;
    background-color: #f4f3ea;
    height: 100%;
    width: 100%;
  }
}

.highlight--rectangle .highlight__content-wrapper {
  padding: 0;
}

.highlight--rectangle .highlight__content-wrapper:after,
.highlight--rectangle .highlight__content-wrapper:before {
  display: none;
}

.highlight--rectangle .highlight__text {
  font-size: 1.75rem;
  color: #fff;
  font-family: WWF, sans-serif;
  line-height: 1.29;
}

.highlight--rectangle .highlight__caption {
  color: #fff;
}

@media screen and (min-width: 992px) {
  .highlight--linklist .highlight__content-wrapper:before {
    height: 100%;
  }
}

.highlight--linklist .highlight__list {
  margin: 0;
  padding: 0;
}

.highlight--linklist .highlight__item {
  font-size: 1.125rem;
  position: relative;
  border-bottom: 2px solid #f4f3ea;
  color: #000;
  line-height: 1.78;
  margin: 0;
  padding: 16px 48px 16px 0;
  -webkit-transition: padding 0.3s ease-out;
  -o-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
  list-style-type: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.highlight--linklist .highlight__item:before {
  content: "";
  color: transparent;
  display: none;
  left: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.highlight--linklist .highlight__item svg {
  position: absolute;
  top: 16px;
  right: 0;
  height: 40px;
  width: 40px;
  pointer-events: none;
}

.highlight--linklist .highlight__item:last-of-type {
  border-bottom: 0;
}

@media screen and (min-width: 992px) {
  .highlight--linklist .highlight__item {
    padding: 20px 0;
  }
  .highlight--linklist .highlight__item:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: #f4f3ea;
    height: 100%;
    width: 0;
    -webkit-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
  }
  .highlight--linklist .highlight__item:hover {
    padding-left: 24px;
  }
  .highlight--linklist .highlight__item:hover:after {
    width: 100%;
  }
}

.iframe {
  overflow: hidden;
  position: relative;
}

.iframe__error {
  display: none;
}

@media screen and (max-width: 479px) {
  .iframe.no-xs {
    padding-top: 0;
  }
  .iframe.no-xs iframe {
    display: none;
  }
  .iframe.no-xs + .iframe__error {
    display: block;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .iframe.no-sm {
    padding-top: 0;
  }
  .iframe.no-sm iframe {
    display: none;
  }
  .iframe.no-sm + .iframe__error {
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .iframe.no-md {
    padding-top: 0;
  }
  .iframe.no-md iframe {
    display: none;
  }
  .iframe.no-md + .iframe__error {
    display: block;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .iframe.no-lg {
    padding-top: 0;
  }
  .iframe.no-lg iframe {
    display: none;
  }
  .iframe.no-lg + .iframe__error {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  .iframe.no-xl {
    padding-top: 0;
  }
  .iframe.no-xl iframe {
    display: none;
  }
  .iframe.no-xl + .iframe__error {
    display: block;
  }
}

.iframe--16x9 {
  padding-top: 56.25%;
}

.iframe--4x3,
.iframe--16x9 {
  overflow: hidden;
  position: relative;
}

.iframe--4x3 {
  padding-top: 75%;
}

.iframe--1x2 {
  overflow: hidden;
  padding-top: 200%;
  position: relative;
}

.iframe iframe {
  border: 0;
}

.iframe.iframe--adaption__aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.iframe.iframe--adaption__iframe-resizer iframe {
  position: relative;
  width: 1px;
  min-width: 100%;
  height: auto;
}

.text {
  font-size: 1rem;
  color: #000;
  line-height: 1.63;
  margin: 0 0 32px;
}

@media screen and (min-width: 768px) {
  .text {
    margin: 0 0 64px;
  }
}

.intro-text {
  font-size: 1.125rem;
  color: #000;
  line-height: 1.78;
  margin: 0 0 64px;
}

.headline {
  margin-bottom: 28px;
}

@media screen and (min-width: 768px) {
  .headline {
    margin-bottom: 32px;
  }
}

.person-extension {
  margin: 0 0 16px;
  padding: 24px;
  color: #000;
}

@media screen and (min-width: 992px) {
  .person-extension {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 40px;
  }
}

@media screen and (min-width: 1200px) {
  .person-extension {
    margin: 0 0 16px;
  }
}

.person-extension em,
.person-extension p,
.person-extension strong {
  margin: 0;
}

.person-extension a {
  color: #000;
  display: block;
}

.person-extension .person-extension__basic-info {
  margin-bottom: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 992px) {
  .person-extension .person-extension__basic-info {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

@media screen and (min-width: 992px) {
  .person-extension .person-extension__contact-info {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2/3;
  }
}

.person-extension
  .person-extension__contact-info
  .person-extension__contact-info--email {
  margin-bottom: 8px;
}

.person-extension
  .person-extension__contact-info
  .person-extension__contact-info--fax,
.person-extension
  .person-extension__contact-info
  .person-extension__contact-info--telephone {
  text-decoration: none;
  text-decoration: unset;
}

.person-extension
  .person-extension__contact-info
  .person-extension__contact-info--link {
  margin-top: 8px;
}
/*
form {
  padding: 0 24px; }

@media screen and (min-width: 992px) {
  form {
    padding: 0; } }

form .help-block,
form .required {
  display: none; }

form .help-block {
  position: absolute;
  top: calc(100% + 4px);
  line-height: 1.4;
  right: 0;
  font-size: 0.75rem; }

form .help-block + .error--frontend {
  display: none !important; }

form .clearfix p {
  font-size: 0.75rem;
  font-weight: 700; }

form .col-xs-0 {
  width: 100%; }

form [class^='col-xs-'] {
  margin-bottom: 8px; }

@media screen and (min-width: 768px) {
  form [class^='col-xs-'] {
    margin-bottom: 32px; } }

form .form-group {
  position: relative; }

form .form-group:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.3s;
  transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left; }

form .form-group:before {
  content: '';
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 32px;
  opacity: 0;
  transition: opacity 0.3s;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center; }

form .form-group:focus-within:after {
  background-color: #000;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

form .form-group.focus-within:after {
  background-color: #000;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

form .form-group.has-error {
  color: #da1d52;
  margin-bottom: 42px; }

form .form-group.has-error:after {
  background-color: #da1d52;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

form .form-group.has-error:before {
  content: url(../assets/img/form-error.svg);
  opacity: 1; }

form .form-group.has-error .control-label {
  color: #000; }

form .form-group.has-error .error {
  display: block; }

form .form-group.is-valid:before {
  content: url(../assets/img/check.svg);
  opacity: 1; }

form .form-group:focus-within .control-label {
  font-size: 0.75rem;
  top: 26px !important; }

form .form-group.focus-within .control-label,
form .form-group.has-error .control-label,
form .form-group.is-valid .control-label {
  font-size: 0.75rem;
  top: 26px !important; }

form .form-group.form-group--select:before {
  content: url(../assets/img/arrow-right-small.svg);
  opacity: 1;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  pointer-events: none; }

form .form-group.form-group--select label {
  display: none; }

form .form-group.form-group--select.has-error {
  margin-bottom: 0; }

form .form-group.form-group--checkbox:after,
form .form-group.form-group--checkbox:before {
  display: none; }

form .form-group.form-group--checkbox.is-valid .checkbox:after {
  -webkit-transform: scale(1);
  transform: scale(1); }

form .form-group.form-group--checkbox.is-valid .checkbox:before {
  border-color: #b8b8b8; }

form .form-group.form-group--checkbox.has-error .checkbox:before {
  border-color: #da1d52; }

form .form-group.form-group--textarea:before {
  top: 45px; }

form .form-group.form-group--textarea label {
  top: 25px; }

form .form-group.form-group--textarea textarea {
  height: 370px;
  resize: none; }

form .control-label {
  font-size: 1rem;
  line-height: 1.63;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 24px;
  transition: top 0.2s, font-size 0.2s;
  pointer-events: none; }

form .form-control {
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  line-height: 1.63;
  background-color: #fff;
  padding: 42px 64px 22px 24px;
  width: 100%; }

form .form-control::-webkit-input-placeholder {
  color: transparent; }

form .form-control::-moz-placeholder {
  color: transparent; }

form .form-control:-ms-input-placeholder {
  color: transparent; }

form .form-control::-ms-input-placeholder {
  color: transparent; }

form .form-control::placeholder {
  color: transparent; }

form .form-control:focus {
  outline: none; }

form .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }

form select.form-control {
  padding: 32px 64px 32px 24px; }

form .checkbox [type='checkbox'] {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0; }

form .checkbox [type='checkbox'] + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  display: inline-block; }

form .checkbox [type='checkbox'] + label:after,
form .checkbox [type='checkbox'] + label:before {
  content: '';
  position: absolute;
  border: 1px solid #000; }

form .checkbox [type='checkbox'] + label:before {
  width: 16px;
  height: 16px;
  left: 0;
  top: 6px; }

form .checkbox [type='checkbox'] + label:after {
  width: 10px;
  height: 10px;
  left: 3px;
  top: 9px;
  background-color: #000; }

form .checkbox [type='checkbox']:checked + label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

form .checkbox [type='checkbox']:checked + label:before {
  border-color: #b8b8b8;
  transition: border-color 0.3s; }

form .checkbox [type='checkbox'] + label:after {
  -webkit-transform: scale(0);
  transform: scale(0); }

form button[type='submit'] {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

form button[type='submit']:disabled {
  opacity: 0.2; }
*/

:root {
  --fade-in-offset: -2%;
  --transition: transform 0.2s ease;
  --border: 1px solid rgba(0, 0, 0, 0.15);
  --spacing: 24px;
  --closebuttonpadding: 60px;
}

.nav-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}

.nav-main.u-no-overflow,
.nav-main .u-no-overflow {
  overflow: hidden !important;
}

@media screen and (max-width: 992px) {
  .nav-main {
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
  }
}

@media screen and (min-width: 992px) {
  .nav-main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: visible;
  }
}

.nav-main a,
.nav-main span {
  font-size: 0.875rem;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 80px;
  color: #000;
  width: 100%;
}

.nav-main a svg,
.nav-main span svg {
  pointer-events: none;
  width: 40px;
  position: absolute;
  right: 20px;
  top: 50%;
  height: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 992px) {
  .nav-main a.cursor-pointer svg,
  .nav-main span.cursor-pointer svg {
    right: -30px;
  }
}

@media screen and (max-width: 992px) {
  .nav-main a,
  .nav-main span {
    font-size: 1rem;
    padding-right: 0;
  }
}

.nav-main li.active > a,
.nav-main li.active > a:hover,
.nav-main li.active > span,
.nav-main li.active > span:hover,
.nav-main li.current > a,
.nav-main li.current > a:hover,
.nav-main li.current > span,
.nav-main li.current > span:hover,
.nav-main li:hover > a {
  color: #ed037c;
}

.nav-main .nav-main__megamenu__item-headline {
  font-size: 1rem;
  display: inline-block;
  margin: 12px 0;
  margin: calc(var(--spacing) / 2) 0 calc(var(--spacing) / 2) 0;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

@media screen and (min-width: 992px) {
  .nav-main .nav-main__megamenu__item-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 992px) {
  .nav-main .nav-main__megamenu__item-headline.leaf {
    font-weight: 300;
    padding-left: 25px;
  }
}

.nav-main .close-megas .nav-main__megamenu__item-headline {
  font-weight: 300;
  text-transform: none;
  padding: 19px 15px 24px;
  width: auto;
}

.nav-main .nav-main__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 0 0 16px;
  transition: -webkit-transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
  padding: 0;
}

@media screen and (min-width: 992px) {
  .nav-main .nav-main__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: auto;
    margin: 0 auto;
  }
}

.nav-main .nav-main__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: var(--border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 100%;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nav-main .nav-main__item:before {
  display: none;
}

@media screen and (min-width: 992px) {
  .nav-main .nav-main__item {
    border: none;
    height: auto;
    width: auto;
    margin: 0 12px;
  }
}

.nav-main .nav-main__link,
.nav-main .nav-sec__link {
  font-size: 1.25rem;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 15px;
  font-family: WWF, sans-serif;
}

@media screen and (max-width: 992px) {
  .nav-main .nav-main__link,
  .nav-main .nav-sec__link {
    padding-left: 25px;
  }
}

.nav-main__link {
  overflow: hidden;
  display: inline-block !important;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 40px;
  position: relative;
}

@media screen and (min-width: 992px) {
  .nav-main__link {
    max-width: 250px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .nav-main__link > svg {
    display: none;
  }
  .nav-main__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #ed037c;
    height: 3px;
    width: 100%;
    transition: -webkit-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
  }
  .active .nav-main__link:after,
  .nav-main__link.is-open:after,
  .nav-main__link:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@media screen and (max-width: 992px) {
  .nav-main__link {
    padding-right: 60px !important;
  }
}

.shadow {
  position: relative;
}

.shadow:before {
  content: "";
  z-index: 2;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(transparent),
    to(rgba(0, 0, 0, 0.1))
  );
  background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.1));
  background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.1));
}

@media screen and (max-width: 992px) {
  .shadow:before {
    position: fixed;
  }
}

.nav-main__megamenu {
  overflow: scroll;
  top: 135px;
  width: 100%;
  max-width: none;
  background: #fff;
  left: 0;
  position: fixed;
  padding: 60px 0;
  padding: var(--closebuttonpadding) 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  overflow-x: hidden;
  transition: margin 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition: margin 0.3s ease, opacity 0.3s ease,
    -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, margin 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, margin 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, margin 0.3s ease, opacity 0.3s ease,
    -webkit-transform 0.3s ease;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.nav-main__megamenu .nav-main__megamenu-wrapper {
  -webkit-transition: margin-top 0.3s ease;
  -o-transition: margin-top 0.3s ease;
  transition: margin-top 0.3s ease;
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu .nav-main__megamenu-wrapper {
    margin-top: -2em;
  }
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu > * {
    -webkit-transition: margin 0.3s ease !important;
    -o-transition: margin 0.3s ease !important;
    transition: margin 0.3s ease !important;
    margin-left: 0 !important;
  }
}

.nav-main__megamenu > div > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, margin-top 0.3s ease;
  -o-transition: opacity 0.3s ease, margin-top 0.3s ease;
  transition: opacity 0.3s ease, margin-top 0.3s ease;
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu > div > ul > li {
    margin-top: -2em;
  }
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu {
    margin-left: -100vh;
  }
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu .is-shifted-left > * {
    margin-left: -100% !important;
  }
}

.nav-main__megamenu.is-open {
  -webkit-transition: opacity 0.3s ease, margin-left 0.3s ease;
  -o-transition: opacity 0.3s ease, margin-left 0.3s ease;
  transition: opacity 0.3s ease, margin-left 0.3s ease;
  pointer-events: all;
  opacity: 1;
}

.nav-main__megamenu.is-open .nav-main__megamenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav-main__megamenu.is-open > div > ul > li {
  margin-top: 0;
  -webkit-transition: opacity 0.3s ease, margin-top 0.3s ease;
  -o-transition: opacity 0.3s ease, margin-top 0.3s ease;
  transition: opacity 0.3s ease, margin-top 0.3s ease;
  opacity: 1;
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu.is-open > div > ul > li:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .nav-main__megamenu.is-open > div > ul > li:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .nav-main__megamenu.is-open > div > ul > li:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .nav-main__megamenu.is-open > div > ul > li:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu.is-open {
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu.is-open .nav-main__megamenu-wrapper {
    margin-top: 0;
  }
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu {
    z-index: 2;
    top: 0;
    height: 100%;
    max-height: calc(100% - 100px);
    padding: 32px 0;
  }
  .nav-main__megamenu * [id^="mega_sub_"] {
    max-height: 100%;
  }
}

.nav-main__megamenu__item-headline.main-headline {
  width: calc(100% - 50px);
  vertical-align: middle;
  padding-left: 0;
}

.nav-main__megamenu__item-headline.main-headline,
.nav-main__megamenu__list.main-list {
  margin: 0;
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu__item-headline.main-headline,
  .nav-main__megamenu__list.main-list {
    padding-left: 60px;
    padding-left: var(--closebuttonpadding);
  }
}

@media screen and (min-width: 1200px) {
  .nav-main__megamenu__item-headline.main-headline,
  .nav-main__megamenu__list.main-list {
    padding-left: 0;
  }
}

span.nav-main__megamenu__item-headline:hover {
  color: #000;
  color: initial;
}

.nav-main__megamenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
  margin: 0 24px;
  margin: 0 var(--spacing);
}

.nav-main__megamenu__list > li {
  margin: 2px 0;
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu__list > li {
    margin: 4px 0;
  }
}

.nav-main__megamenu__list > li:before {
  display: none;
}

.nav-main__megamenu__list.main-list {
  margin-bottom: 24px;
  margin-bottom: var(--spacing);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nav-main__megamenu__list.main-list .nav-main__megamenu__item:first-child {
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu__list.main-list .nav-main__megamenu__item:first-child {
    display: none;
  }
}

.nav-main__megamenu__list.main-list li.u-w-100 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.nav-main__megamenu__list.nav-main__singlelist {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 500px;
  min-height: 300px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu__list.nav-main__singlelist {
    max-height: 100%;
  }
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu__list {
    margin: 0;
  }
}

.nav-main__fourth-lvl-item {
  width: 100%;
  overflow: hidden;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease,
    -webkit-transform 0.3s ease;
  opacity: 0;
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
}

@media screen and (min-width: 992px) {
  .nav-main__fourth-lvl-item {
    width: 25%;
  }
  .nav-main__fourth-lvl-item:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .nav-main__fourth-lvl-item:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .nav-main__fourth-lvl-item:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .nav-main__fourth-lvl-item:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
}

@media screen and (min-width: 992px) {
  .nav-main__fourth-lvl-item a {
    padding-right: 30px;
  }
}

.nav-main__fourth-lvl-item.branch {
  width: 25%;
}

@media screen and (max-width: 992px) {
  .nav-main__fourth-lvl-item.branch {
    width: 100%;
    overflow: visible;
  }
}

.nav-main__fourth-lvl-item.branch a {
  padding-right: 50px;
}

@media screen and (max-width: 992px) {
  .nav-main__fourth-lvl-item.branch a {
    padding-right: 0;
  }
  .nav-main__fourth-lvl-item.branch a svg {
    right: -30px;
  }
}

.animation .nav-main__fourth-lvl-item {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (min-width: 992px) {
  .animation .nav-main__fourth-lvl-item:first-child {
    -webkit-transition-delay: 0.11s;
    -o-transition-delay: 0.11s;
    transition-delay: 0.11s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(2) {
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(3) {
    -webkit-transition-delay: 0.13s;
    -o-transition-delay: 0.13s;
    transition-delay: 0.13s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(4) {
    -webkit-transition-delay: 0.14s;
    -o-transition-delay: 0.14s;
    transition-delay: 0.14s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(5) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(6) {
    -webkit-transition-delay: 0.16s;
    -o-transition-delay: 0.16s;
    transition-delay: 0.16s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(7) {
    -webkit-transition-delay: 0.17s;
    -o-transition-delay: 0.17s;
    transition-delay: 0.17s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(8) {
    -webkit-transition-delay: 0.18s;
    -o-transition-delay: 0.18s;
    transition-delay: 0.18s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(9) {
    -webkit-transition-delay: 0.19s;
    -o-transition-delay: 0.19s;
    transition-delay: 0.19s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(10) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(11) {
    -webkit-transition-delay: 0.21s;
    -o-transition-delay: 0.21s;
    transition-delay: 0.21s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(12) {
    -webkit-transition-delay: 0.22s;
    -o-transition-delay: 0.22s;
    transition-delay: 0.22s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(13) {
    -webkit-transition-delay: 0.23s;
    -o-transition-delay: 0.23s;
    transition-delay: 0.23s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(14) {
    -webkit-transition-delay: 0.24s;
    -o-transition-delay: 0.24s;
    transition-delay: 0.24s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(15) {
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(16) {
    -webkit-transition-delay: 0.26s;
    -o-transition-delay: 0.26s;
    transition-delay: 0.26s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(17) {
    -webkit-transition-delay: 0.27s;
    -o-transition-delay: 0.27s;
    transition-delay: 0.27s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(18) {
    -webkit-transition-delay: 0.28s;
    -o-transition-delay: 0.28s;
    transition-delay: 0.28s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(19) {
    -webkit-transition-delay: 0.29s;
    -o-transition-delay: 0.29s;
    transition-delay: 0.29s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(20) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(21) {
    -webkit-transition-delay: 0.31s;
    -o-transition-delay: 0.31s;
    transition-delay: 0.31s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(22) {
    -webkit-transition-delay: 0.32s;
    -o-transition-delay: 0.32s;
    transition-delay: 0.32s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(23) {
    -webkit-transition-delay: 0.33s;
    -o-transition-delay: 0.33s;
    transition-delay: 0.33s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(24) {
    -webkit-transition-delay: 0.34s;
    -o-transition-delay: 0.34s;
    transition-delay: 0.34s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(25) {
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(26) {
    -webkit-transition-delay: 0.36s;
    -o-transition-delay: 0.36s;
    transition-delay: 0.36s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(27) {
    -webkit-transition-delay: 0.37s;
    -o-transition-delay: 0.37s;
    transition-delay: 0.37s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(28) {
    -webkit-transition-delay: 0.38s;
    -o-transition-delay: 0.38s;
    transition-delay: 0.38s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(29) {
    -webkit-transition-delay: 0.39s;
    -o-transition-delay: 0.39s;
    transition-delay: 0.39s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(30) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(31) {
    -webkit-transition-delay: 0.41s;
    -o-transition-delay: 0.41s;
    transition-delay: 0.41s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(32) {
    -webkit-transition-delay: 0.42s;
    -o-transition-delay: 0.42s;
    transition-delay: 0.42s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(33) {
    -webkit-transition-delay: 0.43s;
    -o-transition-delay: 0.43s;
    transition-delay: 0.43s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(34) {
    -webkit-transition-delay: 0.44s;
    -o-transition-delay: 0.44s;
    transition-delay: 0.44s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(35) {
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(36) {
    -webkit-transition-delay: 0.46s;
    -o-transition-delay: 0.46s;
    transition-delay: 0.46s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(37) {
    -webkit-transition-delay: 0.47s;
    -o-transition-delay: 0.47s;
    transition-delay: 0.47s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(38) {
    -webkit-transition-delay: 0.48s;
    -o-transition-delay: 0.48s;
    transition-delay: 0.48s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(39) {
    -webkit-transition-delay: 0.49s;
    -o-transition-delay: 0.49s;
    transition-delay: 0.49s;
  }
  .animation .nav-main__fourth-lvl-item:nth-child(40) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
}

.nav-main__megamenu__btn-wrapper {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.nav-main__megamenu__btn-wrapper:hover path,
.nav-main__megamenu__btn-wrapper:hover svg {
  color: #ed037c !important;
  fill: #ed037c !important;
  stroke: #ed037c !important;
}

.nav-main__megamenu__btn-wrapper button {
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.nav-main__megamenu__btn-wrapper button svg {
  position: relative !important;
  height: 40px;
  width: 40px;
}

.nav-main__megamenu__btn-wrapper button > * {
  pointer-events: none;
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu__btn-wrapper button {
    padding: 0 10px;
  }
}

.nav-main__megamenu__btn-wrapper hr {
  margin: auto 0;
  height: 100%;
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-right: var(--border);
  z-index: -1;
}

@media screen and (max-width: 992px) {
  .nav-main__megamenu__btn-wrapper hr {
    left: -25px;
    width: 100vh;
    position: absolute;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
}

@media screen and (min-width: 992px) {
  .nav-main__megamenu__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding-top: 24px;
  }
  .nav-main__megamenu__btn-wrapper svg {
    transition: -webkit-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
  }
  .nav-main__megamenu__btn-wrapper:hover svg {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@media screen and (min-width: 1200px) {
  .nav-main__megamenu__btn-wrapper {
    left: -70px;
  }
}

.nav-main__closebtn-wrapper {
  position: absolute;
  right: 0;
  top: -35px;
}

@media screen and (max-width: 992px) {
  .nav-main__closebtn-wrapper {
    display: none;
  }
}

.nav-main__closebtn {
  border: 0;
  background: none;
  cursor: pointer;
}

.nav-main__closebtn svg {
  width: 30px;
  height: 30px;
}

.news {
  margin-bottom: 50px;
}

@media screen and (min-width: 1200px) {
  .news {
    margin-bottom: 120px;
  }
}

.news .container--medium {
  overflow: hidden;
}

.news .news__card {
  border: 1px solid #d8d6d6;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  margin: 0 0 0 20px;
  min-height: 100%;
  position: relative;
  text-decoration: none;
  width: 240px;
  z-index: 3;
}

@media screen and (min-width: 768px) {
  .news .news__card {
    margin: 0 20px;
  }
}

.news .news__card .news__card-background {
  height: 240px;
  width: 100%;
}

.news .news__card .news__card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px;
}

.news .news__card .news__card-info {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 12px;
  margin: 0;
}

.news .news__card .news__card-headline {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 24px;
  letter-spacing: 0.8px;
  line-height: 32px;
  margin: 10px 0 0;
}

.news .news__card .news__card-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
}

.news .news__opacity {
  opacity: 0;
  transition: opacity 0.5s, -webkit-transform 0.3s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.5s;
  transition: transform 0.3s, opacity 0.5s;
  transition: transform 0.3s, opacity 0.5s, -webkit-transform 0.3s;
}

.news .news__opacity.is-selected,
.news .news__opacity.is-selected + .news__opacity,
.news .news__opacity.is-selected + .news__opacity + .news__opacity,
.news
  .news__opacity.is-selected
  + .news__opacity
  + .news__opacity
  + .news__opacity {
  opacity: 1;
}

.news .news__card--extra {
  background-color: #f4f3ea;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 20px;
  min-height: 100%;
  padding: 40px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 240px;
  z-index: 3;
}

@media screen and (min-width: 1200px) {
  .news .news__card--extra {
    visibility: hidden;
  }
}

.news .news__card--extra .one-tile-teaser__cta {
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}

@media screen and (min-width: 1200px) {
  .news .news__card--extra .one-tile-teaser__cta {
    position: absolute;
    bottom: -60px;
    left: -190px;
    visibility: visible;
    opacity: 1;
  }
}

.news .news__card--extra .news__logo-wwf {
  height: 64px;
  width: auto;
}

.news .news__card--extra .explore__logo {
  height: 20px;
  width: auto;
}

.news .flickity-viewport {
  overflow: visible;
}

.news .flickity-enabled {
  position: static;
}

.news .flickity-page-dots {
  width: none;
  width: unset;
}

.news__container {
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .four-tile-teaser {
    background-color: #fff !important;
  }
}

.four-tile-teaser__cta {
  font-size: 1rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 24px;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

#tamaro-widget.tamaro-widget
  .widget-custom-content
  .four-tile-teaser
  h1.headline,
#tamaro-widget.tamaro-widget
  .widget-custom-content
  .four-tile-teaser
  h2.headline,
.four-tile-teaser
  #tamaro-widget.tamaro-widget
  .widget-custom-content
  h1.headline,
.four-tile-teaser
  #tamaro-widget.tamaro-widget
  .widget-custom-content
  h2.headline,
.four-tile-teaser .h1,
.four-tile-teaser .h2,
.four-tile-teaser .h3,
.four-tile-teaser .h4,
.four-tile-teaser .h5,
.four-tile-teaser .h6,
.four-tile-teaser h1,
.four-tile-teaser h2,
.four-tile-teaser h3,
.four-tile-teaser h4,
.four-tile-teaser h5,
.four-tile-teaser h6 {
  padding: 48px 24px 0;
}

@media screen and (min-width: 768px) {
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser
    h1.headline,
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser
    h2.headline,
  .four-tile-teaser
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h1.headline,
  .four-tile-teaser
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h2.headline,
  .four-tile-teaser .h1,
  .four-tile-teaser .h2,
  .four-tile-teaser .h3,
  .four-tile-teaser .h4,
  .four-tile-teaser .h5,
  .four-tile-teaser .h6,
  .four-tile-teaser h1,
  .four-tile-teaser h2,
  .four-tile-teaser h3,
  .four-tile-teaser h4,
  .four-tile-teaser h5,
  .four-tile-teaser h6 {
    padding: 48px 74px 0;
    margin: 0 0 -24px;
  }
}

@media screen and (min-width: 992px) {
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser
    h1.headline,
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser
    h2.headline,
  .four-tile-teaser
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h1.headline,
  .four-tile-teaser
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h2.headline,
  .four-tile-teaser .h1,
  .four-tile-teaser .h2,
  .four-tile-teaser .h3,
  .four-tile-teaser .h4,
  .four-tile-teaser .h5,
  .four-tile-teaser .h6,
  .four-tile-teaser h1,
  .four-tile-teaser h2,
  .four-tile-teaser h3,
  .four-tile-teaser h4,
  .four-tile-teaser h5,
  .four-tile-teaser h6 {
    padding: 48px 64px 0;
  }
}

.four-tile-teaser__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .four-tile-teaser__wrapper {
    padding: 64px 0 40px;
  }
}

@media screen and (min-width: 992px) {
  .four-tile-teaser__wrapper {
    padding: 64px 0 24px;
  }
}

.four-tile-teaser__wrapper .four-tile-teaser__card {
  margin: 0 0 24px;
  width: 100%;
  min-height: 485px;
  text-decoration: none;
}

.four-tile-teaser__wrapper .four-tile-teaser__card:last-of-type {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .four-tile-teaser__wrapper .four-tile-teaser__card {
    margin: 0 12px 24px;
    width: 305px;
    min-height: 390px;
  }
  .four-tile-teaser__wrapper .four-tile-teaser__card:last-of-type {
    margin: 0 12px 24px;
  }
}

@media screen and (min-width: 992px) {
  .four-tile-teaser__wrapper .four-tile-teaser__card {
    margin: 0 20px 40px;
    min-width: unset;
    max-width: unset;
    width: 420px;
  }
  .four-tile-teaser__wrapper .four-tile-teaser__card:last-of-type {
    margin: 0 20px 40px;
  }
}

@media screen and (min-width: 1200px) {
  .four-tile-teaser__wrapper .four-tile-teaser__card {
    width: 520px;
  }
  .four-tile-teaser__wrapper .four-tile-teaser__card:last-of-type {
    margin: 0 20px 40px;
  }
}

.four-tile-teaser__wrapper
  .four-tile-teaser__card
  .four-tile-teaser__card-background {
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-height: 485px;
  padding: 0 24px 24px;
}

@media screen and (min-width: 768px) {
  .four-tile-teaser__wrapper
    .four-tile-teaser__card
    .four-tile-teaser__card-background {
    max-width: 305px;
    min-height: 390px;
  }
}

@media screen and (min-width: 992px) {
  .four-tile-teaser__wrapper
    .four-tile-teaser__card
    .four-tile-teaser__card-background {
    min-width: 420px;
    padding: 0 48px 32px 32px;
  }
}

@media screen and (min-width: 1200px) {
  .four-tile-teaser__wrapper
    .four-tile-teaser__card
    .four-tile-teaser__card-background {
    max-width: 520px;
  }
}

.four-tile-teaser__wrapper
  .four-tile-teaser__card
  .four-tile-teaser__card-background
  .four-tile-teaser__card-headline {
  font-size: 3.5rem;
  line-height: 1;
  margin: 0 0 16px;
  padding: 0;
}

.four-tile-teaser__wrapper
  .four-tile-teaser__card
  .four-tile-teaser__card-background
  .four-tile-teaser__card-text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .four-tile-teaser__wrapper
    .four-tile-teaser__card
    .four-tile-teaser__card-background
    .four-tile-teaser__card-text {
    font-size: 12px;
  }
}

@media screen and (min-width: 992px) {
  .four-tile-teaser__wrapper
    .four-tile-teaser__card
    .four-tile-teaser__card-background
    .four-tile-teaser__card-text {
    font-size: 16px;
  }
}

.u-bg-none .four-tile-teaser__wrapper {
  padding: 0 24px;
}

#tamaro-widget.tamaro-widget
  .widget-custom-content
  .four-tile-teaser.u-bg-none
  h1.headline,
#tamaro-widget.tamaro-widget
  .widget-custom-content
  .four-tile-teaser.u-bg-none
  h2.headline,
.four-tile-teaser.u-bg-none
  #tamaro-widget.tamaro-widget
  .widget-custom-content
  h1.headline,
.four-tile-teaser.u-bg-none
  #tamaro-widget.tamaro-widget
  .widget-custom-content
  h2.headline,
.four-tile-teaser.u-bg-none .h1,
.four-tile-teaser.u-bg-none .h2,
.four-tile-teaser.u-bg-none .h3,
.four-tile-teaser.u-bg-none .h4,
.four-tile-teaser.u-bg-none .h5,
.four-tile-teaser.u-bg-none .h6,
.four-tile-teaser.u-bg-none h1,
.four-tile-teaser.u-bg-none h2,
.four-tile-teaser.u-bg-none h3,
.four-tile-teaser.u-bg-none h4,
.four-tile-teaser.u-bg-none h5,
.four-tile-teaser.u-bg-none h6 {
  margin: 0 0 32px;
  padding: 0 24px;
}

@media screen and (min-width: 768px) {
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser.u-bg-none
    h1.headline,
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser.u-bg-none
    h2.headline,
  .four-tile-teaser.u-bg-none
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h1.headline,
  .four-tile-teaser.u-bg-none
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h2.headline,
  .four-tile-teaser.u-bg-none .h1,
  .four-tile-teaser.u-bg-none .h2,
  .four-tile-teaser.u-bg-none .h3,
  .four-tile-teaser.u-bg-none .h4,
  .four-tile-teaser.u-bg-none .h5,
  .four-tile-teaser.u-bg-none .h6,
  .four-tile-teaser.u-bg-none h1,
  .four-tile-teaser.u-bg-none h2,
  .four-tile-teaser.u-bg-none h3,
  .four-tile-teaser.u-bg-none h4,
  .four-tile-teaser.u-bg-none h5,
  .four-tile-teaser.u-bg-none h6 {
    margin: 0 0 48px;
    padding: 0 74px;
  }
}

@media screen and (min-width: 992px) {
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser.u-bg-none
    h1.headline,
  #tamaro-widget.tamaro-widget
    .widget-custom-content
    .four-tile-teaser.u-bg-none
    h2.headline,
  .four-tile-teaser.u-bg-none
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h1.headline,
  .four-tile-teaser.u-bg-none
    #tamaro-widget.tamaro-widget
    .widget-custom-content
    h2.headline,
  .four-tile-teaser.u-bg-none .h1,
  .four-tile-teaser.u-bg-none .h2,
  .four-tile-teaser.u-bg-none .h3,
  .four-tile-teaser.u-bg-none .h4,
  .four-tile-teaser.u-bg-none .h5,
  .four-tile-teaser.u-bg-none .h6,
  .four-tile-teaser.u-bg-none h1,
  .four-tile-teaser.u-bg-none h2,
  .four-tile-teaser.u-bg-none h3,
  .four-tile-teaser.u-bg-none h4,
  .four-tile-teaser.u-bg-none h5,
  .four-tile-teaser.u-bg-none h6 {
    padding: 0 64px;
  }
}

@media screen and (min-width: 992px) {
  .xs-list__wrapper {
    max-width: 800px !important;
  }
}

.xs-list .xs-list__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.xs-list .xs-list__headline span {
  font-size: 1.75rem;
  font-family: WWF, sans-serif;
  line-height: 1.29;
}

.xs-list .xs-list__headline img {
  width: 60px;
  margin-right: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 992px) {
  .xs-list .xs-list__headline img {
    position: absolute;
    top: 50%;
    left: 60px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
  }
}

.xs-list .xs-list__item {
  position: relative;
  list-style-type: none;
}

.xs-list .xs-list__item:before {
  display: none;
}

.xs-list .xs-list__item-wrapper {
  margin: 0 0 16px;
  padding: 24px;
}

@media screen and (min-width: 992px) {
  .xs-list .xs-list__item-wrapper {
    padding: 32px 32px 32px 50px;
    margin-left: 60px;
  }
}

.xs-list .xs-list__teaser {
  margin: 8px 0 0;
}

.xs-list .xs-list__teaser a {
  color: currentColor;
  font-weight: 700;
}

.xs-list .xs-list__teaser a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and (min-width: 992px) {
  .xs-list .xs-list__headline,
  .xs-list .xs-list__teaser {
    padding-left: 32px;
  }
}

:root {
  --tamaro-primary-color: #007476;
  --tamaro-link-bg-color__hover: #007476;
  --tamaro-primary-color__hover: #b0dfdc;
  --tamaro-primary-bg-color: #b0dfdc;
  --tamaro-text-color: #000;
  --tamaro-button-primary-color__hover: #007476;
  --tamaro-border-color: #eceadd;
  --tamaro-icon-color: #bbb8b8;
  --tamaro-placeholder-color: #555;
  --tamaro-error-color: #da1d52;
  --tamaro-label-mark-required-color: #000;
  --tamaro-label-mark-required-color__invalid: #da1d52;
}

.raise-now-tamaro,
.rnw-widget-container {
  padding: 2rem 0;
}

#tamaro-widget-overlay.tamaro-widget .form-block .md-select-arrow,
#tamaro-widget-overlay.tamaro-widget
  .form-block
  .md-select-arrow
  .md-select-arrow-inner,
#tamaro-widget.tamaro-widget .form-block .md-select-arrow,
#tamaro-widget.tamaro-widget
  .form-block
  .md-select-arrow
  .md-select-arrow-inner {
  pointer-events: none;
  cursor: pointer;
}

@supports (-ms-ime-align: auto) {
  #tamaro-widget-overlay.tamaro-widget
    .form-block.input-wrapper.floating-label
    .label-block,
  #tamaro-widget-overlay.tamaro-widget
    .form-block.select-wrapper.floating-label
    .label-block,
  #tamaro-widget-overlay.tamaro-widget
    .form-block.textarea-wrapper.floating-label
    .label-block,
  #tamaro-widget.tamaro-widget
    .form-block.input-wrapper.floating-label
    .label-block,
  #tamaro-widget.tamaro-widget
    .form-block.select-wrapper.floating-label
    .label-block,
  #tamaro-widget.tamaro-widget
    .form-block.textarea-wrapper.floating-label
    .label-block {
    z-index: 100;
  }
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #tamaro-widget-overlay.tamaro-widget
    .form-block.input-wrapper.floating-label
    .label-block,
  #tamaro-widget-overlay.tamaro-widget
    .form-block.select-wrapper.floating-label
    .label-block,
  #tamaro-widget-overlay.tamaro-widget
    .form-block.textarea-wrapper.floating-label
    .label-block,
  #tamaro-widget.tamaro-widget
    .form-block.input-wrapper.floating-label
    .label-block,
  #tamaro-widget.tamaro-widget
    .form-block.select-wrapper.floating-label
    .label-block,
  #tamaro-widget.tamaro-widget
    .form-block.textarea-wrapper.floating-label
    .label-block {
    z-index: 100;
  }
}

#tamaro-widget {
  background-color: #ccc;
}

#tamaro-widget.tamaro-widget
  .payment-amounts
  .amount.custom-amount
  .form-block.input-filled
  .input-text {
  padding-bottom: 0 !important;
}

#tamaro-widget.tamaro-widget .label-checkbox-block:hover,
#tamaro-widget.tamaro-widget
  .payment-payment-types
  > .header
  label.recurring-payment-type-not-selected:hover {
  background-color: transparent !important;
}

#tamaro-widget.tamaro-widget
  .info-toggle.info-toggle-pm
  > .main
  .main-inner
  > .text,
#tamaro-widget.tamaro-widget.tamaro-bp-xs
  .payment-payment-method-details
  > .main
  .payment-method-details
  > .main {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#tamaro-widget.tamaro-widget .payment-amounts > .main .amounts .amount {
  background-color: #fff !important;
}

#tamaro-widget.tamaro-widget
  .payment-payment-types
  > .main
  .payment-recurring-intervals {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#tamaro-widget.tamaro-widget .form-block.has-info-button button.info-button {
  right: 1rem !important;
}

#tamaro-widget.tamaro-widget .form-block .icons-block {
  z-index: 2;
}

#tamaro-widget.tamaro-widget .payment-amounts > .main .amounts .amount,
#tamaro-widget.tamaro-widget
  .payment-payment-methods
  > .main
  .payment-methods
  .payment-method,
#tamaro-widget.tamaro-widget.tamaro-bp-sm
  .payment-purposes
  > .main
  .purposes
  .purpose {
  border-color: #a9a9a9;
}

#tamaro-widget.tamaro-widget
  .form-block.input-wrapper.floating-label
  .label-block,
#tamaro-widget.tamaro-widget
  .form-block.select-wrapper
  .field-block
  .input-select.input-select,
#tamaro-widget.tamaro-widget
  .form-block.select-wrapper.input-empty
  .field-block
  .input-select.input-select {
  color: #333 !important;
}

#tamaro-widget.tamaro-widget
  .form-block.input-wrapper.floating-label
  .label-block,
#tamaro-widget.tamaro-widget
  .form-block.select-wrapper
  .field-block
  .input-select,
#tamaro-widget.tamaro-widget
  .form-block.select-wrapper.input-empty
  .field-block
  .input-select,
#tamaro-widget.tamaro-widget .input-text,
#tamaro-widget.tamaro-widget .input-textarea {
  padding-left: 1rem;
}

#tamaro-widget.tamaro-widget .form-block.input-wrapper .field-block:after {
  background-color: #333;
  content: "";
  height: 3px;
  width: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

#tamaro-widget.tamaro-widget .label-checkbox-block,
#tamaro-widget.tamaro-widget
  .payment-profile-form
  .stored_customer_email_permission
  .footer {
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#tamaro-widget.tamaro-widget
  .form-block.input-wrapper
  .field-block:focus-within:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#tamaro-widget.tamaro-widget
  .form-block.select-wrapper
  .field-block
  .input-select.input-select,
#tamaro-widget.tamaro-widget
  .form-block.select-wrapper.input-empty
  .field-block
  .input-select.input-select,
#tamaro-widget.tamaro-widget .input-text,
#tamaro-widget.tamaro-widget .input-textarea {
  background-color: #fff;
  padding-bottom: 1.5rem !important;
}

#tamaro-widget.tamaro-widget
  .form-block.select-wrapper
  .field-block
  .input-select.input-select:-webkit-autofill,
#tamaro-widget.tamaro-widget
  .form-block.select-wrapper.input-empty
  .field-block
  .input-select.input-select:-webkit-autofill,
#tamaro-widget.tamaro-widget .input-text:-webkit-autofill,
#tamaro-widget.tamaro-widget .input-textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

#tamaro-widget.tamaro-widget.tamaro-widget {
  background-color: inherit !important;
}

#tamaro-widget .payment-amounts-and-intervals-block {
  margin-top: 50px !important;
}

.donation-entry-certificate__stage {
  height: auto;
}

.donation-entry-certificate__item-wrapper {
  padding: 0 48px 24px;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__item-wrapper {
    padding: 0;
  }
}

.donation-entry-certificate__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0;
  position: relative;
}

.donation-entry-certificate__item:first-child
  .donation-entry-certificate__content-inner {
  padding-top: 36px;
}

.donation-entry-certificate__item:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__item {
    padding: 0;
  }
}

.donation-entry-certificate__image-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__image-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.donation-entry-certificate__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  position: relative;
  min-height: 490px;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-height: 100%;
  }
}

.donation-entry-certificate__content-inner {
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__content-inner {
    padding-top: 36px;
  }
}

.donation-entry-certificate__figure {
  max-width: 360px;
  position: relative;
  margin-top: 64px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__figure {
    max-width: 190px;
  }
}

.donation-entry-certificate__figure:after {
  position: absolute;
  right: 10px;
  bottom: 10px;
  content: url(../assets/img/scale.svg);
}

.donation-entry-certificate__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.donation-entry-certificate__form .form-group:focus-within:after {
  display: none;
}

.donation-entry-certificate__form select.form-control {
  height: 60px;
  padding: 0 64px 0 24px;
}

.donation-entry-certificate__form select::-ms-expand {
  display: none;
}

.donation-entry-certificate__counter {
  font-size: 1.75rem;
  line-height: 50px;
  font-family: WWF, sans-serif;
  height: 50px;
  width: 110px;
  text-align: center;
}

.donation-entry-certificate__counter-label {
  font-size: 1.75rem;
  line-height: 36px;
  color: #fff;
  font-family: WWF, sans-serif;
  margin-left: 24px;
}

.donation-entry-certificate__select-wrapper {
  margin: 24px 0 8px;
}

.donation-entry-certificate__price-wrapper {
  font-size: 0.875rem;
  line-height: 20px;
  color: #fff;
  display: block;
  text-align: right;
}

.donation-entry-certificate__totalsum-wrapper {
  font-size: 2.75rem;
  line-height: 50px;
  color: #fff;
  font-family: WWF, sans-serif;
  text-align: right;
  padding: 0 48px;
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__totalsum-wrapper {
    font-size: 2.5rem;
    line-height: 48px;
    text-align: left;
    margin-top: 25px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__totalsum-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
  }
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__totalsum-number {
    text-align: right;
  }
}

.donation-entry-certificate__sum-wrapper {
  font-size: 2rem;
  line-height: 40px;
  color: #fff;
  font-family: WWF, sans-serif;
  text-align: right;
  margin-top: 64px;
}

.donation-entry-certificate__btn-wrapper {
  text-align: right;
  padding: 0 48px 48px;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__btn-wrapper {
    padding: 0 0 48px;
  }
}

.donation-entry-certificate__btn {
  font-size: 1.25rem;
  line-height: 28px;
  color: #fff;
  letter-spacing: 1px;
  background: none;
  border: 0;
  font-family: WWF, sans-serif;
  text-transform: uppercase;
  margin-right: auto;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #fff;
  padding: 0;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__btn {
    position: relative;
  }
}

.donation-entry-certificate__btn:after {
  position: absolute;
  right: -35px;
  bottom: -10px;
  content: url(../assets/img/add.svg);
}

.donation-entry-certificate__btn--add {
  bottom: -22px;
  left: 0;
}

@media screen and (max-width: 768px) {
  .donation-entry-certificate__btn--add {
    bottom: 0;
  }
}

.donation-entry-certificate__btn--remove {
  top: 0;
  left: 0;
}

.donation-entry-certificate__btn--remove:after {
  content: url(../assets/img/minus.svg);
  bottom: -12px;
}

.donation-entry-certification__hint {
  font-size: 0.875rem;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
}

@media screen and (max-width: 768px) {
  .donation-entry-certification__hint {
    padding: 15px 24px;
  }
}

#external {
  background-color: #eceadc;
}
#external button:focus {
  outline: 0;
}
#external .header {
  padding: 0px;
}
#external .header.is-scrolled {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
@media (min-width: 992px) {
  #external .header.is-scrolled {
    -webkit-transform: translateY(-52px);
    -ms-transform: translateY(-52px);
    transform: translateY(-52px);
  }
}
#external .header .header__burger {
  margin-right: 20px;
}
#external .header__nav__item {
  position: absolute;
  top: 0px;
  left: 140px;
  display: none;
  font-family: WWF, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

#external .header__nav__item a {
  text-decoration: none;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  #external .header__nav__item {
    display: block;
  }
}
/* #external .content-wrap .traveller_camp_number {
  display: inline-block;
  height: 31px;
  width: 46px;
  padding: 2px;
  margin-top: -4px;
  padding-left: 8px;
  appearance: none;
  border-radius: 0;
  border: solid 2px #7b8427;
  font-size: 14px;
  background: url(../assets/wwf-new-layout/select_arrow.png) no-repeat;
  background-size: 22px;
  background-position: 21px -1px; } */
#external .content-wrap .container-head {
  margin-top: 110px;
  margin-bottom: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#external .content-wrap .container-head p {
  font-size: 14px;
}
#external .content-wrap .container-head h1 {
  font-size: 44px;
}
@media (min-width: 992px) {
  .headline_1--no-camps,
  #external .content-wrap .container-head {
    padding-left: 140px;
    margin-top: 80px;
  }
  #external .content-wrap .container-head .text_2 {
    font-size: 16px;
    line-height: 26px;
    max-width: 846px;
  }
}
/* #external .content-wrap .hero-container {
  position: relative;
  box-sizing: border-box;
  min-height: 200px;
  padding: 40px 20px;
  color: white;
  background-color: #7b8427;
  margin: 15px -24px;

}
@media (min-width: 992px) {
  #external .content-wrap .hero-container {
    margin: 15px 0 0;
    padding: 90px 20px 90px 150px;

  }
}
#external .content-wrap .hero-container h2 {
  padding: 0px;
  margin: 0px;
  font-size: 56px;
}
#external .content-wrap .hero-container .subtext-head {
  color: #aead0d;
  font-size: 18px;
  font-family: WWF;
  text-transform: uppercase;
  margin-top:15px;
  display: inline-block;
}
#external .content-wrap .hero-container .hero-wwf-logo {
  margin-top: -20px;
  margin-left: -20px;
  width: 90px;
  height: 90px;
  color: black; }
@media (min-width: 768px) {
  #external .content-wrap .hero-container{
    padding-left: 170px;
  }

  #external .content-wrap .hero-container .hero-wwf-logo {
    position: absolute;
    top: 30px;
    left: 10px;
    margin-top: 0px;
    margin-left: 0px;
    width: 130px;
    height: 130px; } }

@media (min-width: 992px) {
  #external .content-wrap .hero-container .hero-wwf-logo {
    position: absolute;
    top: 40px;
    left: 5px;
    margin-top: 0px;
    margin-left: 0px;
    width: 150px;
    height: 150px;
  }
} */

#external .content-wrap .tourlist-container {
  padding: 30px 0px;
  margin-bottom: 40px;
  text-align: center;
  font-family: WWF;
}
#external .content-wrap .tourlist-container .row {
  padding: 20px;
  margin: 10px -15px 10px;
  background-color: #f4f3ea;
}
#external .content-wrap .tourlist-container .row .list-col {
  margin-bottom: 10px;
  text-align: left;
  padding: 0 15px;
}
#external .content-wrap .tourlist-container .row .list-col-more {
  max-height: 0px;
  overflow-y: hidden;
}
#external .content-wrap .tourlist-container .row .list-col-more.active {
  max-height: 100vh;
  -webkit-transition: max-height 1.1s ease-in;
  -o-transition: max-height 1.1s ease-in;
  transition: max-height 1.1s ease-in;
}
@media (min-width: 768px) {
  #external .content-wrap .tourlist-container .row .list-col {
    text-align: center;
    padding: 0;
    margin-bottom: 0px;
  }
}
#external .content-wrap .tourlist-container .row.disabled .list-seats,
#external .content-wrap .tourlist-container .row.disabled .list-traveler,
#external .content-wrap .tourlist-container .row.disabled .list-btn {
  opacity: 0.3;
}
#external .content-wrap .tourlist-container .row.disabled .list-seats:before,
#external .content-wrap .tourlist-container .row.disabled .list-traveler:before,
#external .content-wrap .tourlist-container .row.disabled .list-btn:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
}
#external .content-wrap .tourlist-container .list-date {
  color: #555555;
  font-size: 16px;
}
#external .content-wrap .tourlist-container .list-tour {
  font-size: 32px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  #external .content-wrap .tourlist-container .list-tour {
    font-size: 24px;
    padding-bottom: 0px;
  }
}
#external .content-wrap .tourlist-container .tour-seats {
  font-size: 18px;
  color: #aead0d;
}
#external .content-wrap .tourlist-container .btn {
  margin-top: 10px;
  background-color: #aead0d;
  color: white;
  font-weight: normal;
  font-size: 16px;
  line-height: 0;
  height: 51px;
  border: 0;
}

@media (min-width: 768px) {
  #external .content-wrap .tourlist-container .btn {
    margin-top: -10px;
    background-color: #aead0d;
    color: white;
    font-weight: normal;
    font-size: 16px;
    line-height: 0;
    height: 51px;
  }
}

@media (min-width: 978px) {
  #external #page #header {
    width: 100vw;
    height: 79px;
  }
}

@media (min-width: 992px) {
  #external #page #header {
    width: 100%;
    height: 136px;
  }
  #external #page #header ul {
    margin-top: 0px;
  }
}

/*Here form*/
/* #external #parent_data div #parent_data_form {
    width: 100%!important;

}

#external #page #content .section .span_2{
  width:100%;

}

#external #street {
  width: 100%!important;
}

#external #streetnumber {
  width: 100%!important;
}

#external #booker-zip {
  width: 100%!important;
}

#external #booker-zip .control-label {
  display:block;
}

@media (min-width: 768px) {
  #external #page #content .section .span_2{
    width:50%;

  }

  #external #street {
    width: 50%!important;
  }

  #external #streetnumber {
    width: 50%!important;
  }
  #external #streetnumber {
    width: 50%!important;
  }
  #external #booker-zip {
    width: 50%!important;
  }
#external #booker-zip input[type=text]{
  width: 50%!important;
 }
} */

#external #page #content .headline_1 {
  padding-top: 0px !important;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

#external #parent_data {
  padding-top: 20px !important;
}

/* #external .section#reserve_step2_formChild div select {
  padding: 0px;
  background-color: white;
  appearance: none;
  outline: 0px;
  border: 0px !important;
  width: 96%!important;
  margin-top: 10px;
} */

#external #parent_data_referer .formulartext {
  width: 100% !important;
}

#external #parent_data_referer .field-booker-referrer {
  background-color: white;
  padding: 0px !important;
}
#external #parent_data_referer .field-booker-referrer::after {
  content: " ";
  width: 100%;
  height: 40px;
  background-color: white;
  display: block;
  position: absolute;
  top: 35px;
  left: 0px;
  z-index: -1;
}

#external #page #content .section#reserve_reisender .reserveItem {
  background-color: #f4f3ea !important;
}

#external #page #content #reserve_reisender .reserveItem a {
  display: block;
  padding-top: 0;
  margin-top: 15px;
  width: 100%;
  text-align: center !important;
}

#external #page #content #reserve_reisender .headline_2 {
  font-family: WWF-Regular;
  font-size: 44px;
}

/* #external #page #content .section#reserve_reisender .reserveItem .button_small {
  width:100%;
  color: white!important;
  background-color: #7c8426!important;
  border: 3px solid #7c8426!important;
  height:62px!important;
  text-transform: uppercase;
  padding-top: 15px;
  font-family: WWF-Regular;
}

#external #page #content .section#reserve_reisender .reserveItem .buttontext {
  font-weight: normal;
  font-size: 20px;

}
#external #page #content .section#reserve_reisender .reserveItem .button_small:hover {
  color: #aead0d!important;
  background-color: white!important;
} */

#external #parent_data_contact_form .has-error .help-block,
#external #child_data_form .has-error .help-block,
#external #parent_data_form .has-error .help-block {
  position: absolute;
  top: 105px;
}

#external #parent_data_contact_form #Gutscheinfeld .has-error .help-block {
  top: 75px;
}

#external #content #reserve_step2_formChild #child_data .headline_1 {
  background-color: rgb(244, 243, 234) !important;
  padding: 15px 15px 0px;
  padding-top: 30px !important;
}

#external #content #reserve_step2_formChild #child_data_form {
  background-color: rgb(244, 243, 234) !important;
}

#external
  #content
  #reserve_step2_formChild
  #child_data_form
  .traveller-address-btn {
  margin: 0;
  color: black !important;
  text-decoration: underline;
}

#external #content #reserve_step2_formChild #child_data_form .span_6 {
  margin: 30px 0 !important;
}

#external
  #content
  #reserve_step2_formChild
  #child_data_form
  #traveller-internalnote {
  min-height: 220px;
  width: 100% !important;
}

@media (max-width: 650px) {
  /*
  #external #content .section #bottom_links #submit_btn input[type='submit'] {
    width: calc(100% - 73px)!important;

  }
  #external #back_btn .button{
    width: calc(100% - 73px)!important;

  }

  #external #back_btn .button_back{
    width: 100%;

  } */
}
@media (min-width: 651px) {
  #external #page #content .section #bottom_links {
    padding: 0 32px;
  }

  #external #page #content #reserve_reisender .reserveItem a {
    display: initial;
    float: right;
    width: auto;
  }

  #external
    #page
    #content
    .section#reserve_reisender
    .reserveItem
    .button_small {
    width: 215px;
    float: right;
  }
}

@media (max-width: 767px) {
  #external #page #content .section .span_2 {
    width: 100% !important;
  }

  #external
    #page
    #content
    .section#reserve_step2_formChild
    #parent_data
    div
    #parent_data_form {
    width: 100%;
  }

  #external #page #content .section .span_6 {
    /* min-width: 275px; */
    width: 100%;
    padding: 30px;
  }

  #external
    #page
    #content
    .section#reserve_step2_formChild
    #parent_data_referer
    #parent_data_referer_form {
    width: 100% !important;
  }
  #external
    #page
    #content
    .section#reserve_step2_formChild
    #child_data
    div
    #child_data_form {
    background-color: rgb(244, 243, 234) !important;
    width: 100%;
  }
}

#external #page #content .control-label {
  font-size: 13px;
}

/* #external #page #content .section#reserve_step2_formChild #parent_data .headline_1{
  font-size: 45px;
  line-height: 56px;
} */

#external
  #page
  #content
  .section#reserve_step2_formChild
  #parent_data_contact
  div
  #parent_data_contact_form {
  width: 100% !important;
}

/*
 * BOOKING STEPS START
 * 1.   /buchung/buchender
 * 2.   /buchung/reisende-auswahl
 * 2.1. /buchung/reisender-*
 * 3.   /buchung/zahlungsweise
 * 4.   /buchung/zusammenfassung
 */

form#booking-form[action="/buchung/buchender"]
  #parent_data_contact:nth-child(2),
form#booking-form[action^="/buchung/reisender"]
  #parent_data_contact:nth-child(2),
form#booking-form[action="/buchung/zahlungsweise"]
  #parent_data_contact:nth-child(2) {
  background-color: #f4f3ea !important;
}

/* Step 1: "Buchender" */

form#booking-form[action="/buchung/buchender"] #referrer-alternative-wrapper {
  margin-top: 30px;
}

form#booking-form[action="/buchung/buchender"]
  .field-booker-refalternative
  > input {
  height: 25px;
}

/* Step 3: "Zahlungsweise" */

form#booking-form[action="/buchung/zahlungsweise"]
  #parent_data_contact:nth-child(2)
  > .span_6 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

form#booking-form[action="/buchung/zahlungsweise"]
  #parent_data_contact:nth-child(2)
  #parent_data_contact_form {
  padding: 40px 15px;
}

form#booking-form[action="/buchung/zahlungsweise"]
  #parent_data_contact:nth-child(2)
  #parent_data_contact_form
  > * {
  padding-left: 0 !important;
}

@media (min-width: 768px) {
  form#booking-form[action="/buchung/zahlungsweise"]
    #parent_data_contact
    .field-booking-payment_name {
    width: 510px !important;
  }
}

@media (min-width: 978px) {
  form#booking-form[action="/buchung/zahlungsweise"]
    #parent_data_contact
    .field-booking-payment_name {
    width: 493px !important;
  }
}

/* Step 4: "Zusammenfassung" */

form#booking-form[action="/buchung/zusammenfassung"] #reserve_header {
  margin-bottom: 40px !important;
}

#reserve_camps,
form#booking-form[action="/buchung/zusammenfassung"] #reserve_camps {
  padding-bottom: 0 !important;
}

#reserve_camps > .span_6,
form#booking-form[action="/buchung/zusammenfassung"] #reserve_camps > .span_6 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#reserve_camps .reserveItem_img_container {
  display: none;
  position: relative;
}

#reserve_camps .campDetail_img .reserveItem_img,
#reserve_camps .reserveItem_img_container .reserveItem_img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#reserve_camps .reserveItem_maininfo,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_maininfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#reserve_camps .reserveItem_maininfo > *:not(:last-child),
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_maininfo
  > *:not(:last-child) {
  margin-bottom: 12px;
}

#reserve_camps .reserveItem_info_container,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_info_container {
  margin-bottom: 24px !important;
}

#reserve_camps .reserveItem_info_wrapper,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_info_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#reserve_camps .reserveItem_info_wrapper .bull,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_info_wrapper
  .bull {
  display: block !important;
  margin: 0 5px;
  padding: 0 !important;
}

#reserve_camps .reserveItem_info_duration,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_info_duration {
  margin-bottom: 0 !important;
}

form#booking-form[action="/buchung/zusammenfassung"]
  #notes_data
  [href="/buchung/zahlungsweise"] {
  z-index: 2;
}

#reserve_camps .reserveItem_action_container {
  width: 100%;
}

#reserve_camps .traveller_camp_number-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#reserve_camps .traveller_camp_number-wrapper + .reserveItem-cta {
  margin-top: 16px;
}

#reserve_camps .traveller_camp_number-wrapper .countertext {
  margin-top: -0.3em;
}

#reserve_camps
  .traveller_camp_number-wrapper
  .countertext
  + .traveller_camp_number {
  margin-left: 16px;
}

#reserve_camps .infotext_2,
#reserve_camps .reserveItem_info_title,
#reserve_camps .reserveItem_info_wrapper > *,
#reserve_camps .reserveItem_info_date,
#reserve_camps .reserveItem_info_duration,
#reserve_camps .reserveItem_info_bull,
#reserve_camps .reserveItem_info_availability,
#reserve_camps .reserveItem_step2_info_availability {
  font-family: WWF, sans-serif;
  font-weight: 400;
}

#reserve_camps .infotext_2,
#reserve_camps .reserveItem_step2_info_availability,
#reserve_camps .reserveItem_info_availability,
#reserve_camps .reserveItem_info_date,
#reserve_camps .reserveItem_info_duration,
#reserve_camps .reserveItem_info_bull,
#reserve_camps .reserveItem_info_wrapper > * {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.333;
}
#reserve_camps .reserveItem_step2_info_availability,
#reserve_camps .reserveItem_info_availability,
#reserve_camps .reserveItem_info_availability--disabled,
#reserve_camps .reserveItem_info_form .countertext.is-disabled,
#reserve_camps .reserveItem_info_date,
#reserve_camps .reserveItem_info_duration,
#reserve_camps .reserveItem_info_bull,
#reserve_camps .reserveItem_info_wrapper > * {
  color: #bbb8b8;
}

#reserve_camps .reserveItem select:disabled,
#reserve_camps .reserveItem .reserveItem-cta:disabled,
#reserve_camps .reserveItem_info_form .countertext.is-disabled,
#reserve_camps .reserveItem_info_availability--disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#reserve_camps .container.is-parent .reserveItem_info_date,
#reserve_camps .container.is-parent .reserveItem_info_availability {
  color: #000;
}

#reserve_camps .reserveItem_step2_info_availability {
  padding: 0;
  float: none;
  width: auto;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.333;
  color: #7b8427;
}

#reserve_camps .reserveItem_info_campname,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_info_campname {
  margin-top: auto;
  color: #000;
}

#reserve_camps .reserveItem_info_title,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_info_title {
  margin-bottom: 14px !important;
  font-size: 44px;
  line-height: 1.136;
  color: #000;
  letter-spacing: 0.5px;
}

#reserve_camps .font_green,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .font_green {
  color: #aead0d;
}

#reserve_camps .campDetail ul,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .campDetail
  ul {
  padding: 0;
}

#reserve_camps .campDetail li,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .campDetail
  li {
  margin: 0;
}

#reserve_camps .reserveItem_subinfo_btn,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_subinfo_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#reserve_camps .reserveItem_subinfo_btn_text,
#reserve_camps .reserveItem_subinfo_btn:hover .reserveItem_subinfo_btn_text {
  color: #000000;
}

#reserve_camps .reserveItem_subinfo_btn_arrow,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_subinfo_btn_arrow {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-filter: grayscale(1) contrast(2);
  filter: grayscale(1) contrast(2); /* turn the arrow black without changing the actual asset */
}

#reserve_camps .reserveItem_subinfo_pdf,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_subinfo_pdf {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  text-decoration: none;
}

#reserve_camps .reserveItem_subinfo_pdf_icon,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .reserveItem_subinfo_pdf_icon {
  margin-right: 0.5em;
}

#reserve_camps .container.is-parent .reserveItem {
  border-bottom: 1px solid #d8d6d6;
}

#reserve_camps .container.is-parent .reserveItem {
  margin-bottom: 10px !important;
}

#reserve_camps .container.is-parent .reserveItem:last-child {
  margin-bottom: 0 !important;
}

/*
#external .content-wrap .hero-container .hero-wwf-logo {
  margin-top: -20px;
  margin-left: -20px;
  width: 90px;
  height: 90px;
  color: black; }
@media (min-width: 768px) {
  #external .content-wrap .hero-container .hero-wwf-logo {
    position: absolute;
    top: 30px;
    left: 10px;
    margin-top: 0px;
    margin-left: 0px;
    width: 130px;
    height: 130px; } }

@media (min-width: 992px) {
  #external .content-wrap .hero-container .hero-wwf-logo {
    position: absolute;
    top: 40px;
    left: 5px;
    margin-top: 0px;
    margin-left: 0px;
    width: 150px;
    height: 150px;
  }
} */

#reserve_camps .container.is-parent {
  margin-bottom: 32px;
}

#reserve_camps .container.is-parent .hero-container {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 200px;
  padding: 40px 20px;
  color: white;
  background-color: #7b8427;
}

#reserve_camps .container.is-parent .hero-container h2 {
  padding: 0px;
  margin: 0px;
  font-size: 56px;
}

#reserve_camps .container.is-parent .hero-container .subtext-head {
  color: #aead0d;
  font-size: 18px;
  font-family: WWF;
  text-transform: uppercase;
  margin-top: 15px;
  display: inline-block;
}

#reserve_camps .container.is-parent .hero-container .hero_image {
  margin-bottom: 10px;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
}

#reserve_camps
  .container.is-parent
  .reserveItem
  .reserveItem_info_form--travellerCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#reserve_camps
  .container.is-parent
  .reserveItem
  .reserveItem_table_item:not(:last-child) {
  margin-bottom: 30px;
}

#reserve_camps
  .container.is-parent
  .reserveItem
  .reserveItem_table_item
  .reserveItem_info_title {
  margin-bottom: 0 !important;
}

#reserve_camps
  .container.is-parent
  .reserveItem
  .reserveItem_table_item.reserveItem_info_date,
#reserve_camps
  .container.is-parent
  .reserveItem
  .reserveItem_table_item.reserveItem_info_indicator {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #reserve_camps .container.is-parent .hero-container .hero_image {
    width: 130px;
    height: 130px;
  }
}

@media (min-width: 992px) {
  #reserve_camps .container.is-parent {
    margin-bottom: 64px;
  }

  #reserve_camps .container.is-parent .hero-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 90px 20px;
  }

  #reserve_camps .container.is-parent .hero-container .hero_image {
    width: 150px;
    height: 150px;
    margin-right: 20px;
    margin-bottom: 0;
  }

  #reserve_camps .container.is-parent .reserveItem .reserveItem_table {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1.4fr 20px 1.7fr 20px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1.4fr 1.7fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  #reserve_camps .container.is-parent .reserveItem .reserveItem_table_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0 !important;
  }

  #reserve_camps
    .container.is-parent
    .reserveItem
    .reserveItem_table_item--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #reserve_camps .container.is-parent .reserveItem .reserveItem-cta {
    width: auto !important;
    max-width: 100%;
  }

  #reserve_camps .container.is-parent .reserveItem .reserveItem_info_title {
    font-size: 24px;
  }

  #reserve_camps .container.is-parent .reserveItem .infotext_2 {
    font-size: 18px;
  }

  #reserve_camps
    .container.is-parent
    .reserveItem
    .reserveItem_info_form--travellerCount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #reserve_camps
    .container.is-parent
    .reserveItem
    .reserveItem_info_form--travellerCount
    > .countertext {
    line-height: 1;
  }

  #reserve_camps
    .container.is-parent
    .reserveItem
    .reserveItem_info_form--travellerCount
    > .countertext
    + select.traveller_camp_number {
    margin-left: 15px;
  }
}

#reserve_camps .reserveItem select {
  height: 32px;
  width: 64px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  border: solid 2px #7b8427;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1;
  background-image: url("../wwf-new-layout/select_arrow_wet.jpg");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 100%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#reserve_camps .reserveItem select:disabled {
  border-color: #e6e8d6;
  background-image: url("../wwf-new-layout/select_arrow_wet_disabled.jpg");
}

#reserve_camps .reserveItem .reserveItem-cta:disabled {
  opacity: 0.3;
  pointer-events: none;
}

.reserveItem_info_form #reserve_camps .reserveItem select::-ms-expand {
  display: none;
}

#reserve_camps .reserveItem .reserveItem_info_availability_value {
  color: #aead0d;
}

/* form#booking-form[action="/buchung/zusammenfassung"] #reserve_camps .reserveItem_subinfo_btn_text::after {
  content: "";
  display: block;
  height: 1px;
  background: black;
  margin-top: 4px;
} */

@media (min-width: 978px) {
  #reserve_camps .reserveItem_info_wrapper .bull,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_camps
    .reserveItem_info_wrapper
    .bull {
    margin: 0 10px;
  }

  #reserve_camps .reserveItem_maininfo,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_camps
    .reserveItem_maininfo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  #reserve_camps .reserveItem_maininfo > *:not(:last-child),
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_camps
    .reserveItem_maininfo
    > *:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 0 !important;
  }

  #reserve_camps .reserveItem_img_container,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_camps
    .reserveItem_img_container {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
  }

  #reserve_camps .reserveItem_info_container,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_camps
    .reserveItem_info_container {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  #reserve_camps .reserveItem_action_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
  }

  #reserve_camps .reserveItem_action_container .reserveItem_info_form {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  #reserve_camps .reserveItem_btn_container,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_camps
    .reserveItem_btn_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  .headline_1 {
  margin-bottom: 40px !important;
  padding-bottom: 0 !important;
}

form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  .traveller {
  background-color: #f4f3ea;
}

form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  .traveller
  + .traveller {
  margin-top: 20px;
}

form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  > .span_6:first-child,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  .traveller
  > .span_6,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  #notes_data {
  padding-top: 40px;
  padding-bottom: 40px;
}

form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  #notes_data
  > .span_6 {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#reserve_camps .campDetail .is-label,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .campDetail
  .is-label,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  #user_data
  .span_2.text_2
  > .is-label,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  #notes_data
  .span_2.text_2
  > .is-label {
  font-family: "WWF", sans-serif;
  line-height: 1.333;
  font-size: 18px;
  font-weight: 400 !important;
}

#reserve_camps .campDetail_element,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_camps
  .campDetail_element,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  #user_data
  .span_2.text_2,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  #notes_data
  .span_2.text_2 {
  font-size: 14px;
  line-height: 1.714;
}

@media screen and (min-width: 768px) {
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_step3_confirmation
    #user_data
    > .span_2.float_left,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_step3_confirmation
    #notes_data
    > .span_2.float_left {
    width: 248px !important;
  }
}

@media screen and (min-width: 978px) {
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_step3_confirmation
    #user_data
    > .span_2.float_left,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_step3_confirmation
    #notes_data
    > .span_2.float_left {
    width: 244px !important;
  }
}

form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  .traveller
  #user_data {
  padding: 0 !important;
}

/* form#booking-form[action="/buchung/zusammenfassung"] #reserve_step3_confirmation a:not(#datenschutz):not(#teilnahme) {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 1px;
} */

form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme) {
  float: none !important;
  /* display: block !important; */
  margin-bottom: 25px !important;
}

@media (min-width: 767px) {
  #external #page #content #reserve_step4_confirmation .button_inline,
  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_step3_confirmation
    a:not(#datenschutz):not(#teilnahme) {
    width: auto !important;
  }

  form#booking-form[action="/buchung/zusammenfassung"]
    #reserve_step3_confirmation
    a:not(#datenschutz):not(#teilnahme) {
    float: right !important;
    min-width: auto !important;
  }

  #reserve_step4_confirmation
    a[href="/buchung/buchungsbestaetigung-herunterladen"] {
    margin-top: 30px !important;
  }
}

/*
 * BOOKING STEPS END
 */

#external
  #content
  .section#reserve_step2_formChild
  #parent_data_contact
  .headline_1 {
  font-size: 45px;
  line-height: 56px;
  margin-bottom: 30px;
  width: 100% !important;
  /* padding:0 35px; */
}

@media (min-width: 768px) {
  #streetnumber {
    width: 110px !important;
  }
  #external
    #page
    #content
    .section#reserve_step2_formChild
    #parent_data
    div
    #parent_data_form {
    width: 100%;
  }
  #external #page #content .section .span_2 {
    /* min-width: 275px; */
    width: 216px;
  }

  #external #page #content .section .span_2#street {
    /* min-width: 275px; */
    width: 410px !important;
  }

  #external #page #content .section .span_2#streetnumber {
    /* min-width: 275px; */
    margin-right: 5px;
  }

  #external #page #content .section .span_2#zipcode {
    clear: left;
  }

  #external #page #content .section #bottom_links {
    padding: 50px 10px;
  }
  #external
    #content
    .section#reserve_step2_formChild
    #parent_data_referer
    .span_6 {
    padding: 35px 10px !important;
  }

  #external #page #content .section#reserve_reisender .traveller-type {
    margin-top: 30px;
  }

  #external #content #reserve_step2_formChild #child_data .headline_1 {
    width: 532px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  #external #page #content .section .span_2 {
    /* min-width: 275px; */
    width: 295px;
  }

  #external #page #content .section .span_2#street {
    /* min-width: 275px; */
    width: 504px !important;
  }

  #external #content #reserve_step2_formChild #child_data .headline_1 {
    width: 798px;
    margin: 0 auto;
  }
}

#external #page #content .section .span_2 .headline_1 {
  padding-bottom: 5px;
}

#external #parent_data_form div {
  padding: 0px;
  height: auto !important;
  border-radius: 0px;
}

#external #parent_data_form > .span_6 {
  padding: 0px !important;
}

#external div input[type="text"] {
  width: 100% !important;
  height: auto;
  padding-left: 7px;
  border-style: solid;
  border-width: 11px !important;
  border-color: white !important;
  border-radius: 0px !important;
  outline: 0;
}
/*
#external #content .section #bottom_links #submit_btn input[type='submit'] {
  color: white!important;
  background-color: #aead0d!important;
  border: 3px solid #aead0d!important;
  height:62px!important;
  text-transform: uppercase;
  outline: 0;
}

#external #page #content .section #bottom_links #submit_btn input[type='submit']:hover {
  cursor: pointer;
  color: #aead0d!important;
  background-color: #ffffff!important;
  outline: 0;
} */

/* #external #back_btn .button_back{
  background-image: url();
  background-color: #d8d6d6;
  border:3px solid #d8d6d6;
  color:white;
  height:62px;
  padding-top:10px;
  text-transform: uppercase;
  outline: 0;
}

#external #back_btn .button_back:hover{
  background-image: url();
  background-color: white;
  border:3px solid #d8d6d6;
  color:#d8d6d6;
  outline: 0;
} */

/**
 * Bottom Links START
 */

/* BUTTON RESETS START */
#bottom_links .centered {
  margin: unset;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
#bottom_links .button {
  display: unset;
  height: auto;
  width: auto;
  cursor: unset;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline .buttontext,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
#bottom_links .buttontext {
  font-weight: unset;
  font-size: unset;
  line-height: unset;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline .buttontext,
#bottom_links .font_white {
  color: unset;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
#bottom_links [type="submit"] {
  margin: 0;
  padding: 0;
  overflow: visible;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  text-transform: none;
  -webkit-appearance: none;
  background: none;
  border: none;
}
/* BUTTON RESETS END */

/* BOTTOM LINKS WRAPPER START */

#bottom_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#bottom_links > *:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  #bottom_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #bottom_links > * {
    margin-bottom: 0 !important;
  }
}

/* BOTTOM LINKS WRAPPER END */

/** BUTTON STYLES START */

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme),
#bottom_links #submit_btn,
#bottom_links #back_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme),
#bottom_links #submit_btn > input[type="submit"],
#bottom_links #back_btn > a {
  width: 100%;
  min-height: 56px;
  min-width: 188px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0; /* Compensate the vertically not centered font */
  padding-left: 0;
  background-color: #000000;
  -webkit-transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
  -o-transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme),
#bottom_links #submit_btn > input[type="submit"],
#bottom_links #back_btn > a .button_small {
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline .buttontext,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme),
#bottom_links #submit_btn > input[type="submit"],
#bottom_links #back_btn > a {
  font-family: WWF, sans-serif;
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}

#bottom_links #submit_btn > input[type="submit"],
#bottom_links #back_btn > a {
  display: block;
}

#reserve_camps .container.is-parent .reserveItem-cta,
#bottom_links #submit_btn > input[type="submit"] {
  background-color: #aead0d;
}

#bottom_links #submit_btn > input[type="submit"] {
  padding-right: 68px;
  cursor: pointer;
}

#bottom_links #back_btn > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #d8d6d6;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme),
#bottom_links #back_btn > a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#reserve_camps .reserveItem-cta,
#external #page #content #reserve_step4_confirmation .button_inline,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme) {
  background-color: #7b8427;
}

#reserve_camps .reserveItem-cta,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#reserve_camps .reserveItem-cta:hover,
#external #page #content #reserve_step4_confirmation .button_inline:hover,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small:hover,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme):hover {
  background-color: #ffffff;
}

#reserve_camps .reserveItem-cta:hover,
#external
  #page
  #content
  #reserve_step4_confirmation
  .button_inline:hover
  .buttontext,
form#booking-form[action="/buchung/reisende-auswahl"]
  #reserve_reisender
  .button_small:hover,
form#booking-form[action="/buchung/zusammenfassung"]
  #reserve_step3_confirmation
  a:not(#datenschutz):not(#teilnahme):hover {
  color: #7b8427;
}

#reserve_camps .reserveItem-cta,
#external
  #page
  #content
  #reserve_step4_confirmation
  .button_inline
  .buttontext {
  text-align: center;
}

#reserve_camps .container.is-parent .reserveItem-cta:hover,
#bottom_links #submit_btn:hover > input[type="submit"] {
  background-color: #ffffff;
  color: #aead0d;
}

#bottom_links #back_btn:hover > a {
  background-color: #000000;
  color: #ffffff;
}

#bottom_links #submit_btn::after {
  display: block;
  position: absolute;
  right: 22px;
  width: 24px;
  height: 24px;
}

#bottom_links #submit_btn::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(255,255,255)" d="M14.95 11.536l-4.24-4.24a1 1 0 00-1.42 1.41l3.54 3.54-3.54 3.54a1 1 0 000 1.41 1 1 0 00.71.29 1 1 0 00.71-.29l4.24-4.24a1 1 0 000-1.42z"/></svg>');
}

#bottom_links #submit_btn:hover::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(174,173,13)" d="M14.95 11.536l-4.24-4.24a1 1 0 00-1.42 1.41l3.54 3.54-3.54 3.54a1 1 0 000 1.41 1 1 0 00.71.29 1 1 0 00.71-.29l4.24-4.24a1 1 0 000-1.42z"/></svg>');
}

/** BUTTON STYLES END */

/**
 * Bottom Links END
 */

#external form .form-control {
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  line-height: 1.63;
  background-color: #fff;
  padding: 20px;
  width: 100%;
  border: white;
  outline: 0;
}

/* #external form select.form-control {
  width: 100%;
  height: 29px;
  padding: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: white;
  border-radius: 4px;
  margin-top: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: 0;

} */

#external .control-label {
  display: inline-block;
  margin-bottom: 5px;
}

#external #parent_data_form div.field-booker-gender {
  position: relative;
  height: 100px !important;
}

#external .field-booker-gender #booker-gender,
#external #page #content .section#reserve_step2_formChild div select {
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0px !important;
  line-height: 1.63;

  padding: 20px 0 20px 18px;
  width: 100% !important;
  height: auto !important;

  background-image: url("../wwf-new-layout/select_arrow_wet_02.png");
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: contain;
}

/* #reserve_camps .reserveItem select {
  height: 32px;
  width: 64px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  border: solid 2px #7B8427;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1;
  background-image: url("../wwf-new-layout/select_arrow_wet.jpg");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 28px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
} */

/* #external .field-booker-gender::after {
  content: " ";
  width: 100%;
  height: 62px;
  background-color: white;
  display: block;
  position: absolute;
  top: 35px;
  left: 0px;
  z-index: -1;
} */

/* #external #street {
  width: 100%!important;
}

#external #streetnumber {
  width: 100%!important;
}

#external #booker-zip {
  width: 100%!important;
}

#external #booker-zip .control-label {
  display:block;
} */

/* @media (min-width: 768px) {
  #external #street {
    width: 50%!important;
  }

  #external #streetnumber {
    width: 50%!important;
  }
  #external #booker-zip {
    width: 50%!important;
  }
#external #booker-zip input[type=text]{
  width: 100%!important;
 }
} */

#external .background_crackle {
  background-image: url();
}

#external .section#reserve_header,
#external #parent_data_contact {
  margin: 0 auto;
  max-width: 1080px;
}

#external #parent_data_contact {
  padding-bottom: 0px !important;
  background-color: unset;
}

#external .section#reserve_header {
  color: white;
  background-color: rgb(123, 132, 39);
  margin: 60px auto 0 !important;
  padding: 0px !important;
}

@media (min-width: 978px) {
  #external .section#reserve_header,
  #external #parent_data_contact {
    width: calc(100% - 48px);
  }

  #external .section#reserve_header {
    padding: 20px !important;
  }
}

#external .section#reserve_header h1 {
  text-align: left;
  font-size: 56px;
  padding-top: 0px !important;
  color: black;
}

#external .section#reserve_header h2 {
  text-align: left;
  color: black;
  font-size: 24px;
  margin-top: 20px !important;
}

#external .section#reserve_header .font_blue {
  color: white;
}

#external h1.font_blue {
  color: black;
}

#external h2.font_blue {
  color: black;
}

/* #external form select.form-control {
  padding: 32px 64px 32px 24px;
  padding:0px;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0px!important;
   outline:0px;
} */

#external ul li::before {
  content: " ";
}

@media (min-width: 978px) {
  #external .section#reserve_header #reserve_tabs {
    width: 1027px !important;
    position: relative;
    left: -65px;
  }
}

#external .align_centered {
  text-align: left !important;
}

#external #content .section#reserve_step2_formChild #parent_data_referer {
  width: 100%;
}

#external
  #content
  .section#reserve_step2_formChild
  #parent_data_contact
  .parent_data_contact_form {
  background-color: rgb(244, 243, 234) !important;
}

#external
  #content
  .section#reserve_step2_formChild
  #parent_data_contact
  .span_6 {
  padding-top: 24px;
  padding-bottom: 24px;
  /* border: 5px solid rgb(236, 234, 220) !important; */
}

#external
  #content
  .section#reserve_step2_formChild
  #parent_data_contact
  .span_6
  .headline_1 {
  width: 266px;
  margin: 0 auto;
  padding-bottom: 10px;
}

@media (min-width: 651px) {
  #external
    #content
    .section#reserve_step2_formChild
    #parent_data_contact
    .span_6
    .headline_1 {
    width: 532px;
  }
}

@media (min-width: 978px) {
  #external
    #content
    .section#reserve_step2_formChild
    #parent_data_contact
    .span_6
    .headline_1 {
    width: 798px;
  }
}

#external #content .section#reserve_step2_formChild #parent_data_referer {
  background-color: rgb(236, 234, 220) !important;
}

#external
  #content
  .section#reserve_step2_formChild
  #parent_data_referer
  .span_6 {
  padding: 24px 40px;
  background-color: #eceadc;
}

#external
  #content
  .section#reserve_step2_formChild
  #parent_data_contact
  .info-trigger-id {
  color: black;
  text-decoration: underline;
}

#external #content .span_6 .info-txt-box {
  background-color: rgb(237, 237, 237);
  background-color: white;
  border: 1px solid black;
  padding: 20px !important;
  color: black;
  margin-bottom: 24px;
}

#external #content .span_6 .info-closer {
  background-color: rgb(123, 132, 39) !important;
  border: 3px solid rgb(123, 132, 39) !important;
  width: 220px;
}

#external #content .span_6 .info-closer:hover {
  background-color: white !important;
  color: rgb(123, 132, 39) !important;
  cursor: pointer;
}

#external #content .span_6 .arrow-up {
  border-bottom: 8px solid black !important;
}

/* #external #content .section#reserve_step2_formChild div select{
  margin-left:5px;
  padding-left:0px;
} */

#external
  #content
  .section#reserve_step2_formChild
  #parent_data_referer
  .referer-text {
  text-align: left !important;
  margin-top: 0px;
}

#external
  #page
  #content
  .section#reserve_step2_formChild
  #parent_data_referer
  #parent_data_referer_form {
  width: 360px;
  margin: 0;
}

#external #page #content .section#reserve_step2_formChild #parent_data_referer {
  padding-bottom: 40px;
  background-color: #fff;
}

#external #page #content .section #reserve_tabs ul {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

#external #page #content .section #reserve_tabs ul li.active {
  color: rgb(123, 132, 39);
}

#external #page #content .section #reserve_tabs ul li.active {
  color: rgb(123, 132, 39);
}

#external #page #content .section#reserve_step3_confirmation .is-label {
  font-weight: bold;
  color: black;
}

/* #external #page .section#reserve_step3_confirmation a {
  float: right;
  font-weight: bold;
  padding: 10px;
  font-family: WWF, sans-serif;
  text-transform: uppercase;
  outline: 0px;
  color: white !important;
  background-color: rgb(123, 132, 39);
  border: 3px solid rgb(123, 132, 39);
}

#external #page .section#reserve_step3_confirmation a:hover {
  color: rgb(123, 132, 39) !important;
  background-color: white !important;

} */

#external #page .section#reserve_step3_confirmation #teilnahme,
#external #page .section#reserve_step3_confirmation #datenschutz {
  display: inline !important;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  background-color: transparent !important;
  padding: 0px;
  background-color: transparent !important;
  border: 0px;
  float: none;
  text-transform: unset;
  color: rgb(123, 132, 39) !important;
  margin: 0 !important;
}

#external #page .section#reserve_step3_confirmation #teilnahme:hover,
#external #page .section#reserve_step3_confirmation #datenschutz:hover {
  color: white;
}

#external
  #page
  #content
  .section#reserve_step3_confirmation
  div
  #user_data
  div {
  padding-left: 0px;
}

@media (min-width: 768px) {
  #external #page #content .section .span_2 {
    width: 260px;
  }

  #bottom_links #submit_btn > input[type="submit"],
  #bottom_links #back_btn > a {
    text-align: center;
  }

  #bottom_links #back_btn > a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 978px) {
  #external #page #content .section .span_2 {
    width: 252px;
  }
}

#external #page #content #reserve_step4_confirmation {
  margin-top: 30px;
}

#external #page #content #reserve_step4_confirmation .headline_1 {
  color: rgb(123, 132, 39) !important;
}

#external #page #content #reserve_step4_confirmation .introtext_2 {
  font-family: WWF-Regular;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0.04em;
  margin-top: 30px;
  font-weight: normal;
}

#external #page #content #reserve_campssuccess p {
  color: black;
}

#external #page #content .background_crackle .site-error .button_red {
  color: white !important;
  background-color: #aead0d !important;
  border: 3px solid #aead0d !important;
  height: 62px !important;
  padding-top: 8px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
}

#external #page #content .background_crackle .site-error .button_red:hover {
  color: rgb(123, 132, 39) !important;
  background-color: white !important;
}

#external #page #content .background_crackle .site-error {
  margin-bottom: 60px !important;
}

body #page #content .section#reserve_step2_formChild #Gutscheinfeld {
  margin: 0 -5px 0 -5px !important;
}

.headline_1 {
  font-size: 45px;
  letter-spacing: 0.5px;
  line-height: 1.422;
}

.headline_2 {
  letter-spacing: 0.4px;
}

/* CampList Styles

#external #page #content .section .span_6 {
          width: calc(100% - 48px)!important;
          background-color: lime;
      }

        @media (min-width: 1104px){
          #external #page #content .section .span_6 {
            width: 1080px!important;;
        }
        }
*/