 
.accordions .accordion {
  display: flex;
  flex-direction: column;
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 1rem; }
  .accordions .accordion strong {
    color: currentColor; }
  .accordions .accordion a:not(.button):not(.tag) {
    color: currentColor;
    text-decoration: underline; }
  .accordions .accordion.is-small {
    font-size: 0.75rem; }
  .accordions .accordion.is-medium {
    font-size: 1.25rem; }
  .accordions .accordion.is-large {
    font-size: 1.5rem; }
  .accordions .accordion:not(:first-child) .accordion-header {
    border-radius: 0; }
  .accordions .accordion:not(:last-child) {
    margin-bottom: 0; }
    .accordions .accordion:not(:last-child) .accordion-content {
      border-radius: 0; }
  .accordions .accordion .toggle,
  .accordions .accordion [data-action="toggle"] {
    cursor: pointer; }
  .accordions .accordion .accordion-header {
    align-items: center;
    background-color: #757763;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    justify-content: space-between;
    line-height: 1.25;
    padding: 0.5em 0.75em;
    position: relative; }
    .accordions .accordion .accordion-header .toggle {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background-color: rgba(10, 10, 10, 0.2);
      border: none;
      border-radius: 290486px;
      display: inline-block;
      flex-grow: 0;
      flex-shrink: 0;
      margin-left: 0.75em;
      height: 20px;
      width: 20px;
      max-height: 20px;
      max-width: 20px;
      min-height: 20px;
      min-width: 20px;
      outline: none;
      position: relative;
      vertical-align: top; }
      .accordions .accordion .accordion-header .toggle::before {
        color: white;
        display: block;
        left: 0;
        position: absolute;
        top: -0.1em;
        right: 0;
        bottom: 0;
        content: "+"; }
      .accordions .accordion .accordion-header .toggle::after {
        display: none; }
    .accordions .accordion .accordion-header + .accordion-body {
      overflow-y: hidden;
      max-height: 0;
      color: #757763;
      border: 1px solid #dbdbdb;
      border-radius: 4px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-top: none;
      -webkit-transition: max-height 0.2s ease;
      -moz-transition: max-height 0.2s ease;
      -o-transition: max-height 0.2s ease;
      transition: max-height 0.2s ease; }
      .accordions .accordion .accordion-header + .accordion-body .accordion-content {
        padding: 1em 1.25em; }
        .accordions .accordion .accordion-header + .accordion-body .accordion-content code,
        .accordions .accordion .accordion-header + .accordion-body .accordion-content pre {
          background-color: white; }
        .accordions .accordion .accordion-header + .accordion-body .accordion-content pre code {
          background-color: transparent; }
  .accordions .accordion.is-active .accordion-header .toggle::before {
    content: "-"; }
  .accordions .accordion.is-active .accordion-body {
    max-height: 100em; }
  .accordions .accordion.is-white {
    background-color: white; }
    .accordions .accordion.is-white .accordion-header {
      background-color: white;
      color: #0a0a0a; }
    .accordions .accordion.is-white .accordion-content {
      border-color: white;
      color: #4d4d4d; }
  .accordions .accordion.is-black {
    background-color: #fafafa; }
    .accordions .accordion.is-black .accordion-header {
      background-color: #0a0a0a;
      color: white; }
    .accordions .accordion.is-black .accordion-content {
      border-color: #0a0a0a;
      color: #0a0a0a; }
  .accordions .accordion.is-light {
    background-color: #fafafa; }
    .accordions .accordion.is-light .accordion-header {
      background-color: whitesmoke;
      color: #363636; }
    .accordions .accordion.is-light .accordion-content {
      border-color: whitesmoke;
      color: #4f4f4f; }
  .accordions .accordion.is-dark {
    background-color: #fafafa; }
    .accordions .accordion.is-dark .accordion-header {
      background-color: #363636;
      color: whitesmoke; }
    .accordions .accordion.is-dark .accordion-content {
      border-color: #363636;
      color: #2a2a2a; }
  .accordions .accordion.is-primary {
    background-color: #fff5f7; }
    .accordions .accordion.is-primary .accordion-header {
      background-color: #ff2b56;
      color: #fff; }
    .accordions .accordion.is-primary .accordion-content {
      border-color: #ff2b56;
      color: #c7082f; }
  .accordions .accordion.is-link {
    background-color: #fff5f7; }
    .accordions .accordion.is-link .accordion-header {
      background-color: #ff2b56;
      color: #fff; }
    .accordions .accordion.is-link .accordion-content {
      border-color: #ff2b56;
      color: #c7082f; }
  .accordions .accordion.is-info {
    background-color: #f6fbfe; }
    .accordions .accordion.is-info .accordion-header {
      background-color: #209cee;
      color: #fff; }
    .accordions .accordion.is-info .accordion-content {
      border-color: #209cee;
      color: #12537e; }
  .accordions .accordion.is-success {
    background-color: #f6fef9; }
    .accordions .accordion.is-success .accordion-header {
      background-color: #23d160;
      color: #fff; }
    .accordions .accordion.is-success .accordion-content {
      border-color: #23d160;
      color: #0e311a; }
  .accordions .accordion.is-warning {
    background-color: #fffdf5; }
    .accordions .accordion.is-warning .accordion-header {
      background-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .accordions .accordion.is-warning .accordion-content {
      border-color: #ffdd57;
      color: #3c3108; }
  .accordions .accordion.is-danger {
    background-color: #fff5f7; }
    .accordions .accordion.is-danger .accordion-header {
      background-color: #ff3860;
      color: #fff; }
    .accordions .accordion.is-danger .accordion-content {
      border-color: #ff3860;
      color: #cd0930; }
      
.accordions .accordion {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border-radius: 4px;
  font-size: 1.25rem; }

.accordions .accordion .accordion-header {
  align-items: center;
  background-color: transparent;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  line-height: 1.25;
  padding: 1.5em 2em 1.5em 0;
  position: relative; }

.accordions .accordion .accordion-header + .accordion-body {
  color: #757763;
  border: none;
  border-top: 1px solid #bdbdbd; }

.accordions .accordion .accordion-header + .accordion-body .accordion-content {
  padding: 0 0.75em 1em 0.75em; }

.accordion .accordion-header::after {
  border-color: #ff2b56;
  right: 1.125em;
  z-index: 4; }

.accordion.is-active .accordion-body {
  border-color: transparent !important; }
.accordion.is-active .accordion-header::after {
  transform: rotate(45deg);
  transform-origin: center; }

.accordion-header::after {
  border: 3px solid #ff2b56;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 3px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 3px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 2px;
  border-right: 0;
  border-right-color: currentcolor;
  border-top: 0;
  border-top-color: currentcolor;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em; }
  
 .accordions .accordion:not(:last-child) {
  margin-bottom: 1.5rem; }/* Fix colors/contrasts for yellow main color */
button, .button,.field--complete-text-trigger,.webform-button--submit,.complete-overlay--wrapper  {
    color: #000 !important;
}
button:hover { color: #000 !important; background: #E8DF00; }
.field--webform p a,.form-group p a {
    color: #000 !important;
    text-decoration: underline;
}
.header svg {
    -webkit-filter: invert (100%);
    filter: invert(1);
}
.accordion .accordion-header::after {
    border-color: #000;
}
.accordions .accordion .accordion-header + .accordion-body .accordion-content {
    padding: 0;
}
.accordions .accordion .accordion-header + .accordion-body {
    border-top: .2rem solid #fff502;
}

section.slider:nth-of-type(3) {
    background: #fff600;
}

section.slider:not(:nth-of-type(1)) .block-inline-blocktitle-text strong, section.slider:not(:nth-of-type(1)) .block-inline-blocktitle-text u {
    text-decoration-color: #fff657;
    text-decoration-thickness: .2rem;
    text-decoration-line: underline;
    font-weight: normal;
    text-decoration-skip-ink: none;
}


/* Center elements on top and vertical align bottom */
section.slider:nth-of-type(1) .hero-body .column{
    text-align: center;
}
section.slider:nth-of-type(1) .hero-body .column .buttons {
    display: block;
}
section.slider:nth-of-type(1) .hero .hero-body, section.slider:nth-of-type(1) .hero .hero-body {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
section.slider:nth-of-type(2) .hero .hero-body {
    background: #363636;
}

/* Other stylings */
section.slider:nth-of-type(1) {
    background-color: #000;
    background-size: cover;
    background-repeat: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(https://act.greenpeace.de/sites/default/files/microsite_layout_builder/background_image/GP1SW6N6_PressMedia%20%282500px%29.jpg) !important; 
    background-position-x: center;
}
.buttons .button {
    min-width: 8rem;
}

@media screen and (max-width: 768px) { 
    .buttons .button {
        min-width: 5rem;
    }
    section.slider:nth-of-type(1) {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(https://act.greenpeace.de/sites/default/files/microsite_layout_builder/background_image/GP1SW6N6_PressMedia%20%282500px%29.jpg) !important; 
    }
    section.slider:nth-of-type(1) .block-inline-blockbuttons {
        display: none;
    }
    section.slider:nth-of-type(1) .column {
        margin-bottom: 2rem;
    }
    .block-inline-blocktitle-text .title {
        font-size: 1.8rem !important;
    }
    section.slider:nth-of-type(1) .block-inline-blockembed {
        margin-top: 2rem;
    }
}

.button,.webform-button--submit,.block-inline-blockform input[type="submit"], .block-inline-blockcs-form input[type="submit"] {
    font-weight: 700;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.button.is-large {
    box-shadow: .2rem .2rem 0 #000000;
}
.photo-credit {
    margin-top: 3rem;
    margin-bottom: -3rem;
}
@media screen and (max-width: 768px) { 
    .photo-credit {
        margin-top: 2rem;
        margin-bottom: 0rem;
        position: absolute;
        bottom: -.6rem;
    }
}
 .vwlogo {
        max-width: 250px;
    }
@media screen and (max-width: 1024px) {
    .vwlogo {
        display: none;
    }
}
