/* Source and licensing information for the line(s) below can be found at https://www.ecologic.eu/themes/custom/ecobase/css/style.css. */
/* Standard Fonts */
@import url("/themes/custom/ecobase/css/fonts.css");
/* Font Awesome */
@import url("/themes/custom/ecobase/css/fapro.css");
/* Base Styling - Legacy & Variables */
/**************************************
 *
 * Variables
 *
 *************************************/
/* ### Media Queries / Breakpoints ### */
/* ### Colors ### */
/* ### Common parameters ### */
/**************************************
 *
 * Mixins, common
 *
 *************************************/
@keyframes image_blur {
  0% {
    filter: blur(0px) grayscale(0%);
  }
  100% {
    filter: blur(2px) grayscale(40%);
  }
}
@keyframes image_unblur {
  0% {
    filter: blur(2px) grayscale(40%);
  }
  100% {
    filter: blur(0px) grayscale(0%);
  }
}
#main #content {
  position: relative;
}
.description {
  margin-top: 0.5rem;
  font-size: 0.875em;
}
/**************************************
 *
 * Navigation
 *
 *************************************/
/* ### FILTERS ### */
header > nav li > a:hover {
  background-color: #1d3794ff;
  color: white;
}
header > nav li > a {
  color: #2b7984;
  background-color: transparent;
  transition: all 350ms;
  text-decoration: none !important;
}
.form-required::after {
  content: ' *';
  font-weight: normal;
  color: #c00;
}
/**************************************
 *
 * Global reset definitions
 *
 *************************************/
html,
body,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
}
dfn {
  font-style: normal;
}
.ui-widget {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
}
.ui-widget > .ui-menu-item > a.ui-menu-item-wrapper {
  font-size: 14px;
  line-height: 20.999999999999996px;
  font-size: 1.4rem;
  line-height: 2.0999999999999996rem;
  color: #6f6f6fff;
  display: block;
  border: none;
  text-decoration: none;
}
.ui-widget > .ui-menu-item > a.ui-menu-item-wrapper:hover {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
  border: none;
  text-decoration: none;
}
a:not(.moderation-sidebar-link) {
  color: #1d3794ff;
  text-decoration: none;
}
a:not(.moderation-sidebar-link):hover,
a:not(.moderation-sidebar-link):focus {
  text-decoration: underline;
}
a:not(.moderation-sidebar-link).tabledrag-handle .handle {
  box-sizing: initial;
}
a:not(.moderation-sidebar-link).button {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
}
a:not(.moderation-sidebar-link).button:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  a:not(.moderation-sidebar-link).button {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  a:not(.moderation-sidebar-link).button {
    width: 100%;
  }
}
blockquote {
  font-size: 1.375rem;
}
/* Add padding to throbber in autocomplete fields */
#filters .js input.form-autocomplete {
  background-position: 95% center;
}
/* Remove language switcher contextual */
#block-ecobase-sprachumschalter .contextual {
  display: none;
}
/**************************************
 *
 * Theme base definitions
 *
 *************************************/
#page {
  width: 100%;
  position: relative;
}
#page > .stripe {
  width: 100%;
  position: relative;
}
#page > .stripe > .stripe-content-wrapper {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  padding: 0;
}
#page section#main .stripe-content-wrapper {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 1199px) {
  #page section#main .stripe-content-wrapper {
    flex-direction: column;
  }
}
#page section#main .stripe-content-wrapper div#content {
  min-width: 60%;
  flex-grow: 1;
}
#page section#main .stripe-content-wrapper aside#sidebar {
  flex-basis: 28%;
  min-width: 28%;
  margin-left: 2%;
  background-color: rgba(255, 255, 255, 0.5);
}
#page section#main .stripe-content-wrapper aside > div {
  padding: 0 1rem;
}
#page section#slider {
  z-index: 4;
}
#page section#highlight {
  background-color: #89A7F3;
  border-bottom: 3px solid #eff4fd;
  box-shadow: 0 0 10px #6f6f6f;
  z-index: 5;
}
#page section#highlight h1 {
  margin: 0;
  padding: 1.4rem;
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
  font-size: 2.4rem;
  line-height: 3rem;
  color: #ffffffff;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
}
@media screen and (max-width: 599px) {
  #page section#highlight h1 {
    text-align: center;
  }
}
#page section#highlight h1 span {
  display: inline-block;
  margin-left: 2rem;
  font-family: "Zilla Slab", Georgia, serif;
}
@media screen and (max-width: 1199px) {
  #page section#highlight h1 span {
    margin-left: 0;
  }
}
#page section#secondary {
  background-color: rgba(224, 224, 224, 0.8);
  background-image: url("/themes/custom/ecobase/css/../images/section-background/iStock_© Carenas1_m_smaller.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0%;
  box-shadow: inset 0 0 0 50vmax rgba(224, 224, 224, 0.8);
  padding: 2rem 0;
  z-index: 1;
}
#page section#secondary .stripe-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 1406px) {
  #page section#secondary .stripe-content-wrapper {
    display: block;
    padding: 2rem;
  }
}
#page section#secondary .stripe-content-wrapper .front-intro {
  flex-basis: 65%;
}
#page section#secondary .stripe-content-wrapper .front-intro h2 {
  font-size: 24px;
  line-height: 28px;
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
}
@media screen and (max-width: 1199px) {
  #page section#secondary .stripe-content-wrapper .front-intro h2 {
    margin-top: 0;
  }
}
#page section#secondary .stripe-content-wrapper .front-events {
  flex-basis: 32%;
  background: rgba(255, 255, 255, 0.5);
  padding: 3rem;
}
#page section#secondary .stripe-content-wrapper .front-events h2 {
  font-size: 18px;
  line-height: 26px;
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin-bottom: 2rem;
}
#page section#secondary .stripe-content-wrapper .front-events .calendar > div {
  position: relative;
  min-height: 5rem;
  margin-bottom: 2rem;
}
#page section#secondary .stripe-content-wrapper .front-events .calendar > div div {
  padding-left: 6rem;
}
#page section#secondary .stripe-content-wrapper .front-events .calendar > div div.date-day,
#page section#secondary .stripe-content-wrapper .front-events .calendar > div div.date-month {
  text-align: center;
  position: absolute;
  left: 0;
  width: 4.4rem;
  padding-left: 0;
}
#page section#secondary .stripe-content-wrapper .front-events .calendar > div div.date-day {
  color: #6f6f6fff;
  background-color: #ffffffff;
  top: 2rem;
  height: 2.6rem;
  font-size: 16px;
  line-height: 26px;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
#page section#secondary .stripe-content-wrapper .front-events .calendar > div div.date-month {
  background-color: #1d3794ff;
  color: #ffffffff;
  top: 0;
  height: 2rem;
  font-size: 12px;
  line-height: 20px;
  font-size: 1.2rem;
  line-height: 2rem;
}
#page section#secondary .stripe-content-wrapper .front-events .calendar > div div.location {
  color: #6f6f6fff;
  font-size: 14px;
  line-height: 20px;
  font-size: 1.4rem;
  line-height: 2rem;
}
#page section#secondary .stripe-content-wrapper .front-events .calendar.past .date-month {
  background-color: #6f6f6fff;
}
#page section#tertiary {
  border-top: 1rem solid #f4f4f4;
  margin-top: 6rem;
  padding-top: 3rem;
}
#page section#quartiary {
  background-color: #e0e0e0ff;
  padding: 2rem 0;
  z-index: 1;
  margin-bottom: -3rem;
}
#page section#quartiary .stripe-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 1406px) {
  #page section#quartiary .stripe-content-wrapper {
    display: block;
    padding: 2rem;
  }
}
#page section#quartiary .stripe-content-wrapper #block-ecornet .body,
#page section#quartiary .stripe-content-wrapper #block-ecornetberlin .body {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  font-size: 0.75em;
}
@media screen and (max-width: 599px) {
  #page section#quartiary .stripe-content-wrapper #block-ecornet .body,
  #page section#quartiary .stripe-content-wrapper #block-ecornetberlin .body {
    flex-direction: column;
  }
}
#page section#quartiary .stripe-content-wrapper #block-ecornet .body p,
#page section#quartiary .stripe-content-wrapper #block-ecornetberlin .body p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  padding: 1rem 2rem;
}
#page section#quartiary .stripe-content-wrapper #block-ecornet .body p img,
#page section#quartiary .stripe-content-wrapper #block-ecornetberlin .body p img {
  max-height: 5rem;
}
#page footer#footer {
  background-color: #393939ff;
  color: #ffffffff;
  margin-top: 3rem;
}
#page footer#footer:after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
}
#page footer#footer #footer-content {
  padding: 3rem 2rem;
}
#page footer#footer #footer-triptychon {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  min-height: 220px;
}
@media screen and (max-width: 1199px) {
  #page footer#footer #footer-triptychon {
    flex-direction: column;
    padding: 2rem;
    text-align: center;
  }
}
#page footer#footer #footer-triptychon :not(.contextual) div,
#page footer#footer #footer-triptychon :not(.contextual) p,
#page footer#footer #footer-triptychon :not(.contextual) h2,
#page footer#footer #footer-triptychon :not(.contextual) h3,
#page footer#footer #footer-triptychon :not(.contextual) h4 {
  color: #ffffffff;
}
#page footer#footer #footer-triptychon :not(.contextual) > div.field--name-subscriptions,
#page footer#footer #footer-triptychon :not(.contextual) > div#edit-message {
  display: none;
}
#page footer#footer #footer-triptychon :not(.contextual) a,
#page footer#footer #footer-triptychon :not(.contextual) a:link,
#page footer#footer #footer-triptychon :not(.contextual) a:visited {
  color: #ffffffff;
}
#page footer#footer #footer-triptychon :not(.contextual) a:hover,
#page footer#footer #footer-triptychon :not(.contextual) a:link:hover,
#page footer#footer #footer-triptychon :not(.contextual) a:visited:hover {
  color: #e0e0e0ff;
}
#page footer#footer #footer-triptychon > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
#page footer#footer #footer-triptychon > div .body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#page footer#footer #footer-triptychon nav#block-footer ul.menu,
#page footer#footer #footer-triptychon nav#block-newslettermenu ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#page footer#footer #footer-triptychon nav#block-footer ul.menu li,
#page footer#footer #footer-triptychon nav#block-newslettermenu ul.menu li {
  list-style-type: none;
  margin-bottom: 1rem;
}
#page footer#footer #footer-triptychon nav#block-footer ul.menu li a,
#page footer#footer #footer-triptychon nav#block-newslettermenu ul.menu li a {
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
#page footer#footer #footer-triptychon nav#block-footer {
  margin-top: 1.4rem;
}
#page footer#footer #footer-triptychon nav#block-newslettermenu ul.menu li {
  margin-bottom: 0;
}
#page footer#footer #footer-triptychon nav#block-newslettermenu ul.menu li a {
  font-size: 12px;
  line-height: 15px;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
#page footer#footer #footer-triptychon nav#block-newslettermenu ul.menu li a:hover {
  color: #e0e0e0ff;
}
#page footer#footer #footer-triptychon #block-simplenewssubscription h2 {
  margin-top: 1.4rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1199px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription h2 {
    border-bottom: 1px dotted #ffffffff;
    margin-top: 1.4rem;
    margin-bottom: 2rem;
  }
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1199px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form {
    justify-content: center;
  }
}
@media screen and (max-width: 599px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form {
    flex-wrap: wrap;
  }
  #page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper,
  #page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions {
    flex: 0 0 100%;
  }
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-subscriptions-wrapper {
  display: none;
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper,
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper--2 {
  margin: 0;
  width: calc(100% - 130px);
}
@media screen and (max-width: 1199px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper,
  #page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper--2 {
    width: unset;
  }
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper label,
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper--2 label,
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper .description,
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper--2 .description {
  display: none;
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper input[type=email],
#page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper--2 input[type=email] {
  height: 3.5rem;
}
@media screen and (max-width: 1199px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper input[type=email],
  #page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper--2 input[type=email] {
    max-width: 300px;
    padding: 0.75rem;
  }
}
@media screen and (max-width: 599px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper input[type=email],
  #page footer#footer #footer-triptychon #block-simplenewssubscription form #edit-mail-wrapper--2 input[type=email] {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1rem;
  }
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions {
  margin: 0;
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions input[type=submit] {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  color: #393939ff;
  background-color: #edc142ff;
  height: 3.5rem;
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions input[type=submit]:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions input[type=submit] {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions input[type=submit] {
    width: 100%;
  }
}
#page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions input[type=submit]:hover {
  color: #edc142ff;
  border-color: #edc142ff;
}
@media screen and (max-width: 599px) {
  #page footer#footer #footer-triptychon #block-simplenewssubscription form .form-actions input[type=submit] {
    width: 100%;
  }
}
#page footer#footer #footer-triptychon #block-sitecopyright {
  margin-top: 2rem;
}
#page > header.stripe {
  z-index: 10;
  position: sticky;
  top: -5.5rem;
  background-color: #1d3794ff;
  color: #ffffffff;
  border-bottom: 3px solid #eff4fdff;
  box-shadow: 0 0 10px #6f6f6fff;
}
@media screen and (max-width: 1199px) {
  #page > header.stripe {
    top: 0;
  }
}
#page > footer {
  margin: 5rem 0 0;
}
/* ### FRONTSLIDER ### */
.frontslider section.eco-art-split-section.eco-art-text,
.frontslider section.eco-art-split-section.eco-art-meta,
.frontslider article > h2,
.frontslider article > div,
.frontslider article .accessmore {
  display: none;
}
.frontslider#block-views-block-frontpage-slider-block-1 > div {
  margin-top: 0;
}
.frontslider .skin-default {
  height: 500px;
  position: relative;
}
.frontslider .skin-default > div {
  margin-top: 0;
}
@media screen and (max-width: 899px) {
  .frontslider .skin-default {
    height: auto;
  }
}
.frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:nth-child(2) {
  display: none;
}
.frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:first-child,
.frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:last-child {
  display: block;
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: 22rem;
  z-index: 7;
  text-indent: -9999px;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:first-child,
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:last-child {
    top: 42rem;
  }
}
@media screen and (max-width: 899px) {
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:first-child,
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:last-child {
    top: 38rem;
  }
}
@media screen and (max-width: 599px) {
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:first-child,
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:last-child {
    top: 15rem;
  }
}
.frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:first-child {
  left: -90px;
  background-image: url('/themes/custom/ecobase/css/../images/Slider_Arrow_left.svg');
}
@media screen and (max-width: 1199px) {
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:first-child {
    left: 0;
  }
}
.frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:last-child {
  right: -90px;
  background-image: url('/themes/custom/ecobase/css/../images/Slider_Arrow_right.svg');
}
@media screen and (max-width: 1199px) {
  .frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text span:last-child {
    right: 0;
  }
}
.frontslider .skin-default .views_slideshow_cycle_main {
  height: 500px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 899px) {
  .frontslider .skin-default .views_slideshow_cycle_main {
    height: auto;
  }
}
.frontslider .skin-default .views_slideshow_cycle_main .views_slideshow_cycle_slide {
  width: 100%;
}
@media screen and (max-width: 599px) {
  .frontslider .skin-default .views_slideshow_cycle_main .views_slideshow_cycle_slide .views-row article .eco-art-info h1 {
    min-height: 10rem;
  }
  .frontslider .skin-default .views_slideshow_cycle_main .views_slideshow_cycle_slide .views-row article .eco-art-info h3,
  .frontslider .skin-default .views_slideshow_cycle_main .views_slideshow_cycle_slide .views-row article .eco-art-info dl {
    display: none;
  }
}
.frontslider .skin-default .views-slideshow-controls-bottom {
  position: relative;
  z-index: 2;
}
.frontslider .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets {
  text-align: left;
  width: 50%;
  margin: -3.5rem 0 0 50%;
  z-index: 1;
  position: relative;
  padding-left: 6rem;
}
@media screen and (max-width: 1199px) {
  .frontslider .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    margin: -2rem 0 0 50%;
    padding-left: 2rem;
  }
}
@media screen and (max-width: 899px) {
  .frontslider .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets {
    margin: 1rem 0 0 50%;
    padding-left: 0;
    transform: translateX(-50%);
    text-align: center;
  }
}
.frontslider .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  background-color: #d3e0fbff;
  border: 1px solid #d3e0fbff;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  padding: 0;
}
.frontslider .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  background: #f4f4f4ff;
  cursor: default;
}
/* ### SOCIAL MEDIA ### */
#block-footersocialmedia {
  height: 100%;
}
@media screen and (max-width: 1199px) {
  #block-footersocialmedia h2 {
    border-bottom: 1px dotted #ffffffff;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}
.social-media {
  margin-bottom: 3rem;
}
@media screen and (max-width: 599px) {
  .social-media {
    display: flex;
    justify-content: space-between;
  }
}
.social-media a {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #e0e0e0ff;
  text-indent: -9999px;
  position: relative;
}
.social-media a::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.2);
  border-width: 25px;
}
.social-media a::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
}
.social-media a + a {
  margin-left: 25px;
}
@media screen and (max-width: 599px) {
  .social-media a + a {
    margin: 0;
  }
}
.social-media a.facebook {
  background-color: #3b5998;
}
.social-media a.facebook::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/FB.svg');
}
.social-media a.facebook:hover::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/FB_hover.svg');
}
.social-media a.twitter {
  background-color: #00acee;
}
.social-media a.twitter::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/TW.svg');
}
.social-media a.twitter:hover::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/TW_hover.svg');
}
.social-media a.youtube {
  background-color: #c4302b;
}
.social-media a.youtube::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/YT.svg');
}
.social-media a.youtube:hover::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/YT_hover.svg');
}
.social-media a.linkedin {
  background-color: #0077b5;
}
.social-media a.linkedin::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/LI.svg');
}
.social-media a.linkedin:hover::after {
  background-image: url('/themes/custom/ecobase/css/../images/social-media/LI_hover.svg');
}
.section-content-wrapper {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 899px) {
  .section-content-wrapper {
    flex-direction: column;
  }
}
.section-content-wrapper > * {
  flex-basis: 50%;
}
/* content containers in full viewport width*/
.fullwidth {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media screen and (max-width: 1406px) {
  .fullwidth {
    width: 100%;
    margin-left: -50%;
    margin-right: -50%;
  }
}
.fullwidth > .section-content-wrapper {
  width: 100%;
  max-width: 1366px;
  height: 100%;
  margin: 0 auto;
}
.fullwidth > .section-content-wrapper > * {
  flex-basis: 50%;
}
.fullwidth.eco-term-header {
  height: 250px;
}
.fullwidth.eco-term-header > .section-content-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
@media screen and (max-width: 899px) {
  .fullwidth.eco-term-header > .section-content-wrapper {
    align-items: flex-start;
  }
}
@media screen and (max-width: 599px) {
  .fullwidth.eco-term-header > .section-content-wrapper {
    align-items: initial;
  }
}
.fullwidth.eco-term-header > .section-content-wrapper h1 {
  font-size: 24px;
  line-height: 50px;
  font-size: 2.4rem;
  line-height: 5rem;
  display: inline-block;
  background-color: rgba(29, 55, 148, 0.85);
  padding: 0 2rem;
  margin-bottom: 3.3rem;
  min-width: 40%;
  color: #ffffffff;
}
@media screen and (max-width: 899px) {
  .fullwidth.eco-term-header > .section-content-wrapper h1 {
    position: absolute;
    bottom: 6rem;
    margin: 0;
    line-height: 3rem;
    padding: 0.5rem 3rem;
    max-width: 66%;
  }
}
@media screen and (max-width: 599px) {
  .fullwidth.eco-term-header > .section-content-wrapper h1 {
    margin-top: 50%;
  }
}
/**************************************
 *
 * Base styling
 *
 *************************************/
ol ol ol ol {
  list-style-type: lower-greek;
}
ol ol ol {
  list-style-type: lower-roman;
}
ol ol {
  list-style-type: lower-alpha;
}
ul,
ol {
  margin-left: 3em;
  margin-bottom: 20px;
}
article.eco ul li {
  list-style-type: none;
}
article.eco ul li::before {
  content: 'I';
  color: transparent;
  pointer-events: none;
  background-image: url('/themes/custom/ecobase/css/../images/icons/triangle_right.svg');
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 1rem;
  margin-left: -2rem;
  display: inline-block;
  margin-right: 1rem;
}
pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}
div#block-printarea {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(calc(-100% + -1px));
  z-index: 1;
}
a[name] {
  position: relative;
  top: -110px;
}
.mm-menu a[href="/"],
.mm-menu a[href="/de"] {
  font-family: "Font Awesome 5 Pro";
}
.forward-link {
  padding: 2rem 3rem;
  font-size: 1.8rem;
  line-height: 2rem;
  background-color: #edc142ff;
  color: #393939;
}
.forward-link a {
  color: #1d3794ff;
  font-weight: bold;
}
.forward-link .body p::before {
  content: '';
  color: #c00;
  font-size: 3rem;
  font-weight: 400;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-right: 2rem;
  line-height: 2rem;
}
.footer-popup {
  position: fixed;
  height: 0;
  bottom: 0;
  right: 2rem;
  width: 35rem;
  max-width: calc(100% - 4rem);
  z-index: 12;
}
.footer-popup #cta-nl {
  display: none;
}
.footer-popup #cta-nl:checked + #cta-nl-content {
  transform: translateY(-100%);
}
.footer-popup #cta-nl:checked + #cta-nl-content #cta-nl-label {
  top: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  border-width: 0;
  transition: top 250ms, width 50ms 250ms, height 50ms 250ms, border 50ms 250ms;
}
.footer-popup #cta-nl:checked + #cta-nl-content #cta-nl-label:hover {
  background-color: #6f6f6fff;
}
.footer-popup #cta-nl:checked + #cta-nl-content #cta-nl-label::before {
  opacity: 0;
  transition-delay: 0s;
}
.footer-popup #cta-nl:checked + #cta-nl-content #cta-nl-label::after {
  opacity: 1;
  transition-delay: 1s;
}
.footer-popup #cta-nl-content {
  position: relative;
  top: 0;
  left: 0;
  padding: 2rem;
  background-color: #6f6f6fff;
  color: white;
  border: 3px solid #edc142ff;
  border-bottom: none;
  transition: transform 250ms 250ms;
}
.footer-popup #cta-nl-content #cta-nl-label {
  position: absolute;
  right: 1rem;
  top: -8rem;
  width: 8rem;
  height: 8rem;
  background-color: #6f6f6fff;
  border-bottom: none;
  text-align: center;
  cursor: pointer;
  transition: top 250ms 1000ms, width 50ms 500ms, height 50ms 500ms, border 50ms 500ms;
}
.footer-popup #cta-nl-content #cta-nl-label::before,
.footer-popup #cta-nl-content #cta-nl-label::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 4rem;
  line-height: 4rem;
  color: #ffffffff;
  transition-property: opacity;
  transition-duration: 250ms;
}
.footer-popup #cta-nl-content #cta-nl-label::before {
  content: '';
  opacity: 1;
  transition-delay: 1s;
  background-image: url("/themes/custom/ecobase/images/social-media/newsletter_icon_new.svg");
  background-color: #ffffffff;
}
.footer-popup #cta-nl-content #cta-nl-label::after {
  content: '';
  opacity: 0;
  font-size: 2rem;
  line-height: 2rem;
  transition-delay: 0s;
  background-image: url("/themes/custom/ecobase/images/social-media/close.svg");
  width: 100%;
  height: 100%;
  background-color: #6f6f6fff;
}
.footer-popup #cta-nl-content #cta-nl-label:hover::before {
  background-image: url("/themes/custom/ecobase/images/social-media/newsletter_icon_new_hover.svg");
}
.footer-popup #cta-nl-content #cta-nl-label:hover::after {
  background-image: url("/themes/custom/ecobase/images/social-media/close_hover.svg");
}
.footer-popup #cta-nl-content h2 {
  color: white;
}
.footer-popup #cta-nl-content form .js-form-type-email label,
.footer-popup #cta-nl-content form .js-form-type-email .description {
  display: none;
}
.footer-popup #cta-nl-content form .js-form-type-email .form-email {
  max-width: 100%;
}
/**************************************
 *
 * Font sizes
 *
 *************************************/
