@import "submission.css";

@keyframes download-arrow {
  0%,
  15% {
    transform: translateY(0);
    opacity: 1;
  }
  70% {
    transform: translateY(150px);
    opacity: 1;
  }
  71% {
    transform: translateY(150px);
    opacity: 0;
  }
  72% {
    transform: translateY(-50px);
    opacity: 0;
  }
  73% {
    transform: translateY(-50px);
    opacity: 1;
  }
  85%,
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes floatb1 {
  0%,
  100% {
    transform: rotate(180deg) translateY(0px);
  }
  50% {
    transform: rotate(182deg) translateY(30px);
  }
}

@keyframes floatb2 {
  0%,
  100% {
    transform: rotate(30deg) translateY(-10px);
  }
  50% {
    transform: rotate(27deg) translateY(5px);
  }
}

@keyframes floatb3 {
  0%,
  100% {
    transform: rotate(45deg) translateY(-5px);
  }
  50% {
    transform: rotate(46deg) translateY(35px);
  }
}

@keyframes floata1 {
  0%,
  100% {
    transform: rotate(60deg) translateY(0px);
  }
  50% {
    transform: rotate(62deg) translateY(30px);
  }
}

@keyframes floata2 {
  0%,
  100% {
    transform: rotate(255deg) translateY(-10px);
  }
  50% {
    transform: rotate(257deg) translateY(5px);
  }
}

@keyframes floata3 {
  0%,
  100% {
    transform: rotate(30deg) translateY(-5px);
  }
  50% {
    transform: rotate(28deg) translateY(35px);
  }
}

/**************************************
 *
 * Variables
 *
 *************************************/
/* 020202 */
/* interactive */
/* infobox */
/* tags, small */
/* text */
/*
link: hsl(210,50%,50%)
ib: rgb(64, 128, 191)

*/
/**************************************
 *
 * Mixins, common
 *
 *************************************/
/* ### Reset & Core */
html,
body,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
}

@media screen and (max-width: 63.99rem) {
  body {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

body:after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background-color: #111945;
}

.container *:not(.contextual) > input[type=submit],
.container *:not(.contextual) > .button,
.container *:not(.contextual):not(.dropbutton-toggle) > button {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_cta.svg'), url('../images/buttons/button_bg_left_cta.svg'), url('../images/buttons/button_bg_right_cta.svg');
}

@media screen and (max-width: 63.99rem) {
  .container *:not(.contextual) > input[type=submit],
  .container *:not(.contextual) > .button,
  .container *:not(.contextual):not(.dropbutton-toggle) > button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .container *:not(.contextual) > input[type=submit],
  .container *:not(.contextual) > .button,
  .container *:not(.contextual):not(.dropbutton-toggle) > button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.container *:not(.contextual) > input[type=submit]:hover,
.container *:not(.contextual) > .button:hover,
.container *:not(.contextual):not(.dropbutton-toggle) > button:hover,
.container *:not(.contextual) > input[type=submit]:focus,
.container *:not(.contextual) > .button:focus,
.container *:not(.contextual):not(.dropbutton-toggle) > button:focus {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  color: #FFFFFF;
  background-image: url('../images/buttons/button_bg_center_cs2.svg'), url('../images/buttons/button_bg_left_cs2.svg'), url('../images/buttons/button_bg_right_cs2.svg');
}

@media screen and (max-width: 63.99rem) {
  .container *:not(.contextual) > input[type=submit]:hover,
  .container *:not(.contextual) > .button:hover,
  .container *:not(.contextual):not(.dropbutton-toggle) > button:hover,
  .container *:not(.contextual) > input[type=submit]:focus,
  .container *:not(.contextual) > .button:focus,
  .container *:not(.contextual):not(.dropbutton-toggle) > button:focus {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .container *:not(.contextual) > input[type=submit]:hover,
  .container *:not(.contextual) > .button:hover,
  .container *:not(.contextual):not(.dropbutton-toggle) > button:hover,
  .container *:not(.contextual) > input[type=submit]:focus,
  .container *:not(.contextual) > .button:focus,
  .container *:not(.contextual):not(.dropbutton-toggle) > button:focus {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

#site-container h1,
#site-container h2 {
  text-transform: uppercase;
}

#site-container h1 {
  font-family: "Anton", Impact, Arial, Helvetica, serif;
  font-weight: normal;
  font-size: 46px;
  line-height: 53px;
  font-size: 4.6rem;
  line-height: 5.3rem;
  margin-bottom: 2.2rem;
}

@media screen and (max-width: 63.99rem) {
  #site-container h1 {
    font-size: 32px;
    line-height: 38px;
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}

#site-container h1.page-title {
  margin-bottom: 0;
}

#site-container h2 {
  font-family: "Anton", Impact, Arial, Helvetica, serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 40px;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.6rem;
}

@media screen and (max-width: 63.99rem) {
  #site-container h2 {
    font-size: 20px;
    line-height: 26px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}

#site-container h3 {
  font-size: 22px;
  line-height: 28px;
  font-size: 2.2rem;
  line-height: 2.8rem;
  margin-bottom: 1.3rem;
}

@media screen and (max-width: 63.99rem) {
  #site-container h3 {
    font-size: 18px;
    line-height: 23px;
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}

#site-container p {
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 63.99rem) {
  #site-container p {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

#site-container p a,
#site-container li a {
  color: #000000;
  text-decoration: none;
  padding: 0 1px;
  position: relative;
  z-index: 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  transition: color 0.3s ease-out;
  list-style-type: none;
  list-style-image: none;
}

@media screen and (max-width: 47.99rem) {
  #site-container p a,
  #site-container li a {
    border-bottom-width: 1px;
  }
}

#site-container p a::before,
#site-container li a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translateY(calc(100% - 2px));
  width: 100%;
  height: 100%;
  background-color: #006f9e;
  transition: transform 0.25s ease-out;
}

@media screen and (max-width: 47.99rem) {
  #site-container p a::before,
  #site-container li a::before {
    transform: translateY(calc(100% - 1px));
  }
}
#site-container main li a:hover,
#site-container main p a:hover,
#site-container main li a:hover {
  color: #FFFFFF;
  background: #006f9e;
}

#site-container p a:hover::before,
#site-container li a:hover::before {
  transform: translateY(0);
  transition: transform 0.25s ease-out;
}

#site-container .dark a:not(.contextual) {
  color: #f7dd19;
}

/* ### General Layout */
#site-container > section,
#site-container > main,
#site-container > header,
#site-container > footer {
  width: 100%;
}

#site-container > section .section-wrapper,
#site-container > main .section-wrapper,
#site-container > header .section-wrapper,
#site-container > footer .section-wrapper {
  max-width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 63.99rem) {
  #site-container > section .section-wrapper,
  #site-container > main .section-wrapper,
  #site-container > header .section-wrapper,
  #site-container > footer .section-wrapper {
    margin: 0 3rem;
  }
}

#site-container > header {
  padding-bottom: 0;
}

#site-container > header + section,
#site-container > header + main {
  margin-top: 2rem;
}

/* ### Body */
/* ### Header */
header .section-wrapper .region-header #block-kommunikation ul.menu li.menu-item a {
  list-style-type: none;
  list-style-image: none;
}

.item-list ul li,
.menu-item {
  list-style-type: none;
  list-style-image: none;
}

header {
  background-image: url(../images/lake.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

header.keyvisual {
  min-height: 75vw;
}

header .region-keyvisual {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 50%;
  transform: translateX(-50vw);
  width: 100vw;
  z-index: 1;
}

header .region-keyvisual #keyvisual {
  width: 100vw;
  height: 75vw;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url('../images/keyvisual/combined/kv_full_image_1920px.jpg');
}

@media screen and (max-width: 63.99rem) {
  header .region-keyvisual #keyvisual {
    background-image: url('../images/keyvisual/combined/kv_full_image_1024px.jpg');
  }
}

@media screen and (min-width: 120rem) {
  header .region-keyvisual #keyvisual {
    background-image: url('../images/keyvisual/combined/kv_full_image_5000px.jpg');
  }
}

header .region-keyvisual #keyvisual::after {
  content: '';
  background-image: url('../images/boxes/edge_grunge_5_white.svg');
  background-size: 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 10;
  bottom: -2px;
}

