/* Cera Pro */
/* Amithen */
/* Pfeile */
/* Ende Pfeile */
/* Placeholder Farbdefinition */
/* Ende Placeholder Farbdefintion */
/* Schatten für Box mit Hover Effekt*/
/* Ende - Schatten für Box */
span[class*='fl-'] {
  color: #f4f5f7;
  font-weight: 100;
}
.fl.fl-check:before {
  color: #f3bc00;
}
.fl.fl-csv:before,
.fl.fl-excel:before,
.fl.voucher-print:before,
.fl.fl-pdf:before {
  color: #303030;
}
.fl.fl-csv:hover:before,
.fl.fl-excel:hover:before,
.fl.voucher-print:hover:before,
.fl.fl-pdf:hover:before {
  color: #f3bc00;
}
body.theme-cff {
  color: #333333;
  background-color: white;
}
.theme-cff {
  /* Ende - Social Media Links */
}
.theme-cff a:not([class^="toolbar"]) {
  color: #f3bc00;
  text-decoration: none;
}
.theme-cff a:not([class^="toolbar"]):hover {
  color: #dc9600;
  text-decoration: underline;
}
.theme-cff h1,
.theme-cff h2,
.theme-cff h3,
.theme-cff h4,
.theme-cff h5,
.theme-cff h6 {
  text-transform: none;
}
.theme-cff h1 {
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif;
  font-size: 40px;
  color: #333333;
  font-weight: 400;
}
.theme-cff h2 {
  font-size: 30px;
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif;
  color: #333333;
}
.theme-cff h3 {
  font-size: 24px;
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif;
  color: #333333;
}
.theme-cff h4 {
  font-size: 21px;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  color: #333333;
}
.theme-cff h5 {
  font-size: 13px;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  color: #333333;
}
.theme-cff h6 {
  font-size: 11px;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  color: #333333;
}
.theme-cff .btn-primary,
.theme-cff .btn-primary[disabled] {
  color: white !important;
  background-color: #f3bc00;
}
.theme-cff .btn-primary:hover,
.theme-cff .btn-primary[disabled]:hover {
  color: white;
  background-color: #f3af4e;
}
.theme-cff .btn-primary:active,
.theme-cff .btn-primary[disabled]:active,
.theme-cff .btn-primary:active:focus,
.theme-cff .btn-primary[disabled]:active:focus {
  background-color: #f3af4e;
}
.theme-cff .btn-secondary,
.theme-cff .btn-secondary[disabled] {
  color: #505050;
  background-color: #d0d0d0;
}
.theme-cff .btn-secondary:hover,
.theme-cff .btn-secondary[disabled]:hover {
  color: #505050;
  background-color: #aaaaaa;
}
.theme-cff .btn-secondary:active,
.theme-cff .btn-secondary[disabled]:active,
.theme-cff .btn-secondary:active:focus,
.theme-cff .btn-secondary[disabled]:active:focus {
  background-color: #aaaaaa;
}
.theme-cff .btn-dark-bg,
.theme-cff .btn-dark-bg[disabled] {
  color: #505050;
  background-color: #ffffff;
}
.theme-cff .btn-dark-bg:hover,
.theme-cff .btn-dark-bg[disabled]:hover {
  color: #505050;
  background-color: #d0d0d0;
}
.theme-cff .btn-dark-bg:active,
.theme-cff .btn-dark-bg[disabled]:active,
.theme-cff .btn-dark-bg:active:focus,
.theme-cff .btn-dark-bg[disabled]:active:focus {
  background-color: #d0d0d0;
}
.theme-cff .btn-link {
  color: #f3bc00;
}
.theme-cff .btn-link:hover,
.theme-cff .btn-link:active,
.theme-cff .btn-link:active:focus {
  color: #dc9600;
}
.theme-cff .tabs ul:before {
  border-bottom: 2px solid #d9dee5;
}
.theme-cff .tabs ul:after {
  border-bottom: 2px solid #d9dee5;
}
.theme-cff .tabs ul > li:before {
  border-bottom: 2px solid #d9dee5;
}
.theme-cff .tabs ul > li:after {
  border-bottom: 2px solid #d9dee5;
}
.theme-cff .tabs ul > li a {
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  font-size: 13px;
  color: #5e6d81;
}
.theme-cff .tabs ul > li a:before {
  border-bottom: 2px solid #d9dee5;
}
.theme-cff .tabs ul > li a:hover {
  background-color: transparent;
  color: #dc9600;
}
.theme-cff .tabs ul > li a:hover:before {
  border: 2px solid #d9dee5;
}
.theme-cff .tabs ul > li.filler:before {
  border-bottom: 2px solid #d9dee5;
}
.theme-cff .tabs ul > li.active a {
  color: #f3bc00;
}
.theme-cff .tabs ul > li.active a:before {
  border: 2px solid #d9dee5;
}
.theme-cff .tabs ul > li.active a:focus {
  background-color: transparent;
}
.theme-cff .tabs.tabs-inverted ul:before {
  border-bottom: 2px solid #fff;
}
.theme-cff .tabs.tabs-inverted ul:after {
  border-bottom: 2px solid #fff;
}
.theme-cff .tabs.tabs-inverted ul > li:before {
  border-bottom: 2px solid #fff;
}
.theme-cff .tabs.tabs-inverted ul > li:after {
  border-bottom: 2px solid #fff;
}
.theme-cff .tabs.tabs-inverted ul > li a {
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  font-size: 13px;
  color: #003320;
}
.theme-cff .tabs.tabs-inverted ul > li a:before {
  border-bottom: 2px solid #fff;
}
.theme-cff .tabs.tabs-inverted ul > li a:hover {
  background-color: transparent;
  color: #fff;
}
.theme-cff .tabs.tabs-inverted ul > li a:hover:before {
  border: 2px solid #fff;
}
.theme-cff .tabs.tabs-inverted ul > li.filler:before {
  border-bottom: 2px solid #fff;
}
.theme-cff .tabs.tabs-inverted ul > li.active a {
  color: #fff;
}
.theme-cff .tabs.tabs-inverted ul > li.active a:before {
  border: 2px solid #fff;
}
.theme-cff #collapse-myTab .panel-heading a,
.theme-cff [id^=collapse-] .panel-heading a {
  color: #333333;
}
.theme-cff #collapse-myTab .panel-heading a[aria-expanded='true'],
.theme-cff [id^=collapse-] .panel-heading a[aria-expanded='true'] {
  color: #f3bc00;
}
.theme-cff .breadcrumb-wrapper .breadcrumb-title {
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif;
  color: #333333;
  text-transform: none;
}
.theme-cff .breadcrumb > li + li:before {
  color: #f3bc00;
}
.theme-cff .breadcrumb li span,
.theme-cff .breadcrumb li a {
  color: #f3bc00;
}
.theme-cff #website-container {
  background-color: #ececec;
}
.theme-cff #website-container ul > li a {
  color: #7c7b7b;
}
.theme-cff #website-container ul > li a:hover {
  color: #f3bc00;
}
.theme-cff #navbar-top {
  background-color: white;
  /*
    #navbar-top-collapse {
    a.dropdown-toggle {color: @theme-navbar-top-collapsed-link-color;}
    li.dropdown1 {
    //&.sites > a.has-submenu:before {background: url(@theme-topmenu-left-logo-m) no-repeat;}
    &.open {
    ul {background-color: @theme-navbar-top-collapsed-ul-open-bg-color;}
    a {color: @theme-navbar-top-collapsed-ul-open-font-color;}
    a.has-submenu.highlighted {color: @theme-navbar-top-collapsed-link-active-color;}
    //&.sites > a.has-submenu:before {background: url(@theme-topmenu-left-logo-active-m) no-repeat;}
  }
  }
    li.faq,
    li.contact {
    a,
    &:before {color: @theme-navbar-top-collapsed-faq-contact-color;}
  }
  }*/
}
@media (min-width: 992px) {
  .theme-cff #navbar-top {
    background-color: transparent;
  }
}
.theme-cff #navbar-top .website-select a {
  color: #989898;
}
.theme-cff #navbar-top .website-select a:before {
  border-top: 7px solid #7c7b7b;
}
.theme-cff #navbar-top .website-select a:hover {
  color: #f3bc00;
}
.theme-cff #navbar-top .website-select.active {
  background-color: #ececec;
}
.theme-cff #navbar-top .website-select.active a {
  color: #f3bc00;
}
.theme-cff #navbar-top .website-select.active a:before {
  border-top: 7px solid #f3bc00;
}
.theme-cff #navbar-top .selected {
  color: #989898;
}
.theme-cff #navbar-top #lang-select ul li a,
.theme-cff #navbar-top #mobile-lang-select ul li a {
  color: #989898;
}
.theme-cff #navbar-top #lang-select ul li a:hover,
.theme-cff #navbar-top #mobile-lang-select ul li a:hover {
  color: #dc9600;
}
.theme-cff #navbar-top #lang-select ul li a.is-active,
.theme-cff #navbar-top #mobile-lang-select ul li a.is-active {
  color: #dc9600;
}
.theme-cff #navbar-top #lang-select ul li:before,
.theme-cff #navbar-top #mobile-lang-select ul li:before {
  color: #7c7b7b;
}
.theme-cff #navbar-top #lnk-press,
.theme-cff #navbar-top #lnk-contact {
  color: #7c7b7b;
}
.theme-cff #navbar-top #lnk-press:hover,
.theme-cff #navbar-top #lnk-contact:hover {
  color: #f3bc00;
}
.theme-cff #navbar-top .navbar-header .logo {
  background: transparent;
}
.theme-cff #navbar-top .btn-mobile .icon {
  background-color: #7c7b7b;
}
.theme-cff #navbar-top .btn-mobile.active .icon {
  background-color: #f3bc00;
}
.theme-cff #navbar-top.navbar-inverse .navbar-offcanvas {
  background-color: #f3bc00;
  border-color: white;
}
.theme-cff #navbar-top .navbar-mobile-right .shopping-cart a:before {
  color: white;
}
.theme-cff #navbar-top .navbar-mobile-right .shopping-cart.active a:before {
  color: #303030;
}
.theme-cff #navbar-top .navbar-mobile-right .magnifier a:before {
  color: white;
}
.theme-cff #navbar-top .navbar-mobile-right .magnifier.active a:before {
  color: #303030;
}
.theme-cff #navbar-top .navbar-mobile-right .magnifier.active a:after {
  border-bottom: 8px solid white;
}
.theme-cff #navbar-top .navbar-mobile-right .user-text a {
  color: #3982de;
}
.theme-cff #navbar-top .navbar-mobile-right li span a {
  color: #3982de;
}
.theme-cff.canvas-slid .btn-mobile .icon {
  background-color: #f3bc00 !important;
}
.theme-cff #navbar-main li > a:hover,
.theme-cff #navbar-sub li > a:hover {
  color: #303030;
}
.theme-cff #navbar-main {
  background-color: white;
  /*@theme-navbar-main-bg-m:                     white;
    @theme-navbar-main-li-m:                     #7c7b7b;
    @theme-navbar-main-ul-close-m:               #7c7b7b;
    @theme-navbar-main-ul-open-m:                #f3bc00;
    @theme-navbar-main-ul-open-bg-m:             @theme-bg-color;*/
}
.theme-cff #navbar-main .level1 > li {
  /*&.menu-item--expanded {
      > a {color: @theme-navbar-main-header-font-color;}
      &.menu-item--active-trail > a.is-active {color: @theme-navbar-main-header-active-color !important;}
    }*/
}
.theme-cff #navbar-main .level1 > li:hover > a,
.theme-cff #navbar-main .level1 > li.active > a,
.theme-cff #navbar-main .level1 > li.menu-item--active-trail > a {
  color: #f3bc00;
}
.theme-cff #navbar-main .level1 > li > a {
  color: #333333;
  font-size: 16px;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
}
.theme-cff #navbar-main .level1 > li.menu-item--expanded ul.menu {
  background-color: white;
}
.theme-cff #navbar-main .level1 > li.menu-item--expanded ul.menu li:hover {
  background-color: transparent;
}
.theme-cff #navbar-main .level1 > li.menu-item--expanded ul.menu a {
  font-size: 16px;
  color: #333333;
}
.theme-cff #navbar-main .level1 > li.menu-item--expanded ul.menu a:hover {
  color: #f3bc00;
}
.theme-cff #navbar-main .level1 > li.menu-item--expanded ul.menu a.is-active {
  color: #f3bc00;
}
.theme-cff #navbar-main.mobile-main-menu {
  /*.level1 > li {

      //&:hover > a {color: @theme-navbar-main-header-font-color !important;}
      &.menu-item--expanded.open .menu-item a {
      color: @theme-navbar-main-header-font-color !important;
      &.is-active {color: @theme-navbar-main-header-active-color !important;}
    }
    }*/
  background-color: white;
}
.theme-cff #navbar-main.mobile-main-menu .level1 > li > a {
  background-color: white;
  color: #7c7b7b;
}
.theme-cff #navbar-main.mobile-main-menu .level1 > li ul.menu li:hover {
  background-color: transparent;
}
.theme-cff #navbar-main.mobile-main-menu .level1 > li ul.menu a {
  color: #7c7b7b;
}
.theme-cff #navbar-main.mobile-main-menu .level1 > li.open > a {
  color: #f3bc00;
}
.theme-cff #navbar-main.mobile-main-menu .level1 > li.menu-item.menu-item--expanded.menu-item--active-trail > a,
.theme-cff #navbar-main.mobile-main-menu .level1 > li.menu-item.menu-item--expanded.menu-item--active-trail a.is-active {
  color: #f3bc00;
}
.theme-cff #navbar-main a.menuRedirect {
  color: #333333 !important;
}
.theme-cff #navbar-main.border #container-navbar-layer .level1 > li:before,
.theme-cff #navbar-main.border #container-navbar-layer .level1 > li.active:before {
  border-bottom: 9px solid white;
}
.theme-cff #navbar-main .magnifier a:before {
  color: #f3bc00;
}
.theme-cff #navbar-main .magnifier.active a:before {
  color: #dc9600;
}
.theme-cff #navbar-main .magnifier.active a:after {
  border-bottom: 8px solid white;
}
.theme-cff #navbar-main #searchBox {
  background-color: #ececec;
}
.theme-cff #navbar-main #searchBox:before {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox .textBox {
  color: #f3bc00;
  background-color: #ececec;
}
.theme-cff #navbar-main #searchBox .textBox::-moz-placeholder {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox .textBox:-moz-placeholder {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox .textBox:-ms-input-placeholder {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox .textBox::-webkit-input-placeholder {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox.active {
  border: 2px solid #ececec;
  background-color: #ececec;
}
.theme-cff #navbar-main #searchBox.active:before {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox.active .textBox {
  color: #f3bc00;
  background-color: #ececec;
}
.theme-cff #navbar-main #searchBox.active .textBox::-moz-placeholder {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox.active .textBox:-moz-placeholder {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox.active .textBox:-ms-input-placeholder {
  color: #f3bc00;
}
.theme-cff #navbar-main #searchBox.active .textBox::-webkit-input-placeholder {
  color: #f3bc00;
}
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a {
  color: #aaaaaa;
}
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a:hover,
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a:active,
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a.active {
  color: #505050;
}
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a {
  color: #aaaaaa;
}
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a:hover,
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a:hover:active,
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a.active:hover {
  color: #505050;
}
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a.active:before,
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a:hover:before,
.theme-cff #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a:hover:active:before {
  color: #f3bc00;
}
.theme-cff .socialmedia-container ul > li a {
  color: #f3bc00;
}
.theme-cff .socialmedia-container ul > li a:before {
  color: #f3bc00;
}
.theme-cff .socialmedia-container ul > li a:hover {
  color: #dc9600;
}
.theme-cff .socialmedia-container ul > li a:hover:before {
  color: #dc9600;
}
.theme-cff .form-control {
  color: #f3bc00;
  border: 2px solid #d9dee5;
}
.theme-cff .form-control:focus {
  border: 2px solid #dc9600;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(220, 150, 0, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(220, 150, 0, 0.6);
}
.theme-cff .form-control[disabled],
.theme-cff .form-control[readonly],
.theme-cff fieldset[disabled] .form-control {
  background-color: white;
  border-color: #f4f5f7;
  color: #aab3c0;
}
.theme-cff select.form-control,
.theme-cff .ui-multiselect {
  color: #5e6d81;
}
.theme-cff select.form-control:focus,
.theme-cff .ui-multiselect:focus,
.theme-cff select.form-control.ui-state-active,
.theme-cff .ui-multiselect.ui-state-active {
  border: 2px solid #5e6d81 !important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(94, 109, 129, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(94, 109, 129, 0.6);
}
.theme-cff .table > thead > tr > td,
.theme-cff .table > tbody > tr > td,
.theme-cff .table > tfoot > tr > td,
.theme-cff .table > thead th,
.theme-cff .table > tbody th,
.theme-cff .table > tfoot th {
  border: solid 1px #d0d0d0;
}
.theme-cff .table > thead > tr > th {
  background-color: #f3bc00;
  color: #fff;
}
.theme-cff .table td {
  background-color: #f1f2f7;
}
.theme-cff .grid-container input[type="text"] {
  color: #f3bc00 !important;
}
.theme-cff .grid-show-detail:before {
  color: #303030;
}
.theme-cff .grid-show-detail:hover:before {
  color: #f3bc00;
}
.theme-cff .grid-summary {
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.theme-cff .grid-summary .grid-summary-header {
  color: #303030;
  border-bottom: 1px solid transparent;
  font-family: "Open Sans", Arial Unicode MS, sans-serif;
  font-size: 15px;
}
.theme-cff .grid-summary .summaryRow {
  background-color: #fff;
}
.theme-cff .grid-summary .grid-summary-label {
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.theme-cff .grid-summary .grid-summary-amount {
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.theme-cff .grid-pagination-refresh:before {
  color: #f3bc00;
}
.theme-cff .grid-pagination-refresh:hover:before {
  color: #f3af4e;
}
.theme-cff .grid-pagination-first:before {
  color: #aaaaaa;
}
.theme-cff .grid-pagination-first:hover:before {
  color: #505050;
}
.theme-cff .grid-pagination-last:before {
  color: #aaaaaa;
}
.theme-cff .grid-pagination-last:hover:before {
  color: #505050;
}
.theme-cff .grid-pagination-next:before {
  color: #aaaaaa;
}
.theme-cff .grid-pagination-next:hover:before {
  color: #505050;
}
.theme-cff .grid-pagination-previous:before {
  color: #aaaaaa;
}
.theme-cff .grid-pagination-previous:hover:before {
  color: #505050;
}
.theme-cff .grid-pagination-first-off:before {
  color: #f4f5f7;
}
.theme-cff .grid-pagination-last-off:before {
  color: #f4f5f7;
}
.theme-cff .grid-pagination-next-off:before {
  color: #f4f5f7;
}
.theme-cff .grid-pagination-previous-off:before {
  color: #f4f5f7;
}
.theme-cff .footer_div {
  color: #505050;
}
.theme-cff .footer_div .lyoness_label {
  color: #505050;
}
.theme-cff .footer_div .lyoness_label .CurrentPage {
  color: #505050;
}
.theme-cff select.RowsPerPage {
  color: #505050;
}
.theme-cff select.RowsPerPage option {
  color: #88b913;
}
.theme-cff .grid-header-sort-asc,
.theme-cff .grid-header-sort-des,
.theme-cff .grid-header-sort-selected {
  background-color: #99d015;
}
.theme-cff .list-group .list-group-item {
  border-radius: 0;
}
.theme-cff .list-group .list-group-item.active,
.theme-cff .list-group .list-group-item:focus {
  background-color: #f3bc00;
  border-color: #f3bc00;
}
.theme-cff #news a {
  color: #84b334;
}
.theme-cff #news ul li a {
  color: #00356e;
}
.theme-cff #news ul li.active a {
  color: #84b334;
}
.theme-cff #news .date {
  color: #fac73f;
}
.theme-cff h2 > span.fl {
  color: #333333;
}
.theme-cff #footer {
  background-color: white;
  color: #333333;
}
.theme-cff #footer .footer-menu:before {
  background: none;
}
@media (min-width: 768px) {
  .theme-cff #footer .footer-menu:before {
    background: url('') no-repeat;
  }
}
.theme-cff #footer .footer-menu .logo {
  background: url('') no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 0 55px;
}
@media (min-width: 768px) {
  .theme-cff #footer .footer-menu .logo {
    background: none;
  }
}
.theme-cff #footer .logo-lyoness {
  background: url('../../img/merchants/layout/logo-lyoness-operated.png') center left no-repeat;
}
.theme-cff #footer .footer-header {
  color: #f3bc00;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  text-transform: none;
  font-size: 16px;
}
.theme-cff #footer a {
  color: #333333;
  font-size: 14px;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
}
.theme-cff #footer a:hover {
  color: #f3bc00;
}
.theme-cff #footer .official-links a {
  color: #333333;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
}
.theme-cff #footer .official-links a:hover {
  color: #f3bc00;
}
.theme-cff .country {
  color: #f3bc00;
}
.theme-cff .verdict {
  color: #303030;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
}
.theme-cff .corp-block.corp-header {
  background-color: #4b8300;
}
.theme-cff .corp-block .corp-news-item .corp-headline {
  color: #88b913;
}
.theme-cff .corp-block .corp-list h4 {
  color: #88b913;
}
.theme-cff .corp-block .corp-list li {
  border-top: none;
}
.theme-cff .corp-block .corp-list li:last-child {
  border-bottom: none;
}
.theme-cff .corp-block .corp-list time {
  font-weight: bold;
  font-size: 12px;
}
.button-cta a {
  color: white !important;
  background-color: #f3bc00;
  border: none;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  padding: 10px 42px;
  text-decoration: none !important;
  font-size: 13px;
  border-radius: 0;
}
.button-cta a:hover {
  color: white;
  background-color: #f3af4e;
}
.button-cta a:active,
.button-cta a:active:focus {
  background-color: #f3af4e;
}
#page.allow-overflow {
  overflow: visible !important;
}
#page {
  /*.paragraph-img-txt,
  .paragraph-txt-img,
  .paragraph-txt-vid,
  .paragraph-vid-txt, */
  /* Startpage */
  /* end: Startpage */
  /* Category Icons */
  /* Box Preview */
  /* end: Box Preview */
  /* Project Filter */
  /* end: Project Filter */
  /* onepage top banner */
  /* Project Intro */
  /* end: Project Intro */
  /* News Overview */
  /* end: News Overview */
  /* Project Overview */
  /* end: Project Overview */
  /* Slider Content */
  /* end: Slider Content */
}
#page div.box-sidebar-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 56px;
}
@media (max-width: 767px) {
  #page div.box-sidebar-sticky {
    position: relative;
    top: 0;
  }
}
#page blockquote {
  margin-top: 15px;
  position: relative;
  text-align: justify;
  border-left: none;
  padding-left: 36px;
  border-top: 2px solid #bcbbbb;
  border-bottom: 2px solid #bcbbbb;
}
#page blockquote:before {
  content: "\201C";
  font-size: 68px;
  font-family: Georgia, serif;
  left: 0;
  top: -6px;
  position: absolute;
  color: #bcbbbb;
}
#page blockquote footer {
  margin-top: 8px;
  color: #7c7b7b;
}
#page h1 {
  margin-bottom: 30px;
}
#page h2 {
  margin-bottom: 12px;
}
#page h3 {
  margin-bottom: 12px;
}
#page h4 {
  margin-bottom: 6px;
}
#page .h2-single-scroll {
  font-size: 32px;
}
#page p + h3 {
  margin-top: 12px;
}
#page p > a,
#page .link-text {
  text-decoration: underline;
}
#page p > a:hover,
#page .link-text:hover {
  text-decoration: underline;
}
#page .colorize {
  color: #f3bc00;
}
#page nav#block-cff-topmenu {
  margin-top: 3px;
}
#page #container-top #navbar-top #lang-select ul {
  padding-top: 0;
}
#page #container-top #navbar-top #lang-select #top-menu_menu ul li:before {
  content: "";
}
#page #container-top #navbar-top #lnk-press {
  float: left;
}
#page #container-middle {
  position: relative;
}
#page #container-middle.frontpage-middle {
  z-index: 111;
}
#page .btn-cta {
  margin-top: 40px;
}
#page .field--name-field-related-project a {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
}
#page .project-info-wrapper {
  border-top: 1px solid #f3bc00;
  margin-top: 30px;
  padding-top: 21px;
}
@media (min-width: 768px) {
  #page .project-info-wrapper {
    margin-top: 4vw;
    padding-top: 3vw;
  }
}
#page .project-info-wrapper h3 {
  font-family: "Amithen", Arial Unicode MS, sans-serif;
  font-size: 50px;
  margin-bottom: 0;
}
#page .project-info-wrapper .button {
  margin-top: 30px;
}
@media (min-width: 768px) {
  #page .project-info-wrapper .button {
    margin-top: 2.5vw;
  }
}
#page .page-project-detail .field__label {
  margin-top: 12px;
  font-size: 15px;
  font-weight: bold;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  color: #303030;
}
#page .page-project-detail .field--name-field-related-project a {
  display: inline-block;
  font-size: 15px;
}
#page .page-project-detail .body-text-with-summary .box-item,
#page .page-project-detail .paragraph--type--absatz-text .box-item,
#page .page-project-detail .paragraph-2-cols .box-item,
#page .page-project-detail .paragraph-4-cols .box-item,
#page .page-project-detail .paragraph--type--absatz-einzelbild .box-item {
  padding-bottom: 0;
}
#page .page-project-detail .body-text-with-summary .box-item-content,
#page .page-project-detail .paragraph--type--absatz-text .box-item-content,
#page .page-project-detail .paragraph-2-cols .box-item-content,
#page .page-project-detail .paragraph-4-cols .box-item-content,
#page .page-project-detail .paragraph--type--absatz-einzelbild .box-item-content {
  padding-bottom: 0;
}
#page .img-gallery-slider {
  margin-top: 30px;
}
#page .body-text-with-summary .box-item-content {
  padding-left: 0;
  padding-right: 0;
}
#page .paragraph h2,
#page .paragraph h3 {
  margin-top: 0;
}
#page .subtitle {
  margin-bottom: 0.8em;
  font-size: 30px;
}
#page .field--name-field-projekt-header-title h2 {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  font-size: 20px;
}
#page .field--name-field-einleitung {
  font-style: italic;
}
#page .paragraph--type--absatz-text .box-item-content {
  padding-left: 0;
  padding-right: 0;
}
#page .paragraph--type--absatz-einzelbild .box-item-content {
  padding-left: 0;
  padding-right: 0;
}
#page .paragraph-img-txt img,
#page .paragraph-txt-img img {
  margin-top: 4px;
}
#page .page-content.even {
  background-color: white;
}
#page .page-content.odd {
  background-color: white;
}
#page .paragraph-2-cols {
  margin-top: 0;
}
#page .paragraph-2-cols p {
  margin-top: 0;
}
#page .paragraph-2-cols .box-item-content {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  #page .paragraph-2-cols .row > div:first-child {
    padding-right: 10px;
  }
  #page .paragraph-2-cols .row > div:last-child {
    padding-left: 10px;
  }
}
#page .paragraph-2-cols,
#page .paragraph-3-cols,
#page .paragraph-4-cols {
  margin-top: 0;
}
#page .paragraph-2-cols .row-centered .col-centered,
#page .paragraph-3-cols .row-centered .col-centered,
#page .paragraph-4-cols .row-centered .col-centered {
  margin-left: -2px;
  margin-right: -2px;
}
#page .paragraph-2-cols p,
#page .paragraph-3-cols p,
#page .paragraph-4-cols p {
  margin-top: 0;
}
#page .paragraph-2-cols .box-item-content,
#page .paragraph-3-cols .box-item-content,
#page .paragraph-4-cols .box-item-content {
  padding-left: 0;
  padding-right: 0;
}
#page #frontpage-featured {
  position: relative;
  z-index: 0;
  margin-top: -3vw;
  margin-bottom: 7vw;
}
#page #frontpage-featured .flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media (min-width: 992px) {
  #page #frontpage-featured .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