h1,
h2,
h3,
h4 {
  font-family: "Zilla Slab", "Georgia", serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: bold;
  letter-spacing: 0.4px;
  color: #6f6f6fff;
}
h1 {
  font-size: 24px;
  line-height: 29px;
  font-size: 2.4rem;
  line-height: 2.9rem;
  margin: 2rem 0 1rem;
}
h2 {
  font-size: 22px;
  line-height: 27px;
  font-size: 2.2rem;
  line-height: 2.7rem;
  margin: 1.4rem 0 0.7rem;
}
h3 {
  font-size: 20px;
  line-height: 24px;
  font-size: 2rem;
  line-height: 2.4rem;
  margin: 1.2rem 0 0.6rem;
}
h4 {
  font-size: 18px;
  line-height: 25px;
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin: 1rem 0 0.5rem;
}
@media screen and (max-width: 1199px) {
  .views-element-container h2 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
/* ### ECO TRIANGLES ### */
.eco-tri {
  display: none;
  position: fixed;
  pointer-events: none;
  height: 0;
  top: 66%;
  z-index: 4;
}
@media screen and (min-width: 1800px) {
  .eco-tri {
    display: block;
  }
}
.eco-tri.eco-tri-right {
  top: 45%;
  right: 0;
}
.eco-tri svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.eco-tri#eco-tri-left-1 {
  width: 18rem;
  padding-bottom: 36rem;
}
.eco-tri#eco-tri-left-1 svg polygon {
  fill: rgba(168, 168, 168, 0.15);
}
.eco-tri#eco-tri-left-2 {
  width: 9rem;
  padding-bottom: 18rem;
  transform: translate(7rem, -4rem);
}
.eco-tri#eco-tri-left-2 svg polygon {
  fill: rgba(112, 112, 112, 0.15);
}
.eco-tri#eco-tri-left-3 {
  width: 5rem;
  padding-bottom: 10rem;
  transform: translate(13rem, 20rem);
}
.eco-tri#eco-tri-left-3 svg polygon {
  fill: rgba(137, 167, 243, 0.15);
}
.eco-tri#eco-tri-right-1 {
  width: 18rem;
  padding-bottom: 36rem;
}
.eco-tri#eco-tri-right-1 svg polygon {
  fill: rgba(168, 168, 168, 0.15);
}
.eco-tri#eco-tri-right-2 {
  width: 8.5rem;
  padding-bottom: 18rem;
  transform: translate(-7rem, 20rem);
}
.eco-tri#eco-tri-right-2 svg polygon {
  fill: rgba(137, 167, 243, 0.15);
}
.eco-tri#eco-tri-right-3 {
  width: 5rem;
  padding-bottom: 10rem;
  transform: translate(-13.5rem, 6rem);
}
.eco-tri#eco-tri-right-3 svg polygon {
  fill: rgba(112, 112, 112, 0.15);
}
/**************************************
 *
 * Messages
 *
 *************************************/
div.message {
  padding: 0.5rem 1rem 0.7rem;
  background-color: #89a7f3ff;
  color: #ffffffff;
}
div.message.status {
  background-color: #89a7f3ff;
}
div.message.warning {
  background-color: #edc142ff;
  color: #393939ff;
}
div.message.alert {
  background-color: #edc142ff;
  color: #393939ff;
}
div.message::before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a";
  color: #ffffffff;
}
div.message.status::before {
  content: '\f00c';
}
div.message.warning::before {
  content: '\f071';
  color: #393939ff;
}
div.message.alert::before {
  content: '\f057';
  color: #c00;
}
.total-counter {
  margin: 0 2rem 5rem;
}
/**************************************
 *
 * Icons
 *
 *************************************/
i.eco {
  height: auto;
  width: 1rem;
  margin-right: 0.5em;
  display: inline-block;
  background-size: 1rem 1rem;
  background-position: 50%;
  background-repeat: no-repeat;
}
i.eco::before {
  content: 'I';
  color: transparent;
  pointer-events: none;
}
i.eco.arrow-up {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_up.svg');
}
i.eco.arrow-right {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_right.svg');
}
i.eco.arrow-down {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_down.svg');
}
i.eco.arrow-left {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_left.svg');
}
i.eco.triangle-up {
  background-image: url('/themes/custom/ecobase/css/../images/icons/triangle_up.svg');
}
i.eco.triangle-right {
  background-image: url('/themes/custom/ecobase/css/../images/icons/triangle_right.svg');
}
i.eco.triangle-down {
  background-image: url('/themes/custom/ecobase/css/../images/icons/triangle_down.svg');
}
i.eco.triangle-left {
  background-image: url('/themes/custom/ecobase/css/../images/icons/triangle_left.svg');
}
i.eco.check {
  background-image: url('/themes/custom/ecobase/css/../images/icons/check.svg');
}
i.eco.close {
  background-image: url('/themes/custom/ecobase/css/../images/icons/close.svg');
}
i.eco.search {
  background-image: url('/themes/custom/ecobase/css/../images/icons/icon_search.svg');
}
i.eco.lupe {
  background-image: url('/themes/custom/ecobase/css/../images/icons/lupe.svg');
}
i.eco.menu {
  background-image: url('/themes/custom/ecobase/css/../images/icons/menu.svg');
}
i.eco.tag {
  background-image: url('/themes/custom/ecobase/css/../images/icons/tag.svg');
}
.field_attachments i.eco,
.field_presentation_file i.eco,
.reference-style-link i.eco,
.field_related_websites i.eco,
.field_further_links i.eco {
  filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(0%) hue-rotate(9deg) brightness(98%) contrast(93%);
}
/**************************************
 *
 * Tooltips
 *
 *************************************/