header .region-keyvisual #keyvisual div {
  display: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  position: absolute;
  width: 100vw;
  height: 75vw;
}

header .region-keyvisual #keyvisual div#kv01 {
  background-image: url('../images/keyvisual/kv_01_himmel_RZ.jpg');
  z-index: 1;
  background-size: 100%;
  background-position: 100% 0;
}

header .region-keyvisual #keyvisual div#kv02 {
  background-image: url('../images/keyvisual/kv_02_berg_RZ.png');
  z-index: 3;
  height: 20vw;
  top: 20vw;
}

header .region-keyvisual #keyvisual div#kv03 {
  background-image: url('../images/keyvisual/kv_03_fluss_RZ.png');
  z-index: 4;
  height: 64vw;
  top: 11vw;
  background-size: cover;
  background-position: 50% 75%;
}

header .region-keyvisual #keyvisual div#kv04 {
  background-image: url('../images/keyvisual/kv_04_welle_RZ.png');
  z-index: 2;
  width: 50%;
  height: 70%;
  background-size: 100%;
  background-position: 50%;
  top: -10vw;
}

header .region-keyvisual #keyvisual div#kv05 {
  background-image: url('../images/keyvisual/kv_05_logo_RZ.png');
  z-index: 7;
  width: 50vw;
  height: 28vw;
  top: 20vw;
  left: 25vw;
  background-size: contain;
}

header .region-keyvisual #keyvisual div#kv06 {
  background-image: url('../images/keyvisual/kv_06_welle_muell_RZ.png');
  z-index: 5;
  background-size: contain;
  width: 15vw;
  height: 15vw;
  top: 7vw;
  left: 20vw;
}

header .region-keyvisual #keyvisual div#kv07 {
  background-image: url('../images/keyvisual/kv_07_fluess_muell_RZ.png');
  z-index: 6;
  background-size: contain;
  width: 40vw;
  height: 10vw;
  top: 60vw;
  left: 40vw;
}

header .region-keyvisual #keyvisual div#kv08 {
  background-image: url('../images/keyvisual/kv_08_woman_RZ.png');
  z-index: 9;
  width: 30vw;
  background-size: contain;
  bottom: 0;
  top: auto;
  height: 40vw;
  left: 5vw;
}

header .region-keyvisual #keyvisual div#kv09 {
  background-image: url('../images/keyvisual/kv_09_people_RZ.png');
  width: 24vw;
  height: 24vw;
  z-index: 8;
  left: 70vw;
  top: 42vw;
  background-size: contain;
}

header .section-wrapper {
  padding: 0 0 4rem 0;
  height: 33.3vw;
  position: relative;
}

@media screen and (max-width: 47.99rem) {
  header .section-wrapper {
    margin: 0 !important;
  }
}

header .section-wrapper .region-search {
  position: fixed;
  z-index: 1;
  width: 50%;
  max-width: 100%;
  min-width: 40rem;
  padding: 2rem;
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 99px #111945;
  left: 50%;
  top: 5rem;
  opacity: 0;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: all 350ms ease-in-out;
}

header .section-wrapper .region-search.active {
  top: 20rem;
  opacity: 1;
}

header .section-wrapper .region-search div#block-pp-search {
  width: 100%;
}

header .section-wrapper .region-search div#block-pp-search form#search-block-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .section-wrapper .region-search div#block-pp-search form#search-block-form div:first-child {
  flex: 1;
  margin: 0;
}

header .section-wrapper .region-search div#block-pp-search form#search-block-form div:first-child input {
  width: 100%;
  padding: 1rem;
}

header .section-wrapper .region-search div#block-pp-search form#search-block-form div:last-child {
  flex: 0 1;
}

header .section-wrapper .region-search div#block-pp-search form#search-block-form div:last-child input.button {
  margin: 0 0 0 1rem;
}

header .section-wrapper .region-header {
  background: url(../images/boxes/edge_grunge_2-rotated.svg) no-repeat;
  background-size: 100% 100%;
  position: fixed;
  z-index: 2;
  display: flex;
  height: 12rem;
  justify-content: space-between;
  align-items: center;
  width: 980px;
}

@media screen and (max-width: 63.99rem) {
  header .section-wrapper .region-header {
    height: 12vw;
    margin: 0 auto;
    width: 95%;
    background-size: 93vw 13vw;
    background-position: 50% 100%;
    padding-bottom: 3vw;
  }
}

@media screen and (max-width: 47.99rem) {
  header .section-wrapper .region-header {
    height: 15vw;
    margin: 0 auto;
    width: 100vw;
    background-size: 115vw 15vw;
    background-position: 50% 100%;
  }
}

@media screen and (min-width: 48rem) and (max-width: 63.99rem) {
  header .section-wrapper .region-header #block-pp-branding {
    margin-top: 4vw;
  }
}

@media screen and (max-width: 47.99rem) {
  header .section-wrapper .region-header #block-pp-branding {
    margin-top: 0;
  }

  header .section-wrapper .region-header #block-pp-branding .site-logo img {
    max-height: 15vw;
  }
}

header .section-wrapper .region-header #block-horizontalmenu {
  margin-left: 2rem;
}

header .section-wrapper .region-header nav ul.horizontal-menu {
  display: flex;
}

header .section-wrapper .region-header nav ul.menu li,
header .section-wrapper .region-header nav ul.horizontal-menu li {
  margin-right: 1rem;
}

header .section-wrapper .region-header nav ul.menu li a,
header .section-wrapper .region-header nav ul.horizontal-menu li a,
header .section-wrapper .region-header nav ul.horizontal-menu li span{
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

@media screen and (max-width: 63.99rem) {
  header .section-wrapper .region-header nav ul.menu li a,
  header .section-wrapper .region-header nav ul.horizontal-menu li a {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 47.99rem) {
  header .section-wrapper .region-header nav ul.menu li a,
  header .section-wrapper .region-header nav ul.horizontal-menu li a {
    border-bottom-width: 1px;
  }
}

header .section-wrapper .region-header nav ul.menu li span,
header .section-wrapper .region-header nav ul.horizontal-menu li span {
  cursor: pointer;
}

header .section-wrapper .region-header nav ul.menu li ul.menu.sub-nav,
header .section-wrapper .region-header nav ul.horizontal-menu li ul.menu.sub-nav {
  padding: 0;
  margin: 0;
}

header .section-wrapper .region-header nav ul.menu li ul.menu.sub-nav li,
header .section-wrapper .region-header nav ul.horizontal-menu li ul.menu.sub-nav li {
  background-color: #f4f8fa;
}

header .section-wrapper .region-header nav ul.menu li ul.menu.sub-nav li:first-child,
header .section-wrapper .region-header nav ul.horizontal-menu li ul.menu.sub-nav li:first-child {
  margin-top: 1rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

header .section-wrapper .region-header nav ul.menu li ul.menu.sub-nav li:last-child,
header .section-wrapper .region-header nav ul.horizontal-menu li ul.menu.sub-nav li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

header .section-wrapper .region-header nav ul.menu li ul.menu.sub-nav li a,
header .section-wrapper .region-header nav ul.horizontal-menu li ul.menu.sub-nav li a {
  border-bottom: none;
  padding: 0.5rem 1rem;
}

header .section-wrapper .region-header nav ul.menu li.menu-item--active-trail > span,
header .section-wrapper .region-header nav ul.horizontal-menu li.menu-item--active-trail > span,
header .section-wrapper .region-header nav ul.menu li:hover > span,
header .section-wrapper .region-header nav ul.horizontal-menu li:hover > span,
header .section-wrapper .region-header nav ul.horizontal-menu > li:hover > a,
header .section-wrapper .region-header nav ul.menu a.is-active,
header .section-wrapper .region-header nav ul.horizontal-menu a.is-active {
  text-shadow: #333333 0 -1px;
  border-bottom: 2px solid #006f9e;
}

#site-container header .section-wrapper .region-header nav ul.horizontal-menu > li.menu-item--expanded ul a:hover,
#site-container header .section-wrapper .region-header .secondary-action a:hover {
  text-shadow: transparent 0 0;
  color: #FFFFFF;
  background: #006f9e;
}

@media screen and (max-width: 47.99rem) {
  header .section-wrapper .region-header nav ul.menu li.menu-item--active-trail > span,
  header .section-wrapper .region-header nav ul.horizontal-menu li.menu-item--active-trail > span,
  header .section-wrapper .region-header nav ul.menu li:hover > span,
  header .section-wrapper .region-header nav ul.horizontal-menu li:hover > span,
  header .section-wrapper .region-header nav ul.menu a.is-active,
  header .section-wrapper .region-header nav ul.horizontal-menu a.is-active {
    border-bottom-width: 1px;
  }
}

header .section-wrapper .region-header #block-horizontalmenu {
  flex: 1 0;
}

header .section-wrapper .region-header #block-horizontalmenu .responsive-menu-block-wrapper {
  display: block;
}