#page #frontpage-featured .content {
  position: relative;
  margin-bottom: 30px;
}
#page #frontpage-featured .content:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 6px;
}
#page #frontpage-featured .content-link {
  display: block;
  color: #333333;
}
#page #frontpage-featured .content-link:hover {
  color: #f3bc00;
}
#page #lp-about {
  position: relative;
  border-radius: 6px;
  height: 100%;
  background-image: url('../../../img/cff/about-bg.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  -webkit-background-size: 0 0;
          background-size: 0;
}
#page #lp-about .content {
  padding: 5.5rem;
  height: inherit;
  margin-bottom: 0;
}
#page #lp-about .btn {
  font-size: 16px;
}
#page #lp-about .button {
  margin-top: 21px;
}
@media (min-width: 768px) {
  #page #lp-about .button {
    margin-top: 3vw;
  }
}
#page #lp-about h2 {
  font-size: 40px;
}
@media (min-width: 768px) {
  #page #lp-about h2 {
    font-size: 4vw;
  }
}
#page #lp-about h3 {
  font-size: 20px;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
}
#page #lp-about p {
  margin-top: 1.5vw;
}
@media (min-width: 768px) {
  #page #lp-about p {
    width: 58%;
  }
}
@media (min-width: 768px) {
  #page #lp-about {
    -webkit-background-size: 19vw 19vw;
            background-size: 19vw;
  }
}
@media (min-width: 992px) {
  #page #lp-about {
    -webkit-background-size: 17vw 17vw;
            background-size: 17vw;
  }
}
@media (min-width: 1200px) {
  #page #lp-about {
    -webkit-background-size: 24vh 24vh;
            background-size: 24vh;
  }
}
#page #lp-about:before {
  content: "";
  background-image: url('../../../img/cff/cff-logo-bg.png');
  background-repeat: no-repeat;
  position: absolute;
  top: 6vh;
  left: -23vw;
  width: 100vw;
  height: 48vw;
  z-index: -3;
  -webkit-background-size: 46vw 46vw;
          background-size: 46vw;
}
#page .row-news-projects {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: 30px;
}
@media (min-width: 768px) {
  #page .row-news-projects {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media (min-width: 992px) {
  #page .row-news-projects {
    margin-top: 0;
  }
}
#page #lp-news {
  height: 100%;
}
#page #lp-news .img-wrapper {
  height: 171px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#page #lp-news .header {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  padding: 0 21px;
  padding-top: 19px;
  font-size: 16px;
  overflow: hidden;
}
#page #lp-news .date {
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
  color: #787878;
  padding: 0 21px;
  font-size: 14px;
  padding-bottom: 21px;
}
#page #lp-news .content {
  margin-bottom: 0;
  height: 100%;
}
#page #lp-projects,
#page #lp-info-row,
#page #lp-news {
  height: 100%;
  margin-top: 30px;
}
@media (min-width: 768px) {
  #page #lp-projects,
  #page #lp-info-row,
  #page #lp-news {
    margin-top: 0;
  }
}
#page #lp-projects .img-wrapper,
#page #lp-info-row .img-wrapper,
#page #lp-news .img-wrapper {
  height: 171px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#page #lp-projects .header,