.tooltip {
  position: relative;
}
.tooltip::after {
  content: attr(data-tooltip);
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  background-color: #edc142ff;
  color: #393939ff;
  font-size: 14px;
  line-height: 19px;
  font-size: 1.4rem;
  line-height: 1.9rem;
  letter-spacing: 0.7px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  box-shadow: 0 0 24px #ccc;
  min-width: 8rem;
  max-width: 40rem;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 250ms;
}
.tooltip::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  z-index: 1;
  opacity: 0;
  transition: opacity 250ms;
}
.tooltip.tt-bottom::after {
  top: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1406px) {
  .tooltip.tt-bottom::after {
    transform: translateX(-5%);
  }
}
.tooltip.tt-bottom::before {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 0.5rem 0.6rem 0.5rem;
  border-color: transparent transparent #edc142ff;
}
.tooltip:hover::after,
.tooltip:hover::before {
  opacity: 1;
}
.ajax-progress.ajax-progress-fullscreen {
  width: 200px;
  height: 200px;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  background: radial-gradient(#fff8 0%, #fff0 80%);
}
.ajax-progress.ajax-progress-fullscreen::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background-image: url("/themes/custom/ecobase/css/../images/icons/loading.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-size: 120px;
}
#userinfo-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 480px auto;
  grid-template-rows: 520px auto;
}
#userinfo-grid #userinfo-cv {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
#userinfo-grid #user-content {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}
#userinfo-grid #userinfo-newcontent {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
#userinfo-grid .user-info-references {
  background-color: #d3e0fbff;
  padding: 2rem;
  margin-bottom: 2rem;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-link {
  display: none;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.7999999999999998rem;
}
@media screen and (max-width: 599px) {
  #userinfo-grid .user-info-references article.eco-reference .reference-style-post {
    flex-direction: column;
  }
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper {
  flex: 0 0 10rem;
  width: 10rem;
  height: 7.5rem;
  margin-right: 2rem;
}
@media screen and (max-width: 599px) {
  #userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper {
    margin-right: 0;
    width: 100%;
    flex: 0 0 100%;
  }
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper.eco-art-image > .caption {
  display: none;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper.eco-art-image > div.special-off-center + div.master-image {
  /*width: 64%;
        height: 64%;
        margin-bottom: 12%;
        margin-right: 0;*/
  width: 76.13%;
  height: 64%;
  margin-bottom: 11.5%;
  margin-right: 1.5%;
  transform: none;
  top: 10%;
  left: 11.5%;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
  width: 91px;
  height: 68px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
  #userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
    width: 121px;
    height: 91px;
  }
}
@media screen and (max-width: 599px) {
  #userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
    width: 100%;
    height: 0;
    padding-bottom: 73.20644%;
  }
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 599px) {
  #userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image a {
    padding-bottom: 73.20644%;
  }
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-info {
  position: relative;
  flex-grow: 1;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 1rem;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-info h4 {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-info .reference-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 1;
  width: calc(100% + 2rem);
  height: 100%;
  background-color: #ffffffff;
  top: 0;
  left: 0;
  padding: 0 0 0 3rem;
  margin-left: -2rem;
  overflow: hidden;
  border: 0.25rem solid #ffffffff;
  opacity: 0;
  transition: opacity 350ms;
  cursor: default;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-info .reference-text > a {
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  #userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-info .reference-text > a {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: white;
    align-items: center;
    justify-content: center;
    padding: 2rem 0 0;
  }
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-info dl {
  margin: 0;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-info dl > * {
  margin-top: 0;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post:hover .reference-info .reference-text {
  opacity: 1;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-details {
  width: 100%;
}
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-details dt ~ dt,
#userinfo-grid .user-info-references article.eco-reference .reference-style-post .reference-details dd ~ dd {
  display: none;
}
#userinfo-grid .user-info-references > div > div > article::after {
  content: '';
  display: block;
  height: 0.3rem;
  margin: 2rem 0;
  background-color: #e0e0e0ff;
}
@media screen and (max-width: 599px) {
  #userinfo-grid .user-info-references > div > div > article::after {
    margin: 1rem 0;
  }
}
table.simple-search {
  padding: 1rem;
  margin-bottom: 3rem;
}
table.simple-search thead {
  background-color: transparent;
}
table.simple-search thead th {
  background: #89a7f3ff;
}
table.simple-search thead th a {
  display: inline-block;
}
table.simple-search tbody tr:hover {
  background-color: #e0e0e0ff;
}
table.simple-search tbody tr a {
  display: inline-block;
}
table.simple-search tbody tr:nth-child(2n) td {
  background-color: rgba(224, 224, 224, 0.55);
}
table.simple-search tr td,
table.simple-search tr th {
  padding: 0.5rem;
}
form#eco-simplesearch-block-form > div {
  display: inline-block;
}
/* ### STRUCTURE ### */
#page > header > div#header-content {
  padding: 3rem 6.25rem 3rem 1.25rem;
  display: flex;
  transition: all 400ms;
}
/* ### STICKY HEADER ### */
/*#page > header#header.sticky {
  position: sticky;
  top: 0;
  width: 100%;

  & + section {
    padding-top: 13rem;
  }
}*/
header nav > ul.menu > li:first-child > a,
div#mm-1 > ul.menu > li:first-child > a {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
/* ### HEADER CONTENT ### */
div#header-content {
  display: grid;
  grid-template-columns: 13rem auto 12rem 24rem;
  grid-template-rows: 7rem 3.5rem 2.5rem;
  padding-top: 0;
  transition: all 400ms;
}
@media screen and (max-width: 1199px) {
  div#header-content {
    grid-template-columns: 7rem auto 12rem 7rem 7rem;
    grid-template-rows: 7rem;
  }
}
div#header-content #block-exposedformsolr-searchpage-1-2,
div#header-content #block-ecobase-sprachumschalter {
  opacity: 1;
  transition: opacity 600ms;
}
div#header-content div#block-ecobase-branding {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 4;
}
div#header-content div#block-ecobase-branding a#site-logo-link {
  display: inline-block;
  background-color: white;
  padding: 5px;
  width: 100%;
  height: 100%;
  transition: all 200ms;
}
@media screen and (max-width: 1199px) {
  div#header-content div#block-ecobase-branding a#site-logo-link {
    width: 7rem;
    height: 7rem;
    padding: 0.4rem;
  }
}
div#header-content div#block-ecobase-branding a#site-logo-link img {
  height: 100%;
  width: 100%;
  transition: all 200ms;
}
@media screen and (max-width: 1199px) {
  div#header-content div#block-ecobase-branding a#site-logo-link img {
    height: 6.2rem;
    width: 6.2rem;
  }
}
div#header-content div#block-ecobase-branding a#site-logo-link:hover {
  padding: 3px;
}
@media screen and (min-width: 1200px) and (max-width: 1799px) {
  div#header-content div#block-ecobase-branding a#site-logo-link.small {
    height: 7.5rem;
    width: 7.5rem;
    margin-top: 5.5rem;
  }
}
@media screen and (min-width: 1800px) {
  div#header-content div#block-ecobase-branding a#site-logo-link.small {
    height: 7.5rem;
    width: 7.5rem;
    margin-top: 5.5rem;
  }
}
div#header-content div#block-ecobase-branding #site-name-link {
  display: none;
}
div#header-content nav#block-mainnavigation {
  grid-column-start: 2;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3;
}
@media screen and (max-width: 1199px) {
  div#header-content nav#block-mainnavigation {
    display: none;
  }
}
div#header-content nav#block-topmenu {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  margin-top: 1rem;
}
div#header-content nav {
  max-width: none;
  padding: 0;
  /* first level */
}
div#header-content nav > ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
div#header-content nav > ul > li {
  list-style: none;
  position: relative;
  /* second level */
}
div#header-content nav > ul > li > a,
div#header-content nav > ul > li > span {
  display: block;
  padding: 0.8rem 2.5rem;
  color: #ffffffff;
  font-size: 18px;
  line-height: 22px;
  font-size: 1.8rem;
  line-height: 2.2rem;
}
div#header-content nav > ul > li > a.is-active,
div#header-content nav > ul > li > span.is-active,
div#header-content nav > ul > li > a:hover,
div#header-content nav > ul > li > span:hover {
  text-decoration: none;
  color: #d3e0fbff;
  background-color: #1d3794ff;
}
div#header-content nav > ul > li > span {
  cursor: default;
}
div#header-content nav > ul > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 1;
  margin-left: 0;
  list-style-type: none;
  background-color: transparent;
  min-width: 120px;
  transform: translateX(-50%);
  left: 50%;
  width: auto;
  padding: 1rem 0;
  margin-bottom: 0;
  border-top: 1rem solid transparent;
}
div#header-content nav > ul > li > ul li {
  display: block;
  width: 100%;
  background-color: #d3e0fbff;
}
div#header-content nav > ul > li > ul li a {
  display: block;
  padding: 1rem 2rem;
  white-space: nowrap;
}
div#header-content nav > ul > li:last-child > ul {
  left: auto;
  right: 0;
  transform: none;
}
div#header-content nav > ul > li:hover > ul,
div#header-content nav > ul > li > a:focus + ul,
div#header-content nav > ul > li:focus-within > ul {
  display: block;
}
div#header-content nav.fixed {
  position: fixed;
  top: 0;
  /*background-color: @white;*/
  z-index: 500;
  width: 100vw;
  left: 0;
  display: block;
  max-width: 100vw;
  padding: 0;
}
div#header-content nav.fixed.auth {
  top: 78px;
}
div#header-content nav.fixed > ul.menu {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 6.25rem 0 1.25rem;
}
div#header-content .main-header-search-block {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
}
@media screen and (max-width: 1199px) {
  div#header-content .main-header-search-block {
    grid-column-start: 3;
    grid-column-end: 4;
  }
}
div#header-content .main-header-search-block form {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  position: relative;
}
div#header-content .main-header-search-block form > fieldset,
div#header-content .main-header-search-block form > .form-item-topics,
div#header-content .main-header-search-block form > .form-item-ct,
div#header-content .main-header-search-block form > .form-item-sort-bef-combine,
div#header-content .main-header-search-block form > .form-item-sort-by,
div#header-content .main-header-search-block form > .form-item-sort-order {
  display: none;
}
div#header-content .main-header-search-block form > .js-form-item-search-api-fulltext,
div#header-content .main-header-search-block form > .js-form-item-fulltext {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
div#header-content .main-header-search-block form > .js-form-item-search-api-fulltext input,
div#header-content .main-header-search-block form > .js-form-item-fulltext input {
  background-color: rgba(239, 244, 253, 0.2);
  color: #ffffffff;
  border: none;
  width: 100%;
}
div#header-content .main-header-search-block form > .js-form-item-search-api-fulltext input[type="text"]::placeholder,
div#header-content .main-header-search-block form > .js-form-item-fulltext input[type="text"]::placeholder {
  color: transparent;
}
div#header-content .main-header-search-block form > .form-actions {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 3rem;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
div#header-content .main-header-search-block form > .form-actions input {
  flex: 0 0 100%;
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: auto;
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  color: #ffffffff;
  text-indent: -9999px;
  background-image: url('/themes/custom/ecobase/css/../images/icons/icon_search.svg');
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: 50%;
}
div#header-content .main-header-search-block form > .form-actions input ~ input {
  display: none;
}
header.sticky div#header-content {
  grid-template-rows: 1rem 3.5rem 1rem;
  grid-template-columns: 5.5rem auto 12rem 12rem;
}
header.sticky div#header-content #block-exposedformsolr-searchpage-1-2,
header.sticky div#header-content #block-ecobase-sprachumschalter {
  display: none;
  opacity: 0;
  transition: opacity 200ms;
}
header.sticky div#header-content div#block-ecobase-branding {
  grid-row-end: 4;
}
header.sticky div#header-content div#block-ecobase-branding a#site-logo-link,
header.sticky div#header-content div#block-ecobase-branding a#site-logo-link img {
  width: 100%;
  height: 100%;
}
header.sticky div#header-content:hover {
  grid-template-rows: 7rem 3.5rem 2.5rem;
  grid-template-columns: 12rem auto 12rem 12rem;
}
header.sticky div#header-content:hover #block-exposedformsolr-searchpage-1-2,
header.sticky div#header-content:hover #block-ecobase-sprachumschalter {
  display: block;
  opacity: 1;
  transition: opacity 600ms;
}
header.sticky div#header-content:hover div#block-ecobase-branding {
  grid-row-end: 4;
}
header.sticky div#header-content:hover div#block-ecobase-branding a#site-logo-link {
  width: 115px;
  height: 115px;
}
header.sticky div#header-content:hover div#block-ecobase-branding a#site-logo-link img {
  width: 105px;
  height: 105px;
}
header.sticky div#header-content:hover div#block-ecobase-branding a#site-logo-link:hover img {
  width: 109px;
  height: 109px;
}
/* ### PAGE TITLE ### */
div#block-ecobase-page-title {
  min-height: 100px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1406px) {
  div#block-ecobase-page-title {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
body.path-node div#block-ecobase-page-title,
body.page-term-topics div#block-ecobase-page-title {
  display: none;
}
/* ### RESPONSIVE MENU ### */
#block-responsivemenumobileicon {
  display: none;
}
@media screen and (max-width: 1199px) {
  #block-responsivemenumobileicon {
    display: flex;
    text-align: center;
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
    justify-content: center;
    align-items: center;
  }
  #block-responsivemenumobileicon #toggle-icon {
    display: inline-block;
  }
  #block-responsivemenumobileicon #toggle-icon span.label {
    display: none;
  }
}
/* ### LANGUAGE SWITCHER ### */
div#block-ecobase-sprachumschalter {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  div#block-ecobase-sprachumschalter {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
div#block-ecobase-sprachumschalter ul.links {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
div#block-ecobase-sprachumschalter ul.links li {
  height: 3rem;
}
@media screen and (max-width: 1199px) {
  div#block-ecobase-sprachumschalter ul.links li {
    height: 100%;
    display: flex;
    align-items: center;
  }
}
div#block-ecobase-sprachumschalter ul.links li a,
div#block-ecobase-sprachumschalter ul.links li span {
  margin: 0;
  color: #ffffffff;
  height: 100%;
  min-width: 3rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 15px;
  font-size: 1.4rem;
  line-height: 1.5rem;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  div#block-ecobase-sprachumschalter ul.links li a,
  div#block-ecobase-sprachumschalter ul.links li span {
    font-size: 20px;
    line-height: 20px;
    font-size: 2rem;
    line-height: 2rem;
    height: 100%;
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }
}
div#block-ecobase-sprachumschalter ul.links li span {
  color: #6f6f6fff;
  font-size: 12px;
  line-height: 15px;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 1199px) {
  div#block-ecobase-sprachumschalter ul.links li span {
    display: none;
  }
}
div#block-ecobase-sprachumschalter ul.links li a.is-active,
div#block-ecobase-sprachumschalter ul.links li a:hover {
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  div#block-ecobase-sprachumschalter ul.links li a.is-active {
    display: none;
  }
}
div#block-ecobase-sprachumschalter ul.links li + li {
  border-left: 1px solid #ffffffff;
}
@media screen and (max-width: 1199px) {
  div#block-ecobase-sprachumschalter ul.links li + li {
    border-left: none;
  }
}
ul.local-tasks {
  display: flex;
  list-style: none;
  padding: 1em 2em;
  margin: 0;
  align-items: center;
  justify-content: flex-start;
  background: #ffe;
  background: hsl(0, 0%, 97.5%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #ffcc00;
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background-repeat: repeat;
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 100px 100px;
  background-size: 100px 100px;
}
@media screen and (max-width: 899px) {
  ul.local-tasks {
    padding: 0;
    width: 100%;
    overflow: scroll;
  }
}
ul.local-tasks li a {
  padding: 0.5em 1.5em;
  margin-right: 1em;
  display: block;
  text-decoration: none;
  background-color: #e0e0e0ff;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  border-radius: 0.25em;
}
@media screen and (max-width: 899px) {
  ul.local-tasks li a {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.15);
    padding: 0.5rem 1rem;
    margin: 0.5rem 0 0.5rem 0.5rem;
    border: none;
  }
}
ul.local-tasks li a:hover {
  border-bottom-color: #6f6f6fff;
  border-top-color: #6f6f6fff;
}
ul.local-tasks li a.is-active {
  background-color: #eff4fdff;
  border-bottom-color: #1d3794ff;
  border-top-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  ul.local-tasks li a.is-active {
    background-color: rgba(137, 167, 243, 0.7);
  }
}
#block-adminnotes {
  background: #ffe;
  background: hsl(0, 0%, 97.5%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #ffcc00;
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background-repeat: repeat;
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 100px 100px;
  background-size: 100px 100px;
}
#block-adminnotes #admin-notes-form {
  display: grid;
  padding: 3rem 3rem 0;
  border-top: 2px solid #c00;
  grid-template-rows: auto auto;
  grid-template-columns: 50% 50%;
}
#block-adminnotes #admin-notes-form textarea {
  height: 8rem;
}
#block-adminnotes #admin-notes-form .form-item--error-message {
  color: #c00;
  text-transform: uppercase;
  margin-top: 0.5rem;
  font-size: 0.75em;
}
#block-adminnotes #admin-notes-form .form-item-admin-note {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
}
#block-adminnotes #admin-notes-form .form-item-admin-note-assignee {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  min-width: 15rem;
  margin: 0 0 0 3rem;
}
#block-adminnotes #admin-notes-form .form-item-admin-note-assignee #edit-admin-note-assignee--description {
  position: absolute;
  background-color: white;
  top: 6.5rem;
  padding: 1rem;
  border-radius: 1rem;
  max-width: 50rem;
  right: 1rem;
  display: none;
  pointer-events: none;
  border: 2px solid #c00;
}
#block-adminnotes #admin-notes-form .form-item-admin-note-assignee:hover #edit-admin-note-assignee--description {
  display: block;
}
#block-adminnotes #admin-notes-form #edit-actions {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  margin: 0 0 auto 3rem;
  display: flex;
}
#block-adminnotes #admin-notes-form #edit-actions > input {
  flex-basis: 23.5%;
  width: 23.5%;
  margin-right: 2%;
}
#block-adminnotes #admin-notes-form #edit-actions > input + input {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  color: #393939ff;
  background-color: #edc142ff;
}
#block-adminnotes #admin-notes-form #edit-actions > input + input:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  #block-adminnotes #admin-notes-form #edit-actions > input + input {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  #block-adminnotes #admin-notes-form #edit-actions > input + input {
    width: 100%;
  }
}
#block-adminnotes #admin-notes-form #edit-actions > input + input:hover {
  color: #edc142ff;
  border-color: #edc142ff;
}
@media screen and (max-width: 1199px) {
  #block-adminnotes #admin-notes-form {
    display: block;
  }
  #block-adminnotes #admin-notes-form .form-item-admin-note-assignee {
    margin: 0 0 3rem 0;
  }
  #block-adminnotes #admin-notes-form #edit-actions {
    margin: 0;
    padding-bottom: 3rem;
  }
}
#block-useradminnotes {
  background: #ffe;
  background: hsl(0, 0%, 97.5%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #ffcc00;
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background-repeat: repeat;
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 100px 100px;
  background-size: 100px 100px;
}
#block-useradminnotes .user-admin-notes {
  padding: 2rem;
}
#block-useradminnotes .user-admin-notes label {
  cursor: pointer;
}
#block-useradminnotes .user-admin-notes label h2 small {
  font-weight: normal;
}
#block-useradminnotes .user-admin-notes label h2 .admin-notes-count {
  float: right;
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-align: center;
  background-color: #1d3794ff;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #ffffffff;
  font-family: Humanist777, Frutiger, Calibri, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
#block-useradminnotes .user-admin-notes input#uan-toggle {
  display: none;
}
#block-useradminnotes .user-admin-notes input#uan-toggle + #uan-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 400ms;
}
#block-useradminnotes .user-admin-notes input#uan-toggle:checked + #uan-content {
  max-height: 500px;
  overflow: auto;
}
#block-useradminnotes .user-admin-notes .note {
  margin-bottom: 1rem;
  background-color: rgba(255, 255, 255, 0.8);
}
#block-useradminnotes .user-admin-notes .note p {
  padding: 0.5rem 1rem;
}
#block-useradminnotes .user-admin-notes .note p:first-child {
  background-color: rgba(237, 193, 66, 0.8);
}
#block-useradminnotes .user-admin-notes .note p:last-child {
  text-align: right;
}
.reverse-reference > table {
  width: 96%;
  margin: 0 2% 2rem;
}
.reverse-reference > table tr:nth-child(even) {
  background-color: #ffffffff;
}
.reverse-reference > table tr:nth-child(odd) {
  background-color: #e0e0e0ff;
}
.reverse-reference > table tr:first-child {
  background-color: #6f6f6fff;
  color: white;
}
.reverse-reference > table th.views-field-nid {
  width: 5rem;
}
.reverse-reference > table th.views-field-type {
  width: 10rem;
}
.reverse-reference > table th.views-field-status {
  width: 5rem;
}
/* Modules */
form > * {
  margin-bottom: 3rem;
}
form > .form-actions {
  margin-top: 5rem;
}
form input[type=submit],
form button,
form .button,
form #area-print-action {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
}
form input[type=submit]:hover,
form button:hover,
form .button:hover,
form #area-print-action:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  form input[type=submit],
  form button,
  form .button,
  form #area-print-action {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  form input[type=submit],
  form button,
  form .button,
  form #area-print-action {
    width: 100%;
  }
}
form input[type=text],
form input[type=email],
form select,
form textarea,
form .chosen-container-multi ul.chosen-choices {
  background-color: #ffffffff;
  border: 3px solid #f4f4f4ff;
  color: #393939ff;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  padding: 0.6rem 1.1rem;
  width: 40rem;
  border-radius: 0;
  height: 3.5rem;
  vertical-align: middle;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
}
form input[type=text]:placeholder-shown,
form input[type=email]:placeholder-shown,
form select:placeholder-shown,
form textarea:placeholder-shown,
form .chosen-container-multi ul.chosen-choices:placeholder-shown,
form input[type=text] .chosen-container-multi ul.chosen-choices input[type=text],
form input[type=email] .chosen-container-multi ul.chosen-choices input[type=text],
form select .chosen-container-multi ul.chosen-choices input[type=text],
form textarea .chosen-container-multi ul.chosen-choices input[type=text],
form .chosen-container-multi ul.chosen-choices .chosen-container-multi ul.chosen-choices input[type=text] {
  background-color: #f4f4f4ff;
  color: #a8a8a8ff;
  font-weight: normal;
}
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form select::placeholder,
form textarea::placeholder,
form .chosen-container-multi ul.chosen-choices::placeholder {
  color: #a8a8a8ff;
  font-weight: normal;
}
form input[type=text]::-moz-placeholder,
form input[type=email]::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder,
form .chosen-container-multi ul.chosen-choices::-moz-placeholder,
form input[type=text]:-moz-placeholder,
form input[type=email]:-moz-placeholder,
form select:-moz-placeholder,
form textarea:-moz-placeholder,
form .chosen-container-multi ul.chosen-choices:-moz-placeholder,
form input[type=text]:-ms-input-placeholder,
form input[type=email]:-ms-input-placeholder,
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder,
form .chosen-container-multi ul.chosen-choices:-ms-input-placeholder,
form input[type=text]::-webkit-input-placeholder,
form input[type=email]::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form .chosen-container-multi ul.chosen-choices::-webkit-input-placeholder,
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form select::placeholder,
form textarea::placeholder,
form .chosen-container-multi ul.chosen-choices::placeholder {
  color: #a8a8a8ff;
  font-weight: normal;
}
form input[type=text]::-moz-placeholder,
form input[type=email]::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder,
form .chosen-container-multi ul.chosen-choices::-moz-placeholder {
  opacity: 1;
}
form input[type=text]:hover,
form input[type=email]:hover,
form select:hover,
form textarea:hover,
form .chosen-container-multi ul.chosen-choices:hover,
form input[type=text] .chosen-container-multi ul.chosen-choices input[type=text]:hover,
form input[type=email] .chosen-container-multi ul.chosen-choices input[type=text]:hover,
form select .chosen-container-multi ul.chosen-choices input[type=text]:hover,
form textarea .chosen-container-multi ul.chosen-choices input[type=text]:hover,
form .chosen-container-multi ul.chosen-choices .chosen-container-multi ul.chosen-choices input[type=text]:hover {
  background-color: #ffffffff;
  color: #6f6f6fff;
}
form input[type=text]:hover::placeholder,
form input[type=email]:hover::placeholder,
form select:hover::placeholder,
form textarea:hover::placeholder,
form .chosen-container-multi ul.chosen-choices:hover::placeholder {
  color: #6f6f6fff;
}
form input[type=text]:focus,
form input[type=email]:focus,
form select:focus,
form textarea:focus,
form .chosen-container-multi ul.chosen-choices:focus {
  background-color: #ffffffff;
  border-color: #d3e0fbff;
  color: #393939ff;
  outline: none;
  font-weight: normal;
}
form input[type=text].error,
form input[type=email].error,
form select.error,
form textarea.error,
form .chosen-container-multi ul.chosen-choices.error {
  border-color: #edc142ff;
  color: #edc142ff;
  outline: none;
  font-weight: normal;
}
form textarea {
  width: 60rem;
  height: 16rem;
}
form .chosen-container-multi {
  width: 100% !important;
}
form .chosen-container-multi ul.chosen-choices {
  background-image: none;
  background-color: #f4f4f4ff;
  border-color: #f4f4f4ff;
}
form .chosen-container-multi ul.chosen-choices:hover {
  background-color: #ffffffff;
  color: #6f6f6fff;
}
form .chosen-container-multi ul.chosen-choices li.search-field input[type="text"] {
  margin: 0;
  height: auto;
  color: #a8a8a8ff;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: normal;
  vertical-align: middle;
}
form .chosen-container-multi ul.chosen-choices li.search-choice {
  margin: 0 0.5rem 0 0;
  background-image: none;
  background-color: #ffffffff;
  border: none;
  box-shadow: none;
}
form .chosen-container-multi.chosen-container-active .chosen-choices {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffffff;
  border: 3px solid #d3e0fbff;
  color: #393939ff;
}
section#filters {
  background-color: #d3e0fb;
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 5;
  margin-bottom: 5rem;
}
@media screen and (max-width: 599px) {
  section#filters {
    margin-bottom: 2rem;
  }
}
section#filters form input[type=text],
section#filters form input[type=email],
section#filters form select,
section#filters form textarea,
section#filters form ul.chosen-choices {
  background-color: #ffffffff;
  border: 3px solid #ffffffff;
}
section#filters form input[type=text]:placeholder-shown,
section#filters form input[type=email]:placeholder-shown,
section#filters form select:placeholder-shown,
section#filters form textarea:placeholder-shown,
section#filters form ul.chosen-choices:placeholder-shown {
  background-color: #eff4fdff;
  border-color: #eff4fdff;
  font-weight: normal;
}
section#filters form input[type=text]:hover,
section#filters form input[type=email]:hover,
section#filters form select:hover,
section#filters form textarea:hover,
section#filters form ul.chosen-choices:hover {
  background-color: #ffffffff;
  border-color: #ffffffff;
  color: #6f6f6fff;
}
section#filters form input[type=text]:focus,
section#filters form input[type=email]:focus,
section#filters form select:focus,
section#filters form textarea:focus,
section#filters form ul.chosen-choices:focus {
  background-color: #ffffffff;
  border-color: #a8a8a8ff;
  color: #393939ff;
  outline: none;
  font-weight: normal;
}
section#filters form .chosen-container-multi ul.chosen-choices {
  height: auto;
  min-height: 3.5rem;
}
section#filters form textarea {
  width: 60rem;
  height: 16rem;
}
section#filters form .chosen-container-multi ul.chosen-choices {
  background-color: #eff4fdff;
  border-color: #eff4fdff;
}
section#filters form .chosen-container-multi ul.chosen-choices:hover {
  background-color: #ffffffff;
  border-color: #ffffffff;
  color: #6f6f6fff;
}
section#filters form .chosen-container-multi.chosen-container-active .chosen-choices {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 3px solid #a8a8a8ff;
  color: #393939ff;
}
#footer form input[type=text],
#footer form input[type=email],
#footer form select,
#footer form textarea,
#footer form ul.chosen-choices {
  background-color: #ffffffff;
  border: 3px solid #ffffffff;
}
#footer form input[type=text]:placeholder-shown,
#footer form input[type=email]:placeholder-shown,
#footer form select:placeholder-shown,
#footer form textarea:placeholder-shown,
#footer form ul.chosen-choices:placeholder-shown {
  background-color: #a8a8a8ff;
  border-color: #a8a8a8ff;
  color: #393939ff;
  font-weight: normal;
}
#footer form input[type=text]:hover,
#footer form input[type=email]:hover,
#footer form select:hover,
#footer form textarea:hover,
#footer form ul.chosen-choices:hover {
  background-color: #f4f4f4ff;
  border-color: #f4f4f4ff;
}
#footer form input[type=text]:focus,
#footer form input[type=email]:focus,
#footer form select:focus,
#footer form textarea:focus,
#footer form ul.chosen-choices:focus {
  background-color: #ffffffff;
  border-color: #d3e0fbff;
  color: #393939ff;
  outline: none;
  font-weight: normal;
}
#footer form input[type=text]::placeholder,
#footer form input[type=email]::placeholder,
#footer form select::placeholder,
#footer form textarea::placeholder,
#footer form ul.chosen-choices::placeholder {
  color: #6f6f6fff;
}
.views-exposed-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.views-exposed-form form .form-item,
.views-exposed-form form .form-actions {
  flex: 0 0 25%;
  margin: 0;
  padding: 0 1.25rem;
  max-width: 25%;
}
@media screen and (max-width: 599px) {
  .views-exposed-form form .form-item,
  .views-exposed-form form .form-actions {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    width: 100%;
  }
}
.views-exposed-form form .form-item > label,
.views-exposed-form form .form-actions > label {
  display: none;
}
.views-exposed-form form .form-item > input,
.views-exposed-form form .form-actions > input,
.views-exposed-form form .form-item > legend,
.views-exposed-form form .form-actions > legend,
.views-exposed-form form .form-item > .chosen-container-multi ul.chosen-choices,
.views-exposed-form form .form-actions > .chosen-container-multi ul.chosen-choices {
  max-width: 100%;
  width: 100%;
}
.views-exposed-form form .form-item {
  position: relative;
}
.views-exposed-form form .form-item legend {
  background-color: #eff4fdff;
  border: none;
  display: block;
  width: 100%;
}
.views-exposed-form form .form-item legend + .fieldset-wrapper {
  display: none;
}
.views-exposed-form form .form-item input.form-autocomplete {
  background-position: 97% center;
}
.views-exposed-form form .form-item select[multiple] {
  line-height: 1.4rem;
  padding: 0.9rem 1.4rem;
  width: 100%;
  max-height: 3rem;
  border: none;
  background-color: #eff4fdff;
  color: #6f6f6f;
}
.views-exposed-form form .form-item:hover > legend + .fieldset-wrapper {
  display: block;
  position: absolute;
  background-color: #eff4fdff;
  top: 0;
  outline: 1px solid #ccc;
  width: 100%;
  z-index: 1;
}
.views-exposed-form form .form-item:hover > legend + .fieldset-wrapper label {
  display: initial;
}
.views-exposed-form form .form-item .form-checkboxes .form-item {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  flex-basis: 100%;
  max-width: 100%;
  cursor: pointer;
}
.views-exposed-form form .form-item .form-checkboxes .form-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.views-exposed-form form .form-item .form-checkboxes .form-item > input[type=checkbox] {
  width: auto;
  display: inline-block;
  flex-basis: 2rem;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  margin-right: 1rem;
  cursor: pointer;
}
.views-exposed-form form .form-item .form-checkboxes .form-item > label {
  flex-grow: 1;
  display: inline-block;
  cursor: pointer;
}
.views-exposed-form form .form-actions {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 2.5rem;
}
@media screen and (max-width: 599px) {
  .views-exposed-form form .form-actions {
    margin: 0;
  }
}
.views-exposed-form form .form-actions > input {
  flex-basis: 23.5%;
  width: 23.5%;
  margin-right: 2%;
}
.views-exposed-form form .form-actions > input + input {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  color: #393939ff;
  background-color: #edc142ff;
}
.views-exposed-form form .form-actions > input + input:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .views-exposed-form form .form-actions > input + input {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .views-exposed-form form .form-actions > input + input {
    width: 100%;
  }
}
.views-exposed-form form .form-actions > input + input:hover {
  color: #edc142ff;
  border-color: #edc142ff;
}
@media screen and (max-width: 599px) {
  .views-exposed-form form .form-actions {
    flex-basis: 100%;
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
  }
  .views-exposed-form form .form-actions > input {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.views-exposed-form form .form-item-sort-bef-combine > div.chosen-container {
  width: 100% !important;
  border: none;
  background: none;
  height: 3.5rem;
}
.views-exposed-form form .form-item-sort-bef-combine > div.chosen-container .chosen-single {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0.5rem 1rem;
  background-color: #eff4fdff;
  border-color: #eff4fdff;
}
#filters #block-simplenewssubscription-2 {
  margin: 0 6rem;
  text-align: center;
}
#filters #block-simplenewssubscription-2 h2 {
  margin-top: 1.4rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1199px) {
  #filters #block-simplenewssubscription-2 h2 {
    border-bottom: 1px dotted #ffffffff;
    margin-top: 1.4rem;
    margin-bottom: 2rem;
  }
}
#filters #block-simplenewssubscription-2 form {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
#filters #block-simplenewssubscription-2 form #edit-mail-wrapper {
  margin: 0;
}
#filters #block-simplenewssubscription-2 form #edit-mail-wrapper label,
#filters #block-simplenewssubscription-2 form #edit-mail-wrapper .description {
  display: none;
}
#filters #block-simplenewssubscription-2 form #edit-mail-wrapper input[type=email] {
  height: 3.5rem;
}
@media screen and (max-width: 1199px) {
  #filters #block-simplenewssubscription-2 form #edit-mail-wrapper input[type=email] {
    max-width: 300px;
    padding: 0.75rem;
  }
}
@media screen and (max-width: 1199px) {
  #filters #block-simplenewssubscription-2 form #edit-mail-wrapper input[type=email] {
    max-width: 70vw;
  }
}
#filters #block-simplenewssubscription-2 form .form-actions {
  margin: 0;
}
#filters #block-simplenewssubscription-2 form .form-actions input[type=submit] {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  color: #393939ff;
  background-color: #edc142ff;
  height: 3.5rem;
}
#filters #block-simplenewssubscription-2 form .form-actions input[type=submit]:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  #filters #block-simplenewssubscription-2 form .form-actions input[type=submit] {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  #filters #block-simplenewssubscription-2 form .form-actions input[type=submit] {
    width: 100%;
  }
}
#filters #block-simplenewssubscription-2 form .form-actions input[type=submit]:hover {
  color: #edc142ff;
  border-color: #edc142ff;
}
body.path-newsletter #block-ecobase-page-title,
body.path-newsletter #simplenews-subscriber-page-form,
body.path-newsletter #simplenews-confirm-removal,
body.path-newsletter #simplenews-confirm-add {
  margin: 0 5rem;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-subscriptions-wrapper legend,