@media screen and (max-width: 63.99rem) {
  header .section-wrapper .region-header #block-horizontalmenu .responsive-menu-block-wrapper {
    display: none;
  }
}

header .section-wrapper .region-header #block-kommunikation {
  flex: 0 0 15rem;
}

@media screen and (max-width: 63.99rem) {
  header .section-wrapper .region-header #block-kommunikation {
    display: none;
  }
}

header .section-wrapper .region-header #block-kommunikation ul.menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 3rem 0 0;
  list-style-type: none !important;
}

header .section-wrapper .region-header #block-kommunikation ul.menu li.menu-item {
  padding-top: 0;
  line-height: 2rem;
  height: 2rem;
  list-style-type: none !important;
}

header .section-wrapper .region-header #block-kommunikation ul.menu li.menu-item a {
  margin-left: 2rem;
  font-size: 12px;
  line-height: 16px;
  font-size: 1.2rem;
  line-height: 1.6rem;
  line-height: 2rem;
  list-style-type: none !important;
}

@media screen and (max-width: 63.99rem) {
  header .section-wrapper .region-header #block-kommunikation ul.menu li.menu-item a {
    font-size: 10px;
    line-height: 14px;
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

header .section-wrapper .region-header #block-responsivemenumobileicon {
  background-image: url("../images/icons/icon_bg_small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 4rem;
  height: 4rem;
  margin: 2rem;
}

@media screen and (min-width: 64rem) {
  header .section-wrapper .region-header #block-responsivemenumobileicon {
    display: none;
  }
}

@media screen and (max-width: 47.99rem) {
  header .section-wrapper .region-header #block-responsivemenumobileicon {
    margin: 0 2rem;
  }
}

header .section-wrapper .region-header #block-responsivemenumobileicon .responsive-menu-toggle-icon {
  display: block;
  width: 4rem;
  height: 4rem;
  text-align: center;
}

header .section-wrapper .region-header #block-responsivemenumobileicon .responsive-menu-toggle-icon:before,
header .section-wrapper .region-header #block-responsivemenumobileicon .responsive-menu-toggle-icon:after,
header .section-wrapper .region-header #block-responsivemenumobileicon .responsive-menu-toggle-icon span.icon {
  background: #111945;
  left: 1rem;
}

header .section-wrapper .region-header #block-responsivemenumobileicon .label {
  display: none;
}

header .section-wrapper .region-header #block-searchtoggleicon {
  flex: 0 0 2rem;
}

header .section-wrapper .region-header #block-searchtoggleicon #search-toggle-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url('../images/icons/icon_search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0 1rem;
  cursor: pointer;
}

header .section-wrapper .region-header #block-signlanguageicon {
  flex: 0 0 2rem;
}

header .section-wrapper .region-header #block-signlanguageicon #sign-language-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 1rem;
  text-decoration: none;
  background-image: url('../images/icons/DGS.png');
  background-size: 2rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

header .section-wrapper .region-header #block-easylanguageicon {
  flex: 0 0 2rem;
}

header .section-wrapper .region-header #block-easylanguageicon #easy-language-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 1rem;
  text-decoration: none;
  background-image: url('../images/icons/LS.svg');
  background-size: 1.5rem 1.7rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent {
  flex: 0 0 5rem;
  font-size: 12px;
  line-height: 16px;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

@media screen and (max-width: 63.99rem) {
  header .section-wrapper .region-header #block-dropdownlanguagecontent {
    font-size: 10px;
    line-height: 14px;
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper.open ul.dropbutton {
  box-shadow: 0 0 4px #111945;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper .dropbutton-widget {
  border: none;
  height: 2rem;
  line-height: 2rem;
  margin: 0 0 0 1rem;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper .dropbutton-widget ul.dropbutton {
  border-right: none;
  background: white;
  border-radius: 3px;
  transition: box-shadow 200ms linear;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-action span,
header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-action a {
  display: flex;
  margin: 0;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-action a:hover {
  color: #111945;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-toggle button {
  background-image: url('../images/icons/icon_dropdown_arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-toggle span.dropbutton-arrow {
  display: none;
}

header .section-wrapper .region-header #block-dropdownlanguagecontent .dropbutton-wrapper.open .dropbutton-widget ul.dropbutton li.dropbutton-toggle button {
  background-image: url('../images/icons/icon_dropdown_arrow-up.svg');
}

body.path-frontpage header .section-wrapper .region-header div#block-horizontalmenu {
  margin-left: 6rem;
}

/* ### Campaign block */
div#block-thebird {
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  width: 100vw;
  height: 0;
  z-index: 5;
}

div#block-thebird #bird {
  content: '';
  width: 16.1vw;
  height: 12.9vw;
  background-image: url('../images/parallax/parallax_vogel.png');
  background-size: contain;
  z-index: 1;
  display: block;
  position: absolute;
  right: -30vw;
  top: 35vw;
  pointer-events: none;
}

div#block-campaign-block {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50vw);
  background-color: #111945;
  background-image: url(../images/parallax/parallax-wasser-all.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% top;
  padding-top: 32vw;
  padding-bottom: 8vw;
  margin-bottom: -8vw;
  color: #FFFFFF;
  position: relative;
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block {
    background-color: #111945;
    background-image: url(../images/parallax/parallax-wasser-all.png), url(../images/parallax/parallax-wasser-grund.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% top, 50% bottom;
  }
}

div#block-campaign-block > div {
  max-width: 92vw;
  margin: 0 auto;
}

div#block-campaign-block > h2 {
  max-width: 980px;
  margin: 4rem auto 8rem;
  font-size: 32px;
  line-height: 40px;
  font-size: 3.2rem;
  line-height: 4rem;
}

@media screen and (max-width: 63.99rem) {
  div#block-campaign-block > h2 {
    font-size: 20px;
    line-height: 26px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}

@media screen and (max-width: 63.99rem) {
  div#block-campaign-block > h2 {
    max-width: 92vw;
    margin-bottom: 6rem;
  }
}

div#block-campaign-block p a {
  color: #FFFFFF;
}

div#block-campaign-block .view-campaign {
  max-width: 980px;
  margin: 0 auto;
}

div#block-campaign-block .view-campaign .view-content .views-row {
  margin-bottom: 20rem;
}