#page #lp-info-row .header,
#page #lp-news .header {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  padding: 0 21px;
  padding-top: 19px;
  font-size: 16px;
}
#page #lp-projects .text,
#page #lp-info-row .text,
#page #lp-news .text {
  padding: 0 21px;
  font-size: 16px;
  padding-bottom: 21px;
}
#page #lp-projects .content,
#page #lp-info-row .content,
#page #lp-news .content {
  margin-bottom: 0;
  height: 100%;
}
#page .row-support {
  margin-top: 30px;
}
#page #lp-support h3 {
  font-size: 30px;
}
#page #lp-support .btn-link {
  font-size: 16px;
  margin-top: 2rem;
}
#page #lp-support .content {
  margin-bottom: 0;
  padding: 41px 21px;
}
#page #lp-support .flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media (min-width: 768px) {
  #page #lp-support .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media (min-width: 992px) {
  #page #lp-support .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
@media (min-width: 1200px) {
  #page #lp-support .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
#page #lp-support .link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
#page #lp-support .link-wrapper .btn-link {
  position: relative;
  padding-left: 58px;
  color: #333333;
  margin-top: 3rem;
}
#page #lp-support .link-wrapper .btn-link:hover {
  color: #f3bc00;
}
#page #lp-support .link-wrapper .btn-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 41px;
  height: 41px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  -webkit-box-shadow: 0px 11px 39.2px 0.8px rgba(243, 188, 0, 0.7);
          box-shadow: 0px 11px 39.2px 0.8px rgba(243, 188, 0, 0.7);
  background-image: -webkit-gradient(linear, right top, left top, from(#f3af4e), to(#f3bc00));
  background-image: -webkit-linear-gradient(right, #f3af4e 0%, #f3bc00 100%);
  background-image: -o-linear-gradient(right, #f3af4e 0%, #f3bc00 100%);
  background-image: linear-gradient(to left, #f3af4e 0%, #f3bc00 100%);
}
#page #lp-support .link-wrapper .btn-link:hover:before {
  -webkit-box-shadow: 0px 11px 39.2px 0.8px rgba(243, 188, 0, 0.7);
          box-shadow: 0px 11px 39.2px 0.8px rgba(243, 188, 0, 0.7);
  background-image: -webkit-gradient(linear, right top, left top, from(#ec9415), to(#f3bc00));
  background-image: -webkit-linear-gradient(right, #ec9415 0%, #f3bc00 100%);
  background-image: -o-linear-gradient(right, #ec9415 0%, #f3bc00 100%);
  background-image: linear-gradient(to left, #ec9415 0%, #f3bc00 100%);
}
#page #lp-support .link-wrapper .btn-link:after {
  content: "\2192";
  color: white;
  font-size: 30px;
  position: absolute;
  top: -11px;
  left: 12px;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
}
#page .lp h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.2;
}
#page .lp .box-item-content {
  background-color: white;
  height: 100%;
}
#page .lp p {
  font-size: 13px;
  margin-top: 12px;
}
@media (min-width: 992px) {
  #page #lp-info-row {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  #page #lp-content-slider {
    margin-top: 38px;
  }
}
#page #frontpage-featured div[class^="row"] {
  margin-left: -15px;
  margin-right: -15px;
}
#page #frontpage-featured div[class^="col"] {
  padding-left: 15px;
  padding-right: 15px;
}
#page #frontpage-featured .box-preview {
  margin-bottom: 0;
  height: 100%;
}
#page #frontpage-featured-1,
#page .region-frontpage-featured-1,
#page #block-aboutgff-3 {
  height: 100%;
}
#page #lp-about-gff {
  height: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  -webkit-background-size: contain;
          background-size: contain;
  background-color: white;
  margin-top: 13px;
  /*@media (min-width: @screen-md) {
    background-size: 64%;
  }
    @media (min-width: @screen-lg) {
    background-size: contain;
  }*/
}
@media (max-width: 768px) {
  #page #lp-about-gff {
    background-image: none !important;
  }
}
@media (min-width: 992px) {
  #page #lp-about-gff {
    margin-top: 0;
  }
}
#page #lp-about-gff .box-item-content {
  background-color: transparent;
}
#page #lp-about-gff p {
  font-size: 13px;
  margin-top: 12px;
}
#page #lp-about-gff p a:hover {
  text-decoration: none;
}
#page #lp-donate .field__item ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 7px;
}
#page #lp-donate .field__item ul a {
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  color: #f3bc00;
}
#page #lp-donate .field__item ul a:hover {
  color: #dc9600;
}
#page #frontpage-featured-3 .row {
  margin-left: -5px;
  margin-right: -5px;
}
#page #frontpage-featured-3 h6 {
  margin: 0;
  margin-top: -2px;
}
#page #frontpage-featured-3 p {
  font-size: 13px;
  margin: 0;
  color: #333333;
}
#page #frontpage-featured-3 a {
  display: inline-block;
}
#page #frontpage-featured-3 a:hover {
  text-decoration: none;
}
#page #frontpage-featured-3 a:hover h6,
#page #frontpage-featured-3 a:hover p {
  color: #f3bc00;
}
#page #frontpage-featured-3 .news-wrapper {
  margin-top: -3px;
}
#page #frontpage-featured-3 .teaser-row {
  margin-top: 18px;
}
#page #frontpage-info-1 h2,
#page #frontpage-featured-2 h2,
#page #frontpage-info-3 h2 {
  font-size: 20px;
  margin: 0;
  line-height: 1.2;
}
#page #frontpage-info-3 .subtitle {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 7px;
  margin-top: -5px;
}
#page #frontpage-info-1 .box-preview,
#page #frontpage-featured-2 .box-preview {
  height: 100%;
}
#page #lp-project-slider #lp-project-slider-init {
  margin-top: 12px;
}
#page #lp-project-slider .slick-prev {
  left: 10px;
}
#page #lp-project-slider .slick-next {
  right: 10px;
}
#page #lp-project-slider .slick-next,
#page #lp-project-slider .slick-prev {
  margin-top: -20px;
}
#page #lp-project-slider .date {
  font-size: 11px;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  color: #333333;
  margin-top: 12px;
}
#page #lp-project-slider a {
  color: #333333;
}
#page #lp-project-slider a:hover {
  text-decoration: none;
}
#page #lp-project-slider a:hover .date,
#page #lp-project-slider a:hover .text {
  color: #f3bc00;
}
#page #lp-project-slider .more-link {
  margin-top: 0;
  text-align: right;
}
#page #lp-project-slider .more-link a {
  display: inline-block;
  color: #f3bc00;
}
#page #lp-project-slider .more-link a:hover {
  color: #dc9600;
}
#page #lp-content-slider {
  background-color: white;
  position: relative;
  margin-bottom: 5vw;
}
#page #lp-content-slider .slick-prev {
  background-image: url('../../../img/cff/cff-arrow-left-dark.svg') !important;
}
#page #lp-content-slider .slick-next {
  background-image: url('../../../img/cff/cff-arrow-right-dark.svg') !important;
}
#page #lp-content-slider:before,
#page #lp-content-slider:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  -webkit-background-size: initial initial;
          background-size: initial;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  #page #lp-content-slider:before {
    background-position: top left;
  }
  #page #lp-content-slider:after {
    background-position: bottom right;
  }
}
#page #lp-content-slider .my-slider {
  background-color: transparent;
  padding: 0;
}
@media (min-width: 768px) {
  #page #lp-content-slider .my-slider {
    padding: 18px 0;
  }
}
@media (min-width: 768px) {
}
#page #lp-content-slider .button {
  margin-top: 18px;
}
@media (min-width: 768px) {
  #page #lp-content-slider .button {
    margin-top: 30px;
  }
}
#page #lang-select #block-gff-languageswitchercontent > div.contextual {
  right: auto;
  left: 0;
}
#page .video-box {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#page .video-box a {
  display: inline-block;
  position: absolute;
  height: 106px;
  width: 106px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#page .video-box a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -53px;
  margin-top: -53px;
  width: 100%;
  height: 100%;
  border: 4px solid white;
  opacity: 0.8;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.4);
}
#page .video-box a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  border-top: 17.5px solid transparent;
  border-bottom: 17.5px solid transparent;
  border-left: 35px solid white;
  opacity: 0.8;
  border-radius: 3px;
}
#page .video-box a:hover:before {
  border: 4px solid #f3bc00;
  -webkit-animation: pulse 1.5s cubic-bezier(0, 0.6, 0.5, 1);
       -o-animation: pulse 1.5s cubic-bezier(0, 0.6, 0.5, 1);
          animation: pulse 1.5s cubic-bezier(0, 0.6, 0.5, 1);
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.7;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.3;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
    opacity: 0.3;
  }
  50% {
    -o-transform: scale(1.1, 1.1);
       transform: scale(1.1, 1.1);
    opacity: 1.0;
  }
  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
    opacity: 0.3;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
         -o-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.3;
  }
}
#page .video-box a:hover:after {
  border-left: 35px solid #f3bc00;
}
@media (min-width: 768px) {
  #page #project-info {
    margin-top: 12px;
  }
}
#page #project-info legend {
  display: none;
}
#page #project-info ul {
  list-style: none;
  padding: 0;
}
#page #project-info ul li {
  position: relative;
  padding-left: 30px;
  margin-top: 2px;
}
#page #project-info ul li:before {
  content: "\0064";
  position: absolute;
  font-family: 'myWorld Font';
  line-height: 0;
  font-size: 29px;
  top: 10px;
  left: 0;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.00001px;
  color: #f3bc00;
}
#page #project-info p {
  margin: 0;
}
#page #project-info .field__label {
  font-size: 16px;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  color: #f3bc00;
}
#page #project-info .field__item {
  font-size: 16px;
}
@media (min-width: 768px) {
}
#page #project-info .field {
  width: 100%;
  float: left;
  margin-top: 21px;
}
@media (min-width: 768px) {
  #page #project-info .field {
    margin-top: 1.5vw;
  }
}
#page .related-news {
  margin-top: 30px;
  /*background-color: white;
    margin-top: 40px;
    h3 {
    text-transform: uppercase;
    font-size: 20px;
  }*/
  /*.news-article-slider {
    margin: 0 -20px;
  }
    .slick-slide {
    padding: 0 20px;
  }*/
}
@media (min-width: 768px) {
  #page .related-news {
    margin-top: 3vw;
  }
}
#page .related-news .view-display-id-project_related_news {
  position: relative;
}
#page .related-news .view-display-id-project_related_news:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#page .related-news .slick-track {
  margin: 0 auto;
}
#page .related-news #news-related-overview {
  margin: 0 -17px;
  max-width: 285px;
  -webkit-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  transition: all linear 0.15s;
  opacity: 1;
}
@media (min-width: 768px) {
  #page .related-news #news-related-overview {
    width: 100%;
    max-width: inherit;
  }
}
@media (min-width: 992px) {
  #page .related-news #news-related-overview {
    width: 100%;
    max-width: inherit;
  }
}
@media (min-width: 1200px) {
  #page .related-news #news-related-overview {
    width: 100%;
    max-width: inherit;
  }
}
#page .related-news #news-related-overview:not(.slick-initialized) {
  opacity: 0;
}
@media (min-width: 1200px) {
  #page .related-news #news-related-overview .slick-list {
    padding: 0 20% 0 0 !important;
  }
}
#page .related-news #news-related-overview .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#page .related-news #news-related-overview .slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
#page .related-news #news-related-overview .slick-dots li.slick-active button:before {
  color: #f3bc00;
  opacity: 1;
}
#page .related-news #news-related-overview .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#page .related-news #news-related-overview .slick-dots li button:before {
  font-family: 'slick';
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#page .related-news .col-centered {
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 14px;
  padding-right: 14px;
}
#page .related-news .slick-prev {
  left: -5px;
}
@media (min-width: 1200px) {
  #page .related-news .slick-prev {
    left: -50px;
  }
}
#page .related-news .slick-next {
  right: -5px;
}
@media (min-width: 1200px) {
  #page .related-news .slick-next {
    right: -50px;
  }
}
#page .related-news h3 {
  font-size: 30px;
}
#page .related-news .box-item {
  padding-top: 16px;
  padding-bottom: 20px;
}
#page .related-news .box-preview-wrapper {
  margin: 0px;
}
#page .related-news .box-preview {
  border-radius: 6px;
  margin-bottom: 0;
  padding: 0;
  padding-bottom: 21px;
  margin: 0 19px;
  position: relative;
}
#page .related-news .box-preview:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 5px 16.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 5px 16.78px 2.22px rgba(42, 43, 47, 0.17);
  z-index: -1;
  border-radius: 6px;
}
#page .related-news .box-preview h2 {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  padding: 0 21px;
  padding-top: 19px;
  font-size: 15px;
  height: 60px;
  overflow: hidden;
}
#page .related-news .box-preview .intro {
  margin-top: 8px;
}
#page .related-news .box-preview .date {
  margin-top: 3px;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
  color: #787878;
  padding: 0 21px;
  font-size: 14px;
}
#page .related-news .box-preview .img-wrapper {
  height: 171px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#page .related-news #related-news-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 251px;
}
@media (min-width: 768px) {
  #page .related-news #related-news-nav {
    width: 100%;
    max-width: inherit;
  }
}
@media (min-width: 992px) {
  #page .related-news #related-news-nav {
    width: 100%;
    max-width: inherit;
  }
}
@media (min-width: 1200px) {
  #page .related-news #related-news-nav {
    width: 100%;
    max-width: inherit;
  }
}
#page .related-news .slick-nav-bottom {
  margin-bottom: 30px;
}
#page .related-news .slick-nav-bottom .paging {
  display: inline-block;
  width: 85px;
  height: 22px;
  position: relative;
}
#page .related-news .slick-nav-bottom .paging .slick-prev {
  position: absolute;
  left: 0;
  width: 13px;
  height: 22px;
  background-image: url("../../../img/cff/cff-arrow-left-color.svg") !important;
  opacity: 0.85;
}
#page .related-news .slick-nav-bottom .paging .slick-prev:hover {
  opacity: 1;
}
#page .related-news .slick-nav-bottom .paging .slick-next {
  position: absolute;
  right: 0;
  width: 13px;
  height: 22px;
  background-image: url("../../../img/cff/cff-arrow-right-color.svg") !important;
  opacity: 0.85;
}
#page .related-news .slick-nav-bottom .paging .slick-next:hover {
  opacity: 1;
}
#page i {
  display: inline-block;
  position: relative;
  /* CFF icons */
}
#page i:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#page i.biosphere {
  width: 21px;
  height: 25px;
}
#page i.biosphere:before {
  background: url('../../../img/gff/icon-biosphere.png') no-repeat;
}
#page i.energy {
  width: 23px;
  height: 25px;
}
#page i.energy:before {
  background: url('../../../img/gff/icon-energy.png') no-repeat;
}
#page i.footprint {
  width: 18px;
  height: 25px;
}
#page i.footprint:before {
  background: url('../../../img/gff/icon-footprint.png') no-repeat;
}
#page i.nutrition {
  width: 20px;
  height: 25px;
}
#page i.nutrition:before {
  background: url('../../../img/gff/icon-nutrition.png') no-repeat;
}
#page i.water {
  width: 16px;
  height: 22px;
}
#page i.water:before {
  background: url('../../../img/gff/icon-water.png') no-repeat;
}
#page i.angel:before {
  background: url('../../../img/cff/icons/angel-for-a-day-events.svg') no-repeat;
}
#page i.education:before {
  background: url('../../../img/cff/icons/bildungsprojekte.svg') no-repeat;
}
#page i.adult-education:before {
  background: url('../../../img/cff/icons/erwachsenenbildung.svg') no-repeat;
}
#page i.equality:before {
  background: url('../../../img/cff/icons/foerderung-der-chancengleichheit.svg') no-repeat;
}
#page i.relief:before {
  background: url('../../../img/cff/icons/soforthilfe.svg') no-repeat;
}
#page i.partnership:before {
  background: url('../../../img/cff/icons/unternehmenskooperationen.svg') no-repeat;
}
#page i.active {
  /* CFF Icons */
}
#page i.active.biosphere:before {
  background: url('../../../img/gff/icon-biosphere-a.png') no-repeat;
}
#page i.active.energy:before {
  background: url('../../../img/gff/icon-energy-a.png') no-repeat;
}
#page i.active.footprint:before {
  background: url('../../../img/gff/icon-footprint-a.png') no-repeat;
}
#page i.active.nutrition:before {
  background: url('../../../img/gff/icon-nutrition-a.png') no-repeat;
}
#page i.active.water:before {
  background: url('../../../img/gff/icon-water-a.png') no-repeat;
}
#page i.active.angel:before {
  background: url('../../../img/cff/icons/angel-for-a-day-events.svg') no-repeat;
}
#page i.active.education:before {
  background: url('../../../img/cff/icons/bildungsprojekte.svg') no-repeat;
}
#page i.active.adult-education:before {
  background: url('../../../img/cff/icons/erwachsenenbildung.svg') no-repeat;
}
#page i.active.equality:before {
  background: url('../../../img/cff/icons/foerderung-der-chancengleichheit.svg') no-repeat;
}
#page i.active.relief:before {
  background: url('../../../img/cff/icons/soforthilfe.svg') no-repeat;
}
#page i.active.partnership:before {
  background: url('../../../img/cff/icons/unternehmenskooperationen.svg') no-repeat;
}
#page #lp-project-slider-init h2 {
  font-size: 13px;
  margin: 7px 0;
  text-transform: none;
  line-height: 1.3;
}
#page .box-preview {
  padding: 18px;
  background-color: white;
  margin-bottom: 30px;
}
#page .box-preview .head {
  font-size: 20px;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  color: #333333;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#page .box-preview i {
  float: right;
}
#page .box-preview .date {
  font-size: 11px;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  color: #333333;
  /*margin-top: 12px;*/
}
#page .box-preview h2 {
  font-size: 13px;
  margin: 0;
  text-transform: none;
  line-height: 1.3;
}
#page .box-preview p {
  font-size: 13px;
  color: #333333;
  margin-top: 0;
  line-height: normal;
  margin-top: 2px;
}
#page .box-preview a {
  color: #333333;
}
#page .box-preview a:focus {
  outline: none;
}
#page .box-preview a:hover {
  text-decoration: none;
}
#page .box-preview a:hover h2 {
  color: #f3bc00;
  outline: none;
}
#page .box-preview a:hover .head,
#page .box-preview a:hover .date,
#page .box-preview a:hover .intro {
  color: #f3bc00;
}
#page .filter-extra-col {
  font-size: 13px;
}
@media (min-width: 768px) {
  #page .filter-extra-col {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  #page .filter-extra-col {
    font-size: 13px;
  }
}
#page .filter-extra-col .filter-box {
  margin-top: 8px;
  padding-right: 18px;
}
#page .filter-extra-col h4 {
  font-size: 24px;
  text-transform: none;
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif;
}
#page .filter-extra-col .sep {
  height: 1px;
  width: 100%;
  margin-top: 10px;
  background-color: transparent;
}
#page .filter-extra-col .quickfilter {
  padding-top: 12px;
  padding-left: 32px;
}
#page .filter-extra-col .quickfilter a {
  margin-top: 18px;
  display: block;
  color: #333333;
  position: relative;
}
#page .filter-extra-col .quickfilter a:hover {
  text-decoration: none;
}
#page .filter-extra-col .quickfilter a:first-child {
  margin-top: 0;
}
#page .filter-extra-col .quickfilter a i {
  position: absolute;
  top: -2px;
  left: -30px;
  width: 25px;
  height: 25px;
}
#page .filter-extra-col .quickfilter a i.water {
  left: -28px;
}
#page .filter-extra-col .quickfilter a.active {
  color: #f3bc00;
  font-family: "CeraPro-Bold", "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#page .filter-extra-col .quickfilter a.active span {
  position: relative;
  padding-right: 18px;
}
#page .filter-extra-col .quickfilter a.active span:before {
  content: "X";
  position: absolute;
  top: 0;
  right: 0;
}
#page .filter-extra-col .quickfilter a:hover {
  color: #f3bc00;
}
#page .filter-extra-col .quickfilter span {
  display: inline-block;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  font-size: 15px;
}
@media (min-width: 768px) {
  #page .filter-extra-col .quickfilter span {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  #page .filter-extra-col .quickfilter span {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  #page .filter-extra-col .quickfilter span {
    font-size: 16px;
  }
}
#page #onepage-top-banner {
  min-height: 400px;
}
#page #onepage-top-banner .banner {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4% 0;
}
#page #onepage-top-banner .banner .row {
  background-image: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.2), transparent);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2), transparent);
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2), transparent);
  background-repeat: no-repeat;
}
#page #onepage-top-banner h2 {
  font-size: 48px;
  color: white;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  text-shadow: 0 0 46px #000000;
}
#page #project-intro .banner {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4% 0;
}
#page #project-intro .banner .row {
  background-image: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.2), transparent);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.2), transparent);
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2), transparent);
  background-repeat: no-repeat;
}
#page #project-intro .banner h2 {
  font-size: 48px;
  color: white;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  text-shadow: 0 0 46px #000000;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 {
  padding-left: 30px;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 .anchor {
  color: inherit;
  display: inline-block;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 .anchor:target {
  padding-top: 60px;
}
@media (min-width: 1200px) {
  #page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 {
    padding-left: 0;
  }
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 span {
  display: inline-block;
  position: relative;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 span:before {
  content: "";
  position: absolute;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 span.biosphere:before {
  left: -30px;
  top: 0;
  width: 21px;
  height: 25px;
  background: url('../../../img/gff/icon-biosphere.png') no-repeat;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 span.energy:before {
  left: -34px;
  top: 0;
  width: 23px;
  height: 25px;
  background: url('../../../img/gff/icon-energy.png') no-repeat;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 span.footprint:before {
  left: -30px;
  top: 0;
  width: 18px;
  height: 25px;
  background: url('../../../img/gff/icon-footprint.png') no-repeat;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 span.nutrition:before {
  left: -30px;
  top: 0;
  width: 20px;
  height: 25px;
  background: url('../../../img/gff/icon-nutrition.png') no-repeat;
}
#page #project-intro div[id^="block-projektintrokategoriebeschreibung"] h2 span.water:before {
  left: -30px;
  top: 0;
  width: 16px;
  height: 22px;
  background: url('../../../img/gff/icon-water.png') no-repeat;
}
#page #project-intro .category-box-wrapper {
  text-align: center;
}
#page #project-intro a.category-box {
  display: inline-block;
  padding: 18px;
  margin-left: -1.5px;
  margin-right: -1.5px;
  width: 50%;
}
@media (min-width: 992px) {
  #page #project-intro a.category-box {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  #page #project-intro a.category-box {
    width: 20%;
  }
}
#page #project-intro a.category-box .content {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding-top: 38px;
  padding-bottom: 21px;
}
#page #project-intro a.category-box .content:hover {
  text-decoration: none;
}
#page #project-intro a.category-box .content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#page #project-intro a.category-box .content:after {
  content: "";
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#page #project-intro a.category-box .content:hover:after {
  background-color: #000000;
  opacity: 0.5;
}
#page #project-intro a.category-box .content.biosphere:before {
  background-image: url('../../../img/gff/cat-biosphere-bg.jpg');
}
#page #project-intro a.category-box .content.energy:before {
  background-image: url('../../../img/gff/cat-energy-bg.jpg');
}
#page #project-intro a.category-box .content.footprint:before {
  background-image: url('../../../img/gff/cat-footprint-bg.jpg');
}
#page #project-intro a.category-box .content.nutrition:before {
  background-image: url('../../../img/gff/cat-nutrition-bg.jpg');
}
#page #project-intro a.category-box .content.water:before {
  background-image: url('../../../img/gff/cat-water-bg.jpg');
}
#page #project-intro a.category-box .content .img-wrapper {
  position: relative;
  z-index: 1;
}
#page #project-intro a.category-box .content img {
  position: relative;
  max-height: 72px;
}
#page #project-intro a.category-box .content .name {
  position: relative;
  color: white;
  font-size: 20px;
  display: inline-block;
  margin-top: 18px;
  padding: 0 5px;
  z-index: 1;
}
#page #project-intro a.category-box .content .name > div {
  display: inline-block;
}
#page #news-overview .box-preview,
#page #portraits-overview .box-preview {
  -webkit-box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
  border-radius: 6px;
  margin-bottom: 0;
  padding: 0;
  padding-bottom: 21px;
}
#page #news-overview .box-preview h2,
#page #portraits-overview .box-preview h2 {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  padding: 0 21px;
  padding-top: 19px;
  font-size: 16px;
}
#page #news-overview .box-preview .intro,
#page #portraits-overview .box-preview .intro {
  margin-top: 8px;
}
#page #news-overview .box-preview .date,
#page #portraits-overview .box-preview .date {
  margin-top: 3px;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
  color: #787878;
  padding: 0 21px;
  font-size: 14px;
}
#page #news-overview .box-preview .img-wrapper,
#page #portraits-overview .box-preview .img-wrapper {
  height: 171px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#page #project-overview {
  margin-top: 18px;
}
@media (min-width: 768px) {
  #page #project-overview {
    margin-top: 1vw;
  }
}
#page #project-overview .box-preview {
  -webkit-box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
  border-radius: 6px;
  margin-bottom: 0;
  padding: 0;
  padding-bottom: 21px;
}
#page #project-overview .box-preview .head {
  padding: 16px 21px 0;
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif;
  text-transform: none;
}
#page #project-overview .box-preview .head i {
  margin-left: 6px;
}
#page #project-overview .box-preview h2 {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  padding: 0 21px;
  padding-top: 19px;
  font-size: 16px;
}
#page #project-overview .box-preview .intro {
  margin-top: 8px;
}
#page #project-overview .box-preview .date {
  margin-top: 3px;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
  color: #787878;
  padding: 0 21px;
  font-size: 14px;
}
#page #project-overview .box-preview .img-wrapper {
  height: 171px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
}
#page .filter-extra-col {
  margin-top: 21px;
}
@media (min-width: 768px) {
  #page .filter-extra-col {
    margin-top: 1vw;
  }
}
#page #project-overview-intro h2 {
  font-size: 28px;
  margin-top: 27px;
}
@media (min-width: 768px) {
  #page #project-overview-intro h2 {
    margin-top: 0;
  }
}
#page #project-overview-intro p {
  margin-top: 13px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #page #project-overview-intro p {
    margin-bottom: 18px;
  }
}
#page .slider-content {
  padding: 18px 0;
  background-color: white;
}
#page .slider-content .header {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  color: #333333;
  font-size: 38px;
}
@media (min-width: 768px) {
  #page .slider-content .header {
    font-size: 48px;
  }
}
#page .slider-content .content {
  font-size: 17px;
}
@media (min-width: 768px) {
  #page .slider-content .content {
    font-size: 24px;
  }
}
#page .slider-content .slick-prev {
  left: -21px;
}
@media (min-width: 768px) {
  #page .slider-content .slick-prev {
    left: 18px;
  }
}
@media (min-width: 992px) {
  #page .slider-content .slick-prev {
    left: -25px;
  }
}
@media (min-width: 1200px) {
  #page .slider-content .slick-prev {
    left: 18px;
  }
}
#page .slider-content .slick-next {
  right: -21px;
}
@media (min-width: 768px) {
  #page .slider-content .slick-next {
    right: 18px;
  }
}
@media (min-width: 992px) {
  #page .slider-content .slick-next {
    right: -25px;
  }
}
@media (min-width: 1200px) {
  #page .slider-content .slick-next {
    right: 18px;
  }
}
#page .slider-content .slick-next,
#page .slider-content .slick-prev {
  width: 28px;
}
#page .slider-content .slick-next:before,
#page .slider-content .slick-prev:before {
  font-size: 60px;
  color: #333333;
  text-shadow: none;
}
#page .row .even {
  background-color: #f2fff2;
}
#page .search-result__snippet-info {
  padding-left: 8px;
}
#page .article-shadow {
  -webkit-box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
}
#category-info {
  display: block;
}
#category-info i {
  display: block;
  margin-bottom: 21px;
}
#category-info .spacer {
  margin-bottom: 21px;
}
#category-info span {
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif;
  text-transform: none;
  color: #333333;
  font-size: 24px;
  font-style: normal;
  padding-left: 28px;
}
#category-info .location {
  font-size: 13px;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#category-info .date {
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  font-size: 11px;
}
.pagination > li > a {
  color: #f3bc00;
}
.pagination > li.pager__item--first > a,
.pagination > li.pager__item--previous > a,
.pagination > li.pager__item--next > a,
.pagination > li.pager__item--last > a {
  color: #f3bc00;
  font-family: 'myWorld Font';
  text-decoration: none;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #f3bc00;
  border-color: #f3bc00;
  color: white;
}
h4 > span.search-result-type {
  font-size: smaller;
  color: #7c7b7b;
  font-style: italic;
  padding-right: 4px;
  background-color: transparent;
}
.modal {
  text-align: center;
}
/* Presse */
#presse #downloads .btn-link,
#presse #info .btn-link {
  font-size: 15px;
  padding: 0;
}
#presse .paragraph--type--presse-download {
  border-bottom: 2px solid #333333;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
