@charset "UTF-8";
/* aleo-regular - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/aleo-v4-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-regular.woff2") format("woff2"), url("../fonts/aleo-v4-latin-regular.woff") format("woff"), url("../fonts/aleo-v4-latin-regular.ttf") format("truetype"), url("../fonts/aleo-v4-latin-regular.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* aleo-700 - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/aleo-v4-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-700.woff2") format("woff2"), url("../fonts/aleo-v4-latin-700.woff") format("woff"), url("../fonts/aleo-v4-latin-700.ttf") format("truetype"), url("../fonts/aleo-v4-latin-700.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-regular.woff") format("woff"), url("../fonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-italic.woff") format("woff"), url("../fonts/open-sans-v18-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v18-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-600.woff") format("woff"), url("../fonts/open-sans-v18-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px 30px;
  margin: 0 auto !important; }
  .container::after {
    clear: both;
    content: "";
    display: block; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 1200px) {
    .container {
      margin-right: 20px;
      margin-left: 20px; } }
  @media (max-width: 480px) {
    .container {
      margin-right: 10px;
      margin-left: 10px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 20px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 10px; } }

.grid {
  padding: 30px 0; }
  .grid::after {
    clear: both;
    content: "";
    display: table; }
  .grid__headline {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    .grid__headline::after {
      clear: both;
      content: "";
      display: table; }
    @media (max-width: 480px) {
      .grid__headline {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid__column::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 768px) {
    .grid__column {
      margin-bottom: 20px; } }
  .grid__column .grid {
    margin-left: -20px; }
  .grid--small.grid--1x1 .grid__column {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px); }
    @media (max-width: 768px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(83.33333% - 36.66667px);
        float: left;
        margin-left: 20px;
        margin-left: calc(8.33333% - 21.66667px + 40px); } }
    @media (max-width: 480px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--1x1 .grid__column {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--12 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--12 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1 .grid__column {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        margin-bottom: 20px; }
        .grid--2x1 .grid__column:last-of-type {
          margin-bottom: 0; } }
    .grid--2x1 .grid__column:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:first-of-type {
          padding-right: 0; } }
    .grid--2x1 .grid__column:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column:nth-of-type(2n) {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--6 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        margin-bottom: 20px; }
        .grid .grid__column--6:last-of-type {
          margin-bottom: 0; } }
    .grid .grid__column--6:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:first-of-type {
          padding-right: 0; } }
    .grid .grid__column--6:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--6 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--3x1 .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 20px;
    padding: 0 70px; }
    @media (max-width: 768px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 20px; } }
  .grid--3x1 .grid__column {
    width: 100%;
    margin-bottom: 0; }
  .grid--responsive + .grid--responsive {
    padding-top: 0; }
  .grid--responsive .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 0 20px;
    padding: 0 70px; }
    @media (max-width: 1024px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        padding: 0 30px;
        grid-gap: 20px; } }
    @media (max-width: 768px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        padding: 0 20px; } }
  .grid--responsive .grid__column--4 {
    width: 100%;
    margin-bottom: 0; }
  .grid--unresponsive .grid__column--4 {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--margin {
    padding-bottom: 0;
    margin-bottom: -30px; }
    .grid--margin .container {
      padding-bottom: 0;
      margin-bottom: 0; }
  .grid--4x1 .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--3 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--3 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--3 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

button[role="button"] {
  cursor: pointer; }

*, *:before, *:after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  outline: none; }

img {
  vertical-align: middle;
  border: 0;
  width: 100%;
  height: auto; }

.clear {
  clear: both; }

.header {
  padding-top: 30px;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all; }
  .header * {
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all; }
  .header .header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    @media (max-width: 768px) {
      .header .header__top {
        margin-bottom: 30px; } }
    @media (max-width: 768px) {
      .header .header__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  @media (max-width: 768px) {
    .header .header__extra {
      display: none; } }
  .header .header__logo {
    width: 340px; }
  .header .header__navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px; }
    .header .header__navi li {
      list-style: none; }
      .header .header__navi li a {
        color: rgba(0, 0, 0, 0.5);
        font-size: 16px; }
        .header .header__navi li a:hover, .header .header__navi li a:focus {
          color: #EC9743; }
  .header .header__menu {
    background-color: #00826E;
    position: relative; }
    .header .header__menu > .container {
      padding: 0 70px; }
      @media (max-width: 768px) {
        .header .header__menu > .container {
          padding: 0 20px; } }
    .header .header__menu .container {
      padding-bottom: 0; }
    .header .header__menu.is-sticky {
      position: fixed;
      top: -40px;
      margin-top: 0;
      z-index: 10;
      width: 100%; }
      .header .header__menu.is-sticky.move-in {
        top: 0;
        -webkit-transition: top 250ms ease-out;
        transition: top 250ms ease-out; }
    .header .header__menu .mobile-menu-opener {
      width: 35px;
      height: 21px;
      position: relative;
      display: none;
      border: none;
      float: right;
      margin: 25px 0;
      background-color: transparent;
      z-index: 2; }
      @media (max-width: 1024px) {
        .header .header__menu .mobile-menu-opener {
          display: block; } }
      @media (max-width: 768px) {
        .header .header__menu .mobile-menu-opener {
          margin: 20px 0; } }
      @media (max-width: 480px) {
        .header .header__menu .mobile-menu-opener {
          margin: 15px 0; } }
      .header .header__menu .mobile-menu-opener .mobile-menu-opener__line {
        width: 35px;
        height: 3px;
        background-color: #ffffff;
        display: block;
        position: absolute;
        -webkit-transition: 0.3s ease-in-out all;
        transition: 0.3s ease-in-out all; }
        .header .header__menu .mobile-menu-opener .mobile-menu-opener__line.mobile-menu-opener__line--top {
          top: 0; }
        .header .header__menu .mobile-menu-opener .mobile-menu-opener__line.mobile-menu-opener__line--center {
          top: 9px; }
        .header .header__menu .mobile-menu-opener .mobile-menu-opener__line.mobile-menu-opener__line--bottom {
          bottom: 0; }
      .header .header__menu .mobile-menu-opener.mobile-menu-opener--clicked .mobile-menu-opener__line.mobile-menu-opener__line--top {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 10px; }
      .header .header__menu .mobile-menu-opener.mobile-menu-opener--clicked .mobile-menu-opener__line.mobile-menu-opener__line--center {
        opacity: 0; }
      .header .header__menu .mobile-menu-opener.mobile-menu-opener--clicked .mobile-menu-opener__line.mobile-menu-opener__line--bottom {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 8px; }

.main {
  padding: 30px 0; }

.footer {
  background-color: #EC9743;
  padding: 0; }
  .footer p {
    font-size: 15px; }
  .footer a {
    color: #3A3A3A;
    font-size: 15px; }
  .footer .footer__navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .footer .footer__navi li {
      list-style: none; }
      .footer .footer__navi li:first-child {
        padding-right: 5px;
        margin-right: 5px;
        border-right: solid 1px #3A3A3A; }
  .footer .grid {
    padding-bottom: 0; }
    .footer .grid .container {
      padding-bottom: 0; }
      .footer .grid .container .grid__column:nth-child(2) {
        text-align: center; }
      .footer .grid .container .grid__column:nth-child(3) {
        text-align: right; }
      @media (max-width: 1024px) {
        .footer .grid .container .grid__column:nth-child(2), .footer .grid .container .grid__column:nth-child(3) {
          text-align: left; } }

/* aleo-regular - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/aleo-v4-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-regular.woff2") format("woff2"), url("../fonts/aleo-v4-latin-regular.woff") format("woff"), url("../fonts/aleo-v4-latin-regular.ttf") format("truetype"), url("../fonts/aleo-v4-latin-regular.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* aleo-700 - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/aleo-v4-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-700.woff2") format("woff2"), url("../fonts/aleo-v4-latin-700.woff") format("woff"), url("../fonts/aleo-v4-latin-700.ttf") format("truetype"), url("../fonts/aleo-v4-latin-700.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-regular.woff") format("woff"), url("../fonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-italic.woff") format("woff"), url("../fonts/open-sans-v18-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v18-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-600.woff") format("woff"), url("../fonts/open-sans-v18-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px 30px;
  margin: 0 auto !important; }
  .container::after {
    clear: both;
    content: "";
    display: block; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 1200px) {
    .container {
      margin-right: 20px;
      margin-left: 20px; } }
  @media (max-width: 480px) {
    .container {
      margin-right: 10px;
      margin-left: 10px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 20px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 10px; } }

.grid {
  padding: 30px 0; }
  .grid::after {
    clear: both;
    content: "";
    display: table; }
  .grid__headline {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    .grid__headline::after {
      clear: both;
      content: "";
      display: table; }
    @media (max-width: 480px) {
      .grid__headline {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid__column::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 768px) {
    .grid__column {
      margin-bottom: 20px; } }
  .grid__column .grid {
    margin-left: -20px; }
  .grid--small.grid--1x1 .grid__column {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px); }
    @media (max-width: 768px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(83.33333% - 36.66667px);
        float: left;
        margin-left: 20px;
        margin-left: calc(8.33333% - 21.66667px + 40px); } }
    @media (max-width: 480px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--1x1 .grid__column {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--12 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--12 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1 .grid__column {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        margin-bottom: 20px; }
        .grid--2x1 .grid__column:last-of-type {
          margin-bottom: 0; } }
    .grid--2x1 .grid__column:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:first-of-type {
          padding-right: 0; } }
    .grid--2x1 .grid__column:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column:nth-of-type(2n) {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--6 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        margin-bottom: 20px; }
        .grid .grid__column--6:last-of-type {
          margin-bottom: 0; } }
    .grid .grid__column--6:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:first-of-type {
          padding-right: 0; } }
    .grid .grid__column--6:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--6 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--3x1 .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 20px;
    padding: 0 70px; }
    @media (max-width: 768px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 20px; } }
  .grid--3x1 .grid__column {
    width: 100%;
    margin-bottom: 0; }
  .grid--responsive + .grid--responsive {
    padding-top: 0; }
  .grid--responsive .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 0 20px;
    padding: 0 70px; }
    @media (max-width: 1024px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        padding: 0 30px;
        grid-gap: 20px; } }
    @media (max-width: 768px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        padding: 0 20px; } }
  .grid--responsive .grid__column--4 {
    width: 100%;
    margin-bottom: 0; }
  .grid--unresponsive .grid__column--4 {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--margin {
    padding-bottom: 0;
    margin-bottom: -30px; }
    .grid--margin .container {
      padding-bottom: 0;
      margin-bottom: 0; }
  .grid--4x1 .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--3 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--3 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--3 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

button[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5 {
  color: #00826E;
  font-weight: 600; }

h1, h2 {
  font-family: "aleo", serif;
  margin-bottom: 30px; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 24px;
  margin-bottom: 10px; }

h1 + h2,
h2 + h3 {
  margin-top: -30px;
  font-weight: 400;
  font-family: "open sans", sans-serif;
  font-size: 24px;
  margin-bottom: 30px; }

.image-text + h2,
p + h2 {
  margin-top: 45px; }

.image-text + h3,
p + h3 {
  margin-top: 30px; }

p {
  margin-bottom: 15px;
  line-height: 25px;
  font-size: 18px;
  color: #3A3A3A; }

a {
  color: #EC9743;
  text-decoration: none; }

a:hover {
  color: #005749; }

.button {
  display: inline-block;
  text-decoration: none;
  background-color: #EC9743;
  color: #3A3A3A;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 100px;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all; }
  .button:hover, .button:focus {
    background-color: #00826E;
    color: #ffffff;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all; }
  .button.button--inverted {
    background-color: #00826E;
    color: #ffffff; }
    .button.button--inverted:hover, .button.button--inverted:focus {
      background-color: #005749; }

.center {
  text-align: center; }

.bg.bg--green {
  background-color: #00826E; }
  .bg.bg--green h1, .bg.bg--green h2, .bg.bg--green h3, .bg.bg--green h4, .bg.bg--green h5, .bg.bg--green p {
    color: #ffffff; }

.bg.bg--dgreen {
  background-color: #005749; }
  .bg.bg--dgreen h1, .bg.bg--dgreen h2, .bg.bg--dgreen h3, .bg.bg--dgreen h4, .bg.bg--dgreen h5, .bg.bg--dgreen p {
    color: #ffffff; }

.bg.bg--orange {
  background-color: #EC9743; }
  .bg.bg--orange h1, .bg.bg--orange h2, .bg.bg--orange h3, .bg.bg--orange h4, .bg.bg--orange h5 {
    color: #3A3A3A; }
  .bg.bg--orange a {
    color: #3A3A3A;
    font-weight: 600; }
  .bg.bg--orange .button {
    background-color: #00826E; }
    .bg.bg--orange .button:hover, .bg.bg--orange .button:focus {
      background-color: #005749; }

.bg.bg--grey {
  background-color: #3A3A3A; }
  .bg.bg--grey h1, .bg.bg--grey h2, .bg.bg--grey h3, .bg.bg--grey h4, .bg.bg--grey h5, .bg.bg--grey p {
    color: #ffffff; }

.bg.bg--light {
  background-color: #F7EFE0; }

.bg.bg--none {
  background-color: none; }

.bg--green + .bg--none,
.bg--dgreen + .bg--none,
.bg--orange + .bg--none {
  margin-top: 30px; }

.main .grid__column .button {
  margin-bottom: 30px;
  display: inline-block; }

.main .grid__column ul {
  margin-bottom: 30px; }
  .main .grid__column ul li {
    list-style: none;
    padding-left: 20px;
    position: relative; }
    .main .grid__column ul li::before {
      display: inline-block;
      position: absolute;
      left: -30px;
      top: 5px;
      padding-left: 30px;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Free";
      vertical-align: middle;
      content: "\f111";
      font-weight: 500;
      font-size: 12px;
      color: #EC9743; }

.main .grid__column .caption {
  padding: 10px 0; }
  .main .grid__column .caption span {
    display: block;
    font-size: 0.8rem;
    color: #3A3A3A; }
    .main .grid__column .caption span a {
      display: inline;
      height: auto;
      width: auto;
      color: #3A3A3A; }

.main .grid__column .kachel--imgText .caption {
  position: absolute;
  bottom: 0;
  left: 10px;
  color: #000; }

.main .grid__column .kachel--textOnImg .caption {
  position: absolute;
  top: 0;
  left: 10px;
  color: #000; }

@media (max-width: 1024px) {
  .main-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00826E;
    z-index: 1;
    margin: 0 !important;
    display: none; } }

.main-menu.main-menu--visible {
  display: block; }

.main-menu .main-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* Allgemeine Stlyes für Listen Itemns */ }
  @media (max-width: 1024px) {
    .main-menu .main-menu__list.main-menu__list--level-1 {
      overflow-y: scroll; } }
  @media (max-width: 1024px) {
    .main-menu .main-menu__list {
      width: 75%;
      max-height: 90%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0; }
      .main-menu .main-menu__list::after {
        clear: both;
        content: "";
        display: table; } }
  .main-menu .main-menu__list .main-menu__list-item {
    display: inline-block;
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 16px;
    /* Style für die Mitgliedskirchen */
    /* Mobil Untermenü Öffner */
    /* Hover der ersten Navigationsebene inkl allgemeiner Styles bei Hover */
    /* Navigations Links allgemeines Styling*/
    /* Listen in tieferen Ebenen */ }
    @media (max-width: 1024px) {
      .main-menu .main-menu__list .main-menu__list-item.main-menu__list-item--has-sub {
        padding-right: 20px;
        position: relative; } }
    @media (max-width: 768px) {
      .main-menu .main-menu__list .main-menu__list-item.Mitgliedskirchen .main-menu__open-sub {
        display: none; } }
    @media (max-width: 768px) {
      .main-menu .main-menu__list .main-menu__list-item.Mitgliedskirchen .main-menu__list.main-menu__list--level-2 {
        display: none !important; } }
    .main-menu .main-menu__list .main-menu__list-item.Mitgliedskirchen .main-menu__list.main-menu__list--level-2 .grid .grid__column {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .main-menu .main-menu__list .main-menu__list-item .main-menu__open-sub {
      display: none; }
      @media (max-width: 1024px) {
        .main-menu .main-menu__list .main-menu__list-item .main-menu__open-sub {
          background-color: transparent;
          display: inline-block;
          position: absolute;
          border: none;
          width: 20px;
          height: 20px;
          margin-left: 8px;
          right: initial;
          top: 18px; }
          .main-menu .main-menu__list .main-menu__list-item .main-menu__open-sub:before {
            content: ' ';
            position: absolute;
            top: 8px;
            left: 0;
            width: 10px;
            height: 7px;
            border-top: 7px solid #ffffff;
            border-right: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid transparent; } }
    @media (max-width: 1024px) and (max-width: 1024px) {
      .main-menu .main-menu__list .main-menu__list-item .main-menu__open-sub:before {
        width: 20px;
        height: 10px;
        top: 5px;
        border-top: 10px solid #ffffff;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid transparent; } }
      @media (max-width: 1024px) {
          .main-menu .main-menu__list .main-menu__list-item .main-menu__open-sub.main-menu__open-sub--clicked {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }
    .main-menu .main-menu__list .main-menu__list-item:before {
      display: none; }
    @media (max-width: 1024px) {
      .main-menu .main-menu__list .main-menu__list-item {
        display: block;
        text-align: center; } }
    @media (max-width: 1024px) {
      .main-menu .main-menu__list .main-menu__list-item:hover {
        background-color: transparent; } }
    .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__link {
      color: #EC9743; }
      @media (max-width: 1024px) {
        .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__link {
          color: #005749;
          background-color: transparent; } }
    .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__list.main-menu__list--level-2 {
      display: block; }
      @media (max-width: 1024px) {
        .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__list.main-menu__list--level-2 {
          display: none;
          left: 0; } }
    .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__list.main-menu__list--level-3 {
      display: block; }
      @media (max-width: 1024px) {
        .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__list.main-menu__list--level-3 {
          display: none;
          left: 0; } }
    .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__open-sub:before {
      border-top: 7px solid #005749; }
      @media (max-width: 1024px) {
        .main-menu .main-menu__list .main-menu__list-item:hover .main-menu__open-sub:before {
          border-right: 10px solid transparent; } }
    .main-menu .main-menu__list .main-menu__list-item .main-menu__link {
      text-decoration: none;
      display: inline-block;
      padding: 15px 0;
      margin: 0;
      color: #ffffff;
      font-size: 18px;
      /* Link der aktuellen Seite */ }
      @media (max-width: 1024px) {
        .main-menu .main-menu__list .main-menu__list-item .main-menu__link {
          text-decoration: none;
          margin: 0;
          font-size: 24px;
          padding: 10px 0; } }
      .main-menu .main-menu__list .main-menu__list-item .main-menu__link.main-menu__link--active {
        color: #EC9743; }
        @media (max-width: 1024px) {
          .main-menu .main-menu__list .main-menu__list-item .main-menu__link.main-menu__link--active {
            color: #EC9743; } }
    .main-menu .main-menu__list .main-menu__list-item .main-menu__list {
      /* ZWEITE NAVIGATIONS EBENE */
      /* DRITTE NAVIGATIONS EBENE */ }
      @media (max-width: 1024px) {
        .main-menu .main-menu__list .main-menu__list-item .main-menu__list {
          display: none; } }
      .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 {
        background-color: #00826E;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 20;
        padding: 10px 0;
        display: none;
        width: 100%;
        border-top: 1px solid #fff; }
        .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 h2 {
          color: #ffffff;
          font-weight: 400;
          font-size: 20px;
          margin-top: 20px;
          margin-bottom: 10px; }
        .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .grid.grid--1x1 {
          padding: 0; }
        .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .grid.grid--4x1 {
          padding-top: 0; }
        .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .grid .grid__column {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          @media (max-width: 1024px) {
            .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .grid .grid__column {
              margin-bottom: 0 !important;
              width: calc(100% - 40px);
              float: left;
              margin-left: 20px; } }
        @media (max-width: 1024px) {
          .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 {
            position: relative;
            top: initial;
            left: initial;
            -webkit-transform: initial;
            transform: initial;
            background-color: #339b8b;
            opacity: initial;
            width: 100%;
            padding: 0;
            display: none; } }
        .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link {
          color: #ffffff;
          font-size: 16px;
          font-weight: 900;
          /* Direkter Link im Flyout der zweiten Untermenüebene */
          /* Hover Styles aller tieferen Ebenen */
          /* Mobiler Öffner */
          /* Mitgliedskirchen */ }
          .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link.main-menu__link--direct {
            font-family: 'aleo', serif;
            font-size: 24px;
            padding-top: 20px;
            font-weight: 500; }
            .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link.main-menu__link--direct:after {
              display: inline-block;
              font-style: normal;
              font-variant: normal;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              font-family: "Font Awesome 5 Free";
              font-size: 18px;
              font-weight: 900;
              content: "\f054";
              margin-left: 10px; }
          .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link:hover {
            color: #EC9743; }
          .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link .main-menu__open-sub {
            right: initial;
            left: 5px;
            top: 5px; }
            @media (max-width: 1024px) {
              .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link .main-menu__open-sub {
                top: 12px;
                left: initial; } }
            .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link .main-menu__open-sub:before {
              top: 3px;
              left: -1px;
              right: initial;
              border-top: 7px solid transparent;
              border-right: 7px solid #005749;
              border-bottom: 7px solid transparent;
              border-left: 7px solid transparent; }
              @media (max-width: 1024px) {
                .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link .main-menu__open-sub:before {
                  border-top: 10px solid #005749;
                  border-right: 10px solid transparent;
                  border-bottom: 10px solid transparent;
                  border-left: 10px solid transparent;
                  width: 20px;
                  height: 10px;
                  top: 5px;
                  left: 0px; } }
          .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link.main-menu__link--mitgliedskirchen {
            min-width: 150px;
            height: 100px;
            padding: 10px;
            background-color: #ffffff;
            margin-bottom: 10px;
            margin-right: 10px;
            text-align: center;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
            .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link.main-menu__link--mitgliedskirchen img {
              height: 100%;
              width: auto; }
            .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link.main-menu__link--mitgliedskirchen:hover {
              opacity: .8; }
            @media (max-width: 1024px) {
              .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-2 .main-menu__link.main-menu__link--mitgliedskirchen {
                height: 100px; } }
      .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-3 {
        display: none; }
        @media (max-width: 1024px) {
          .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-3 {
            position: relative;
            top: initial;
            opacity: 1;
            background-color: #66b4a8;
            left: initial;
            -webkit-transform: none;
            transform: none;
            width: 100%; } }
        .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-3 .main-menu__list-item {
          width: 100%; }
          .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-3 .main-menu__list-item .main-menu__link {
            font-weight: 400;
            font-size: 14px;
            padding: 2px 0; }
          @media (max-width: 1024px) {
            .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-3 .main-menu__list-item:hover {
              background-color: transparent;
              color: #005749; } }
          @media (max-width: 1024px) {
            .main-menu .main-menu__list .main-menu__list-item .main-menu__list.main-menu__list--level-3 .main-menu__list-item:hover .main-menu__link {
              background-color: transparent;
              color: #005749; } }

.search input[type="search"], .search input[type="submit"] {
  border: none;
  padding: 8px; }

.search input[type="search"] {
  background-color: #E3E3E3; }

.search input[type="submit"] {
  background-color: #00826E;
  color: #ffffff;
  margin-left: -5px;
  padding: 10.2px; }
  .search input[type="submit"]:hover, .search input[type="submit"]:focus {
    background-color: #005749; }

.search .search__result {
  list-style: none;
  margin-bottom: 20px; }
  .search .search__result a {
    font-size: 24px; }
    .search .search__result a::before, .search .search__result a::after {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      vertical-align: middle; }
    .search .search__result a::before {
      content: "\f111";
      font-weight: 500;
      font-size: 12px; }
    .search .search__result a::after {
      content: "\f054";
      margin-left: 5px; }
    .search .search__result a:hover:before {
      font-weight: 900; }
  .search .search__result p {
    font-size: 14px; }

header .search input[type="submit"] {
  padding: 10.1px; }

.cookie-optin {
  background-color: #005749;
  color: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 30;
  padding: 20px 20px 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); }
  .cookie-optin p {
    margin: 0 0 10px;
    color: #fff; }
  .cookie-optin__content {
    position: relative;
    padding-right: 300px; }
    @media (max-width: 1024px) {
      .cookie-optin__content {
        padding-right: 0; } }
  .cookie-optin__message {
    position: relative; }
    @media (max-width: 480px) {
      .cookie-optin__message {
        font-size: 14px;
        line-height: 20px; } }
  .cookie-optin__link {
    color: #ffffff;
    text-decoration: underline;
    margin-left: 10px; }
  .cookie-optin__buttons .button {
    position: absolute;
    bottom: 55px;
    right: 0;
    cursor: pointer;
    padding: 12px 18px;
    font-size: 16px;
    border: none;
    margin-right: 10px; }
    @media (max-width: 1024px) {
      .cookie-optin__buttons .button {
        margin: 0 0 10px;
        position: relative;
        bottom: initial !important;
        right: initial !important;
        display: block; } }
    .cookie-optin__buttons .button.button--small {
      bottom: 25px;
      padding: 5px;
      font-size: 12px;
      margin-top: 18px;
      margin-right: 10px; }
      @media (max-width: 480px) {
        .cookie-optin__buttons .button.button--small {
          margin-top: 0;
          margin-right: 0; } }
  .cookie-optin input[type="checkbox"] {
    float: left;
    margin-bottom: 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-color: white;
    border: none;
    position: relative; }
    .cookie-optin input[type="checkbox"]:checked {
      background-color: #ffffff; }
      .cookie-optin input[type="checkbox"]:checked:before, .cookie-optin input[type="checkbox"]:checked:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 20px;
        height: 2px;
        top: 9px;
        background-color: #005749; }
      .cookie-optin input[type="checkbox"]:checked:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 0; }
      .cookie-optin input[type="checkbox"]:checked:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 0; }
  .cookie-optin label {
    font-weight: bold;
    margin-left: 10px;
    color: #ffffff; }
  .cookie-optin ul {
    margin-bottom: 0;
    list-style: none; }
  .cookie-optin ul li:before {
    display: none; }
  .cookie-optin ul li::after {
    clear: both;
    content: "";
    display: table; }
  .cookie-optin ul li p {
    margin-left: 30px;
    margin-top: 0;
    font-size: 0.8em;
    line-height: 1.5; }
  .cookie-optin ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .cookie-optin li {
    width: 50%;
    padding-right: 20px; }
    @media (max-width: 480px) {
      .cookie-optin li {
        padding: 0; }
        .cookie-optin li:last-of-type {
          margin-bottom: 0; } }
  @media (max-width: 768px) {
    .cookie-optin ul {
      display: block; }
    .cookie-optin li {
      width: auto; }
    .cookie-optin .button {
      margin-top: 20px;
      position: relative; }
    .cookie-optin__content {
      padding-right: 0; } }

/* aleo-regular - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/aleo-v4-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-regular.woff2") format("woff2"), url("../fonts/aleo-v4-latin-regular.woff") format("woff"), url("../fonts/aleo-v4-latin-regular.ttf") format("truetype"), url("../fonts/aleo-v4-latin-regular.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* aleo-700 - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/aleo-v4-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-700.woff2") format("woff2"), url("../fonts/aleo-v4-latin-700.woff") format("woff"), url("../fonts/aleo-v4-latin-700.ttf") format("truetype"), url("../fonts/aleo-v4-latin-700.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-regular.woff") format("woff"), url("../fonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-italic.woff") format("woff"), url("../fonts/open-sans-v18-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v18-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-600.woff") format("woff"), url("../fonts/open-sans-v18-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px 30px;
  margin: 0 auto !important; }
  .container::after {
    clear: both;
    content: "";
    display: block; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 1200px) {
    .container {
      margin-right: 20px;
      margin-left: 20px; } }
  @media (max-width: 480px) {
    .container {
      margin-right: 10px;
      margin-left: 10px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 20px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 10px; } }

.grid {
  padding: 30px 0; }
  .grid::after {
    clear: both;
    content: "";
    display: table; }
  .grid__headline {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    .grid__headline::after {
      clear: both;
      content: "";
      display: table; }
    @media (max-width: 480px) {
      .grid__headline {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid__column::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 768px) {
    .grid__column {
      margin-bottom: 20px; } }
  .grid__column .grid {
    margin-left: -20px; }
  .grid--small.grid--1x1 .grid__column {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px); }
    @media (max-width: 768px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(83.33333% - 36.66667px);
        float: left;
        margin-left: 20px;
        margin-left: calc(8.33333% - 21.66667px + 40px); } }
    @media (max-width: 480px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--1x1 .grid__column {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--12 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--12 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1 .grid__column {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        margin-bottom: 20px; }
        .grid--2x1 .grid__column:last-of-type {
          margin-bottom: 0; } }
    .grid--2x1 .grid__column:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:first-of-type {
          padding-right: 0; } }
    .grid--2x1 .grid__column:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column:nth-of-type(2n) {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--6 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        margin-bottom: 20px; }
        .grid .grid__column--6:last-of-type {
          margin-bottom: 0; } }
    .grid .grid__column--6:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:first-of-type {
          padding-right: 0; } }
    .grid .grid__column--6:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--6 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--3x1 .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 20px;
    padding: 0 70px; }
    @media (max-width: 768px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 20px; } }
  .grid--3x1 .grid__column {
    width: 100%;
    margin-bottom: 0; }
  .grid--responsive + .grid--responsive {
    padding-top: 0; }
  .grid--responsive .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 0 20px;
    padding: 0 70px; }
    @media (max-width: 1024px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        padding: 0 30px;
        grid-gap: 20px; } }
    @media (max-width: 768px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        padding: 0 20px; } }
  .grid--responsive .grid__column--4 {
    width: 100%;
    margin-bottom: 0; }
  .grid--unresponsive .grid__column--4 {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--margin {
    padding-bottom: 0;
    margin-bottom: -30px; }
    .grid--margin .container {
      padding-bottom: 0;
      margin-bottom: 0; }
  .grid--4x1 .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--3 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--3 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--3 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

button[role="button"] {
  cursor: pointer; }

.stage {
  height: 360px;
  position: relative;
  margin-top: -30px;
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .stage {
      height: 150px; } }
  .stage .stage__image {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0; }
  .stage .caption {
    position: absolute;
    bottom: 10px;
    left: 10px; }
    .stage .caption span {
      display: block;
      font-size: 0.8rem;
      color: #ffffff; }
      .stage .caption span a {
        display: inline;
        height: auto;
        width: auto;
        color: #ffffff; }

/* aleo-regular - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/aleo-v4-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-regular.woff2") format("woff2"), url("../fonts/aleo-v4-latin-regular.woff") format("woff"), url("../fonts/aleo-v4-latin-regular.ttf") format("truetype"), url("../fonts/aleo-v4-latin-regular.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* aleo-700 - latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/aleo-v4-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/aleo-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo-v4-latin-700.woff2") format("woff2"), url("../fonts/aleo-v4-latin-700.woff") format("woff"), url("../fonts/aleo-v4-latin-700.ttf") format("truetype"), url("../fonts/aleo-v4-latin-700.svg#Aleo") format("svg");
  /* Legacy iOS */ }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-regular.woff") format("woff"), url("../fonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v18-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-italic.woff") format("woff"), url("../fonts/open-sans-v18-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v18-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v18-latin-600.woff") format("woff"), url("../fonts/open-sans-v18-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v18-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px 30px;
  margin: 0 auto !important; }
  .container::after {
    clear: both;
    content: "";
    display: block; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 1200px) {
    .container {
      margin-right: 20px;
      margin-left: 20px; } }
  @media (max-width: 480px) {
    .container {
      margin-right: 10px;
      margin-left: 10px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 20px; } }
  @media (max-width: 768px) {
    .container {
      padding: 0 10px; } }

.grid {
  padding: 30px 0; }
  .grid::after {
    clear: both;
    content: "";
    display: table; }
  .grid__headline {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    .grid__headline::after {
      clear: both;
      content: "";
      display: table; }
    @media (max-width: 480px) {
      .grid__headline {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid__column::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 768px) {
    .grid__column {
      margin-bottom: 20px; } }
  .grid__column .grid {
    margin-left: -20px; }
  .grid--small.grid--1x1 .grid__column {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px); }
    @media (max-width: 768px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(83.33333% - 36.66667px);
        float: left;
        margin-left: 20px;
        margin-left: calc(8.33333% - 21.66667px + 40px); } }
    @media (max-width: 480px) {
      .grid--small.grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--1x1 .grid__column {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--1x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--12 {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid .grid__column--12 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--12 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1 .grid__column {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        margin-bottom: 20px; }
        .grid--2x1 .grid__column:last-of-type {
          margin-bottom: 0; } }
    .grid--2x1 .grid__column:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:first-of-type {
          padding-right: 0; } }
    .grid--2x1 .grid__column:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid--2x1 .grid__column:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--2x1--small .grid__column:nth-of-type(2n) {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--2x1--small .grid__column:nth-of-type(2n) {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--6 {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        margin-bottom: 20px; }
        .grid .grid__column--6:last-of-type {
          margin-bottom: 0; } }
    .grid .grid__column--6:first-of-type {
      padding-right: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:first-of-type {
          padding-right: 0; } }
    .grid .grid__column--6:last-of-type {
      padding-left: 0px; }
      @media (max-width: 768px) {
        .grid .grid__column--6:last-of-type {
          padding-left: 0; } }
    @media (max-width: 768px) {
      .grid .grid__column--6 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--6 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--3x1 .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 20px;
    padding: 0 70px; }
    @media (max-width: 768px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--3x1 .container {
        grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
        padding: 0 20px; } }
  .grid--3x1 .grid__column {
    width: 100%;
    margin-bottom: 0; }
  .grid--responsive + .grid--responsive {
    padding-top: 0; }
  .grid--responsive .container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
    grid-gap: 0 20px;
    padding: 0 70px; }
    @media (max-width: 1024px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        padding: 0 30px;
        grid-gap: 20px; } }
    @media (max-width: 768px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        padding: 0 30px; } }
    @media (max-width: 480px) {
      .grid--responsive .container {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        padding: 0 20px; } }
  .grid--responsive .grid__column--4 {
    width: 100%;
    margin-bottom: 0; }
  .grid--unresponsive .grid__column--4 {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--unresponsive .grid__column--4 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--margin {
    padding-bottom: 0;
    margin-bottom: -30px; }
    .grid--margin .container {
      padding-bottom: 0;
      margin-bottom: 0; }
  .grid--4x1 .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid .grid__column--3 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid .grid__column--3 {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .grid .grid__column--3 {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

button[role="button"] {
  cursor: pointer; }

.image-text {
  margin-bottom: 15px; }
  .image-text .image-text__image.image-text__image--below img {
    margin-top: 20px; }
  .image-text .image-text__image.image-text__image--intextLeft {
    width: 45%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px; }
    @media (max-width: 1024px) {
      .image-text .image-text__image.image-text__image--intextLeft {
        width: 70%; } }
    @media (max-width: 768px) {
      .image-text .image-text__image.image-text__image--intextLeft {
        width: 100%;
        margin-left: 0; } }
    .image-text .image-text__image.image-text__image--intextLeft.small {
      width: 23%; }
  .image-text .image-text__image.image-text__image--intextRight {
    width: 45%;
    float: right;
    margin-bottom: 20px;
    margin-left: 20px; }
    @media (max-width: 1024px) {
      .image-text .image-text__image.image-text__image--intextRight {
        width: 70%; } }
    @media (max-width: 768px) {
      .image-text .image-text__image.image-text__image--intextRight {
        width: 100%;
        margin-right: 0; } }
    .image-text .image-text__image.image-text__image--intextRight.small {
      width: 23%; }
  .image-text .image-text__image img {
    width: 100%; }

.video-element {
  margin-bottom: 30px; }
  .video-element .video-element__video {
    position: relative; }
    .video-element .video-element__video:before {
      content: ' ';
      display: block;
      position: relative;
      padding-top: calc(100% / 3 * 2); }
    .video-element .video-element__video .video-element__fancybox-opener {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2; }
    .video-element .video-element__video iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .video-element .video-element__headline {
    padding: 10px; }
    .video-element .video-element__headline h3 {
      margin: 0;
      font-size: 20px; }

.events {
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all; }
  .events * {
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all; }
  .events .events__items .grid.grid--2x1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .events .events__items .grid__column {
    margin-bottom: 20px; }
  .events .events__item {
    margin-bottom: 0;
    background-color: #00826E;
    padding: 30px;
    width: 100%;
    height: 100%; }
    .events .events__item a:hover h3, .events .events__item a:hover p, .events .events__item a:focus h3, .events .events__item a:focus p {
      color: #EC9743; }
    .events .events__item h3, .events .events__item p, .events .events__item a {
      color: #ffffff; }
    .events .events__item.events__item--extended {
      background: none;
      padding: 0;
      color: #3A3A3A;
      border-bottom: solid 2px #00826E; }
      .events .events__item.events__item--extended h3 {
        color: #00826E; }
      .events .events__item.events__item--extended p, .events .events__item.events__item--extended a {
        color: #3A3A3A; }
      .events .events__item.events__item--extended:last-child {
        border-bottom: none;
        margin-bottom: 30px; }
  .events h3 {
    margin-bottom: 0; }
  .events .grid__column:nth-child(15) .events__item,
  .events .grid__column:nth-child(14) .events__item,
  .events .grid__column:nth-child(11) .events__item,
  .events .grid__column:nth-child(10) .events__item,
  .events .grid__column:nth-child(7) .events__item,
  .events .grid__column:nth-child(6) .events__item,
  .events .grid__column:nth-child(3) .events__item,
  .events .grid__column:nth-child(2) .events__item {
    background-color: #005749; }
  .events .events__informations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .events .events__informations p, .events .events__informations a {
      font-size: 16px;
      padding-right: 10px;
      margin-right: 10px;
      margin-bottom: 0;
      border-right: solid 1px #ffffff; }
      .events .events__informations p:last-child, .events .events__informations a:last-child {
        padding-right: 0;
        margin-right: 0;
        border-right: none; }
  .events .events__teaser {
    margin-top: 10px; }
    .events .events__teaser p {
      font-size: 16px; }
  @media (max-width: 768px) {
    .events .events__logo {
      width: 200px; } }
  .events .events__archive {
    text-align: center; }
  .events.events--detail .events__informations {
    margin-bottom: 15px; }
    .events.events--detail .events__informations p, .events.events--detail .events__informations a {
      border-color: #3A3A3A; }
    .events.events--detail .events__informations a:hover p {
      color: #EC9743; }

.news .news__items {
  margin-bottom: 30px; }

.news .news__item {
  border-bottom: solid 2px #00826E; }
  .news .news__item:last-child {
    border: none; }
  .news .news__item header {
    margin-bottom: 15px; }
  .news .news__item h4 {
    font-weight: 400; }
  .news .news__item a:hover h3,
  .news .news__item a:focus h3,
  .news .news__item a:focus h4,
  .news .news__item a:hover h4 {
    color: #EC9743; }
  .news .news__item a:focus img,
  .news .news__item a:hover img {
    opacity: .9; }
  .news .news__item p {
    font-size: 16px; }

.news .news__informations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .news .news__informations p {
    font-size: 16px;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    border-right: solid 1px #3A3A3A; }
    .news .news__informations p:last-child {
      padding-right: 0;
      margin-right: 0;
      border-right: none; }
  .news .news__informations a {
    color: #3A3A3A; }
    .news .news__informations a:focus, .news .news__informations a:hover {
      color: #EC9743; }

.news h3 {
  margin-bottom: 0; }

.news .news__archive {
  text-align: center; }

.news.news--detail .news__informations {
  margin-bottom: 15px; }

.news.news--detail .news__image {
  margin-bottom: 30px;
  width: 45%;
  float: right;
  margin-bottom: 20px;
  margin-left: 20px; }
  @media (max-width: 1024px) {
    .news.news--detail .news__image {
      width: 40%; } }
  @media (max-width: 480px) {
    .news.news--detail .news__image {
      width: 100%;
      margin-right: 0; } }

.news.news--detail .news__teaser {
  margin-bottom: 30px;
  font-weight: 600; }

.news.news--detail .news__text {
  margin-bottom: 30px; }

.teaser {
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all; }
  .teaser * {
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all; }
  .teaser .grid--2x1 .grid__column {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .teaser .grid--2x1 .grid__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .teaser .grid--2x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .teaser .grid--2x1 .grid__column:nth-of-type(2n) {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .teaser .grid--2x1 .grid__column:nth-of-type(2n) {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .teaser .grid--2x1 .grid__column:nth-of-type(2n) {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .teaser h2 a {
    font-family: "aleo", serif; }
    .teaser h2 a:hover {
      color: #00826E; }
  .teaser a:hover img {
    opacity: .9; }

.block-type-kachel {
  height: 100%; }

.kachel {
  position: relative;
  height: 100%;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all; }
  .kachel * {
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all; }
  .kachel .kachel__text {
    padding: 30px;
    width: 100%; }
    .kachel .kachel__text header {
      margin-bottom: 30px; }
    .kachel .kachel__text h3 {
      font-family: "aleo", serif;
      font-size: 26px; }
    .kachel .kachel__text h2 + h3 {
      margin-bottom: 30px; }
      .kachel .kachel__text h2 + h3:last-child {
        margin-bottom: 0; }
    .kachel .kachel__text h3 + h4 {
      margin-bottom: 30px; }
      .kachel .kachel__text h3 + h4:last-child {
        margin-bottom: 0; }
    .kachel .kachel__text h4 {
      font-weight: 400;
      font-size: 20px; }
    .kachel .kachel__text.kachel__text--onTop {
      position: absolute;
      bottom: 0;
      min-height: auto;
      background-color: rgba(0, 130, 110, 0.8);
      padding: 10px 20px; }
      .kachel .kachel__text.kachel__text--onTop header {
        margin-bottom: 0; }
        .kachel .kachel__text.kachel__text--onTop header h3 {
          font-size: 24px;
          margin-bottom: 0; }
  .kachel .kachel__link {
    width: 100%;
    height: 100%; }
    .kachel .kachel__link:hover, .kachel .kachel__link:focus {
      background-color: rgba(0, 0, 0, 0.2); }
      .kachel .kachel__link:hover .kachel__text--onTop, .kachel .kachel__link:focus .kachel__text--onTop {
        background-color: #00826e; }
  .kachel .kachel__image {
    height: 100%;
    position: relative; }
    .kachel .kachel__image img {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }

/* Mitgliedskirchen */
.mk-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.mitgliedskirchen {
  min-width: 150px;
  height: 125px;
  padding: 10px;
  background-color: #ffffff;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 1px solid #aaa; }
  @media (max-width: 1024px) {
    .mitgliedskirchen {
      height: 100px; } }
  .mitgliedskirchen img {
    height: 100%;
    width: auto; }
    @media (max-width: 768px) {
      .mitgliedskirchen img {
        margin-top: 10px;
        height: 70%;
        max-width: 100%; } }
  .mitgliedskirchen:hover {
    opacity: .8; }