@media screen and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row {
    margin-bottom: 10rem;
  }
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row {
    margin-bottom: 8rem;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign {
  padding-right: 33%;
  padding-left: 0;
  position: relative;
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .text {
  transform: translateY(500px);
  transition: 800ms all ease-out;
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .text.seen {
  transform: translateY(0);
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(600px);
  transition: 1000ms all ease-out;
  pointer-events: none;
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .deco.seen {
  transform: translateY(0);
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .deco.seen {
    display: none;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign h2 {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
  font-size: 22px;
  line-height: 28px;
  font-size: 2.2rem;
  line-height: 2.8rem;
}

@media screen and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign h2 {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign h2 {
    font-size: 18px;
    line-height: 23px;
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign i.before,
div#block-campaign-block .view-campaign .view-content .views-row section.campaign i.after {
  display: block;
  position: absolute;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0.7;
  width: 16rem;
  height: 16rem;
}

@media screen and (min-width: 48rem) and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign i.before,
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign i.after {
    width: 12rem;
    height: 12rem;
  }
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign i.before,
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign i.after {
    width: 8rem;
    height: 8rem;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row:nth-child(even) section.campaign {
  padding-right: 0;
  padding-left: 33%;
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before {
  background-image: url('../images/parallax/Plastik_Fragmente.png');
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-1 {
  right: 6rem;
  top: 0rem;
  width: 24rem;
  height: 24rem;
  opacity: 0.4;
  animation: floatb1 8s infinite;
}

@media screen and (min-width: 48rem) and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-1 {
    width: 18rem;
    height: 18rem;
  }
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-1 {
    width: 12rem;
    height: 12rem;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-2 {
  left: 8rem;
  top: 3rem;
  width: 18rem;
  height: 18rem;
  z-index: 2;
  animation: floatb2 10s infinite;
}

@media screen and (min-width: 48rem) and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-2 {
    width: 13.5rem;
    height: 13.5rem;
  }
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-2 {
    width: 9rem;
    height: 9rem;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-3 {
  right: 16rem;
  top: 5rem;
  width: 12rem;
  height: 12rem;
  opacity: 0.9;
  z-index: 2;
  animation: floatb3 6s infinite;
}

@media screen and (min-width: 48rem) and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-3 {
    width: 9rem;
    height: 9rem;
  }
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .before#before-3 {
    width: 6rem;
    height: 6rem;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .after#after-1 {
  background-image: url('../images/parallax/Plastiktuete.png');
  right: 8rem;
  top: 12rem;
  height: 20rem;
  width: 20rem;
  transform: rotate(60deg);
  opacity: 0.6;
  animation: floata1 6s infinite;
}

@media screen and (min-width: 48rem) and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .after#after-1 {
    width: 15rem;
    height: 15rem;
  }
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .after#after-1 {
    width: 10rem;
    height: 10rem;
  }
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .after#after-2 {
  background-image: url('../images/parallax/Plastikflasche_01.png');
  left: 2rem;
  top: 9rem;
  transform: rotate(255deg);
  animation: floata2 12s infinite;
}

div#block-campaign-block .view-campaign .view-content .views-row section.campaign .after#after-3 {
  background-image: url('../images/parallax/Plastikflasche_02.png');
  right: 9rem;
  top: 6rem;
  width: 20rem;
  height: 20rem;
  transform: rotate(-30deg);
  opacity: 0.8;
  animation: floata3 8s infinite;
}

@media screen and (min-width: 48rem) and (max-width: 63.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .after#after-3 {
    width: 15rem;
    height: 15rem;
  }
}

@media screen and (max-width: 47.99rem) {
  div#block-campaign-block .view-campaign .view-content .views-row section.campaign .after#after-3 {
    width: 10rem;
    height: 10rem;
  }
}

/* ### Newsletter subscription block */
#section-newsletter {
  position: relative;
  background: url(../images/kv_02_berg@2x.png);
  background-repeat: no-repeat;
  padding: 8vw 0 5rem 0;
  background-position: center 6vw;
  background-size: cover;
  color: #FFFFFF;
}
#section-newsletter .pp_newsletter_form label a,
#section-newsletter .pp_newsletter_form label a:hover,
#section-newsletter .pp_newsletter_form label a:active,
#section-newsletter .pp_newsletter_form label a:visited {
  color: #FFFFFF;
}

#section-newsletter::before {
  content: '';
  position: absolute;
  top: 2vw;
  left: 0;
  width: 100%;
  height: 4vw;
  background: url(../images/boxes/edge_grunge_3-hellblau.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}

#section-newsletter .section-wrapper {
  padding-top: 8rem;
  padding-bottom: 4rem;
  border: 1px solid transparent;
}

#section-newsletter .section-wrapper #block-simplenewssubscription form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#section-newsletter .section-wrapper #block-simplenewssubscription form #edit-message {
  font-family: "Anton", Impact, Arial, Helvetica, serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 40px;
  font-size: 3.2rem;
  line-height: 4rem;
  text-transform: uppercase;
  text-align: center;
  order: 1;
  flex-basis: 100%;
  margin: 0;
}

#section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper {
  order: 2;
}

#section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper label,
#section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper .description {
  display: none;
}

#section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper .form-email {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
  padding: 1rem 2rem;
  border: none;
  border-radius: 0.3rem;
  max-width: 50rem;
  color: #000000;
  opacity: 0.7;
}

@media screen and (max-width: 63.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper .form-email {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper .form-email {
    max-width: calc(100vw - 6rem);
  }
}

#section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper .form-email:focus {
  opacity: 1;
}

#section-newsletter .section-wrapper #block-simplenewssubscription form .form-actions {
  order: 3;
}

#section-newsletter .section-wrapper #block-simplenewssubscription form .form-actions input.button:hover {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  color: #FFFFFF;
  background-image: url('../images/buttons/button_bg_center_cm.svg'), url('../images/buttons/button_bg_left_cm.svg'), url('../images/buttons/button_bg_right_cm.svg');
  font-weight: 500;
}

@media screen and (max-width: 63.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form .form-actions input.button:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form .form-actions input.button:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

/* ### Footer */
#site-container footer {
  position: relative;
  background-color: #111945;
  padding: 4vw 0 12rem 0;
  color: #FFFFFF;
}

#site-container footer::before {
  content: '';
  position: absolute;
  top: -4vw;
  left: 0;
  width: 100%;
  height: 5vw;
  background: url(../images/boxes/edge_grunge_5-blau.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}

#site-container footer .section-wrapper .region-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#site-container footer #block-socialmediabuttons,
#site-container footer #block-pp-footer {
  display: inline-block;
  width: 40%;
  flex-basis: 40%;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  line-height: 3rem;
  margin-bottom: 1rem;
}

@media screen and (max-width: 47.99rem) {
  #site-container footer #block-socialmediabuttons,
  #site-container footer #block-pp-footer {
    flex-basis: 100%;
  }
}

@media screen and (max-width: 63.99rem) {
  #site-container footer #block-socialmediabuttons,
  #site-container footer #block-pp-footer {
    font-size: 12px;
    line-height: 17px;
    font-size: 1.2rem;
    line-height: 1.7rem;
  }
}

#site-container footer #block-socialmediabuttons a {
  width: 34px;
  height: 32px;
  display: inline-block;
  margin: 0 0 0 1rem;
}

#site-container footer #block-socialmediabuttons a.instagram {
  background-image: url(../images/icons/icon_some_ig.svg);
}

#site-container footer #block-socialmediabuttons a.instagram:hover {
  background-image: url(../images/icons/icon_some_ig_hover.svg);
}

#site-container footer #block-socialmediabuttons a.x-formerly-known-as-twitter {
  background-image: url(../images/icons/icon_some_X.svg);
}

#site-container footer #block-socialmediabuttons a.x-formerly-known-as-twitter:hover {
  background-image: url(../images/icons/icon_some_X_hover.svg);
}

#site-container footer #block-socialmediabuttons a.facebook {
  background-image: url(../images/icons/icon_some_fb.svg);
}

#site-container footer #block-socialmediabuttons a.facebook:hover {
  background-image: url(../images/icons/icon_some_fb_hover.svg);
}

#site-container footer #block-pp-footer {
  text-align: right;
}

#site-container footer #block-pp-footer ul.menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#site-container footer #block-pp-footer ul.menu li a {
  color: #000000;
  padding: 0 1px;
  position: relative;
  z-index: 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  transition: color 0.3s ease-out;
  margin-left: 2rem;
  text-decoration: none;
  color: #FFFFFF;
}

@media screen and (max-width: 47.99rem) {
  #site-container footer #block-pp-footer ul.menu li a {
    border-bottom-width: 1px;
  }
}

#site-container footer #block-pp-footer ul.menu li a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translateY(calc(100% - 2px));
  width: 100%;
  height: 100%;
  background-color: #006f9e;
  transition: transform 0.25s ease-out;
}

@media screen and (max-width: 47.99rem) {
  #site-container footer #block-pp-footer ul.menu li a::before {
    transform: translateY(calc(100% - 1px));
  }
}

#site-container footer #block-pp-footer ul.menu li a:hover {
  color: #FFFFFF;
  background: #006f9e;
}

#site-container footer #block-pp-footer ul.menu li a:hover::before {
  transform: translateY(0);
  transition: transform 0.25s ease-out;
}

