@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
 *
 *************************************/
/**************************************
 *
 * Mixins, common
 *
 *************************************/
.no-link-effect {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.no-link-effect:hover {
  color: #F6A317;
}
.button--primary {
  background-color: #1d7889;
  backgrond-image: none;
}
/* ### Reset & Core */
html,
body,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: left;
}
@media screen and (max-width: 69.99rem) {
  body {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.container *:not(.contextual) > input[type=submit],
.container *:not(.contextual) > .button,
.container *:not(.contextual):not(.dropbutton-toggle) > button {
  font-family: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  background-image: none;
  color: #FFFFFF;
  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;
}
@media screen and (max-width: 69.99rem) {
  .container *:not(.contextual) > input[type=submit],
  .container *:not(.contextual) > .button,
  .container *:not(.contextual):not(.dropbutton-toggle) > button {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.99rem) {
  .container *:not(.contextual) > input[type=submit],
  .container *:not(.contextual) > .button,
  .container *:not(.contextual):not(.dropbutton-toggle) > button {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  background-image: none;
  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-color: #F6A317;
  color: #000000;
  color: #FFFFFF;
}
@media screen and (max-width: 69.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: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.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: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.dialog-off-canvas-main-canvas h1,
.responsive-menu-page-wrapper h1 {
  font-family: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-size: 46px;
  line-height: 53px;
  font-size: 4.6rem;
  line-height: 5.3rem;
  margin-bottom: 2.2rem;
}
@media screen and (max-width: 69.99rem) {
  .dialog-off-canvas-main-canvas h1,
  .responsive-menu-page-wrapper h1 {
    font-size: 20px;
    line-height: 26px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 69.99rem) {
  .dialog-off-canvas-main-canvas h1,
  .responsive-menu-page-wrapper h1 {
    font-size: 32px;
    line-height: 38px;
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}
.dialog-off-canvas-main-canvas h1.page-title,
.responsive-menu-page-wrapper h1.page-title {
  margin-bottom: 0;
}
.dialog-off-canvas-main-canvas h2,
.responsive-menu-page-wrapper h2 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin-bottom: 2.6rem;
}

.summary-h2 h2{
  line-height: 1.6rem;
}

.slider-titel-h2 h2{
  line-height: 1.6rem;
  margin-bottom: 4.6rem;
}
@media screen and (max-width: 69.99rem) {
  .dialog-off-canvas-main-canvas h2,
  .responsive-menu-page-wrapper h2 {
    font-size: 20px;
    line-height: 26px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}
.dialog-off-canvas-main-canvas h3,
.responsive-menu-page-wrapper h3 {
  font-size: 20px;
  line-height: 28px;
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 69.99rem) {
  .dialog-off-canvas-main-canvas h3,
  .responsive-menu-page-wrapper h3 {
    font-size: 18px;
    line-height: 22px;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.dialog-off-canvas-main-canvas p,
.responsive-menu-page-wrapper p {
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 2rem;
}
@media screen and (max-width: 69.99rem) {
  .dialog-off-canvas-main-canvas p,
  .responsive-menu-page-wrapper p {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.dialog-off-canvas-main-canvas ul,
.responsive-menu-page-wrapper ul {
  margin: 0 3rem 2rem;
}
/* ### Global Link Style */
main a {
  color: #000000;
  font-weight: 700;
  text-decoration: none;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#1d7889, #1d7889), linear-gradient(#F6A317, #F6A317);
  background-size: 20px 2px, 100% 2px, 0 2px;
  background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: color 250ms linear, background-size 250ms linear, background-position 250ms linear;
}
main a:hover {
  color: #1d7889;
  font-weight: 700;
  background-size: 20px 2px, 0 2px, 100% 2px;
  background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
}
.dark a:not(.contextual) {
  color: #F6A317;
}
/* ### 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: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 69.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 {
  background-image: url(../images/KOPOS_banner_web.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 15vw;
}
header .section-wrapper {
  padding: 0;
  height: 15vw;
  position: relative;
}
header .section-wrapper .region-search {
  position: absolute;
  z-index: 3;
  width: 100%;
  padding: 2rem 0;
  left: 50%;
  top: 0;
  height: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
header .section-wrapper .region-search div#block-kopos-search form#search-block-form {
  display: block;
  position: relative;
  width: 17rem;
  overflow: hidden;
}
header .section-wrapper .region-search div#block-kopos-search form#search-block-form div:first-child {
  width: 17rem;
  height: 2.8rem;
  margin: 0;
}
header .section-wrapper .region-search div#block-kopos-search form#search-block-form div:first-child input {
  width: 17rem;
  padding: 0.5rem 3.2rem 0.5rem 0.5rem;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  border: none;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 6px #00000029;
  transition: all 350ms ease-in-out;
}
header .section-wrapper .region-search div#block-kopos-search form#search-block-form div:first-child input:hover,
header .section-wrapper .region-search div#block-kopos-search form#search-block-form div:first-child input:focus {
  background-color: #FFFFFF;
}
header .section-wrapper .region-search div#block-kopos-search form#search-block-form div:last-child {
  position: absolute;
  z-index: 1;
  top: 0.3rem;
  right: 0.3rem;
  width: 2.2rem;
  height: 2.2rem;
}
header .section-wrapper .region-search div#block-kopos-search form#search-block-form div:last-child input.button {
  margin: 0;
  padding: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  text-indent: -9999px;
  background-image: url('../images/icons/lupe.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
header .section-wrapper .region-search div#block-kopos-search form#search-block-form div:last-child input.button:hover {
  background-image: url('../images/icons/lupe_hover.svg');
}
header .section-wrapper .region-header {
  position: relative;
  z-index: 2;
  display: flex;
  height: 15vw;
  justify-content: center;
  align-items: center;
}
header .section-wrapper .region-header #block-kopos-branding {
  height: 15vw;
  padding-bottom: 3vw;
}
header .section-wrapper .region-header #block-kopos-branding a.site-logo {
  display: block;
  height: 100%;
  width: 100%;
  transform: translateX(-5vw);
}
header .section-wrapper .region-header #block-kopos-branding a.site-logo img {
  max-height: 100%;
  transition: all 350ms ease-in-out;
}
header .section-wrapper .region-header #block-horizontalmenu {
  margin-left: 2rem;
}
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: 69.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: 69.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;
}
header .section-wrapper .region-header #block-kommunikation ul.menu li.menu-item {
  padding-top: 0;
  line-height: 2rem;
  height: 2rem;
}
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;
}
@media screen and (max-width: 69.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("https://www.kopos-projekt.de/themes/custom/kopos/images/icons/icon_bg_small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 4rem;
  height: 4rem;
  margin: 2rem;
}
@media screen and (min-width: 70rem) {
  header .section-wrapper .region-header #block-responsivemenumobileicon {
    display: none;
  }
}
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: #1d7889;
  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 {
  width: 2rem;
  height: 2rem;
  background-image: url('https://www.kopos-projekt.de/themes/custom/kopos/images/icons/icon_search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0 2rem;
}
body.path-frontpage header .section-wrapper .region-header div#block-horizontalmenu {
  margin-left: 6rem;
}
/* ### Navigation */
#section-navigation {
  background-color: #1d7889;
  color: #FFFFFF;
}
#section-navigation .region-navigation nav ul.menu,
#section-navigation .region-navigation nav ul.horizontal-menu {
  margin: 0;
  height: 5rem;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 69.99rem) {
  #section-navigation .region-navigation nav ul.menu,
  #section-navigation .region-navigation nav ul.horizontal-menu {
    display: none;
  }
}
#section-navigation .region-navigation nav ul.menu li,
#section-navigation .region-navigation nav ul.horizontal-menu li {
  margin-right: 1rem;
  list-style-type: none;
}
#section-navigation .region-navigation nav ul.menu li a,
#section-navigation .region-navigation nav ul.horizontal-menu li a {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #eeeeee;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 1rem;
  height: 100%;
  letter-spacing: 0.56px;
  transition: all 250ms;
}
#section-navigation .region-navigation nav ul.menu li a:hover,
#section-navigation .region-navigation nav ul.horizontal-menu li a:hover {
  color: #F6A317;
}
@media screen and (max-width: 69.99rem) {
  #section-navigation .region-navigation nav ul.menu li a,
  #section-navigation .region-navigation nav ul.horizontal-menu li a {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
#section-navigation .region-navigation nav ul.menu li a:hover,
#section-navigation .region-navigation nav ul.horizontal-menu li a:hover,
#section-navigation .region-navigation nav ul.menu li a.is-active,
#section-navigation .region-navigation nav ul.horizontal-menu li a.is-active {
  border-bottom-color: #F6A317;
  color: #FFFFFF;
}
@media screen and (max-width: 54.99rem) {
  #section-navigation .region-navigation nav ul.menu li a,
  #section-navigation .region-navigation nav ul.horizontal-menu li a {
    border-bottom-width: 1px;
  }
}
#section-navigation .region-navigation nav ul.menu li:first-child a,
#section-navigation .region-navigation nav ul.horizontal-menu li:first-child a {
  text-indent: -9999px;
  background-image: url("../images/icons/home.svg");
  background-size: 24px;
  background-position: 50%;
  background-repeat: no-repeat;
}
#section-navigation .region-navigation nav ul.menu li:first-child a:hover,
#section-navigation .region-navigation nav ul.horizontal-menu li:first-child a:hover,
#section-navigation .region-navigation nav ul.menu li:first-child a.is-active,
#section-navigation .region-navigation nav ul.horizontal-menu li:first-child a.is-active {
  background-image: url("../images/icons/home-hover.svg");
}
#section-navigation .region-navigation nav ul.menu a.is-active,
#section-navigation .region-navigation nav ul.horizontal-menu a.is-active {
  font-weight: 700;
  border-bottom: 2px solid #006f9e;
}
@media screen and (max-width: 54.99rem) {
  #section-navigation .region-navigation nav ul.menu a.is-active,
  #section-navigation .region-navigation nav ul.horizontal-menu a.is-active {
    border-bottom-width: 1px;
  }
}
#section-navigation .region-navigation #block-responsivemenumobileicon {
  width: 4rem;
  height: 4rem;
  margin: 1rem 0 0;
}
@media screen and (min-width: 70rem) {
  #section-navigation .region-navigation #block-responsivemenumobileicon {
    display: none;
  }
}
#section-navigation .region-navigation #block-responsivemenumobileicon .responsive-menu-toggle-icon {
  display: block;
  width: 4rem;
  height: 4rem;
  text-align: center;
}
#section-navigation .region-navigation #block-responsivemenumobileicon .responsive-menu-toggle-icon:before,
#section-navigation .region-navigation #block-responsivemenumobileicon .responsive-menu-toggle-icon:after,
#section-navigation .region-navigation #block-responsivemenumobileicon .responsive-menu-toggle-icon span.icon {
  left: 1rem;
}
#section-navigation .region-navigation #block-responsivemenumobileicon .label {
  display: none;
}
/* ### Articles */
/*article {
  &.node--type-page {

    .node__content {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;

      & > div {
        flex: 0 0 45%;

        &.field--name-field-main {

        }
        &.field--name-field-info {
          background-color: @secondary20;
          padding: 2rem;
        }
      }
    }
  }
}*/
/* ### Intro Block */
.intro-block {
  margin-top: 3rem;
}
/* ### Newsletter subscription block */
#section-newsletter {
  position: relative;
  background: url(https://www.kopos-projekt.de/themes/custom/kopos/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 .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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  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;
}
@media screen and (max-width: 69.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form #edit-message {
    font-size: 20px;
    line-height: 26px;
    font-size: 2rem;
    line-height: 2.6rem;
  }
}
#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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  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: 69.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form #edit-mail-wrapper .form-email {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  background-image: none;
  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;
  font-weight: 700;
}
@media screen and (max-width: 69.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form .form-actions input.button:hover {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.99rem) {
  #section-newsletter .section-wrapper #block-simplenewssubscription form .form-actions input.button:hover {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
/* ### English summary footer */
.view-english-start article > h2 {
  display: none;
}
.view-english-start .view-footer {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  border: 1px solid transparent;
  background-color: #1d7889;
  color: #FFFFFF;
}
.view-english-start .view-footer > div {
  margin: 0 auto;
  max-width: 1100px;
  padding: 2rem 0;
  text-align: center;
}
div#block-englishsummary {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  border: 1px solid transparent;
  background-color: #1d7889;
  color: #FFFFFF;
}
div#block-englishsummary > div {
  margin: 0 auto;
  max-width: 1100px;
  padding: 2rem 3rem;
  text-align: center;
}
div#block-englishsummary > div .text-formatted a.button {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #1d7889;
  font-weight: bold;
}
div#block-bluebar {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  height: 2.5rem;
  background-color: rgba(29, 120, 137, 0.25);
  color: #FFFFFF;
}
/* ### Partner */
#block-partner {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  border-top: 2rem solid #F6A317;
  border-bottom: 2rem solid #F6A317;
}
@media screen and (max-width: 54.99rem) {
  #block-partner {
    width: auto;
    left: 0;
    transform: none;
  }
}
div#partner-panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  max-width: 1100px;
  padding: 2rem 0;
}
@media screen and (max-width: 29.99rem) {
  div#partner-panel {
    display: block;
  }
}
div#partner-panel .partner-container {
  flex: 0 0 45%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 54.99rem) {
  div#partner-panel .partner-container {
    flex-direction: column;
    justify-content: center;
  }
}
div#partner-panel .partner-container h4 {
  flex: 0 0 100%;
  margin-bottom: 2rem;
}
div#partner-panel .partner-container .partner-logo,
div#partner-panel .partner-container .partner-name {
  margin-bottom: 10px;
}
div#partner-panel .partner-container .partner-logo {
  flex: 0 0 40%;
}
@media screen and (max-width: 54.99rem) {
  div#partner-panel .partner-container .partner-logo {
    flex: 0 0 200px;
    text-align: center;
  }
}
div#partner-panel .partner-container .partner-logo a.partner {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
  text-align: center;
  background: transparent;
  display: block;
  height: 100%;
  width: 100%;
}
div#partner-panel .partner-container .partner-logo a.partner:hover {
  color: #F6A317;
}
@media screen and (max-width: 54.99rem) {
  div#partner-panel .partner-container .partner-logo a.partner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
div#partner-panel .partner-container .partner-logo a.partner > img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 54.99rem) {
  div#partner-panel .partner-container .partner-logo a.partner > img {
    max-height: 200px;
    width: auto;
  }
}
div#partner-panel .partner-container .partner-name {
  flex: 0 0 50%;
}
@media screen and (max-width: 54.99rem) {
  div#partner-panel .partner-container .partner-name {
    flex: 0 0 4rem;
    margin-bottom: 5rem;
    text-align: center;
  }
}
div#partner-panel .partner-container .partner-name a.partner {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
  text-decoration: none;
}
div#partner-panel .partner-container .partner-name a.partner:hover {
  color: #F6A317;
}
/* ### Teaser */
div#block-teaser {
  margin: 2rem 0;
}
div#block-teaser .field--name-body {
  display: grid;
  grid-template-columns: 5% 20% 20% 5% 5% 20% 20% 5%;
  grid-template-rows: 10% 80% 10%;
}
div#block-teaser .field--name-body .text {
  grid-column: 1 / 6;
  grid-row: 1 / 3;
  background-color: #eeeeee;
  padding: 2rem 6rem 2rem 2rem;
}
div#block-teaser .field--name-body .english-link {
  grid-column: 6 / 9;
  grid-row: 1 / 2;
  text-align: right;
}
div#block-teaser .field--name-body .english-link a {
  display: inline-block;
  margin: 0;
  background-color: #1d7889;
  color: #FFFFFF;
  text-decoration: none;
  padding: 1rem 2rem;
  font-weight: bold;
}
div#block-teaser .field--name-body .image {
  grid-column: 5 / 9;
  grid-row: 2 / 4;
  background-color: #F6A317;
  overflow: hidden;
}
div#block-teaser .field--name-body .image img {
  max-width: 120%;
  max-height: 120%;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
}
/* ### Footer */
#section-logos div#block-logos {
  flex-basis: 100%;
  width: 100%;
  background-color: #FFFFFF;
  color: #000000;
  padding: 4rem;
}
#section-logos div#block-logos .logos {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 69.99rem) {
  #section-logos div#block-logos .logos {
    flex-wrap: wrap;
  }
}
#section-logos div#block-logos .logos div.logo {
  /*flex-basis: 24%;*/
}
@media screen and (max-width: 69.99rem) {
  #section-logos div#block-logos .logos div.logo {
    text-align: center;
    flex-basis: 48%;
    margin: 2rem 0;
  }
}
@media screen and (max-width: 29.99rem) {
  #section-logos div#block-logos .logos div.logo {
    flex-basis: 100%;
  }
}
#section-logos div#block-logos .logos div.logo a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 69.99rem) {
  #section-logos div#block-logos .logos div.logo a {
    justify-content: center;
  }
}
#section-logos div#block-logos .logos div.logo a img {
  max-width: 100%;
  width: 100%;
  height: 100px;
}
@media screen and (max-width: 69.99rem) {
  #section-logos div#block-logos .logos div.logo a img {
    max-width: 320px;
  }
}
@media screen and (max-width: 54.99rem) {
  #section-logos div#block-logos .logos div.logo a img {
    max-width: 80%;
    max-height: 170px;
    height: auto;
    width: auto;
  }
}
#section-logos div#block-logos .partners-logos {
  flex-wrap: wrap;
}
#section-logos div#block-logos .partners-logos .logo {
  flex-basis: 21%;
  max-height: 150px;
  margin-bottom: 5rem;
}
@media screen and (max-width: 69.99rem) {
  #section-logos div#block-logos .partners-logos .logo {
    flex-basis: 42%;
    max-height: 150px;
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 54.99rem) {
  #section-logos div#block-logos .partners-logos .logo {
    flex-basis: 100%;
  }
}
#site-container footer {
  position: relative;
  background-color: #F6A317;
  padding: 4vw 0;
  color: #000000;
}
#site-container footer .section-wrapper .region-footer {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 2fr 1fr;
}
@media screen and (max-width: 54.99rem) {
  #site-container footer .section-wrapper .region-footer {
    display: block;
  }
}
#site-container footer .section-wrapper .region-footer div#block-logos {
  grid-column: 1 / 3;
}
#site-container footer .section-wrapper .region-footer div#block-forderhinweis {
  /*grid-row: ~"1 / 3"
        padding: 3rem 0;*/
}
#site-container footer .section-wrapper .region-footer nav#block-kopos-footer {
  /*padding: 3rem 0;*/
  width: 100%;
}
#site-container footer .section-wrapper .region-footer nav#block-kopos-footer ul > li {
  list-style-type: none;
}
#site-container footer .section-wrapper .region-footer div#block-copyright {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#site-container footer .section-wrapper .region-footer div#block-copyright p {
  margin-bottom: 0;
}
#site-container footer #block-socialmediabuttons,
#site-container footer #block-kopos-footer {
  display: inline-block;
  width: 40%;
  flex-basis: 40%;
  font-size: 14px;
  line-height: 20px;
  font-size: 1.4rem;
  line-height: 2rem;
  line-height: 3rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 69.99rem) {
  #site-container footer #block-socialmediabuttons,
  #site-container footer #block-kopos-footer {
    font-size: 12px;
    line-height: 16px;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
#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(https://www.kopos-projekt.de/themes/custom/kopos/images/icons/icon_some_ig.svg);
}
#site-container footer #block-socialmediabuttons a.instagram:hover {
  background-image: url(https://www.kopos-projekt.de/themes/custom/kopos/images/icons/icon_some_ig_hover.svg);
}
#site-container footer #block-socialmediabuttons a.facebook {
  background-image: url(https://www.kopos-projekt.de/themes/custom/kopos/images/icons/icon_some_fb.svg);
}
#site-container footer #block-socialmediabuttons a.facebook:hover {
  background-image: url(https://www.kopos-projekt.de/themes/custom/kopos/images/icons/icon_some_fb_hover.svg);
}
#site-container footer #block-kopos-footer {
  text-align: right;
}
#site-container footer #block-kopos-footer ul.menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 0;
}
#site-container footer #block-kopos-footer ul.menu li a {
  color: #1d7889;
  background-image: none;
  color: #000000;
  font-weight: 700;
  margin-left: 2rem;
  text-decoration: none;
}
#site-container footer #block-kopos-footer ul.menu li a:hover {
  color: #F6A317;
}
#site-container footer #block-kopos-footer ul.menu li a:hover {
  color: #FFFFFF;
}
/* ### 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: #1d7889;
  padding: 1rem;
  color: #FFFFFF;
}
.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: 54.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: 54.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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 40px;
  font-size: 3.2rem;
  line-height: 4rem;
}
@media screen and (max-width: 69.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;
  }
}
@media screen and (max-width: 54.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: 54.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: 54.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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  color: #FFFFFF;
  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: none;
  border-radius: 0;
  border: 1px solid #FFFFFF;
  margin-bottom: 2rem;
}
@media screen and (max-width: 69.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: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.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: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 54.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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  background-image: none;
  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-color: #F6A317;
  color: #000000;
  color: #FFFFFF;
  margin-bottom: 2rem;
}
@media screen and (max-width: 69.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: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.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: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
  font-family: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  background-image: none;
  color: #FFFFFF;
  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-color: #F6A317;
  color: #000000;
  margin-bottom: 2rem;
}
@media screen and (max-width: 69.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 54.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: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  background-image: none;
  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-color: #F6A317;
  color: #000000;
  color: #FFFFFF;
  margin-bottom: 2rem;
}
@media screen and (max-width: 69.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.99rem) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
/* ### Layout Builder */
.node__content {
  /*padding-top: 5rem;*/
}
#block-kopos-page-title,
#block-pagetitle {
  margin-top: 2.5rem;
}
.block-field-blocknodepagetitle{
  margin-top: 3rem;
}