body.path-newsletter #simplenews-confirm-removal #edit-subscriptions-wrapper legend,
body.path-newsletter #simplenews-confirm-add #edit-subscriptions-wrapper legend {
  font-family: "Zilla Slab", "Georgia", serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: bold;
  color: #6f6f6fff;
  letter-spacing: 0.4px;
  margin-bottom: 1.6rem;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-subscriptions-wrapper #edit-subscriptions .form-item,
body.path-newsletter #simplenews-confirm-removal #edit-subscriptions-wrapper #edit-subscriptions .form-item,
body.path-newsletter #simplenews-confirm-add #edit-subscriptions-wrapper #edit-subscriptions .form-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-mail-wrapper,
body.path-newsletter #simplenews-confirm-removal #edit-mail-wrapper,
body.path-newsletter #simplenews-confirm-add #edit-mail-wrapper {
  margin-top: 2rem;
  margin-bottom: 1.75rem;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-mail-wrapper label,
body.path-newsletter #simplenews-confirm-removal #edit-mail-wrapper label,
body.path-newsletter #simplenews-confirm-add #edit-mail-wrapper label,
body.path-newsletter #simplenews-subscriber-page-form #edit-mail-wrapper .description,
body.path-newsletter #simplenews-confirm-removal #edit-mail-wrapper .description,
body.path-newsletter #simplenews-confirm-add #edit-mail-wrapper .description {
  display: none;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-mail-wrapper input,
body.path-newsletter #simplenews-confirm-removal #edit-mail-wrapper input,
body.path-newsletter #simplenews-confirm-add #edit-mail-wrapper input {
  width: 32rem;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-actions,
body.path-newsletter #simplenews-confirm-removal #edit-actions,
body.path-newsletter #simplenews-confirm-add #edit-actions {
  width: 32rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-actions input,
body.path-newsletter #simplenews-confirm-removal #edit-actions input,
body.path-newsletter #simplenews-confirm-add #edit-actions input {
  width: 15rem;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-actions #edit-unsubscribe,
body.path-newsletter #simplenews-confirm-removal #edit-actions #edit-unsubscribe,
body.path-newsletter #simplenews-confirm-add #edit-actions #edit-unsubscribe {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  color: #393939ff;
  background-color: #edc142ff;
}
body.path-newsletter #simplenews-subscriber-page-form #edit-actions #edit-unsubscribe:hover,
body.path-newsletter #simplenews-confirm-removal #edit-actions #edit-unsubscribe:hover,
body.path-newsletter #simplenews-confirm-add #edit-actions #edit-unsubscribe:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  body.path-newsletter #simplenews-subscriber-page-form #edit-actions #edit-unsubscribe,
  body.path-newsletter #simplenews-confirm-removal #edit-actions #edit-unsubscribe,
  body.path-newsletter #simplenews-confirm-add #edit-actions #edit-unsubscribe {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  body.path-newsletter #simplenews-subscriber-page-form #edit-actions #edit-unsubscribe,
  body.path-newsletter #simplenews-confirm-removal #edit-actions #edit-unsubscribe,
  body.path-newsletter #simplenews-confirm-add #edit-actions #edit-unsubscribe {
    width: 100%;
  }
}
body.path-newsletter #simplenews-subscriber-page-form #edit-actions #edit-unsubscribe:hover,
body.path-newsletter #simplenews-confirm-removal #edit-actions #edit-unsubscribe:hover,
body.path-newsletter #simplenews-confirm-add #edit-actions #edit-unsubscribe:hover {
  color: #edc142ff;
  border-color: #edc142ff;
}
/**************************************
 *
 * Webform
 *
 *************************************/
.webform-submission-form > * {
  margin-bottom: 3rem;
}
.webform-submission-form > *#edit-anchor,
.webform-submission-form > *#edit-anchor--2 {
  margin-bottom: 0;
  height: 0;
}
.webform-submission-form > div > label {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding-bottom: 0.3rem;
  margin-bottom: 0.7rem;
  display: block;
}
.webform-submission-form table label {
  margin: 1rem 0;
}
.webform-submission-form table tbody tr td {
  border-top: 1px dotted #ccc;
}
.webform-submission-form fieldset {
  border: none;
}
.webform-submission-form .webform-address--wrapper legend {
  display: none;
}
.webform-submission-form fieldset#edit-contact label {
  width: 100px;
  display: inline-block;
}
.webform-submission-form > section > div > * {
  margin-bottom: 1.5rem;
}
.webform-submission-form > section > div > fieldset .fieldset-wrapper > * {
  margin-bottom: 1rem;
}
.webform-submission-form > section > div > * label {
  width: 19rem;
  display: inline-block;
  line-height: 2.5rem;
  margin: 0;
  vertical-align: middle;
}
.webform-submission-form > section > div > * label.option,
.webform-submission-form > fieldset > div > * label.option {
  width: 57rem;
  line-height: 1.5;
}
.webform-submission-form > section > div > .js-form-type-textarea label {
  width: auto;
  max-width: 60rem;
}
input[type=checkbox] {
  vertical-align: top;
  width: 3rem;
}
.webform-submission-form section h2 {
  border-bottom: 2px solid #1d3794ff;
  padding: 0.5rem 1rem;
  width: 61rem;
}
.js-form-type-webform-markup p,
.js-form-type-processed-text p {
  line-height: 1.5em;
  margin-bottom: 2rem;
  max-width: 60rem;
}
.checkboxes--wrapper.fieldgroup legend {
  font-size: 1.6rem;
  margin: 0 0 0.5rem;
  width: 60rem;
  padding-bottom: 0.5rem;
}
label + .description {
  max-width: 60rem;
}
.office-radios .fieldset-wrapper .webform-options-display-side-by-side {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.office-radios .fieldset-wrapper .webform-options-display-side-by-side > .form-item {
  flex: 0 0 30%;
  margin-right: 1rem;
}
.office-radios .fieldset-wrapper .webform-options-display-side-by-side > .form-item input[type=radio] {
  display: none;
}
.office-radios .fieldset-wrapper .webform-options-display-side-by-side > .form-item input[type=radio]:checked + label {
  background-color: #1d3794ff;
  border-color: #1d3794ff;
  color: #ffffffff;
}
.office-radios .fieldset-wrapper .webform-options-display-side-by-side > .form-item label {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.25rem 1rem;
  border: 2px solid #e0e0e0ff;
  cursor: pointer;
}
.office-radios .fieldset-wrapper .webform-options-display-side-by-side > .form-item label:hover {
  border-color: #1d3794ff;
}
#edit-backlink {
  color: #ffffff;
}
/*
.chosen-container-single-nosearch {
  .chosen-single{
    border: none;
    border-radius: 0px;
    background: #eff4fdff !important;
    border-color: #eff4fdff !important;
    height: 35px;
  }
}

.chosen-container-single .chosen-single-span {
    background: #eff4fdff;
    border-color: #eff4fdff;
    margin-right: 0px
    margin: 0;
    height: auto;
    color: #a8a8a8ff;
    font-family: "Frutiger Linotype","Open Sans",sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: normal;
    vertical-align: middle;
  }

.js-form-item-sort-by{
  display: none;
}

#edit_sort_by__2_chosen{
  display: none !important;
}
*/
/*captcha for subscription form on home page*/
.captcha {
  position: absolute;
  bottom: 80px;
}
/**************************************
 *
 * Articles
 *
 *************************************/