#presse .contact-wrapper {
  padding: 18px;
  background-color: white;
}
#presse .field--name-field-aussendungen h2 {
  margin-bottom: 25px;
}
#presse .presse-aussendung {
  border-top: 2px solid #333333;
}
#presse .presse-aussendung .fl-pdf {
  padding-left: 25px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
#presse .presse-aussendung .fl-pdf:before {
  position: absolute;
  content: "\00AB";
  font-family: 'myWorld Font';
  line-height: 0;
  left: 0;
  top: 10px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.00001px;
  font-size: 28px;
  color: inherit;
}
#presse #magazine-slider .slick-prev {
  left: 0;
}
#presse #magazine-slider .slick-next {
  right: 0;
}
#presse #magazine-slider .slick-next,
#presse #magazine-slider .slick-prev {
  width: 28px;
}
#presse #magazine-slider .slick-next:before,
#presse #magazine-slider .slick-prev:before {
  font-size: 60px;
  color: #333333;
  text-shadow: none;
}
#presse #magazine-slider a:focus {
  outline: none !important;
}
#presse #magazine-slider .field__item {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#presse #magazine-slider .field__item:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
       -o-transform: scale(1.02);
          transform: scale(1.02);
}
.frente-small {
  font-family: "FrenteH1";
  font-size: 13px;
}
.frente-20,
.frente-24,
.frente-28,
.frente-32,
.frente-36,
.frente-40,
.frente-44 {
  font-family: "FrenteH1";
}
.frente-20 {
  font-size: 20px;
}
.frente-24 {
  font-size: 24px;
}
.frente-28 {
  font-size: 28px;
}
.frente-32 {
  font-size: 32px;
}
.frente-36 {
  font-size: 36px;
}
.frente-40 {
  font-size: 40px;
}
.frente-44 {
  font-size: 44px;
}
.frente-bold {
  font-weight: 900;
}
.white-on-green {
  color: #fff !important;
  background-color: #76b72a !important;
}
.black-on-green {
  color: #000 !important;
  background-color: #76b72a !important;
}
#page #onepage-top-banner.banner {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4% 0;
  text-align: center;
}
#page #onepage-top-banner.banner h2 {
  font-size: 48px;
  color: white;
  font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
  text-shadow: 0 0 46px #000000;
}
.button-cta {
  width: auto !important;
}
/* end: Presse */
/*.banner {
background-size: cover;
background-repeat: no-repeat;
min-height: 700px;
}*/
.banner img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* Facts Box */
.data-box h4 {
  font-size: 24px !important;
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif !important;
  margin-top: 5px;
  margin-bottom: 20px !important;
}
.data-box h5 {
  font-size: 20px !important;
  margin-bottom: 4px;
}
.data-box p {
  font-size: 14px;
  margin-bottom: 1.5vw;
}
/* end: Facts Box */
.cff-related-projects-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  margin: 0 -1vw;
}
.cff-related-projects-gallery a {
  padding: 1vw 1vw;
  width: 200px;
  height: 150px;
}
.cff-related-projects-gallery .img-wrapper {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
}
.cff-img-content-box {
  margin-top: 30px;
}
@media (min-width: 600px) {
  .cff-img-content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.cff-img-content-box .img-wrapper {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 50vw;
  max-height: 250px;
}
@media (min-width: 600px) {
  .cff-img-content-box .img-wrapper {
    width: 50%;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
    min-height: 280px;
    max-height: inherit;
    height: inherit;
  }
}
.cff-img-content-box .content-wrapper {
  padding-top: 33px;
  padding-bottom: 38px;
  padding-left: 28px;
  padding-right: 28px;
}
@media (min-width: 600px) {
  .cff-img-content-box .content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.cff-img-content-box .content-wrapper h3 {
  font-size: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cff-img-content-box .button {
  margin-top: 21px;
}
.cff-img-content-box.shadow {
  position: relative;
}
.cff-img-content-box.shadow:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 6px;
  -webkit-box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
}
h3.cursive {
  font-size: 50px !important;
  font-family: "Amithen", Arial Unicode MS, sans-serif !important;
}
.quick-link {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  text-decoration: none !important;
  font-size: 16px;
}
.quick-link:before {
  content: "\2193";
  position: absolute;
  top: 14px;
  left: 0;
  width: 12px;
  height: 11px;
  line-height: 0;
  font-size: 20px;
}
.cff-anchor {
  position: relative;
  display: block;
  visibility: hidden;
  top: -30px;
}
.cff-partner-box-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  margin: 0 -1vw;
}
.cff-partner-box-wrapper a,
.cff-partner-box-wrapper span.partner-company {
  display: block;
  padding: 1vw 1vw;
  width: 225px;
  height: 225px;
}
.cff-partner-box-wrapper .cff-partner-box {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 21px;
  z-index: 0;
  background: white;
  border-radius: 6px;
}
.cff-partner-box-wrapper .cff-partner-box:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 6px;
  -webkit-box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
}
.cff-partner-box-wrapper .cff-partner-box .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  background-position: center;
  position: relative;
  /*
      &:before {
        content: @fl-info-circle;
        font-family: @font-family-myworld;
        position: absolute;
        font-size: 26px;
        line-height: 0;
        width: 19px;
        height: 19px;
        right: -5px;
        bottom: -9px;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.00001px;
      }
      */
}
.cff-partner-box-wrapper .cff-partner-box .img.shrink {
  -webkit-background-size: 70% auto;
          background-size: 70% auto;
}
.cff-occasion-box {
  margin-top: 21px;
}
.cff-occasion-box .btn {
  padding: 6px 22px;
}
.cff-occasion-box .img-wrapper {
  width: 100%;
  height: 122px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.cff-occasion-box .bottom-wrapper {
  height: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
}
.cff-occasion-box .bottom-wrapper .btn {
  padding: 6px 14px;
}
.cff-occasion-box .bottom-wrapper .btn-primary {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#cff-sponsor-slider {
  margin-top: 21px;
}
#cff-sponsor-slider .box-preview-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  margin: 0 -18px;
}
#cff-sponsor-slider .box-preview-wrapper a {
  padding: 18px 18px;
  width: 225px;
  color: #333333;
  vertical-align: top;
}
#cff-sponsor-slider .box-preview-wrapper a:hover {
  color: #f3bc00;
}
#cff-sponsor-slider .box-preview {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 0;
  background: white;
  border-radius: 6px;
}
#cff-sponsor-slider .box-preview:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 6px;
  -webkit-box-shadow: 0px 5px 16.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 5px 16.78px 2.22px rgba(42, 43, 47, 0.17);
}
#cff-sponsor-slider .box-preview .bottom-wrapper {
  height: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
}
#cff-sponsor-slider .box-preview .bottom-wrapper .btn {
  padding: 6px 22px;
}
#cff-sponsor-slider .box-preview .info {
  font-size: 14px;
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
}
#cff-sponsor-slider .box-preview .name {
  font-size: 14px;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
}
#cff-sponsor-slider .img-wrapper {
  width: 100%;
  height: 122px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#cff-sponsor-slider-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#cff-sponsor-slider-nav.slick-nav-bottom {
  margin-top: 12px;
}
#cff-sponsor-slider-nav.slick-nav-bottom .paging {
  display: inline-block;
  width: 85px;
  height: 22px;
  position: relative;
}
#cff-sponsor-slider-nav.slick-nav-bottom .paging .slick-prev {
  position: absolute;
  left: 0;
  width: 13px;
  height: 22px;
  background-image: url("../../../img/cff/cff-arrow-left-color.svg") !important;
  opacity: 0.85;
}
#cff-sponsor-slider-nav.slick-nav-bottom .paging .slick-prev:hover {
  opacity: 1;
}
#cff-sponsor-slider-nav.slick-nav-bottom .paging .slick-next {
  position: absolute;
  right: 0;
  width: 13px;
  height: 22px;
  background-image: url("../../../img/cff/cff-arrow-right-color.svg") !important;
  opacity: 0.85;
}
#cff-sponsor-slider-nav.slick-nav-bottom .paging .slick-next:hover {
  opacity: 1;
}
.cff-search-wrapper {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 768px) {
  .cff-search-wrapper {
    margin-top: 3vw;
  }
}
.cff-search-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-shadow: 0px 11px 39.2px 0.8px rgba(196, 196, 196, 0.7);
          box-shadow: 0px 11px 39.2px 0.8px rgba(196, 196, 196, 0.7);
  border-radius: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (min-width: 768px) {
  .cff-search-container {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .cff-search-container {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .cff-search-container {
    width: 40%;
  }
}
.cff-search-container input {
  width: 100%;
  border: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  outline: none;
  margin: 0 15px;
}
.cff-search-container button {
  background: none;
  border: none;
  width: 21px;
  height: 21px;
  position: relative;
  padding: 0;
  margin: 0;
  margin-right: 15px;
  outline: none;
  -webkit-transition: color linear 0.15s;
  -o-transition: color linear 0.15s;
  transition: color linear 0.15s;
  color: #f3bc00;
}
.cff-search-container button:before {
  content: "\0039";
  font-family: 'myWorld Font';
  position: absolute;
  font-size: 32px;
  line-height: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: -2px;
  top: 8px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.00001px;
}
.cff-search-container button:hover {
  color: #dc9600;
}
.cff-formfield {
  -webkit-box-shadow: 0px 11px 39.2px 0.8px rgba(196, 196, 196, 0.7);
          box-shadow: 0px 11px 39.2px 0.8px rgba(196, 196, 196, 0.7);
  border: none;
  height: 50px;
  border-radius: 6px;
  padding: 0 18px;
  width: 100%;
  outline: none;
}
.cff-embassador-box-wrapper .box-preview {
  border-radius: 6px;
  padding: 0 !important;
  background-color: transparent !important;
}
.cff-embassador-box-wrapper .box-preview a {
  display: block;
  position: relative;
  z-index: 0;
}
.cff-embassador-box-wrapper .box-preview a .more-info {
  text-align: right;
  color: #f3bc00;
  -webkit-transition: color linear 0.15s;
  -o-transition: color linear 0.15s;
  transition: color linear 0.15s;
}
.cff-embassador-box-wrapper .box-preview a:hover .more-info {
  color: #dc9600;
}
.cff-embassador-box-wrapper .box-preview a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 6px;
  -webkit-box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
}
.cff-embassador-box-wrapper .box-preview .name {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif;
  text-align: left;
}
.cff-embassador-box-wrapper .box-preview .info {
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
  text-align: left;
}
.cff-embassador-box-wrapper .box-preview .more-info {
  text-align: right;
}
.cff-embassador-box-wrapper .box-preview .img-wrapper {
  height: 170px;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.cff-embassador-box-wrapper .box-preview .content-wrapper {
  padding: 21px;
  position: relative;
  background: white !important;
  z-index: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#webform-submission-frontpage-e-mail-feild-block-content-38-add-form {
  width: 100%;
}
#webform-submission-frontpage-e-mail-feild-block-content-38-add-form .form-item-email {
  width: 80%;
  margin-right: 18px;
}
#webform-submission-frontpage-e-mail-feild-block-content-38-add-form .form-item-email .form-email {
  width: 100%;
}
#webform-submission-frontpage-e-mail-feild-block-content-38-add-form .form-actions .form-submit {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
#webform-submission-frontpage-e-mail-feild-block-content-38-add-form .form-actions:after {
  content: "\2192";
  color: white;
  font-size: 30px;
  position: absolute;
  top: 2px;
  left: 16px;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
  z-index: 2;
}
#page .region-partner-main-content .cff-search-wrapper .cff-search-container label {
  display: none;
}
#page .region-partner-main-content .body-text-with-summary .box-item,
#page .region-partner-main-content .body-text-with-summary .box-item .box-item-content {
  padding: 0px;
}
#page .region-partner-main-content .view-display-id-block_3 .cff-partner-box-wrapper {
  display: block;
  margin-left: 0px;
  margin-right: 0px;
}
#page .region-partner-main-content .box-preview a {
  width: 100%;
  padding: 0px;
  height: 100%;
}
#page .region-partner-main-content .partner-company a {
  width: 100%;
  height: 100%;
}
#page .region-partner-main-content #views-exposed-form-partners-block-2 .cff-search-container input {
  height: 100%;
  border: none;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 15px;
  font-size: inherit;
  color: black;
}
#page .region-partner-main-content #views-exposed-form-partners-block-2 .cff-search-wrapper.form--inline.clearfix .col-sm-3.col-md-2 {
  display: none;
}
#page .region-partner-main-content .slick-list {
  width: 100%;
}
.newletter-form-h3 {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif !important;
  font-size: 20px !important;
}
.region-newsletter-left-menu h2 {
  font-size: 24px !important;
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif !important;
  margin-top: 5px;
  margin-bottom: 20px !important;
}
.newsletter-block .cff-newsletter .webform-options-display-side-by-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.newsletter-block .cff-newsletter .form-item-gender > input {
  width: 13px;
  height: 13px;
}
.newsletter-block .cff-newsletter .cff-formfield {
  font-size: inherit;
  border: none !important;
}
.newsletter-block .cff-newsletter .form-item-send-by-email-ja-ich-möchte-digitale-informationen-via-newsletter-oder-e-mail-erhalten input {
  width: auto;
  height: 13px;
}
.newsletter-block .cff-newsletter .webform-actions input {
  margin-top: 0px;
  display: block;
  text-align: center !important;
}
.newsletter-block .cff-newsletter h3 {
  font-family: "CeraPro-Medium", "Open Sans Semibold", Arial Unicode MS, sans-serif !important;
  font-size: 20px !important;
}
.newsletter-block .cff-newsletter .form-radio-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.newsletter-block .cff-newsletter .form-radio-wrapper > div:first-child {
  margin-right: 18px;
}
.newsletter-block .cff-newsletter .form-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.newsletter-block .cff-newsletter .form-radio input {
  margin: 0;
  padding: 0;
}
.newsletter-block .cff-newsletter .form-radio label {
  margin: 0;
  padding: 0;
  margin-left: 6px;
  line-height: 1.2;
  font-weight: normal;
}
.newsletter-block .cff-newsletter .form-row {
  margin-top: 18px;
}
.newsletter-block .cff-newsletter .form-type-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 30px;
}
.newsletter-block .cff-newsletter .form-type-checkbox input {
  margin-top: 6px;
  width: auto;
  height: auto;
}
.newsletter-block .cff-newsletter .form-type-checkbox label {
  margin-left: 12px;
  margin-bottom: 0;
  font-weight: normal;
}
.newsletter-block .cff-newsletter .button {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}
#cff-sponsor-slider .box-preview-wrapper.cff-partner-box-wrapper {
  margin-top: 21px;
}
#cff-sponsor-slider .view-id-partners .view-filters.row.corp-filter {
  margin-right: 0px;
}
#cff-sponsor-slider .box-preview-wrapper div.node--view-mode-box-preview-small {
  padding: 18px 18px;
  width: 225px;
  color: #333333;
  vertical-align: top;
}
#cff-sponsor-slider .box-preview-wrapper div.node--view-mode-box-preview-small:hover {
  color: #f3bc00;
}
.region-taxonomy-term-content .block-views-blocktaxonomy-term-block-1 .article-shadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.region-taxonomy-term-content .block-views-blocktaxonomy-term-block-1 .node__content .node__links {
  display: none;
}
.ambassador-full-page-details .banner,
.ambassador-full-page-details h1 {
  margin-bottom: 5px !important;
}
.ambassador-full-page-details .banner img {
  width: 100%;
}
.ambassador-full-page-details #ambassador-type {
  text-align: right;
  font-size: 50px !important;
  font-family: 'Amithen', Arial Unicode MS, sans-serif !important;
}
.ambassador-full-page-details #ambassador-external-link {
  padding-right: 18px;
  padding-left: 18px;
}
.region-donations-left-menu h2 {
  font-size: 24px !important;
  font-family: "CeraPro-Light", "Open Sans Light", Arial Unicode MS, sans-serif !important;
  margin-top: 5px;
  margin-bottom: 20px !important;
}
.region-donations-left-menu .box-item,
.region-donations-left-menu .box-item-content {
  padding: 0px;
}
#magazine-slider button.slick-prev.slick-arrow {
  background-image: url('../../../img/cff/cff-arrow-left-dark.svg') !important;
}
#magazine-slider button.slick-next.slick-arrow {
  background-image: url('../../../img/cff/cff-arrow-right-dark.svg') !important;
}
.video-embed-field-launch-modal,
.masonry-brick > .field-content {
  position: relative;
  cursor: pointer;
}
.video-embed-field-launch-modal::after {
  content: url("../../../img/cff/btn-play-video.png");
  top: 50%;
  left: 50%;
  position: absolute;
  /* z-index: 1; */
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.8;
  cursor: pointer;
}
.masonry-brick > .field-content::after {
  font-family: 'myWorld Font';
  content: "9";
  bottom: -4px;
  right: 6px;
  position: absolute;
  /* z-index: 1; */
  opacity: 0.8;
  cursor: pointer;
  font-size: 32px;
  color: #f3bc00;
}
.video-embed-field-provider-html-5.video-embed-field-responsive-video::after {
  padding-bottom: 5em;
}
#frontpage-news-slider .slick-prev,
#frontpage-news-slider .slick-next {
  top: 28%;
}
#frontpage-news-slider .slick-prev {
  left: 4px;
}
#frontpage-news-slider .slick-next {
  right: 4px;
}
#category-info .school-name {
  margin-top: 12px;
}
#category-info .button.btn-width-full {
  margin-top: 5px;
}
.node--type-fundraising-form .paragraph--type--fundraising-form-bild-and-text .field--name-field-a-text p {
  position: relative !important;
  z-index: 1 !important;
}
.node--type-fundraising-form .paragraph--type--fundraising-form-bild-and-text .shadow {
  margin-top: 0px;
}
.cff-partner-box-wrapper .cff-partner-box button.partner-info-circle {
  background: none;
  border: none;
  width: 21px;
  height: 21px;
  position: relative;
  padding: 0;
  outline: none;
  -webkit-transition: color linear 0.15s;
  -o-transition: color linear 0.15s;
  transition: color linear 0.15s;
  color: #f3bc00;
  margin-right: 0 !important;
  margin-left: auto;
  display: block;
}
.cff-partner-box-wrapper .cff-partner-box button.partner-info-circle:before {
  content: "\00FB";
  font-family: 'myWorld Font';
  position: absolute;
  font-size: 28px;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.00001px;
  top: -3px;
}
.cff-partner-box-wrapper .cff-partner-box button.partner-info-circle:hover {
  color: #dc9600;
}
.masonry-box {
  margin: 10px;
  -webkit-box-shadow: 10px 5px 5px rgba(42, 43, 47, 0.17);
          box-shadow: 10px 5px 5px rgba(42, 43, 47, 0.17);
}
ul.lightgallery {
  list-style-type: none;
}
ul.lightgallery li {
  margin: 10px;
  -webkit-box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
          box-shadow: 0px 29px 108.78px 2.22px rgba(42, 43, 47, 0.17);
}
ul.lightgallery li .img-responsive {
  border-radius: 6px;
}
a.myworld-icon-tile {
  display: block;
  margin-bottom: -2em;
}
a.myworld-icon-tile:before {
  font-family: 'myWorld Font';
  content: 'J';
  font-size: 32px;
  padding-right: 4px;
}
a.myworld-icon-doc:before {
  font-family: 'myWorld Font';
  content: 'b';
  font-size: 32px;
  padding-right: 4px;
}
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  background-image: none;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  -o-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
  opacity: 1;
}
.lSAction > .lSPrev {
  position: absolute;
  left: 0;
  background-position: 0;
  background-repeat: no-repeat;
  width: 25px;
  height: 41px;
  background-image: url(../../../img/cff/cff-arrow-left-color.svg) !important;
  opacity: 0.85;
}
.lSAction > .lSNext {
  position: absolute;
  right: 0;
  background-position: 0;
  background-repeat: no-repeat;
  width: 25px;
  height: 41px;
  background-image: url(../../../img/cff/cff-arrow-right-color.svg) !important;
  opacity: 0.85;
}
.full-width-div {
  width: 60vw;
  position: relative;
  left: calc(-5vw);
}
/* project country filter display*/
.project-country-filter {
  margin: 1em 0;
}
.project-country-filter label {
  display: none;
}
.project-country-filter .ui-autocomplete.ui-front a.ui-menu-item-wrapper {
  font-size: 1.1em;
  font-family: "Open Sans", Sans-Serif;
}
.project-country-filter .button {
  /* padding: 0; */
  width: 2em;
  color: green;
  font-weight: bold;
  height: 22px;
}
div.masonry-grid,
#project-overview,
#news-overview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
  grid-gap: 24px;
}
div.masonry-grid .box-item,
#project-overview .box-item,
#news-overview .box-item,
div.masonry-grid .box-preview,
#project-overview .box-preview,
#news-overview .box-preview {
  height: 100%;
}
div#project-overview.row:before,
div#news-overview.row:before {
  content: none;
}
.frontpage-main-banner {
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4% 0;
  text-align: center;
  height: 72vh;
}
#page .frontpage-banner-content {
  position: relative;
  margin-top: 46vh;
}
#page .frontpage-banner-content h1 {
  color: white;
  font-family: "CeraPro-Regular", "Open Sans", Arial Unicode MS, sans-serif;
  text-shadow: 2px 1px 4px #dc9600;
}
#page .frontpage-banner-content .btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.79);
  color: #f3bc00 !important;
  font-size: 18px;
}
.lg-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul.lg-flex-grid {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
li.lg-flex-grid-item {
  padding: 0;
  justify-self: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}