.field--name-field-subtitle{
  font-weight:bold;
}

.info-region {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  background-color: #eeeeee;
  padding: 3rem 13rem 3rem 2.5rem;
}
@media screen and (max-width: 54.99rem) {
  .info-region {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    padding: 3rem 3rem 8rem;
  }
}
@media screen and (max-width: 29.99rem) {
  .info-region {
    padding: 3rem;
  }
}
.info-region .block-field-blocknoderesulttype,
.info-region .block-field-blocknodenewstype,
.info-region .block-field-blocknodeveranstaltungtype,
.info-region .block-field-blocknodepilot-projecttype {
  display: inline-block;
  text-transform: uppercase;
  color: #F6A317;
  letter-spacing: 1.05px;
  font-size: 1.4rem;
  margin-right: 2rem;
  margin-bottom: 0.8rem;
}
.info-region .block-field-blocknoderesultfield-result-type,
.info-region .block-field-blocknodeveranstaltungfield-event-type,
.info-region .block-field-blocknodepilot-projectfield-project-type {
  display: inline-block;
  text-transform: uppercase;
  color: #F6A317;
  letter-spacing: 1.05px;
  font-size: 1.4rem;
  margin-right: 2rem;
  margin-bottom: 0.8rem;
}
.info-region .block-field-blocknoderesulttitle,
.info-region .block-field-blocknodenewstitle,
.info-region .block-field-blocknodeveranstaltungtitle,
.info-region .block-field-blocknodepilot-projecttitle,
.info-region .block-field-blocknodepagetitle {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-weight: bold;
  /*.font--special();*/
}
.info-region .block-field-blocknoderesultfield-subtitle,
.info-region .block-field-blocknodenewsfield-subtitle,
.info-region .block-field-blocknodeveranstaltungfield-subtitle,
.info-region .block-field-blocknodepilot-projectfield-subtitle {
  /*.font--special();*/
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.56px;
  margin-top: -2.5rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 69.99rem) {
  .info-region .block-field-blocknoderesultfield-subtitle,
  .info-region .block-field-blocknodenewsfield-subtitle,
  .info-region .block-field-blocknodeveranstaltungfield-subtitle,
  .info-region .block-field-blocknodepilot-projectfield-subtitle {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.info-region .block-field-blocknodenewsfield-region a,
.info-region .block-field-blocknodeveranstaltungfield-region a,
.info-region .block-field-blocknodepilot-projectfield-region a {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.info-region .block-field-blocknodenewsfield-region a:hover,
.info-region .block-field-blocknodeveranstaltungfield-region a:hover,
.info-region .block-field-blocknodepilot-projectfield-region a:hover {
  color: #F6A317;
}
.info-region .block-field-blocknodeveranstaltungfield-location,
.info-region .block-field-blocknodeveranstaltungfield-smart-date,
.info-region .block-field-blocknodepilot-projectfield-location,
.info-region .block-field-blocknodepilot-projectfield-smart-date {
  display: inline-block;
}
.info-region .block-field-blocknodeveranstaltungfield-location .field--name-field-location::after,
.info-region .block-field-blocknodeveranstaltungfield-smart-date .field--name-field-location::after,
.info-region .block-field-blocknodepilot-projectfield-location .field--name-field-location::after,
.info-region .block-field-blocknodepilot-projectfield-smart-date .field--name-field-location::after {
  content: ', ';
}
.info-region .block-field-blocknoderesultfield-authors,
.info-region .block-field-blocknodenewsfield-date,
.info-region .block-field-blocknodeveranstaltungfield-date {
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.info-region .block-field-blocknoderesultfield-authors .field__label,
.info-region .block-field-blocknodenewsfield-date .field__label,
.info-region .block-field-blocknodeveranstaltungfield-date .field__label {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 300;
}
.info-region .block-field-blocknoderesultfield-topic,
.info-region .block-field-blocknodenewsfield-topic,
.info-region .block-field-blocknodeveranstaltungfield-topic,
.info-region .block-field-blocknodepilot-projectfield-topic {
  margin-top: 4rem;
  padding-left: 3rem;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  background-image: url('../images/icons/black-shop-tag.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
}
.info-region .block-field-blocknoderesultfield-topic a,
.info-region .block-field-blocknodenewsfield-topic a,
.info-region .block-field-blocknodeveranstaltungfield-topic a,
.info-region .block-field-blocknodepilot-projectfield-topic a {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.info-region .block-field-blocknoderesultfield-topic a:hover,
.info-region .block-field-blocknodenewsfield-topic a:hover,
.info-region .block-field-blocknodeveranstaltungfield-topic a:hover,
.info-region .block-field-blocknodepilot-projectfield-topic a:hover {
  color: #F6A317;
}
.gridcontent {
  margin-top: 5rem;
}
.gridcontent .content-wrapper {
  display: grid;
  grid-template-columns: 48% 5% 5% 42%;
  grid-template-rows: 50px auto 50px 50px auto;
}
@media screen and (max-width: 54.99rem) {
  .gridcontent .content-wrapper {
    grid-template-columns: 50px auto 50px;
    grid-template-rows: repeat(4, 50px auto);
  }
}
@media screen and (max-width: 29.99rem) {
  .gridcontent .content-wrapper {
    display: block;
  }
}
.gridcontent .content-wrapper .image-region {
  grid-column: 2 / 5;
  grid-row: 2 / 4;
  background-color: rgba(29, 120, 137, 0.25);
  align-self: start;
}
@media screen and (max-width: 54.99rem) {
  .gridcontent .content-wrapper .image-region {
    grid-column: 2 / 4;
    grid-row: 3 / 5;
  }
}
@media screen and (max-width: 29.99rem) {
  .gridcontent .content-wrapper .image-region {
    border: 1px solid transparent;
    margin-bottom: 3rem;
  }
}
.gridcontent .content-wrapper .image-region article.media {
  max-width: 80%;
  margin: 10% auto 10%;
}
.gridcontent .content-wrapper .image-region article.media img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.gridcontent .content-wrapper .image-region article.media .field--name-field-copyright {
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media screen and (max-width: 69.99rem) {
  .gridcontent .content-wrapper .image-region article.media .field--name-field-copyright {
    font-size: 12px;
    line-height: 16px;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.gridcontent .content-wrapper .text-region {
  grid-column: 1 / 3;
  grid-row: 4 / 6;
  padding: 50px 25px 0 0;
}
@media screen and (max-width: 54.99rem) {
  .gridcontent .content-wrapper .text-region {
    grid-column: 1 / 4;
    grid-row: 6 / 7;
    padding: 0;
  }
}
.gridcontent .content-wrapper .files-region {
  grid-column: 4 / 5;
  grid-row: 5 / 6;
  margin: 50px 0 25px;
}
@media screen and (max-width: 54.99rem) {
  .gridcontent .content-wrapper .files-region {
    grid-column: 1 / 4;
    grid-row: 8 / 9;
    margin: 0;
  }
}
.gridcontent .content-wrapper .files-region > div {
  padding: 1.8rem 2.7rem;
  background-color: rgba(246, 163, 23, 0.2);
}
.gridcontent .content-wrapper .files-region .field__label {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.42px;
  margin-bottom: 1.6rem;
}
.gridcontent .content-wrapper .files-region span.file {
  padding-left: 4rem;
  min-height: 3.2rem;
  display: flex;
  align-items: center;
}
.gridcontent .content-wrapper .files-region span.file.file--application-pdf {
  background-image: url('../images/icons/surface1.svg');
}
.gridcontent .content-wrapper .files-region span.file a {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.gridcontent .content-wrapper .files-region span.file a:hover {
  color: #F6A317;
}
.gallery {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50vw);
}
@media screen and (max-width: 69.99rem) {
  .gallery {
    width: auto;
    margin-left: 0;
    transform: none;
  }
}
.gallery .content-wrapper {
  max-width: 1100px;
  margin: 0 auto;
}
.gallery .content-wrapper .main-region {
  margin: 0 auto;
}
.gallery .content-wrapper .main-region h2 {
  font-size: 1.8rem;
  text-transform: none;
}
.gallery .content-wrapper .main-region > div {
  border-top: 4px dotted #eeeeee;
  padding: 3rem 0;
}
.gallery .copyright {
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #b7b7b7;
}
@media screen and (max-width: 69.99rem) {
  .gallery .copyright {
    font-size: 12px;
    line-height: 16px;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.gallery .views_slideshow_cycle_slide {
  display: flex !important;
  width: 100% !important;
  justify-content: left;
  gap: 10px;
}
@media screen and (max-width: 69.99rem) {
  .gallery .views_slideshow_cycle_slide {
    flex-wrap: wrap;
  }
}
.gallery .views_slideshow_cycle_slide .views-row {
  flex: 0 0 23%;
  width: 23%;
  border: none;
}
@media screen and (max-width: 69.99rem) {
  .gallery .views_slideshow_cycle_slide .views-row {
    flex: 0 0 31%;
    width: 31%;
  }
}
@media screen and (max-width: 54.99rem) {
  .gallery .views_slideshow_cycle_slide .views-row {
    flex: 0 0 48%;
    width: 48%;
  }
}
@media screen and (max-width: 29.99rem) {
  .gallery .views_slideshow_cycle_slide .views-row {
    flex: 0 0 100%;
    width: 100%;
  }
}
.gallery .views_slideshow_cycle_slide .views-row:last-child {
  border: none;
}
.gallery .views_slideshow_cycle_slide .views-row .gallery-item {
  height: 0;
  padding-bottom: 66.6%;
  overflow: hidden;
  position: relative;
}
.gallery .views_slideshow_cycle_slide .views-row .gallery-item .gallery-image img {
  max-width: 100%;
  height: auto;
}
.gallery .views_slideshow_cycle_slide .views-row .gallery-item .gallery-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 1.5rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms linear;
}
.gallery .views_slideshow_cycle_slide .views-row .gallery-item .gallery-info .gallery-caption {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  font-size: 1.4rem;
  line-height: 2rem;
  line-height: 1.4rem;
}
@media screen and (max-width: 69.99rem) {
  .gallery .views_slideshow_cycle_slide .views-row .gallery-item .gallery-info .gallery-caption {
    font-size: 12px;
    line-height: 16px;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.gallery .views_slideshow_cycle_slide .views-row .gallery-item .gallery-info .gallery-caption p {
  margin-bottom: 0 !important;
  line-height: 1.4rem !important;
}
.gallery .views_slideshow_cycle_slide .views-row .gallery-item:hover .gallery-info {
  opacity: 1;
}
.gallery .views_slideshow_controls_text {
  text-align: center;
}
.metadata {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50vw);
  background-color: rgba(29, 120, 137, 0.25);
}
.metadata .content-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 3rem 0;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 69.99rem) {
  .metadata .content-wrapper {
    padding: 3rem;
  }
}
@media screen and (max-width: 54.99rem) {
  .metadata .content-wrapper {
    flex-direction: column;
  }
}
.metadata .content-wrapper .left-region {
  flex: 0 0 58%;
  padding-right: 8%;
}
@media screen and (max-width: 54.99rem) {
  .metadata .content-wrapper .left-region {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.metadata .content-wrapper .right-region {
  flex: 0 0 42%;
}
@media screen and (max-width: 54.99rem) {
  .metadata .content-wrapper .right-region {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
.metadata .content-wrapper .left-region .block > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.metadata .content-wrapper .left-region .block > div .field__label {
  flex: 0 0 30%;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.42px;
}
.metadata .content-wrapper .left-region .block > div .field__label::after {
  content: none;
}
.metadata .content-wrapper .left-region .block > div .field__label + .field__item,
.metadata .content-wrapper .left-region .block > div .field__label + .field__items {
  flex: 0 0 67%;
}
.metadata .content-wrapper .left-region .block > div .field__item a {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.metadata .content-wrapper .left-region .block > div .field__item a:hover {
  color: #F6A317;
}
.metadata .content-wrapper .right-region .field__label {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.42px;
}
.metadata .content-wrapper .right-region .field__label::after {
  content: none;
}
.metadata .content-wrapper .right-region .field__item a {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.metadata .content-wrapper .right-region .field__item a:hover {
  color: #F6A317;
}
/* ### Slider */
.view-frontslider .gridslider {
  margin-top: 5rem;
}
.view-frontslider .gridslider .content-wrapper {
  display: grid;
  grid-template-columns: 50% 8% 42%;
  grid-template-rows: 100px auto 50px;
}
@media screen and (max-width: 54.99rem) {
  .view-frontslider .gridslider .content-wrapper {
    grid-template-columns: 50px auto 50px;
    grid-template-rows: repeat(4, 50px auto);
  }
}
@media screen and (max-width: 29.99rem) {
  .view-frontslider .gridslider .content-wrapper {
    display: block;
  }
}
.view-frontslider .gridslider .content-wrapper .image-region {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  background-color: transparent;
  align-self: start;
  z-index: 1;
}
@media screen and (max-width: 54.99rem) {
  .view-frontslider .gridslider .content-wrapper .image-region {
    grid-column: 2 / 4;
    grid-row: 3 / 5;
  }
}
@media screen and (max-width: 29.99rem) {
  .view-frontslider .gridslider .content-wrapper .image-region {
    border: 1px solid transparent;
    margin-bottom: 3rem;
  }
}
.view-frontslider .gridslider .content-wrapper .image-region article.media {
  width: 100%;
  margin: 0;
}
.view-frontslider .gridslider .content-wrapper .image-region article.media img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.view-frontslider .gridslider .content-wrapper .image-region article.media .field--name-field-copyright {
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media screen and (max-width: 69.99rem) {
  .view-frontslider .gridslider .content-wrapper .image-region article.media .field--name-field-copyright {
    font-size: 12px;
    line-height: 16px;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.view-frontslider .gridslider .content-wrapper .info-region {
  grid-column: 2 / 4;
  grid-row: 2 / 4;
  background-color: rgba(246, 163, 23, 0.2);
  padding: 3rem 3rem 3rem 13rem;
  z-index: 2;
}
@media screen and (max-width: 54.99rem) {
  .view-frontslider .gridslider .content-wrapper .info-region {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    padding: 3rem 3rem 8rem;
  }
}
@media screen and (max-width: 29.99rem) {
  .view-frontslider .gridslider .content-wrapper .info-region {
    padding: 3rem;
  }
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesulttitle,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewstitle,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungtitle,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projecttitle,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepagetitle {
  margin-top: 0;
  margin-bottom: 1rem;
  flex: 0 0 100%;
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesulttitle a,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewstitle a,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungtitle a,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projecttitle a,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepagetitle a {
  font-size: 18px;
  line-height: 22px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesulttitle a:hover,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewstitle a:hover,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungtitle a:hover,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projecttitle a:hover,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepagetitle a:hover {
  color: #F6A317;
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesultfield-subtitle,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewsfield-subtitle,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungfield-subtitle,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projectfield-subtitle {
  margin-top: -3rem;
  margin-bottom: 1rem;
  flex: 0 0 100%;
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesultbody,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewsbody,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungbody,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projectbody {
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  /*max-height: 6rem;
          overflow: hidden;*/
  flex: 0 0 100%;
}
@media screen and (max-width: 69.99rem) {
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesultbody,
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewsbody,
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungbody,
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projectbody {
    display: none;
  }
}
@media screen and (max-width: 54.99rem) {
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesultbody,
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewsbody,
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungbody,
  .view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projectbody {
    display: block;
  }
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknoderesultbody a.more-link,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodenewsbody a.more-link,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungbody a.more-link,
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodepilot-projectbody a.more-link {
  display: inline-block;
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungbody {
  margin-top: 1rem;
}
.view-frontslider .gridslider .content-wrapper .info-region .block-field-blocknodeveranstaltungfield-location + .block-field-blocknodeveranstaltungfield-smart-date {
  margin-left: 4px;
}
.view-frontslider .gridslider .content-wrapper .info-region .block-extra-field-blocknodeveranstaltunglinks,
.view-frontslider .gridslider .content-wrapper .info-region .block-extra-field-blocknoderesultlinks,
.view-frontslider .gridslider .content-wrapper .info-region .block-extra-field-blocknodenewslinks,
.view-frontslider .gridslider .content-wrapper .info-region .block-extra-field-blocknodepilot-projectlinks {
  flex: 0 0 100%;
}
.view-frontslider .gridslider .content-wrapper .info-region ul.links.inline {
  margin: 0;
  padding: 0;
}
.view-frontslider .gridslider .content-wrapper .info-region ul.links.inline li.node-readmore {
  margin: 0;
  padding: 0;
}
.view-frontslider .gridslider .content-wrapper .info-region ul.links.inline li.node-readmore a {
  padding: 0.7rem 2.5rem 0.5rem;
  display: inline-block;
  background-color: #1d7889;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}
.view-frontslider .gridslider .content-wrapper .info-region .kopos-event {
  position: absolute;
  right: 0;
  background: #F6A317;
  padding: 3px 1rem 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFFFFF;
}
.view-frontslider .node--view-mode-slider article.media.media--view-mode-embed {
  height: 0;
  padding-bottom: 66.66%;
  border: none;
}
.view-frontslider .views_slideshow_slide .views-row {
  border: none;
}
.view-frontslider .views_slideshow_cycle_slide {
  width: 100% !important;
}
.view-frontslider div.views_slideshow_main {
  position: relative;
  z-index: 1;
}
.view-frontslider .skin-default {
  position: relative;
}
.view-frontslider .skin-default .views-slideshow-controls-top {
  width: 100%;
  height: 0;
  position: absolute;
  top: 35rem;
}
@media screen and (max-width: 78.99rem) {
  .view-frontslider .skin-default .views-slideshow-controls-top {
    top: 0;
  }
}
.view-frontslider .skin-default .views-slideshow-controls-top .views_slideshow_controls_text_pause {
  display: none;
}
.view-frontslider .skin-default .views-slideshow-controls-top span.views_slideshow_controls_text_previous {
  position: absolute;
  left: -5rem;
  text-indent: -9999px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 2rem 2rem 0;
  border-color: transparent #1d7889;
}
@media screen and (max-width: 78.99rem) {
  .view-frontslider .skin-default .views-slideshow-controls-top span.views_slideshow_controls_text_previous {
    left: 2rem;
  }
}
.view-frontslider .skin-default .views-slideshow-controls-top span.views_slideshow_controls_text_previous:hover {
  border-color: transparent #F6A317;
}
.view-frontslider .skin-default .views-slideshow-controls-top span.views_slideshow_controls_text_next {
  position: absolute;
  right: -5rem;
  text-indent: -9999px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 0 2rem 2rem;
  border-color: transparent #1d7889;
}
@media screen and (max-width: 78.99rem) {
  .view-frontslider .skin-default .views-slideshow-controls-top span.views_slideshow_controls_text_next {
    right: 2rem;
  }
}
.view-frontslider .skin-default .views-slideshow-controls-top span.views_slideshow_controls_text_next:hover {
  border-color: transparent #F6A317;
}
.view-frontslider .skin-default .views-slideshow-controls-bottom {
  width: 20%;
  height: 49px;
  margin-top: -65px;
  padding: 12px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 599px) {
  .view-frontslider .skin-default .views-slideshow-controls-bottom {
    width: 100%;
  }
}
.view-frontslider .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  background: #1d7889;
}
.view-frontslider .skin-default .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  background: #F6A317;
}
.more-link {
  padding: 0.7rem 0rem 0.5rem;
  display: block;
  background-color: #1d7889;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  letter-spacing: 1.2px;
  color: #FFFFFF;
  width: 50%;
}
.view-content {
  margin-bottom: 1rem;
}
/* ### Frontpage */
.view-startseite .view-content {
  border: none;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  padding: 3rem;
  background-color: rgba(29, 120, 137, 0.25);
  margin-bottom: 0rem;
}

#team-photos{
  border: none;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  margin-bottom: 1rem;
  background-color: rgba(29, 120, 137, 0.25);
}

.view-startseite .view-content .views-row {
  max-width: 1100px;
  margin: 0 auto;
  border: none;
}
.view-startseite .view-content .views-row .start-button a {
  color: #1d7889;
  font-weight: 700;
  font-family: "karmina-sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 3rem;
  margin: 0 2rem;
  background-color: #1d7889;
  background-image: none;
  color: #FFFFFF;
  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;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: bold;
}
.view-startseite .view-content .views-row .start-button a:hover {
  color: #F6A317;
}
@media screen and (max-width: 69.99rem) {
  .view-startseite .view-content .views-row .start-button a {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 69.99rem) {
  .view-startseite .view-content .views-row .start-button a {
    font-size: 16px;
    line-height: 18px;
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.view-buttons .view-content {
  /*display: flex;*/
  flex-wrap: nowrap;
  justify-content: space-between;
}
.view-buttons .views-row {
  width: 330px;
  height: 220px;
  flex-shrink: 0;
  padding: 0;
  border: none;
}
.view-buttons .views-row:last-child {
  border-bottom: none;
}
.start-button {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  overflow: hidden;
}
.view-buttons .image-style-gallery-preview {
  display: block;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.view-buttons .start-button-label {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 70%;
  text-align: center;
  background: rgba(9, 120, 137, 0.8);
  height: 30%;
  transition: all 0.2s ease;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  font-size: 22px;
}
.view-buttons .start-button-inlay {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.5s ease;
  z-index: 1;
  display: grid;
  grid-template-rows: 35% auto 40px 20px;
  grid-template-columns: 20px auto 20px ;
  font-size: 11px;
}
div.start-button-inlay p {
  margin: 0 auto;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column: 2/3;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
}
div.start-button-inlay a {
  bottom: 0;
  display: flex;
  text-align: center;
  margin: 0 auto;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column: 2/3;
  background: #097889;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  font-size: 16px;
  width: 100%;
}
div.start-button:hover .start-button-inlay {
  opacity: 1;
}
div.start-button:hover .start-button-label {
  top: 0;
  background: #F6A317;
  color: #000;
}
/* ### Webform Node */
article.node--type-webform .node__content {
  display: flex;
  flex-wrap: wrap;
}
article.node--type-webform .node__content .field--name-field-title-media {
  flex: 0 1 40%;
  order: 2;
  margin-left: 5%;
  padding: 2rem;
  background-color: rgba(29, 120, 137, 0.25);
}
article.node--type-webform .node__content .field--name-field-title-media article.media.media--view-mode-embed {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-bottom: 66.66%;
  border: none;
  margin: 0;
}
article.node--type-webform .node__content .field--name-field-title-media article.media.media--view-mode-embed:hover > .layout:nth-child(2) {
  bottom: 0;
}
article.node--type-webform .node__content .field--name-body {
  flex: 1 0 50%;
  order: 1;
}
article.node--type-webform .node__content .field--name-field-title-media + .field--name-body {
  flex-grow: 0;
}
article.node--type-webform .node__content .field--name-webform {
  flex: 0 0 100%;
  order: 3;
  margin-top: 3rem;
}
.field--type-webform {
  background-color: rgba(246, 163, 23, 0.2);
  padding: 3rem;
  margin-bottom: 3rem;
}
.field--type-webform .form-item {
  display: flex;
}
.field--type-webform .form-item label {
  flex: 0 0 20%;
  padding: 0.5rem 2rem;
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.field--type-webform .form-item label:hover {
  color: #F6A317;
}
.field--type-webform .form-item label + select,
.field--type-webform .form-item label + input,
.field--type-webform .form-item label + div.form-textarea-wrapper textarea {
  font-size: 1.5rem;
  width: 400px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid #1d7889;
  border-radius: 4px;
  padding: 0.5rem 2rem;
}
.field--type-webform .form-item label + select:focus,
.field--type-webform .form-item label + input:focus,
.field--type-webform .form-item label + div.form-textarea-wrapper textarea:focus {
  border-color: #F6A317;
  box-shadow: 2px 2px 2px #1d7889;
  outline: #F6A317 auto 1px;
}
.field--type-webform #edit-actions input.button {
  border-radius: 4px;
}
/* ### Media Embed */
article.media.media--view-mode-embed {
  position: relative;
  height: 34rem;
  overflow: hidden;
  border: 2rem solid rgba(29, 120, 137, 0.25);
  width: 49rem;
  margin: 0 0 2rem 2rem;
}
@media screen and (max-width: 69.99rem) {
  article.media.media--view-mode-embed.align-right {
    float: none;
    margin: 0 auto 2rem;
  }
}
article.media.media--view-mode-embed > .layout {
  position: absolute;
}
article.media.media--view-mode-embed > .layout.layout--onecol {
  width: 100%;
  height: 100%;
  z-index: 1;
}
article.media.media--view-mode-embed > .layout.layout--onecol div {
  width: 100%;
  height: 100%;
}
article.media.media--view-mode-embed > .layout.layout--onecol img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
article.media.media--view-mode-embed > .layout.layout--onecol + .layout--onecol {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  width: 100%;
  height: auto;
  z-index: 2;
  left: 0;
  bottom: -34%;
  transition: bottom 350ms ease-in-out;
}
article.media.media--view-mode-embed > .layout.layout--onecol + .layout--onecol div {
  width: auto;
  height: auto;
}
article.media.media--view-mode-embed:hover > .layout + .layout {
  bottom: 0;
}
/* ### Layout Views */
.teaser .content-wrapper {
  display: flex;
  align-items: stretch;
  height: 24rem;
}
@media screen and (max-width: 54.99rem) {
  .teaser .content-wrapper {
    height: auto;
    flex-direction: column;
  }
}
.teaser .content-wrapper .media-region {
  flex: 0 0 40rem;
  width: 40rem;
  padding-right: 4rem;
}
@media screen and (max-width: 54.99rem) {
  .teaser .content-wrapper .media-region {
    flex: auto;
    width: 100%;
    padding-right: 0;
    padding-bottom: 3rem;
  }
}
.teaser .content-wrapper .media-region article.media .field--type-image {
  height: 0;
  padding-bottom: 66.6%;
  overflow: hidden;
  position: relative;
}
.teaser .content-wrapper .media-region article.media .field--type-image .field__item img {
  max-width: 100%;
  height: auto;
}
.teaser .content-wrapper .media-region article.media .field--name-field-caption,
.teaser .content-wrapper .media-region article.media .field--name-field-copyright {
  display: none;
}
.teaser .content-wrapper .info-region {
  flex: 1 0 50%;
  padding: 0 1.5rem;
  background-color: transparent;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: space-between;
}
@media screen and (max-width: 54.99rem) {
  .teaser .content-wrapper .info-region {
    flex: auto;
    width: 100%;
    padding: 0;
    min-height: 24rem;
  }
}
.teaser .content-wrapper .info-region .block-field-blocknoderesulttitle,
.teaser .content-wrapper .info-region .block-field-blocknodenewstitle,
.teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungtitle,
.teaser .content-wrapper .info-region .block-field-blocknodepilot-projecttitle,
.teaser .content-wrapper .info-region .block-field-blocknodepagetitle {
  font-weight: 700;
  font-size: 4.8rem;
  margin-top: 0;
  margin-bottom: 1rem;
  flex: 0 0 100%;
}
.teaser .content-wrapper .info-region .block-field-blocknoderesulttitle a,
.teaser .content-wrapper .info-region .block-field-blocknodenewstitle a,
.teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungtitle a,
.teaser .content-wrapper .info-region .block-field-blocknodepilot-projecttitle a,
.teaser .content-wrapper .info-region .block-field-blocknodepagetitle a {
  font-size: 18px;
  line-height: 22px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #1d7889;
  background-image: none;
  font-weight: 700;
}
.teaser .content-wrapper .info-region .block-field-blocknoderesulttitle a:hover,
.teaser .content-wrapper .info-region .block-field-blocknodenewstitle a:hover,
.teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungtitle a:hover,
.teaser .content-wrapper .info-region .block-field-blocknodepilot-projecttitle a:hover,
.teaser .content-wrapper .info-region .block-field-blocknodepagetitle a:hover {
  color: #F6A317;
}
.teaser .content-wrapper .info-region .block-field-blocknoderesultfield-subtitle,
.teaser .content-wrapper .info-region .block-field-blocknodenewsfield-subtitle,
.teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungfield-subtitle,
.teaser .content-wrapper .info-region .block-field-blocknodepilot-projectfield-subtitle {
  margin-top: -3rem;
  margin-bottom: 1rem;
  flex: 0 0 100%;
}
.teaser .content-wrapper .info-region .block-field-blocknoderesultbody,
.teaser .content-wrapper .info-region .block-field-blocknodenewsbody,
.teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungbody,
.teaser .content-wrapper .info-region .block-field-blocknodepilot-projectbody {
  font-size: 16px;
  line-height: 20px;
  font-size: 1.6rem;
  line-height: 2rem;
  max-height: 6rem;
  overflow: hidden;
  flex: 0 0 100%;
}
@media screen and (max-width: 69.99rem) {
  .teaser .content-wrapper .info-region .block-field-blocknoderesultbody,
  .teaser .content-wrapper .info-region .block-field-blocknodenewsbody,
  .teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungbody,
  .teaser .content-wrapper .info-region .block-field-blocknodepilot-projectbody {
    display: none;
  }
}
@media screen and (max-width: 54.99rem) {
  .teaser .content-wrapper .info-region .block-field-blocknoderesultbody,
  .teaser .content-wrapper .info-region .block-field-blocknodenewsbody,
  .teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungbody,
  .teaser .content-wrapper .info-region .block-field-blocknodepilot-projectbody {
    display: block;
  }
}
.teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungbody {
  margin-top: 1rem;
}
.teaser .content-wrapper .info-region .block-field-blocknodeveranstaltungfield-location + .block-field-blocknodeveranstaltungfield-smart-date {
  margin-left: 4px;
}
.teaser .content-wrapper .info-region .block-extra-field-blocknodeveranstaltunglinks,
.teaser .content-wrapper .info-region .block-extra-field-blocknoderesultlinks,
.teaser .content-wrapper .info-region .block-extra-field-blocknodenewslinks,
.teaser .content-wrapper .info-region .block-extra-field-blocknodepilot-projectlinks {
  flex: 0 0 100%;
}
.teaser .content-wrapper .info-region ul.links.inline {
  margin: 0;
  padding: 0;
}
.teaser .content-wrapper .info-region ul.links.inline li.node-readmore {
  margin: 0;
  padding: 0;
}
.teaser .content-wrapper .info-region ul.links.inline li.node-readmore a {
  padding: 0.7rem 2.5rem 0.5rem;
  display: inline-block;
  background-color: #1d7889;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  letter-spacing: 1.2px;
  color: #FFFFFF;
}
.teaser .content-wrapper .info-region .kopos-event {
  position: absolute;
  right: 0;
  background: #F6A317;
  padding: 3px 1rem 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFFFFF;
}
.view-content {
  /*margin: 5rem 0;*/
}
.views-row {
  border-top: 4px dotted #eeeeee;
  padding: 1.5rem 0;
}
.views-row:last-child {
  border-bottom: 4px dotted #eeeeee;
}
.views-row > article > h2 {
  display: none;
}
.block-views-blocktopics-block-1 {
  margin-bottom: 3rem;
}
.block-views-blocktopics-block-1 h2 {
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 1.8rem;
}
.block-views-blocktopics-block-1 .view-topics .view-content {
  margin: 0;
}
.block-views-blocktopics-block-1 .view-topics .views-row {
  border: none;
  padding: 0;
}
.block-views-blocktopics-block-1 .view-topics .views-row a {
  color: #1d7889;
  background-image: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.block-views-blocktopics-block-1 .view-topics .views-row a:hover {
  color: #F6A317;
}
.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;
}
.faqfield-answer.ui-accordion-content {
  border: none;
  padding: 0 0 1rem;
}
/* Draggable */
a.tabledrag-handle .handle {
  box-sizing: content-box;
}

.field--name-field-uhr{
  margin-left: 0.5rem;
}

.block-field-blocknodeveranstaltungfield-uhr{
  display: inline-block;
}