/* Stylesheed for childtheme */

@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 400;
  src: url("../font/Merriweather/Merriweather-Regular.woff2") format("woff2"), url("../font/Merriweather/Merriweather-Regular.woff") format("woff"), url("../font/Merriweather/Merriweather-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 700;
  src: url("../font/Merriweather/Merriweather-Bold.woff2") format("woff2"), url("../font/Merriweather/Merriweather-Bold.woff") format("woff"), url("../font/Merriweather/Merriweather-Bold.ttf") format("truetype");
}

@media (max-width: 61.25em) {
  body.fixed-filters {
    position: fixed;
    width: 100%;
  }
}

blockquote {
  position: relative;
  padding: 3rem 0;
  margin-bottom: 3rem;
}
blockquote::before {
  content: '„';
  display: block;
  font-family: 'Lato';
  font-size: 35rem;
  line-height: 1;
  position: absolute;
  margin-top: -0.86em;
  margin-left: -0.08em;
  top: 3rem;
  left: 0;
  color: #0C55A6;
  opacity: 0.08;
  pointer-events: none;
}
@media (min-width: 61.25em) {
  blockquote::before {
    margin-top: -0.86em;
    margin-left: -0.18em;
  }
}
blockquote:last-child {
  margin-bottom: 0;
}
blockquote p {
  margin-bottom: 0;
  color: #0C55A6;
  font-size: 4.0rem;
  line-height: 1.25;
  font-family: 'Merriweather';
}
blockquote p:not(:last-child) {
  background-image: linear-gradient(to bottom, rgba(12, 85, 166, 0.08) 0.3em, transparent 0.1px);
  background-size: 100% 1.25em;
  background-repeat: repeat-y;
  background-position: 0 0.7em;
}
blockquote cite {
  display: block;
  margin-top: 1.3rem;
  color: #053A5D;
  text-align: right;
  font-size: 2rem;
  line-height: 1.5;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  margin-left: auto;
}
blockquote cite::before {
  content: '';
  display: inline-block;
  height: 2px;
  width: 8.4rem;
  background-color: #979797;
  opacity: 0.4;
  margin-bottom: 0.3em;
  margin-right: 1.2rem;
}

.head-image {
  position: relative;
}
.head-image .wp-post-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.head-image-ratio{
  content: '';
  display: block;
  width: 100%;
  height: 0;
  visibility: hidden;
}
.head-image .wp-post-image ~ .head-image-ratio {
  padding-top: 40%;
}

.head-image-caption:not(:empty) {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  color: #fff;
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
  position: absolute;
  right: 0;
}

.teaser-section {
  border-top: 1px solid rgba(151,151,151,.28);
}