article > h2 a {
  color: #000000ff;
  transition: 350ms color;
}
article > h2 a:hover,
article > h2 a:focus {
  text-decoration: none;
  color: #1d3794ff;
}
article.eco-int {
  background: #fee;
  background: hsl(0, 0%, 97.5%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #cc0000;
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(204, 0, 0, 0.1);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(204, 0, 0, 0.1);
  background-repeat: repeat;
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
}
.eco-art-internal {
  background: #ffe;
  background: hsl(0, 0%, 97.5%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #ffcc00;
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), rgba(255, 204, 0, 0.3);
  background-repeat: repeat;
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 100px 100px;
  background-size: 100px 100px;
  border: 1px solid transparent;
}
.eco-art-internal .internal-data-wrapper {
  margin: 3rem;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.8);
}
dl {
  margin: 2.5rem 0;
  color: #6f6f6fff;
  font-size: 14px;
  line-height: 20.999999999999996px;
  font-size: 1.4rem;
  line-height: 2.0999999999999996rem;
}
dl > * {
  display: inline-block;
  margin-top: 1rem;
  vertical-align: top;
}
dl dt {
  text-transform: uppercase;
  width: 15rem;
  margin-right: 3rem;
}
@media screen and (max-width: 1199px) {
  dl dt {
    font-size: 0.8em;
    color: #999;
    display: block;
    border-bottom: 1px solid #999;
    width: 100%;
  }
}
dl dd {
  width: calc(100% - 18.5rem);
}
@media screen and (max-width: 1199px) {
  dl dd {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.internal-data-wrapper dl > * {
  margin: 0;
  padding: 0.5rem 1rem;
}
.internal-data-wrapper dl dt {
  width: 30rem;
}
.internal-data-wrapper dl dt:nth-child(4n+1) {
  background-color: #edc142ff;
}
.internal-data-wrapper dl dd {
  width: calc(100% - 31rem);
  min-height: 3.1rem;
}
.internal-data-wrapper dl dd:nth-child(4n+2) {
  background-color: #edc142ff;
}
/*body.page-node-586 .eco-art-post .eco-art-image > .eco-art-image-background {
  background-image: url("/themes/custom/ecobase/css/../images/special/ILM.png") !important;
}*/
.field_body p,
.field-body p,
.collapsible-text-content .field_text p {
  margin-bottom: 1.2rem;
}
.field_body p img,
.field-body p img,
.collapsible-text-content .field_text p img {
  max-width: 100%;
}
@media screen and (max-width: 599px) {
  .field_body iframe,
  .field-body iframe,
  .collapsible-text-content .field_text iframe {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50vw);
    height: 56vw;
    max-height: 100vh;
  }
}
/* ### NL v1 ### */
article.eco-nl .eco-art-body .field_body > h3,
article.eco-nl .eco-art-body .field_body ol.index {
  display: none;
}
.eco-nl .eco-art-post {
  height: auto;
}
article.eco-nl-teaser {
  margin-bottom: 3rem;
}
/* ### NL v2 ### */
article.eco-nl .eco-art-text {
  padding-top: 0;
}
article.eco-nl .eco-art-text .eco-art-contact {
  padding-left: 0;
  padding-right: 0;
}
article.eco-nl .eco-art-text .nl-index {
  background-color: #d3e0fbff;
  padding: 2rem;
}
article.eco-nl .eco-art-text .nl-index ul {
  margin-left: 0;
  margin-bottom: 0;
}
article.eco-nl .eco-art-text .nl-index ul .index-nl-category {
  text-transform: uppercase;
  margin-top: 2rem;
  list-style-type: none;
  list-style-image: none;
}
article.eco-nl .eco-art-text .nl-index ul .index-nl-category::before {
  display: none;
}
article.eco-nl .eco-art-text .nl-index ul .index-nl-item {
  margin-left: 2rem;
  margin-top: 0.5rem;
}
article.eco-nl .eco-art-text .editorial {
  background-color: #f4f4f4ff;
  padding: 2rem;
}
article.eco-nl .eco-art-text .nl-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #6f6f6fff;
}
article.eco-nl .eco-art-text .nl-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
article.eco-nl .eco-art-text .nl-item .nl-item-image {
  flex: 0 1 30%;
}
article.eco-nl .eco-art-text .nl-item .nl-item-image .field_media_image {
  margin-right: 3rem;
}
article.eco-nl .eco-art-text .nl-item .nl-item-image .field_media_image img {
  max-width: 100%;
  height: auto;
}
article.eco-nl .eco-art-text .nl-item .nl-item-title {
  flex: 1 0 70%;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  font-weight: bold;
}
article.eco-nl .eco-art-text .nl-item .nl-item-content {
  flex: 0 0 100%;
  margin-top: 1rem;
}
article.eco-nl .eco-art-text .nl-content {
  padding: 2rem;
}
article.eco-nl .eco-art-text .nl-content .nl-category h3 {
  margin: 0.5rem 0 2rem;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  font-weight: normal;
}
#main a.readmore {
  display: none;
}
.eco-art-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 899px) {
  .eco-art-image {
    width: 100%;
    height: 0;
    padding-bottom: 73.20644%;
  }
}
.eco-art-image > .caption {
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
  border-top: 2px solid rgba(137, 167, 243, 0.7);
  color: #6f6f6fff;
  font-size: 12px;
  line-height: 16px;
  font-size: 1.2rem;
  line-height: 1.6rem;
  position: absolute;
  bottom: -20%;
  left: 0;
  width: 100%;
  padding: 1rem 2rem;
  max-width: 100%;
  max-height: 20%;
  z-index: 2;
  transition: all 350ms;
  overflow: hidden;
}
.eco-art-image > .caption.teaser-mode {
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-top: none;
}
.eco-art-image > .caption p {
  display: inline;
}
.eco-art-image:hover > .caption {
  bottom: 0;
  max-width: 100%;
  max-height: 20%;
  transition: all 250ms;
}
.eco-art-image:hover > .caption.teaser-mode {
  max-height: 100%;
  height: 100%;
}
.eco-art-image:hover > .eco-art-image-background:not(.eco-staff-photo) {
  transform: scale(1.05);
  transition: all 600ms;
  animation: image_blur 600ms forwards;
}
.eco-art-image:hover > .eco-art-image-background:not(.eco-staff-photo).drop-none {
  animation: none;
}
.eco-art-image:hover > .eco-art-image-background.eco-staff-photo {
  transform: scale(1.05);
  transition: all 600ms;
}
.eco-art-image > .eco-art-image-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  transition: all 400ms;
  animation: image_unblur 400ms forwards;
  /* BVA Template */
  /* Special */
  /* PCB Draft */
}
.eco-art-image > .eco-art-image-background.drop-none {
  animation: none;
}
.eco-art-image > .eco-art-image-background.default {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/none.jpg");
}
.eco-art-image > .eco-art-image-background.soil_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/soil.jpg");
}
.eco-art-image > .eco-art-image-background.comp_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/laptop.jpg");
}
.eco-art-image > .eco-art-image-background.paper_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/paper_blue.jpg");
}
.eco-art-image > .eco-art-image-background.paper_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/paper_gold.jpg");
}
.eco-art-image > .eco-art-image-background.paper_03 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/paper_green.jpg");
}
.eco-art-image > .eco-art-image-background.sky_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/sky.jpg");
}
.eco-art-image > .eco-art-image-background.stone_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/stones.jpg");
}
.eco-art-image > .eco-art-image-background.tree_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/trees.jpg");
}
.eco-art-image > .eco-art-image-background.water_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/water.jpg");
}
.eco-art-image > .eco-art-image-background.laptop {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/laptop.jpg");
}
.eco-art-image > .eco-art-image-background.soil_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/soil_01.jpg");
}
.eco-art-image > .eco-art-image-background.grass_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/grass_01.jpg");
}
.eco-art-image > .eco-art-image-background.stone_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/stone_01.jpg");
}
.eco-art-image > .eco-art-image-background.glass_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/glass_01.jpg");
}
.eco-art-image > .eco-art-image-background.water_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/water_01.jpg");
}
.eco-art-image > .eco-art-image-background.energy_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/energy_01.jpg");
}
.eco-art-image > .eco-art-image-background.comp_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/comp_01.jpg");
}
.eco-art-image > .eco-art-image-background.screen_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/screen_01.jpg");
}
.eco-art-image > a.master-image-link {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.eco-art-image.staff-photo > div.eco-art-image-background {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/staff.png");
}
.eco-art-image > div.eco-art-image-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-size: 50%;
  opacity: 0.7;
  z-index: 2;
  pointer-events: none;
}
.eco-art-image > div.eco-art-image-front.front-camera {
  background-image: url('/themes/custom/ecobase/css/../images/backdrop/camera.svg');
}
.eco-art-image > div.eco-art-image-front.front-microphone {
  background-image: url('/themes/custom/ecobase/css/../images/backdrop/microphone.svg');
}
.eco-art-image > div.master-image,
.eco-art-image > div.field_cv_photo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 80%;
  height: 80%;
  transition: 600ms;
}
.eco-art-image > div.master-image img,
.eco-art-image > div.field_cv_photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  transition: 200ms;
}
@media screen and (max-width: 599px) {
  .eco-art-image > div.master-image img,
  .eco-art-image > div.field_cv_photo img {
    max-height: 90%;
  }
}
.eco-art-image > div.master-image img.ei-avatar,
.eco-art-image > div.field_cv_photo img.ei-avatar {
  width: 100% !important;
  height: 100% !important;
}
.eco-art-image > div.field_cv_photo {
  width: 368px;
  height: 368px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 599px) {
  .eco-art-image > div.field_cv_photo {
    max-height: none;
    width: 50vw;
    height: 50vw;
    position: absolute;
  }
}
.eco-art-image > div.field_cv_photo img {
  max-height: unset;
  max-width: unset;
  height: 368px;
  width: 368px;
}
@media screen and (max-width: 599px) {
  .eco-art-image > div.field_cv_photo img {
    margin: 0;
    max-height: 50vw;
    max-width: 50vw;
  }
}
.eco-art-image > div.special-off-center + div.master-image {
  /*width: 64%;
        height: 64%;
        margin-bottom: 12%;
        margin-right: 0;*/
  width: 76.13%;
  height: 64%;
  margin-bottom: 11.5%;
  margin-right: 1.5%;
  transform: none;
  top: 10%;
  left: 11.5%;
}
.eco-art-image:hover > div.master-image,
.eco-art-image:hover > div.special-off-center + div.master-image {
  width: 90%;
  height: 90%;
  margin: 0;
  transition: all 400ms;
}
.eco-art-image:hover > div.master-image.field_cv_photo,
.eco-art-image:hover > div.special-off-center + div.master-image.field_cv_photo {
  width: 368px;
  height: 368px;
  overflow: hidden;
  border-radius: 50%;
}
@media screen and (max-width: 599px) {
  .eco-art-image:hover > div.master-image.field_cv_photo,
  .eco-art-image:hover > div.special-off-center + div.master-image.field_cv_photo {
    max-height: none;
    width: 50vw;
    height: 50vw;
    margin: 5vw 25vw;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.eco-art-image:hover > div.master-image.field_cv_photo img,
.eco-art-image:hover > div.special-off-center + div.master-image.field_cv_photo img {
  max-height: unset;
  max-width: unset;
  height: 368px;
  width: 368px;
}
@media screen and (max-width: 599px) {
  .eco-art-image:hover > div.master-image.field_cv_photo img,
  .eco-art-image:hover > div.special-off-center + div.master-image.field_cv_photo img {
    margin: 0;
    max-height: 55vw;
    max-width: 55vw;
  }
}
.eco-art-image:hover > div.special-off-center + div.master-image {
  transform: none;
  top: 5%;
  left: 5%;
}
.eco-search .eco-art-image > div.field_cv_photo {
  width: 270px;
  height: 270px;
}
@media screen and (max-width: 899px) {
  .eco-search .eco-art-image > div.field_cv_photo {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 599px) {
  .eco-search .eco-art-image > div.field_cv_photo {
    max-height: none;
    width: 50vw;
    height: 50vw;
    position: absolute;
  }
}
.eco-search .eco-art-image > div.field_cv_photo img {
  height: 270px;
  width: 270px;
}
.eco-art-post {
  background-color: #eff4fdff;
  height: 500px;
}
@media screen and (max-width: 899px) {
  .eco-art-post {
    height: auto;
  }
}
.eco-art-post .eco-art-info {
  padding: 5rem 6rem;
  position: relative;
}
.eco-art-post .eco-art-info.has-cta {
  padding-bottom: 10rem;
}
.eco-art-post .eco-art-info.has-cta div.field_cta {
  position: absolute;
  bottom: 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .eco-art-post .eco-art-info.has-cta div.field_cta {
    width: calc(100% - 4rem);
  }
}
.eco-art-post .eco-art-info.has-cta div.field_cta a {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
}
.eco-art-post .eco-art-info.has-cta div.field_cta a:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .eco-art-post .eco-art-info.has-cta div.field_cta a {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-post .eco-art-info.has-cta div.field_cta a {
    width: 100%;
  }
}
@media screen and (max-width: 1406px) {
  .eco-art-post .eco-art-info {
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .eco-art-post .eco-art-info {
    padding: 2rem;
  }
}
.eco-art-post .eco-art-info h1 {
  color: #6f6f6fff;
  margin-top: 0;
  margin-right: 4rem;
}
.eco-art-post .eco-art-info h3 {
  margin-right: 4rem;
}
.eco-art-post .eco-art-info h4 {
  margin-top: 1.5rem;
  color: #e0e0e0ff;
}
.eco-art-post .eco-art-info .field_topics > div {
  display: inline;
  margin-right: 1rem;
}
.eco-art-post .eco-art-info .field_speaker_internal > div,
.eco-art-post .eco-art-info .field_speaker_external > div {
  display: inline;
}
.eco-art-post .eco-art-info .field_speaker_internal > div::after,
.eco-art-post .eco-art-info .field_speaker_external > div::after {
  content: ', ';
}
.eco-art-post .eco-art-info .field_speaker_internal > div:last-child::after,
.eco-art-post .eco-art-info .field_speaker_external > div:last-child::after {
  content: '';
}
.eco-art-post .eco-art-info .field_type_publication div {
  display: inline;
}
.eco-art-post .eco-art-info .field_type_publication div::after {
  content: ', ';
}
.eco-art-post .eco-art-info .field_type_publication div:last-child::after {
  content: '';
}
.eco-art-post .eco-art-toc {
  order: 2;
  padding: 6rem;
}
.eco-art-post .eco-share {
  position: absolute;
  right: 0;
  top: 5rem;
  z-index: 1;
}
.eco-art-post .eco-share input {
  display: none;
}
.eco-art-post .eco-share label,
.eco-art-post .eco-share a,
.eco-art-post .eco-share button {
  width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.2rem;
  text-indent: -9999px;
  border: none;
  margin: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: 50%;
}
.eco-art-post .eco-share label {
  z-index: 2;
  background-color: #ffffffff;
  cursor: pointer;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/share_icon_new.svg");
  background-size: contain;
}
.eco-art-post .eco-share label:hover {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/share_icon_new_hover.svg");
}
.eco-art-post .eco-share a,
.eco-art-post .eco-share button {
  z-index: 1;
  margin-top: -5rem;
  background-color: #ffffffff;
  transition: all 200ms;
  background-size: cover;
}
.eco-art-post .eco-share a.print,
.eco-art-post .eco-share button.print {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/print_new-01.svg");
}
.eco-art-post .eco-share a.print:hover,
.eco-art-post .eco-share button.print:hover {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/print_new_hover-01.svg");
}
.eco-art-post .eco-share a.pdf,
.eco-art-post .eco-share button.pdf {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/pdf_new-01.svg");
}
.eco-art-post .eco-share a.pdf:hover,
.eco-art-post .eco-share button.pdf:hover {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/pdf_new_hover-01-01.svg");
}
.eco-art-post .eco-share a .social-sharing-buttons__popup,
.eco-art-post .eco-share button .social-sharing-buttons__popup {
  text-indent: 0;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.facebook:hover img,
.eco-art-post .eco-share button.social-sharing-buttons__button.facebook:hover img {
  display: none;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.facebook:hover::before,
.eco-art-post .eco-share button.social-sharing-buttons__button.facebook:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/facebook_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.twitter:hover img,
.eco-art-post .eco-share button.social-sharing-buttons__button.twitter:hover img {
  display: none;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.twitter:hover::before,
.eco-art-post .eco-share button.social-sharing-buttons__button.twitter:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/twitter_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.whatsapp:hover img,
.eco-art-post .eco-share button.social-sharing-buttons__button.whatsapp:hover img {
  display: none;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.whatsapp:hover::before,
.eco-art-post .eco-share button.social-sharing-buttons__button.whatsapp:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/whatsapp_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.linkedin:hover img,
.eco-art-post .eco-share button.social-sharing-buttons__button.linkedin:hover img {
  display: none;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.linkedin:hover::before,
.eco-art-post .eco-share button.social-sharing-buttons__button.linkedin:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/linkedin_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.email:hover img,
.eco-art-post .eco-share button.social-sharing-buttons__button.email:hover img {
  display: none;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.email:hover::before,
.eco-art-post .eco-share button.social-sharing-buttons__button.email:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/mail_new_hover-01.svg");
  z-index: 2;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.copy:hover img,
.eco-art-post .eco-share button.social-sharing-buttons__button.copy:hover img {
  display: none;
}
.eco-art-post .eco-share a.social-sharing-buttons__button.copy:hover::before,
.eco-art-post .eco-share button.social-sharing-buttons__button.copy:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/link_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-post .eco-share input:checked ~ a,
.eco-art-post .eco-share input:checked ~ button {
  margin-top: 0;
}
article.eco-nl .eco-art-post .eco-art-info {
  padding: 5rem 2rem;
}
@media screen and (max-width: 1406px) {
  article.eco-nl .eco-art-post .eco-art-info {
    padding: 5rem 2rem;
  }
}
article.eco-slider .eco-art-post .eco-art-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 899px) {
  article.eco-slider .eco-art-post .eco-art-info {
    padding: 2rem 6rem;
  }
}
article.eco-slider .eco-art-post .eco-art-info > div {
  height: 35rem;
  overflow: hidden;
  position: relative;
}
article.eco-slider .eco-art-post .eco-art-info > div::after {
  content: ' ';
  pointer-events: none;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #eff4fd 0%, rgba(239, 244, 253, 0) 100%);
  height: 5rem;
  width: 100%;
}
article.eco-pub .eco-art-post {
  background-color: #eff4fd;
}
article.eco-int .eco-art-post {
  background-color: #efd4dd;
}
article.eco-pub.eco-nws .eco-art-post {
  background-color: #fff4ad;
}
article.eco-int.eco-nws .eco-art-post {
  background: #efd4dd;
  background: hsl(340, 45.8%, 88.4%);
  background: -webkit-linear-gradient(45deg, #efd4dd 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #efd4dd 50%, #efd4dd 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #fff4ad;
  background: -moz-linear-gradient(45deg, #efd4dd 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #efd4dd 50%, #efd4dd 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #fff4ad;
  background: linear-gradient(45deg, #efd4dd 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #efd4dd 50%, #efd4dd 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 0), #fff4ad;
  background-repeat: repeat;
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 100px 100px;
  background-size: 100px 100px;
}
.eco-art-text {
  padding: 3rem 0;
}
@media screen and (max-width: 1199px) {
  .eco-art-text {
    padding: 2rem 0;
  }
}
@media screen and (max-width: 1406px) {
  .eco-art-text .eco-art-body > div {
    padding: 0 2rem 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .eco-art-text .eco-art-body > div.read-more,
  .eco-art-text .eco-art-body > div.cv-read-more {
    padding-bottom: 0;
  }
}
.eco-art-text .eco-art-body p {
  margin-bottom: 1.2rem;
}
.eco-art-text .eco-art-body #cv-read-more {
  display: none;
}
.eco-art-text .eco-art-body #cv-read-more + label {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
}
.eco-art-text .eco-art-body #cv-read-more + label:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-body #cv-read-more + label {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-body #cv-read-more + label {
    width: 100%;
  }
}
@media screen and (max-width: 1406px) {
  .eco-art-text .eco-art-body #cv-read-more + label {
    margin: 0 2rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-body #cv-read-more + label {
    display: block;
    text-align: center;
    padding: 1rem;
    height: auto;
  }
}
.eco-art-text .eco-art-body #cv-read-more:checked + label {
  height: 0;
  padding: 0;
  border: none;
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-body #cv-read-more:checked + label {
    margin: 0;
  }
}
.eco-art-text .eco-art-body #cv-read-more + label + .cv-read-more {
  max-height: 0;
  overflow: hidden;
  transition: 250ms;
  padding-bottom: 0;
}
.eco-art-text .eco-art-body #cv-read-more:checked + label + .cv-read-more {
  max-height: 1500px;
}
.eco-art-text .eco-art-body #text-read-more {
  display: none;
}
.eco-art-text .eco-art-body #text-read-more ~ label {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
}
.eco-art-text .eco-art-body #text-read-more ~ label:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-body #text-read-more ~ label {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-body #text-read-more ~ label {
    width: 100%;
  }
}
.eco-art-text .eco-art-body #text-read-more ~ label .r-less {
  display: none;
}
.eco-art-text .eco-art-body #text-read-more ~ label .r-more {
  display: inline;
}
@media screen and (max-width: 1406px) {
  .eco-art-text .eco-art-body #text-read-more ~ label {
    margin: 0 2rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-body #text-read-more ~ label {
    display: block;
    width: calc(100% - 4rem);
    text-align: center;
    padding: 1rem;
    height: auto;
  }
}
.eco-art-text .eco-art-body #text-read-more:checked ~ label .r-more {
  display: none;
}
.eco-art-text .eco-art-body #text-read-more:checked ~ label .r-less {
  display: inline;
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-body #text-read-more:checked ~ label {
    margin: 0 auto;
  }
}
.eco-art-text .eco-art-body #text-read-more + .text-read-more {
  max-height: 0;
  overflow: hidden;
  transition: 250ms;
  padding-bottom: 0;
}
.eco-art-text .eco-art-body #text-read-more:checked + .text-read-more {
  max-height: 1500px;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox {
  /*margin-top: 0;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      outline: 1px solid #c00;*/
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery div[onclick^="window.open"] {
  visibility: hidden !important;
  pointer-events: none !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption {
  background-color: rgba(111, 111, 111, 0.75) !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption .jb-caption-title,
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption .jbac-number {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  color: #ffffffff !important;
  margin-top: 0;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption .jbac-number {
  text-align: right;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button {
  width: 4rem !important;
  height: 4rem !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon {
  width: 4rem !important;
  height: 4rem !important;
  top: 23px !important;
  border-radius: 50% !important;
  padding: 0 !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon::before {
  display: none !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: 50%;
  background-size: 1.4rem;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-left-button {
  left: 0 !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-left-button::after {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_left_white.svg');
  background-position: 45% 50%;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-right-button {
  right: 0 !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-right-button::after {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_right_white.svg');
  background-position: 55% 50%;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery div[onclick^="window.open"] {
  visibility: hidden !important;
  pointer-events: none !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption {
  background-color: rgba(111, 111, 111, 0.75) !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption .jb-caption-title,
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption .jbac-number {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  color: #ffffffff !important;
  margin-top: 0;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jb-caption .jbac-number {
  text-align: right;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button {
  width: 4rem !important;
  height: 4rem !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon {
  width: 4rem !important;
  height: 4rem !important;
  top: 23px !important;
  border-radius: 50% !important;
  padding: 0 !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon::before {
  display: none !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: 50%;
  background-size: 1.4rem;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-left-button {
  left: 0 !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-left-button::after {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_left_white.svg');
  background-position: 45% 50%;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-right-button {
  right: 0 !important;
}
.eco-art-text .eco-art-body .views-element-container > .eco-juicebox .juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-right-button::after {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_right_white.svg');
  background-position: 55% 50%;
}
.eco-art-text .eco-art-body .field_sections .paragraph.paragraph--collapsible-text {
  padding: 0 1.8rem;
  border-bottom: 3px solid #e0e0e0ff;
}
.eco-art-text .eco-art-body .field_sections .paragraph.paragraph--collapsible-text h2 {
  cursor: pointer;
}
.eco-art-text .eco-art-body .field_sections .paragraph.paragraph--collapsible-text h2 i {
  transition: transform 200ms;
}
.eco-art-text .eco-art-body .field_sections .paragraph.paragraph--collapsible-text input.collapsible-text-toggle {
  display: none;
}
.eco-art-text .eco-art-body .field_sections .paragraph.paragraph--collapsible-text input.collapsible-text-toggle:checked ~ label h2 i {
  transform: rotate(90deg);
}
.eco-art-text .eco-art-body .field_sections .paragraph.paragraph--collapsible-text input.collapsible-text-toggle:checked ~ .collapsible-text-content {
  max-height: 3000px;
}
.eco-art-text .eco-art-body .field_sections .paragraph.paragraph--collapsible-text .collapsible-text-content {
  max-height: 0;
  overflow: hidden;
  transition: all 200ms;
}
.eco-art-text .eco-art-contact {
  padding-left: 15rem;
  padding-right: 2rem;
}
.eco-art-text .eco-art-contact .field_key_message {
  font-style: italic;
  font-weight: bold;
  padding: 0 0 2rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #e0e0e0ff;
  color: #6f6f6fff;
}
@media screen and (max-width: 1406px) {
  .eco-art-text .eco-art-contact .field_key_message {
    padding: 1rem 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .eco-art-text .eco-art-contact {
    padding-left: 5rem;
  }
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-contact {
    padding: 2rem;
  }
}
.eco-art-text .eco-art-contact .field_main_link {
  margin-bottom: 5rem;
}
.eco-art-text .eco-art-contact .field_main_link a {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
}
.eco-art-text .eco-art-contact .field_main_link a:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-contact .field_main_link a {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-contact .field_main_link a {
    width: 100%;
  }
}
.eco-art-text .eco-art-contact .main-link-screenshot {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-bottom: 1rem;
}
.eco-art-text .eco-art-contact .main-link-link {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
}
.eco-art-text .eco-art-contact .main-link-link:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-contact .main-link-link {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-contact .main-link-link {
    width: 100%;
  }
}
.eco-art-text .eco-art-contact .social-media-profiles {
  width: calc(100% - 10px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-contact .social-media-profiles {
    margin: 0;
    width: 100%;
    flex-direction: column;
  }
}
.eco-art-text .eco-art-contact .social-media-profiles a {
  flex-basis: calc(50% - 5px);
  padding: 0 0 0 6rem;
  border: 3px solid transparent;
  background-position: 1.5em 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  margin-bottom: 1rem;
  transition: all 300ms;
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-contact .social-media-profiles a {
    width: 100%;
    text-align: center;
    padding: 0.5rem 4rem;
    background-size: 2rem;
  }
}
.eco-art-text .eco-art-contact .social-media-profiles a span {
  padding: 1rem 2rem;
  color: #ffffffff;
  background-color: transparent;
  transition: background-color 300ms;
  display: block;
  height: 100%;
  width: 100%;
}
.eco-art-text .eco-art-contact .social-media-profiles a.twitter {
  background-color: #00acee;
  border-color: #00acee;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/twitter.svg");
}
.eco-art-text .eco-art-contact .social-media-profiles a.twitter:hover span {
  color: #00acee;
}
.eco-art-text .eco-art-contact .social-media-profiles a.linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/linkedin.svg");
}
.eco-art-text .eco-art-contact .social-media-profiles a.linkedin:hover span {
  color: #0077b5;
}
.eco-art-text .eco-art-contact .social-media-profiles a.researchgate {
  background-color: #00d2bc;
  border-color: #00d2bc;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/researchgate.svg");
}
.eco-art-text .eco-art-contact .social-media-profiles a.researchgate:hover span {
  color: #00d2bc;
}
.eco-art-text .eco-art-contact .social-media-profiles a.xing {
  background-color: #126567;
  border-color: #126567;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/xing.svg");
}
.eco-art-text .eco-art-contact .social-media-profiles a.xing:hover span {
  color: #126567;
}
.eco-art-text .eco-art-contact .social-media-profiles a.facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/facebook.svg");
}
.eco-art-text .eco-art-contact .social-media-profiles a.facebook:hover span {
  color: #3b5998;
}
.eco-art-text .eco-art-contact .social-media-profiles a.youtube {
  background-color: #c4302b;
  border-color: #c4302b;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/youtube.svg");
}
.eco-art-text .eco-art-contact .social-media-profiles a.youtube:hover span {
  color: #c4302b;
}
.eco-art-text .eco-art-contact .social-media-profiles a.instagram {
  background-color: #8a3ab9;
  border-color: #8a3ab9;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/instagram.svg");
}
.eco-art-text .eco-art-contact .social-media-profiles a.instagram:hover span {
  color: #8a3ab9;
}
.eco-art-text .eco-art-contact .social-media-profiles a:hover span {
  background-color: #ffffffff;
}
.eco-art-text .eco-art-contact article.eco-staff-contact {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  margin-bottom: 10rem;
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-contact article.eco-staff-contact {
    flex-direction: column;
  }
}
.eco-art-text .eco-art-contact article.eco-staff-contact .staff-contact-photo {
  margin-right: 5rem;
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-contact article.eco-staff-contact .staff-contact-photo {
    margin-right: 0;
  }
}
.eco-art-text .eco-art-contact article.eco-staff-contact .staff-contact-photo .field_cv_photo {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ffffffff;
  transition: 250ms;
}
.eco-art-text .eco-art-contact article.eco-staff-contact .staff-contact-photo .field_cv_photo img {
  transition: 250ms;
}
.eco-art-text .eco-art-contact article.eco-staff-contact .staff-contact-photo .field_cv_photo:hover img {
  transform: scale(1.1);
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-contact article.eco-staff-contact .staff-contact-info {
    margin-top: 1rem;
    text-align: center;
  }
}
.eco-art-text .eco-art-contact .webform-flexbox {
  margin-left: 0;
  margin-right: 0;
}
.eco-art-text .eco-art-contact .webform-flex--container {
  margin: 0;
}
.eco-art-text .eco-art-contact .webform-submission-form input[type=text],
.eco-art-text .eco-art-contact .webform-submission-form input[type=email],
.eco-art-text .eco-art-contact .webform-submission-form select,
.eco-art-text .eco-art-contact .webform-submission-form textarea {
  width: calc(100% - 10px);
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-contact .webform-submission-form input[type=text],
  .eco-art-text .eco-art-contact .webform-submission-form input[type=email],
  .eco-art-text .eco-art-contact .webform-submission-form select,
  .eco-art-text .eco-art-contact .webform-submission-form textarea {
    width: 100%;
  }
}
.eco-art-text .eco-art-contact .webform-submission-form .form-item--error-message {
  background: #edc142ff;
  color: #393939ff;
  font-size: 0.8em;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  width: calc(100% - 10px);
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-contact .webform-submission-form .form-item--error-message {
    width: 100%;
  }
}
.eco-art-text .eco-art-contact .field_related_terms > div {
  display: inline-block;
  margin-right: 1rem;
}
.eco-art-text .eco-art-contact .field_related_terms > div a {
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
.eco-art-text .eco-art-contact h3.button-card {
  max-width: 437px;
}
.eco-art-text .eco-art-contact h3.button-card a {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  letter-spacing: 0.32px;
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  text-transform: none;
  text-align: left;
}
.eco-art-text .eco-art-contact h3.button-card a:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .eco-art-text .eco-art-contact h3.button-card a {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .eco-art-text .eco-art-contact h3.button-card a {
    width: 100%;
  }
}
.eco-art-text .eco-art-contact > :last-child {
  position: sticky;
  top: 100px;
}
.eco-art-text .eco-art-contact .eco-share {
  position: absolute;
  right: 0;
  top: 5rem;
  z-index: 1;
}
.eco-art-text .eco-art-contact .eco-share input {
  display: none;
}
.eco-art-text .eco-art-contact .eco-share label,
.eco-art-text .eco-art-contact .eco-share a,
.eco-art-text .eco-art-contact .eco-share button {
  width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.2rem;
  text-indent: -9999px;
  border: none;
  margin: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: 50%;
}
.eco-art-text .eco-art-contact .eco-share label {
  z-index: 2;
  background-color: #ffffffff;
  cursor: pointer;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/share_icon_new.svg");
  background-size: contain;
}
.eco-art-text .eco-art-contact .eco-share label:hover {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/share_icon_new_hover.svg");
}
.eco-art-text .eco-art-contact .eco-share a,
.eco-art-text .eco-art-contact .eco-share button {
  z-index: 1;
  margin-top: -5rem;
  background-color: #ffffffff;
  transition: all 200ms;
  background-size: cover;
}
.eco-art-text .eco-art-contact .eco-share a.print,
.eco-art-text .eco-art-contact .eco-share button.print {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/print_new-01.svg");
}
.eco-art-text .eco-art-contact .eco-share a.print:hover,
.eco-art-text .eco-art-contact .eco-share button.print:hover {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/print_new_hover-01.svg");
}
.eco-art-text .eco-art-contact .eco-share a.pdf,
.eco-art-text .eco-art-contact .eco-share button.pdf {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/pdf_new-01.svg");
}
.eco-art-text .eco-art-contact .eco-share a.pdf:hover,
.eco-art-text .eco-art-contact .eco-share button.pdf:hover {
  background-image: url("/themes/custom/ecobase/css/../images/social-media/pdf_new_hover-01-01.svg");
}
.eco-art-text .eco-art-contact .eco-share a .social-sharing-buttons__popup,
.eco-art-text .eco-art-contact .eco-share button .social-sharing-buttons__popup {
  text-indent: 0;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.facebook:hover img,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.facebook:hover img {
  display: none;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.facebook:hover::before,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.facebook:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/facebook_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.twitter:hover img,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.twitter:hover img {
  display: none;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.twitter:hover::before,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.twitter:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/twitter_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.whatsapp:hover img,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.whatsapp:hover img {
  display: none;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.whatsapp:hover::before,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.whatsapp:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/whatsapp_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.linkedin:hover img,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.linkedin:hover img {
  display: none;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.linkedin:hover::before,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.linkedin:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/linkedin_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.email:hover img,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.email:hover img {
  display: none;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.email:hover::before,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.email:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/mail_new_hover-01.svg");
  z-index: 2;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.copy:hover img,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.copy:hover img {
  display: none;
}
.eco-art-text .eco-art-contact .eco-share a.social-sharing-buttons__button.copy:hover::before,
.eco-art-text .eco-art-contact .eco-share button.social-sharing-buttons__button.copy:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("/themes/custom/ecobase/css/../images/social-media/link_new_hover-01-01.svg");
  z-index: 2;
}
.eco-art-text .eco-art-contact .eco-share input:checked ~ a,
.eco-art-text .eco-art-contact .eco-share input:checked ~ button {
  margin-top: 0;
}
.eco-art-meta {
  background-color: rgba(224, 224, 224, 0.8);
  background-image: url("/themes/custom/ecobase/css/../images/section-background/iStock_© Carenas1_m_smaller.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0%;
  box-shadow: inset 0 0 0 50vmax rgba(224, 224, 224, 0.8);
}
.eco-art-meta.meta-drop {
  /* BVA Template */
  /* PCB Draft */
}
.eco-art-meta.meta-drop.soil_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/soil.jpg");
}
.eco-art-meta.meta-drop.comp_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/laptop.jpg");
}
.eco-art-meta.meta-drop.paper_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/paper_blue.jpg");
}
.eco-art-meta.meta-drop.paper_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/paper_gold.jpg");
}
.eco-art-meta.meta-drop.paper_03 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/paper_green.jpg");
}
.eco-art-meta.meta-drop.sky_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/sky.jpg");
}
.eco-art-meta.meta-drop.stone_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/stones.jpg");
}
.eco-art-meta.meta-drop.tree_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/trees.jpg");
}
.eco-art-meta.meta-drop.water_02 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/water.jpg");
}
.eco-art-meta.meta-drop.soil_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/soil_01.jpg");
}
.eco-art-meta.meta-drop.grass_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/grass_01.jpg");
}
.eco-art-meta.meta-drop.stone_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/stone_01.jpg");
}
.eco-art-meta.meta-drop.glass_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/glass_01.jpg");
}
.eco-art-meta.meta-drop.water_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/water_01.jpg");
}
.eco-art-meta.meta-drop.energy_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/energy_01.jpg");
}
.eco-art-meta.meta-drop.comp_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/comp_01.jpg");
}
.eco-art-meta.meta-drop.screen_01 {
  background-image: url("/themes/custom/ecobase/css/../images/backdrop/screen_01.jpg");
}
.eco-art-meta .eco-art-data {
  margin-right: 2rem;
}
.eco-art-meta .eco-art-data dl {
  color: #393939ff;
}
@media screen and (max-width: 1406px) {
  .eco-art-meta .eco-art-data {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .eco-art-meta .eco-art-data dl {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.eco-art-meta .eco-art-data div.field_language > div,
.eco-art-meta .eco-art-data div.field_topics > div,
.eco-art-meta .eco-art-data div.field_project_id > div,
.eco-art-meta .eco-art-data div.field_isbn > div,
.eco-art-meta .eco-art-data div.field_issn > div,
.eco-art-meta .eco-art-data div.field_doi > div {
  display: inline;
}
.eco-art-meta .eco-art-data div.field_language > div::after,
.eco-art-meta .eco-art-data div.field_topics > div::after,
.eco-art-meta .eco-art-data div.field_project_id > div::after,
.eco-art-meta .eco-art-data div.field_isbn > div::after,
.eco-art-meta .eco-art-data div.field_issn > div::after,
.eco-art-meta .eco-art-data div.field_doi > div::after {
  content: ', ';
}
.eco-art-meta .eco-art-data div.field_language > div:last-child::after,
.eco-art-meta .eco-art-data div.field_topics > div:last-child::after,
.eco-art-meta .eco-art-data div.field_project_id > div:last-child::after,
.eco-art-meta .eco-art-data div.field_isbn > div:last-child::after,
.eco-art-meta .eco-art-data div.field_issn > div:last-child::after,
.eco-art-meta .eco-art-data div.field_doi > div:last-child::after {
  content: '';
}
.eco-art-meta .eco-art-data .toc-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.eco-art-meta .eco-art-data .toc-link em.toc-expand {
  cursor: pointer;
}
.eco-art-meta .eco-art-links {
  padding: 3em;
  /*border-left: 5px solid white;*/
  font-size: 14px;
}
.eco-art-meta .eco-art-links hr.translucent {
  color: transparent;
  margin: 1rem 0 2rem;
}
.eco-art-meta .eco-art-links .eco-main-link + label,
.eco-art-meta .eco-art-links .field_presentation_file + label,
.eco-art-meta .eco-art-links .field_attachments + label {
  margin-top: 3rem;
}
@media screen and (max-width: 1199px) {
  .eco-art-meta .eco-art-links {
    border-left: none;
    padding: 2rem;
  }
}
.eco-art-meta .eco-art-links label {
  color: #6f6f6fff;
  text-transform: uppercase;
  margin-bottom: 1rem;
  display: block;
}
.eco-art-meta .eco-art-links article.eco-reference .reference-style-post {
  display: none;
}
.eco-art-meta .eco-art-links .field_attachments > div,
.eco-art-meta .eco-art-links .field_presentation_file > div,
.eco-art-meta .eco-art-links .field_related_websites > div,
.eco-art-meta .eco-art-links .field_further_links > div {
  margin-bottom: 1rem;
}
.eco-art-related {
  margin-top: 6rem;
  border-top: 1rem solid #f4f4f4ff;
  padding-top: 3rem;
}
.eco-art-related .section-content-wrapper {
  display: block;
}
@media screen and (max-width: 1406px) {
  .eco-art-related .section-content-wrapper > h2 {
    padding: 0 2rem;
  }
}
.eco-art-uni-section.eco-art-title {
  position: relative;
  height: 25rem;
}
.eco-art-uni-section.eco-art-title .section-content-wrapper {
  display: block;
}
.eco-art-uni-section.eco-art-title .eco-art-image-background,
.eco-art-uni-section.eco-art-title .eco-art-image {
  position: absolute;
  height: 25rem;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  padding-bottom: 0;
}
.eco-art-uni-section.eco-art-title .eco-art-info {
  position: relative;
  z-index: 1;
  height: 100%;
}
.eco-art-uni-section.eco-art-title .eco-art-info .node-title {
  color: #ffffffff;
  background-color: rgba(29, 55, 148, 0.85);
  max-width: 66%;
  padding: 0.5rem 3rem;
  position: absolute;
  bottom: 6rem;
}
.eco-art-uni-section.eco-art-title .eco-art-info .node-subtitle {
  color: #393939ff;
  background-color: rgba(237, 193, 66, 0.55);
  max-width: 66%;
  padding: 0.5rem 3rem;
  position: absolute;
  bottom: 3rem;
}
article.eco-int .eco-art-meta {
  background-color: rgba(222, 204, 204, 0.8);
  box-shadow: inset 0 0 0 50vmax rgba(222, 204, 204, 0.8);
}
section.eco-term-header {
  background-color: #eff4fdff;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.eco-term-team {
  background-color: #eff4fdff;
  padding: 3rem;
}
.eco-recent-content-block {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.eco-recent-content-block > h2 {
  padding: 0 2rem;
}
.eco-recent-content-block > input {
  display: none;
}
.eco-recent-content-block div.recent-contents > .recent-content {
  display: flex;
  transition: opacity 200ms ease-out, height 0ms linear 200ms;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.eco-recent-content-block > input:nth-child(1):checked ~ .recent-contents > div:nth-child(1),
.eco-recent-content-block > input:nth-child(2):checked ~ .recent-contents > div:nth-child(2),
.eco-recent-content-block > input:nth-child(3):checked ~ .recent-contents > div:nth-child(3),
.eco-recent-content-block > input:nth-child(4):checked ~ .recent-contents > div:nth-child(4),
.eco-recent-content-block > input:nth-child(5):checked ~ .recent-contents > div:nth-child(5) {
  transition-delay: 200ms;
  opacity: 1;
  height: auto;
}
.eco-recent-content-block .recent-content-pager {
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  list-style: none;
  text-align: center;
}
.eco-recent-content-block .recent-content-pager > label {
  padding: 0.5rem;
  height: 5rem;
  width: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  background-color: #eff4fdff;
  cursor: pointer;
}
.eco-recent-content-block .recent-content-pager > label:hover {
  background-color: #1d3794ff;
  color: #ffffffff;
}
.eco-recent-content-block > input:nth-child(1):checked ~ .recent-content-pager > label:nth-child(1),
.eco-recent-content-block > input:nth-child(2):checked ~ .recent-content-pager > label:nth-child(2),
.eco-recent-content-block > input:nth-child(3):checked ~ .recent-content-pager > label:nth-child(3),
.eco-recent-content-block > input:nth-child(4):checked ~ .recent-content-pager > label:nth-child(4),
.eco-recent-content-block > input:nth-child(5):checked ~ .recent-content-pager > label:nth-child(5) {
  background-color: #1d3794ff;
  color: #ffffffff;
  text-decoration: none;
  border: none;
}
.eco-term-references {
  padding-bottom: 5rem;
  min-height: 400px;
}
@media screen and (max-width: 899px) {
  .eco-term-references {
    display: none;
  }
}
.eco-term-references.uncurated .reference-tabs {
  /*.leaf-background();*/
}
.eco-term-references.uncurated label {
  border-bottom: 4px solid #a8a8a8ff;
}
.eco-term-references.uncurated label:hover {
  border-bottom-color: #89a7f3ff;
}
.eco-term-references.uncurated .eco-term-reference-tabs .reference-tabs-indicator #slider {
  background-color: #1d3794ff;
  margin-top: -4px;
}
.eco-term-references:not(.uncurated) {
  background-color: rgba(224, 224, 224, 0.8);
  background-image: url("/themes/custom/ecobase/css/../images/section-background/iStock_© Carenas1_m_smaller.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0%;
  box-shadow: inset 0 0 0 50vmax rgba(224, 224, 224, 0.8);
}
.eco-term-references > .section-content-wrapper {
  justify-content: center;
}
.eco-term-references .eco-term-reference-tabs {
  flex-basis: 100%;
}
@media screen and (max-width: 1199px) {
  .eco-term-references .eco-term-reference-tabs {
    flex-basis: calc(100% - 4rem);
  }
}
.eco-term-references .eco-term-reference-tabs .reference-tabs {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 4rem 0 0;
}
.eco-term-references .eco-term-reference-tabs .reference-tabs > label {
  margin: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  color: #6f6f6fff;
  font-weight: bold;
  font-family: "Zilla Slab", Georgia, serif;
  font-size: 24px;
  line-height: 29px;
  font-size: 2.4rem;
  line-height: 2.9rem;
  padding: 1.8rem 2rem 1.5rem;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
@media screen and (max-width: 599px) {
  .eco-term-references .eco-term-reference-tabs .reference-tabs > label {
    padding: 0.5rem 0;
    font-size: 0.8em;
    flex-grow: 0;
    overflow: hidden;
  }
}
.eco-term-references .eco-term-reference-tabs .reference-tabs-indicator {
  transition: transform 200ms ease-in-out;
}
.eco-term-references .eco-term-reference-tabs .reference-tabs-indicator #slider {
  height: 4px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
}
.eco-term-references .eco-term-reference-tabs .reference-contents {
  background-color: rgba(255, 255, 255, 0.8);
}
.eco-term-references .eco-term-reference-tabs .reference-content {
  padding: 3rem;
  flex-basis: 100%;
  width: 100%;
  display: none;
}
.eco-term-references .eco-term-reference-tabs .reference-content h5 {
  color: #6f6f6fff;
  margin-bottom: 3rem;
}
.eco-term-references .eco-term-reference-tabs .reference-content h2 {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  font-size: 18px;
  line-height: 20px;
  font-size: 1.8rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.eco-term-references .eco-term-reference-tabs .reference-content h2.eco-reference-folder-processed {
  cursor: pointer;
  color: #1d3794ff;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-link {
  display: none;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 599px) {
  .eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post {
    flex-direction: column;
  }
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper {
  flex: 0 0 10rem;
  width: 10rem;
  height: 7.5rem;
  margin-right: 2rem;
}
@media screen and (max-width: 599px) {
  .eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper {
    margin-right: 0;
    width: 100%;
    flex: 0 0 100%;
  }
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper.eco-art-image > .caption {
  display: none;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper.eco-art-image > div.special-off-center + div.master-image {
  /*width: 64%;
        height: 64%;
        margin-bottom: 12%;
        margin-right: 0;*/
  width: 76.13%;
  height: 64%;
  margin-bottom: 11.5%;
  margin-right: 1.5%;
  transform: none;
  top: 10%;
  left: 11.5%;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
  width: 91px;
  height: 68px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
  .eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
    width: 121px;
    height: 91px;
  }
}
@media screen and (max-width: 599px) {
  .eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
    width: 100%;
    height: 0;
    padding-bottom: 73.20644%;
  }
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper .reference-image a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 599px) {
  .eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-image-wrapper .reference-image a {
    padding-bottom: 73.20644%;
  }
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-info {
  position: relative;
  flex-grow: 1;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 1rem;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-info h4 {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-info .reference-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 1;
  width: calc(100% + 2rem);
  height: 100%;
  background-color: #ffffffff;
  top: 0;
  left: 0;
  padding: 0 0 0 3rem;
  margin-left: -2rem;
  overflow: hidden;
  border: 0.25rem solid #ffffffff;
  opacity: 0;
  transition: opacity 350ms;
  cursor: default;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-info .reference-text > a {
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-info .reference-text > a {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: white;
    align-items: center;
    justify-content: center;
    padding: 2rem 0 0;
  }
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-info dl {
  margin: 0;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post .reference-info dl > * {
  margin-top: 0;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post:hover .reference-info .reference-text {
  opacity: 1;
}
.eco-term-references .eco-term-reference-tabs .reference-content article.eco-reference .reference-style-post > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.eco-term-references .eco-term-reference-tabs .reference-content > div > div > article::after {
  content: '';
  display: block;
  height: 0.3rem;
  margin: 2rem 0;
  background-color: #e0e0e0ff;
}
@media screen and (max-width: 599px) {
  .eco-term-references .eco-term-reference-tabs .reference-content > div > div > article::after {
    margin: 1rem 0;
  }
}
.eco-term-references .eco-term-reference-tabs .reference-content a.button {
  margin-left: 14rem;
}
.eco-term-references .eco-term-reference-tabs > input {
  display: none;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(1):checked ~ .reference-contents > div:nth-child(1),
.eco-term-references .eco-term-reference-tabs > input:nth-child(2):checked ~ .reference-contents > div:nth-child(2),
.eco-term-references .eco-term-reference-tabs > input:nth-child(3):checked ~ .reference-contents > div:nth-child(3),
.eco-term-references .eco-term-reference-tabs > input:nth-child(4):checked ~ .reference-contents > div:nth-child(4),
.eco-term-references .eco-term-reference-tabs > input:nth-child(5):checked ~ .reference-contents > div:nth-child(5) {
  display: block;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(1) ~ .reference-tabs-indicator {
  width: 100%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(2) ~ .reference-tabs-indicator {
  width: 50%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(3) ~ .reference-tabs-indicator {
  width: 33.36%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(4) ~ .reference-tabs-indicator {
  width: 25%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(5) ~ .reference-tabs-indicator {
  width: 20%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(1):checked ~ .reference-tabs-indicator {
  transform: translateX(0%);
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(2):checked ~ .reference-tabs-indicator {
  transform: translateX(100%);
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(3):checked ~ .reference-tabs-indicator {
  transform: translateX(200%);
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(4):checked ~ .reference-tabs-indicator {
  transform: translateX(300%);
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(5):checked ~ .reference-tabs-indicator {
  transform: translateX(400%);
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(1) ~ .reference-tabs label {
  flex-basis: 100%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(2) ~ .reference-tabs label {
  flex-basis: 50%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(3) ~ .reference-tabs label {
  flex-basis: 33.3%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(4) ~ .reference-tabs label {
  flex-basis: 25%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(5) ~ .reference-tabs label {
  flex-basis: 20%;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(1):checked ~ .reference-tabs label:nth-child(1) {
  background-color: rgba(255, 255, 255, 0.8);
  color: #1d3794ff;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(2):checked ~ .reference-tabs label:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.8);
  color: #1d3794ff;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(3):checked ~ .reference-tabs label:nth-child(3) {
  background-color: rgba(255, 255, 255, 0.8);
  color: #1d3794ff;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(4):checked ~ .reference-tabs label:nth-child(4) {
  background-color: rgba(255, 255, 255, 0.8);
  color: #1d3794ff;
}
.eco-term-references .eco-term-reference-tabs > input:nth-child(5):checked ~ .reference-tabs label:nth-child(5) {
  background-color: rgba(255, 255, 255, 0.8);
  color: #1d3794ff;
}
.eco-term-references .eco-term-reference-tabs.onwhite .reference-contents {
  background-color: #ffffffff;
}
.eco-reference {
  margin-bottom: 1rem;
  position: relative;
}
.eco-reference.eco-institution {
  margin-bottom: 0;
}
.eco-reference .bundle {
  text-transform: uppercase;
  margin-right: 1rem;
}
.eco-reference .type {
  margin-right: 1rem;
  font-weight: normal;
  color: #393939ff;
  text-transform: uppercase;
  font-size: smaller;
}
.eco-node-gallery .views-slideshow-item-wrapper {
  display: flex;
  justify-content: center;
}
.eco-node-gallery .views-slideshow-item-wrapper > .views-row {
  flex: 0 0 25vw;
  width: 25vw;
  overflow: hidden;
  height: 16.667vw;
  background-color: white;
  position: relative;
}
.eco-node-gallery .views-slideshow-item-wrapper > .views-row div:not(.contextual) {
  height: 100%;
  width: 100%;
}
.eco-node-gallery .views-slideshow-item-wrapper > .views-row .field_media_image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.eco-node-gallery .views-slideshow-item-wrapper > .views-row .field_media_image a.colorbox {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.eco-node-gallery .views-slideshow-item-wrapper > .views-row .field_media_image a.colorbox img {
  max-width: 100%;
  height: auto;
}
.eco-node-gallery .views-slideshow-item-wrapper > .views-row div.field_media_caption:not(.contextual) {
  position: absolute;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  border-top: 2px solid rgba(137, 167, 243, 0.7);
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms;
  z-index: 2;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  padding: 1rem;
}
.eco-node-gallery .views-slideshow-item-wrapper > .views-row:hover div.field_media_caption:not(.contextual) {
  opacity: 1;
}
.institution-country-international,
.institution-country-International {
  display: none;
}
.juicebox-gallery div[onclick^="window.open"] {
  visibility: hidden !important;
  pointer-events: none !important;
}
.juicebox-gallery .jb-caption {
  background-color: rgba(111, 111, 111, 0.75) !important;
}
.juicebox-gallery .jb-caption .jb-caption-title,
.juicebox-gallery .jb-caption .jbac-number {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  color: #ffffffff !important;
  margin-top: 0;
}
.juicebox-gallery .jb-caption .jbac-number {
  text-align: right;
}
.juicebox-gallery .jbn-nav-button {
  width: 4rem !important;
  height: 4rem !important;
}
.juicebox-gallery .jbn-nav-button .jbn-nav-button-icon {
  width: 4rem !important;
  height: 4rem !important;
  top: 23px !important;
  border-radius: 50% !important;
  padding: 0 !important;
}
.juicebox-gallery .jbn-nav-button .jbn-nav-button-icon::before {
  display: none !important;
}
.juicebox-gallery .jbn-nav-button .jbn-nav-button-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  background-position: 50%;
  background-size: 1.4rem;
}
.juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-left-button {
  left: 0 !important;
}
.juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-left-button::after {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_left_white.svg');
  background-position: 45% 50%;
}
.juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-right-button {
  right: 0 !important;
}
.juicebox-gallery .jbn-nav-button .jbn-nav-button-icon.jbn-right-button::after {
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_right_white.svg');
  background-position: 55% 50%;
}
/* ### Cluster View ### */
.cluster-view {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 599px) {
  .cluster-view {
    display: block;
  }
}
.cluster-view > .views-row {
  height: 20vw;
  flex-basis: 32%;
  margin-bottom: 2vmin;
  overflow: hidden;
  min-height: 200px;
}
@media screen and (min-width: 1800px) {
  .cluster-view > .views-row {
    min-height: 275px;
    height: 275px;
  }
}
@media screen and (max-width: 899px) {
  .cluster-view > .views-row {
    flex-basis: 49%;
  }
}
@media screen and (max-width: 599px) {
  .cluster-view > .views-row {
    height: 0;
    padding-bottom: 40%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  .cluster-view footer {
    flex: 0 0 calc(100% - 4rem);
    margin: 0 2rem;
  }
}
@media screen and (max-width: 599px) {
  .cluster-view footer {
    margin: 0 2rem;
  }
}
div.cluster-tile {
  height: 100%;
  min-height: 200px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
div.cluster-tile div.cluster-background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  transform: scale(1, 1);
  transition: all 500ms;
}
div.cluster-tile:hover div.cluster-background {
  transform: scale(1.1, 1.1);
}
div.cluster-tile > span {
  font-family: "Zilla Slab", "Georgia", serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #6f6f6fff;
  letter-spacing: 0.4px;
  position: absolute;
  top: 15%;
  left: 10%;
  color: white;
  text-shadow: 0 0 2px black;
  font-weight: bold;
  font-size: 2.5rem;
  width: 80%;
  height: 70%;
  display: block;
  cursor: default;
  opacity: 1;
  transition: opacity 250ms linear 200ms;
}
div.cluster-tile:hover > span {
  opacity: 0;
  transition: opacity 250ms linear 0ms;
}
div.cluster-tile div.cluster-topics {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3vmin 2vmin;
  opacity: 0;
  transition: opacity 0ms linear 300ms;
}
@media screen and (max-width: 1199px) {
  div.cluster-tile div.cluster-topics {
    padding: 2rem;
  }
}
div.cluster-tile:hover div.cluster-topics {
  opacity: 1;
  transition: opacity 0ms linear 0ms;
}
div.cluster-tile div.cluster-topics .views-row .views-field-name a {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  background-color: rgba(29, 55, 148, 0.8);
  opacity: 0;
  margin-bottom: 1rem;
  text-align: left;
  /*transform: translateY(1000%);*/
  transition: all 250ms ease-in-out;
}
div.cluster-tile div.cluster-topics .views-row .views-field-name a:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  div.cluster-tile div.cluster-topics .views-row .views-field-name a {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  div.cluster-tile div.cluster-topics .views-row .views-field-name a {
    width: 100%;
  }
}
div.cluster-tile div.cluster-topics .views-row .views-field-name a:hover {
  background-color: rgba(255, 255, 255, 0.8);
  border-color: transparent;
}
div.cluster-tile:hover div.cluster-topics .views-row .views-field-name a {
  /*transform: translateY(0%);*/
  opacity: 1;
  transition: all 250ms ease-in-out;
}
div.cluster-tile:hover div.cluster-topics .views-row:nth-child(1) .views-field-name a {
  transition: all 250ms ease-in-out 0ms;
}
div.cluster-tile:hover div.cluster-topics .views-row:nth-child(2) .views-field-name a {
  transition: all 250ms ease-in-out 100ms;
}
div.cluster-tile:hover div.cluster-topics .views-row:nth-child(3) .views-field-name a {
  transition: all 250ms ease-in-out 200ms;
}
div.cluster-tile:hover div.cluster-topics .views-row:nth-child(4) .views-field-name a {
  transition: all 250ms ease-in-out 300ms;
}
div.cluster-tile div.cluster-topics .views-row:nth-child(1) .views-field-name a {
  transition: all 250ms ease-in-out 300ms;
}
div.cluster-tile div.cluster-topics .views-row:nth-child(2) .views-field-name a {
  transition: all 250ms ease-in-out 200ms;
}
div.cluster-tile div.cluster-topics .views-row:nth-child(3) .views-field-name a {
  transition: all 250ms ease-in-out 100ms;
}
div.cluster-tile div.cluster-topics .views-row:nth-child(4) .views-field-name a {
  transition: all 250ms ease-in-out 0ms;
}
.cluster-view.topics-view .cluster-tile > span {
  display: none;
}
.cluster-view.topics-view .cluster-tile div.cluster-topics {
  opacity: 1;
  transition: opacity 0ms linear 0ms;
}
.cluster-view.topics-view .cluster-tile div.cluster-topics .views-row .views-field-name a {
  transform: translateY(0%);
  transition: all 250ms ease-in-out;
}
body.path-topic-clusters div.cluster-tile div.cluster-topics .views-row .views-field-name a {
  opacity: 1;
}
.unclustered {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 5rem -1rem 0;
}
.unclustered::after {
  content: '';
  flex: 1 1 0%;
  pointer-events: none;
}
.unclustered .views-row {
  flex-basis: calc(20% - 2rem);
  margin: 0 1rem 2rem;
  min-height: 3rem;
}
@media screen and (max-width: 1199px) {
  .unclustered .views-row {
    flex-basis: calc(25% - 2rem);
  }
}
@media screen and (max-width: 899px) {
  .unclustered .views-row {
    flex-basis: calc(33% - 2rem);
  }
}
@media screen and (max-width: 599px) {
  .unclustered .views-row {
    flex-basis: calc(50% - 2rem);
  }
}
.unclustered .views-row a {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  min-width: 13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  min-height: 5.4rem;
}
.unclustered .views-row a:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .unclustered .views-row a {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .unclustered .views-row a {
    width: 100%;
  }
}
/* ### TEAM VIEW ### */
.team-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.team-list .views-row {
  flex-basis: 32%;
  margin-bottom: 5rem;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .team-list .views-row {
    flex-basis: 50%;
  }
}
.team-list .views-row .staff-team-photo {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 auto 1rem;
}
.team-list .views-row .staff-team-photo img {
  border-radius: 50%;
  transition: 250ms all ease-in-out;
  height: 200px;
  width: 200px;
}
.team-list .views-row .staff-team-photo:hover img {
  border-radius: 0%;
}
.team-list .views-row .staff-team-photo .staff-team-overlay {
  pointer-events: none;
  opacity: 1;
  background-color: rgba(137, 167, 243, 0.7);
  transition: 250ms all ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: left;
}
.team-list .views-row .staff-team-photo .staff-team-overlay > div {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: white;
  width: 100%;
  hyphens: auto;
  margin-top: 1rem;
  padding: 1rem;
}
.team-list .views-row .staff-team-photo .staff-team-overlay > div p + p {
  margin-top: 0.5rem;
}
.team-list .views-row .staff-team-photo a.staff-team-linked-photo + .staff-team-overlay {
  opacity: 0;
}
.team-list .views-row .staff-team-photo:hover > a.staff-team-linked-photo + .staff-team-overlay {
  opacity: 1;
}
.team-list .views-row .staff-team-info a {
  font-weight: bold;
}
/* ### SEARCH VIEW ### */
.views-element-container > div {
  /*margin-top: 5rem;*/
}
@media screen and (max-width: 599px) {
  .views-element-container > div {
    margin-top: 0;
  }
}
.views-element-container > div.slider,
.views-element-container > div .slider,
.views-element-container > div .search,
.views-element-container > div .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.views-element-container > div.slider > .views-row,
.views-element-container > div .slider > .views-row,
.views-element-container > div .search > .views-row,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row {
  flex-basis: 32%;
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .views-element-container > div.slider > .views-row,
  .views-element-container > div .slider > .views-row,
  .views-element-container > div .search > .views-row,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row {
    flex-basis: 48%;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.slider > .views-row,
  .views-element-container > div .slider > .views-row,
  .views-element-container > div .search > .views-row,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row {
    flex-basis: 100%;
  }
}
.views-element-container > div.slider > .views-row article.eco-search,
.views-element-container > div .slider > .views-row article.eco-search,
.views-element-container > div .search > .views-row article.eco-search,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article.eco-search {
  position: relative;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.slider > .views-row article.eco-search,
  .views-element-container > div .slider > .views-row article.eco-search,
  .views-element-container > div .search > .views-row article.eco-search,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article.eco-search {
    border-top: 1px solid rgba(137, 167, 243, 0.7);
  }
}
.views-element-container > div.slider > .views-row article .eco-art-post,
.views-element-container > div .slider > .views-row article .eco-art-post,
.views-element-container > div .search > .views-row article .eco-art-post,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post {
  height: 500px;
}
@media screen and (max-width: 1199px) {
  .views-element-container > div.slider > .views-row article .eco-art-post,
  .views-element-container > div .slider > .views-row article .eco-art-post,
  .views-element-container > div .search > .views-row article .eco-art-post,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post {
    height: auto;
  }
}
.views-element-container > div.slider > .views-row article .eco-art-post > .eco-art-flag,
.views-element-container > div .slider > .views-row article .eco-art-post > .eco-art-flag,
.views-element-container > div .search > .views-row article .eco-art-post > .eco-art-flag,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post > .eco-art-flag {
  position: absolute;
  z-index: 4;
  background-color: rgba(137, 167, 243, 0.7);
  color: white;
  top: 20px;
  left: -5px;
  padding: 10px 15px;
  font-size: 14px;
  transition: left 250ms;
}
.views-element-container > div.slider > .views-row article .eco-art-post > .eco-art-flag span.bundle,
.views-element-container > div .slider > .views-row article .eco-art-post > .eco-art-flag span.bundle,
.views-element-container > div .search > .views-row article .eco-art-post > .eco-art-flag span.bundle,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post > .eco-art-flag span.bundle {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 1rem;
}
.views-element-container > div.slider > .views-row article .eco-art-post:hover > .eco-art-flag,
.views-element-container > div .slider > .views-row article .eco-art-post:hover > .eco-art-flag,
.views-element-container > div .search > .views-row article .eco-art-post:hover > .eco-art-flag,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post:hover > .eco-art-flag {
  left: 0;
}
.views-element-container > div.slider > .views-row article .eco-art-post .eco-art-image,
.views-element-container > div .slider > .views-row article .eco-art-post .eco-art-image,
.views-element-container > div .search > .views-row article .eco-art-post .eco-art-image,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 73.20644%;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-image,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-image,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-image,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-image {
    height: 0;
  }
}
.views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info,
.views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info,
.views-element-container > div .search > .views-row article .eco-art-post .eco-art-info,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info {
  padding: 1.6rem 2.4rem;
  height: 175px;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info {
    height: auto;
  }
}
.views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info h1,
.views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info h1,
.views-element-container > div .search > .views-row article .eco-art-post .eco-art-info h1,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info h1 {
  color: #6f6f6f;
  font-size: 18px;
  line-height: 22px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-top: 0;
}
.views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
.views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
.views-element-container > div .search > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info h3.node-subtitle {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  margin-top: 0.7rem;
}
@media screen and (max-width: 899px) {
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info h3.node-subtitle {
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info h3.node-subtitle,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info h3.node-subtitle {
    word-break: break-word;
  }
}
.views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info p.publication-year,
.views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info p.publication-year,
.views-element-container > div .search > .views-row article .eco-art-post .eco-art-info p.publication-year,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info p.publication-year,
.views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info p.smart-date,
.views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info p.smart-date,
.views-element-container > div .search > .views-row article .eco-art-post .eco-art-info p.smart-date,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info p.smart-date {
  position: absolute;
  bottom: 2rem;
  left: 2.4rem;
  font-size: 14px;
  line-height: 18.5px;
  font-size: 1.4rem;
  line-height: 1.85rem;
  max-width: calc(100% - 20rem);
}
@media screen and (max-width: 899px) {
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info p.smart-date,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info p.smart-date,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info p.smart-date,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info p.smart-date {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info p.smart-date,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info p.smart-date,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info p.smart-date,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info p.smart-date {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin-top: 1rem;
    max-width: 100%;
  }
}
.views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info a.button,
.views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info a.button,
.views-element-container > div .search > .views-row article .eco-art-post .eco-art-info a.button,
.views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info a.button {
  position: absolute;
  bottom: 2rem;
  right: 2.4rem;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.slider > .views-row article .eco-art-post .eco-art-info a.button,
  .views-element-container > div .slider > .views-row article .eco-art-post .eco-art-info a.button,
  .views-element-container > div .search > .views-row article .eco-art-post .eco-art-info a.button,
  .views-element-container > div .views-infinite-scroll-content-wrapper > .views-row article .eco-art-post .eco-art-info a.button {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    width: 100%;
    text-align: center;
    padding: 0.5rem 1rem;
    height: auto;
    margin-top: 1rem;
  }
}
.views-element-container > div.slider::after,
.views-element-container > div .slider::after,
.views-element-container > div .search::after,
.views-element-container > div .views-infinite-scroll-content-wrapper::after {
  content: '';
  flex: 0 0 32%;
  display: block;
  height: 1px;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards {
    margin: 0 -2rem;
  }
}
.views-element-container > div.cards .views_slideshow_slide,
.views-element-container > div.cards .views-slideshow-item-wrapper,
.views-element-container > div.cards .views-row {
  width: 437px;
  max-width: 100%;
}
.views-element-container > div.cards article.eco-search {
  position: relative;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards article.eco-search {
    border-top: 1px solid rgba(137, 167, 243, 0.7);
  }
}
.views-element-container > div.cards article .eco-art-post {
  height: 500px;
}
@media screen and (max-width: 1199px) {
  .views-element-container > div.cards article .eco-art-post {
    height: auto;
  }
}
.views-element-container > div.cards article .eco-art-post > .eco-art-flag {
  position: absolute;
  z-index: 4;
  background-color: rgba(137, 167, 243, 0.7);
  color: white;
  top: 20px;
  left: -5px;
  padding: 10px 15px;
  font-size: 14px;
  transition: left 250ms;
}
.views-element-container > div.cards article .eco-art-post > .eco-art-flag span.bundle {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 1rem;
}
.views-element-container > div.cards article .eco-art-post:hover > .eco-art-flag {
  left: 0;
}
.views-element-container > div.cards article .eco-art-post .eco-art-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 73.20644%;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards article .eco-art-post .eco-art-image {
    height: 0;
  }
}
.views-element-container > div.cards article .eco-art-post .eco-art-info {
  padding: 1.6rem 2.4rem;
  height: 175px;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards article .eco-art-post .eco-art-info {
    height: auto;
  }
}
.views-element-container > div.cards article .eco-art-post .eco-art-info h1 {
  color: #6f6f6f;
  font-size: 18px;
  line-height: 22px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-top: 0;
}
.views-element-container > div.cards article .eco-art-post .eco-art-info h3.node-subtitle {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  margin-top: 0.7rem;
}
@media screen and (max-width: 899px) {
  .views-element-container > div.cards article .eco-art-post .eco-art-info h3.node-subtitle {
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards article .eco-art-post .eco-art-info h3.node-subtitle {
    word-break: break-word;
  }
}
.views-element-container > div.cards article .eco-art-post .eco-art-info p.publication-year,
.views-element-container > div.cards article .eco-art-post .eco-art-info p.smart-date {
  position: absolute;
  bottom: 2rem;
  left: 2.4rem;
  font-size: 14px;
  line-height: 18.5px;
  font-size: 1.4rem;
  line-height: 1.85rem;
  max-width: calc(100% - 20rem);
}
@media screen and (max-width: 899px) {
  .views-element-container > div.cards article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div.cards article .eco-art-post .eco-art-info p.smart-date {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div.cards article .eco-art-post .eco-art-info p.smart-date {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin-top: 1rem;
    max-width: 100%;
  }
}
.views-element-container > div.cards article .eco-art-post .eco-art-info a.button {
  position: absolute;
  bottom: 2rem;
  right: 2.4rem;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards article .eco-art-post .eco-art-info a.button {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    width: 100%;
    text-align: center;
    padding: 0.5rem 1rem;
    height: auto;
    margin-top: 1rem;
  }
}
.views-element-container > div.cards .views-slideshow-controls-top {
  height: 0;
  z-index: 20;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 899px) {
  .views-element-container > div.cards .views-slideshow-controls-top {
    width: 437px;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards .views-slideshow-controls-top {
    height: 6rem;
  }
}
.views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_pause {
  display: none;
}
.views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_previous,
.views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_next {
  position: absolute;
  top: 20rem;
  height: 5rem;
  width: 3rem;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  opacity: 0.5;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_previous,
  .views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_next {
    top: 0;
  }
}
.views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_previous:hover,
.views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_next:hover {
  opacity: 1;
}
.views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_previous {
  left: -5rem;
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_left.svg');
}
@media screen and (max-width: 899px) {
  .views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_previous {
    left: -5rem;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_previous {
    left: 1rem;
  }
}
.views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_next {
  left: 45.7rem;
  background-image: url('/themes/custom/ecobase/css/../images/icons/arrow_right.svg');
}
@media screen and (max-width: 899px) {
  .views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_next {
    left: auto;
    right: -5rem;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.cards .views-slideshow-controls-top .views_slideshow_controls_text_next {
    right: 1rem;
  }
}
@media screen and (max-width: 899px) {
  .views-element-container > div.cards .views_slideshow_cycle_main > div {
    margin: 0 auto;
  }
}
@media screen and (max-width: 899px) {
  .views-element-container > div.cards h2.view-title {
    text-align: center;
  }
}
.views-element-container > div.small-cards {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.views-element-container > div.small-cards .views-row {
  flex: 0 0 23%;
}
.views-element-container > div.small-cards article.eco-search {
  position: relative;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.small-cards article.eco-search {
    border-top: 1px solid rgba(137, 167, 243, 0.7);
  }
}
.views-element-container > div.small-cards article .eco-art-post {
  height: 500px;
}
@media screen and (max-width: 1199px) {
  .views-element-container > div.small-cards article .eco-art-post {
    height: auto;
  }
}
.views-element-container > div.small-cards article .eco-art-post > .eco-art-flag {
  position: absolute;
  z-index: 4;
  background-color: rgba(137, 167, 243, 0.7);
  color: white;
  top: 20px;
  left: -5px;
  padding: 10px 15px;
  font-size: 14px;
  transition: left 250ms;
}
.views-element-container > div.small-cards article .eco-art-post > .eco-art-flag span.bundle {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 1rem;
}
.views-element-container > div.small-cards article .eco-art-post:hover > .eco-art-flag {
  left: 0;
}
.views-element-container > div.small-cards article .eco-art-post .eco-art-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 73.20644%;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.small-cards article .eco-art-post .eco-art-image {
    height: 0;
  }
}
.views-element-container > div.small-cards article .eco-art-post .eco-art-info {
  padding: 1.6rem 2.4rem;
  height: 175px;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info {
    height: auto;
  }
}
.views-element-container > div.small-cards article .eco-art-post .eco-art-info h1 {
  color: #6f6f6f;
  font-size: 18px;
  line-height: 22px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-top: 0;
}
.views-element-container > div.small-cards article .eco-art-post .eco-art-info h3.node-subtitle {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  margin-top: 0.7rem;
}
@media screen and (max-width: 899px) {
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info h3.node-subtitle {
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info h3.node-subtitle {
    word-break: break-word;
  }
}
.views-element-container > div.small-cards article .eco-art-post .eco-art-info p.publication-year,
.views-element-container > div.small-cards article .eco-art-post .eco-art-info p.smart-date {
  position: absolute;
  bottom: 2rem;
  left: 2.4rem;
  font-size: 14px;
  line-height: 18.5px;
  font-size: 1.4rem;
  line-height: 1.85rem;
  max-width: calc(100% - 20rem);
}
@media screen and (max-width: 899px) {
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info p.smart-date {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info p.publication-year,
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info p.smart-date {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin-top: 1rem;
    max-width: 100%;
  }
}
.views-element-container > div.small-cards article .eco-art-post .eco-art-info a.button {
  position: absolute;
  bottom: 2rem;
  right: 2.4rem;
}
@media screen and (max-width: 599px) {
  .views-element-container > div.small-cards article .eco-art-post .eco-art-info a.button {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    width: 100%;
    text-align: center;
    padding: 0.5rem 1rem;
    height: auto;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 899px) {
  .views-element-container > div.small-cards h2.view-title {
    text-align: center;
  }
}
.views-element-container > div.small-cards .pagerer-container {
  flex: 0 0 100%;
}
.views-element-container > div ul.pager {
  margin: 1em;
  list-style: none;
  text-align: left;
}
.views-element-container > div .views-infinite-scroll-content-wrapper + ul.pager a.button {
  display: inline-block;
  padding: 0.7rem 2rem;
  color: #ffffffff;
  text-decoration: none;
  background-color: #1d3794ff;
  border: 3px solid transparent;
  letter-spacing: 0.28px;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
  min-width: 13rem;
  color: #393939ff;
  background-color: #edc142ff;
}
.views-element-container > div .views-infinite-scroll-content-wrapper + ul.pager a.button:hover {
  color: #1d3794ff;
  background-color: #ffffffff;
  border-color: #1d3794ff;
}
@media screen and (max-width: 899px) {
  .views-element-container > div .views-infinite-scroll-content-wrapper + ul.pager a.button {
    padding: 0.7rem 1rem;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container > div .views-infinite-scroll-content-wrapper + ul.pager a.button {
    width: 100%;
  }
}
.views-element-container > div .views-infinite-scroll-content-wrapper + ul.pager a.button:hover {
  color: #edc142ff;
  border-color: #edc142ff;
}
#content .views-element-container:first-child > div,
.eco-art-related > .views-element-container > div {
  margin-top: 0;
}
/* ### ACCORDION ### */
.eco-accordion .views-accordion-header {
  background-color: #e0e0e0ff;
}
@media screen and (max-width: 599px) {
  .eco-accordion .views-accordion-header {
    border: none;
    border-radius: 0;
  }
}
.eco-accordion .views-accordion-header h2 {
  display: inline;
  color: #000000ff;
  font-weight: normal;
}
.eco-accordion .views-accordion-header.ui-state-active {
  background-color: #1d3794ff;
}
.eco-accordion .views-accordion-header.ui-state-active h2 {
  color: #ffffffff;
}
/* ### CLUSTER ### */
/* see cluster.less */
/* ### PROJECT RELATED ### */
body.view-related_project_id #block-ecobase-page-title {
  display: none;
}
body.view-related_project_id header h1 {
  min-height: 100px;
}
@media screen and (max-width: 1406px) {
  body.view-related_project_id header h1 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
/* ### PAGER ### */
nav.pager ul {
  display: flex;
  width: 80%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  list-style: none;
}
nav.pager ul li {
  list-style: none;
  height: 5rem;
}
nav.pager ul li::before {
  display: none;
}
nav.pager ul li a {
  padding: 0.5rem;
  height: 5rem;
  width: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 1rem;
  background-color: #eff4fdff;
  text-decoration: none;
  border: none;
}
nav.pager ul li a:hover {
  background-color: #1d3794ff;
  color: #ffffffff;
  text-decoration: none;
  border: none;
}
nav.pager ul li.is-active a {
  background-color: #1d3794ff;
  color: #ffffffff;
  text-decoration: none;
  border: none;
}
nav.pager ul li.pagerer-widget .pagerer-slider {
  height: 5rem;
  border-radius: 0;
}
nav.pager ul li.pagerer-widget .ui-slider-handle {
  height: 5rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -1px;
  border-radius: 0;
  color: #ffffffff;
  background-color: #1d3794ff;
}
.views-element-container#block-views-block-eu-research-block-1,
.views-element-container#block-views-block-eu-research-block-2 {
  flex: 0 0 100%;
  margin: 0 0 3rem;
}
.views-element-container#block-views-block-eu-research-block-1 > div,
.views-element-container#block-views-block-eu-research-block-2 > div {
  margin-top: 1rem;
}
.views-element-container .references {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 3rem;
}
.views-element-container .references article.eco-reference .reference-style-link {
  display: none;
}
.views-element-container .references article.eco-reference .reference-style-post {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 599px) {
  .views-element-container .references article.eco-reference .reference-style-post {
    flex-direction: column;
  }
}
.views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper {
  flex: 0 0 10rem;
  width: 10rem;
  height: 7.5rem;
  margin-right: 2rem;
}
@media screen and (max-width: 599px) {
  .views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper {
    margin-right: 0;
    width: 100%;
    flex: 0 0 100%;
  }
}
.views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper.eco-art-image > .caption {
  display: none;
}
.views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper.eco-art-image > div.special-off-center + div.master-image {
  /*width: 64%;
        height: 64%;
        margin-bottom: 12%;
        margin-right: 0;*/
  width: 76.13%;
  height: 64%;
  margin-bottom: 11.5%;
  margin-right: 1.5%;
  transform: none;
  top: 10%;
  left: 11.5%;
}
.views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
  width: 91px;
  height: 68px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1199px) {
  .views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
    width: 121px;
    height: 91px;
  }
}
@media screen and (max-width: 599px) {
  .views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image {
    width: 100%;
    height: 0;
    padding-bottom: 73.20644%;
  }
}
.views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 599px) {
  .views-element-container .references article.eco-reference .reference-style-post .reference-image-wrapper .reference-image a {
    padding-bottom: 73.20644%;
  }
}
.views-element-container .references article.eco-reference .reference-style-post .reference-info {
  position: relative;
  flex-grow: 1;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 1rem;
}
.views-element-container .references article.eco-reference .reference-style-post .reference-info h4 {
  font-family: "Frutiger Linotype", "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #393939ff;
  text-align: left;
  letter-spacing: 0.32px;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.views-element-container .references article.eco-reference .reference-style-post .reference-info .reference-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 1;
  width: calc(100% + 2rem);
  height: 100%;
  background-color: #ffffffff;
  top: 0;
  left: 0;
  padding: 0 0 0 3rem;
  margin-left: -2rem;
  overflow: hidden;
  border: 0.25rem solid #ffffffff;
  opacity: 0;
  transition: opacity 350ms;
  cursor: default;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
.views-element-container .references article.eco-reference .reference-style-post .reference-info .reference-text > a {
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .views-element-container .references article.eco-reference .reference-style-post .reference-info .reference-text > a {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: white;
    align-items: center;
    justify-content: center;
    padding: 2rem 0 0;
  }
}
.views-element-container .references article.eco-reference .reference-style-post .reference-info dl {
  margin: 0;
}
.views-element-container .references article.eco-reference .reference-style-post .reference-info dl > * {
  margin-top: 0;
}
.views-element-container .references article.eco-reference .reference-style-post:hover .reference-info .reference-text {
  opacity: 1;
}
.views-element-container .references article.eco-reference .reference-style-post > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.views-element-container .references .views-row > article::after {
  content: '';
  display: block;
  height: 0.3rem;
  margin: 2rem 0;
  background-color: #e0e0e0ff;
}
@media screen and (max-width: 599px) {
  .views-element-container .references .views-row > article::after {
    margin: 1rem 0;
  }
}
@media screen and (max-width: 1406px) {
  #content > .views-element-container > h2 {
    margin: 0 2rem;
  }
}
/* ### PARTNER / FUNDING LIST ### */
.longlist {
  padding: 0 3rem;
}
.longlist .group-wrapper {
  position: relative;
}
.longlist .group-wrapper .views-row {
  margin-bottom: 0.5rem;
}
.longlist .group-wrapper .sticky-group-title-wrapper {
  position: absolute;
  top: 0;
  width: auto;
  right: 0;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .longlist .group-wrapper .sticky-group-title-wrapper {
    display: none;
  }
}
.longlist .group-wrapper .sticky-group-title {
  position: sticky;
  top: 100px;
  width: 100%;
  text-align: right;
  padding-right: 5rem;
  font-size: 5rem;
  font-weight: bold;
  color: #39393939;
}
/* ### PSEUDO SLIDER ### */
.pseudo-slider {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.pseudo-slider .pseudo-slider-item {
  flex: 0 0 24%;
  background-color: #ffffffff;
  border: 5px solid #a8a8a8ff;
  border: 5px solid #e0e0e0ff;
}
@media screen and (max-width: 899px) {
  .pseudo-slider .pseudo-slider-item {
    flex: 0 0 49%;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 599px) {
  .pseudo-slider .pseudo-slider-item {
    flex: 0 0 94%;
    margin: 0 3% 2rem;
  }
}
.pseudo-slider .pseudo-slider-item .pseudo-slider-image {
  height: 0;
  overflow: hidden;
  padding-bottom: 73.2%;
  margin-bottom: 1rem;
  position: relative;
}
.pseudo-slider .pseudo-slider-item .pseudo-slider-image a {
  display: block;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.pseudo-slider .pseudo-slider-item .pseudo-slider-image a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pseudo-slider .pseudo-slider-item .pseudo-slider-ct {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  display: inline-block;
  padding: 0 0 0 2.2rem;
}
.pseudo-slider .pseudo-slider-item .pseudo-slider-type {
  font-size: 14px;
  line-height: 17px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  display: inline-block;
  padding: 0 2.2rem;
}
.pseudo-slider .pseudo-slider-item .pseudo-slider-title {
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding: 0 2.2rem 2rem;
}
.pseudo-slider .pagerer-container {
  flex: 0 0 100%;
}
/* ### MORE ABOUT ### */
.more-about-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5rem;
}
.more-about-wrapper .more-about {
  flex-basis: 32%;
  width: 32%;
  margin: 0.45%;
  height: 15rem;
  display: inline-block;
  background-color: #1d3794ff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.more-about-wrapper .more-about a {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
  color: white;
  border: 0 solid rgba(237, 193, 66, 0.8);
  background-color: rgba(237, 193, 66, 0.8);
  text-decoration: none;
  transition: all 200ms;
}
.more-about-wrapper .more-about a span {
  text-transform: uppercase;
}
.more-about-wrapper .more-about a:hover {
  color: #edc142ff;
  border: 5px solid #edc142ff;
  background-color: rgba(255, 255, 255, 0.8);
}
.more-about-wrapper .more-about.more-about-general a {
  border: 0 solid rgba(237, 193, 66, 0.8);
  background-color: rgba(237, 193, 66, 0.8);
}
.more-about-wrapper .more-about.more-about-general a:hover {
  color: #edc142ff;
  border: 5px solid #edc142ff;
  background-color: rgba(255, 255, 255, 0.8);
}
.more-about-wrapper .more-about.more-about-topic a {
  border: 0 solid rgba(29, 55, 148, 0.8);
  background-color: rgba(29, 55, 148, 0.8);
}
.more-about-wrapper .more-about.more-about-topic a:hover {
  color: #1d3794ff;
  border: 5px solid #1d3794ff;
  background-color: rgba(255, 255, 255, 0.8);
}
aside .more-about-wrapper {
  flex-wrap: wrap;
}
aside .more-about-wrapper .more-about {
  flex-basis: 100%;
  width: 100%;
  margin: 1rem 0;
}

/* Source and licensing information for the above line(s) can be found at https://www.ecologic.eu/themes/custom/ecobase/css/style.css. */