@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=8f4f5a54-d213-4814-ae94-2f4b34a9960f&fontids=1488854,1488860,1488866,1488872,1488878,1488884,1488890,1488896,1488902,1488908,1488914,1488920,1488926,1488932,1488938,1488944");
[role="button"] {
  cursor: pointer; }

.grid-debug {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 20px, transparent 20px, transparent calc(8.33333% - 21.66667px + 20px), rgba(255, 0, 0, 0.2) calc(8.33333% - 21.66667px + 20px), rgba(255, 0, 0, 0.2) calc(8.33333% - 21.66667px + 20px + 20px), transparent calc(8.33333% - 21.66667px + 20px + 20px), transparent calc(16.66667% - 23.33333px + 20px), rgba(255, 0, 0, 0.2) calc(16.66667% - 23.33333px + 20px), rgba(255, 0, 0, 0.2) calc(16.66667% - 23.33333px + 20px + 20px), transparent calc(16.66667% - 23.33333px + 20px + 20px), transparent calc(25% - 25px + 20px), rgba(255, 0, 0, 0.2) calc(25% - 25px + 20px), rgba(255, 0, 0, 0.2) calc(25% - 25px + 20px + 20px), transparent calc(25% - 25px + 20px + 20px), transparent calc(33.33333% - 26.66667px + 20px), rgba(255, 0, 0, 0.2) calc(33.33333% - 26.66667px + 20px), rgba(255, 0, 0, 0.2) calc(33.33333% - 26.66667px + 20px + 20px), transparent calc(33.33333% - 26.66667px + 20px + 20px), transparent calc(41.66667% - 28.33333px + 20px), rgba(255, 0, 0, 0.2) calc(41.66667% - 28.33333px + 20px), rgba(255, 0, 0, 0.2) calc(41.66667% - 28.33333px + 20px + 20px), transparent calc(41.66667% - 28.33333px + 20px + 20px), transparent calc(50% - 30px + 20px), rgba(255, 0, 0, 0.2) calc(50% - 30px + 20px), rgba(255, 0, 0, 0.2) calc(50% - 30px + 20px + 20px), transparent calc(50% - 30px + 20px + 20px), transparent calc(58.33333% - 31.66667px + 20px), rgba(255, 0, 0, 0.2) calc(58.33333% - 31.66667px + 20px), rgba(255, 0, 0, 0.2) calc(58.33333% - 31.66667px + 20px + 20px), transparent calc(58.33333% - 31.66667px + 20px + 20px), transparent calc(66.66667% - 33.33333px + 20px), rgba(255, 0, 0, 0.2) calc(66.66667% - 33.33333px + 20px), rgba(255, 0, 0, 0.2) calc(66.66667% - 33.33333px + 20px + 20px), transparent calc(66.66667% - 33.33333px + 20px + 20px), transparent calc(75% - 35px + 20px), rgba(255, 0, 0, 0.2) calc(75% - 35px + 20px), rgba(255, 0, 0, 0.2) calc(75% - 35px + 20px + 20px), transparent calc(75% - 35px + 20px + 20px), transparent calc(83.33333% - 36.66667px + 20px), rgba(255, 0, 0, 0.2) calc(83.33333% - 36.66667px + 20px), rgba(255, 0, 0, 0.2) calc(83.33333% - 36.66667px + 20px + 20px), transparent calc(83.33333% - 36.66667px + 20px + 20px), transparent calc(91.66667% - 38.33333px + 20px), rgba(255, 0, 0, 0.2) calc(91.66667% - 38.33333px + 20px), rgba(255, 0, 0, 0.2) calc(91.66667% - 38.33333px + 20px + 20px), transparent calc(91.66667% - 38.33333px + 20px + 20px), transparent calc(100% - 20px), rgba(255, 0, 0, 0.2) calc(100% - 20px), rgba(255, 0, 0, 0.2) calc(100%)); }
  @media (max-width: 1200px) {
    .grid-debug {
      background-image: linear-gradient(to right, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 20px, transparent 20px, transparent calc(8.33333% - 21.66667px + 20px), rgba(255, 0, 0, 0.2) calc(8.33333% - 21.66667px + 20px), rgba(255, 0, 0, 0.2) calc(8.33333% - 21.66667px + 20px + 20px), transparent calc(8.33333% - 21.66667px + 20px + 20px), transparent calc(16.66667% - 23.33333px + 20px), rgba(255, 0, 0, 0.2) calc(16.66667% - 23.33333px + 20px), rgba(255, 0, 0, 0.2) calc(16.66667% - 23.33333px + 20px + 20px), transparent calc(16.66667% - 23.33333px + 20px + 20px), transparent calc(25% - 25px + 20px), rgba(255, 0, 0, 0.2) calc(25% - 25px + 20px), rgba(255, 0, 0, 0.2) calc(25% - 25px + 20px + 20px), transparent calc(25% - 25px + 20px + 20px), transparent calc(33.33333% - 26.66667px + 20px), rgba(255, 0, 0, 0.2) calc(33.33333% - 26.66667px + 20px), rgba(255, 0, 0, 0.2) calc(33.33333% - 26.66667px + 20px + 20px), transparent calc(33.33333% - 26.66667px + 20px + 20px), transparent calc(41.66667% - 28.33333px + 20px), rgba(255, 0, 0, 0.2) calc(41.66667% - 28.33333px + 20px), rgba(255, 0, 0, 0.2) calc(41.66667% - 28.33333px + 20px + 20px), transparent calc(41.66667% - 28.33333px + 20px + 20px), transparent calc(50% - 30px + 20px), rgba(255, 0, 0, 0.2) calc(50% - 30px + 20px), rgba(255, 0, 0, 0.2) calc(50% - 30px + 20px + 20px), transparent calc(50% - 30px + 20px + 20px), transparent calc(58.33333% - 31.66667px + 20px), rgba(255, 0, 0, 0.2) calc(58.33333% - 31.66667px + 20px), rgba(255, 0, 0, 0.2) calc(58.33333% - 31.66667px + 20px + 20px), transparent calc(58.33333% - 31.66667px + 20px + 20px), transparent calc(66.66667% - 33.33333px + 20px), rgba(255, 0, 0, 0.2) calc(66.66667% - 33.33333px + 20px), rgba(255, 0, 0, 0.2) calc(66.66667% - 33.33333px + 20px + 20px), transparent calc(66.66667% - 33.33333px + 20px + 20px), transparent calc(75% - 35px + 20px), rgba(255, 0, 0, 0.2) calc(75% - 35px + 20px), rgba(255, 0, 0, 0.2) calc(75% - 35px + 20px + 20px), transparent calc(75% - 35px + 20px + 20px), transparent calc(83.33333% - 36.66667px + 20px), rgba(255, 0, 0, 0.2) calc(83.33333% - 36.66667px + 20px), rgba(255, 0, 0, 0.2) calc(83.33333% - 36.66667px + 20px + 20px), transparent calc(83.33333% - 36.66667px + 20px + 20px), transparent calc(91.66667% - 38.33333px + 20px), rgba(255, 0, 0, 0.2) calc(91.66667% - 38.33333px + 20px), rgba(255, 0, 0, 0.2) calc(91.66667% - 38.33333px + 20px + 20px), transparent calc(91.66667% - 38.33333px + 20px + 20px), transparent calc(100% - 20px), rgba(255, 0, 0, 0.2) calc(100% - 20px), rgba(255, 0, 0, 0.2) calc(100%)); } }
  @media (max-width: 1024px) {
    .grid-debug {
      background-image: linear-gradient(to right, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 20px, transparent 20px, transparent calc(8.33333% - 21.66667px + 20px), rgba(255, 0, 0, 0.2) calc(8.33333% - 21.66667px + 20px), rgba(255, 0, 0, 0.2) calc(8.33333% - 21.66667px + 20px + 20px), transparent calc(8.33333% - 21.66667px + 20px + 20px), transparent calc(16.66667% - 23.33333px + 20px), rgba(255, 0, 0, 0.2) calc(16.66667% - 23.33333px + 20px), rgba(255, 0, 0, 0.2) calc(16.66667% - 23.33333px + 20px + 20px), transparent calc(16.66667% - 23.33333px + 20px + 20px), transparent calc(25% - 25px + 20px), rgba(255, 0, 0, 0.2) calc(25% - 25px + 20px), rgba(255, 0, 0, 0.2) calc(25% - 25px + 20px + 20px), transparent calc(25% - 25px + 20px + 20px), transparent calc(33.33333% - 26.66667px + 20px), rgba(255, 0, 0, 0.2) calc(33.33333% - 26.66667px + 20px), rgba(255, 0, 0, 0.2) calc(33.33333% - 26.66667px + 20px + 20px), transparent calc(33.33333% - 26.66667px + 20px + 20px), transparent calc(41.66667% - 28.33333px + 20px), rgba(255, 0, 0, 0.2) calc(41.66667% - 28.33333px + 20px), rgba(255, 0, 0, 0.2) calc(41.66667% - 28.33333px + 20px + 20px), transparent calc(41.66667% - 28.33333px + 20px + 20px), transparent calc(50% - 30px + 20px), rgba(255, 0, 0, 0.2) calc(50% - 30px + 20px), rgba(255, 0, 0, 0.2) calc(50% - 30px + 20px + 20px), transparent calc(50% - 30px + 20px + 20px), transparent calc(58.33333% - 31.66667px + 20px), rgba(255, 0, 0, 0.2) calc(58.33333% - 31.66667px + 20px), rgba(255, 0, 0, 0.2) calc(58.33333% - 31.66667px + 20px + 20px), transparent calc(58.33333% - 31.66667px + 20px + 20px), transparent calc(66.66667% - 33.33333px + 20px), rgba(255, 0, 0, 0.2) calc(66.66667% - 33.33333px + 20px), rgba(255, 0, 0, 0.2) calc(66.66667% - 33.33333px + 20px + 20px), transparent calc(66.66667% - 33.33333px + 20px + 20px), transparent calc(75% - 35px + 20px), rgba(255, 0, 0, 0.2) calc(75% - 35px + 20px), rgba(255, 0, 0, 0.2) calc(75% - 35px + 20px + 20px), transparent calc(75% - 35px + 20px + 20px), transparent calc(83.33333% - 36.66667px + 20px), rgba(255, 0, 0, 0.2) calc(83.33333% - 36.66667px + 20px), rgba(255, 0, 0, 0.2) calc(83.33333% - 36.66667px + 20px + 20px), transparent calc(83.33333% - 36.66667px + 20px + 20px), transparent calc(91.66667% - 38.33333px + 20px), rgba(255, 0, 0, 0.2) calc(91.66667% - 38.33333px + 20px), rgba(255, 0, 0, 0.2) calc(91.66667% - 38.33333px + 20px + 20px), transparent calc(91.66667% - 38.33333px + 20px + 20px), transparent calc(100% - 20px), rgba(255, 0, 0, 0.2) calc(100% - 20px), rgba(255, 0, 0, 0.2) calc(100%)); } }
  @media (max-width: 768px) {
    .grid-debug {
      background-image: linear-gradient(to right, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 10px, transparent 10px, transparent calc(8.33333% - 10.83333px + 10px), rgba(255, 0, 0, 0.2) calc(8.33333% - 10.83333px + 10px), rgba(255, 0, 0, 0.2) calc(8.33333% - 10.83333px + 10px + 10px), transparent calc(8.33333% - 10.83333px + 10px + 10px), transparent calc(16.66667% - 11.66667px + 10px), rgba(255, 0, 0, 0.2) calc(16.66667% - 11.66667px + 10px), rgba(255, 0, 0, 0.2) calc(16.66667% - 11.66667px + 10px + 10px), transparent calc(16.66667% - 11.66667px + 10px + 10px), transparent calc(25% - 12.5px + 10px), rgba(255, 0, 0, 0.2) calc(25% - 12.5px + 10px), rgba(255, 0, 0, 0.2) calc(25% - 12.5px + 10px + 10px), transparent calc(25% - 12.5px + 10px + 10px), transparent calc(33.33333% - 13.33333px + 10px), rgba(255, 0, 0, 0.2) calc(33.33333% - 13.33333px + 10px), rgba(255, 0, 0, 0.2) calc(33.33333% - 13.33333px + 10px + 10px), transparent calc(33.33333% - 13.33333px + 10px + 10px), transparent calc(41.66667% - 14.16667px + 10px), rgba(255, 0, 0, 0.2) calc(41.66667% - 14.16667px + 10px), rgba(255, 0, 0, 0.2) calc(41.66667% - 14.16667px + 10px + 10px), transparent calc(41.66667% - 14.16667px + 10px + 10px), transparent calc(50% - 15px + 10px), rgba(255, 0, 0, 0.2) calc(50% - 15px + 10px), rgba(255, 0, 0, 0.2) calc(50% - 15px + 10px + 10px), transparent calc(50% - 15px + 10px + 10px), transparent calc(58.33333% - 15.83333px + 10px), rgba(255, 0, 0, 0.2) calc(58.33333% - 15.83333px + 10px), rgba(255, 0, 0, 0.2) calc(58.33333% - 15.83333px + 10px + 10px), transparent calc(58.33333% - 15.83333px + 10px + 10px), transparent calc(66.66667% - 16.66667px + 10px), rgba(255, 0, 0, 0.2) calc(66.66667% - 16.66667px + 10px), rgba(255, 0, 0, 0.2) calc(66.66667% - 16.66667px + 10px + 10px), transparent calc(66.66667% - 16.66667px + 10px + 10px), transparent calc(75% - 17.5px + 10px), rgba(255, 0, 0, 0.2) calc(75% - 17.5px + 10px), rgba(255, 0, 0, 0.2) calc(75% - 17.5px + 10px + 10px), transparent calc(75% - 17.5px + 10px + 10px), transparent calc(83.33333% - 18.33333px + 10px), rgba(255, 0, 0, 0.2) calc(83.33333% - 18.33333px + 10px), rgba(255, 0, 0, 0.2) calc(83.33333% - 18.33333px + 10px + 10px), transparent calc(83.33333% - 18.33333px + 10px + 10px), transparent calc(91.66667% - 19.16667px + 10px), rgba(255, 0, 0, 0.2) calc(91.66667% - 19.16667px + 10px), rgba(255, 0, 0, 0.2) calc(91.66667% - 19.16667px + 10px + 10px), transparent calc(91.66667% - 19.16667px + 10px + 10px), transparent calc(100% - 10px), rgba(255, 0, 0, 0.2) calc(100% - 10px), rgba(255, 0, 0, 0.2) calc(100%)); } }
  @media (max-width: 480px) {
    .grid-debug {
      background-image: linear-gradient(to right, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 10px, transparent 10px, transparent calc(8.33333% - 10.83333px + 10px), rgba(255, 0, 0, 0.2) calc(8.33333% - 10.83333px + 10px), rgba(255, 0, 0, 0.2) calc(8.33333% - 10.83333px + 10px + 10px), transparent calc(8.33333% - 10.83333px + 10px + 10px), transparent calc(16.66667% - 11.66667px + 10px), rgba(255, 0, 0, 0.2) calc(16.66667% - 11.66667px + 10px), rgba(255, 0, 0, 0.2) calc(16.66667% - 11.66667px + 10px + 10px), transparent calc(16.66667% - 11.66667px + 10px + 10px), transparent calc(25% - 12.5px + 10px), rgba(255, 0, 0, 0.2) calc(25% - 12.5px + 10px), rgba(255, 0, 0, 0.2) calc(25% - 12.5px + 10px + 10px), transparent calc(25% - 12.5px + 10px + 10px), transparent calc(33.33333% - 13.33333px + 10px), rgba(255, 0, 0, 0.2) calc(33.33333% - 13.33333px + 10px), rgba(255, 0, 0, 0.2) calc(33.33333% - 13.33333px + 10px + 10px), transparent calc(33.33333% - 13.33333px + 10px + 10px), transparent calc(41.66667% - 14.16667px + 10px), rgba(255, 0, 0, 0.2) calc(41.66667% - 14.16667px + 10px), rgba(255, 0, 0, 0.2) calc(41.66667% - 14.16667px + 10px + 10px), transparent calc(41.66667% - 14.16667px + 10px + 10px), transparent calc(50% - 15px + 10px), rgba(255, 0, 0, 0.2) calc(50% - 15px + 10px), rgba(255, 0, 0, 0.2) calc(50% - 15px + 10px + 10px), transparent calc(50% - 15px + 10px + 10px), transparent calc(58.33333% - 15.83333px + 10px), rgba(255, 0, 0, 0.2) calc(58.33333% - 15.83333px + 10px), rgba(255, 0, 0, 0.2) calc(58.33333% - 15.83333px + 10px + 10px), transparent calc(58.33333% - 15.83333px + 10px + 10px), transparent calc(66.66667% - 16.66667px + 10px), rgba(255, 0, 0, 0.2) calc(66.66667% - 16.66667px + 10px), rgba(255, 0, 0, 0.2) calc(66.66667% - 16.66667px + 10px + 10px), transparent calc(66.66667% - 16.66667px + 10px + 10px), transparent calc(75% - 17.5px + 10px), rgba(255, 0, 0, 0.2) calc(75% - 17.5px + 10px), rgba(255, 0, 0, 0.2) calc(75% - 17.5px + 10px + 10px), transparent calc(75% - 17.5px + 10px + 10px), transparent calc(83.33333% - 18.33333px + 10px), rgba(255, 0, 0, 0.2) calc(83.33333% - 18.33333px + 10px), rgba(255, 0, 0, 0.2) calc(83.33333% - 18.33333px + 10px + 10px), transparent calc(83.33333% - 18.33333px + 10px + 10px), transparent calc(91.66667% - 19.16667px + 10px), rgba(255, 0, 0, 0.2) calc(91.66667% - 19.16667px + 10px), rgba(255, 0, 0, 0.2) calc(91.66667% - 19.16667px + 10px + 10px), transparent calc(91.66667% - 19.16667px + 10px + 10px), transparent calc(100% - 10px), rgba(255, 0, 0, 0.2) calc(100% - 10px), rgba(255, 0, 0, 0.2) calc(100%)); } }