#site-container footer div#block-footerlogos {
  flex-basis: 100%;
  width: 100%;
  background-color: #FFFFFF;
  color: #000000;
  padding: 4rem;
}

#site-container footer div#block-footerlogos .ministries-logos,
#site-container footer div#block-footerlogos .partners-logos {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos,
  #site-container footer div#block-footerlogos .partners-logos {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo,
  #site-container footer div#block-footerlogos .partners-logos .logo {
    text-align: center;
  }
}

#site-container footer div#block-footerlogos .ministries-logos .logo a,
#site-container footer div#block-footerlogos .partners-logos .logo a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#site-container footer div#block-footerlogos .ministries-logos .logo a img,
#site-container footer div#block-footerlogos .partners-logos .logo a img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo a img,
  #site-container footer div#block-footerlogos .partners-logos .logo a img {
    max-height: 200px;
    max-width: 320px;
  }
}

@media screen and (max-width: 47.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo a img,
  #site-container footer div#block-footerlogos .partners-logos .logo a img {
    max-width: 80%;
    max-height: 170px;
    height: auto;
    width: auto;
  }
}

#site-container footer div#block-footerlogos .ministries-logos {
  margin-bottom: 0;
}

#site-container footer .region-footer div#block-footerlogos .field--name-field-content .eu-funding-program {
  margin-bottom: 7rem;
}

#site-container footer div#block-footerlogos .ministries-logos + p {
  margin-bottom: 0;
}

#site-container footer div#block-footerlogos .ministries-logos .logo {
  flex-basis: 30%;
}

#site-container footer div#block-footerlogos .ministries-logos .logo:first-child {
  flex-basis: 17%;
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo:first-child {
    flex-basis: 100%;
    margin-bottom: 4rem;
  }
}

@media screen and (max-width: 47.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo:first-child {
    flex-basis: 100%;
  }
}

#site-container footer div#block-footerlogos .ministries-logos .logo:nth-child(2) {
  flex-basis: 34%;
  margin-top: -1.5rem;
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo:nth-child(2) {
    flex-basis: 50%;
  }
}

@media screen and (max-width: 47.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo:nth-child(2) {
    flex-basis: 100%;
  }
}

#site-container footer div#block-footerlogos .ministries-logos .logo:last-child {
  flex-basis: 34%;
  margin-top: 0.5rem;
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo:last-child {
    flex-basis: 50%;
  }
}

@media screen and (max-width: 47.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo:last-child {
    flex-basis: 100%;
  }
}

#site-container footer div#block-footerlogos .ministries-logos .logo a {
  align-items: flex-start;
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .ministries-logos .logo a {
    justify-content: center;
  }
}

#site-container footer div#block-footerlogos .partners-logos {
  flex-wrap: wrap;
}

#site-container footer div#block-footerlogos .partners-logos .logo {
  flex-basis: 30%;
  max-height: 100px;
  margin-bottom: 5rem;
}

@media screen and (max-width: 63.99rem) {
  #site-container footer div#block-footerlogos .partners-logos .logo {
    flex-basis: 42%;
    max-height: 150px;
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media screen and (max-width: 47.99rem) {
  #site-container footer div#block-footerlogos .partners-logos .logo {
    flex-basis: 100%;
  }
}

/* ### EU Cookie Compliance */
div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
  background-color: transparent;
}

.eu-cookie-compliance-banner {
  position: relative;
  background-color: #0dafe5;
  padding: 0 0 1rem 0;
  color: #FFFFFF;
}

