@charset "UTF-8";
/** 3rd party librarys */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "icons";
  src: url("../Fonts/icons.eot");
  src: url("../Fonts/icons.eot?#iefix") format("eot"), url("../Fonts/icons.woff2") format("woff2"), url("../Fonts/icons.woff") format("woff"), url("../Fonts/icons.ttf") format("truetype"), url("../Fonts/icons.svg#icons") format("svg"); }

.icon-arrow-down-left:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-arrow-up-right:before, .icon-camera:before, .icon-check-square-o:before, .icon-check:before, .icon-chevron-down:before, .icon-chevron-left:before, .icon-chevron-right:before, .icon-close:before, .icon-deezer:before, .icon-external-link:before, .icon-facebook-f:before, .icon-file-pdf:before, .icon-file-word:before, .icon-instagram:before, .icon-lion:before, .icon-quote-left:before, .icon-quote-right:before, .icon-rss:before, .icon-search-plus:before, .icon-search:before, .icon-spotify:before, .icon-square:before, .icon-twitter:before, .icon-whatsapp:before, .icon-youtube:before, .form-inline .checkbox label:before,
.checkbox label:before,
.haet-cleverreach .cleverreach-checkbox label:before, .form-inline .checkbox label:after,
.checkbox label:after,
.haet-cleverreach .cleverreach-checkbox label:after, .link-internal:before,
.link-external:before, .tabbed-content__nav li a[aria-selected="true"]:after, .blockquote p:before, .blockquote p:after, .breadcrumb li:not(:last-child):after, .card-element--internal-link:after, .card-element--external-link:after, .story-item.zitat h2:before,
.story-item.zitat p:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.icon-arrow-down-left:before {
  content: ""; }

.icon-arrow-left:before {
  content: ""; }

.icon-arrow-right:before {
  content: ""; }

.icon-arrow-up-right:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-check-square-o:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-chevron-left:before {
  content: ""; }

.icon-chevron-right:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-deezer:before {
  content: ""; }

.icon-external-link:before {
  content: ""; }

.icon-facebook-f:before {
  content: ""; }

.icon-file-pdf:before {
  content: ""; }

.icon-file-word:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-lion:before {
  content: ""; }

.icon-quote-left:before {
  content: ""; }

.icon-quote-right:before {
  content: ""; }

.icon-rss:before {
  content: ""; }

.icon-search-plus:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-spotify:before {
  content: ""; }

.icon-square:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-whatsapp:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

/* Custom CSS */
@font-face {
  font-family: 'Arvo';
  src: url("../Fonts/arvo_regular.eot");
  src: url("../Fonts/arvo_regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/arvo_regular.woff") format("woff"), url("../Fonts/arvo_regular.ttf") format("truetype"), url("../Fonts/arvo_regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Arvo';
  src: url("../Fonts/arvo_gruen.eot");
  src: url("../Fonts/arvo_gruen.eot?#iefix") format("embedded-opentype"), url("../Fonts/arvo_gruen.woff") format("woff"), url("../Fonts/arvo_gruen.ttf") format("truetype"), url("../Fonts/arvo_gruen.svg") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'PTSans';
  src: url("../Fonts/ptsans_regular.eot");
  src: url("../Fonts/ptsans_regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/ptsans_regular.woff") format("woff"), url("../Fonts/ptsans_regular.ttf") format("truetype"), url("../Fonts/ptsans_regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'PTSans';
  src: url("../Fonts/ptsans_bold.eot");
  src: url("../Fonts/ptsans_bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/ptsans_bold.woff") format("woff"), url("../Fonts/ptsans_bold.ttf") format("truetype"), url("../Fonts/ptsans_bold.svg") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

.form-control, .haet-cleverreach-field-wrap:not(.cleverreach-checkbox) input {
  display: block;
  width: 100%;
  padding: 14px 16px;
  font-size: 1rem;
  font-family: "PTSans", Arial, sans-serif;
  line-height: 1.6;
  color: #0a321e;
  border: 5px solid #edf2eb;
  background: #fff;
  border-radius: 0;
  height: 54px;
  -webkit-transition: border .2s, -webkit-box-shadow .2s;
  transition: border .2s, -webkit-box-shadow .2s;
  transition: border .2s, box-shadow .2s;
  transition: border .2s, box-shadow .2s, -webkit-box-shadow .2s; }
  .form-control:focus, .haet-cleverreach-field-wrap:not(.cleverreach-checkbox) input:focus {
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05); }

label {
  display: block;
  margin-bottom: 2px;
  font-size: 1rem; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 16px; }

.has-error .checkbox, .has-error .haet-cleverreach .cleverreach-checkbox, .haet-cleverreach .has-error .cleverreach-checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.haet-cleverreach .has-error.cleverreach-checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label,
.has-error label {
  color: #ff0000; }

.has-error .form-control, .has-error .haet-cleverreach-field-wrap:not(.cleverreach-checkbox) input, .haet-cleverreach-field-wrap:not(.cleverreach-checkbox) .has-error input {
  border-color: #ff0000; }

legend {
  margin-bottom: 40px !important; }

.form-inline .radio {
  display: inline-block;
  margin-right: 30px; }

.btn-tooltip {
  position: absolute;
  left: 100%;
  top: 0; }

/** Custom Select **/
select.form-control {
  display: block;
  font-size: 1rem;
  font-family: "PTSans", Arial, sans-serif;
  font-weight: 400;
  color: #0a321e;
  line-height: 1.6;
  padding-right: 70px;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #f8f7f7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.541' height='57' viewBox='0 0 37.541 57'%3E%3Cg transform='translate(-319 -8017.5)'%3E%3Cline y2='57' transform='translate(319.5 8017.5)' fill='none' stroke='%23e2e2e2' stroke-width='1'/%3E%3Cg transform='translate(265.294 7534.893)'%3E%3Cpath d='M75.955,511.373a.861.861,0,0,1,0-1.212l.785-.785a.894.894,0,0,1,.605-.268.772.772,0,0,1,.607.233l5.524,5.525L89,509.341a.77.77,0,0,1,.607-.233.894.894,0,0,1,.605.268l.785.785a.861.861,0,0,1,0,1.212l-6.915,6.915a.788.788,0,0,1-1.212,0Z' transform='translate(0)' fill='%23161615'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 1.2em top 0px;
  background-size: auto 100%; }
  select.form-control::-ms-expand {
    display: none; }
  select.form-control:focus {
    outline: none; }
  select.form-control option {
    font-weight: normal; }

/** CUSTOM CHECKBOXES **/
.checkbox, .haet-cleverreach .cleverreach-checkbox,
.checkbox + .checkbox,
.haet-cleverreach .cleverreach-checkbox + .checkbox,
.haet-cleverreach .checkbox + .cleverreach-checkbox,
.haet-cleverreach .cleverreach-checkbox + .cleverreach-checkbox {
  margin-top: 0; }

.form-inline .checkbox, .form-inline .haet-cleverreach .cleverreach-checkbox, .haet-cleverreach .form-inline .cleverreach-checkbox, .checkbox, .haet-cleverreach .cleverreach-checkbox {
  position: relative; }
  .form-inline .checkbox input[type="checkbox"], .form-inline .haet-cleverreach .cleverreach-checkbox input[type="checkbox"], .haet-cleverreach .form-inline .cleverreach-checkbox input[type="checkbox"],
  .checkbox input[type="checkbox"],
  .haet-cleverreach .cleverreach-checkbox input[type="checkbox"] {
    bottom: 0; }
  .form-inline .checkbox label, .form-inline .haet-cleverreach .cleverreach-checkbox label, .haet-cleverreach .form-inline .cleverreach-checkbox label,
  .checkbox label,
  .haet-cleverreach .cleverreach-checkbox label {
    position: relative;
    display: inline-block;
    padding: 5px 0 4px 25px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    -webkit-transition: color .2s;
    transition: color .2s; }
    .form-inline .checkbox label a, .form-inline .haet-cleverreach .cleverreach-checkbox label a, .haet-cleverreach .form-inline .cleverreach-checkbox label a,
    .checkbox label a,
    .haet-cleverreach .cleverreach-checkbox label a {
      text-decoration: underline; }
    .form-inline .checkbox label p, .form-inline .haet-cleverreach .cleverreach-checkbox label p, .haet-cleverreach .form-inline .cleverreach-checkbox label p,
    .checkbox label p,
    .haet-cleverreach .cleverreach-checkbox label p {
      margin-bottom: 0; }
    .form-inline .checkbox label:before, .form-inline .haet-cleverreach .cleverreach-checkbox label:before, .haet-cleverreach .form-inline .cleverreach-checkbox label:before,
    .checkbox label:before,
    .haet-cleverreach .cleverreach-checkbox label:before {
      content: ""; }
    .form-inline .checkbox label:after, .form-inline .haet-cleverreach .cleverreach-checkbox label:after, .haet-cleverreach .form-inline .cleverreach-checkbox label:after,
    .checkbox label:after,
    .haet-cleverreach .cleverreach-checkbox label:after {
      content: ""; }
    .form-inline .checkbox label:before, .form-inline .haet-cleverreach .cleverreach-checkbox label:before, .haet-cleverreach .form-inline .cleverreach-checkbox label:before,
    .checkbox label:before,
    .haet-cleverreach .cleverreach-checkbox label:before {
      position: absolute;
      left: 0px;
      top: 5px;
      color: #008363; }
    .form-inline .checkbox label:after, .form-inline .haet-cleverreach .cleverreach-checkbox label:after, .haet-cleverreach .form-inline .cleverreach-checkbox label:after,
    .checkbox label:after,
    .haet-cleverreach .cleverreach-checkbox label:after {
      position: absolute;
      display: none;
      left: 0px;
      top: 5px;
      color: #008363; }
    .form-inline .checkbox label.has-error:before, .form-inline .haet-cleverreach .cleverreach-checkbox label.has-error:before, .haet-cleverreach .form-inline .cleverreach-checkbox label.has-error:before,
    .checkbox label.has-error:before,
    .haet-cleverreach .cleverreach-checkbox label.has-error:before {
      color: #ff0000; }
  .form-inline .checkbox input[type="checkbox"]:focus + label:before, .form-inline .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:focus + label:before, .haet-cleverreach .form-inline .cleverreach-checkbox input[type="checkbox"]:focus + label:before,
  .checkbox input[type="checkbox"]:focus + label:before,
  .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:focus + label:before {
    color: #cedae0; }
  .form-inline .checkbox input[type="checkbox"]:checked + label, .form-inline .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label, .haet-cleverreach .form-inline .cleverreach-checkbox input[type="checkbox"]:checked + label,
  .form-inline .checkbox input[type="checkbox"]:checked + label a,
  .form-inline .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label a,
  .haet-cleverreach .form-inline .cleverreach-checkbox input[type="checkbox"]:checked + label a,
  .checkbox input[type="checkbox"]:checked + label,
  .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label,
  .checkbox input[type="checkbox"]:checked + label a,
  .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label a {
    color: #008363; }
  .form-inline .checkbox input[type="checkbox"]:checked + label:before, .form-inline .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label:before, .haet-cleverreach .form-inline .cleverreach-checkbox input[type="checkbox"]:checked + label:before,
  .checkbox input[type="checkbox"]:checked + label:before,
  .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label:before {
    display: none; }
  .form-inline .checkbox input[type="checkbox"]:checked + label:after, .form-inline .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label:after, .haet-cleverreach .form-inline .cleverreach-checkbox input[type="checkbox"]:checked + label:after,
  .checkbox input[type="checkbox"]:checked + label:after,
  .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:checked + label:after {
    display: block; }

/** CUSTOM RADIO BUTTONS **/
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 36px; }

.form-inline .radio,
.radio {
  margin-top: 0;
  padding-left: 32px;
  position: relative; }
  .form-inline .radio + .js-form-type-radio,
  .radio + .js-form-type-radio {
    margin-top: 15px; }
  .form-inline .radio input[type="radio"],
  .radio input[type="radio"] {
    bottom: 0; }
  .form-inline .radio label,
  .radio label {
    padding-left: 0;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    -webkit-transition: color .2s;
    transition: color .2s; }
    .form-inline .radio label:before, .form-inline .radio label:after,
    .radio label:before,
    .radio label:after {
      position: absolute;
      content: "";
      display: inline-block; }
    .form-inline .radio label:before,
    .radio label:before {
      height: 22px;
      width: 22px;
      background: #f8f7f7;
      border-radius: 50%;
      left: 0;
      margin-left: 0;
      top: 1px; }
    .form-inline .radio label:after,
    .radio label:after {
      background: #008363;
      border-radius: 50%;
      width: 10px;
      height: 10px;
      left: 6px;
      top: 7px;
      opacity: 0;
      -webkit-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transition: opacity .1s, -webkit-transform .2s;
      transition: opacity .1s, -webkit-transform .2s;
      transition: transform .2s, opacity .1s;
      transition: transform .2s, opacity .1s, -webkit-transform .2s; }
  .form-inline .radio input[type="radio"]:checked + label::after,
  .radio input[type="radio"]:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

[data-whatinput="keyboard"] .radio input[type="radio"]:focus + label:before,
[data-whatinput="keyboard"] .checkbox input[type="checkbox"]:focus + label:before,
[data-whatinput="keyboard"] .haet-cleverreach .cleverreach-checkbox input[type="checkbox"]:focus + label:before,
.haet-cleverreach [data-whatinput="keyboard"] .cleverreach-checkbox input[type="checkbox"]:focus + label:before,
[data-whatinput="keyboard"] .custom-select select:focus {
  outline: 3px solid;
  outline: auto -webkit-focus-ring-color;
  outline-color: #5b9dd9; }

/** CUSTOM FILEUPLOAD **/
.file input {
  bottom: 0; }

.file small {
  display: block; }

.file .btn, .file .haet-cleverreach-field-wrap button[type="submit"], .haet-cleverreach-field-wrap .file button[type="submit"] {
  display: block;
  font-family: "Arvo", Arial, sans-serif;
  margin-top: 15px;
  cursor: pointer; }

body {
  font-family: "PTSans", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: #0a321e;
  background: #fff;
  -webkit-transition: padding-top .3s;
  transition: padding-top .3s;
  overflow-x: hidden;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  /* Ensures main stretches, so page uses at least viewport height =========== */
  /*@include screen('lg-min') {
        display: grid;
        grid-template-rows: 1fr auto;
        min-height: 100vh;
    }*/
  left: 0;
  right: 0;
  padding-top: 80px; }
  @media (min-width: 48em) {
    body {
      padding-top: 110px; } }

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

.sr-only, .form-inline .checkbox input[type="checkbox"],
.checkbox input[type="checkbox"],
.haet-cleverreach .cleverreach-checkbox input[type="checkbox"], .form-inline .radio input[type="radio"],
.radio input[type="radio"], .file input, .show-on-focus {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0; }
  .sr-only--focusable:active, .sr-only--focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none; }

.hidden {
  display: none; }

.container {
  max-width: 1200px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto; }
  @media (min-width: 48em) {
    .container {
      padding-left: 30px;
      padding-right: 30px; } }
  .container__breakout, .blockquote, .presenter {
    margin-left: -15px;
    margin-right: -15px; }
    @media (min-width: 48em) {
      .container__breakout, .blockquote, .presenter {
        margin-left: -30px;
        margin-right: -30px; } }
    @media (min-width: 75em) {
      .container__breakout, .blockquote, .presenter {
        margin-left: calc(-50vw + 570px);
        margin-right: calc(-50vw + 570px); } }
    @media (min-width: 75em) {
      .container__breakout-left {
        margin-left: calc(-50vw + 570px); } }
    @media (min-width: 112.5em) {
      .container__breakout-left {
        margin-left: -300px; } }
    @media (min-width: 75em) {
      .container__breakout-right {
        margin-right: calc(-50vw + 570px); } }
    @media (min-width: 112.5em) {
      .container__breakout-right {
        margin-right: -300px; } }
  .container__wide {
    margin-left: -15px;
    margin-right: -15px; }
    @media (min-width: 48em) {
      .container__wide {
        margin-left: -30px;
        margin-right: -30px; } }
    @media (min-width: 87.5em) {
      .container__wide {
        margin-left: -100px;
        margin-right: -100px; } }
  @media (min-width: 48em) {
    .container__narrow, .newsletter {
      max-width: calc(1140px * 8/12); } }

hr {
  border: none;
  border-top: 4px solid #e4e9e2;
  margin-bottom: 10px; }

.pill {
  display: inline-block;
  padding: 0 18px;
  background: #0AA25B;
  color: #fff;
  font-weight: 700;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 30px; }

.podigee-podcast-player + .podigee-podcast-player {
  margin-top: 50px; }

@media screen and (prefers-reduced-motion: reduce) {
  * {
    /* Very short durations means JavaScript that relies on events still works */
    -webkit-animation-duration: 0.001ms !important;
            animation-duration: 0.001ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.001ms !important;
            transition-duration: 0.001ms !important; } }

/* Newsfeed */
#RSSFeed {
  margin-bottom: 80px; }

#RSSFeed .post {
  max-width: 500px;
  padding-bottom: 40px; }

#RSSFeed .post .head {
  width: 100%;
  font-family: 'Arvo'; }

#RSSFeed .post .head p {
  float: left; }

#RSSFeed .post .date {
  line-height: 23px;
  background-color: #46962b;
  color: #fff;
  border-radius: 999px;
  padding: 10px;
  width: 70px;
  height: 70px;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 16px; }

#RSSFeed .post .title {
  font-weight: 600;
  font-size: 1.2em;
  color: #46962b;
  margin-top: 8px;
  margin-bottom: 14px; }

#RSSFeed .post .title a:hover {
  color: #0a321e; }

#RSSFeed .post .main p {
  margin: 0; }

#RSSFeed .post .main .time,
#RSSFeed .post .main .location {
  font-weight: 600; }