.container {
  max-width: 1240px;
  margin: 0 auto; }
  .container::after {
    clear: both;
    content: "";
    display: block; }
  .container::after {
    clear: both;
    content: "";
    display: table; }

.grid {
  margin-top: 20px;
  margin-bottom: 20px; }
  .grid::after {
    clear: both;
    content: "";
    display: table; }
  .grid--collapse {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }
    @media (max-width: 1200px) {
      .grid--collapse {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px); } }
    @media (max-width: 1024px) {
      .grid--collapse {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px); } }
    @media (max-width: 768px) {
      .grid--collapse {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px); } }
    @media (max-width: 480px) {
      .grid--collapse {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px); } }
  .grid__column::after {
    clear: both;
    content: "";
    display: table; }
  @media (max-width: 768px) {
    .grid__column {
      margin-bottom: 40px; }
      .grid__column:last-child {
        margin-bottom: 0; } }
  .grid__header {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1200px) {
      .grid__header {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 1024px) {
      .grid__header {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .grid__header {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .grid__header {
        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: 1200px) {
      .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% - 20px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .grid--1x1 .grid__column {
        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 {
        width: calc(50% - 15px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .grid--2x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--3x1 .grid__column {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--3x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .grid--3x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--4x1 .grid__column {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .grid--4x1 .grid__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
  .grid--startpage {
    margin-bottom: 40px; }
    .grid--startpage .grid__column {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; }
      @media (max-width: 1024px) {
        .grid--startpage .grid__column {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; } }
      @media (max-width: 768px) {
        .grid--startpage .grid__column {
          width: calc(83.33333% - 18.33333px);
          float: left;
          margin-left: 10px;
          margin-left: calc(8.33333% - 10.83333px + 20px); } }
      @media (max-width: 480px) {
        .grid--startpage .grid__column {
          width: calc(100% - 20px);
          float: left;
          margin-left: 10px; } }
      .grid--startpage .grid__column img {
        max-width: 100%;
        height: auto; }
      .grid--startpage .grid__column + .grid__column {
        width: calc(33.33333% - 26.66667px);
        float: left;
        margin-left: 20px; }
        @media (max-width: 1024px) {
          .grid--startpage .grid__column + .grid__column {
            width: calc(50% - 30px);
            float: left;
            margin-left: 20px; } }
        @media (max-width: 768px) {
          .grid--startpage .grid__column + .grid__column {
            width: calc(50% - 15px);
            float: left;
            margin-left: 10px;
            margin-left: calc(8.33333% - 10.83333px + 20px); } }
        @media (max-width: 480px) {
          .grid--startpage .grid__column + .grid__column {
            width: calc(100% - 20px);
            float: left;
            margin-left: 10px; } }
      .grid--startpage .grid__column + .grid__column + .grid__column {
        width: calc(16.66667% - 23.33333px);
        float: left;
        margin-left: 20px; }
        @media (max-width: 1024px) {
          .grid--startpage .grid__column + .grid__column + .grid__column {
            width: calc(25% - 25px);
            float: left;
            margin-left: 20px; } }
        @media (max-width: 768px) {
          .grid--startpage .grid__column + .grid__column + .grid__column {
            width: calc(41.66667% - 14.16667px);
            float: left;
            margin-left: 10px; } }
        @media (max-width: 480px) {
          .grid--startpage .grid__column + .grid__column + .grid__column {
            width: calc(100% - 20px);
            float: left;
            margin-left: 10px; } }
    @media (max-width: 768px) {
      .grid--startpage .grid__header {
        width: calc(83.33333% - 18.33333px);
        float: left;
        margin-left: 10px;
        margin-left: calc(8.33333% - 10.83333px + 20px); } }
    @media (max-width: 480px) {
      .grid--startpage .grid__header {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px;
        margin-left: calc(0% - 10px + 20px); } }

*, *:before, *:after {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

img {
  vertical-align: middle;
  border: 0; }

@font-face {
  font-family: "Helvetica Neue Thin";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488866/4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488866/ca8d25cd-e264-4404-b271-4afc45c779c4.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue ThinIt";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488872/a9445981-191b-46c7-866c-acb67f9cc1db.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488872/a0e9ae86-436e-483a-8201-6c694e90e9ee.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Light";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488878/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488878/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue LightIt";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488884/261b4efb-3d70-4965-977d-38af9422700d.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488884/2e00514e-1764-4250-a0c5-aca3e5a8d133.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Roman";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488890/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488890/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Italic";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488896/21c44514-f4d6-4cff-a5de-e4cac5e61aff.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488896/e7c4b231-76ad-47c7-a54b-5d84dcd78d0f.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue Bold";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488914/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488914/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"); }

@font-face {
  font-family: "Helvetica Neue BoldIt";
  font-display: swap;
  src: url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488920/ade4dbae-c607-4c84-a375-f0c4de0cc357.woff2") format("woff2"), url("../../../../nkw_dachportal/Resources/Public/Webfonts/HelveticaNeue/1488920/5b864741-6f14-4ed9-a297-27a4d73edf51.woff") format("woff"); }

body {
  font-weight: normal;
  font-style: normal;
  font-family: "Helvetica Neue Light", sans-serif;
  color: #333333;
  font-size: 18px;
  line-height: 1.55em; }

h1,
h2,
h3,
h4 {
  margin: 0.8333em 0;
  color: #0098c3; }
  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child {
    margin-top: 0; }

h1 {
  font-size: 36px;
  line-height: 1.28em;
  font-weight: normal;
  font-style: normal;
  font-family: "Helvetica Neue Thin", sans-serif; }
  @media (max-width: 768px) {
    h1 {
      font-size: 32px; } }

h2 {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-family: "Helvetica Neue Light", sans-serif;
  line-height: 1.33em; }
  @media (max-width: 768px) {
    h2 {
      font-size: 20px; } }

h3 {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-family: "Helvetica Neue Light", sans-serif;
  line-height: 1.4em;
  color: #006ba6; }

h4 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "Helvetica Neue Roman", sans-serif;
  line-height: 1.67em;
  margin: 0 0 0.8333em;
  color: #006ba6; }

h5 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: "Helvetica Neue Roman", sans-serif;
  line-height: 1.67em;
  margin: 0 0 0.8333em;
  color: #333333; }

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

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

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

p {
  margin: 20px 0; }
  p:first-child {
    margin-top: 0; }
  p.emphasize {
    background-color: rgba(0, 152, 195, 0.2);
    padding: 0.8em 1em; }

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul li:before, ol li:before {
    content: initial;
    color: initial;
    margin-left: 0;
    margin-right: 0; }

a {
  color: #0098c3;
  text-decoration: none; }
  a:hover {
    color: #006ba6; }

main ul, main ol {
  margin: 0 0 20px 24px;
  list-style: none; }
  main ul li, main ol li {
    position: relative; }
  main ul li:before, main ol li:before {
    position: absolute;
    color: #006ba6;
    left: -24px; }

main ul li:before {
  content: '\2022'; }

main ol {
  counter-reset: ol; }
  main ol li:before {
    counter-increment: ol;
    content: counter(ol) ".";
    width: 35px;
    padding: 0 10px 0 0;
    text-align: right;
    left: -34px; }

.sr-only {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

body, html {
  overflow-x: hidden; }

body {
  padding-top: 160px; }

.logo {
  display: inline-block;
  width: 230px;
  height: 60px;
  -webkit-transition: fill 125ms linear;
  transition: fill 125ms linear; }
  .logo:hover {
    fill: #006ba6; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #ffffff;
  padding-top: 60px;
  padding-bottom: 30px;
  height: 160px;
  -webkit-transition: background-color 525ms linear, height 225ms linear, padding 225ms linear, -webkit-box-shadow 225ms linear;
  transition: background-color 525ms linear, height 225ms linear, padding 225ms linear, -webkit-box-shadow 225ms linear;
  transition: background-color 525ms linear, box-shadow 225ms linear, height 225ms linear, padding 225ms linear;
  transition: background-color 525ms linear, box-shadow 225ms linear, height 225ms linear, padding 225ms linear, -webkit-box-shadow 225ms linear; }
  .header.header--floating {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    height: 100px;
    padding-top: 20px; }
  .header .header__container {
    max-width: 1240px;
    margin: 0 auto; }
    .header .header__container::after {
      clear: both;
      content: "";
      display: block; }
    .header .header__container::after {
      clear: both;
      content: "";
      display: table; }
  .header .header__column {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    position: relative; }
    @media (max-width: 1200px) {
      .header .header__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 1024px) {
      .header .header__column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .header .header__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .header .header__column {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

@media (max-width: 768px) {
  body {
    padding-top: 130px; }
  .header {
    height: 130px;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px; }
    .header .header__column {
      width: calc(83.33333% - 18.33333px);
      float: left;
      margin-left: 10px;
      margin-left: calc(8.33333% - 10.83333px + 20px); } }

@media (max-width: 480px) {
  body {
    padding-top: 70px; }
  .logo {
    width: 150px;
    height: 40px; }
  .header {
    height: 70px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px; }
    .header .header__column {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px;
      margin-left: calc(0% - 10px + 20px); }
    .header.header--menu-open {
      background-color: #0098c3; }
    .header.header--floating {
      height: 70px;
      padding-top: 15px; } }

.footer {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../Images/footer-bg.png");
  background-color: #0098c3;
  margin-top: 100px;
  padding: 140px 0 55px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff; }
  .footer a {
    color: #ffffff; }
    .footer a:hover {
      text-decoration: underline; }
    .footer a[href^='mailto:']:before {
      content: '';
      position: relative;
      display: inline-block;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: 0 0;
      line-height: 16px;
      width: 16px;
      height: 16px;
      /* Do not simplify these! Else background-size cannot be applied. */
      background-image: url(../Images/Icons/link-email-white.svg);
      margin-right: 5px;
      top: 2px; }
  .footer .footer__container {
    max-width: 1240px;
    margin: 0 auto; }
    .footer .footer__container::after {
      clear: both;
      content: "";
      display: block; }
    .footer .footer__container::after {
      clear: both;
      content: "";
      display: table; }
  .footer .footer__contact {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .footer .footer__contact {
        width: calc(50% - 15px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .footer .footer__contact {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
    .footer .footer__contact svg {
      width: 250px;
      max-width: 100%;
      margin-bottom: 40px; }
  .footer .footer__categories {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .footer .footer__categories {
        width: calc(50% - 15px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .footer .footer__categories {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }
    .footer .footer__categories ul li {
      margin-bottom: 8px; }
      .footer .footer__categories ul li:before {
        content: '';
        position: relative;
        display: inline-block;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        line-height: 18px;
        width: 18px;
        height: 18px;
        /* Do not simplify these! Else background-size cannot be applied. */
        background-image: url(../Images/Icons/link-internal-white.svg);
        margin-right: 10px;
        top: 3px; }
  .footer .footer__content {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 768px) {
      .footer .footer__content {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

.main-navigation .main-navigation__open-button {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  fill: #0098c3;
  -webkit-transition: fill 125ms linear;
  transition: fill 125ms linear;
  cursor: pointer; }
  .main-navigation .main-navigation__open-button:hover {
    fill: #006ba6; }
  .main-navigation .main-navigation__open-button polygon {
    -webkit-transition: 275ms opacity ease-in-out, 275ms -webkit-transform ease-in-out;
    transition: 275ms opacity ease-in-out, 275ms -webkit-transform ease-in-out;
    transition: 275ms transform ease-in-out, 275ms opacity ease-in-out;
    transition: 275ms transform ease-in-out, 275ms opacity ease-in-out, 275ms -webkit-transform ease-in-out; }
    .main-navigation .main-navigation__open-button polygon:nth-child(1) {
      -webkit-transform-origin: 4px 9px;
      transform-origin: 4px 9px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .main-navigation .main-navigation__open-button polygon:nth-child(2) {
      opacity: 1; }
    .main-navigation .main-navigation__open-button polygon:nth-child(3) {
      -webkit-transform-origin: 5px 16px;
      transform-origin: 5px 16px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }

.main-navigation .main-navigation__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: right;
  -webkit-transition: 725ms opacity ease-out, -webkit-transform 725ms ease-out;
  transition: 725ms opacity ease-out, -webkit-transform 725ms ease-out;
  transition: transform 725ms ease-out, 725ms opacity ease-out;
  transition: transform 725ms ease-out, 725ms opacity ease-out, -webkit-transform 725ms ease-out;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  min-width: 320px;
  opacity: 0;
  pointer-events: none; }
  .main-navigation .main-navigation__menu li:before {
    content: initial;
    color: initial;
    margin-left: 0;
    margin-right: 0; }

.main-navigation .main-navigation__item {
  margin-right: -20vw;
  padding-right: 20vw; }
  .main-navigation .main-navigation__item a {
    font-size: 24px;
    display: block;
    text-decoration: none;
    padding: 10px 0 10px 20px;
    color: #ffffff;
    min-height: 50px;
    -webkit-transition: padding 225ms ease-in-out;
    transition: padding 225ms ease-in-out; }
    .main-navigation .main-navigation__item a:hover {
      padding-right: 30px; }
  .main-navigation .main-navigation__item.main-navigation__item--color-default {
    background-color: #ffffff;
    border-bottom: 1px solid #7fcbe1; }
    .main-navigation .main-navigation__item.main-navigation__item--color-default:last-child {
      border-bottom: none; }
    .main-navigation .main-navigation__item.main-navigation__item--color-default a {
      color: #0098c3;
      padding-top: 11px;
      padding-bottom: 9px; }
    .main-navigation .main-navigation__item.main-navigation__item--color-default:last-of-type a {
      border-bottom: none;
      padding-bottom: 10px; }
  .main-navigation .main-navigation__item.main-navigation__item--like-pennant {
    margin-top: -1px;
    background-color: #450e52;
    border-top: 3px solid #d2d755; }
    .main-navigation .main-navigation__item.main-navigation__item--like-pennant a {
      color: #ffffff; }
  .main-navigation .main-navigation__item.main-navigation__item--xs-only {
    display: none; }
    @media (max-width: 480px) {
      .main-navigation .main-navigation__item.main-navigation__item--xs-only {
        display: block; } }

.main-navigation .main-navigation__item.main-navigation__item--color-567 {
  background-color: #009fe3; }

.main-navigation .main-navigation__item.main-navigation__item--color-563 {
  background-color: #850057; }

.main-navigation .main-navigation__item.main-navigation__item--color-565 {
  background-color: #d0006f; }

.main-navigation .main-navigation__item.main-navigation__item--color-564 {
  background-color: #007f95; }

.main-navigation .main-navigation__item.main-navigation__item--color-568 {
  background-color: #006ba6; }

.main-navigation .main-navigation__item.main-navigation__item--color-569 {
  background-color: #6e2c6b; }

.main-navigation .main-navigation__item.main-navigation__item--color-566 {
  background-color: #61c250; }

.main-navigation.main-navigation--open .main-navigation__menu {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  pointer-events: auto; }

.main-navigation.main-navigation--open .main-navigation__open-button polygon:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.main-navigation.main-navigation--open .main-navigation__open-button polygon:nth-child(2) {
  opacity: 0; }

.main-navigation.main-navigation--open .main-navigation__open-button polygon:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media (max-width: 480px) {
  .main-navigation .main-navigation__open-button {
    top: 4px; }
    .header--menu-open .main-navigation .main-navigation__open-button svg {
      fill: #ffffff; }
  .main-navigation .main-navigation__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 9;
    top: 55px;
    left: -20px;
    right: -20px;
    text-align: left;
    -webkit-transition: opacity 525ms linear;
    transition: opacity 525ms linear;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 0;
    min-width: 320px; }
    .main-navigation .main-navigation__menu li:before {
      content: initial;
      color: initial;
      margin-left: 0;
      margin-right: 0; }
    .main-navigation .main-navigation__menu .main-navigation__item {
      margin-right: 0;
      padding-right: 0; }
  .main-navigation.main-navigation--open .main-navigation__menu {
    -webkit-transition: opacity 525ms linear 525ms;
    transition: opacity 525ms linear 525ms;
    opacity: 1; } }

.pennant {
  position: absolute;
  z-index: 11;
  top: 0;
  right: 50px;
  width: 50px;
  height: 48px;
  background-color: #450e52;
  border-bottom: 3px solid #d2d755; }
  .pennant .pennant__icon {
    fill: #ffffff;
    width: 28px;
    height: 31px; }
  .pennant .pennant__button {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50px;
    height: 48px; }
  .pennant .pennant__link {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-99.5%);
    transform: translateX(-99.5%);
    white-space: nowrap;
    text-align: right;
    position: absolute;
    height: 48px;
    color: #ffffff;
    padding: 8px 10px 0 15px;
    background-color: #450e52;
    -webkit-transition: opacity 125ms linear;
    transition: opacity 125ms linear; }
    .pennant .pennant__link:after {
      content: ' ';
      display: block;
      width: 50px;
      height: 3px;
      background-color: #d2d755;
      position: absolute;
      right: 0;
      bottom: 0; }
  .pennant.pennant--open .pennant__link {
    opacity: 1;
    pointer-events: auto; }
  @media (max-width: 480px) {
    .pennant {
      display: none; } }

.jump-navigation {
  margin-top: 100px;
  position: absolute; }
  @media screen and (min-width: 1025px) {
    .jump-navigation.jump-navigation--fixed {
      position: fixed;
      top: 60px; } }
  .jump-navigation .jump-navigation__opener {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    display: none;
    position: absolute;
    right: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    background-image: url(../Images/jump_navigation.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 60px;
    background-color: #0098c3;
    cursor: pointer; }
    @media (max-width: 1024px) {
      .jump-navigation .jump-navigation__opener {
        display: block; } }
  .jump-navigation a {
    display: block;
    text-align: left;
    padding: 5px 0;
    font-family: "Helvetica Neue Roman", sans-serif; }
    @media (max-width: 1024px) {
      .jump-navigation a {
        color: #ffffff; } }
    .jump-navigation a svg {
      display: inline-block;
      width: 27px;
      height: 27px;
      fill: #0098c3;
      float: left;
      margin-right: 10px; }
    .jump-navigation a:hover {
      color: #0098c3; }
      .jump-navigation a:hover .inactive {
        display: none; }
      .jump-navigation a:hover .active {
        display: block !important; }
  @media (max-width: 1024px) {
    .jump-navigation {
      position: fixed !important;
      width: auto;
      left: 0;
      top: 50%;
      -webkit-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
      background: #0098c3;
      padding: 15px 0;
      z-index: 9;
      margin-top: 0;
      -webkit-transition: -webkit-transform 225ms ease-in-out;
      transition: -webkit-transform 225ms ease-in-out;
      transition: transform 225ms ease-in-out;
      transition: transform 225ms ease-in-out, -webkit-transform 225ms ease-in-out; }
      .jump-navigation a {
        margin-left: 10px; }
        .jump-navigation a svg {
          display: inline-block;
          width: 27px;
          height: 27px;
          fill: #ffffff;
          float: left;
          margin-right: 10px; }
        .jump-navigation a:hover {
          color: #ffffff; }
      .jump-navigation.jump-navigation--open {
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); } }
  @media (max-width: 480px) {
    .jump-navigation {
      display: none; } }

.download-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .download-list li:before {
    content: initial;
    color: initial;
    margin-left: 0;
    margin-right: 0; }
  .download-list .download-list__item {
    clear: left;
    margin: 5px 0; }
  .download-list .download-list__link:hover .download-list__icon {
    fill: #006ba6; }
  .download-list .download-list__title {
    display: block;
    margin-left: 30px; }
  .download-list .download-list__icon {
    display: block;
    margin: 3px 0;
    width: 20px;
    height: 20px;
    float: left;
    fill: #0098c3; }

header + .download-list {
  margin-top: -10px; }

@-webkit-keyframes load-more-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load-more-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.load-more {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  background-color: transparent;
  border-radius: 0; }
  .load-more svg {
    fill: #0098c3;
    -webkit-transition: fill 225ms linear;
    transition: fill 225ms linear; }
  .load-more:hover {
    background-color: transparent; }
    .load-more:hover svg {
      fill: #006ba6; }
  .load-more.load-more--loading {
    -webkit-animation: load-more-loading 2s linear infinite;
    animation: load-more-loading 2s linear infinite;
    cursor: default;
    pointer-events: none; }
    .load-more.load-more--loading:hover svg {
      fill: #0098c3; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.spinner {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  background: url(../Images/spinner.svg) center center no-repeat transparent;
  -webkit-animation: load-more-loading 2s linear infinite;
  animation: load-more-loading 2s linear infinite; }

.youtube {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
  .youtube:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  .youtube .youtube__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.search-results {
  position: relative;
  clear: left; }
  .search-results .search-results__overlay {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
    padding: 0 50%;
    display: none; }
    .search-results .search-results__overlay > div {
      margin-left: -60px; }

.project-search {
  border-top: 2px solid #0098c3;
  border-bottom: 2px solid #0098c3;
  margin-bottom: 40px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }
  @media (max-width: 1200px) {
    .project-search {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 1024px) {
    .project-search {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 768px) {
    .project-search {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }
  @media (max-width: 480px) {
    .project-search {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }

.list-title {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }
  @media (max-width: 1200px) {
    .list-title {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 1024px) {
    .list-title {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 768px) {
    .list-title {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }
  @media (max-width: 480px) {
    .list-title {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }

.form .form__filter {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px; }
  .form .form__filter li:before {
    content: initial;
    color: initial;
    margin-left: 0;
    margin-right: 0; }
  .form .form__filter::after {
    clear: both;
    content: "";
    display: table; }
  .form .form__filter li {
    float: left;
    margin-right: 30px; }
    .form .form__filter li a {
      position: relative;
      display: inline-block;
      padding-left: 30px; }
      .form .form__filter li a.active {
        text-decoration: underline; }
      .form .form__filter li a svg {
        position: absolute;
        top: 4px;
        left: 0;
        height: 20px;
        width: 20px; }
  .form .form__filter .form__category-item.form__category-item--color-567 a {
    color: #009fe3; }
    .form .form__filter .form__category-item.form__category-item--color-567 a:before {
      background-color: #009fe3; }
    .form .form__filter .form__category-item.form__category-item--color-567 a svg {
      fill: #009fe3; }
  .form .form__filter .form__category-item.form__category-item--color-563 a {
    color: #850057; }
    .form .form__filter .form__category-item.form__category-item--color-563 a:before {
      background-color: #850057; }
    .form .form__filter .form__category-item.form__category-item--color-563 a svg {
      fill: #850057; }
  .form .form__filter .form__category-item.form__category-item--color-565 a {
    color: #d0006f; }
    .form .form__filter .form__category-item.form__category-item--color-565 a:before {
      background-color: #d0006f; }
    .form .form__filter .form__category-item.form__category-item--color-565 a svg {
      fill: #d0006f; }
  .form .form__filter .form__category-item.form__category-item--color-564 a {
    color: #007f95; }
    .form .form__filter .form__category-item.form__category-item--color-564 a:before {
      background-color: #007f95; }
    .form .form__filter .form__category-item.form__category-item--color-564 a svg {
      fill: #007f95; }
  .form .form__filter .form__category-item.form__category-item--color-568 a {
    color: #006ba6; }
    .form .form__filter .form__category-item.form__category-item--color-568 a:before {
      background-color: #006ba6; }
    .form .form__filter .form__category-item.form__category-item--color-568 a svg {
      fill: #006ba6; }
  .form .form__filter .form__category-item.form__category-item--color-569 a {
    color: #6e2c6b; }
    .form .form__filter .form__category-item.form__category-item--color-569 a:before {
      background-color: #6e2c6b; }
    .form .form__filter .form__category-item.form__category-item--color-569 a svg {
      fill: #6e2c6b; }
  .form .form__filter .form__category-item.form__category-item--color-566 a {
    color: #61c250; }
    .form .form__filter .form__category-item.form__category-item--color-566 a:before {
      background-color: #61c250; }
    .form .form__filter .form__category-item.form__category-item--color-566 a svg {
      fill: #61c250; }
  .form .form__filter .form__region-item a svg {
    fill: #0098c3; }
  .form .form__filter .form__region-item a:hover svg {
    fill: #006ba6; }

.offertory-project {
  margin-top: 40px;
  margin-bottom: 40px; }
  .offertory-project::after {
    clear: both;
    content: "";
    display: table; }
  .offertory-project:first-child {
    margin-top: 10px; }
  .offertory-project .offertory-project__name {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: calc(25% - 25px + 40px); }
    @media (max-width: 1200px) {
      .offertory-project .offertory-project__name {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 1024px) {
      .offertory-project .offertory-project__name {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .offertory-project .offertory-project__name {
        width: calc(50% - 15px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .offertory-project .offertory-project__name {
        width: calc(50% - 15px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 1200px) {
      .offertory-project .offertory-project__name {
        margin-left: calc(25% - 25px + 40px); } }
    @media (max-width: 1024px) {
      .offertory-project .offertory-project__name {
        margin-left: calc(25% - 25px + 40px); } }
    @media (max-width: 768px) {
      .offertory-project .offertory-project__name {
        margin-left: calc(25% - 12.5px + 20px); } }
    @media (max-width: 480px) {
      .offertory-project .offertory-project__name {
        margin-left: calc(25% - 12.5px + 20px); } }
  .offertory-project .offertory-project__image {
    clear: left;
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1200px) {
      .offertory-project .offertory-project__image {
        width: calc(25% - 25px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 1024px) {
      .offertory-project .offertory-project__image {
        width: calc(25% - 25px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .offertory-project .offertory-project__image {
        width: calc(25% - 12.5px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .offertory-project .offertory-project__image {
        width: calc(25% - 12.5px);
        float: left;
        margin-left: 10px; } }
    .offertory-project .offertory-project__image img {
      width: 100%;
      height: auto; }
    .offertory-project .offertory-project__image.offertory-project__image--for-grid {
      display: none; }
  .offertory-project .offertory-project__details {
    width: calc(58.33333% - 31.66667px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1200px) {
      .offertory-project .offertory-project__details {
        width: calc(58.33333% - 31.66667px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 1024px) {
      .offertory-project .offertory-project__details {
        width: calc(58.33333% - 31.66667px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .offertory-project .offertory-project__details {
        width: calc(58.33333% - 15.83333px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .offertory-project .offertory-project__details {
        width: calc(58.33333% - 15.83333px);
        float: left;
        margin-left: 10px; } }
    .offertory-project .offertory-project__details p {
      margin-top: 0; }
  .offertory-project .offertory-project__info {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 1200px) {
      .offertory-project .offertory-project__info {
        width: calc(16.66667% - 23.33333px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 1024px) {
      .offertory-project .offertory-project__info {
        width: calc(16.66667% - 23.33333px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .offertory-project .offertory-project__info {
        width: calc(16.66667% - 11.66667px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .offertory-project .offertory-project__info {
        width: calc(16.66667% - 11.66667px);
        float: left;
        margin-left: 10px; } }
    .offertory-project .offertory-project__info img {
      max-width: 100%;
      height: auto; }
    .offertory-project .offertory-project__info dd {
      margin-bottom: 8px; }
    .offertory-project .offertory-project__info.offertory-project__info--for-grid {
      display: none; }
  .offertory-project.offertory-project--no-image .offertory-project__details {
    margin-left: calc(25% - 25px + 40px); }
    @media (max-width: 1200px) {
      .offertory-project.offertory-project--no-image .offertory-project__details {
        margin-left: calc(25% - 25px + 40px); } }
    @media (max-width: 1024px) {
      .offertory-project.offertory-project--no-image .offertory-project__details {
        margin-left: calc(25% - 25px + 40px); } }
    @media (max-width: 768px) {
      .offertory-project.offertory-project--no-image .offertory-project__details {
        margin-left: calc(25% - 12.5px + 20px); } }
    @media (max-width: 480px) {
      .offertory-project.offertory-project--no-image .offertory-project__details {
        margin-left: calc(25% - 12.5px + 20px); } }
  .offertory-project .offertory-project__category {
    position: relative;
    display: block;
    padding-left: 34px; }
    .offertory-project .offertory-project__category:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%; }
  .offertory-project .offertory-project__localization svg {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    fill: #0098c3; }
  .offertory-project .offertory-project__link {
    display: block;
    line-height: 38px; }
    .offertory-project .offertory-project__link svg {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      float: left;
      margin-right: 20px; }
  .offertory-project.offertory-project--emphasized {
    position: relative;
    clear: left; }
    .offertory-project.offertory-project--emphasized .offertory-project__background {
      margin-top: -200px;
      background-color: #ffffff;
      padding-top: 2em;
      width: calc(83.33333% - 36.66667px);
      float: left;
      margin-left: 20px;
      margin-left: calc(16.66667% - 23.33333px + 40px); }
      @media (max-width: 1200px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          width: calc(83.33333% - 36.66667px);
          float: left;
          margin-left: 20px; } }
      @media (max-width: 1024px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          width: calc(83.33333% - 36.66667px);
          float: left;
          margin-left: 20px; } }
      @media (max-width: 768px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          width: calc(83.33333% - 18.33333px);
          float: left;
          margin-left: 10px; } }
      @media (max-width: 480px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          width: calc(83.33333% - 18.33333px);
          float: left;
          margin-left: 10px; } }
      @media (max-width: 1200px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          margin-left: calc(16.66667% - 23.33333px + 40px); } }
      @media (max-width: 1024px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          margin-left: calc(16.66667% - 23.33333px + 40px); } }
      @media (max-width: 768px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          margin-left: calc(16.66667% - 11.66667px + 20px); } }
      @media (max-width: 480px) {
        .offertory-project.offertory-project--emphasized .offertory-project__background {
          margin-left: calc(16.66667% - 11.66667px + 20px); } }
    .offertory-project.offertory-project--emphasized .offertory-project__image {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; }
      @media (max-width: 1200px) {
        .offertory-project.offertory-project--emphasized .offertory-project__image {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; } }
      @media (max-width: 1024px) {
        .offertory-project.offertory-project--emphasized .offertory-project__image {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; } }
      @media (max-width: 768px) {
        .offertory-project.offertory-project--emphasized .offertory-project__image {
          width: calc(100% - 20px);
          float: left;
          margin-left: 10px; } }
      @media (max-width: 480px) {
        .offertory-project.offertory-project--emphasized .offertory-project__image {
          width: calc(100% - 20px);
          float: left;
          margin-left: 10px; } }
    .offertory-project.offertory-project--emphasized .offertory-project__name {
      width: calc(90% - 38px);
      float: left;
      margin-left: 20px;
      margin-left: calc(8.33333% - 21.66667px + 40px); }
    .offertory-project.offertory-project--emphasized .offertory-project__details {
      width: calc(70% - 34px);
      float: left;
      margin-left: 20px;
      margin-left: calc(8.33333% - 21.66667px + 40px); }
    .offertory-project.offertory-project--emphasized .offertory-project__info {
      width: calc(20% - 24px);
      float: left;
      margin-left: 20px; }
    .offertory-project.offertory-project--emphasized.offertory-project--sm-only {
      display: none; }
  .offertory-project.offertory-project--color-567 .offertory-project__name a {
    color: #009fe3; }
  .offertory-project.offertory-project--color-567 .offertory-project__category {
    color: #009fe3; }
    .offertory-project.offertory-project--color-567 .offertory-project__category:before {
      background-color: #009fe3; }
  .offertory-project.offertory-project--color-567 .offertory-project__link {
    color: #009fe3; }
    .offertory-project.offertory-project--color-567 .offertory-project__link svg {
      fill: #009fe3; }
  .offertory-project.offertory-project--color-563 .offertory-project__name a {
    color: #850057; }
  .offertory-project.offertory-project--color-563 .offertory-project__category {
    color: #850057; }
    .offertory-project.offertory-project--color-563 .offertory-project__category:before {
      background-color: #850057; }
  .offertory-project.offertory-project--color-563 .offertory-project__link {
    color: #850057; }
    .offertory-project.offertory-project--color-563 .offertory-project__link svg {
      fill: #850057; }
  .offertory-project.offertory-project--color-565 .offertory-project__name a {
    color: #d0006f; }
  .offertory-project.offertory-project--color-565 .offertory-project__category {
    color: #d0006f; }
    .offertory-project.offertory-project--color-565 .offertory-project__category:before {
      background-color: #d0006f; }
  .offertory-project.offertory-project--color-565 .offertory-project__link {
    color: #d0006f; }
    .offertory-project.offertory-project--color-565 .offertory-project__link svg {
      fill: #d0006f; }
  .offertory-project.offertory-project--color-564 .offertory-project__name a {
    color: #007f95; }
  .offertory-project.offertory-project--color-564 .offertory-project__category {
    color: #007f95; }
    .offertory-project.offertory-project--color-564 .offertory-project__category:before {
      background-color: #007f95; }
  .offertory-project.offertory-project--color-564 .offertory-project__link {
    color: #007f95; }
    .offertory-project.offertory-project--color-564 .offertory-project__link svg {
      fill: #007f95; }
  .offertory-project.offertory-project--color-568 .offertory-project__name a {
    color: #006ba6; }
  .offertory-project.offertory-project--color-568 .offertory-project__category {
    color: #006ba6; }
    .offertory-project.offertory-project--color-568 .offertory-project__category:before {
      background-color: #006ba6; }
  .offertory-project.offertory-project--color-568 .offertory-project__link {
    color: #006ba6; }
    .offertory-project.offertory-project--color-568 .offertory-project__link svg {
      fill: #006ba6; }
  .offertory-project.offertory-project--color-569 .offertory-project__name a {
    color: #6e2c6b; }
  .offertory-project.offertory-project--color-569 .offertory-project__category {
    color: #6e2c6b; }
    .offertory-project.offertory-project--color-569 .offertory-project__category:before {
      background-color: #6e2c6b; }
  .offertory-project.offertory-project--color-569 .offertory-project__link {
    color: #6e2c6b; }
    .offertory-project.offertory-project--color-569 .offertory-project__link svg {
      fill: #6e2c6b; }
  .offertory-project.offertory-project--color-566 .offertory-project__name a {
    color: #61c250; }
  .offertory-project.offertory-project--color-566 .offertory-project__category {
    color: #61c250; }
    .offertory-project.offertory-project--color-566 .offertory-project__category:before {
      background-color: #61c250; }
  .offertory-project.offertory-project--color-566 .offertory-project__link {
    color: #61c250; }
    .offertory-project.offertory-project--color-566 .offertory-project__link svg {
      fill: #61c250; }

.offertory-list .ajax-list::after {
  clear: both;
  content: "";
  display: table; }

.offertory-list .offertory-list__switch-view {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  text-align: right; }
  @media (max-width: 1200px) {
    .offertory-list .offertory-list__switch-view {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 1024px) {
    .offertory-list .offertory-list__switch-view {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 768px) {
    .offertory-list .offertory-list__switch-view {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }
  @media (max-width: 480px) {
    .offertory-list .offertory-list__switch-view {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }
  .offertory-list .offertory-list__switch-view button {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    margin-left: 10px; }
  .offertory-list .offertory-list__switch-view svg {
    display: inline-block;
    width: 30px;
    height: 30px;
    fill: #c6c6c6; }
    .offertory-list .offertory-list__switch-view svg:hover {
      fill: #006ba6 !important; }

.offertory-list .offertory-list__view-list svg {
  fill: #0098c3; }

.offertory-list.offertory-list--grid .offertory-project {
  margin-right: 0;
  margin-left: 0; }
  .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular {
    margin: 40px 0;
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__image {
      display: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 7px;
      margin-left: 0; }
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__image.offertory-project__image--for-grid {
        display: block; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular.offertory-project--no-image .offertory-project__image {
      padding-top: 56.5934065934%; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__name {
      width: 100%;
      margin-right: 0;
      margin-left: 0; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__details {
      width: 100%;
      margin-right: 0;
      margin-left: 0; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__category {
      display: inline-block;
      padding-left: 0;
      margin-right: 10px; }
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__category:before {
        content: '';
        position: static;
        top: 0;
        left: 0;
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__localization {
      display: inline-block; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__info {
      display: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 0; }
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular .offertory-project__info.offertory-project__info--for-grid {
        display: block; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular.offertory-project--omega + .offertory-project {
      clear: left; }
    @media (max-width: 768px) {
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular {
        width: calc(50% - 15px);
        float: left;
        margin-left: 10px; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular.offertory-project--omega + .offertory-project {
          clear: none; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular.offertory-project--omega-sm + .offertory-project {
          clear: left; } }
    @media (max-width: 480px) {
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--regular {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px;
        clear: left; } }
  .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__image {
      width: 100%;
      margin-right: 0;
      margin-left: 0; }
    .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__collapse {
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); }
      @media (max-width: 1200px) {
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -20px;
          margin-right: -20px;
          width: calc(100% + 40px); } }
      @media (max-width: 1024px) {
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -20px;
          margin-right: -20px;
          width: calc(100% + 40px); } }
      @media (max-width: 768px) {
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -10px;
          margin-right: -10px;
          width: calc(100% + 20px); } }
      @media (max-width: 480px) {
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -10px;
          margin-right: -10px;
          width: calc(100% + 20px); } }
    @media (max-width: 768px) {
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized {
        display: none; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized.offertory-project--sm-only {
          display: block; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__background {
          width: calc(91.66667% - 19.16667px);
          float: left;
          margin-left: 10px;
          margin-left: 0;
          margin-left: calc(8.33333% - 10.83333px + 20px);
          padding-left: 0;
          padding-top: 10px;
          margin-top: -100px; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          background-color: #fff; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__name {
          width: calc(90.90909% - 19.09091px);
          float: left;
          margin-left: 10px;
          margin-left: calc(9.09091% - 10.90909px + 20px); }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__details {
          width: calc(90.90909% - 19.09091px);
          float: left;
          margin-left: 10px;
          margin-left: calc(9.09091% - 10.90909px + 20px); }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__info {
          display: none;
          width: 100%;
          margin-left: 10px; }
          .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__info.offertory-project__info--for-grid {
            display: block; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__category {
          display: inline-block;
          padding-left: 0;
          margin-right: 10px; }
          .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__category:before {
            content: '';
            position: static;
            top: 0;
            left: 0;
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50%; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__localization {
          display: inline-block; }
        .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__image {
          width: 100%;
          margin-right: 0;
          margin-bottom: 7px;
          margin-left: 0; } }
    @media (max-width: 480px) {
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__background {
        margin: 0;
        padding-top: 0;
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; }
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__name {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; }
      .offertory-list.offertory-list--grid .offertory-project.offertory-project--emphasized .offertory-project__details {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

.offertory-list.offertory-list--grid .offertory-list__view-list svg {
  fill: #c6c6c6; }

.offertory-list.offertory-list--grid .offertory-list__view-grid svg {
  fill: #0098c3; }

@media (max-width: 768px) {
  .offertory-list .offertory-list__switch-view {
    display: none; }
  .offertory-list .offertory-project {
    margin-right: 0;
    margin-left: 0; }
    .offertory-list .offertory-project.offertory-project--regular {
      margin: 40px 0;
      width: calc(33.33333% - 13.33333px);
      float: left;
      margin-left: 10px; }
      .offertory-list .offertory-project.offertory-project--regular .offertory-project__image {
        display: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 7px;
        margin-left: 0; }
        .offertory-list .offertory-project.offertory-project--regular .offertory-project__image.offertory-project__image--for-grid {
          display: block; }
      .offertory-list .offertory-project.offertory-project--regular.offertory-project--no-image .offertory-project__image {
        padding-top: 56.5934065934%; }
      .offertory-list .offertory-project.offertory-project--regular .offertory-project__name {
        width: 100%;
        margin-right: 0;
        margin-left: 0; }
      .offertory-list .offertory-project.offertory-project--regular .offertory-project__details {
        width: 100%;
        margin-right: 0;
        margin-left: 0; }
      .offertory-list .offertory-project.offertory-project--regular .offertory-project__category {
        display: inline-block;
        padding-left: 0;
        margin-right: 10px; }
        .offertory-list .offertory-project.offertory-project--regular .offertory-project__category:before {
          content: '';
          position: static;
          top: 0;
          left: 0;
          display: inline-block;
          width: 24px;
          height: 24px;
          border-radius: 50%; }
      .offertory-list .offertory-project.offertory-project--regular .offertory-project__localization {
        display: inline-block; }
      .offertory-list .offertory-project.offertory-project--regular .offertory-project__info {
        display: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0; }
        .offertory-list .offertory-project.offertory-project--regular .offertory-project__info.offertory-project__info--for-grid {
          display: block; }
      .offertory-list .offertory-project.offertory-project--regular.offertory-project--omega + .offertory-project {
        clear: left; } }
    @media (max-width: 768px) and (max-width: 768px) {
      .offertory-list .offertory-project.offertory-project--regular {
        width: calc(50% - 15px);
        float: left;
        margin-left: 10px; }
        .offertory-list .offertory-project.offertory-project--regular.offertory-project--omega + .offertory-project {
          clear: none; }
        .offertory-list .offertory-project.offertory-project--regular.offertory-project--omega-sm + .offertory-project {
          clear: left; } }
    @media (max-width: 768px) and (max-width: 480px) {
      .offertory-list .offertory-project.offertory-project--regular {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px;
        clear: left; } }

@media (max-width: 768px) {
    .offertory-list .offertory-project.offertory-project--emphasized {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; }
      .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__image {
        width: 100%;
        margin-right: 0;
        margin-left: 0; }
      .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__collapse {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px); } }
      @media (max-width: 768px) and (max-width: 1200px) {
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -10px;
          margin-right: -10px;
          width: calc(100% + 20px); } }
      @media (max-width: 768px) and (max-width: 1024px) {
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -10px;
          margin-right: -10px;
          width: calc(100% + 20px); } }
      @media (max-width: 768px) and (max-width: 768px) {
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -10px;
          margin-right: -10px;
          width: calc(100% + 20px); } }
      @media (max-width: 768px) and (max-width: 480px) {
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          margin-left: -10px;
          margin-right: -10px;
          width: calc(100% + 20px); } }
    @media (max-width: 768px) and (max-width: 768px) {
      .offertory-list .offertory-project.offertory-project--emphasized {
        display: none; }
        .offertory-list .offertory-project.offertory-project--emphasized.offertory-project--sm-only {
          display: block; }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__background {
          width: calc(91.66667% - 19.16667px);
          float: left;
          margin-left: 10px;
          margin-left: 0;
          margin-left: calc(8.33333% - 10.83333px + 20px);
          padding-left: 0;
          padding-top: 10px;
          margin-top: -100px; }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__collapse {
          background-color: #fff; }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__name {
          width: calc(90.90909% - 19.09091px);
          float: left;
          margin-left: 10px;
          margin-left: calc(9.09091% - 10.90909px + 20px); }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__details {
          width: calc(90.90909% - 19.09091px);
          float: left;
          margin-left: 10px;
          margin-left: calc(9.09091% - 10.90909px + 20px); }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__info {
          display: none;
          width: 100%;
          margin-left: 10px; }
          .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__info.offertory-project__info--for-grid {
            display: block; }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__category {
          display: inline-block;
          padding-left: 0;
          margin-right: 10px; }
          .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__category:before {
            content: '';
            position: static;
            top: 0;
            left: 0;
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50%; }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__localization {
          display: inline-block; }
        .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__image {
          width: 100%;
          margin-right: 0;
          margin-bottom: 7px;
          margin-left: 0; } }
    @media (max-width: 768px) and (max-width: 480px) {
      .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__background {
        margin: 0;
        padding-top: 0;
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; }
      .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__name {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; }
      .offertory-list .offertory-project.offertory-project--emphasized .offertory-project__details {
        width: calc(100% - 20px);
        float: left;
        margin-left: 10px; } }

.offertory-detail::after {
  clear: both;
  content: "";
  display: table; }

@media (max-width: 768px) {
  .offertory-detail {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 1200px) {
    .offertory-detail {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 1024px) {
    .offertory-detail {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 768px) {
    .offertory-detail {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 480px) {
    .offertory-detail {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }

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

.offertory-detail :target {
  display: block;
  padding-top: 120px;
  margin-top: -120px;
  pointer-events: none;
  clear: left; }

.offertory-detail .offertory-detail__contact {
  margin-top: 10px; }
  .offertory-detail .offertory-detail__contact dt {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

.offertory-detail .offertory-detail__project-url {
  margin: 0; }

.offertory-detail .offertory-detail__contact svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: #0098c3;
  vertical-align: middle;
  position: relative;
  top: -2px; }

.offertory-detail .offertory-detail__contact a:hover svg {
  color: #006ba6; }

.offertory-detail .offertory-detail__project-url svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: #0098c3;
  vertical-align: middle;
  position: relative;
  top: -2px; }

.offertory-detail .offertory-detail__project-url a:hover svg {
  color: #006ba6; }

.offertory-detail .offertory-detail__slideshow {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }
  @media (max-width: 1200px) {
    .offertory-detail .offertory-detail__slideshow {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 1024px) {
    .offertory-detail .offertory-detail__slideshow {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  @media (max-width: 768px) {
    .offertory-detail .offertory-detail__slideshow {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }
  @media (max-width: 480px) {
    .offertory-detail .offertory-detail__slideshow {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; } }
  .offertory-detail .offertory-detail__slideshow figure + figure {
    display: none; }
  .offertory-detail .offertory-detail__slideshow img {
    width: 100%;
    height: auto; }

.offertory-detail .offertory-detail__main {
  width: calc(66.66667% - 33.33333px);
  float: left;
  margin-left: 20px;
  background-color: #ffffff;
  margin-top: -200px;
  padding-left: 10px;
  margin-left: 10px;
  width: calc(66.66667% - 33.33333px + 10px); }

.offertory-detail.offertory-detail--no-image .offertory-detail__main {
  margin-top: 0; }

.offertory-detail .offertory-detail__navigation {
  width: calc(16.66667% - 23.33333px);
  float: left;
  margin-left: 20px; }

.offertory-detail .offertory-detail__images {
  width: calc(16.66667% - 3.33333px);
  margin-top: -200px;
  float: left;
  min-height: 200px;
  background: #ffffff; }
  .offertory-detail .offertory-detail__images figure {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms; }
    .offertory-detail .offertory-detail__images figure img {
      width: 100%;
      height: auto; }
    .offertory-detail .offertory-detail__images figure.current {
      opacity: 0.4; }
    .offertory-detail .offertory-detail__images figure:hover {
      cursor: pointer; }
  @media (max-width: 768px) {
    .offertory-detail .offertory-detail__images {
      display: none; } }
  .offertory-detail .offertory-detail__images.offertory-detail__images--hidden {
    display: none; }

.offertory-detail .offertory-detail__name {
  font-family: "Helvetica Neue Roman", sans-serif;
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
  margin-left: calc(12.5% - 22.5px + 40px);
  margin-top: 0; }

.offertory-detail .offertory-detail__info {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
  margin-top: 30px;
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .offertory-detail .offertory-detail__info {
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); } }
  @media (max-width: 1024px) {
    .offertory-detail .offertory-detail__info {
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); } }
  @media (max-width: 768px) {
    .offertory-detail .offertory-detail__info {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 480px) {
    .offertory-detail .offertory-detail__info {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  .offertory-detail .offertory-detail__info::after {
    clear: both;
    content: "";
    display: table; }
  .offertory-detail .offertory-detail__info svg {
    display: inline-block;
    width: 25px;
    height: 25px;
    fill: #0098c3; }

.offertory-detail .offertory-detail__localization {
  width: calc(12.5% - 22.5px);
  float: left;
  margin-left: 20px;
  text-align: center; }

.offertory-detail .offertory-detail__category {
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px; }

.offertory-detail .offertory-detail__collapse {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px); }
  @media (max-width: 1200px) {
    .offertory-detail .offertory-detail__collapse {
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); } }
  @media (max-width: 1024px) {
    .offertory-detail .offertory-detail__collapse {
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); } }
  @media (max-width: 768px) {
    .offertory-detail .offertory-detail__collapse {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 480px) {
    .offertory-detail .offertory-detail__collapse {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  .offertory-detail .offertory-detail__collapse::after {
    clear: both;
    content: "";
    display: table; }

.offertory-detail .offertory-detail__section {
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px;
  margin-left: calc(12.5% - 22.5px + 40px); }
  .offertory-detail .offertory-detail__section.offertory-detail__section--border {
    border-top: 1px solid #006ba6;
    border-bottom: 1px solid #006ba6;
    padding: 40px 0 20px;
    margin-top: 40px;
    margin-bottom: 40px; }

.offertory-detail .offertory-detail__bank-details {
  max-width: 1240px;
  margin: 0 auto; }
  .offertory-detail .offertory-detail__bank-details::after {
    clear: both;
    content: "";
    display: block; }
  .offertory-detail .offertory-detail__bank-details::after {
    clear: both;
    content: "";
    display: table; }
  .offertory-detail .offertory-detail__bank-details h2 {
    width: calc(75% - 35px);
    float: left;
    margin-left: 20px;
    margin-left: calc(12.5% - 22.5px + 40px); }
    @media (max-width: 1200px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        width: calc(75% - 35px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 1024px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        width: calc(75% - 35px);
        float: left;
        margin-left: 20px; } }
    @media (max-width: 768px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        width: calc(75% - 17.5px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 480px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        width: calc(75% - 17.5px);
        float: left;
        margin-left: 10px; } }
    @media (max-width: 1200px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        margin-left: calc(12.5% - 22.5px + 40px); } }
    @media (max-width: 1024px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        margin-left: calc(12.5% - 22.5px + 40px); } }
    @media (max-width: 768px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        margin-left: calc(12.5% - 11.25px + 20px); } }
    @media (max-width: 480px) {
      .offertory-detail .offertory-detail__bank-details h2 {
        margin-left: calc(12.5% - 11.25px + 20px); } }
  .offertory-detail .offertory-detail__bank-details svg {
    width: calc(12.5% - 22.5px);
    float: left;
    margin-left: 20px;
    fill: #0098c3; }
  .offertory-detail .offertory-detail__bank-details dl {
    width: calc(87.5% - 37.5px);
    float: left;
    margin-left: 20px; }
    .offertory-detail .offertory-detail__bank-details dl dt {
      float: left;
      width: 25%;
      text-align: right;
      color: #0098c3; }
      .offertory-detail .offertory-detail__bank-details dl dt:after {
        content: ':'; }
    .offertory-detail .offertory-detail__bank-details dl dd {
      float: left;
      width: 70%;
      padding-left: 20px; }
  @media (max-width: 768px) {
    .offertory-detail .offertory-detail__bank-details h2 {
      width: calc(91.66667% - 19.16667px);
      float: left;
      margin-left: 10px;
      margin-left: calc(8.33333% - 10.83333px + 20px); }
    .offertory-detail .offertory-detail__bank-details svg {
      display: none; }
    .offertory-detail .offertory-detail__bank-details dl {
      width: calc(66.66667% - 16.66667px);
      float: left;
      margin-left: 10px;
      margin-left: calc(8.33333% - 10.83333px + 20px); } }
  @media (max-width: 480px) {
    .offertory-detail .offertory-detail__bank-details h2 {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; }
    .offertory-detail .offertory-detail__bank-details dl {
      width: calc(100% - 20px);
      float: left;
      margin-left: 10px; }
      .offertory-detail .offertory-detail__bank-details dl dt, .offertory-detail .offertory-detail__bank-details dl dd {
        float: none;
        width: 100%; }
      .offertory-detail .offertory-detail__bank-details dl dt {
        text-align: left; } }

.offertory-detail .offertory-detail__section-icon {
  width: calc(12.5% - 22.5px);
  float: left;
  margin-left: 20px;
  padding: 0 10px;
  fill: #0098c3; }

.offertory-detail .offertory-detail__video {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px; }
  @media (max-width: 1200px) {
    .offertory-detail .offertory-detail__video {
      width: calc(75% - 35px);
      float: left;
      margin-left: 20px;
      margin-left: calc(12.5% - 22.5px + 40px); } }

@media (max-width: 768px) {
  .offertory-detail .offertory-detail__slideshow {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 1200px) {
    .offertory-detail .offertory-detail__slideshow {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 1024px) {
    .offertory-detail .offertory-detail__slideshow {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 768px) {
    .offertory-detail .offertory-detail__slideshow {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }
  @media (max-width: 768px) and (max-width: 480px) {
    .offertory-detail .offertory-detail__slideshow {
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px); } }

@media (max-width: 768px) {
  .offertory-detail .offertory-detail__main {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    margin-top: 0; }
  .offertory-detail .offertory-detail__localization {
    width: calc(8.33333% - 10.83333px);
    float: left;
    margin-left: 10px;
    text-align: center; }
  .offertory-detail .offertory-detail__category {
    width: calc(83.33333% - 18.33333px);
    float: left;
    margin-left: 10px; }
  .offertory-detail .offertory-detail__name {
    font-family: "Helvetica Neue Roman", sans-serif;
    width: calc(83.33333% - 18.33333px);
    float: left;
    margin-left: 10px;
    margin-left: calc(8.33333% - 10.83333px + 20px);
    margin-top: 0; }
  .offertory-detail .offertory-detail__section {
    width: calc(83.33333% - 18.33333px);
    float: left;
    margin-left: 10px;
    margin-left: calc(8.33333% - 10.83333px + 20px); }
  .offertory-detail .offertory-detail__navigation {
    margin: 0;
    width: auto; } }

@media (max-width: 480px) {
  .offertory-detail .offertory-detail__main {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    margin-top: 0; }
  .offertory-detail .offertory-detail__localization {
    width: calc(16.66667% - 11.66667px);
    float: left;
    margin-left: 10px;
    text-align: left; }
  .offertory-detail .offertory-detail__category {
    width: calc(83.33333% - 18.33333px);
    float: left;
    margin-left: 10px; }
  .offertory-detail .offertory-detail__name {
    font-family: "Helvetica Neue Roman", sans-serif;
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    margin-top: 0; }
  .offertory-detail .offertory-detail__section {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px; }
  .offertory-detail .offertory-detail__info {
    margin-top: 20px;
    margin-bottom: 20px; } }

.offertory-detail.offertory-detail--color-567 .offertory-detail__name {
  color: #009fe3; }

.offertory-detail.offertory-detail--color-563 .offertory-detail__name {
  color: #850057; }

.offertory-detail.offertory-detail--color-565 .offertory-detail__name {
  color: #d0006f; }

.offertory-detail.offertory-detail--color-564 .offertory-detail__name {
  color: #007f95; }

.offertory-detail.offertory-detail--color-568 .offertory-detail__name {
  color: #006ba6; }

.offertory-detail.offertory-detail--color-569 .offertory-detail__name {
  color: #6e2c6b; }

.offertory-detail.offertory-detail--color-566 .offertory-detail__name {
  color: #61c250; }

.top-project {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 400px;
  max-width: 100%;
  margin-left: 20px; }
  @media (max-width: 1200px) {
    .top-project {
      margin-left: 0; } }
  .top-project img {
    max-width: 100%;
    height: auto; }
  .top-project .top-project__header {
    position: absolute;
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    bottom: 25px;
    left: 60px;
    margin: 0;
    font-size: 26px; }
    .top-project .top-project__header a {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #ffffff; }
    @media (max-width: 1200px) {
      .top-project .top-project__header {
        bottom: 10px;
        left: 40px; } }
    @media (max-width: 1024px) {
      .top-project .top-project__header {
        width: calc(58.33333% - 31.66667px);
        float: left;
        margin-left: 20px;
        left: 20px; } }
    @media (max-width: 768px) {
      .top-project .top-project__header {
        width: calc(91.66667% - 19.16667px);
        float: left;
        margin-left: 10px;
        font-size: 20px;
        bottom: 7px;
        left: 20px; } }
    @media (max-width: 480px) {
      .top-project .top-project__header {
        font-size: 14px;
        bottom: 3px; } }
  .top-project .top-project__info-link {
    position: absolute;
    right: 80px;
    bottom: -120px;
    height: 100px;
    width: 100px;
    background-color: #0098c3;
    border-radius: 100px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .top-project .top-project__info-link div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .top-project .top-project__info-link div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 16px; }
    .top-project .top-project__info-link span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: 0;
      right: 0;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  @media (max-width: 768px) {
    .top-project .top-project__info-link {
      display: none; } }

.category {
  list-style: none;
  margin: 0;
  padding: 0; }
  .category li:before {
    content: initial;
    color: initial;
    margin-left: 0;
    margin-right: 0; }
  .category .category__567 a {
    position: absolute;
    right: 320px;
    bottom: 80px;
    height: 120px;
    width: 120px;
    background-color: #0098c3;
    border-radius: 120px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .category .category__567 a div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .category .category__567 a div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 18px; }
    .category .category__567 a span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: -4px;
      right: -4px;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  .category .category__563 a {
    position: absolute;
    right: 190px;
    bottom: 75px;
    height: 110px;
    width: 110px;
    background-color: #850057;
    border-radius: 110px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .category .category__563 a div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .category .category__563 a div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 16px; }
    .category .category__563 a span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: -6px;
      right: -6px;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  .category .category__565 a {
    position: absolute;
    right: 30px;
    bottom: -20px;
    height: 90px;
    width: 90px;
    background-color: #d0006f;
    border-radius: 90px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .category .category__565 a div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .category .category__565 a div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 14px; }
    .category .category__565 a span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: -10px;
      right: -10px;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  .category .category__564 a {
    position: absolute;
    right: 140px;
    bottom: -20px;
    height: 90px;
    width: 90px;
    background-color: #007f95;
    border-radius: 90px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .category .category__564 a div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .category .category__564 a div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 18px; }
    .category .category__564 a span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: -10px;
      right: -10px;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  .category .category__568 a {
    position: absolute;
    right: 250px;
    bottom: -80px;
    height: 140px;
    width: 140px;
    background-color: #006ba6;
    border-radius: 140px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .category .category__568 a div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .category .category__568 a div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 16px; }
    .category .category__568 a span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: 0;
      right: 0;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  .category .category__569 a {
    position: absolute;
    right: 80px;
    bottom: 80px;
    height: 90px;
    width: 90px;
    background-color: #6e2c6b;
    border-radius: 90px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .category .category__569 a div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .category .category__569 a div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 16px; }
    .category .category__569 a span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: -10px;
      right: -10px;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  .category .category__566 a {
    position: absolute;
    right: 405px;
    bottom: -30px;
    height: 110px;
    width: 110px;
    background-color: #61c250;
    border-radius: 110px;
    padding: 5px;
    text-align: center;
    line-height: 1.2;
    color: #ffffff; }
    .category .category__566 a div.bubble {
      position: relative;
      display: table;
      height: 100%;
      width: 100%; }
    .category .category__566 a div.bubble--inner {
      display: table-cell;
      vertical-align: middle;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      font-size: 16px; }
    .category .category__566 a span.bubble--count {
      position: absolute;
      display: block;
      padding-top: 7px;
      font-size: 14px;
      top: -5px;
      right: -5px;
      height: 30px;
      width: 30px;
      background: #0098c3;
      border-radius: 30px;
      text-align: center;
      -webkit-box-shadow: 0 0 3px #444;
      box-shadow: 0 0 3px #444; }
  @media (max-width: 1024px) {
    .category .category__567 a {
      position: absolute;
      right: 300px;
      bottom: 120px;
      height: 80px;
      width: 80px;
      background-color: #0098c3;
      border-radius: 80px;
      padding: 5px;
      text-align: center;
      line-height: 1.2;
      color: #ffffff; }
      .category .category__567 a div.bubble {
        position: relative;
        display: table;
        height: 100%;
        width: 100%; }
      .category .category__567 a div.bubble--inner {
        display: table-cell;
        vertical-align: middle;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 16px; }
      .category .category__567 a span.bubble--count {
        position: absolute;
        display: block;
        padding-top: 7px;
        font-size: 14px;
        top: -10px;
        right: -10px;
        height: 30px;
        width: 30px;
        background: #0098c3;
        border-radius: 30px;
        text-align: center;
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444; }
    .category .category__563 a {
      position: absolute;
      right: 190px;
      bottom: 100px;
      height: 90px;
      width: 90px;
      background-color: #850057;
      border-radius: 90px;
      padding: 5px;
      text-align: center;
      line-height: 1.2;
      color: #ffffff; }
      .category .category__563 a div.bubble {
        position: relative;
        display: table;
        height: 100%;
        width: 100%; }
      .category .category__563 a div.bubble--inner {
        display: table-cell;
        vertical-align: middle;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 16px; }
      .category .category__563 a span.bubble--count {
        position: absolute;
        display: block;
        padding-top: 7px;
        font-size: 14px;
        top: -6px;
        right: -6px;
        height: 30px;
        width: 30px;
        background: #0098c3;
        border-radius: 30px;
        text-align: center;
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444; }
    .category .category__565 a {
      position: absolute;
      right: 30px;
      bottom: -20px;
      height: 90px;
      width: 90px;
      background-color: #d0006f;
      border-radius: 90px;
      padding: 5px;
      text-align: center;
      line-height: 1.2;
      color: #ffffff; }
      .category .category__565 a div.bubble {
        position: relative;
        display: table;
        height: 100%;
        width: 100%; }
      .category .category__565 a div.bubble--inner {
        display: table-cell;
        vertical-align: middle;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 14px; }
      .category .category__565 a span.bubble--count {
        position: absolute;
        display: block;
        padding-top: 7px;
        font-size: 14px;
        top: -10px;
        right: -10px;
        height: 30px;
        width: 30px;
        background: #0098c3;
        border-radius: 30px;
        text-align: center;
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444; }
    .category .category__564 a {
      position: absolute;
      right: 140px;
      bottom: -20px;
      height: 90px;
      width: 90px;
      background-color: #007f95;
      border-radius: 90px;
      padding: 5px;
      text-align: center;
      line-height: 1.2;
      color: #ffffff; }
      .category .category__564 a div.bubble {
        position: relative;
        display: table;
        height: 100%;
        width: 100%; }
      .category .category__564 a div.bubble--inner {
        display: table-cell;
        vertical-align: middle;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 18px; }
      .category .category__564 a span.bubble--count {
        position: absolute;
        display: block;
        padding-top: 7px;
        font-size: 14px;
        top: -10px;
        right: -10px;
        height: 30px;
        width: 30px;
        background: #0098c3;
        border-radius: 30px;
        text-align: center;
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444; }
    .category .category__568 a {
      position: absolute;
      right: 250px;
      bottom: -80px;
      height: 90px;
      width: 90px;
      background-color: #006ba6;
      border-radius: 90px;
      padding: 5px;
      text-align: center;
      line-height: 1.2;
      color: #ffffff; }
      .category .category__568 a div.bubble {
        position: relative;
        display: table;
        height: 100%;
        width: 100%; }
      .category .category__568 a div.bubble--inner {
        display: table-cell;
        vertical-align: middle;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 14px; }
      .category .category__568 a span.bubble--count {
        position: absolute;
        display: block;
        padding-top: 7px;
        font-size: 14px;
        top: -10px;
        right: -10px;
        height: 30px;
        width: 30px;
        background: #0098c3;
        border-radius: 30px;
        text-align: center;
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444; }
    .category .category__569 a {
      position: absolute;
      right: 80px;
      bottom: 80px;
      height: 90px;
      width: 90px;
      background-color: #6e2c6b;
      border-radius: 90px;
      padding: 5px;
      text-align: center;
      line-height: 1.2;
      color: #ffffff; }
      .category .category__569 a div.bubble {
        position: relative;
        display: table;
        height: 100%;
        width: 100%; }
      .category .category__569 a div.bubble--inner {
        display: table-cell;
        vertical-align: middle;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 16px; }
      .category .category__569 a span.bubble--count {
        position: absolute;
        display: block;
        padding-top: 7px;
        font-size: 14px;
        top: -10px;
        right: -10px;
        height: 30px;
        width: 30px;
        background: #0098c3;
        border-radius: 30px;
        text-align: center;
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444; }
    .category .category__566 a {
      position: absolute;
      right: 260px;
      bottom: 30px;
      height: 80px;
      width: 80px;
      background-color: #61c250;
      border-radius: 80px;
      padding: 5px;
      text-align: center;
      line-height: 1.2;
      color: #ffffff; }
      .category .category__566 a div.bubble {
        position: relative;
        display: table;
        height: 100%;
        width: 100%; }
      .category .category__566 a div.bubble--inner {
        display: table-cell;
        vertical-align: middle;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 14px; }
      .category .category__566 a span.bubble--count {
        position: absolute;
        display: block;
        padding-top: 7px;
        font-size: 14px;
        top: -10px;
        right: -10px;
        height: 30px;
        width: 30px;
        background: #0098c3;
        border-radius: 30px;
        text-align: center;
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444; } }
  @media (max-width: 768px) {
    .category {
      display: none; } }

@media (max-width: 480px) {
  .form {
    padding: 0; } }

.form.form--top-project {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 20px; }
  @media (max-width: 768px) {
    .form.form--top-project {
      margin-left: 0;
      margin-top: 20px; } }
  .form.form--top-project .form__filter {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: 10px;
    display: none; }
    @media (max-width: 768px) {
      .form.form--top-project .form__filter {
        display: block; } }

.form input[type="text"] {
  width: calc(41.66667% - 28.33333px);
  float: left;
  margin-left: 20px;
  margin-left: 0;
  border: 0;
  border-bottom: 1px solid #c6c6c6;
  font-family: "Helvetica Neue Light", sans-serif;
  font-size: 24px;
  line-height: 50px; }
  @media (max-width: 768px) {
    .form input[type="text"] {
      width: calc(83.33333% - 18.33333px);
      float: left;
      margin-left: 10px;
      font-size: 20px; } }

.form button {
  position: relative;
  border: none;
  border-radius: 99px;
  background: #0098c3;
  width: 50px;
  height: 50px;
  margin-left: 10px; }
  @media (max-width: 768px) {
    .form button {
      margin-top: 5px;
      width: 40px;
      height: 40px; } }
  .form button:hover {
    cursor: pointer;
    background-color: #006ba6; }
  .form button svg {
    fill: #ffffff;
    position: absolute;
    top: 10px;
    left: 10px;
    height: 30px;
    width: 30px; }
    @media (max-width: 768px) {
      .form button svg {
        height: 20px;
        width: 20px; } }

.form .form__search-field {
  margin: 20px 0 30px 0; }
  .form .form__search-field input[type="text"] {
    width: calc(58.33333% - 31.66667px);
    float: left;
    margin-left: 20px;
    margin-left: 0; }
    @media (max-width: 1024px) {
      .form .form__search-field input[type="text"] {
        width: calc(91.66667% - 38.33333px);
        float: left;
        margin-left: 20px;
        margin-left: 0; } }
    @media (max-width: 480px) {
      .form .form__search-field input[type="text"] {
        width: calc(83.33333% - 18.33333px);
        float: left;
        margin-left: 10px;
        margin-left: 0; } }

.form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Helvetica Neue Light", sans-serif;
  color: #565656; }

.form :-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Helvetica Neue Light", sans-serif;
  color: #565656; }

.form ::-ms-input-placeholder {
  font-family: "Helvetica Neue Light", sans-serif;
  color: #565656; }

.form ::placeholder {
  font-family: "Helvetica Neue Light", sans-serif;
  color: #565656; }

.cookie-optin {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 107, 166, 0.95);
  z-index: 2147483001; }
  .cookie-optin h3, .cookie-optin p, .cookie-optin label, .cookie-optin button, .cookie-optin input {
    color: #ffffff; }
  .cookie-optin a {
    color: #ffffff;
    text-decoration: underline; }
  .cookie-optin label {
    font-weight: bold; }
  .cookie-optin .cookie-optin__link {
    display: block; }
    .cookie-optin .cookie-optin__link:after, .cookie-optin .cookie-optin__link:before {
      content: " ";
      display: table; }
    .cookie-optin .cookie-optin__link:after {
      clear: both; }
  .cookie-optin button {
    background-color: #0098c3;
    padding: 5px 30px;
    line-height: 30px;
    font-size: 18px;
    width: auto;
    margin-bottom: 20px;
    border: none;
    border-radius: 5px; }
    .cookie-optin button#netl-gdpr-allowAllCookies {
      float: right; }
    .cookie-optin button#netl-gdpr-decline {
      float: right;
      margin-right: 20px;
      border: none;
      background: none; }
    .cookie-optin button#netl-gdpr-editCookieSettings {
      float: left;
      border: none;
      background: none;
      padding-left: 24px;
      background-image: url(/typo3conf/ext/nkw_dachportal/Resources/Public/Images/Icons/white/link_intern.svg);
      background-repeat: no-repeat;
      background-size: 18px;
      background-position: left center; }
  .cookie-optin__content {
    max-width: 1200px;
    padding: 20px 0;
    margin: 0 auto; }
    @media only screen and (max-width: 1200px) {
      .cookie-optin__content {
        padding: 20px; } }
    .cookie-optin__content ul {
      padding-left: 0;
      margin-bottom: 0; }
      .cookie-optin__content ul::after {
        clear: both;
        content: "";
        display: table; }
      .cookie-optin__content ul li {
        list-style: none outside none;
        width: 33.33333%;
        float: left; }
        @media only screen and (max-width: 768px) {
          .cookie-optin__content ul li {
            width: 100%; } }
        .cookie-optin__content ul li input {
          width: 20px;
          height: 20px;
          float: left; }
        .cookie-optin__content ul li p, .cookie-optin__content ul li label {
          float: left;
          width: calc(100% - 60px);
          margin-left: 15px;
          color: #ffffff; }
        .cookie-optin__content ul li p {
          margin-bottom: 15px; }
          @media only screen and (max-width: 480px) {
            .cookie-optin__content ul li p {
              font-size: 14px; } }
  .cookie-optin__buttons {
    text-align: right; }
    .cookie-optin__buttons button {
      margin-bottom: 5px;
      font-size: 13px;
      display: inline-block; }

.cookie-detail-settings {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483002;
  display: none; }
  .cookie-detail-settings.cookie-detail-settings--open {
    display: block; }
  .cookie-detail-settings .cookie-detail-settings__header {
    margin-bottom: 30px; }
    .cookie-detail-settings .cookie-detail-settings__header h3 {
      color: #ffffff;
      font-size: 18px; }
  .cookie-detail-settings .cookie-detail-settings__content {
    width: 1024px;
    height: 600px;
    padding: 50px;
    background-color: #006ba6;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px; }
    @media only screen and (max-width: 1024px) {
      .cookie-detail-settings .cookie-detail-settings__content {
        width: 100%; } }
    @media only screen and (max-width: 480px) {
      .cookie-detail-settings .cookie-detail-settings__content {
        padding: 20px 20px 50px 20px;
        height: 500px; } }
    .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__close-button {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 10px;
      right: 10px;
      border: 2px solid #ffffff;
      border-radius: 5px;
      background-color: transparent; }
      .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__close-button:before, .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__close-button:after {
        content: ' ';
        width: 20px;
        height: 3px;
        background-color: #ffffff;
        position: absolute;
        top: 11px; }
      .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__close-button:before {
        left: 3px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__close-button:after {
        right: 3px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow {
      overflow-y: auto;
      width: 100%;
      height: calc(100% - 125px); }
      @media only screen and (max-width: 480px) {
        .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow {
          height: calc(100% - 120px); } }
      .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__introduction .cookie-detail-settings__header {
        margin-bottom: 15px; }
        .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__introduction .cookie-detail-settings__header h2 {
          margin-bottom: 0;
          color: #ffffff; }
      .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__introduction p {
        margin-top: 10px;
        color: #ffffff; }
      .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list {
        padding: 0;
        margin: 0 0 30px; }
        .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item {
          position: relative;
          list-style: none outside none;
          padding: 15px; }
          .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item:nth-child(2n+1) {
            background-color: rgba(255, 255, 255, 0.2); }
          .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item:nth-child(2n) {
            background-color: rgba(255, 255, 255, 0.1); }
          .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description {
            margin: 0 35px; }
            .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description input[type="checkbox"] {
              position: absolute;
              top: 15px;
              left: 15px;
              width: 24px;
              height: 24px; }
            .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description label {
              color: #ffffff;
              font-weight: bold;
              margin-bottom: 0; }
            .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__button {
              width: 24px;
              height: 24px;
              position: absolute;
              top: 15px;
              right: 15px;
              border: 0;
              background-color: transparent;
              -webkit-transition: -webkit-transform 0.3s ease-in-out;
              transition: -webkit-transform 0.3s ease-in-out;
              transition: transform 0.3s ease-in-out;
              transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
              .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__button.cookie-detail-settings__button--opened {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
              .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__button:after {
                content: ' ';
                width: 10px;
                height: 10px;
                border-right: 2px solid #ffffff;
                border-bottom: 2px solid #ffffff;
                display: block;
                position: absolute;
                top: 7px;
                left: 7px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
            .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content {
              display: none;
              margin-top: 20px; }
              .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content p {
                color: #ffffff; }
              .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content.cookie-detail-settings__hidden-content--show {
                display: block; }
              @media only screen and (max-width: 768px) {
                .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper {
                  width: 100%;
                  overflow-x: auto; } }
              .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table {
                width: 800px; }
                @media only screen and (max-width: 768px) {
                  .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table {
                    display: block;
                    position: relative;
                    max-width: 100%; } }
                @media only screen and (max-width: 768px) {
                  .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table tr {
                    display: block;
                    width: 100% !important;
                    border-bottom: 1px solid #cccccc; } }
                .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table td {
                  padding: 10px 5px;
                  vertical-align: top;
                  border-bottom: 1px solid #cccccc; }
                  @media only screen and (max-width: 768px) {
                    .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table td {
                      padding: 5px;
                      display: block;
                      width: 100% !important;
                      border-bottom: none; } }
                .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table .cookie-detail-settings__cookie-name {
                  width: 20%;
                  color: #ffffff; }
                .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table .cookie-detail-settings__cookie-type {
                  width: 20%;
                  color: #ffffff; }
                .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table .cookie-detail-settings__cookie-description {
                  width: 40%;
                  color: #ffffff; }
                  .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table .cookie-detail-settings__cookie-description a {
                    color: #ffffff; }
                .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__overflow .cookie-detail-settings__list .cookie-detail-settings__list-item .cookie-detail-settings__description .cookie-detail-settings__hidden-content .cookie-detail-settings__table-wrapper .cookie-detail-settings__cookie-table .cookie-detail-settings__cookie-livetime {
                  width: 20%;
                  color: #ffffff; }
    .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__buttons {
      margin-top: 10px;
      text-align: right; }
      .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__buttons button {
        text-align: center;
        border: none;
        position: relative;
        background: #0098c3;
        color: #ffffff;
        margin: 0 0 5px;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
        display: inline-block;
        width: auto;
        padding: 0 10px;
        font-size: 16px;
        border-radius: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: 50px;
        cursor: pointer; }
        @media only screen and (max-width: 480px) {
          .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__buttons button {
            margin-bottom: 5px; } }
        .cookie-detail-settings .cookie-detail-settings__content .cookie-detail-settings__buttons button#netl-gdpr-allowAllCookies-modal {
          float: right;
          margin-left: 20px; }

.content-optin {
  position: relative;
  margin-bottom: 30px; }
  .content-optin.inactive .content-optin__content:before {
    display: none; }
  .content-optin.inactive .content-optin__inner-wrap {
    display: block; }
  .content-optin .content-optin__content {
    position: relative; }
    .content-optin .content-optin__content:before {
      content: ' ';
      padding-top: calc(100% / 16 * 9);
      position: relative;
      display: block; }
    .content-optin .content-optin__content iframe {
      width: 100%;
      height: 100%;
      border: none;
      position: absolute;
      top: 0;
      left: 0; }
  .content-optin.inactive .content-optin__inner-wrap {
    display: block; }
  .content-optin .content-optin__inner-wrap {
    position: relative;
    background-color: #006ba6;
    padding: 20px 0;
    display: none; }
    .content-optin .content-optin__inner-wrap .content-optin__content-wrap {
      position: relative;
      left: 50%;
      width: 80%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 20px;
      background-color: #ffffff;
      text-align: center; }
      .content-optin .content-optin__inner-wrap .content-optin__content-wrap .content-optin__info h3, .content-optin .content-optin__inner-wrap .content-optin__content-wrap .content-optin__info p, .content-optin .content-optin__inner-wrap .content-optin__content-wrap .content-optin__info a {
        color: #000000; }
      .content-optin .content-optin__inner-wrap .content-optin__content-wrap .content-optin__enable {
        border: none;
        cursor: pointer;
        background-color: #0098c3;
        color: #ffffff;
        padding: 5px 30px;
        line-height: 30px;
        font-size: 18px;
        width: auto;
        margin-bottom: 20px; }
        .content-optin .content-optin__inner-wrap .content-optin__content-wrap .content-optin__enable strong {
          font-size: 18px;
          line-height: 24px; }
          @media (max-width: 768px) {
            .content-optin .content-optin__inner-wrap .content-optin__content-wrap .content-optin__enable strong {
              font-size: 16px;
              line-height: 20px; } }
      @media (max-width: 768px) {
        .content-optin .content-optin__inner-wrap .content-optin__content-wrap p {
          font-size: 16px;
          line-height: 20px; } }
      .content-optin .content-optin__inner-wrap .content-optin__content-wrap a {
        text-decoration: underline;
        cursor: pointer; }
  .ce-textpic.ce-intext .content-optin:before {
    display: none; }
  .ce-textpic.ce-intext .content-optin .content-optin__content {
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: initial;
    transform: initial;
    line-height: 0px; }
    .ce-textpic.ce-intext .content-optin .content-optin__content:before {
      display: none; }
    .ce-textpic.ce-intext .content-optin .content-optin__content iframe {
      position: relative;
      top: initial;
      left: initial;
      height: initial; }
  .ce-textpic.ce-intext .content-optin .content-optin__inner-wrap {
    position: relative;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    left: initial; }
    .ce-textpic.ce-intext .content-optin .content-optin__inner-wrap .content-optin__content-wrap {
      position: relative;
      -webkit-transform: initial;
      transform: initial;
      top: initial;
      left: initial;
      width: initial;
      background-color: transparent;
      padding: 0;
      text-align: center; }
      .ce-textpic.ce-intext .content-optin .content-optin__inner-wrap .content-optin__content-wrap .content-optin__info {
        padding: 20px;
        text-align: left; }

.ce-textpic.ce-above .content-optin,
.ce-textpic.ce-below .content-optin {
  position: relative; }
  .ce-textpic.ce-above .content-optin.inactive .content-optin__content:before,
  .ce-textpic.ce-below .content-optin.inactive .content-optin__content:before {
    padding-top: calc(100% / 16 * 9); }
    @media (max-width: 1024px) {
      .ce-textpic.ce-above .content-optin.inactive .content-optin__content:before,
      .ce-textpic.ce-below .content-optin.inactive .content-optin__content:before {
        padding-top: calc(100% / 4 * 3); } }
    @media (max-width: 480px) {
      .ce-textpic.ce-above .content-optin.inactive .content-optin__content:before,
      .ce-textpic.ce-below .content-optin.inactive .content-optin__content:before {
        padding-top: calc(100% / 5 * 6); } }

.content-optin.inactive .content-optin__content {
  display: none; }

.content-optin.inactive .content-optin__inner-wrap {
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.content-optin .content-optin__content {
  display: block; }

.content-optin .content-optin__inner-wrap {
  display: none; }

.content-optin.content-optin--youtube.inactive .content-optin__inner-wrap {
  background-image: url(../Images/noki-bg-hd.jpg); }

.content-optin.content-optin--google-maps.inactive .content-optin__inner-wrap {
  background-image: url(../Images/google-maps-optin.jpg); }

.content-optin.content-optin--google-maps .content-optin__content:before {
  display: none; }