.eu-cookie-compliance-banner::before {
  content: '';
  position: absolute;
  top: -6vw;
  left: 0;
  width: 100%;
  height: 6vw;
  background: url(../images/boxes/edge_grunge_2_cs3.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner::before {
    top: -2rem;
    left: -2%;
    width: 104%;
    height: 2rem;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content {
  margin: 2rem auto;
  max-width: 980px;
  padding: 0 2rem;
  display: flex;
  text-align: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content {
    flex-direction: column;
    max-width: 80%;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message {
  float: none;
  margin: 0 4% 0 0;
  max-width: 58%;
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message {
    margin: 2rem auto;
    max-width: 100%;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
  font-family: "Anton", Impact, Arial, Helvetica, serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 40px;
  font-size: 3.2rem;
  line-height: 4rem;
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
    font-size: 20px;
    line-height: 26px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p {
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
  float: none;
  margin: 0;
  max-width: 42%;
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-agree-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-hide-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-more-button-thank-you,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-withdraw-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-save-preferences-button {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_cta.svg'), url('../images/buttons/button_bg_left_cta.svg'), url('../images/buttons/button_bg_right_cta.svg');
  margin-bottom: 2rem;
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .disagree-button.eu-cookie-compliance-more-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-agree-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-hide-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-more-button-thank-you,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-withdraw-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-save-preferences-button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .disagree-button.eu-cookie-compliance-more-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-agree-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-hide-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-more-button-thank-you,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-withdraw-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-save-preferences-button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .disagree-button.eu-cookie-compliance-more-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-agree-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-hide-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-more-button-thank-you,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-withdraw-button,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-save-preferences-button {
    margin: 0;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .disagree-button.eu-cookie-compliance-more-button:hover,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-withdraw-button:hover,
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-save-preferences-button:hover {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_cs2.svg'), url('../images/buttons/button_bg_left_cs2.svg'), url('../images/buttons/button_bg_right_cs2.svg');
  color: #FFFFFF;
  margin-bottom: 2rem;
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .disagree-button.eu-cookie-compliance-more-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-agree-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-hide-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-more-button-thank-you:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-withdraw-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-save-preferences-button:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .disagree-button.eu-cookie-compliance-more-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-agree-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-hide-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-more-button-thank-you:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-withdraw-button:hover,
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-save-preferences-button:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_chr.svg'), url('../images/buttons/button_bg_left_chr.svg'), url('../images/buttons/button_bg_right_chr.svg');
  margin-bottom: 2rem;
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 47.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
    margin: 0;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_cs2.svg'), url('../images/buttons/button_bg_left_cs2.svg'), url('../images/buttons/button_bg_right_cs2.svg');
  color: #FFFFFF;
  margin-bottom: 2rem;
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

/* ### Paragraph Sections */
section.paragraph--type--section {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 2rem 0;
}

section.paragraph--type--section > div.field--name-field-section-content > div.field__item {
  margin-bottom: 3rem;
}

section.paragraph--type--section.section-style--1,
section.paragraph--type--section.section-style--2,
section.paragraph--type--section.section-style--3,
section.paragraph--type--section.section-style--4 {
  background-color: #FFFFFF;
}

section.paragraph--type--section.section-style--5,
section.paragraph--type--section.section-style--6,
section.paragraph--type--section.section-style--7,
section.paragraph--type--section.section-style--8 {
  background-color: #f4f8fa;
}

section.paragraph--type--section.section-style--9,
section.paragraph--type--section.section-style--10,
section.paragraph--type--section.section-style--11,
section.paragraph--type--section.section-style--12 {
  background-color: #111945;
}

section.paragraph--type--section.section-style--1,
section.paragraph--type--section.section-style--5,
section.paragraph--type--section.section-style--9 {
  /* normal, 12 columns */
}

section.paragraph--type--section.section-style--1 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--5 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--9 > div.field--name-field-section-content {
  max-width: 980px;
  margin: 1rem auto;
}

section.paragraph--type--section.section-style--1 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--5 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--9 > div.field--name-field-section-content > div.field__item {
  width: 100%;
  margin-left: 0;
}

section.paragraph--type--section.section-style--2,
section.paragraph--type--section.section-style--6,
section.paragraph--type--section.section-style--10 {
  /* normal, 8 columns */
}

section.paragraph--type--section.section-style--2 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--6 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--10 > div.field--name-field-section-content {
  max-width: 980px;
  margin: 1rem auto;
}

section.paragraph--type--section.section-style--2 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--6 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--10 > div.field--name-field-section-content > div.field__item {
  width: 75%;
  margin-left: 0;
}

section.paragraph--type--section.section-style--2:nth-child(even) > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--6:nth-child(even) > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--10:nth-child(even) > div.field--name-field-section-content > div.field__item {
  margin-left: 25%;
}

section.paragraph--type--section.section-style--3,
section.paragraph--type--section.section-style--7,
section.paragraph--type--section.section-style--11 {
  /* normal, fullwidth */
}

section.paragraph--type--section.section-style--3 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--7 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--11 > div.field--name-field-section-content {
  max-width: 100%;
  margin: 1rem 0;
}

section.paragraph--type--section.section-style--3 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--7 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--11 > div.field--name-field-section-content > div.field__item {
  width: 100%;
  margin-left: 0;
}

section.paragraph--type--section.section-style--4,
section.paragraph--type--section.section-style--8,
section.paragraph--type--section.section-style--12 {
  /* boxed, 12 columns */
}

section.paragraph--type--section.section-style--4 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--8 > div.field--name-field-section-content,
section.paragraph--type--section.section-style--12 > div.field--name-field-section-content {
  max-width: 980px;
  margin: 1rem auto;
}

section.paragraph--type--section.section-style--4 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--8 > div.field--name-field-section-content > div.field__item,
section.paragraph--type--section.section-style--12 > div.field--name-field-section-content > div.field__item {
  width: 100%;
  margin-left: 0;
  padding: 4rem;
  background-image: url('../images/boxes/back_grunge.png');
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

/*Embedding Videos*/
.field.field--name-field-media-oembed-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.field.field--name-field-media-oembed-video iframe.media-oembed-content {
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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

/* ### FAQ / UI Accordion */
.ui-widget {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
}

@media screen and (max-width: 63.99rem) {
  .ui-widget {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.faqfield-question.ui-accordion-header {
  background-color: transparent;
  color: #000000;
  border: none;
  border-top: 1px solid #cecece;
  border-radius: 0;
  padding: 2.5rem 0 1rem;
}

.faqfield-question.ui-accordion-header:focus {
  outline: none;
}

.faqfield-question.ui-accordion-header .ui-icon-triangle-1-s,
.faqfield-question.ui-accordion-header .ui-icon-triangle-1-e {
  float: right;
  height: 4rem;
  width: 4rem;
  background-image: url('../images/icons/icon_dropdown_arrow.svg');
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: 50%;
}

.faqfield-question.ui-accordion-header .ui-icon-triangle-1-s {
  background-image: url('../images/icons/icon_dropdown_arrow-up.svg');
}

.faqfield-answer.ui-accordion-content {
  border: none;
  padding: 0 0 1rem;
}

/* Draggable */
a.tabledrag-handle .handle {
  box-sizing: content-box;
}

/* ### View: Download */
.view-material-download .views-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #cecece;
  margin: 0;
  padding: 1rem 0;
  position: relative;
  overflow: hidden;
}

.view-material-download .views-row::after {
  content: '';
  display: none;
  position: absolute;
  height: 75px;
  width: 50px;
  background-image: url('../images/icons/icon_download_animate.svg');
  background-size: 50px 75px;
  background-position: 50%;
  background-repeat: no-repeat;
  right: 4px;
  top: -25px;
  transform: translateY(0);
}

.view-material-download .views-row:hover {
  background-color: #f4f8fa;
}

.view-material-download .views-row:hover::after {
  display: block;
  animation: download-arrow 8s infinite;
}

.view-material-download .views-row .media-item {
  margin: 0;
  display: grid;
  grid-template-columns: 130px 1fr;
}

.view-material-download .views-row .media-item .media-cover .image {
  width: 130px;
  height: 90px;
  overflow: hidden;
}

.view-material-download .views-row .media-item .media-cover .image .field--type-image {
  width: 130px;
  height: 90px;
  text-align: center;
  background-color: #f4f8fa;
}

.view-material-download .views-row .media-item .media-cover .image .field--type-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.view-material-download .views-row .media-item .media-cover .image .media-library-item__attributes {
  visibility: hidden;
}

.view-material-download .views-row .media-item .media-info {
  padding-left: 2rem;
}

.view-material-download .views-row .media-item .media-info .title {
  background-image: url('../images/icons/icon_download.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-size: contain;
  background-size: 14px 21px;
  background-position: 0 100%;
  line-height: 21px;
  padding-left: 21px;
}

.view-material-download .views-row .media-item .media-info .extension {
  text-transform: uppercase;
  color: #cecece;
}

/* ### Webform Node */
.field--name-webform {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50vw);
  background-color: #f4f8fa;
  padding: 3rem 0 9rem 0;
  margin-top: 6rem;
  margin-bottom: -6rem;
}

.field--name-webform::before {
  content: '';
  position: absolute;
  top: -5vw;
  left: 0;
  width: 100%;
  height: 6vw;
  background: url(../images/boxes/edge_grunge_3_cs4.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}

.field--name-webform > form {
  max-width: calc(980px * 0.75);
  margin: 2rem auto;
}

/* ### Webform: Order form */
.webform-submission-form .form-required:after {
  background-image: url('../images/icons/required.svg');
}

.webform-submission-form .form-item--error-message {
  display: flex;
  align-items: center;
  font-size: 0.75em;
  color: #A63436;
}

.webform-submission-form .form-item--error-message::before {
  display: none;
}

.webform-submission-form div#edit-actions {
  text-align: center;
}

.webform-submission-form div#edit-actions .webform-button--previous,
.webform-submission-form div#edit-actions .webform-button--reset {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_chr.svg'), url('../images/buttons/button_bg_left_chr.svg'), url('../images/buttons/button_bg_right_chr.svg');
}

@media screen and (max-width: 63.99rem) {
  .webform-submission-form div#edit-actions .webform-button--previous,
  .webform-submission-form div#edit-actions .webform-button--reset {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .webform-submission-form div#edit-actions .webform-button--previous,
  .webform-submission-form div#edit-actions .webform-button--reset {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.webform-submission-form div#edit-actions .webform-button--previous:hover,
.webform-submission-form div#edit-actions .webform-button--reset:hover {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  color: #FFFFFF;
  background-image: url('../images/buttons/button_bg_center_cs2.svg'), url('../images/buttons/button_bg_left_cs2.svg'), url('../images/buttons/button_bg_right_cs2.svg');
}

@media screen and (max-width: 63.99rem) {
  .webform-submission-form div#edit-actions .webform-button--previous:hover,
  .webform-submission-form div#edit-actions .webform-button--reset:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .webform-submission-form div#edit-actions .webform-button--previous:hover,
  .webform-submission-form div#edit-actions .webform-button--reset:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.webform-submission-form .webform-elements > .webform-cards-toggle-wrapper > .webform-cards-toggle {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
  color: #000000;
  padding: 0;
  margin: 0;
  display: inline;
  background-color: transparent;
  background: none;
  font-size: 13px;
  line-height: 16px;
  font-size: 1.3rem;
  line-height: 1.6rem;
}

@media screen and (max-width: 63.99rem) {
  .webform-submission-form .webform-elements > .webform-cards-toggle-wrapper > .webform-cards-toggle {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.webform-submission-form .webform-elements > .webform-cards-toggle-wrapper > .webform-cards-toggle:hover {
  color: #f7dd19;
}

.webform-submission-form .webform-elements > .webform-cards-toggle-wrapper > .webform-cards-toggle:hover {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
  color: #000000;
  padding: 0;
  margin: 0;
  display: inline;
  background-color: transparent;
  background: none;
  font-size: 13px;
  line-height: 16px;
  font-size: 1.3rem;
  line-height: 1.6rem;
}

@media screen and (max-width: 63.99rem) {
  .webform-submission-form .webform-elements > .webform-cards-toggle-wrapper > .webform-cards-toggle:hover {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.webform-submission-form .webform-elements > .webform-cards-toggle-wrapper > .webform-cards-toggle:hover:hover {
  color: #f7dd19;
}

.webform-submission-form section.webform-card {
  border: none;
}

.webform-card-wrapper .form-item label {
  display: block;
}

.webform-card-wrapper .form-item.form-type-checkbox {
  display: flex;
  align-items: center;
}

.webform-card-wrapper .form-item.form-type-checkbox input {
  margin-right: 2rem;
}

.webform-card-wrapper .form-item.form-type-checkbox .form-item--error-message {
  order: 3;
  margin-left: 1rem;
}

.webform-card-wrapper .form-item input[type=text],
.webform-card-wrapper .form-item input[type=tel],
.webform-card-wrapper .form-item input[type=email],
.webform-card-wrapper .form-item input[type=number],
.webform-card-wrapper .form-item select,
.webform-card-wrapper .form-item .select2-selection {
  border: none;
  border-bottom: 2px solid #1c4658;
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  padding: 0.5rem 1rem;
  font-weight: 500;
  margin-bottom: auto;
}

.webform-card-wrapper .form-item input[type=text].error,
.webform-card-wrapper .form-item input[type=tel].error,
.webform-card-wrapper .form-item input[type=email].error,
.webform-card-wrapper .form-item input[type=number].error,
.webform-card-wrapper .form-item select.error,
.webform-card-wrapper .form-item .select2-selection.error,
.webform-card-wrapper .form-item input[type=text].error:focus,
.webform-card-wrapper .form-item input[type=tel].error:focus,
.webform-card-wrapper .form-item input[type=email].error:focus,
.webform-card-wrapper .form-item input[type=number].error:focus,
.webform-card-wrapper .form-item select.error:focus,
.webform-card-wrapper .form-item .select2-selection.error:focus {
  border-color: #A63436;
  border-width: 2px;
  border-style: solid;
  border-radius: 3px;
}

.webform-card-wrapper .form-item input[type=text][disabled],
.webform-card-wrapper .form-item input[type=tel][disabled],
.webform-card-wrapper .form-item input[type=email][disabled],
.webform-card-wrapper .form-item input[type=number][disabled],
.webform-card-wrapper .form-item select[disabled],
.webform-card-wrapper .form-item .select2-selection[disabled] {
  background-color: #cecece;
  color: #999;
}

.webform-card-wrapper .form-item .select2-selection {
  height: auto;
}

.webform-card-wrapper .form-item .select2-selection .select2-selection__rendered {
  padding-left: 0;
}

.webform-card-wrapper .form-item .select2-selection .select2-selection__arrow {
  height: 100%;
  top: 0;
  right: 0;
}

.webform-card-wrapper .form-item.form-item-language {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5rem;
}

.webform-card-wrapper .form-item.form-item-language label {
  flex-basis: 100%;
  font-weight: 500;
}

.webform-card-wrapper .form-item.form-item-language > div {
  max-width: 75%;
  flex: 0 1 75%;
}

.webform-card-wrapper .form-item .webform-file-button {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_cta.svg'), url('../images/buttons/button_bg_left_cta.svg'), url('../images/buttons/button_bg_right_cta.svg');
  display: inline-block;
}

@media screen and (max-width: 63.99rem) {
  .webform-card-wrapper .form-item .webform-file-button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .webform-card-wrapper .form-item .webform-file-button {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.webform-card-wrapper .form-item .webform-image-file input[type=submit],
.webform-card-wrapper .form-item .form-managed-file input[type=submit] {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: transparent;
  border: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: 25px 0, 0 0, 100% 0;
  background-size: calc(100% - 50px) 100%, auto, auto;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/buttons/button_bg_center_chr.svg'), url('../images/buttons/button_bg_left_chr.svg'), url('../images/buttons/button_bg_right_chr.svg');
}

@media screen and (max-width: 63.99rem) {
  .webform-card-wrapper .form-item .webform-image-file input[type=submit],
  .webform-card-wrapper .form-item .form-managed-file input[type=submit] {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

@media screen and (max-width: 63.99rem) {
  .webform-card-wrapper .form-item .webform-image-file input[type=submit],
  .webform-card-wrapper .form-item .form-managed-file input[type=submit] {
    font-size: 14px;
    line-height: 19px;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.webform-card-wrapper .form-item .webform-image-file + .description .webform-element-description,
.webform-card-wrapper .form-item .form-managed-file + .description .webform-element-description {
  border-top: 2px solid #111945;
  margin-top: 0.5rem;
}

.webform-card-wrapper #edit-flexbox-flyer,
.webform-card-wrapper #edit-flexbox-broschure,
.webform-card-wrapper #edit-flexbox-teach,
.webform-card-wrapper #edit-flexbox-poster,
.webform-card-wrapper #edit-flexbox-net {
  flex-direction: column;
  padding-left: 33%;
  position: relative;
}

@media screen and (max-width: 63.99rem) {
  .webform-card-wrapper #edit-flexbox-flyer,
  .webform-card-wrapper #edit-flexbox-broschure,
  .webform-card-wrapper #edit-flexbox-teach,
  .webform-card-wrapper #edit-flexbox-poster,
  .webform-card-wrapper #edit-flexbox-net {
    padding-left: 0;
  }
}

.webform-card-wrapper #edit-flexbox-flyer .webform-flex,
.webform-card-wrapper #edit-flexbox-broschure .webform-flex,
.webform-card-wrapper #edit-flexbox-teach .webform-flex,
.webform-card-wrapper #edit-flexbox-poster .webform-flex,
.webform-card-wrapper #edit-flexbox-net .webform-flex {
  width: 100%;
}

.webform-card-wrapper #edit-flexbox-flyer::before,
.webform-card-wrapper #edit-flexbox-broschure::before,
.webform-card-wrapper #edit-flexbox-teach::before,
.webform-card-wrapper #edit-flexbox-poster::before,
.webform-card-wrapper #edit-flexbox-net::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 30%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-size: contain;
}

@media screen and (max-width: 63.99rem) {
  .webform-card-wrapper #edit-flexbox-flyer::before,
  .webform-card-wrapper #edit-flexbox-broschure::before,
  .webform-card-wrapper #edit-flexbox-teach::before,
  .webform-card-wrapper #edit-flexbox-poster::before,
  .webform-card-wrapper #edit-flexbox-net::before {
    display: none;
  }
}

.webform-card-wrapper #edit-flexbox-flyer .form-type-number,
.webform-card-wrapper #edit-flexbox-broschure .form-type-number,
.webform-card-wrapper #edit-flexbox-teach .form-type-number,
.webform-card-wrapper #edit-flexbox-poster .form-type-number,
.webform-card-wrapper #edit-flexbox-net .form-type-number {
  display: grid;
  grid-template-columns: 12rem 1fr;
  grid-template-rows: 2.5rem 2rem;
}

.webform-card-wrapper #edit-flexbox-flyer .form-type-number label,
.webform-card-wrapper #edit-flexbox-broschure .form-type-number label,
.webform-card-wrapper #edit-flexbox-teach .form-type-number label,
.webform-card-wrapper #edit-flexbox-poster .form-type-number label,
.webform-card-wrapper #edit-flexbox-net .form-type-number label {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  font-size: 0.875em;
  font-weight: 500;
}

.webform-card-wrapper #edit-flexbox-flyer .form-type-number input,
.webform-card-wrapper #edit-flexbox-broschure .form-type-number input,
.webform-card-wrapper #edit-flexbox-teach .form-type-number input,
.webform-card-wrapper #edit-flexbox-poster .form-type-number input,
.webform-card-wrapper #edit-flexbox-net .form-type-number input {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  width: 90%;
  height: 100%;
  text-align: center;
}

.webform-card-wrapper #edit-flexbox-flyer .form-type-number div,
.webform-card-wrapper #edit-flexbox-broschure .form-type-number div,
.webform-card-wrapper #edit-flexbox-teach .form-type-number div,
.webform-card-wrapper #edit-flexbox-poster .form-type-number div,
.webform-card-wrapper #edit-flexbox-net .form-type-number div {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  font-size: 0.875em;
}

.webform-card-wrapper #edit-flexbox-net::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/2020-08/netz_detail.jpg');
}

.webform-card-wrapper .webform-element-description,
.webform-card-wrapper .form-type-webform-markup {
  display: block;
  font-size: 0.875em;
  background: #fdfdfd;
  color: #111945;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  border-radius: 0 0 2rem 2rem;
}

.webform-card-wrapper .webform-element-description p,
.webform-card-wrapper .form-type-webform-markup p {
  font-size: 1em !important;
  margin-bottom: 0 !important;
}

.webform-card-wrapper label.h2 {
  font-weight: 700;
  text-decoration: underline;
}

.webform-submission-campaign-results-form .form-item {
  display: grid;
  grid-template-columns: 30% 5% 65%;
  grid-template-rows: repeat(3, auto);
  margin-bottom: 2rem;
}

.webform-submission-campaign-results-form .form-item.messages {
  display: block;
}

.webform-submission-campaign-results-form .form-item.form-type-webform-markup {
  grid-template-columns: 1fr;
}

.webform-submission-campaign-results-form .form-item .fieldset-wrapper {
  grid-row: 1 / 4;
  grid-column: 3 / 4;
}

.webform-submission-campaign-results-form .form-item label {
  grid-column: 1 / 2;
  grid-row: 2 / 4;
}

.webform-submission-campaign-results-form .form-item label + *,
.webform-submission-campaign-results-form .form-item label ~ span.select2-container {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

.webform-submission-campaign-results-form .form-item label ~ .description {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
  margin: 0;
}

.webform-submission-campaign-results-form .form-item label ~ .form-item--error-message {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
}

.webform-submission-campaign-results-form .form-item label ~ img.ui-datepicker-trigger {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  margin: 6px 0;
}

.webform-submission-campaign-results-form .form-item.no-data {
  padding-left: 35%;
  margin-bottom: -1rem;
}

.webform-submission-campaign-results-form .form-item.no-data label.option[for*=zero],
.webform-submission-campaign-results-form .form-item.no-data label.option[for*=unknown] {
  font-size: smaller;
  color: #111945;
}

.webform-submission-campaign-results-form .form-item.form-type-webform-markup {
  border-radius: 0;
}

html[lang=de] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-08/Cover_AH_0.png');
}

html[lang=de] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-08/Cover_LAM_0.png');
}

html[lang=de] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=en] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=en] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=en] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=au] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=au] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=au] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=pt-pt] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=pt-pt] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=pt-pt] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=sl] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=sl] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=sl] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=el] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=el] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=el] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=hu] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=hu] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=hu] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=it] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=it] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=it] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=lt] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=lt] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=lt] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=dt] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=dt] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=dt] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=bg] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=bg] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=bg] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