.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0 1.875rem;
  margin-left: -15px;
  margin-right: -15px; }
  .row:after {
    content: ' ';
    display: table;
    clear: both; }
  .row--center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center; }
  .row--bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .row--eq-height,
  .row--eq-height > [class*="col-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .row--lg {
    grid-gap: 0 1.875rem; }
  @media (max-width: 61.9375em) {
    .row {
      grid-gap: 0 0.9375rem; } }
  .row--narrow {
    grid-gap: 0 0.9375rem; }

.col {
  grid-column: span 12;
  width: 100%; }

[class*="col-"] {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  grid-column: span 12; }

@media (min-width: 30em) {
  .col-xs-1 {
    grid-column: span 1; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-2 {
    grid-column: span 2; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-3 {
    grid-column: span 3; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-4 {
    grid-column: span 4; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-5 {
    grid-column: span 5; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-6 {
    grid-column: span 6; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-7 {
    grid-column: span 7; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-8 {
    grid-column: span 8; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-9 {
    grid-column: span 9; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-10 {
    grid-column: span 10; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-11 {
    grid-column: span 11; }
  .col-xs-pull {
    grid-row-start: 1; }
  .col-xs-12 {
    grid-column: span 12; }
  .col-xs-pull {
    grid-row-start: 1; }
  .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%; } }

@media (min-width: 48em) {
  .col-sm-1 {
    grid-column: span 1; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-2 {
    grid-column: span 2; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-3 {
    grid-column: span 3; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-4 {
    grid-column: span 4; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-5 {
    grid-column: span 5; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-6 {
    grid-column: span 6; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-7 {
    grid-column: span 7; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-8 {
    grid-column: span 8; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-9 {
    grid-column: span 9; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-10 {
    grid-column: span 10; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-11 {
    grid-column: span 11; }
  .col-sm-pull {
    grid-row-start: 1; }
  .col-sm-12 {
    grid-column: span 12; }
  .col-sm-pull {
    grid-row-start: 1; }
  .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%; } }

@media (min-width: 62em) {
  .col-md-1 {
    grid-column: span 1; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-2 {
    grid-column: span 2; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-3 {
    grid-column: span 3; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-4 {
    grid-column: span 4; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-5 {
    grid-column: span 5; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-6 {
    grid-column: span 6; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-7 {
    grid-column: span 7; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-8 {
    grid-column: span 8; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-9 {
    grid-column: span 9; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-10 {
    grid-column: span 10; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-11 {
    grid-column: span 11; }
  .col-md-pull {
    grid-row-start: 1; }
  .col-md-12 {
    grid-column: span 12; }
  .col-md-pull {
    grid-row-start: 1; }
  .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%; } }

@media (min-width: 75em) {
  .col-lg-1 {
    grid-column: span 1; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-2 {
    grid-column: span 2; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-3 {
    grid-column: span 3; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-4 {
    grid-column: span 4; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-5 {
    grid-column: span 5; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-6 {
    grid-column: span 6; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-7 {
    grid-column: span 7; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-8 {
    grid-column: span 8; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-9 {
    grid-column: span 9; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-10 {
    grid-column: span 10; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-11 {
    grid-column: span 11; }
  .col-lg-pull {
    grid-row-start: 1; }
  .col-lg-12 {
    grid-column: span 12; }
  .col-lg-pull {
    grid-row-start: 1; }
  .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%; } }

@supports (display: grid) {
  .row {
    margin-left: 0;
    margin-right: 0; }
  [class*="col-"] {
    width: auto;
    padding-left: 0;
    padding-right: 0; }
  .row--eq-height {
    display: grid; } }

@media (max-width: 29.9375em) {
  .hidden-xxs {
    display: none !important; } }

@media (max-width: 47.9375em) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 48em) and (max-width: 61.9375em) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 62em) and (max-width: 74.9375em) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 75em) {
  .hidden-lg {
    display: none !important; } }

@media (min-width: 48em) {
  .hidden-breakpoint-nav-min {
    display: none !important; } }

@media (max-width: 47.9375em) {
  .hidden-breakpoint-nav-max {
    display: none !important; } }

.fullwidth {
  width: 100%; }

.mb0 {
  margin-bottom: 0 !important; }

.mb10 {
  margin-bottom: 10px; }

.mb40 {
  margin-bottom: 40px; }

.mb80 {
  margin-bottom: 80px; }
  @media (max-width: 47.9375em) {
    .mb80 {
      margin-bottom: 60px; } }

.bg-mint {
  position: relative;
  padding: 65px 0 0; }
  .bg-mint:before {
    content: '';
    display: block;
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    bottom: 0;
    background: #E5F5F1; }
    @media (min-width: 48em) {
      .bg-mint:before {
        left: -30px;
        right: 30px; } }
    @media (min-width: 75em) {
      .bg-mint:before {
        left: calc(-50vw + 570px);
        right: 0; } }
  @media (min-width: 75em) {
    .bg-mint [class*="col-"]:nth-child(2) {
      margin-right: -30px; } }
  .bg-mint h2 {
    color: #0a321e;
    margin-bottom: 18px; }

.has-shadow {
  background: #fff;
  -webkit-box-shadow: 6px 6px 0 0 rgba(10, 50, 30, 0.9);
          box-shadow: 6px 6px 0 0 rgba(10, 50, 30, 0.9); }

.content-center, .newsletter {
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 48em) {
  .content-spread {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .content-spread > *:first-child {
      margin-right: 30px; } }

.no-wrap {
  white-space: nowrap; }

img {
  vertical-align: middle; }

.img-cover {
  -o-object-fit: cover;
     object-fit: cover; }

.img-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.img-responsive {
  max-width: 100%;
  height: auto; }

figure {
  margin-bottom: 30px; }
  figure img,
  figure .modal-button {
    margin-bottom: 0; }

figcaption {
  font-size: 0.875rem; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%; }
  .embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.gallery {
  list-style: none;
  margin-bottom: 45px;
  margin-right: -15px; }
  @media (max-width: 74.9375em) {
    .gallery {
      margin-right: -10px; } }
  .gallery li {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    max-width: 250px; }
    @media (max-width: 74.9375em) {
      .gallery li {
        margin-right: 10px; } }
  .gallery button {
    text-decoration: none;
    color: #0a321e;
    text-align: left;
    font-size: 0.9375rem; }
  .gallery img {
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s; }
  .gallery li.selected button,
  .gallery li:hover button {
    color: #0a321e; }

a,
button {
  cursor: pointer;
  color: #0AA25B;
  text-decoration: none;
  font-family: "PTSans", Arial, sans-serif;
  font-size: inherit;
  line-height: 1.6;
  -webkit-transition: color .2s;
  transition: color .2s; }
  a[href^="mailto"],
  button[href^="mailto"] {
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto; }
  a:hover,
  button:hover {
    color: #0a321e; }

button {
  border: none;
  padding: 0;
  background: none; }

a[href^=tel] {
  cursor: default;
  color: inherit;
  text-decoration: none; }
  a[href^=tel]:hover, a[href^=tel]:focus {
    color: inherit;
    text-decoration: none; }

.show-on-focus:focus {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: auto;
  height: auto;
  color: #fff;
  background: #0AA25B;
  clip: unset;
  -webkit-clip-path: none;
          clip-path: none;
  z-index: 1500;
  padding: 15px 30px; }

:focus,
a:focus,
button:focus,
:focus:active,
button:focus:active,
.btn:focus,
.haet-cleverreach-field-wrap button:focus[type="submit"], .btn:active:focus, .haet-cleverreach-field-wrap button:active:focus[type="submit"], .btn.active:focus, .haet-cleverreach-field-wrap button.active:focus[type="submit"], .btn.focus, .haet-cleverreach-field-wrap button.focus[type="submit"], .btn:active.focus, .haet-cleverreach-field-wrap button:active.focus[type="submit"], .btn.active.focus, .haet-cleverreach-field-wrap button.active.focus[type="submit"] {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

.keyboard-focus, [data-whatinput="keyboard"] .card-element:focus-within,
[data-whatinput="keyboard"] :focus,
[data-whatinput="keyboard"] :focus:active,
[data-whatinput="keyboard"] button:focus,
[data-whatinput="keyboard"] .btn:focus,
[data-whatinput="keyboard"] .haet-cleverreach-field-wrap button:focus[type="submit"],
.haet-cleverreach-field-wrap [data-whatinput="keyboard"] button:focus[type="submit"],
[data-whatinput="keyboard"] .btn-focus {
  outline: 3px solid;
  outline: auto -webkit-focus-ring-color;
  outline-color: #5b9dd9; }

[data-whatinput="keyboard"] button.highlight {
  outline: 3px dotted;
  outline-color: #5b9dd9; }

.btn, .haet-cleverreach-field-wrap button[type="submit"] {
  padding: 14px 35px;
  background: #0AA25B;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  white-space: normal;
  margin-bottom: 12px;
  display: inline-block;
  text-align: center;
  border-radius: 26px;
  text-decoration: none;
  -webkit-transition: background .2s ease-in, color .2s ease-in;
  transition: background .2s ease-in, color .2s ease-in; }
  [aria-current] .btn, [aria-current] .haet-cleverreach-field-wrap button[type="submit"], .haet-cleverreach-field-wrap [aria-current] button[type="submit"], .btn.active, .haet-cleverreach-field-wrap button.active[type="submit"],
  .active .btn,
  .active .haet-cleverreach-field-wrap button[type="submit"],
  .haet-cleverreach-field-wrap .active button[type="submit"], .btn:hover, .haet-cleverreach-field-wrap button:hover[type="submit"] {
    background: #0a321e;
    color: #fff; }
  .btn--icon {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  .btn.disabled, .haet-cleverreach-field-wrap button.disabled[type="submit"], .btn[disabled], .haet-cleverreach-field-wrap button[disabled][type="submit"] {
    background: #e4e9e2;
    border-color: #e4e9e2;
    pointer-events: none; }

.link {
  position: relative;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  color: #0a321e;
  padding-bottom: 4px;
  margin-bottom: 30px;
  display: inline-block; }
  .link:before, .link:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0AA25B;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
  .link:after {
    background: #0a321e;
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  .link:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }

.link-internal,
.link-external {
  position: relative;
  display: block;
  padding-left: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 12px; }
  .link-internal:before,
  .link-external:before {
    content: ""; }
  .link-internal:before,
  .link-external:before {
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 0.75rem;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s; }
  .link-internal:hover:before,
  .link-external:hover:before {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }

.link-external {
  padding-left: 15px; }
  .link-external:before {
    content: ""; }
  .link-external:before {
    top: 4px;
    font-size: 0.5rem; }
  .link-external:hover:before {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }

.link-with-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px; }
  .link-with-icon .icon {
    display: inline-block;
    margin-right: 6px;
    margin-top: 2px;
    line-height: 1; }

.btn-next,
.btn-prev {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  left: -15px;
  z-index: 10;
  padding: 10px;
  font-size: 1.5rem;
  text-decoration: none; }
  .btn-next .icon,
  .btn-prev .icon {
    display: block;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s; }
    .btn-next .icon:before,
    .btn-prev .icon:before {
      display: block; }
  .btn-next[disabled],
  .btn-prev[disabled] {
    color: #e4e9e2;
    pointer-events: none; }
  .btn-next:hover,
  .btn-prev:hover {
    color: #008363; }
    .btn-next:hover .icon,
    .btn-prev:hover .icon {
      -webkit-transform: translateX(-3px);
              transform: translateX(-3px); }

.btn-next {
  left: auto;
  right: -15px; }
  .btn-next:hover .icon {
    -webkit-transform: translateX(3px);
            transform: translateX(3px); }

@media (min-width: 48em) {
  .btn-next,
  .btn-prev {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    font-size: 1.875rem; }
  .btn-prev {
    left: 5px; }
  .btn-next {
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    right: 5px; } }

@media (min-width: 75em) {
  .btn-next,
  .btn-prev {
    font-size: 3.125rem; } }

.date__content .txt-dark a:hover {
  color: #0AA25B !important; }

.list-inline, .list-divided {
  list-style: none;
  margin-left: -6px;
  margin-right: -9px; }
  .list-inline > li, .list-divided > li {
    display: inline-block;
    padding-left: 6px;
    padding-right: 9px; }

.list-divided > li:not(:last-child) {
  border-right: 1px solid #0a321e; }

.list-spread li {
  display: block; }

@media (min-width: 30em) {
  .list-spread {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .list-spread li {
      -ms-flex-preferred-size: 130px;
          flex-basis: 130px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      margin-left: 7.5px;
      margin-right: 7.5px; } }
    @media (min-width: 30em) and (min-width: 48em) {
      .list-spread li {
        -ms-flex-preferred-size: 180px;
            flex-basis: 180px;
        margin-left: 15px;
        margin-right: 15px; } }

.list-box {
  display: inline-block;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 80px; }
  .list-box li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px; }
  .list-box .icon {
    font-size: 0.6875rem;
    vertical-align: middle; }
  @media (max-width: 47.9375em) {
    .list-box .btn--icon {
      width: 40px;
      height: 40px;
      padding: 0;
      text-align: center;
      line-height: 38px; } }

.list-social, .list-donate {
  list-style: none;
  color: #959595;
  margin-bottom: 40px;
  font-weight: 700; }
  .list-social a, .list-donate a {
    display: block;
    border-radius: 50%;
    background: #fff;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    color: #959595;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s; }
    .list-social a:hover, .list-donate a:hover {
      background: #0a321e;
      color: #fff; }
  .list-social li, .list-donate li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 5px; }
  .list-social--lg {
    margin-bottom: 0; }
    @media (min-width: 62em) {
      .list-social--lg li {
        padding-left: 6px;
        padding-right: 9px; } }
    .list-social--lg a {
      width: 50px;
      height: 50px;
      line-height: 50px;
      color: #008363;
      font-size: 1.5rem;
      margin-bottom: 10px; }
      @media (min-width: 62em) {
        .list-social--lg a {
          width: 64px;
          height: 64px;
          line-height: 62px;
          font-size: 1.75rem; } }

.list-donate a {
  background: #0AA25B;
  color: #fff;
  font-family: "Arvo", Arial, sans-serif;
  font-size: 1rem;
  width: 50px;
  height: 50px;
  line-height: 50px; }
  @media (min-width: 62em) {
    .list-donate a {
      width: 64px;
      height: 64px;
      line-height: 62px;
      font-size: 1.25rem; } }
  .list-donate a:hover {
    background: #0a321e; }

.list-unstyled {
  margin-bottom: 30px; }

main ul:not([class^="list"]):not(.tabbed-content__nav):not(.gallery):not(.box) {
  list-style: none;
  padding-left: 14px;
  margin-bottom: 30px; }
  main ul:not([class^="list"]):not(.tabbed-content__nav):not(.gallery):not(.box) li {
    text-indent: -13px; }
    main ul:not([class^="list"]):not(.tabbed-content__nav):not(.gallery):not(.box) li:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 3px;
      height: 3px;
      margin-right: 9px;
      margin-top: -1px;
      background-color: #0AA25B;
      border-radius: 50%; }

main .txt-lg ul:not([class^="list"]):not(.tabbed-content__nav):not(.gallery):not(.box) {
  padding-left: 20px; }
  main .txt-lg ul:not([class^="list"]):not(.tabbed-content__nav):not(.gallery):not(.box) li {
    text-indent: -20px; }
    main .txt-lg ul:not([class^="list"]):not(.tabbed-content__nav):not(.gallery):not(.box) li:before {
      width: 5px;
      height: 5px;
      margin-right: 15px; }

main ol:not([class^="list"]):not(.breadcrumb) {
  list-style: none;
  margin-bottom: 30px; }
  main ol:not([class^="list"]):not(.breadcrumb) li {
    counter-increment: step-counter;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative; }
    main ol:not([class^="list"]):not(.breadcrumb) li:before {
      content: counter(step-counter) ".";
      position: absolute;
      left: 0;
      top: 0;
      color: #008363; }

@media print {
  @page {
    margin: 1.3cm 0.5cm;
    size: A4; }
  * {
    overflow: visible !important; }
  header,
  footer {
    display: none; }
  body {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .panel-group .collapse:not(.navbar-collapse) {
    max-height: 600px;
    padding-bottom: 1px; }
  .panel-group .panel__heading button {
    background: #f8f7f7; } }

.tabbed-content {
  position: relative; }
  .tabbed-content__nav {
    list-style: none;
    margin-bottom: 30px;
    border-bottom: 1px solid #f8f7f7; }
    .tabbed-content__nav li {
      display: block; }
      @media (min-width: 30em) {
        .tabbed-content__nav li {
          display: inline-block; } }
      .tabbed-content__nav li a {
        padding: 10px 20px;
        display: block; }
        @media (max-width: 29.9375em) {
          .tabbed-content__nav li a {
            border-top: 1px solid #f8f7f7; } }
      .tabbed-content__nav li a[aria-selected="true"] {
        background: #f8f7f7;
        pointer-events: none; }
        @media (max-width: 29.9375em) {
          .tabbed-content__nav li a[aria-selected="true"]:after {
            content: ""; }
          .tabbed-content__nav li a[aria-selected="true"]:after {
            margin-left: 10px;
            vertical-align: middle; } }

h1, .h1, h2, .h2, .blockquote p, h3, .h3, legend, .modal-overlay__title, .toggle-section--accordion .toggle-section__heading button, h4, .h4 {
  font-weight: 700;
  font-family: "Arvo", Arial, sans-serif;
  color: #008363;
  line-height: 1.2; }

h1, .h1 {
  font-size: 5rem;
  margin-bottom: 50px;
  color: #0a321e;
  margin-top: 86px; }
  @media (max-width: 74.9375em) {
    h1, .h1 {
      font-size: 3.125rem; } }
  @media (max-width: 47.9375em) {
    h1, .h1 {
      font-size: 2rem;
      margin-top: 60px;
      margin-bottom: 30px; } }

h2, .h2, .blockquote p {
  font-size: 2.5rem;
  margin-bottom: 40px; }
  @media (max-width: 74.9375em) {
    h2, .h2, .blockquote p {
      font-size: 1.875rem; } }
  @media (max-width: 47.9375em) {
    h2, .h2, .blockquote p {
      font-size: 1.625rem;
      margin-bottom: 20px; } }

h3, .h3, legend, .modal-overlay__title, .toggle-section--accordion .toggle-section__heading button {
  font-size: 1.875rem;
  margin-bottom: 15px; }
  @media (max-width: 74.9375em) {
    h3, .h3, legend, .modal-overlay__title, .toggle-section--accordion .toggle-section__heading button {
      font-size: 1.625rem; } }
  @media (max-width: 47.9375em) {
    h3, .h3, legend, .modal-overlay__title, .toggle-section--accordion .toggle-section__heading button {
      font-size: 1.375rem; } }

h4, .h4 {
  font-size: 1.25rem;
  margin-bottom: 30px; }

p {
  margin-bottom: 30px; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

sup, sub {
  position: relative;
  vertical-align: baseline;
  top: -0.4em;
  font-size: 75%; }

sub {
  top: 0.4em; }

.blockquote {
  padding: 50px 15px;
  background: #E5F5F1;
  color: #008363; }
  @media (min-width: 48em) {
    .blockquote {
      padding: 60px 30px; } }
  @media (min-width: 75em) {
    .blockquote {
      padding: 80px calc(50vw - 570px); } }
  .blockquote p {
    line-height: 1.4;
    margin-bottom: 15px; }
    .blockquote p:before {
      content: ""; }
    .blockquote p:after {
      content: ""; }
    .blockquote p:before, .blockquote p:after {
      font-size: 1.625rem;
      margin-bottom: 10px;
      display: inline-block;
      vertical-align: middle; }
    .blockquote p:before {
      margin-right: 20px; }
    .blockquote p:after {
      margin-left: 20px;
      display: inline; }

.txt-center, .newsletter {
  text-align: center; }

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

.txt-danger {
  color: #ff0000; }

.txt-underline {
  text-decoration: underline; }

.txt-uppercase, .haet-cleverreach-field-wrap button[type="submit"] {
  text-transform: uppercase; }

.txt-green {
  color: #008363; }

.txt-dark {
  color: #0a321e; }

.txt-sm,
.txt-sm > *,
small {
  font-size: 0.875rem; }

.txt-lg,
.txt-lg > * {
  font-size: 1.375rem; }
  @media (max-width: 47.9375em) {
    .txt-lg,
    .txt-lg > * {
      font-size: 1.1875rem; } }

.txt-xl,
.txt-xl > * {
  font-size: 2.5rem; }

.box {
  background: #fff;
  padding: 30px 15px;
  margin-bottom: 15px; }
  @media (min-width: 48em) {
    .box {
      padding: 30px; } }
  .box > *:last-child {
    margin-bottom: 0; }
  .box--bordered {
    padding-top: 24px;
    padding-bottom: 24px;
    border: 4px solid #E5F5F1; }
  .box--primary {
    background: #0AA25B; }
    .box--primary,
    .box--primary h2,
    .box--primary .link {
      color: #fff; }
    .box--primary .link:before {
      background: #fff; }

.breadcrumb {
  list-style: none; }
  .breadcrumb-wrapper {
    position: absolute;
    top: 114px;
    z-index: 10; }
  .breadcrumb li {
    display: inline-block; }
    .breadcrumb li:not(:last-child):after {
      content: ""; }
    .breadcrumb li:not(:last-child):after {
      margin-left: 9px;
      margin-right: 5px;
      font-size: 9px;
      display: inline-block;
      vertical-align: middle;
      margin-top: -1px; }
  .breadcrumb a {
    font-weight: 700;
    color: #0a321e;
    font-size: 0.875rem; }
    .breadcrumb a:hover {
      text-decoration: underline; }
  .breadcrumb [aria-current] a {
    color: #0a321e;
    pointer-events: none;
    text-decoration: none;
    font-weight: 400; }
  .breadcrumb--light,
  .breadcrumb--light a,
  .breadcrumb--light [aria-current] a {
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.card-element {
  position: relative;
  display: block;
  margin-bottom: 30px; }
  .card-element--internal-link:after, .card-element--external-link:after {
    content: ""; }
  .card-element--internal-link:after, .card-element--external-link:after {
    display: inline-block;
    margin-left: 5px;
    color: #008363;
    font-size: 0.75rem;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s; }
  .card-element--external-link:after {
    content: ""; }
  .card-element--external-link:after {
    font-size: 0.625rem; }
  .card-element h3 {
    margin-bottom: 12px; }
  .card-element a {
    color: #0a321e;
    font-family: "Arvo", Arial, sans-serif;
    line-height: 1.1; }
  .card-element p {
    display: inline; }
  .card-element img {
    margin-bottom: 30px; }
  .card-element--internal-link:hover a,
  .card-element--external-link:hover a {
    color: #008363; }
  .card-element--internal-link:hover:after {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  .card-element--external-link:hover:after {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }

[data-whatinput="keyboard"] .card-element:focus-within a {
  outline: none; }

.carousel-slider {
  position: relative;
  display: block; }
  .carousel-slider .siema {
    margin-left: 5px;
    margin-right: 5px; }
    @media (min-width: 48em) {
      .carousel-slider .siema {
        margin-left: -15px;
        margin-right: -15px; } }
  .carousel-slider__item {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px; }
  .carousel-slider .box--primary .box {
    display: inline-block;
    color: #008363;
    font-weight: 700;
    padding: 6px 14px; }
  @media (min-width: 48em) {
    .carousel-slider .carousel-slider__item {
      position: relative;
      display: block;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
      margin-bottom: 58px; }
    .carousel-slider .box--primary {
      position: absolute;
      left: 52px;
      bottom: -58px;
      width: 492px;
      max-width: calc(100% - 5px); }
      .carousel-slider .box--primary .box {
        position: absolute;
        bottom: calc(100% + 20px);
        left: 0; } }
  @media (min-width: 87.5em) {
    .carousel-slider .btn-prev {
      left: -40px; }
    .carousel-slider .btn-next {
      right: -40px; } }
  .carousel-slider--multi .btn-next,
  .carousel-slider--multi .btn-prev {
    top: 25%; }
  @media (min-width: 75em) {
    .carousel-slider--multi .siema {
      margin-right: calc(-50vw + 570px); }
      .carousel-slider--multi .siema:after {
        content: '';
        background: rgba(255, 255, 255, 0.5);
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(-50vw + 570px);
        width: calc(190px + 16.666vw); } }
  @media (min-width: 87.5em) {
    .carousel-slider--multi .siema:after {
      width: calc(145px + 12.5vw); } }
  .carousel-slider--no-slide .btn-prev,
  .carousel-slider--no-slide .btn-next,
  .carousel-slider--no-slide .list-dots {
    display: none; }
  .carousel-slider--no-slide .carousel-slider__item {
    display: inline-block;
    width: 100%; }
  .carousel-slider--no-slide.carousel-slider--multi .carousel-slider__item {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3% - 30px); }
    @media (max-width: 47.9375em) {
      .carousel-slider--no-slide.carousel-slider--multi .carousel-slider__item {
        width: calc(50% - 30px); } }
    @media (max-width: 29.9375em) {
      .carousel-slider--no-slide.carousel-slider--multi .carousel-slider__item {
        width: 100%;
        margin: 0; } }
  @media (min-width: 30em) {
    .carousel-slider--no-slide.carousel-slider--multi .siema {
      margin-right: -15px; } }
  .carousel-slider--no-slide.carousel-slider--multi .siema:after {
    display: none; }

.footer__social {
  padding: 46px 0 50px;
  text-align: center;
  background: #0AA25B; }
  @media (max-width: 47.9375em) {
    .footer__social {
      padding-left: 15px;
      padding-right: 15px; } }
  .footer__social h2 {
    color: #fff; }

.footer .content-spread {
  padding: 25px 15px 15px; }
  @media (min-width: 62em) {
    .footer .content-spread {
      height: 92px;
      padding: 0 25px 0 28px; }
      .footer .content-spread .list-inline > li, .footer .content-spread .list-divided > li {
        padding-left: 25px;
        padding-right: 28px; } }
  .footer .content-spread a {
    font-size: 0.875rem;
    margin-bottom: 0; }
  @media (max-width: 61.9375em) {
    .footer .content-spread a {
      margin-bottom: 4px; }
    .footer .content-spread .list-inline, .footer .content-spread .list-divided {
      margin-bottom: 12px; } }

.footer a {
  font-weight: 700; }

.donate {
  position: relative;
  overflow: hidden;
  padding: 45px 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .donate [class*="col-"] {
    -ms-flex-item-align: center;
        align-self: center; }
  .donate .box {
    max-width: 380px; }
  .donate .h2, .donate .blockquote p, .blockquote .donate p {
    color: #fff; }
  @media (max-width: 47.9375em) {
    .donate {
      text-align: center; }
      .donate .box {
        margin: 0 auto 40px; }
      .donate .h2, .donate .blockquote p, .blockquote .donate p {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto; } }

.header {
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
  -webkit-transition: background .3s, max-height .5s, -webkit-transform .5s, -webkit-box-shadow .3s;
  transition: background .3s, max-height .5s, -webkit-transform .5s, -webkit-box-shadow .3s;
  transition: transform .5s, box-shadow .3s, background .3s, max-height .5s;
  transition: transform .5s, box-shadow .3s, background .3s, max-height .5s, -webkit-transform .5s, -webkit-box-shadow .3s; }
  .header:not(.header--no-bg):after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("../Images/header-bg.jpg") no-repeat;
    -webkit-transition: opacity .3s;
    transition: opacity .3s; }
    @media (min-width: 62em) {
      .header:not(.header--no-bg):after {
        background-size: cover; } }
  .header a,
  .header button {
    display: block;
    text-decoration: none;
    font-family: "Arvo", Arial, sans-serif;
    font-weight: 700; }
  .header__logo {
    display: block; }
  @media (max-width: 47.9375em) {
    .header {
      -webkit-transition: max-height .5s, background .01s .27s, -webkit-transform .5s, -webkit-box-shadow .3s;
      transition: max-height .5s, background .01s .27s, -webkit-transform .5s, -webkit-box-shadow .3s;
      transition: transform .5s, box-shadow .3s, max-height .5s, background .01s .27s;
      transition: transform .5s, box-shadow .3s, max-height .5s, background .01s .27s, -webkit-transform .5s, -webkit-box-shadow .3s; }
      .header:after {
        -webkit-transition: opacity .1s .2s;
        transition: opacity .1s .2s; }
      .header--open {
        background: #0AA25B;
        -webkit-transition: max-height .5s, -webkit-transform .5s, -webkit-box-shadow .3s;
        transition: max-height .5s, -webkit-transform .5s, -webkit-box-shadow .3s;
        transition: transform .5s, box-shadow .3s, max-height .5s;
        transition: transform .5s, box-shadow .3s, max-height .5s, -webkit-transform .5s, -webkit-box-shadow .3s; }
        .header--open:after {
          -webkit-transition: none;
          transition: none;
          opacity: 0; }
      .header__logo {
        position: absolute;
        margin-top: 15px;
        top: 0;
        left: 15px;
        z-index: 10; } }
    @media (max-width: 47.9375em) and (min-width: 48em) {
      .header__logo {
        left: 30px; } }
  @media (max-width: 47.9375em) {
      .header .toggle-section__content--nav {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .3s;
        transition: max-height .3s;
        margin-left: -15px;
        margin-right: -15px;
        background: #0AA25B; }
        .header .toggle-section__content--nav[aria-hidden="false"] {
          overflow: auto;
          max-height: calc(100vh - 123px);
          min-height: 10px; }
        .header .toggle-section__content--nav:before, .header .toggle-section__content--nav:after {
          content: '';
          display: block;
          height: 10px; }
        .header .toggle-section__content--nav:after {
          height: 20px; }
        .header .toggle-section__content--nav > li > a,
        .header .toggle-section__content--nav > li > button,
        .header .toggle-section__content--nav > li > .toggle-section--menu > button {
          padding: 10px 30px 10px 15px;
          color: #fff; }
        .header .toggle-section__content--nav [aria-current] > a,
        .header .toggle-section__content--nav a:hover {
          color: #0a321e; }
      .header .icon-bar {
        background: #fff;
        width: 28px;
        display: block;
        height: 3px;
        border-radius: 3px; }
        .header .icon-bar--top {
          -webkit-transform: rotate(-45deg) translateY(-2px);
                  transform: rotate(-45deg) translateY(-2px);
          -webkit-transform-origin: 100% 0%;
                  transform-origin: 100% 0%;
          -webkit-transition: background 0.2s, -webkit-transform 0.3s 0.1s;
          transition: background 0.2s, -webkit-transform 0.3s 0.1s;
          transition: transform 0.3s 0.1s, background 0.2s;
          transition: transform 0.3s 0.1s, background 0.2s, -webkit-transform 0.3s 0.1s; }
        .header .icon-bar--middle {
          opacity: 0;
          margin-left: 8px;
          margin-right: -8px;
          -webkit-transition: opacity 0.3s, margin 0.2s, background 0.2s;
          transition: opacity 0.3s, margin 0.2s, background 0.2s; }
        .header .icon-bar--bottom {
          -webkit-transform: rotate(45deg) translateY(2px);
                  transform: rotate(45deg) translateY(2px);
          -webkit-transform-origin: 100% 100%;
                  transform-origin: 100% 100%;
          -webkit-transition: background 0.2s, -webkit-transform 0.3s 0.1s;
          transition: background 0.2s, -webkit-transform 0.3s 0.1s;
          transition: transform 0.3s 0.1s, background 0.2s;
          transition: transform 0.3s 0.1s, background 0.2s, -webkit-transform 0.3s 0.1s; }
        .header .icon-bar + .icon-bar {
          margin-top: 5px; }
      .header .toggle-section__heading-text {
        position: absolute;
        right: 100%;
        top: 14px;
        font-size: 0.9375rem;
        color: #fff;
        -webkit-transition: color .3s;
        transition: color .3s; } }
    @media (max-width: 47.9375em) and (max-width: 29.9375em) {
      .header .toggle-section__heading-text {
        display: none; } }
  @media (max-width: 47.9375em) {
      .header .toggle-section__heading--nav {
        margin: 12px -10px 13px auto;
        padding: 17px 10px; }
        .header .toggle-section__heading--nav[aria-expanded="false"] .icon-bar--middle {
          opacity: 1;
          margin-left: 0;
          margin-right: 0; }
        .header .toggle-section__heading--nav[aria-expanded="false"] .icon-bar--top,
        .header .toggle-section__heading--nav[aria-expanded="false"] .icon-bar--bottom {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); }
        .header .toggle-section__heading--nav:hover .icon-bar {
          background: #0a321e; } }
  @media (min-width: 48em) {
    .header {
      height: 110px;
      max-height: 110px;
      overflow: hidden; }
      .header .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%; }
      .header__logo {
        float: left;
        margin-right: 10px; } }
    @media (min-width: 48em) and (min-width: 62em) {
      .header__logo {
        margin-right: 20px; } }
  @media (min-width: 48em) {
      .header .toggle-section__content--nav {
        overflow: visible;
        max-height: initial; }
        .header .toggle-section__content--nav > li {
          display: inline-block;
          vertical-align: middle;
          padding: 0 10px; } }
      @media (min-width: 48em) and (min-width: 62em) {
        .header .toggle-section__content--nav > li {
          padding: 0 20px; } }
  @media (min-width: 48em) {
          .header .toggle-section__content--nav > li > a,
          .header .toggle-section__content--nav > li > button,
          .header .toggle-section__content--nav > li > .toggle-section--menu > button {
            position: relative;
            padding: 3px 0;
            color: #fff;
            text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } }
        @media (min-width: 48em) and (min-width: 62em) {
          .header .toggle-section__content--nav > li > a,
          .header .toggle-section__content--nav > li > button,
          .header .toggle-section__content--nav > li > .toggle-section--menu > button {
            font-size: 1.125rem; } }
  @media (min-width: 48em) {
            .header .toggle-section__content--nav > li > a:before,
            .header .toggle-section__content--nav > li > button:before,
            .header .toggle-section__content--nav > li > .toggle-section--menu > button:before {
              content: '';
              position: absolute;
              display: block;
              bottom: 0;
              width: 100%;
              height: 2px;
              background: #fff;
              -webkit-transform: scaleX(0);
                      transform: scaleX(0);
              -webkit-transition: -webkit-transform .3s;
              transition: -webkit-transform .3s;
              transition: transform .3s;
              transition: transform .3s, -webkit-transform .3s; }
            .header .toggle-section__content--nav > li > a:hover:before,
            .header .toggle-section__content--nav > li > button:hover:before,
            .header .toggle-section__content--nav > li > .toggle-section--menu > button:hover:before {
              -webkit-transform: scaleX(1);
                      transform: scaleX(1); }
            [aria-current] .header .toggle-section__content--nav > li > a, [aria-current]
            .header .toggle-section__content--nav > li > button, [aria-current]
            .header .toggle-section__content--nav > li > .toggle-section--menu > button {
              color: #0a321e; } }
  .header[aria-hidden="true"] {
    -webkit-transform: translateY(-110px);
            transform: translateY(-110px); }
    .header[aria-hidden="true"]:after {
      opacity: 0; }
  .header[aria-hidden="false"] {
    background: #0AA25B;
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.04);
            box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.04); }
    @media (min-width: 48em) {
      .header[aria-hidden="false"] {
        max-height: 60px; } }
    .header[aria-hidden="false"]:after {
      opacity: 0; }

.modal-overlay {
  position: fixed;
  visibility: hidden;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  /* The Close Button */ }
  .modal-overlay__content {
    position: relative;
    display: block;
    top: 20px;
    left: 50%;
    width: calc(100% - 30px);
    opacity: 0;
    padding: 20px 30px 30px;
    margin-bottom: 60px;
    background-color: #fff;
    border: 1px solid #e4e9e2;
    -webkit-transform: translate(-50%, 80px);
            transform: translate(-50%, 80px);
    -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
    transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out, -webkit-transform .4s ease-out; }
    @media (min-width: 48em) {
      .modal-overlay__content {
        max-width: 90%;
        top: 100px; } }
    @media (min-width: 62em) {
      .modal-overlay__content {
        max-width: 1000px;
        padding: 32px 50px 50px; } }
  .modal-overlay img {
    border: 1px solid #edf2eb; }
  .modal-overlay__header {
    min-height: 40px; }
  .modal-overlay__title {
    margin-bottom: 20px;
    padding-right: 15px; }
  .modal-overlay__body {
    position: relative; }
  .modal-overlay[aria-hidden="false"] {
    visibility: visible;
    opacity: 1;
    overflow: scroll; }
    .modal-overlay[aria-hidden="false"] .modal-overlay__content {
      opacity: 1;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
  .modal-overlay .close {
    position: absolute;
    top: 14px;
    right: 30px;
    color: #0a321e;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none; }
    @media (min-width: 62em) {
      .modal-overlay .close {
        top: 32px;
        right: 45px; } }
    .modal-overlay .close:hover, .modal-overlay .close:focus {
      color: #008363;
      text-decoration: none;
      cursor: pointer; }

.modal-button {
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden; }
  .modal-button .img-wrapper {
    position: relative; }
  .modal-button img {
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out; }
  .modal-button .icon {
    position: absolute;
    right: 15px;
    bottom: 12px;
    color: #fff;
    font-size: 1rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    line-height: 1; }
    .modal-button .icon-youtube {
      right: 50%;
      bottom: 50%;
      -webkit-transform: translate(50%, 50%);
              transform: translate(50%, 50%);
      font-size: 2.875rem; }
      .modal-button .icon-youtube:after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 135px;
        height: 135px;
        border-radius: 50%;
        background: #0AA25B;
        z-index: -1;
        opacity: .7;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
  @media (min-width: 48em) {
    .modal-button:hover img {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .modal-button:hover .icon {
      color: #008363; }
      .modal-button:hover .icon-youtube {
        color: #fff; }
        .modal-button:hover .icon-youtube:after {
          opacity: 1; } }
  @media (max-width: 47.9375em) {
    .modal-button--lightbox {
      pointer-events: none; }
      .modal-button--lightbox .icon {
        display: none; } }

.table {
  width: 100%;
  margin-bottom: 50px; }
  .table thead th,
  .table thead td {
    background: #f8f7f7; }
  .table th {
    text-align: left; }
  .table th, .table td {
    padding: 17px 10px 18px 18px;
    border: 1px solid #edf2eb; }
  .table-responsive {
    min-height: .01%;
    overflow-x: auto; }
    .table-responsive table {
      width: 100%; }
  .table-data-label {
    width: 100%; }
    @media (max-width: 47.9375em) {
      .table-data-label td:not(:first-child) {
        text-align: right; }
      .table-data-label,
      .table-data-label thead,
      .table-data-label tbody,
      .table-data-label tr,
      .table-data-label th,
      .table-data-label td {
        display: block; }
      .table-data-label thead {
        display: none; }
      .table-data-label th,
      .table-data-label td {
        padding-top: 4px;
        padding-bottom: 4px;
        border: none; }
      .table-data-label th:first-child,
      .table-data-label td:first-child {
        font-weight: 700; }
      .table-data-label td:last-child {
        border-bottom: 1px solid #edf2eb; }
      .table-data-label td:empty,
      .table-data-label th:empty {
        display: none; }
      .table-data-label tbody td:not(:first-child):before {
        float: left;
        padding: 0 10px 0 0;
        content: attr(data-label) ":";
        font-weight: normal; } }

.toggle-section__heading {
  position: relative;
  z-index: 5; }
  .toggle-section__heading .icon {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
  .toggle-section__heading[aria-expanded="true"] .icon,
  .toggle-section__heading button[aria-expanded="true"] .icon {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .toggle-section__heading[aria-hidden="true"] {
    display: none; }

.toggle-section__content {
  max-height: 0;
  -webkit-transition: max-height .4s ease-out;
  transition: max-height .4s ease-out;
  overflow: hidden; }
  .toggle-section__content[aria-hidden="false"] {
    max-height: 300px; }

.toggle-section--accordion {
  display: block;
  margin-bottom: 60px; }
  .toggle-section--accordion .toggle-section__heading {
    margin: 0;
    width: 100%;
    background: #E5F5F1;
    padding: 25px 15px 30px; }
    @media (min-width: 48em) {
      .toggle-section--accordion .toggle-section__heading {
        padding: 35px 30px 40px; } }
    @media (min-width: 75em) {
      .toggle-section--accordion .toggle-section__heading {
        padding-left: 48px;
        padding-right: 48px; } }
    .toggle-section--accordion .toggle-section__heading p,
    .toggle-section--accordion .toggle-section__heading h2 {
      margin-bottom: 0; }
    .toggle-section--accordion .toggle-section__heading button {
      margin-bottom: 0;
      padding-bottom: 30px;
      padding-right: 40px;
      text-decoration: none;
      color: #0a321e;
      width: 100%;
      border-radius: 0;
      text-align: left;
      -webkit-transition: color .3s;
      transition: color .3s;
      position: relative; }
      .toggle-section--accordion .toggle-section__heading button:hover {
        color: #008363; }
    .toggle-section--accordion .toggle-section__heading .icon {
      position: absolute;
      right: 0;
      top: 3px;
      color: #008363;
      -webkit-transform-origin: 50% 42%;
              transform-origin: 50% 42%; }
  .toggle-section--accordion .toggle-section__content {
    background: #E5F5F1;
    padding: 0 15px; }
    @media (min-width: 48em) {
      .toggle-section--accordion .toggle-section__content {
        padding: 0 30px; } }
    @media (min-width: 75em) {
      .toggle-section--accordion .toggle-section__content {
        padding-left: 48px;
        padding-right: 48px; } }
  @media (max-width: 47.9375em) {
    .toggle-section--accordion .has-shadow {
      max-width: 500px; }
      .toggle-section--accordion .has-shadow > *:first-child {
        width: 100%; } }
  @media (min-width: 48em) {
    .toggle-section--accordion .has-shadow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .toggle-section--accordion .has-shadow > *:first-child {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -o-object-fit: cover;
           object-fit: cover; }
      .toggle-section--accordion .has-shadow > *:last-child {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }

.toggle-section--menu, .toggle-section--nav {
  position: relative;
  display: block; }
  .toggle-section--menu .toggle-section__heading .icon, .toggle-section--nav .toggle-section__heading .icon {
    margin-left: 3px;
    font-size: 0.875rem; }

.toggle-section--copyright {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  right: 0; }
  @media (max-width: 74.9375em) {
    .toggle-section--copyright {
      right: 0; } }
  @media (max-width: 47.9375em) {
    .toggle-section--copyright {
      bottom: 98px; } }
  @media screen and (max-width: 400px) {
    .toggle-section--copyright {
      bottom: 179px; } }
  .toggle-section--copyright .toggle-section__heading {
    padding: 6px 12px;
    color: #fff; }
  .toggle-section--copyright .toggle-section__content {
    background: #fff;
    color: #0a321e;
    position: absolute;
    right: 100%;
    overflow: visible;
    display: none;
    max-height: initial !important;
    width: 200px;
    padding: 8px 10px;
    bottom: 6px; }
    .toggle-section--copyright .toggle-section__content[aria-hidden=false] {
      display: block; }
    .toggle-section--copyright .toggle-section__content:after {
      content: '';
      display: block;
      border-left: 5px solid #fff;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      position: absolute;
      left: 100%;
      bottom: 7px; }

.toggle-section--none-bottom {
  bottom: 0 !important; }

.date {
  position: relative; }
  .date__date {
    padding: 0 5px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #E5F5F1;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    font-family: "Arvo", Arial, sans-serif;
    font-weight: 700;
    line-height: 1.2; }
  @media (min-width: 48em) {
    .date {
      padding-left: 95px; }
      .date__date {
        position: absolute;
        left: 0;
        top: 0; } }
  .date .pill {
    height: 20px;
    line-height: 20px;
    margin-bottom: 15px; }
    @media (max-width: 47.9375em) {
      .date .pill {
        position: absolute;
        top: 30px;
        left: 80px;
        height: auto;
        margin-bottom: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }

.presenter {
  position: relative;
  margin-bottom: 80px;
  margin-top: -80px; }
  @media (min-width: 48em) {
    .presenter {
      margin-top: -110px;
      max-height: 800px;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .presenter img {
        -o-object-fit: cover;
           object-fit: cover; }
      .presenter:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
        right: 0;
        top: 0;
        height: 240px; } }
  @media (min-width: 87.5em) {
    .presenter {
      margin-left: -130px;
      margin-right: -130px; } }
  .presenter:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../Images/overlay3.svg") no-repeat;
    background-size: contain;
    background-position: center bottom; }
  @media (max-width: 47.9375em) {
    .presenter {
      margin-bottom: 60px; }
      .presenter:before {
        bottom: auto;
        height: 0;
        padding-bottom: 64.6%; } }
  .presenter__overlay {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
    .presenter__overlay h1 {
      margin-top: 0;
      text-align: center; }
    .presenter__overlay .icon-lion {
      font-size: 1.375rem;
      margin-top: -2px;
      display: inline-block;
      vertical-align: middle; }
      @media (min-width: 48em) {
        .presenter__overlay .icon-lion {
          display: inline; }
          .presenter__overlay .icon-lion:after {
            content: "\A";
            white-space: pre; } }
    @media (max-width: 47.9375em) {
      .presenter__overlay {
        text-shadow: none;
        background: #E5F5F1;
        padding: 30px 15px 10px; }
        .presenter__overlay h1 {
          color: #008363;
          margin-bottom: 20px; }
        .presenter__overlay .h3, .presenter__overlay legend, .presenter__overlay .modal-overlay__title, .presenter__overlay .toggle-section--accordion .toggle-section__heading button, .toggle-section--accordion .toggle-section__heading .presenter__overlay button {
          text-align: center; } }
    @media (min-width: 48em) {
      .presenter__overlay {
        position: absolute;
        z-index: 5;
        left: 30px;
        bottom: 60px;
        width: calc(80% - 60px); }
        .presenter__overlay h1 {
          max-width: 600px;
          line-height: 1.1;
          margin-bottom: 20px; }
        .presenter__overlay,
        .presenter__overlay h1, .presenter__overlay .h3, .presenter__overlay legend, .presenter__overlay .modal-overlay__title, .presenter__overlay .toggle-section--accordion .toggle-section__heading button, .toggle-section--accordion .toggle-section__heading .presenter__overlay button {
          color: #fff; }
        .presenter__overlay .h3, .presenter__overlay legend, .presenter__overlay .modal-overlay__title, .presenter__overlay .toggle-section--accordion .toggle-section__heading button, .toggle-section--accordion .toggle-section__heading .presenter__overlay button {
          text-align: right; } }
    @media (min-width: 75em) {
      .presenter__overlay {
        bottom: 85px;
        left: calc(50vw - 570px);
        width: calc(78% - calc(50vw - 570px)); } }
    @media (min-width: 87.5em) {
      .presenter__overlay {
        left: 130px;
        width: calc(88% - 260px); } }

.story-item .btn-text {
  display: none !important; }

.story-item.gigante .btn-text {
  display: inline-block !important; }

.filters {
  border-top: 4px solid #e4e9e2;
  border-bottom: 4px solid #e4e9e2;
  margin-bottom: 18px; }
  .filters button {
    display: inline-block;
    vertical-align: middle;
    background: none;
    border: none;
    color: #008363;
    width: 16.3%;
    font-weight: bold;
    font-size: 0.875rem;
    font-family: "Arvo", Arial, sans-serif;
    white-space: normal;
    padding: 6px 20px; }
    .filters button:hover, .filters button:active, .filters button[aria-current] {
      color: #0a321e; }

#btn-more {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px; }

#packery {
  margin-bottom: 45px;
  /* clearfix */ }
  #packery:after {
    content: ' ';
    display: block;
    clear: both; }

.gutter-sizer {
  width: 2%; }

.grid-sizer {
  width: 18.4%; }

/** STORY ITEM **/
.story-item {
  width: 18.4%;
  height: 290px;
  float: left;
  background: #f8f7f7;
  overflow: hidden;
  position: relative;
  cursor: pointer; }
  .story-item h2,
  .story-item .teaser-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    z-index: 50;
    text-align: left;
    padding: 14px 20px 16px;
    margin: 0 auto;
    max-width: 770px;
    line-height: 1.4;
    font-size: 1.25rem;
    font-weight: bold;
    -webkit-transition: all 0.3s ease-out, background 0.1s, padding 0.2s ease-out;
    transition: all 0.3s ease-out, background 0.1s, padding 0.2s ease-out; }
  .story-item .story-content-wrapper {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
    min-height: 100%;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in; }
    .story-item .story-content-wrapper .moviePrevent {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 10000000; }
    .story-item .story-content-wrapper .story-content {
      width: 100%; }
    .story-item .story-content-wrapper h3 {
      margin-top: 0;
      -webkit-transform: none;
              transform: none; }
  .story-item .story-text-wrapper {
    padding: 30px; }
  .story-item.anekdote .story-text-wrapper {
    padding: 0; }
  .story-item .has-large-image .story-text-wrapper {
    padding-top: 0; }
  .story-item.anekdote .has-inline-image .story-text-wrapper {
    padding-left: 15px; }
  .story-item figure {
    height: 290px;
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative; }
  .story-item figcaption {
    display: none;
    color: #fff;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 12px 20px;
    font-size: 0.75rem;
    width: 100%; }
  .story-item .icon-quote {
    position: absolute;
    left: 22px;
    font-size: 1.375rem; }
  .story-item blockquote {
    margin-bottom: 0; }
    .story-item blockquote footer {
      background: transparent; }
      .story-item blockquote footer cite a,
      .story-item blockquote footer cite {
        color: #0a321e;
        font-weight: normal;
        font-size: 0.875rem; }
      .story-item blockquote footer cite a:hover,
      .story-item blockquote footer cite a:focus {
        color: #008363;
        text-decoration: none; }
  .story-item ul {
    padding-left: 25px; }
  .story-item.zitat h2:before,
  .story-item.zitat p:before {
    content: ""; }
  .story-item.zitat h2:before,
  .story-item.zitat p:before {
    font-size: 1.375rem;
    display: block;
    margin-bottom: 5px; }
  .story-item.zitat .btn-change-size {
    color: #0a321e; }
  .story-item:hover h2,
  .story-item:hover .teaser-title {
    padding-left: 24px;
    padding-right: 16px; }
  .story-item:hover .story-content-wrapper {
    opacity: 0.9; }
  .story-item:hover .btn-change-size .icon.icon-arrow-down-left {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  .story-item:hover .btn-change-size .icon.icon-arrow-up-right {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }
  .story-item.zitat:hover .story-content-wrapper,
  .story-item.zitat:focus .story-content-wrapper {
    opacity: 0.6; }

.anekdote p:first-of-type:first-letter {
  float: left;
  font-size: 2.375rem;
  padding: 4px 9px 2px 9px;
  line-height: 38px;
  font-family: "Arvo", Arial, sans-serif;
  color: #0a321e;
  margin-right: 8px; }

/** STORY ITEM OPEN **/
.story-item.gigante,
.story-item.w2.gigante {
  width: 100%;
  height: auto;
  padding: 50px 80px 75px;
  cursor: auto; }
  .story-item.gigante .btn-top-wrapper,
  .story-item.w2.gigante .btn-top-wrapper {
    top: 0;
    width: auto; }
  .story-item.gigante .moviePrevent,
  .story-item.w2.gigante .moviePrevent {
    display: none; }
  .story-item.gigante h2,
  .story-item.gigante.zitat h2,
  .story-item.gigante.fakten h2,
  .story-item.w2.gigante h2,
  .story-item.w2.gigante.zitat h2,
  .story-item.w2.gigante.fakten h2 {
    position: static;
    background: none;
    color: #0a321e;
    text-align: center;
    font-size: 2.375rem;
    font-weight: normal;
    margin-bottom: 25px;
    -webkit-transform: none;
            transform: none; }
    .story-item.gigante h2:before,
    .story-item.gigante.zitat h2:before,
    .story-item.gigante.fakten h2:before,
    .story-item.w2.gigante h2:before,
    .story-item.w2.gigante.zitat h2:before,
    .story-item.w2.gigante.fakten h2:before {
      display: none; }
  .story-item.gigante.fakten h3,
  .story-item.w2.gigante.fakten h3 {
    margin-top: 0;
    -webkit-transform: none;
            transform: none; }
  .story-item.gigante figcaption,
  .story-item.w2.gigante figcaption {
    display: block; }
  .story-item.gigante figure,
  .story-item.w2.gigante figure {
    vertical-align: top;
    display: none;
    margin-right: 15px; }
  .story-item.gigante .has-image figure,
  .story-item.w2.gigante .has-image figure {
    display: inline-block; }
  .story-item.gigante .img-mask,
  .story-item.w2.gigante .img-mask {
    height: auto; }
  .story-item.gigante .has-inline-image .story-text-wrapper,
  .story-item.w2.gigante .has-inline-image .story-text-wrapper {
    display: inline-block;
    max-width: 50%;
    max-width: calc(100% - 290px); }
  .story-item.gigante .has-inline-image figure .img-mask,
  .story-item.w2.gigante .has-inline-image figure .img-mask {
    border-radius: 50%;
    height: 100%; }
  .story-item.gigante.anekdote .has-inline-image .story-text-wrapper,
  .story-item.w2.gigante.anekdote .has-inline-image .story-text-wrapper {
    max-width: 45%;
    max-width: calc(100% - 390px); }
  .story-item.gigante .has-large-image figure,
  .story-item.w2.gigante .has-large-image figure {
    width: 100%;
    height: auto; }
  .story-item.gigante .story-content-wrapper,
  .story-item.w2.gigante .story-content-wrapper {
    min-height: initial; }
  .story-item.gigante.zitat .story-content,
  .story-item.gigante.fakten .story-content,
  .story-item.w2.gigante.zitat .story-content,
  .story-item.w2.gigante.fakten .story-content {
    display: inline-block; }
  .story-item.gigante .has-large-image .object-fit,
  .story-item.w2.gigante .has-large-image .object-fit {
    width: 100% !important;
    height: auto !important; }
  .story-item.gigante.anekdote .has-inline-image figure,
  .story-item.w2.gigante.anekdote .has-inline-image figure {
    width: 370px;
    height: auto; }
    .story-item.gigante.anekdote .has-inline-image figure .img-mask,
    .story-item.w2.gigante.anekdote .has-inline-image figure .img-mask {
      height: 370px; }
  .story-item.gigante.zitat .btn-change-size,
  .story-item.w2.gigante.zitat .btn-change-size {
    color: #fff; }
  .story-item.gigante.fakten h2,
  .story-item.w2.gigante.fakten h2 {
    display: block; }
  .story-item.gigante.fakten .teaser-title,
  .story-item.w2.gigante.fakten .teaser-title {
    display: none; }
  .story-item.gigante:hover h2,
  .story-item.gigante:hover .teaser-title, .story-item.gigante:focus h2,
  .story-item.gigante:focus .teaser-title,
  .story-item.w2.gigante:hover h2,
  .story-item.w2.gigante:hover .teaser-title,
  .story-item.w2.gigante:focus h2,
  .story-item.w2.gigante:focus .teaser-title {
    padding-left: 20px;
    padding-right: 20px; }
  .story-item.gigante:hover .story-content-wrapper, .story-item.gigante:focus .story-content-wrapper,
  .story-item.w2.gigante:hover .story-content-wrapper,
  .story-item.w2.gigante:focus .story-content-wrapper {
    opacity: 1; }
  .story-item.gigante.zitat:hover .story-content-wrapper,
  .story-item.gigante.zitat:focus .story-content-wrapper,
  .story-item.w2.gigante.zitat:hover .story-content-wrapper,
  .story-item.w2.gigante.zitat:focus .story-content-wrapper {
    opacity: 1; }

.story-item.w2 {
  width: 38.8%; }

.story-item.zitat .story-content-wrapper,
.story-item.fakten .story-content-wrapper {
  background: #0AA25B; }

.story-item.zitat .story-content,
.story-item.fakten .story-content {
  display: none; }

.story-item.zitat .has-inline-image figure,
.story-item.fakten .has-inline-image figure {
  width: 240px;
  height: 240px;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px; }

.story-item.zitat h2,
.story-item.zitat h3,
.story-item.fakten h2,
.story-item.fakten h3 {
  top: 50%;
  bottom: auto;
  background: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.story-item.zitat {
  color: #0a321e; }
  .story-item.zitat .story-content-wrapper {
    background: #faf3c9; }
  .story-item.zitat h2 {
    color: #0a321e; }

.story-item.fakten {
  color: #fff;
  font-family: "Arvo", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: bold; }
  .story-item.fakten h3 {
    text-align: left;
    color: #fff; }
  .story-item.fakten h3 strong {
    display: block;
    font-size: 3.375rem;
    line-height: 1; }
  .story-item.fakten h2 {
    display: none; }

.img-mask {
  width: 100%;
  height: 290px;
  overflow: hidden;
  -webkit-transition: border-radius 0.3s;
  transition: border-radius 0.3s; }
  .img-mask img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.has-inline-image figure {
  width: 100%;
  height: 100%;
  margin-bottom: 0; }
  .has-inline-image figure figcaption {
    color: #0a321e;
    position: static;
    background: none;
    padding-left: 0;
    padding-right: 0; }
    .has-inline-image figure figcaption .btn-copyright {
      position: static;
      color: #0a321e; }

.story-item.zitat .no-image .story-text-wrapper,
.story-item.zitat .has-large-image .story-text-wrapper {
  margin-left: 35px; }
  .story-item.zitat .no-image .story-text-wrapper p:before,
  .story-item.zitat .has-large-image .story-text-wrapper p:before {
    margin-left: -45px;
    margin-bottom: -30px; }

.btn-top-wrapper,
.btn-bottom-wrapper {
  position: absolute;
  right: 0;
  z-index: 50; }

.btn-top-wrapper {
  top: 0;
  width: 100%; }

.btn-bottom-wrapper {
  bottom: 0; }

.btn-bottom-left-wrapper {
  width: 100%;
  max-width: 770px;
  margin: 45px auto; }

.btn-icon {
  width: 30px;
  height: 30px;
  color: #fff;
  position: relative; }
  .btn-icon .icon {
    position: absolute; }

.btn-icon.detail {
  width: auto;
  display: none; }
  .btn-icon.detail .btn-text {
    display: inline-block;
    margin-left: 25px;
    margin-right: 5px;
    font-size: 0.75rem;
    font-weight: bold;
    font-family: "Arvo", Arial, sans-serif;
    vertical-align: middle;
    margin-top: -4px; }

.btn-icon.history {
  float: left !important;
  width: auto;
  height: 40px;
  padding-right: 15px;
  padding-left: 15px; }
  .btn-icon.history .btn-text {
    display: inline-block;
    margin-left: 25px;
    margin-right: 5px;
    font-size: 1rem;
    font-weight: bold;
    font-family: "Arvo", Arial, sans-serif;
    vertical-align: middle;
    margin-top: -4px; }

.btn-change-size {
  float: right;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: background 0.2s;
  transition: background 0.2s; }
  .btn-change-size .icon {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    font-size: 0.5rem; }
    .btn-change-size .icon.icon-arrow-down-left {
      top: 15px;
      left: 5px; }
    .btn-change-size .icon.icon-arrow-up-right {
      top: 5px;
      left: 15px; }
  .btn-change-size:hover .icon.icon-arrow-down-left {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px); }
  .btn-change-size:hover .icon.icon-arrow-up-right {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px); }

.story-item.gigante .btn-change-size,
.story-item.w2.gigante .btn-change-size {
  background: #b0bdb6; }
  .story-item.gigante .btn-change-size .icon.icon-arrow-down-left,
  .story-item.w2.gigante .btn-change-size .icon.icon-arrow-down-left {
    top: 4px;
    left: 17px; }
  .story-item.gigante .btn-change-size .icon.icon-arrow-up-right,
  .story-item.w2.gigante .btn-change-size .icon.icon-arrow-up-right {
    top: 15px;
    left: 6px; }

.story-item.gigante .btn-icon.detail,
.story-item.w2.gigante .btn-icon.detail {
  display: block; }

/** NO ACTION ON STORY ITEM **/
.story-item.no-action {
  cursor: auto;
  width: 100%;
  background: transparent; }
  .story-item.no-action.gigante {
    padding-left: 0;
    padding-right: 0;
    max-width: 770px;
    margin: 0 auto;
    float: none; }
  .story-item.no-action.zitat:hover .story-content-wrapper,
  .story-item.no-action.zitat:focus .story-content-wrapper,
  .story-item.no-action:hover .story-content-wrapper,
  .story-item.no-action:focus .story-content-wrapper {
    opacity: 1; }
  .story-item.no-action .btn-top-wrapper,
  .story-item.no-action .btn-bottom-wrapper {
    display: none; }
  .story-item.no-action:hover h2,
  .story-item.no-action:focus h2,
  .story-item.no-action:hover .teaser-title,
  .story-item.no-action:focus .teaser-title {
    padding-left: 20px;
    padding-right: 20px; }

/** MEDIA QUERIES **/
@media (min-width: 992px) {
  .filters .center {
    max-width: 110px;
    margin: 0 auto;
    display: inline-block; } }

@media only screen and (max-width: 992px) {
  .story-item h2,
  .story-item .teaser-title {
    padding-left: 10px;
    padding-right: 10px; }
  .story-item:hover h2,
  .story-item:hover .teaser-title {
    padding-left: 14px;
    padding-right: 6px; }
  .gutter-sizer {
    width: 1.5%; }
  .grid-sizer {
    width: 23.9%; }
  .story-item {
    width: 23.9%; }
  .story-item.w2 {
    width: 49%; }
  .filters button {
    width: 32.6%; } }

@media only screen and (max-width: 768px) {
  .gutter-sizer {
    width: 2%; }
  .grid-sizer {
    width: 32%; }
  .story-item {
    width: 32%; }
  .story-item.w2 {
    width: 66%; }
  .story-item.gigante,
  .story-item.w2.gigante {
    padding: 20px 20px 60px; }
    .story-item.gigante.no-action,
    .story-item.w2.gigante.no-action {
      padding-left: 0;
      padding-right: 0; }
    .story-item.gigante h2,
    .story-item.gigante.zitat h2,
    .story-item.gigante.fakten h2,
    .story-item.w2.gigante h2,
    .story-item.w2.gigante.zitat h2,
    .story-item.w2.gigante.fakten h2 {
      font-size: 1.875rem; }
    .story-item.gigante.anekdote .has-inline-image figure,
    .story-item.gigante .has-inline-image figure,
    .story-item.w2.gigante.anekdote .has-inline-image figure,
    .story-item.w2.gigante .has-inline-image figure {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0;
      display: block; }
    .story-item.gigante.anekdote .has-inline-image figure,
    .story-item.w2.gigante.anekdote .has-inline-image figure {
      margin-bottom: 30px; }
    .story-item.gigante.anekdote .has-inline-image .story-text-wrapper,
    .story-item.gigante .has-inline-image .story-text-wrapper,
    .story-item.w2.gigante.anekdote .has-inline-image .story-text-wrapper,
    .story-item.w2.gigante .has-inline-image .story-text-wrapper {
      display: block;
      max-width: initial; }
  .story-item.anekdote .has-inline-image .story-text-wrapper {
    padding-left: 0; }
  .story-item.fakten h3 strong {
    font-size: 2.25rem; }
  .story-item.fakten {
    font-size: 1rem; }
  .story-item.gigante h2,
  .story-item.w2.gigante h2,
  .story-item.gigante:hover h2,
  .story-item.w2.gigante:hover h2,
  .story-item.gigante:hover .teaser-title,
  .story-item.w2.gigante:hover .teaser-title {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 480px) {
  /*.story-item {
        h2,
        .teaser-title {
            word-wrap: break-word;
            word-break: break-word;
            hyphens: auto;
        }
    }*/
  .gutter-sizer {
    width: 2%; }
  .grid-sizer {
    width: 49%; }
  .story-item {
    width: 49%; }
  .story-item.w2 {
    width: 100%; }
  .story-item.gigante.anekdote .has-inline-image figure,
  .story-item.w2.gigante.anekdote .has-inline-image figure {
    width: 240px; }
    .story-item.gigante.anekdote .has-inline-image figure .img-mask,
    .story-item.w2.gigante.anekdote .has-inline-image figure .img-mask {
      height: 240px; }
  .story-item .story-text-wrapper {
    padding: 20px; }
  .filters button {
    width: 49%; }
  .btn-icon.history {
    float: left !important;
    width: 100%;
    height: 40px;
    padding-right: 0;
    padding-left: 0; }
  .btn-icon.history .btn-text {
    font-size: 0.875rem; } }

.haet-cleverreach .label-left label,
.haet-cleverreach .label-left input {
  width: auto !important;
  float: none !important; }

.haet-cleverreach .label-left {
  position: relative;
  margin-top: 30px; }

.haet-cleverreach .label-left label {
  position: absolute;
  opacity: .6;
  left: 20px;
  top: 14px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s; }

.haet-cleverreach .label-left.input--filled label {
  -webkit-transform: translate(0, -38px) scale(0.9);
          transform: translate(0, -38px) scale(0.9); }

.haet-cleverreach .label-left input {
  width: 100% !important; }

@media (max-width: 47.9375em) {
  .newsletter {
    padding-left: 15px;
    padding-right: 15px; } }