.teaser-section > .row {
  display: block;
}
.teaser-section > .row > .col {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.teaser-section > .row > .col:not(:last-child) {
  border-bottom: 1px solid rgba(151,151,151,.28);
}
@media (min-width: 61.25em) {
  .teaser-section > .row {
    display: flex;
  }
  .teaser-section > .row::after {
    content: '';
    width: calc(100% / 3);
    margin-left: calc(-100% / 3);;
    height: 0;
    padding-top: calc(100% / 3);
  }
  .teaser-section > .row > .col {
    width: calc(100% / 3);
  }
  .teaser-section > .row > .col:not(:last-child) {
    border-bottom: none;
    border-right: 1px solid rgba(151,151,151,.28);
  }
}

.teaser-section .headline {
  font-weight: 300;
}

.teaser-section__text a {
  font-size: 2rem;
  line-height: 1.2em;
}

.teaser-section__icon {
  display: block;
  width: 100%;
  max-width: 6.4rem;
  margin: 0 auto;
  margin-bottom: 1.2rem;
}
.teaser-section__icon-img {
  display: block;
  width: 100%;
  height: auto;
}

.teaser-section__text,
.teaser-section__newsletter {
  padding: 3rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width:61.25em) {
  .teaser-section__text,
  .teaser-section__newsletter {
    padding: 6rem;
  }
}

.teaser-section__newsletter .newsletter-form {
  padding: 0;
  margin-top: 4rem;
}

/* .widget_ge_child_instagram_widget */
.instagram-widget-icon {
  display: block;
  width: 100%;
  max-width: 4.8rem;
  margin-right: auto;
  margin-bottom: 1.6rem;
}
.instagram-widget-icon-img {
  display: block;
  width: 100%;
  height: auto;
}

a,
a:visited,
.nachhaltige-kommunen .post-item .link,
.nachhaltige-kommunen .post-item .link,
.nachhaltige-kommunen .post-item .link:hover,
.nachhaltige-kommunen .search-page__list .search-item h3,
.nachhaltige-kommunen .teaser-section__text,
.nachhaltige-kommunen .teaser-section__newsletter,
.nachhaltige-kommunen .menu-overlay__menu>ul li a:hover,
.nachhaltige-kommunen .menu-overlay__menu>ul li.current_page_item a,
.nachhaltige-kommunen .newsletter-form input[type=email],
.nachhaltige-kommunen .newsletter-form input[type=text],
.nachhaltige-kommunen .article p a:hover,
.nachhaltige-kommunen .load-more .text,
.nachhaltige-kommunen .load-more .icon::after,
.nachhaltige-kommunen .newsletter-section h2,
.nachhaltige-kommunen .blog-post .breadcrumbs>span>span span,
.nachhaltige-kommunen .article__sidebar .widget .widget-text a:hover,
.nachhaltige-kommunen .article__sidebar .widget .widget-text a:hover::after,
.nachhaltige-kommunen .article__sidebar .widget .popular-posts .popular-post:hover,
.nachhaltige-kommunen .author-posts__item a:hover,
.nachhaltige-kommunen .author-posts__item a:hover::after,
.nachhaltige-kommunen .author-info__content .social a:hover,
.nachhaltige-kommunen .author-item__content a:hover,
.nachhaltige-kommunen .author-item__content a:hover::after,
.nachhaltige-kommunen .comments a {
  color: #053A5D;
}

.nachhaltige-kommunen .article__content-inner {
  word-break: break-word;
}

.nachhaltige-kommunen .more--text .text,
.nachhaltige-kommunen .more:after  {
  color: #053A5D !important;
}

.nachhaltige-kommunen .post-item .link:hover h2 span, .post-item .link:hover h3 span,
.nachhaltige-kommunen .newsletter-form input[type=email],
.nachhaltige-kommunen .newsletter-form input[type=text],
.nachhaltige-kommunen .article p a,
.nachhaltige-kommunen .author-posts__item a:hover h3 span {
  border-color: #053A5D;
}

.nachhaltige-kommunen .about-section__inner p{
  padding-top: 10px;
}

.nachhaltige-kommunen .aligncenter {
  padding: 0 8%;
}

.nachhaltige-kommunen .authors-list h2 {
  padding-top: 35px;
}

.nachhaltige-kommunen .authors-list h2:first-child {
  padding-top: 0px;
}

.nachhaltige-kommunen .post-item__content .meta .author {
  padding-right: 10rem;
}

.nachhaltige-kommunen .post-item__content .meta .author::after {
  width: 6.5rem;
}

@media (max-width: 979px) {
  /*Switch order of first article and 33%-Box on mobile viewscreen*/
  .nachhaltige-kommunen .mobile-sort {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .nachhaltige-kommunen .mobile-sort > .row:first-child {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .nachhaltige-kommunen .mobile-sort .teaser-section {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}

.nachhaltige-kommunen .post-item__content h2,
.nachhaltige-kommunen .post-item__content h3 {
  min-height: 0;
}

@media (min-width:61.25em){
  .nachhaltige-kommunen .post-item__content {
    padding: 4rem 3rem 2.5rem 3rem;
  }

  .nachhaltige-kommunen .post-item__content h2,
  .nachhaltige-kommunen .post-item__content h3{
    min-height: 0;
  }
}

@media (min-width: 81.25em) {
  .nachhaltige-kommunen .post-item__content {
      padding: 4.6rem 5rem 4rem 7rem;
  }
}

.author__data-user {
  display: flex;
  margin-bottom: 2rem;
  margin-left: .5rem;
}

.author__data-user-image {
  flex-shrink: 0;
  margin-right: 1rem;
  width: 6rem;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

.video-container iframe, .video-container object, .video-container embed, .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.iframe-dialog__iframe {
  padding: 20px;
  background: white;
}

.header__logo {
  padding: 1rem 0.5rem;
  padding-right: 1.2rem;
}
@media (min-width: 61.25em) {
  .header__logo {
    padding: 1.6rem 0.5rem;
    padding-right: 1.2rem;
  }
}
.header__logo a {
  display: block;
}
.header__logo-img {
  display: block;
  width: 100%;
  max-width: 100px;
  height: auto;
}
@media (min-width: 61.25em) {
  .header__logo-img {
    max-width: 200px;
  }
}

.post-list .row:first-child .post-item {
  border-top: none;
}
@media (min-width: 61.25em) {
  /* .post-list .row:first-child .post-item, */
  .post-list .row:nth-child(2n + 2) .post-item {
    flex-direction: row-reverse;
  }
}

.post-item {
  width: 100%;
  position: relative;
  display: block;
}
@media (min-width: 61.25em) {
  .post-item {
    display: flex;
  }
}
.post-item__image {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 61.25em) {
  .post-item__image {
    width: calc(100% / 3);
    flex: 0 0 auto;
  }
}
.post-item__image::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 40%;
  visibility: hidden;
}
@media (min-width: 61.25em) {
  .post-item__image::before {
    padding-top: 100%;
  }
}
.post-item__image img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.header__filters {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  padding-top: 6rem;
  transition: opacity 0.25s, visibility 0.25s;
}
.header__filters--active {
  opacity: 1;
  visibility: visible;
}
.header__filters-inner {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3rem 2rem;
  height: 100%;
}
@media (min-width: 61.25em) {
  .header__filters {
    z-index: 0;
    position: relative;
    display: flex;
    height: auto;
    width: auto;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    padding-top: 0;
    transition: none;
  }
  .header__filters-inner {
    overflow: visible;
    padding: 0;
    height: auto;
    display: flex;
  }
}

.filter-dropdown {
  position: relative;
}

.open-filters,
.filter-dropdown__current {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(100% + 1px);
  background-color: transparent;
  border: none;
  white-space: nowrap;
  /* padding: 0.4rem 2rem; */
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: -1px;
  padding: 0.4rem 0;
  width: 100%;
  padding-right: 2px;
}
.open-filters::after,
.filter-dropdown__current::after {
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  transform: translateY(-0.3rem) rotate(45deg);
  border-right: 2px solid #053A5D;
  border-bottom: 2px solid #053A5D;
  border-top: 0 solid transparent;
  border-left: 0 solid transparent;
  margin-left: auto;
  /* margin-left: 1rem; */
}

.open-filters {
  border-left: 1px solid rgba(151,151,151,.28);
}

@media (min-width: 61.25em) {
  .open-filters {
    display: none;
  }
}
/* .filter-dropdown__current:focus::after, */
/* .filter-dropdown:focus-within .filter-dropdown__current::after { */
.open-filters--active::after,
.filter-dropdown__current--active::after {
  transform: translateY(0.3rem) rotate(225deg);
}
.filter-dropdown__items{
  height: 0;
  visibility: hidden;
  padding: 1rem 2px;
  overflow: hidden;
}
.filter-dropdown__items--active {
  height: auto;
  visibility: visible;
}
.filter-dropdown__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 0;
  font-size: 1.6rem;
  line-height: 1.2;
}
.filter-dropdown__item:hover {
  color: #0C55A6;
}
.filter-dropdown__item-name {
  margin-right: 1rem;
}
.filter-dropdown__item-count {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  min-width: 2rem;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  background-color: #0C55A6;
  color: #fff;
  margin: -0.5rem 0;
  margin-left: auto;
}

.open-filters {
  height: calc(100% + 1px);
  background-color: transparent;
  white-space: nowrap;
  padding: 0.4rem 2rem;
  margin-bottom: -1px;
}
.open-filters::after {
  margin-left: 1rem;
}
@media (min-width: 61.25em) {
  .filter-dropdown--header {
    border-left: 1px solid rgba(151,151,151,.28);
  }
  .filter-dropdown--header .filter-dropdown__current {
    height: calc(100% + 1px);
    background-color: transparent;
    white-space: nowrap;
    padding: 0.4rem 2rem;
    margin-bottom: -1px;
  }
  .filter-dropdown--header .filter-dropdown__current::after {
    margin-left: 1rem;
  }
  /* .open-filters, */
  .filter-dropdown--header .filter-dropdown__current {
    padding: 0.4rem 3.5rem;
  }
  /* .open-filters::after, */
  .filter-dropdown--header .filter-dropdown__current::after {
    margin-left: 2rem;
  }
  /* .filter-dropdown--header .filter-dropdown__current:focus, */
  /* .filter-dropdown--header .filter-dropdown:focus-within .filter-dropdown__current { */
  /* .open-filters--active, */
  .filter-dropdown--header .filter-dropdown__current--active {
    background-color: #fbfbfb;
    z-index: 11;
  }
  .filter-dropdown--header .filter-dropdown__items {
    z-index: 10;
    position: absolute;
    left: 0;
    margin-left: -1px;
    top: 100%;
    min-width: 100%;
    background-color: #fbfbfb;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 21.6rem;
    visibility: hidden;
    opacity: 0;
    padding: 1rem 2px;
    border: 1px solid rgba(151,151,151,.28);
    transition: opacity 0.25s, visibility 0.25s;
  }
  /* .filter-dropdown--header .filter-dropdown__current:focus + .filter-dropdown__items, */
  /* .filter-dropdown--header .filter-dropdown__items:focus-within { */
  .filter-dropdown--header .filter-dropdown__items--active {
    visibility: visible;
    opacity: 1;
  }
  .filter-dropdown--header .filter-dropdown__item {
    padding: 1rem 1.6rem;
    white-space: nowrap;
  }
}
/* .filter-dropdown--side .filter-dropdown__current {
  padding: 0.4rem 0;
  width: 100%;
  padding-right: 2px;
} */
/* .filter-dropdown--side .filter-dropdown__current::after {
  margin-left: auto;
} */
/* .filter-dropdown--side .filter-dropdown__items{
  height: 0;
  visibility: hidden;
  padding: 1rem 2px;
  overflow: hidden;
} */
/* .filter-dropdown--side .filter-dropdown__current:focus + .filter-dropdown__items, */
/* .filter-dropdown--side .filter-dropdown__items:focus-within { */
/* .filter-dropdown--side .filter-dropdown__items--active {
  height: auto;
  visibility: visible;
} */
/* .filter-dropdown--side .filter-dropdown__item {
  padding: 1rem 0;
} */

.header__search form {
  position: relative;
}
.header__search .search-field {
  top: 0;
  right: 0;
  left: auto;
  width: 24rem;
  border: 1px solid rgba(151,151,151,.28);
}
@media (min-width: 61.25em) {
  .header__search .search-field {
    width: 29.5rem;
    border: none;
    border-left: 1px solid rgba(151,151,151,.28);
  }
}
.search-form .search-submit {
  top: 50%;
  margin-top: -1.3rem;
  color: #0C55A6;
}
.search-page__form .search-form .search-submit {
  top: 0.8rem;
  margin-top: 0;
}
.search-page__main {
  margin-top: 2rem;
  display: block;
}
@media (min-width: 61.25em) {
  .search-page__main {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 3.8rem;
    align-items: flex-start;
  }
}
.search-page__nav {
  padding-top: 5rem;
}
.search-page__nav-title {
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media (min-width: 61.25em) {
  .search-page__nav {
    padding-top: 5.2rem;
    top: 0;
    left: 0;
    position: sticky;
    flex-shrink: 0;
    flex-basis: auto;
    /* padding-right: 5rem; */
    padding-right: 8rem;
    max-width: 36rem;
  }
  .search-page__nav-inner {
    max-height: calc(100vh - 5.2rem);
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 34rem;
    padding: 1px;
  }
}
.search-page__list {
  margin-top: 0;
}
@media (min-width: 61.25em) {
  .search-page__list {
    margin-top: 0;
    flex-shrink: 1;
    flex-basis: auto;
    min-width: 0;
  }
}
.search-page__pagination {
  flex-wrap: wrap;
}

.header__actions {
  position: relative;
  padding-right: 6rem;
}
@media (min-width: 61.25em) {
  .header__actions {
    padding-right: 4rem;
    width: auto;
  }
}

.menu-button {
  top: 50%;
  margin-top: -0.85rem;
}
@media (min-width: 61.25em) {
  .menu-button {
    top: 50%;
    margin-top: -0.85rem;
  }
}

.menu-overlay__inner {
  display: flex;
  flex-direction: column;
}
.menu-overlay__menu {
  width: 100%;
  flex-grow: 1;
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.menu-overlay__menu > ul {
  max-height: none;
}
@media (max-width: 61.25em) {
  .menu-overlay__menu > ul {
    flex-grow: 1;
    width: 100%;
    overflow-y: auto;
  }
}
.menu-overlay .footer {
  width: 100%;
  flex-shrink: 0;
}

.header {
  position: relative;
  z-index: 20;
}
.header > .row,
.footer > .row {
  justify-content: space-between;
}
.header > .row .col,
.footer > .row .col {
  flex: 0 0 auto;
}
.header > .row {
  flex-wrap: nowrap;
}
.header > .row .col--logo {
  flex-shrink: 1;
  flex-basis: auto;
}
.footer__menu ul {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.teaser-section__text a,
.footer__menu ul li a {
  color: #0C55A6;
}
.teaser-section__text a:hover,
.footer__menu ul li a:hover {
  color: #053A5D;
}

.ajax-button {
  background-color: #F3F3F3;
}

.teaser-section__newsletter .btn {
  margin-top: 15px;
}
.newsletter-form .wysija-submit,
.btn {
  background-color: #0C55A6;
  color: #fff;
}
.btn:hover {
  background-color: #053A5D;
  color: #fff;
}
.btn:visited {
  color: #fff;
}
/* .newsletter-form {
  padding-right: 7.5rem;
  padding-left: 0;
  margin-top: 3.2rem;
  position: relative;
}
@media (min-width: 61.25em) {
  .newsletter-form {
    margin-top: 0;
  }
}
.newsletter-form .wysija-submit {
  cursor: pointer;
  width: 7.5rem;
}
.newsletter-form input[type="email"] {
  border-style: solid;
  border-width: 1px;
  height: 4.4rem;
  width: 100%;
  padding: 12px 24px;
} */

.newsletter-custom-wysija {
  margin-top: 3.2rem;
}
@media (min-width: 61.25em) {
  .newsletter-custom-wysija {
    margin-top: 0;
    margin-left: 5rem;
  }
}
.newsletter-custom-wysija .widget_wysija_cont form {
  display: block;
  position: relative;
  padding-right: 7.5rem;
}
.newsletter-custom-wysija .widget_wysija_cont p {
  display: block;
  font-size: unset;
}
.newsletter-custom-wysija .widget_wysija_cont p label {
  visibility: hidden;
  opacity: 0;
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
.newsletter-custom-wysija .widget_wysija_cont input[type="email"],
.newsletter-custom-wysija .widget_wysija_cont input[type="text"] {
  display: block;
  border-style: solid;
  border-width: 1px;
  height: 4.4rem;
  width: 100%;
  padding: 12px 24px;
}
.newsletter-custom-wysija .widget_wysija_cont .wysija-submit {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 0;
  height: 4.4rem;
  width: 7.5rem;
  background-color: #0C55A6;
  border: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAuOSAyMS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MC45IDIxLjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS1saW5lY2FwOnNxdWFyZTt9LnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9Ik5ldy1WZXJzaW9uIj48ZyBpZD0iU3RhcnRzZWl0ZS1MYXRvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI2MS4wMDAwMDAsIC00Mzg4LjAwMDAwMCkiPjxwYXRoIGlkPSJMaW5lLUNvcHktNCIgY2xhc3M9InN0MCIgZD0iTTEzMDAuOCw0Mzk4LjhoLTM5LjMiLz48L2c+PC9nPjxnIGlkPSJOZXctVmVyc2lvbl8xXyI+PGcgaWQ9IlN0YXJ0c2VpdGUtTGF0b18xXyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOTEuMDAwMDAwLCAtNDM3OC4wMDAwMDApIj48cG9seWxpbmUgaWQ9IlBhdGgtMi1Db3B5LTQiIGNsYXNzPSJzdDEiIHBvaW50cz0iMTMyMS4yLDQzOTkuMyAxMzMxLjIsNDM4OC44IDEzMjEuMiw0Mzc4LjMgIi8+PC9nPjwvZz48L3N2Zz4=);
  background-size: 41px 22px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.newsletter-custom-wysija .widget_wysija_cont .wysija-submit:hover {
  background-color: #053A5D;
}
.newsletter-custom-wysija .formError {
  top: 100% !important;
  left: 0 !important;
  max-width: 100%;
}
.newsletter-custom-wysija .formError .formErrorContent {
  width: auto;
}

.search-item__meta {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
}

.search-item__date-author {
  display: flex;
  flex-wrap: wrap;
}

.search-item__author,
.search-item__date {
  display: flex;
  align-items: center;
}

.search-item__author::after,
.search-item__date::after {
  flex-shrink: 0;
  content: '';
  display: block;
  height: 2px;
  width: 1.2rem;
  margin: 0 1.2rem;
  background-color: rgba(151, 151, 151, 0.28);
  margin-top: 0.2rem;
}

.search-item__cats {
  display: flex;
  flex-wrap: wrap;
}

.search-item__cat {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.search-item__cat:not(:last-child)::after {
  flex-shrink: 0;
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  margin: 0 1.2rem;
  background-color: rgba(151, 151, 151, 0.28);
  margin-top: 0.2rem;
}

.blog-post__bar .shariff {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
}
.blog-post__bar .ShariffHeadline {
  font-size: 1.2rem;
  margin-right: 2rem;
}
.blog-post__bar .shariff-icon {
  color: #0C55A6;
}
.blog-post .shariff .shariff-buttons.theme-round li .shariff-icon svg path {
  fill: #0C55A6;
}
.blog-post .shariff .shariff-buttons.theme-round li .shariff-link:hover .shariff-icon svg path {
  fill: #053A5D;
}
.blog-post .article__content .ShariffHeadline {
  display: none;
}

.blog-post .article__content .video-wrapper {
  display: block;
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 7rem 0;
  padding: 0 8%;
}
.blog-post .article__content .video-wrapper .wp-video {
  width: 100% !important;
  max-width: 100% !important;
}

.nachhaltige-kommunen .shariff .info a {
  border: none;
}

.blog-post .breadcrumbs strong {
  color: #0C55A6;
}

.newsletter-section p {
  font-size: 2.5rem;
}

@media (min-width: 61.25em) {
  .newsletter-section p {
    font-size: 4.5rem;
  }
}

.article__header .headline h1,
.article__content h2,
.article__content h3 {
  color: #053A5D;
}

.brands-section {
  border-top: 1px solid rgba(151,151,151,.28);
  padding: 2.5rem 2rem;
}
.brands-section__title {
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 1.2em;
  margin-top: -0.5rem;
}
.brands-section .row {
  gap: 0;
  align-items: center;
  margin-top: -3rem;
  margin-left: 0;
  visibility: hidden;
}
.brands-section .col {
  flex-grow: 0;
  flex-basis: auto;
  width: 100%;
  flex-shrink: 0;
  padding-top: 3rem;
  padding-left: 0;
}
.brands-section .col a {
  display: block;
  visibility: visible;
}
.brands-section .col img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 16rem;
}
@media (min-width: 33.5em) {
  .brands-section .row {
    margin-top: 0;
    margin-left: -4rem;
  }
  .brands-section .col {
    padding-left: 4rem;
    width: 50%;
  }
}
@media (min-width: 61.25em) {
  .brands-section {
    padding: 4.5rem 6rem;
  }
  .brands-section__title {
    margin-top: -1.5rem;
    margin-bottom: 2em;
  }
  .brands-section .row {
    margin-left: -8rem;
  }
  .brands-section .col {
    padding-left: 8rem;
    width: 25%;
  }
  .brands-section .col img {
    max-width: none;
  }
}