html[lang=es] #edit-flexbox-broschure::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Project_Booklet.png');
}

html[lang=es] #edit-flexbox-teach::before {
  background-image: url('https://www.plasticpirates.eu/sites/default/files/cover/2020-07/Learning_Material_Cover.png');
}

html[lang=es] #edit-flexbox-poster::before {
  background-image: url('https://www.plastic-pirates.eu/sites/default/files/cover/2021-03/Poster.PNG');
}

/* Social Media Wall */
article[data-history-node-id="26"] .field--name-body {
  overflow: hidden;
}

article[data-history-node-id="26"] .field--name-body iframe {
  margin-top: -30px;
}

/*News Page*/
#block-views-block-news-block-1 > div > div > div.view-content > div > div > span > div > div.news-view-article-img > a > img {
  max-width: 100%;
  width: 20%;
  height: auto;
}

.news-view-article-img {
  margin-right: 10px;
}

.field--name-title {
  font-size: 3.2rem;
  font-weight: bold;
  color: #0074bd;
}

.field--name-field-news-image {
  margin-right: 15px;
}

.field--name-field-date-of-publication,
.field--name-field-last-updated-text {
  margin-top: 1rem;
  font-weight: bold;
}

/*Crew page*/
.crew-view-article-text {
  display: none;
}

.crew-view-article {
  margin-bottom: 20px;
}

.crew-view-article:hover .crew-view-article-text {
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
  color: #111947;
  font-size: 1.6rem;
  position: relative;
  top: -78px;
  margin-bottom: -125px;
  width: 92%;
  padding: 0 0 0 3%;
  max-width: 100%;
  max-height: 20%;
  z-index: 2;
  transition: all 350ms;
  overflow: hidden;
}

#block-pp-content > article > div > div.layout.layout--twocol-section.layout--twocol-section--33-67 > div.layout__region.layout__region--second > div.block.block-layout-builder.block-field-blocknodecrew-membertitle > span {
  display: none;
}

#block-pp-content > article > div > div.layout.layout--twocol-section.layout--twocol-section--33-67 > div.layout__region.layout__region--second {
  padding-left: 1.5rem;
}

/* Groups on Map page */
.list--campaign--container {
  display: none;
}

fieldset[id^='edit-webform-submission-value-wrapper'] {
  width: 100%;
}

select[id^='edit-webform-submission-value-op'] {
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #1c4658;
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  background: url(https://www.plastic-pirates.eu/core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
  padding: 0.5rem 2rem 0.5rem 1rem;
  font-weight: 500;
  margin-bottom: auto;
}

.form-select {
  background: url(https://www.plastic-pirates.eu/core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
}

.form-select:focus {
  background: url(https://www.plastic-pirates.eu/core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #fcfcfa, #fcfcfa);
}

.chosen-container {
  width: 100% !important;
}

.search-choice,
.form-select {
  width: 100%;
  font-size: 1.5rem !important;
  font-weight: bold !important;
  border: none;
  border-bottom: 2px solid #1c4658 !important;
  border-radius: 2px 2px 0 0 !important;
  background-color: #FFFFFF !important;
  /*background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF) !important;*/
  padding: 0.5rem 2rem 0.5rem 1rem;
  font-weight: 500;
  margin-bottom: auto;
}

select[id^='edit-webform-submission-value-1'] {
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #1c4658;
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  background: url(https://www.plastic-pirates.eu/core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
  padding: 0.5rem 2rem 0.5rem 1rem;
  font-weight: 500;
  margin-bottom: auto;
}

.form-item-webform-submission-value-1 {
  width: 30%;
}

#edit-items-per-page,
#edit-webform-submission-value-2 {
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #1c4658;
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  background: url(https://www.plastic-pirates.eu/core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
  padding: 0.5rem 2rem 0.5rem 1rem;
  font-weight: 500;
  margin-bottom: auto;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 1px !important;
  right: -3px !important;
  display: block;
  width: 12px;
  height: 12px;
  /*background: url("chosen-sprite.png") -42px 1px no-repeat;*/
  font-size: 1px;
}

#site-container li a::before {
  display: none;
}

.chosen-single {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.chosen-container-single .chosen-single div b {
  display: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background-image: none;
  border: none;
}

/**
 * Select elements - Webkit only
 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    background: url(https://www.plastic-pirates.eu/core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #f4f8fa, #f4f8fa);
    /* LTR */
  }
}

.region-language-switch {
  z-index: 2;
  position: fixed;
  width: 980px;
  display: flex;
  margin: .8rem auto 0 auto;
  height: 20px;
}

.region-language-switch .block-dropdown-language {
  flex: 0 0 5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  position: absolute;
  right: 4rem;
}

.region-language-switch .block-dropdown-language .dropbutton-wrapper, .js .dropbutton-widget {

  position: relative;
  display: block;

}

.region-language-switch .block-dropdown-language .dropbutton-wrapper .dropbutton-widget {
  border: none;
  height: 2rem;
  line-height: 2rem;
  margin: .8rem 0 0 1rem;
}

.region-language-switch .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropbutton {
  border-right: none;
  background: white;
  border-radius: 3px;
  transition: box-shadow 200ms linear;
}

.region-language-switch .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-toggle button {
  background-image: url("/themes/custom/pp/images/icons/icon_dropdown_arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
}

.region-language-switch .block-dropdown-language .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-toggle button .dropbutton-arrow {
  border: 0;
}

.region-language-switch .block-dropdown-language .dropbutton-wrapper .dropbutton-widget .language-link {
  padding: 0 10px !important;
}

.header .section-wrapper .region-header .dropbutton-wrapper .dropbutton-widget ul.dropbutton li.dropbutton-action {
  width: 100% !important;
}

@media screen and (max-width: 1023px) {
  .region-language-switch {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .region-header .block-dropdown-language {
    display: none;
  }
}

.view-submission-data .result-group {
  margin: 0 !important;
  padding: 1rem;
  background: #111945;
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

main .text-formatted .media--type-image.align-left .field--type-image {
  margin-right: 16px;
}

main .text-formatted .media--type-image.align-right .field--type-image {
  margin-left: 16px;
}