@charset "UTF-8";

/*
* Importiere Schriften und Init Dinge
*/

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url("../../node_modules/lightbox2/dist/images/loading.gif") no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url("../../node_modules/lightbox2/dist/images/prev.png") left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url("../../node_modules/lightbox2/dist/images/next.png") right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url("../../node_modules/lightbox2/dist/images/close.png") top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%20fill%3D%23007aff%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%20fill%3D%23007aff%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%20fill%3D%23ffffff%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%20fill%3D%23ffffff%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%20fill%3D%23000000%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Dhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%20viewBox%3D0%200%2027%2044%3E%3Cpath%20d%3DM27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%20fill%3D%23000000%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: .2s transform,.2s top,.2s -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: .2s transform,.2s left,.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255,255,255,.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0,0,0,.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
  animation: swiper-preloader-spin 1s steps(12,end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* iCheck plugin Flat skin
----------------------------------- */

.icheckbox_flat,
.iradio_flat {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/flat.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat {
  background-position: 0 0;
}

.icheckbox_flat.checked {
  background-position: -22px 0;
}

.icheckbox_flat.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat {
  background-position: -88px 0;
}

.iradio_flat.checked {
  background-position: -110px 0;
}

.iradio_flat.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat,
  .iradio_flat {
    background-image: url("Includes/iCheck/skins/flat/flat@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* red */

.icheckbox_flat-red,
.iradio_flat-red {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/red.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-red {
  background-position: 0 0;
}

.icheckbox_flat-red.checked {
  background-position: -22px 0;
}

.icheckbox_flat-red.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-red.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-red {
  background-position: -88px 0;
}

.iradio_flat-red.checked {
  background-position: -110px 0;
}

.iradio_flat-red.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-red.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-red,
  .iradio_flat-red {
    background-image: url("Includes/iCheck/skins/flat/red@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* green */

.icheckbox_flat-green,
.iradio_flat-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/green.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-green {
  background-position: 0 0;
}

.icheckbox_flat-green.checked {
  background-position: -22px 0;
}

.icheckbox_flat-green.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-green.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-green {
  background-position: -88px 0;
}

.iradio_flat-green.checked {
  background-position: -110px 0;
}

.iradio_flat-green.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-green.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-green,
  .iradio_flat-green {
    background-image: url("Includes/iCheck/skins/flat/green@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* blue */

.icheckbox_flat-blue,
.iradio_flat-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("/typo3conf/ext/ig_project/Resources/Frontend/dist/css/img/blue.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-blue {
  background-position: 0 0;
}

.icheckbox_flat-blue.checked {
  background-position: -22px 0;
}

.icheckbox_flat-blue.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-blue.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-blue {
  background-position: -88px 0;
}

.iradio_flat-blue.checked {
  background-position: -110px 0;
}

.iradio_flat-blue.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-blue.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-blue,
  .iradio_flat-blue {
    background-image: url("/typo3conf/ext/ig_project/Resources/Frontend/dist/css/img/blue@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* aero */

.icheckbox_flat-aero,
.iradio_flat-aero {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/aero.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-aero {
  background-position: 0 0;
}

.icheckbox_flat-aero.checked {
  background-position: -22px 0;
}

.icheckbox_flat-aero.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-aero.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-aero {
  background-position: -88px 0;
}

.iradio_flat-aero.checked {
  background-position: -110px 0;
}

.iradio_flat-aero.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-aero.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-aero,
  .iradio_flat-aero {
    background-image: url("Includes/iCheck/skins/flat/aero@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* grey */

.icheckbox_flat-grey,
.iradio_flat-grey {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/grey.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-grey {
  background-position: 0 0;
}

.icheckbox_flat-grey.checked {
  background-position: -22px 0;
}

.icheckbox_flat-grey.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-grey.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-grey {
  background-position: -88px 0;
}

.iradio_flat-grey.checked {
  background-position: -110px 0;
}

.iradio_flat-grey.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-grey.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-grey,
  .iradio_flat-grey {
    background-image: url("Includes/iCheck/skins/flat/grey@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* orange */

.icheckbox_flat-orange,
.iradio_flat-orange {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/orange.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-orange {
  background-position: 0 0;
}

.icheckbox_flat-orange.checked {
  background-position: -22px 0;
}

.icheckbox_flat-orange.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-orange.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-orange {
  background-position: -88px 0;
}

.iradio_flat-orange.checked {
  background-position: -110px 0;
}

.iradio_flat-orange.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-orange.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-orange,
  .iradio_flat-orange {
    background-image: url("Includes/iCheck/skins/flat/orange@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* yellow */

.icheckbox_flat-yellow,
.iradio_flat-yellow {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/yellow.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-yellow {
  background-position: 0 0;
}

.icheckbox_flat-yellow.checked {
  background-position: -22px 0;
}

.icheckbox_flat-yellow.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-yellow.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-yellow {
  background-position: -88px 0;
}

.iradio_flat-yellow.checked {
  background-position: -110px 0;
}

.iradio_flat-yellow.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-yellow.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-yellow,
  .iradio_flat-yellow {
    background-image: url("Includes/iCheck/skins/flat/yellow@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* pink */

.icheckbox_flat-pink,
.iradio_flat-pink {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/pink.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-pink {
  background-position: 0 0;
}

.icheckbox_flat-pink.checked {
  background-position: -22px 0;
}

.icheckbox_flat-pink.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-pink.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-pink {
  background-position: -88px 0;
}

.iradio_flat-pink.checked {
  background-position: -110px 0;
}

.iradio_flat-pink.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-pink.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-pink,
  .iradio_flat-pink {
    background-image: url("Includes/iCheck/skins/flat/pink@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

/* purple */

.icheckbox_flat-purple,
.iradio_flat-purple {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("Includes/iCheck/skins/flat/purple.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-purple {
  background-position: 0 0;
}

.icheckbox_flat-purple.checked {
  background-position: -22px 0;
}

.icheckbox_flat-purple.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-purple.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-purple {
  background-position: -88px 0;
}

.iradio_flat-purple.checked {
  background-position: -110px 0;
}

.iradio_flat-purple.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-purple.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_flat-purple,
  .iradio_flat-purple {
    background-image: url("Includes/iCheck/skins/flat/purple@2x.png");
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}

.producer-teaser {
  background: #fff;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.producer-teaser-image {
  float: left;
  width: 250px;
}

.produkt-teaser-image img {
  margin-top: 15px;
  max-width: 200px;
}

.produkt-teaser-image img.platzhalter {
  margin-top: 30px;
}

.produkt-teaser-image {
  text-align: center;
}

.producer-teaser-text {
  padding: 30px 30px 20px 20px;
  min-height: 180px;
  overflow: hidden;
}

#mapProducer2 {
  margin-bottom: 30px;
}

.prodcontent-content ul {
  padding-left: 30px;
}

.prodcontent-content ul li {
  list-style: outer;
  list-style-type: disc;
}

.infobox {
  background: #00C6EA;
  color: #fff;
  padding: 20px;
  height: 350px;
}

.infobox p,
.infobox a {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
}

.infobox a {
  text-decoration: underline;
}

span.mehr {
  color: #00C6EA;
}

.product-detail .button.back {
  background: #00b9e4 none repeat scroll 0 0;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  padding: 8px 22px;
  color: #fff;
}

.newbutton {
  color: #00b9e4;
}

.dev {
  background: url("/typo3conf/ext/igx_products/Resources/Public/Icons/dev.jpg") top center no-repeat;
  width: 870px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  z-index: 1000;
  display: none;
}

.tx-igx-products {
  margin-bottom: 50px;
  position: relative;
}

.tx-igx-products a {
  text-decoration: none !important;
}

.tx-igx-products .row.nomargin {
  margin: 0;
}

.tx-igx-products .row.nomargin .col {
  padding: 0px;
}

.tx-igx-products .row.reiter {
  padding-bottom: 4px;
  background: #00B9E4;
  background: #00c6ea;
}

.tx-igx-products .row.reiter.type2 {
  background: #e6e6e6;
}

.tx-igx-products .row.reiter.type3 {
  background: #FFA02F;
}

.tx-igx-products .col.reiter a {
  display: block;
  padding: 10px 0px;
  text-align: center;
  font-size: 24px;
  font-family: "Veneer","Arial",sans-serif;
}

.tx-igx-products a.reiterkonsument {
  background: #00c6ea;
  color: #fff;
}

.tx-igx-products a.reitergastro {
  background: #E6E6E6;
  color: #000;
}

.tx-igx-products a.reitermerkzettel {
  background: #FFA02F;
  color: #fff;
}

.filterform .dashboard {
  xopacity: 0;
  background: #fff;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.filterform .dashboard .filteroptions {
  margin: -1px 30px 0px 30px;
  padding: 0px 0px 30px 0px;
  position: relative;
}

.filterform .dashboard .filteroptions .subcategories {
  margin: 0px 0px 20px 0px;
}

.filterform .dashboard .filteroptions .col {
  padding: 0px 0px 0px 0px;
}

.tx-igx-products .bx-wrapper .bx-controls-direction a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #b4b4b4;
  font-size: 45px;
  height: 60px;
  line-height: 60px;
  margin-top: -30px;
  width: 30px;
  font-size: 24px;
  height: 40px;
  line-height: 60px;
  margin-top: -37px;
  width: 34px;
}

.tx-igx-products .bx-wrapper .bx-controls-direction .bx-prev {
  margin-left: -42px;
}

.tx-igx-products .bx-wrapper .bx-controls-direction .bx-next {
  margin-right: -42px;
}

.tx-igx-products .bx-wrapper .bx-viewport {
  xpadding: 27px 0px 0px 0px;
  padding-left: 10px;
}

.tx-igx-products .bx-wrapper .bx-viewport li {
  text-align: center;
  word-break: auto;
  padding: 27px 0px 0px 0px;
  height: 145px;
  margin-bottom: 20px;
}

.tx-igx-products .bx-wrapper .bx-viewport li span {
  font-size: 10px;
  font-weight: bold;
  padding: 4px 0px;
  color: #333;
  display: inline-block;
  line-height: 10px;
}

.tx-igx-products .bx-wrapper .bx-viewport li img {
  margin: auto;
}

.tx-igx-products .bx-wrapper .bx-viewport li a:hover,
.tx-igx-products .bx-wrapper .bx-viewport li.active a {
  position: relative;
}

.no .tx-igx-products .bx-wrapper .bx-viewport li.active a:after,
.no .tx-igx-products .bx-wrapper .bx-viewport li.active a:before,
.no .tx-igx-products .bx-wrapper .bx-viewport li a:hover:after,
.no .tx-igx-products .bx-wrapper .bx-viewport li a:hover:before {
  xbottom: -55px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: 31px;
}

.no .tx-igx-products .bx-wrapper .bx-viewport li.active a:after,
.no .tx-igx-products .bx-wrapper .bx-viewport li a:hover:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #00c6ea;
  border-width: 20px;
  margin-left: -20px;
}

.no .tx-igx-products .bx-wrapper .bx-viewport li.active a:before,
.no .tx-igx-products .bx-wrapper .bx-viewport li a:hover:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #00c6ea;
  border-width: 21.5px;
  margin-left: -21.5px;
  border-width: 19.5px;
  margin-left: -19.5px;
  top: 30px;
}

.tx-igx-products .bx-wrapper .bx-viewport li.allcat.active a:before,
.tx-igx-products .bx-wrapper .bx-viewport li.allcat.active a:after,
.tx-igx-products .bx-wrapper .bx-viewport li.allcat:hover a:before,
.tx-igx-products .bx-wrapper .bx-viewport li.allcat:hover a:after {
  border: 0px none;
}

.filterform  p.label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.filterform  .filtervolltextsuche {
  display: block;
  width: 80%;
  margin-bottom: 30px;
  height: 40px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 3px;
  transition: border 0.3s linear 0s;
}

.filterform  .volltextsuche {
  display: block;
  width: 80%;
  margin-bottom: 30px;
}

.tx-igx-products .check {
  margin-right: 30px;
}

.tx-igx-products .check .checkbox {
  margin-right: 5px;
}

x.tx-igx-products .chosen-drop {
  width: auto!important;
  overflow: scroll;
  max-height: 350px;
}

.subcategories {
  position: relative;
  position: absolute;
  width: 100%;
}

.subcategories .subs {
  display: none;
  xbackground: #00b9e4;
  background: #00c6ea;
  position: absolute;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 39;
  padding: 20px;
  box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.35);
}

.subcategories .subs .check {
  display: inline-block;
  margin: 0;
  width: 45%;
}

.subcategories .subs .filtersubmit {
  float: right;
  background: #bed600;
  color: #fff;
  border: 1px solid #007d96;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 12px 25px;
}

.subcategories .subs .close {
  position: absolute;
  top: 10px;
  right: 12px;
  height: 20px;
  width: 20px;
  text-align: center;
}

.filteroptions .active_filters {
  xborder-top: 1px solid #b8b8b8;
  xpadding-bottom: 20px;
  xmargin-bottom: 20px;
}

.filteroptions .active_filters .label {
  width: 50%;
}

.filteroptions .active_filters .pill {
  background: #00B9E4;
  padding: 5px 15px 5px 10px;
  border-radius: 5px;
  color: #fff;
  margin: 0px 0px 4px 0px;
  position: relative;
  display: inline-block;
}

.filteroptions .active_filters .share {
  float: right;
}

.filteroptions .pill:before {
  content: "\e967";
  color: #fff;
  font-size: 7px;
  font-family: 'fairtrade';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  position: absolute;
  right: 3px;
  top: 3px;
}

.subcategories .subs .close:before {
  content: "\e967";
  color: #fff;
  font-size: 16px;
  font-family: 'fairtrade';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0px;
}

.flinks {
  float: right;
}

.filteroptions .filtersubmit {
  background: #bed600;
  color: #fff;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 9px 25px 7px;
  display: inline-block;
  margin-top: 10px;
}

.filterform   .filtersubmit:hover {
  background: #cde700;
}

.filteroptions .filtercancel {
  background: #D2D2D2;
  color: #666;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 9px 25px 7px;
  display: inline-block;
  margin-top: 10px;
}

.filterform  .filtercancel:hover {
  background: #E6E6E6;
}

.filteroptions .filtercopy {
  background: #FFA02F;
  color: #fff;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 9px 25px 7px;
  display: inline-block;
  margin-top: 10px;
}

.filterform   .filtercopy:hover {
  background: #FFAE3D;
}

.pagebrowser {
  padding: 20px 0px 0px 0px;
  background: transparent!important;
}

.pagebrowser .pageinfo,
.pagebrowser .pagenum,
.pagebrowser .pagelimit {
  margin-bottom: 20px;
}

.pagebrowser .page,
.pagebrowser .limit {
  background: transparent;
  border: 1px solid #ddd;
  border: 1px solid rgba(0,0,0,0.5);
  padding: 5px 5px;
  width: 33px;
  display: inline-block;
  text-align: center;
  color: #666;
  color: rgba(0,0,0,0.5);
  font-weight: bold;
  margin: 0px 3px;
  text-decoration: none;
  font-size: 14px;
}

.pagebrowser .pageinfo {
  padding-top: 8px;
}

.pagebrowser .active,
.pagebrowser .page:hover,
.pagebrowser .limit:hover {
  background: #00c6ea;
  border: 1px solid #00c6ea;
  color: #fff;
}

.pagebrowser span {
  color: #666;
  font-size: 12px;
  font-weight: bold;
}

.pagebrowser span span {
  color: #00c6ea;
}

.pagebrowser .pagenum {
  text-align: center;
}

.pagebrowser .pagelimit {
  text-align: right;
}

.pagebrowser .pagenum .arr {
  color: #aaa;
  font-weight: bold;
  margin: 0px 2px;
  display: none;
}

.subcategories .subs span {
  color: #fff;
  font-weight: bold;
}

.productbox_wrap {
  margin: 15px 0px;
}

.productbox {
  display: block;
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 15px 20px 10px;
  text-align: center;
  height: 240px;
  position: relative;
}

.productbox img {
  display: block;
  clear: both;
  text-align: center;
  margin: auto;
}

.productbox span.product_name {
  bottom: 0;
  display: table;
  height: 70px;
  left: 0;
  margin: 5px 0;
  padding: 0 20px;
  position: absolute;
  width: 100%;
  vertical-align: middle;
}

.productbox span.product_name_text {
  color: #333;
  display: table-cell;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.tx-fairproducts-pi1 {
  display: none;
}

.filter_wrap {
  position: relative;
}

.filter_loader {
  background: rgba(43, 54, 62, 0.9) none repeat scroll 0 0;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 40;
}

.filter_loader svg {
  height: 100px;
  margin-top: -35px;
  position: relative;
  text-align: center;
  top: 40%;
  width: 100%;
}

.merkzettel {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 44;
}

.merkzettel p {
  position: absolute;
  text-align: center;
  top: 100px;
  width: 100%;
}

.product-detail .fairtradecode {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 15px;
  color: #1e1e1e;
  font-family: "Veneer","Arial",sans-serif;
  text-transform: uppercase;
  text-align: right;
  display: block;
}

.product-detail-text {
  float: left;
}

.product-detail-image {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  padding: 25px 20px 20px;
  position: relative;
  text-align: center;
}

.product-detail .border-grey,
.product-detail .border-pink {
  padding-top: 30px;
}

.product-detail-text-wrap .clear {
  clear: both;
}

.product-detail .line-break {
  margin-bottom: 30px;
}

.vendorlist {
  width: 100%;
  display: block;
  float: left;
}

.vendorlist li {
  font-size: 15px;
  font-weight: bold;
  list-style-type: circle;
  list-style: outside;
  padding: 10px 0px 10px 0px;
  margin-left: 20px;
  xwidth: 31%;
  xfloat: left;
}

.vendorlist li span {
  color: #666;
}

.vendorlist li a {
  color: #E0119D;
}

.productbox_wrap {
  position: relative;
}

.productbox_wrap .badges {
  position: absolute;
  right: 6px;
  top: 0;
  width: auto;
}

.productbox_wrap .badges .openpopup {
  background: #FFA02F none repeat scroll 0 0;
  cursor: crosshair;
}

.productbox_wrap .badges .openpopup:before {
  content: "\e914";
}

.productbox_wrap .badges span {
  color: #fff;
  cursor: default;
  display: inline-block;
  float: right;
  font-size: 18px;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}

.productbox_wrap .badges span.ecke {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #2b363e transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}

.merkzettel {
  overflow-y: scroll;
}

.merkzettel .merk_prod {
  margin: 15px 0;
}

.merkzettel .merk_prod img {
  clear: both;
  display: block;
  margin: auto;
  text-align: center;
  max-height: 66px;
  xmax-width: 50px;
  xheight: auto;
  width: auto;
  margin-top: 5px;
}

.merkzettel .merk_prod a {
  color: #333;
  border: 1px solid #e6e6e6;
  display: block;
  height: 140px;
  padding: 10px 15px 5x;
  position: relative;
  text-align: center;
}

.merkzettel .merk_prod span.product_name {
  bottom: 0;
  display: table;
  height: 70px;
  left: 0;
  margin: 5px 0;
  padding: 0 5px;
  position: absolute;
  vertical-align: middle;
  width: 100%;
}

.merkzettel .merk_prod span.product_name_text {
  color: #333;
  display: table-cell;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

.merkzettel .merk_prod .badges {
  position: absolute;
  right: 10px;
  top: 0;
  width: auto;
}

.merkzettel .merk_prod .badges .openpopup {
  background: #FFA02F none repeat scroll 0 0;
  cursor: pointer;
}

.merkzettel .merk_prod .badges .openpopup:before {
  content: "\e912";
}

.merkzettel .merk_prod .badges span {
  color: #fff;
  cursor: default;
  display: inline-block;
  float: right;
  font-size: 9px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px;
}

.merkzettel .merk_prod .badges span.ecke {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: #2b363e transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}

.tx-igx-products .catimage {
  position: relative;
  width: 70px;
  height: 70px;
  display: block;
  font-weight: normal;
}

.tx-igx-products .catimage:before {
  font-family: fairtrade;
  font-weight: normal;
  font-size: 60px;
  position: absolute;
  top: 30px;
  left: 5px;
  color: #fff;
}

.catimage1542 {
  background: #6e6e6e;
}

.tx-igx-products .catimageBan {
  background: #fecb00;
}

.tx-igx-products .catimageBan:before {
  content: "\e922";
}

.tx-igx-products .catimage0 {
  /* Alle Kategorien */
  background: #00b9e4;
}

.tx-igx-products .catimage0:before {
  /* Alle Kategorien */
  content: "\e92c";
}

.tx-igx-products .catimage261 {
  /* Automaten */
  background: #6e6e6e;
}

.tx-igx-products .catimage261:before {
  /* Automaten */
  background: #6e6e6e;
}

.tx-igx-products .catimage12,
.tx-igx-products .catimage21,
.tx-igx-products .catimage247,
.tx-igx-products .catimage1271 {
  /* Baumwollprodukte */
  background: #e6e6e6;
}

.tx-igx-products .catimage12:before,
.tx-igx-products .catimage21:before,
.tx-igx-products .catimage247:before,
.tx-igx-products .catimage1271:before {
  /* Baumwollprodukte */
  content: "\e93e";
}

.tx-igx-products .catimage22,
.tx-igx-products .catimage248,
.tx-igx-products .catimage14,
.tx-igx-products .catimage1273,
.tx-igx-products .catimageBlu {
  /* Blumen */
  background: #e00034;
}

.tx-igx-products .catimage22:before,
.tx-igx-products .catimage248:before,
.tx-igx-products .catimage14:before,
.tx-igx-products .catimage1273:before,
.tx-igx-products .catimageBlu:before {
  /* Blumen */
  content: "\e921";
}

.tx-igx-products .catimage16,
.tx-igx-products .catimage23,
.tx-igx-products .catimage249,
.tx-igx-products .catimage1275 {
  /* Fr�chte */
  background: #ffa02f;
}

.tx-igx-products .catimage16:before,
.tx-igx-products .catimage23:before,
.tx-igx-products .catimage249:before,
.tx-igx-products .catimage1275:before {
  /* Fr�chte */
  content: "\e922";
}

.tx-igx-products .catimage17,
.tx-igx-products .catimage20,
.tx-igx-products .catimage1276 {
  /* Fr�chts�fte Gem�se */
  background: #fecb00;
}

.tx-igx-products .catimage17:before,
.tx-igx-products .catimage20:before,
.tx-igx-products .catimage1276:before {
  /* Fr�chts�fte Gem�se */
  content: "\e922";
}

.tx-igx-products .catimage1279 {
  /*  Gem�se */
  background: #9baf00;
}

.tx-igx-products .catimage1279:before {
  /*  Gem�se */
  content: "\e924";
}

.tx-igx-products .catimage24,
.tx-igx-products .catimage250,
.tx-igx-products .catimage2,
.tx-igx-products .catimage1261,
.tx-igx-products .catimageGet {
  /* Getr�nke */
  background: #fecb00;
  background: #00b9e4;
}

.tx-igx-products .catimage24:before,
.tx-igx-products .catimage250:before,
.tx-igx-products .catimage2:before,
.tx-igx-products .catimage1261:before,
.tx-igx-products .catimageGet:before {
  /* Getr�nke */
  content: "\e925";
}

.tx-igx-products .catimage4,
.tx-igx-products .catimage19,
.tx-igx-products .catimage251,
.tx-igx-products .catimage1263,
.tx-igx-products .catimageGew {
  /* Gew�rze */
  background: #632900;
}

.tx-igx-products .catimage4:before,
.tx-igx-products .catimage19:before,
.tx-igx-products .catimage251:before,
.tx-igx-products .catimage1263:before,
.tx-igx-products .catimageGew:before {
  /* Gew�rze */
  content: "\e926";
}

.tx-igx-products .catimage1278 {
  /* �L */
  background: #9baf00;
}

.tx-igx-products .catimage1278:before {
  /* �L */
  content: "\e926";
}

.tx-igx-products .catimage9,
.tx-igx-products .catimage78,
.tx-igx-products .catimage303,
.tx-igx-products .catimage1268,
.tx-igx-products .catimage1643 {
  /* Gold */
  background: #fecb00;
}

.tx-igx-products .catimage9:before,
.tx-igx-products .catimage78:before,
.tx-igx-products .catimage303:before,
.tx-igx-products .catimage1268:before,
.tx-igx-products .catimage1643:before {
  /* Gold */
  content: "\e927";
}

.tx-igx-products .catimage9,
.tx-igx-products .catimage35 {
  /* Holz */
  background: #632900;
}

.tx-igx-products .catimage9:before,
.tx-igx-products .catimage35:before {
  /* Holz */
}

.tx-igx-products .catimage13,
.tx-igx-products .catimage252,
.tx-igx-products .catimage26,
.tx-igx-products .catimage1272,
.tx-igx-products .catimageHon {
  /* Honig */
  background: #ffa02f;
}

.tx-igx-products .catimage13:before,
.tx-igx-products .catimage252:before,
.tx-igx-products .catimage26:before,
.tx-igx-products .catimage1272:before,
.tx-igx-products .catimageHon:before {
  /* Honig */
  content: "\e928";
}

.tx-igx-products .catimage28,
.tx-igx-products .catimage254,
.tx-igx-products .catimage7,
.tx-igx-products .catimageKak {
  /* Kakao */
  background: #632900;
}

.tx-igx-products .catimage28:before,
.tx-igx-products .catimage254:before,
.tx-igx-products .catimage7:before,
.tx-igx-products .catimageKak:before {
  /* Kakao */
  content: "\e92a";
}

.tx-igx-products .catimage1,
.tx-igx-products .catimage253,
.tx-igx-products .catimage27,
.tx-igx-products .catimage1260 {
  /* Kaffee */
  background: #632900;
}

.tx-igx-products .catimage1:before,
.tx-igx-products .catimage253:before,
.tx-igx-products .catimage27:before,
.tx-igx-products .catimage1260:before {
  /* Kaffee */
  content: "\e929";
}

.tx-igx-products .catimage25 {
  /* Koch- & Backhilfen */
  background: #e00034;
}

.tx-igx-products .catimage25:before {
  /* Koch- & Backhilfen */
  content: "\e92b";
}

.tx-igx-products .catimage36 {
  /* Kosmetik */
  background: #00b9e4;
}

.tx-igx-products .catimage36:before {
  /* Kosmetik */
  content: "\e92d";
}

.tx-igx-products .catimage11,
.tx-igx-products .catimage1270 {
  /* Quinoa */
  background: #fecb00;
}

.tx-igx-products .catimage11:before,
.tx-igx-products .catimage1270:before {
  /* Quinoa */
}

.tx-igx-products .catimage6,
.tx-igx-products .catimage29,
.tx-igx-products .catimage255,
.tx-igx-products .catimage1265,
.tx-igx-products .catimageRei {
  /* Reis */
  background: #F44336;
}

.tx-igx-products .catimage6:before,
.tx-igx-products .catimage29:before,
.tx-igx-products .catimage255:before,
.tx-igx-products .catimage1265:before,
.tx-igx-products .catimageRei:before {
  /* Reis */
  content: "\e92e";
}

.tx-igx-products .catimage256,
.tx-igx-products .catimage15,
.tx-igx-products .catimage30,
.tx-igx-products .catimage1274 {
  /* Sportb�lle */
  background: #9baf00;
  background: #00b9e4;
}

.tx-igx-products .catimage256:before,
.tx-igx-products .catimage15:before,
.tx-igx-products .catimage30:before,
.tx-igx-products .catimage1274:before {
  /* Sportb�lle */
  content: "\e92f";
}

.tx-igx-products .catimage257,
.tx-igx-products .catimage3,
.tx-igx-products .catimage31,
.tx-igx-products .catimage1262,
.tx-igx-products .catimageMil {
  /* S��waren */
  background: #e00034;
}

.tx-igx-products .catimage257:before,
.tx-igx-products .catimage3:before,
.tx-igx-products .catimage31:before,
.tx-igx-products .catimage1262:before,
.tx-igx-products .catimageMil:before {
  /* S��waren */
  content: "\e923";
}

.tx-igx-products .catimage258,
.tx-igx-products .catimage8,
.tx-igx-products .catimage32,
.tx-igx-products .catimage1267 {
  /* Tee */
  background: #9baf00;
}

.tx-igx-products .catimage258:before,
.tx-igx-products .catimage8:before,
.tx-igx-products .catimage32:before,
.tx-igx-products .catimage1267:before {
  /* Tee */
  content: "\e930";
}

.tx-igx-products .catimage259,
.tx-igx-products .catimage5,
.tx-igx-products .catimage33,
.tx-igx-products .catimageTro {
  /* Trockenfr�chte */
  background: #F50057;
}

.tx-igx-products .catimage259:before,
.tx-igx-products .catimage5:before,
.tx-igx-products .catimage33:before,
.tx-igx-products .catimageTro:before {
  /* Trockenfr�chte */
  content: "\e92d";
}

.tx-igx-products .catimage260,
.tx-igx-products .catimage10,
.tx-igx-products .catimage34,
.tx-igx-products .catimage1269 {
  /* Zucker */
  background: #ffa02f;
}

.tx-igx-products .catimage260:before,
.tx-igx-products .catimage10:before,
.tx-igx-products .catimage34:before,
.tx-igx-products .catimage1269:before {
  /* Zucker */
  content: "\e932";
}

.tx-igx-products .catimage1277 {
  /* Wein */
  background: #e00034;
}

.tx-igx-products .catimage1277:before {
  /* Wein */
}

.product-detail .catimage {
  height: 40px;
  width: 40px;
  float: left;
}

.product-detail .catimage::before {
  font-size: 40px;
  left: 0px;
  top: 3px;
}

.fanbox {
  width: 100%;
  xheight: 172px;
  padding: 12px 15px 0px 15px;
  background: url("/typo3conf/ext/igx_products/Resources/Public/Icons/fanbox.png") top center no-repeat;
  background: #80379B;
  display: flex;
  margin-bottom: 35px;
  min-height: 180px;
}

.fanbox .left {
  display: inline-block;
}

.fanbox .right {
  display: inline-block;
}

.fanbox .fanlist {
  position: relative;
  z-index: 1;
  max-height: 180px;
  overflow-y: scroll;
  padding-bottom: 10px;
}

.fanbox .fanform {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #80379B;
  width: 100%;
  height: 100%;
}

.fanbox .fan {
  margin-bottom: 10px;
}

.fanbox p {
  color: #fff;
  margin: 0px;
  font-weight: bold;
}

.fanbox p.h2 {
  font-size: 26px;
  line-height: 35px;
  margin-bottom: 4px;
  font-weight: normal;
  font-family: "Veneer","Arial",sans-serif;
}

.fanbox p.h3 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 0px;
  font-weight: normal;
  font-family: "Veneer","Arial",sans-serif;
}

.fanbox p.light {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0px;
  font-weight: normal;
  font-family: "Arial",sans-serif;
  font-weight: bold;
  color: #B387C3;
  text-style: italic;
}

.fanbox .facebooklike,
.fanbox .fansubmit {
  background: #00B9E4 none repeat scroll 0 0;
  border: 1px solid #602974;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 4px 18px 3px 18px;
  font-size: 25px;
  line-height: 35px;
  font-family: "Veneer","Arial",sans-serif;
}

.fanbox .facebooklike {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.fanbox .facebooklike span {
  margin-left: 10px;
}

.fanbox input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #602974;
  color: #8c8c8c;
  display: block;
  font-size: 1rem;
  line-height: 40px;
  margin-bottom: 15px;
  padding: 2px 9px 0px 9px;
  transition: border 0.3s linear 0s;
  width: 100%;
}

.product-detail .hidden-sidebar {
  opacity: 0;
}

.fairtrade-programm {
  padding: 15px;
  border: 1px solid #E6E6E6;
  background: #fff;
  margin-top: 30px;
  float: left;
}

.finder-lcol {
  background: none;
}

.fairtrade-mengenausgleich {
  padding: 15px;
  border: 1px solid #E6E6E6;
  background: #E6E6E6;
  margin-top: 30px;
  float: left;
}

.fairtrade-programm p,
.fairtrade-mengenausgleich p {
  font-size: 0.9em;
  line-height: 24px;
  color: #1e1e1e;
  margin-bottom: 20px;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
}

.product-detail .producer-teaser {
  background: #fff;
  display: block;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.product-detail .producer-teaser-image {
  float: left;
  width: 250px;
}

.product-detail .produkt-teaser-image img {
  margin-top: 15px;
  max-width: 200px;
}

.product-detail .produkt-teaser-image img.platzhalter {
  margin-top: 30px;
}

.product-detail .produkt-teaser-image {
  text-align: center;
}

.product-detail .producer-teaser-text {
  padding: 30px 30px 20px 20px;
  min-height: 180px;
  overflow: hidden;
}

.product-detail #mapProducer2 {
  margin-bottom: 30px;
  height: 350px;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}

.product-detail .button.back {
  background: #00b9e4 none repeat scroll 0 0;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  padding: 8px 22px;
  color: #fff;
}

.vendorboxDE {
  height: 88px;
}

.vendorboxDE img {
  display: none;
}

.googlemap {
  margin-top: 30px;
}

.infobox {
  background: #00C6EA;
  color: #fff;
  padding: 20px;
  height: 350px;
}

.infobox p,
.infobox a {
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 130%;
  margin-bottom: 10px;
}

.infobox a {
  text-decoration: underline;
}

.eml {
  font-weight: normal;
}

span.mehr {
  color: #00C6EA;
}

img.programmlabel {
  position: absolute;
  top: 145px;
}

.popup {
  display: none;
  background: #2b363e none repeat scroll 0 0;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.45);
  xheight: 220px;
  position: absolute;
  right: 55px;
  top: 0px;
  width: 220px;
  z-index: 999;
  padding: 12px 15px 0px 12px;
  border: 1px solid #ccc;
}

.popup .titel {
  color: #fecb00;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.popup .text {
  color: #fff;
  font-size: 0.875rem;
  margin-bottom: 15px;
}

.popup:after,
.popup:before {
  left: 100%;
  top: 41px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.popup:after {
  border-color: rgba(43, 54, 62, 0);
  border-left-color: #2b363e;
  border-width: 20px;
  margin-top: -20px;
}

.popup:before {
  border-color: rgba(204, 204, 204, 0);
  border-left-color: #ccc;
  border-width: 21px;
  margin-top: -21px;
}

.popup .btn {
  background: #ffa02f none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 10px;
  padding: 5px 12px 4px;
}

.popup .btn.detail {
  background: #00b9e4;
  margin-left: 10px;
}

.popup .btn:hover {
  background: #ffb140;
}

.popup .btn.detail:hover {
  background: #00C7F5;
}

.productbox_wrap .badge {
  left: 6px;
  position: absolute;
  top: 10px;
  z-index: 15;
}

.productbox_wrap .badge .role {
  background-image: url("/fileadmin/system/img/badges/banner_gruen.svg");
  background-size: auto 45px;
  display: block;
  height: 45px;
  width: auto;
}

.productbox_wrap .badge .role p {
  color: #fff;
  display: block;
  float: left;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 20px;
  line-height: 36px;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}

.tx-igx-products .connectcategories .catimage0 {
  /* Alle Kategorien */
  background: #00b9e4;
}

.tx-igx-products .connectcategories .catimage0:before {
  /* Alle Kategorien */
  content: "\e92c";
}

.tx-igx-products .connectcategories .catimageXXX {
  /* Automaten */
  background: #6e6e6e;
}

.tx-igx-products .connectcategories .catimageXXX:before {
  /* Automaten */
  background: #6e6e6e;
}

.tx-igx-products .connectcategories .catimage10 {
  /* Baumwollprodukte */
  background: #78909C;
}

.tx-igx-products .connectcategories .catimage10:before {
  /* Baumwollprodukte */
  content: "\e93e";
}

.tx-igx-products .connectcategories .catimage6 {
  /* Blumen */
  background: #F44336;
}

.tx-igx-products .connectcategories .catimage6:before {
  /* Blumen */
  content: "\e921";
}

.tx-igx-products .connectcategories .catimage7 {
  /* Früchte */
  background: #CDDC39;
}

.tx-igx-products .connectcategories .catimage7:before {
  /* Früchte */
  content: "\e922";
  content: "\e98b";
  top: 18px;
  left: 9px;
}

.tx-igx-products .connectcategories .catimage4 {
  /* Fr�chts�fte Gem�se */
  background: #E65100;
}

.tx-igx-products .connectcategories .catimage4:before {
  /* Fr�chts�fte Gem�se */
  content: "\e925";
}

.tx-igx-products .connectcategories .catimage7 {
  /*  Gem�se */
  background: #CDDC39;
}

.tx-igx-products .connectcategories .catimage7:before {
  /*  Gem�se */
  content: "\e922";
  content: "\e98b";
}

.tx-igx-products .connectcategories .catimage15,
 {
  /* Getr�nke */
  background: #E65100;
}

.tx-igx-products .connectcategories .catimage15:before {
  /* Getr�nke */
  content: "\e925";
}

.tx-igx-products .connectcategories .catimage13 {
  /* Gew�rze */
  background: #8BC34A;
}

.tx-igx-products .connectcategories .catimage13:before {
  /* Gew�rze */
  content: "\e926";
}

.tx-igx-products .connectcategories .catimage13 {
  /* �L */
  background: #8BC34A;
}

.tx-igx-products .connectcategories .catimage13:before {
  /* �L */
  content: "\e926";
}

.tx-igx-products .connectcategories .catimage16 {
  /* Gold */
  background: #FFC400;
}

.tx-igx-products .connectcategories .catimage16:before {
  /* Gold */
  content: "\e927";
}

.tx-igx-products .connectcategories .catimageXXX {
  /* Holz */
  background: #632900;
}

.tx-igx-products .connectcategories .catimageXXX:before {
  /* Holz */
}

.tx-igx-products .connectcategories .catimageYYY {
  /* Honig */
  background: #ffa02f;
}

.tx-igx-products .connectcategories .catimageYYY:before {
  /* Honig */
  content: "\e928";
}

.tx-igx-products .connectcategories .catimage2 {
  /* Kakao */
  background: #7A4230;
}

.tx-igx-products .connectcategories .catimage2:before {
  /* Kakao */
  content: "\e92a";
}

.tx-igx-products .connectcategories .catimage1 {
  /* Kaffee */
  background: #3E2723;
}

.tx-igx-products .connectcategories .catimage1:before {
  /* Kaffee */
  content: "\e929";
}

.tx-igx-products .connectcategories .catimage9 {
  /* Müsli */
  background: #BF360C;
}

.tx-igx-products .connectcategories .catimage9:before {
  /* Müsli */
  content: "\e928";
}

.tx-igx-products .connectcategories .catimageYYY {
  /* Kosmetik */
  background: #00b9e4;
}

.tx-igx-products .connectcategories .catimageYYY:before {
  /* Kosmetik */
  content: "\e92d";
}

.tx-igx-products .connectcategories .catimage12 {
  /* Quinoa */
  background: #009688;
}

.tx-igx-products .connectcategories .catimage12:before {
  /* Quinoa */
}

.tx-igx-products .connectcategories .catimage12 {
  /* Reis */
  background: #009688;
}

.tx-igx-products .connectcategories .catimage12:before {
  /* Reis */
  content: "\e92e";
}

.tx-igx-products .connectcategories .catimageYYY {
  /* Sportb�lle */
  background: #33691E;
}

.tx-igx-products .connectcategories .catimageYYY:before {
  /* Sportb�lle */
  content: "\e92f";
}

.tx-igx-products .connectcategories .catimage11 {
  /* S��waren */
  background: #00BCD4;
}

.tx-igx-products .connectcategories .catimage11:before {
  /* S��waren */
  content: "\e923";
}

.tx-igx-products .connectcategories .catimage17 {
  /* Gebäck */
  background: #BF360C;
}

.tx-igx-products .connectcategories .catimage17:before {
  /* Gebäck */
  content: "\e988";
  font-size: 24px;
  left: 13px;
  top: 20px;
}

.tx-igx-products .connectcategories .catimage3 {
  /* Tee */
  background: #4CAF50;
}

.tx-igx-products .connectcategories .catimage3:before {
  /* Tee */
  content: "\e930";
}

.tx-igx-products .connectcategories .catimage8 {
  /* Trockenfr�chte */
  background: #E65100;
}

.tx-igx-products .connectcategories .catimage8:before {
  /* Trockenfr�chte */
  content: "\e931";
}

.tx-igx-products .connectcategories .catimage14 {
  /* Zucker */
  background: #37474F;
}

.tx-igx-products .connectcategories .catimage14:before {
  /* Zucker */
  content: "\e932";
}

.tx-igx-products .connectcategories .catimage15 {
  /* Wein */
  background: #e00034;
}

.tx-igx-products .connectcategories .catimage15:before {
  /* Wein */
  content: "\e925";
}

.tx-igx-products .connectcategories .catimage21 {
  /* Sonstiges */
  background: #e6e6e6;
}

.tx-igx-products .connectcategories .catimage21:before {
  /* Sonstiges */
  content: "";
}

.tx-igx-products .filter_wrap {
  background: #fff;
  border: 1px solid #E6E6E6;
}

.tx-igx-products .dashboard {
  background: none;
  border: 0px none;
}

.tx-igx-products .dashboard .filteroptions {
  background: #F2FBFD;
  padding: 0px 30px 16px 30px;
  margin: -1px 0px 0px 0px;
}

.tx-igx-products .dashboard .filteroptions .subcategories {
  margin: -20px 0px 20px 0px;
  position: relative;
}

.tx-igx-products .dashboard .filteroptions .subcategories .subs {
  position: absolute;
}

.tx-igx-products .reiter {
  background: none;
}

.tx-igx-products .reiter a {
  color: #B2B2B2;
  display: inline-block;
  background: none;
  padding: 8px 54px 2px;
  margin: 10px 0px 10px 30px;
  text-align: center;
  font-size: 26px;
  font-family: "Veneer","Arial",sans-serif;
  border-bottom: 4px solid #B2B2B2;
}

.tx-igx-products .reiter.type1 .reiterkonsument,
.tx-igx-products .reiter.type2 .reitergastro,
.tx-igx-products .reiter.type3 .reiterorange,
.tx-igx-products .reiter a:hover {
  border-bottom: 4px solid #00B9E4;
  color: #000;
}

.tx-igx-products .bx-wrapper .bx-viewport li {
  width: 100px!important;
  padding: 15px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 120px;
}

.tx-igx-products .bx-wrapper .bx-viewport li:hover {
  border: 1px solid #00B9E4;
}

.tx-igx-products .bx-wrapper .bx-viewport li span {
  border-radius: 50%;
}

.tx-igx-products .catimage {
  width: 50px;
  height: 50px;
  margin: 0px 10px;
}

.tx-igx-products .catimage:before {
  font-size: 40px;
  top: 21px;
  left: 5px;
}

.tx-igx-products .bx-wrapper .bx-viewport li.active a:after,
.tx-igx-products .bx-wrapper .bx-viewport li a:hover:after,
.tx-igx-products .bx-wrapper .bx-viewport li.active a:before,
.tx-igx-products .bx-wrapper .bx-viewport li a:hover:before {
  margin: auto;
  top: 36px;
  left: 16px;
}

.tx-igx-products .bx-wrapper .bx-viewport li span {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
}

.tx-igx-products .connectcategories {
  padding: 8px 54px 20px;
}

.tx-igx-products .bx-wrapper .bx-controls-direction .bx-prev {
  margin-left: -36px;
}

.tx-igx-products .bx-wrapper .bx-controls-direction .bx-next {
  margin-right: -36px;
}

.tx-igx-products .bx-wrapper .bx-controls-direction a {
  margin-top: -30px;
}

.tx-igx-products .bx-wrapper .bx-controls-direction span:before {
  font-size: 18px;
}

.tx-igx-products .subcategories {
  margin-top: -20px;
}

.tx-igx-products .subcategories .subs {
  border-radius: 5px;
  padding: 25px 0px 25px 55px;
}

.tx-igx-products .filteroptions .active_filters .pills {
  padding-top: 16px;
}

.tx-igx-products .filteroptions .active_filters .pill {
  border: 1px solid #00B9E4;
  color: #00B9E4;
  background: transparent;
  padding: 2px 22px 2px 12px;
  border-radius: 15px;
  font-size: 13px;
  font-weight: 600;
  margin: 0px 3px 3px 0px;
}

.tx-igx-products .filteroptions .active_filters .pill:before {
  color: #00B9E4;
  font-size: 8px;
  right: 7px;
  top: 5px;
}

.tx-igx-products .filterform .dashboard .filteroptions .col {
  padding-right: 20px;
}

.tx-igx-products .filteroptions.input {
  padding-bottom: 0px;
}

.tx-igx-products .filteroptions.input input,
.tx-igx-products .filteroptions.input select {
  border-color: #ccc;
  margin-bottom: 0px;
}

.tx-igx-products .filteroptions.input .filtervolltextsuche {
  width: 100%;
  height: 42px;
}

.tx-igx-products .chosen-container-multi .chosen-choices {
  max-height: 42px;
  border-color: #ccc;
}

.tx-igx-products .chosen-container-multi .chosen-choices:before {
  content: "\e905";
  right: 9px;
  position: absolute;
  top: 14px;
  font-size: 12px;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.tx-igx-products .filteroptions .filtersubmit {
  font-family: "Veneer", "Arial", sans-serif;
  padding: 7px 16px 7px;
  font-size: 20px;
  border: 0px none;
  font-weight: 300;
  margin: 0px;
  width: 100%;
  text-align: center;
}

.tx-igx-products .subcategories  .filtersubmit {
  position: absolute;
  bottom: 12px;
  right: 12px;
  padding: 5px 16px;
  width: auto;
  display: inline;
  color: #FFFFFF;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}

.tx-igx-products .filterform p.label {
  color: #707475;
}

.tx-igx-products .check_neu span,
.tx-igx-products .check_bio span,
.tx-igx-products .check_season span,
.tx-igx-products .check_fairtrade span,
.tx-igx-products .check_fairtradeprogramm span,
.tx-igx-products .check_private span {
  color: #474747;
  font-family: Helvetica;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  xvertical-align: sub;
}

.tx-igx-products .newbtn {
  color: #00B9E4;
  font-weight: 600;
  margin-left: 10px;
  font-size: 14px;
  float: right;
  padding-top: 9px;
}

.tx-igx-products .newbtn span:before {
  color: #00B9E4;
  font-size: 16px;
}

.tx-igx-products .newbtn span {
  margin-left: 4px;
}

.tx-igx-products .feedbackbox {
  border: 1px solid #ccc;
  margin: 5px 20px 0px 0px;
  float: right;
  text-align: right;
  color: #8c8c8c;
  padding: 0px 5px;
  width: 54%;
}

.product-detail .border-grey {
  border-color: #DEDEDE;
  border-width: 1px;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.product-detail .smalltogglebtn {
  color: #1E1E1E;
}

.product-detail .smalltogglebtn span {
  float: right;
  color: #1E1E1E;
}

.product-detail .smalltoggle {
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 2s;
  /* Safari */
  transition: height 2s;
}

.product-detail .smalltoggle.open {
  height: auto;
}

.verfeinern {
  display: none;
  position: absolute!important;
  width: 120px;
  text-align: center;
  left: 0;
  top: 119px;
  color: #fff;
  background: #00B9E4;
  padding: 3px;
  border-radius: 15px;
  font-size: 10px;
  font-weight: 600;
  font-family: Helvetica;
  line-height: 14px;
}

.verfeinern:hover,
.verfeinern:focus,
.verfeinern:active {
  color: #fff;
}

li.active .verfeinern {
  display: block;
}

.subcategories .subs {
  top: 10px;
}

.mainpackshot {
  position: relative;
}

.mainpackshot > a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: none;
  width: 100%;
  height: 290px;
  display: table;
}

.mainpackshot > a span {
  color: rgba(0,0,0,0.2);
  color: rgba(170,170,170,0.75);
  font-size: 60px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  visibility: hidden;
}

.mainpackshot > a:hover span {
  display: table-cell;
  visibility: visible;
}

@media (max-width: 480px) {
  .product-detail h1 {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
    color: #1E1E1E;
  }

  .produktsuche .bread-wrap,
  .produktsuche .bread-wrap ul,
  .produktsuche .bread-wrap .sharer {
    display: none;
  }

  .product-detail p {
    color: #1E1E1E;
    font-family: Helvetica;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .product-detail .fairtradecode {
    color: #aaa;
    font-size: 16px;
    margin: 10px 0px;
  }

  .product-detail .border-grey {
    margin: 0px 0px 11px 0px;
  }

  .productbox_wrap .productbox {
    width: 100%;
    display: table;
  }

  .productbox_wrap .productbox > span {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 50px;
    width: 100%!important;
  }

  .productbox_wrap .productbox > span.product_name {
    display: table;
    padding: 0 20px;
  }
}

.tx-igx-products .chosen-container-multi .chosen-choices li.search-choice {
  float: unset;
  position: absolute;
  max-width: 145px;
}

.tx-igx-products li.swiper-slide {
  position: relative;
  padding: 15px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 140px;
  list-style: none;
}

.tx-igx-products li.swiper-slide a {
  text-align: center;
  width: 100%;
  display: block;
}

.tx-igx-products li.swiper-slide span {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  font-weight: bold;
  padding: 4px 0px;
  color: #333;
  display: inline-block;
  line-height: 10px;
}

.printonly {
  display: none;
}

.content-unterseite > .container > .row > .col-md-9 {
  padding: 0px;
}

.tx-igx-betriebe {
  position: relative;
}

.bread-wrap {
  display: none;
}

.content-verteilerseite > .container > .row > .col-md-12 {
  padding: 0px;
}

.geofinder-header {
  background-color: #00b9e4;
  color: #fff;
  //background: #00b9e4 url("Ext/Icons/locate.svg") no-repeat top right;
  background: #00b9e4;
}

.geofinder-overlay {
  position: absolute;
  top: 150px;
  left: 10%;
  width: 80%;
  min-height: 180px;
  background: rgba(255,255,255,0.9);
  padding: 5% 5% 5% 5%;
  z-index: 9999;
  border: 1px solid #00b9e4;
}

.geofinder-overlay p {
  color: #00b9e4;
  font-size: 20px;
  line-height: 120%;
  display: block;
}

.geofinder-overlay a {
  margin: 0px 10px 0px 0px;
}

.geofinder-header h1 {
  color: #fff;
  font-size: 24px;
  line-height: 120%;
  padding: 12px 15px 15px;
  margin: 0px;
}

.geofinder-toolbar {
  height: 56px;
  background: #fff;
  display: table;
  width: 100%;
  position: relative;
}

.geofinder-toolbar > a {
  display: table-cell;
  width: 56px;
}

.geofinder-toolbar .toggle-list-map {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: url("Ext/Icons/map_list_switch.svg") no-repeat center center;
  color: #888;
}

.geofinder-toolbar .toggle-categories.open {
  color: #00b9e4;
}

.geofinder-toolbar .toggle-categories {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: url("Ext/Icons/filter.svg") no-repeat center center;
  color: #888;
}

.geofinder-toolbar .toggle-categories.open {
  border-bottom: 1px solid #fff;
  color: #00b9e4;
}

.geofinder-toolbar .center-map {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background: url("Ext/Icons/locate.svg") no-repeat center center;
  color: #888;
}

.geofinder-toolbar > a:hover {
  color: #00b9e4;
}

.geofinder-toolbar .ftm-input {
  border-bottom: 1px solid #ddd;
  display: table-cell;
  font-size: 18px;
  color: #888;
  padding: 15px 8px;
}

.geofinder-toolbar .geosubmit {
  position: absolute;
  right: 56px;
  top: 0px;
  width: 55px;
  height: 55px;
  padding-top: 18px;
  cursor: pointer;
}

.geofinder-toolbar .geosubmit:hover {
  background: #f0f0f0;
}

.geofinder-toolbar .geosubmit .fairtrade-icon_search {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ccc;
}

.dropdown-categories {
  position: absolute;
  top: 56px;
  left: 0px;
  z-index: 22;
  overflow: hidden;
  height: 0px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.dropdown-categories.open {
  height: 280px;
  height: 335px;
}

.dropdown-categories.open1 {
  height: 614px;
}

.dropdown-categories.open2 {
  height: 391px;
}

.dropdown-categories.open3 {
  height: 447px;
}

.dropdown-categories.open4 {
  height: 503px;
}

.dropdown-categories .category {
  display: table;
  height: 56px;
  width: 320px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}

.dropdown-categories .category .icon {
  display: table-cell;
  width: 55px;
  color: #fff;
}

.dropdown-categories .category .icon .icon {
  border-radius: 50%;
  border: 2px solid #fff;
  width: 41px;
  height: 41px;
  margin: 7px 0px 0px 7px;
  display: block;
}

.dropdown-categories > div.categorie-blumen .icon,
.dropdown-categories .subcategory-blumen .category {
  background: #e00034;
}

.dropdown-categories > div.categorie-blumen .icon .icon {
  background: url("Ext/Icons/flower.svg") no-repeat center center;
}

.dropdown-categories > div.categorie-fashion .icon,
.dropdown-categories .subcategory-fashion .category {
  background: #56874B;
}

.dropdown-categories > div.categorie-fashion .icon .icon {
  background: url("Ext/Icons/ersatzshirt.svg") no-repeat center 5px;
}

.dropdown-categories > div.categorie-gastro .icon,
.dropdown-categories .subcategory-gastro .category {
  background: #80379b;
}

.dropdown-categories > div.categorie-gastro .icon .icon {
  background: url("Ext/Icons/food.svg") no-repeat center center;
}

.dropdown-categories > div.categorie-gold .icon,
.dropdown-categories .subcategory-gold .category {
  background: #fecb00;
}

.dropdown-categories > div.categorie-confisserie .icon,
.dropdown-categories .subcategory-confisserie .category {
  background: #FF9F30;
}

.dropdown-categories > div.categorie-kaffee .icon,
.dropdown-categories .subcategory-kaffee .category {
  background: #3E2723;
}

.dropdown-categories .subcategories .category .icon {
  visibility: hidden;
}

.dropdown-categories .subcategories .category span {
  color: #fff;
}

.dropdown-categories > div.categorie-gold .icon .icon {
  background: url("Ext/Icons/rings.svg") no-repeat center center;
}

.dropdown-categories > div.categorie-confisserie .icon .icon {
  background: url("Ext/Icons/pralinen.svg") no-repeat center center;
}

.dropdown-categories > div.categorie-kaffee .icon .icon {
  background: url("Ext/Icons/coffee.svg") no-repeat center center;
}

.dropdown-categories > div .ttl {
  display: table-cell;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: #888;
  padding: 0 20px;
  vertical-align: middle;
}

.dropdown-categories > div > a {
  background: url("Ext/Icons/Off.svg") no-repeat left center;
  color: #333;
  display: table-cell;
  width: 60px;
}

.dropdown-categories > div > a.active {
  background: url("Ext/Icons/on.svg") no-repeat left center;
  color: #00b9e4;
}

html .dropdown-categories > .subcategories {
  height: 0;
  overflow: hidden;
  display: block;
  border: 0px none;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

html .dropdown-categories > .subcategories .ttl {
  font-size: 16px;
}

html .dropdown-categories > .subcategory-blumen.open {
  height: 112px;
  margin-top: -1px;
}

html .dropdown-categories > .subcategory-gastro.open {
  height: 336px;
  margin-top: -1px;
}

html .dropdown-categories > .subcategory-fashion.open {
  height: 168px;
  margin-top: -1px;
}

.dropdown-categories > .subcategories > .category > a {
  background: url("Ext/Icons/Off.svg") no-repeat left center;
  color: #333;
  display: table-cell;
  width: 60px;
}

.dropdown-categories > .subcategories.subcategory-blumen > .category > a.active {
  background: url("Ext/Icons/on_red.svg") no-repeat left center;
}

.dropdown-categories > .subcategories.subcategory-gastro > .category > a.active {
  background: url("Ext/Icons/on_purple.svg") no-repeat left center;
}

.dropdown-categories > .subcategories.subcategory-fashion > .category > a.active {
  background: url("Ext/Icons/on_green.svg") no-repeat left center;
}

.dropdown-categories > .subcategories.subcategory-gold > .category > a.active {
  background: url("Ext/Icons/on_yellow.svg") no-repeat left center;
}

.dropdown-categories > .subcategories.subcategory-blumen .category {
  border-bottom: 1px solid #E77D89;
}

.dropdown-categories > .subcategories.subcategory-blumen .category {
  border-bottom: 1px solid #E77D89;
}

.dropdown-categories > .subcategories.subcategory-blumen .category {
  border-bottom: 1px solid #E77D89;
}

.dropdown-categories > .subcategories.subcategory-blumen .category {
  border-bottom: 1px solid #E77D89;
}

.ftm-listwrap {
  padding: 15px;
}

.ftm-listitem.cat_2 {
  background: url("Ext/Icons/food.svg") no-repeat center center;
  color: #ccc;
}

#ftmlistpb {
  margin-bottom: 15px;
}

.ftm-noresults {
  color: #fff;
  padding: 15px 15px 13px;
  background: #00b9e4;
  font-size: 15px;
}

.bblpopup {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  margin: 0px auto;
  display: block;
  padding: 0px 10px;
  z-index: 9999;
}

.bblpopup .ftm-dethead {
  background: #fff;
  padding: 10px 10px 0px 53px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.bblpopup .ftm-det {
  background: #fff;
  padding: 0px 0px 10px 0px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.45);
  background: #fff  url("Ext/Icons/food.svg") no-repeat center center;
}

.bblpopup .ftm-detinner {
  display: inline-block;
  min-height: 0;
}

.bblpopup .ftm-detinner .ftm-detinner-text:first-child {
  margin-top: 10px;
}

.ftm-detinner-text {
  font-size: 12px;
  line-height: 120%;
  color: #333;
}

.gm-style-iw {
  width: auto!important;
}

.ftm-listitem .ftm-dethead {
  padding: 0px 60px 0px 70px;
}

.ftm-listitem .ftm-dethead::after {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  content: " ";
  display: inline-flex;
  position: absolute;
  right: 30px;
  top: 5px;
  background-size: 30px 30px;
}

.cat_1 .ftm-dethead::after {
  background: #e00034 url("Ext/Icons/flower.svg") no-repeat center center / 70% auto;
}

.cat_5 .ftm-dethead::after {
  background: #56874B url("Ext/Icons/ersatzshirt.svg") no-repeat center center / 70% auto;
}

.cat_2 .ftm-dethead::after {
  background: #80379b url("Ext/Icons/food.svg") no-repeat center center / 70% auto;
}

.cat_4 .ftm-dethead::after {
  background: #fecb00 url("Ext/Icons/rings.svg") no-repeat center center / 70% auto;
}

.cat_6 .ftm-dethead::after {
  background: #56874B url("Ext/Icons/ersatzshirt.svg") no-repeat center center / 70% auto;
}

.ftm-kurzportrait {
  margin-top: 10px;
}

h1.visible-xs {
  background: #00b9e4;
  color: #fff;
  margin: 0;
  font-size: 32px;
  line-height: 56px;
}

@media (min-width: 980px) {
  .tx-igx-betriebe {
    padding-bottom: 50px;
  }

  #map_canvas {
    height: 550px;
  }

  .bblpopup {
    bottom: 10px;
    width: 50%;
    left: 25%;
  }
}

@media print {
  html body .geofinder-header,
  html body .geofinder-toolbar,
  html body #map_canvas,
  html body .ftmlistpb {
    display: none!important;
  }

  html body .ftmlist,
  html body .ftm-listwrap,
  html body .ftm-listwrap.hidden {
    display: block!important;
  }

  html body .ftm-detinner {
    display: block!important;
    min-height: 0px!important;
  }

  html body .ftm-listitem {
    padding: 15px 0px!important;
  }

  html body #ftmlist {
    border: 0px none!important;
  }
}

.map_wrap {
  position: relative;
}

.refresh {
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff url("Ext/Icons/locate.svg") no-repeat 5px center;
  color: #666;
  display: block;
  position: absolute;
  left: 10px;
  bottom: 23px;
  z-index: 21;
  font-size: 12px;
  padding: 5px 7px 5px 36px;
  line-height: 120%;
}

.refresh:hover {
  color: #444;
}

#map_canvas {
  height: 350px;
  clear: both;
}

.map-canvas-bubble {
  border: none!important;
}

.ftm-mapover {
  margin-bottom: 36px;
}

.ftm-sreachwrap {
  padding: 40px 70px;
  background-color: #b8b8b8;
  background-repeat: no-repeat;
  background-image: url("/fileadmin/system/img/finder/icon_gastroblumen.svg");
  background-position: right 30px;
  background-size: 200px auto;
}

.ftm-sreachwrap.filter-wrap-blumen {
  background-color: #E4234F;
  background-image: url("/fileadmin/system/img/icon_rose.png");
  background-size: 200px auto;
  fill: #fff;
  color: #fff;
}

.ftm-sreachwrap.filter-wrap-gastro {
  background-color: #80379B;
  background-image: url("/fileadmin/system/img/finder/icon_gastro.svg");
  background-image: url("/fileadmin/system/img/icon_gastro.png");
  background-size: 200px auto;
  fill: #fff;
}

.ftm-line {
  margin-top: 5px;
  border-bottom: 2px solid #fff;
  margin-bottom: 5px;
}

.ftm-head {
  font-family: "Veneer", "Arial", sans-serif;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
}

.ftm-submit {
  font-family: "Veneer", "Arial", sans-serif;
  color: #fff;
  font-size: 20px;
  background-color: #00b9e4;
  border: 1px solid #00718b;
  display: inline-block;
  padding: 4px 30px;
  cursor: pointer;
}

.ftm-submit span {
  margin-left: 10px;
  font-size: 15px;
}

.ftm-input {
  width: 100%;
  border: none;
  padding: 8px 10px;
  color: #8c8c8c;
  font-size: 1em;
  font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
  font-weight: normal;
}

.ftm-input2 {
  width: 100%;
  border: none;
  padding: 8px 10px;
  color: #8c8c8c;
  font-size: 1em;
  font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
  font-weight: normal;
}

.ftm-inputwrapinner {
  color: #b8b8b8;
  font-weight: bold;
  border: 1px solid #9d9d9d;
  background-color: #fff;
  font-size: 15px;
  /*padding-left: 3px;*/
}

.ftm-inputwrapinner2 {
  color: #b8b8b8;
  font-weight: bold;
  border: 1px solid #9d9d9d;
  background-color: #fff;
  font-size: 15px;
}

.ftm-typegastro {
  color: #fff;
  text-transform: uppercase;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 20px;
  cursor: pointer;
  padding-right: 15px;
  padding-left: 15px;
}

.ftm-typegastro .ftm-cbox {
  width: 20px;
  height: 20px;
  background: url("/fileadmin/system/libraries/iCheck/skins/blue.png") no-repeat;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.ftm-typegastro .ftm-icon {
  width: 24px;
  height: 24px;
  background-image: url("Ext/Icons/filter_gastro.png");
  background-position: center;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.ftm-typegastro.selected .ftm-cbox {
  background: url("/fileadmin/system/libraries/iCheck/skins/blue.png") no-repeat;
  background-position: -22px 0px;
}

.ftm-typeblumen,
.ftm-typeblumen1,
.ftm-typeblumen2 {
  color: #fff;
  text-transform: uppercase;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 20px;
  padding-left: 15px;
  cursor: pointer;
}

.ftm-typeblumen .ftm-cbox,
.ftm-typeblumen1 .ftm-cbox,
.ftm-typeblumen2 .ftm-cbox {
  width: 20px;
  height: 20px;
  background: url("/fileadmin/system/libraries/iCheck/skins/blue.png") no-repeat;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.ftm-typeblumen .ftm-icon,
.ftm-typeblumen1 .ftm-icon,
.ftm-typeblumen2 .ftm-icon {
  width: 24px;
  height: 24px;
  background-image: url("Ext/Icons/filter_blumen.png");
  background-position: center;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.ftm-typeblumen.selected .ftm-cbox,
.ftm-typeblumen1.selected .ftm-cbox,
.ftm-typeblumen2.selected .ftm-cbox {
  background: url("/fileadmin/system/libraries/iCheck/skins/blue.png") no-repeat;
  background-position: -22px 0px;
}

.ftm-viewselector {
  background-image: url("Ext/igx_betriebe/mobileToListIcon.png");
  background-repeat: no-repeat;
  background-position: 0px 11px;
  background-size: 12px 7px;
  position: absolute;
  height: 20px;
  padding-left: 18px;
  padding-top: 6px;
  width: 74px;
  right: 0px;
  top: 0px;
  font-size: 13px;
  color: #999;
  cursor: pointer;
}

.ftm-viewselectorcard {
  background-image: url("Ext/igx_betriebe/mobileCardIcon.png");
  background-repeat: no-repeat;
  background-position: 0px 7px;
  background-size: 10px 17px;
  position: absolute;
  height: 20px;
  padding-left: 18px;
  padding-top: 6px;
  width: 74px;
  right: 0px;
  top: 0px;
  font-size: 13px;
  color: #999;
  cursor: pointer;
}

.ftm-typegastroselect,
.ftm-typeblumenselect {
  width: 127px;
  height: 22px;
  padding-left: 9px;
  padding-top: 1px;
  border: solid 3px #00b1db;
  background-image: url("Ext/igx_betriebe/mobileSelectArrow.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px 11px;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
}

.ftm-typegastroselect {
  left: 0px;
}

.ftm-typeblumenselect {
  right: 0px;
}

.ftm-typewrap {
  position: relative;
}

.ftm-selectgastro,
.ftm-selectblumen {
  display: none;
  width: 100%;
  z-index: 100;
  position: absolute;
  background: #00b9e4;
  top: -80px;
  padding: 30px 60px;
}

.ftm-selectgastro:before {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #00b9e4;
  margin-top: -40px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: '';
  right: 165px;
}

.ftm-selectblumen:before {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #00b9e4;
  margin-top: -40px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: '';
  right: 370px;
}

.ftm-typeover {
  float: right;
  color: #fff;
  font-weight: bold;
  background-color: #bed600;
  padding: 8px 20px;
  cursor: pointer;
  margin-right: -40px;
  border: 1px solid #009dc2;
}

.ftm-typeitem {
  position: relative;
  color: #fff;
  cursor: pointer;
  margin-bottom: 10px;
}

.ftm-typeitem:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/fileadmin/system/libraries/iCheck/skins/blue.png") no-repeat;
  margin-left: -30px;
  margin-top: 0px;
}

.ftm-typeselected:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/fileadmin/system/libraries/iCheck/skins/blue.png") no-repeat;
  background-position: -22px 0px;
  margin-left: -30px;
}

.ftm-typeitemfirst {
  border: none;
}

#listgastro {
  display: none;
}

#listblumen {
  display: none;
}

#ftmbubble,
#ftmlist,
#ftmlistpb {
  display: none;
}

.ftm-listitem {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #00b9e4;
  font-size: 15px;
}

.ftm-listitem:last-child {
  border-bottom: none;
}

.ftm-bubblewrapinner {
  min-height: 80px;
  xbackground-image: url("Ext/igx_betriebe/mobileOpener.png");
  xbackground-repeat: no-repeat;
  xbackground-position: center top;
  display: none;
  margin-left: -15px;
  margin-right: -15px;
}

.ftm-listitemlinkbubble {
  position: absolute;
  width: 40px;
  right: 15px;
  bottom: 15px;
  color: #00b1dc;
  background-image: url("Ext/igx_betriebe/mobileArrowLink.png");
  background-repeat: no-repeat;
  background-position: right 4px;
  padding-right: 15px;
  text-align: right;
  background-size: 7px 11px;
}

.ftm-bubble {
  position: relative;
  line-height: 130%;
  font-size: 15px;
  padding-right: 62px;
  padding-top: 30px;
  padding-bottom: 15px;
  padding-left: 15px;
  border-bottom: solid 2px #e1e1e1;
}

#ftmlist a:link,
#ftmlist a:visited,
#ftmlist a:active,
.ftm-bubble a:link,
.ftm-bubble a:visited,
.ftm-bubble a:active {
  color: #00b1dc;
  text-decoration: none;
  font-weight: bold;
}

#ftmlist a:hover,
.ftmlist a:hover a:hover {
  color: #00b1dc;
  text-decoration: none;
}

.ftm-listitemlink {
  position: absolute;
  width: 40px;
  right: 0px;
  bottom: 15px;
  color: #00b1dc;
  background-image: url("Ext/igx_betriebe/mobileArrowLink.png");
  background-repeat: no-repeat;
  background-position: right 4px;
  padding-right: 15px;
  text-align: right;
  background-size: 7px 11px;
}

.ftm-dethead {
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
  cursor: pointer;
  padding-left: 70px;
}

.ftm-dethead .ftm-first {
  font-family: 'Veneer','Arial',sans-serif;
}

.ftm-dethead:before {
  content: '\e913';
  font-family: 'fairtrade';
  font-size: 22px;
  position: absolute;
  display: block;
  color: #00b1dc;
  margin-left: -38px;
  margin-top: -2px;
}

.bblpopup .ftm-dethead:before {
  right: 10px;
}

.ftm-dethead.ftm-detheadact:before {
  content: '\e912';
  font-family: 'fairtrade';
  font-size: 22px;
  position: absolute;
  display: block;
  color: #00b1dc;
  margin-left: -38px;
  margin-top: -2px;
}

.bblpopup .ftm-dethead.ftm-detheadact:before {
  font-size: 12px;
}

.bblpopup .cat_1 {
  background: #e00034 url("Ext/Icons/flower.svg") no-repeat 5px 5px / 65% auto;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  border-radius: 50%;
  position: absolute;
  left: 17px;
  top: 12px;
}

.bblpopup .cat_5 {
  background: #56874B url("Ext/Icons/ersatzshirt.svg") no-repeat 5px 5px / 65% auto;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  border-radius: 50%;
  position: absolute;
  left: 17px;
  top: 12px;
}

.bblpopup .cat_2 {
  background: #80379b url("Ext/Icons/food.svg") no-repeat 5px 5px / 65% auto;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  border-radius: 50%;
  position: absolute;
  left: 17px;
  top: 12px;
}

.bblpopup .cat_4 {
  background: #fecb00 url("Ext/Icons/rings.svg") no-repeat 5px 5px / 65% auto;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  border-radius: 50%;
  position: absolute;
  left: 17px;
  top: 12px;
}

.bblpopup .cat_6 {
  background: #56874B url("Ext/Icons/ersatzshirt.svg") no-repeat 5px 5px / 65% auto;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  border-radius: 50%;
  position: absolute;
  left: 17px;
  top: 12px;
}

#ftmlist {
  border: solid 1px #e6e6e6;
  overflow: hidden;
  background-color: #fff;
  clear: both;
}

#ftmlistpb {
  width: 100%;
  float: right;
  text-align: center;
}

#ftmlistpbtop {
  width: 550px;
  float: right;
  text-align: right;
  padding-bottom: 12px;
  text-align: right;
  display: none;
}

.ftm-pbitem {
  width: 32px;
  height: 32px;
  display: none;
  border: 1px solid #dedede;
  text-align: center;
  line-height: 30px;
  margin: 7px;
  cursor: pointer;
}

.ftm-pbitem:nth-last-of-type(-n+3) {
  display: inline-block;
}

.ftm-pbitem:nth-of-type(-n+3) {
  display: inline-block;
}

#ftmpb_1,
#ftmpbtop_1 {
  background-image: none;
}

.ftm-pbitem:hover {
  color: #00b1dc;
}

.ftm-pbitem-first {
  padding-top: 2px;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin: 7px;
  cursor: pointer;
  border-radius: 16px;
  background-color: #b8b8b8;
  color: #fff;
}

.ftm-pbitem-last {
  padding-top: 2px;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin: 7px;
  cursor: pointer;
  border-radius: 16px;
  background-color: #b8b8b8;
  color: #fff;
}

.ftm-pb-act {
  border-bottom: 2px solid #00b1dc;
  display: inline-block !important;
}

.ftm-detailwrap {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  background-color: #FFF;
  padding-bottom: 15px;
}

.ftm-detailtxt {
  font-size: 15px;
  line-height: 18px;
}

.ftm-detailtxt a:link,
.ftm-detailtxt a:visited,
.ftm-detailtxt a:active {
  color: #00b1dc!important;
  text-decoration: underline!important;
  font-weight: normal!important;
}

.ftm-detailtxt a:hover {
  color: #00b1dc!important;
  text-decoration: none!important;
  font-weight: normal!important;
}

.ftm-detailfirma {
  color: #00b1dc;
}

.ftm-businesshours,
.ftm-detdata {
  padding-top: 15px;
  font-size: 13px;
  line-height: 18px;
}

.ftm-detalimage {
  border: solid 7px #e1e1e1;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  margin-bottom: 30px;
}

#ftmdetail {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 11111;
  background-color: #fff;
}

.ftm-mob-header {
  height: 44px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#858585), to(#525252));
  background-image: -webkit-linear-gradient(#858585, #525252);
  background-image: -moz-linear-gradient(#858585, #525252);
  background-image: -ms-linear-gradient(#858585, #525252);
  background-image: -o-linear-gradient(#858585, #525252);
  background-image: linear-gradient(#858585, #525252);
}

.ftm-mob-header a {
  display: block;
  width: 80px;
  height: 27px;
  padding-top: 8px;
  margin-left: 15px;
}

.ftm-mob-header a img {
  border: none;
}

.ftm-noresults {
  text-align: center;
  padding-top: 25px;
  color: #00b1dc;
}

.ftm-sell {
  background-color: #e1e1e1;
}

.ftm-detinner {
  display: none;
  min-height: 200px;
}

.ftm-detinner-text {
  margin-left: 40px;
}

.ftm-detinner .ftm-detinner-text:first-child {
  margin-top: 20px;
}

.ftm-image {
  display: none;
}

.ftm-arrtop {
  position: absolute;
  top: -11px;
  width: 49px;
  height: 11px;
  background-image: url("Ext/igx_betriebe/arrowToTop.png");
  background-repeat: no-repeat;
  background-position: 13px 0px;
}

.ftm-arrgastro {
  right: 63px;
}

.ftm-arrblumen {
  right: 141px;
}

#ftminfo {
  float: left;
  display: none;
}

.ftm-km {
  font-weight: normal!important;
  font-size: 14px;
}

.ftm-address-icon:before {
  position: absolute;
  margin-left: -20px;
  display: block;
  font-family: 'fairtrade' !important;
  content: "\e93d";
}

.ftm-phone-icon:before {
  position: absolute;
  margin-left: -20px;
  display: block;
  font-family: 'fairtrade' !important;
  content: "\e942";
}

.ftm-links-icon:before {
  position: absolute;
  margin-left: -40px;
  display: block;
  font-family: 'fairtrade' !important;
  content: "\e943";
  margin-left: -20px;
  content: "\e985";
}

.ftm-special-icon:before {
  position: absolute;
  margin-left: -20px;
  display: block;
  font-family: 'fairtrade' !important;
  content: "\e90f";
}

.ftm-det {
  font-size: 13px;
  line-height: 150%;
  padding-left: 35px;
}

.ftm-special {
  padding-top: 16px;
}

.ftm-image {
  padding-right: 30px;
  padding-top: 20px;
}

.ftm-image img {
  max-width: 100%;
  height: auto;
}

.ftm-detheadbubble {
  font-weight: bold!important;
}

.ftm-urlwrap {
  position: relative;
  width: 720px;
  height: 31px;
  overflow: hidden;
  overflow: hidden;
  display: none;
}

.ftm-urlinputwrap {
  position: absolute;
  width: 0px;
  height: 16px;
  top: 1px;
  right: 29px;
  z-index: 95;
  padding-top: 2px;
  border: 1px solid #ddd;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  display: none;
}

.ftm-urlinput {
  border: none;
  background-color: #fff;
  width: 680px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  margin: 0px;
}

.ftm-urlicon {
  position: absolute;
  width: 29px;
  height: 21px;
  top: 0px;
  right: 0px;
  xbackground: url("Ext/igx_betriebe/urlicon.png") right top no-repeat;
  cursor: pointer;
  z-index: 100;
}

#ftmlistpb .ftm-urlwrap {
  top: 13px;
}

.ftm-urlhint {
  position: absolute;
  width: 150px;
  height: 14px;
  top: 3px;
  right: 29px;
  z-index: 85;
  text-align: right;
  cursor: pointer;
}

#ftmlistpb .ftm-urlhint {
  top: 36px;
}

.ftm-dis {
  opacity: 0.5;
}

.ftm-err {
  background-color: #ffc2c2;
}

#resetmap {
  display: none;
}

#ftmsubmit,
#switchselecorgastro,
#switchselecorblumen,
.ftm-inputwrap,
.ftm-inputwrap2 {
  margin-top: 15px;
}

.noresults {
  color: #3da5d3;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: -20px;
  text-align: center;
}

.tx-fairfinder-pi1 {
  width: 720px;
}

.fd-image {
  border: 5px solid #bbb;
}

.fd-intro {
  line-height: 24px;
}

.fd-subhead {
  padding-bottom: 24px;
  font-weight: bold;
}

.fd-padtop {
  padding-top: 24px;
}

.fd-input-wrap {
  float: left;
}

.df-left {
  float: left;
  width: 175px;
  padding-bottom: 18px;
}

.df-right {
  float: left;
  width: 525px;
  padding-bottom: 18px;
}

.cfrm,
#tx-newloginbox-pi1-user,
#tx-newloginbox-pi1-pass,
#tx-newloginbox-pi1-forgot_email {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  /*background-color: #E4E4E4;*/
  background-color: #fff;
  width: 288px;
  padding-left: 2px;
  border: 1px solid #A1A1A1;
}

.cfrm-alert {
  background-color: #FFDFD9;
  width: 288px;
  padding-left: 2px;
  border: none;
  border: 1px solid #A1A1A1;
}

.fd-submit {
  font-weight: bold;
  color: #FFF;
  background-image: url("../../fileadmin/images/globals/bg_lesen_breit.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #FFF;
  border: none;
  width: 188px;
  padding-bottom: 10px;
  padding-top: 4px;
  padding-right: 40px;
  padding-left: 20px;
  text-align: left;
  cursor: pointer;
}

.df-whole {
  position: relative;
  height: 54px;
  width: 720px;
}

.df-gray {
  width: 564px;
  padding-left: 6px;
  height: 43px;
  background-color: #ddd;
}

.fd-buttontop {
  font-weight: bold;
  color: #FFF;
  background-image: url("Ext/igx_betriebe/lupe.png");
  background-repeat: no-repeat;
  width: 43px;
  cursor: pointer;
  height: 43px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
}

.fd-egal {
  float: left;
}

*+html .fd-submit {
  font-size: 12px;
}

.fd-alert {
  color: #C00;
}

.fd-show-hide {
  width: 270px;
  margin-left: 18px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCC;
  margin-bottom: 3px;
  margin-top: 3px;
  background-color: #FAFAFA;
}

.fd-frees {
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  width: 270px;
}

.fd-menu-wrap {
  border: 5px solid #ddd;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 16px;
  float: left;
}

.fd-menu-wrap a {
  background-repeat: no-repeat;
  background-position: right center;
  width: 144px;
  display: block;
  float: left;
  margin-right: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 16px;
  color: #fff;
  text-decoration: none;
}

a.fd-menuitem:link,
a.fd-menuitem:visited,
a.fd-menuitem:active {
  background-color: #afb900;
  background-image: url("../../fileadmin/images/globals/arrow_gruen_finder.png");
}

a.fd-menuitem a:hover {
  background-color: #ddd;
  background-image: url("../../fileadmin/images/globals/arrow_grau_finder.png");
}

a.fd-menuitem-act:link,
a.fd-menuitem-act:visited,
a.fd-menuitem-act:active {
  background-color: #ddd;
  background-image: url("../../fileadmin/images/globals/arrow_grau_finder.png");
}

a.fd-menuitem-act a:hover {
  background-color: #afb900;
  background-image: url("../../fileadmin/images/globals/arrow_gruen_finder.png");
}

.fd-table tr td {
  padding-top: 5px;
  padding-right: 6px;
  padding-bottom: 5px;
  padding-left: 18px;
  font-size: 12px;
}

.fd-trtop td {
  background-color: #afb900;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFF;
  color: #FFF;
}

.fd-trbottom td {
  background-color: #afb900;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFF;
  height: 10px;
}

.fd-even td {
  background-color: #f1f1f2;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFF;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.fd-odd td {
  background-color: #ddd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFF;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.fd-button {
  padding-top: 12px;
  padding-bottom: 36px;
}

.fd-button a {
  color: #FFF;
  display: block;
  width: 170px;
  padding-top: 4px;
  padding-left: 18px;
  padding-bottom: 4px;
}

.fd-button a:link,
.fd-button a:visited,
.fd-button a:active {
  color: #fff;
  text-decoration: none;
  background-image: url("../../fileadmin/images/globals/bg_lesen_breit.png");
  background-repeat: no-repeat;
}

.fd-button a:hover {
  color: #fff;
  text-decoration: none;
  background-image: url("../../fileadmin/images/globals/bg_lesen_breit_over.png");
  background-repeat: no-repeat;
}

.fd-kill-wrap {
  padding-top: 36px;
}

.fd-img-list {
  float: right;
  margin-top: -30px;
}

.fd-text-list {
  float: left;
  width: 684px;
}

.fd-img img {
  margin-top: 18px;
}

#map,
#map_canvas {
  margin-bottom: 36px;
}

.fd-back {
  text-align: right;
  padding-bottom: 12px;
}

.fd-back img {
  border: none;
}

.df-catwraper {
  float: left;
  position: absolute;
  height: 43px;
  width: 49px;
  top: 0px;
}

.df-catwraper label {
  /*background: url(bg_cat.png) no-repeat left top;*/
  display: block;
  /*width: 135px;*/
  cursor: pointer;
  width: 49px;
  height: 43px;
  background-color: #ddd;
  /*white-space: nowrap;*/
  color: #ddd;
  /*padding-top: 3px;*/
  /*padding-right: 3px;*/
  /*padding-bottom: 3px;*/
  /*padding-left: 3px;*/
}

#dfcatwraper1 {
  right: 98px;
}

#dfcatwraper1 label {
  background-image: url("Ext/igx_betriebe/seachFlora.png");
}

#dfcatwraper2 {
  right: 46px;
}

#dfcatwraper2 label {
  background-image: url("Ext/igx_betriebe/searchCup.png");
}

.df-gastrowraper {
  /*background-color: #f1f1f2;*/
  /*padding-top: 5px;*/
  /*padding-right: 3px;*/
  /*padding-bottom: 3px;*/
  /*padding-left: 3px;*/
  /*margin-bottom: 10px;*/
  border: 3px solid #ddd;
  padding: 7px 0 5px 0;
  overflow: hidden;
}

.df-gastrowraper label {
  font-size: 11px;
  background: #eee;
  display: block;
  float: left;
  margin: 0 0 2px 7px;
  width: 228px;
  height: 19px;
  cursor: pointer;
}

.finder_input_frame {
  margin-top: 1px;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 8px;
  padding-left: 6px;
}

.finder_input_frame input {
  width: 167px;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
}

#finder_cat_frame .df-catwraper {
  font-size: 9px;
  line-height: 10px;
  color: #313131;
  text-align: center;
  margin: 0 7px 0 0;
}

.catimg {
  height: 11px;
  width: 49px;
  background-position: center bottom;
  position: absolute;
  left: 0px;
  top: 43px;
  background-repeat: no-repeat;
}

.catimgact {
  xbackground-image: url("Ext/igx_betriebe/arrowToTop.png");
}

#finder_cat_frame .df-catwraper input {
  /*display: none;*/
}

#finder_subcats_frame {
  clear: both;
  margin-bottom: -3px;
}

#finder_submit_frame {
  padding-top: 10px;
}

.fd-input-wrap-map {
  border-bottom: 3px solid #ddd;
  margin: 0 0 12px 0;
}

.finder-klap-button-off {
  background-image: url("Ext/igx_betriebe/klapLarge_plus.png");
  background-repeat: no-repeat;
  height: 35px;
}

.finder-klap-button-on {
  background-image: url("Ext/igx_betriebe/klapLarge_minus.png");
  background-repeat: no-repeat;
  height: 35px;
}

#floiderror {
  clear: both;
  font-weight: bold;
  padding-bottom: 12px;
}

.ftm-urlwrap {
  display: none;
}

.qq-upload-list img {
  max-width: 300px;
}

.qq-upload-retry,
.qq-upload-delete,
.qq-upload-file,
.qq-upload-size {
  display: none;
  visibility: hidden;
  position: absolute;
}

.imgreset {
  background: #d2d2d2 none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #666;
  display: inline-block;
  margin: 0px 0px 20px 20px;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 43px;
  padding: 0 20px;
  position: relative;
  z-index: 999999;
}

.chosen-choices.parsley-error {
  background: #ffd2df none repeat scroll 0 0;
  border: 1px solid #e00034;
}

.ftm-urlwrap {
  display: none;
}

/* 
   Plupload
------------------------------------------------------------------- */

.plupload_wrapper * {
  box-sizing: content-box;
}

.plupload_button {
  display: -moz-inline-box;
  /* FF < 3*/
  display: inline-block;
  font: normal 12px sans-serif;
  text-decoration: none;
  color: #42454a;
  border: 1px solid #bababa;
  padding: 2px 8px 3px 20px;
  margin-right: 4px;
  background: #f3f3f3 url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/buttons.png") no-repeat 0 center;
  outline: 0;
  /* Optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.plupload_button:hover {
  color: #000;
  text-decoration: none;
}

.plupload_disabled,
a.plupload_disabled:hover {
  color: #737373;
  border-color: #c5c5c5;
  background: #ededed url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/buttons-disabled.png") no-repeat 0 center;
  cursor: default;
}

.plupload_add {
  background-position: -181px center;
}

.plupload_wrapper {
  font: normal 11px Verdana,sans-serif;
  width: 100%;
}

.plupload_container {
  padding: 8px;
  background: url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/transp50.png");
  /*-moz-border-radius: 5px;*/
}

.plupload_container input {
  border: 1px solid #DDD;
  font: normal 11px Verdana,sans-serif;
  width: 98%;
}

.plupload_header {
  background: #2A2C2E url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/backgrounds.gif") repeat-x;
}

.plupload_header_content {
  background: url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/backgrounds.gif") no-repeat 0 -317px;
  min-height: 56px;
  padding-left: 60px;
  color: #FFF;
}

.plupload_header_title {
  font: normal 18px sans-serif;
  padding: 6px 0 3px;
}

.plupload_header_text {
  font: normal 12px sans-serif;
}

.plupload_filelist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.plupload_scroll .plupload_filelist {
  height: 185px;
  background: #F5F5F5;
  overflow-y: scroll;
}

.plupload_filelist li {
  padding: 10px 8px;
  background: #F5F5F5 url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/backgrounds.gif") repeat-x 0 -156px;
  border-bottom: 1px solid #DDD;
}

.plupload_filelist_header,
.plupload_filelist_footer {
  background: #DFDFDF;
  padding: 8px 8px;
  color: #42454A;
}

.plupload_filelist_header {
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #CDCDCD;
}

.plupload_filelist_footer {
  border-top: 1px solid #FFF;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
}

.plupload_file_name {
  float: left;
  overflow: hidden;
}

.plupload_file_status {
  color: #777;
}

.plupload_file_status span {
  color: #42454A;
}

.plupload_file_size,
.plupload_file_status,
.plupload_progress {
  float: right;
  width: 80px;
}

.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
  text-align: right;
}

.plupload_filelist .plupload_file_name {
  width: 205px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.plupload_file_action {
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 15px;
}

.plupload_file_action * {
  display: none;
  width: 16px;
  height: 16px;
}

li.plupload_uploading {
  background: #ECF3DC url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/backgrounds.gif") repeat-x 0 -238px;
}

li.plupload_done {
  color: #AAA;
}

li.plupload_delete a {
  background: url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/delete.gif");
}

li.plupload_failed a {
  background: url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/error.gif");
  cursor: default;
}

li.plupload_done a {
  background: url("../../../../../../public/typo3conf/ext/pluploadfe/Resources/Public/JavaScript/plupload/js/jquery.plupload.queue/img/done.gif");
  cursor: default;
}

.plupload_progress,
.plupload_upload_status {
  display: none;
}

.plupload_progress_container {
  margin-top: 3px;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 1px;
}

.plupload_progress_bar {
  width: 0px;
  height: 7px;
  background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  margin-right: 17px;
}

/* Floats */

.plupload_clear,
.plupload_clearer {
  clear: both;
}

.plupload_clearer,
.plupload_progress_bar {
  display: block;
  font-size: 0;
  line-height: 0;
}

li.plupload_droptext {
  background: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 165px;
}

@font-face {
  font-family: 'fairtrade';
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210127/fairtrade.eot");
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210127/fairtrade.eot#iefix") format("embedded-opentype"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210127/fairtrade.woff2") format("woff2"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210127/fairtrade.ttf") format("truetype"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210127/fairtrade.woff") format("woff"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210127/fairtrade.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="fairtrade-"],
[class*=" fairtrade-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fairtrade-Alle-Produkte:before {
  content: "\e923";
}

.fairtrade-Bananen:before {
  content: "\e941";
}

.fairtrade-Blumen:before {
  content: "\e94b";
}

.fairtrade-Chips:before {
  content: "\e9b3";
}

.fairtrade-Nusse-und-Trockenfruchte-Copy:before {
  content: "\e9b3";
}

.fairtrade-Chips1:before {
  content: "\e9b4";
}

.fairtrade-Nusse-und-Trockenfruchte:before {
  content: "\e9b4";
}

.fairtrade-Fruchte:before {
  content: "\e9b5";
}

.fairtrade-Gold:before {
  content: "\e9b6";
}

.fairtrade-Honig:before {
  content: "\e9b7";
}

.fairtrade-Kaffee:before {
  content: "\e9b8";
}

.fairtrade-Koch-und-Backhilfen:before {
  content: "\e9b9";
}

.fairtrade-Kostmetik:before {
  content: "\e9ba";
}

.fairtrade-Ol-und-Gewurze:before {
  content: "\e9bb";
}

.fairtrade-Schokolade-und-Kakao:before {
  content: "\e9bc";
}

.fairtrade-Softdrinks-Copy:before {
  content: "\e9bd";
}

.fairtrade-Softdrinks:before {
  content: "\e9be";
}

.fairtrade-Sportballe:before {
  content: "\e9bf";
}

.fairtrade-Tee:before {
  content: "\e9c0";
}

.fairtrade-Zucker:before {
  content: "\e9c1";
}

.fairtrade-mobile_burger_2020:before {
  content: "\e91f";
}

.fairtrade-icon_mail:before {
  content: "\e9b0";
}

.fairtrade-icon_pin:before {
  content: "\e9b1";
}

.fairtrade-icon_user1:before {
  content: "\e9b2";
}

.fairtrade-jobs:before {
  content: "\e9a4";
}

.fairtrade-faq:before {
  content: "\e9a5";
}

.fairtrade-contact:before {
  content: "\e9a6";
}

.fairtrade-Share:before {
  content: "\e9a2";
}

.fairtrade-icon_presse:before {
  content: "\e9a1";
}

.fairtrade-icon_schriftgroesse:before {
  content: "\e999";
}

.fairtrade-icon_about_us:before {
  content: "\e99a";
}

.fairtrade-icon_blog1:before {
  content: "\e99b";
}

.fairtrade-icon_cal:before {
  content: "\e99c";
}

.fairtrade-icon_contrast:before {
  content: "\e99d";
}

.fairtrade-icon_leichte_sprache:before {
  content: "\e99e";
}

.fairtrade-icon_mediathek:before {
  content: "\e99f";
}

.fairtrade-icon_newsroom:before {
  content: "\e9a0";
}

.fairtrade-twitter_outline:before {
  content: "\e994";
}

.fairtrade-twitter_full:before {
  content: "\e995";
}

.fairtrade-bohne:before {
  content: "\e991";
}

.fairtrade-material:before {
  content: "\e992";
}

.fairtrade-tasse:before {
  content: "\e993";
}

.fairtrade-taste-search:before {
  content: "\e996";
}

.fairtrade-tag:before {
  content: "\e997";
}

.fairtrade-taste-produkte:before {
  content: "\e98c";
}

.fairtrade-taste-setting:before {
  content: "\e98d";
}

.fairtrade-taste-urkunde:before {
  content: "\e98e";
}

.fairtrade-taste-user:before {
  content: "\e98f";
}

.fairtrade-taste-password:before {
  content: "\e990";
}

.fairtrade-aktionskalender-liste:before {
  content: "\e989";
}

.fairtrade-aktionskalender-grid:before {
  content: "\e98a";
}

.fairtrade-favoritenh_herz2:before {
  content: "\e983";
}

.fairtrade-fovoriten_X2:before {
  content: "\e984";
}

.fairtrade-burger:before {
  content: "\e998";
}

.fairtrade-icon-share:before {
  content: "\e985";
}

.fairtrade-newsletter:before {
  content: "\e982";
  color: #00b9e4;
}

.fairtrade-icon_award:before {
  content: "\e97e";
}

.fairtrade-icon_herz:before {
  content: "\e97d";
}

.fairtrade-tinder_X:before {
  content: "\e97b";
}

.fairtrade-icon_pfeil_1_rechts2:before {
  content: "\e9c5";
}

.fairtrade-icon_pfeil_1_unten2:before {
  content: "\e94c";
}

.fairtrade-icon_pfeil_1_links2:before {
  content: "\e94d";
}

.fairtrade-icon_pfeil_1_oben2:before {
  content: "\e94e";
}

.fairtrade-icon_pfeil_2_rechts2:before {
  content: "\e94f";
}

.fairtrade-icon_pfeil_2_unten2:before {
  content: "\e950";
}

.fairtrade-icon_pfeil_2_links2:before {
  content: "\e954";
}

.fairtrade-icon_pfeil_2_oben2:before {
  content: "\e953";
}

.fairtrade-icon_pfeil_3_rechts2:before {
  content: "\e958";
}

.fairtrade-icon_pfeil_3_unten2:before {
  content: "\e959";
}

.fairtrade-icon_pfeil_3_links2:before {
  content: "\e95a";
}

.fairtrade-icon_pfeil_3_oben2:before {
  content: "\e95d";
}

.fairtrade-icon_schloss2:before {
  content: "\e95e";
}

.fairtrade-icon_user2:before {
  content: "\e961";
}

.fairtrade-icon_search2:before {
  content: "\e962";
}

.fairtrade-icon_info2:before {
  content: "\e964";
}

.fairtrade-icon_einfache_sprache2:before {
  content: "\e965";
}

.fairtrade-icon_minus2:before {
  content: "\e966";
  color: #00b9e4;
}

.fairtrade-icon_x2:before {
  content: "\e967";
  color: #00b9e4;
}

.fairtrade-icon_plus2:before {
  content: "\e96d";
  color: #00b9e4;
}

.fairtrade-icon_liste2:before {
  content: "\e96c";
}

.fairtrade-icon_download2:before {
  content: "\e96b";
}

.fairtrade-icon_play2:before {
  content: "\e96a";
  color: #fff;
}

.fairtrade-icon_docutment2:before {
  content: "\e969";
}

.fairtrade-icon_youtube_clean2:before {
  content: "\e968";
  color: #e00034;
}

.fairtrade-icon_print2:before {
  content: "\e955";
  color: #a5a5a5;
}

.fairtrade-icon_facebook2:before {
  content: "\e956";
}

.fairtrade-icon_twitter2:before {
  content: "\e957";
}

.fairtrade-icon_youtube2:before {
  content: "\e95c";
}

.fairtrade-icon_flickr2:before {
  content: "\e95b";
}

.fairtrade-icon_rss2:before {
  content: "\e920";
}

.fairtrade-whatsapp1:before {
  content: "\e9a3";
}

.fairtrade-icon_home2:before {
  content: "\e95f";
}

.fairtrade-icon_phone2:before {
  content: "\e960";
}

.fairtrade-icon_www22:before {
  content: "\e963";
}

.fairtrade-mediathek_more2:before {
  content: "\e979";
}

.fairtrade-icon_check:before {
  content: "\e94a";
}

.fairtrade-icon-alle-medien:before {
  content: "\e9a8";
}

.fairtrade-icon-flyer:before {
  content: "\e9a9";
}

.fairtrade-icon-podcasts:before {
  content: "\e9aa";
}

.fairtrade-icon-poster:before {
  content: "\e9ab";
}

.fairtrade-icon-praese:before {
  content: "\e9ac";
}

.fairtrade-icon-statements:before {
  content: "\e9ad";
}

.fairtrade-icon-videos:before {
  content: "\e9ae";
}

.fairtrade-icon_m_warenkorb2:before {
  content: "\e96e";
}

.fairtrade-icon_m_download2:before {
  content: "\e96f";
}

.fairtrade-icon_m_berichte_studien2:before {
  content: "\e970";
}

.fairtrade-icon_m_alle2:before {
  content: "\e971";
}

.fairtrade-icon_m_flyer2:before {
  content: "\e972";
}

.fairtrade-icon_m_poster2:before {
  content: "\e973";
}

.fairtrade-icon_m_praasentation2:before {
  content: "\e974";
}

.fairtrade-icon_m_statement2:before {
  content: "\e975";
}

.fairtrade-icon_m_video2:before {
  content: "\e976";
}

.fairtrade-icon_m_werbematerial2:before {
  content: "\e977";
}

.fairtrade-icon-social-podcasts:before {
  content: "\e9af";
}

.fairtrade-icon_podcast:before {
  content: "\e9a7";
}

.fairtrade-icon_fruechte1:before {
  content: "\e98b";
}

.fairtrade-mail_fr:before {
  content: "\e987";
}

.fairtrade-icon_blog:before {
  content: "\e986";
}

.fairtrade-grad:before {
  content: "\e981";
}

.fairtrade-icon_youtube_clean:before {
  content: "\e918";
  color: #e00034;
}

.fairtrade-icon_m_warenkorb:before {
  content: "\e933";
}

.fairtrade-icon_m_download:before {
  content: "\e934";
}

.fairtrade-icon_m_berichte_studien:before {
  content: "\e935";
}

.fairtrade-icon_m_alle:before {
  content: "\e936";
}

.fairtrade-icon_m_flyer:before {
  content: "\e937";
}

.fairtrade-icon_m_poster:before {
  content: "\e938";
}

.fairtrade-icon_m_praasentation:before {
  content: "\e939";
}

.fairtrade-icon_m_statement:before {
  content: "\e93a";
}

.fairtrade-icon_m_video:before {
  content: "\e93c";
}

.fairtrade-icon_m_werbematerial:before {
  content: "\e93b";
}

.fairtrade-icon_pfeil_1_rechts:before {
  content: "\e900";
}

.fairtrade-icon_pfeil_1_unten:before {
  content: "\e901";
}

.fairtrade-icon_pfeil_1_links:before {
  content: "\e902";
}

.fairtrade-icon_pfeil_1_oben:before {
  content: "\e903";
}

.fairtrade-icon_pfeil_2_rechts:before {
  content: "\e904";
}

.fairtrade-icon_pfeil_2_unten:before {
  content: "\e905";
}

.fairtrade-icon_pfeil_2_links:before {
  content: "\e906";
}

.fairtrade-icon_pfeil_2_oben:before {
  content: "\e907";
}

.fairtrade-icon_pfeil_3_rechts:before {
  content: "\e908";
}

.fairtrade-icon_pfeil_3_unten:before {
  content: "\e909";
}

.fairtrade-icon_pfeil_3_links:before {
  content: "\e90a";
}

.fairtrade-icon_pfeil_3_oben:before {
  content: "\e90b";
}

.fairtrade-icon_schloss:before {
  content: "\e90c";
}

.fairtrade-icon_user:before {
  content: "\e90d";
}

.fairtrade-icon_search:before {
  content: "\e90e";
}

.fairtrade-icon_info:before {
  content: "\e90f";
}

.fairtrade-icon_einfache_sprache:before {
  content: "\e910";
}

.fairtrade-icon_minus:before {
  content: "\e911";
}

.fairtrade-icon_x:before {
  content: "\e912";
}

.fairtrade-icon_plus:before {
  content: "\e913";
}

.fairtrade-icon_liste:before {
  content: "\e914";
}

.fairtrade-icon_download:before {
  content: "\e915";
}

.fairtrade-icon_play:before {
  content: "\e916";
}

.fairtrade-icon_docutment:before {
  content: "\e917";
}

.fairtrade-icon_print:before {
  content: "\e919";
  color: #a5a5a5;
}

.fairtrade-icon_facebook:before {
  content: "\e91a";
}

.fairtrade-icon_twitter:before {
  content: "\e91b";
}

.fairtrade-icon_youtube:before {
  content: "\e9c6";
}

.fairtrade-icon_flickr:before {
  content: "\e91d";
}

.fairtrade-icon_instagram:before {
  content: "\e949";
}

.fairtrade-icon_rss:before {
  content: "\e91e";
}

.fairtrade-footer-linkedin:before {
  content: "\e97a";
}

.fairtrade-icon_home:before {
  content: "\e93d";
}

.fairtrade-icon_phone:before {
  content: "\e942";
}

.fairtrade-icon_www2:before {
  content: "\e943";
}

.fairtrade-file-default:before {
  content: "\e9c4";
}

.fairtrade-file-pdf:before {
  content: "\e945";
}

.fairtrade-file-doc:before {
  content: "\e93f";
}

.fairtrade-file-xls:before {
  content: "\e940";
}

.fairtrade-icon_pics:before {
  content: "\e951";
}

.fairtrade-icon_bananen:before {
  content: "\e9c2";
}

.fairtrade-icon_baumwolle:before {
  content: "\e93e";
}

.fairtrade-icon_blumen:before {
  content: "\e921";
}

.fairtrade-icon_eis:before {
  content: "\e9c3";
}

.fairtrade-icon_fruechte:before {
  content: "\e922";
}

.fairtrade-icon_gemuese:before {
  content: "\e924";
}

.fairtrade-icon_getraenke:before {
  content: "\e925";
}

.fairtrade-icon_gewuerze_oel_essig:before {
  content: "\e926";
}

.fairtrade-icon_gold:before {
  content: "\e927";
}

.fairtrade-icon_honig:before {
  content: "\e928";
}

.fairtrade-icon_kaffee:before {
  content: "\e929";
}

.fairtrade-icon_kakao:before {
  content: "\e92a";
}

.fairtrade-icon_koch_backhilfen:before {
  content: "\e92b";
}

.fairtrade-icon_korb:before {
  content: "\e92c";
}

.fairtrade-icon_kosmetik:before {
  content: "\e92d";
}

.fairtrade-icon_reis:before {
  content: "\e92e";
}

.fairtrade-icon_sportbaelle:before {
  content: "\e92f";
}

.fairtrade-icon_tee:before {
  content: "\e930";
}

.fairtrade-icon_trockenfruechte_nuesse:before {
  content: "\e931";
}

.fairtrade-icon_zucker:before {
  content: "\e932";
}

.fairtrade-sweets:before {
  content: "\e988";
}

.fairtrade-mediathek_more:before {
  content: "\e946";
}

.fairtrade-favoritenh_herz:before {
  content: "\e97f";
}

.fairtrade-fovoriten_X:before {
  content: "\e980";
}

.fairtrade-phone:before {
  content: "\e947";
}

.fairtrade-heart:before {
  content: "\e97c";
}

.fairtrade-checkmark:before {
  content: "\e978";
}

.fairtrade-paragraph-justify:before {
  content: "\e944";
}

.fairtrade-mail4:before {
  content: "\e948";
}

.fairtrade-whatsapp:before {
  content: "\e952";
}

.fairtrade-xing:before {
  content: "\e9c7";
}

.fairtrade-circle_xing:before {
  content: "\e9c8";
}

@font-face {
  font-family: 'Veneer';
  src: url("/fileadmin/system/font/veneer/Veneer.eot");
  src: url("/fileadmin/system/font/veneer/Veneer.eot?#iefix") format("embedded-opentype"), url("/fileadmin/system/font/veneer/Veneer.woff2") format("woff2"), url("/fileadmin/system/font/veneer/Veneer.woff") format("woff"), url("/fileadmin/system/font/veneer/Veneer.ttf") format("truetype"), url("/fileadmin/system/font/veneer/Veneer.svg#Veneer") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 45;
  width: 100%;
  background: #fff;
  margin: 0;
  opacity: 0;
  border: none;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  transform: translate(0px, -10px);
  -webkit-transition: -webkit-transform 300ms ease, opacity 400ms;
  -moz-transition: -moz-transform 300ms ease, opacity 400ms;
  transition: transform 300ms ease, opacity 400ms;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  opacity: 1;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */

/* @group Single Chosen */

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  height: 40px;
  background-clip: padding-box;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  margin: 0;
  outline: 0 none;
  padding: 0;
  resize: none;
  width: 100%;
  background: #fff;
  border: none;
}

.startseite-themen-select .chosen-container-single .chosen-single {
  background: #fff;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  margin: 0 40px 0 0;
  line-height: 38px;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-left: 1px solid #b8b8b8;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  /*background: url('chosen-sprite.png') -42px 1px no-repeat;*/
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  background: #00b9e4;
  height: 100%;
}

.chosen-container-single .chosen-single div:after {
  display: block;
  width: 100%;
  height: 100%;
  font-family: fairtrade;
  content: '\e909';
  text-align: center;
  color: #fff;
  font-size: 13px;
}

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

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  /* background: white url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px;*/
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */

/* @group Results */

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  padding: 8px 12px;
  list-style: none;
  line-height: 20px;
  border: none;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  font-size: 14px;
  color: #1e1e1e;
  font-weight: 700;
  margin: 0;
  position: relative;
  transition: padding 0.5s ease-out;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #00c7f5;
}

.chosen-container .chosen-results li.highlighted:after {
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */

/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

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

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
  content: "\e967";
  color: #fff;
  font-size: 7px;
  font-family: 'fairtrade' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: -10px;
  right: 5px;
  height: 5px;
  width: 5px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */

/* @group Active  */

.chosen-container-active.chosen-with-drop .chosen-drop {
  transform: translate(0px, -2px);
  z-index: 5;
}

/* @end */

/* @group Disabled Support */

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */

/* @group Right to Left */

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

.chosen-container-multi .chosen-choices {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 3px;
  transition: border 0.3s linear 0s;
  width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background: #00b9e4 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 34px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: background-color 0.2s linear 0s;
  height: 34px;
  box-shadow: none;
  border-radius: 0px;
  padding: 0px 8px;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  color: #000;
  opacity: 0.3;
}

.chosen-container .chosen-results {
  background: #00b9e4 none repeat scroll 0 0;
}

.chosen-container .chosen-results li {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.chosen-container .chosen-results li.group-result {
  color: #000;
  opacity: 0.3;
}

.chosen-container .chosen-results li.result-selected {
  color: #fff;
}

/* @end */

/* @group Retina compatibility */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */

.lb-cancel {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/lightbox/loading.gif") no-repeat;
}

.lb-nav a.lb-prev {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/lightbox/prev.png") left 48% no-repeat;
}

.lb-nav a.lb-next {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/lightbox/next.png") right 48% no-repeat;
}

.lb-data .lb-close {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/lightbox/close.png") top right no-repeat;
}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.55;
  filter: alpha(opacity=55);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-top .mfp-content {
  vertical-align: top;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  font-size: 14px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
  font-family: "Open Sans", sans-serif;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
         * Remove all paddings around the image on small screen
         */

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.mfp-print-version .mfp-iframe-scaler {
  height: 800px;
  padding: 0;
}

.mfp-iframe-scaler iframe {
  background: #fff;
}

.mfp-print-version .print-now {
  color: #000;
  display: inline-block;
  font-size: 60px;
  position: absolute;
  right: 40px;
  top: 5px;
  z-index: 4000;
  text-align: center;
}

.mfp-print-version .print-now span {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin-top: 11px;
  text-align: center;
  text-transform: uppercase;
}

.mfp-login-box .mfp-iframe-scaler {
  height: auto;
  min-height: 270px;
  padding: 0;
}

.mfp-login-box-loading .mfp-s-ready .mfp-preloader {
  display: block;
}

.mfp-ready .mfp-figure,
.mfp-ready.mfp-login-box .mfp-content {
  opacity: 0;
}

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-in .mfp-figure,
.mfp-zoom-in.mfp-login-box .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
  transform: scale(0.9);
}

.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-iframe-loaded .mfp-content {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 0.55;
}

.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .mfp-content {
  transform: scale(0.9);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
  opacity: 0;
}

.mfp-wrap button.mfp-arrow.mfp-arrow-left,
.mfp-wrap button.mfp-arrow.mfp-arrow-right,
.mfp-wrap button.mfp-arrow.mfp-arrow-left:after,
.mfp-wrap button.mfp-arrow.mfp-arrow-right:after,
.mfp-wrap .mfp-arrow-left::before,
.mfp-wrap .mfp-arrow-left .mfp-b,
.mfp-wrap .mfp-arrow-right::before,
.mfp-wrap .mfp-arrow-right .mfp-a {
  margin: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  width: 25px;
  opacity: 1 !important;
}

.mfp-wrap button.mfp-arrow.mfp-arrow-left:after,
.mfp-wrap button.mfp-arrow.mfp-arrow-right:after {
  font-family: fairtrade;
  color: #00b9e4;
  font-size: 30px;
  background: none;
}

.mfp-wrap button.mfp-arrow.mfp-arrow-left:after {
  content: "\e902";
}

.mfp-wrap button.mfp-arrow.mfp-arrow-right:after {
  content: "\e900";
}

.mfp-wrap .mfp-figure::after {
  background: none;
  box-shadow: none;
}

.mfp-wrap .mfp-figure {
  padding: 30px;
  background: #fff;
}

.mfp-wrap .mfp-figure img.mfp-img {
  padding: 0;
}

.mfp-wrap .mfp-bottom-bar {
  margin: 0;
  bottom: 30px;
  top: auto;
}

.mfp-wrap .mfp-bottom-bar .mfp-title {
  margin: 0 30px;
  background: rgba(0, 0, 0, 0.65);
}

.mfp-wrap .mfp-bottom-bar .mfp-title p {
  padding: 4px 10px;
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  margin: 0;
}

.mfp-wrap .mfp-bottom-bar .mfp-counter {
  color: #ccc;
  font-size: 14px;
  left: 0;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 25px;
  white-space: nowrap;
  width: 100%;
}

.mfp-wrap .mfp-bottom-bar .mfp-counter span {
  display: inline-block;
  position: static;
}

.spinner {
  width: 100px;
  height: 50px;
  margin: auto;
  text-align: center;
}

.spinner .ball {
  width: 25px;
  height: 25px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@-webkit-keyframes motion {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  25% {
    -webkit-transform: translateX(-50px) scale(0.3);
    transform: translateX(-50px) scale(0.3);
  }

  50% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(50px) scale(0.3);
    transform: translateX(50px) scale(0.3);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

@keyframes motion {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  25% {
    -webkit-transform: translateX(-50px) scale(0.3);
    transform: translateX(-50px) scale(0.3);
  }

  50% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(50px) scale(0.3);
    transform: translateX(50px) scale(0.3);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

/*
* Importiere Settings
*/

/*
* Importiere Bootstrap 4
*/

/*
* Importiere Bootstrap 4 von node_modules
*/

/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --blue: #00b9e4;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e0119d;
  --red: #dc3545;
  --orange: #ffa02f;
  --yellow: #FECB00;
  --green: #bed600;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #FFFFFF;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #00b9e4;
  --secondary: #bed600;
  --blue: #00b9e4;
  --green: #bed600;
  --orange: #ffa02f;
  --yellow: #FECB00;
  --lila: #80379b;
  --light-gray: #DEDEDE;
  --dark-gray: #1E1E1E;
  --text-gray: #4A4A4A;
  --white: #FFFFFF;
  --primary: #00b9e4;
  --secondary: #bed600;
  --success: #bed600;
  --info: #17a2b8;
  --warning: #FECB00;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #999999;
  --blue: #00b9e4;
  --green: #bed600;
  --orange: #ffa02f;
  --yellow: #FECB00;
  --lila: #80379b;
  --white: #FFFFFF;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1500px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4A4A4A;
  text-align: left;
  background-color: #FFFFFF;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
.tx-powermail fieldset legend,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #00b9e4;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #007b98;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
.tx-powermail fieldset legend,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 2.5rem;
}

h2,
.tx-powermail fieldset legend,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.75rem;
}

h4,
.h4 {
  font-size: 1.5rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid,
.ce-gallery figure img {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #FFFFFF;
  border: 1px solid #dee2e6;
  border-radius: 0;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e0119d;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #FFFFFF;
  background-color: #212529;
  border-radius: 0;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-custom,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
  .container-custom,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container,
  .container-custom,
  .container-sm,
  .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container,
  .container-custom,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-custom,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1500px) {
  .container,
  .container-custom,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1440px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.66667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333%;
  }

  .offset-sm-5 {
    margin-left: 41.66667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333%;
  }

  .offset-sm-8 {
    margin-left: 66.66667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333%;
  }

  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.66667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333%;
  }

  .offset-md-5 {
    margin-left: 41.66667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333%;
  }

  .offset-md-8 {
    margin-left: 66.66667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333%;
  }

  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.66667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333%;
  }

  .offset-lg-5 {
    margin-left: 41.66667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333%;
  }

  .offset-lg-8 {
    margin-left: 66.66667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333%;
  }

  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.66667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333%;
  }

  .offset-xl-5 {
    margin-left: 41.66667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333%;
  }

  .offset-xl-8 {
    margin-left: 66.66667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333%;
  }

  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1500px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xxl-first {
    order: -1;
  }

  .order-xxl-last {
    order: 13;
  }

  .order-xxl-0 {
    order: 0;
  }

  .order-xxl-1 {
    order: 1;
  }

  .order-xxl-2 {
    order: 2;
  }

  .order-xxl-3 {
    order: 3;
  }

  .order-xxl-4 {
    order: 4;
  }

  .order-xxl-5 {
    order: 5;
  }

  .order-xxl-6 {
    order: 6;
  }

  .order-xxl-7 {
    order: 7;
  }

  .order-xxl-8 {
    order: 8;
  }

  .order-xxl-9 {
    order: 9;
  }

  .order-xxl-10 {
    order: 10;
  }

  .order-xxl-11 {
    order: 11;
  }

  .order-xxl-12 {
    order: 12;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #4A4A4A;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8ebf7;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7adbf1;
}

.table-hover .table-primary:hover {
  background-color: #a1e5f4;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a1e5f4;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #edf4b8;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #ddea7a;
}

.table-hover .table-secondary:hover {
  background-color: #e7f1a2;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #e7f1a2;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #edf4b8;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #ddea7a;
}

.table-hover .table-success:hover {
  background-color: #e7f1a2;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #e7f1a2;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fff0b8;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #fee47a;
}

.table-hover .table-warning:hover {
  background-color: #ffeb9f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffeb9f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #e2e2e2;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #cacaca;
}

.table-hover .table-dark:hover {
  background-color: #d5d5d5;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #d5d5d5;
}

.table-blue,
.table-blue > th,
.table-blue > td {
  background-color: #b8ebf7;
}

.table-blue th,
.table-blue td,
.table-blue thead th,
.table-blue tbody + tbody {
  border-color: #7adbf1;
}

.table-hover .table-blue:hover {
  background-color: #a1e5f4;
}

.table-hover .table-blue:hover > td,
.table-hover .table-blue:hover > th {
  background-color: #a1e5f4;
}

.table-green,
.table-green > th,
.table-green > td {
  background-color: #edf4b8;
}

.table-green th,
.table-green td,
.table-green thead th,
.table-green tbody + tbody {
  border-color: #ddea7a;
}

.table-hover .table-green:hover {
  background-color: #e7f1a2;
}

.table-hover .table-green:hover > td,
.table-hover .table-green:hover > th {
  background-color: #e7f1a2;
}

.table-orange,
.table-orange > th,
.table-orange > td {
  background-color: #ffe4c5;
}

.table-orange th,
.table-orange td,
.table-orange thead th,
.table-orange tbody + tbody {
  border-color: #ffce93;
}

.table-hover .table-orange:hover {
  background-color: #ffd8ac;
}

.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
  background-color: #ffd8ac;
}

.table-yellow,
.table-yellow > th,
.table-yellow > td {
  background-color: #fff0b8;
}

.table-yellow th,
.table-yellow td,
.table-yellow thead th,
.table-yellow tbody + tbody {
  border-color: #fee47a;
}

.table-hover .table-yellow:hover {
  background-color: #ffeb9f;
}

.table-hover .table-yellow:hover > td,
.table-hover .table-yellow:hover > th {
  background-color: #ffeb9f;
}

.table-lila,
.table-lila > th,
.table-lila > td {
  background-color: #dbc7e3;
}

.table-lila th,
.table-lila td,
.table-lila thead th,
.table-lila tbody + tbody {
  border-color: #bd97cb;
}

.table-hover .table-lila:hover {
  background-color: #d0b6db;
}

.table-hover .table-lila:hover > td,
.table-hover .table-lila:hover > th {
  background-color: #d0b6db;
}

.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}

.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: white;
}

.table-hover .table-white:hover {
  background-color: #f2f2f2;
}

.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #FFFFFF;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #FFFFFF;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1499.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xxl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #495057;
  background-color: #FFFFFF;
  border-color: #65e2ff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  appearance: none;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #FFFFFF;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #4A4A4A;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0;
}

select.form-control[size],
select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #bed600;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212529;
  background-color: rgba(190, 214, 0, 0.9);
  border-radius: 0;
}

.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #bed600;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=8 height=8 viewBox=0 0 8 8%3e%3cpath fill=%23bed600 d=M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #bed600;
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #bed600;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=4 height=5 viewBox=0 0 4 5%3e%3cpath fill=%23343a40 d=M2 0L0 2h4zm0 5L0 3h4z/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=8 height=8 viewBox=0 0 8 8%3e%3cpath fill=%23bed600 d=M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #bed600;
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #bed600;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #bed600;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #bed600;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #e4ff0a;
  background-color: #e4ff0a;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #bed600;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #bed600;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #bed600;
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0;
}

.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none stroke=%23dc3545 viewBox=0 0 12 12%3e%3ccircle cx=6 cy=6 r=4.5/%3e%3cpath stroke-linejoin=round d=M5.8 3.6h.4L6 6.5z/%3e%3ccircle cx=6 cy=8.2 r=.6 fill=%23dc3545 stroke=none/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=4 height=5 viewBox=0 0 4 5%3e%3cpath fill=%23343a40 d=M2 0L0 2h4zm0 5L0 3h4z/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none stroke=%23dc3545 viewBox=0 0 12 12%3e%3ccircle cx=6 cy=6 r=4.5/%3e%3cpath stroke-linejoin=round d=M5.8 3.6h.4L6 6.5z/%3e%3ccircle cx=6 cy=8.2 r=.6 fill=%23dc3545 stroke=none/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
    display: inline-block;
  }

  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }

  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 400;
  color: #4A4A4A;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #4A4A4A;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-primary:hover {
  color: #FFFFFF;
  background-color: #009abe;
  border-color: #0090b1;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #FFFFFF;
  background-color: #009abe;
  border-color: #0090b1;
  box-shadow: 0 0 0 0.2rem rgba(38, 196, 232, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #0090b1;
  border-color: #0085a4;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 196, 232, 0.5);
}

.btn-secondary {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-secondary:hover {
  color: #FFFFFF;
  background-color: #9cb000;
  border-color: #91a300;
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: #FFFFFF;
  background-color: #9cb000;
  border-color: #91a300;
  box-shadow: 0 0 0 0.2rem rgba(166, 187, 6, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #91a300;
  border-color: #859600;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(166, 187, 6, 0.5);
}

.btn-success {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-success:hover {
  color: #FFFFFF;
  background-color: #9cb000;
  border-color: #91a300;
}

.btn-success:focus,
.btn-success.focus {
  color: #FFFFFF;
  background-color: #9cb000;
  border-color: #91a300;
  box-shadow: 0 0 0 0.2rem rgba(166, 187, 6, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #91a300;
  border-color: #859600;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(166, 187, 6, 0.5);
}

.btn-info {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #FFFFFF;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
  color: #FFFFFF;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-warning:hover {
  color: #212529;
  background-color: #d8ac00;
  border-color: #cba200;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #212529;
  background-color: #d8ac00;
  border-color: #cba200;
  box-shadow: 0 0 0 0.2rem rgba(221, 178, 6, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #cba200;
  border-color: #be9800;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 178, 6, 0.5);
}

.btn-danger {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #FFFFFF;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #FFFFFF;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}

.btn-dark:hover {
  color: #FFFFFF;
  background-color: #868686;
  border-color: gray;
}

.btn-dark:focus,
.btn-dark.focus {
  color: #FFFFFF;
  background-color: #868686;
  border-color: gray;
  box-shadow: 0 0 0 0.2rem rgba(135, 136, 136, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: gray;
  border-color: #797979;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(135, 136, 136, 0.5);
}

.btn-blue {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-blue:hover {
  color: #FFFFFF;
  background-color: #009abe;
  border-color: #0090b1;
}

.btn-blue:focus,
.btn-blue.focus {
  color: #FFFFFF;
  background-color: #009abe;
  border-color: #0090b1;
  box-shadow: 0 0 0 0.2rem rgba(38, 196, 232, 0.5);
}

.btn-blue.disabled,
.btn-blue:disabled {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #FFFFFF;
  background-color: #0090b1;
  border-color: #0085a4;
}

.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 196, 232, 0.5);
}

.btn-green {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-green:hover {
  color: #FFFFFF;
  background-color: #9cb000;
  border-color: #91a300;
}

.btn-green:focus,
.btn-green.focus {
  color: #FFFFFF;
  background-color: #9cb000;
  border-color: #91a300;
  box-shadow: 0 0 0 0.2rem rgba(166, 187, 6, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #FFFFFF;
  background-color: #91a300;
  border-color: #859600;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(166, 187, 6, 0.5);
}

.btn-orange {
  color: #212529;
  background-color: #ffa02f;
  border-color: #ffa02f;
}

.btn-orange:hover {
  color: #212529;
  background-color: #ff8f09;
  border-color: #fb8800;
}

.btn-orange:focus,
.btn-orange.focus {
  color: #212529;
  background-color: #ff8f09;
  border-color: #fb8800;
  box-shadow: 0 0 0 0.2rem rgba(222, 142, 46, 0.5);
}

.btn-orange.disabled,
.btn-orange:disabled {
  color: #212529;
  background-color: #ffa02f;
  border-color: #ffa02f;
}

.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #212529;
  background-color: #fb8800;
  border-color: #ee8100;
}

.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 142, 46, 0.5);
}

.btn-yellow {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-yellow:hover {
  color: #212529;
  background-color: #d8ac00;
  border-color: #cba200;
}

.btn-yellow:focus,
.btn-yellow.focus {
  color: #212529;
  background-color: #d8ac00;
  border-color: #cba200;
  box-shadow: 0 0 0 0.2rem rgba(221, 178, 6, 0.5);
}

.btn-yellow.disabled,
.btn-yellow:disabled {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #212529;
  background-color: #cba200;
  border-color: #be9800;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 178, 6, 0.5);
}

.btn-lila {
  color: #FFFFFF;
  background-color: #80379b;
  border-color: #80379b;
}

.btn-lila:hover {
  color: #FFFFFF;
  background-color: #692d7f;
  border-color: #612a75;
}

.btn-lila:focus,
.btn-lila.focus {
  color: #FFFFFF;
  background-color: #692d7f;
  border-color: #612a75;
  box-shadow: 0 0 0 0.2rem rgba(147, 85, 170, 0.5);
}

.btn-lila.disabled,
.btn-lila:disabled {
  color: #FFFFFF;
  background-color: #80379b;
  border-color: #80379b;
}

.btn-lila:not(:disabled):not(.disabled):active,
.btn-lila:not(:disabled):not(.disabled).active,
.show > .btn-lila.dropdown-toggle {
  color: #FFFFFF;
  background-color: #612a75;
  border-color: #59266c;
}

.btn-lila:not(:disabled):not(.disabled):active:focus,
.btn-lila:not(:disabled):not(.disabled).active:focus,
.show > .btn-lila.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(147, 85, 170, 0.5);
}

.btn-white {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-white:hover {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
}

.btn-white:focus,
.btn-white.focus {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-white.disabled,
.btn-white:disabled {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-outline-primary {
  color: #00b9e4;
  border-color: #00b9e4;
}

.btn-outline-primary:hover {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #00b9e4;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.5);
}

.btn-outline-secondary {
  color: #bed600;
  border-color: #bed600;
}

.btn-outline-secondary:hover {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #bed600;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.btn-outline-success {
  color: #bed600;
  border-color: #bed600;
}

.btn-outline-success:hover {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #bed600;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #FECB00;
  border-color: #FECB00;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 203, 0, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #FECB00;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 203, 0, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #999999;
  border-color: #999999;
}

.btn-outline-dark:hover {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #999999;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5);
}

.btn-outline-blue {
  color: #00b9e4;
  border-color: #00b9e4;
}

.btn-outline-blue:hover {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-outline-blue:focus,
.btn-outline-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.5);
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
  color: #00b9e4;
  background-color: transparent;
}

.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue.dropdown-toggle {
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.btn-outline-blue:not(:disabled):not(.disabled):active:focus,
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.5);
}

.btn-outline-green {
  color: #bed600;
  border-color: #bed600;
}

.btn-outline-green:hover {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-outline-green:focus,
.btn-outline-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
  color: #bed600;
  background-color: transparent;
}

.btn-outline-green:not(:disabled):not(.disabled):active,
.btn-outline-green:not(:disabled):not(.disabled).active,
.show > .btn-outline-green.dropdown-toggle {
  color: #212529;
  background-color: #bed600;
  border-color: #bed600;
}

.btn-outline-green:not(:disabled):not(.disabled):active:focus,
.btn-outline-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.btn-outline-orange {
  color: #ffa02f;
  border-color: #ffa02f;
}

.btn-outline-orange:hover {
  color: #212529;
  background-color: #ffa02f;
  border-color: #ffa02f;
}

.btn-outline-orange:focus,
.btn-outline-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 160, 47, 0.5);
}

.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
  color: #ffa02f;
  background-color: transparent;
}

.btn-outline-orange:not(:disabled):not(.disabled):active,
.btn-outline-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-orange.dropdown-toggle {
  color: #212529;
  background-color: #ffa02f;
  border-color: #ffa02f;
}

.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 160, 47, 0.5);
}

.btn-outline-yellow {
  color: #FECB00;
  border-color: #FECB00;
}

.btn-outline-yellow:hover {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-outline-yellow:focus,
.btn-outline-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 203, 0, 0.5);
}

.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
  color: #FECB00;
  background-color: transparent;
}

.btn-outline-yellow:not(:disabled):not(.disabled):active,
.btn-outline-yellow:not(:disabled):not(.disabled).active,
.show > .btn-outline-yellow.dropdown-toggle {
  color: #212529;
  background-color: #FECB00;
  border-color: #FECB00;
}

.btn-outline-yellow:not(:disabled):not(.disabled):active:focus,
.btn-outline-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 203, 0, 0.5);
}

.btn-outline-lila {
  color: #80379b;
  border-color: #80379b;
}

.btn-outline-lila:hover {
  color: #FFFFFF;
  background-color: #80379b;
  border-color: #80379b;
}

.btn-outline-lila:focus,
.btn-outline-lila.focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 55, 155, 0.5);
}

.btn-outline-lila.disabled,
.btn-outline-lila:disabled {
  color: #80379b;
  background-color: transparent;
}

.btn-outline-lila:not(:disabled):not(.disabled):active,
.btn-outline-lila:not(:disabled):not(.disabled).active,
.show > .btn-outline-lila.dropdown-toggle {
  color: #FFFFFF;
  background-color: #80379b;
  border-color: #80379b;
}

.btn-outline-lila:not(:disabled):not(.disabled):active:focus,
.btn-outline-lila:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-lila.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(128, 55, 155, 0.5);
}

.btn-outline-white {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-outline-white:hover {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-outline-white:focus,
.btn-outline-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
  color: #FFFFFF;
  background-color: transparent;
}

.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-white.dropdown-toggle {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #00b9e4;
  text-decoration: none;
}

.btn-link:hover {
  color: #007b98;
  text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #4A4A4A;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1500px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #00b9e4;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #FFFFFF;
  border-color: #00b9e4;
  background-color: #00b9e4;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #65e2ff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #FFFFFF;
  background-color: #98ebff;
  border-color: #98ebff;
}

.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #FFFFFF;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50% / 50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=8 height=8 viewBox=0 0 8 8%3e%3cpath fill=%23FFFFFF d=M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #00b9e4;
  background-color: #00b9e4;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=4 height=4 viewBox=0 0 4 4%3e%3cpath stroke=%23FFFFFF d=M0 2h4/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 185, 228, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 185, 228, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=12 height=12 viewBox=-4 -4 8 8%3e%3ccircle r=3 fill=%23FFFFFF/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 185, 228, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #FFFFFF;
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 185, 228, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #FFFFFF url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=4 height=5 viewBox=0 0 4 5%3e%3cpath fill=%23343a40 d=M2 0L0 2h4zm0 5L0 3h4z/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0;
  appearance: none;
}

.custom-select:focus {
  border-color: #65e2ff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #FFFFFF;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #65e2ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #FFFFFF;
  border: 1px solid #ced4da;
  border-radius: 0;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0 0 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}

.custom-range:focus {
  outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #00b9e4;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #98ebff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #00b9e4;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #98ebff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #00b9e4;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #98ebff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #FFFFFF;
  border-color: #dee2e6 #dee2e6 #FFFFFF;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #FFFFFF;
  background-color: #00b9e4;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-custom,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl,
.navbar .container-xxl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50% / 100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-custom,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl,
  .navbar-expand-sm > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-custom,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl,
  .navbar-expand-sm > .container-xxl {
    flex-wrap: nowrap;
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-custom,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl,
  .navbar-expand-md > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md > .container,
  .navbar-expand-md > .container-custom,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl,
  .navbar-expand-md > .container-xxl {
    flex-wrap: nowrap;
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-custom,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl,
  .navbar-expand-lg > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-custom,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl,
  .navbar-expand-lg > .container-xxl {
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-custom,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl,
  .navbar-expand-xl > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-custom,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl,
  .navbar-expand-xl > .container-xxl {
    flex-wrap: nowrap;
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1499.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-custom,
  .navbar-expand-xxl > .container-fluid,
  .navbar-expand-xxl > .container-sm,
  .navbar-expand-xxl > .container-md,
  .navbar-expand-xxl > .container-lg,
  .navbar-expand-xxl > .container-xl,
  .navbar-expand-xxl > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1500px) {
  .navbar-expand-xxl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-custom,
  .navbar-expand-xxl > .container-fluid,
  .navbar-expand-xxl > .container-sm,
  .navbar-expand-xxl > .container-md,
  .navbar-expand-xxl > .container-lg,
  .navbar-expand-xxl > .container-xl,
  .navbar-expand-xxl > .container-xxl {
    flex-wrap: nowrap;
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-custom,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-custom,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=30 height=30 viewBox=0 0 30 30%3e%3cpath stroke=rgba%280, 0, 0, 0.5%29 stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d=M4 7h22M4 15h22M4 23h22/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #FFFFFF;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #FFFFFF;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=30 height=30 viewBox=0 0 30 30%3e%3cpath stroke=rgba%28255, 255, 255, 0.5%29 stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d=M4 7h22M4 15h22M4 23h22/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #FFFFFF;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #FFFFFF;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: 0 0 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 0 0;
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: 0;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #00b9e4;
  background-color: #FFFFFF;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #007b98;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-item.active .page-link {
  z-index: 3;
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #FFFFFF;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #FFFFFF;
  background-color: #00b9e4;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #FFFFFF;
  background-color: #0090b1;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.5);
}

.badge-secondary {
  color: #212529;
  background-color: #bed600;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #212529;
  background-color: #91a300;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.badge-success {
  color: #212529;
  background-color: #bed600;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #212529;
  background-color: #91a300;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.badge-info {
  color: #FFFFFF;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #FFFFFF;
  background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #FECB00;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #cba200;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(254, 203, 0, 0.5);
}

.badge-danger {
  color: #FFFFFF;
  background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #FFFFFF;
  background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #212529;
  background-color: #999999;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #212529;
  background-color: gray;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5);
}

.badge-blue {
  color: #FFFFFF;
  background-color: #00b9e4;
}

a.badge-blue:hover,
a.badge-blue:focus {
  color: #FFFFFF;
  background-color: #0090b1;
}

a.badge-blue:focus,
a.badge-blue.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 185, 228, 0.5);
}

.badge-green {
  color: #212529;
  background-color: #bed600;
}

a.badge-green:hover,
a.badge-green:focus {
  color: #212529;
  background-color: #91a300;
}

a.badge-green:focus,
a.badge-green.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(190, 214, 0, 0.5);
}

.badge-orange {
  color: #212529;
  background-color: #ffa02f;
}

a.badge-orange:hover,
a.badge-orange:focus {
  color: #212529;
  background-color: #fb8800;
}

a.badge-orange:focus,
a.badge-orange.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 160, 47, 0.5);
}

.badge-yellow {
  color: #212529;
  background-color: #FECB00;
}

a.badge-yellow:hover,
a.badge-yellow:focus {
  color: #212529;
  background-color: #cba200;
}

a.badge-yellow:focus,
a.badge-yellow.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(254, 203, 0, 0.5);
}

.badge-lila {
  color: #FFFFFF;
  background-color: #80379b;
}

a.badge-lila:hover,
a.badge-lila:focus {
  color: #FFFFFF;
  background-color: #612a75;
}

a.badge-lila:focus,
a.badge-lila.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(128, 55, 155, 0.5);
}

.badge-white {
  color: #212529;
  background-color: #FFFFFF;
}

a.badge-white:hover,
a.badge-white:focus {
  color: #212529;
  background-color: #e6e6e6;
}

a.badge-white:focus,
a.badge-white.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #006077;
  background-color: #ccf1fa;
  border-color: #b8ebf7;
}

.alert-primary hr {
  border-top-color: #a1e5f4;
}

.alert-primary .alert-link {
  color: #003744;
}

.alert-secondary {
  color: #636f00;
  background-color: #f2f7cc;
  border-color: #edf4b8;
}

.alert-secondary hr {
  border-top-color: #e7f1a2;
}

.alert-secondary .alert-link {
  color: #363c00;
}

.alert-success {
  color: #636f00;
  background-color: #f2f7cc;
  border-color: #edf4b8;
}

.alert-success hr {
  border-top-color: #e7f1a2;
}

.alert-success .alert-link {
  color: #363c00;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #846a00;
  background-color: #fff5cc;
  border-color: #fff0b8;
}

.alert-warning hr {
  border-top-color: #ffeb9f;
}

.alert-warning .alert-link {
  color: #514100;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #505050;
  background-color: #ebebeb;
  border-color: #e2e2e2;
}

.alert-dark hr {
  border-top-color: #d5d5d5;
}

.alert-dark .alert-link {
  color: #373737;
}

.alert-blue {
  color: #006077;
  background-color: #ccf1fa;
  border-color: #b8ebf7;
}

.alert-blue hr {
  border-top-color: #a1e5f4;
}

.alert-blue .alert-link {
  color: #003744;
}

.alert-green {
  color: #636f00;
  background-color: #f2f7cc;
  border-color: #edf4b8;
}

.alert-green hr {
  border-top-color: #e7f1a2;
}

.alert-green .alert-link {
  color: #363c00;
}

.alert-orange {
  color: #855318;
  background-color: #ffecd5;
  border-color: #ffe4c5;
}

.alert-orange hr {
  border-top-color: #ffd8ac;
}

.alert-orange .alert-link {
  color: #5a3810;
}

.alert-yellow {
  color: #846a00;
  background-color: #fff5cc;
  border-color: #fff0b8;
}

.alert-yellow hr {
  border-top-color: #ffeb9f;
}

.alert-yellow .alert-link {
  color: #514100;
}

.alert-lila {
  color: #431d51;
  background-color: #e6d7eb;
  border-color: #dbc7e3;
}

.alert-lila hr {
  border-top-color: #d0b6db;
}

.alert-lila .alert-link {
  color: #24102b;
}

.alert-white {
  color: #858585;
  background-color: white;
  border-color: white;
}

.alert-white hr {
  border-top-color: #f2f2f2;
}

.alert-white .alert-link {
  color: #6c6c6c;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  background-color: #00b9e4;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #4A4A4A;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #FFFFFF;
}

.list-group-item.active {
  z-index: 2;
  color: #FFFFFF;
  background-color: #00b9e4;
  border-color: #00b9e4;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1500px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }

  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #006077;
  background-color: #b8ebf7;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #006077;
  background-color: #a1e5f4;
}

.list-group-item-primary.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #006077;
  border-color: #006077;
}

.list-group-item-secondary {
  color: #636f00;
  background-color: #edf4b8;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #636f00;
  background-color: #e7f1a2;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #636f00;
  border-color: #636f00;
}

.list-group-item-success {
  color: #636f00;
  background-color: #edf4b8;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #636f00;
  background-color: #e7f1a2;
}

.list-group-item-success.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #636f00;
  border-color: #636f00;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #846a00;
  background-color: #fff0b8;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #846a00;
  background-color: #ffeb9f;
}

.list-group-item-warning.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #846a00;
  border-color: #846a00;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #505050;
  background-color: #e2e2e2;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #505050;
  background-color: #d5d5d5;
}

.list-group-item-dark.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #505050;
  border-color: #505050;
}

.list-group-item-blue {
  color: #006077;
  background-color: #b8ebf7;
}

.list-group-item-blue.list-group-item-action:hover,
.list-group-item-blue.list-group-item-action:focus {
  color: #006077;
  background-color: #a1e5f4;
}

.list-group-item-blue.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #006077;
  border-color: #006077;
}

.list-group-item-green {
  color: #636f00;
  background-color: #edf4b8;
}

.list-group-item-green.list-group-item-action:hover,
.list-group-item-green.list-group-item-action:focus {
  color: #636f00;
  background-color: #e7f1a2;
}

.list-group-item-green.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #636f00;
  border-color: #636f00;
}

.list-group-item-orange {
  color: #855318;
  background-color: #ffe4c5;
}

.list-group-item-orange.list-group-item-action:hover,
.list-group-item-orange.list-group-item-action:focus {
  color: #855318;
  background-color: #ffd8ac;
}

.list-group-item-orange.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #855318;
  border-color: #855318;
}

.list-group-item-yellow {
  color: #846a00;
  background-color: #fff0b8;
}

.list-group-item-yellow.list-group-item-action:hover,
.list-group-item-yellow.list-group-item-action:focus {
  color: #846a00;
  background-color: #ffeb9f;
}

.list-group-item-yellow.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #846a00;
  border-color: #846a00;
}

.list-group-item-lila {
  color: #431d51;
  background-color: #dbc7e3;
}

.list-group-item-lila.list-group-item-action:hover,
.list-group-item-lila.list-group-item-action:focus {
  color: #431d51;
  background-color: #d0b6db;
}

.list-group-item-lila.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #431d51;
  border-color: #431d51;
}

.list-group-item-white {
  color: #858585;
  background-color: white;
}

.list-group-item-white.list-group-item-action:hover,
.list-group-item-white.list-group-item-action:focus {
  color: #858585;
  background-color: #f2f2f2;
}

.list-group-item-white.list-group-item-action.active {
  color: #FFFFFF;
  background-color: #858585;
  border-color: #858585;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #FFFFFF;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #00b9e4;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #00b9e4;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #00b9e4;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #00b9e4;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #FFFFFF;
  text-align: center;
  background-color: #00b9e4;
  border-radius: 0;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #FFFFFF;
}

.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0 0;
}

.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #FFFFFF;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #FFFFFF;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0 0;
}

.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #FFFFFF;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #4A4A4A;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #FFFFFF;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50% / 100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg fill=%23FFFFFF width=8 height=8 viewBox=0 0 8 8%3e%3cpath d=M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg fill=%23FFFFFF width=8 height=8 viewBox=0 0 8 8%3e%3cpath d=M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: .75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: .75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #00b9e4 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0090b1 !important;
}

.bg-secondary {
  background-color: #bed600 !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #91a300 !important;
}

.bg-success {
  background-color: #bed600 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #91a300 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #FECB00 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #cba200 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #999999 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: gray !important;
}

.bg-blue {
  background-color: #00b9e4 !important;
}

a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: #0090b1 !important;
}

.bg-green {
  background-color: #bed600 !important;
}

a.bg-green:hover,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
  background-color: #91a300 !important;
}

.bg-orange {
  background-color: #ffa02f !important;
}

a.bg-orange:hover,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
  background-color: #fb8800 !important;
}

.bg-yellow {
  background-color: #FECB00 !important;
}

a.bg-yellow:hover,
a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
  background-color: #cba200 !important;
}

.bg-lila {
  background-color: #80379b !important;
}

a.bg-lila:hover,
a.bg-lila:focus,
button.bg-lila:hover,
button.bg-lila:focus {
  background-color: #612a75 !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #00b9e4 !important;
}

.border-secondary {
  border-color: #bed600 !important;
}

.border-success {
  border-color: #bed600 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #FECB00 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #999999 !important;
}

.border-blue {
  border-color: #00b9e4 !important;
}

.border-green {
  border-color: #bed600 !important;
}

.border-orange {
  border-color: #ffa02f !important;
}

.border-yellow {
  border-color: #FECB00 !important;
}

.border-lila {
  border-color: #80379b !important;
}

.border-white {
  border-color: #FFFFFF !important;
}

.border-white {
  border-color: #FFFFFF !important;
}

.rounded-sm {
  border-radius: 0 !important;
}

.rounded {
  border-radius: 0 !important;
}

.rounded-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-lg {
  border-radius: 0 !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after,
.homepage-newsletter form .fieldwrap::after,
.main-navigation-outer ul.main-navigation > li.search-list-item form .fieldwrap::after,
.mobile-main-navigation-search-flyout form .fieldwrap::after,
.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap::after,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1500px) {
  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

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

.embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1500px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}

@media (min-width: 1500px) {
  .float-xxl-left {
    float: left !important;
  }

  .float-xxl-right {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1500px) {
  .m-xxl-0 {
    margin: 0 !important;
  }

  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }

  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }

  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }

  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }

  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }

  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }

  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }

  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }

  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }

  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }

  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }

  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }

  .m-xxl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xxl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xxl-n3 {
    margin: -1rem !important;
  }

  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }

  .m-xxl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xxl-n5 {
    margin: -3rem !important;
  }

  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }

  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }

  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1500px) {
  .text-xxl-left {
    text-align: left !important;
  }

  .text-xxl-right {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #FFFFFF !important;
}

.text-primary {
  color: #00b9e4 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #007b98 !important;
}

.text-secondary {
  color: #bed600 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #7a8a00 !important;
}

.text-success {
  color: #bed600 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #7a8a00 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #FECB00 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #b28e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #999999 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #737373 !important;
}

.text-blue {
  color: #00b9e4 !important;
}

a.text-blue:hover,
a.text-blue:focus {
  color: #007b98 !important;
}

.text-green {
  color: #bed600 !important;
}

a.text-green:hover,
a.text-green:focus {
  color: #7a8a00 !important;
}

.text-orange {
  color: #ffa02f !important;
}

a.text-orange:hover,
a.text-orange:focus {
  color: #e27b00 !important;
}

.text-yellow {
  color: #FECB00 !important;
}

a.text-yellow:hover,
a.text-yellow:focus {
  color: #b28e00 !important;
}

.text-lila {
  color: #80379b !important;
}

a.text-lila:hover,
a.text-lila:focus {
  color: #512363 !important;
}

.text-white {
  color: #FFFFFF !important;
}

a.text-white:hover,
a.text-white:focus {
  color: #d9d9d9 !important;
}

.text-body {
  color: #4A4A4A !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  .tx-powermail fieldset legend,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  .tx-powermail fieldset legend,
  h3 {
    page-break-after: avoid;
  }

@page {
    size: a3;
}

  body {
    min-width: 992px !important;
  }

  .container,
  .container-custom {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #FFFFFF !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/*
* Importiere Functions
*/

/*
* Importiere Mixins
*/

/*
* Importiere lightbox
*/

/*
* Importiere Swiper
*/

/*
* Importiere Chosen
*/

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 45;
  width: 100%;
  background: #fff;
  margin: 0;
  opacity: 0;
  border: none;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  transform: translate(0px, -10px);
  -webkit-transition: -webkit-transform 300ms ease, opacity 400ms;
  -moz-transition: -moz-transform 300ms ease, opacity 400ms;
  transition: transform 300ms ease, opacity 400ms;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  opacity: 1;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */

/* @group Single Chosen */

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  height: 40px;
  background-clip: padding-box;
  box-shadow: none;
  text-decoration: none;
  white-space: nowrap;
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  margin: 0;
  outline: 0 none;
  padding: 0;
  resize: none;
  width: 100%;
  background: #fff;
  border: none;
}

.startseite-themen-select .chosen-container-single .chosen-single {
  background: #fff;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  margin: 0 40px 0 0;
  line-height: 38px;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-left: 1px solid #b8b8b8;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  /*background: url('chosen-sprite.png') -42px 1px no-repeat;*/
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  background: #00b9e4;
  height: 100%;
}

.chosen-container-single .chosen-single div:after {
  display: block;
  width: 100%;
  height: 100%;
  font-family: fairtrade;
  content: '\e909';
  text-align: center;
  color: #fff;
  font-size: 13px;
}

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

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  /* background: white url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px;*/
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */

/* @group Results */

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  padding: 8px 12px;
  list-style: none;
  line-height: 20px;
  border: none;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  font-size: 14px;
  color: #1e1e1e;
  font-weight: 700;
  margin: 0;
  position: relative;
  transition: padding 0.5s ease-out;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #00c7f5;
}

.chosen-container .chosen-results li.highlighted:after {
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */

/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

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

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
  content: "\e967";
  color: #fff;
  font-size: 7px;
  font-family: 'fairtrade' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: -10px;
  right: 5px;
  height: 5px;
  width: 5px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */

/* @group Active  */

.chosen-container-active.chosen-with-drop .chosen-drop {
  transform: translate(0px, -2px);
  z-index: 5;
}

/* @end */

/* @group Disabled Support */

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */

/* @group Right to Left */

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

.chosen-container-multi .chosen-choices {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 3px;
  transition: border 0.3s linear 0s;
  width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background: #00b9e4 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 34px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: background-color 0.2s linear 0s;
  height: 34px;
  box-shadow: none;
  border-radius: 0px;
  padding: 0px 8px;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  color: #000;
  opacity: 0.3;
}

.chosen-container .chosen-results {
  background: #00b9e4 none repeat scroll 0 0;
}

.chosen-container .chosen-results li {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.chosen-container .chosen-results li.group-result {
  color: #000;
  opacity: 0.3;
}

.chosen-container .chosen-results li.result-selected {
  color: #fff;
}

/* @end */

/* @group Retina compatibility */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */

/*
* Importiere Chosen
*/

/*
* Importiere iCheck
*/

/*
* Importiere Layout
*/

.border-blau,
.frame-layout-22 {
  border-top: 6px solid #00b9e4;
}

.border-blau .bx-wrapper .bx-controls-direction a,
.frame-layout-22 .bx-wrapper .bx-controls-direction a {
  background: #00b9e4;
}

.border-gruen,
.frame-layout-23 {
  border-top: 6px solid #bed600;
}

.border-gruen .bx-wrapper .bx-controls-direction a,
.frame-layout-23 .bx-wrapper .bx-controls-direction a {
  background: #bed600;
}

.border-lila,
.frame-layout-20 {
  border-top: 6px solid #80379b;
}

.border-lila .bx-wrapper .bx-controls-direction a,
.frame-layout-20 .bx-wrapper .bx-controls-direction a {
  background: #80379b;
}

.border-pink,
.frame-layout-21 {
  border-top: 6px solid #e0119d;
}

.border-pink .bx-wrapper .bx-controls-direction a,
.frame-layout-21 .bx-wrapper .bx-controls-direction a {
  background: #e0119d;
}

.border-orange,
.frame-layout-24 {
  border-top: 6px solid #ffa02f;
}

.border-orange .bx-wrapper .bx-controls-direction a,
.frame-layout-24 .bx-wrapper .bx-controls-direction a {
  background: #ffa02f;
}

.border-gelb,
.frame-layout-26 {
  border-top: 6px solid #FECB00;
}

.border-gelb .bx-wrapper .bx-controls-direction a,
.frame-layout-26 .bx-wrapper .bx-controls-direction a {
  background: #FECB00;
}

.border-rot,
.frame-layout-25 {
  border-top: 6px solid #e00034;
}

.border-rot .bx-wrapper .bx-controls-direction a,
.frame-layout-25 .bx-wrapper .bx-controls-direction a {
  background: #e00034;
}

.border-grey {
  border-top: 6px solid #E6E6E6;
}

.border-grey .bx-wrapper .bx-controls-direction a {
  background: #E6E6E6;
}

.border-dark {
  border-top: 6px solid #999999;
}

.border-dark .bx-wrapper .bx-controls-direction a {
  background: #999999;
}

body.scheme-lila .homepage aside,
body.scheme-lila .bread-wrap {
  border-top: 6px solid #80379b;
}

body.scheme-pink .homepage aside,
body.scheme-pink .bread-wrap {
  border-top: 6px solid #e0119d;
}

body.scheme-blau .homepage aside,
body.scheme-blau .bread-wrap {
  border-top: 6px solid #00b9e4;
}

body.scheme-grn .homepage aside,
body.scheme-grn .bread-wrap {
  border-top: 6px solid #bed600;
}

body.scheme-orange .homepage aside,
body.scheme-orange .bread-wrap {
  border-top: 6px solid #ffa02f;
}

body.scheme-gelb .homepage aside,
body.scheme-gelb .bread-wrap {
  border-top: 6px solid #FECB00;
}

body.scheme-gold .homepage aside,
body.scheme-gold .bread-wrap {
  border-top: 6px solid #FECB00;
}

body.scheme-grey .homepage aside,
body.scheme-grey .bread-wrap {
  border-top: 6px solid #9A9B9C;
}

/* subnavi 2.0  */

body .homepage aside ul li.active,
body .homepage aside ul li:hover,
body .homepage aside ul li ul li.active,
body .homepage aside ul li ul li:hover,
body .homepage aside ul li ul li ul li.active,
body .homepage aside ul li ul li ul li:hover {
  background: none;
  padding: 0;
  background: #fff;
}

body .homepage aside ul li a {
  padding: 15px 0px 15px 18px;
  border-left: 2px solid #fff;
  transition: none;
  font-size: 16px;
  transition: 0.3s ease;
  color: #4A4A4A;
  font-family: 'Helvetica Neue', 'Arial', Helvetica, sans-serif;
}

body .homepage aside ul li.active > a,
body .homepage aside ul li a:hover {
  padding: 15px 0px 15px 18px;
  border-left: 2px solid #00B9E4;
  background: #E5F8FC;
  background: rgba(0, 185, 228, 0.1);
  transition: 0.3s ease;
}

body.scheme-grn .homepage aside > ul > li.active > a,
body.scheme-grn .homepage aside > ul > li a:hover {
  border-left: 2px solid #bed600;
  background: rgba(190, 214, 0, 0.1);
}

body.scheme-grn .homepage aside ul li ul li.active > a,
body.scheme-grn .homepage aside ul li ul li a:hover {
  color: #bed600;
}

body.scheme-orange .homepage aside > ul > li.active > a,
body.scheme-orange .homepage aside > ul > li a:hover {
  border-left: 2px solid #FFA02F;
  background: rgba(255, 160, 47, 0.1);
}

body.scheme-orange .homepage aside ul li ul li.active > a,
body.scheme-orange .homepage aside ul li ul li a:hover {
  color: #FFA02F;
}

body.scheme-gelb .homepage aside > ul > li.active > a,
body.scheme-gelb .homepage aside > ul > li a:hover {
  border-left: 2px solid #FECB00;
  background: rgba(255, 160, 47, 0.1);
}

body.scheme-gelb .homepage aside ul li ul li.active > a,
body.scheme-gelb .homepage aside ul li ul li a:hover {
  color: #FECB00;
}

body.scheme-lila .homepage aside > ul > li.active > a,
body.scheme-lila .homepage aside > ul > li a:hover {
  border-left: 2px solid #80379b;
  background: rgba(128, 55, 155, 0.1);
}

body.scheme-lila .homepage aside ul li ul li.active > a,
body.scheme-lila .homepage aside ul li ul li a:hover {
  color: #80379b;
}

body.scheme-pink .homepage aside > ul > li.active > a,
body.scheme-pink .homepage aside > ul > li a:hover {
  border-left: 2px solid #DA3B8D;
  background: rgba(218, 59, 141, 0.1);
}

body.scheme-pink .homepage aside ul li ul li.active > a,
body.scheme-pink .homepage aside ul li ul li a:hover {
  color: #DA3B8D;
}

body.scheme-blau .homepage aside > ul > li.active > a,
body.scheme-blau .homepage aside > ul > li a:hover {
  border-left: 2px solid #00b9e4;
  background: rgba(0, 185, 228, 0.1);
}

body.scheme-blau .homepage aside ul li ul li.active > a,
body.scheme-blau .homepage aside ul li ul li a:hover {
  color: #00b9e4;
}

body.scheme-grey .homepage aside > ul > li.active > a,
body.scheme-grey .homepage aside > ul > li a:hover {
  border-left: 2px solid #9A9B9C;
  background: rgba(154, 155, 156, 0.1);
}

body.scheme-grey .homepage aside ul li ul li.active > a,
body.scheme-grey .homepage aside ul li ul li a:hover {
  color: #9A9B9C;
}

body .homepage aside ul li ul li a {
  padding: 15px 0px 15px 38px;
  border-left: 2px solid #fff;
  font-size: 14px;
}

body .homepage aside ul li ul li.active > a,
body .homepage aside ul li ul li a:hover {
  padding: 15px 0px 15px 38px;
  border-left: 2px solid #fff;
  background: #fff;
  color: #00B9E4;
}

body .homepage aside ul li ul li ul li a {
  padding: 15px 0px 15px 48px;
  border-left: 2px solid #fff;
  font-size: 14px;
}

body .homepage aside ul li ul li ul li.active > a,
body .homepage aside ul li ul li ul li a:hover {
  padding: 15px 0px 15px 48px;
  border-left: 2px solid #fff;
  background: #fff;
  color: #00B9E4;
}

body .homepage aside li.active ul.lvl-1 li,
body .homepage aside li.active ul.lvl-1 li.active,
body .homepage aside li.active ul.lvl-1 li.active > a {
  background: #F6F6F6;
}

body .homepage aside ul li ul li ul {
  margin: 0px;
}

/* akkordeon 2.0 */

body .igproject-unterseite-akkordeon .card .card-header {
  border: 1px solid #fff;
}

body.scheme-lila .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-pink .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-blau .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-grn .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-orange .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-gelb .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-gold .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-grey .igproject-unterseite-akkordeon .card:first-child .card-header {
  border-top-color: #fff;
}

body .igproject-unterseite-akkordeon .card .card-body {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

body .igproject-unterseite-akkordeon .card .card-header:first-child,
body .igproject-unterseite-akkordeon .accordion {
  border-width: 2px;
}

body .igproject-unterseite-akkordeon .card .card-header button.collapsed span {
  float: right;
  margin-right: 0px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 400ms ease-out;
  -moz-transition: -moz-transform 400ms ease-out;
  transition: transform 400ms ease-out;
}

body .igproject-unterseite-akkordeon .card .card-header button span {
  float: right;
  margin-right: 0px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -webkit-transition: -webkit-transform 400ms ease-out;
  -moz-transition: -moz-transform 400ms ease-out;
  transition: transform 400ms ease-out;
}

body .igproject-unterseite-akkordeon .card .card-header button span.fairtrade-icon_plus:before,
body .igproject-unterseite-akkordeon .card .card-header button.collapsed span.fairtrade-icon_plus:before {
  content: "\e984";
  font-size: 18px;
}

body .igproject-unterseite-akkordeon .card .card-header button {
  padding-right: 10px;
}

body .bild-text-teaser {
  background: #F6F6F6;
}

body .search-wrap .fieldwrap {
  margin: 0;
}

span.more:hover,
.bild-text-teaser .teaser-content a:hover,
section.content-unterseite .links-outer ul.link-list li a:hover,
section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #00b9e4;
}

body.scheme-blau span.more:hover,
body.scheme-blau .bild-text-teaser .teaser-content a:hover,
body.scheme-blau section.content-unterseite .links-outer ul.link-list li a:hover,
body.scheme-blau section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #00b9e4;
}

body.scheme-grn span.more:hover,
body.scheme-grn .bild-text-teaser .teaser-content a:hover,
body.scheme-grn section.content-unterseite .links-outer ul.link-list li a:hover,
body.scheme-grn section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #bed600;
}

body.scheme-orange span.more:hover,
body.scheme-orange .bild-text-teaser .teaser-content a:hover,
body.scheme-orange section.content-unterseite .links-outer ul.link-list li a:hover,
body.scheme-orange section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #FFA02F;
}

body.scheme-gelb span.more:hover,
body.scheme-gelb .bild-text-teaser .teaser-content a:hover,
body.scheme-gelb section.content-unterseite .links-outer ul.link-list li a:hover,
body.scheme-gelb section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #FECB00;
}

body.scheme-lila span.more:hover,
body.scheme-lila .bild-text-teaser .teaser-content a:hover,
body.scheme-lila section.content-unterseite .links-outer ul.link-list li a:hover,
body.scheme-lila section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #80379b;
}

body.scheme-pink span.more:hover,
body.scheme-pink .bild-text-teaser .teaser-content a:hover,
body.scheme-pink section.content-unterseite .links-outer ul.link-list li a:hover,
body.scheme-pink section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #DA3B8D;
}

body.scheme-grey span.more:hover,
body.scheme-grey .bild-text-teaser .teaser-content a:hover,
body.scheme-grey section.content-unterseite .links-outer ul.link-list li a:hover,
body.scheme-grey section.content-unterseite .links-outer ul.link-list li a:hover span {
  transition: color ease-out 0.3s;
  color: #9A9B9C;
}

body.newsroom .multiteaser .multiteaser-content span.more:hover {
  transition: color ease-out 0.3s;
  color: #00b9e4;
}

body.scheme-blau .produkte-produzente .element-top .kachel:hover .kachel-content,
body.scheme-blau .produkte-produzente .element-sub .kachel:hover .kachel-content,
body.scheme-blau .produkte-produzente .produkte-produzente-content:before {
  border-color: #00b9e4;
}

body.scheme-grn .produkte-produzente .element-top .kachel:hover .kachel-content,
body.scheme-grn .produkte-produzente .element-sub .kachel:hover .kachel-content,
body.scheme-grn .produkte-produzente .produkte-produzente-content:before {
  border-color: #bed600;
}

body.scheme-orange .produkte-produzente .element-top .kachel:hover .kachel-content,
body.scheme-orange .produkte-produzente .element-sub .kachel:hover .kachel-content,
body.scheme-orange .produkte-produzente .produkte-produzente-content:before {
  border-color: #FFA02F;
}

body.scheme-gelb .produkte-produzente .element-top .kachel:hover .kachel-content,
body.scheme-gelb .produkte-produzente .element-sub .kachel:hover .kachel-content,
body.scheme-gelb .produkte-produzente .produkte-produzente-content:before {
  border-color: #FECB00;
}

body.scheme-lila .produkte-produzente .element-top .kachel:hover .kachel-content,
body.scheme-lila .produkte-produzente .element-sub .kachel:hover .kachel-content,
body.scheme-lila .produkte-produzente .produkte-produzente-content:before {
  border-color: #80379b;
}

body.scheme-pink .produkte-produzente .element-top .kachel:hover .kachel-content,
body.scheme-pink .produkte-produzente .element-sub .kachel:hover .kachel-content,
body.scheme-pink .produkte-produzente .produkte-produzente-content:before {
  border-color: #DA3B8D;
}

body.scheme-grey .produkte-produzente .element-top .kachel:hover .kachel-content,
body.scheme-grey .produkte-produzente .element-sub .kachel:hover .kachel-content,
body.scheme-grey .produkte-produzente .produkte-produzente-content:before {
  border-color: #9A9B9C;
}

body.scheme-blau .produkte-produzente .element-top .kachel .kachel-content .element-icon,
body.scheme-blau .produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  background-color: #00b9e4;
}

body.scheme-grn .produkte-produzente .element-top .kachel .kachel-content .element-icon,
body.scheme-grn .produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  background-color: #bed600;
}

body.scheme-orange .produkte-produzente .element-top .kachel .kachel-content .element-icon,
body.scheme-orange .produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  background-color: #FFA02F;
}

body.scheme-gelb .produkte-produzente .element-top .kachel .kachel-content .element-icon,
body.scheme-gelb .produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  background-color: #FECB00;
}

body.scheme-lila .produkte-produzente .element-top .kachel .kachel-content .element-icon,
body.scheme-lila .produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  background-color: #80379b;
}

body.scheme-pink .produkte-produzente .element-top .kachel .kachel-content .element-icon,
body.scheme-pink .produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  background-color: #E0119C;
}

body.scheme-grey .produkte-produzente .element-top .kachel .kachel-content .element-icon,
body.scheme-grey .produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  background-color: #9A9B9C;
}

h1,
h2,
.tx-powermail fieldset legend,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  color: #1E1E1E;
  text-transform: uppercase;
  font-family: Veneer;
  margin: 0;
}

h1,
.h1 {
  font-size: 48px;
  line-height: 65px;
  margin-bottom: 10px;
}

h2,
.tx-powermail fieldset legend,
.h2 {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 15px;
}

h3,
.h3 {
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 10px;
}

h4,
.h4 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 8px;
}

@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 60px;
  }
}

a:hover {
  text-decoration: none;
}

.frame-type-text p a,
.frame-type-text li a {
  font-weight: bold;
  transition: color 0.3s ease-out;
}

.frame-layout-2 {
  text-align: center;
}

.frame-layout-2 > p {
  font-size: 1.125rem;
  line-height: 26px;
  color: #818181;
}

@media (min-width: 1200px) {
  .frame-layout-2 > p {
    padding: 0 170px;
  }
}

.frame-101 {
  margin-bottom: 60px;
}

img.responsive {
  max-width: 100%;
  height: auto;
}

@media (min-width: 1500px) {
  .container-custom {
    max-width: 1140px;
  }
}

body {
  background-color: #FFFFFF;
  padding-top: 64px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1200px) {
  body {
    padding-top: 0;
  }
}

.homepage .homepage-content {
  min-height: 300px;
}

a {
  outline: 0;
}

.homepage .homepage-header-outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  transition: height 0.2s linear;
  height: 140px;
  z-index: 1000;
}

.homepage .homepage-header-outer:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  opacity: 0;
  transition: opacity 0.2s linear;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.homepage .homepage-header-outer .homepage-header {
  position: relative;
  width: 100%;
}

.homepage .homepage-header-outer .homepage-header .header-logo {
  position: absolute;
  top: 0;
  left: 15px;
  height: 140px;
  width: auto;
  z-index: 1;
  transition: height 0.2s linear;
}

.homepage .homepage-header-outer .homepage-header .header-logo img {
  height: 100%;
  width: auto;
}

html.scrolled .homepage .homepage-header-outer {
  height: 100px;
}

html.scrolled .homepage .homepage-header-outer:before {
  opacity: 1;
}

html.scrolled .homepage .homepage-header-outer .homepage-header .header-logo {
  height: 100px;
}

.homepage .homepage-mobile-header-outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background-color: #FFFFFF;
  max-height: 100vh;
  z-index: 9000;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header {
  padding: 0 0 0 15px;
  position: relative;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header .mobile-control-outer {
  float: right;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header .mobile-control-outer .mobile-control {
  float: left;
  width: 64px;
  height: 64px;
  line-height: 64px;
  background-color: #FFFFFF;
  cursor: pointer;
  text-align: center;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header .mobile-control-outer .mobile-control:hover {
  background-color: #CCF1FA;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header .mobile-control-outer .mobile-search-control:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 64px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e996";
  color: #00b9e4;
  font-size: 30px;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header .mobile-control-outer .mobile-navigation-control:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 64px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e998";
  color: #00b9e4;
  font-size: 30px;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header .header-logo {
  position: absolute;
  top: 7px;
  left: 15px;
  height: 50px;
  width: auto;
  transition: height 0.2s linear;
}

.homepage .homepage-mobile-header-outer .homepage-mobile-header .header-logo img {
  height: 100%;
  width: auto;
}

.homepage .homepage-mobile-header-outer .mobile-navigation-flyout {
  position: fixed;
  top: 64px;
  bottom: 0;
  width: 100%;
  background-color: #FFFFFF;
  overflow-y: auto;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.2s ease-out,transform 0.2s ease-out;
}

.homepage .homepage-mobile-header-outer.isOpen .mobile-navigation-flyout {
  opacity: 1;
  transform: scale(1);
}

.homepage .homepage-mobile-header-outer.isOpen .homepage-mobile-header .mobile-control-outer .mobile-navigation-control {
  background-color: #CCF1FA;
}

.homepage .homepage-header-outer.isSubpage {
  background: none;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.homepage .content-after-header {
  margin-top: 30px;
}

@media (min-width: 1200px) {
  .homepage .content-after-header {
    margin-top: 170px;
  }
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.contacts.contacts-flyout {
  background: #fff;
  max-width: 370px;
  margin: 0 auto;
  padding: 20px 0 40px 0;
  border-radius: 5px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
}

.contacts.contacts-flyout p.name,
.contacts.contacts-flyout p.tel {
  color: #4A4A4A;
}

@media (max-width: 991.98px) {
  .contacts.contacts-flyout {
    margin-bottom: 40px;
  }
}

@media (min-width: 576px) {
  .contacts.contacts-flyout {
    max-width: 450px;
  }

  .contacts.contacts-flyout.onTop {
    top: 150px;
    transition: 2s;
  }

  .contacts.contacts-flyout.onBottom {
    top: 700px;
    transition: 2s;
  }
}

@media (min-width: 992px) {
  .contacts.contacts-flyout {
    position: fixed;
    right: 0;
    top: 800px;
    max-width: 150px;
    z-index: 100;
    border-radius: 5px 0 0 5px;
  }
}

.contacts.contacts-flyout h3 {
  font-size: 18px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .contacts.contacts-flyout h3 {
    text-overflow: ellipsis;
  }
}

.contacts.contacts-flyout p.name,
.contacts.contacts-flyout p.tel {
  margin: 0 auto 5px auto;
  font-size: 14px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: bold;
  color: #4A4A4A;
}

.contacts.contacts-flyout p.name {
  max-width: 87px;
}

.contacts.contacts-flyout .btn {
  padding: 0.175rem 1rem;
  margin-bottom: 5px;
}

.homepage .homepage-footer {
  background-color: #1E1E1E;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .homepage .homepage-footer {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.homepage .homepage-footer .footer-address {
  letter-spacing: 0.2px;
  line-height: 2;
  font-size: 14px;
  color: #DEDEDE;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  text-align: center;
}

@media (min-width: 768px) {
  .homepage .homepage-footer .footer-address {
    text-align: left;
  }
}

.homepage .homepage-footer .footer-contact {
  letter-spacing: 0.2px;
  line-height: 2;
  font-size: 14px;
  color: #DEDEDE;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .homepage .homepage-footer .footer-contact {
    text-align: left;
  }
}

.homepage .homepage-footer .footer-contact .label {
  display: inline-block;
  width: 55px;
}

.homepage .homepage-footer .footer-contact a:link,
.homepage .homepage-footer .footer-contact a:visited {
  color: #DEDEDE;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.homepage .homepage-footer .footer-contact a:hover,
.homepage .homepage-footer .footer-contact a:focus,
.homepage .homepage-footer .footer-contact a:active {
  text-decoration: none;
  color: #CCF1FA;
}

.homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li {
  margin: 0;
  padding: 0 7px;
  display: inline-block;
}

.homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li a:link,
.homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li a:visited {
  font-size: 30px;
  color: #DEDEDE;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li a:hover,
.homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li a:focus,
.homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li a:active {
  text-decoration: none;
  color: #CCF1FA;
}

@media (min-width: 768px) {
  .homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav {
    text-align: left;
  }

  .homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li:first-child {
    padding: 0 10px 0 0;
  }

  .homepage .homepage-footer .homepage-footer-social-links ul.footer-social-links-nav li:last-child {
    padding: 0 0 0 10px;
  }
}

.homepage-newsletter {
  padding: 10px 0;
  background-color: #bed600;
}

.homepage-newsletter .container,
.homepage-newsletter .container-custom {
  padding-top: 40px;
  padding-bottom: 50px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/newsletter.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.homepage-newsletter .newsletter-text {
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  padding: 12px 0;
}

.homepage-newsletter form .fieldwrap {
  position: relative;
}

.homepage-newsletter form .fieldwrap input {
  width: calc(100% - 50px);
  height: 50px;
  float: left;
  border-radius: 0;
  border: none;
  line-height: 50px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  color: #B2B2B2;
  font-weight: bold;
  padding: 0 15px;
  border: 1px solid #FFFFFF;
}

.homepage-newsletter form .fieldwrap input:focus {
  border: 1px solid #00B9E4;
}

.homepage-newsletter form .fieldwrap button {
  width: 50px;
  height: 50px;
  float: right;
  border-radius: 0;
  border: none;
  line-height: 50px;
  background-color: #00b9e4;
  color: white;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.homepage-newsletter form .fieldwrap button:hover span {
  margin-left: 5px;
}

.meta-navigation-outer {
  position: absolute;
  top: 15px;
  right: 15px;
}

.meta-navigation-outer::after {
  display: block;
  clear: both;
  content: "";
}

.meta-navigation-outer ul.meta-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}

.meta-navigation-outer ul.meta-navigation li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

.meta-navigation-outer ul.meta-navigation li a,
.meta-navigation-outer ul.meta-navigation li span {
  color: #F6F6F6;
  font-size: 0.75rem;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 0 20px;
  display: block;
  letter-spacing: 0.4px;
  cursor: pointer;
}

.meta-navigation-outer ul.meta-navigation li a:link,
.meta-navigation-outer ul.meta-navigation li a:visited,
.meta-navigation-outer ul.meta-navigation li span:link,
.meta-navigation-outer ul.meta-navigation li span:visited {
  color: #F6F6F6;
}

.meta-navigation-outer ul.meta-navigation li a:hover,
.meta-navigation-outer ul.meta-navigation li a:focus,
.meta-navigation-outer ul.meta-navigation li a:active,
.meta-navigation-outer ul.meta-navigation li span:hover,
.meta-navigation-outer ul.meta-navigation li span:focus,
.meta-navigation-outer ul.meta-navigation li span:active {
  text-decoration: none;
  color: #CCF1FA;
}

.meta-navigation-outer ul.meta-navigation li a:before,
.meta-navigation-outer ul.meta-navigation li span:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}

.meta-navigation-outer ul.meta-navigation li a#uid-37:before,
.meta-navigation-outer ul.meta-navigation li a#uid-214:before,
.meta-navigation-outer ul.meta-navigation li a#uid-239:before,
.meta-navigation-outer ul.meta-navigation li span#uid-37:before,
.meta-navigation-outer ul.meta-navigation li span#uid-214:before,
.meta-navigation-outer ul.meta-navigation li span#uid-239:before {
  content: "\e99a";
}

.meta-navigation-outer ul.meta-navigation li a#uid-20:before,
.meta-navigation-outer ul.meta-navigation li span#uid-20:before {
  content: "\e9a0";
}

.meta-navigation-outer ul.meta-navigation li a#uid-38:before,
.meta-navigation-outer ul.meta-navigation li a#uid-211:before,
.meta-navigation-outer ul.meta-navigation li span#uid-38:before,
.meta-navigation-outer ul.meta-navigation li span#uid-211:before {
  content: "\e9a1";
}

.meta-navigation-outer ul.meta-navigation li a#uid-39:before,
.meta-navigation-outer ul.meta-navigation li a#uid-212:before,
.meta-navigation-outer ul.meta-navigation li a#uid-240:before,
.meta-navigation-outer ul.meta-navigation li span#uid-39:before,
.meta-navigation-outer ul.meta-navigation li span#uid-212:before,
.meta-navigation-outer ul.meta-navigation li span#uid-240:before {
  content: "\e99f";
}

.meta-navigation-outer ul.meta-navigation li a#uid-213:before,
.meta-navigation-outer ul.meta-navigation li a#uid-1068:before,
.meta-navigation-outer ul.meta-navigation li span#uid-213:before,
.meta-navigation-outer ul.meta-navigation li span#uid-1068:before {
  content: "\e9a5";
}

.meta-navigation-outer ul.meta-navigation li a#uid-215:before,
.meta-navigation-outer ul.meta-navigation li a#uid-241:before,
.meta-navigation-outer ul.meta-navigation li span#uid-215:before,
.meta-navigation-outer ul.meta-navigation li span#uid-241:before {
  content: "\e9a6";
}

.meta-navigation-outer ul.meta-navigation li a#uid-298:before,
.meta-navigation-outer ul.meta-navigation li a#uid-1338:before,
.meta-navigation-outer ul.meta-navigation li span#uid-298:before,
.meta-navigation-outer ul.meta-navigation li span#uid-1338:before {
  content: "\e9a4";
}

.meta-navigation-outer ul.meta-navigation li a#meta-contrast:before,
.meta-navigation-outer ul.meta-navigation li span#meta-contrast:before {
  content: "\e99d";
}

.meta-navigation-outer ul.meta-navigation li a#meta-fontSize:before,
.meta-navigation-outer ul.meta-navigation li span#meta-fontSize:before {
  content: "\e999";
}

.meta-navigation-outer ul.meta-navigation li a#meta-plainlanguage:before,
.meta-navigation-outer ul.meta-navigation li span#meta-plainlanguage:before {
  content: "\e99e";
}

.meta-navigation-outer ul.meta-navigation li a#meta-login:before,
.meta-navigation-outer ul.meta-navigation li span#meta-login:before {
  content: "\e95e";
}

.meta-navigation-outer ul.meta-navigation li.additionalLink a,
.meta-navigation-outer ul.meta-navigation li.additionalLink span {
  padding: 0 0 0 10px;
}

.meta-navigation-outer ul.meta-navigation li.additionalLink a:before,
.meta-navigation-outer ul.meta-navigation li.additionalLink span:before {
  margin-right: 0;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu {
  padding: 3px;
  background: rgba(255, 255, 255, 0.5);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  vertical-align: middle;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu a {
  display: block;
  padding: 0 0 0 0px;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu a span {
  padding: 0;
  margin: 0;
  display: block;
  width: 16px;
  height: 11px;
  opacity: .5;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu a span:hover {
  opacity: 1;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu a:before {
  margin-right: 0;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu.DE a span {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/de.svg");
  background-position: center;
  background-size: cover;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu.FR a span {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/fr.svg");
  background-position: center;
  background-size: cover;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu.current a span {
  opacity: 1;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu.all-2.this-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 5px;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu.all-2.this-1 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: 10px;
}

.meta-navigation-outer ul.meta-navigation li.lang-menu.all-1.this-0 {
  margin-left: 5px;
  margin-right: 10px;
}

html.scrolled ul.meta-navigation > li > a,
html.scrolled ul.meta-navigation > li span {
  color: #1E1E1E;
}

html.scrolled ul.meta-navigation > li > a:link,
html.scrolled ul.meta-navigation > li > a:visited,
html.scrolled ul.meta-navigation > li span:link,
html.scrolled ul.meta-navigation > li span:visited {
  color: #1E1E1E;
}

html.scrolled ul.meta-navigation > li > a:hover,
html.scrolled ul.meta-navigation > li > a:focus,
html.scrolled ul.meta-navigation > li > a:active,
html.scrolled ul.meta-navigation > li span:hover,
html.scrolled ul.meta-navigation > li span:focus,
html.scrolled ul.meta-navigation > li span:active {
  color: #00b9e4;
}

.mobile-navigation-flyout .meta-navigation-outer {
  position: relative;
  top: 0;
  right: 0;
  text-align: center;
}

.mobile-navigation-flyout .meta-navigation-outer li {
  float: none !important;
  display: inline-block !important;
}

.mobile-navigation-flyout .meta-navigation-outer li a,
.mobile-navigation-flyout .meta-navigation-outer li span {
  color: #4A4A4A !important;
  padding: 7px !important;
}

.mobile-navigation-flyout .meta-navigation-outer li a:link,
.mobile-navigation-flyout .meta-navigation-outer li a:visited,
.mobile-navigation-flyout .meta-navigation-outer li span:link,
.mobile-navigation-flyout .meta-navigation-outer li span:visited {
  color: #4A4A4A !important;
}

.mobile-navigation-flyout .meta-navigation-outer li a:hover,
.mobile-navigation-flyout .meta-navigation-outer li a:focus,
.mobile-navigation-flyout .meta-navigation-outer li a:active,
.mobile-navigation-flyout .meta-navigation-outer li span:hover,
.mobile-navigation-flyout .meta-navigation-outer li span:focus,
.mobile-navigation-flyout .meta-navigation-outer li span:active {
  text-decoration: none;
  color: #00b9e4 !important;
}

.isSubpage ul.meta-navigation > li > a,
.isSubpage ul.meta-navigation > li span {
  color: #1E1E1E;
}

.isSubpage ul.meta-navigation > li > a:link,
.isSubpage ul.meta-navigation > li > a:visited,
.isSubpage ul.meta-navigation > li span:link,
.isSubpage ul.meta-navigation > li span:visited {
  color: #1E1E1E;
}

.isSubpage ul.meta-navigation > li > a:hover,
.isSubpage ul.meta-navigation > li > a:focus,
.isSubpage ul.meta-navigation > li > a:active,
.isSubpage ul.meta-navigation > li span:hover,
.isSubpage ul.meta-navigation > li span:focus,
.isSubpage ul.meta-navigation > li span:active {
  color: #00b9e4;
}

.main-navigation-outer {
  position: absolute;
  top: 50px;
  right: 15px;
  left: 15px;
}

.main-navigation-outer::after {
  display: block;
  clear: both;
  content: "";
}

.main-navigation-outer ul.main-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

.main-navigation-outer ul.main-navigation > li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

.main-navigation-outer ul.main-navigation > li > a {
  position: relative;
  color: #F6F6F6;
  font-size: 24px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  text-transform: uppercase;
  padding: 0 15px;
  display: block;
  line-height: 40px;
}

.main-navigation-outer ul.main-navigation > li > a:link,
.main-navigation-outer ul.main-navigation > li > a:visited {
  color: #F6F6F6;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.main-navigation-outer ul.main-navigation > li > a:hover,
.main-navigation-outer ul.main-navigation > li > a:focus,
.main-navigation-outer ul.main-navigation > li > a:active {
  text-decoration: none;
  color: #CCF1FA;
}

.main-navigation-outer ul.main-navigation > li.search-list-item {
  position: relative;
  margin-left: 50px;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .search-controll {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #00b9e4;
  font-size: 20px;
  line-height: 40px;
  cursor: pointer;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .search-controll:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e996";
  color: #F6F6F6;
  top: 2px;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .main-navigation-search-flyout {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #00b9e4;
  padding: 15px;
  min-width: 250px;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}

.main-navigation-outer ul.main-navigation > li.search-list-item:hover .main-navigation-search-flyout {
  display: block;
  opacity: 1;
  height: auto;
  transition: opacity 0.1s ease-out;
  transition-delay: 0.5s;
}

.main-navigation-outer ul.main-navigation > li.search-list-item form .fieldwrap {
  position: relative;
}

.main-navigation-outer ul.main-navigation > li.search-list-item form .fieldwrap input {
  width: calc(100% - 50px);
  height: 50px;
  float: left;
  border-radius: 0;
  border: none;
  line-height: 50px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  color: #B2B2B2;
  font-weight: bold;
  padding: 0 15px;
  border: 1px solid #FFFFFF;
}

.main-navigation-outer ul.main-navigation > li.search-list-item form .fieldwrap input:focus {
  border: 1px solid #bed600;
}

.main-navigation-outer ul.main-navigation > li.search-list-item form .fieldwrap button {
  width: 50px;
  height: 50px;
  float: right;
  border-radius: 0;
  border: none;
  line-height: 50px;
  background-color: #bed600;
  color: white;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte-head {
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  margin-top: 15px;
  margin-bottom: 5px;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte li {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte li a:link,
.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte li a:visited {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
}

.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte li a:hover,
.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte li a:focus,
.main-navigation-outer ul.main-navigation > li.search-list-item .schlagworte li a:active {
  text-decoration: none;
}

.main-navigation-outer ul.main-navigation > li > a.arrow:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #00b9e4;
  top: 50px;
  left: 50%;
  margin-left: -20px;
  z-index: 2;
  opacity: 0;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout {
  position: absolute;
  top: 40px;
  right: 50px;
  left: 50px;
  z-index: 1;
  margin: 0 auto;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}

@media (min-width: 1500px) {
  .main-navigation-outer ul.main-navigation > li .main-navigation-flyout {
    right: 70px;
    left: 70px;
  }
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner {
  margin: 30px;
  background-color: #FFFFFF;
  border-top: 3px solid #00b9e4;
  max-height: calc(100vh - 140px);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  padding: 30px 30px 60px 30px;
  overflow-y: auto;
}

@media (min-width: 1500px) {
  .main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner {
    padding: 30px 100px 60px 100px;
  }
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .col-5 {
  background: #fff;
  z-index: 2;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 24px;
  line-height: 64px;
  color: #4A4A4A;
  border-bottom: 5px solid #00b9e4;
  margin-bottom: 30px;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 {
  position: relative;
  column-count: 2;
  column-gap: 15px;
  min-height: 430px;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item {
  position: relative;
  border-bottom: 1px solid #DEDEDE;
  display: inline-block;
  width: 100%;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item a:link,
.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item a:visited {
  display: block;
  min-height: 50px;
  padding: 15px;
  color: #4A4A4A;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  background-color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item a:hover,
.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item a:focus,
.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item a:active {
  text-decoration: none;
  background-color: #CCF1FA;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item.sub a:link,
.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item.sub a:visited {
  padding-right: 75px;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item span.main-navigation-sub-item-control {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item span.main-navigation-sub-item-control:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-item span.main-navigation-sub-item-control:hover {
  background-color: #CCF1FA;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 {
  overflow: hidden;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 .main-navigation-sub-2 {
  background-color: #FFFFFF;
  left: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  transition: left 0.2s ease-out;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 .main-navigation-sub-2.isOpen {
  left: 0;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 .main-navigation-sub-2 .main-navigation-sub-sub {
  column-count: 2;
  column-gap: 15px;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 .main-navigation-sub-2 .main-navigation-sub-2-header {
  font-size: 20px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  color: #00b9e4;
  line-height: 50px;
  padding-left: 53px;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 .main-navigation-sub-2 span.main-navigation-sub-item-control {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 .main-navigation-sub-2 span.main-navigation-sub-item-control:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
}

.main-navigation-outer ul.main-navigation > li .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-sub-1 .main-navigation-sub-2 span.main-navigation-sub-item-control:hover {
  background-color: #CCF1FA;
}

.main-navigation-outer ul.main-navigation > li:hover .main-navigation-flyout {
  display: block;
  height: auto;
  opacity: 1;
  transition: opacity 0.1s ease-out;
  transition-delay: 0.5s;
}

.main-navigation-outer ul.main-navigation > li:hover > a.arrow:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #00b9e4;
  top: 50px;
  left: 50%;
  margin-left: -20px;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.1s ease-out;
  transition-delay: 0.5s;
}

html.scrolled .main-navigation-outer ul.main-navigation > li > a:link,
html.scrolled .main-navigation-outer ul.main-navigation > li > a:visited {
  color: #1E1E1E;
}

html.scrolled .main-navigation-outer ul.main-navigation > li > a:hover,
html.scrolled .main-navigation-outer ul.main-navigation > li > a:focus,
html.scrolled .main-navigation-outer ul.main-navigation > li > a:active {
  color: #00b9e4;
}

ul.main-navigation-mobile,
ul.main-navigation-mobile ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

ul.main-navigation-mobile li,
ul.main-navigation-mobile ul li {
  position: relative;
  list-style-image: none;
  padding: 0;
  margin: 0;
}

ul.main-navigation-mobile span.navigationSubControl:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e950";
}

ul.main-navigation-mobile li.subIsOpen > span.navigationSubControl:before {
  content: '\e953';
}

ul.main-navigation-mobile li a:link,
ul.main-navigation-mobile li a:visited {
  font-size: 24px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  text-transform: uppercase;
  display: block;
  min-height: 50px;
  padding: 7px 15px;
  color: #1E1E1E;
  border-bottom: 1px solid #e4faff;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

ul.main-navigation-mobile li a:hover,
ul.main-navigation-mobile li a:focus,
ul.main-navigation-mobile li a:active {
  background-color: #e4faff;
  text-decoration: navajowhite;
}

ul.main-navigation-mobile li.current > a:link,
ul.main-navigation-mobile li.current > a:visited {
  background-color: #e4faff;
}

ul.main-navigation-mobile li > span.navigationSubControl {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 20px;
  height: 50px;
  cursor: pointer;
  width: 52px;
  text-align: center;
  color: #00b9e4;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

ul.main-navigation-mobile li > span.navigationSubControl:hover {
  background-color: #e4faff;
  color: #1E1E1E;
}

ul.main-navigation-mobile > li > ul > li > a:link,
ul.main-navigation-mobile > li > ul > li > a:visited {
  font-size: 20px;
  padding: 9px 15px 9px 30px;
}

ul.main-navigation-mobile > li > ul > li > ul > li > a:link,
ul.main-navigation-mobile > li > ul > li > ul > li > a:visited {
  font-size: 18px;
  padding: 10px 15px 10px 40px;
}

ul.main-navigation-mobile > li > ul > li > ul > li > ul > li > a:link,
ul.main-navigation-mobile > li > ul > li > ul > li > ul > li > a:visited {
  font-size: 16px;
  padding: 11px 15px 11px 45px;
}

ul.main-navigation-mobile > li > ul > li > ul > li > ul > li > ul > li > a:link,
ul.main-navigation-mobile > li > ul > li > ul > li > ul > li > ul > li > a:visited {
  font-size: 14px;
  padding: 12px 15px 12px 50px;
}

ul.main-navigation-mobile > li > ul > li > ul > li > ul > li > ul ul {
  display: none;
}

ul.main-navigation-mobile li > ul {
  max-height: 0;
}

ul.main-navigation-mobile li.subIsOpen > ul {
  max-height: 3000px;
}

ul.main-navigation-mobile li.subIsOpen > span.navigationSubControl {
  color: #1E1E1E;
}

.mobile-main-navigation-search-flyout {
  background-color: #00b9e4;
  padding: 15px;
  display: none;
}

.mobile-main-navigation-search-flyout.isOpen {
  display: block;
}

.mobile-main-navigation-search-flyout form .fieldwrap {
  position: relative;
}

.mobile-main-navigation-search-flyout form .fieldwrap input {
  width: calc(100% - 50px);
  height: 50px;
  float: left;
  border-radius: 0;
  border: none;
  line-height: 50px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  color: #B2B2B2;
  font-weight: bold;
  padding: 0 15px;
  border: 1px solid #FFFFFF;
}

.mobile-main-navigation-search-flyout form .fieldwrap input:focus {
  border: 1px solid #bed600;
}

.mobile-main-navigation-search-flyout form .fieldwrap button {
  width: 50px;
  height: 50px;
  float: right;
  border-radius: 0;
  border: none;
  line-height: 50px;
  background-color: #bed600;
  color: white;
}

.mobile-main-navigation-search-flyout .schlagworte-head {
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  margin-top: 15px;
  margin-bottom: 5px;
}

.mobile-main-navigation-search-flyout .schlagworte {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-main-navigation-search-flyout .schlagworte li {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.mobile-main-navigation-search-flyout .schlagworte li a:link,
.mobile-main-navigation-search-flyout .schlagworte li a:visited {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
}

.mobile-main-navigation-search-flyout .schlagworte li a:hover,
.mobile-main-navigation-search-flyout .schlagworte li a:focus,
.mobile-main-navigation-search-flyout .schlagworte li a:active {
  text-decoration: none;
}

.isSubpage .main-navigation-outer {
  top: 85px;
  transition: top 0.2s linear;
}

.isSubpage .main-navigation-outer ul.main-navigation > li > a {
  color: #1E1E1E;
}

.isSubpage .main-navigation-outer ul.main-navigation > li > a:link,
.isSubpage .main-navigation-outer ul.main-navigation > li > a:visited {
  color: #1E1E1E;
}

.isSubpage .main-navigation-outer ul.main-navigation > li > a:hover,
.isSubpage .main-navigation-outer ul.main-navigation > li > a:focus,
.isSubpage .main-navigation-outer ul.main-navigation > li > a:active {
  color: #00b9e4;
}

html.scrolled .main-navigation-outer {
  top: 50px;
}

.main-navigation-outer ul.main-navigation > li.scheme-lila:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-lila > a.arrow::after {
  border-color: transparent transparent #80379b;
}

.main-navigation-outer ul.main-navigation > li.scheme-lila .main-navigation-flyout .main-navigation-flyout-inner {
  border-color: 3px solid #80379b;
}

.main-navigation-outer ul.main-navigation > li.scheme-lila .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #80379b;
}

.main-navigation-outer ul.main-navigation > li.scheme-pink:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-pink > a.arrow::after {
  border-color: transparent transparent #e0119d;
}

.main-navigation-outer ul.main-navigation > li.scheme-pink .main-navigation-flyout .main-navigation-flyout-inner {
  border-top: 3px solid #e0119d;
}

.main-navigation-outer ul.main-navigation > li.scheme-pink .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #e0119d;
}

.main-navigation-outer ul.main-navigation > li.scheme-blau:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-blau > a.arrow::after {
  border-color: transparent transparent #00b9e4;
}

.main-navigation-outer ul.main-navigation > li.scheme-blau .main-navigation-flyout .main-navigation-flyout-inner {
  border-top: 3px solid #00b9e4;
}

.main-navigation-outer ul.main-navigation > li.scheme-blau .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #00b9e4;
}

.main-navigation-outer ul.main-navigation > li.scheme-grn:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-grn > a.arrow::after {
  border-color: transparent transparent #bed600;
}

.main-navigation-outer ul.main-navigation > li.scheme-grn .main-navigation-flyout .main-navigation-flyout-inner {
  border-top: 3px solid #bed600;
}

.main-navigation-outer ul.main-navigation > li.scheme-grn .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #bed600;
}

.main-navigation-outer ul.main-navigation > li.scheme-lila:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-lila > a.arrow::after {
  border-color: transparent transparent #80379b;
}

.main-navigation-outer ul.main-navigation > li.scheme-lila .main-navigation-flyout .main-navigation-flyout-inner {
  border-top: 3px solid #80379b;
}

.main-navigation-outer ul.main-navigation > li.scheme-lila .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #80379b;
}

.main-navigation-outer ul.main-navigation > li.scheme-orange:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-orange > a.arrow::after {
  border-color: transparent transparent #ffa02f;
}

.main-navigation-outer ul.main-navigation > li.scheme-orange .main-navigation-flyout .main-navigation-flyout-inner {
  border-top: 3px solid #ffa02f;
}

.main-navigation-outer ul.main-navigation > li.scheme-orange .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #ffa02f;
}

.main-navigation-outer ul.main-navigation > li.scheme-gelb:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-gelb > a.arrow::after {
  border-color: transparent transparent #FECB00;
}

.main-navigation-outer ul.main-navigation > li.scheme-gelb .main-navigation-flyout .main-navigation-flyout-inner {
  border-top: 3px solid #FECB00;
}

.main-navigation-outer ul.main-navigation > li.scheme-gelb .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #FECB00;
}

.main-navigation-outer ul.main-navigation > li.scheme-gold:hover > a.arrow::after,
.main-navigation-outer ul.main-navigation > li.scheme-gold > a.arrow::after {
  border-color: transparent transparent #FECB00;
}

.main-navigation-outer ul.main-navigation > li.scheme-gold .main-navigation-flyout .main-navigation-flyout-inner {
  border-top: 3px solid #FECB00;
}

.main-navigation-outer ul.main-navigation > li.scheme-gold .main-navigation-flyout .main-navigation-flyout-inner .main-navigation-flyout-title {
  border-bottom: 5px solid #FECB00;
}

.homepage aside {
  margin-bottom: 30px;
  width: 100%;
  display: block;
}

.homepage aside ul {
  display: block;
  background: #e6e6e6;
  padding: 5px 0;
}

.homepage aside ul li {
  display: block;
  transition: background-color 0.3s linear;
}

.homepage aside ul li.active,
.homepage aside ul li:hover {
  background: #d2d2d2;
}

.homepage aside ul li a {
  display: block;
  padding: 5px 10px 5px 12px;
  color: #1E1E1E;
  font-size: 1rem;
  transition: padding 0.4s ease-out;
}

.homepage aside ul li a:hover {
  padding: 5px 5px 5px 17px;
  text-decoration: none;
}

.homepage aside ul li ul {
  padding: 0;
  margin-bottom: 10px;
}

.homepage aside ul li ul li {
  display: block;
}

.homepage aside ul li ul li a {
  padding: 5px 10px 5px 22px;
  font-size: 0.875rem;
}

.homepage aside ul li ul li ul {
  padding: 0;
  margin-bottom: 10px;
}

.homepage aside ul li ul li ul li {
  display: block;
}

.homepage aside ul li ul li ul li a {
  padding: 5px 5px 5px 27px;
  font-size: 0.8125rem;
}

.bread-wrap {
  margin-bottom: 20px;
}

.bread-wrap ul {
  display: block;
  margin: 0;
  padding: 0;
}

.bread-wrap ul li {
  display: inline-block;
  float: left;
}

.bread-wrap ul li a {
  display: block;
  float: left;
  line-height: 20px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #1E1E1E;
  text-transform: uppercase;
}

.bread-wrap ul li a:hover {
  text-decoration: none;
}

.bread-wrap ul li a span {
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin: 0 8px 0 7px;
}

.bread-wrap ul li:last-child a span {
  display: none;
}

.footer-navigation-outer {
  margin-top: 10px;
  margin-bottom: 30px;
}

.footer-navigation-outer ul.footer-navigation {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-navigation-outer ul.footer-navigation li {
  margin: 0 0 15px 0;
  padding: 0 5px;
  display: block;
}

.footer-navigation-outer ul.footer-navigation li a:link,
.footer-navigation-outer ul.footer-navigation li a:visited {
  color: #DEDEDE;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.footer-navigation-outer ul.footer-navigation li a:hover,
.footer-navigation-outer ul.footer-navigation li a:focus,
.footer-navigation-outer ul.footer-navigation li a:active {
  text-decoration: none;
  color: #CCF1FA;
}

@media (min-width: 768px) {
  .footer-navigation-outer ul.footer-navigation {
    text-align: left;
  }

  .footer-navigation-outer ul.footer-navigation li {
    display: inline-block;
  }

  .footer-navigation-outer ul.footer-navigation li:first-child {
    padding: 0 5px 0 0;
  }

  .footer-navigation-outer ul.footer-navigation li:last-child {
    padding: 0 0 0 5px;
  }
}

div.sharer {
  float: right;
}

div.sharer ul,
div.sharer div.shariff {
  display: block;
  width: auto;
  float: left;
}

div.sharer ul li,
div.sharer div.shariff li {
  display: inline-block;
}

div.sharer ul li a,
div.sharer div.shariff li a {
  color: #a5a5a5;
  display: inline-block;
  margin: 0 5px;
  font-weight: normal;
  line-height: 25px;
  font-size: 25px;
}

div.sharer ul li a:hover,
div.sharer div.shariff li a:hover {
  color: #00b9e4;
  text-decoration: none;
}

div.sharer ul li a span,
div.sharer div.shariff li a span {
  margin: 0;
  line-height: 25px;
  font-size: 25px;
}

div.sharer ul li a span.share_text,
div.sharer div.shariff li a span.share_text {
  display: none;
}

div.sharer ul li a span.fab.fa-facebook-f:after,
div.sharer div.shariff li a span.fab.fa-facebook-f:after {
  font-family: fairtrade;
  content: "\e91a";
}

div.sharer ul li a span.fab.fa-twitter:after,
div.sharer div.shariff li a span.fab.fa-twitter:after {
  font-family: fairtrade;
  content: "\e91b";
}

div.sharer ul li a span.fab.fa-instagram:after,
div.sharer div.shariff li a span.fab.fa-instagram:after {
  font-family: fairtrade;
  content: "\e949";
}

div.sharer ul li a span.fab.fa-linkedin:after,
div.sharer ul li a span.fab.fa-linkedin-in:after,
div.sharer div.shariff li a span.fab.fa-linkedin:after,
div.sharer div.shariff li a span.fab.fa-linkedin-in:after {
  font-family: fairtrade;
  content: "\e97a";
}

.second-share {
  margin: 0;
  padding: 0;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: auto;
}

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

.fieldwrap {
  margin-bottom: 20px;
  position: relative;
}

.fieldwrap.confirm {
  margin-bottom: 10px;
}

input[type=text].standard,
input[type=tel].standard,
input[type=url].standard,
input[type=date].standard,
input[type=password].standard,
input[type=email].standard,
textarea.standard {
  width: 100%;
  background: #fff;
  border: 1px solid #b8b8b8;
  line-height: 40px;
  padding: 0 15px;
  font-size: 16px;
  color: #8c8c8c;
  transition: border 0.3s linear;
}

input[type=text].powermail_captcha {
  background: #fff;
  border: 1px solid #b8b8b8;
  line-height: 40px;
  padding: 0 15px;
  font-size: 16px;
  color: #8c8c8c;
  transition: border 0.3s linear;
  width: 40%;
  margin-bottom: 15px;
}

.powermail_captchaimage {
  height: 42px;
  position: relative;
  left: 10px;
  top: -1px;
}

textarea.standard {
  line-height: 20px;
  padding: 15px;
}

label.powermail_label,
label.standard {
  display: block;
  font-size: 12px;
  color: #1e1e1e;
  line-height: 20px;
  font-weight: 700;
}

label.powermail_label span.mandatory,
label.standard span.mandatory {
  color: #e00034;
}

span.bundesland {
  display: none;
}

input[type=text].standard:focus,
input[type=tel].standard:focus,
input[type=url].standard:focus,
input[type=date].standard:focus,
input[type=email].standard:focus,
input[type=password].standard:focus,
textarea.standard:focus {
  border: 1px solid #4db9c8;
}

input[type=text].standard.parsley-error,
input[type=tel].standard.parsley-error,
input[type=url].standard.parsley-error,
input[type=date].standard.parsley-error,
input[type=email].standard.parsley-error,
input[type=password].standard.parsley-error,
textarea.standard.parsley-error,
input[type=text].standard.f3-form-error,
input[type=tel].standard.f3-form-error,
input[type=url].standard.f3-form-error,
input[type=date].standard.f3-form-error,
input[type=email].standard.f3-form-error,
input[type=password].standard.f3-form-error,
textarea.standard.f3-form-error {
  background: #ffd2df;
  border: 1px solid #e00034;
  box-shadow: none;
}

input[type=text].standard.parsley-success,
input[type=tel].standard.parsley-success,
input[type=url].standard.parsley-success,
input[type=date].standard.parsley-success,
input[type=email].standard.parsley-success,
input[type=password].standard.parsley-success,
textarea.standard.parsley-success {
  border: 1px solid #bed600;
  box-shadow: none;
}

li.parsley-required,
li.parsley-custom-error-message {
  font-size: 12px;
  font-weight: 700;
  color: #e00034;
  text-align: right;
  padding-top: 2px;
}

button[type=submit].standard,
a.standard-button {
  border: none;
  background: #00b9e4;
  padding: 0 20px;
  line-height: 45px;
  color: #fff;
  font-size: 18px;
  font-family: Veneer;
  text-transform: uppercase;
  transition: background-color 0.2s linear;
  display: inline-block;
}

button[type=submit].standard:hover,
a.standard-button:hover {
  background: #fff;
  color: #00b9e4;
}

.chosen-container-single-search {
  width: 100%;
}

html .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 0;
  right: 0;
}

html .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
  content: "\e967";
  color: #fff;
  font-size: 7px;
  font-family: 'fairtrade' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: -10px;
  right: 5px;
  height: 5px;
  width: 5px;
}

.tx-powermail fieldset {
  border: none;
  padding: 0;
  margin-bottom: 30px;
}

.tx-powermail fieldset legend {
  width: 100%;
  padding-bottom: 4px;
  border-bottom: 5px solid #e6e6e6;
  margin-bottom: 30px;
}

.tx-powermail .powermail_confirmation .powermail_all {
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
}

.tx-powermail .powermail_confirmation .powermail_all .label-field {
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
}

.tx-powermail .powermail_confirmation .powermail_all .value-field {
  font-weight: 700;
  font-size: 16px;
}

.gewinnspiel-wrapper label.lp-ellipsis {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: 700;
}

.gewinnspiel-wrapper select.lp-form-fieldInput {
  line-height: 42px;
  font-weight: normal;
  border: 1px solid #e0e0e0;
  height: 40px;
  width: 100%;
  border-radius: 0;
  text-indent: 10px;
  color: #8c8c8c;
}

.gewinnspiel-wrapper button.lp-form-button {
  border: none;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  font-family: Veneer;
  text-transform: uppercase;
  transition: background-color 0.2s linear;
  background: #fff;
  display: block;
  width: 100%;
  color: #1e1e1e;
}

.gewinnspiel-wrapper .lpt-eventFeedbackStatic-form1 input.lp-form-fieldInput {
  border: 1px solid #b8b8b8;
  line-height: 40px;
  height: 40px;
  padding: 0 5px;
  font-size: 16px;
  color: #8c8c8c;
  transition: border 0.3s linear;
  text-indent: 10px;
}

.gewinnspiel-wrapper form > div > p > span > span {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: 700;
}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.55;
  filter: alpha(opacity=55);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-top .mfp-content {
  vertical-align: top;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  font-size: 14px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
  font-family: "Open Sans", sans-serif;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
         * Remove all paddings around the image on small screen
         */

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.mfp-print-version .mfp-iframe-scaler {
  height: 800px;
  padding: 0;
}

.mfp-iframe-scaler iframe {
  background: #fff;
}

.mfp-print-version .print-now {
  color: #000;
  display: inline-block;
  font-size: 60px;
  position: absolute;
  right: 40px;
  top: 5px;
  z-index: 4000;
  text-align: center;
}

.mfp-print-version .print-now span {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin-top: 11px;
  text-align: center;
  text-transform: uppercase;
}

.mfp-login-box .mfp-iframe-scaler {
  height: auto;
  min-height: 270px;
  padding: 0;
}

.mfp-login-box-loading .mfp-s-ready .mfp-preloader {
  display: block;
}

.mfp-ready .mfp-figure,
.mfp-ready.mfp-login-box .mfp-content {
  opacity: 0;
}

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-in .mfp-figure,
.mfp-zoom-in.mfp-login-box .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
  transform: scale(0.9);
}

.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-iframe-loaded .mfp-content {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
  opacity: 0.55;
}

.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .mfp-content {
  transform: scale(0.9);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
  opacity: 0;
}

.mfp-wrap button.mfp-arrow.mfp-arrow-left,
.mfp-wrap button.mfp-arrow.mfp-arrow-right,
.mfp-wrap button.mfp-arrow.mfp-arrow-left:after,
.mfp-wrap button.mfp-arrow.mfp-arrow-right:after,
.mfp-wrap .mfp-arrow-left::before,
.mfp-wrap .mfp-arrow-left .mfp-b,
.mfp-wrap .mfp-arrow-right::before,
.mfp-wrap .mfp-arrow-right .mfp-a {
  margin: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  width: 25px;
  opacity: 1 !important;
}

.mfp-wrap button.mfp-arrow.mfp-arrow-left:after,
.mfp-wrap button.mfp-arrow.mfp-arrow-right:after {
  font-family: fairtrade;
  color: #00b9e4;
  font-size: 30px;
  background: none;
}

.mfp-wrap button.mfp-arrow.mfp-arrow-left:after {
  content: "\e902";
}

.mfp-wrap button.mfp-arrow.mfp-arrow-right:after {
  content: "\e900";
}

.mfp-wrap .mfp-figure::after {
  background: none;
  box-shadow: none;
}

.mfp-wrap .mfp-figure {
  padding: 30px;
  background: #fff;
}

.mfp-wrap .mfp-figure img.mfp-img {
  padding: 0;
}

.mfp-wrap .mfp-bottom-bar {
  margin: 0;
  bottom: 30px;
  top: auto;
}

.mfp-wrap .mfp-bottom-bar .mfp-title {
  margin: 0 30px;
  background: rgba(0, 0, 0, 0.65);
}

.mfp-wrap .mfp-bottom-bar .mfp-title p {
  padding: 4px 10px;
  font-size: 0.8125rem;
  color: #fff;
  line-height: 20px;
  margin: 0;
}

.mfp-wrap .mfp-bottom-bar .mfp-counter {
  color: #ccc;
  font-size: 14px;
  left: 0;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 25px;
  white-space: nowrap;
  width: 100%;
}

.mfp-wrap .mfp-bottom-bar .mfp-counter span {
  display: inline-block;
  position: static;
}

.spinner {
  width: 100px;
  height: 50px;
  margin: auto;
  text-align: center;
}

.spinner .ball {
  width: 25px;
  height: 25px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@-webkit-keyframes motion {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  25% {
    -webkit-transform: translateX(-50px) scale(0.3);
    transform: translateX(-50px) scale(0.3);
  }

  50% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(50px) scale(0.3);
    transform: translateX(50px) scale(0.3);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

@keyframes motion {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  25% {
    -webkit-transform: translateX(-50px) scale(0.3);
    transform: translateX(-50px) scale(0.3);
  }

  50% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(50px) scale(0.3);
    transform: translateX(50px) scale(0.3);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

#overlayContainer {
  display: none;
}

.mfp-overlay button.mfp-close {
  opacity: 1;
  right: -20px;
  color: #fff;
  top: -20px;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 0;
}

.mfp-overlay .mfp-content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s linear;
}

.mfp-ready .mfp-content {
  opacity: 1;
  visibility: visible;
}

.fairtrade-overlay {
  background: #fff;
  max-width: 880px;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
}

.fairtrade-overlay p {
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 130%;
}

.fairtrade-overlay .badge {
  position: absolute;
  top: 10px;
  left: -11px;
  z-index: 15;
}

.fairtrade-overlay .badge .role {
  display: block;
  height: 45px;
  width: auto;
  background-size: auto 45px;
}

.fairtrade-overlay .badge .role.orange {
  background-image: url("/fileadmin/system/img/badges/banner_orange.svg");
}

.fairtrade-overlay .badge .role.blau {
  background-image: url("/fileadmin/system/img/badges/banner_blau.svg");
}

.fairtrade-overlay .badge .role.gruen {
  background-image: url("/fileadmin/system/img/badges/banner_gruen.svg");
}

.fairtrade-overlay .badge .role span {
  display: block;
  float: left;
  font-size: 20px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  color: #fff;
  position: relative;
  z-index: 2;
  line-height: 36px;
  padding: 0 10px;
}

.fairtrade-overlay a.cta {
  display: inline-block;
  font-size: 28px;
  line-height: 32px;
  color: #fff;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  background: #00b9e4;
  padding: 5px 15px;
}

.fairtrade-overlay a.cta.white-green {
  background: #bed600;
  color: #fff;
}

.fairtrade-overlay a.cta.white-black {
  background: #000;
  color: #fff;
}

.fairtrade-overlay a.cta.black-white {
  background: #fff;
  color: #000;
}

.fairtrade-overlay a.cta.white-magenta {
  background: #e0119d;
  color: #fff;
}

.fairtrade-overlay.newsletter .image-wrapper {
  position: relative;
}

.fairtrade-overlay.newsletter .image-wrapper .title-wrap {
  position: absolute;
  bottom: 70px;
  left: 40px;
}

.fairtrade-overlay.newsletter .image-wrapper .title-wrap strong.title {
  display: inline-block;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  color: #fff;
  font-size: 40px;
  font-weight: normal;
  line-height: 50px;
}

.fairtrade-overlay.newsletter .image-wrapper .title-wrap strong.title span {
  background-color: #00b9e4;
  color: #fff;
  display: inline;
  padding: 0 15px;
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.fairtrade-overlay .content-wrapper {
  padding: 20px;
  position: relative;
  text-align: center;
}

.fairtrade-overlay .content-wrapper strong.title {
  font-size: 28px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  color: #1e1e1e;
  margin-bottom: 15px;
  font-weight: normal;
  display: block;
}

.fairtrade-overlay .content-wrapper.newsletter {
  padding: 0 20px 20px 20px;
}

.fairtrade-overlay .content-wrapper.newsletter:before {
  display: inline-block;
  width: 96px;
  height: 96px;
  content: "";
  background: #fff;
  border-radius: 50%;
  left: 50%;
  top: 0;
  margin: -40px 0 0 0;
  z-index: 5;
}

.fairtrade-overlay .content-wrapper.newsletter:after {
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\e982";
  z-index: 6;
  top: 0;
  left: 50%;
  color: #00b9e4;
  line-height: 48px;
  width: 96px;
  margin: -16px 0 0 -48px;
  font-size: 35px;
  text-align: center;
}

.fairtrade-overlay .content-wrapper.newsletter .form-wrap {
  text-align: center;
}

.fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap {
  display: inline-table;
  vertical-align: middle;
  position: relative;
  border-collapse: separate;
  width: 100%;
}

.fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.input {
  display: table-cell;
  vertical-align: middle;
}

.fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.input input {
  font-size: 17px;
  line-height: 32px;
  padding: 5px 15px;
  display: inline-block;
  border: 1px solid #979797;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  width: 100%;
}

.fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.addon {
  white-space: nowrap;
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}

.fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.addon button {
  display: inline-block;
  float: left;
}

.fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.addon button:hover {
  background: #00A0CB;
  color: #fff;
}

#cookie-note {
  display: none !important;
}

.cookie-note {
  display: none;
  width: 100%;
  background: #00b9e4;
  padding: 22px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999;
}

.cookie-note p {
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  margin: 0;
  font-size: 13px;
  color: #fff;
  line-height: 18px;
}

.cookie-note p a {
  color: #fff;
  text-decoration: underline;
}

.cookie-note a.accept {
  background: #bed600;
  color: #fff;
  padding: 0px 30px;
}

.cookie-note a.accept:hover {
  color: #fff;
  background-color: #cde700;
}

@media (min-width: 1170px) {
  .fairtrade-overlay .content-wrapper strong.title {
    font-size: 50px;
    line-height: 55px;
  }

  .fairtrade-overlay a.cta {
    padding: 10px 25px;
  }

  .fairtrade-overlay .content-wrapper.newsletter .form-wrap {
    margin: 25px 100px;
  }

  .fairtrade-overlay.newsletter .image-wrapper .title-wrap strong.title {
    font-size: 60px;
    line-height: 70px;
  }

  .fairtrade-overlay.newsletter .image-wrapper .title-wrap {
    bottom: 30px;
    left: 30px;
  }
}

@media (max-width: 767px) {
  .fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.input,
  .fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.addon {
    width: 100%;
    display: block;
  }

  .fairtrade-overlay .content-wrapper.newsletter .form-wrap .inp-wrap div.addon button {
    width: 100%;
  }
}

/*
* Importiere Content Elements
*/

.swiper-startseite-slideshow {
  height: calc(100vh - 64px);
}

@media (min-width: 1200px) {
  .swiper-startseite-slideshow {
    height: 100vh;
  }
}

.swiper-startseite-slideshow .swiper-slide {
  display: block;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-startseite-slideshow .swiper-slide .slide-blende {
  display: block;
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8));
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4));
  height: 100%;
  position: absolute;
}

.swiper-startseite-slideshow .swiper-slide .slide-content {
  position: absolute;
  bottom: 80px;
}

@media (min-width: 768px) {
  .swiper-startseite-slideshow .swiper-slide .slide-content {
    bottom: 95px;
  }
}

@media (min-width: 1200px) {
  .swiper-startseite-slideshow .swiper-slide .slide-content {
    bottom: 165px;
  }
}

.swiper-startseite-slideshow .swiper-slide .slide-content .slide-headline {
  margin-bottom: 20px;
}

.swiper-startseite-slideshow .swiper-slide .slide-content .slide-headline a:hover {
  text-decoration: none;
}

.swiper-startseite-slideshow .swiper-slide .slide-content .slide-headline span.outer {
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 40px;
  line-height: 40px;
  background-color: #00b9e4;
  padding: 0 13px;
}

@media (min-width: 768px) {
  .swiper-startseite-slideshow .swiper-slide .slide-content .slide-headline span.outer {
    font-size: 56px;
    line-height: 56px;
  }
}

@media (min-width: 1200px) {
  .swiper-startseite-slideshow .swiper-slide .slide-content .slide-headline span.outer {
    font-size: 70px;
    line-height: 70px;
  }
}

.swiper-startseite-slideshow .swiper-slide .slide-content.white-blue .slide-headline span {
  background: #00b9e4;
  color: #FFFFFF;
}

.swiper-startseite-slideshow .swiper-slide .slide-content.white-green .slide-headline span {
  background: #bed600;
  color: #FFFFFF;
}

.swiper-startseite-slideshow .swiper-slide .slide-content.white-black .slide-headline span {
  background: #1E1E1E;
  color: #FFFFFF;
}

.swiper-startseite-slideshow .swiper-slide .slide-content.black-white .slide-headline span {
  background: #FFFFFF;
  color: #1E1E1E;
}

.swiper-startseite-slideshow .swiper-slide .slide-content.white-magenta .slide-headline span {
  background: #e0119d;
  color: #FFFFFF;
}

.swiper-startseite-slideshow .swiper-slide .slide-content .slide-subline a:hover {
  text-decoration: none;
}

.swiper-startseite-slideshow .swiper-slide .slide-content .slide-subline span.outer {
  display: inline;
  color: #1E1E1E;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  line-height: 20px;
  background-color: #FFFFFF;
  padding: 0 13px;
}

.swiper-startseite-slideshow .swiper-pagination-bullets {
  margin-bottom: 50px;
}

.swiper-startseite-slideshow .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  opacity: 1;
}

.swiper-startseite-slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00b9e4;
}

.fairtrade-finder-2020.finder-startseite {
  margin-top: -50px;
  position: relative;
  z-index: 2;
  margin-bottom: 50px;
}

.fairtrade-finder-2020.finder-startseite .outer {
  display: flex;
  flex-direction: column;
  height: 500px;
  border: 3px solid #FFFFFF;
  margin: 0 -5px;
}

@media (min-width: 768px) {
  .fairtrade-finder-2020.finder-startseite .outer {
    flex-direction: row;
    height: auto;
  }
}

.fairtrade-finder-2020.finder-startseite .outer .item {
  position: relative;
  cursor: pointer;
  flex: 1;
  transition: flex 0.8s ease;
  overflow: hidden;
  border: 3px solid #FFFFFF;
}

@media (min-width: 768px) {
  .fairtrade-finder-2020.finder-startseite .outer .item {
    height: 270px;
  }
}

.fairtrade-finder-2020.finder-startseite .outer .item.open {
  cursor: default;
  flex: 4;
}

@media (min-width: 768px) {
  .fairtrade-finder-2020.finder-startseite .outer .item.open {
    flex: 3;
  }
}

.fairtrade-finder-2020.finder-startseite .outer .item.green {
  background-color: #bed600;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/background_ft_code@2x.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 165px;
}

.fairtrade-finder-2020.finder-startseite .outer .item.blue {
  background-color: #00b9e4;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/background_ft_produkt-finder@2x.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 165px;
}

.fairtrade-finder-2020.finder-startseite .outer .item.yellow {
  background-color: #FECB00;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/background_ft_einkaufs-finder@2x.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 165px;
}

.fairtrade-finder-2020.finder-startseite .outer .item.lila {
  background-color: #80379b;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/background_ft_einkaufs-finder_fr@2x.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 165px;
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder .title {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  color: #FFFFFF;
  font-size: 38px;
  padding: 20px 15px;
}

@media (min-width: 768px) {
  .fairtrade-finder-2020.finder-startseite .outer .item .finder .title {
    position: absolute;
    width: 270px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    left: 10px;
    top: 255px;
    padding: 0 0;
  }
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder p {
  color: #FFFFFF;
  letter-spacing: 0.2px;
  line-height: 28px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  opacity: 0;
  padding: 0 15px;
  transition: opacity 0.8s ease;
}

@media (min-width: 768px) {
  .fairtrade-finder-2020.finder-startseite .outer .item .finder p {
    position: absolute;
    left: 95px;
    top: 30px;
    width: 300px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .fairtrade-finder-2020.finder-startseite .outer .item .finder p {
    width: 500px;
    top: 40px;
  }
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form {
  position: absolute;
  left: 15px;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease,visibility 0.8s ease;
}

@media (min-width: 768px) {
  .fairtrade-finder-2020.finder-startseite .outer .item .finder form {
    left: 95px;
    bottom: 30px;
  }
}

@media (min-width: 992px) {
  .fairtrade-finder-2020.finder-startseite .outer .item .finder form {
    left: 95px;
    bottom: 40px;
  }
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap {
  position: relative;
  max-width: 300px;
  margin-right: 15px;
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap input {
  width: calc(100% - 50px);
  height: 50px;
  float: left;
  border-radius: 0;
  border: none;
  line-height: 50px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  color: #B2B2B2;
  font-weight: bold;
  padding: 0 15px;
  border: 1px solid #FFFFFF;
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap input:focus {
  border: 1px solid #00B9E4;
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap button {
  min-width: 50px;
  height: 50px;
  float: right;
  border-radius: 0;
  border: none;
  line-height: 50px;
  background-color: #00b9e4;
  color: white;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap button.no-input {
  padding: 0 20px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 21px;
  line-height: 21px;
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap button.no-input span {
  margin-left: 10px;
  font-size: 16px;
}

.fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap button:hover span {
  display: inline-block;
  transform: translateX(5px);
}

.fairtrade-finder-2020.finder-startseite .outer .item.open .finder p {
  opacity: 1;
}

.fairtrade-finder-2020.finder-startseite .outer .item.open .finder form {
  opacity: 1;
  visibility: visible;
}

.fairtrade-finder-2020.finder-startseite .outer .item.blue .finder form .fieldwrap button {
  background-color: #bed600;
}

.fairtrade-finder-2020.finder-startseite .outer .item.blue .finder form .fieldwrap input:focus {
  border: 1px solid #BED600;
}

/** FINDER **/

body .fairtrade-finder-2020.finder-startseite .outer .item.yellow {
  background-size: 190px;
  background-position-x: right;
  background-position-y: 0px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item.blue {
  background-size: 200px;
  background-position-x: 97%;
  background-position-y: 8px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item.green {
  background-size: 220px;
  background-position-x: right;
  background-position-y: 0px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item {
  transition: background-position-y 0.5s ease-out;
  -moz-transition: background-position-y 0.5s ease-out;
  -ms-transition: background-position-y 0.5s ease-out;
  -o-transition: background-position-y 0.5s ease-out;
  -webkit-transition: background-position-y 0.5s ease-out;
}

body .fairtrade-finder-2020.finder-startseite .outer .item.open:hover {
  background-position-y: 0px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item:hover {
  background-position-y: -30px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item.blue.open:hover {
  background-position-y: 8px;
}

body .fairtrade-finder-2020.finder-startseite .outer .itemblue:hover {
  background-position-y: -22px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder {
  transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  -webkit-transition: background-color 0.5s ease-out;
}

body .fairtrade-finder-2020.finder-startseite .outer .item:hover .finder {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}

body .fairtrade-finder-2020.finder-startseite .outer .item.open:hover .finder {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
}

body .fairtrade-finder-2020.finder-startseite .outer .item.open .finder form {
  width: 100%;
  max-width: 560px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap {
  float: left;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap:last-child {
  float: right;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap button .button-text {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 18px;
  color: #fff;
  margin: 0px 0px 0px 10px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap .fairtrade-taste-search {
  font-size: 20px;
  margin-right: 3px;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap button:hover span {
  transform: none;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap input:-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #757575;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap input:-moz-placeholder {
  /* Firefox 19+ */
  color: #757575;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap input:-ms-input-placeholder {
  /* IE 10+ */
  color: #757575;
}

body .fairtrade-finder-2020.finder-startseite .outer .item .finder form .fieldwrap input:-moz-placeholder {
  /* Firefox 18- */
  color: #757575;
}

.igproject-startseite-tabs .nav-tabs {
  border: none;
  margin-bottom: 20px;
}

.igproject-startseite-tabs .nav-tabs .nav-item {
  min-width: 100%;
}

@media (min-width: 768px) {
  .igproject-startseite-tabs .nav-tabs .nav-item {
    min-width: 50%;
  }
}

@media (min-width: 992px) {
  .igproject-startseite-tabs .nav-tabs .nav-item {
    min-width: 200px;
  }
}

.igproject-startseite-tabs .nav-tabs .nav-item .nav-link {
  display: block;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  color: #4A4A4A;
  padding: 8px 0px 12px;
  margin: 0;
  border: none;
  background: none;
  border-top: 5px solid;
  opacity: 0.4;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

@media (min-width: 768px) {
  .igproject-startseite-tabs .nav-tabs .nav-item .nav-link {
    margin-right: 30px;
  }
}

.igproject-startseite-tabs .nav-tabs .nav-item .nav-link.active {
  opacity: 1;
}

.igproject-startseite-tabs .nav-tabs .nav-item .nav-link:hover {
  opacity: 1;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-0 .nav-link {
  border-color: #bed600;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-0 .nav-link:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/tab_faritrade.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 3px;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-1 .nav-link {
  border-color: #00b9e4;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-1 .nav-link:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 14px;
  height: 16px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/tab_social_media.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 3px;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-2 .nav-link {
  border-color: #ffa02f;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-2 .nav-link:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 12px;
  height: 16px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/tab_blog.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 3px;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-3 .nav-link {
  border-color: #e0119d;
}

.igproject-startseite-tabs .nav-tabs .nav-item.nav-item-3 .nav-link:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 14px;
  height: 16px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/system_2020/images/tab_kalender.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 3px;
}

.igproject-startseite-tabs .social-container {
  margin-bottom: 30px;
}

.igproject-startseite-tabs .social-container .social-container-head {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  color: #4A4A4A;
}

.multiteaser {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.multiteaser .multiteaser-image {
  position: relative;
  background-color: #e4faff;
  overflow: visible;
  margin-bottom: 20px;
}

.multiteaser .multiteaser-image img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

.multiteaser .multiteaser-datum {
  position: relative;
  background-color: #e4faff;
  margin-bottom: 20px;
  transition: transform 0.5s ease;
}

@media (min-width: 992px) {
  .multiteaser .multiteaser-datum {
    padding-top: 63.8003%;
  }
}

@media (min-width: 992px) {
  .multiteaser .multiteaser-datum .multiteaser-datum-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

.multiteaser .multiteaser-datum .multiteaser-datum-inner .big {
  text-align: center;
  color: #4A4A4A;
  font-size: 100px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  line-height: 110px;
  margin-top: 20px;
}

.multiteaser .multiteaser-datum .multiteaser-datum-inner .small {
  text-align: center;
  color: #4A4A4A;
  font-size: 24px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  margin-bottom: 20px;
}

.multiteaser .multiteaser-content {
  padding: 0 30px;
  position: relative;
  color: #4A4A4A;
}

.multiteaser .multiteaser-content .multiteaser-category {
  position: absolute;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 14px;
  line-height: 14px;
  padding: 10px;
  top: -38px;
  left: 10px;
}

.multiteaser .multiteaser-content .multiteaser-category.orange {
  background-color: #ffa02f;
}

.multiteaser .multiteaser-content .multiteaser-category.blau {
  background-color: #00b9e4;
}

.multiteaser .multiteaser-content .multiteaser-category.gruen {
  background-color: #bed600;
}

.multiteaser .multiteaser-content .multiteaser-headline {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
}

.multiteaser .multiteaser-content .multiteaser-text {
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 30px;
}

.multiteaser:hover,
.multiteaser:active {
  text-decoration: none;
}

.multiteaser:hover .multiteaser-image img,
.multiteaser:active .multiteaser-image img {
  transform: scale(1.05);
}

.multiteaser:hover .multiteaser-datum,
.multiteaser:active .multiteaser-datum {
  transform: scale(1.05);
}

.blogteaser {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.blogteaser .blogteaser-image {
  position: relative;
  background-color: #e4faff;
  overflow: hidden;
  padding-top: 65%;
  margin-bottom: 20px;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}

.blogteaser .blogteaser-content {
  xpadding: 0 30px;
  position: relative;
  color: #4A4A4A;
}

.blogteaser .blogteaser-content .blogteaser-headline {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
}

.blogteaser .blogteaser-content .blogteaser-text {
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  line-height: 1.5;
}

.blogteaser:hover,
.blogteaser:active {
  text-decoration: none;
}

.blogteaser:hover .blogteaser-image,
.blogteaser:active .blogteaser-image {
  transform: scale(1.05);
}

.startseite-banner-wrap {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/fileadmin/system/img/de/buehne_kachel_black.jpg");
  padding: 60px 0 100px;
  position: relative;
}

.startseite-banner-wrap .startseite-banner .startseite-banner-header {
  color: white;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.startseite-banner-wrap .startseite-banner .swiper-startseite-banner {
  margin: 0 25px;
}

.startseite-banner-wrap .startseite-banner .swiper-startseite-banner .swiper-wrapper .swiper-slide {
  text-align: center;
  padding: 0 35px;
}

.startseite-banner-wrap .startseite-banner .swiper-startseite-banner .swiper-wrapper .swiper-slide img {
  margin-bottom: 50px;
  max-width: 100%;
  transition: transform 0.5s ease;
}

.startseite-banner-wrap .startseite-banner .swiper-startseite-banner .swiper-wrapper .swiper-slide p {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: #F6F6F6;
}

.startseite-banner-wrap .startseite-banner .swiper-startseite-banner .swiper-wrapper .swiper-slide p span {
  color: #00b9e4;
}

.startseite-banner-wrap .startseite-banner .swiper-startseite-banner .swiper-wrapper .swiper-slide:hover {
  text-decoration: none;
}

.startseite-banner-wrap .startseite-banner .swiper-startseite-banner .swiper-wrapper .swiper-slide:hover img {
  transform: rotate(-1.5deg);
}

.startseite-banner-wrap .startseite-banner .swiper-button-prev,
.startseite-banner-wrap .startseite-banner .swiper-button-next {
  color: #FFFFFF;
  font-size: 25px;
}

.aktionen-teaser {
  position: relative;
}

.aktionen-teaser .aktionen-teaser-title-outer {
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.aktionen-teaser .aktionen-teaser-title-outer .aktionen-teaser-title {
  margin-top: 30px;
  display: inline-block;
  padding: 8px 40px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 40px;
}

@media (min-width: 992px) {
  .aktionen-teaser .aktionen-teaser-outer {
    display: flex;
  }
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content {
    flex: 1;
  }
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-blende {
  display: block;
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8));
  height: 100%;
  position: absolute;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner {
  position: relative;
  min-height: 300px;
  height: 100%;
  width: 100%;
  padding-top: 150px;
  padding-left: calc(100% / 6);
  padding-right: 15px;
  padding-bottom: 35px;
}

@media (min-width: 992px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner {
    max-width: 480px;
  }
}

@media (min-width: 1200px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner {
    max-width: 570px;
  }
}

@media (min-width: 1500px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner {
    max-width: 570px;
  }
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-image {
  height: 180px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 30px;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-headline {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 40px;
  line-height: 40px;
  color: #FFFFFF;
  margin-bottom: 30px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-headline a {
  color: #FFFFFF;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-text {
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  margin-bottom: 30px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a:link,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a:visited {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 48px;
  padding: 0 60px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 21px;
  border: 2px solid #FFFFFF;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a:link:after,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a:visited:after {
  font-family: 'fairtrade' !important;
  content: "\e94f";
  display: inline-block;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  right: 15px;
  top: 50%;
  margin-top: -8px;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a:hover,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a:focus,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-pink {
  background: #e0119d;
  border: 0px solid #e0119d;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-orange {
  background-color: #ffa02f;
  border: 0px solid #ffa02f;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-lila,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-purple {
  background-color: #6f42c1;
  border: 0px solid #6f42c1;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-blau,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-blue {
  background-color: #00b9e4;
  border: 0px solid #00b9e4;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-green,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-gruen {
  background-color: #bed600;
  border: 0px solid #bed600;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-red,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-rot {
  background-color: #dc3545;
  border: 0px solid #dc3545;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-gelb,
.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content .content-inner .content-inner-link a.button-yellow {
  background-color: #FECB00;
  border: 0px solid #FECB00;
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content.content-links .content-inner {
  float: right;
}

@media (min-width: 992px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content.content-links .content-inner .content-inner-headline {
    margin-right: 60px;
  }
}

@media (min-width: 992px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content.content-links {
    border-bottom: 4px solid #FFFFFF;
    border-top: 4px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
  }
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content.content-rechts .content-inner {
  float: left;
}

@media (min-width: 992px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content.content-rechts {
    border-bottom: 4px solid #FFFFFF;
    border-top: 4px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
  }
}

@media (min-width: 992px) {
  .aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content.content-full {
    border-bottom: 4px solid #FFFFFF;
    border-top: 4px solid #FFFFFF;
  }
}

.aktionen-teaser .aktionen-teaser-outer .aktionen-teaser-content.content-full .content-inner {
  max-width: 100% !important;
}

body .bg-red {
  background: #dc3545;
}

.multiteaser-produkte {
  position: relative;
  padding: 170px 0 70px;
}

.multiteaser-produkte .container-custom {
  position: relative;
}

.multiteaser-produkte .swiper-wrapper .swiper-slide {
  background-color: #FFFFFF;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}

.multiteaser-produkte .swiper-wrapper .swiper-slide .image-wrap {
  padding: 50px;
  height: 324px;
}

.multiteaser-produkte .swiper-wrapper .swiper-slide .image-wrap img {
  transition: transform 0.5s ease;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.multiteaser-produkte .swiper-wrapper .swiper-slide .headline {
  font-size: 20px;
  line-height: 26px;
  background-color: #F6F6F6;
  padding: 20px 50px;
  color: #4A4A4A;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  min-height: 92px;
}

.multiteaser-produkte .swiper-wrapper .swiper-slide:hover,
.multiteaser-produkte .swiper-wrapper .swiper-slide:focus {
  text-decoration: none;
}

.multiteaser-produkte .swiper-wrapper .swiper-slide:hover .image-wrap img,
.multiteaser-produkte .swiper-wrapper .swiper-slide:focus .image-wrap img {
  transform: scale(1.1);
}

.multiteaser-produkte .multiteaser-header-wrap {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -120px;
  left: 0;
}

.multiteaser-produkte .multiteaser-header-wrap .multiteaser-category {
  display: inline-block;
  padding: 8px 40px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 40px;
  background: rgba(30, 30, 30, 0.5);
}

.multiteaser-produkte .multiteaser-header-wrap .multiteaser-category.blau {
  background: #00b9e4;
}

.multiteaser-produkte .multiteaser-produkte-swiper-button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  background-color: #CCF1FA;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  margin-left: -30px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  outline: 0;
  cursor: pointer;
  z-index: 2;
}

.multiteaser-produkte .multiteaser-produkte-swiper-button.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

.multiteaser-produkte .multiteaser-produkte-swiper-button span {
  display: inline-block;
  margin-top: 15px;
}

.multiteaser-produkte .multiteaser-produkte-swiper-button-prev {
  left: 50px;
}

@media (min-width: 992px) {
  .multiteaser-produkte .multiteaser-produkte-swiper-button-prev {
    left: -10px;
  }
}

.multiteaser-produkte .multiteaser-produkte-swiper-button-next {
  right: 20px;
}

@media (min-width: 992px) {
  .multiteaser-produkte .multiteaser-produkte-swiper-button-next {
    right: -40px;
  }
}

.multiteaser-produkte .multiteaser-produkte-link {
  text-align: center;
  margin-top: 40px;
}

.multiteaser-produkte .multiteaser-produkte-link a:link,
.multiteaser-produkte .multiteaser-produkte-link a:visited {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 48px;
  padding: 0 60px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 21px;
  border: 2px solid #FFFFFF;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.multiteaser-produkte .multiteaser-produkte-link a:link:after,
.multiteaser-produkte .multiteaser-produkte-link a:visited:after {
  font-family: 'fairtrade' !important;
  content: "\e94f";
  display: inline-block;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  right: 15px;
  top: 50%;
  margin-top: -8px;
}

.multiteaser-produkte .multiteaser-produkte-link a:hover,
.multiteaser-produkte .multiteaser-produkte-link a:focus,
.multiteaser-produkte .multiteaser-produkte-link a:active {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  color: #00b9e4;
  border-color: #00b9e4;
}

body .multiteaser-produkte .swiper-wrapper .swiper-slide {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}

body .multiteaser-produkte .swiper-wrapper .swiper-slide .headline {
  display: table;
  width: 100%;
}

.multiteaser-produkte .swiper-wrapper .swiper-slide .headline .headline-cell {
  display: table-cell;
  vertical-align: middle;
}

.multiteaser-produkte .swiper-wrapper .swiper-slide img.platzhalter,
.multiteaser-produkte .swiper-wrapper .swiper-slide img[src="https://fairtrade.blob.core.windows.net/visibility-images/generic.jpg"] {
  padding-top: 20%;
}

body .multiteaser-produkte .multiteaser-produkte-swiper-button {
  background-color: #00b9e4;
}

.ueber-uns .ueber-uns-header {
  display: inline-block;
  background-color: #00b9e4;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 40px;
  line-height: 54px;
  padding: 10px 20px;
  color: #FFFFFF;
  margin-top: 70px;
  margin-bottom: 50px;
}

.ueber-uns .abstand {
  height: 60px;
}

.ueber-uns .ueber-uns-item {
  background-repeat: no-repeat;
  background-position: top left;
  padding: 65px 0 30px 100px;
}

.ueber-uns .ueber-uns-item .ueber-uns-item-header {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  line-height: 26px;
  color: #4A4A4A;
  margin-bottom: 15px;
}

.ueber-uns .ueber-uns-item .ueber-uns-item-header a:link,
.ueber-uns .ueber-uns-item .ueber-uns-item-header a:visited {
  color: #4A4A4A;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.ueber-uns .ueber-uns-item .ueber-uns-item-header a:hover,
.ueber-uns .ueber-uns-item .ueber-uns-item-header a:focus,
.ueber-uns .ueber-uns-item .ueber-uns-item-header a:active {
  text-decoration: none;
  color: #00b9e4;
}

.ueber-uns .ueber-uns-item .ueber-uns-item-text {
  color: #4A4A4A;
  line-height: 30px;
  font-size: 16px;
}

.ueber-uns .ueber-uns-link {
  margin-top: 30px;
  margin-bottom: 70px;
}

.ueber-uns .ueber-uns-link a:link,
.ueber-uns .ueber-uns-link a:visited {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 48px;
  padding: 0 60px;
  color: #00b9e4;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 21px;
  border: 2px solid #00b9e4;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.ueber-uns .ueber-uns-link a:link:after,
.ueber-uns .ueber-uns-link a:visited:after {
  font-family: 'fairtrade' !important;
  content: "\e94f";
  display: inline-block;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  right: 15px;
  top: 50%;
  margin-top: -8px;
}

.ueber-uns .ueber-uns-link a:hover,
.ueber-uns .ueber-uns-link a:focus,
.ueber-uns .ueber-uns-link a:active {
  text-decoration: none;
  background-color: #e4faff;
}

.link-more {
  text-align: center;
  padding: 30px 0;
}

.link-more a:link,
.link-more a:visited {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 48px;
  padding: 0 60px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 21px;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.link-more a:link:after,
.link-more a:visited:after {
  font-family: 'fairtrade' !important;
  content: "\e94f";
  display: inline-block;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  right: 15px;
  top: 50%;
  margin-top: -8px;
}

.link-more a:hover,
.link-more a:focus,
.link-more a:active {
  text-decoration: none;
}

.link-more.weiss a:link,
.link-more.weiss a:visited {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
}

.link-more.weiss a:hover,
.link-more.weiss a:focus,
.link-more.weiss a:active {
  background: rgba(255, 255, 255, 0.2);
}

.link-more.blau a:link,
.link-more.blau a:visited {
  color: #00b9e4;
  border: 2px solid #00b9e4;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

.link-more.blau a:hover,
.link-more.blau a:focus,
.link-more.blau a:active {
  background-color: #e4faff;
}

.produkte-produzente {
  display: none;
  margin-left: 15px;
  margin-right: 15px;
}

.produkte-produzente a.element .kachel .kachel-content .element-icon {
  transform: rotate(0deg);
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
}

.produkte-produzente a.element .kachel:hover .kachel-content .element-icon {
  transform: rotate(-90deg);
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
}

.produkte-produzente .element {
  padding: 0;
  position: inherit;
}

.produkte-produzente .element .kachel {
  margin: 1px;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: block;
}

.produkte-produzente .element .kachel:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  top: 0;
  left: 0;
  opacity: .25;
  -webkit-transition: all .3s;
  /* Safari */
  transition: all .3s;
}

.produkte-produzente .element .page-content {
  background-color: #ffff00;
  position: absolute;
  width: 100%;
}

.produkte-produzente .element-top .kachel .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #000000;
  z-index: 2;
  opacity: .5;
}

.produkte-produzente .element-top .kachel .loader svg {
  display: block;
  text-align: center;
  position: relative;
  top: 100%;
  margin-top: -90px;
  width: 100px;
  left: 50%;
  margin-left: -30px;
}

.produkte-produzente .element-top .kachel .kachel-content {
  padding: 20px;
  margin-top: 100%;
  -webkit-transition: all .5s;
  /* Safari */
  transition: all .5s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  max-height: 100%;
}

.produkte-produzente .element-top .kachel .kachel-content .element-icon {
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #e0119d;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  padding-top: 2px;
  cursor: pointer;
  display: none;
}

.produkte-produzente .element-top .kachel .title,
.produkte-produzente .element-top .kachel .title-2 {
  padding: 4px 10px;
  background-color: #fff;
  color: #000;
  line-height: 1;
  font-size: 70px;
  font-family: "Veneer", "Arial", sans-serif;
  display: inline-block;
}

.produkte-produzente .element-top .kachel .title-2 {
  position: absolute;
  bottom: 0;
  margin: 20px;
  opacity: 1;
  -webkit-transition: all .3s;
  /* Safari */
  transition: all .3s;
}

.produkte-produzente .element-top .kachel .description {
  margin-top: 20px;
}

.produkte-produzente .element-top .kachel .description p {
  color: #ffffff;
}

.produkte-produzente .element-top .kachel .small {
  font-size: 55px;
}

.produkte-produzente .element-top .kachel .smaller {
  font-size: 30px;
}

.produkte-produzente .element-top.nolink .kachel {
  cursor: auto;
}

.produkte-produzente .element-top .kachel:hover:before {
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s;
  opacity: .0;
}

.produkte-produzente .element-top .kachel:hover .kachel-content {
  margin-top: 0%;
  -webkit-transition: all .5s;
  /* Safari */
  transition: all .5s;
  opacity: 1;
  border-top: 5px solid #e0119d;
}

.produkte-produzente .element-top .kachel:hover .kachel-content .element-icon {
  display: block;
}

.produkte-produzente .element-top .kachel:hover .title-2 {
  opacity: 0;
  -webkit-transition: all .3s;
  /* Safari */
  transition: all .3s;
}

.produkte-produzente .element-sub .kachel .loader {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #000000;
  z-index: 2;
  opacity: .5;
}

.produkte-produzente .element-sub .kachel .loader svg {
  display: block;
  text-align: center;
  position: relative;
  top: 100%;
  margin-top: -90px;
  width: 100px;
  left: 50%;
  margin-left: -30px;
}

.produkte-produzente .element-sub .kachel .kachel-content {
  padding: 20px;
  background: rgba(0, 0, 0, 0);
  height: 100%;
  max-height: 100%;
}

.produkte-produzente .element-sub .kachel .kachel-content .element-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #e0119d;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  font-size: 10px;
  padding-top: 2px;
  cursor: pointer;
  opacity: 0;
}

.produkte-produzente .element-sub .kachel .title {
  position: absolute;
  padding: 4px 10px;
  background-color: #fff;
  color: #000;
  line-height: 1;
  font-size: 30px;
  font-family: "Veneer", "Arial", sans-serif;
  display: inline-block;
  bottom: 20px;
  margin-right: 20px;
}

.produkte-produzente .element-sub .kachel .small {
  font-size: 21px;
}

.produkte-produzente .element-sub .kachel .smaller {
  font-size: 15px;
}

.produkte-produzente .element-sub .kachel:hover .kachel-content {
  background: rgba(0, 0, 0, 0.5);
  border-top: 5px solid #e0119d;
}

.produkte-produzente .element-sub .kachel:hover .kachel-content .element-icon {
  opacity: 1;
}

.produkte-produzente .produkte-produzente-content {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 60px 35px 30px;
}

.produkte-produzente .produkte-produzente-content .produkte-produzente-content-close {
  position: absolute;
  right: 35px;
  top: 20px;
  color: #b8b8b8;
  cursor: pointer;
}

.produkte-produzente .produkte-produzente-content:before {
  position: relative;
  display: block;
  content: '';
  border-top: 5px solid #e0119d;
  margin-bottom: 30px;
}

.produkte-produzente .produkte-produzente-content-inner {
  margin: 0;
}

.producerfinder {
  padding: 0;
}

.producerfinder .csc-default-margin {
  margin-bottom: 30px;
}

@media (min-width: 576px) {
  .producerfinder .csc-default-margin {
    margin-bottom: 0;
  }
}

.producerfinder button.standard {
  line-height: 40px;
}

.producerfinder #mapProducer {
  height: 500px;
}

.producerfinder #mapProducer2 {
  height: 350px;
}

.producerfinder .map-marker h4 span {
  display: none;
}

.producerfinder hr {
  border-bottom: 1px solid #dedede;
  padding: 0;
  margin: 2px 0 10px;
}

.producerfinder .prodcontent-images {
  margin-bottom: 10px;
}

.producerfinder .prodcontent-image {
  margin-bottom: 10px;
}

.producerfinder .prodcontent-label {
  text-transform: uppercase;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 1rem;
}

.producerfinder .prodcontent-content {
  font-size: 1rem;
}

.producerfinder .productlist {
  margin-bottom: 30px;
}

.producerfinder .productlist .productItem {
  display: table;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f7f7f7;
}

.producerfinder .productlist .productItem .img {
  display: table-cell;
  width: 60px;
}

.producerfinder .productlist .productItem .text {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  color: #1e1e1e;
}

.producerfinder .productlist .productItem .icondiv {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: right;
}

.producerfinder .productlist .productItem .icon {
  padding-top: 2px;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin: 7px;
  cursor: pointer;
  border-radius: 16px;
  background-color: #e0119d;
  color: #fff;
}

.igproject-unterseite-tabs .nav-tabs {
  border-bottom: 5px solid #00b9e4;
  display: table;
  width: 100%;
}

.igproject-unterseite-tabs .nav-tabs .nav-item {
  display: table-cell;
}

.igproject-unterseite-tabs .nav-tabs .nav-item .nav-link {
  background: none;
  border: 0px none;
  display: block;
  text-align: center;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 18px;
  color: #1e1e1e;
}

.igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  color: #fff;
  background: #00b9e4;
}

.igproject-unterseite-tabs .tab-content {
  border-bottom: 1px solid #00b9e4;
  padding: 25px 25px 5px 25px;
}

body.scheme-lila .igproject-unterseite-tabs .nav-tabs,
body.scheme-lila .igproject-unterseite-tabs .tab-content {
  border-color: #80379b;
}

body.scheme-pink .igproject-unterseite-tabs .nav-tabs,
body.scheme-pink .igproject-unterseite-tabs .tab-content {
  border-color: #e0119d;
}

body.scheme-blau .igproject-unterseite-tabs .nav-tabs,
body.scheme-blau .igproject-unterseite-tabs .tab-content {
  border-color: #00b9e4;
}

body.scheme-grn .igproject-unterseite-tabs .nav-tabs,
body.scheme-grn .igproject-unterseite-tabs .tab-content {
  border-color: #bed600;
}

body.scheme-orange .igproject-unterseite-tabs .nav-tabs,
body.scheme-orange .igproject-unterseite-tabs .tab-content {
  border-color: #ffa02f;
}

body.scheme-gelb .igproject-unterseite-tabs .nav-tabs,
body.scheme-gelb .igproject-unterseite-tabs .tab-content {
  border-color: #FECB00;
}

body.scheme-gold .igproject-unterseite-tabs .nav-tabs,
body.scheme-gold .igproject-unterseite-tabs .tab-content {
  border-color: #e2c577;
}

body.scheme-grey gproject-unterseite-tabs .nav-tabs,
body.scheme-grey .igproject-unterseite-tabs .tab-content {
  border-color: #9A9B9C;
}

body.scheme-lila .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #80379b;
}

body.scheme-pink .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #e0119d;
}

body.scheme-blau .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #00b9e4;
}

body.scheme-grn .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #bed600;
}

body.scheme-orange .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #ffa02f;
}

body.scheme-gelb .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #FECB00;
}

body.scheme-gold .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #e2c577;
}

body.scheme-grey .igproject-unterseite-tabs .nav-tabs .nav-item .nav-link.active {
  background: #9A9B9C;
}

.igproject-unterseite-akkordeon .csc-header {
  padding-top: 30px;
}

.igproject-unterseite-akkordeon .accordion {
  border-bottom: 1px solid #00b9e4;
  margin-bottom: 60px;
}

.igproject-unterseite-akkordeon .card {
  border: 0px none;
}

.igproject-unterseite-akkordeon .card .card-header {
  padding: 0px;
  margin: 0;
  background: none;
  border: 1px solid #e6e6e6;
  border-bottom: 0px none;
  border-top: 1px solid #00b9e4;
  transition: background-color 0.3s ease-out;
}

.igproject-unterseite-akkordeon .card .card-header .btn:focus,
.igproject-unterseite-akkordeon .card .card-header .btn.focus {
  box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
}

.igproject-unterseite-akkordeon .card .card-header:hover {
  background: #F6F6F6;
}

.igproject-unterseite-akkordeon .card .card-header:first-child {
  border-top: 1px solid #e6e6e6;
}

.igproject-unterseite-akkordeon .card .card-header button {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  border-bottom: 0px none;
  width: 100%;
  text-align: left;
  text-decoration: none !important;
}

.igproject-unterseite-akkordeon .card .card-header button span {
  display: inline-block;
  float: left;
  margin: 8px 15px 0px 0px;
  position: relative;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 400ms ease-out;
  -moz-transition: -moz-transform 400ms ease-out;
  transition: transform 400ms ease-out;
}

.igproject-unterseite-akkordeon .card .card-header button h5 {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 20px;
  display: block;
  padding: 0;
  color: #1e1e1e;
  margin: 4px  0px 0px;
  text-decoration: none;
}

.igproject-unterseite-akkordeon .card .card-header button.collapsed span {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -webkit-transition: -webkit-transform 400ms ease-out;
  -moz-transition: -moz-transform 400ms ease-out;
  transition: transform 400ms ease-out;
}

.igproject-unterseite-akkordeon .card .card-header button:hover {
  text-decoration: none;
}

.igproject-unterseite-akkordeon .card .card-header button:hover h5 {
  text-decoration: none;
  color: #1e1e1e;
}

.igproject-unterseite-akkordeon .card .card-header button:hover span {
  color: #00b9e4;
}

.igproject-unterseite-akkordeon .card .card-body {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  padding: 1.25rem 1.25rem 1.25rem 3.25rem;
}

body.scheme-lila .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #80379b;
}

body.scheme-pink .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #e0119d;
}

body.scheme-blau .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #00b9e4;
}

body.scheme-grn .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #bed600;
}

body.scheme-orange .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #ffa02f;
}

body.scheme-gelb .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #FECB00;
}

body.scheme-gold .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #e2c577;
}

body.scheme-grey .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #9A9B9C;
}

body.scheme-lila .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #80379b;
}

body.scheme-pink .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #e0119d;
}

body.scheme-blau .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #00b9e4;
}

body.scheme-grn .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #bed600;
}

body.scheme-orange .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #ffa02f;
}

body.scheme-gelb .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #FECB00;
}

body.scheme-gold .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #e2c577;
}

body.scheme-grey .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #9A9B9C;
}

body.scheme-lila .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-pink .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-blau .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-grn .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-orange .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-gelb .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-gold .igproject-unterseite-akkordeon .card:first-child .card-header,
body.scheme-grey .igproject-unterseite-akkordeon .card:first-child .card-header {
  border-top-color: #e6e6e6;
  border-top-color: #fff;
}

body.scheme-lila .igproject-unterseite-akkordeon .card-header button span,
body.scheme-lila .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #80379b;
}

body.scheme-pink .igproject-unterseite-akkordeon .card-header button span,
body.scheme-pink .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #e0119d;
}

body.scheme-blau .igproject-unterseite-akkordeon .card-header button span,
body.scheme-blau .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #00b9e4;
}

body.scheme-grn .igproject-unterseite-akkordeon .card-header button span,
body.scheme-grn .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #bed600;
}

body.scheme-orange .igproject-unterseite-akkordeon .card-header button span,
body.scheme-orange .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #ffa02f;
}

body.scheme-gelb .igproject-unterseite-akkordeon .card-header button span,
body.scheme-gelb .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #FECB00;
}

body.scheme-gold .igproject-unterseite-akkordeon .card-header button span,
body.scheme-gold .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #e2c577;
}

body.scheme-grey .igproject-unterseite-akkordeon .card-header button span,
body.scheme-grey .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #9A9B9C;
}

.text-zitat .zitat-wrap {
  float: right;
  padding: 20px;
  background: #000;
  width: 100%;
  margin-bottom: 15px;
}

.text-zitat .zitat-wrap p {
  display: block;
  color: #fff;
  font-style: italic;
  margin-bottom: 10px;
}

.text-zitat .zitat-wrap p.meta {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: normal;
}

body.scheme-lila .text-zitat .zitat-wrap {
  background: #80379b;
}

body.scheme-pink .text-zitat .zitat-wrap {
  background: #e0119d;
}

body.scheme-blau .text-zitat .zitat-wrap {
  background: #00b9e4;
}

body.scheme-grn .text-zitat .zitat-wrap {
  background: #bed600;
}

body.scheme-orange .text-zitat .zitat-wrap {
  background: #ffa02f;
}

body.scheme-gold .text-zitat .zitat-wrap {
  background: #e2c577;
}

body.scheme-grey .text-zitat .zitat-wrap {
  background: #9A9B9C;
}

body.scheme-gelb .text-zitat .zitat-wrap {
  background: #FECB00;
}

/*
* Importiere Extension Products
*/

.finder-startseite.fairtrade-finder,
.finder-lcol {
  background: #fff;
  height: auto;
  overflow: hidden;
  margin-bottom: 30px;
}

.finder-startseite.fairtrade-finder .outer,
.finder-lcol .outer {
  margin-left: -1px;
  margin-right: -1px;
}

.finder-startseite.fairtrade-finder .outer .item,
.finder-lcol .outer .item {
  padding-left: 1px;
  padding-right: 1px;
  overflow: hidden;
  float: left;
  width: 100%;
}

.finder-startseite.fairtrade-finder .outer .item.blau .finder,
.finder-lcol .outer .item.blau .finder {
  background-image: url("/fileadmin/system/img/teaser_icon_products.png");
  background-size: 75px auto;
  background-color: #00b9e4;
  background-position: 270px 10px;
}

.finder-startseite.fairtrade-finder .outer .item.blau .finder:hover,
.finder-lcol .outer .item.blau .finder:hover {
  background-color: #00c7f5;
}

.finder-startseite.fairtrade-finder .outer .item.blau .finder .fieldwrap input,
.finder-lcol .outer .item.blau .finder .fieldwrap input {
  border: 1px solid #0198BB;
}

.finder-startseite.fairtrade-finder .outer .item.gruen .finder,
.finder-lcol .outer .item.gruen .finder {
  background-image: url("/fileadmin/system/img/icon_world.png");
  background-size: 90px auto;
  background-color: #bed600;
  background-position: 265px 5px;
}

.finder-startseite.fairtrade-finder .outer .item.gruen .finder:hover,
.finder-lcol .outer .item.gruen .finder:hover {
  background-color: #cde700;
}

.finder-startseite.fairtrade-finder .outer .item.grau .finder,
.finder-lcol .outer .item.grau .finder {
  background-color: #b8b8b8;
  background-image: url("/fileadmin/system/img/teaser_icon_shop.png");
  background-size: 115px auto;
  background-position: 260px 10px;
}

.finder-startseite.fairtrade-finder .outer .item.grau .finder:hover,
.finder-lcol .outer .item.grau .finder:hover {
  background-color: #c0c0c0;
}

.finder-startseite.fairtrade-finder .outer .item.grau .finder .fieldwrap input,
.finder-lcol .outer .item.grau .finder .fieldwrap input {
  border: 1px solid #9D9D9D;
}

.finder-startseite.fairtrade-finder .outer .item.rot .finder,
.finder-lcol .outer .item.rot .finder {
  background-image: url("/fileadmin/system/img/icon_rose.png");
  background-size: 115px auto;
  background-color: #e00034;
  background-position: 260px 10px;
}

.finder-startseite.fairtrade-finder .outer .item.rot .finder:hover,
.finder-lcol .outer .item.rot .finder:hover {
  background-color: #e00034;
}

.finder-startseite.fairtrade-finder .outer .item.grau.lila .finder,
.finder-lcol .outer .item.grau.lila .finder {
  background-color: #80379b;
  background-image: url("/fileadmin/system/img/icon_gastro.png");
}

.finder-startseite.fairtrade-finder .outer .item .finder,
.finder-lcol .outer .item .finder {
  height: 60px;
  position: relative;
  padding: 18px 0 20px 18px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.finder-startseite.fairtrade-finder .outer .item .finder p.title,
.finder-lcol .outer .item .finder p.title {
  font-size: 24px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  color: #fff;
  margin: 0;
}

.finder-startseite.fairtrade-finder .outer .item .finder .fieldwrap,
.finder-lcol .outer .item .finder .fieldwrap {
  display: none;
  position: relative;
  z-index: 2;
  margin: 0;
  width: 230px;
  position: relative;
  float: none;
  margin: 10px 0px 5px 0px;
}

.finder-startseite.fairtrade-finder .outer .item .finder .fieldwrap input,
.finder-lcol .outer .item .finder .fieldwrap input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #A2B600;
  border-bottom-left-radius: 5px;
  border-radius: 5px;
  color: #999999;
  display: block;
  font-size: 0.9375rem;
  line-height: 35px;
  padding: 0 45px 0 12px;
  width: 230px;
  color: #8c8c8c;
  font-size: 1rem;
  font-family: "Arial, Helvetica Neue",Helvetica,sans-serif;
}

.finder-startseite.fairtrade-finder .outer .item .finder .fieldwrap button,
.finder-lcol .outer .item .finder .fieldwrap button {
  background: #00B9E4 none repeat scroll 0 0;
  border: 1px solid #0198BB;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  height: 37px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  display: block;
}

.finder-startseite.fairtrade-finder .outer .item .finder .fieldwrap button span,
.finder-lcol .outer .item .finder .fieldwrap button span {
  display: block;
}

.finder-startseite.fairtrade-finder .outer .item.open .finder,
.finder-lcol .outer .item.open .finder {
  height: auto;
}

.finder-startseite.fairtrade-finder .outer .item.open .finder .fieldwrap,
.finder-lcol .outer .item.open .finder .fieldwrap {
  display: block;
}

/*
* Importiere Extension igx_betriebe
*/

/*
* Importiere Extension News
*/

.news-verteilerseite-box-slider {
  background: #fff;
}

.news-verteilerseite-box-slider .newsitem {
  text-align: center;
}

.news-verteilerseite-box-slider .newsitem .box-content {
  padding: 5px 10px 15px 10px;
}

.news-verteilerseite-box-slider .newsitem .box-content p {
  margin: 0;
  color: #000;
}

.news-verteilerseite-box-slider .newsitem .box-content p.meta {
  margin-bottom: 5px;
}

.news-verteilerseite-box-slider .newsitem .box-content p.title {
  font-size: 28px;
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #333;
  margin-bottom: 10px;
}

.news-verteilerseite-box-slider .newsitem .box-content p.teaser {
  margin-bottom: 10px;
}

.news-verteilerseite-box-slider .newsitem .box-content a.more {
  font-size: 16px;
  font-family: 'Veneer', 'Arial', sans-serif;
  display: inline-block;
  color: #333;
}

.news-verteilerseite-box-slider .newsitem .box-content a.more span {
  font-size: 12px;
}

.lastelement {
  margin-bottom: 30px;
}

.newsroom-veranstaltungen {
  background: #fff;
  padding: 20px 0;
}

.newsroom-veranstaltungen .month-top {
  display: none;
}

.newsroom-veranstaltungen .month-top a {
  display: block;
  float: left;
  color: #c8c8c8;
  font-size: 18px;
  font-family: 'Veneer', 'Arial', sans-serif;
  background: #dedede;
  border-left: 1px solid #c1c1c1;
  width: 85px;
  text-align: center;
  line-height: 45px;
  transition: background-color 0.4s linear;
}

.newsroom-veranstaltungen .month-top a:first-child {
  border-left: 1px solid transparent;
}

.newsroom-veranstaltungen .month-top a.aktiv {
  color: #969696;
}

.newsroom-veranstaltungen .month-top a.aktiv:hover,
.newsroom-veranstaltungen .month-top a.aktiv.current {
  background: #00b9e4;
  color: #fff;
}

.newsroom-veranstaltungen .nav-bottom {
  margin: 0 75px;
  padding: 15px 0 0 0;
  border-top: 1px solid #dedede;
}

.newsroom-veranstaltungen .nav-bottom a {
  display: inline-block;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 20px;
}

.newsroom-veranstaltungen .nav-bottom a span {
  margin-right: 4px;
}

.newsroom-veranstaltungen .items-wrapper {
  padding: 15px 25px;
}

.newsroom-veranstaltungen .items-wrapper .bx-wrapper .bx-prev {
  left: -25px;
}

.newsroom-veranstaltungen .items-wrapper .bx-wrapper .bx-next {
  right: -25px;
}

.newsroom-veranstaltungen .items-wrapper .item {
  text-align: center;
}

.newsroom-veranstaltungen .items-wrapper .item .date {
  width: 100%;
  height: auto;
  padding-top: 50px;
  text-align: center;
  display: inline-block;
  background: #CCF1FA;
}

@media (min-width: 1200px) {
  .newsroom-veranstaltungen .items-wrapper .item .date {
    width: 233px;
    height: 233px;
  }
}

.newsroom-veranstaltungen .items-wrapper .item .date span {
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #000;
  display: block;
}

.newsroom-veranstaltungen .items-wrapper .item .date span.big {
  font-size: 96px;
  line-height: 80px;
}

.newsroom-veranstaltungen .items-wrapper .item .date span.small {
  font-size: 32px;
  line-height: 40px;
}

.newsroom-veranstaltungen .items-wrapper .item .item-content p {
  margin: 0;
}

.newsroom-veranstaltungen .items-wrapper .item .item-content p.title,
.newsroom-veranstaltungen .items-wrapper .item .item-content p.title a {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 36px;
  color: #000;
  line-height: 40px;
  margin-bottom: 10px;
}

.newsroom-veranstaltungen .items-wrapper .item .item-content p.teaser {
  margin-bottom: 10px;
}

.newsroom-veranstaltungen .items-wrapper .item .item-content p.meta-organizer span {
  line-height: 20px;
}

.newsroom-veranstaltungen .items-wrapper .item .item-content a.more {
  font-weight: 600;
}

.in-list-nachrichten-presse,
.news-unterseite-list-nachrichten-podcast {
  margin-bottom: 30px;
}

.news-unterseite-list-nachrichten-presse .newsItem,
.news-unterseite-list-nachrichten-podcast .newsItem,
.news-search-result.news-list-view .newsItem {
  margin-bottom: 30px;
  background: #fff;
}

.news-unterseite-list-nachrichten-presse .newsItem .news-content,
.news-unterseite-list-nachrichten-podcast .newsItem .news-content,
.news-search-result.news-list-view .newsItem .news-content {
  padding: 12px 10px 10px 10px;
}

.news-unterseite-list-nachrichten-presse .newsItem .news-content p,
.news-unterseite-list-nachrichten-podcast .newsItem .news-content p,
.news-search-result.news-list-view .newsItem .news-content p {
  margin: 0;
}

.news-unterseite-list-nachrichten-presse .newsItem .news-content p.title,
.news-unterseite-list-nachrichten-podcast .newsItem .news-content p.title,
.news-search-result.news-list-view .newsItem .news-content p.title {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: #333;
  margin-bottom: 4px;
}

.news-unterseite-list-nachrichten-presse .newsItem .news-content p.meta,
.news-unterseite-list-nachrichten-podcast .newsItem .news-content p.meta,
.news-search-result.news-list-view .newsItem .news-content p.meta {
  color: #757575;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 5px;
}

.news-unterseite-list-nachrichten-presse .newsItem .news-content p.teaser,
.news-unterseite-list-nachrichten-podcast .newsItem .news-content p.teaser,
.news-search-result.news-list-view .newsItem .news-content p.teaser {
  margin-bottom: 10px;
}

.news-unterseite-list-nachrichten-presse .newsItem .news-content a.more,
.news-unterseite-list-nachrichten-podcast .newsItem .news-content a.more,
.news-search-result.news-list-view .newsItem .news-content a.more {
  color: #00b9e4;
  font-weight: 700;
}

.news-unterseite-list-nachrichten-presse .newsItem.newsItem-image .news-content,
.news-unterseite-list-nachrichten-podcast .newsItem.newsItem-image .news-content,
.news-search-result.news-list-view .newsItem.newsItem-image .news-content {
  margin-left: 0;
}

.news-unterseite-list-nachrichten-presse .newsItem.newsItem-image .col-sm-9 .news-content,
.news-unterseite-list-nachrichten-podcast .newsItem.newsItem-image .col-sm-9 .news-content,
.news-search-result.news-list-view .newsItem .newsItem.newsItem-image .col-sm-9 .news-content {
  padding-bottom: 0;
}

.news-unterseite-detail-nachrichten-presse .meta,
.news-unterseite-list-nachrichten-podcast .meta,
.news-unterseite-detail-veranstaltung .meta {
  margin-bottom: 5px;
}

.news-unterseite-detail-nachrichten-presse .meta p,
.news-unterseite-list-nachrichten-podcast .meta p,
.news-unterseite-detail-veranstaltung .meta p {
  margin: 0;
  color: #707070;
  font-weight: 700;
}

.xnews-unterseite-detail-nachrichten-presse .meta p > span::after,
.xnews-unterseite-list-nachrichten-podcast .meta p > span::after,
.xnews-unterseite-detail-veranstaltung .meta p > span::after,
.news-search-result.news-list-view .meta > p span::after {
  display: inline-block;
  content: "-";
  margin: 0 2px;
}

.news-unterseite-detail-nachrichten-presse .meta p > span:last-child:after,
.news-unterseite-list-nachrichten-podcast .meta p > span:last-child:after,
.news-unterseite-detail-veranstaltung .meta p > span:last-child:after {
  display: none;
}

.news-unterseite-detail-nachrichten-presse p.teaser,
.news-unterseite-list-nachrichten-podcast p.teaser,
.news-unterseite-detail-veranstaltung p.teaser {
  margin-bottom: 20px;
}

.news-unterseite-detail-nachrichten-presse .news-img-wrap,
.news-unterseite-list-nachrichten-podcast .news-img-wrap,
.news-unterseite-detail-veranstaltung .news-img-wrap {
  float: left;
  margin: 0;
}

.news-unterseite-detail-nachrichten-presse .news-img-wrap .outer,
.news-unterseite-list-nachrichten-podcast .news-img-wrap .outer,
.news-unterseite-detail-veranstaltung .news-img-wrap .outer {
  margin: 5px 20px 20px 0;
}

.news-unterseite-detail-nachrichten-presse .news-img-wrap img,
.news-unterseite-list-nachrichten-podcast .news-img-wrap img,
.news-unterseite-detail-veranstaltung .news-img-wrap img {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}

.news-unterseite-detail-nachrichten-presse .news-text-wrap p,
.news-unterseite-list-nachrichten-podcast .news-text-wrap p,
.news-unterseite-detail-veranstaltung .news-text-wrap p {
  margin-bottom: 30px;
}

.news-unterseite-detail-nachrichten-presse .news-backlink-wrap a,
.news-unterseite-list-nachrichten-podcast .news-backlink-wrap a,
.news-unterseite-detail-veranstaltung .news-backlink-wrap a {
  display: inline-block;
}

.news-unterseite-detail-nachrichten-presse .news-related,
.news-unterseite-detail-nachrichten-presse .news-related-news,
.news-unterseite-list-nachrichten-podcast .news-related,
.news-unterseite-list-nachrichten-podcast .news-related-news,
.news-unterseite-detail-veranstaltung .news-related,
.news-unterseite-detail-veranstaltung .news-related-news {
  margin-bottom: 60px;
}

.news-unterseite-detail-nachrichten-presse .news-related ul,
.news-unterseite-detail-nachrichten-presse .news-related-news ul,
.news-unterseite-list-nachrichten-podcast .news-related ul,
.news-unterseite-list-nachrichten-podcast .news-related-news ul,
.news-unterseite-detail-veranstaltung .news-related ul,
.news-unterseite-detail-veranstaltung .news-related-news ul {
  padding-top: 30px;
}

.news-unterseite-detail-nachrichten-presse .news-related ul li,
.news-unterseite-detail-nachrichten-presse .news-related-news ul li,
.news-unterseite-list-nachrichten-podcast .news-related ul li,
.news-unterseite-list-nachrichten-podcast .news-related-news ul li,
.news-unterseite-detail-veranstaltung .news-related ul li,
.news-unterseite-detail-veranstaltung .news-related-news ul li {
  display: block;
  margin-bottom: 10px;
}

.news-unterseite-detail-nachrichten-presse .news-related ul li a,
.news-unterseite-detail-nachrichten-presse .news-related-news ul li a,
.news-unterseite-list-nachrichten-podcast .news-related ul li a,
.news-unterseite-list-nachrichten-podcast .news-related-news ul li a,
.news-unterseite-detail-veranstaltung .news-related ul li a,
.news-unterseite-detail-veranstaltung .news-related-news ul li a {
  color: #333;
}

.news-unterseite-detail-nachrichten-presse .news-related ul li span.icon,
.news-unterseite-detail-nachrichten-presse .news-related-news ul li span.icon,
.news-unterseite-list-nachrichten-podcast .news-related ul li span.icon,
.news-unterseite-list-nachrichten-podcast .news-related-news ul li span.icon,
.news-unterseite-detail-veranstaltung .news-related ul li span.icon,
.news-unterseite-detail-veranstaltung .news-related-news ul li span.icon {
  color: #a5a5a5;
  display: inline-block;
  width: 33px;
  text-align: center;
}

.news-unterseite-detail-nachrichten-presse .news-related ul li span.icon.fairtrade-icon_www2,
.news-unterseite-detail-nachrichten-presse .news-related-news ul li span.icon.fairtrade-icon_www2,
.news-unterseite-list-nachrichten-podcast .news-related ul li span.icon.fairtrade-icon_www2,
.news-unterseite-list-nachrichten-podcast .news-related-news ul li span.icon.fairtrade-icon_www2,
.news-unterseite-detail-veranstaltung .news-related ul li span.icon.fairtrade-icon_www2,
.news-unterseite-detail-veranstaltung .news-related-news ul li span.icon.fairtrade-icon_www2 {
  font-size: 11px;
}

.news-unterseite-list-veranstaltungen-karte .news-filter {
  position: relative;
}

.news-unterseite-list-veranstaltungen-karte .news-filter div.loader {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 35;
  background: rgba(43, 54, 62, 0.9);
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}

.news-unterseite-list-veranstaltungen-karte .news-filter div.loader svg {
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  top: 40%;
  margin-top: -35px;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner {
  background: #00b9e4;
  padding: 15px 70px;
  position: relative;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner input.standard {
  border: 1px solid #0085a4;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner label.standard {
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap {
  padding: 10px;
  float: left;
  margin-right: 10px;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap.blau {
  background: #4dceec;
  border: 1px solid #0085a4;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap.gruen {
  background: #bed600;
  border: 1px solid #839400;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap label,
.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap img,
.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap .icheckbox_flat-blue {
  display: block;
  float: left;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap .icheckbox_flat-blue {
  margin-top: 2px;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap label {
  line-height: 24px;
}

.news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap img {
  margin: 0 8px;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation {
  background: #dedede;
  border-bottom: 1px solid #c1c1c1;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap {
  display: flex;
  text-align: center;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month {
  display: inline-block;
  list-style: none;
  position: relative;
  width: 8.3333333%;
  height: 45px;
  background: #dedede;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  text-align: center;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 18px;
  color: #c8c8c8;
  line-height: 45px;
  transition: background-color 0.4s linear;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month:first-child {
  border-left: none;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month:last-child {
  border-right: none;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month.aktiv {
  color: #7a7a7a;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month span.active {
  line-height: 19px;
  padding-top: 4px;
  display: none;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month.aktiv:hover,
.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month.aktiv.current {
  background: #00b9e4;
  border-left: 1px solid #00a9d0;
  border-right: 1px solid #00a9d0;
  color: #fff;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month.aktiv:hover span.pre,
.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month.aktiv.current span.pre {
  display: none;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month.aktiv:hover span.active,
.news-unterseite-list-veranstaltungen-karte .news-month-navigation .month-wrap a.month.aktiv.current span.active {
  display: block;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .bx-wrapper .bx-controls-direction a {
  width: 75px;
  height: 45px;
  line-height: 45px;
  top: 0;
  margin: 0;
  border: none;
  background: #dedede;
  color: #7a7a7a;
  transition: background-color 0.4s linear;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .bx-wrapper .bx-controls-direction a:hover {
  background: #00b9e4;
  color: #fff;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .bx-wrapper .bx-prev {
  left: -75px;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .bx-wrapper .bx-prev span:before {
  content: "\e90a";
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .bx-wrapper .bx-next {
  right: -75px;
}

.news-unterseite-list-veranstaltungen-karte .news-month-navigation .bx-wrapper .bx-next span:before {
  content: "\e908";
}

.news-unterseite-list-veranstaltungen-karte .news-map {
  position: relative;
}

.news-unterseite-list-veranstaltungen-karte .news-map .map-loader {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 5;
  background: #2b363e;
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
}

.news-unterseite-list-veranstaltungen-karte .news-map .map-loader svg {
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  top: 40%;
  margin-top: -35px;
}

.news-unterseite-list-veranstaltungen-karte .news-map .map-canvas,
.news-unterseite-list-veranstaltungen-karte .news-map .map-loader {
  height: 440px;
}

.news-unterseite-list-veranstaltungen-karte .news-map .infoWindow {
  width: 275px;
  padding-top: 10px;
}

.news-unterseite-list-veranstaltungen-karte .news-map .infoWindow p.title,
.news-unterseite-list-veranstaltungen-karte .news-map .infoWindow p.meta {
  color: #333;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 10px;
}

.news-unterseite-list-veranstaltungen-karte .news-map .infoWindow p.meta {
  font-weight: normal;
}

.news-unterseite-list-veranstaltungen-karte .news-map .infoWindow p a {
  display: block;
  color: #00b9e4;
  font-weight: 700;
  line-height: 15px;
}

.news-unterseite-list-veranstaltungen-karte .news-map .infoWindow p a span {
  font-size: 10px;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap {
  padding: 0 20px;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap .item {
  border-bottom: 1px solid #00b9e4;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap .item:last-child {
  margin: 0;
  border: none;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap .item .date {
  width: 120px;
  height: 120px;
  padding: 0;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap .item .date span.big {
  font-size: 40px;
  line-height: 45px;
  padding-top: 20px;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap .item .date span.small {
  font-size: 16px;
  line-height: 25px;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap a.more {
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  background: #00b9e4;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap a.more span {
  display: block;
  line-height: 29px;
}

a.button-add-veranstaltung {
  display: block;
  padding: 10px;
  background: #00b9e4;
  color: #fff;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 20px;
  transition: background 250ms linear;
}

a.button-add-veranstaltung span {
  font-size: 14px;
}

a.button-add-veranstaltung:hover {
  background: #00c7f5;
}

div.add-veranstaltung {
  padding: 50px 0 150px 0;
}

div.add-veranstaltung p.info {
  line-height: 15px;
}

div.add-veranstaltung .rosen_icon {
  float: left;
  width: 25px;
  height: 25px;
  margin: 7px 10px 0px 0px;
}

.subpage .col-sm-6 {
  width: 66.6667%;
}

.subpage .col-sm-6.imageblock {
  width: 33.3333%;
}

.podcast_abonnieren {
  display: inline;
}

.podcast_abonnieren .fairtrade-icon-spotify {
  background: url("/fileadmin/DE/06_servicenavigation/11_Service/11.2_Podcast/spotify.png") no-repeat left top;
  background-size: contain;
  margin: 0px 5px 3px 0px;
}

.podcast_abonnieren .fairtrade-icon-google {
  background: url("/fileadmin/DE/06_servicenavigation/11_Service/11.2_Podcast/Google.png") no-repeat left top;
  background-size: contain;
  margin: 0px 0px 3px 0px;
}

.podcast_abonnieren .fairtrade-icon-apple {
  margin: 0px 3px 4px 0px;
  background: url("/fileadmin/DE/06_servicenavigation/11_Service/11.2_Podcast/Apple.png") no-repeat left top;
  background-size: contain;
}

.podcast_abonnieren .fairtrade-icon-deezer {
  margin: 0px 3px 4px 0px;
  background: url("/fileadmin/DE/06_servicenavigation/11_Service/11.2_Podcast/deezer.png") no-repeat left top;
  background-size: contain;
  background-position: bottom;
}

.podcast_abonnieren span {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.podcast_abonnieren span:hover {
  opacity: 0.8;
}

.newsroom-veranstaltungen .items-wrap .item .item-content {
  text-align: left;
}

.news-unterseite-list-veranstaltungen-karte .news-list-outer .items-wrap .item .date span.big,
.newsroom-veranstaltungen .items-wrap .item .date span.date-tag {
  font-size: 40px;
  line-height: 45px;
  padding-top: 20px;
}

.newsroom-veranstaltungen .items-wrap .item .date span.date-monat,
.newsroom-veranstaltungen .items-wrap .item .date span.date-jahr {
  line-height: 16px;
}

.newsroom-veranstaltungen .items-wrap .item .item-content p.meta-organizer span {
  margin-right: 4px;
}

/** NEW Veranstaltungen Detail **/

#mapP {
  padding: 10px;
  border: 1px solid #DEDEDE;
  margin: 0px 15px 20px 15px;
}

#mapP .eventmap {
  background: white;
  height: 300px;
  width: 100%;
}

.news-backlink-wrap {
  margin-bottom: 30px;
}

.news-backlink-wrap:hover {
  xbackground: #00c7f5;
}

/** NEW Newsroom Slider **/

.news-verteilerseite-box-slider .newsitem {
  text-align: left;
}

.frame-layout-22,
.frame-layout-23,
.frame-layout-24,
.frame-layout-25 {
  border: 0px none;
}

.news-verteilerseite-box-slider .object-nav {
  height: 100%;
  width: 100%;
}

.news-newsroom-veranstaltungen .swiper-button-next {
  right: 5px;
}

.news-newsroom-veranstaltungen .swiper-button-prev {
  left: 5px;
}

.news-verteilerseite-box-slider .swiper-button-next,
.news-verteilerseite-box-slider .swiper-button-prev {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  background-color: #CCF1FA;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  margin-left: -30px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  outline: 0;
  cursor: pointer;
  z-index: 2;
  padding: 2px 0px 0px 10px;
}

.news-verteilerseite-box-slider .swiper-button-next {
  margin-right: -30px;
  padding: 2px 10px 0px 0px;
}

.news-verteilerseite-box-slider .multiteaser .multiteaser-image {
  overflow: hidden;
}

.latest-blog .multiteaser-content span,
.news-verteilerseite-box-slider .multiteaser-content span {
  display: block;
  color: #4A4A4A;
}

.newsroom-insta {
  overflow: hidden;
  max-height: 392px;
  margin-bottom: 60px;
}

/** NEW Newsroom Veranstaltungs-Slider **/

.newsroom-veranstaltungen {
  background: #DEDEDE;
  background: #f0f0f0;
  background: #fff;
  xbox-shadow: 0px 0px 4px 0px rgba(1, 1, 1, 0.3);
}

.newsroom-veranstaltungen .items-wrap .item .date {
  background: #fff;
  background: #CCF1FA;
}

.newsroom-veranstaltungen .items-wrap .item .date span {
  color: #333;
}

.newsroom-veranstaltungen .items-wrap .item .item-content p.title,
.newsroom-veranstaltungen .items-wrap .item .item-content p.title a {
  color: #1e1e1e;
}

.newsroom-veranstaltungen .nav-bottom {
  margin: 22px 75px 0px 75px;
  margin: 15px 35px 0px 35px;
}

.newsroom-veranstaltungen .month-wrap {
  padding: 0;
  text-align: center;
  display: block;
}

.newsroom-veranstaltungen .month-top {
  padding: 0;
  display: inline-block;
}

.newsroom-veranstaltungen .month-top a {
  background: #fff;
  border-right: 1px solid #f0f0f0;
  border-left: 0px none;
  border-top: 0px none;
  border-bottom: 0px none;
}

.newsroom-veranstaltungen .month-top a:hover {
  background: #CCF1FA;
  color: #1e1e1e;
  background: #00b9e4;
  color: #fff;
}

.newsroom-veranstaltungen .month-top a:last-child {
  border-right: 0px solid #f0f0f0;
}

/** NEW Newsroom DCE **/

a.buttonLink-alt {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  padding: 11px 20px;
  background: rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

a.buttonLink-alt:hover {
  background: black;
}

a.buttonLink {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 48px;
  padding: 0 50px;
  color: #FFFFFF;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 21px;
  border: 2px solid #FFFFFF;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

a.buttonLink:after {
  font-family: 'fairtrade' !important;
  content: "\e94f";
  display: inline-block;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  right: 15px;
  top: 50%;
  margin-top: -8px;
}

a.buttonLink:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
}

.teaser-newsletter {
  background-image: url("/fileadmin/system/img/newsroom_newsletter.png");
  background-repeat: no-repeat;
  background-position: center 15px;
  background-position: center 35px;
  background-color: #ffa02f;
  text-align: center;
}

.teaser-newsletter p.text {
  line-height: 24px;
  color: #fff;
  padding: 170px 30px 10px 30px;
  padding: 140px 30px 0 30px;
}

.newsroom-slider {
  background: #00b9e4;
}

.newsroom-slider .elems .item {
  position: relative;
  text-align: center;
}

.newsroom-slider .elems .item div.button-wrap {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 15px;
}

.newsroom-yt-plugin {
  border-top: 6px solid #e00034;
  margin-bottom: 30px;
}

.newsroom-yt-plugin .button-wrap {
  border: 1px solid #e6e6e6;
  text-align: center;
}

.newsroom-yt-plugin a.button {
  width: 50%;
  display: block;
  line-height: 64px;
  float: left;
  color: #1E1E1E;
  font-size: 18px;
  background: #fff;
  font-family: 'Veneer', 'Arial', sans-serif;
  transition: background 200ms linear;
}

.newsroom-yt-plugin a.button.button-left {
  border-right: 1px solid #e6e6e6;
}

.newsroom-yt-plugin a.button.button-left span {
  color: #e00034;
  margin-left: 5px;
}

.newsroom-yt-plugin a.button:hover {
  background: #f2f2f2;
}

.newsroom-yt-plugin a.button.button-right {
  border-left: 1px solid #e6e6e6;
}

.newsroom-yt-plugin a.button.button-right span {
  display: inline-block;
  font-size: 15px;
  line-height: 54px;
}

.teaser-newsletter,
.newsroom-materialien {
  height: 335px;
}

.newsroom-materialien {
  background: #80379b;
  padding: 25px 10px 0 10px;
  text-align: center;
}

.newsroom-materialien p.teaser {
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 30px;
}

.newsroom-materialien p.icons {
  color: #fff;
  margin-bottom: 30px;
  padding-top: 10px;
  margin-bottom: 49px;
}

.newsroom-materialien span {
  font-size: 30px;
  margin: 0 15px;
}

.newsroom-slider .newsroom-swiper-button-prev span,
.newsroom-slider .newsroom-swiper-button-next span {
  color: #fff;
}

.teaser-newsletter,
.newsroom-materialien,
.newsroom-slider {
  margin-bottom: 60px;
}

.news-img-caption {
  width: 370px;
  margin-bottom: 0px !important;
}

figcaption.csc-textpic-caption,
.news-img-caption {
  background: #fff;
  padding: 5px 10px;
  font-size: 0.8125rem;
  color: #333;
}

#searchForm label {
  font-size: 14px;
  color: #4a4a4a;
  line-height: 17px;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

#searchForm input,
#searchForm select {
  height: 48px;
  margin-bottom: 0.5rem;
}

#searchForm select {
  appearance: none;
  position: relative;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Icons/icon_pfeil_2_unten.svg");
  background-position: calc(100% - 15px) center;
  background-size: 17px;
  background-repeat: no-repeat;
}

#searchForm #sendNewsSearch {
  background: none;
  border: none;
  padding: 0;
}

#searchForm #sendNewsSearch span {
  display: block;
  width: 48px;
  height: 48px;
  text-align: center;
  background-color: #00b9e4;
  font-size: 16px;
  line-height: 44px;
  cursor: pointer;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
}

#searchForm #sendNewsSearch span:before {
  display: inline-block;
  position: relative;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e996";
  color: #F6F6F6;
  top: 2px;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
}

.news-search-result.news-list-view .newsItem.newsItem-image .news-content {
  padding: 0 10px 10px 10px;
}

.news-search-result.news-list-view .newsItem.newsItem-image .news-content .meta {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 24px;
  color: #7f7f7f;
  font-weight: bold;
}

.news-search-result.news-list-view .newsItem.newsItem-image .news-content p.title {
  margin-bottom: 4px;
  font-size: 32px;
  line-height: 42px;
  color: #4a4a4a;
  font-width: normal;
}

/*
* Importiere Extension Femanager
*/

.femanager_new {
  margin-bottom: 30px;
}

.tx-femanager input[type="checkbox"] {
  margin-right: 5px;
}

.femanager_new .button.link-button-dce.blau {
  display: inline-block;
  color: #ffffff;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 20px;
  padding: 10px 30px;
  margin-bottom: 30px;
  background: #00b9e4;
}

.alert.parsley-errors-list {
  margin: 0;
  padding: 0;
}

.qq-upload-button input {
  dtop: 50px !important;
}

#femanager_field_submit {
  background: #00b9e4 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 45px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: background-color 0.2s linear 0s;
}

#femanager_field_submit:hover {
  xbackground: #fff none repeat scroll 0 0;
  xcolor: #00b9e4;
}

span.input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 15px;
  transition: border 0.3s linear 0s;
  width: 100%;
  display: block;
}

.chosen-container-multi .chosen-choices {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 3px;
  transition: border 0.3s linear 0s;
  width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background: #00b9e4 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 34px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: background-color 0.2s linear 0s;
  height: 34px;
  box-shadow: none;
  border-radius: 0px;
  padding: 0px 8px;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  color: #000;
  opacity: 0.3;
}

.chosen-container .chosen-results {
  background: #00b9e4 none repeat scroll 0 0;
}

.chosen-container .chosen-results li {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.chosen-container .chosen-results li.group-result {
  color: #000;
  opacity: 0.3;
}

.chosen-container .chosen-results li.result-selected {
  color: #fff;
}

.tx-femanager .registertabs {
  xpadding-bottom: 3px;
  xbackground: #00b9e4;
  border: 0px none;
}

.tx-femanager .registertabs li {
  margin: 0px;
  padding: 0px;
}

.tx-femanager .registertabs > li > a {
  display: block;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 24px;
  padding: 10px 20px;
  text-align: center;
  background: #e6e6e6;
  color: #000;
  border: 0px none;
  border-radius: 0px;
  margin: 0px;
  border: 0px none;
}

.tx-femanager .registertabs > li.active > a,
.tx-femanager .registertabs > li.active > a:hover,
.tx-femanager .registertabs > li.active > a:focus {
  background: #00b9e4;
  color: #fff;
  border: 0px none;
}

.tx-femanager .registertabs > li > a.addniederlassung {
  background: #ffa02f;
  color: #fff;
  border: 0px none;
}

.tx-femanager a.removeniederlassung {
  background: #ffa02f;
  color: #fff;
  border: 0px none;
  display: inline-block;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 24px;
  padding: 0px 20px;
  text-align: center;
  font-size: 18px;
  line-height: 45px;
  float: right;
}

.niederlassung_wrap {
  padding: 17px;
  background: #f5f5f5;
  border-top: 3px solid #00b9e4;
}

#tab-1 .removeniederlassung {
  display: none;
}

.tx-femanager .fileupload_image {
  margin: 0px;
}

.button.grau {
  background: #ccc none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 45px;
  padding: 0px 20px;
  display: inline-block;
  margin-top: 15px;
  transition: background-color 0.2s linear 0s;
}

.button.grau:hover {
  background: #dedede none repeat scroll 0 0;
}

.button.green {
  background: #bed600 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 45px;
  padding: 0px 20px;
  display: inline-block;
  margin-top: 15px;
  transition: background-color 0.2s linear 0s;
}

.button.green:hover {
  background: #bed600 none repeat scroll 0 0;
}

.femanager_new input.button {
  float: left;
  margin-right: 15px;
  margin-top: 15px;
}

.femanager_flashmessages {
  margin-bottom: 30px;
}

div.parsley-error .chosen-choices,
div.parsley-error .chosen-single {
  background: #ffd2df none repeat scroll 0 0;
  border: 1px solid #e00034;
  box-shadow: none;
}

.tx-femanager .bound2any {
  display: none;
}

.tx-femanager.blumen .bound2any,
.tx-femanager.gastro .bound2any,
.tx-femanager.confisserie .bound2any,
.tx-femanager.kaffee .bound2any,
.tx-femanager.gold .bound2any {
  display: block;
}

.tx-femanager.blumen .bound2blumen,
.tx-femanager.gastro .bound2gastro,
.tx-femanager.confisserie .bound2confisserie,
.tx-femanager.kaffee .bound2kaffee,
.tx-femanager.gold .bound2gold {
  display: block !important;
}

.tx-femanager.blumen .checkbox .bound2blumen,
.tx-femanager.gastro .checkbox .bound2gastro,
.tx-femanager.confisserie .checkbox .bound2confisserie,
.tx-femanager.kaffee .checkbox .bound2kaffee,
.tx-femanager.gold .checkbox .bound2gold {
  display: inline-block !important;
}

.tx-femanager.blumen .bound2gastro,
.tx-femanager.blumen .bound2confisserie,
.tx-femanager.blumen .bound2gold,
.tx-femanager.blumen .bound2fashion,
.tx-femanager.blumen .bound2kaffee,
.tx-femanager.gastro .bound2kaffee,
.tx-femanager.gastro .bound2blumen,
.tx-femanager.gastro .bound2confisserie,
.tx-femanager.gastro .bound2gold,
.tx-femanager.gastro .bound2fashion,
.tx-femanager.confisserie .bound2gastro,
.tx-femanager.confisserie .bound2blumen,
.tx-femanager.confisserie .bound2gold,
.tx-femanager.confisserie .bound2fashion,
.tx-femanager.confisserie .bound2kaffee,
.tx-femanager.kaffee .bound2gastro,
.tx-femanager.kaffee .bound2blumen,
.tx-femanager.kaffee .bound2gold,
.tx-femanager.kaffee .bound2confisserie,
.tx-femanager.kaffee .bound2fashion,
.tx-femanager.gold .bound2gastro,
.tx-femanager.gold .bound2confisserie,
.tx-femanager.gold .bound2blumen,
.tx-femanager.gold .bound2kaffee,
.tx-femanager.gold .bound2fashion {
  display: none !important;
}

.tx-femanager .summary span {
  float: left;
}

.tx-femanager .qq-upload-cancel {
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: transparent;
  font-size: 0px;
  display: inline !important;
}

.tx-femanager .qq-upload-cancel:before {
  content: "\e912";
  font-size: 12px;
  color: red;
}

.tx-femanager.kaffee .hide4kaffee {
  display: none !important;
}

.tx-femanager .hideAtFirst {
  display: none;
}

.tx-femanager .tagzeit,
.tx-igx-betriebe .tagzeit {
  margin: 0px 0px 10px 10px;
}

.tx-femanager .tagzeit span,
.tx-igx-betriebe .tagzeit span {
  width: 90px;
  display: inline-block;
}

.tx-femanager .bound2callebaut,
.tx-igx-betriebe .bound2callebaut {
  margin-left: 20px;
}

.tx-femanager .hinweis,
.tx-igx-betriebe .hinweis {
  padding: 10px 10px 0px 10px;
}

.tx-femanager {
  position: relative;
}

.tx-femanager .vorschau {
  padding: 20px 16px;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #00b9e4;
  position: absolute;
  left: 17px;
  bottom: 17px;
  left: 0px;
  bottom: 0px;
  display: none;
}

.tx-femanager .vorschau.ch {
  background: white;
}

.tx-femanager .closevorschau {
  float: left;
  margin-right: 17px;
}

@media (min-width: 768px) {
  .tx-femanager .col-md-flex,
  .tx-igx-betriebe .col-md-flex {
    width: auto;
    padding: 0px 10px;
  }
}

/*
* Importiere Extension Mediathek
*/

.filter-wrap {
  background: #fff;
  padding: 20px 20px 0 20px;
}

.filter-wrap .checkbox {
  margin-right: 6px;
}

.filter-wrap .media-col {
  float: left;
}

.filter-wrap .media-col.col-17,
.filter-wrap .media-col.col-20,
.filter-wrap .media-col.col-25,
.filter-wrap .media-col.col-30,
.filter-wrap .media-col.col-35,
.filter-wrap .media-col.col-50 {
  width: 100%;
}

.filter-wrap .media-col .media-col-inner {
  margin-bottom: 20px;
}

.filter-wrap .media-col .media-col-inner.pink {
  background: #e0119d;
  padding: 10px;
  position: relative;
}

.filter-wrap .media-col .media-col-inner.pink span.fairtrade-icon_search {
  position: absolute;
  right: 12px;
  font-size: 18px;
  bottom: 20px;
  color: #fff;
}

.filter-wrap .media-col .media-col-inner.pink ::-webkit-input-placeholder {
  color: #fff;
}

.filter-wrap .media-col .media-col-inner.pink ::-moz-placeholder {
  color: #fff;
}

.filter-wrap .media-col .media-col-inner.pink :-ms-input-placeholder {
  color: #fff;
}

.filter-wrap .media-col .media-col-inner.pink input:-moz-placeholder {
  color: #fff;
}

.filter-wrap .media-col .media-col-inner.pink input.standard {
  background: #e0119d;
  color: #fff;
  border: none;
  border-top: 2px solid transparent;
  border-bottom: 2px solid #fff;
  padding: 0 25px 0 12px;
  transition: all 300ms linear;
  line-height: 30px;
}

.filter-wrap .media-col .media-col-inner.pink input.standard:focus {
  background: #fff;
  color: #e0119d;
}

.filter-wrap .media-col .media-col-inner.lila .chosen-container-single .chosen-single div,
.filter-wrap .media-col .media-col-inner.lila .chosen-container-single .chosen-drop ul,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-single div,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-drop ul {
  background: #59266c;
}

.filter-wrap .media-col .media-col-inner.lila .chosen-container .chosen-results li.highlighted,
.filter-wrap .media-col .media-col-inner.lila .chosen-container-single .chosen-single,
.filter-wrap .media-col .media-col-inner.orange .chosen-container .chosen-results li.highlighted,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-single {
  background: #80379b;
}

.filter-wrap .media-col .media-col-inner.lila .chosen-container-single .chosen-single,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-single {
  border: none;
  line-height: 54px;
  height: 54px;
}

.filter-wrap .media-col .media-col-inner.lila .chosen-container-single .chosen-single div,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-single div {
  width: 54px;
}

.filter-wrap .media-col .media-col-inner.lila .chosen-container-single .chosen-single span,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-single span {
  border: none;
  line-height: 54px;
  height: 54px;
  color: #fff;
}

.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-single div,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-drop ul {
  background: #e5902a;
}

.filter-wrap .media-col .media-col-inner.orange .chosen-container .chosen-results li.highlighted,
.filter-wrap .media-col .media-col-inner.orange .chosen-container-single .chosen-single {
  background: #ffa02f;
}

.filter-wrap .media-col .media-col-inner.blue,
.filter-wrap .media-col .media-col-inner.gruen {
  padding: 0 15px;
  height: 54px;
  background: #00b9e4;
}

.filter-wrap .media-col .media-col-inner.blue .checkbox-wrap,
.filter-wrap .media-col .media-col-inner.gruen .checkbox-wrap {
  line-height: 54px;
}

.filter-wrap .media-col .media-col-inner.blue span.label,
.filter-wrap .media-col .media-col-inner.gruen span.label {
  color: #fff;
}

.filter-wrap .media-col .media-col-inner.gruen {
  background: #bed600;
}

.medientypen {
  background: #fff;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.medientypen p.headline {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 18px;
  color: #1e1e1e;
}

.medientypen .filter-country a.link-country {
  opacity: 0.3;
  display: inline-block;
  margin: 0 10px;
}

.medientypen .filter-country a.link-country:hover,
.medientypen .filter-country a.link-country.aktiv {
  opacity: 1;
}

.medientypen .type-inner {
  width: auto;
}

.medientypen .type-inner a.filter {
  display: inline-block;
  margin: 0 10px;
  width: 100px;
  overflow: hidden;
}

.medientypen .type-inner a.filter div.icon {
  text-align: center;
}

.medientypen .type-inner a.filter div.icon span.icon {
  line-height: 48px;
  height: 50px;
  width: 50px;
  display: inline-block;
  border: 2px solid #00b9e4;
  border-radius: 50%;
  font-size: 20px;
  color: #00b9e4;
  margin-bottom: 10px;
  transition: all 150ms linear;
}

.medientypen .type-inner a.filter div.icon span.icon:hover,
.medientypen .type-inner a.filter div.icon span.icon.aktiv {
  background: #00b9e4;
  color: #fff;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_flyer {
  font-size: 23px;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_statement {
  border: 2px solid #fecb00;
  color: #fecb00;
  font-size: 25px;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_statement:hover,
.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_statement.aktiv {
  background: #fecb00;
  color: #fff;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_poster {
  border: 2px solid #bed600;
  color: #bed600;
  font-size: 25px;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_poster:hover,
.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_poster.aktiv {
  background: #bed600;
  color: #fff;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_praasentation {
  border: 2px solid #ffa02f;
  color: #ffa02f;
  font-size: 22px;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_praasentation:hover,
.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_praasentation.aktiv {
  background: #ffa02f;
  color: #fff;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_video {
  border: 2px solid #e00034;
  color: #e00034;
  font-size: 22px;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_video:hover,
.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_video.aktiv {
  background: #e00034;
  color: #fff;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_werbematerial {
  border: 2px solid #e0119d;
  color: #e0119d;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_werbematerial:hover,
.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_m_werbematerial.aktiv {
  background: #e0119d;
  color: #fff;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_podcast {
  border: 2px solid #e0119d;
  color: #e0119d;
  font-size: 25px;
}

.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_podcast:hover,
.medientypen .type-inner a.filter div.icon span.icon.fairtrade-icon_podcast.aktiv {
  background: #e0119d;
  color: #fff;
}

.medientypen .type-inner a.filter div.icon span.title {
  display: inline-block;
  text-align: center;
  color: #717171;
  font-weight: 700;
  width: 100%;
  min-height: 50px;
}

.filter-meta {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.filter-meta button {
  display: block;
  float: right;
  padding: 8px 22px;
  border: none;
  color: #fff;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 18px;
}

.filter-meta button.orange {
  background: #ffa02f;
  cursor: default;
}

.filter-meta button.orange span {
  font-size: 12px;
  margin-left: 10px;
}

.filter-meta button.yellow {
  background: #fecb00;
  padding: 8px 12px 8px 12px;
}

.filter-meta button.yellow:hover {
  background: #fed019;
}

.pre-list-wrap .themen-wrap,
.list-wrap .themen-wrap {
  margin-bottom: 60px;
}

.pre-list-wrap .themen-wrap h3.title,
.list-wrap .themen-wrap h3.title {
  display: block;
  padding-bottom: 4px;
  border-bottom: 6px solid #d9d9d9;
  margin-bottom: 25px;
}

.pre-list-wrap .themen-wrap .load-more,
.list-wrap .themen-wrap .load-more {
  text-align: center;
}

@media (min-width: 1500px) {
  .pre-list-wrap .themen-wrap .load-more,
  .list-wrap .themen-wrap .load-more {
    margin-top: 70px;
  }
}

.pre-list-wrap .themen-wrap .load-more a,
.list-wrap .themen-wrap .load-more a {
  display: inline-flex;
  opacity: 0.7;
}

.pre-list-wrap .themen-wrap .load-more a span.mediathek_text,
.list-wrap .themen-wrap .load-more a span.mediathek_text {
  font-size: 15px;
  padding: 15px;
  color: #80379b;
}

.pre-list-wrap .themen-wrap .load-more a span.fairtrade-mediathek_more,
.list-wrap .themen-wrap .load-more a span.fairtrade-mediathek_more {
  font-size: 45px;
  line-height: 45px;
  display: inline-block;
  color: #80379b;
  opacity: 0.7;
  transition: opacity 200ms linear;
}

.pre-list-wrap .themen-wrap .load-more a:hover,
.list-wrap .themen-wrap .load-more a:hover {
  opacity: 1;
}

.pre-list-wrap .themen-wrap .medien,
.list-wrap .themen-wrap .medien {
  position: relative;
}

.pre-list-wrap .themen-wrap .medien div.loader,
.list-wrap .themen-wrap .medien div.loader {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 5;
  background: rgba(239, 239, 239, 0.65);
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}

.pre-list-wrap .themen-wrap .medien div.loader svg,
.list-wrap .themen-wrap .medien div.loader svg {
  display: block;
  text-align: center;
  position: relative;
  top: 100%;
  margin-top: -90px;
  width: 100px;
  left: 50%;
  margin-left: -30px;
}

.pre-list-wrap .themen-wrap .medien .filter-col,
.list-wrap .themen-wrap .medien .filter-col {
  height: 340px;
}

.pre-list-wrap .themen-wrap .medien .medium,
.list-wrap .themen-wrap .medien .medium {
  width: 100%;
  position: relative;
}

.pre-list-wrap .themen-wrap .medien .medium .badges,
.list-wrap .themen-wrap .medien .medium .badges {
  position: absolute;
  width: auto;
  right: -10px;
  top: 36px;
  z-index: 9;
}

.pre-list-wrap .themen-wrap .medien .medium .badges span,
.list-wrap .themen-wrap .medien .medium .badges span {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-weight: normal;
  color: #fff;
  font-size: 18px;
  float: right;
  display: inline-block;
  text-align: center;
  cursor: default;
}

.pre-list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_warenkorb,
.list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_warenkorb {
  background: #bed600;
}

.pre-list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_warenkorb:hover,
.list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_warenkorb:hover {
  background: #cde700;
}

.pre-list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_download,
.list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_download {
  cursor: pointer;
  background: #00b9e4;
}

.pre-list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_download:hover,
.list-wrap .themen-wrap .medien .medium .badges span.fairtrade-icon_m_download:hover {
  background: #00c7f5;
}

.pre-list-wrap .themen-wrap .medien .medium .badges span.ecke,
.list-wrap .themen-wrap .medien .medium .badges span.ecke {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #2b363e transparent transparent transparent;
  background: none;
  position: absolute;
  right: 0;
  top: 100%;
}

.pre-list-wrap .themen-wrap .medien .medium a.medium-link,
.list-wrap .themen-wrap .medien .medium a.medium-link {
  position: relative;
}

.pre-list-wrap .themen-wrap .medien .medium a.medium-link .tags,
.list-wrap .themen-wrap .medien .medium a.medium-link .tags {
  height: 35px;
  white-space: nowrap;
  width: 100%;
}

.pre-list-wrap .themen-wrap .medien .medium a.medium-link .tags span,
.list-wrap .themen-wrap .medien .medium a.medium-link .tags span {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  color: #2b363e;
  font-size: 18px;
}

.pre-list-wrap .themen-wrap .medien .medium a.medium-link .cover,
.list-wrap .themen-wrap .medien .medium a.medium-link .cover {
  width: 100%;
  height: 238px;
  height: auto;
  margin-bottom: 7px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 1px solid #e6e6e6;
  background: #fff;
  position: relative;
}

.pre-list-wrap .themen-wrap .medien .medium a.medium-link p.title,
.list-wrap .themen-wrap .medien .medium a.medium-link p.title {
  font-weight: 700;
  color: #2b363e;
  line-height: 22px;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap,
.list-wrap .themen-wrap .medien .medium div.details-wrap {
  width: 90%;
  position: fixed;
  left: 5%;
  top: 20%;
  background: #2b363e;
  display: none;
  z-index: 10;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.45);
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content {
  padding: 20px 22px;
  position: relative;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content a.close,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content a.close {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #00b9e4;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  color: #ccf1fa;
  font-size: 12px;
  text-align: center;
  line-height: 25px;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content a.close span,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content a.close span {
  line-height: 25px;
  display: block;
  color: #fff;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.loader,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.loader {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 5;
  background: rgba(43, 54, 62, 0.9);
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.loader svg,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.loader svg {
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  top: 40%;
  left: 0;
  margin: -35px 0 0 0;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.arrow,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #2b363e transparent transparent;
  position: absolute;
  left: -20px;
  top: 30px;
  opacity: 0;
  transition: opacity 300ms linear;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content p,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content p {
  margin-bottom: 0;
  color: #fff;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content p.title,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content p.title {
  color: #fecb00;
  margin-bottom: 10px;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content p.jahr,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content p.jahr {
  color: #7c8a94;
  font-weight: 600;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.beschreibung p,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.beschreibung p {
  color: #fff;
  margin-bottom: 15px;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.zusatz,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.zusatz {
  border-top: 1px solid #666e73;
  border-bottom: 1px solid #666e73;
  padding: 8px 0;
  margin-bottom: 15px;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge {
  margin-bottom: 25px;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge p,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge p {
  font-weight: 600;
  line-height: 40px;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container-single .chosen-single div,
.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container .chosen-results,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container-single .chosen-single div,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container .chosen-results {
  background: #d9d9d9;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container-single .chosen-single div:after,
.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container .chosen-results:after,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container-single .chosen-single div:after,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container .chosen-results:after {
  color: #1e1e1e;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container-single .chosen-drop .chosen-results li,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container-single .chosen-drop .chosen-results li {
  color: #1e1e1e;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container .chosen-results li.highlighted,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.menge .chosen-container .chosen-results li.highlighted {
  background: #E3E3E3;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button {
  display: inline-block;
  font-weight: 700;
  padding: 12px 25px;
  border: none;
  float: left;
  color: #1e1e1e;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.fleft,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.fleft {
  float: left;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.fright,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.fright {
  float: right;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-blue,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-blue {
  background: #00b9e4;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-blue:hover,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-blue:hover {
  background: #00c7f5;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-green,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-green {
  background: #bed600;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-green:hover,
.list-wrap .themen-wrap .medien .medium div.details-wrap .details-content div.buttons .button.button-green:hover {
  background: #cde700;
}

.pre-list-wrap .themen-wrap .medien .medium div.details-wrap.open div.arrow,
.list-wrap .themen-wrap .medien .medium div.details-wrap.open div.arrow {
  opacity: 1;
}

.tx-igx-mediathek.unterseite .pre-list-wrap .themen-wrap .medien .medium a.medium-link .cover,
.tx-igx-mediathek.unterseite .list-wrap .themen-wrap .medien .medium a.medium-link .cover {
  height: 272px;
}

.warenkorb-bestellung .no-warenkorb {
  padding: 40px 10px;
  background: #ffa02f;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.warenkorb-bestellung .warenkorb {
  width: 100%;
  background: #ffa02f;
  padding: 20px 0;
  overflow: hidden;
  margin-bottom: 30px;
}

.warenkorb-bestellung .warenkorb h3 {
  color: #fff;
  margin-bottom: 20px;
}

.warenkorb-bestellung .warenkorb .warenkorb-item {
  padding-bottom: 10px;
  border-bottom: 1px solid #ffd097;
  margin-bottom: 10px;
}

.warenkorb-bestellung .warenkorb .warenkorb-item p {
  margin: 0;
  line-height: 60px;
  color: #fff;
  white-space: nowrap;
}

.warenkorb-bestellung .warenkorb .warenkorb-item p.anzahl {
  font-weight: 600;
}

.warenkorb-bestellung .warenkorb .warenkorb-item p.title {
  font-weight: 600;
  overflow: hidden;
}

.warenkorb-bestellung .warenkorb .warenkorb-item a.delete {
  line-height: 60px;
  color: #fff;
}

.warenkorb-bestellung .formular-wrap {
  padding-bottom: 150px;
}

.warenkorb-bestellung .formular-wrap .datenschutz p {
  font-size: 10px;
  line-height: 18px;
}

/*
* Importiere Extension Tinder
*/

body.tinder {
  background: #D4E6EC;
}

body.tinder section.content {
  background: #D4E6EC;
}

body.tinder .tx-ig-tinder {
  margin-bottom: 30px;
}

body.tinder .tx-ig-tinder .space {
  margin-bottom: 250px;
}

body.tinder .tx-ig-tinder .clearer {
  float: none;
  clear: both;
}

body.tinder .tx-ig-tinder .btn {
  display: block;
  height: 36px;
  width: 80%;
  background-color: #F2A34A;
  color: #FFFFFF;
  font-family: Veneer;
  text-align: center;
  margin-bottom: 30px;
  border: none;
  font-size: 1.3rem;
  line-height: 42px;
  height: 42px;
  cursor: pointer;
}

body.tinder .tx-ig-tinder .tinder {
  background-color: #fff;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 15px;
  border: 0px solid #F9F9F9;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 0 0 rgba(190, 190, 190, 0.5);
  display: table;
  width: 100%;
}

body.tinder .tx-ig-tinder .tinder p {
  color: #373737;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}

body.tinder .tx-ig-tinder .tinder .h3 {
  color: #262626;
  font-family: Veneer;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  font-weight: normal;
  clear: both;
}

body.tinder .tx-ig-tinder .tinder img {
  width: 66%;
  height: auto;
  position: relative;
  top: -100px;
  margin-bottom: -80px;
  float: right;
}

body.tinder .tx-ig-tinder .tinder .btn {
  margin: 0px auto 20px;
}

body.tinder .tx-ig-tinder h1 {
  height: auto;
  width: 100%;
  background-color: #E0119D;
  color: #FFFFFF;
  font-family: Veneer;
  font-size: 33px;
  line-height: 67px;
  padding-left: 10px;
  text-align: left;
}

body.tinder .tx-ig-tinder p {
  margin: 5px 60px;
  font-size: 0.8rem;
}

body.tinder .tx-ig-tinder p.h3 {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 28px;
  line-height: 32px;
}

body.tinder .tx-ig-tinder .intro h2,
body.tinder .tx-ig-tinder .intro .tx-powermail fieldset legend,
.tx-powermail fieldset body.tinder .tx-ig-tinder .intro legend {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 15px;
}

body.tinder .tx-ig-tinder .intro .box {
  background-color: #fff;
  border: 1px solid #F9F9F9;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
}

body.tinder .tx-ig-tinder .intro .box p {
  font-size: 1.0rem;
}

body.tinder .tx-ig-tinder .intro .box .fat {
  font-weight: bold;
}

body.tinder .tx-ig-tinder .intro .box .swipe {
  display: table;
  text-align: center;
  width: 100%;
  margin: 30px auto 30px;
}

body.tinder .tx-ig-tinder .intro .box .swipe img {
  float: right;
  margin-right: 20px;
  position: relative;
  top: -8px;
}

body.tinder .tx-ig-tinder .intro .box .click {
  display: table;
  text-align: center;
  width: 100%;
  margin: 0 auto 30px;
}

body.tinder .tx-ig-tinder .intro .box .click p {
  display: inline-block;
  line-height: 62px;
  font-size: 1.0rem;
}

body.tinder .tx-ig-tinder .intro .box .click .imges {
  float: none;
  text-align: center;
  margin: 0 auto;
  display: table;
}

body.tinder .tx-ig-tinder .intro .box .click .imges .cancel {
  float: left;
  border-right: dotted 1px grey;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px 12px 0px 0px;
  padding-right: 12px;
}

body.tinder .tx-ig-tinder .intro .box .click .imges .cancel span {
  color: #E0119D;
  color: #E00034;
  font-size: 20px !important;
  line-height: 62px;
}

body.tinder .tx-ig-tinder .intro .box .click .imges img {
  float: left;
  width: 31px;
  height: 31px;
  margin-top: 14px;
}

body.tinder .tx-ig-tinder .intro .btn {
  margin: 30px auto 15px;
  font-size: 1.3rem;
  cursor: pointer;
}

body.tinder .tx-ig-tinder .intro p {
  font-size: 0.9rem;
  margin: 0;
  margin-bottom: 15px;
}

body.tinder .tx-ig-tinder .wrapper {
  display: none;
}

body.tinder .tx-ig-tinder .wrapper .product-list {
  position: relative;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 362px;
  line-height: 302px;
  background-color: #fff;
  border: 1px solid #F9F9F9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  border-radius: 4px;
  box-shadow: 0 1px 0 0 rgba(190, 190, 190, 0.5);
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .prod_container {
  height: 285px;
  width: 95%;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product hr {
  border-top: 1px solid #A4A4A4;
  opacity: 0.25;
  height: 3px;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc {
  WIDTH: 94%;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 32px;
  padding: 10px 20px;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc .desc-txt {
  xxxfloat: left;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc .level {
  float: left;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc .desc-nbr {
  float: right;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product.box_rotate_left {
  -webkit-transform: rotate(-15deg) !important;
  -moz-transform: rotate(-15deg) !important;
  -ms-transform: rotate(-15deg) !important;
  -o-transform: rotate(-15deg) !important;
  transform: rotate(-15deg) !important;
  left: -400px;
  opacity: 0;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product.box_rotate_right {
  -webkit-transform: rotate(15deg) !important;
  -moz-transform: rotate(15deg) !important;
  -ms-transform: rotate(15deg) !important;
  -o-transform: rotate(15deg) !important;
  transform: rotate(15deg) !important;
  left: 400px;
  opacity: 0;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product.box_transition {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product:first-child {
  top: 0px;
  z-index: 10;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

body.tinder .tx-ig-tinder .wrapper .product-list .product:first-child + .product {
  top: 6px;
  z-index: 9;
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}

body.tinder .tx-ig-tinder .wrapper .product-list .product:first-child + .product + .product {
  top: 12px;
  z-index: 8;
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}

body.tinder .tx-ig-tinder .wrapper .btn {
  margin: 0px 40px;
  height: 62px;
  width: 62px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 0 1px rgba(82, 183, 224, 0.17);
  border-radius: 100px;
}

body.tinder .tx-ig-tinder .wrapper .btn.btn-left {
  float: left;
}

body.tinder .tx-ig-tinder .wrapper .btn.btn-left span {
  color: #E0119D;
  font-size: 20px !important;
  line-height: 53px;
}

body.tinder .tx-ig-tinder .wrapper .btn.btn-right {
  float: right;
  margin: 0px 40px;
}

body.tinder .tx-ig-tinder .wrapper .btn.btn-right img {
  width: 38px;
  height: 38px;
  margin-top: 7px;
}

body.tinder .tx-ig-tinder .again {
  display: none;
}

body.tinder .tx-ig-tinder .again p {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 23px;
  color: #373737;
}

body.tinder .tx-ig-tinder .again p.result {
  font-size: 48px;
  line-height: 50px;
}

body.tinder .tx-ig-tinder .again p span {
  color: #00b300;
}

body.tinder .tx-ig-tinder .again .img-wrapper {
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
}

body.tinder .tx-ig-tinder .again .img-wrapper .product {
  width: 20%;
  height: 69px;
  background-color: #fff;
  float: left;
  padding: 3px;
}

body.tinder .tx-ig-tinder .again .img-wrapper .product .prod_container {
  height: 95%;
  width: 95%;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

body.tinder .tx-ig-tinder .again .img-wrapper .product.ft:before {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 14px;
  height: 14px;
  display: block;
  background-image: url("/typo3conf/ext/ig_tinder/Resources/Public/Images/sig_fairtrade.png");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  content: " ";
  z-index: 5;
}

body.tinder .tx-ig-tinder .again .img-wrapper .product.miss {
  position: relative;
}

body.tinder .tx-ig-tinder .again .img-wrapper .product.miss:after {
  background-color: rgba(208, 2, 27, 0.5);
  opacity: 0.5;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 3px;
  bottom: 3px;
}

body.tinder .tx-ig-tinder .again .img-wrapper .product.match {
  position: relative;
}

body.tinder .tx-ig-tinder .again .img-wrapper .product.match:after {
  background-color: rgba(182, 215, 0, 0.5);
  opacity: 0.5;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 3px;
  bottom: 3px;
}

body.tinder .tx-ig-tinder .again .btn {
  display: block;
  margin: 20px auto 10px;
}

body.tinder .tx-ig-tinder .again .hint {
  color: #D5008B;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
}

body.tinder .tx-ig-tinder .win {
  display: none;
  text-align: center;
}

body.tinder .tx-ig-tinder .win .match {
  color: #D5008B;
  font-family: Veneer;
  font-size: 24px;
  font-weight: normal;
}

body.tinder .tx-ig-tinder .win .match p {
  margin-bottom: 15px;
  display: inline;
}

body.tinder .tx-ig-tinder .win .match img {
  width: 100%;
}

body.tinder .tx-ig-tinder .win .matching {
  display: table;
  text-align: center;
  margin: 0px auto;
}

body.tinder .tx-ig-tinder .win .matching .circle {
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 100px;
  float: left;
  margin: 20px;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 35px;
  font-weight: bold;
}

body.tinder .tx-ig-tinder .win .matching img {
  margin: 20px;
  float: left;
}

body.tinder .tx-ig-tinder .win .matching span {
  float: left;
  font-size: 44px;
  line-height: 140px;
}

body.tinder .tx-ig-tinder .win p {
  color: #373737;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
}

body.tinder .tx-ig-tinder .win p.result {
  font-family: Veneer;
  font-size: 80px;
  line-height: 86px;
  text-align: center;
  text-shadow: 0 2px 4px #FFFFFF;
  color: #44A8D8;
  font-weight: normal;
  background-image: url("/typo3conf/ext/ig_tinder/Resources/Public/Images/bg_match.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  padding: 17% 0px 17% 30px;
  background-position: center;
}

body.tinder .tx-ig-tinder .win .btn {
  border: 0;
  width: auto;
  font-size: 18px;
  margin: 20px auto;
}

body.tinder .tx-ig-tinder .newPart .header {
  color: #373737;
  font-family: Veneer;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

body.tinder .tx-ig-tinder .newPart .fields .form input {
  border: 1px solid #b8b8b8;
  background-color: #ffffff;
  width: 100%;
  height: 36px;
  cursor: auto;
  margin-bottom: 10px;
  padding: 10px;
  font-family: Arial;
}

body.tinder .tx-ig-tinder .newPart .fields .form input::-webkit-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.tinder .tx-ig-tinder .newPart .fields .form input:-ms-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.tinder .tx-ig-tinder .newPart .fields .form input::-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.tinder .tx-ig-tinder .newPart .fields .form input:-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.tinder .tx-ig-tinder .newPart .fields .form .chosen-container {
  margin-bottom: 10px;
}

body.tinder .tx-ig-tinder .newPart .fields .form .chosen-container .chosen-single span {
  font-size: 14px;
  color: #444;
  padding: 0 10px;
}

body.tinder .tx-ig-tinder .newPart .fields .form .error {
  border: 1px solid red;
}

body.tinder .tx-ig-tinder .newPart .fields .errorMsg {
  height: 40px;
  width: 100%;
  color: #cc0000;
  visibility: visible;
  margin-bottom: 10px;
  padding: 10px;
  background: mistyrose;
}

body.tinder .tx-ig-tinder .newPart .fields .errorMsg.hiddn {
  visibility: hidden;
}

body.tinder .tx-ig-tinder .newPart .fields .errorMsg .hiddn {
  visibility: hidden;
}

body.tinder .tx-ig-tinder .newPart .powermail_checkbox {
  margin-bottom: 15px;
}

body.tinder .tx-ig-tinder .newPart .powermail_checkbox label {
  position: relative;
  top: -2px;
  color: #373737;
  font-family: Arial;
  font-size: 15px;
  line-height: 24px;
  display: block;
  margin-left: 40px;
}

body.tinder .tx-ig-tinder .newPart .powermail_checkbox #requirements,
body.tinder .tx-ig-tinder .newPart .powermail_checkbox #newsletter {
  position: absolute;
}

body.tinder .tx-ig-tinder .newPart .powermail_checkbox.error .icheckbox_flat-blue {
  background-position: -132px 0px;
}

body.tinder .tx-ig-tinder .newPart .powermail_checkbox.error label {
  color: red;
}

body.tinder .tx-ig-tinder .newPart .icheckbox_flat-blue {
  float: left;
  margin-left: 0px;
  margin-right: 7px;
  background-position: -44px 0px;
}

body.tinder .tx-ig-tinder .newPart .icheckbox_flat-blue.checked {
  background-position: -66px 0px;
}

body.tinder .tx-ig-tinder .newPart .btn {
  margin: 0px auto;
  padding: 0;
}

body.tinder .tx-ig-tinder .newPart .err {
  border: 1px solid red;
}

body.tinder .tx-ig-tinder .thx {
  text-align: center;
}

body.tinder .tx-ig-tinder .thx p {
  color: #373737;
  font-family: Veneer;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}

body.tinder .tx-ig-tinder .thx img {
  width: 50%;
  margin: 0 auto;
  display: block;
}

body.tinder .tx-ig-tinder .thx .btn {
  display: block;
  margin: 20px auto 0px;
}

body.tinder .tx-ig-tinder .thx .btn.products {
  background-color: #474747;
  padding: 0;
}

body.tinder .tx-ig-tinder .shareBtns {
  font-size: 40px;
}

body.tinder .tx-ig-tinder .shareBtns .facebook {
  color: #3b5998;
}

body.tinder .tx-ig-tinder .shareBtns .twitter {
  color: #00aced;
}

@media (max-width: 1170px) {
  body.tinder .tx-ig-tinder .intro .box .swipe img {
    float: none;
    margin-right: 0px;
  }

  body.tinder .tx-ig-tinder .intro .box .click .imges {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: table;
  }

  body.tinder .tx-ig-tinder .intro .box .click p {
    line-height: 24px;
  }
}

@media (max-width: 450px) {
  body.tinder .tx-ig-tinder .space {
    margin-bottom: 0px;
  }

  body.tinder .tx-ig-tinder .win .match img {
    width: 85%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  body.tinder .tx-ig-tinder .win .match p.result {
    font-size: 65px;
    line-height: 65px;
  }

  body.tinder .tx-ig-tinder .win .matching {
    display: table;
    text-align: center;
    margin: 0px auto;
  }

  body.tinder .tx-ig-tinder .win .matching .circle {
    width: 75px;
    height: 75px;
    line-height: 77px;
    font-size: 26px;
  }

  body.tinder .tx-ig-tinder .win .matching img {
    width: 77px;
    height: 77px;
  }

  body.tinder .tx-ig-tinder .win .matching span {
    float: left;
    font-size: 37px;
    line-height: 125px;
  }

  body.tinder .tx-ig-tinder .intro h2,
  body.tinder .tx-ig-tinder .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.tinder .tx-ig-tinder .intro legend {
    margin-top: 0px;
    margin-bottom: 15px;
  }

  body.tinder .tx-ig-tinder .intro .explain {
    display: none;
  }

  body.tinder .tx-ig-tinder .intro .box .swipe {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  body.tinder .tx-ig-tinder .intro .box .swipe p {
    margin-bottom: 5px !important;
  }

  body.tinder .tx-ig-tinder .intro .box .swipe img {
    width: 35px;
  }

  body.tinder .tx-ig-tinder .intro .box .click {
    margin-bottom: 15px;
  }

  body.tinder .tx-ig-tinder .intro .btn {
    margin: 10px auto 0px;
  }

  body.tinder .wrapper .product-list .product .desc .desc-nbr {
    width: 25%;
    text-align: right;
    font-size: 75%;
  }

  body.tinder .wrapper .product-list .product .desc .desc-txt {
    width: 75%;
    text-align: left;
    font-size: 75%;
  }

  body.tinder .wrapper .product-list .product .desc .desc-txt .level {
    display: block;
  }

  body.tinder .wrapper .btn.btn-right,
  body.tinder .wrapper .btn.btn-left {
    margin: 0px 25px;
  }
}

html {
  height: 100%;
}

body.tinder {
  background: #19A784;
  background: linear-gradient(135deg, #48CFAD, #19A784);
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.tinder section.content {
  background: transparent;
}

body.tinder .fairtrade-icon_pfeil_3_rechts2:before {
  color: #20C997;
}

body.tinder .fairtrade-icon_pfeil_3_rechts2 {
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
}

body.tinder .bread-wrap {
  visibility: hidden;
  margin: 0px;
}

body.tinder .tx-ig-tinder .tinder-2020 .inner {
  background-color: white;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  overflow: hidden;
  padding: 0 0 30px;
}

body.tinder .tx-ig-tinder .tinder-2020 .inner .image-wrap {
  position: relative;
  padding: 0 15px;
}

body.tinder .tx-ig-tinder .tinder-2020 .inner .image-wrap h1 {
  display: none;
  position: absolute;
  left: 15px;
  right: 15px;
  width: auto;
  top: 40%;
  text-align: center;
  transform: rotate(-8deg);
  font-size: 44px;
  letter-spacing: 1.1px;
  line-height: 54px;
}

body.tinder .tx-ig-tinder .tinder-2020 .inner .sub-head {
  color: #333333;
  font-family: Veneer;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  margin: 0;
  margin-bottom: 15px;
}

body.tinder .tx-ig-tinder .tinder-2020 .inner .sub-subhead {
  text-align: center;
}

body.tinder .tx-ig-tinder .tinder-2020 .start-game-control {
  text-align: center;
  margin-top: 30px;
}

body.tinder .tx-ig-tinder .tinder-2020 .start-game-control a:link,
body.tinder .tx-ig-tinder .tinder-2020 .start-game-control a:visited {
  display: inline-block;
  width: 62px;
  line-height: 67px;
  height: 62px;
  border-radius: 50%;
  background-color: white;
  text-align: center;
  color: #19A784;
  font-size: 25px;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
}

body.tinder .tx-ig-tinder .intro .box {
  border-radius: 15px;
  background-color: white;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  margin-bottom: 36px;
  padding: 30px;
}

body.tinder .tx-ig-tinder .intro .box .head-outer {
  background-color: #E0119D;
  padding: 0 5px;
}

body.tinder .tx-ig-tinder .intro .box .head-outer h2,
body.tinder .tx-ig-tinder .intro .box .head-outer .tx-powermail fieldset legend,
.tx-powermail fieldset body.tinder .tx-ig-tinder .intro .box .head-outer legend {
  color: #FFFFFF;
  left: 15px;
  right: 15px;
  width: auto;
  top: 40%;
  text-align: center;
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 49px;
}

body.tinder .tx-ig-tinder .intro .box .swipe {
  margin-bottom: 10px;
}

body.tinder .tx-ig-tinder .intro .box .swipe .text {
  color: #333333;
  font-family: Veneer;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
}

body.tinder .tx-ig-tinder .intro .box .introText {
  margin-bottom: 30px;
  margin-top: 30px;
  color: #474747;
  line-height: 18px;
}

body.tinder .tx-ig-tinder .intro .box .click .imges .cancel {
  border-right: none;
  display: inline-block;
  height: 62px;
  width: 62px;
  line-height: 62px;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  background-color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  padding: 0;
}

body.tinder .tx-ig-tinder .intro .box .click .imges .log {
  display: inline-block;
  height: 62px;
  width: 62px;
  line-height: 62px;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  background-color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  padding: 0;
}

body.tinder .tx-ig-tinder .intro .box .click .imges .log img {
  float: none;
  margin-top: 0;
  display: inline-block;
}

body.tinder .tx-ig-tinder .btn-my-custom {
  background-color: #80379B;
  color: #FFFFFF;
  font-family: Veneer;
  font-size: 24px;
  line-height: 50px;
  text-align: center;
  height: auto;
  cursor: pointer;
}

body.tinder .tx-ig-tinder .btn-my-custom.skipskip {
  font-size: 20px;
  background: #888;
}

body.tinder .tx-ig-tinder .wrapper .btn {
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
}

body.tinder .tx-ig-tinder .wrapper .fairtrade-tinder_X:before {
  color: #E00034;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product {
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  height: 462px;
  background-size: cover;
  background-position: center;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product + .product {
  top: 0 !important;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product + .product + .product {
  top: 0 !important;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc {
  border-radius: 10px;
  background-color: rgba(244, 244, 244, 0.8);
  margin: 10px;
  position: absolute;
  bottom: 0;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc .desc-txt {
  text-align: left;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc .desc-txt .name {
  color: #1E1E1E;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.35px;
  line-height: 17px;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc .level {
  opacity: 0.7;
  color: #1E1E1E;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 17px;
  text-align: left;
  display: block;
  float: left;
  margin-top: 10px;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .desc .desc-nbr {
  opacity: 0.7;
  color: #1E1E1E;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 0.35px;
  line-height: 19px;
  margin-top: 10px;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .prod_container {
  height: 385px;
  width: 100%;
  position: relative;
  xxxxdisplay: flex;
  xxxalign-items: center;
}

body.tinder .tx-ig-tinder .wrapper .product-list .product .prod_container .prod_text {
  margin: 0 50px;
  xxxwidth: 100%;
  xxxdisplay: flex;
  xxxalign-items: center;
  xxxjustify-content: center;
  border-radius: 5px;
  background-color: #00B9E4;
  background-color: rgba(0, 185, 228, 0.8);
  color: #FFFFFF;
  font-family: Veneer;
  font-size: 26px;
  letter-spacing: 0.65px;
  line-height: 32px;
  text-align: center;
  padding: 15px;
  bottom: 30px;
  position: absolute;
}

body.tinder .tx-ig-tinder .level {
  text-align: center;
  display: none;
}

body.tinder .tx-ig-tinder .level .level-inner {
  background-color: white;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  overflow: hidden;
  padding: 0 0 30px;
  height: 450px;
  height: 500px;
  margin-bottom: 30px;
}

body.tinder .tx-ig-tinder .level .level-inner .smile {
  height: 250px;
  padding-top: 90px;
  padding-top: 20px;
  height: 150px;
}

body.tinder .tx-ig-tinder .level .level-inner .smile img {
  width: 130px;
}

body.tinder .tx-ig-tinder .level .level-inner .level-text {
  color: #E0119D;
  font-family: Veneer;
  font-size: 56px;
  letter-spacing: 1.4px;
  line-height: 69px;
  text-align: center;
}

body.tinder .tx-ig-tinder .level .level-inner .level-text-2 {
  color: #1E1E1E;
  font-family: Veneer;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 40px;
}

body.tinder .tx-ig-tinder .level .level-inner .level-text-3 {
  color: #474747;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 20px;
  text-align: center;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper {
  padding: 0px 10px 10px 20px;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product {
  width: 90px;
  height: 90px;
  display: block;
  float: left;
  margin: 6px;
  position: relative;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .prod_container {
  width: 90px;
  height: 90px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .blende {
  width: 90px;
  height: 90px;
  display: block;
  background: rgba(224, 0, 52, 0.6);
  position: absolute;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product.match .blende {
  width: 90px;
  height: 90px;
  display: block;
  background: rgba(190, 214, 0, 0.6);
  position: absolute;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .antwort > div {
  display: none;
  width: 13px;
  height: 13px;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .antwort {
  text-align: center;
  position: absolute;
  left: 4px;
  top: 4px;
  background: #fff;
  padding: 4px;
  border-radius: 50%;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .antwort .cancel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .antwort .cancel span {
  position: absolute;
  top: 6px;
  left: 6px;
  color: #E0119D;
  color: #E00034;
  font-size: 9px !important;
  line-height: 10px;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .antwort img {
  float: left;
  width: 13px;
  height: 13px;
  margin-top: 0px;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .antwort .cancel {
  display: none;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product .antwort .log {
  display: block;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product.ft .antwort .cancel {
  display: block;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product.ft .antwort .log {
  display: none;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product.match .antwort .cancel {
  display: block;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product.match .antwort .log {
  display: none;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product.ft.match .antwort .cancel {
  display: none;
}

body.tinder .tx-ig-tinder .level .level-inner .img-wrapper .product.ft.match .antwort .log {
  display: block;
}

body.tinder .tx-ig-tinder .level .btn-my-custom {
  display: inline-block !important;
}

body.tinder .tx-ig-tinder .level-next {
  display: none;
  text-align: center;
}

body.tinder .tx-ig-tinder .level-next .level-inner {
  background-color: white;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  overflow: hidden;
  padding: 0 0 30px;
  height: 450px;
  margin-bottom: 30px;
  background-image: url("/typo3conf/ext/ig_tinder/Resources/Public/Images/background_final.png");
  background-size: 270px;
  background-repeat: no-repeat;
  background-position: center 100px;
}

body.tinder .tx-ig-tinder .level-next .level-inner .smile {
  height: 150px;
}

body.tinder .tx-ig-tinder .level-next .level-inner .level-text {
  color: #E0119D;
  font-family: Veneer;
  font-size: 56px;
  letter-spacing: 1.4px;
  line-height: 69px;
  text-align: center;
}

body.tinder .tx-ig-tinder .level-next .level-inner .level-text-2 {
  color: #1E1E1E;
  font-family: Veneer;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 140px;
}

body.tinder .tx-ig-tinder .level-next .level-inner .level-text-3 {
  color: #474747;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 20px;
  text-align: center;
}

body.tinder .tx-ig-tinder .level-next .btn-my-custom {
  display: inline-block !important;
}

body.tinder .tx-ig-tinder .level-next .start-game-control {
  text-align: center;
  margin-top: 30px;
}

body.tinder .tx-ig-tinder .level-next .start-game-control a:link,
body.tinder .tx-ig-tinder .level-next .start-game-control a:visited {
  display: inline-block;
  width: 62px;
  line-height: 67px;
  height: 62px;
  border-radius: 50%;
  background-color: white;
  text-align: center;
  color: #19A784;
  font-size: 25px;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
}

body.tinder .tx-ig-tinder .you-win {
  display: none;
  text-align: center;
}

body.tinder .tx-ig-tinder .you-win .level-inner {
  background-color: white;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  overflow: hidden;
  padding: 0 0 30px;
  height: 450px;
  margin-bottom: 30px;
  background-image: url("/typo3conf/ext/ig_tinder/Resources/Public/Images/background_final.png");
  background-size: 270px;
  background-repeat: no-repeat;
  background-position: center 100px;
}

body.tinder .tx-ig-tinder .you-win .level-inner .smile {
  height: 50px;
}

body.tinder .tx-ig-tinder .you-win .level-inner .level-text-header {
  font-family: Veneer;
  background-color: #E0119D;
  padding: 0 15px;
  color: #FFFFFF;
  left: 15px;
  right: 15px;
  width: auto;
  top: 40%;
  text-align: center;
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 49px;
  margin: 30px;
}

body.tinder .tx-ig-tinder .you-win .level-inner .level-text {
  color: #E0119D;
  font-family: Veneer;
  font-size: 80px;
  letter-spacing: 1.4px;
  line-height: 69px;
  text-align: center;
  margin-bottom: 100px;
}

body.tinder .tx-ig-tinder .you-win .level-inner .level-text-2 {
  color: #1E1E1E;
  font-family: Veneer;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 140px;
}

body.tinder .tx-ig-tinder .you-win .level-inner .level-text-3 {
  color: #474747;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 20px;
  text-align: center;
  padding: 0px 40px;
}

body.tinder .tx-ig-tinder .you-win .btn-my-custom {
  display: inline-block !important;
}

body.tinder .tx-ig-tinder .newPart .header {
  font-family: Veneer;
  background-color: #E0119D;
  padding: 0 15px;
  color: #FFFFFF;
  left: 15px;
  right: 15px;
  width: auto;
  top: 40%;
  text-align: center;
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 49px;
  margin: 30px;
}

body.tinder .tx-ig-tinder .newPart .fields input {
  line-height: 50px;
  border: 1px solid #00B9E4 !important;
  background-color: #FFFFFF !important;
  height: 50px !important;
}

body.tinder .tx-ig-tinder .newPart .fields .errorMsg {
  height: auto !important;
  font-size: 12px;
}

body.tinder .tx-ig-tinder .newPart .fields .infotext {
  color: #000;
  display: block;
  margin-bottom: 30px;
  font-size: 15px;
}

body.tinder .tx-ig-tinder .newPart .fields .powermail_checkbox label {
  color: white;
  color: #000;
}

body.tinder .tx-ig-tinder .newPart .fields .powermail_checkbox label a:link,
body.tinder .tx-ig-tinder .newPart .fields .powermail_checkbox label a:visited {
  color: white;
  color: #000;
  font-weight: bold;
}

body.tinder .tx-ig-tinder .newPart .btn {
  height: 57px !important;
  line-height: 57px !important;
  background-color: #80379B;
  color: #FFFFFF;
  margin-top: 40px;
}

body.tinder .tx-ig-tinder .newPart .btn-my-custom {
  margin-top: 40px;
}

body.tinder .tx-ig-tinder .thx-inner {
  background-color: white;
  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
  overflow: hidden;
  padding: 0 0 30px;
  min-height: 450px;
  margin-bottom: 30px;
}

body.tinder .tx-ig-tinder .thx-inner .header {
  font-family: Veneer;
  background-color: #E0119D;
  padding: 0 15px;
  color: #FFFFFF;
  left: 15px;
  right: 15px;
  width: auto;
  top: 40%;
  text-align: center;
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 49px;
  margin: 30px;
}

body.tinder .tx-ig-tinder .thx-inner img {
  margin-bottom: 50px;
}

body.tinder .tx-ig-tinder .thx-inner .thx-text {
  color: #474747;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: 0.35px;
  line-height: 20px;
  text-align: center;
  margin: 0 60px;
}

body.tinder .tx-ig-tinder .challangeform input {
  line-height: 48px;
  min-width: 270px;
  padding: 0px 10px;
  border: 1px solid #ccc;
}

body.tinder .tx-ig-tinder .challangeform .submit_challange span {
  position: relative;
  width: 30px;
  height: 30px;
  background: #80379B;
  color: #fff;
  left: -10px;
  padding: 18px;
  top: 0.5px;
}

body.tinder .tx-ig-tinder .success {
  color: #19A784;
}

body.tinder .tx-ig-tinder .error {
  color: #cc0000;
}

@media (max-width: 450px) {
  body.tinder .tx-ig-tinder .intro h2,
  body.tinder .tx-ig-tinder .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.tinder .tx-ig-tinder .intro legend {
    margin-top: 0px;
    margin-bottom: 40px;
  }

  body.tinder .tx-ig-tinder .intro .box .swipe p {
    margin-bottom: 35px !important;
  }

  body.tinder .tx-ig-tinder #tx_igtinder_tndr_gender {
    background: #fff;
    height: 50px;
    border-radius: 0px;
    border-color: #00B9E4;
    padding-left: 6px;
  }
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  background-color: white;
}

/*
* Importiere Extension onlineschulung
*/

.online-quiz .quiz-header {
  position: relative;
  margin-bottom: 30px;
}

.online-quiz .intro a.standard-button {
  display: inline-block;
}

.online-quiz .intro p.datenschutz {
  font-size: 0.75rem;
  line-height: 16px;
}

.online-quiz .quiz-fragen-wrap .where-iam {
  margin-bottom: 30px;
  text-align: center;
}

.online-quiz .quiz-fragen-wrap .where-iam label {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: #fff;
  text-align: center;
  font-size: 22px;
  line-height: 42px;
  font-family: 'Veneer', 'Arial', sans-serif;
  margin: 1px;
}

.online-quiz .quiz-fragen-wrap .where-iam label.aktiv {
  background: #00b9e4;
  color: #fff;
}

.online-quiz .quiz-fragen-wrap .fragen-stage {
  position: relative;
  margin-bottom: 20px;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage {
  position: relative;
  display: none;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage[data-frage="1"] {
  display: block;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage div.success {
  position: static;
  background: #bed600;
  padding: 20px;
  margin-top: 30px;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage div.success img {
  margin-bottom: 20px;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage div.success p {
  margin: 0 0 20px 0;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage div.success p span {
  font-size: 32px;
  font-family: 'Veneer', 'Arial', sans-serif;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage div.success a.nav-button {
  display: inline-block;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage div.success a.nav-button.prev {
  margin-right: 10px;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage p.title {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 5px solid #e6e6e6;
  display: block;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage .frage-inner p.frage {
  font-weight: 700;
  color: #454545;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage .frage-inner span.antwort {
  font-weight: 700;
  margin-left: 10px;
  display: block;
}

.online-quiz .quiz-fragen-wrap .fragen-stage div.frage .frage-inner div.checkbox-sm {
  width: 30px !important;
}

.online-quiz .quiz-fragen-wrap p.error {
  color: #e00034;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
}

/*
* Importiere Extension pw_teaser
*/

.tx-pwteaser-pi1 .toggle-menu-list {
  display: none;
}

@media (min-width: 992px) {
  .tx-pwteaser-pi1 .toggle-menu,
  .tx-pwteaser-pi1 .toggle-wrapper {
    display: none;
  }

  .tx-pwteaser-pi1 .toggle-menu-list {
    display: block;
  }
}

.tx-pwteaser-pi1 .toggle-menu {
  display: block;
  line-height: 48px;
  font-weight: 700;
  color: #333;
  font-size: 0.875rem;
  padding: 0 15px 0 45px;
  background: #fff;
  border: 1px solid #cccccc;
  text-transform: uppercase;
  width: 100%;
}

.tx-pwteaser-pi1 .toggle-menu:before {
  content: "\e998";
  line-height: 48px;
  color: #333;
  font-family: 'fairtrade';
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 0;
}

.tx-pwteaser-pi1 .toggle-menu:after {
  content: "\e905";
  line-height: 48px;
  color: #00b9e4;
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 0;
  font-family: 'fairtrade';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tx-pwteaser-pi1 ul {
  background: #fff;
  display: block;
  padding: 5px 0;
}

.tx-pwteaser-pi1 li {
  display: block;
  transition: background-color 0.3s linear;
}

.tx-pwteaser-pi1 li.active,
.tx-pwteaser-pi1 li:active,
.tx-pwteaser-pi1 li:hover {
  background: #ede5d9;
}

.tx-pwteaser-pi1 li a {
  color: #1e1e1e;
  font-size: 1rem;
  padding: 5px 10px 5px 12px;
  display: block;
  transition: padding 0.4s ease-out;
}

.tx-pwteaser-pi1 li a:hover {
  padding: 5px 5px 5px 17px;
}

.tx-pwteaser-pi1 li li a {
  padding: 5px 10px 5px 22px;
  font-size: 0.875rem;
}

/*
* Importiere Extension ig_schools
*/

.content-schools .verteilerseite-einleitung .latest-blog p {
  padding: 0;
  margin-bottom: 8px;
  font-size: 0.9375rem;
  line-height: 24px;
  color: #1e1e1e;
}

.content-schools .ansprechpartner-outer,
.content-schools .links-outer {
  margin-bottom: 60px;
  margin-top: 60px;
}

.content-schools .ansprechpartner-outer p.title,
.content-schools .links-outer p.title {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 30px;
  border-bottom: 5px solid #a5a5a5;
  padding-bottom: 15px;
  margin-bottom: 12px;
}

.content-schools .ansprechpartner-outer .inner .ansprechpartner,
.content-schools .links-outer .inner .ansprechpartner {
  margin-bottom: 30px;
}

.content-schools .ansprechpartner-outer .inner p,
.content-schools .links-outer .inner p {
  font-size: 0.875rem;
  line-height: 29px;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  margin-bottom: 5px;
}

.content-schools .ansprechpartner-outer .inner p.title-name,
.content-schools .links-outer .inner p.title-name {
  font-size: 16px;
  color: #00b9e4;
  font-weight: 700;
}

.content-schools .ansprechpartner-outer .inner p.funktion,
.content-schools .links-outer .inner p.funktion {
  line-height: 20px;
  margin: 0;
}

.content-schools .ansprechpartner-outer .inner p.metainfo,
.content-schools .links-outer .inner p.metainfo {
  line-height: 20px;
}

.content-schools .links-outer ul.link-list li {
  margin-bottom: 8px;
}

.content-schools .links-outer ul.link-list li a {
  color: #2e2e2e;
  font-size: 1rem;
  line-height: 25px;
  transition: padding ease-out 150ms;
}

.content-schools .links-outer ul.link-list li a span[class^="fairtrade-"] {
  margin-right: 5px;
  font-size: 20px;
  display: block;
  float: left;
  margin: 4px 5px 10px 0px;
  width: 30px;
}

.content-schools .links-outer ul.link-list li a span.fairtrade-file- {
  margin: -1px 5px 10px 0px;
}

.schools-intro {
  margin: 20px auto 30px;
}

.schools-intro h1 {
  font-size: 30px;
  line-height: 120%;
}

.content-schools .latest-blog {
  margin-bottom: 30px;
}

.towns-count {
  background: #efefef;
}

.towns-count .counter-bg {
  background: url("/typo3conf/ext/ig_schools/Resources/Public/Icons/counter_bg.png");
  background-size: cover;
  text-align: center;
  padding: 6%;
  margin-bottom: 30px;
}

.towns-count .counter-bg .counter-ziffern {
  text-align: center;
}

.towns-count .counter-bg .counter-ziffern > .diggit {
  margin: 0px 7.5px;
  background: url("/typo3conf/ext/ig_schools/Resources/Public/Icons/bg_ziffer.png");
  background-size: cover;
  display: inline-block;
}

.towns-count .counter-bg .counter-text img {
  max-width: 364px;
  margin-top: 2%;
}

.towns-count .counter {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 20px;
  color: #666;
}

.towns-count .counter .diggit {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 22px;
  background: #00b9e4;
  min-width: 20px;
  color: #fff;
  padding: 1px 5px;
  margin: 0px 1px;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
}

.towns-list {
  background: #efefef;
}

.towns-list .gemeinde {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-right: 30px;
}

.towns-list .gemeinde p {
  padding-top: 2px;
}

.evallist .eval {
  display: inline-block;
  width: 100%;
  line-height: 50px;
}

.evallist .eval img {
  float: left;
  margin-right: 20px;
}

.evallist .eval p {
  line-height: 50px;
}

.evallist hr {
  border-color: #00b9e4;
}

#powermail_field_einleitungstext img {
  float: right;
  margin: 0px 0px 10px 20px;
  width: 50%;
}

.pagenavigator {
  padding: 0px 12px 20px;
}

.pagenavigator a {
  color: #aaa;
  font-weight: bold;
  margin: 0px 4px;
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 2px solid #aaa;
  text-align: center;
  line-height: 26px;
}

.pagenavigator a.complete {
  border-color: #00b9e4;
  background-color: #00b9e4;
  color: #fff;
}

.pagenavigator a.error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-color: #f8d7da;
}

.powermail_radio_outer.parsley-error {
  background: #f8d7da;
  border: 1px solid #aaa;
  border-color: #f5c6cb;
  color: #721c24;
}

.powermail_radio_outer.parsley_error {
  background: #f8d7da;
  border: 1px solid #aaa;
  border-color: #f5c6cb;
  color: #721c24;
}

@media (min-width: 700px) {
  .schools-intro {
    width: 70%;
    margin: 20px auto 30px;
  }

  .schools-intro h1 {
    font-size: 45px;
  }

  .content-schools .latest-blog {
    margin-bottom: 10px;
  }
}

@media (min-width: 980px) {
  .schools-intro {
    width: 70%;
    margin: 0px auto 30px;
  }

  .schools-intro h1 {
    font-size: 60px;
  }

  .content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child {
    width: 33%;
  }

  .content-schools .verteilerseite-einleitung > .row > .col-sm-6:last-child {
    width: 66%;
  }
}

@media (max-width: 480px) {
  .towns-count {
    background: #efefef;
  }

  .towns-count .counter-bg {
    padding: 6%;
    margin-bottom: 20px;
  }

  .towns-count .counter-bg .counter-ziffern {
    text-align: center;
  }

  .towns-count .counter-bg .counter-ziffern > .diggit {
    margin: 0px 2.5px;
  }

  .towns-count .counter-bg .counter-ziffern > .diggit img {
    max-width: 55px;
  }

  .towns-count .counter-bg .counter-text img {
    max-width: 182px;
    margin-top: 2%;
  }
}

.gemeindenews .newsfilter {
  margin: 0px 0px 15px;
}

.gemeindenews .newsfilter .col-sm-3,
.gemeindenews .newsfilter .col-sm-12,
.gemeindenews .newsfilter .col-flex {
  color: #fff;
  padding: 10px 0px 10px 8px;
  width: auto;
}

.gemeindenews .newsfilter .col-sm-3.pink,
.gemeindenews .newsfilter .col-sm-12.pink,
.gemeindenews .newsfilter .col-flex.pink {
  background: #e0119d;
}

.gemeindenews .newsfilter .col-sm-3.purple,
.gemeindenews .newsfilter .col-sm-12.purple,
.gemeindenews .newsfilter .col-flex.purple {
  background: #59266c;
  width: 17%;
}

.gemeindenews .newsfilter .col-sm-3.blue,
.gemeindenews .newsfilter .col-sm-12.blue,
.gemeindenews .newsfilter .col-flex.blue {
  background: #00b9e4;
  width: 15%;
}

.gemeindenews .newsfilter .col-sm-3.green,
.gemeindenews .newsfilter .col-sm-12.green,
.gemeindenews .newsfilter .col-flex.green {
  background: #bed600;
  width: 17%;
}

.gemeindenews .newsfilter .col-sm-3.orange,
.gemeindenews .newsfilter .col-sm-12.orange,
.gemeindenews .newsfilter .col-flex.orange {
  background: #ffa02f;
  width: 31%;
}

.gemeindenews .newsfilter .col-sm-3.col-sm-4,
.gemeindenews .newsfilter .col-sm-12.col-sm-4,
.gemeindenews .newsfilter .col-flex.col-sm-4 {
  width: 33.33333%;
  width: auto;
  width: 20%;
}

.gemeindenews .newsItem {
  padding-bottom: 15px;
  xborder-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  background: #fff;
  position: relative;
}

.gemeindenews .newsItem .badge {
  position: absolute;
  top: 5px;
  left: -10px;
  z-index: 15;
  display: none;
}

.gemeindenews .newsItem .badge:first-child {
  display: block;
}

.gemeindenews .newsItem .badge .role {
  display: block;
  height: 45px;
  width: auto;
  background-size: auto 45px;
}

.gemeindenews .newsItem .badge .role.blue {
  background-image: url("/fileadmin/system/img/badges/banner_blau.svg");
}

.gemeindenews .newsItem .badge .role.green {
  background-image: url("/fileadmin/system/img/badges/banner_gruen.svg");
}

.gemeindenews .newsItem .badge .role.pink {
  background-image: url("/fileadmin/system/img/badges/banner_pink.svg");
}

.gemeindenews .newsItem .badge .role.purple {
  background-image: url("/fileadmin/system/img/badges/banner_violet.svg");
}

.gemeindenews .newsItem .badge .role.orange {
  background-image: url("/fileadmin/system/img/badges/banner_orange.svg");
}

.gemeindenews .newsItem .badge .role p {
  display: block;
  float: left;
  font-size: 20px;
  font-family: 'Veneer','Arial',sans-serif;
  color: #fff;
  position: relative;
  z-index: 2;
  line-height: 36px;
  padding: 0 10px;
}

.gemeindenews .newsItem .imageblock a img {
  padding: 10px 0px 10px 10px;
}

.gemeindenews .newsItem .news-content {
  padding-top: 5px;
  text-align: left;
}

.gemeindenews .newsItem .news-content p {
  font-size: 0.9375rem;
  margin: 0px 0px 10px 0px;
}

.gemeindenews .newsItem .news-content p.title {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 30px;
  color: #1e1e1e;
  margin-bottom: 4px;
}

.gemeindenews .newsItem .news-content p.meta {
  color: #757575;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 5px;
}

.gemeindenews .newsItem .news-content a.more {
  font-size: 1rem;
  color: #00b9e4;
  font-weight: 700;
}

@media (max-width: 768px) {
  html body .gemeindenews .newsfilter > form > div {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  html body .gemeindenews .newsItem {
    padding-right: 10px;
  }

  html body .gemeindenews .newsItem .news-content {
    padding-left: 10px;
  }
}

.tx-ig-schools {
  background: #00b9e4;
}

.tx-ig-schools .map_hinweis {
  width: 100%;
  display: block;
  background: #eee;
}

.tx-ig-schools .mapSchoolsFilter {
  padding: 3px 0px;
  color: #fff;
  font-weight: bold;
}

.tx-ig-schools #mapSchools {
  width: 100%;
  height: 520px;
  background: grey;
}

.tx-ig-schools #mapSchoolsList .mapSchoolsListItemBody {
  display: none;
}

.tx-ig-schools .SchoolsFilterSearch {
  position: relative;
}

.tx-ig-schools .SchoolsFilterSearch span {
  position: absolute;
  left: 22px;
  top: 4px;
  cursor: pointer;
}

.tx-ig-schools #mapSchoolsFilterSearch {
  border: 0px none;
  color: #666;
  display: block;
  margin-left: 26px;
  width: 100%;
  background: #00819F;
  background: #00b9e4;
  color: #fff;
  padding-left: 3px;
  xfont-weight: 300;
}

.tx-ig-schools .towns-list-header {
  position: relative;
  background: #80379b;
  background: #bed600;
  padding: 10px 0px;
}

.tx-ig-schools .towns-list-header span {
  position: absolute;
  left: 18px;
  top: 14px;
  cursor: pointer;
  color: #fff;
  font-size: 1.2rem;
}

.tx-ig-schools .towns-list-header #mapSchoolsFilterSearch {
  border: 0px none;
  color: #666;
  display: block;
  margin-left: 54px;
  background: none;
  color: #fff;
  padding-left: 3px;
  xfont-weight: 300;
  font-size: 1rem;
}

.mapSchoolsListItemBody {
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  color: #818181;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
}

.mapSchoolsListItemBody p {
  padding: 0 !important;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 8px;
}

.mapSchoolsListItemBody .school-beschreibung,
.mapSchoolsListItemBody .town-beschreibung {
  margin-top: 15px;
}

.powermail_form_57 label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 15px;
}

.powermail_form_57 input[type="file"] {
  background: #ddd;
  font-size: 16px;
  line-height: 23px;
  float: left;
  padding: 10px;
  color: #666;
  margin-bottom: 25px;
}

.powermail_form_57 hr {
  border-top: 1px solid #00b9e4;
  padding-top: 20px;
}

.powermail_form_59 label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 15px;
}

.powermail_form_59 input[type="file"] {
  background: #ddd;
  font-size: 16px;
  line-height: 23px;
  float: left;
  padding: 10px;
  color: #666;
  margin-bottom: 25px;
}

.powermail_form_59 hr {
  border-top: 1px solid #00b9e4;
  padding-top: 20px;
}

.powermail_form_59 fieldset {
  margin: 0;
}

.powermail_form_59 #powermail_fieldwrap_1372,
.powermail_form_59 #powermail_fieldwrap_1373,
.powermail_form_59 #powermail_fieldwrap_1374,
.powermail_form_59 #powermail_fieldwrap_1375,
.powermail_form_59 #powermail_fieldwrap_1426,
.powermail_form_59 #powermail_fieldwrap_1417,
.powermail_form_59 #powermail_fieldwrap_1418,
.powermail_form_59 #powermail_fieldwrap_1419,
.powermail_form_59 #powermail_fieldwrap_1420,
.powermail_form_59 #powermail_fieldwrap_1421,
.powermail_form_59 #powermail_fieldwrap_1422,
.powermail_form_59 #powermail_fieldwrap_1423,
.powermail_form_59 #powermail_fieldwrap_1424,
.powermail_form_59 #powermail_fieldwrap_1425,
.powermail_form_59 #powermail_fieldwrap_1427,
.powermail_form_59 #powermail_fieldwrap_1428,
.powermail_form_59 #powermail_fieldwrap_1429,
.powermail_form_59 #powermail_fieldwrap_1430,
.powermail_form_59 #powermail_fieldwrap_1431,
.powermail_form_59 #powermail_fieldwrap_1432,
.powermail_form_59 #powermail_fieldwrap_1433,
.powermail_form_59 #powermail_fieldwrap_1434,
.powermail_form_59 #powermail_fieldwrap_1435,
.powermail_form_59 #powermail_fieldwrap_1436,
.powermail_form_59 #powermail_fieldwrap_1437,
.powermail_form_59 #powermail_fieldwrap_1438,
.powermail_form_59 #powermail_fieldwrap_1439,
.powermail_form_59 #powermail_fieldwrap_1440,
.powermail_form_59 #powermail_fieldwrap_1441,
.powermail_form_59 #powermail_fieldwrap_1442,
.powermail_form_59 #powermail_fieldwrap_1443,
.powermail_form_59 #powermail_fieldwrap_1444,
.powermail_form_59 #powermail_fieldwrap_1351,
.powermail_form_59 #powermail_fieldwrap_1352,
.powermail_form_59 #powermail_fieldwrap_1354,
.powermail_form_59 #powermail_fieldwrap_1357,
.powermail_form_59 #powermail_fieldwrap_1359 {
  display: none;
  padding: 0px 10px;
  xpadding: 10px 30px;
  xmargin-bottom: 10px;
  xborder-bottom: 1px solid #00b9e4;
}

.powermail_form_59 h3 {
  color: #00b9e4;
}

.powermail_form_59 a.btn {
  background: #00b9e4;
  padding: 8px 22px 8px 22px;
  margin-top: 20px;
  display: inlin-block;
  border: none;
  color: #fff;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 18px;
  float: left;
}

.powermail_form_59 a.btn.transparent {
  border: 1px solid #666;
  color: #666;
  background: none;
}

.powermail_form_59 a.btn.transparent span {
  margin-right: 10px;
}

.powermail_form_59 a.btn.next {
  float: right;
}

.powermail_form_59 a.btn.last {
  margin-top: 0px;
}

.powermail_form_59 .powermail_radio_outer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 0px;
}

.powermail_form_59 .powermail_radio_inner {
  font-size: 20px;
  margin-left: 10px;
}

.powermail_form_59 .powermail_radio_inner label {
  font-weight: 400;
}

.powermail_form_59 #powermail_fieldwrap_1376 {
  margin-top: 20px;
}

.powermail_message_error li {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsfilter {
  margin: 0px;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsfilter .col-sm-12 {
  padding: 3px 0px 4px 10px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsItem {
  text-align: left;
  padding: 10px 15px;
  margin-bottom: 1px;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsItem .badge {
  display: none;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsItem .badge:first-child {
  display: none;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsItem .row > .col-sm-3 {
  display: none;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsItem .row > .col-sm-8 {
  width: 100%;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6:first-child .news-list-view .gemeindenews .newsItem .news-content p {
  padding: 0;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6 .container-highlight {
  padding-bottom: 0px;
}

.content-schools .verteilerseite-einleitung > .row > .col-sm-6 .container-highlight p {
  padding: 0;
  text-align: left;
  font-size: 16px;
}

.gemeindenauswertung th,
.gemeindenauswertung td {
  border: 1px solid #666;
  border-collapse: collapse;
}

.content-schools .latest-blog {
  height: auto !important;
}

@media print {
  .bread-wrap,
  footer,
  header {
    display: none;
  }

  .evallist h1 {
    margin-bottom: 50px;
  }
}

.content-schools .bild-text-teaser .teaser-content p a.button {
  background: #00b9e4 none repeat scroll 0 0;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 18px;
  padding: 8px 22px;
  color: #fff;
}

.content-schools .latest-blog .content .date {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 28px;
  margin-bottom: 10px;
  line-height: 15px;
  font-weight: normal;
}

.content-schools .latest-blog .content div.desc a {
  font-weight: 300;
}

.content-schools .latest-blog .header div.title p {
  font-size: 24px;
  display: inline-block;
}

#mapSchoolsList {
  display: none;
}

.gemeindenews .newsItem .news-content {
  text-align: left;
}

/*
* Importiere Extension ig_favorite
*/

body.favoriten {
  background-color: transparent;
  background-image: url("/fileadmin/system/img/Rosenprojekt/Hintergrund_q50.jpg");
  background-repeat: repeat;
}

body.favoriten .bread-wrap {
  display: none;
}

body.favoriten section.content {
  background: transparent;
}

body.favoriten .tx-ig-favorite {
  margin-bottom: 250px;
}

body.favoriten .tx-ig-favorite .clearer {
  float: none;
  clear: both;
}

body.favoriten .tx-ig-favorite .btn {
  display: table;
  height: auto;
  xwidth: 260px;
  background-color: #00B9E4;
  color: #FFFFFF;
  font-family: Veneer;
  text-align: center;
  margin: 0px auto;
  border: none;
  font-size: 26px;
  line-height: 32px;
  cursor: pointer;
  padding: 9px 25px;
}

body.favoriten .tx-ig-favorite .intro,
body.favoriten .tx-ig-favorite .product-list,
body.favoriten .tx-ig-favorite .again,
body.favoriten .tx-ig-favorite .win {
  margin-bottom: 40px;
}

body.favoriten .tx-ig-favorite h1 {
  height: auto;
  width: 100%;
  color: #FFFFFF;
  font-family: Veneer;
  display: inline-block;
  margin-bottom: 35px;
  text-align: center;
}

body.favoriten .tx-ig-favorite h1 img {
  display: inline-block;
  width: 80%;
}

body.favoriten .tx-ig-favorite .start {
  height: 650px;
  position: relative;
  margin-bottom: 90px;
}

body.favoriten .tx-ig-favorite .start .start-bg {
  xbackground-image: url("/fileadmin/DE/08_Specials/2018_Jahreskampagne/jahreskampagne_tag_am_see_aufmacher_970x50.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 650px;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

body.favoriten .tx-ig-favorite .start .start-bg img {
  display: none;
}

body.favoriten .tx-ig-favorite .start .start-wrapper {
  width: 320px;
  position: absolute;
  top: 75px;
  margin-left: -160px;
  left: 50%;
  padding: 20px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.7);
}

body.favoriten .tx-ig-favorite .start .start-wrapper p {
  color: #1E1E1E;
  font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

body.favoriten .tx-ig-favorite .start .start-wrapper p.h3 {
  color: #1E1E1E;
  font-family: Veneer;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  font-weight: normal;
}

body.favoriten .tx-ig-favorite .intro h2,
body.favoriten .tx-ig-favorite .intro .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten .tx-ig-favorite .intro legend {
  margin: 50px auto 35px;
  width: 50%;
  color: #E0119D;
  font-family: Veneer;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}

body.favoriten .tx-ig-favorite .intro .box {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20%;
  padding-right: 20%;
  margin-bottom: 40px;
  box-shadow: 0 1px 0 0 rgba(190, 190, 190, 0.5);
}

body.favoriten .tx-ig-favorite .intro .box .swipe-icons {
  display: none;
}

body.favoriten .tx-ig-favorite .intro .box .desc {
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
}

body.favoriten .tx-ig-favorite .intro .box .imges {
  margin: 80px auto 0px !important;
  text-align: center;
  display: block !important;
}

body.favoriten .tx-ig-favorite .intro .box .imges .dislike,
body.favoriten .tx-ig-favorite .intro .box .imges .like {
  display: inline-block;
  width: 30%;
}

body.favoriten .tx-ig-favorite .intro .box .imges .dislike span,
body.favoriten .tx-ig-favorite .intro .box .imges .like span {
  color: #E0119D;
  font-size: 48px;
  display: block;
}

body.favoriten .tx-ig-favorite .intro .box .imges .dislike p,
body.favoriten .tx-ig-favorite .intro .box .imges .like p {
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.3);
  font-family: Helvetica;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-align: center;
}

body.favoriten .tx-ig-favorite .wrapper {
  display: none;
}

body.favoriten .tx-ig-favorite .wrapper .product-list {
  position: relative;
  min-height: 420px;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  min-height: 420px;
  line-height: 302px;
  padding: 20px 0;
  background-color: #fff;
  border: 1px solid #F9F9F9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product .prod_container {
  height: 420px;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product hr {
  border-top: 1px solid #A4A4A4;
  opacity: 0.25;
  height: 3px;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product .desc {
  color: #00B9E4;
  font-family: Veneer;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  margin: 0px 30px 30px;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product.box_rotate_left {
  -webkit-transform: rotate(-15deg) !important;
  -moz-transform: rotate(-15deg) !important;
  -ms-transform: rotate(-15deg) !important;
  -o-transform: rotate(-15deg) !important;
  transform: rotate(-15deg) !important;
  left: -400px;
  opacity: 0;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product.box_rotate_right {
  -webkit-transform: rotate(15deg) !important;
  -moz-transform: rotate(15deg) !important;
  -ms-transform: rotate(15deg) !important;
  -o-transform: rotate(15deg) !important;
  transform: rotate(15deg) !important;
  left: 400px;
  opacity: 0;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product.box_transition {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product:first-child {
  top: 0px;
  z-index: 10;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product:first-child + .product {
  top: 6px;
  z-index: 9;
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}

body.favoriten .tx-ig-favorite .wrapper .product-list .product:first-child + .product + .product {
  top: 12px;
  z-index: 8;
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}

body.favoriten .tx-ig-favorite .btn-left,
body.favoriten .tx-ig-favorite .btn-right {
  margin: 70px 40px 0px;
  height: 62px;
  width: 62px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
}

body.favoriten .tx-ig-favorite .btn-left span,
body.favoriten .tx-ig-favorite .btn-right span {
  color: #E0119D;
  font-size: 27px !important;
  line-height: 65px;
}

body.favoriten .tx-ig-favorite .btn-left.btn-left,
body.favoriten .tx-ig-favorite .btn-right.btn-left {
  float: left;
}

body.favoriten .tx-ig-favorite .btn-left.btn-right,
body.favoriten .tx-ig-favorite .btn-right.btn-right {
  float: right;
}

body.favoriten .tx-ig-favorite .win {
  display: none;
  text-align: center;
}

body.favoriten .tx-ig-favorite .win .box {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 100px;
  padding-left: 25%;
  padding-right: 25%;
  margin-bottom: 40px;
  box-shadow: 0 1px 0 0 rgba(190, 190, 190, 0.5);
}

body.favoriten .tx-ig-favorite .win .box h2,
body.favoriten .tx-ig-favorite .win .box .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten .tx-ig-favorite .win .box legend {
  margin: 50px auto 35px;
  width: 50%;
  color: #E0119D;
  font-family: Veneer;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}

body.favoriten .tx-ig-favorite .win .match {
  color: #D5008B;
  font-family: Veneer;
  font-size: 24px;
  font-weight: normal;
}

body.favoriten .tx-ig-favorite .win .match p {
  margin-bottom: 15px;
  display: inline;
}

body.favoriten .tx-ig-favorite .win .match img {
  width: 100%;
}

body.favoriten .tx-ig-favorite .win .matching {
  display: table;
  text-align: center;
  margin: 0px auto;
}

body.favoriten .tx-ig-favorite .win .matching .circle {
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 100px;
  float: left;
  margin: 20px;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 35px;
  font-weight: bold;
}

body.favoriten .tx-ig-favorite .win .matching img {
  margin: 20px;
  float: left;
}

body.favoriten .tx-ig-favorite .win .matching span {
  float: left;
  font-size: 44px;
  line-height: 140px;
}

body.favoriten .tx-ig-favorite .win p {
  color: #373737;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
}

body.favoriten .tx-ig-favorite .win p.result {
  font-family: Veneer;
  font-size: 80px;
  line-height: 86px;
  text-align: center;
  text-shadow: 0 2px 4px #FFFFFF;
  color: #44A8D8;
  font-weight: normal;
  background-image: url("/typo3conf/ext/ig_tinder/Resources/Public/Images/bg_match.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  padding: 17% 0px 17% 30px;
  background-position: center;
}

body.favoriten .tx-ig-favorite #newPart .box {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 40px;
  box-shadow: 0 1px 0 0 rgba(190, 190, 190, 0.5);
}

body.favoriten .tx-ig-favorite #newPart h2,
body.favoriten .tx-ig-favorite #newPart .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten .tx-ig-favorite #newPart legend {
  margin: 50px auto 35px;
  width: 50%;
  color: #E0119D;
  font-family: Veneer;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}

body.favoriten .tx-ig-favorite #newPart .errorMsg {
  margin-top: 20px;
  height: 40px;
  width: 100%;
  color: red;
  visibility: visible;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 25px;
}

body.favoriten .tx-ig-favorite #newPart .errorMsg.hiddn {
  visibility: hidden;
}

body.favoriten .tx-ig-favorite #newPart .errorMsg .hiddn {
  visibility: hidden;
}

body.favoriten .tx-ig-favorite #newPart .fields .form label {
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
}

body.favoriten .tx-ig-favorite #newPart .fields .form input {
  border: 1px solid #979797;
  background-color: #ffffff;
  width: 100%;
  height: 40px;
  cursor: auto;
  margin-bottom: 10px;
  padding: 10px;
  font-family: Arial;
  font-size: 16px;
  line-height: 40px;
}

body.favoriten .tx-ig-favorite #newPart .fields .form input::-webkit-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten .tx-ig-favorite #newPart .fields .form input:-ms-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten .tx-ig-favorite #newPart .fields .form input::-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten .tx-ig-favorite #newPart .fields .form input:-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten .tx-ig-favorite #newPart .fields .form .error {
  border: 1px solid red;
}

body.favoriten .tx-ig-favorite #newPart .powermail_checkbox {
  margin: 20px 0px 0px;
}

body.favoriten .tx-ig-favorite #newPart .powermail_checkbox label {
  position: relative;
  top: -2px;
  color: #373737;
  font-family: Arial;
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin-left: 30px;
}

body.favoriten .tx-ig-favorite #newPart .powermail_checkbox label a {
  font-weight: bold;
}

body.favoriten .tx-ig-favorite #newPart .powermail_checkbox.error .icheckbox_flat-blue {
  background-position: -132px 0px;
}

body.favoriten .tx-ig-favorite #newPart .powermail_checkbox.error label {
  color: red;
}

body.favoriten .tx-ig-favorite #newPart .icheckbox_flat-blue {
  float: left;
  margin-left: 0px;
  margin-right: 7px;
  background-position: -44px 0px;
}

body.favoriten .tx-ig-favorite #newPart .icheckbox_flat-blue.checked {
  background-position: -66px 0px;
}

body.favoriten .tx-ig-favorite #newPart .btn {
  margin: 0px auto;
}

body.favoriten .tx-ig-favorite #newPart .err {
  border: 1px solid red;
}

body.favoriten .tx-ig-favorite .shareBtns {
  font-size: 40px;
}

body.favoriten .tx-ig-favorite .shareBtns .facebook {
  color: #3b5998;
}

body.favoriten .tx-ig-favorite .shareBtns .twitter {
  color: #00aced;
}

body.favoriten .tx-ig-favorite .thx {
  text-align: center;
  background-color: #fff;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

body.favoriten .tx-ig-favorite .thx p {
  color: #E0119D;
  font-family: Veneer;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  margin-top: 30px;
  display: block;
}

body.favoriten .tx-ig-favorite .thx span.share {
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper {
  width: 70%;
  height: 400px;
  margin: 0 auto 30px;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper div {
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  display: block;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .three {
  width: 33.3%;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .three img {
  height: 100%;
  width: auto;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .two {
  width: 50%;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .two img {
  height: auto;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .one {
  width: 100%;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .small {
  height: 50%;
  float: left;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .large {
  height: 100%;
  float: right;
}

body.favoriten .tx-ig-favorite .thx .img-wrapper .large.three img,
body.favoriten .tx-ig-favorite .thx .img-wrapper .large.two img {
  width: auto;
  height: 100%;
}

@media (max-width: 1170px) {
  body.favoriten .tx-ig-favorite .start {
    height: 600px;
  }

  body.favoriten .tx-ig-favorite .start .start-bg {
    height: 600px;
  }

  body.favoriten .tx-ig-favorite .intro h2,
  body.favoriten .tx-ig-favorite .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten .tx-ig-favorite .intro legend {
    margin: 30px auto 30px;
  }

  body.favoriten .tx-ig-favorite .intro .swipe img {
    float: none;
    margin-right: 0px;
  }

  body.favoriten .tx-ig-favorite .intro .box .click p {
    line-height: 24px;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: table;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list {
    min-height: 500px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product {
    min-height: 500px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product .prod_container {
    height: 500px;
  }
}

@media (max-width: 997px) {
  body.favoriten .tx-ig-favorite {
    min-height: 500px;
  }

  body.favoriten .tx-ig-favorite .start {
    height: 500px;
  }

  body.favoriten .tx-ig-favorite .start .start-bg {
    height: 500px;
  }

  body.favoriten .tx-ig-favorite .thx .img-wrapper {
    width: 80%;
    height: 350px;
    margin: 0 auto 30px;
  }

  body.favoriten .tx-ig-favorite .product {
    min-height: 500px;
  }

  body.favoriten .tx-ig-favorite .product .prod_container {
    width: 80%;
    height: 450px;
  }

  body.favoriten .tx-ig-favorite .btn-left,
  body.favoriten .tx-ig-favorite .btn-right {
    margin: 10px auto 0px;
  }

  body.favoriten .tx-ig-favorite .intro .box {
    padding: 30px;
  }

  body.favoriten .tx-ig-favorite .intro h2,
  body.favoriten .tx-ig-favorite .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten .tx-ig-favorite .intro legend {
    margin: 0px auto 20px;
    width: 100%;
  }

  body.favoriten .tx-ig-favorite .win .box {
    padding: 30px;
  }

  body.favoriten .tx-ig-favorite .win .box h2,
  body.favoriten .tx-ig-favorite .win .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten .tx-ig-favorite .win .box legend {
    margin: 30px auto 30px;
    width: 100%;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list {
    min-height: 450px;
    margin-bottom: 70px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product {
    min-height: 450px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product .prod_container {
    height: 450px;
    width: 70%;
  }

  body.favoriten .tx-ig-favorite #newPart .box {
    padding: 0px;
  }

  body.favoriten .tx-ig-favorite #newPart .box h2,
  body.favoriten .tx-ig-favorite #newPart .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten .tx-ig-favorite #newPart .box legend {
    margin: 10px auto 20px;
    width: 100%;
  }

  body.favoriten .tx-ig-favorite #newPart .box .fields {
    padding: 0px 30px;
  }
}

@media (max-width: 769px) {
  body.favoriten .tx-ig-favorite h1 {
    width: 80%;
    margin: 0px auto 20px;
    display: block;
  }

  body.favoriten .tx-ig-favorite h1 img {
    margin: 20px 0 0 0;
  }

  body.favoriten .tx-ig-favorite h2,
  body.favoriten .tx-ig-favorite .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten .tx-ig-favorite legend,
  body.favoriten .tx-ig-favorite .thx p {
    font-size: 24px !important;
    line-height: 32px;
  }

  body.favoriten .tx-ig-favorite .btn.products {
    font-size: 22px;
    line-height: 28px;
  }

  body.favoriten .tx-ig-favorite .box div {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  body.favoriten .tx-ig-favorite .thx .img-wrapper {
    width: 80%;
    height: 300px;
    margin: 0 auto 30px;
  }

  body.favoriten .tx-ig-favorite .intro .box .swipe-icons {
    display: block;
  }

  body.favoriten .tx-ig-favorite .intro .box .swipe-icons img {
    height: 65px;
    width: auto;
    margin: 20px 30px;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges {
    margin: 40px auto 0px !important;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges .dislike,
  body.favoriten .tx-ig-favorite .intro .box .click .imges .like {
    width: 48%;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges .dislike span,
  body.favoriten .tx-ig-favorite .intro .box .click .imges .like span {
    font-size: 35px;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges .dislike p,
  body.favoriten .tx-ig-favorite .intro .box .click .imges .like p {
    font-size: 12px;
  }

  body.favoriten .tx-ig-favorite .win .box {
    padding: 30px;
  }

  body.favoriten .tx-ig-favorite .win .box h2,
  body.favoriten .tx-ig-favorite .win .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten .tx-ig-favorite .win .box legend {
    margin: 10px auto 20px;
  }

  body.favoriten .tx-ig-favorite #newPart .box {
    padding: 0px;
  }

  body.favoriten .tx-ig-favorite #newPart .box h2,
  body.favoriten .tx-ig-favorite #newPart .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten .tx-ig-favorite #newPart .box legend {
    margin: 10px auto 20px;
  }

  body.favoriten .tx-ig-favorite #newPart .box .powermail_checkbox {
    margin: 10px 0px 0px;
  }

  body.favoriten .tx-ig-favorite #newPart .box label {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.favoriten .tx-ig-favorite #newPart .box .errorMsg {
    padding: 10px 30px;
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.favoriten .tx-ig-favorite .btn-left,
  body.favoriten .tx-ig-favorite .btn-right {
    margin: 10px 40px 0px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list {
    min-height: 400px;
    margin-bottom: 70px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product {
    min-height: 400px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product .prod_container {
    height: 400px;
    width: 70%;
  }
}

@media (max-width: 450px) {
  body.favoriten .tx-ig-favorite div {
    font-size: 15px;
  }

  body.favoriten .tx-ig-favorite .btn {
    width: auto;
  }

  body.favoriten .tx-ig-favorite .start {
    height: 250px;
  }

  body.favoriten .tx-ig-favorite .start .start-bg {
    height: 250px;
  }

  body.favoriten .tx-ig-favorite .start .start-wrapper {
    position: relative;
    width: auto;
    background: rgba(255, 255, 255, 0.9);
    bottom: auto;
    right: auto;
    left: auto;
    top: auto;
    margin-left: auto;
  }

  body.favoriten .tx-ig-favorite .win .match img {
    width: 85%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  body.favoriten .tx-ig-favorite .win .match p.result {
    font-size: 65px;
    line-height: 65px;
  }

  body.favoriten .tx-ig-favorite .win .matching {
    display: table;
    text-align: center;
    margin: 0px auto;
  }

  body.favoriten .tx-ig-favorite .win .matching .circle {
    width: 75px;
    height: 75px;
    line-height: 77px;
    font-size: 26px;
  }

  body.favoriten .tx-ig-favorite .win .matching img {
    width: 77px;
    height: 77px;
  }

  body.favoriten .tx-ig-favorite .win .matching span {
    float: left;
    font-size: 37px;
    line-height: 125px;
  }

  body.favoriten .tx-ig-favorite .thx .img-wrapper {
    width: 100%;
    height: 250px;
    margin: 0 auto 30px;
  }

  body.favoriten .tx-ig-favorite .thx img {
    width: 90%;
    height: auto;
  }

  body.favoriten .tx-ig-favorite .intro .box .swipe-icons {
    display: block;
  }

  body.favoriten .tx-ig-favorite .intro .box .swipe-icons img {
    height: 55px;
    width: auto;
    margin: 20px 30px;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges {
    margin: 40px auto 0px !important;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges .dislike,
  body.favoriten .tx-ig-favorite .intro .box .click .imges .like {
    width: 48%;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges .dislike span,
  body.favoriten .tx-ig-favorite .intro .box .click .imges .like span {
    font-size: 25px;
  }

  body.favoriten .tx-ig-favorite .intro .box .click .imges .dislike p,
  body.favoriten .tx-ig-favorite .intro .box .click .imges .like p {
    font-size: 12px;
  }

  body.favoriten .tx-ig-favorite #newPart .box label {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  body.favoriten .tx-ig-favorite #newPart .box .errorMsg {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  body.favoriten .tx-ig-favorite {
    min-height: 350px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list {
    min-height: 350px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product {
    min-height: 350px;
  }

  body.favoriten .tx-ig-favorite .wrapper .product-list .product .prod_container {
    width: 80%;
    height: 350px;
  }

  body.favoriten .tx-ig-favorite .btn-left,
  body.favoriten .tx-ig-favorite .btn-right {
    margin: 10px 20px 0px;
  }
}

body.favoriten-sitc {
  background: linear-gradient(180deg, #FFCC00 0%, #FAA200 100%);
  background-color: #FFCC00;
}

body.favoriten-sitc .csc-textpic-imagerow img {
  width: 75%;
}

body.favoriten-sitc .csc-textpic-imagerow.csc-textpic-imagerow-last img {
  width: 100%;
}

body.favoriten-sitc .bread-wrap,
body.favoriten-sitc .favorite > .row {
  display: none;
}

body.favoriten-sitc section.content {
  background: transparent;
}

body.favoriten-sitc section.content-after-header {
  background: #181818;
}

body.favoriten-sitc section.content.content-trenner {
  max-height: 2500px;
  margin: 0px;
  padding: 0;
  background: linear-gradient(180deg, #ffcc00 0%, #faa200 100%);
}

body.favoriten-sitc section.content.content-trenner .headlineclaim {
  position: absolute;
  top: 2%;
  left: 3.5%;
  max-width: 80%;
  z-index: 4;
}

body.favoriten-sitc section.content.content-trenner .keyhd {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: url("/typo3conf/ext/ig_favorite/Resources/Public/Images/key_visual_hd.jpg");
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

body.favoriten-sitc section.content-verteilerseite.margin-footer {
  background: #181818;
  background: linear-gradient(180deg, #FFCC00 0%, #FAA200 100%);
  background-color: #FFCC00;
}

body.favoriten-sitc section.content-verteilerseite.margin-footer #c28212 {
  padding-top: 60px;
}

body.favoriten-sitc section.content-verteilerseite.margin-footer ul.contentList li {
  color: #fff;
}

body.favoriten-sitc section.content-verteilerseite.margin-footer ul.contentList li:before {
  color: #FECB00;
  content: "\e997";
}

body.favoriten-sitc section.content-verteilerseite.margin-footer .content p.bodytext a.link-button {
  background: #FECB00;
  box-shadow: 0px 0px 0px 6px #FECB00;
  color: #333333;
}

body.favoriten-sitc section.content-verteilerseite.margin-footer ul.contentList li {
  color: #000;
}

body.favoriten-sitc section.content-verteilerseite.margin-footer ul.contentList li:before {
  color: #1E1E1E;
  content: "\e997";
}

body.favoriten-sitc section.content-verteilerseite.margin-footer .content p.bodytext a.link-button {
  background: #1E1E1E;
  box-shadow: 0px 0px 0px 6px #1E1E1E;
  color: #fff;
  margin-left: 22px;
  padding: 5px 20px;
}

body.favoriten-sitc section.content-verteilerseite.margin-footer #c28214 {
  margin-top: 113px;
}

body.favoriten-sitc .tx-ig-favorite .col-xs-12 {
  margin: 0px;
  width: 100%;
}

body.favoriten-sitc .tx-ig-favorite .newview h1 img {
  display: none;
}

body.favoriten-sitc .tx-ig-favorite .newview .col-12.claim {
  background: url("/typo3conf/ext/ig_favorite/Resources/Public/Images/headline_summerinthecity.png") no-repeat center center;
  background-size: 400px;
  height: 250px;
}

body.favoriten-sitc .tx-ig-favorite .newview .intro > .btn {
  margin: -200px auto 200px auto;
  background: #FECB00;
  color: #333333;
  padding: 13px 30px;
}

body.favoriten-sitc .tx-ig-favorite .newview .intro h2,
body.favoriten-sitc .tx-ig-favorite .newview .intro .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .newview .intro legend {
  margin: 0px 0px 50px 0px;
  color: #fff;
  font-family: Veneer;
  font-size: 48px;
  line-height: 40px;
  text-align: center;
  background: #000;
  width: auto;
  display: inline-block;
  padding: 5px 10px;
}

body.favoriten-sitc .tx-ig-favorite .newview .intro .box {
  max-width: 552px;
  max-width: 800px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 100px;
  padding: 60px 100px 140px;
}

body.favoriten-sitc .tx-ig-favorite .newview .intro .box .imges .like span,
body.favoriten-sitc .tx-ig-favorite .newview .intro .box .imges .dislike span {
  font-size: 34px;
  display: block;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding: 13px;
  margin: auto;
}

body.favoriten-sitc .tx-ig-favorite .newview .wrapper {
  max-width: 552px;
  max-width: 800px;
  margin: auto;
  margin-bottom: 100px;
}

body.favoriten-sitc .tx-ig-favorite .newview .fairtrade-fovoriten_X,
body.favoriten-sitc .tx-ig-favorite .newview .btn-left.btn-left {
  background-image: url("/typo3conf/ext/ig_favorite/Resources/Public/Images/icon_cross.svg");
  background-repeat: no-repeat;
  background-position: center;
}

body.favoriten-sitc .tx-ig-favorite .newview .fairtrade-fovoriten_X:before {
  content: "\e967";
  color: #E00034;
  display: none;
}

body.favoriten-sitc .tx-ig-favorite .newview .fairtrade-favoritenh_herz,
body.favoriten-sitc .tx-ig-favorite .newview .btn-right.btn-right {
  background-image: url("/typo3conf/ext/ig_favorite/Resources/Public/Images/icon_check.svg");
  background-repeat: no-repeat;
  background-position: center;
}

body.favoriten-sitc .tx-ig-favorite .newview .fairtrade-favoritenh_herz:before {
  content: "\e978";
  color: #BED600;
  display: none;
}

body.favoriten-sitc .tx-ig-favorite .newview .btn-left.btn-left {
  margin-left: 30%;
}

body.favoriten-sitc .tx-ig-favorite .newview .btn-right.btn-right {
  margin-right: 30%;
}

body.favoriten-sitc .tx-ig-favorite .clearer {
  float: none;
  clear: both;
}

body.favoriten-sitc .tx-ig-favorite .btn {
  display: table;
  height: auto;
  xwidth: 260px;
  background-color: #00B9E4;
  color: #FFFFFF;
  font-family: Veneer;
  text-align: center;
  margin: 0px auto;
  border: none;
  font-size: 26px;
  line-height: 32px;
  cursor: pointer;
  padding: 9px 25px;
}

body.favoriten-sitc .tx-ig-favorite .intro,
body.favoriten-sitc .tx-ig-favorite .product-list,
body.favoriten-sitc .tx-ig-favorite .again,
body.favoriten-sitc .tx-ig-favorite .win {
  margin-bottom: 40px;
}

body.favoriten-sitc .tx-ig-favorite h1 {
  height: auto;
  width: 100%;
  color: #FFFFFF;
  font-family: Veneer;
  display: inline-block;
  margin-bottom: 35px;
  text-align: center;
}

body.favoriten-sitc .tx-ig-favorite .start {
  position: relative;
}

body.favoriten-sitc .tx-ig-favorite .start .start-bg {
  background: none;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

body.favoriten-sitc .tx-ig-favorite .start .start-bg img {
  display: block;
  width: 100%;
  height: auto;
}

body.favoriten-sitc .tx-ig-favorite .start .start-wrapper {
  width: 547px;
  position: absolute;
  bottom: 40px;
  right: 153px;
  padding: 20px 30px 30px;
  background: #1E1E1E;
  z-index: 6;
  right: 40px;
}

body.favoriten-sitc .tx-ig-favorite .start .start-wrapper p {
  color: #fff;
  font-family: Helvetica;
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px;
}

body.favoriten-sitc .tx-ig-favorite .start .start-wrapper p.h3 {
  color: #fff;
  font-family: Veneer;
  font-size: 28px;
  line-height: 38px;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px;
}

body.favoriten-sitc .tx-ig-favorite .start .start-wrapper .btn {
  margin: 0;
  background-color: #FECB00;
  color: #1e1e1e;
}

body.favoriten-sitc .tx-ig-favorite .intro h2,
body.favoriten-sitc .tx-ig-favorite .intro .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .intro legend {
  margin: 50px auto 35px;
  width: 50%;
  color: #E0119D;
  font-family: Veneer;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}

body.favoriten-sitc .tx-ig-favorite .intro .box {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20%;
  padding-right: 20%;
  margin-bottom: 40px;
  box-shadow: 0 1px 0 0 rgba(190, 190, 190, 0.5);
}

body.favoriten-sitc .tx-ig-favorite .intro .box .swipe-icons {
  display: none;
}

body.favoriten-sitc .tx-ig-favorite .intro .box .desc {
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
}

body.favoriten-sitc .tx-ig-favorite .intro .box .imges {
  margin: 80px auto 0px !important;
  text-align: center;
  display: block !important;
}

body.favoriten-sitc .tx-ig-favorite .intro .box .imges .dislike,
body.favoriten-sitc .tx-ig-favorite .intro .box .imges .like {
  display: inline-block;
  width: 30%;
}

body.favoriten-sitc .tx-ig-favorite .intro .box .imges .dislike span,
body.favoriten-sitc .tx-ig-favorite .intro .box .imges .like span {
  color: #E0119D;
  font-size: 48px;
  display: block;
}

body.favoriten-sitc .tx-ig-favorite .intro .box .imges .dislike p,
body.favoriten-sitc .tx-ig-favorite .intro .box .imges .like p {
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.3);
  font-family: Helvetica;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-align: center;
  font-family: Veneer;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  color: #4A4A4A;
}

body.favoriten-sitc .tx-ig-favorite .wrapper {
  display: none;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list {
  position: relative;
  min-height: 420px;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 302px;
  border: 0px solid #F9F9F9;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .prod_container {
  height: 420px;
  height: 471px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product hr {
  border-top: 1px solid #A4A4A4;
  opacity: 0.25;
  height: 3px;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .desc {
  color: #333;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 25px;
  text-align: center;
  margin: 0px;
  position: absolute;
  bottom: 15px;
  width: 100%;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline {
  padding: 0px 30px;
  position: absolute;
  top: 30px;
  text-align: center;
  width: 100%;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline h2,
body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline legend {
  text-align: center;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline h2 span,
body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
.tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline legend span {
  color: #fff;
  font-family: Veneer;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  padding: 10px 5px;
  background: #000;
  font-size: 26px;
  padding: 5px 10px;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product.box_rotate_left {
  -webkit-transform: rotate(-15deg) !important;
  -moz-transform: rotate(-15deg) !important;
  -ms-transform: rotate(-15deg) !important;
  -o-transform: rotate(-15deg) !important;
  transform: rotate(-15deg) !important;
  left: -400px;
  opacity: 0;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product.box_rotate_right {
  -webkit-transform: rotate(15deg) !important;
  -moz-transform: rotate(15deg) !important;
  -ms-transform: rotate(15deg) !important;
  -o-transform: rotate(15deg) !important;
  transform: rotate(15deg) !important;
  left: 400px;
  opacity: 0;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product.box_transition {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product:first-child {
  top: 0px;
  z-index: 10;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product:first-child + .product {
  top: 6px;
  z-index: 9;
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}

body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product:first-child + .product + .product {
  top: 12px;
  z-index: 8;
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
  transform: scale(0.96);
}

body.favoriten-sitc .tx-ig-favorite .btn-left,
body.favoriten-sitc .tx-ig-favorite .btn-right {
  margin: 70px 40px 0px;
  height: 62px;
  width: 62px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
}

body.favoriten-sitc .tx-ig-favorite .btn-left span,
body.favoriten-sitc .tx-ig-favorite .btn-right span {
  color: #E0119D;
  font-size: 27px !important;
  line-height: 65px;
}

body.favoriten-sitc .tx-ig-favorite .btn-left.btn-left,
body.favoriten-sitc .tx-ig-favorite .btn-right.btn-left {
  float: left;
}

body.favoriten-sitc .tx-ig-favorite .btn-left.btn-right,
body.favoriten-sitc .tx-ig-favorite .btn-right.btn-right {
  float: right;
}

body.favoriten-sitc .tx-ig-favorite .win {
  display: none;
  text-align: center;
}

body.favoriten-sitc .tx-ig-favorite .win .box {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 100px;
  padding-left: 25%;
  padding-right: 25%;
  margin-bottom: 40px;
  box-shadow: 0 1px 0 0 rgba(190, 190, 190, 0.5);
}

body.favoriten-sitc .tx-ig-favorite .win .box h2,
body.favoriten-sitc .tx-ig-favorite .win .box .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .win .box legend {
  margin: 50px auto 35px;
  width: 50%;
  color: #E0119D;
  font-family: Veneer;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}

body.favoriten-sitc .tx-ig-favorite .win .match {
  color: #D5008B;
  font-family: Veneer;
  font-size: 24px;
  font-weight: normal;
}

body.favoriten-sitc .tx-ig-favorite .win .match p {
  margin-bottom: 15px;
  display: inline;
}

body.favoriten-sitc .tx-ig-favorite .win .match img {
  width: 100%;
}

body.favoriten-sitc .tx-ig-favorite .win .matching {
  display: table;
  text-align: center;
  margin: 0px auto;
}

body.favoriten-sitc .tx-ig-favorite .win .matching .circle {
  background-color: #000;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 100px;
  float: left;
  margin: 20px;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 35px;
  font-weight: bold;
}

body.favoriten-sitc .tx-ig-favorite .win .matching img {
  margin: 20px;
  float: left;
}

body.favoriten-sitc .tx-ig-favorite .win .matching span {
  float: left;
  font-size: 44px;
  line-height: 140px;
}

body.favoriten-sitc .tx-ig-favorite .win p {
  color: #373737;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
}

body.favoriten-sitc .tx-ig-favorite .win p.result {
  font-family: Veneer;
  font-size: 80px;
  line-height: 86px;
  text-align: center;
  text-shadow: 0 2px 4px #FFFFFF;
  color: #44A8D8;
  font-weight: normal;
  background-image: url("/typo3conf/ext/ig_tinder/Resources/Public/Images/bg_match.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  padding: 17% 0px 17% 30px;
  background-position: center;
}

body.favoriten-sitc .tx-ig-favorite #newPart .box {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
  max-width: 552px;
  max-width: 800px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 100px;
  padding: 60px 100px 140px;
}

body.favoriten-sitc .tx-ig-favorite #newPart h2,
body.favoriten-sitc .tx-ig-favorite #newPart .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite #newPart legend {
  margin: 0px auto 20px;
  width: 100%;
  text-align: center;
}

body.favoriten-sitc .tx-ig-favorite #newPart h2 span,
body.favoriten-sitc .tx-ig-favorite #newPart .tx-powermail fieldset legend span,
.tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite #newPart legend span {
  color: #fff;
  font-family: Veneer;
  font-size: 48px;
  line-height: 40px;
  background: #000;
  padding: 5px 10px;
  font-size: 40px;
}

body.favoriten-sitc .tx-ig-favorite #newPart p {
  text-align: center;
  line-height: 28px;
  padding: 20px 50px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .errorMsg {
  margin-top: 20px;
  height: 40px;
  width: 100%;
  color: #E00034;
  visibility: visible;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 25px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .errorMsg.hiddn {
  visibility: hidden;
}

body.favoriten-sitc .tx-ig-favorite #newPart .errorMsg .hiddn {
  visibility: hidden;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields {
  max-width: 400px;
  margin: auto;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields .form label {
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields .form input {
  border: 1px solid #979797;
  background-color: #ffffff;
  width: 100%;
  height: 40px;
  cursor: auto;
  margin-bottom: 10px;
  padding: 10px;
  font-family: Arial;
  font-size: 16px;
  line-height: 40px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields .form input::-webkit-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields .form input:-ms-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields .form input::-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields .form input:-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.favoriten-sitc .tx-ig-favorite #newPart .fields .form .error {
  border: 1px solid #E00034;
}

body.favoriten-sitc .tx-ig-favorite #newPart .powermail_checkbox {
  margin: 20px 0px 0px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .powermail_checkbox input {
  float: left;
}

body.favoriten-sitc .tx-ig-favorite #newPart .powermail_checkbox label {
  position: relative;
  top: -2px;
  color: #373737;
  font-family: Arial;
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin-left: 30px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .powermail_checkbox label a {
  font-weight: bold;
  color: #FAA200;
}

body.favoriten-sitc .tx-ig-favorite #newPart .powermail_checkbox.error .icheckbox_flat-blue {
  background-position: -132px 0px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .powermail_checkbox.error label {
  color: #E00034;
}

body.favoriten-sitc .tx-ig-favorite #newPart .icheckbox_flat-blue {
  float: left;
  margin-left: 0px;
  margin-right: 7px;
  background-position: -44px 0px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .icheckbox_flat-blue.checked {
  background-position: -66px 0px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .btn {
  margin: -200px auto 200px auto;
  background: #FECB00;
  color: #333333;
  padding: 13px 30px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .err {
  border: 1px solid #E00034;
}

body.favoriten-sitc .tx-ig-favorite .shareBtns {
  font-size: 40px;
}

body.favoriten-sitc .tx-ig-favorite .shareBtns .facebook {
  color: #3b5998;
}

body.favoriten-sitc .tx-ig-favorite .shareBtns .twitter {
  color: #00aced;
}

body.favoriten-sitc .tx-ig-favorite .btn.products {
  display: none;
}

body.favoriten-sitc .tx-ig-favorite .thx {
  text-align: center;
  background-color: #fff;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  max-width: 552px;
  max-width: 800px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 100px;
  padding: 60px 100px 140px;
}

body.favoriten-sitc .tx-ig-favorite .thx p {
  margin: 0px auto 40px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
  color: #4A4A4A;
}

body.favoriten-sitc .tx-ig-favorite .thx p span {
  color: #fff;
  font-family: Veneer;
  font-size: 48px;
  line-height: 40px;
  background: #000;
  padding: 5px 10px;
  font-size: 40px;
}

body.favoriten-sitc .tx-ig-favorite .thx h3 {
  font-weight: normal;
  font-style: 28px;
  margin-bottom: 30px;
}

body.favoriten-sitc .tx-ig-favorite .thx span.share {
  color: #4A4A4A;
  font-family: Veneer;
  font-size: 24px;
  font-weight: normal;
  line-height: 32px;
  text-align: center;
  margin: 20px 0px 10px;
  display: block;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper {
  width: 70%;
  height: 400px;
  margin: 0 auto 30px;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper div {
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  display: block;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .three {
  width: 33.3%;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .three img {
  height: 100%;
  width: auto;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .two {
  width: 50%;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .two img {
  height: auto;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .one {
  width: 100%;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .small {
  height: 50%;
  float: left;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .large {
  height: 100%;
  float: right;
}

body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .large.three img,
body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper .large.two img {
  width: auto;
  height: 100%;
}

@media (min-width: 768px) {
  body.favoriten-sitc section.content-after-header {
    padding-top: 134px;
    margin: 0;
  }
}

@media (max-width: 1170px) {
  body.favoriten-sitc .tx-ig-favorite .start .start-wrapper {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    border: 0;
  }

  body.favoriten-sitc .tx-ig-favorite .intro h2,
  body.favoriten-sitc .tx-ig-favorite .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .intro legend {
    margin: 30px auto 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .swipe img {
    float: none;
    margin-right: 0px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click p {
    line-height: 24px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: table;
  }
}

@media (max-width: 997px) {
  body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper {
    width: 80%;
    height: 350px;
    margin: 0 auto 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .thx p {
    font-size: 18px !important;
    line-height: 32px;
    padding: 0px 20px;
  }

  body.favoriten-sitc .tx-ig-favorite .btn-left,
  body.favoriten-sitc .tx-ig-favorite .btn-right {
    margin: 10px auto 0px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box {
    max-width: 610px;
    padding: 30px 80px 90px;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .intro .box {
    max-width: 610px;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .intro h2,
  body.favoriten-sitc .tx-ig-favorite .newview .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .newview .intro legend {
    margin: 0px auto 20px;
    width: 100%;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .wrapper {
    max-width: 610px;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .wrapper .product .prod_container {
    height: 400px;
  }

  body.favoriten-sitc .tx-ig-favorite .win .box {
    padding: 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .win .box h2,
  body.favoriten-sitc .tx-ig-favorite .win .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .win .box legend {
    margin: 30px auto 30px;
    width: 100%;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box .fields {
    padding: 0px 30px;
  }
}

@media (max-width: 769px) {
  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline {
    top: 20px;
  }

  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline h2 span,
  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline legend span {
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px;
    line-height: 48px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box {
    padding: 30px 80px 90px;
  }

  body.favoriten-sitc .tx-ig-favorite .thx {
    width: 96%;
    padding: 30px 80px 90px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart p {
    text-align: center;
    padding: 20px 19px;
    font-size: 15px;
    line-height: 24px;
  }

  body.favoriten-sitc .tx-ig-favorite h1 {
    width: 80%;
    margin: 0px auto 20px;
    display: block;
  }

  body.favoriten-sitc .tx-ig-favorite h1 img {
    margin: 20px 0 0 0;
  }

  body.favoriten-sitc .tx-ig-favorite h2,
  body.favoriten-sitc .tx-ig-favorite .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite legend,
  body.favoriten-sitc .tx-ig-favorite .thx p {
    font-size: 18px !important;
    line-height: 32px;
    padding: 0px 20px;
  }

  body.favoriten-sitc .tx-ig-favorite .btn.products {
    font-size: 22px;
    line-height: 28px;
  }

  body.favoriten-sitc .tx-ig-favorite .box div {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper {
    width: 80%;
    height: 300px;
    margin: 0 auto 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .swipe-icons {
    display: block;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .swipe-icons img {
    height: 65px;
    width: auto;
    margin: 20px 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges {
    margin: 40px auto 0px !important;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .dislike,
  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .like {
    width: 48%;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .dislike span,
  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .like span {
    font-size: 35px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .dislike p,
  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .like p {
    font-size: 12px;
  }

  body.favoriten-sitc .tx-ig-favorite .win .box {
    padding: 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .win .box h2,
  body.favoriten-sitc .tx-ig-favorite .win .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .win .box legend {
    margin: 10px auto 20px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box h2,
  body.favoriten-sitc .tx-ig-favorite #newPart .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite #newPart .box legend {
    font-size: 16px !important;
    line-height: 24px;
    margin-bottom: 20px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box h2 span,
  body.favoriten-sitc .tx-ig-favorite #newPart .box .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite #newPart .box legend span {
    font-size: 24px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box .powermail_checkbox {
    margin: 10px 0px 0px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box label {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box .errorMsg {
    padding: 10px 30px;
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .btn-left.btn-left {
    margin-left: 20%;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .btn-right.btn-right {
    margin-right: 20%;
  }
}

@media (max-width: 450px) {
  body.favoriten-sitc section.content-verteilerseite.margin-footer #c28214 {
    margin-top: 0px;
  }

  body.favoriten-sitc .tx-ig-favorite .start .start-bg img {
    width: 120%;
    margin-left: -10%;
  }

  body.favoriten-sitc section.content.content-trenner .headlineclaim {
    position: absolute;
    top: 0.5%;
    left: 12.5%;
    max-width: 95%;
  }

  body.favoriten-sitc .tx-ig-favorite .start .start-wrapper {
    border-bottom: 1px solid #fff;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .col-12.claim {
    background-size: 290px;
    height: 150px;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .intro .box {
    width: 96%;
    padding: 30px 20px 140px;
  }

  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .desc {
    font-size: 16px;
  }

  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list {
    min-height: 380px;
  }

  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline {
    top: 15px;
  }

  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline h2 span,
  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .headline legend span {
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px;
    line-height: 48px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box {
    width: 96%;
    padding: 30px 20px 90px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box h2,
  body.favoriten-sitc .tx-ig-favorite #newPart .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite #newPart .box legend {
    font-size: 16px !important;
    line-height: 24px;
    margin-bottom: 20px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box h2 span,
  body.favoriten-sitc .tx-ig-favorite #newPart .box .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.favoriten-sitc .tx-ig-favorite #newPart .box legend span {
    font-size: 24px;
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px;
  }

  body.favoriten-sitc .tx-ig-favorite .thx {
    width: 96%;
    padding: 30px 20px 90px;
  }

  body.favoriten-sitc .tx-ig-favorite .thx p {
    font-size: 16px !important;
    line-height: 24px;
    margin-bottom: 20px;
  }

  body.favoriten-sitc .tx-ig-favorite .thx p span {
    font-size: 24px;
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px 5px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .dislike p,
  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .like p {
    font-size: 15px;
  }

  body.favoriten-sitc .tx-ig-favorite div {
    font-size: 15px;
  }

  body.favoriten-sitc .tx-ig-favorite .btn {
    width: auto;
  }

  body.favoriten-sitc .tx-ig-favorite .win .match img {
    width: 85%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  body.favoriten-sitc .tx-ig-favorite .win .match p.result {
    font-size: 65px;
    line-height: 65px;
  }

  body.favoriten-sitc .tx-ig-favorite .win .matching {
    display: table;
    text-align: center;
    margin: 0px auto;
  }

  body.favoriten-sitc .tx-ig-favorite .win .matching .circle {
    width: 75px;
    height: 75px;
    line-height: 77px;
    font-size: 26px;
  }

  body.favoriten-sitc .tx-ig-favorite .win .matching img {
    width: 77px;
    height: 77px;
  }

  body.favoriten-sitc .tx-ig-favorite .win .matching span {
    float: left;
    font-size: 37px;
    line-height: 125px;
  }

  body.favoriten-sitc .tx-ig-favorite .thx .img-wrapper {
    width: 100%;
    height: 250px;
    margin: 0 auto 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .thx img {
    width: 90%;
    height: auto;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .swipe-icons {
    display: block;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .swipe-icons img {
    height: 55px;
    width: auto;
    margin: 20px 30px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges {
    margin: 40px auto 0px !important;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .dislike,
  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .like {
    width: 48%;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .dislike span,
  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .like span {
    font-size: 25px;
  }

  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .dislike p,
  body.favoriten-sitc .tx-ig-favorite .intro .box .click .imges .like p {
    font-size: 12px;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box label {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  body.favoriten-sitc .tx-ig-favorite #newPart .box .errorMsg {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .prod_container {
    width: 96%;
    margin: 0 2%;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .btn-left.btn-left {
    margin-left: 15%;
  }

  body.favoriten-sitc .tx-ig-favorite .newview .btn-right.btn-right {
    margin-right: 15%;
  }
}

.tx-ig-favorite .select3000 {
  display: block;
  width: 200px;
  height: 38px;
  border-color: #979797;
  margin-bottom: 10px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .icheckbox_flat-blue {
  border: 1px solid #979797;
  background-position: -45px -1px;
}

body.favoriten-sitc .tx-ig-favorite #newPart .icheckbox_flat-blue.checked {
  background-position: -67px -1px;
}

@media (max-width: 1200px) {
  body.favoriten-sitc section.content-verteilerseite.content.content-after-header {
    margin-top: 0px;
    padding-top: 0px;
  }
}

/*
* Importiere Extension ig_voting2018
*/

.tx-ig-voting2018 h1,
.tx-ig-voting2018 h2,
.tx-ig-voting2018 .tx-powermail fieldset legend,
.tx-powermail fieldset .tx-ig-voting2018 legend,
.tx-ig-voting2018 h3 {
  text-align: center;
}

.tx-ig-voting2018 .btn {
  background-color: #00B9E4;
  padding: 5px 15px 3px;
  color: #FFFFFF;
  font-family: Veneer;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 20px;
  display: inline-block;
  cursor: pointer;
}

.tx-ig-voting2018 .btn.back {
  background-color: #E0119D;
  color: #fff;
}

.tx-ig-voting2018 .btn.back:before {
  font-family: 'fairtrade' !important;
  content: " \e90a ";
  margin-right: 15px;
}

.tx-ig-voting2018 .closer {
  position: absolute;
  right: -16px;
  top: -16px;
  background-color: #000000;
  width: 32px;
  height: 33px;
  border-radius: 100px;
  cursor: pointer;
}

.tx-ig-voting2018 .closer span {
  color: #FFFFFF;
  font-size: 18px;
  margin: 7px;
  display: inline-block;
}

.tx-ig-voting2018 .shareBtns {
  line-height: 50px;
  height: 65px;
}

.tx-ig-voting2018 .shareBtns a {
  margin: 0px 7px;
}

.tx-ig-voting2018 .shareBtns a span {
  font-size: 40px;
}

.tx-ig-voting2018 .shareBtns .mailto {
  display: inline;
  color: #00b9e4;
  margin: 0px 7px;
  cursor: pointer;
}

.tx-ig-voting2018 .shareBtns .mailto:hover {
  color: #23527c;
}

.tx-ig-voting2018 .shareBtns .mailto span {
  font-size: 40px;
}

.tx-ig-voting2018 .sub-header {
  color: #171717;
  font-family: Veneer;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  margin-bottom: 20px;
}

.tx-ig-voting2018 .topFive {
  margin-top: 30px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}

.tx-ig-voting2018 .topFive .single {
  display: inline-block;
  width: 100%;
}

.tx-ig-voting2018 .topFive .single .application {
  height: 80px;
  box-shadow: none;
  color: #171717;
  padding: 0px;
  font-family: Veneer;
  margin-bottom: 20px;
  vertical-align: middle;
  background-color: #fff;
  padding-right: 10px;
}

.tx-ig-voting2018 .topFive .single .application .ranking {
  background-color: #FECB00;
  background-color: #00B9E4;
  background-image: url("/typo3conf/ext/ig_voting2018/Resources/Public/Img/cup_white.png");
  background-size: 41px;
  background-repeat: no-repeat;
  background-position: 20px 20px;
  height: 80px;
  color: #fff;
  font-size: 50px;
  line-height: 80px;
  padding-left: 68px;
}

.tx-ig-voting2018 .topFive .single .application .app_institution {
  font-size: 20px;
  line-height: 40px;
  max-height: 40px;
  overflow: hidden;
}

.tx-ig-voting2018 .topFive .single .application .lg-votes,
.tx-ig-voting2018 .topFive .single .application .sm-votes {
  width: 100%;
  min-width: 50px;
  height: 32px;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 33px;
  background: #E0119D !important;
}

.tx-ig-voting2018 .topFive .single .application .lg-votes span,
.tx-ig-voting2018 .topFive .single .application .sm-votes span {
  color: #849500;
  color: #8F226A;
  padding: 0px 3px 0px 8px;
}

.tx-ig-voting2018 .topFive .single .application .lg-votes .curVote,
.tx-ig-voting2018 .topFive .single .application .sm-votes .curVote {
  display: inline;
  font-size: 20px;
  color: #FFF;
}

.tx-ig-voting2018 .topFive .single .application .app_image {
  height: 70px;
  margin: 5px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
}

.tx-ig-voting2018 .list .application {
  padding: 10px 10px 0px 10px;
  margin-bottom: 20px;
  vertical-align: middle;
  background-color: #fff;
  height: 265px;
}

.tx-ig-voting2018 .list .application .app_image {
  width: 100%;
  height: 150px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F6F6F6;
  margin-bottom: 6px;
}

.tx-ig-voting2018 .list .application .app_image.dummy {
  background-image: url("/typo3conf/ext/ig_voting2018/Resources/Public/Img/Shape.png");
  background-size: 50%;
  background-color: #DEDEDE;
  background-position: bottom;
}

.tx-ig-voting2018 .list .application .app_institution {
  font-family: 'Veneer', 'Arial', sans-serif;
  background-color: #FFFFFF;
  color: #171717;
  font-size: 18px;
  line-height: 22px;
  padding: 2px 5px;
  height: 72px;
}

.tx-ig-voting2018 .list .application .adds {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.3);
  font-family: 'Veneer', 'Arial', sans-serif;
  position: relative;
  bottom: 0px;
}

.tx-ig-voting2018 .list .application .adds .votes {
  display: inline-block;
  width: 50%;
  cursor: pointer;
}

.tx-ig-voting2018 .list .application .adds .votes:before {
  font-family: 'fairtrade' !important;
  content: " \e97c ";
  font-size: 14px;
}

.tx-ig-voting2018 .list .application .adds .ranking {
  display: inline-block;
  width: 36%;
}

.tx-ig-voting2018 .list .application .adds .ranking:before {
  font-family: 'fairtrade' !important;
  content: " \e97e ";
  font-size: 14px;
  position: relative;
  left: -8px;
  font-weight: bold;
}

.tx-ig-voting2018 .list .application .adds .single {
  display: inline-block;
  width: 10%;
  text-align: right;
}

.tx-ig-voting2018 .list .application .adds .single span {
  line-height: 20px;
}

.tx-ig-voting2018 .list .application .adds .single span:before {
  font-size: 14px;
}

.tx-ig-voting2018 .list .application .adds .single .fairtrade-icon_pfeil_3_rechts {
  color: #E0119D;
}

.tx-ig-voting2018 .list .application .adds .single .fairtrade-icon_pfeil_3_rechts:hover {
  color: #8F226A;
}

.tx-ig-voting2018 .single-view .top {
  background-color: #fff;
  margin-bottom: 70px;
}

.tx-ig-voting2018 .single-view .top .app_institution {
  font-family: Veneer;
  color: #171717;
  font-family: Veneer;
  font-size: 32px;
  line-height: 40px;
  height: 117px;
  margin: 20px 20px 20px 40px;
}

.tx-ig-voting2018 .single-view .top .app_image {
  margin: 20px;
  width: 100%;
  height: 268px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  background-color: #F6F6F6;
}

.tx-ig-voting2018 .single-view .top .adds {
  color: #A3A3A3;
  font-family: Veneer;
  font-size: 28px;
  line-height: 35px;
  text-align: center;
  display: table;
  width: 100%;
}

.tx-ig-voting2018 .single-view .top .adds .votes {
  display: inline-block;
  margin-bottom: 35px;
  margin-left: 50px;
  float: left;
}

.tx-ig-voting2018 .single-view .top .adds .votes:before {
  font-family: 'fairtrade' !important;
  content: " \e97c ";
  font-size: 28px;
  color: #E0119D;
  position: relative;
  left: -10px;
}

.tx-ig-voting2018 .single-view .top .adds .votes span {
  color: #A3A3A3;
}

.tx-ig-voting2018 .single-view .top .adds .ranking {
  float: right;
  display: inline-block;
  margin-bottom: 35px;
  margin-right: 30px;
}

.tx-ig-voting2018 .single-view .top .adds .ranking:before {
  width: 30px;
  height: 30px;
  background-image: url("/typo3conf/ext/ig_voting2018/Resources/Public/Img/cup_color.png");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  position: relative;
  left: -6px;
  top: 4px;
}

.tx-ig-voting2018 .single-view .top .adds .ranking span {
  color: #A3A3A3;
}

.tx-ig-voting2018 .single-view .top .confirmSms {
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 10px;
  float: left;
  line-height: 12px;
  display: none;
  background-color: transparent;
  width: 100%;
  text-align: left;
  margin: 10px 0px 0px 38px;
  text-decoration: underline;
}

.tx-ig-voting2018 .single-view .top .vote {
  display: block;
  background-color: #E0119D;
  color: #FFFFFF;
  font-family: Veneer;
  font-size: 26px;
  line-height: 46px;
  padding: 1px 15px 0px;
  width: 250px;
  margin: 0px auto;
  text-align: center;
  cursor: pointer;
}

.tx-ig-voting2018 .single-view .top .vote:after {
  font-family: 'fairtrade' !important;
  content: " \e908 ";
  position: relative;
  right: -7px;
  top: 1px;
}

.tx-ig-voting2018 .social {
  padding: 30px 0px;
  border-top: solid 1px #00B9E4;
  font-family: Veneer;
  line-height: 30px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.tx-ig-voting2018 .social .share {
  font-family: Veneer;
  line-height: 30px;
  font-size: 16px;
  position: relative;
  top: -6px;
  margin-right: 30px;
}

.tx-ig-voting2018 .social .fb {
  color: #3b5998;
  font-family: 'fairtrade' !important;
  content: " \e91a ";
  font-size: 30px;
  display: inline-block;
  margin-right: 30px;
}

.tx-ig-voting2018 .social .tw {
  color: #00aced;
  font-family: 'fairtrade' !important;
  content: " \e91b ";
  font-size: 30px;
  display: inline-block;
  margin-right: 30px;
}

.tx-ig-voting2018 .box {
  margin-bottom: 45px;
}

.tx-ig-voting2018 .box .header {
  color: #171717;
  font-family: Veneer;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}

.tx-ig-voting2018 .box .content {
  background-color: #FFFFFF;
  color: rgba(23, 23, 23, 0.6);
  color: #333;
  font-size: 15px;
  line-height: 24px;
  padding: 25px;
}

.tx-ig-voting2018 .overlay {
  display: none;
  position: fixed;
  padding: 0px;
  width: 700px;
  left: 50%;
  margin-left: -350px;
  height: auto;
  top: 50%;
  margin-top: -245px;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 5px 5px;
  z-index: 100;
}

.tx-ig-voting2018 .overlay:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #FFF;
  z-index: -1;
  border-radius: 5px 5px 5px 5px;
}

.tx-ig-voting2018 .overlay:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -2;
}

.tx-ig-voting2018 .overlay .loader {
  display: none;
  position: absolute;
  width: 150px;
  height: 150px;
  left: 50%;
  top: 50%;
  margin: -75px 0px 0px -50px;
}

.tx-ig-voting2018 .overlay .step1,
.tx-ig-voting2018 .overlay .step2,
.tx-ig-voting2018 .overlay .step3 {
  display: none;
}

.tx-ig-voting2018 .overlay .step3 {
  text-align: center;
}

.tx-ig-voting2018 .overlay .header {
  color: #171717;
  font-family: Veneer;
  font-size: 40px;
  line-height: 49px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 30px;
}

.tx-ig-voting2018 .overlay .desc {
  color: rgba(23, 23, 23, 0.6);
  font-family: Helvetica;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 30px;
  padding: 0px 15px;
}

.tx-ig-voting2018 .overlay form {
  background-color: #F6F6F6;
  padding: 10px 40px 40px 40px;
  text-align: center;
  border-radius: 0px 0px 5px 5px;
}

.tx-ig-voting2018 .overlay .form-wrapper {
  display: table;
  width: 100%;
}

.tx-ig-voting2018 .overlay input {
  border: 1px solid #00B9E4;
  background-color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
  height: 48px;
  padding: 15px;
  float: left;
  width: 450px;
}

.tx-ig-voting2018 .overlay input.invalid {
  border: 2px solid #e00034;
  color: #e00034;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.tx-ig-voting2018 .overlay .error-msg {
  visibility: hidden;
  color: #e00034;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}

.tx-ig-voting2018 .overlay button {
  height: 48px;
  background-color: #00B9E4;
  color: #FFFFFF;
  font-family: Veneer;
  font-size: 26px;
  line-height: 32px;
  border: 0;
  float: right;
  padding: 0px 10px;
  width: 150px;
}

.tx-ig-voting2018 .overlay .btn.close {
  height: 48px;
  background-color: #00B9E4;
  color: #FFFFFF;
  font-family: Veneer;
  font-size: 26px;
  line-height: 40px;
  border: 0;
  margin: 0px auto 18px;
  display: inline-block;
  text-align: center;
}

@media (max-width: 767px) {
  .tx-ig-voting2018 .topFive .single {
    display: inline-block;
    width: 100%;
  }

  .tx-ig-voting2018 .topFive .single .application {
    padding-right: 0px;
    display: table;
    width: 100%;
  }

  .tx-ig-voting2018 .topFive .single .application .ranking {
    background-position: 50%;
    text-align: left;
  }

  .tx-ig-voting2018 .topFive .single .application .lg-votes,
  .tx-ig-voting2018 .topFive .single .application .sm-votes {
    width: 100%;
  }

  .tx-ig-voting2018 .topFive .single .application .lg-votes span,
  .tx-ig-voting2018 .topFive .single .application .sm-votes span {
    color: #849500;
    padding: 0px 3px 0px 8px;
  }

  .tx-ig-voting2018 .topFive .single .application .lg-votes .curVote,
  .tx-ig-voting2018 .topFive .single .application .sm-votes .curVote {
    display: inline;
    font-size: 20px;
  }

  .tx-ig-voting2018 .topFive .single .application .app_image {
    height: 140px;
    background-position: center;
  }

  .tx-ig-voting2018 .topFive .single .application .app_institution {
    padding: 0px 10px;
    line-height: 30px;
    margin-bottom: 5px;
  }

  .tx-ig-voting2018 .list .application .app_image {
    padding: 5px 0px;
  }

  .tx-ig-voting2018 .list .application .app_image.dummy {
    background-size: contain;
  }

  .tx-ig-voting2018 .list .application .app_institution {
    font-family: 'Veneer', 'Arial', sans-serif;
    background-color: #FFFFFF;
    color: #171717;
    font-size: 18px;
    line-height: 22px;
    padding: 2px 5px;
    height: 69px;
  }

  .tx-ig-voting2018 .list .application .adds {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.3);
    font-family: 'Veneer', 'Arial', sans-serif;
    position: relative;
    bottom: 0px;
  }

  .tx-ig-voting2018 .list .application .adds .votes {
    display: inline-block;
    width: 50%;
  }

  .tx-ig-voting2018 .list .application .adds .votes:before {
    font-family: 'fairtrade' !important;
    content: " \e97c ";
    font-size: 14px;
  }

  .tx-ig-voting2018 .list .application .adds .ranking {
    display: inline-block;
    width: 36%;
  }

  .tx-ig-voting2018 .list .application .adds .ranking:before {
    font-family: 'fairtrade' !important;
    content: " \e97e ";
    font-size: 14px;
    position: relative;
    left: -8px;
    font-weight: bold;
  }

  .tx-ig-voting2018 .list .application .adds .single {
    display: inline-block;
    width: 10%;
    text-align: right;
  }

  .tx-ig-voting2018 .list .application .adds .single span {
    line-height: 20px;
  }

  .tx-ig-voting2018 .list .application .adds .single span:before {
    font-size: 14px;
  }

  .tx-ig-voting2018 .single-view .top .app_institution {
    text-align: center;
    height: auto;
  }

  .tx-ig-voting2018 .single-view .top .adds .votes,
  .tx-ig-voting2018 .single-view .top .adds .ranking {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0px 0px 20px 0px;
  }

  .tx-ig-voting2018 .single-view .top .app_image {
    width: auto;
  }

  .tx-ig-voting2018 .single-view .top .vote {
    margin: 0px auto 20px;
  }

  .tx-ig-voting2018 .overlay {
    padding: 0px;
    width: auto;
    left: 0px;
    margin: 0px 20px 0px 20px;
    top: 10px;
    position: absolute;
  }

  .tx-ig-voting2018 .overlay .error-msg {
    height: auto;
  }

  .tx-ig-voting2018 .overlay form {
    padding: 20px;
  }

  .tx-ig-voting2018 .overlay input {
    float: none;
    width: 90%;
    margin: 15px;
  }

  .tx-ig-voting2018 .overlay button {
    float: none;
    width: auto;
    margin: 15px;
  }

  .tx-ig-voting2018 .overlay .btn.close {
    height: 48px;
    background-color: #00B9E4;
    color: #FFFFFF;
    font-family: Veneer;
    font-size: 26px;
    line-height: 40px;
    border: 0;
    margin: 0px auto 18px;
    display: inline-block;
    text-align: center;
  }
}

@media (max-width: 1169px) {
  .tx-ig-voting2018 .topFive .single .application .ranking {
    background-position: 15px 20px;
    padding-left: 60px;
  }
}

.tx-ig-voting2018 .list .application .app_image {
  background-size: cover;
}

.tx-ig-voting2018 .list .application .app_image > span {
  font-size: 70px;
  left: 37%;
  top: 14%;
  position: absolute;
}

.tx-ig-voting2018 .single-view .top .show2019 .app_image {
  width: auto;
  background-size: cover;
}

.tx-ig-voting2018 .single-view .top .show2019 .app_institution {
  height: auto;
}

.tx-ig-voting2018 .single-view .top .show2019 .adds .ranking {
  float: left;
  margin-left: 38px;
}

.tx-ig-voting2018 .single-view .top .show2019 .vote {
  float: left;
  margin-left: 38px;
}

.tx-ig-voting2018 .single-view .top .show2019 .ft-video .video-container {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  transition: visibility 350ms linear,opacity 350ms linear,transform 350ms linear;
  transform: scale3d(0.7, 0.7, 0.7);
}

.tx-ig-voting2018 .single-view .top .show2019 .vote-over {
  display: block;
  background-color: #ccc;
  color: #fff;
  font-family: Veneer;
  font-size: 26px;
  line-height: 46px;
  padding: 1px 15px 0px;
  width: 250px;
  margin: 0px auto;
  text-align: center;
  cursor: no-drop;
  float: left;
  margin-left: 38px;
}

.tx-ig-voting2018 .overlay .error-msg {
  padding: 0px 10px;
}

@media (max-width: 767px) {
  html .tx-ig-voting2018 .single-view .top .adds .votes,
  html .tx-ig-voting2018 .single-view .top .adds .ranking,
  html .tx-ig-voting2018 .single-view .top .show2019 .adds .ranking {
    margin: 0px;
  }

  html .tx-ig-voting2018 .single-view .top .show2019 .vote,
  html .tx-ig-voting2018 .single-view .top .show2019 .vote-over {
    display: inline-block;
    float: none;
    margin: 15px auto;
  }
}

/*
* Importiere Extension igx_rondell
*/

.tx-igx-rondell {
  margin-top: -35px;
}

.tx-igx-rondell .portrait-slider {
  width: 100%;
  height: 270px;
  background: #1e1e1e;
  overflow: hidden;
  position: relative;
}

.tx-igx-rondell .portrait-slider .dot-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  opacity: 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner {
  text-align: right;
  margin: 0 auto;
  padding: 15px 15px 15px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul {
  width: auto;
  display: inline-block;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  margin-left: 2px;
  cursor: pointer;
  background-image: url("/fileadmin/system/img/jubilaeum/filters-sprite.png");
  background-size: 240px auto;
  background-position: 200px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="2"] {
  background-position: 120px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="3"] {
  background-position: 160px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="5"] {
  background-position: 80px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="6"] {
  background-position: 40px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="7"] {
  background-position: 0 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="11"] {
  background-position: 80px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="8"] {
  background-position: 200px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="10"] {
  background-position: 160px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="13"] {
  background-position: 240px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li[data-category="9"] {
  background-position: 120px 0;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li:hover,
.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner ul li.active {
  background-position-y: 40px;
}

.tx-igx-rondell .portrait-slider .dot-wrap .dot-inner,
.tx-igx-rondell .portrait-slider .item {
  width: 300px;
}

.tx-igx-rondell .portrait-slider .item {
  opacity: 0.4;
  transition: .4s ease all;
  margin: 0;
}

.tx-igx-rondell .portrait-slider .item a.more-link {
  position: absolute;
  bottom: 30px;
  right: 30px;
  color: #fff;
  font-size: 18px;
  font-family: 'Veneer', 'Arial', sans-serif;
  padding: 5px 10px;
  display: inline-block;
  opacity: 0;
  transition: opacity 300ms linear;
}

.tx-igx-rondell .portrait-slider .item a.more-link-mobile {
  position: absolute;
  right: 5px;
  bottom: 5px;
  line-height: 20px;
  font-size: 20px;
  color: #1e1e1e;
}

.tx-igx-rondell .portrait-slider .item .content-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  opacity: 0;
  transition: opacity 300ms linear;
}

.tx-igx-rondell .portrait-slider .item .content-wrap p.zitat {
  font-size: 18px;
  line-height: 28px;
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #1e1e1e;
  margin-bottom: 10px;
}

.tx-igx-rondell .portrait-slider .item .content-wrap p.zitat span.highlight {
  display: inline;
  background: #fff;
  color: #1e1e1e;
  padding: 2px;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.tx-igx-rondell .portrait-slider .item .content-wrap p.subline {
  font-size: 18px;
  line-height: 28px;
  color: #1e1e1e;
  font-family: 'Veneer', 'Arial', sans-serif;
  background: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin: 0;
}

.tx-igx-rondell .portrait-slider .item[data-category="1"] .content-wrap p.zitat span.highlight {
  color: #00b9e4;
}

.tx-igx-rondell .portrait-slider .item[data-category="1"] a.more-link {
  background: #00b9e4;
}

.tx-igx-rondell .portrait-slider .item[data-category="2"] .content-wrap p.zitat span.highlight {
  color: #fecb00;
}

.tx-igx-rondell .portrait-slider .item[data-category="2"] a.more-link {
  background: #fecb00;
}

.tx-igx-rondell .portrait-slider .item[data-category="3"] .content-wrap p.zitat span.highlight {
  color: #bed600;
}

.tx-igx-rondell .portrait-slider .item[data-category="3"] a.more-link {
  background: #bed600;
}

.tx-igx-rondell .portrait-slider .item[data-category="5"] .content-wrap p.zitat span.highlight {
  color: #ffa02f;
}

.tx-igx-rondell .portrait-slider .item[data-category="5"] a.more-link {
  background: #ffa02f;
}

.tx-igx-rondell .portrait-slider .item[data-category="6"] .content-wrap p.zitat span.highlight {
  color: #80379b;
}

.tx-igx-rondell .portrait-slider .item[data-category="6"] a.more-link {
  background: #80379b;
}

.tx-igx-rondell .portrait-slider .item[data-category="7"] .content-wrap p.zitat span.highlight {
  color: #e431aa;
}

.tx-igx-rondell .portrait-slider .item[data-category="7"] a.more-link {
  background: #e431aa;
}

.tx-igx-rondell .portrait-slider .item[data-category="8"] .content-wrap p.zitat span.highlight {
  color: #00b9e4;
}

.tx-igx-rondell .portrait-slider .item[data-category="8"] a.more-link {
  background: #00b9e4;
}

.tx-igx-rondell .portrait-slider .item[data-category="9"] .content-wrap p.zitat span.highlight {
  color: #fecb00;
}

.tx-igx-rondell .portrait-slider .item[data-category="9"] a.more-link {
  background: #fecb00;
}

.tx-igx-rondell .portrait-slider .item[data-category="10"] .content-wrap p.zitat span.highlight {
  color: #bed600;
}

.tx-igx-rondell .portrait-slider .item[data-category="10"] a.more-link {
  background: #bed600;
}

.tx-igx-rondell .portrait-slider .item[data-category="11"] .content-wrap p.zitat span.highlight {
  color: #ffa02f;
}

.tx-igx-rondell .portrait-slider .item[data-category="11"] a.more-link {
  background: #ffa02f;
}

.tx-igx-rondell .portrait-slider .item[data-category="13"] .content-wrap p.zitat span.highlight {
  color: #e431aa;
}

.tx-igx-rondell .portrait-slider .item[data-category="13"] a.more-link {
  background: #e431aa;
}

.tx-igx-rondell .portrait-slider .item[data-category="20"] .content-wrap p.zitat span.highlight {
  color: #80379B;
}

.tx-igx-rondell .portrait-slider .item[data-category="20"] a.more-link {
  background: #80379B;
}

.tx-igx-rondell .portrait-slider .center .item {
  opacity: 1;
}

.tx-igx-rondell .portrait-slider .center .item .content-wrap {
  opacity: 1;
}

.tx-igx-rondell .portrait-slider .center .item a.more-link {
  opacity: 1;
}

.tx-igx-rondell .portrait-slider .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.tx-igx-rondell .swiper-attachments {
  display: block;
}

.tx-igx-rondell .swiper-attachments .swiper-button-prev,
.tx-igx-rondell .swiper-attachments .swiper-button-next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 4;
  left: 45px;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 35px;
  font-size: 35px;
  color: #fff;
  opacity: 0.5;
  transition: opacity 150ms linear;
}

.tx-igx-rondell .swiper-attachments .swiper-button-prev:hover,
.tx-igx-rondell .swiper-attachments .swiper-button-next:hover {
  opacity: 0.8;
}

.tx-igx-rondell .swiper-attachments .swiper-button-next {
  left: auto;
  right: 45px;
}

@media (min-width: 768px) {
  .tx-igx-rondell .portrait-slider {
    height: 440px;
  }

  .tx-igx-rondell .portrait-slider a.stoerer {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 6;
  }

  .tx-igx-rondell .portrait-slider .dot-wrap .dot-inner,
  .tx-igx-rondell .portrait-slider .item {
    width: 500px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap {
    padding: 25px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.zitat {
    font-size: 30px;
    line-height: 55px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.zitat span.highlight {
    padding: 7px;
  }

  .tx-igx-rondell .swiper-attachments {
    display: block;
  }
}

@media (min-width: 980px) {
  .tx-igx-rondell .portrait-slider {
    height: 720px;
  }

  .tx-igx-rondell .portrait-slider .dot-wrap .dot-inner,
  .tx-igx-rondell .portrait-slider .item {
    width: 800px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap {
    padding: 0 200px 30px 30px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.zitat {
    font-size: 50px;
    line-height: 78px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.zitat.size-3 {
    font-size: 45px;
    line-height: 73px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.zitat.size-2 {
    font-size: 40px;
    line-height: 68px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.zitat.size-1 {
    font-size: 35px;
    line-height: 63px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.zitat span.highlight {
    padding: 7px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.subline {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .tx-igx-rondell .portrait-slider {
    overflow: visible;
    margin-bottom: 75px;
  }

  .tx-igx-rondell .portrait-slider .dot-wrap {
    top: 100%;
    background: #1e1e1e;
  }

  .tx-igx-rondell .portrait-slider .dot-wrap .dot-inner {
    text-align: center;
    padding: 15px 0;
  }

  .tx-igx-rondell .portrait-slider a.stoerer {
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 5;
    margin-top: 65px;
  }

  .tx-igx-rondell .portrait-slider a.stoerer img {
    height: 60px;
  }

  .tx-igx-rondell .swiper-attachments .swiper-button-prev {
    left: 10px;
  }

  .tx-igx-rondell .swiper-attachments .swiper-button-next {
    right: 10px;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap p.subline {
    font-size: 12px;
    line-height: 15px;
    background: none;
    padding: 0;
  }

  .tx-igx-rondell .portrait-slider .item .content-wrap {
    padding-bottom: 5px;
  }
}

/*
* Importiere Extension igx_rezepte
*/

/* Rezepte*/

.tx-igx-rezepte .dashboard .filteroptions {
  background: #fff;
  margin: 0;
  border-top: 4px solid #00c6ea;
}

.tx-igx-rezepte .dashboard .filteroptions .col-xl-5 > div {
  margin-bottom: 20px;
}

.tx-igx-rezepte .dashboard .filteroptions .filtersubmit {
  background: #bed600;
  color: #fff;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 9px 25px 7px;
  display: inline-block;
  width: auto;
  font-family: 'Arial', 'Helvetica Neue', Helvetica;
  margin: 0 10px 0 0;
}

.tx-igx-rezepte .dashboard .filteroptions .filtersubmit:hover {
  background: #cde700;
}

@media (min-width: 768px) {
  .tx-igx-rezepte .dashboard .filteroptions .filtersubmit {
    margin: 0 10px 20px 0;
  }
}

.tx-igx-rezepte .dashboard .filteroptions .filtercancel {
  background: #D2D2D2;
  color: #666;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 9px 25px 7px;
  display: inline-block;
  font-family: 'Arial', 'Helvetica Neue', Helvetica;
  margin: 0 10px 20px 0;
}

.tx-igx-rezepte .dashboard .filteroptions .filtercancel:hover {
  background: #E6E6E6;
}

.tx-igx-rezepte .dashboard .filteroptions .filtersubmit,
.tx-igx-rezepte .dashboard .filteroptions .filtercancel {
  width: 100%;
  line-height: 28px;
  padding: 7px 0 7px;
  text-align: center;
  border: 0 none;
}

@media (min-width: 768px) {
  .tx-igx-rezepte .dashboard .filteroptions .filtersubmit,
  .tx-igx-rezepte .dashboard .filteroptions .filtercancel {
    width: 45%;
    display: inline-block;
    float: left;
  }
}

.tx-igx-rezepte .filter_wrap {
  border-top: 6px solid #00b9e4;
}

.tx-igx-rezepte .product-detail-image-thumb img {
  float: right;
  box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.tx-igx-rezepte .categoriez {
  padding: 0;
  margin: 0;
}

.tx-igx-rezepte .swiper-container {
  padding: 15px;
}

.tx-igx-rezepte .swiper-slide {
  width: 120px;
}

.tx-igx-rezepte .chosen-container-multi .chosen-choices:before {
  display: none;
}

.tx-igx-rezepte .chosen-container-multi .chosen-choices li.search-choice {
  float: left;
  display: inline-block;
  position: relative;
}

/*
* Importiere Extension ig_chatquiz
 */

.tx-ig-chatquiz {
  background-color: transparent;
  margin-bottom: 30px;
  margin-top: 100px;
}

.tx-ig-chatquiz .chat-window .logo {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 73px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/typo3conf/ext/ig_chatquiz/Resources/Public/Icons/keyvisual.png");
  z-index: 3;
}

@media (min-width: 768px) {
  .tx-ig-chatquiz .chat-window .logo {
    background-position: left;
    height: 103px;
    left: -50px;
    top: -60px;
  }
}

.tx-ig-chatquiz .chat-window .chat-area {
  min-height: 647px;
  max-height: 647px;
  overflow-y: scroll;
  background-color: #fff;
  box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 50px 10px 20px 10px;
  border-radius: 10px 10px 0 0;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .question {
  display: flex;
  margin-bottom: 20px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .avatar {
  background-image: url("/typo3conf/ext/ig_chatquiz/Resources/Public/Icons/fairtrade-avatar.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 62px;
  height: 62px;
  margin-top: -4px;
  margin-right: 10px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .question > div:not(.avatar) {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #00B9E4;
  border-radius: 8px;
  padding: 10px;
  width: calc(100% - 82px);
  position: relative;
  max-width: 350px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .question > div:not(.avatar) span {
  font-weight: bold;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .question > div:not(.avatar) .image {
  margin-top: 1rem;
  border: 5px solid #fff;
  border-radius: 8px;
  background-color: #fff;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .question > div:not(.avatar) .image img.rounded-corners {
  border-radius: 8px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .question > div:not(.avatar):before {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #00B9E4;
  border-bottom: 10px solid transparent;
  left: -10px;
  top: 20px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .answer {
  transition: all 500ms cubic-bezier(0.55, 0.01, 1, 0.645);
  transition-timing-function: cubic-bezier(0.55, 0.01, 1, 0.645);
  background-color: #BED600;
  color: #fff;
  padding: 20px 10px;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  margin-right: 10px;
  margin-left: calc(100% - ( 100% - 82px));
  max-width: 350px;
  opacity: 0;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .answer:after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #BED600;
  border-bottom: 10px solid transparent;
  right: -10px;
  top: 20px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .answer .edit-answer {
  position: absolute;
  width: 16px;
  height: 16px;
  left: -30px;
  background-image: url("/typo3conf/ext/ig_chatquiz/Resources/Public/Icons/edit.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .answer.show {
  opacity: 1;
  transition: opacity cubic-bezier(0.55, 0.01, 1, 0.645) 0.5s;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .answer.onEdit {
  background-color: #dedede;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .answer.onEdit:after {
  border-left: 10px solid #dedede;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .possibleAnswers {
  display: flex;
  background: #dedede;
  color: #fff;
  border-radius: 8px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .possibleAnswers button#saveNewAnswer {
  border: none;
  width: 32px;
  height: 32px;
  background-color: #00B9E4;
  border-radius: 50%;
  background-image: url("/typo3conf/ext/ig_chatquiz/Resources/Public/Icons/send.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .possibleAnswers input[type="text"] {
  background: #dedede;
  border: none;
  width: 100%;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .possibleAnswers .radioWrapper {
  background-color: #fff;
  border-radius: 8px;
  margin-right: 15px;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .possibleAnswers .radioWrapper label {
  width: 100%;
  padding: 12px;
  color: #000;
  margin-bottom: 0;
}

.tx-ig-chatquiz .chat-window .chat-area .question-block .possibleAnswers .radioWrapper label input[type="radio"] {
  margin-right: 15px;
}

@media (min-width: 576px) {
  .tx-ig-chatquiz .chat-window .chat-area .question-block .answer {
    margin-right: auto;
    margin-left: calc(100% - 350px - 20px);
  }
}

.tx-ig-chatquiz .chat-window .counter-wrap {
  background: #fff;
  padding: 25px 0;
}

.tx-ig-chatquiz .chat-window .counter-wrap .counter {
  background: #E0119D;
  text-align: center;
  max-width: 170px;
  margin: 0 auto;
  border-radius: 15px;
  width: 140px;
  bottom: 110px;
  left: calc((100% - 140px) / 2);
}

.tx-ig-chatquiz .chat-window .counter-wrap .counter p {
  color: #fff;
  font-size: 14px;
  font-family: "Helvetica Neue";
  font-weight: bold;
  padding: 4px 0;
  margin-bottom: 0;
}

.tx-ig-chatquiz .chat-window .user-input {
  background: #EDEDED;
  padding: 20px 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0 0 10px 10px;
}

.tx-ig-chatquiz .chat-window .user-input form {
  display: flex;
}

.tx-ig-chatquiz .chat-window .user-input form .userInputArea {
  width: calc(100% - 60px);
}

.tx-ig-chatquiz .chat-window .user-input form .userInputArea label input[type="radio"] {
  margin-right: 15px;
}

.tx-ig-chatquiz .chat-window .user-input form .userInputArea > div:not(.textInput) {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  min-width: 160px;
  margin-right: 20px;
  display: inline-block;
}

.tx-ig-chatquiz .chat-window .user-input form .userInputArea > div:not(.textInput) label {
  margin-bottom: 0;
  width: 100%;
  padding: 12px;
}

.tx-ig-chatquiz .chat-window .user-input form input[type="submit"] {
  color: #fff;
  background-image: url("/typo3conf/ext/ig_chatquiz/Resources/Public/Icons/send.svg");
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center;
  width: 48px;
  height: 48px;
  border: none;
  background-color: #00B9E4;
  border-radius: 50%;
  margin-left: 12px;
}

.tx-ig-chatquiz .chat-window .user-input form input[type="text"] {
  border: none;
  border-radius: 8px;
  height: 48px;
  width: 100%;
  padding: 0 10px;
}

.tx-ig-chatquiz .chat-window .user-input form input[type="radio"]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -4px;
  left: -1px;
  position: relative;
  background-color: white;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 1px solid #dedede;
}

.tx-ig-chatquiz .chat-window .user-input form input[type="radio"]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -4px;
  left: -1px;
  position: relative;
  background-color: #BED600;
  content: "";
  visibility: visible;
  border: 1px solid #dedede;
}

.tx-chatquiz-quizresults {
  margin-top: 55px;
  padding-top: 95px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
}

.tx-chatquiz-quizresults p.percentage {
  font-size: 98px;
  font-family: "Veneer";
  margin: 0;
  padding: 0;
  position: absolute;
  width: 200px;
  text-align: center;
  color: #fff;
  left: calc((100% - 200px) / 2 + 27px);
  top: 10px;
}

.tx-chatquiz-quizresults .result-image {
  width: 480px;
  margin: 0 auto;
  position: relative;
}

.tx-chatquiz-quizresults .result-key-visual {
  width: 100%;
  height: 73px;
  background-position: center;
  background-size: contain;
  background-image: url("/typo3conf/ext/ig_chatquiz/Resources/Public/Icons/keyvisual.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
}

@media (min-width: 768px) {
  .tx-chatquiz-quizresults .result-key-visual {
    height: 103px;
    background-position: left;
    left: -20px;
  }
}

.tx-chatquiz-quizresults .question {
  margin-bottom: 38px;
}

.tx-chatquiz-quizresults .question img {
  border-radius: 8px;
  margin-bottom: 20px;
}

.tx-chatquiz-quizresults .question h3 {
  font-size: 2rem;
  line-height: 2.5rem;
}

.tx-chatquiz-quizresults .question ul {
  list-style-type: none;
  list-style: none;
  padding: 0;
}

.tx-chatquiz-quizresults .question ul li {
  display: inline-block;
  border-radius: 8px;
  border: 1px #EDEDED solid;
  padding: 12.5px 12.5px 12.5px 35px;
  position: relative;
  margin-bottom: 20px;
}

.tx-chatquiz-quizresults .question ul li:before {
  content: " ";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #ededed;
  position: absolute;
  top: 16px;
  left: 15px;
}

.tx-chatquiz-quizresults .question ul li.active:before {
  content: " ";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #BED600;
}

.tx-chatquiz-quizresults .printbutton,
.tx-chatquiz-quizresults .sendMailButton {
  color: #fff;
  background-color: #BED600;
  border: none;
  text-transform: uppercase;
  padding: 10px 65px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: "Veneer";
  margin: 0 auto;
  max-width: 310px;
  display: block;
}

.tx-chatquiz-quizresults hr {
  background-color: #dedede;
  height: 2px;
  margin-top: 3.125rem;
}

.tx-chatquiz-quizresults p.resultText {
  font-family: 'Veneer';
  font-size: 28px;
  margin-bottom: 4rem;
}

body.chatquiz {
  height: 100%;
  background-image: linear-gradient(#00DDF3, #00B9E4);
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}

body.chatquiz .bread-wrap {
  display: none;
}

body.chatquiz .frame-type-gridelements_pi1 .multiteaser {
  background: white;
}

body.chatquiz .frame-type-gridelements_pi1 .multiteaser .multiteaser-image,
body.chatquiz .frame-type-gridelements_pi1 .multiteaser .multiteaser-content,
body.chatquiz .frame-type-gridelements_pi1 .multiteaser .multiteaser-image {
  background: white;
}

body.chatquiz .frame-type-gridelements_pi1 .multiteaser .multiteaser-content {
  padding: 0 1rem;
}

body.chatquiz .container.einspalter,
body.chatquiz .einspalter.container-custom {
  background: white;
  padding: 1rem 1rem 0 1rem;
}

.chatquiz-start {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  min-height: 734px;
}

.chatquiz-start button#start-quiz {
  font-size: 20px;
  color: #fff;
  width: 48px;
  height: 48px;
  border: none;
  background-color: #00B9E4;
  border-radius: 50%;
  margin-left: 12px;
}

.chatquiz-start .content {
  padding: 100px 10px 0px 10px;
}

.chatquiz-start .content .image {
  padding: 0 20px;
  margin-bottom: 50px;
}

@media (min-width: 658px) {
  .chatquiz-start .content .image {
    width: 658px;
    margin: 0 auto 50px auto;
  }
}

.chatquiz-start .content p {
  margin-bottom: 60px;
}

#chatQuizForm button#saveNewAnswer {
  background-color: #80379B;
  color: #fff;
  border: none;
  border-color: #80379B;
  text-transform: uppercase;
  font-family: "veneer";
  font-size: 20px;
  padding: 10px 80px;
  margin: 0 auto;
}

.not-sending-stuff {
  margin-top: 3rem;
}

.not-sending-stuff a.forward-to-page {
  background-color: #80379B;
  color: #fff;
  border: none;
  border-color: #80379B;
  text-transform: uppercase;
  font-family: "veneer";
  font-size: 20px;
  padding: 10px 80px;
}

/*
* Importiere Extension ig_ostern
*/

body.ostergewinnspiel2021 .oster-header-unterseite,
body.ostergewinnspiel2021 .content-after-header.flexkampagne {
  position: relative;
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/header_unterseite3.png") no-repeat -1px 0px;
  background-size: 101%;
  width: 101%;
  height: 480px;
  margin-bottom: 60px;
}

body.ostergewinnspiel2021 .oster-header-unterseite .oster-keyvisual,
body.ostergewinnspiel2021 .oster-header-unterseite .keyvisual,
body.ostergewinnspiel2021 .content-after-header.flexkampagne .oster-keyvisual,
body.ostergewinnspiel2021 .content-after-header.flexkampagne .keyvisual {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/schriftzug_unterseite.png") no-repeat center 80px;
  background-size: 35%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 7;
}

body.ostergewinnspiel2021.unterseite h1,
body.ostergewinnspiel2021.unterseite h2,
body.ostergewinnspiel2021.unterseite .tx-powermail fieldset legend,
.tx-powermail fieldset body.ostergewinnspiel2021.unterseite legend,
body.ostergewinnspiel2021.unterseite h3 {
  color: #80379B;
}

body.ostergewinnspiel2021.unterseite .produkte-produzente .element-top .kachel .title-2 {
  font-size: 44px;
}

body.ostergewinnspiel2021 .content-verteilerseite {
  max-width: 900px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

body.ostergewinnspiel2021 .content-verteilerseite.content-after-header {
  padding: 0;
  margin-top: 140px;
}

body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/trenner.svg") no-repeat -1px 0px;
  background-size: 101%;
  width: 101%;
  height: 300px;
  position: relative;
  bottom: 70px;
  left: 0;
  display: block;
}

body.ostergewinnspiel2021 .content-verteilerseite.content-trenner,
body.ostergewinnspiel2021 .content-verteilerseite.content-after-header {
  max-width: 5000px;
  overflow: hidden;
}

body.ostergewinnspiel2021 .content-verteilerseite .container,
body.ostergewinnspiel2021 .content-verteilerseite .container-custom {
  max-width: 5000px;
}

body.ostergewinnspiel2021 .content-verteilerseite .ce-bodytext h2,
body.ostergewinnspiel2021 .content-verteilerseite .ce-bodytext .tx-powermail fieldset legend,
.tx-powermail fieldset body.ostergewinnspiel2021 .content-verteilerseite .ce-bodytext legend,
body.ostergewinnspiel2021 .content-verteilerseite .ce-bodytext h3 {
  color: #80379B;
}

body.ostergewinnspiel2021 .content-verteilerseite .frame-type-gridelements_pi1 .ce-bodytext h2,
body.ostergewinnspiel2021 .content-verteilerseite .frame-type-gridelements_pi1 .ce-bodytext .tx-powermail fieldset legend,
.tx-powermail fieldset body.ostergewinnspiel2021 .content-verteilerseite .frame-type-gridelements_pi1 .ce-bodytext legend,
body.ostergewinnspiel2021 .content-verteilerseite .frame-type-gridelements_pi1 .ce-bodytext h3 {
  color: #E0119D;
}

body.ostergewinnspiel2021 .bread-wrap {
  display: none;
}

body.ostergewinnspiel2021 .egg-bottom-left {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Footer-Links.png") no-repeat left top;
  background-size: 100%;
}

body.ostergewinnspiel2021 .egg-bottom-right {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 180px;
  height: 180px;
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Footer-Rechts.png") no-repeat right top;
  background-size: 100%;
}

body.ostergewinnspiel2021 .oster-trenner {
  width: 101%;
  height: 500px;
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Trenner.png") no-repeat -1px 0px;
  background-size: 100%;
}

body.ostergewinnspiel2021 .multiteaser .multiteaser-content .multiteaser-headline {
  color: #E0119D;
}

body.ostergewinnspiel2021 .frame-layout-1 h1 {
  font-size: 70px;
  line-height: 70px;
  margin: 40px 0px;
  color: #80379B;
}

body.ostergewinnspiel2021 .frame-layout-1 h2,
body.ostergewinnspiel2021 .frame-layout-1 .tx-powermail fieldset legend,
.tx-powermail fieldset body.ostergewinnspiel2021 .frame-layout-1 legend {
  font-size: 48px;
  line-height: 50px;
  color: #80379B;
}

body.ostergewinnspiel2021 .frame-layout-1 p {
  font-size: 20px;
  line-height: 32px;
  color: #4A4A4A;
  margin-bottom: 60px;
  padding: 0px 17%;
}

body.ostergewinnspiel2021 .frame-layout-1 .link-button {
  box-shadow: none;
  background: #80379B;
  padding: 10px 20px;
  padding: 2px 30px;
  margin-bottom: 60px;
  display: inline-block;
  transition: 0.3s ease-out;
}

body.ostergewinnspiel2021 .frame-layout-1 .link-button:hover {
  background: #bed600;
  transition: 0.3s ease-out;
}

body.ostergewinnspiel2021 .frame-type-gridelements_pi1 h3 {
  color: #E0119D;
}

body.ostergewinnspiel2021 #c45489,
body.ostergewinnspiel2021 #c50397,
body.ostergewinnspiel2021 #c50417 {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/gewinne_background.svg") no-repeat top right;
  background-size: 60%;
  margin-top: -100px;
}

body.ostergewinnspiel2021 #c45489 h1,
body.ostergewinnspiel2021 #c45489 h2,
body.ostergewinnspiel2021 #c45489 .tx-powermail fieldset legend,
.tx-powermail fieldset body.ostergewinnspiel2021 #c45489 legend,
body.ostergewinnspiel2021 #c45489 h3,
body.ostergewinnspiel2021 #c50397 h1,
body.ostergewinnspiel2021 #c50397 h2,
body.ostergewinnspiel2021 #c50397 .tx-powermail fieldset legend,
.tx-powermail fieldset body.ostergewinnspiel2021 #c50397 legend,
body.ostergewinnspiel2021 #c50397 h3,
body.ostergewinnspiel2021 #c50417 h1,
body.ostergewinnspiel2021 #c50417 h2,
body.ostergewinnspiel2021 #c50417 .tx-powermail fieldset legend,
.tx-powermail fieldset body.ostergewinnspiel2021 #c50417 legend,
body.ostergewinnspiel2021 #c50417 h3 {
  color: #80379B;
}

body.ostergewinnspiel2021 #c45489 .link-button,
body.ostergewinnspiel2021 #c50397 .link-button,
body.ostergewinnspiel2021 #c50417 .link-button {
  box-shadow: none;
  padding: 10px 20px;
  transition: 0.3s ease-out;
}

body.ostergewinnspiel2021 #c45489 .link-button:hover,
body.ostergewinnspiel2021 #c50397 .link-button:hover,
body.ostergewinnspiel2021 #c50417 .link-button:hover {
  background: #bed600;
  transition: 0.3s ease-out;
}

body.ostergewinnspiel2021 #c45489 li:before,
body.ostergewinnspiel2021 #c50397 li:before,
body.ostergewinnspiel2021 #c50417 li:before {
  color: #bed600;
}

body.ostergewinnspiel2021 #c45489 div.ce-bodytext,
body.ostergewinnspiel2021 #c50397 div.ce-bodytext,
body.ostergewinnspiel2021 #c50417 div.ce-bodytext {
  display: table;
}

.tx-ig-ostern .oster-header {
  min-height: 800px;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 60px;
  background: #0091FF;
}

.tx-ig-ostern .oster-header .oster-himmel {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/himmel.svg") no-repeat left top;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.tx-ig-ostern .oster-header .oster-wolken {
  background: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  padding-top: 40px;
}

.tx-ig-ostern .oster-header .oster-wiese {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Wiese_Himmel.svg") no-repeat center bottom;
  background: radial-gradient(circle, rgba(254, 255, 255, 0.4) -125%, rgba(255, 255, 255, 0) 91%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
}

.tx-ig-ostern .oster-header .oster-wiese object {
  position: absolute;
  bottom: 0px;
  left: 0;
}

.tx-ig-ostern .oster-header .oster-koerbchen {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Koerbchen_fin.png") no-repeat 29% 300px;
  background-size: 24%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
}

.tx-ig-ostern .oster-header .oster-keyvisual {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Keyvisual.png") no-repeat 8% 127px;
  background-size: 35%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 7;
}

.tx-ig-ostern .oster-header .oster-formular {
  left: 45%;
  top: 230px;
  width: 540px;
  height: 200px;
  position: absolute;
  z-index: 8;
  display: block;
}

.tx-ig-ostern .oster-header .oster-formular .headline {
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 7px;
}

.tx-ig-ostern .oster-header .oster-formular .intro {
  font-family: "Helvetica Neue";
  font-size: 20px;
  line-height: 26px;
  padding-right: 20px;
  color: #fff;
  max-width: 90%;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letters {
  margin-bottom: 30px;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letter {
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  font-family: "Veneer";
  font-size: 39px;
  line-height: 40px;
  color: #E0119D;
  margin-right: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letter:last-child {
  margin: 0;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap {
  display: inline-block;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap.correct {
  position: relative;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap.correct::after {
  position: absolute;
  left: 32px;
  top: 26px;
  font-size: 30px;
  z-index: 999;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94a";
  color: #bed600;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap.error {
  position: relative;
}

.tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap.error::after {
  position: absolute;
  left: 34px;
  top: 34px;
  font-size: 18px;
  z-index: 999;
  font-family: 'fairtrade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e967";
  color: #e00034;
}

.tx-ig-ostern .oster-header .oster-formular .oster-feedback {
  width: 500px;
  display: inline-block;
}

.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-ne {
  font-family: "Helvetica Neue";
  font-size: 20px;
  line-height: 26px;
  padding-right: 20px;
  color: #fff;
  display: none;
  opacity: 0;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-ne.fadeIn {
  display: block;
  opacity: 1;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-ye,
.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-mail,
.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-yeye {
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  display: none;
  opacity: 0;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-ye.fadeIn,
.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-mail.fadeIn,
.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-yeye.fadeIn {
  display: block;
  opacity: 1;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-ye object,
.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-mail object,
.tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-yeye object {
  float: left;
  margin-right: 10px;
}

.tx-ig-ostern .oster-header .oster-formular .btn {
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 20px;
  color: #ffffff;
  background: #E0119D;
  padding: 8px 30px;
  margin: 0 0 30px 150px;
  border: 0px none;
  display: inline-block;
  width: 40%;
  margin-left: 30%;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .btn:hover {
  background: #bed600;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .btn.oster-teilnehmen {
  display: none;
  opacity: 0;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .btn.fadeIn {
  display: block;
  opacity: 1;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-input {
  font-family: "Helvetica Neue";
  font-size: 18px;
  line-height: 23px;
  padding: 18.5px 0px 16.5px 17.5px;
  color: #80379B;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0px 0px 19px 100px;
  border: 0px none;
  display: block;
  width: 70%;
  margin-left: 15%;
  display: none;
  opacity: 0;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-input.fadeIn {
  display: block;
  opacity: 1;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-input.oster-newsletter {
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.tx-ig-ostern .oster-header .oster-formular span.oster-input {
  display: inline-block;
  background: none;
  color: #fff;
  padding: 0 10px;
  height: 60px;
  margin-bottom: 30px;
  margin: 0;
  width: auto;
  line-height: 28px;
}

.tx-ig-ostern .oster-header .oster-formular span.oster-input.fadeIn {
  display: block;
  opacity: 1;
  transition: 0.3s ease-out;
}

.tx-ig-ostern .oster-header .oster-formular .oster-checkbox-wrap {
  margin-bottom: 0px;
}

.tx-ig-ostern .oster-header .oster-formular .oster-input-anrede {
  display: block;
}

.tx-ig-ostern .oster-header .oster-formular .oster-input-vorname {
  width: 40%;
  float: left;
  display: inline-block;
}

.tx-ig-ostern .oster-header .oster-formular .oster-input-nachname {
  width: 40%;
  display: inline-block;
  float: left;
  margin: 0px 0px 0px 15px;
}

.tx-ig-ostern .oster-header .oster-formular .clear {
  clear: both;
}

.ostergewinnspiel-osterei {
  position: fixed;
  width: 180px;
  height: 240px;
  border: 0px none;
  background: transparent;
  z-index: 999;
}

.ostergewinnspiel-osterei.pos-right {
  right: 0;
}

.ostergewinnspiel-osterei.pos-left {
  left: 0;
  padding: 0;
}

.ostergewinnspiel-osterei.pos-left object {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.ostergewinnspiel-osterei .clickarea {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  left: 0;
}

body.ostergewinnspiel2021 .modal-backdrop.show {
  opacity: 0.65;
  background-color: #257162;
}

#ogtnModal {
  margin-top: 100px;
}

#ogtnModal .modal-dialog {
  max-width: 780px;
}

#ogtnModal .modal-content {
  position: relative;
  border-radius: 15px;
  border: 0px none;
  background: #0091FF;
}

#ogtnModal .modal-content .modal-header,
#ogtnModal .modal-content .modal-body,
#ogtnModal .modal-content .modal-footer {
  border: 0px none;
  z-index: 6;
}

#ogtnModal .modal-content h5 {
  text-align: center;
  width: 100%;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 48px;
  line-height: 40px;
  color: #fff;
}

#ogtnModal .modal-content p {
  font-family: "Helvetica Neue";
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 11px;
  text-align: center;
  padding: 0px 20%;
}

#ogtnModal .modal-content p.bold {
  font-weight: 600;
}

#ogtnModal .modal-content .letter {
  text-align: center;
  width: 100%;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 230px;
  line-height: 284px;
  color: #fff;
}

#ogtnModal .modal-content .modal-footer {
  padding: 0px 0px 24px 0px;
}

#ogtnModal .modal-content .modal-footer .btn {
  float: none;
  margin: auto;
  background: #E0119D;
  padding: 10px 75px;
  border: 0px none;
  font-size: 20px;
  line-height: 28px;
  transition: 0.3s ease-out;
}

#ogtnModal .modal-content .modal-footer .btn:hover {
  background: #bed600;
  transition: 0.3s ease-out;
}

#ogtnModal .modal-content .modal-body {
  padding: 0;
}

#ogtnModal .modal-content .modal-header {
  padding: 32px 0px 0px 0px;
}

#ogtnModal .modal-content .modal-header button {
  border-radius: 50%;
  background: #fff;
  height: 32px;
  width: 32px;
  right: -8px;
  top: -8px;
  opacity: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  box-shadow: none;
  border: 0px none;
}

#ogtnModal .modal-content .modal-header button span {
  color: #00B9E4;
  font-size: 16px;
  width: 100%;
  height: 100%;
  display: block;
  padding: 8px;
}

#ogtnModal .modal-content .modal-header button span:before {
  content: "\e984";
}

#ogtnModal .oster-himmel {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/himmel.svg") no-repeat left top;
  background: none;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

#ogtnModal .oster-wolken {
  background: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
}

#ogtnModal .oster-wolken object {
  margin-top: 100px;
}

#ogtnModal .oster-wiese {
  background: radial-gradient(circle, rgba(254, 255, 255, 0.4) -55%, rgba(255, 255, 255, 0) 61%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#ogtnModal .oster-wiese object {
  position: absolute;
  bottom: 0px;
  left: 0;
}

#ogtnModal .oster-ei {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  width: 26%;
  height: 60%;
  left: 37%;
  top: 17%;
  outline: none;
}

#ogtnModal .oster-ei-red {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Ei_1_Popup.png") no-repeat top left;
  background-size: 100%;
}

#ogtnModal .oster-ei-blue {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Ei_2_Popup.png") no-repeat top left;
  background-size: 100%;
}

#ogtnModal .oster-ei-bluepurple {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Ei_3_Popup.png") no-repeat top left;
  background-size: 100%;
}

#ogtnModal .oster-ei-pinkblue {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Ei_4_Popup.png") no-repeat top left;
  background-size: 100%;
}

#ogtnModal .oster-ei-pink {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Ei_5_Popup.png") no-repeat top left;
  background-size: 100%;
}

#ogtnModal .oster-ei-bluewhite {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Ei_6_Popup.png") no-repeat top left;
  background-size: 100%;
}

#ogtnModal .oster-ei-yellow {
  background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Ei_7_Popup.png") no-repeat top left;
  background-size: 100%;
}

@media (max-width: 1499.98px) {
  body.ostergewinnspiel2021 .oster-header-unterseite,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne {
    height: 380px;
  }
}

@media (max-width: 1199.98px) {
  body.ostergewinnspiel2021 .oster-header-unterseite,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne {
    height: 350px;
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/header_unterseite3.png") no-repeat 60% 0px;
    background-size: 120%;
  }

  body.ostergewinnspiel2021 .oster-header-unterseite .oster-keyvisual,
  body.ostergewinnspiel2021 .oster-header-unterseite .keyvisual,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne .oster-keyvisual,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne .keyvisual {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/schriftzug_unterseite.png") no-repeat center 70px;
    background-size: 46%;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header {
    margin: 0;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-keyvisual {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Keyvisual.png") no-repeat 4% 155px;
    background-size: 40%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-koerbchen {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Koerbchen_fin.png") no-repeat 30% 450px;
    background-size: 30%;
  }

  body.ostergewinnspiel2021 #ogtnModal .modal-content .modal-header button {
    right: -4px;
    top: -28px;
  }
}

@media (max-width: 991.98px) {
  body.ostergewinnspiel2021 .oster-header-unterseite,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne {
    height: 280px;
    margin-bottom: 30px;
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/header_unterseite3.png") no-repeat 60% 0px;
    background-size: 120%;
  }

  body.ostergewinnspiel2021 .oster-header-unterseite .oster-keyvisual,
  body.ostergewinnspiel2021 .oster-header-unterseite .keyvisual,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne .oster-keyvisual,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne .keyvisual {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/schriftzug_unterseite.png") no-repeat center 45px;
    background-size: 50%;
  }

  body.ostergewinnspiel2021 .content-verteilerseite {
    max-width: 100%;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-trenner {
    max-width: 5000px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite .frame-layout-1 p {
    padding: 0px 10px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header {
    margin: 0;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
    height: 160px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite:first-child {
    padding: 0px;
  }

  body.ostergewinnspiel2021 .egg-bottom-left,
  body.ostergewinnspiel2021 .egg-bottom-right {
    width: 80px;
    height: 80px;
  }

  body.ostergewinnspiel2021 .frame-layout-1 h1 {
    font-size: 48px;
    line-height: 48px;
    margin-top: 30px;
    margin-bottom: 0px;
  }

  body.ostergewinnspiel2021 .oster-trenner {
    height: 360px;
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Trenner.png") no-repeat -104px 0px;
    background-size: 123%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-keyvisual {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Keyvisual.png") no-repeat 36% 75px;
    background-size: 60%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-koerbchen {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Koerbchen_fin.png") no-repeat 50% 510px;
    background-size: 34%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular {
    left: 15%;
    top: 250px;
    width: 70%;
    display: block;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular p.headline {
    font-size: 28px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular p.intro {
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    max-width: 98%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter {
    font-size: 36px;
    line-height: 40px;
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .btn {
    width: 50%;
    margin-left: 25%;
  }

  body.ostergewinnspiel2021 #c45489,
  body.ostergewinnspiel2021 #c50397 {
    margin-top: -80px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite .container .multiteaser,
  body.ostergewinnspiel2021 .content-verteilerseite .container-custom .multiteaser {
    max-width: 400px;
  }

  body.ostergewinnspiel2021 .frame-type-gridelements_pi1 {
    max-width: 500px;
    margin: auto;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-feedback {
    width: 390px;
  }
}

@media (max-width: 767.98px) {
  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-wiese {
    background: none;
  }

  body.ostergewinnspiel2021 .oster-header-unterseite,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne {
    height: 180px;
    margin-bottom: 15px;
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/header_unterseite3.png") no-repeat 60% 0px;
    background-size: 120%;
  }

  body.ostergewinnspiel2021 .oster-header-unterseite .oster-keyvisual,
  body.ostergewinnspiel2021 .oster-header-unterseite .keyvisual,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne .oster-keyvisual,
  body.ostergewinnspiel2021 .content-after-header.flexkampagne .keyvisual {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/schriftzug_unterseite.png") no-repeat center 25px;
    background-size: 50%;
  }

  body.ostergewinnspiel2021 .content-verteilerseite {
    max-width: 100%;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-trenner {
    max-width: 5000px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite .frame-layout-1 p {
    padding: 0px 10px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header {
    margin: 0;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
    height: 130px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite:first-child {
    padding: 0px;
  }

  body.ostergewinnspiel2021 .egg-bottom-left,
  body.ostergewinnspiel2021 .egg-bottom-right {
    width: 80px;
    height: 80px;
  }

  body.ostergewinnspiel2021 .frame-layout-1 h1 {
    font-size: 48px;
    line-height: 48px;
    margin-top: 30px;
    margin-bottom: 0px;
  }

  body.ostergewinnspiel2021 .oster-trenner {
    height: 180px;
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Trenner.png") no-repeat -53px 0px;
    background-size: 125%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header {
    min-height: 920px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-keyvisual {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Keyvisual.png") no-repeat 18% 55px;
    background-size: 75%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-koerbchen {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Koerbchen_fin.png") no-repeat 50% 500px;
    background-size: 64%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular {
    left: 5%;
    top: 210px;
    width: 90%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular p.headline {
    font-size: 28px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular p.intro {
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    max-width: 98%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter {
    font-size: 26px;
    line-height: 30px;
    width: 28px;
    height: 30px;
    border: 1px solid #fff;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .btn {
    width: 80%;
    margin-left: 10%;
  }

  body.ostergewinnspiel2021 .oster-input-anrede {
    width: auto;
    float: none;
    display: block;
    margin: 0;
  }

  body.ostergewinnspiel2021 .oster-input-vorname {
    width: auto;
    float: none;
    display: block;
    margin: 0px 10px 0px 0px;
  }

  body.ostergewinnspiel2021 .oster-input-nachname {
    width: auto;
    display: block;
    margin: 0px 0px 0px 0px;
  }

  body.ostergewinnspiel2021 .ostergewinnspiel-osterei {
    width: 120px;
    height: 150px;
  }

  body.ostergewinnspiel2021 .ostergewinnspiel-osterei object {
    width: 120px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-ye,
  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-mail,
  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-feedback .oster-feedback-yeye {
    font-size: 24px;
    line-height: 26px;
  }

  body.ostergewinnspiel2021 #ogtnModal .modal-content h5 {
    font-size: 26px;
  }

  body.ostergewinnspiel2021 #ogtnModal .oster-ei {
    width: 42%;
    height: 50%;
    left: 29%;
    top: 15%;
    outline: none;
  }

  body.ostergewinnspiel2021 #ogtnModal .modal-content .letter {
    font-size: 150px;
    line-height: 215px;
  }

  body.ostergewinnspiel2021 #ogtnModal .modal-content p {
    padding: 0px 20px;
  }

  body.ostergewinnspiel2021 #ogtnModal .oster-wiese {
    background: radial-gradient(circle, rgba(254, 255, 255, 0.4) -165%, rgba(255, 255, 255, 0) 61%);
  }

  body.ostergewinnspiel2021 #ogtnModal .modal-content .modal-header button {
    top: -8px;
    right: -8px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-feedback {
    width: 355px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap.correct::after {
    left: 5px;
    top: 30px;
    font-size: 20px;
  }
}

@media (max-width: 414px) {
  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
    height: 80px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header {
    min-height: 800px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-keyvisual {
    background: url("/typo3conf/ext/ig_ostern/Resources/Public/Images/Keyvisual.png") no-repeat 50% 75px;
    background-size: 90%;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter {
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    padding: 0;
    margin: 0px 0px 5px;
  }
}

@media (min-width: 1500px) {
  body.ostergewinnspiel2021 .oster-trenner {
    height: 600px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
    height: 370px;
  }
}

@media (min-width: 1800px) {
  body.ostergewinnspiel2021 .oster-trenner {
    height: 700px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
    height: 420px;
  }
}

@media (min-width: 2100px) {
  body.ostergewinnspiel2021 .oster-trenner {
    height: 800px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
    height: 470px;
  }
}

@media (min-width: 2400px) {
  body.ostergewinnspiel2021 .oster-trenner {
    height: 900px;
  }

  body.ostergewinnspiel2021 .content-verteilerseite.content-after-header:after {
    height: 520px;
  }
}

@media (max-width: 414px) {
  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter {
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    padding: 0;
    margin: 0px 0px 5px;
    width: 40px;
    height: 40px;
  }

  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap:nth-child(4) {
    margin-right: 170px;
  }

  .tx-ig-ostern #ogtnModal .modal-content p {
    padding: 0px 10%;
  }

  .tx-ig-ostern #ogtnModal .modal-content .letter {
    font-size: 150px;
    line-height: 150px;
  }

  .tx-ig-ostern #ogtnModal .oster-ei {
    width: 36%;
    height: 80%;
    left: 32%;
    top: 20%;
  }

  .tx-ig-ostern .ostergewinnspiel-osterei {
    transform: scale(0.8);
    transform-origin: left bottom;
  }
}

@media (max-width: 375px) {
  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap:nth-child(4) {
    margin-right: 140px;
  }

  .tx-ig-ostern #ogtnModal .modal-content h5 {
    font-size: 42px;
    line-height: 36px;
  }

  .tx-ig-ostern .ostergewinnspiel-osterei {
    transform: scale(0.7);
    transform-origin: left bottom;
  }
}

@media (max-width: 320px) {
  body.ostergewinnspiel2021 .tx-ig-ostern .oster-header .oster-formular .oster-letter-wrap:nth-child(4) {
    margin-right: 110px;
  }

  .tx-ig-ostern #ogtnModal .modal-content h5 {
    font-size: 35px;
    line-height: 32px;
  }

  .tx-ig-ostern #ogtnModal .modal-content .letter {
    font-size: 110px;
    line-height: 150px;
  }

  .tx-ig-ostern #ogtnModal .modal-content p {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 5%;
  }

  .tx-ig-ostern .ostergewinnspiel-osterei {
    transform: scale(0.6);
    transform-origin: left bottom;
  }
}

body.ostergewinnspiel2021.unterseite .content-verteilerseite.content-after-header:after {
  display: none;
}

/*
* Importiere Extension ig_contest
*/

.tx-ig-contest .gewinnspiel {
  margin: 0px auto 50px;
  max-width: 370px;
  position: relative;
}

.tx-ig-contest .gewinnspiel input[type="checkbox"] + label.error::before {
  background: #ffc2c2;
}

.tx-ig-contest .gewinnspiel h1 {
  color: #00B9E4;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 40px;
  line-height: 54px;
}

.tx-ig-contest .gewinnspiel h2,
.tx-ig-contest .gewinnspiel .tx-powermail fieldset legend,
.tx-powermail fieldset .tx-ig-contest .gewinnspiel legend,
.tx-ig-contest .gewinnspiel p.h2 {
  color: #1E1E1E;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.tx-ig-contest .gewinnspiel p.h2 {
  margin: 20px 0px 5px 0px;
}

.tx-ig-contest .gewinnspiel p {
  color: #1E1E1E;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.tx-ig-contest .gewinnspiel label {
  color: #1E1E1E;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  margin-left: 3px;
}

.tx-ig-contest .gewinnspiel input[type="text"],
.tx-ig-contest .gewinnspiel select {
  border: 1px solid #7F7F7F;
  color: #1E1E1E;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 15px;
  line-height: 46px;
  height: 48px;
  padding: 0px 20px;
  width: 100%;
  margin-bottom: 30px;
}

.tx-ig-contest .gewinnspiel select {
  height: 48px;
  background: #fff;
}

.tx-ig-contest .gewinnspiel select.error {
  background-color: #ffc2c2;
}

.tx-ig-contest .gewinnspiel input[type="submit"] {
  color: #FFFFFF;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  background-color: #00b9e4;
  padding: 8px 30px 10px 30px;
  border: 0px none;
  margin: 20px 0px 30px 0px;
}

.tx-ig-contest .gewinnspiel input[type="checkbox"] {
  display: none;
}

.tx-ig-contest .gewinnspiel input[type="checkbox"] + label {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #7F7F7F;
  margin: 0;
  cursor: pointer;
}

.tx-ig-contest .gewinnspiel input[type="checkbox"] + label:before {
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
}

.tx-ig-contest .gewinnspiel input[type="checkbox"]:checked + label::before {
  background-color: #00b9e4;
}

.tx-ig-contest .gewinnspiel input[type="text"].error,
.tx-ig-contest .gewinnspiel select.error {
  background-color: #ffc2c2;
}

.tx-ig-contest .gewinnspiel .alert {
  padding: 0px;
  border-radius: 0;
  margin-top: -20px;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.tx-ig-contest .gewinnspiel form p {
  padding: 0;
}

/*
* Importiere Extension ig_microquiz
*/

body.microquiz.rebrush {
  background: #d6e28c;
}

body.microquiz.rebrush .homepage-newsletter,
body.microquiz.rebrush section.content.content-verteilerseite .bread-wrap {
  display: none;
}

body.microquiz.rebrush section.content-after-header {
  padding-top: 134px;
  margin: 0;
}

body.microquiz.rebrush section.content.content-trenner {
  max-height: 2500px;
  margin: 0px;
  padding: 0;
}

body.microquiz.rebrush .start {
  position: relative;
}

body.microquiz.rebrush .start .start-bg {
  background: none;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

body.microquiz.rebrush .start .start-bg img {
  display: block;
  width: 100%;
  height: auto;
}

body.microquiz.rebrush .start .start-bg p.h1 {
  color: #fff;
  color: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 80px;
  position: absolute;
  left: 10%;
  top: 7%;
  max-width: 630px;
}

body.microquiz.rebrush .start .start-bg .start-wrapper {
  background: #d6e28c;
  max-height: 750px;
  overflow: hidden;
  width: 547px;
  position: absolute;
  bottom: 40px;
  padding: 20px 30px 30px;
  z-index: 6;
  right: 40px;
}

body.microquiz.rebrush .start .start-bg .start-wrapper p {
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 32px;
}

body.microquiz.rebrush .start .start-bg .start-wrapper p.h3 {
  color: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 34px;
  line-height: 40px;
}

body.microquiz.rebrush .start .start-bg .start-wrapper p.label {
  font-family: 'Exo2-Bold';
}

body.microquiz.rebrush .start .start-bg .start-wrapper .btn {
  color: #fff;
  background: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 32px;
}

body.microquiz.rebrush .start .start-bg .start-wrapper form .row {
  margin: 0 0 20px 0px;
}

body.microquiz.rebrush .start .start-bg .start-wrapper form .row input {
  float: left;
}

body.microquiz.rebrush .start .start-bg .start-wrapper form .row .aftercheckbox {
  height: 50px;
  line-height: 50px;
  padding: 0px 30px 0px 10px;
  display: inline-block;
  float: left;
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
}

body.microquiz.rebrush .priceview {
  padding-top: 80px;
  padding-bottom: 60px;
}

body.microquiz.rebrush .priceview img {
  max-width: 100%;
  height: auto;
}

body.microquiz.rebrush .priceview p {
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 32px;
}

body.microquiz.rebrush .priceview p.h2 {
  color: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 64px;
  line-height: 70px;
  margin: 0px;
}

body.microquiz.rebrush .priceview p.h2:before {
  color: #7B1DAB;
  font-family: 'iconfont';
  content: "\e921";
  font-size: 90px;
  top: -28px;
  position: absolute;
  left: 0;
  display: none;
}

body.microquiz.rebrush .priceview h2,
body.microquiz.rebrush .priceview .tx-powermail fieldset legend,
.tx-powermail fieldset body.microquiz.rebrush .priceview legend {
  color: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 64px;
  line-height: 70px;
}

body.microquiz.rebrush .priceview p.h3 {
  color: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 34px;
  line-height: 40px;
  margin: 0px 0px 80px 0px;
}

body.microquiz.rebrush .priceview h3 {
  color: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 34px;
  line-height: 40px;
}

body.microquiz.rebrush input[type="checkbox"] {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  position: relative;
}

body.microquiz.rebrush input[type="checkbox"]:before {
  font-family: 'fairtrade';
  background: #fff;
  content: "\e94a";
  color: #fff;
  width: 50px;
  height: 50px;
  position: relative;
  padding: 10px;
  font-size: 30px;
  font-weight: 900;
  top: 2px;
  border-radius: 2px;
  border: 2px solid #dadada;
}

body.microquiz.rebrush input[type="checkbox"].checked:before {
  font-family: 'fairtrade';
  background: #fff;
  content: "\e94a";
  color: #7B1DAB;
  width: 50px;
  height: 50px;
  position: relative;
  padding: 10px;
  font-size: 30px;
  font-weight: 900;
  top: 2px;
  border-radius: 2px;
  border: 2px solid #dadada;
}

body.microquiz.rebrush .powermail_checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #fff;
  position: relative;
  width: 20px;
  height: 40px;
  margin-right: 30px;
}

body.microquiz.rebrush .powermail_checkbox input[type="checkbox"]:before {
  font-family: 'fairtrade';
  background: #fff;
  content: "\e94a";
  color: #fff;
  width: 20px;
  height: 20px;
  position: relative;
  padding: 5px;
  font-size: 20px;
  font-weight: 900;
  top: 2px;
  border-radius: 2px;
  border: 2px solid #dadada;
}

body.microquiz.rebrush .powermail_checkbox input[type="checkbox"].checked:before {
  font-family: 'fairtrade';
  background: #fff;
  content: "\e94a";
  color: #7B1DAB;
  width: 20px;
  height: 20px;
  position: relative;
  padding: 5px;
  font-size: 20px;
  font-weight: 900;
  top: 0px;
  border-radius: 2px;
  border: 2px solid #dadada;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .box {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
  max-width: 552px;
  max-width: 800px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 100px;
  padding: 60px 100px 140px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .box .fields {
  margin-top: 30px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart p.h1,
body.microquiz.rebrush .tx-ig-microquiz .claim p.h1 {
  color: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 80px;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  height: 80px;
  line-height: 100px;
  margin: 40px auto;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart p.h2,
body.microquiz.rebrush .tx-ig-microquiz .thx p.h2 {
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  color: #7B1DAB;
  background: #fff;
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 30px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart p,
body.microquiz.rebrush .tx-ig-microquiz .thx p {
  max-width: 500px;
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  margin: auto;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .errorMsg {
  height: auto;
  width: 100%;
  color: #E00034;
  visibility: visible;
  max-width: 500px;
  font-family: 'Exo2-Medium';
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  margin: 20px auto 20px 0px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .errorMsg.hiddn {
  visibility: hidden;
  height: 0px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .errorMsg .hiddn {
  visibility: hidden;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields {
  max-width: 500px;
  margin: auto;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form label {
  font-family: 'Exo2-Bold';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 22px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form label .icon-Star {
  font-size: 8px;
  top: -7px;
  left: 3px;
  position: relative;
  color: #FF4571;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form input,
body.microquiz.rebrush .tx-ig-microquiz #newPart .select3000 {
  background-color: #ffffff;
  width: 100%;
  cursor: auto;
  padding: 10px;
  line-height: 40px;
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  border: 2px solid #dadada;
  border-radius: 3px;
  height: 60px;
  margin-bottom: 38px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields input.agb {
  border: 1px solid #fff;
  background: #fff;
  outline: none;
  color: #fff;
  cursor: default;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form input::-webkit-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form input:-ms-input-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form input::-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form input:-moz-placeholder {
  opacity: 0.3;
  color: #373737;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .fields .form .error {
  border: 1px solid #FF4571;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .powermail_checkbox {
  margin: 20px 0px 0px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .powermail_checkbox input {
  float: left;
  width: 20px;
  height: 40px;
  margin-right: 30px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .powermail_checkbox label {
  position: relative;
  top: -2px;
  display: block;
  margin-left: 30px;
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 28px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .powermail_checkbox label a {
  font-weight: bold;
  color: #7B1DAB;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .powermail_checkbox.error .icheckbox_flat-blue {
  background-position: -132px 0px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .powermail_checkbox.error label {
  color: #FF4571;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .icheckbox_flat-blue {
  float: left;
  margin-left: 0px;
  margin-right: 7px;
  background-position: -44px 0px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .icheckbox_flat-blue.checked {
  background-position: -66px 0px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .btn {
  margin: auto;
  display: block;
  color: #fff;
  background: #7B1DAB;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 32px;
}

body.microquiz.rebrush .tx-ig-microquiz #newPart .err {
  border: 1px solid #FF4571;
}

body.microquiz.rebrush .tx-ig-microquiz .shareBtns {
  font-size: 40px;
}

body.microquiz.rebrush .tx-ig-microquiz .shareBtns .facebook {
  color: #3b5998;
}

body.microquiz.rebrush .tx-ig-microquiz .shareBtns .twitter {
  color: #00aced;
}

body.microquiz.rebrush .tx-ig-microquiz .btn.products {
  display: none;
}

body.microquiz.rebrush .tx-ig-microquiz .thx {
  text-align: center;
  background-color: #fff;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, 0.6);
  font-family: Helvetica;
  font-size: 18px;
  line-height: 32px;
  max-width: 552px;
  max-width: 800px;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 100px;
  padding: 60px 100px 140px;
}

body.microquiz.rebrush .tx-ig-microquiz .thx img {
  width: 100%;
  height: auto;
  margin: 30px auto;
}

@media (min-width: 768px) {
  body.microquiz.rebrush section.content-after-header {
    padding-top: 134px;
    margin: 0;
  }
}

@media (max-width: 1200px) {
  body.microquiz.rebrush section.content-verteilerseite.content.content-after-header {
    margin-top: 0px;
    padding-top: 0px;
  }
}

@media (max-width: 1170px) {
  body.microquiz.rebrush .tx-ig-microquiz .start .start-wrapper {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    border: 0;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro h2,
  body.microquiz.rebrush .tx-ig-microquiz .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz .intro legend {
    margin: 30px auto 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .swipe img {
    float: none;
    margin-right: 0px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click p {
    line-height: 24px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: table;
  }

  body.microquiz.rebrush .tx-ig-microquiz .start .start-bg p.h1 {
    font-size: 70px;
  }
}

@media (max-width: 997px) {
  body.microquiz.rebrush .tx-ig-microquiz .start .start-bg p.h1 {
    font-size: 60px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx .img-wrapper {
    width: 80%;
    height: 350px;
    margin: 0 auto 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx p {
    font-size: 18px !important;
    line-height: 32px;
    padding: 0px 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .btn-left,
  body.microquiz.rebrush .tx-ig-microquiz .btn-right {
    margin: 10px auto 0px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box {
    max-width: 610px;
    padding: 30px 80px 90px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .intro .box {
    max-width: 610px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .intro h2,
  body.microquiz.rebrush .tx-ig-microquiz .newview .intro .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz .newview .intro legend {
    margin: 0px auto 20px;
    width: 100%;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .wrapper {
    max-width: 610px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .wrapper .product .prod_container {
    height: 400px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .box {
    padding: 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .box h2,
  body.microquiz.rebrush .tx-ig-microquiz .win .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz .win .box legend {
    margin: 30px auto 30px;
    width: 100%;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .fields {
    padding: 0px 30px;
  }
}

@media (max-width: 769px) {
  body.microquiz.rebrush .tx-ig-microquiz .start .start-bg p.h1 {
    font-size: 60px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline {
    top: 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline h2 span,
  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline legend span {
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px;
    line-height: 48px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box {
    padding: 30px 80px 90px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx {
    width: 96%;
    padding: 30px 80px 90px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart p {
    text-align: center;
    padding: 20px 19px;
    font-size: 15px;
    line-height: 24px;
  }

  body.microquiz.rebrush .tx-ig-microquiz h1 {
    width: 80%;
    margin: 0px auto 20px;
    display: block;
  }

  body.microquiz.rebrush .tx-ig-microquiz h1 img {
    margin: 20px 0 0 0;
  }

  body.microquiz.rebrush .tx-ig-microquiz h2,
  body.microquiz.rebrush .tx-ig-microquiz .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz legend {
    text-transform: none;
    font-size: 34px;
    line-height: 34px;
    padding: 0;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx p {
    font-size: 18px !important;
    line-height: 32px;
    padding: 0px 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .btn.products {
    font-size: 22px;
    line-height: 28px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .box div {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx .img-wrapper {
    width: 80%;
    height: 300px;
    margin: 0 auto 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .swipe-icons {
    display: block;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .swipe-icons img {
    height: 65px;
    width: auto;
    margin: 20px 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges {
    margin: 40px auto 0px !important;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .dislike,
  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .like {
    width: 48%;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .dislike span,
  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .like span {
    font-size: 35px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .dislike p,
  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .like p {
    font-size: 12px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .box {
    padding: 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .box h2,
  body.microquiz.rebrush .tx-ig-microquiz .win .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz .win .box legend {
    margin: 10px auto 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box h2,
  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz #newPart .box legend {
    font-size: 16px !important;
    line-height: 24px;
    margin-bottom: 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box h2 span,
  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz #newPart .box legend span {
    font-size: 24px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .powermail_checkbox {
    margin: 10px 0px 0px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box label {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .errorMsg {
    padding: 10px 30px;
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .btn-left.btn-left {
    margin-left: 20%;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .btn-right.btn-right {
    margin-right: 20%;
  }
}

@media (max-width: 450px) {
  body.microquiz.rebrush .tx-ig-microquiz #newPart p.h1,
  body.microquiz.rebrush .tx-ig-microquiz .claim p.h1 {
    font-size: 60px;
  }

  body.microquiz.rebrush .tx-ig-microquiz input[type="checkbox"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #fff;
    position: relative;
    width: 20px;
    height: 40px;
    margin-right: 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz input[type="checkbox"]:before {
    font-family: 'fairtrade';
    background: #fff;
    content: "\e94a";
    color: #fff;
    width: 20px;
    height: 20px;
    position: relative;
    padding: 5px;
    font-size: 20px;
    font-weight: 900;
    top: 1px;
    border-radius: 2px;
    border: 2px solid #dadada;
  }

  body.microquiz.rebrush .tx-ig-microquiz input[type="checkbox"].checked:before {
    font-family: 'fairtrade';
    background: #fff;
    content: "\e94a";
    color: #7B1DAB;
    width: 20px;
    height: 20px;
    position: relative;
    padding: 5px;
    font-size: 20px;
    font-weight: 900;
    top: 1px;
    border-radius: 2px;
    border: 2px solid #dadada;
  }

  body.microquiz.rebrush .start .start-bg .start-wrapper form .row .aftercheckbox {
    height: 30px;
    line-height: 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .start .start-bg p.h1 {
    font-size: 40px;
    left: 5%;
    top: 2%;
  }

  body.microquiz.rebrush .priceview h2,
  body.microquiz.rebrush .priceview .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .priceview legend,
  body.microquiz.rebrush .priceview p.h2 {
    font-size: 40px;
    line-height: 40px;
  }

  body.microquiz.rebrush .priceview h3,
  body.microquiz.rebrush .priceview p.h3 {
    font-size: 24px;
    line-height: 24px;
    margin: 10px 0px 40px 0px;
  }

  body.microquiz.rebrush section.content-verteilerseite.margin-footer #c28214 {
    margin-top: 0px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .start .start-bg img {
    width: 120%;
    margin-left: -10%;
  }

  body.microquiz.rebrush section.content.content-trenner .headlineclaim {
    position: absolute;
    top: 0.5%;
    left: 12.5%;
    max-width: 95%;
  }

  body.microquiz.rebrush .tx-ig-microquiz .start .start-wrapper {
    border-bottom: 1px solid #fff;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .col-12.claim {
    background-size: 290px;
    height: 150px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .intro .box {
    width: 96%;
    padding: 30px 20px 140px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .desc {
    font-size: 16px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list {
    min-height: 380px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline {
    top: 15px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline h2 span,
  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .headline legend span {
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px;
    line-height: 48px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box {
    width: 96%;
    padding: 30px 20px 90px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .fields {
    margin-top: 0px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box h2,
  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .tx-powermail fieldset legend,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz #newPart .box legend {
    font-size: 16px !important;
    line-height: 24px;
    margin-bottom: 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box h2 span,
  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.microquiz.rebrush .tx-ig-microquiz #newPart .box legend span {
    font-size: 24px;
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx {
    width: 96%;
    padding: 30px 20px 90px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx p {
    font-size: 16px !important;
    line-height: 24px;
    margin-bottom: 20px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx p.h2 {
    margin-bottom: 0px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx p span {
    font-size: 24px;
    box-shadow: 0px 0px 0px 5px #000;
    padding: 0px 5px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .dislike p,
  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .like p {
    font-size: 15px;
  }

  body.microquiz.rebrush .tx-ig-microquiz div {
    font-size: 15px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .btn {
    width: auto;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .match img {
    width: 85%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .match p.result {
    font-size: 65px;
    line-height: 65px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .matching {
    display: table;
    text-align: center;
    margin: 0px auto;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .matching .circle {
    width: 75px;
    height: 75px;
    line-height: 77px;
    font-size: 26px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .matching img {
    width: 77px;
    height: 77px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .win .matching span {
    float: left;
    font-size: 37px;
    line-height: 125px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx .img-wrapper {
    width: 100%;
    height: 250px;
    margin: 0 auto 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .thx img {
    width: 90%;
    height: auto;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .swipe-icons {
    display: block;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .swipe-icons img {
    height: 55px;
    width: auto;
    margin: 20px 30px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges {
    margin: 40px auto 0px !important;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .dislike,
  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .like {
    width: 48%;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .dislike span,
  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .like span {
    font-size: 25px;
  }

  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .dislike p,
  body.microquiz.rebrush .tx-ig-microquiz .intro .box .click .imges .like p {
    font-size: 12px;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box label {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  body.microquiz.rebrush .tx-ig-microquiz #newPart .box .errorMsg {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  body.microquiz.rebrush .tx-ig-microquiz .wrapper .product-list .product .prod_container {
    width: 96%;
    margin: 0 2%;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .btn-left.btn-left {
    margin-left: 15%;
  }

  body.microquiz.rebrush .tx-ig-microquiz .newview .btn-right.btn-right {
    margin-right: 15%;
  }
}

/*
* Importiere DCEs
*/

.fairtrade-story {
  float: right;
  /* iphone 8*/
  width: 414px;
  height: 736px;
  cursor: pointer;
  position: relative;
}

.fairtrade-story .story-overlay {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.fairtrade-story .story-overlay .initial_left {
  width: 50%;
  height: 676px;
  height: 90%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.fairtrade-story .story-overlay .initial_left span {
  opacity: 0;
  float: left;
  margin: 5px;
  top: 45%;
  position: relative;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.fairtrade-story .story-overlay .initial_left span:before {
  content: "\e902";
  color: #fff;
  font-size: 50px;
}

.fairtrade-story .story-overlay .initial_left:hover span {
  opacity: 0.5;
}

.fairtrade-story .story-overlay .initial_right {
  width: 50%;
  height: 676px;
  height: 90%;
  display: block;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}

.fairtrade-story .story-overlay .initial_right span {
  opacity: 0;
  float: right;
  margin: 5px;
  top: 45%;
  position: relative;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.fairtrade-story .story-overlay .initial_right span:before {
  content: "\e900";
  color: #fff;
  font-size: 50px;
}

.fairtrade-story .story-overlay .initial_right:hover span {
  opacity: 0.5;
}

.fairtrade-story .story-overlay .initial_playbutton {
  width: 100px;
  height: 100px;
  display: block;
  text-align: center;
  xmargin: 200px auto;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 69%;
  height: 98%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 85%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
}

.fairtrade-story .story-overlay .initial_playbutton.active {
  opacity: 1;
}

.fairtrade-story .story-overlay .initial_playbutton span:before {
  content: "\e916";
  color: #fff;
  font-size: 100px;
  opacity: 0.8;
}

.fairtrade-story .story-overlay .initial_pausebutton {
  width: 70px;
  height: 100px;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 10px;
  transform: rotate(90deg);
}

.fairtrade-story .story-overlay .initial_pausebutton span {
  display: none;
}

.fairtrade-story .story-overlay .initial_pausebutton span:before {
  content: "=";
  color: #fff;
  font-size: 30px;
  opacity: 0.5;
  font-weight: 600;
}

.fairtrade-story .story-overlay .progress-bars {
  display: inline-block;
  width: 100%;
  padding: 15px;
}

.fairtrade-story .story-overlay .progress-bars .bar {
  display: inline-block;
  float: left;
  height: 2px;
  padding: 0px 3px;
}

.fairtrade-story .story-overlay .progress-bars .bar span {
  display: block;
  background: #aaa;
  opacity: 0.5;
  height: 2px;
  width: 100%;
}

.fairtrade-story .story-overlay .progress-bars .bar span.active {
  background: #eee;
}

.fairtrade-story .story-overlay .progress-bars .bar.of1 {
  width: 100%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of2 {
  width: 50%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of3 {
  width: 33.333%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of4 {
  width: 25%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of5 {
  width: 20%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of6 {
  width: 16.666%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of7 {
  width: 14.285%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of8 {
  width: 12.5%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of9 {
  width: 11.111%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of10 {
  width: 10%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of11 {
  width: 9.090%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of12 {
  width: 8.333%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of13 {
  width: 7.692%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of14 {
  width: 7.142%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of15 {
  width: 6.666%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of16 {
  width: 6.25%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of17 {
  width: 5.882%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of18 {
  width: 5.555%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of19 {
  width: 5.263%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of20 {
  width: 5%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of21 {
  width: 4.761%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of22 {
  width: 4.545%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of23 {
  width: 4.347%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of24 {
  width: 4.166%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of25 {
  width: 4%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of26 {
  width: 3.846%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of27 {
  width: 3.703%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of28 {
  width: 3.571%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of29 {
  width: 3.448%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of30 {
  width: 3.333%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of31 {
  width: 3.226%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of32 {
  width: 3.125%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of33 {
  width: 3.030%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of34 {
  width: 2.941%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of35 {
  width: 2.857%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of36 {
  width: 2.777%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of37 {
  width: 2.702%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of38 {
  width: 2.631%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of39 {
  width: 2.564%;
}

.fairtrade-story .story-overlay .progress-bars .bar.of40 {
  width: 2.5%;
}

.fairtrade-story .story-overlay .account-line {
  display: block;
  width: 100%;
  padding: 0px 15px;
}

.fairtrade-story .story-overlay .account-line .story-logo {
  width: 25px;
  height: 25px;
  float: left;
}

.fairtrade-story .story-overlay .account-line .story-account {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  padding: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.fairtrade-story .fairtrade-story-part {
  position: absolute;
  top: 0;
  left: 0;
  width: 414px;
  height: 736px;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.fairtrade-story .fairtrade-story-part.active {
  opacity: 1;
}

.fairtrade-story .fairtrade-story-part .part-main video {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.fairtrade-story .fairtrade-story-part .part-overlay {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-content {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  text-align: right;
  opacity: 0.8;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-content .content-title,
.fairtrade-story .fairtrade-story-part .part-overlay .part-content .content-text {
  color: #fff;
  line-height: 26px;
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 200px;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-content .content-text {
  color: #333;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-content .part-pausebutton {
  position: absolute;
  left: 0px;
  bottom: 0;
  width: 25px;
  height: 40px;
  display: block;
  text-align: center;
  transform: rotate(90deg);
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-content .part-pausebutton span:before {
  content: "=";
  color: #fff;
  font-size: 30px;
  opacity: 0.5;
  font-weight: 600;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-location {
  position: absolute;
  right: 0px;
  text-align: right;
  margin: 34px 22px 0px;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-location .location-name {
  padding: 4px 10px 3px 30px;
  background: #ffffff url("/fileadmin/DE/08_Specials/FairtradeStory/pin_black.png") no-repeat 9px 8px;
  background-size: 14px;
  border-radius: 5px;
  color: #333;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  line-height: 26px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  float: left;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-location .location-flag {
  font-size: 30px;
  line-height: 0px;
  top: 5px;
  position: relative;
  left: 5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  padding-top: 10px;
  float: right;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-location .location-flag-ms {
  display: none;
  background-size: 30px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  top: 3px;
  position: relative;
  left: 8px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-author {
  position: relative;
  margin: 480px 0px 0px 15px;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-author .author-name {
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  display: block;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 2px;
}

.fairtrade-story .fairtrade-story-part .part-overlay .part-author .author-position {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 2px 5px 1px 5px;
  background: #ffffff;
  border-radius: 4px;
  color: #333;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  display: inline-block;
}

@media (min-width: 320px) {
  body .fairtrade-story,
  body .fairtrade-story .fairtrade-story-part .part-overlay {
    width: 290px;
    height: 530px;
  }

  body .fairtrade-story .fairtrade-story-part .part-overlay .part-author {
    margin: 360px 0px 0px 15px;
  }

  body .fairtrade-story .fairtrade-story-part .part-overlay .part-content {
    bottom: 30px;
  }

  body .fairtrade-story .initial_right span,
  body .fairtrade-story .initial_left span {
    display: none;
  }
}

@media (min-width: 375px) {
  body .fairtrade-story,
  body .fairtrade-story .fairtrade-story-part .part-overlay {
    width: 345px;
    height: 650px;
  }

  body .fairtrade-story .fairtrade-story-part .part-overlay .part-author {
    margin: 430px 0px 0px 15px;
  }

  body .fairtrade-story .fairtrade-story-part .part-overlay .part-content {
    bottom: 40px;
  }
}

@media (min-width: 414px) {
  body .fairtrade-story,
  body .fairtrade-story .fairtrade-story-part .part-overlay {
    width: 375px;
    height: 676px;
  }

  body .fairtrade-story .fairtrade-story-part .part-overlay .part-author {
    margin: 480px 0px 0px 15px;
  }

  body .fairtrade-story .fairtrade-story-part .part-overlay .part-content {
    bottom: 20px;
  }
}

@media (min-width: 768px) {
  body .fairtrade-story {
    margin-left: 20px;
  }

  body .fairtrade-story .initial_right span,
  body .fairtrade-story .initial_left span {
    display: block;
  }
}

.cc #cc-ext {
  display: table;
}

.faitrade-team .faitrade-team-person {
  width: 33.333%;
  float: left;
  border: 1px solid transparent;
  overflow: hidden;
  position: relative;
  padding: 0px;
  margin: 0px;
  height: 393px;
  height: auto;
}

.faitrade-team .faitrade-team-person .main-video {
  height: 0;
  overflow: hidden;
  padding-top: 135.71428571%;
  position: relative;
  background-color: white;
}

.faitrade-team .faitrade-team-person .main-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.faitrade-team .faitrade-team-person .person-name {
  font-size: 30px;
  position: absolute;
  margin: 20px;
  bottom: 0;
  left: 0;
  padding: 4px 10px;
  background-color: #fff;
  color: #000;
  line-height: 1;
  font-family: "Veneer", "Arial", sans-serif;
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}

.faitrade-team .faitrade-team-person .person-overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 0;
  overflow: hidden;
  background: rgba(0, 185, 228, 0.5);
  transition: height 0.15s ease-in-out;
  font-family: 'Veneer', 'Arial', sans-serif;
}

.faitrade-team .faitrade-team-person .person-overlay .person-overlay-head {
  padding: 20px 20px 0;
  font-size: 24px;
}

.faitrade-team .faitrade-team-person .person-overlay .person-overlay-text {
  padding: 0 20px 20px;
  font-size: 16px;
}

.faitrade-team .faitrade-team-person:hover .person-name {
  opacity: 0;
}

.faitrade-team .faitrade-team-person:hover .person-overlay {
  height: 50%;
}

@media (max-width: 1169px) {
  .faitrade-team .faitrade-team-person {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .faitrade-team .faitrade-team-person {
    width: 100%;
  }
}

/*
* Importiere Extension plupload
*/

/*
* Importiere Extension GDPR
*/

div.cc-blocked {
  padding: 50px;
  border: 1px solid #CBD3D7;
  background: #EAEEF0;
}

div.cc-blocked .cc-blocked-container {
  margin: 0 auto;
  max-width: 380px;
  text-align: center;
}

div.cc-blocked .cc-blocked-container p {
  margin-bottom: 0px;
}

div.cc-blocked .cc-blocked-container p.cc-blocked-headline {
  color: #333;
  font-size: 24px;
  font-family: "Veneer", "Arial", sans-serif;
}

div.cc-blocked .cc-blocked-container p.cc-blocked-text {
  color: #333333;
  font-size: 14px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
}

div.cc-blocked .cc-blocked-container .cc-blocked-host {
  font-weight: bold;
  color: #00b9e4;
  font-size: 14px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
}

div.cc-blocked .cc-blocked-container button {
  border: 0;
  margin-top: 15px;
  border-radius: 0px;
  padding: 13px 20px;
  color: #FFFFFF;
  font-size: 16px;
  background: #00b9e4;
  font-family: "Veneer", "Arial", sans-serif;
  line-height: 16px;
}

body.cc-fullscreen {
  overflow: hidden;
}

#cc {
  left: 30px;
  width: 428px;
  bottom: 30px;
  padding: 30px;
  display: none;
  position: fixed;
  border-radius: 5px;
  z-index: 2147483647;
  background: #333;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 720px) {
  #cc {
    left: 0;
    bottom: 0;
    width: 100%;
  }
}

#cc.fullscreen {
  left: 0;
  bottom: 0;
  height: 100%;
  border-radius: 0;
  overflow: scroll;
}

@media screen and (max-width: 720px) {
  #cc.fullscreen {
    width: 100%;
  }
}

#cc p,
#cc a {
  color: unset;
  font-size: unset;
  font-weight: unset;
  font-family: unset;
  padding: 0;
  margin: 0;
}

#cc.visible {
  display: block;
}

#cc p.cc-headline {
  color: #fff;
  font-size: 24px;
  font-family: "Veneer", "Arial", sans-serif;
  line-height: 30px;
  margin-bottom: 18px;
}

#cc div.cc-categories div.cc-accordion .cc-accordion-label {
  height: 25px;
  color: #18B2D2;
  font-size: 16px;
  line-height: 29px;
}

#cc div.cc-categories div.cc-accordion .cc-accordion-label p {
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  font-weight: bold;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content p.cc-category-description {
  max-width: 320px;
  padding-top: 5px;
  color: #fff;
  font-size: 16px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  line-height: 28px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content p.cc-category-provider-headline {
  margin-top: 13px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #fff;
  font-size: 16px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  line-height: 22px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider {
  border-bottom: 1px solid #EAEEF0;
  margin-bottom: 10px;
  margin-left: -20px;
  padding-left: 20px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider p.cc-provider-name {
  font-weight: bold;
  margin-bottom: 5px;
  color: #ccc;
  font-size: 16px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider .cc-provider-resources {
  font-weight: bold;
  color: #00b9e4;
  font-size: 14px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 10px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion {
  margin-top: 2px;
  margin-bottom: 16px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion label.cc-accordion-label {
  color: #00b9e4;
  font-size: 14px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  line-height: 28px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion label.cc-accordion-label p {
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  font-weight: bold;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content {
  padding-left: 0;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies {
  overflow: auto;
  max-height: 182px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies::-webkit-scrollbar {
  width: 3px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px #EAEEF0;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background: #999999;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies::-webkit-scrollbar-thumb:hover {
  background: gray;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies div.cc-cookie {
  padding: 10px 0;
  border-bottom: 1px solid #EAEEF0;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies div.cc-cookie:last-of-type {
  border-bottom: none;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies div.cc-cookie p.cc-cookie-label {
  font-weight: bold;
  margin-bottom: 4px;
  color: #00b9e4;
  font-size: 14px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
  line-height: 19px;
}

#cc div.cc-categories div.cc-accordion div.cc-accordion-content div.cc-providers div.cc-provider div.cc-accordion div.cc-accordion-content div.cc-cookies div.cc-cookie p.cc-cookie-label span {
  font-weight: normal;
  color: #7F98A7;
  font-size: 14px;
  line-height: 19px;
  font-family: "Helvetica Neue", "Arial", Helvetica, sans-serif;
}

#cc .cc-accordion {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

#cc .cc-accordion:last-of-type {
  margin-bottom: 24px;
}

#cc .cc-accordion input {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

#cc .cc-accordion input:checked ~ div.cc-accordion-content {
  max-height: 100vh;
  padding-left: 20px;
}

#cc .cc-accordion input:checked ~ label.cc-accordion-label img {
  transform: rotate(90deg);
}

#cc .cc-accordion-label {
  margin: 0;
  display: flex;
  cursor: pointer;
  position: relative;
}

#cc .cc-accordion-label img {
  width: 9px;
  height: 14px;
  margin-top: 7px;
  margin-left: 2px;
  margin-right: 8px;
  transition: all .3s;
}

#cc .cc-accordion-label p {
  font-weight: bold;
  font-size: 16px;
}

#cc .cc-accordion-label .cc-toggle {
  right: 0;
  position: absolute;
}

#cc .cc-accordion-label .cc-toggle.cc-disabled {
  opacity: 0.4;
}

#cc .cc-accordion-label .cc-toggle.cc-disabled .cc-toggle-label {
  cursor: not-allowed;
}

#cc .cc-accordion-label .cc-toggle input {
  opacity: 0;
  position: absolute;
}

#cc .cc-accordion-label .cc-toggle input + label {
  margin: 0;
  width: 50px;
  border: none;
  height: 30px;
  display: block;
  user-select: none;
  position: relative;
  border-radius: 60px;
  transition: 0.4s ease;
}

#cc .cc-accordion-label .cc-toggle input + label:before {
  top: 0;
  left: 0;
  width: 48px;
  content: "";
  height: 24px;
  display: block;
  position: absolute;
  border-radius: 30px;
  background: #999999;
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}

#cc .cc-accordion-label .cc-toggle input + label:after {
  top: 2px;
  left: 2px;
  width: 20px;
  content: "";
  height: 20px;
  display: block;
  position: absolute;
  border-radius: 60px;
  background: #FFFFFF;
  transition: 0.35s cubic-bezier(0.54, 1.3, 0.5, 1);
}

#cc .cc-accordion-label .cc-toggle input:checked + label:before {
  background: #0AA856;
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

#cc .cc-accordion-label .cc-toggle input:checked + label:after {
  left: 26px;
}

#cc .cc-accordion-content {
  max-height: 0;
  padding-left: 20px;
  transition: all .35s;
}

#cc div.cc-buttons button {
  border: 0;
  padding: 10px;
  min-width: 150px;
  border-radius: 0px;
  font-size: 16px;
  font-family: "Veneer", "Arial", sans-serif;
}

#cc div.cc-buttons button.secondary {
  color: #FFFFFF;
  font-family: "Veneer", "Arial", sans-serif;
  background: #bed600;
}

#cc div.cc-buttons button.secondary:hover {
  background: #91a300;
}

#cc div.cc-buttons button:not(.secondary) {
  float: right;
  color: #FFFFFF;
  background: #00b9e4;
}

#cc div.cc-buttons button:not(.secondary):hover {
  background: #0090b1;
}

#cc div.cc-buttons button:not(.secondary) :after {
  clear: right;
}

@media only screen and (max-width: 720px) {
  #cc div.cc-buttons button {
    float: unset;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
  }

  #cc div.cc-buttons button:last-of-type {
    margin-bottom: 0;
  }
}

/*
* Importiere Kampagnen
*/

body.jubilaeum-ch {
  background: #d0e7ed;
}

body.jubilaeum-ch .back-button a {
  margin-top: 30px;
  background: #00b9e4;
  color: #ffffff;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 20px;
  display: inline-block;
  padding: 10px 30px;
  cursor: pointer;
  margin-bottom: 30px;
}

body.jubilaeum-ch .new-participant .message-error {
  display: none;
}

body.jubilaeum-ch .new-participant .message-ok {
  background-color: red;
}

body.jubilaeum-ch .new-participant .message-ok .message-header {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 20px;
  padding: 2px 10px;
  color: #ffffff;
}

body.jubilaeum-ch .new-participant .message-ok .message-body {
  color: #ffffff;
  font-weight: bold;
  padding: 2px 10px;
  margin: 0px 0px 30px 0px;
}

body.jubilaeum-ch .new-participant .errorAgree {
  display: none;
}

body.jubilaeum-ch .new-participant .mandatory {
  vertical-align: top;
}

body.jubilaeum-ch .new-participant .button {
  margin-top: 10px;
}

body.jubilaeum-ch .new-participant .g-recaptcha {
  margin: 0px 0px 10px 0px;
  display: inline-block;
}

body.jubilaeum-ch .hashtags h2,
body.jubilaeum-ch .hashtags .tx-powermail fieldset legend,
.tx-powermail fieldset body.jubilaeum-ch .hashtags legend {
  float: left;
  background: #e0119d;
  margin: 0 30px 60px 0px;
  color: #ffffff;
  padding: 10px 25px;
}

body.jubilaeum-ch .mainslider {
  margin-bottom: 32px;
}

body.jubilaeum-ch .tx-sf-filecollection-gallery {
  margin: 0px 30px;
}

body.jubilaeum-ch section.content-startseite.content-after-header {
  margin-bottom: 0;
}

body.jubilaeum-ch section.content-startseite {
  margin-bottom: 70px;
}

body.jubilaeum-ch .slide-content.white-magenta p.headline {
  color: #ffffff;
  background: #e0119d;
}

body.jubilaeum-ch .jubilaeumsseite-banner {
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-top: 80px;
}

body.jubilaeum-ch .jubilaeumsseite-banner .banner-element.black-white p.headline a {
  color: #1e1e1e;
  background: #ffffff;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  margin: 0;
  line-height: 50px;
  margin-bottom: 10px;
  font-size: 48px;
  padding: 2px 10px;
}

body.jubilaeum-ch .jubilaeumsseite-banner .banner-element.black-white p.description a {
  color: #ffffff;
}

body.jubilaeum-ch .jubilaeumsseite-banner .banner-element.black-white p.button a {
  background: #bed600;
  color: #ffffff;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 20px;
  display: inline-block;
  padding: 10px 30px;
  cursor: pointer;
  margin-bottom: 30px;
}

body.jubilaeum-ch section.content-startseite-black {
  background: #00b9e4 !important;
  padding: 0;
}

body.jubilaeum-ch section.content.content-trenner {
  max-height: none;
}

body.jubilaeum-ch .verteilerseite-einleitung {
  margin-bottom: 25px;
}

body.jubilaeum-ch .verteilerseite-einleitung .bodytext {
  margin-bottom: 8px;
  font-size: 1rem;
  color: #1e1e1e;
}

body.jubilaeum-ch .tbb-kachel {
  background: #ffffff;
  padding: 35px;
  margin-bottom: 32px;
}

body.jubilaeum-ch .tbb-kachel .headline {
  color: #1e1e1e;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  margin: 0;
  line-height: 50px;
  margin-bottom: 10px;
  font-size: 48px;
}

body.jubilaeum-ch .tbb-kachel .tbb-button {
  font-family: "Veneer", "Arial", sans-serif;
  color: #ffffff;
  font-size: 20px;
  background-color: #bed600;
  display: inline-block;
  padding: 10px 30px;
  cursor: pointer;
}

body.jubilaeum-ch .tbb-kachel .tbb-button a {
  color: #ffffff;
}

body.jubilaeum-ch .tbb-kachel img.responsive {
  border: solid 5px #00b9e4;
}

body.jubilaeum-ch section.content {
  background: #d0e7ed;
}

body.jubilaeum-ch .logo-wrap {
  position: absolute;
  z-index: 55;
  margin-left: -15px;
}

body.jubilaeum-ch .logo-wrap a {
  float: left;
}

body.jubilaeum-ch .logo-wrap a img {
  width: 96px;
  background: #fff;
}

body.jubilaeum-ch header div.main-nav nav ul.first li a {
  padding: 0 10px;
}

body.jubilaeum-ch .momente-counter {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 10;
}

body.jubilaeum-ch .momente-counter .counter-inner {
  width: 85px;
  margin: 0 auto;
  background: #1e1e1e;
  padding: 10px 0 4px 0;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

body.jubilaeum-ch .momente-counter .counter-inner p {
  font-family: 'Veneer', 'Arial', sans-serif;
  margin: 0;
  color: #fff;
  font-size: 20px;
}

body.jubilaeum-ch .momente-sepcial {
  padding-top: 100px;
  background-image: url("/fileadmin/system/img/ch-jubilaeum/form1.png");
  background-size: 4px auto;
  background-position: top center;
  background-repeat: repeat-y;
}

body.jubilaeum-ch .momente-sepcial .moment {
  position: relative;
  /* FLIPP EFFEKT*/
  height: 340px;
  width: 870px;
  -webkit-perspective: 1740px;
  -moz-perspective: 1740px;
  perspective: 1740px;
  z-index: 6;
}

body.jubilaeum-ch .momente-sepcial .moment div.index {
  width: 65px;
  height: 65px;
  background: #e0119d;
  color: #fff;
  border-radius: 50%;
  line-height: 59px;
  border: 3px solid #fff;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 25px;
  position: absolute;
  left: 50%;
  top: -30px;
  z-index: 7;
  margin-left: -32px;
  text-align: center;
}

body.jubilaeum-ch .momente-sepcial .moment div.index.small {
  font-size: 14px;
}

body.jubilaeum-ch .momente-sepcial .moment .img {
  height: 340px;
  overflow: hidden;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn .row .col-first {
  padding-right: 0;
}

body.jubilaeum-ch .momente-sepcial .moment .content {
  position: relative;
}

body.jubilaeum-ch .momente-sepcial .moment .content .content-inner {
  padding: 30px 30px 0 15px;
}

body.jubilaeum-ch .momente-sepcial .moment .content .content-inner .headline {
  color: #1e1e1e;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  margin: 0px 0px 15px 0px;
  font-size: 35px;
  line-height: 38px;
}

body.jubilaeum-ch .momente-sepcial .moment .flip {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 75px 75px;
  border-color: transparent transparent #00b9e4 transparent;
  z-index: 3;
}

body.jubilaeum-ch .momente-sepcial .moment .flip.flip-back {
  right: auto;
  left: 0;
  border-width: 75px 0 0 75px;
  border-color: transparent transparent transparent #fff;
}

body.jubilaeum-ch .momente-sepcial .moment a.flip-link {
  display: block;
  position: absolute;
  z-index: 5;
  bottom: 0px;
  right: 0px;
  width: 65px;
  height: 65px;
  transition: opacity 200ms linear;
}

body.jubilaeum-ch .momente-sepcial .moment a.flip-link.flip-front {
  right: auto;
  left: 0;
}

body.jubilaeum-ch .momente-sepcial .moment a.flip-link.flip-front img {
  margin: 29px 0 0 2px;
}

body.jubilaeum-ch .momente-sepcial .moment a.flip-link:hover {
  opacity: 1;
}

body.jubilaeum-ch .momente-sepcial .moment a.flip-link img {
  width: 32px;
  margin: 29px 0 0 32px;
  height: auto;
}

body.jubilaeum-ch .momente-sepcial .moment .back .content .content-inner {
  padding: 30px 15px 0 30px;
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -moz-transform: perspective(1740px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  z-index: 6;
  position: relative;
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn .front,
body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  position: absolute;
  height: 340px;
  width: 870px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn .front a {
  font-weight: bold;
  text-decoration: underline;
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #00b9e4;
  z-index: 1;
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back p,
body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back h2,
body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back .tx-powermail fieldset legend,
.tx-powermail fieldset body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back legend,
body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back a {
  color: #fff;
}

body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back a {
  font-weight: bold;
  text-decoration: underline;
}

body.jubilaeum-ch .momente-sepcial .moment.show-backside .moment-turn .front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

body.jubilaeum-ch .momente-sepcial .moment.show-backside .moment-turn .back {
  z-index: 3;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

body.jubilaeum-ch .momente-sepcial .moment.show-backside .back .img {
  margin-left: -15px;
}

body.jubilaeum-ch .momente-sepcial .moment .catimage0:before {
  /* Baumwollprodukte */
  content: "\e904";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage12:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage21:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage247:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1271:before {
  /* Baumwollprodukte */
  content: "\e93e";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage22:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage248:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage14:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1273:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageBlu:before {
  /* Blumen */
  content: "\e921";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage16:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage23:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage249:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1275:before {
  /* Fr�chte */
  content: "\e922";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage17:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage20:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1276:before {
  /* Fr�chts�fte Gem�se */
  content: "\e922";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage1279:before {
  /*  Gem�se */
  content: "\e924";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage24:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage250:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage2:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1261:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageGet:before {
  /* Getr�nke */
  content: "\e925";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage4:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage19:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage251:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1263:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageGew:before {
  /* Gew�rze */
  content: "\e926";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage1278:before {
  /* �L */
  content: "\e926";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage9:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage78:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage303:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1268:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1643:before {
  /* Gold */
  content: "\e927";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage9:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage35:before {
  /* Holz */
}

body.jubilaeum-ch .momente-sepcial .moment .catimage13:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage252:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage26:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1272:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageHon:before {
  /* Honig */
  content: "\e928";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage28:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage254:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage7:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageKak:before {
  /* Kakao */
  content: "\e92a";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage1:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage253:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage27:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1260:before {
  /* Kaffee */
  content: "\e929";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage25:before {
  /* Koch- & Backhilfen */
  content: "\e92b";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage36:before {
  /* Kosmetik */
  content: "\e92d";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage11:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1270:before {
  /* Quinoa */
}

body.jubilaeum-ch .momente-sepcial .moment .catimage6:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage29:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage255:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1265:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageRei:before {
  /* Reis */
  content: "\e92e";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage256:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage15:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage30:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1274:before {
  /* Sportb�lle */
  content: "\e92f";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage257:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage3:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage31:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1262:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageMil:before {
  /* S��waren */
  content: "\e923";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage258:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage8:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage32:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1267:before {
  /* Tee */
  content: "\e930";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage259:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage5:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage33:before,
body.jubilaeum-ch .momente-sepcial .moment .catimageTro:before {
  /* Trockenfr�chte */
  content: "\e931";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage260:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage10:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage34:before,
body.jubilaeum-ch .momente-sepcial .moment .catimage1269:before {
  /* Zucker */
  content: "\e932";
}

body.jubilaeum-ch .momente-sepcial .moment .catimage1277:before {
  /* Wein */
}

body.jubilaeum-ch .momente-sepcial .moment .catimage {
  height: 40px;
  width: 40px;
  float: left;
}

body.jubilaeum-ch .momente-sepcial .moment .catimage::before {
  font-size: 40px;
  left: 26px;
  top: 14px;
  font-family: fairtrade;
  font-weight: normal;
  position: absolute;
  color: #fff;
}

body.jubilaeum-ch .momente-sepcial .moment .catimage.catimage0::before {
  font-size: 28px;
  left: 33px;
  top: 24px;
}

body.jubilaeum-ch .momente-sepcial .moment .back .catimage::before {
  left: 4px;
  color: #00b9e4;
}

body.jubilaeum-ch .momente-sepcial .moment .back .catimage.catimage0::before {
  font-size: 28px;
  left: 7px;
  top: 24px;
  content: "\e906";
}

body.jubilaeum-ch .momente-sepcial.first {
  padding-top: 30px;
  background-image: none;
}

body.jubilaeum-ch .monthly,
body.jubilaeum-ch .yearly {
  padding-left: 0px;
  padding-right: 0px;
}

body.jubilaeum-ch .monthly .competition-header,
body.jubilaeum-ch .yearly .competition-header {
  position: relative;
  width: 100%;
  min-height: 420px;
  padding: 30px 30px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

body.jubilaeum-ch .monthly .competition-header h2 span,
body.jubilaeum-ch .monthly .competition-header .tx-powermail fieldset legend span,
.tx-powermail fieldset body.jubilaeum-ch .monthly .competition-header legend span,
body.jubilaeum-ch .yearly .competition-header h2 span,
body.jubilaeum-ch .yearly .competition-header .tx-powermail fieldset legend span,
.tx-powermail fieldset body.jubilaeum-ch .yearly .competition-header legend span {
  display: inline-block;
  background: #e0119d;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 20px;
  padding: 10px;
}

body.jubilaeum-ch .monthly .competition-header .ch-partner,
body.jubilaeum-ch .yearly .competition-header .ch-partner {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 15;
}

body.jubilaeum-ch .monthly .competition-header .ch-partner img,
body.jubilaeum-ch .yearly .competition-header .ch-partner img {
  margin: 0px 0px 10px 0px;
}

body.jubilaeum-ch .monthly .competition-header .ch-partner .ch-partner-info,
body.jubilaeum-ch .yearly .competition-header .ch-partner .ch-partner-info {
  background: #ffffff;
  color: #1e1e1e;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  padding: 6px 20px;
  font-size: 20px;
}

body.jubilaeum-ch .monthly .competition-content,
body.jubilaeum-ch .yearly .competition-content {
  padding: 23px 30px 34px;
  background: #00b9e4;
  position: relative;
}

body.jubilaeum-ch .monthly .competition-content h3,
body.jubilaeum-ch .yearly .competition-content h3,
body.jubilaeum-ch .monthly .competition-content h4,
body.jubilaeum-ch .yearly .competition-content h4,
body.jubilaeum-ch .monthly .competition-content p,
body.jubilaeum-ch .yearly .competition-content p {
  color: #ffffff;
}

body.jubilaeum-ch .monthly .competition-content h3,
body.jubilaeum-ch .yearly .competition-content h3 {
  font-size: 25px;
  margin-bottom: 10px;
}

body.jubilaeum-ch .monthly .competition-content h4,
body.jubilaeum-ch .yearly .competition-content h4 {
  text-transform: none;
  font-family: 'Arial, Helvetica Neue', Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

body.jubilaeum-ch .monthly .competition-content p,
body.jubilaeum-ch .yearly .competition-content p {
  font-size: 100%;
  margin-bottom: 10px;
}

body.jubilaeum-ch .monthly .competition-content a.learn-more,
body.jubilaeum-ch .yearly .competition-content a.learn-more {
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}

body.jubilaeum-ch .monthly .competition-content a.learn-more:hover,
body.jubilaeum-ch .yearly .competition-content a.learn-more:hover {
  text-decoration: underline;
}

body.jubilaeum-ch .monthly .competition-content .question,
body.jubilaeum-ch .yearly .competition-content .question {
  margin-bottom: 68px;
}

body.jubilaeum-ch .monthly .competition-content .button,
body.jubilaeum-ch .yearly .competition-content .button {
  margin-top: 15px;
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 0px;
  width: 100%;
}

body.jubilaeum-ch .monthly .competition-content .button a,
body.jubilaeum-ch .yearly .competition-content .button a {
  color: #ffffff;
  background: #ffa02f;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  padding: 7px 30px;
  font-size: 24px;
}

body.jubilaeum-ch .monthly .competition-content .check-wrapper,
body.jubilaeum-ch .yearly .competition-content .check-wrapper {
  margin: 0px 85px;
  color: #ffffff;
  font-size: 16px;
  position: relative;
  font-weight: bold;
}

body.jubilaeum-ch .monthly .competition-content .check-wrapper span:before,
body.jubilaeum-ch .yearly .competition-content .check-wrapper span:before,
body.jubilaeum-ch .monthly .competition-content .check-wrapper span:after,
body.jubilaeum-ch .yearly .competition-content .check-wrapper span:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

body.jubilaeum-ch .monthly .competition-content .check-wrapper input[type="checkbox"],
body.jubilaeum-ch .yearly .competition-content .check-wrapper input[type="checkbox"] {
  display: none;
}

body.jubilaeum-ch .monthly .competition-content .check-wrapper span.checkbox,
body.jubilaeum-ch .yearly .competition-content .check-wrapper span.checkbox {
  margin: 3px 0px;
  display: inline-block;
}

body.jubilaeum-ch .monthly .competition-content .check-wrapper span.checkbox:before,
body.jubilaeum-ch .yearly .competition-content .check-wrapper span.checkbox:before {
  width: 20px;
  height: 20px;
  background-color: #fff;
  left: -35px;
  box-sizing: border-box;
  border: 1px solid #0092b4;
  transition: border-color 0.2s;
}

body.jubilaeum-ch .monthly .competition-content .check-wrapper span.checkbox:after,
body.jubilaeum-ch .yearly .competition-content .check-wrapper span.checkbox:after {
  content: '\e94a';
  font-family: fairtrade;
  left: -32px;
  top: 3px;
  color: transparent;
  transition: color .2s;
}

body.jubilaeum-ch .monthly .competition-content .check-wrapper input[type="checkbox"]:checked + label span.checkbox::after,
body.jubilaeum-ch .yearly .competition-content .check-wrapper input[type="checkbox"]:checked + label span.checkbox::after {
  color: #ffa02f;
}

body.jubilaeum-ch .yearly h2 span,
body.jubilaeum-ch .yearly .tx-powermail fieldset legend span,
.tx-powermail fieldset body.jubilaeum-ch .yearly legend span {
  background: #00b9e4 !important;
}

body.jubilaeum-ch .yearly .competition-content {
  background: #e0119d;
}

body.jubilaeum-ch .yearly .competition-content .button a {
  background: #80379b;
}

body.jubilaeum-ch .wrong-answer {
  display: block;
  background: none;
  color: transparent;
  padding: 3px 20px;
  margin: 0px 30px 10px 30px;
  text-align: center;
}

body.jubilaeum-ch .monthly .wrong-answer.show,
body.jubilaeum-ch .monthly-price .wrong-answer.show {
  color: #ffa02f;
  background: #ffffff;
}

body.jubilaeum-ch .yearly input[type="checkbox"]:checked + label span.checkbox::after,
body.jubilaeum-ch .yearly-price input[type="checkbox"]:checked + label span.checkbox::after {
  color: #80379b !important;
}

body.jubilaeum-ch .yearly .wrong-answer.show,
body.jubilaeum-ch .yearly-price .wrong-answer.show {
  color: #80379b;
  background: #ffffff;
}

body.jubilaeum-ch .monthly-price {
  background: #00b9e4;
  padding: 30px;
}

body.jubilaeum-ch .monthly-price .price-header {
  margin-bottom: 50px;
}

body.jubilaeum-ch .monthly-price .price-header div p {
  color: #ffffff;
}

body.jubilaeum-ch .monthly-price .price-header h2,
body.jubilaeum-ch .monthly-price .price-header .tx-powermail fieldset legend,
.tx-powermail fieldset body.jubilaeum-ch .monthly-price .price-header legend {
  width: 100%;
  margin-top: 70px;
}

@media (min-width: 980px) {
  body.jubilaeum-ch .monthly-price .price-header h2,
  body.jubilaeum-ch .monthly-price .price-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jubilaeum-ch .monthly-price .price-header legend {
    margin-left: 40%;
  }
}

body.jubilaeum-ch .monthly-price .price-header h2 span,
body.jubilaeum-ch .monthly-price .price-header .tx-powermail fieldset legend span,
.tx-powermail fieldset body.jubilaeum-ch .monthly-price .price-header legend span {
  display: inline-block;
  background: #e0119d;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 48px;
  line-height: 35px;
  margin-bottom: 20px;
  padding: 13px;
}

body.jubilaeum-ch .monthly-price .price-header .ch-partner {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 15;
  height: 500px;
  width: 500px;
}

body.jubilaeum-ch .monthly-price .price-header .ch-partner-info {
  background: #ffffff;
  color: #1e1e1e;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  padding: 6px 20px;
  font-size: 20px;
}

body.jubilaeum-ch .monthly-price .price-header .partner-content-links {
  width: 100%;
  text-align: center;
}

body.jubilaeum-ch .monthly-price .price-header .partner-content-links a {
  vertical-align: middle;
}

body.jubilaeum-ch .monthly-price .price-header .logo-link {
  display: inline-block;
  margin-left: 20px;
}

body.jubilaeum-ch .monthly-price .question-header {
  font-size: 40px;
  line-height: 50px;
}

body.jubilaeum-ch .monthly-price h3,
body.jubilaeum-ch .monthly-price h4,
body.jubilaeum-ch .monthly-price p {
  color: #ffffff;
}

body.jubilaeum-ch .monthly-price h3 {
  font-size: 25px;
  margin-bottom: 10px;
}

body.jubilaeum-ch .monthly-price h4 {
  text-transform: none;
  font-family: 'Arial, Helvetica Neue', Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

body.jubilaeum-ch .monthly-price p {
  font-size: 100%;
  margin-bottom: 10px;
}

body.jubilaeum-ch .monthly-price a.learn-more {
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}

body.jubilaeum-ch .monthly-price a.learn-more:hover {
  text-decoration: underline;
}

body.jubilaeum-ch .monthly-price .bodytext {
  font-size: 18px;
  font-weight: normal;
}

body.jubilaeum-ch .monthly-price .button {
  margin-top: 25px;
  margin-bottom: 50px;
  text-align: center;
}

body.jubilaeum-ch .monthly-price .button a {
  color: #ffffff;
  background: #ffa02f;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  padding: 7px 30px;
  font-size: 24px;
}

body.jubilaeum-ch .monthly-price .check-wrapper {
  color: #ffffff;
  font-size: 16px;
  position: relative;
  font-weight: bold;
}

body.jubilaeum-ch .monthly-price .check-wrapper span:before,
body.jubilaeum-ch .monthly-price .check-wrapper span:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

body.jubilaeum-ch .monthly-price .check-wrapper input[type="checkbox"] {
  display: none;
}

body.jubilaeum-ch .monthly-price .check-wrapper span.checkbox {
  margin: 3px 0px;
  display: inline-block;
}

body.jubilaeum-ch .monthly-price .check-wrapper span.checkbox:before {
  width: 20px;
  height: 20px;
  background-color: #fff;
  left: -35px;
  box-sizing: border-box;
  border: 1px solid #0092b4;
  transition: border-color 0.2s;
}

body.jubilaeum-ch .monthly-price .check-wrapper span.checkbox:after {
  content: '\e94a';
  font-family: fairtrade;
  left: -32px;
  top: 3px;
  color: transparent;
  transition: color .2s;
}

body.jubilaeum-ch .monthly-price .check-wrapper input[type="checkbox"]:checked + label span.checkbox::after {
  color: #ffa02f;
}

body.jubilaeum-ch .new-participant {
  padding-top: 30px;
  background: #00b9e4;
  text-align: center;
}

body.jubilaeum-ch .new-participant h2,
body.jubilaeum-ch .new-participant .tx-powermail fieldset legend,
.tx-powermail fieldset body.jubilaeum-ch .new-participant legend,
body.jubilaeum-ch .new-participant p {
  color: #ffffff;
}

body.jubilaeum-ch .new-participant a.agree {
  color: #ffffff;
  text-decoration: underline;
}

body.jubilaeum-ch .new-participant form {
  text-align: left;
  color: #ffffff;
}

body.jubilaeum-ch .new-participant form label {
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}

body.jubilaeum-ch .new-participant form input,
body.jubilaeum-ch .new-participant form select {
  margin-bottom: 20px;
}

body.jubilaeum-ch .new-participant form .chosen-container-single .chosen-single div {
  background: #ffffff;
  border-right: 1px solid #b8b8b8;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}

body.jubilaeum-ch .new-participant form .chosen-container-single .chosen-single div:after {
  color: #00b9e4;
}

body.jubilaeum-ch .new-participant form .button {
  margin-bottom: 20px;
  text-align: center;
}

body.jubilaeum-ch .new-participant form .button input {
  background: #bed600;
  color: #ffffff;
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 18px;
  display: inline-block;
  padding: 6px 20px;
  cursor: pointer;
  margin-bottom: 30px;
  border: none;
}

body.jubilaeum-ch .new-participant form .checkbox {
  margin-bottom: 20px;
}

body.jubilaeum-ch .new-participant form .checkbox label {
  display: block;
  padding-left: 32px;
  text-indent: -15px;
  font-weight: normal;
}

body.jubilaeum-ch .new-participant form .checkbox input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  left: -15px;
  *overflow: hidden;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch {
  background: #ffffff;
  padding: 50px;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch hr,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch hr {
  border-top: 2px solid #e0119d;
  margin-top: 0px;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch .date,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .date {
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 60px;
  color: #1e1e1e;
  text-align: center;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch .news-content,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .news-content {
  padding: 14px 0px;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch .news-content p,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .news-content p {
  color: #00b9e4;
  font-family: "Veneer", "Arial", sans-serif;
  margin-bottom: 0;
  font-size: 24px;
  padding: 2px 0px;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch .imageblock,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .imageblock {
  position: relative;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch .imageblock .diary,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .imageblock .diary {
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 5;
}

body.jubilaeum-ch .news-unterseite-list-nachrichten-tagebuch .imageblock .responsive,
body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .imageblock .responsive {
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  /* Chrome, Safari, Opera */
  transform: rotate(3deg);
  margin: 0px 0px 0px 20px;
  z-index: 9;
}

body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .date {
  text-align: left;
}

body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .diary-page-top {
  background-image: url("/fileadmin/system/img/ch-jubilaeum/bg_top.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: 75px;
}

body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .diary-page {
  background-image: url("/fileadmin/system/img/ch-jubilaeum/bg_mid.png");
  background-repeat: repeat-y;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  margin-top: -3px;
}

body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .diary-page h1 {
  font-size: 34px;
  margin-top: -15px;
}

body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .diary-page .img-wrap {
  margin: 20px;
  background-color: #ddd4bf;
}

body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .diary-page .img-wrap img {
  -ms-transform: rotate(-1.5deg);
  /* IE 9 */
  -webkit-transform: rotate(-1.5deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-1.5deg);
}

body.jubilaeum-ch .news-unterseite-detail-nachrichten-tagebuch .diary-page-bottom {
  background-image: url("/fileadmin/system/img/ch-jubilaeum/bg_btm.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: 15px;
}

@media (max-width: 1169px) {
  body.jubilaeum-ch .logo-wrap a img {
    width: 75px;
  }
}

@media (max-width: 979px) {
  body.jubilaeum-ch header div.main-nav nav ul.first li a {
    padding: 0 2px !important;
  }

  body.jubilaeum-ch .jubilaeumsseite-banner {
    background-image: none;
  }

  body.jubilaeum-ch .tbb-kachel .tbb-button {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  body.jubilaeum-ch .new-participant {
    padding: 30px;
  }

  body.jubilaeum-ch .jubilaeumsseite-banner {
    text-align: center;
    padding-top: 20px;
  }

  body.jubilaeum-ch .jubilaeumsseite-banner .banner-element.black-white p.headline {
    margin-bottom: 5px;
  }

  body.jubilaeum-ch .jubilaeumsseite-banner .banner-element.black-white p.headline a {
    font-size: 32px;
  }

  body.jubilaeum-ch .jubilaeumsseite-banner .banner-element.black-white p.button {
    margin-bottom: 10px;
  }

  body.jubilaeum-ch .jubilaeumsseite-banner .banner-element.black-white p.button a {
    margin-bottom: 10px;
  }

  body.jubilaeum-ch .wrong-answer {
    margin: 0;
  }

  body.jubilaeum-ch .check-wrapper {
    margin: 0px 35px !important;
  }

  body.jubilaeum-ch .tbb-kachel {
    padding: 10px;
    text-align: center;
  }

  body.jubilaeum-ch .tbb-kachel p {
    text-align: center;
  }

  body.jubilaeum-ch .tbb-kachel .headline {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 5px;
  }

  body.jubilaeum-ch .tbb-kachel .tbb-button {
    margin-bottom: 10px;
  }
}

@media (max-width: 550px) {
  body.jubilaeum-ch .monthly .competition-header h2 span,
  body.jubilaeum-ch .monthly .competition-header .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.jubilaeum-ch .monthly .competition-header legend span,
  body.jubilaeum-ch .yearly .competition-header h2 span,
  body.jubilaeum-ch .yearly .competition-header .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.jubilaeum-ch .yearly .competition-header legend span {
    font-size: 38px;
    line-height: 45px;
  }
}

@media (max-width: 450px) {
  body.jubilaeum-ch .monthly .competition-header h2 span,
  body.jubilaeum-ch .monthly .competition-header .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.jubilaeum-ch .monthly .competition-header legend span,
  body.jubilaeum-ch .yearly .competition-header h2 span,
  body.jubilaeum-ch .yearly .competition-header .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.jubilaeum-ch .yearly .competition-header legend span {
    font-size: 28px;
    line-height: 45px;
  }
}

body.jubilaeum,
body.jubilaeum section.content {
  background: #fdf6eb;
}

body.jubilaeum section.content.content-after-header {
  padding-top: 60px;
}

body.jubilaeum .jubilaeum-spacer {
  margin-top: 60px;
}

body.jubilaeum section.content-startseite {
  padding-top: 85px;
  background-image: url("/fileadmin/system/img/jubilaeum/25jahre-Right@1x.jpg");
  background-position: top right;
  background-repeat: no-repeat;
}

body.jubilaeum section.content.content-after-header.content-startseite {
  padding: 0;
  margin: 0;
}

body.jubilaeum section.content-verteilerseite .bread-wrap {
  display: none;
}

body.jubilaeum section.content aside ul {
  background: #fff;
}

body.jubilaeum section.content aside ul li.active,
body.jubilaeum section.content aside ul li:hover {
  background: #ede5d9;
}

body.jubilaeum .fairtrade-teaser {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

body.jubilaeum section.content.content-startseite-bottom > .container,
body.jubilaeum section.content.content-startseite-bottom > .container-custom {
  height: 100px;
  background: #fdf6eb;
  background-image: url("/fileadmin/system/img/jubilaeum/25jahre-Footer@1x.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
}

body.jubilaeum section.content.content-startseite-bottom {
  margin: 0;
}

body.jubilaeum .momente-counter {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
}

body.jubilaeum .momente-counter .counter-inner {
  width: 85px;
  margin: 0 auto;
  background: #1e1e1e;
  padding: 10px 0 4px 0;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

body.jubilaeum .momente-counter .counter-inner p {
  font-family: 'Veneer', 'Arial', sans-serif;
  margin: 0;
  color: #fff;
  font-size: 20px;
}

body.jubilaeum .momente-sepcial {
  padding-top: 100px;
  background-image: url("/fileadmin/system/img/jubilaeum/dotted@2x.png");
  background-size: 39px auto;
  background-position: top center;
  background-repeat: repeat-y;
}

body.jubilaeum .momente-sepcial .moment {
  position: relative;
  margin-bottom: 80px;
  /* FLIPP EFFEKT*/
  height: 300px;
  width: 870px;
  -webkit-perspective: 1740px;
  -moz-perspective: 1740px;
  perspective: 1740px;
}

body.jubilaeum .momente-sepcial .moment div.index {
  width: 65px;
  height: 65px;
  background: #00b9e4;
  color: #fff;
  border-radius: 50%;
  line-height: 59px;
  border: 3px solid #fff;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 36px;
  position: absolute;
  left: 50%;
  top: -30px;
  z-index: 5;
  margin-left: -30px;
  text-align: center;
}

body.jubilaeum .momente-sepcial .moment .img {
  height: 300px;
  overflow: hidden;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.jubilaeum .momente-sepcial .moment .moment-turn .row .col-first {
  padding-right: 0;
}

body.jubilaeum .momente-sepcial .moment .content {
  position: relative;
}

body.jubilaeum .momente-sepcial .moment .content .content-inner {
  padding: 30px 30px 0 15px;
}

body.jubilaeum .momente-sepcial .moment .flip {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 65px 65px;
  border-color: transparent transparent #00b9e4 transparent;
  z-index: 3;
}

body.jubilaeum .momente-sepcial .moment .flip.flip-back {
  right: auto;
  left: 0;
  border-width: 65px 0 0 65px;
  border-color: transparent transparent transparent #fff;
}

body.jubilaeum .momente-sepcial .moment a.flip-link {
  display: block;
  position: absolute;
  z-index: 5;
  bottom: 0px;
  right: 0px;
  width: 65px;
  height: 65px;
  opacity: 0.8;
  transition: opacity 200ms linear;
}

body.jubilaeum .momente-sepcial .moment a.flip-link.flip-front {
  right: auto;
  left: 0;
}

body.jubilaeum .momente-sepcial .moment a.flip-link.flip-front img {
  margin: 29px 0 0 2px;
}

body.jubilaeum .momente-sepcial .moment a.flip-link:hover {
  opacity: 1;
}

body.jubilaeum .momente-sepcial .moment a.flip-link img {
  width: 32px;
  margin: 29px 0 0 32px;
  height: auto;
}

body.jubilaeum .momente-sepcial .moment .back .content .content-inner {
  padding: 30px 15px 0 30px;
}

body.jubilaeum .momente-sepcial .moment .moment-turn {
  transform-style: preserve-3d;
  -webkit-perspective: 1740px;
  -moz-perspective: 1740px;
  perspective: 1740px;
  position: relative;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

body.jubilaeum .momente-sepcial .moment .moment-turn .front,
body.jubilaeum .momente-sepcial .moment .moment-turn .back {
  backface-visibility: hidden;
  position: absolute;
  height: 300px;
  width: 870px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  transform-style: preserve-3d;
}

body.jubilaeum .momente-sepcial .moment .moment-turn .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

body.jubilaeum .momente-sepcial .moment .moment-turn .front a {
  font-weight: bold;
  text-decoration: underline;
}

body.jubilaeum .momente-sepcial .moment .moment-turn .back {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #00b9e4;
  z-index: 1;
}

body.jubilaeum .momente-sepcial .moment .moment-turn .back p,
body.jubilaeum .momente-sepcial .moment .moment-turn .back h2,
body.jubilaeum .momente-sepcial .moment .moment-turn .back .tx-powermail fieldset legend,
.tx-powermail fieldset body.jubilaeum .momente-sepcial .moment .moment-turn .back legend,
body.jubilaeum .momente-sepcial .moment .moment-turn .back a {
  color: #fff;
}

body.jubilaeum .momente-sepcial .moment .moment-turn .back a {
  font-weight: bold;
  text-decoration: underline;
}

body.jubilaeum .momente-sepcial .moment.show-backside .moment-turn .front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

body.jubilaeum .momente-sepcial .moment.show-backside .moment-turn .back {
  z-index: 3;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

body.jubilaeum .momente-sepcial .moment.show-backside .back .img {
  margin-left: -15px;
}

.jb-jahre-teaser {
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.jb-jahre-teaser div.bodytext {
  padding: 16px 18px;
}

.jb-jahre-teaser div.bodytext h2,
.jb-jahre-teaser div.bodytext .tx-powermail fieldset legend,
.tx-powermail fieldset .jb-jahre-teaser div.bodytext legend {
  margin-bottom: 8px;
}

.jb-jahre-teaser div.bodytext p {
  font-size: 0.9375rem;
  line-height: 24px;
  margin: 0 0 5px 0;
}

.jb-jahre-teaser div.bodytext p a {
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 15px;
  color: #1e1e1e;
}

@media (min-width: 768px) {
  body.jubilaeum .jubilaeum-spacer {
    margin-top: 135px;
  }
}

@media (min-width: 980px) {
  .jb-jahre-teaser div.bodytext {
    padding: 18px 0 0 0;
  }
}

@media (max-width: 1169px) {
  body.jubilaeum .momente-sepcial .moment,
  body.jubilaeum-ch .momente-sepcial .moment {
    width: 100%;
    position: static;
    height: auto;
  }

  body.jubilaeum .momente-sepcial .moment .moment-turn,
  body.jubilaeum-ch .momente-sepcial .moment .moment-turn {
    width: 100%;
    position: static;
    height: auto;
  }

  body.jubilaeum .momente-sepcial .moment .moment-turn .front,
  body.jubilaeum-ch .momente-sepcial .moment .moment-turn .front,
  body.jubilaeum .momente-sepcial .moment .moment-turn .back,
  body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back {
    width: 100%;
    position: static;
    height: auto;
  }

  body.jubilaeum .momente-sepcial .moment .moment-turn .back,
  body.jubilaeum-ch .momente-sepcial .moment .moment-turn .back {
    display: none;
  }

  body.jubilaeum .momente-sepcial .moment .moment-turn .row .col-first,
  body.jubilaeum-ch .momente-sepcial .moment .moment-turn .row .col-first {
    padding-right: 15px;
  }

  body.jubilaeum .momente-sepcial .moment .content .content-inner,
  body.jubilaeum-ch .momente-sepcial .moment .content .content-inner {
    padding: 15px 15px 0 15px;
  }

  body.jubilaeum .momente-sepcial .moment.show-backside .back .img,
  body.jubilaeum-ch .momente-sepcial .moment.show-backside .back .img {
    margin-left: 0;
  }

  body.jubilaeum .momente-sepcial .moment.show-backside .moment-turn .front,
  body.jubilaeum-ch .momente-sepcial .moment.show-backside .moment-turn .front {
    display: none;
  }

  body.jubilaeum .momente-sepcial .moment.show-backside .moment-turn .back,
  body.jubilaeum-ch .momente-sepcial .moment.show-backside .moment-turn .back {
    display: block;
  }
}

body.jubilaeum .tooltip,
body.jubilaeum-ch .tooltip {
  opacity: 1;
}

body.jubilaeum .wrapper_wrapper,
body.jubilaeum-ch .wrapper_wrapper {
  margin-bottom: 80px;
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .homepage-content {
    overflow: hidden;
  }
}

body.rosenaktion2021 .homepage .content-after-header.rosenkampagne {
  margin-top: 0;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .homepage .content-after-header.rosenkampagne {
    margin-top: 140px;
  }
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .homepage .content-after-header.rosenkampagne {
    margin-top: 0;
  }
}

body.rosenaktion2021 h1,
body.rosenaktion2021 h2,
body.rosenaktion2021 .tx-powermail fieldset legend,
.tx-powermail fieldset body.rosenaktion2021 legend {
  color: #FF6357;
}

body.rosenaktion2021 .content-after-header p a.link-button,
body.rosenaktion2021 .content-verteilerseite p a.link.button,
body.rosenaktion2021 .content p a.link-button {
  background: #FF6357;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  text-align: center;
  line-height: 45px;
  padding: 2px 20px;
  box-shadow: none;
  box-decoration-break: clone;
  position: relative;
  display: inline-block;
  min-width: 90%;
  left: 0;
}

@media (min-width: 768px) {
  body.rosenaktion2021 .content-after-header p a.link-button,
  body.rosenaktion2021 .content-verteilerseite p a.link.button,
  body.rosenaktion2021 .content p a.link-button {
    min-width: 280px;
  }
}

body.rosenaktion2021 .content-after-header p a.link-button:hover,
body.rosenaktion2021 .content-verteilerseite p a.link.button:hover,
body.rosenaktion2021 .content p a.link-button:hover {
  background: #ff3424;
  box-shadow: none;
}

body.rosenaktion2021 .content-after-header p a.link-button.green,
body.rosenaktion2021 .content-verteilerseite p a.link.button.green,
body.rosenaktion2021 .content p a.link-button.green {
  min-width: 200px;
  padding: 2px 37px;
  background-color: #5E7A6A;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .content-after-header p a.link-button.green,
  body.rosenaktion2021 .content-verteilerseite p a.link.button.green,
  body.rosenaktion2021 .content p a.link-button.green {
    min-width: 184px;
  }
}

body.rosenaktion2021 .content-after-header p a.link-button.green:hover,
body.rosenaktion2021 .content-verteilerseite p a.link.button.green:hover,
body.rosenaktion2021 .content p a.link-button.green:hover {
  background: #485d51;
  box-shadow: none;
}

body.rosenaktion2021 .header-verteilerseite {
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .header-verteilerseite {
    margin-bottom: 64px;
  }
}

body.rosenaktion2021 .header-verteilerseite .keyvisual {
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/rosenkampagne2021/header_start_right.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto 390px;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .header-verteilerseite .keyvisual {
    min-height: 715px;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/rosenkampagne2021/header_start_left.jpg"), url("/typo3conf/ext/ig_project/Resources/Public/Images/rosenkampagne2021/header_start_right.jpg");
    background-position: -500px, calc(100% + 1000px);
    background-repeat: no-repeat;
    background-size: contain, contain;
    padding-top: 0;
  }

  body.rosenaktion2021 .header-verteilerseite .keyvisual.loaded {
    background-position: bottom left, right;
    transition: background-position 1s ease, background-position 2s ease;
  }
}

body.rosenaktion2021 .header-verteilerseite .keyvisual .rosenheader {
  margin-top: 20px;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .header-verteilerseite .keyvisual .rosenheader {
    margin-top: -320px;
  }

  body.rosenaktion2021 .header-verteilerseite .keyvisual .rosenheader.loaded {
    margin-top: 118px;
    transition: margin-top 2s ease-out;
  }
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .header-verteilerseite .keyvisual .rosenheader {
    padding-top: 390px;
  }
}

body.rosenaktion2021 .header-verteilerseite .keyvisual h1 {
  font-size: 70px;
  line-height: 74px;
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .header-verteilerseite .keyvisual h1 {
    font-size: 65px;
  }
}

body.rosenaktion2021 .header-verteilerseite p {
  font-size: 20px;
  margin-bottom: 30px;
}

body.rosenaktion2021 .header-verteilerseite p.date {
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

body.rosenaktion2021 .header-verteilerseite .ce-bodytext {
  margin-top: 55px;
}

body.rosenaktion2021 .header-verteilerseite .ce-bodytext h2,
body.rosenaktion2021 .header-verteilerseite .ce-bodytext .tx-powermail fieldset legend,
.tx-powermail fieldset body.rosenaktion2021 .header-verteilerseite .ce-bodytext legend {
  color: #FF6357;
  font-size: 40px;
  line-height: 40px;
}

body.rosenaktion2021 .content-verteilerseite .wave {
  height: 180px;
  width: 100%;
  background: #F7D6C6 url("../../../../../../../../../../../../typo3conf/ext/ig_project/Resources/Public/Images/rosenkampagne2021/wave.png") no-repeat left top;
  background-size: cover;
  margin-bottom: 40px;
}

@media (max-width: 991.98px) {
  body.rosenaktion2021 .content-verteilerseite .wave {
    height: 100px;
  }
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .content-verteilerseite .wave {
    height: 60px;
  }
}

@media (min-width: 768px) {
  body.rosenaktion2021 .content-verteilerseite .rosencontent-weiss .frame-type-textpic:first-child {
    padding-bottom: 20px;
    margin-bottom: 40px;
    background: url("../../../../../../../../../../../../typo3conf/ext/ig_project/Resources/Public/Images/rosenkampagne2021/divider_1.svg") no-repeat center bottom;
  }

  body.rosenaktion2021 .content-verteilerseite .rosencontent-weiss .frame-type-textpic:nth-child(2) {
    padding-bottom: 20px;
    margin-bottom: 40px;
    background: url("../../../../../../../../../../../../typo3conf/ext/ig_project/Resources/Public/Images/rosenkampagne2021/divider_2.svg") no-repeat center bottom;
  }
}

body.rosenaktion2021 .content-verteilerseite .rosencontent-weiss .frame-type-textpic p {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  body.rosenaktion2021 .content-verteilerseite .rosencontent-rosa .col-12.col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .content-verteilerseite .rosencontent-rosa .col-12.col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

body.rosenaktion2021 .content-verteilerseite.rosenkampagne-rosa {
  padding: 0;
  background-color: #F7D6C6;
}

body.rosenaktion2021 .content-verteilerseite .stoerer {
  margin: 5px 0;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .content-verteilerseite .stoerer {
    margin: 40px 0;
  }
}

body.rosenaktion2021 .content-verteilerseite .frame-type-textpic .ce-textpic .ce-bodytext h2,
body.rosenaktion2021 .content-verteilerseite .frame-type-textpic .ce-textpic .ce-bodytext .tx-powermail fieldset legend,
.tx-powermail fieldset body.rosenaktion2021 .content-verteilerseite .frame-type-textpic .ce-textpic .ce-bodytext legend {
  color: #FF6357;
  font-size: 40px;
  line-height: 40px;
}

body.rosenaktion2021 .content-verteilerseite .teaser.green {
  margin-top: 50px;
  background-color: #5E7A6A;
  border-radius: 5px;
  padding: 38px 30px;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .content-verteilerseite .teaser.green {
    margin-top: 100px;
  }
}

@media (max-width: 991.98px) {
  body.rosenaktion2021 .content-verteilerseite .teaser.green {
    padding: 20px 15px 0px 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    overflow: hidden;
    min-height: 280px;
  }
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .content-verteilerseite .teaser.green {
    padding: 20px 15px 0px 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    overflow: hidden;
    min-height: 0px;
  }
}

body.rosenaktion2021 .content-verteilerseite .teaser.green h4,
body.rosenaktion2021 .content-verteilerseite .teaser.green p,
body.rosenaktion2021 .content-verteilerseite .teaser.green a {
  color: #fff;
}

body.rosenaktion2021 .content-verteilerseite .teaser.green h4 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 32px;
}

body.rosenaktion2021 .content-verteilerseite .teaser.green p {
  font-size: 16px;
  margin-bottom: 23px;
}

@media (max-width: 991.98px) {
  body.rosenaktion2021 .content-verteilerseite .teaser.green p {
    margin-right: 140px;
  }
}

body.rosenaktion2021 .content-verteilerseite .img-responsive {
  background-color: transparent;
}

body.rosenaktion2021 .content-verteilerseite .flower {
  position: absolute;
  bottom: 0;
  right: -10px;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .content-verteilerseite .flower {
    bottom: -15px;
    right: -10px;
  }
}

body.rosenaktion2021 .content-verteilerseite .flower.red {
  width: 148px;
  height: 221px;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .content-verteilerseite .flower.red {
    width: 195px;
    height: 292px;
  }
}

body.rosenaktion2021 .content-verteilerseite .flower.yellow {
  width: 180px;
  height: 180px;
}

@media (min-width: 1200px) {
  body.rosenaktion2021 .content-verteilerseite .flower.yellow {
    width: 315px;
    height: 312px;
  }
}

body.rosenaktion2021 .rosenkampagne-text-pic {
  margin-bottom: 80px;
  background-color: #fff;
}

@media (max-width: 991.98px) {
  body.rosenaktion2021 .rosenkampagne-text-pic {
    margin: 30px 15px 0px 15px;
  }
}

body.rosenaktion2021 .rosenkampagne-text-pic .teaser-content {
  padding: 70px 10px 16px 30px;
}

@media (max-width: 991.98px) {
  body.rosenaktion2021 .rosenkampagne-text-pic .teaser-content {
    padding: 15px 15px 16px 15px;
  }
}

body.rosenaktion2021 .rosenkampagne-text-pic .teaser-content p.subheader {
  font-family: "Veneer", "Arial", sans-serif;
  font-size: 24px;
}

body.rosenaktion2021 .rosenkampagne-text-pic .teaser-content p.bodytext {
  font-size: 16px;
  margin-bottom: 30px;
}

body.rosenaktion2021 .rosenkampagne-text-pic .teaser-content h2,
body.rosenaktion2021 .rosenkampagne-text-pic .teaser-content .tx-powermail fieldset legend,
.tx-powermail fieldset body.rosenaktion2021 .rosenkampagne-text-pic .teaser-content legend {
  color: #FF6357;
  font-size: 40px;
  line-height: 40px;
}

body.rosenaktion2021 .header-unterseite .keyvisual {
  height: 345px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/rosenkampagne2021/header_subpage.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media (max-width: 575.98px) {
  body.rosenaktion2021 .header-unterseite .keyvisual {
    height: 96px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  body.rosenaktion2021 .header-unterseite .keyvisual {
    height: 142px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body.rosenaktion2021 .header-unterseite .keyvisual {
    height: 200px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.rosenaktion2021 .header-unterseite .keyvisual {
    height: 250px;
  }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
  body.rosenaktion2021 .header-unterseite .keyvisual {
    height: 280px;
  }
}

body.rosenaktion2021 .header-unterseite .keyvisual .frame-type-html {
  display: block;
  width: 100%;
  height: 100%;
}

body.rosenaktion2021 .header-unterseite .keyvisual .frame-type-html .header-link {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 991.98px) {
  body.rosenaktion2021 .content-unterseite .ce-bodytext {
    display: inline-block;
  }

  body.rosenaktion2021 .content-unterseite .frame-type-textpic {
    margin-bottom: 30px;
  }
}

@media (max-width: 767.98px) {
  body.rosenaktion2021 .content-unterseite div.ce-right.ce-intext .image,
  body.rosenaktion2021 .content-unterseite div.ce-right.ce-nowrap .image {
    max-width: 290px;
    margin: 0px 0px 15px 0px;
  }

  body.rosenaktion2021 .content-unterseite .igproject-unterseite-akkordeon .card .card-header button {
    padding-right: 20px;
  }
}

body.rosenaktion2021 .content-unterseite h1,
body.rosenaktion2021 .content-unterseite h2,
body.rosenaktion2021 .content-unterseite .tx-powermail fieldset legend,
.tx-powermail fieldset body.rosenaktion2021 .content-unterseite legend {
  color: #FF6357;
}

body.rosenaktion2021 .content-unterseite h1 {
  font-size: 48px;
  margin-bottom: 15px;
}

body.rosenaktion2021 .content-unterseite h2,
body.rosenaktion2021 .content-unterseite .tx-powermail fieldset legend,
.tx-powermail fieldset body.rosenaktion2021 .content-unterseite legend {
  font-size: 40px;
  line-height: 40px;
}

body.rosenaktion2021 .content-unterseite h4 {
  font-size: 28px;
  margin-bottom: 25px;
}

@media (max-width: 991.98px) {
  body.rosenaktion2021 .content-unterseite h4 {
    font-size: 23px;
  }
}

body.rosenaktion2021 .content-unterseite p {
  font-size: 16px;
}

body.rosenaktion2021 .content-unterseite aside > ul > li.active > a {
  border-left: 2px solid #FF6357;
  background: #F7D6C6;
}

body.rosenaktion2021 .content-unterseite .accordion {
  border-bottom-color: #F7D6C6;
}

body.rosenaktion2021 .content-unterseite aside > ul > li a:hover {
  border-left: 2px solid #FF6357;
  background: #F7D6C6;
}

body.rosenaktion2021 .content-unterseite .card .card-header {
  border-top-color: #F7D6C6;
}

body.rosenaktion2021 .content-unterseite .card .card-header button span {
  color: #FF6357;
}

body.rosenaktion2021 .content-unterseite .card .card-header button:hover span {
  color: #ff3424;
}

body.rosenaktion2021 .content-unterseite .wemwicontent p.title {
  color: #FF6357;
  border-bottom: 5px solid #F7D6C6;
}

body.scheme-grn.rosenaktion2021 section.content-unterseite .links-outer ul.link-list li a:hover span,
body.scheme-grn.rosenaktion2021 section.content-unterseite .links-outer ul.link-list li a:hover {
  color: #FF6357;
}

html body.rosenaktion2021 .homepage aside ul li ul li.active > a,
html body.rosenaktion2021 .homepage aside ul li ul li a:hover {
  color: #4A4A4A;
}

body.fairactivists2021 ul.parsley-errors-list {
  padding-left: 0;
}

body.fairactivists2021 ul.parsley-errors-list li {
  text-align: left;
}

body.fairactivists2021 #powermail_fieldwrap_1901 {
  margin-top: 20px;
}

body.fairactivists2021 .images-on-mobile {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 30px;
}

body.fairactivists2021 .images-on-mobile img {
  max-width: 100%;
}

body.fairactivists2021 .content-after-header {
  margin-top: 140px;
}

@media (max-width: 1199.98px) {
  body.fairactivists2021 .content-after-header {
    margin-top: 0;
  }
}

body.fairactivists2021 section .ansprechpartner-outer .inner p.title-name,
body.fairactivists2021 section .ansprechpartner-outer .inner a {
  color: #000;
}

body.fairactivists2021 .header-verteilerseite {
  background-color: #F6F6F6;
  padding-top: 20px;
}

body.fairactivists2021 .header-verteilerseite .keyvisual-image {
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/phone_css.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 158px;
  width: 100%;
  margin-bottom: 90px;
}

@media (min-width: 992px) {
  body.fairactivists2021 .header-verteilerseite .keyvisual-image {
    height: 333px;
    margin: 65px 0 150px 0;
    background-position: right;
  }
}

@media (min-width: 992px) {
  body.fairactivists2021 .header-verteilerseite h1 {
    margin-top: 100px;
  }
}

@media (min-width: 992px) {
  body.fairactivists2021 .content-verteilerseite.frame-animation {
    padding: 0;
    margin: 0 30px 30px 30px;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/activist_group.svg");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 380px;
  }

  body.fairactivists2021 .content-verteilerseite.frame-animation.animate {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/earth_css.svg"), url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/activist_group.svg");
    background-position: right bottom, left bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 264px, 380px;
  }
}

body.fairactivists2021 .divider {
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/divider.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 10px;
  width: 100%;
  margin-bottom: 60px;
  margin-top: 30px;
}

body.fairactivists2021 h1 {
  font-size: 48px;
}

body.fairactivists2021 p {
  font-size: 18px;
  line-height: 32px;
  color: #4A4A4A;
}

body.fairactivists2021 .bg-black {
  color: #fff;
  background: #000;
  display: inline-block;
  padding: 0 10px;
}

body.fairactivists2021 .link-button,
body.fairactivists2021 p a.link-button {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  text-align: center;
  line-height: 45px;
  padding: 2px 20px;
  box-shadow: none;
  box-decoration-break: clone;
  position: relative;
  display: inline-block;
  left: 0;
}

body.fairactivists2021 .link-button.yellow,
body.fairactivists2021 p a.link-button.yellow {
  background: #FECB00;
  color: #000;
}

body.fairactivists2021 .link-button.blue,
body.fairactivists2021 p a.link-button.blue {
  background: #00B9E4;
  color: #fff;
}

body.fairactivists2021 .apply {
  margin-bottom: 90px;
}

body.fairactivists2021 .apply h2.h1,
body.fairactivists2021 .apply .tx-powermail fieldset legend.h1,
.tx-powermail fieldset body.fairactivists2021 .apply legend.h1 {
  width: 300px;
  margin: 0 auto 25px auto;
  font-size: 48px;
  text-align: center;
}

body.fairactivists2021 .apply h2.h1.bg-black,
body.fairactivists2021 .apply .tx-powermail fieldset legend.h1.bg-black,
.tx-powermail fieldset body.fairactivists2021 .apply legend.h1.bg-black {
  display: block;
}

body.fairactivists2021 .apply p {
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  color: #4A4A4A;
}

body.fairactivists2021 .apply a.link-button {
  width: 280px;
  margin: 0 auto;
  display: block;
}

body.fairactivists2021 video {
  max-width: 100%;
  margin-bottom: 100px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
}

body.fairactivists2021.scheme-grn div.frame-layout-40 {
  padding-top: 40px;
  background-color: #f6f6f6;
  margin-bottom: 10px;
}

body.fairactivists2021.scheme-grn div.frame-layout-40 h4 {
  color: #4A4A4A;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px;
}

body.fairactivists2021.scheme-grn div.frame-layout-40 p {
  max-width: 437px;
  color: #4A4A4A;
  font-size: 16px;
  line-height: 24px;
}

body.fairactivists2021.scheme-grn div.frame-layout-40 .link-button {
  background-color: #FECB00;
  color: #000;
  text-decoration: none;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(1) .row.animate {
  padding-top: 20px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/topleft_css.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 175px;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(1) .row > div:nth-of-type(1) .frame-layout-40 h4 {
  margin-left: 42px;
  position: relative;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(1) .row > div:nth-of-type(1) .frame-layout-40 h4:before {
  content: "";
  width: 35px;
  height: 36px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/icon_fairtrade_@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -42px;
  top: -2px;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(1) .row > div:nth-of-type(2) .frame-layout-40 h4 {
  margin-left: 42px;
  position: relative;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(1) .row > div:nth-of-type(2) .frame-layout-40 h4:before {
  content: "";
  width: 35px;
  height: 36px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/icon_socialmedia_@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -42px;
  top: -2px;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(2) .row > div:nth-of-type(1) .frame-layout-40 h4 {
  margin-left: 42px;
  position: relative;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(2) .row > div:nth-of-type(1) .frame-layout-40 h4:before {
  content: "";
  width: 35px;
  height: 36px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/icon_blog_@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -42px;
  top: -2px;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(2) .row.animate {
  padding-bottom: 20px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/bottomright_css.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 230px;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(2) .row > div:nth-of-type(2) .frame-layout-40 h4 {
  margin-left: 42px;
  position: relative;
}

body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(2) .row > div:nth-of-type(2) .frame-layout-40 h4:before {
  content: "";
  width: 35px;
  height: 36px;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/icon_podcast_@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -42px;
  top: -2px;
}

/* Unterseite */

body.fairactivists2021 .header-unterseite {
  padding-top: 10px;
  background-color: #F6F6F6;
}

body.fairactivists2021 .header-unterseite .keyvisual-image {
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/keyvisual.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 158px;
  width: 100%;
}

@media (min-width: 992px) {
  body.fairactivists2021 .header-unterseite .keyvisual-image {
    height: 260px;
    background-position: left;
  }
}

body.fairactivists2021 .content-unterseite h1 {
  margin-top: 0;
}

body.fairactivists2021 .frame-type-textpic p {
  font-size: 16px;
  line-height: 24px;
}

body.fairactivists2021 .frame-type-textpic p a.link-button {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'Veneer', 'Arial', sans-serif;
  text-align: center;
  line-height: 45px;
  padding: 2px 20px;
  box-shadow: none;
  box-decoration-break: clone;
  position: relative;
  display: inline-block;
  left: 0;
  background: #FECB00;
  color: #000;
  margin-bottom: 30px;
  width: 280px;
}

body.fairactivists2021 .frame-type-textpic p a.link-button:hover {
  background-color: #e5b700;
}

body.fairactivists2021 .frame-type-textpic:first-of-type .ce-textpic p {
  font-size: 16px;
  line-height: 24px;
}

body.fairactivists2021 .frame-type-textpic:first-of-type .ce-textpic p:nth-of-type(1),
body.fairactivists2021 .frame-type-textpic:first-of-type .ce-textpic p:nth-of-type(4) {
  font-family: "Veneer";
  font-size: 28px;
  line-height: 35px;
}

body.fairactivists2021 .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #FECB00;
}

body.fairactivists2021 .igproject-unterseite-akkordeon .accordion > .card:first-of-type .card-header {
  border-top: none;
}

body.fairactivists2021 .igproject-unterseite-akkordeon .accordion .card .card-header {
  border-top-color: #FECB00;
}

body.fairactivists2021 .igproject-unterseite-akkordeon .accordion .card .card-header button span {
  color: #FECB00;
}

body.fairactivists2021 .igproject-unterseite-akkordeon .accordion .card .card-header button:hover span {
  color: #cba200;
}

body.fairactivists2021 .content-unterseite aside > ul > li.active > a {
  border-left: 2px solid #FECB00;
  background: rgba(254, 203, 0, 0.1);
}

body.fairactivists2021 .content-unterseite aside > ul > li a:hover {
  border-left: 2px solid #FECB00;
  background: #FECB00;
}

body.fairactivists2021.scheme-gelb .tx-ig-workshops .orangebox {
  background: #FECB00;
}

body.fairactivists2021.scheme-gelb .tx-ig-workshops .anmeldung .btn-orange {
  background-color: #FECB00;
  border-color: #FECB00;
}

body.fairactivists2021.scheme-gelb .tx-ig-workshops .anmeldung h3,
body.fairactivists2021.scheme-gelb .tx-ig-workshops .anmeldung h4 {
  color: #FECB00;
}

body.fairactivists2021.scheme-gelb .tx-ig-workshops .chosen-container-single .chosen-single div {
  background: #FECB00;
}

body.fairactivists2021.scheme-gelb .tx-ig-workshops .chosen-container .chosen-results {
  background-color: #FECB00;
}

body.fairactivists2021.scheme-gelb .tx-ig-workshops .chosen-container .chosen-results li.highlighted {
  background-color: #FECB00;
}

@-moz-document url-prefix()  {
  body.fairactivists2021 .header-verteilerseite .keyvisual-image {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/keyvisual_static.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }

  body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(1) .row.frame-animation.animate {
    padding-top: 20px;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/top_left_static.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 175px;
  }

  body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(2) .row.animate.frame-animation {
    padding-bottom: 20px;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/bottom_right_static.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 230px;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  body.fairactivists2021 .header-verteilerseite .keyvisual-image {
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/keyvisual_static.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }

  body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(1) .row.frame-animation.animate {
    padding-top: 20px;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/top_left_static.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 175px;
  }

  body.fairactivists2021.scheme-grn .boxes .frame-type-gridelements_pi1:nth-of-type(2) .row.animate.frame-animation {
    padding-bottom: 20px;
    background-image: url("/typo3conf/ext/ig_project/Resources/Public/Images/fairactivists/bottom_right_static.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 230px;
  }
}

body.fairactivists2021 .produkte-produzente .element .kachel {
  min-height: 400px !important;
}

body.fairactivists2021 .produkte-produzente .element-top .kachel .description p {
  font-size: 16px;
  line-height: 140%;
}

body.sweetrevolution .btn-transparent {
  position: relative;
  display: inline-block;
  margin: 30px 0px;
  white-space: nowrap;
  line-height: 48px;
  padding: 0 60px;
  color: #00b9e4;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 21px;
  border: 2px solid #00b9e4;
  transition: color 0.2s ease-out,background-color 0.2s ease-out,opacity 0.2s ease-out;
  background: transparent;
  clear: both;
}

body.sweetrevolution .btn-transparent.inverted {
  color: #fff;
  background: transparent;
  border: 2px solid #fff;
}

body.sweetrevolution .btn-transparent.inverted:hover {
  color: #fff;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.2);
}

body.sweetrevolution .homepage-content {
  background: url("https://www.fairtrade-deutschland.de/fileadmin/DE/04_aktiv_werden/Aktuelle_Kampagnen/sweet-revolution/background_oben.png") no-repeat top left;
  background-size: 100%;
  padding-top: 135px;
}

body.sweetrevolution.sweetrevolution-at .homepage-content {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/background_oben_startseite.png") no-repeat top left;
  background-size: 100%;
}

body.sweetrevolution .content-after-header {
  background: url("https://www.fairtrade-deutschland.de/fileadmin/DE/04_aktiv_werden/Aktuelle_Kampagnen/sweet-revolution/background_unten.png") no-repeat bottom left;
  background-size: 100%;
  position: relative;
  padding-bottom: 100px;
  overflow: visible;
}

body.sweetrevolution.sweetrevolutionsubpage.sweetrevolution-at .homepage-content {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/background_oben.png") no-repeat top left;
  background-size: 100%;
}

body.sweetrevolution.sweetrevolution-at .content-after-header {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/background_unten.png") no-repeat bottom left;
  background-size: 100%;
  position: relative;
  padding-bottom: 100px;
  overflow: visible;
}

body.sweetrevolution .homepage-newsletter,
body.sweetrevolution .bread-wrap {
  display: none;
}

body.sweetrevolution .content-after-header .ce-bodytext {
  padding-left: 80px;
}

body.sweetrevolution .content-after-header h3 {
  color: #00B9E4;
  font-size: 32px;
  line-height: 28px;
  margin: 48px 0px 30px;
}

body.sweetrevolution .content-after-header strong {
  color: #00B9E4;
  font-size: 40px;
  font-weight: normal;
  line-height: 28px;
  font-family: 'Veneer', 'Arial', sans-serif;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

body.sweetrevolution.sweetrevolution-at .content-after-header strong {
  color: #F49C0E;
}

body.sweetrevolution.sweetrevolution-at section.content ol.contentNumList li {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #1e1e1e;
  margin-bottom: 30px;
  display: inline-block;
  clear: left;
  float: left;
  position: relative;
  padding-left: 30px;
}

html body.sweetrevolution.sweetrevolution-at section.content ol.contentNumList > li:before {
  color: #F49C0E;
  font-size: 40px;
  font-family: "Veneer", "Arial", sans-serif;
  width: auto;
}

body.sweetrevolution .content-after-header p {
  color: #1e1e1e;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
  position: relative;
}

body.sweetrevolution .content-after-header .frame-100 .ce-gallery {
  position: absolute;
  z-index: 999;
  right: 0;
  bottom: -190px;
}

body.sweetrevolution .content-verteilerseite.content-trenner {
  background: #00b9e4;
}

body.sweetrevolution.sweetrevolution-at .content-verteilerseite.content-trenner {
  background: #FFA02F;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter {
  padding: 60px 0px 0px 0px;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .frame-type-gridelements_pi1 {
  margin: 0;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter h2,
body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .tx-powermail fieldset legend,
.tx-powermail fieldset body.sweetrevolution .content-verteilerseite.content-trenner .einspalter legend {
  color: #fff;
  font-size: 32px;
  margin-top: 50px;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter h3 {
  color: #fff;
  font-size: 24px;
  padding-left: 10px;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:nth-child(2) .ce-bodytext {
  margin-left: -90px;
  margin-right: 60px;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child {
  position: relative;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child > div {
  position: absolute;
  bottom: 0;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child .ce-column,
body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child figure {
  margin: 0;
}

body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child .ce-row {
  float: left;
}

body.sweetrevolutionlist .tx-ig-slogan .slogan_left {
  margin-top: 30px;
}

body.sweetrevolutionform .tx-ig-slogan .slogan_left {
  margin-top: 30px;
  margin-left: 70px;
}

.sweetrevolution .centerthis {
  margin: 20px auto 30px auto;
  text-align: center;
}

html body.sweetrevolution div.frame-layout-40 {
  background: #44230D;
}

html body.sweetrevolution div.frame-layout-40 h1,
html body.sweetrevolution div.frame-layout-40 h2,
html body.sweetrevolution div.frame-layout-40 .tx-powermail fieldset legend,
.tx-powermail fieldset html body.sweetrevolution div.frame-layout-40 legend,
html body.sweetrevolution div.frame-layout-40 h3,
html body.sweetrevolution div.frame-layout-40 h4,
html body.sweetrevolution div.frame-layout-40 h5 {
  color: #bed600;
}

html body.sweetrevolution div.frame-layout-40 p,
html body.sweetrevolution div.frame-layout-40 li,
html body.sweetrevolution div.frame-layout-40 ul.contentList li,
html body.sweetrevolution div.frame-layout-40 ol.contentNumList li html body.sweetrevolution div.frame-layout-40 ul.contentList li::before,
html body.sweetrevolution div.frame-layout-40 ul.contentNumList li::before {
  color: #fff;
}

html body.sweetrevolution .produkte-produzente .element .kachel:before {
  opacity: 0;
}

html body.sweetrevolution blockquote {
  font-style: italic;
  color: #666;
  padding: 0px 10px;
  position: relative;
}

html body.sweetrevolution .sweet-revolution-unterseite blockquote p {
  color: #666;
}

htmlx body.sweetrevolution .sweet-revolution-unterseite blockquote::before {
  content: "“";
  font-size: 18px;
  color: #666;
  position: absolute;
  left: 0px;
  top: 2px;
}

htmlx body.sweetrevolution .sweet-revolution-unterseite blockquote::after {
  content: "”";
  font-size: 18px;
  color: #666;
  position: absolute;
  left: 0px;
}

body.sweetrevolution .sweet-revolution-unterseite .tx-igx-mediathek p {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  line-height: 24px;
}

html body.sweetrevolution ul.contentList > p {
  display: none;
}

html body.sweetrevolution ul.contentList > p {
  display: none;
}

html body.sweetrevolution li ul.contentList {
  margin: 0;
  padding: 15px 0px 0px;
}

body.sweetrevolution .sweet-revolution-unterseite h1,
body.sweetrevolution .sweet-revolution-unterseite h2,
body.sweetrevolution .sweet-revolution-unterseite .tx-powermail fieldset legend,
.tx-powermail fieldset body.sweetrevolution .sweet-revolution-unterseite legend,
body.sweetrevolution .sweet-revolution-unterseite h3 {
  color: #44230D;
}

body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite h2,
body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .tx-powermail fieldset legend,
.tx-powermail fieldset body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite legend {
  color: #fff;
}

body.sweetrevolution .sweet-revolution-unterseite p {
  font-size: 18px;
  color: #000000;
  line-height: 32px;
}

body.sweetrevolution .sweet-revolution-unterseite .content-after-header {
  background: none;
  margin: 0;
  padding: 0;
}

body.sweetrevolution .sweet-revolution-unterseite .slogan_left {
  margin: 30px 0px 0px 50px;
}

body.sweetrevolution .sweet-revolution-unterseite .slogan_center {
  background: url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/sr_Keyvisual.png") no-repeat top left;
  width: 240px;
  height: 600px;
  display: block;
  float: right;
  background-size: 260px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 9;
  margin: 10px 0px 0px -130px;
}

body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .slogan_center {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/sw_keyvisual.png") no-repeat top left;
  width: 340px;
  height: 600px;
  display: block;
  float: right;
  background-size: 340px;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 9;
  margin: 50px 0px 0px -130px;
}

body.sweetrevolution .sweet-revolution-unterseite {
  overflow: hidden;
}

body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-top: 120px;
}

body.sweetrevolution .aufmacher .slide-content {
  position: absolute;
  z-index: 2;
  left: 12%;
  bottom: 18%;
}

body.sweetrevolution .aufmacher .slide-content .slide-headline {
  margin-bottom: 20px;
}

body.sweetrevolution .aufmacher .slide-content.white-blue .slide-headline span {
  background: #00b9e4;
  color: #FFFFFF;
}

body.sweetrevolution.sweetrevolution-at .aufmacher .slide-content.white-blue .slide-headline span {
  background: #F49C0E;
  color: #ffffff;
}

body.sweetrevolution .aufmacher .slide-content.white-green .slide-headline span {
  background: #BED600;
  color: #FFFFFF;
}

body.sweetrevolution .aufmacher .slide-content .slide-headline span.outer {
  font-size: 70px;
  line-height: 70px;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  padding: 0 13px;
}

body.sweetrevolution .aufmacher .slide-content .slide-subline span.outer {
  display: inline;
  color: #1E1E1E;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  font-size: 20px;
  line-height: 20px;
  background-color: #FFFFFF;
  padding: 0 13px;
}

body.sweetrevolution .sweet-revolution-unterseite .aufmacher img {
  width: 100%;
}

body.sweetrevolution .sweet-revolution-unterseite .aufmacher:after,
body.sweetrevolution .sweet-revolution-unterseite .aufmacher:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  position: absolute;
  pointer-events: none;
}

body.sweetrevolution .sweet-revolution-unterseite .aufmacher:before {
  border-top-color: #ffffff;
  border-right-width: 3000px;
  border-top-width: 150px;
  right: 0px;
  top: 0px;
}

body.sweetrevolution .sweet-revolution-unterseite .aufmacher:after {
  border-bottom-color: #44230D;
  border-left-width: 3000px;
  border-bottom-width: 150px;
  left: 0px;
  bottom: 0px;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun {
  padding: 30px 0px;
  background: #44230D;
  text-align: center;
  position: relative;
  padding-bottom: 150px;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun:after {
  content: " ";
  height: 150px;
  width: 100%;
  background: #fff url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/Background-Drops.svg") no-repeat bottom center;
  bottom: 0;
  position: absolute;
  background-size: cover;
}

body.sweetrevolution .sweet-revolution-unterseite .videoblock {
  text-align: center;
  max-width: 742px;
  margin: 0px auto 30px;
  color: #fff;
}

body.sweetrevolution .sweet-revolution-unterseite .videoblock > h2,
body.sweetrevolution .sweet-revolution-unterseite .tx-powermail fieldset .videoblock > legend,
.tx-powermail fieldset body.sweetrevolution .sweet-revolution-unterseite .videoblock > legend {
  font-size: 40px;
  line-height: 49px;
  font-family: "Veneer", "Arial", sans-serif;
  color: #fff;
  margin-bottom: 10px;
}

body.sweetrevolution .sweet-revolution-unterseite .videoblock > h1,
body.sweetrevolution .sweet-revolution-unterseite .videoblock > h2,
body.sweetrevolution .sweet-revolution-unterseite .tx-powermail fieldset .videoblock > legend,
.tx-powermail fieldset body.sweetrevolution .sweet-revolution-unterseite .videoblock > legend,
body.sweetrevolution .sweet-revolution-unterseite .videoblock > h3,
body.sweetrevolution .sweet-revolution-unterseite .videoblock > h4,
body.sweetrevolution .sweet-revolution-unterseite .videoblock > h5 {
  color: #fff;
}

body.sweetrevolution .sweet-revolution-unterseite .videoblock > p {
  font-size: 15px;
  line-height: 24px;
  font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
}

body.sweetrevolution .sweet-revolution-unterseite .videoblock iframe {
  border: 2px solid #fff;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4 .multiteaser-headline {
  color: #00B9E4;
  font-size: 40px;
  line-height: 49px;
}

body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .content-startseite-braun .col-lg-4 .multiteaser-headline {
  color: #FFA02F;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4 .multiteaser-text {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4 .more {
  background: #00B9E4;
  color: #fff;
  margin: 15px 30px;
  position: relative;
  top: 0px;
  position: relative;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s;
}

body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .content-startseite-braun .col-lg-4 .more {
  background: #FFA02F;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4 .more:hover {
  color: #fff;
  margin: 5px 30px 25px;
  position: relative;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4:nth-child(2) .multiteaser-headline {
  color: #E0119D;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4:nth-child(2) .more {
  background: #E0119D;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4:nth-child(3) .multiteaser-headline {
  color: #BED600;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun .col-lg-4:nth-child(3) .more {
  background: #BED600;
}

body.sweetrevolution .content-startseite-blau .sharebuttons a {
  color: #fff;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin: 10px 25px 0px 0px;
  display: inline-block;
}

body.sweetrevolution .content-startseite-blau .sharebuttons a span {
  background: #00B9E4;
  border-radius: 50%;
  font-size: 60px;
  position: relative;
  left: -10px;
  top: -10px;
}

body.sweetrevolution .content-startseite-blau .sharebuttons a span:before {
  color: #00B9E4;
  background: #fff;
  border-radius: 50%;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-weiss {
  padding: 30px 0px;
}

body.sweetrevolution .sweet-revolution-unterseite .accordion {
  max-width: 742px;
  margin: auto;
}

body.sweetrevolution .igproject-unterseite-akkordeon .card .card-header button h5 {
  font-family: Veneer;
  font-size: 28px;
  color: #44230D;
  line-height: 38px;
  padding-right: 33px;
}

body.sweetrevolution.sweetrevolution-at .igproject-unterseite-akkordeon .card .card-header button h5 {
  font-family: "Veneer";
}

body.sweetrevolution .igproject-unterseite-akkordeon .card .card-header button,
body.sweetrevolution .igproject-unterseite-akkordeon .card-header button span,
body.sweetrevolution .igproject-unterseite-akkordeon .card-header button:hover span {
  color: #44230D;
}

body.sweetrevolution .igproject-unterseite-akkordeon .card .card-header:hover {
  background: none;
}

body.sweetrevolution .igproject-unterseite-akkordeon .card .card-header {
  border-top-color: #44230D;
}

body.sweetrevolution .igproject-unterseite-akkordeon .accordion {
  border-bottom-color: #44230D;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau {
  padding: 90px 0px;
  position: relative;
  background: #00B9E4 url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/boogie_plakat.png") no-repeat 150px bottom;
  background-size: 393px;
}

body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .content-startseite-blau {
  background: #FFA02F;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau:after,
body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  position: absolute;
  pointer-events: none;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau:before {
  border-top-color: #ffffff;
  border-right-width: 3000px;
  border-top-width: 100px;
  right: 0px;
  top: 0px;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau:after {
  border-bottom-color: #ffffff;
  border-left-width: 3000px;
  border-bottom-width: 100px;
  left: 0px;
  bottom: 0px;
  background: transparent;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau h3 {
  color: #fff;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau p {
  color: #fff;
}

body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau a {
  color: #fff;
}

body.sweetrevolutionstart .col-lg-4 .multiteaser,
body.sweetrevolution.sweetrevolution-at .col-lg-4 .multiteaser,
body.sweetrevolution .content-startseite-weiss .col-lg-4 .multiteaser {
  background: #633314 url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/1-Rechts.png") no-repeat top right;
  background-size: 120px;
  border-radius: 15px;
  padding: 15px 20px 32px 20px;
  text-align: center;
}

body.sweetrevolutionstart .col-lg-4 .multiteaser-headline,
body.sweetrevolution .content-startseite-weiss .col-lg-4 .multiteaser-headline {
  color: #fff;
  font-size: 40px;
  line-height: 49px;
}

body.sweetrevolutionstart .col-lg-4 .multiteaser-text,
body.sweetrevolution .content-startseite-weiss .col-lg-4 .multiteaser-text {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
}

body.sweetrevolutionstart .col-lg-4 .more,
body.sweetrevolution .content-startseite-weiss .col-lg-4 .more {
  background: #00B9E4;
  color: #fff;
  margin: 15px 30px;
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -ms-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
  position: relative;
}

body.sweetrevolutionstart.sweetrevolution-at .col-lg-4 .more {
  background: #FFA02F;
}

body.sweetrevolutionstart .col-lg-4 .more:hover,
body.sweetrevolution .content-startseite-weiss .col-lg-4 .more:hover {
  color: #fff;
  top: -10px;
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -ms-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
}

body.sweetrevolutionstart .col-lg-4:nth-child(2) .more,
body.sweetrevolution .content-startseite-weiss .col-lg-4:nth-child(2) .more {
  background: #E0119D;
}

body.sweetrevolutionstart .col-lg-4:nth-child(3) .more,
body.sweetrevolution .content-startseite-weiss .col-lg-4:nth-child(3) .more {
  background: #BED600;
}

body.sweetrevolutionstart .content-after-header .frame-100 .ce-gallery {
  top: 0;
  bottom: unset;
}

body.sweetrevolutionstart .col-lg-4:nth-child(2) .multiteaser {
  background: #633314 url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/2-Rechts.png") no-repeat top right;
  background-size: 86px;
}

body.sweetrevolutionstart .col-lg-4:nth-child(2) .multiteaser:after {
  background: #633314 url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/2-Links.png") no-repeat top left;
  background-size: 55px;
  border-radius: 15px;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: block;
}

body.sweetrevolutionstart .col-lg-4:nth-child(3) .multiteaser {
  background: #633314 url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/3-Rechts.png") no-repeat top right;
  background-size: 112px;
}

body.sweetrevolutionstart .col-lg-4:nth-child(3) .multiteaser:after {
  background: #633314 url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/3-Mitte.png") no-repeat top center;
  background-size: 131px;
  border-radius: 15px;
  content: " ";
  position: absolute;
  top: 0;
  left: 15%;
  width: 140px;
  height: 30px;
}

body.sweetrevolution .content-after-header .ce-bodytext {
  margin-bottom: 30px;
}

body.sweetrevolutionstart .frame-type-gridelements_pi1 {
  clear: both;
  padding-top: 30px;
}

body.sweetrevolutionstart #c45407 {
  margin-left: 5%;
  margin-bottom: 60px;
}

body.sweetrevolutionstart #c45407 .image {
  background: url("/typo3conf/ext/ig_slogan/Resources/Public/Icons/Mach-Dich-stark-fue-fairen-Kakao.png") no-repeat top center;
  -webkit-background-size: contain;
  background-size: contain;
}

body.sweetrevolutionstart #c45407 .image img {
  visibility: hidden;
}

@media (min-width: 1200px) {
  html body.sweetrevolution .sweet-revolution-unterseite .slogan_left {
    margin: 30px 0px 0px 120px;
  }

  body.sweetrevolutionform .homepage .content-after-header {
    margin-top: 54px;
  }

  body.sweetrevolutionform .tx-ig-slogan .slogangenerator {
    padding: 40px;
  }

  body.sweetrevolutionform .content-after-header {
    background: white;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 853px, #00b9e4 853px, #00b9e4 100%);
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    overflow: visible;
  }

  body.sweetrevolution-at.sweetrevolutionform .content-after-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 853px, #ffa02f 853px, #ffa02f 100%);
  }

  body.sweetrevolutionlist .content-after-header .tx-ig-slogan .intro input {
    font-size: 16px;
    min-width: 540px;
  }

  body.sweetrevolutionlist .tx-ig-slogan .slogan_left {
    margin-left: 100px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau {
    background-size: 250px;
    padding: 90px 0px 180px 0px;
    background-position: 25% bottom;
  }

  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau figure {
    margin: auto;
    max-width: 300px;
  }
}

@media (max-width: 414px) {
  body.sweetrevolution .tx-ig-slogan .intro p.h1 {
    display: block;
    clear: both;
    width: 100%;
  }

  html body.sweetrevolution .btn-transparent.inverted {
    color: #00b9e4;
    border: 2px solid #00b9e4;
  }

  body.sweetrevolution .tx-ig-slogan .listview {
    min-height: 2055px;
    height: auto !important;
  }

  body.sweetrevolution .tx-ig-slogan.container,
  body.sweetrevolution .tx-ig-slogan.container-custom {
    min-height: 20px;
  }

  body.sweetrevolutionlist .homepage .content-after-header {
    margin-top: 20px;
  }

  body.sweetrevolutionlist .content-after-header .tx-ig-slogan .intro input {
    font-size: 15px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  body.sweetrevolutionlist .tx-ig-slogan .slogan_right2 {
    right: 0px;
  }

  body.sweetrevolutionlist .content-after-header .tx-ig-slogan .intro input {
    font-size: 15px;
    min-width: 340px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau {
    padding: 10px 0px 240px;
    background-size: 250px;
    background-position: center bottom;
  }

  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau figure {
    margin: auto;
    max-width: 300px;
  }
}

@media (min-width: 769px) {
  body.sweetrevolutionlist .tx-ig-slogan .slogan_right2 {
    right: 0px;
  }

  body.sweetrevolutionlist .content-after-header .tx-ig-slogan .intro input {
    font-size: 16px;
    min-width: 440px;
  }
}

@media (max-width: 1199px) {
  body.sweetrevolutionlist .tx-ig-slogan .slogan_right2 {
    right: 0px;
  }

  body.sweetrevolution .homepage-content,
  body.sweetrevolution.sweetrevolution-at .homepage-content {
    padding-top: 30px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau {
    background-size: 250px;
  }

  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau figure {
    margin: auto;
    max-width: 300px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau {
    padding: 10px 0px 240px;
    background-size: 250px;
    background-position: center bottom;
  }

  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau figure {
    margin: auto;
    max-width: 300px;
  }

  body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .content-startseite-blau {
    padding: 90px 0 240px;
  }
}

@media (max-width: 414px) {
  body.sweetrevolution .sweet-revolution-unterseite .slogan_center {
    background-size: 110px;
    position: absolute;
    left: 50%;
    max-width: 110px;
    margin-left: -55px;
  }

  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau {
    padding: 30px 0px 120px;
    background-size: 140px;
  }

  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .ce-inner,
  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau figure {
    text-align: center;
  }

  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner figure img,
  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau figure img {
    width: 50%;
  }

  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter {
    padding: 0;
  }

  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter h2,
  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter .tx-powermail fieldset legend,
  .tx-powermail fieldset body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter legend {
    margin-top: 0;
    text-align: center;
    padding: 0px 40px;
  }

  body.sweetrevolution .content-after-header .tx-ig-slogan .form-intro {
    padding: 25% 15px;
  }
}

@media (min-width: 1200px) {
  body.sweetrevolution .homepage-content {
    background: url("https://www.fairtrade-deutschland.de/fileadmin/DE/04_aktiv_werden/Aktuelle_Kampagnen/sweet-revolution/background_oben.png") no-repeat 0px 140px;
    background-size: 100%;
  }

  body.sweetrevolution.sweetrevolution-at.sweetrevolutionsubpage .homepage-content {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/background_oben.png") no-repeat 0px 140px;
    background-size: 100%;
  }

  body.sweetrevolution.sweetrevolution-at .homepage-content {
    background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/background_oben_startseite.png") no-repeat 0px 140px;
    background-size: 100%;
  }

  body.sweetrevolution .homepage .content-after-header {
    margin-top: 134px;
  }

  body.sweetrevolution .sweet-revolution-unterseite .content-after-header {
    margin-top: 0px;
  }

  body.sweetrevolutionlist .homepage .content-after-header {
    margin-top: 0px;
  }
}

@media (max-width: 1200px) {
  body.sweetrevolution .content-after-header .frame-100 .ce-gallery figure {
    max-width: 500px;
  }
}

@media (max-width: 1100px) {
  body.sweetrevolution .content-after-header .frame-100 .ce-gallery figure {
    max-width: 370px;
  }
}

@media (max-width: 1000px) {
  body.sweetrevolution .content-after-header .ce-gallery figure {
    max-width: 100%;
  }

  body.sweetrevolution .content-after-header .frame-100 .ce-gallery figure {
    max-width: 400px;
    margin: auto;
  }

  body.sweetrevolution .content-after-header .frame-100 .ce-gallery {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  body.sweetrevolution .homepage .content-after-header {
    margin: 0px;
  }

  body.sweetrevolution .homepage-content {
    margin: 0px;
    padding: 0px;
  }

  body.sweetrevolution .content-after-header .frame-100 .ce-gallery {
    display: inline-block;
  }

  body.sweetrevolution .content-after-header .frame-100 .ce-gallery figure {
    margin-bottom: 30px;
  }

  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter h2,
  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .tx-powermail fieldset legend,
  .tx-powermail fieldset body.sweetrevolution .content-verteilerseite.content-trenner .einspalter legend {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    margin-top: 50px;
    padding-left: 40px;
  }

  body.sweetrevolution .content-after-header .ce-bodytext {
    padding-left: 0px;
  }

  body.sweetrevolution .content-after-header .ce-gallery figure {
    max-width: 100%;
    display: inline-block;
  }

  body.sweetrevolution .content-after-header .ce-gallery .ce-inner {
    text-align: center;
  }

  body.sweetrevolution .content-after-header .ce-gallery .ce-row,
  body.sweetrevolution .content-after-header .ce-gallery .ce-column {
    max-width: 100%;
    display: inline-block;
  }
}

@media (max-width: 414px) {
  body.sweetrevolution .content-after-header .ce-gallery figure {
    max-width: 300px;
  }

  body.sweetrevolution .content-after-header .frame-100 .ce-gallery figure {
    max-width: 200px;
  }

  body.sweetrevolution .content-after-header .ce-bodytext {
    text-align: center;
  }

  body.sweetrevolution .content-after-header strong {
    font-size: 30px;
    float: left;
  }

  body.sweetrevolution .content-after-header p {
    font-size: 16px;
    line-height: 26px;
    float: left;
    text-align: left;
    padding: 0px 0px 0px 20px;
  }

  body.sweetrevolution .content-after-header h3 {
    font-size: 30px;
    line-height: 30px;
    margin: 48px 0px 20px;
  }

  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4 {
    max-width: 100%;
  }

  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child > div {
    position: relative;
  }

  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child .ce-row {
    float: none;
    margin: 20px 0px -10px 0px;
  }

  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:last-child .ce-gallery {
    text-align: center;
  }

  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter h3 {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter h2,
  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter .tx-powermail fieldset legend,
  .tx-powermail fieldset body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter legend {
    margin-top: 0px;
    padding-left: 40px;
  }

  body.sweetrevolution .tx-ig-slogan .plakat {
    transform: scale(0.9);
    transform-origin: top left;
  }

  html body.sweetrevolution .aufmacher .slide-content {
    left: 50px;
    bottom: 50px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-headline {
    margin-bottom: 15px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-headline span.outer {
    font-size: 60px;
    line-height: 60px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-subline span.outer {
    display: inline;
    color: #1E1E1E;
    font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
    font-size: 20px;
    line-height: 20px;
    background-color: #FFFFFF;
    padding: 0 13px;
  }
}

@media (max-width: 768px) {
  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter h2,
  body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter .tx-powermail fieldset legend,
  .tx-powermail fieldset body.sweetrevolution.sweetrevolutionstart .content-verteilerseite.content-trenner .einspalter legend {
    margin-top: 0px;
    padding-left: 0px;
  }

  body.sweetrevolution .tx-ig-slogan .plakat {
    transform: scale(0.6);
    transform-origin: top left;
  }

  html body.sweetrevolution .aufmacher .slide-content {
    left: 50px;
    bottom: 50px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-headline {
    margin-bottom: 10px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-headline span.outer {
    font-size: 40px;
    line-height: 40px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-subline span.outer {
    font-size: 20px;
    line-height: 20px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .slogan_center {
    background-size: 200px;
    position: absolute;
    left: 50%;
    max-width: 200px;
    margin-left: -100px;
  }

  html body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .slogan_center {
    background-size: 200px;
    position: absolute;
    left: 50%;
    max-width: 200px;
    margin-left: -100px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .slogan_left {
    background-size: 210px;
  }
}

@media (max-width: 992px) {
  html body.sweetrevolution .sweet-revolution-unterseite .slogan_left {
    margin: 30px 0px 0px 0px;
    width: 224px;
    background-size: 224px;
  }
}

@media (max-width: 414px) {
  body.sweetrevolution .tx-ig-slogan .plakat {
    transform: scale(1);
    -webkit-background-size: 105%;
    background-size: 105%;
    transform-origin: bottom left;
    margin-bottom: -140px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .slogan_center {
    background-size: 110px;
    position: absolute;
    left: 50%;
    max-width: 110px;
    margin-left: -55px;
    max-height: 200px;
  }

  html body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .slogan_center {
    background-size: 110px;
    position: absolute;
    left: 50%;
    max-width: 110px;
    margin-left: -55px;
    max-height: 200px;
  }

  html body.sweetrevolution .aufmacher .slide-content {
    left: 15px;
    bottom: 20px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-headline {
    margin-bottom: 5px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-headline span.outer {
    font-size: 24px;
    line-height: 24px;
    padding: 0 5px;
  }

  html body.sweetrevolution .aufmacher .slide-content .slide-subline span.outer {
    font-size: 15px;
    line-height: 15px;
    padding: 0 5px;
  }

  body.sweetrevolution .sweet-revolution-unterseite .content-startseite-blau .sharebuttons {
    margin: 20px auto;
    width: 200px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun:after {
    height: 50px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .content-startseite-braun {
    padding-bottom: 50px;
  }

  body.sweetrevolution .btn-transparent {
    max-width: 390px;
    white-space: normal;
    line-height: 30px;
    padding: 10px 20px;
  }
}

@media (max-width: 375px) {
  body.sweetrevolution .tx-ig-slogan .plakat {
    transform: scale(1);
  }

  body.sweetrevolution .tx-ig-slogan .plakat .plakat_text {
    font-size: 37px;
    line-height: 46px;
    padding: 5px 52px 0px;
    height: 330px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .slogan_center {
    background-size: 110px;
    position: absolute;
    right: 0%;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .slogan_center {
    background-size: 80px;
    position: absolute;
    left: 50%;
    max-width: 80px;
    margin-left: -40px;
    max-height: 180px;
    margin-top: 0px;
  }

  html body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .slogan_center {
    background-size: 90px;
    position: absolute;
    left: 50%;
    max-width: 90px;
    margin-left: -45px;
    max-height: 180px;
    margin-top: 0px;
  }

  body.sweetrevolution .btn-transparent {
    max-width: 355px;
    white-space: normal;
    line-height: 30px;
    padding: 10px;
  }
}

@media (max-width: 320px) {
  body.sweetrevolution .tx-ig-slogan .plakat {
    transform: scale(1);
  }

  body.sweetrevolution .tx-ig-slogan .plakat .plakat_text {
    font-size: 30px;
    line-height: 39px;
    padding: 60px 48px 0px;
    height: 220px;
  }

  html body.sweetrevolution .sweet-revolution-unterseite .slogan_center {
    background-size: 70px;
    position: absolute;
    left: 50%;
    max-width: 70px;
    margin-left: -35px;
    max-height: 170px;
    margin-top: 0px;
  }

  html body.sweetrevolution.sweetrevolution-at .sweet-revolution-unterseite .slogan_center {
    background-size: 90px;
    position: absolute;
    left: 50%;
    max-width: 90px;
    margin-left: -45px;
    max-height: 170px;
    margin-top: 0;
  }

  html body.sweetrevolutionlist .content-after-header .tx-ig-slogan .intro input {
    min-width: 290px;
  }

  html body.sweetrevolutionstart .col-lg-4 .more,
  html body.sweetrevolution .content-startseite-weiss .col-lg-4 .more {
    margin: 15px;
  }

  html body.sweetrevolutionstart .col-lg-4 .multiteaser-headline,
  html body.sweetrevolution .content-startseite-weiss .col-lg-4 .multiteaser-headline {
    font-size: 30px;
    line-height: 39px;
  }

  html body.sweetrevolutionstart .col-lg-4 .multiteaser .multiteaser-content {
    padding: 0 15px;
  }

  html body.sweetrevolution .btn-transparent {
    max-width: 290px;
    white-space: normal;
    line-height: 30px;
    padding: 10px 10px;
  }
}

@media (max-width: 992px) {
  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4 {
    max-width: 30%;
  }

  body.sweetrevolution .content-verteilerseite.content-trenner .einspalter .row .col-lg-4:nth-child(2) .ce-bodytext {
    margin: 0;
  }

  body.sweetrevolution .content-after-header .frame-100 .ce-gallery figure {
    max-width: 300px;
  }
}

body.sweetrevolution-at .tx-ig-slogan .slogan_right {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/sw_keyvisual.png") no-repeat top right;
  background-size: contain;
  width: 320px;
  height: 320px;
  display: block;
  float: right;
  margin-bottom: -70px;
}

body.sweetrevolution-at .tx-ig-slogan .slogan_right2 {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Images/sweetrevolution-at/sw_keyvisual.png") no-repeat top left;
  background-size: contain;
  width: 270px;
  height: 290px;
  display: block;
  float: right;
}

body.sweetrevolution-at .tx-ig-slogan .btn {
  background-color: #FFA02F;
}

body.sweetrevolution.sweetrevolution-at .multiteaser-content {
  color: #fff;
  text-align: center;
}

@media (max-width: 414px) {
  body.sweetrevolution.sweetrevolution-at section.content ol.contentNumList {
    padding: 0 1.5rem 1.1rem;
  }
}

body.sweetrevolution.sweetrevolution-at .content.content-startseite-weiss p a.link-button {
  background: #FFA02F;
  box-shadow: 0px 0px 0px 6px #FFA02F;
}

body.sweetrevolution.sweetrevolution-at .content.content-startseite-weiss .produkte-produzente .element-top .kachel .kachel-content .element-icon {
  background-color: #FFA02F;
}

body.sweetrevolution.sweetrevolution-at .content-startseite-weiss a {
  color: #FFA02F;
}

body.sweetrevolution.sweetrevolution-at .btn-transparent {
  color: #FFA02F;
  border-color: #FFA02F;
  background: #fff;
}

@media (min-width: 1650px) {
  html body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
    margin-top: 160px;
  }
}

@media (min-width: 1850px) {
  html body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
    margin-top: 180px;
  }
}

@media (min-width: 1950px) {
  html body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
    margin-top: 200px;
  }
}

@media (min-width: 2100px) {
  html body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
    margin-top: 220px;
  }
}

@media (min-width: 2200px) {
  html body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
    margin-top: 240px;
  }
}

@media (min-width: 2400px) {
  html body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
    margin-top: 260px;
  }
}

@media (min-width: 2500px) {
  html body.sweetrevolution .sweet-revolution-unterseite .aufmacher {
    margin-top: 284px;
  }
}

/*
* Importiere jahresbericht2019
*/

body.jahresbericht2019 #c27077,
body.jahresbericht2019 #c27085,
body.jahresbericht2019 #c27086,
body.jahresbericht2019 #c27087,
body.jahresbericht2019 #c27089,
body.jahresbericht2019 #c27090,
body.jahresbericht2019 #c27091,
body.jahresbericht2019 #c27126,
body.jahresbericht2019 #c27129,
body.jahresbericht2019 #c27128,
body.jahresbericht2019 #c27088,
body.jahresbericht2019 #c27132,
body.jahresbericht2019 #c27138,
body.jahresbericht2019 #c27139,
body.jahresbericht2019 #27142 {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition: opacity, transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-duration: 1500ms;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: opacity,transform;
}

body.jahresbericht2019 #c27077.animate,
body.jahresbericht2019 #c27085.animate,
body.jahresbericht2019 #c27086.animate,
body.jahresbericht2019 #c27087.animate,
body.jahresbericht2019 #c27089.animate,
body.jahresbericht2019 #c27090.animate,
body.jahresbericht2019 #c27091.animate,
body.jahresbericht2019 #c27126.animate,
body.jahresbericht2019 #c27129.animate,
body.jahresbericht2019 #c27128.animate,
body.jahresbericht2019 #c27088.animate,
body.jahresbericht2019 #c27132.animate,
body.jahresbericht2019 #c27138.animate,
body.jahresbericht2019 #c27139.animate,
body.jahresbericht2019 #27142.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

body.jahresbericht2019 #c51022,
body.jahresbericht2019 #c51048,
body.jahresbericht2019 #c51052,
body.jahresbericht2019 #c51035,
body.jahresbericht2019 #c51047,
body.jahresbericht2019 #c51023,
body.jahresbericht2019 #c51029 {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition: opacity, transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-duration: 1500ms;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: opacity,transform;
}

body.jahresbericht2019 #c51022.animate,
body.jahresbericht2019 #c51048.animate,
body.jahresbericht2019 #c51052.animate,
body.jahresbericht2019 #c51035.animate,
body.jahresbericht2019 #c51047.animate,
body.jahresbericht2019 #c51023.animate,
body.jahresbericht2019 #c51029.animate {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

body.jahresbericht2019 .clear {
  clear: both;
}

body.jahresbericht2019 p {
  font-size: 14px;
  line-height: 26px;
}

body.jahresbericht2019 a.download {
  font-family: "Veneer", "Arial", sans-serif;
  padding: 7px 16px 7px;
  font-size: 20px;
  border: 0px none;
  font-weight: 300;
  margin: 0px;
  width: 100%;
  text-align: center;
  background: #00b9e4;
  color: #fff;
  margin: 20px auto 30px;
  display: block;
  max-width: 200px;
}

body.jahresbericht2019 .mobile-meta-nav,
body.jahresbericht2019 header div.main-nav nav a.mobile-search-button,
body.jahresbericht2019 .cc,
body.jahresbericht2019 .cookie-note,
body.jahresbericht2019 #overlayContainer,
body.jahresbericht2019 .mfp-wrap,
body.jahresbericht2019 .mfp-bg {
  display: none !important;
}

body.jahresbericht2019.jahresbericht2019v1 .content-trenner1,
body.jahresbericht2019.jahresbericht2019v1 .content-startseite-weiss,
body.jahresbericht2019.jahresbericht2019v1 .content-trenner2 {
  display: none;
}

body.jahresbericht2019.jahresbericht2019v1 header div.main-nav nav a.menu-opener {
  visibility: hidden;
}

body.jahresbericht2019 header .fairtrade-paragraph-justify {
  background: url("/fileadmin/DE/08_Specials/Digitaler-Jahresbericht-2019/mobile_burger_2020.svg") no-repeat 15px 17px;
}

body.jahresbericht2019 header .fairtrade-paragraph-justify:before {
  visibility: hidden;
}

body.jahresbericht2019 header .fairtrade-icon_x {
  color: #00b9e4;
}

body.jahresbericht2019 header .fairtrade-icon_x:before {
  content: "\e984";
  font-size: 30px;
}

body.jahresbericht2019 header div.main-nav nav ul.first {
  display: none;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 650px;
  border-top: 1px solid #E0E0E0;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li {
  background: #fff;
  line-height: 41px;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a,
body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:link,
body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:visited {
  xfont-size: 24px;
  xfont-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
  xtext-transform: uppercase;
  display: block;
  min-height: 41px;
  line-height: 41px;
  xpadding: 7px 15px;
  color: #1E1E1E;
  border-bottom: 1px solid #e4faff;
  border-bottom: 1px solid #E0E0E0;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  font-weight: 400;
  xline-height: 1.5;
  background: #fff;
  padding: 0px 25px;
  -webkit-transition: padding 0.4s ease-out;
  -moz-transition: padding 0.4s ease-out;
  -o-transition: padding 0.4s ease-out;
  -ms-transition: padding 0.4s ease-out;
  transition: padding 0.4s ease-out;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a.gotosection-inactive,
body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:link.gotosection-inactive,
body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:visited.gotosection-inactive {
  color: #aaa;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:hover {
  padding: 0px 25px 0px 32px;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.first a {
  border-top: 1px solid #E0E0E0;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p {
  color: #1e1e1e;
  font-weight: 300;
  margin: 0;
  display: block;
  padding: 5px 15px 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Veneer", "Helvetica Neue", "Arial", sans-serif;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext1 {
  line-height: 26px;
  color: #000;
  padding: 10px 15px 0px 25px;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext2 {
  font-size: 24px;
  line-height: 32px;
  color: #00B9E4;
  padding: 0px 5px 0px 25px;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext3 {
  line-height: 16px;
  padding: 1px 5px 15px 25px;
  color: #7F7F7F;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.last {
  text-align: center;
  padding-top: 0px;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.last .sharer {
  display: inline-block;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.last .sharer li {
  display: inline-block;
  width: auto;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.last .sharer li.whatsapp {
  display: none;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.last .sharer li a {
  padding: 30px 10px 10px;
  border: 0px none;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.last .sharer li a span {
  font-size: 32px;
  color: #00b9e4;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.last .sharer li a:hover {
  padding: 0;
}

body.jahresbericht2019 header .meta {
  max-width: 100%;
}

body.jahresbericht2019 header .meta nav {
  display: none;
}

body.jahresbericht2019 .opener {
  height: 750px;
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -30px;
}

body.jahresbericht2019 .opener > .container,
body.jahresbericht2019 .opener > .container-custom,
body.jahresbericht2019 .opener > .container > .row,
body.jahresbericht2019 .opener > .container-custom > .row,
body.jahresbericht2019 .opener > .container > .row > div,
body.jahresbericht2019 .opener > .container-custom > .row > div {
  height: 100%;
}

body.jahresbericht2019 .opener .openerblende {
  display: block;
  width: 300%;
  height: 100%;
  margin: 0px -100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.7) 90%, rgba(0, 0, 0, 0.9) 100%);
}

body.jahresbericht2019 .opener .openertext {
  position: absolute;
  bottom: 28px;
  left: 10px;
}

body.jahresbericht2019 .opener .openertext .weissaufblau {
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #fff;
  font-size: 40px;
  background: #00b9e4;
  line-height: 40px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 5px;
  clear: left;
  float: left;
  font-size: 38px;
  line-height: 38px;
}

body.jahresbericht2019 .opener .openertext .grauaufweiss {
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #7F7F7F;
  font-size: 22px;
  background: #fff;
  line-height: 22px;
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px;
  clear: left;
  float: left;
}

body.jahresbericht2019 .opener .openertext .weissauftransparent {
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #fff;
  font-size: 22px;
  background: transparent;
  line-height: 22px;
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px;
  clear: left;
  float: left;
}

body.jahresbericht2019 .opener .nextsection,
body.jahresbericht2019 .opener .gotosection {
  position: absolute;
  bottom: 40px;
  bottom: 74px;
  right: 15px;
  width: 48px;
  height: 80px;
  border: 3px solid #fff;
  display: block;
  border-radius: 25px;
  right: 10px;
}

body.jahresbericht2019 .opener .nextsection span,
body.jahresbericht2019 .opener .gotosection span {
  color: #fff;
  font-size: 35px;
  font-weight: 100;
  text-align: center;
  line-height: 74px;
  width: 100%;
  display: block;
  transform: rotate(90deg);
}

body.jahresbericht2019 .opener .nextsection span:before,
body.jahresbericht2019 .opener .gotosection span:before {
  content: "\e9c4";
}

body.jahresbericht2019 .pulse {
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.6);
  animation: pulse 1.3s infinite;
  text-align: center;
  transition: transform 300ms ease;
}

body.jahresbericht2019 section.content.content-startseite-blau {
  padding-top: 60px;
  background: #fff;
}

body.jahresbericht2019 section.content.content-startseite-grau {
  padding-top: 60px;
  background: #efefef;
}

body.jahresbericht2019 section.content.content-startseite-grau .row .col-sm-6:first-child a.download {
  display: none;
}

body.jahresbericht2019 section.content.content-startseite-grau .row .col-sm-6:last-child a.download {
  display: inline-block;
}

body.jahresbericht2019 section.content.content-startseite-grau .row .col-sm-6:last-child p {
  text-align: center;
  margin-top: -30px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau {
  background: #00b9e4;
  color: #fff;
  padding-top: 40px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau p {
  color: #fff;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau p a {
  color: #fff;
  text-decoration: underline;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau h2,
body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 section.content.content-startseite.content-startseite-blau legend {
  color: #fff;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau h3 {
  color: #fff;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate {
  overflow: hidden;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate .stdform {
  margin-bottom: 60px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate h2.live,
body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate .tx-powermail fieldset legend.live,
.tx-powermail fieldset body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate legend.live {
  padding-left: 20px;
  position: relative;
  font-size: 36px;
  line-height: 36px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate h2.live:before,
body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate .tx-powermail fieldset legend.live:before,
.tx-powermail fieldset body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate legend.live:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background: #E00034;
  content: "\A";
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate a.download {
  xmargin-right: 10px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate ul {
  margin: 0px;
  padding: 0;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate ul li {
  color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate ul li:before {
  content: "";
  border-radius: 50%;
  color: #fff;
  left: 10px;
  top: 5px;
  background: #fff;
  width: 8px;
  height: 8px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox {
  min-width: 345px;
  min-width: 100%;
  xmin-height: 178px;
  display: inline-block;
  position: relative;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox.chat {
  margin-top: 30px;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox.live:before {
  position: absolute;
  z-index: 100;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 20px;
  display: inline-block;
  background: #E00034;
  font-family: 'Veneer', 'Arial', sans-serif;
  padding: 0px 0px 0px 13px;
  content: "LIVE";
  color: #fff;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox.live:after {
  position: absolute;
  z-index: 101;
  top: 9px;
  right: 34px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  content: "\A";
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau p a.download {
  background: #fff;
  text-decoration: none;
  color: #00b9e4;
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0px 20px 12px -15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 20px 12px -15px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 20px 12px -15px rgba(0, 0, 0, 0.5);
}

body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe,
body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe.fullwidth {
  min-height: 194px;
  position: relative !important;
  display: block;
}

body.jahresbericht2019 div.sharer,
body.jahresbericht2019 div.sharer div.shariff {
  float: none;
  margin-bottom: 15px;
}

body.jahresbericht2019 .savethedate .success {
  background-color: #bed600;
  padding: 20px;
  font-weight: bold;
}

body.jahresbericht2019 .savethedate .container,
body.jahresbericht2019 .savethedate .container-custom {
  padding: 0;
}

body.jahresbericht2019 .savethedate .container > .row,
body.jahresbericht2019 .savethedate .container-custom > .row {
  margin: 0;
}

body.jahresbericht2019 .savethedate h2,
body.jahresbericht2019 .savethedate .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .savethedate legend {
  font-size: 40px;
  line-height: 48px;
}

body.jahresbericht2019 .savethedate form {
  margin-top: 9px;
}

body.jahresbericht2019 .savethedate form .fieldwrap {
  margin: 0;
}

body.jahresbericht2019 .savethedate form .fieldwrap input.stdfield {
  border: 0px none;
  width: 260px;
  display: inline-block;
  line-height: 50px;
  margin: 0;
  border-radius: 0px;
}

body.jahresbericht2019 .savethedate form .fieldwrap a.stdsubmitoverlay {
  display: none;
}

body.jahresbericht2019 .savethedate form .fieldwrap a.stdsubmit {
  height: 50px;
  width: 50px;
  display: inline-block;
  background-color: #80379B;
  background-color: #fff;
  transition: background-color 0.5s ease;
  position: absolute;
  top: 0;
  border-left: 1px solid #00b9e4;
}

body.jahresbericht2019 .savethedate form .fieldwrap a.stdsubmit span {
  color: #fff;
  color: #00b9e4;
  font-size: 18px;
  top: 16px;
  position: relative;
  left: 16px;
}

body.jahresbericht2019 .savethedate form .fieldwrap a.stdsubmit:hover {
  background-color: #913eb0;
}

body.jahresbericht2019 .savethedate ul {
  text-align: center;
  margin: 40px 0px;
  float: none;
}

body.jahresbericht2019 .savethedate ul li {
  display: inline-block;
}

body.jahresbericht2019 .savethedate ul li.linkedin {
  xdisplay: none;
}

body.jahresbericht2019 .savethedate ul li.whatsapp {
  display: none;
}

body.jahresbericht2019 .savethedate ul li a {
  color: #fff;
  display: inline-block;
  margin: 0 10px;
  font-weight: normal;
}

body.jahresbericht2019 .savethedate ul li a span {
  font-family: fairtrade;
  margin: 0;
  line-height: 48px;
  font-size: 48px;
  width: 48px;
  height: 48px;
  display: inline-block;
}

body.jahresbericht2019 .savethedate ul li a span.fa-facebook:after {
  content: "\e91a";
}

body.jahresbericht2019 .savethedate ul li a span.fa-twitter:after {
  content: "\e91b";
}

body.jahresbericht2019 .savethedate ul li a span.fa-whatsapp:after {
  content: "\e952";
}

body.jahresbericht2019 .savethedate ul li a span.fa-linkedin:after {
  content: "\e97a";
}

body.jahresbericht2019 .savethedate div.sharer ul li a:hover,
body.jahresbericht2019 .savethedate div.sharer div.shariff,
body.jahresbericht2019 .savethedate li a:hover {
  color: #e0119d;
}

body.jahresbericht2019 .savethedate header div.main-nav nav.mobile-menu-open ul.menu.first li .sharer li.linkedin {
  xdisplay: none;
}

body.jahresbericht2019 .savethedate header div.main-nav nav.mobile-menu-open ul.menu.first li .sharer li.whatsapp {
  display: none;
}

body.jahresbericht2019 .csc-header h2,
body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .csc-header legend,
body.jahresbericht2019 .frame-type-header h2,
body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .frame-type-header legend {
  font-size: 40px;
}

body.jahresbericht2019 section.content.content-trenner.content-trenner1 {
  background-image: url("/fileadmin/system/img/de/buehne_kachel_black.jpg") !important;
  padding: 40px 0px;
}

body.jahresbericht2019 section.content.content-trenner.content-trenner1 .csc-header h2.csc-firstHeader,
body.jahresbericht2019 section.content.content-trenner.content-trenner1 .csc-header .tx-powermail fieldset legend.csc-firstHeader,
.tx-powermail fieldset body.jahresbericht2019 section.content.content-trenner.content-trenner1 .csc-header legend.csc-firstHeader,
body.jahresbericht2019 section.content.content-trenner.content-trenner1 .frame-type-header h2.csc-firstHeader,
body.jahresbericht2019 section.content.content-trenner.content-trenner1 .frame-type-header .tx-powermail fieldset legend.csc-firstHeader,
.tx-powermail fieldset body.jahresbericht2019 section.content.content-trenner.content-trenner1 .frame-type-header legend.csc-firstHeader {
  color: #fff;
}

body.jahresbericht2019 section.content.content-trenner.content-trenner1 .csc-header h3,
body.jahresbericht2019 section.content.content-trenner.content-trenner1 .frame-type-header h3 {
  margin: -10px 0px 20px;
  font-size: 24px;
  line-height: 24px;
}

body.jahresbericht2019 section.content.content-trenner.content-trenner1 .col-md-12 {
  padding: 0;
}

body.jahresbericht2019 section.content.content-trenner.content-trenner1 .unterseite-banner .banner .fullimage {
  height: 280px;
  width: 345px;
  margin: 0px auto;
  background-size: contain;
  background-position: center;
}

body.jahresbericht2019 .startseite-banner .fairtrade-icon_pfeil_1_rechts:before {
  content: "\e904";
  font-size: 20px;
}

body.jahresbericht2019 .startseite-banner .fairtrade-icon_pfeil_1_links:before {
  content: "\e906";
  font-size: 20px;
}

body.jahresbericht2019 .startseite-banner .banner p span {
  display: block;
  color: #00b9e4;
  font-size: 40px;
  margin: 3px 0px;
}

body.jahresbericht2019 .startseite-banner .bx-controls-direction a {
  margin-top: -90px;
}

body.jahresbericht2019 .startseite-banner .bx-viewport,
body.jahresbericht2019 .startseite-banner .banner .image-wrap {
  height: 300px;
}

body.jahresbericht2019 .startseite-banner .banner .image-wrap img {
  height: 260px;
  width: auto;
}

body.jahresbericht2019 .startseite-banner .banner p {
  display: none;
}

body.jahresbericht2019 .unterseite-banner .image-wrap {
  background-position: center;
  background-size: cover;
}

body.jahresbericht2019 .unterseite-banner .image-wrap img {
  xdisplay: none;
}

body.jahresbericht2019 .csc-textpic-text h2,
body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .csc-textpic-text legend,
body.jahresbericht2019 .csc-header h2,
body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .csc-header legend,
body.jahresbericht2019 .frame-type-header h2,
body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .frame-type-header legend {
  font-size: 40px;
  color: #00b9e4;
}

body.jahresbericht2019 .csc-textpic-text h3,
body.jahresbericht2019 .csc-header h3,
body.jahresbericht2019 .csc-textpic-text h4,
body.jahresbericht2019 .csc-header h4,
body.jahresbericht2019 .frame-type-header h3,
body.jahresbericht2019 .frame-type-header h4 {
  font-size: 20px;
  color: #7F7F7F;
}

body.jahresbericht2019 .csc-header,
body.jahresbericht2019 .frame-type-header {
  text-align: center;
}

body.jahresbericht2019 .content-trenner2 {
  background: #1e1e1e;
  padding: 0;
}

body.jahresbericht2019 .content-trenner2 > .container,
body.jahresbericht2019 .content-trenner2 > .container-custom {
  padding: 0;
}

body.jahresbericht2019 .content-trenner2 > .container > .row,
body.jahresbericht2019 .content-trenner2 > .container-custom > .row {
  margin: 0;
}

body.jahresbericht2019 .content-trenner2 > .container > .row > .col-md-12,
body.jahresbericht2019 .content-trenner2 > .container-custom > .row > .col-md-12 {
  padding: 0;
}

body.jahresbericht2019 .unterseite-banner {
  overflow: hidden;
  xmargin: 0px auto 120px auto;
  xmargin: -30px -15px 120px -15px;
  padding: 0;
}

body.jahresbericht2019 .unterseite-banner .bx-outer {
  width: 375px;
  margin: auto;
}

body.jahresbericht2019 .unterseite-banner .banner {
  min-width: 375px;
  height: 390px;
  overvlow: hidden;
}

body.jahresbericht2019 .unterseite-banner .banner .fullimage {
  padding: 0px;
  height: 390px;
  height: 280px;
  background-size: contain;
  background-repeat: no-repeat;
}

body.jahresbericht2019 .unterseite-banner .banner .image-wrap {
  height: 390px;
  max-width: 375px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .image-wrap {
  height: auto;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner {
  height: 100%;
}

body.jahresbericht2019 .unterseite-banner .banner .image-wrap img {
  max-width: 100%;
  height: auto;
  top: 64%;
  top: 0;
  transform: none;
  max-width: 1400px;
  height: 100%;
  width: auto;
}

body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 390px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 90%, #000000 100%);
}

body.jahresbericht2019 .unterseite-banner .banner p {
  display: none;
  position: absolute;
  padding: 0px 20px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  width: 100%;
  font-size: 22px;
  line-height: 25px;
  display: block;
  font-family: 'Veneer', 'Arial', sans-serif;
  left: 0;
  bottom: 20px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p {
  display: block;
  color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  font-family: "Helvetica Neue","Helvetica",sans-serif;
  font-weight: 500;
  left: 0;
  bottom: 0px;
  padding: 0px 30px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p.banner_title,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p.banner_text,
body.jahresbericht2019 .content-trenner2 .unterseite-banner .banner p.banner_title {
  display: none;
}

body.jahresbericht2019 .unterseite-banner .banner p.banner_author {
  display: none;
}

body.jahresbericht2019 .unterseite-banner .banner .col-sm-4,
body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 {
  padding: 0;
}

body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 a {
  display: block;
  width: 100%;
  height: 100%;
}

body.jahresbericht2019 .unterseite-banner .banner p.banner_text,
body.jahresbericht2019 .unterseite-banner .banner p.bodytext {
  display: block;
  font-family: 'Veneer', 'Arial', sans-serif;
  left: 0;
  bottom: 20px;
}

body.jahresbericht2019 .unterseite-banner .banner p.banner_text a,
body.jahresbericht2019 .unterseite-banner .banner p.bodytext a {
  color: #00B9E4;
}

body.jahresbericht2019 .unterseite-banner .banner p.banner_name {
  display: block;
  left: 0;
  bottom: 0px;
  font-size: 16px;
  font-size: 12px;
  line-height: 18px;
}

body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a {
  background: none;
  color: #fff;
  font-size: 30px;
}

body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -0px;
}

body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-next {
  right: -0px;
}

body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a .fairtrade-icon_pfeil_1_links:before {
  xcontent: "\e90a";
}

body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a .fairtrade-icon_pfeil_1_rechts:before {
  xcontent: "\e908";
}

body.jahresbericht2019 .custom_akkordeon iframe,
body.jahresbericht2019 .custom_akkordeon .cc-blocked {
  margin-bottom: 30px;
  max-width: 100%;
}

body.jahresbericht2019 .custom_akkordeon .main-video {
  position: relative;
  margin-bottom: 30px;
}

body.jahresbericht2019 .custom_akkordeon .main-video video {
  width: 100%;
  height: 100%;
  display: block;
}

body.jahresbericht2019 .custom_akkordeon .main-video .playbutton {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.05);
  max-height: 410px;
  z-index: 3;
}

body.jahresbericht2019 .custom_akkordeon .main-video .preview-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.05);
  max-height: 410px;
  z-index: 2;
}

body.jahresbericht2019 .custom_akkordeon .main-video .playbutton span {
  position: absolute;
  width: 35px;
  height: 35px;
  left: 50%;
  top: 50%;
  margin: -25px 0px 0px -25px;
  line-height: 1;
  border-top-right-radius: 20%;
  background-color: #fff;
  text-align: left;
  display: inline-block;
  transform: rotate(30deg) skewX(-30deg) scale(1, 0.866);
  transform-origin: 45% 75%;
  opacity: 0.5;
}

body.jahresbericht2019 .custom_akkordeon .main-video .playbutton span::before,
body.jahresbericht2019 .custom_akkordeon .main-video .playbutton span::after {
  content: '';
  position: absolute;
  background-color: inherit;
  width: 100%;
  height: 100%;
  border-top-right-radius: 20%;
}

body.jahresbericht2019 .custom_akkordeon .main-video .playbutton span::before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}

body.jahresbericht2019 .custom_akkordeon .main-video .playbutton span::after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}

body.jahresbericht2019 .custom_akkordeon .main-video {
  background: #000;
  cursor: pointer;
}

body.jahresbericht2019 .custom_akkordeon .main-video .playbutton {
  transition: max-height 0.2s linear;
}

body.jahresbericht2019 .custom_akkordeon .main-video .playbutton {
  background: transparent;
}

body.jahresbericht2019 .custom_akkordeon .main-video .preview-image {
  opacity: 1;
  transition: opacity 0.2s linear;
}

body.jahresbericht2019 .custom_akkordeon {
  margin-top: 20px;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs {
  position: relative;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab {
  position: absolute;
  opacity: 0;
  display: none;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab.active {
  position: relative;
  display: block;
  opacity: 1;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab p.smaller,
body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab div.smaller p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8;
  color: #4A4A4A;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_icon {
  color: #00B9E4;
  font-size: 140px;
  font-size: 120px;
  line-height: 50px;
  float: left;
  margin: 0px 0px 0px -15px;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_percent {
  color: #00B9E4;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 66px;
  line-height: 82px;
  font-size: 56px;
  line-height: 72px;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_text {
  color: #7F7F7F;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 24px;
  line-height: 26px;
  display: block;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi {
  text-align: center;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul {
  margin: 0px 0px 80px;
  float: none;
  display: inline-block;
  width: auto;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li {
  display: inline-block;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a {
  position: relative;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle {
  color: #00B9E4;
  display: inline-block;
  margin: 0 10px;
  margin: 0 8px;
  font-weight: normal;
  line-height: 25px;
  font-size: 25px;
  border-radius: 50%;
  border: 2px solid #00B9E4;
  width: 48px;
  height: 48px;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle span {
  font-family: fairtrade;
  margin: 0;
  line-height: 48px;
  font-size: 48px;
  width: 48px;
  height: 48px;
  display: inline-block;
  line-height: 44px;
  font-size: 40px;
  width: 44px;
  height: 44px;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .link {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 60px;
  height: 24px;
  color: #1e1e1e;
  font-family: 'Veneer', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 14px;
  margin: 0px 2px;
  border-bottom: 3px solid #ccc;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a.active .circle,
body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a:hover .circle {
  background: #00B9E4;
  color: #fff;
}

body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a.active .link,
body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a:hover .link {
  border-bottom: 3px solid #00B9E4;
}

body.jahresbericht2019 .content-trenner-globus {
  background: #000000 url("/fileadmin/DE/08_Specials/Digitaler-Jahresbericht-2019/pic_globus_web.jpg") no-repeat center !important;
  background-size: cover !important;
  max-height: 2000px;
  padding: 40px 0px 10px 0px;
  position: relative;
}

body.jahresbericht2019 .content-trenner-globus:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 50%, #000000 70%, #000000 100%);
}

body.jahresbericht2019 .content-trenner-globus h2,
body.jahresbericht2019 .content-trenner-globus .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .content-trenner-globus legend {
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #fff;
  font-size: 40px;
  background: #BED600;
  line-height: 40px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 5px;
  clear: left;
  float: left;
  font-size: 36px;
  line-height: 38px;
}

body.jahresbericht2019 .content-trenner-globus h3 {
  font-family: 'Veneer', 'Arial', sans-serif;
  color: #7F7F7F;
  font-size: 22px;
  background: #fff;
  line-height: 22px;
  display: inline-block;
  margin-bottom: 30px;
  padding: 5px;
  clear: left;
}

body.jahresbericht2019 .content-trenner-globus p {
  padding: 0px 0px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  font-weight: bold;
  color: #fff;
}

body.jahresbericht2019 .content-trenner-globus p a.link-button {
  box-shadow: 0px 0px 0px 6px #00B9E4;
  background: #00B9E4;
  margin-bottom: 60px;
}

body.jahresbericht2019 .content-trenner-schwarz {
  background: #000000 url("/fileadmin/DE/04_aktiv_werden/Aktuelle_Kampagnen/SDG_2020/sdg_rad_frei.png") no-repeat -240px 550px !important;
  xbackground-size: cover !important;
  max-height: 2000px;
  padding: 40px 0px 10px 0px;
  position: relative;
}

body.jahresbericht2019 .content-trenner-schwarz:before {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 50%, #000000 70%, #000000 100%);
}

body.jahresbericht2019 .videoblock {
  text-align: center;
}

body.jahresbericht2019 .videoblock h2,
body.jahresbericht2019 .videoblock .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .videoblock legend {
  color: #fff;
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 5px;
}

body.jahresbericht2019 .videoblock h3 {
  color: #B2B2B2;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 30px;
}

body.jahresbericht2019 .videoblock .embed-container {
  margin-bottom: 30px;
}

body.jahresbericht2019 .videoblock .embed-container iframe {
  border: 9px solid #fff;
  margin: 0px;
}

body.jahresbericht2019 .videoblock p {
  padding: 0px 15px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

body.jahresbericht2019 footer {
  xbackground: #1e1e1e;
}

body.jahresbericht2019 footer .footer-top .social-icons a {
  color: #dedede;
}

body.jahresbericht2019 footer .kontakt-info-wrap,
body.jahresbericht2019 footer .social-wrap,
body.jahresbericht2019 footer .newsletter-wrap {
  padding: 0px 50px;
}

body.jahresbericht2019 footer .footer-top p,
body.jahresbericht2019 footer .footer-top p a,
body.jahresbericht2019 footer .footer-bootom ul li a,
body.jahresbericht2019 footer .footer-top .newsletter-goto button {
  color: #F6F6F8;
}

body.jahresbericht2019 footer .footer-top .newsletter-goto input.newsletter-email {
  background: #333;
}

body.jahresbericht2019 .content-startseite-black {
  margin-bottom: 0px;
}

body.jahresbericht2019 .content-startseite-weiss {
  padding-top: 60px;
  background: #fff;
}

body.jahresbericht2019 .content-startseite-weiss h2.csc-header-alignment-center,
body.jahresbericht2019 .content-startseite-weiss .tx-powermail fieldset legend.csc-header-alignment-center,
.tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss legend.csc-header-alignment-center,
body.jahresbericht2019 .content-startseite-weiss h2.ce-headline-center,
body.jahresbericht2019 .content-startseite-weiss .tx-powermail fieldset legend.ce-headline-center,
.tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss legend.ce-headline-center {
  margin-bottom: 60px;
}

body.jahresbericht2019 .content-startseite-weiss .csc-default-margin h2.csc-header-alignment-center,
body.jahresbericht2019 .content-startseite-weiss .csc-default-margin .tx-powermail fieldset legend.csc-header-alignment-center,
.tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss .csc-default-margin legend.csc-header-alignment-center,
body.jahresbericht2019 .content-startseite-weiss .frame-default h2.ce-headline-center,
body.jahresbericht2019 .content-startseite-weiss .frame-default .tx-powermail fieldset legend.ce-headline-center,
.tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss .frame-default legend.ce-headline-center {
  margin-top: 60px;
}

body.jahresbericht2019 .content-startseite-weiss .frame-default {
  margin-bottom: 30px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner {
  margin-bottom: 40px;
  overflow: visible;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer {
  width: 345px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p.bodytext {
  color: #fff;
  bottom: 0;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 500;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .col-sm-8 {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-wrapper .bx-controls-direction a,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-prev,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-next {
  z-index: 100;
  background: #00B9E4;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  top: 250px;
  top: 40%;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-wrapper .bx-controls-direction a span:before,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-prev span:before,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-next span:before {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top: 2px;
  left: 7px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-prev,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-prev {
  xleft: -15px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-next,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-next {
  xright: -15px;
}

body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-next span:before,
body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-next span:before {
  left: 10px;
}

body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-wrapper .bx-controls-direction a,
body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-prev,
body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-next {
  xtop: 250px;
}

body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a,
body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:link,
body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:visited {
  line-height: 25px;
  padding: 10px 0px 10px 25px;
}

body.jahresbericht2019 .instapreview {
  margin: 25px;
}

@media (max-width: 320px) {
  body.jahresbericht2019 .opener .openertext .weissaufblau {
    font-size: 32px;
    line-height: 32px;
  }

  body.jahresbericht2019 .opener .openertext .grauaufweiss {
    font-size: 18px;
    line-height: 20px;
  }

  body.jahresbericht2019 .opener .openertext .weissauftransparent {
    font-size: 18px;
    line-height: 20px;
  }

  body.jahresbericht2019 .opener .openertext {
    bottom: 8px;
  }

  body.jahresbericht2019 .opener .nextsection,
  body.jahresbericht2019 .opener .gotosection {
    bottom: 20px;
    right: 10px;
    width: 40px;
    height: 70px;
    border: 2px solid #fff;
  }

  body.jahresbericht2019 .opener .nextsection span,
  body.jahresbericht2019 .opener .gotosection span {
    line-height: 66px;
    font-size: 28px;
  }

  body.jahresbericht2019 .savethedate form .fieldwrap input.stdfield {
    width: 200px;
  }

  body.jahresbericht2019 .unterseite-banner .bx-outer,
  body.jahresbericht2019 .unterseite-banner .banner {
    width: 320px;
  }

  body.jahresbericht2019 .unterseite-banner .banner .image-wrap {
    max-width: 320px;
  }

  body.jahresbericht2019 .unterseite-banner .banner,
  body.jahresbericht2019 .unterseite-banner .fullimage,
  body.jahresbericht2019 .unterseite-banner .banner .image-wrap,
  body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 {
    height: 360px;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext1,
  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext3 {
    padding-left: 15px;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext2 {
    font-size: 20px;
    line-height: 25px;
    padding-left: 15px;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li.sub > a {
    padding-left: 15px;
    xpadding-bottom: 17px;
    xmin-height: 45px;
    line-height: 45px;
    line-height: 25px;
    padding: 10px 0px 10px 15px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer {
    width: 290px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox {
    min-width: 290px;
    min-width: 100%;
    xmin-height: 146px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate h2.live,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate .tx-powermail fieldset legend.live,
  .tx-powermail fieldset body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate legend.live {
    padding-left: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate h2.live:before,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate .tx-powermail fieldset legend.live:before,
  .tx-powermail fieldset body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate legend.live:before {
    width: 15px;
    height: 15px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe.fullwidth {
    min-height: 163px;
    position: relative;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_text {
    font-size: 22px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle {
    margin: 0px 3px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .link {
    top: 30px;
    height: 20px;
    font-size: 12px;
    line-height: 12px;
    margin: 0px 2px;
    width: 50px;
  }

  body.jahresbericht2019 .content-trenner-globus h2,
  body.jahresbericht2019 .content-trenner-globus .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .content-trenner-globus legend {
    font-size: 30px;
    line-height: 32px;
  }

  body.jahresbericht2019 .content-trenner-globus h3 {
    font-size: 18px;
    line-height: 18px;
  }

  body.jahresbericht2019 section.content.content-trenner.content-trenner1 {
    max-height: 390px;
  }

  body.jahresbericht2019 .instapreview {
    margin: 0px;
    transform: scale(0.86) translate(-8%, 0%);
  }
}

@media (min-width: 768px) {
  body.jahresbericht2019 .instapreview {
    margin: 0px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox {
    min-width: 100%;
  }

  body.jahresbericht2019 a.download {
    margin: 20px 0px 30px;
    display: inline-block;
  }

  body.jahresbericht2019 p {
    font-size: 16px;
    line-height: 28px;
  }

  body.jahresbericht2019 .savethedate h2,
  body.jahresbericht2019 .savethedate .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .savethedate legend {
    font-size: 70px;
    line-height: 74px;
  }

  body.jahresbericht2019 .unterseite-banner .col-sm-4 {
    width: auto;
  }

  body.jahresbericht2019 header div.main-nav nav a.menu-opener {
    display: block !important;
    margin: 10px 10px 10px 0px;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first {
    top: 80px;
    width: 285px;
    width: 400px;
    right: 0;
    left: auto;
    background: #fff;
    height: 2000px;
  }

  body.jahresbericht2019 header div.main-nav > .container,
  body.jahresbericht2019 header div.main-nav > .container-custom,
  body.jahresbericht2019 header div.main-nav > .container > .row,
  body.jahresbericht2019 header div.main-nav > .container-custom > .row,
  body.jahresbericht2019 header div.main-nav > .container > .row > .col-md-12,
  body.jahresbericht2019 header div.main-nav > .container-custom > .row > .col-md-12 {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  body.jahresbericht2019.mobile-menu-open {
    position: relative;
  }

  body.jahresbericht2019 header.transform-to-sticky {
    -moz-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
  }

  body.jahresbericht2019 header .meta.test .container,
  body.jahresbericht2019 header .meta.test .container-custom {
    width: 100%;
  }

  body.jahresbericht2019 header.transform-to-sticky div.meta a.logo.visible-sticky {
    display: block !important;
    top: 16px !important;
  }

  body.jahresbericht2019 .logo.visible-xs {
    left: 10px;
  }

  body.jahresbericht2019 .savethedate {
    padding: 20px 0px 30px;
  }

  body.jahresbericht2019 footer .kontakt-info-wrap,
  body.jahresbericht2019 footer .social-wrap,
  body.jahresbericht2019 footer .newsletter-wrap {
    padding: 0px;
  }

  body.jahresbericht2019 .opener .openertext {
    bottom: 69px;
  }

  body.jahresbericht2019 .opener .nextsection,
  body.jahresbericht2019 .opener .gotosection {
    bottom: 80px;
  }

  body.jahresbericht2019 .opener .openertext .weissaufblau {
    font-size: 70px;
    line-height: 74px;
    padding: 10px 20px;
    padding: 5px 10px;
  }

  body.jahresbericht2019 .opener .openertext .grauaufweiss {
    font-size: 32px;
    line-height: 26px;
    padding: 10px 20px;
    padding: 8px 10px;
  }

  body.jahresbericht2019 .opener .openertext .weissauftransparent {
    font-size: 32px;
    line-height: 26px;
    padding: 10px 20px;
    padding: 8px 10px;
  }

  body.jahresbericht2019 section.content.content-trenner.content-trenner1 {
    padding: 60px 0px;
    background-size: cover;
    max-height: 406px;
  }

  body.jahresbericht2019 section.content.content-trenner.content-trenner1 h2,
  body.jahresbericht2019 section.content.content-trenner.content-trenner1 .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 section.content.content-trenner.content-trenner1 legend {
    margin-bottom: 25px;
  }

  body.jahresbericht2019 section.content.content-trenner.content-trenner1 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -56px;
  }

  body.jahresbericht2019 section.content.content-trenner.content-trenner2 {
    xmargin: 40px 0px 80px;
  }

  body.jahresbericht2019 .content-trenner1 .unterseite-banner .bx-outer {
    width: 600px;
  }

  body.jahresbericht2019 .content-trenner1 .unterseite-banner .banner,
  body.jahresbericht2019 .content-trenner1 .unterseite-banner .banner .image-wrap {
    width: 300px !important;
    max-width: 300px !important;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-outer {
    width: 768px;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .banner,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .banner .image-wrap {
    width: 384px !important;
    max-width: 384px !important;
  }

  body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 {
    border: 1px solid #FFF;
    border-top: 0px none;
    border-bottom: 0px none;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext1 {
    padding: 27px 15px 0px 25px;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li p.navtext3 {
    padding: 3px 5px 29px 25px;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li {
    line-height: 50px;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a,
  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:link,
  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first > li a:visited {
    min-height: 50px;
    line-height: 50px;
    line-height: 25px;
    padding: 15px 0px 15px 25px;
  }

  body.jahresbericht2019 .csc-textpic-text h2,
  body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-textpic-text legend,
  body.jahresbericht2019 .csc-header h2,
  body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-header legend,
  body.jahresbericht2019 .frame-type-header h2,
  body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .frame-type-header legend {
    font-size: 70px;
    line-height: 74px;
  }

  body.jahresbericht2019 .csc-textpic-text h3,
  body.jahresbericht2019 .csc-header h3,
  body.jahresbericht2019 .csc-textpic-text h4,
  body.jahresbericht2019 .csc-header h4 {
    font-size: 32px;
    line-height: 26px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p.bodytext {
    font-size: 14px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner {
    margin-bottom: 80px;
    margin-top: 40px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .col-sm-4,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .col-sm-4 .image-wrap img {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer {
    width: 600px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .image-wrap {
    height: 410px;
    max-width: 600px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-viewport {
    height: 410px;
  }

  body.jahresbericht2019 .custom_akkordeon {
    margin-top: 40px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_icon {
    margin: 0px 10px 0px 0px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik {
    width: 100%;
    text-align: center;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_icon {
    font-size: 200px;
    float: none;
    margin: -15px 0px -30px 0px;
    display: block;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_percent {
    font-size: 70px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab p.smaller,
  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab div.smaller p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul {
    margin: 20px 0px 120px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a {
    margin: 0 10px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .link {
    top: 35px;
    width: 80px;
    height: 30px;
    font-size: 18px;
    line-height: 18px;
    margin: 0px;
    border-bottom-width: 4px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle {
    width: 64px;
    height: 64px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle span {
    line-height: 64px;
    font-size: 48px;
    width: 64px;
    height: 64px;
    margin-left: -2px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a.active .link,
  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a:hover .link {
    border-bottom-width: 4px;
  }

  body.jahresbericht2019 #c27139,
  body.jahresbericht2019 #c27375,
  body.jahresbericht2019 #c51032,
  body.jahresbericht2019 #c51049,
  body.jahresbericht2019 #c51067,
  body.jahresbericht2019 #c51084,
  body.jahresbericht2019 #c51102,
  body.jahresbericht2019 #c51119,
  body.jahresbericht2019 #c51137,
  body.jahresbericht2019 #c51154 {
    max-width: 900px;
    margin: 25px auto;
  }

  body.jahresbericht2019 section.content.content-startseite-blau {
    padding-top: 80px;
  }

  body.jahresbericht2019 section.content.content-startseite-grau {
    padding-top: 80px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau {
    padding-top: 60px;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-prev {
    top: 250px;
    left: 5px;
    color: #fff;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-next {
    top: 250px;
    right: 15px;
    color: #fff;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_tabs .custom_akkordeon_tab .custom_grafik .custom_grafik_text {
    margin-bottom: 30px;
  }

  .savethedate h2 span,
  .savethedate .tx-powermail fieldset legend span,
  .tx-powermail fieldset .savethedate legend span {
    margin: 0px 5px 40px 0px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox,
  body.jahresbericht2019 .embed-container iframe {
    width: 100%;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe.fullwidth {
    min-height: 405px;
  }

  body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a {
    background: none;
    xcolor: #00B9E4;
    font-size: 30px;
  }

  body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -66px;
  }

  body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-next {
    right: -55px;
  }

  body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a .fairtrade-icon_pfeil_1_links:before {
    xcontent: "\e90a";
  }

  body.jahresbericht2019 .unterseite-banner .bx-wrapper .bx-controls-direction a .fairtrade-icon_pfeil_1_rechts:before {
    xcontent: "\e908";
  }

  body.jahresbericht2019 .swiper-attachments .fairtrade-icon_pfeil_2_links:before,
  body.jahresbericht2019 .swiper-attachments .fairtrade-icon_pfeil_2_rechts:before {
    font-size: 20px;
    color: #fff;
  }

  body.jahresbericht2019 .content-trenner-globus {
    padding: 40px 0px 30px 0px;
  }

  body.jahresbericht2019 .content-trenner-globus h2,
  body.jahresbericht2019 .content-trenner-globus .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .content-trenner-globus legend {
    margin-top: 40px;
  }

  body.jahresbericht2019 .content-trenner-globus p {
    font-size: 16px;
    line-height: 30px;
  }

  body.jahresbericht2019 .content-trenner-globus p a.link-button {
    padding: 5px 39px;
  }

  body.jahresbericht2019 .content-trenner-schwarz {
    padding: 100px 0px 40px 0px;
  }

  body.jahresbericht2019 .videoblock h2,
  body.jahresbericht2019 .videoblock .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .videoblock legend {
    font-size: 70px;
    line-height: 74px;
  }

  body.jahresbericht2019 .videoblock h3 {
    font-size: 40px;
    line-height: 40px;
  }

  body.jahresbericht2019 .videoblock .embed-container {
    margin-bottom: 50px;
  }

  body.jahresbericht2019 .videoblock .embed-container iframe {
    border: 19px solid #fff;
    margin-bottom: 0px;
    width: 900px;
    height: 523px;
    width: 720px;
    height: 423px;
  }

  body.jahresbericht2019 .videoblock p {
    padding: 0px 150px;
    font-size: 16px;
    line-height: 30px;
  }

  body.jahresbericht2019 section.content.content-startseite-grau {
    padding-top: 60px;
    background: #efefef;
  }

  body.jahresbericht2019 section.content.content-startseite-grau .row .col-sm-6:first-child a.download {
    display: block;
  }

  body.jahresbericht2019 section.content.content-startseite-grau .row .col-sm-6:last-child a.download {
    display: none;
  }

  body.jahresbericht2019 section.content.content-startseite-grau .row .col-sm-6:last-child p {
    text-align: center;
  }

  body.jahresbericht2019 section.content.content-trenner.content-trenner1 .csc-header h3 {
    margin: -20px 0px 40px;
    font-size: 40px;
    line-height: 40px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate h2.live,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate .tx-powermail fieldset legend.live,
  .tx-powermail fieldset body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate legend.live {
    padding-left: 25px;
    position: relative;
    font-size: 60px;
    line-height: 64px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate h2.live:before,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate .tx-powermail fieldset legend.live:before,
  .tx-powermail fieldset body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate legend.live:before {
    height: 20px;
    width: 20px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate ul li {
    font-size: 16px;
    line-height: 20px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .savethedate a.download {
    margin-right: 10px;
  }

  body.jahresbericht2019 .videoblock p {
    padding: 0px 30px;
  }
}

@media (min-width: 980px) {
  body.jahresbericht2019 .opener {
    margin-top: -30px;
  }

  body.jahresbericht2019 .savethedate ul {
    text-align: left;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first li .sharer li.linkedin {
    display: inline-block;
  }

  body.jahresbericht2019 header div.main-nav nav.mobile-menu-open ul.menu.first li .sharer li.whatsapp {
    display: none;
  }

  body.jahresbericht2019 .logo.visible-lg {
    display: none !important;
  }

  body.jahresbericht2019 .logo.visible-xs {
    display: block !important;
    top: 16px;
    position: absolute;
  }

  body.jahresbericht2019 .content-trenner1 .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-trenner1 .unterseite-banner .swiperGallery {
    width: 900px;
    margin: auto;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiperGallery {
    width: 980px;
    margin: auto;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .banner,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .banner .image-wrap {
    width: 326px !important;
    max-width: 326px !important;
    height: 360px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiperGallery {
    width: 753px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .image-wrap {
    height: 425px;
    max-width: 753px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-viewport,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-wrapper {
    height: 425px;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-prev,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-prev {
    top: 320px;
    left: 5px;
    color: #fff;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-wrapper .bx-controls-direction a.bx-next,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-next {
    top: 320px;
    right: 5px;
    color: #fff;
  }

  body.jahresbericht2019 .opener .nextsection,
  body.jahresbericht2019 .opener .gotosection {
    bottom: -40px;
    left: 50%;
    width: 60px;
    height: 90px;
    margin-left: -33px;
    border-radius: 50px;
  }

  body.jahresbericht2019 .opener .nextsection span,
  body.jahresbericht2019 .opener .gotosection span {
    line-height: 46px;
    font-size: 30px;
  }

  body.jahresbericht2019 .content-trenner-globus h2,
  body.jahresbericht2019 .content-trenner-globus .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .content-trenner-globus legend {
    font-size: 50px;
    line-height: 54px;
  }

  body.jahresbericht2019 .content-trenner-globus h3 {
    font-size: 30px;
    line-height: 30px;
  }

  body.jahresbericht2019 .videoblock .embed-container iframe {
    width: 900px;
    height: 523px;
  }

  body.jahresbericht2019 .videoblock p {
    padding: 0px 80px;
  }
}

@media (min-width: 1025px) {
  body.jahresbericht2019 .content-trenner2 {
    max-height: 560px;
    background: transparent;
  }

  body.jahresbericht2019 .content-trenner2 > .container,
  body.jahresbericht2019 .content-trenner2 > .container-custom,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-outer {
    width: 100%;
  }

  body.jahresbericht2019 .content-trenner2 .unterseite-banner .banner,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .banner .image-wrap {
    width: 526px !important;
    max-width: 526px !important;
    height: 560px;
  }

  body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 {
    height: 560px;
    border-top: 0px none;
    border-bottom: 0px none;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox {
    width: 49%;
    min-width: 49%;
    xmin-height: 322px;
    float: left;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .videobox.chat {
    float: right;
    margin-top: 0px;
  }

  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe.fullwidth {
    min-height: 270px;
  }

  body.jahresbericht2019 .videoblock .embed-container iframe {
    width: 900px;
    height: 523px;
  }

  body.jahresbericht2019 .videoblock p {
    padding: 0px 150px;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-container {
    overflow: visible;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-button-prev {
    left: -30px;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-button-next {
    right: -30px;
  }
}

@media (min-width: 1170px) {
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe,
  body.jahresbericht2019 section.content.content-startseite.content-startseite-blau .embed-container iframe.fullwidth {
    min-height: 322px;
  }

  body.jahresbericht2019 .content-trenner-globus h2,
  body.jahresbericht2019 .content-trenner-globus .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .content-trenner-globus legend {
    font-size: 60px;
    line-height: 64px;
  }

  body.jahresbericht2019 .content-trenner-globus h3 {
    font-size: 36px;
    line-height: 36px;
  }

  body.jahresbericht2019 #c27381 .row .col-sm-6:first-child,
  body.jahresbericht2019 #c51034 .row .col-sm-6:first-child,
  body.jahresbericht2019 #c51069 .row .col-sm-6:first-child,
  body.jahresbericht2019 #c51104 .row .col-sm-6:first-child,
  body.jahresbericht2019 #c51139 .row .col-sm-6:first-child {
    width: 60%;
  }

  body.jahresbericht2019 #c27381 .row .col-sm-6:last-child,
  body.jahresbericht2019 #c51034 .row .col-sm-6:last-child,
  body.jahresbericht2019 #c51069 .row .col-sm-6:last-child,
  body.jahresbericht2019 #c51104 .row .col-sm-6:last-child,
  body.jahresbericht2019 #c51139 .row .col-sm-6:last-child {
    width: 40%;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-container {
    overflow: visible;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-button-prev {
    left: -100px;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-button-next {
    right: -100px;
  }
}

body.jahresbericht2019 .fairtrade-story .fairtrade-story-part .part-overlay .part-location .location-flag {
  position: absolute;
}

body.jahresbericht2019 .content-trenner-globus h2,
body.jahresbericht2019 .content-trenner-globus .tx-powermail fieldset legend,
.tx-powermail fieldset body.jahresbericht2019 .content-trenner-globus legend {
  display: block;
  width: max-content;
  float: none;
}

body.jahresbericht2019 .fairtrade-story .fairtrade-story-part .part-overlay .part-location .location-name {
  padding: 4px 10px 3px 40px;
}

body.jahresbericht2019 .unterseite-banner .banner .row {
  position: relative;
  margin: 0;
}

@media (min-width: 980px) {
  html XXXbody.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-outer,
  html XXXbody.jahresbericht2019 .content-trenner2 .unterseite-banner .swiperGallery {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  section.content.content-after-header {
    padding: 0;
    margin: 0;
  }

  body.jahresbericht2019 .opener {
    max-height: 1240px;
  }
}

@media (max-width: 768px) {
  body.jahresbericht2019 .opener {
    max-height: 1040px;
  }

  body.jahresbericht2019 .swiper-button-next,
  body.jahresbericht2019 .swiper-button-prev,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-wrapper .bx-controls-direction a,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-prev span,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-next span {
    color: #fff;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiperGallery {
    width: 753px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .image-wrap {
    height: 425px;
    max-width: 753px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-viewport,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-wrapper {
    height: 425px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiperGallery {
    width: 688px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner {
    min-width: 688px;
  }

  body.jahresbericht2019 .unterseite-banner .banner {
    min-width: 355px;
  }
}

@media (max-width: 414px) {
  body.jahresbericht2019 .csc-textpic-text h2,
  body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-textpic-text legend,
  body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
  body.jahresbericht2019 .csc-textpic-text legend,
  body.jahresbericht2019 .csc-header h2,
  body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-header legend,
  body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
  body.jahresbericht2019 .csc-header legend,
  body.jahresbericht2019 .frame-type-header h2,
  body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .frame-type-header legend,
  body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
  body.jahresbericht2019 .frame-type-header legend {
    line-height: 36px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul {
    padding: 0;
  }

  body.jahresbericht2019 .opener {
    max-height: 760px;
  }

  body.jahresbericht2019 .content-startseite-weiss .csc-default-margin h2.csc-header-alignment-center,
  body.jahresbericht2019 .content-startseite-weiss .csc-default-margin .tx-powermail fieldset legend.csc-header-alignment-center,
  .tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss .csc-default-margin legend.csc-header-alignment-center {
    line-height: 36px;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-container-free-mode > .swiper-wrapper {
    max-height: 330px;
  }

  body.jahresbericht2019 .swiper-button-next,
  body.jahresbericht2019 .swiper-button-prev,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .bx-wrapper .bx-controls-direction a,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-prev span,
  body.jahresbericht2019 .content-trenner2 .unterseite-banner .swiper-attachments .swiper-button-next span {
    color: #fff;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiperGallery {
    width: 384px;
    height: auto;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner {
    min-width: 384px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .col-sm-8 {
    position: relative;
    background: #00B9E4;
    height: auto;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p {
    position: relative;
    padding: 0px 20px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .image-wrap {
    height: 225px;
    max-width: 384px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-viewport,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-wrapper {
    height: 225px;
    height: auto;
  }

  body.jahresbericht2019 .unterseite-banner .banner {
    min-width: 414px;
  }

  body.jahresbericht2019 .unterseite-banner .banner .image-wrap img {
    height: auto;
    max-width: 414px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle {
    margin: 0 5px;
  }
}

@media (max-width: 375px) {
  body.jahresbericht2019 .csc-textpic-text h2,
  body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-textpic-text legend,
  body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
  body.jahresbericht2019 .csc-textpic-text legend,
  body.jahresbericht2019 .csc-header h2,
  body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-header legend,
  body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
  body.jahresbericht2019 .csc-header legend,
  body.jahresbericht2019 .frame-type-header h2,
  body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .frame-type-header legend,
  body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
  body.jahresbericht2019 .frame-type-header legend {
    line-height: 36px;
  }

  body.jahresbericht2019 .opener {
    max-height: 683px;
  }

  body.jahresbericht2019 .content-startseite-weiss .csc-default-margin h2.csc-header-alignment-center,
  body.jahresbericht2019 .content-startseite-weiss .csc-default-margin .tx-powermail fieldset legend.csc-header-alignment-center,
  .tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss .csc-default-margin legend.csc-header-alignment-center,
  body.jahresbericht2019 .content-startseite-weiss .csc-default-margin .tx-powermail fieldset legend.csc-header-alignment-center,
  .tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss .csc-default-margin legend.csc-header-alignment-center,
  body.jahresbericht2019 .content-startseite-weiss .frame-default h2.ce-headline-center,
  body.jahresbericht2019 .content-startseite-weiss .frame-default .tx-powermail fieldset legend.ce-headline-center,
  .tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss .frame-default legend.ce-headline-center,
  body.jahresbericht2019 .content-startseite-weiss .frame-default .tx-powermail fieldset legend.ce-headline-center,
  .tx-powermail fieldset body.jahresbericht2019 .content-startseite-weiss .frame-default legend.ce-headline-center {
    line-height: 36px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul {
    padding: 0;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiperGallery {
    width: 345px;
    height: auto;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner {
    min-width: 345px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .col-sm-8 {
    position: relative;
    background: #00B9E4;
    height: auto;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p {
    position: relative;
    padding: 0px 20px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .image-wrap {
    height: 205px;
    max-width: 345px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-viewport,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-wrapper {
    height: 205px;
    height: auto;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-wrapper .bx-controls-direction a,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-prev,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-attachments .swiper-button-next {
    top: 30%;
  }

  body.jahresbericht2019 .unterseite-banner .banner {
    min-width: 375px;
  }

  body.jahresbericht2019 .unterseite-banner .banner .image-wrap img {
    height: auto;
    max-width: 375px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle {
    width: 38px;
    height: 38px;
    margin: 0 5px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle span {
    line-height: 37px;
    font-size: 32px;
    width: 30px;
    height: 30px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .link {
    width: 40px;
  }
}

@media (max-width: 320px) {
  body.jahresbericht2019 .csc-textpic-text h2,
  body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-textpic-text legend,
  body.jahresbericht2019 .csc-textpic-text .tx-powermail fieldset legend,
  body.jahresbericht2019 .csc-textpic-text legend,
  body.jahresbericht2019 .csc-header h2,
  body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .csc-header legend,
  body.jahresbericht2019 .csc-header .tx-powermail fieldset legend,
  body.jahresbericht2019 .csc-header legend,
  body.jahresbericht2019 .frame-type-header h2,
  body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.jahresbericht2019 .frame-type-header legend,
  body.jahresbericht2019 .frame-type-header .tx-powermail fieldset legend,
  body.jahresbericht2019 .frame-type-header legend {
    line-height: 36px;
  }

  body.jahresbericht2019 div.ce-right.ce-intext .image,
  body.jahresbericht2019 div.ce-right.ce-nowrap .image,
  body.jahresbericht2019 div.ce-left.ce-intext .image,
  body.jahresbericht2019 div.ce-left.ce-nowrap .image {
    max-width: 140px;
  }

  body.jahresbericht2019 .opener {
    max-height: 584px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-outer,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiperGallery {
    width: 290px;
    height: auto;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner {
    min-width: 290px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .col-sm-8 {
    position: relative;
    background: #00B9E4;
    height: auto;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner p {
    position: relative;
    padding: 0px 20px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .banner .image-wrap {
    height: 180px;
    max-width: 290px;
  }

  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .bx-viewport,
  body.jahresbericht2019 .content-startseite-weiss .unterseite-banner .swiper-wrapper {
    height: 180px;
    height: auto;
  }

  body.jahresbericht2019 .unterseite-banner .banner {
    min-width: 320px;
  }

  body.jahresbericht2019 .unterseite-banner .banner .image-wrap img {
    height: auto;
    max-width: 320px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle {
    width: 38px;
    height: 38px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .circle span {
    line-height: 37px;
    font-size: 32px;
    width: 30px;
    height: 30px;
  }

  body.jahresbericht2019 .custom_akkordeon .custom_akkordeon_navi ul li a .link {
    width: 40px;
  }
}

@media (min-width: 576px) {
  body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 {
    max-width: 100%;
  }
}

@media (min-width: 1500px) {
  body.jahresbericht2019 .unterseite-banner .banner {
    min-width: auto;
    height: auto;
  }

  body.jahresbericht2019 .unterseite-banner .banner .image-wrap {
    height: auto;
    width: auto;
    max-width: auto;
  }

  body.jahresbericht2019 .unterseite-banner .banner .image-wrap img {
    height: auto;
    width: auto;
  }

  body.jahresbericht2019 .unterseite-banner .banner .col-sm-8 {
    max-width: 100%;
    height: 100%;
  }

  body.jahresbericht2019 .content-startseite-black.content-trenner2 .swiperGallery {
    width: 100%;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-container {
    overflow: visible;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-button-prev {
    left: -250px;
  }

  body.jahresbericht2019 .content-trenner1 .swiper-button-next {
    right: -250px;
  }
}

.content-trenner2 .swiper-container-free-mode {
  background: #000;
}

body.jahresbericht2019 .content-trenner1 .swiper-button-next span {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  padding: 10px 8px 10px 12px;
}

body.jahresbericht2019 .content-trenner1 .swiper-button-prev span {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  padding: 10px 12px 10px 8px;
}

/*
* Importiere Extension igx_stef
* multiVZ, plupload, dateiverwalung
*/

.tx-felogin-pi1 fieldset {
  border: 0px none;
  padding: 0px;
  margin: 0px;
}

.tx-felogin-pi1 legend {
  display: none;
}

.tx-felogin-pi1 label {
  color: #1e1e1e;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 20px;
}

.tx-felogin-pi1 input#tx_felogin_pi1-forgot-email,
.tx-felogin-pi1 input#tx_felogin_pi1-newpassword1,
.tx-felogin-pi1 input#tx_felogin_pi1-newpassword2 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 15px;
  transition: border 0.3s linear 0s;
  width: 100%;
  margin: 15px 0px;
}

.tx-felogin-pi1 input[type="submit"] {
  background: #00b9e4 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  line-height: 45px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: background-color 0.2s linear 0s;
  margin-bottom: 15px;
}

.tx-pluploadfe-pi1 .plupload_container {
  padding: 0px;
  font-family: sans-serif;
  font-size: 1rem;
}

.tx-pluploadfe-pi1 .plupload_scroll .plupload_filelist {
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.tx-pluploadfe-pi1 .plupload_header_content {
  background: #00b9e4;
  padding: 4px 0px 10px;
}

.tx-pluploadfe-pi1 .plupload_filelist_footer {
  padding: 8px 15px;
}

.tx-pluploadfe-pi1 .plupload_filelist_footer {
  height: auto;
  padding: 15px;
}

.tx-pluploadfe-pi1 .plupload_header_content .plupload_header_title {
  display: block;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 30px;
  padding: 0 10px 5px;
}

.tx-pluploadfe-pi1 .plupload_header_content .plupload_header_text {
  display: block;
  padding: 0px 10px;
  font-size: 1rem;
}

.tx-pluploadfe-pi1 .plupload_buttons .plupload_button,
.tx-igx-dateiverwaltung .file-list-button {
  background: #fff;
  color: #ffffff;
  display: inline-block;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 20px;
  margin: 0px 15px 0px 0px;
  padding: 10px 30px;
  border: 0px none;
  border-radius: 0px;
  line-height: 130%;
}

.tx-pluploadfe-pi1 .plupload_buttons .plupload_add,
.tx-igx-dateiverwaltung .file-list-button {
  background: #00b9e4;
}

.tx-pluploadfe-pi1 .plupload_buttons .plupload_start {
  background: #bed600;
}

.tx-pluploadfe-pi1 .plupload_buttons .plupload_disabled {
  background: #b8b8b8;
}

.tx-igx-dateiverwaltung {
  margin-bottom: 60px;
}

.tx-igx-dateiverwaltung h1 {
  display: block;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 30px;
  padding: 5px 10px;
  color: #fff;
  background: #00b9e4;
  line-height: 130%;
  margin: 0px;
}

.tx-igx-dateiverwaltung .file-list-header {
  border-bottom: 1px solid #cdcdcd;
  border-top: 1px solid #eee;
  background: #dfdfdf none repeat scroll 0 0;
  padding: 5px 0px;
  margin: 0px;
  color: #42454a;
  font-size: 1rem;
}

.tx-igx-dateiverwaltung .file-list-button {
  float: right;
  background: #bed600;
}

.tx-igx-dateiverwaltung .file-list-button.small {
  margin: 0px;
  background: #00b9e4;
  font-size: 15px;
  padding: 6px 13px;
}

.tx-igx-dateiverwaltung .filelist-item {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0px;
  margin: 0px 0px 0px;
  background: #fff none repeat scroll 0 0;
  color: #42454a;
  font-size: 1rem;
  line-height: 200%;
}

.tx-igx-dateiverwaltung .filelist-item .smaller {
  font-size: 0.9rem;
  line-height: 140%;
}

.tx-igx-dateiverwaltung .filelist-item .comment {
  color: #aaa;
}

.tx-igx-dateiverwaltung .row.filelist-item .elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0px;
  margin-bottom: 5px;
}

.tx-igx-dateiverwaltung .row.filelist-item a.downloadlink {
  font-size: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tx-igx-dateiverwaltung .filelist-item .grey {
  background: #b8b8b8;
}

.tx-igx-dateiverwaltung .filelist-item .col-xs-2 {
  padding-left: 0px;
}

.tx-igx-dateiverwaltung .filelist-item .col-xs-3 {
  text-align: right;
}

.tx-igx-dateiverwaltung .filelist-item textarea,
.tx-igx-dateiverwaltung .filelist-item .input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  color: #8c8c8c;
  display: block;
  font-size: 1rem;
  height: 40px;
  line-height: 40px;
  margin-bottom: 30px;
  padding: 0 3px;
  transition: border 0.3s linear 0s;
  width: 50%;
}

.tx-igx-dateiverwaltung .filelist-item textarea {
  width: 70%;
  height: 100px;
}

.content .news-unterseite-list-veranstaltungen-karte .news-filter .news-filter-inner .checkbox-wrap img {
  max-height: 24px;
  width: auto;
}

.pagebrowser .limit.few {
  display: none;
}

.finder-startseite.fairtrade-finder,
.finder-lcol,
.finder-startseite.fairtrade-finder .outer .item,
.finder-lcol .outer .item {
  overflow: visible;
}

.finder .tooltip {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 20;
}

.finder .tooltip span {
  color: #fff;
  font-size: 20px;
}

.finder .tooltip .tooltip-text {
  position: absolute;
  bottom: 45px;
  right: -120px;
  width: 260px;
  background: #fff;
  border: 1px solid #aaa;
  padding: 10px 15px;
  text-align: center;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.45);
  display: none;
}

.finder .tooltip .tooltip-text h3 {
  color: #00b9e4;
  font-size: 25px;
}

.finder .tooltip .tooltip-text p {
  color: #666;
  font-weight: 600;
  font-size: 13px;
  margin: 0px;
  line-height: 150%;
}

.finder .tooltip .tooltip-text:after,
.finder .tooltip .tooltip-text:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.finder .tooltip .tooltip-text:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 25px;
  margin-left: -25px;
}

.finder .tooltip .tooltip-text:before {
  border-color: rgba(170, 170, 170, 0);
  border-top-color: #aaa;
  border-width: 26px;
  margin-left: -26px;
}

.finder-startseite.fairtrade-finder .outer .item .finder {
  padding: 18px 5px 20px 18px;
}

.femanager_new .invisibles {
  height: 0px;
  overflow: hidden;
}

.multivznavi {
  margin-bottom: 50px;
  border-bottom: 4px solid #DEDEDE;
}

.multivznavi div {
  padding: 0px;
}

.multivznavi div a {
  font-family: "Veneer","Arial",sans-serif;
  font-size: 26px;
  color: #333;
  text-align: center;
  display: block;
  padding: 5px 0px;
}

.multivznavi div a:hover {
  background: #DEDEDE;
}

.multivznavi div a.active {
  background: #DEDEDE;
}

.multivz {
  border: 1px solid #ccc;
  padding: 0;
  margin-bottom: 30px;
}

.multivz .mvz-filter {
  background: #dedede;
  padding: 10px 30px;
}

.multivz .mvz-filter #femanager_field_submit {
  float: left;
  line-height: 41px;
  background: #BED600;
  width: 100%;
  text-align: center;
}

.multivz .mvz-filter #femanager_field_submit:hover {
  color: #fff;
}

.multivz .mvz-header {
  background: #00B9E4;
  padding: 60px 30px 20px 30px;
}

.multivz .mvz-header.orange {
  background: #B8D800;
}

.multivz .mvz-header .mvz-subtitel {
  display: block;
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 0px;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Veneer","Arial",sans-serif;
  text-transform: uppercase;
}

.multivz .mvz-header .mvz-titel {
  display: block;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 0px;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  text-transform: uppercase;
}

.multivz .mvz-body {
  background: #fff;
  padding: 60px 60px 20px;
}

.multivz .mvz-body #femanager_field_submit.button {
  float: none;
  margin: 0px;
}

.multivz .mvz-cats {
  border-top: 1px solid #fff;
  width: 100%;
  height: 15px;
  overflow: hidden;
  display: block;
}

.multivz .mvz-cats div {
  width: 33.333%;
  float: left;
  height: 15px;
  background: #FECB00;
  display: inline-block;
}

.multivz .mvz-cats div.cat-yellow {
  background: #FECB00;
}

.multivz .mvz-cats div.cat-green {
  background: #BED600;
}

.multivz .mvz-cats div.cat-blue {
  background: #00B9E4;
}

.multivz .mvz-map {
  height: 600px;
  width: 100%;
  display: block;
  background: #dedede;
}

.multivz .mvz-map .map-marker {
  border-top: 5px solid #BED600;
  padding: 20px 0 10px;
  margin: 5px 0px 0px 20px;
}

.multivz .mvz-map .map-marker p {
  margin: 0px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: #B7B7B7;
}

.multivz .mvz-map .map-marker p b {
  font-family: "Veneer","Arial",sans-serif;
  font-size: 20px;
  color: #333;
  font-weight: normal;
}

.multivz .mvz-map .map-marker a {
  background: #F6F6F6 none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #B7B7B7;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 9px 25px 7px;
  text-align: center;
}

.multivz .mvz-map .map-marker a:hover {
  background: #dedede;
  color: #888;
}

.multivz .mvz-profile {
  background: #fff;
  padding: 30px 90px 90px;
}

.multivz .mvz-profile h5 {
  color: #B7B7B7;
  display: inline-block;
  width: 90%;
  font-size: 1.2rem;
  font-weight: 700;
  padding-bottom: 20px;
  border-bottom: 2px solid #e0e0e0;
  margin-bottom: 20px;
}

.multivz .mvz-profile .rcol {
  padding-top: 118px;
}

.multivz .mvz-liste {
  padding: 20px 90px 20px;
}

.multivz .mvz-liste a {
  color: #333;
}

.multivz .mvz-liste .col-sm-1 {
  padding: 0px;
}

.multivz .mvz-liste .col-sm-1 .fairtrade-icon_pfeil_2_rechts {
  color: #aaa;
}

.multivz .mvz-liste .mvz-sorter a {
  font-size: 90%;
  font-weight: bold;
}

.multivz .mvz-liste .mvz-sorter a span {
  font-size: 12px;
  padding: 0 0 0 3px;
  vertical-align: text-top;
  color: #aaa;
}

.multivz .mvz-liste .mvz-names {
  border-bottom: 1px solid #ccc;
}

.multivz .mvz-liste .mvz-names a {
  padding: 30px 0px;
  font-size: 110%;
  display: block;
}

.multivz .mvz-liste .mvz-names a.mvz-name {
  font-weight: bold;
}

.multivz .mvz-liste .mvz-names:hover {
  background: #fafafa;
}

.multivz .mvz-liste .mvz-names:nth-child(10n) {
  border-bottom: 0px solid #ccc;
}

.multivz .mvz-liste .mvz-names:last-child {
  border-bottom: 0px solid #ccc;
}

.mvz-pager {
  text-align: center;
  margin: 0px 0px 30px 0px;
}

.mvz-pager .page_link,
.mvz-pager .ellipse {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #666;
  display: inline-block;
  font-weight: bold;
  margin: 0 3px;
  padding: 5px;
  text-align: center;
  width: 33px;
}

.mvz-pager .page_link.active_page,
.mvz-pager .ellipse.active_page {
  background: #00c6ea none repeat scroll 0 0;
  border: 1px solid #00c6ea;
  color: #fff;
}

.mvz-pager .first_link,
.mvz-pager .previous_link,
.mvz-pager .next_link,
.mvz-pager .last_link {
  color: #aaa;
  font-weight: bold;
  margin: 0 2px;
}

.mvz-downloads {
  width: 100%;
  min-height: 500px;
}

.multivznavi .nav-profil:hover,
.multivznavi .nav-profil.axctive {
  background: #00B9E4;
  color: #fff;
}

.multivznavi .nav-mitteilungen:hover,
.multivznavi .nav-mitteilungen.axctive {
  background: #BED600;
  color: #fff;
}

.multivznavi .nav-karte:hover,
.multivznavi .nav-karte.axctive {
  background: #FFA02F;
  color: #fff;
}

.multivznavi .nav-liste:hover,
.multivznavi .nav-liste.axctive {
  background: #FECB00;
  color: #fff;
}

.multivznavi .nav-downloads:hover,
.multivznavi .nav-downloads.axctive {
  background: #E0119D;
  color: #fff;
}

.multivznavi .nav-veranstaltungen:hover,
.multivznavi .nav-veranstaltungen.axctive {
  background: #80379B;
  color: #fff;
}

.tx-igx-multivz,
.news-list-view {
  margin-bottom: 60px;
}

.tx-igx-multivz h1,
.news-list-view h1 {
  text-align: center;
  margin-bottom: 30px;
}

.tx-igx-multivz .mvz-kachel,
.news-list-view .mvz-kachel {
  background: #00B9E4;
  min-height: 300px;
  padding: 30px 180px 30px 40px;
  position: relative;
}

.tx-igx-multivz .mvz-kachel p.text,
.news-list-view .mvz-kachel p.text {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 15px;
  color: #fff;
  opacity: 0.8;
}

.tx-igx-multivz .mvz-kachel p.title,
.news-list-view .mvz-kachel p.title {
  font-size: 40px;
  line-height: 150%;
  margin-bottom: 15px;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  text-transform: uppercase;
}

.tx-igx-multivz .mvz-kachel .button,
.news-list-view .mvz-kachel .button {
  background: rgba(0, 0, 0, 0.2);
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 1.2rem;
  padding: 11px 25px 9px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  min-width: 190px;
  text-align: center;
}

.tx-igx-multivz .mvz-kachel.mvz-border-right,
.news-list-view .mvz-kachel.mvz-border-right {
  border-right: 2px solid #fff;
}

.tx-igx-multivz .mvz-kachel.mvz-border-bottom,
.news-list-view .mvz-kachel.mvz-border-bottom {
  border-bottom: 2px solid #fff;
}

.tx-igx-multivz .mvz-kachel.mvz-profil,
.news-list-view .mvz-kachel.mvz-profil {
  background: #00B9E4 url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/icon-profil.png") no-repeat top 25px right 25px;
  background-size: 150px 150px;
}

.tx-igx-multivz .mvz-kachel.mvz-mitteilungen,
.news-list-view .mvz-kachel.mvz-mitteilungen {
  background: #BED600 url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/icon-mitteilungen.png") no-repeat top 20px right 25px;
  background-size: 150px 150px;
}

.tx-igx-multivz .mvz-kachel.mvz-karte,
.news-list-view .mvz-kachel.mvz-karte {
  background: #FFA02F url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/icon-karte.png") no-repeat top 30px right 25px;
  background-size: 150px 150px;
}

.tx-igx-multivz .mvz-kachel.mvz-liste,
.news-list-view .mvz-kachel.mvz-liste {
  background: #FECB00 url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/icon-liste.png") no-repeat top 25px right 25px;
  background-size: 150px 150px;
}

.tx-igx-multivz .mvz-kachel.mvz-downloadz,
.news-list-view .mvz-kachel.mvz-downloadz {
  background: #E0119D url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/icon-downloads.png") no-repeat top 25px right 25px;
  background-size: 150px 150px;
}

.tx-igx-multivz .mvz-kachel.mvz-veranstaltungen,
.news-list-view .mvz-kachel.mvz-veranstaltungen {
  background: #80379B url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/icon-kalender.png") no-repeat top 25px right 25px;
  background-size: 150px 150px;
}

.tx-igx-multivz .dz-default,
.news-list-view .dz-default {
  width: 100%;
  border: 1px solid #b8b8b8;
  min-height: 100px;
  padding: 15px 30px 0px;
  margin: 0px 0px 20px;
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
}

.tx-igx-multivz .dz-complete,
.news-list-view .dz-complete {
  margin-bottom: 20px;
  cursor: pointer;
  border: 1px solid #b8b8b8;
}

.tx-igx-multivz .dz-complete .dz-image,
.tx-igx-multivz .dz-complete .dz-details,
.tx-igx-multivz .dz-complete .dz-progress,
.tx-igx-multivz .dz-complete .dz-error-message,
.tx-igx-multivz .dz-complete .dz-success-mark,
.tx-igx-multivz .dz-complete .dz-error-mark,
.news-list-view .dz-complete .dz-image,
.news-list-view .dz-complete .dz-details,
.news-list-view .dz-complete .dz-progress,
.news-list-view .dz-complete .dz-error-message,
.news-list-view .dz-complete .dz-success-mark,
.news-list-view .dz-complete .dz-error-mark {
  float: left;
}

.tx-igx-multivz .dz-complete .dz-details,
.news-list-view .dz-complete .dz-details {
  padding: 12px;
}

.tx-igx-multivz .dz-complete .clear,
.news-list-view .dz-complete .clear {
  clear: both;
}

.tx-igx-multivz .dz-complete .dz-success-mark,
.tx-igx-multivz .dz-complete .dz-error-mark,
.news-list-view .dz-complete .dz-success-mark,
.news-list-view .dz-complete .dz-error-mark {
  display: none;
}

.tx-igx-multivz .mvz-select-label,
.news-list-view .mvz-select-label {
  padding: 10px 0px 0px;
  font-size: 18px;
  display: inline-block;
}

.tx-igx-multivz .mvz-selected,
.news-list-view .mvz-selected {
  border: 1px solid #ccc;
  width: 100%;
  display: block;
  height: 47px;
}

.tx-igx-multivz .mvz-selected .mvz-selected-value,
.news-list-view .mvz-selected .mvz-selected-value {
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  display: inline-block;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tx-igx-multivz .mvz-selected .mvz-selected-button,
.news-list-view .mvz-selected .mvz-selected-button {
  background: #00B9E4;
  float: right;
  display: block;
  height: 46px;
  padding: 12px 0px 0px 0px;
  text-align: center;
  width: 46px;
}

.tx-igx-multivz .mvz-selected .mvz-selected-button span,
.news-list-view .mvz-selected .mvz-selected-button span {
  color: #fff;
  font-size: 22px;
}

.tx-igx-multivz .mvz-select,
.news-list-view .mvz-select {
  height: 0px;
  overflow: scroll;
  position: absolute;
  left: 15px;
  top: 47px;
  width: 93%;
  z-index: 11;
  background: #fff;
  transition: height 0.3s linear 0s;
  display: inline-block;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.tx-igx-multivz .mvz-select .option,
.news-list-view .mvz-select .option {
  padding: 10px 10px;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: 600;
  display: block;
  color: #333;
  background-image: url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/check0.gif");
  background-repeat: no-repeat;
  background-position: right 16px top 5px;
}

.tx-igx-multivz .mvz-select .option:hover,
.news-list-view .mvz-select .option:hover {
  background-color: #f0f0f0;
}

.tx-igx-multivz .mvz-select .option.active,
.news-list-view .mvz-select .option.active {
  background-image: url("/typo3conf/ext/igx_multivz/Resources/Public/Icons/check1.gif");
}

.tx-igx-multivz .mvz-select.open,
.news-list-view .mvz-select.open {
  border-bottom: 1px solid #ccc;
  height: 300px;
  box-shadow: 1px 3px 3px #aaa;
}

.tx-igx-multivz .mvz-message .alert-success p,
.news-list-view .mvz-message .alert-success p {
  color: #3c763d;
}

.tx-igx-multivz .mvz-message .alert-danger p,
.news-list-view .mvz-message .alert-danger p {
  color: #a94442;
}

.tx-igx-multivz .mvz-message .button_logout,
.news-list-view .mvz-message .button_logout {
  margin: 0px;
}

.tx-igx-multivz .trumbowyg-box,
.news-list-view .trumbowyg-box {
  border-color: #b8b8b8;
  margin: 0px 0px 20px;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor,
.news-list-view .trumbowyg-box .mvz-editor {
  color: #8c8c8c;
  font-size: 1rem;
  line-height: 40px;
  border-color: #b8b8b8;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor p,
.news-list-view .trumbowyg-box .mvz-editor p {
  margin-bottom: 10px;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor em,
.news-list-view .trumbowyg-box .mvz-editor em {
  font-style: italic;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor hr,
.news-list-view .trumbowyg-box .mvz-editor hr {
  color: #b8b8b8;
  border-color: #b8b8b8;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor h1,
.news-list-view .trumbowyg-box .mvz-editor h1 {
  font-size: 36px;
  text-align: left;
  line-height: 36px;
  margin-bottom: 15px;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor ul,
.tx-igx-multivz .trumbowyg-box .mvz-editor ol,
.news-list-view .trumbowyg-box .mvz-editor ul,
.news-list-view .trumbowyg-box .mvz-editor ol {
  margin-bottom: 10px;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor ul li,
.tx-igx-multivz .trumbowyg-box .mvz-editor ol li,
.news-list-view .trumbowyg-box .mvz-editor ul li,
.news-list-view .trumbowyg-box .mvz-editor ol li {
  color: #1e1e1e;
  list-style: outside none disc;
  margin: 0px 0px 0px 30px;
  padding: 5px 0;
  line-height: 100%;
}

.tx-igx-multivz .trumbowyg-box .mvz-editor ol li,
.news-list-view .trumbowyg-box .mvz-editor ol li {
  list-style: outside none decimal;
}

.tx-igx-multivz .backlink,
.news-list-view .backlink {
  background: #00b9e4 none repeat scroll 0 0;
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 18px;
  padding: 8px 22px;
  margin-left: -30px;
}

.tx-igx-multivz .button_orange,
.news-list-view .button_orange {
  font-family: "Veneer","Arial",sans-serif;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  margin-top: 10px;
  padding: 9px 25px 7px;
  border: 0px none;
}

.tx-igx-multivz .button_orange.button_orange,
.news-list-view .button_orange.button_orange {
  background: #FFA02F;
}

.tx-igx-multivz .button_orange.green,
.news-list-view .button_orange.green {
  background: #B8D800;
}

.news-list-view {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .news-list-view {
    margin-bottom: 60px;
  }
}

.button_logout {
  font-family: "Veneer","Arial",sans-serif;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  margin: 30px 0px 30px -15px;
  padding: 9px 35px 7px;
  border: 0px none;
  background: #00B9E4;
}

html .embed-container {
  padding: 0px;
  margin-bottom: 50px;
}

html .embed-container iframe {
  position: relative;
}

html .newsroom-yt-plugin .embed-container {
  margin-bottom: 0px;
  font-size: 0;
}

.ftm-detinner .row,
.ftm-detinner .col-xs-12 {
  display: block;
  float: none;
  width: auto;
}

.t3ddy-accordion-item {
  width: 100%;
}

.lieferantenbtn_wrap {
  padding: 10px 5px 12px;
}

.lieferantenbtn {
  color: #333;
  display: block;
  display: flex;
  padding: 5px;
}

.lieferantenbtn span {
  margin-right: 10px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #b8b8b8;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
}

.lieferantenbtn:hover,
.lieferantenbtn:active,
.lieferantenbtn:focus,
.lieferantenbtn:visited {
  color: #333;
}

.lieferantenbtn:hover span {
  background: #00b9e4;
  border: 1px solid #fff;
}

.finder-startseite.fairtrade-finder .outer .item .finder .fieldwrap .fullbutton,
.finder-lcol .outer .item .finder .fieldwrap .fullbutton {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  width: auto;
  position: relative;
}

.finder-startseite.fairtrade-finder .outer .item .finder .fieldwrap .fullbutton span,
.finder-lcol .outer .item .finder .fieldwrap .fullbutton span {
  display: inline-block;
}

.finder-startseite.fairtrade-finder .outer .item .finder .fieldwrap .fullbutton span.buttontext,
.finder-lcol .outer .item .finder .fieldwrap .fullbutton span.buttontext {
  color: #fff;
  font-family: "Veneer","Arial",sans-serif;
  font-size: 20px;
  padding: 7px 10px 5px 15px;
}

.t3ddy-accordion h5.t3ddy-accordion-header {
  position: relative;
  padding: 14px 10px 13px 56px;
}

.t3ddy-accordion h5.t3ddy-accordion-header span {
  position: absolute;
  left: 5px;
  top: 15px;
}

section.content-unterseite .links-outer ul.link-list li a {
  position: relative;
  padding-left: 40px;
  display: block;
}

section.content-unterseite .links-outer ul.link-list li a span[class^="fairtrade-"] {
  position: absolute;
  left: 5px;
  top: 0px;
}

p em,
li em {
  font-style: italic;
}

@media (max-width: 768px) {
  .prodRandomTeaserItemImg {
    display: table !important;
  }

  .prodRandomTeaserItemImg span {
    display: block !important;
    margin: auto;
  }

  .prodRandomTeaserItemImg span.product_name {
    display: table !important;
  }

  .prodRandomTeaserItemImg span img {
    top: 20px;
    position: relative;
  }
}

@media (max-width: 480px) {
  .gm-style .gm-style-iw {
    max-width: 320px !important;
    max-height: 320px !important;
  }

  .gm-style .gm-style-iw .gm-style-iw-c,
  .gm-style .gm-style-iw .gm-style-iw-d {
    max-width: 320px !important;
    max-height: 320px !important;
  }

  .gm-style .gm-style-iw h4 {
    line-height: 110%;
  }

  .gm-style .gm-style-iw .map-marker > div {
    word-break: break-word;
  }

  .gm-style .gmnoprint,
  .gm-style button {
    display: none;
  }

  .product-detail h1 {
    line-height: 110%;
    font-size: 36px;
  }

  .product-detail .producer_image_wrap {
    border: 0px none !important;
  }

  .product-detail .infobox {
    height: auto;
  }

  .product-detail .producer-teaser-image,
  .product-detail .product-teaser-image {
    display: block !important;
    width: 100% !important;
    position: relative;
    background: #fff;
    text-align: center;
    padding-top: 10px;
  }

  .product-detail .product-teaser-text {
    min-height: auto;
  }

  .product-detail .product-teaser-text h3 {
    font-size: 20px;
    line-height: 120%;
  }

  .product-detail .product-teaser-text p {
    display: none !important;
  }
}

@media (min-width: 768px) {
  body #c328 .news-verteilerseite-inner,
  body #c327 .news-verteilerseite-inner {
    min-height: 529px;
  }

  body #c24324 iframe,
  body #c312 .social-container {
    border: 0 !important;
    min-height: 580px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px) {
  body #c328 .news-verteilerseite-inner,
  body #c327 .news-verteilerseite-inner {
    min-height: 505px;
  }

  body #c24324 iframe,
  body #c312 .social-container,
  body #c21138 .latest-blog {
    border: 0 !important;
    min-height: 580px;
  }
}

body .finder-lcol .outer .item.grau .finder {
  background-image: url("/fileadmin/system/img/icon_cart.png");
}

.printonly {
  display: none;
}

/*
* Importiere Responsive
*/

@media (min-width: 576px) {
  header div.meta {
    background: #1E1E1E;
  }

  header div.meta a.logo {
    top: 10px;
  }

  header div.meta a.logo img {
    height: 60px;
    width: auto;
    margin: 0;
  }

  header div.meta nav ul li {
    float: none;
  }

  header div.meta nav ul li a {
    font-size: 0.625rem;
  }

  header div.main-nav {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  header div.main-nav > .container,
  header div.main-nav > .container-custom {
    margin: 0;
    padding: 0;
    display: inline;
  }

  header div.main-nav nav ul.first {
    display: block;
  }

  header div.main-nav nav ul.first li a {
    font-size: 17px;
    padding: 0 9px;
  }

  header div.main-nav nav ul.first li a span.fairtrade-icon_pfeil_2_unten {
    font-size: 12px;
  }

  header div.main-nav nav ul.first li ul.second li a {
    font-size: 0.875rem;
  }

  section.content.content-after-header {
    padding-top: 170px;
  }

  section.content.content-after-header {
    padding-top: 140px;
  }

  .news-verteilerseite-box-slider .newsitem .box-content {
    padding: 5px 20px 15px;
  }

  div.mainslider .iS-Items .slide-content {
    top: 235px;
    left: 10%;
    bottom: auto;
  }

  div.mainslider .iS-Items .slide-content p.headline,
  div.mainslider .iS-Items .slide-content p.headline a {
    font-size: 40px;
    line-height: 45px;
  }

  footer .kontakt-info-wrap,
  footer .social-wrap,
  footer .newsletter-wrap {
    text-align: left;
  }

  footer .footer-bootom ul li {
    margin: 0;
    display: inline-block;
  }

  footer .footer-bootom ul li:after {
    display: inline-block;
    padding: 0 12px;
  }

  header div.main-nav nav ul.first li > span {
    display: none;
  }

  .filter-wrap .media-col.col-17,
  .filter-wrap .media-col.col-20,
  .filter-wrap .media-col.col-25,
  .filter-wrap .media-col.col-30,
  .filter-wrap .media-col.col-35 {
    width: 50%;
  }

  .filter-wrap .media-col.col-suche {
    width: 100%;
  }

  .ansprechpartner-list .kontakt-wrap {
    xheight: 280px;
  }

  .text-zitat .zitat-wrap {
    width: 330px;
    margin: 0 0 15px 20px;
  }

  .csc-textpic .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
    margin: 0 0 15px;
  }

  .csc-textpic .csc-textpic-text,
  div.csc-textpic-intext-right .csc-textpic-text {
    clear: none;
  }

  .pre-list-wrap .themen-wrap .medien .medium div.details-wrap,
  .list-wrap .themen-wrap .medien .medium div.details-wrap {
    width: 405px;
    position: absolute;
    left: 100%;
    top: 0;
  }

  .verteilerseite-trenner {
    max-height: 425px;
  }

  .verteilerseite-trenner .zitate-inner .zitat {
    padding: 20px 30px;
  }

  .verteilerseite-trenner .zitate-inner .zitat p.zitat {
    font-size: 30px;
    line-height: 35px;
  }

  .verteilerseite-trenner .zitate-inner .zitat p.zitat span {
    font-size: 45px;
  }

  .finder-startseite.fairtrade-finder .outer .item {
    width: 16.6667%;
  }

  .finder-startseite.fairtrade-finder .outer .item .finder {
    height: 120px;
  }

  .finder-startseite.fairtrade-finder .outer .item .finder p.title {
    font-size: 19px;
  }

  .finder-startseite.fairtrade-finder .outer .item.gruen .finder {
    background-position: 42px 55px;
    background-size: 70px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.blau .finder {
    background-position: 40px 60px;
    background-size: 70px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.grau .finder {
    background-position: 50px 55px;
    background-size: 75px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.open {
    width: 66.6667%;
  }

  .finder-startseite.fairtrade-finder .outer .item.open .finder {
    height: 120px;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.gruen .finder {
    background-position: 305px -5px;
    background-size: 145px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.blau .finder {
    background-position: 320px 10px;
    background-size: 120px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.grau .finder {
    background-position: 330px 15px;
    background-size: 120px auto;
  }

  .newsroom-veranstaltungen .month-top {
    padding: 0 25px;
    display: block;
  }

  .newsroom-veranstaltungen .month-top a {
    width: 111px;
  }

  .newsroom-veranstaltungen .items-wrap .item {
    text-align: left;
  }

  .newsroom-veranstaltungen .items-wrap .item .item-content {
    margin-left: 15px;
  }

  .newsroom-veranstaltungen .items-wrap .item .date {
    height: 140px;
    padding-top: 11px;
    width: 140px;
  }

  .finder-startseite.fairtrade-finder {
    margin-left: 0;
    margin-right: 0;
  }

  .news-unterseite-list-nachrichten-presse .newsItem.newsItem-image .news-content {
    margin-left: -20px;
  }

  section.content .csc-default .csc-textpic-intext-right figure {
    margin: 2px 0 12px 20px;
  }

  section.content .csc-default .csc-textpic-intext-left figure {
    margin: 2px 20px 12px 0;
  }

  .online-quiz .quiz-header h1 {
    position: absolute;
    top: 25px;
    left: 25px;
    text-align: left;
    background: #00B9E4;
    color: #fff;
    padding: 6px 5px;
    z-index: 1;
  }

  header div.main-nav nav ul.first li[data-uid="59"],
  header div.main-nav nav ul.first li[data-uid="1434"],
  header div.main-nav nav ul.first li[data-uid="1435"] {
    display: none;
  }

  header div.main-nav nav ul.first li ul.fourth {
    display: none !important;
  }

  .col-md-9 .news-detail .embed-container iframe.fullwidth {
    min-height: 485px;
  }

  .embed-container iframe {
    min-height: 315px;
  }

  .t3ddy-item .embed-container iframe {
    min-height: 400px;
  }

  .embed-container iframe.chart {
    min-height: auto;
  }

  .dropdown-categories {
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25);
  }
}

@media (min-width: 768px) {
  body.scheme-lila section.content aside,
  body.scheme-lila .bread-wrap {
    border-top: 6px solid #80379b;
  }

  body.scheme-pink section.content aside,
  body.scheme-pink .bread-wrap {
    border-top: 6px solid #e0119d;
  }

  body.scheme-blau section.content aside,
  body.scheme-blau .bread-wrap {
    border-top: 6px solid #00B9E4;
  }

  body.scheme-grn section.content aside,
  body.scheme-grn .bread-wrap {
    border-top: 6px solid #BED600;
  }

  body.scheme-orange section.content aside,
  body.scheme-orange .bread-wrap {
    border-top: 6px solid #ffa02f;
  }

  body.scheme-gold section.content aside,
  body.scheme-gold .bread-wrap {
    border-top: 6px solid #e2c577;
  }

  body.scheme-gelb section.content aside,
  body.scheme-gelb .bread-wrap {
    border-top: 6px solid #FECB00;
  }

  header div.main-nav > .container,
  header div.main-nav > .container-custom {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  header div.meta a.logo {
    top: 0;
  }

  header div.meta a.logo img {
    height: auto;
    margin: 0;
    width: 40%;
  }

  .verteilerseite-einleitung p {
    padding: 0 170px;
  }

  header div.meta nav ul li a {
    font-size: 0.75rem;
  }

  header div.meta nav {
    width: auto;
    text-align: left;
  }

  header div.meta nav ul li {
    float: left;
  }

  header div.meta a.logo {
    display: block;
  }

  header div.main-nav nav {
    float: right;
  }

  header div.main-nav nav ul.first li a {
    font-size: 20px;
  }

  header div.main-nav nav ul.first li ul.second li a {
    font-size: 1rem;
  }

  section.content.content-after-header {
    padding-top: 170px;
  }

  footer .footer-bootom {
    padding: 23px 0 20px 0;
  }

  footer .footer-bootom ul li,
  footer .footer-bootom ul li::after,
  footer .footer-bootom ul li a {
    float: left;
  }

  .news-verteilerseite-box-slider .newsitem .box-content {
    padding: 5px 10px 15px;
  }

  .latest-blog {
    height: 535px;
  }

  div.mainslider .iS-Items .slide-content {
    top: 125px;
    left: 20%;
  }

  div.mainslider .iS-Items .slide-content p.headline,
  div.mainslider .iS-Items .slide-content p.headline a {
    font-size: 70px;
    line-height: 75px;
  }

  div.mainslider .iS-Items .slide-content p.subline,
  div.mainslider .iS-Items .slide-content p.subline a {
    font-size: 14px;
  }

  div.mainslider .iS-Items .iS-Image {
    width: 100%;
    width: auto;
    left: 0;
    height: 550px;
  }

  div.mainslider .iS-Items canvas {
    display: block;
  }

  header div.main-nav nav ul.first li > span {
    display: inline-block;
  }

  header.transform-to-sticky div.meta a.logo.hidden-sticky {
    display: none !important;
  }

  header.transform-to-sticky div.meta a.logo.visible-sticky {
    display: block !important;
    top: 67px !important;
  }

  .filter-wrap .media-col.col-17 {
    width: 50%;
  }

  .galerie-standard .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -50px;
  }

  .galerie-standard .bx-wrapper .bx-controls-direction a.bx-next {
    right: -50px;
  }

  .verteilerseite-trenner .zitate-inner .zitat {
    padding: 20px 50px 30px 50px;
  }

  .verteilerseite-trenner .zitate-inner .zitat p.zitat {
    font-size: 36px;
    line-height: 40px;
  }

  .verteilerseite-trenner .zitate-inner .zitat p.zitat span {
    font-size: 50px;
  }

  .finder-startseite.fairtrade-finder .outer .item .finder p.title {
    font-size: 33px;
    line-height: 29px;
  }

  .finder-startseite.fairtrade-finder .outer .item.gruen .finder {
    background-position: 90px 33px;
    background-size: 220px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.blau .finder {
    background-position: 70px 40px;
    background-size: 120px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.grau .finder {
    background-position: 85px 30px;
    background-size: 120px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.gruen .finder {
    background-position: 530px 20px;
    background-size: 220px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.blau .finder {
    background-position: 575px 0px;
    background-size: 150px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.blau .finder div.fieldwrap {
    left: 280px;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.grau .finder {
    background-position: 629px 8px;
    background-size: 160px auto;
  }

  .finder-startseite.fairtrade-finder .outer .item.open.grau .finder div.fieldwrap {
    left: 400px;
  }

  .finder-startseite.fairtrade-finder .outer .item.open p.title {
    position: absolute;
    left: 45px;
    top: 50px;
  }

  .finder-startseite.fairtrade-finder .outer .item.open div.fieldwrap {
    position: absolute;
    left: 265px;
    top: 38px;
  }

  .newsroom-veranstaltungen .month-top a {
    width: 155px;
  }

  .newsroom-veranstaltungen .items-wrap .item .date {
    height: 205px;
    padding-top: 43px;
    width: 205px;
  }

  .presse-preview div.row-manipulate div.col-manipulate a.more-link {
    height: 103px;
  }

  .produkte-produzente .produkte-produzente-content-inner {
    margin: 0 40px;
  }

  .t3ddy-accordion h5.t3ddy-accordion-header span {
    margin: 0 25px 7px 11px;
  }

  .verteilerseite-trenner img.bg {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 992px) {
  header div.meta a.logo img {
    width: 50%;
  }

  .bild-text-teaser .teaser-content {
    padding: 16px 10px 16px 0;
  }

  .filter-wrap {
    padding: 0;
  }

  .filter-wrap .media-col.col-17 {
    width: 17.5%;
  }

  .filter-wrap .media-col.col-20 {
    width: 20%;
  }

  .filter-wrap .media-col.col-25 {
    width: 25%;
  }

  .filter-wrap .media-col.col-30 {
    width: 30%;
  }

  .filter-wrap .media-col.col-35 {
    width: 35%;
  }

  .filter-wrap .media-col.col-50 {
    width: 50%;
  }

  .pre-list-wrap .themen-wrap .medien .medium.details-right div.details-wrap,
  .list-wrap .themen-wrap .medien .medium.details-right div.details-wrap {
    left: auto;
    right: 100%;
  }

  .pre-list-wrap .themen-wrap .medien .medium.details-right div.details-wrap .details-content div.arrow,
  .list-wrap .themen-wrap .medien .medium.details-right div.details-wrap .details-content div.arrow {
    left: auto;
    right: -20px;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #2b363e;
  }

  .pre-list-wrap .themen-wrap .medien .filter-col,
  .list-wrap .themen-wrap .medien .filter-col {
    height: 365px;
  }

  .unterseite .pre-list-wrap .themen-wrap .medien .filter-col,
  .unterseite .list-wrap .themen-wrap .medien .filter-col {
    height: 390px;
  }

  .newsroom-veranstaltungen .month-top {
    padding: 0 75px;
  }

  .newsroom-veranstaltungen .month-top a {
    width: 85px;
  }

  .newsroom-veranstaltungen .items-wrap {
    padding: 35px 75px;
  }

  .newsroom-veranstaltungen .items-wrap .bx-wrapper .bx-prev {
    left: 0px;
  }

  .newsroom-veranstaltungen .items-wrap .bx-wrapper .bx-next {
    right: 0px;
  }

  .newsroom-veranstaltungen .items-wrap .item .date {
    height: 233px;
    padding-top: 50px;
    width: 233px;
  }

  .presse-preview div.row-manipulate div.col-manipulate a.more-link {
    height: 124px;
  }

  .verteilerseite-trenner .zitate-inner .zitat {
    padding: 40px 50px;
  }

  div.mainslider .iS-Items .slide-content p.subline,
  div.mainslider .iS-Items .slide-content p.subline a {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  div.mainslider .iS-Items .iS-Image {
    width: 100%;
    height: auto;
  }
}

/*
* Rebrush
*/

@font-face {
  font-family: 'Alegreya Sans Black';
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/Algreya/AlegreyaSans-Black.ttf");
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/Algreya/AlegreyaSans-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Exo2-Medium';
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/Exo/Exo2-Medium.ttf");
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/Exo/Exo2-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Exo2-Bold';
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/Exo/Exo2-Bold.ttf");
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/Exo/Exo2-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'iconfont';
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/icons/20210601/icomoon.eot");
  src: url("/typo3conf/ext/ig_project/Resources/Public/fonts/icons/20210601/icomoon.eot#iefix") format("embedded-opentype"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icons/20210601/icomoon.woff2") format("woff2"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icons/20210601/icomoon.ttf") format("truetype"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icons/20210601/icomoon.woff") format("woff"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icons/20210601/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.newicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
}

@font-face {
  font-family: 'fairtrade2';
  src: url("/typo3conf/ext/ig_project/Resources/Public/icomoon/icons/20210817/fairtrade.eot?rt3dwo");
  src: url("/typo3conf/ext/ig_project/Resources/Public/icomoon/icons/20210817/fairtrade.eot?rt3dwo#iefix") format("embedded-opentype"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210817/fairtrade.woff2?rt3dwo") format("woff2"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210817/fairtrade.ttf?rt3dwo") format("truetype"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210817/fairtrade.woff?rt3dwo") format("woff"), url("/typo3conf/ext/ig_project/Resources/Public/fonts/icomoon/20210817/fairtrade.svg?rt3dwo#fairtrade") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

body.rebrush [class^="fairtrade-"],
body.rebrush [class*=" fairtrade-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fairtrade2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Circle:before {
  content: "\e900";
}

.icon-Star-Circle:before {
  content: "\e901";
}

.icon-Star:before {
  content: "\e902";
}

.icon-Advocacy-and-citizen-engagement:before {
  content: "\e903";
}

.icon-Application:before {
  content: "\e904";
}

.icon-Banana:before {
  content: "\e905";
}

.icon-Biodiversity:before {
  content: "\e906";
}

.icon-Board-of-Directors:before {
  content: "\e907";
}

.icon-Business-Corporation:before {
  content: "\e908";
}

.icon-Campaigning:before {
  content: "\e909";
}

.icon-Child:before {
  content: "\e90a";
}

.icon-Chocolate:before {
  content: "\e90b";
}

.icon-Climate-Action:before {
  content: "\e90c";
}

.icon-Climate-Environment:before {
  content: "\e90d";
}

.icon-Cocoa-Pod:before {
  content: "\e90e";
}

.icon-Coffee-Bean:before {
  content: "\e90f";
}

.icon-Coffee:before {
  content: "\e910";
}

.icon-Collaboration:before {
  content: "\e911";
}

.icon-Community-Building:before {
  content: "\e912";
}

.icon-Contract:before {
  content: "\e913";
}

.icon-Cooperative:before {
  content: "\e914";
}

.icon-Cotton:before {
  content: "\e915";
}

.icon-Customer:before {
  content: "\e916";
}

.icon-Data:before {
  content: "\e917";
}

.icon-Decision-Making:before {
  content: "\e918";
}

.icon-Development:before {
  content: "\e919";
}

.icon-Dialogue:before {
  content: "\e91a";
}

.icon-Digitalization-supply-chains:before {
  content: "\e91b";
}

.icon-Drink:before {
  content: "\e91c";
}

.icon-Education:before {
  content: "\e91d";
}

.icon-Equal-Rights:before {
  content: "\e91e";
}

.icon-Expertise-led-Farming:before {
  content: "\e91f";
}

.icon-Fair-Equal:before {
  content: "\e920";
}

.icon-Family:before {
  content: "\e921";
}

.icon-Farm-Improvements:before {
  content: "\e922";
}

.icon-Farmer-Female:before {
  content: "\e923";
}

.icon-Farmer-Male-Female:before {
  content: "\e924";
}

.icon-Farmer-Male:before {
  content: "\e925";
}

.icon-Farmer-Neutral:before {
  content: "\e926";
}

.icon-Farmers-Improvements:before {
  content: "\e927";
}

.icon-Flowers-and-Plants:before {
  content: "\e928";
}

.icon-Flowers:before {
  content: "\e929";
}

.icon-Football:before {
  content: "\e92a";
}

.icon-Forced-Labour:before {
  content: "\e92b";
}

.icon-Fruit-Juice:before {
  content: "\e92c";
}

.icon-Fruits:before {
  content: "\e92d";
}

.icon-General-Assembly:before {
  content: "\e92e";
}

.icon-Global-Warming:before {
  content: "\e92f";
}

.icon-Global:before {
  content: "\e930";
}

.icon-Gold:before {
  content: "\e931";
}

.icon-Government:before {
  content: "\e932";
}

.icon-Grapes:before {
  content: "\e933";
}

.icon-Growth-and-Innovation:before {
  content: "\e934";
}

.icon-Healthcare:before {
  content: "\e935";
}

.icon-Honey:before {
  content: "\e936";
}

.icon-Housing:before {
  content: "\e937";
}

.icon-Human-Rights:before {
  content: "\e938";
}

.icon-Ice-Cream:before {
  content: "\e939";
}

.icon-Import-Export:before {
  content: "\e93a";
}

.icon-Independently-Certified:before {
  content: "\e93b";
}

.icon-Launchpad:before {
  content: "\e93c";
}

.icon-Man:before {
  content: "\e93d";
}

.icon-Media-2:before {
  content: "\e93e";
}

.icon-Media:before {
  content: "\e93f";
}

.icon-Microphone:before {
  content: "\e940";
}

.icon-Minimum-Price-Guarantee:before {
  content: "\e941";
}

.icon-Nuts:before {
  content: "\e942";
}

.icon-Olive-Oil:before {
  content: "\e943";
}

.icon-Partners:before {
  content: "\e944";
}

.icon-Producer-Voice:before {
  content: "\e945";
}

.icon-Professional-Training:before {
  content: "\e946";
}

.icon-Protection-of-Livehoods:before {
  content: "\e947";
}

.icon-Quinoa:before {
  content: "\e948";
}

.icon-Recognition:before {
  content: "\e949";
}

.icon-Recycling:before {
  content: "\e94a";
}

.icon-Registration:before {
  content: "\e94b";
}

.icon-Responsible-Pesticide:before {
  content: "\e94c";
}

.icon-Rice:before {
  content: "\e94d";
}

.icon-Safe-Working-Conditions:before {
  content: "\e94e";
}

.icon-Sales-Report:before {
  content: "\e94f";
}

.icon-Shopping:before {
  content: "\e950";
}

.icon-Spices:before {
  content: "\e951";
}

.icon-Sugar-Cane:before {
  content: "\e952";
}

.icon-Sugar:before {
  content: "\e953";
}

.icon-Supply-Chain:before {
  content: "\e954";
}

.icon-Sustainability:before {
  content: "\e955";
}

.icon-Sustainable-Farming:before {
  content: "\e956";
}

.icon-Sustainable-Water:before {
  content: "\e957";
}

.icon-Tea-Bag:before {
  content: "\e958";
}

.icon-Tea-Leaves:before {
  content: "\e959";
}

.icon-Tea:before {
  content: "\e95a";
}

.icon-Textiles:before {
  content: "\e95b";
}

.icon-Trader:before {
  content: "\e95c";
}

.icon-Vegetables:before {
  content: "\e95d";
}

.icon-Wildlife-Protection:before {
  content: "\e95e";
}

.icon-Wine:before {
  content: "\e95f";
}

.icon-Woman:before {
  content: "\e960";
}

.icon-Women-Empowerment:before {
  content: "\e961";
}

.icon-Worker:before {
  content: "\e962";
}

.icon-Workers-Right:before {
  content: "\e963";
}

.icon-thumbsup {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/rebrush/Like.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  display: inline-block;
}

.icon-thumbsdown {
  background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/rebrush/Dislike.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  display: inline-block;
}

.fairtrade-Impact-Edit:before {
  content: "\e9e9";
}

.fairtrade-Einsatztag:before {
  content: "\e9c9";
}

.fairtrade-Follower:before {
  content: "\e9cb";
}

.fairtrade-Geschmacksproben:before {
  content: "\e9cd";
}

.fairtrade-Gespraeche:before {
  content: "\e9cf";
}

.fairtrade-Handshake:before {
  content: "\e9d1";
}

.fairtrade-Impact-Download:before {
  content: "\e9d3";
}

.fairtrade-Impact:before {
  content: "\e9d5";
}

.fairtrade-Impressions:before {
  content: "\e9d7";
}

.fairtrade-POS-Neu:before {
  content: "\e9d9";
}

.fairtrade-POS:before {
  content: "\e9db";
}

.fairtrade-Produkte:before {
  content: "\e9dd";
}

.fairtrade-Reach-per-Post:before {
  content: "\e9df";
}

.fairtrade-Settings:before {
  content: "\e9e1";
}

.fairtrade-Sidebar---Close:before {
  content: "\e9e3";
}

.fairtrade-Sidebar---Open:before {
  content: "\e9e5";
}

.fairtrade-Social-Media:before {
  content: "\e9e7";
}

.fairtrade-Einsatztag1:before {
  content: "\e9ca";
}

.fairtrade-Follower1:before {
  content: "\e9cc";
}

.fairtrade-Geschmacksproben1:before {
  content: "\e9ce";
}

.fairtrade-Gespraeche1:before {
  content: "\e9d0";
}

.fairtrade-Handshake1:before {
  content: "\e9d2";
}

.fairtrade-Impact-Download1:before {
  content: "\e9d4";
}

.fairtrade-Impact1:before {
  content: "\e9d6";
}

.fairtrade-Impressions1:before {
  content: "\e9d8";
}

.fairtrade-POS-Neu1:before {
  content: "\e9da";
}

.fairtrade-POS1:before {
  content: "\e9dc";
}

.fairtrade-Produkte1:before {
  content: "\e9de";
}

.fairtrade-Reach-per-Post1:before {
  content: "\e9e0";
}

.fairtrade-Settings1:before {
  content: "\e9e2";
}

.fairtrade-Sidebar---Close1:before {
  content: "\e9e4";
}

.fairtrade-Sidebar---Open1:before {
  content: "\e9e6";
}

.fairtrade-Social-Media1:before {
  content: "\e9e8";
}

.fairtrade-Alkohol:before {
  content: "\e9ea";
}

.fairtrade-Alle-Produkte:before {
  content: "\e923";
}

.fairtrade-Bananen:before {
  content: "\e941";
}

.fairtrade-Blumen:before {
  content: "\e94b";
}

.fairtrade-Chips:before {
  content: "\e9b3";
}

.fairtrade-Nusse-und-Trockenfruchte-Copy:before {
  content: "\e9b3";
}

.fairtrade-Chips1:before {
  content: "\e9b4";
}

.fairtrade-Nusse-und-Trockenfruchte:before {
  content: "\e9b4";
}

.fairtrade-Fruchte:before {
  content: "\e9b5";
}

.fairtrade-Gold:before {
  content: "\e9b6";
}

.fairtrade-Honig:before {
  content: "\e9b7";
}

.fairtrade-Kaffee:before {
  content: "\e9b8";
}

.fairtrade-Koch-und-Backhilfen:before {
  content: "\e9b9";
}

.fairtrade-Kostmetik:before {
  content: "\e9ba";
}

.fairtrade-Ol-und-Gewurze:before {
  content: "\e9bb";
}

.fairtrade-Schokolade-und-Kakao:before {
  content: "\e9bc";
}

.fairtrade-Softdrinks-Copy:before {
  content: "\e9bd";
}

.fairtrade-Softdrinks:before {
  content: "\e9be";
}

.fairtrade-Sportballe:before {
  content: "\e9bf";
}

.fairtrade-Tee:before {
  content: "\e9c0";
}

.fairtrade-Zucker:before {
  content: "\e9c1";
}

.fairtrade-mobile_burger_2020:before {
  content: "\e91f";
}

.fairtrade-icon_mail:before {
  content: "\e9b0";
}

.fairtrade-icon_pin:before {
  content: "\e9b1";
}

.fairtrade-icon_user1:before {
  content: "\e9b2";
}

.fairtrade-jobs:before {
  content: "\e9a4";
}

.fairtrade-faq:before {
  content: "\e9a5";
}

.fairtrade-contact:before {
  content: "\e9a6";
}

.fairtrade-Share:before {
  content: "\e9a2";
}

.fairtrade-icon_presse:before {
  content: "\e9a1";
}

.fairtrade-icon_schriftgroesse:before {
  content: "\e999";
}

.fairtrade-icon_about_us:before {
  content: "\e99a";
}

.fairtrade-icon_blog1:before {
  content: "\e99b";
}

.fairtrade-icon_cal:before {
  content: "\e99c";
}

.fairtrade-icon_contrast:before {
  content: "\e99d";
}

.fairtrade-icon_leichte_sprache:before {
  content: "\e99e";
}

.fairtrade-icon_mediathek:before {
  content: "\e99f";
}

.fairtrade-icon_newsroom:before {
  content: "\e9a0";
}

.fairtrade-twitter_outline:before {
  content: "\e994";
}

.fairtrade-twitter_full:before {
  content: "\e995";
}

.fairtrade-bohne:before {
  content: "\e991";
}

.fairtrade-material:before {
  content: "\e992";
}

.fairtrade-tasse:before {
  content: "\e993";
}

.fairtrade-taste-search:before {
  content: "\e996";
}

.fairtrade-tag:before {
  content: "\e997";
}

.fairtrade-taste-produkte:before {
  content: "\e98c";
}

.fairtrade-taste-setting:before {
  content: "\e98d";
}

.fairtrade-taste-urkunde:before {
  content: "\e98e";
}

.fairtrade-taste-user:before {
  content: "\e98f";
}

.fairtrade-taste-password:before {
  content: "\e990";
}

.fairtrade-aktionskalender-liste:before {
  content: "\e989";
}

.fairtrade-aktionskalender-grid:before {
  content: "\e98a";
}

.fairtrade-favoritenh_herz2:before {
  content: "\e983";
}

.fairtrade-fovoriten_X2:before {
  content: "\e984";
}

.fairtrade-burger:before {
  content: "\e998";
}

.fairtrade-icon-share:before {
  content: "\e985";
}

.fairtrade-newsletter:before {
  content: "\e982";
  color: #00b9e4;
}

.fairtrade-icon_award:before {
  content: "\e97e";
}

.fairtrade-icon_herz:before {
  content: "\e97d";
}

.fairtrade-tinder_X:before {
  content: "\e97b";
}

.fairtrade-icon_pfeil_1_rechts2:before {
  content: "\e9c5";
}

.fairtrade-icon_pfeil_1_unten2:before {
  content: "\e94c";
}

.fairtrade-icon_pfeil_1_links2:before {
  content: "\e94d";
}

.fairtrade-icon_pfeil_1_oben2:before {
  content: "\e94e";
}

.fairtrade-icon_pfeil_2_rechts2:before {
  content: "\e94f";
}

.fairtrade-icon_pfeil_2_unten2:before {
  content: "\e950";
}

.fairtrade-icon_pfeil_2_links2:before {
  content: "\e954";
}

.fairtrade-icon_pfeil_2_oben2:before {
  content: "\e953";
}

.fairtrade-icon_pfeil_3_rechts2:before {
  content: "\e958";
}

.fairtrade-icon_pfeil_3_unten2:before {
  content: "\e959";
}

.fairtrade-icon_pfeil_3_links2:before {
  content: "\e95a";
}

.fairtrade-icon_pfeil_3_oben2:before {
  content: "\e95d";
}

.fairtrade-icon_schloss2:before {
  content: "\e95e";
}

.fairtrade-icon_user2:before {
  content: "\e961";
}

.fairtrade-icon_search2:before {
  content: "\e962";
}

.fairtrade-icon_info2:before {
  content: "\e964";
}

.fairtrade-icon_einfache_sprache2:before {
  content: "\e965";
}

.fairtrade-icon_minus2:before {
  content: "\e966";
}

.fairtrade-icon_x2:before {
  content: "\e967";
}

.fairtrade-icon_plus2:before {
  content: "\e96d";
}

.fairtrade-icon_liste2:before {
  content: "\e96c";
}

.fairtrade-icon_download2:before {
  content: "\e96b";
}

.fairtrade-icon_play2:before {
  content: "\e96a";
  color: #fff;
}

.fairtrade-icon_docutment2:before {
  content: "\e969";
}

.fairtrade-icon_youtube_clean2:before {
  content: "\e968";
}

.fairtrade-icon_print2:before {
  content: "\e955";
}

.fairtrade-icon_facebook2:before {
  content: "\e956";
}

.fairtrade-icon_twitter2:before {
  content: "\e957";
}

.fairtrade-icon_youtube2:before {
  content: "\e95c";
}

.fairtrade-icon_flickr2:before {
  content: "\e95b";
}

.fairtrade-icon_rss2:before {
  content: "\e920";
}

.fairtrade-whatsapp1:before {
  content: "\e9a3";
}

.fairtrade-icon_home2:before {
  content: "\e95f";
}

.fairtrade-icon_phone2:before {
  content: "\e960";
}

.fairtrade-icon_www22:before {
  content: "\e963";
}

.fairtrade-mediathek_more2:before {
  content: "\e979";
}

.fairtrade-icon_check:before {
  content: "\e94a";
}

.fairtrade-icon-alle-medien:before {
  content: "\e9a8";
}

.fairtrade-icon-flyer:before {
  content: "\e9a9";
}

.fairtrade-icon-podcasts:before {
  content: "\e9aa";
}

.fairtrade-icon-poster:before {
  content: "\e9ab";
}

.fairtrade-icon-praese:before {
  content: "\e9ac";
}

.fairtrade-icon-statements:before {
  content: "\e9ad";
}

.fairtrade-icon-videos:before {
  content: "\e9ae";
}

.fairtrade-icon_m_warenkorb2:before {
  content: "\e96e";
}

.fairtrade-icon_m_download2:before {
  content: "\e96f";
}

.fairtrade-icon_m_berichte_studien2:before {
  content: "\e970";
}

.fairtrade-icon_m_alle2:before {
  content: "\e971";
}

.fairtrade-icon_m_flyer2:before {
  content: "\e972";
}

.fairtrade-icon_m_poster2:before {
  content: "\e973";
}

.fairtrade-icon_m_praasentation2:before {
  content: "\e974";
}

.fairtrade-icon_m_statement2:before {
  content: "\e975";
}

.fairtrade-icon_m_video2:before {
  content: "\e976";
}

.fairtrade-icon_m_werbematerial2:before {
  content: "\e977";
}

.fairtrade-circle_xing:before {
  content: "\e9c8";
}

.fairtrade-youtube_2:before {
  content: "\e9c6";
}

.fairtrade-icon-social-podcasts:before {
  content: "\e9af";
}

.fairtrade-icon_podcast:before {
  content: "\e9a7";
}

.fairtrade-mail_fr:before {
  content: "\e987";
}

.fairtrade-icon_blog:before {
  content: "\e986";
}

.fairtrade-grad:before {
  content: "\e981";
}

.fairtrade-icon_youtube_clean:before {
  content: "\e918";
}

.fairtrade-icon_m_warenkorb:before {
  content: "\e933";
}

.fairtrade-icon_m_download:before {
  content: "\e934";
}

.fairtrade-icon_m_berichte_studien:before {
  content: "\e935";
}

.fairtrade-icon_m_alle:before {
  content: "\e936";
}

.fairtrade-icon_m_flyer:before {
  content: "\e937";
}

.fairtrade-icon_m_poster:before {
  content: "\e938";
}

.fairtrade-icon_m_praasentation:before {
  content: "\e939";
}

.fairtrade-icon_m_statement:before {
  content: "\e93a";
}

.fairtrade-icon_m_video:before {
  content: "\e93c";
}

.fairtrade-icon_m_werbematerial:before {
  content: "\e93b";
}

.fairtrade-icon_pfeil_1_rechts:before {
  content: "\e900";
}

.fairtrade-icon_pfeil_1_unten:before {
  content: "\e901";
}

.fairtrade-icon_pfeil_1_links:before {
  content: "\e902";
}

.fairtrade-icon_pfeil_1_oben:before {
  content: "\e903";
}

.fairtrade-icon_pfeil_2_rechts:before {
  content: "\e904";
}

.fairtrade-icon_pfeil_2_unten:before {
  content: "\e905";
}

.fairtrade-icon_pfeil_2_links:before {
  content: "\e906";
}

.fairtrade-icon_pfeil_2_oben:before {
  content: "\e907";
}

.fairtrade-icon_pfeil_3_rechts:before {
  content: "\e908";
}

.fairtrade-icon_pfeil_3_unten:before {
  content: "\e909";
}

.fairtrade-icon_pfeil_3_links:before {
  content: "\e90a";
}

.fairtrade-icon_pfeil_3_oben:before {
  content: "\e90b";
}

.fairtrade-icon_schloss:before {
  content: "\e90c";
}

.fairtrade-icon_user:before {
  content: "\e90d";
}

.fairtrade-icon_search:before {
  content: "\e90e";
}

.fairtrade-icon_info:before {
  content: "\e90f";
}

.fairtrade-icon_einfache_sprache:before {
  content: "\e910";
}

.fairtrade-icon_minus:before {
  content: "\e911";
}

.fairtrade-icon_x:before {
  content: "\e912";
}

.fairtrade-icon_plus:before {
  content: "\e913";
}

.fairtrade-icon_liste:before {
  content: "\e914";
}

.fairtrade-icon_download:before {
  content: "\e915";
}

.fairtrade-icon_play:before {
  content: "\e916";
}

.fairtrade-icon_docutment:before {
  content: "\e917";
}

.fairtrade-icon_print:before {
  content: "\e919";
}

.fairtrade-icon_facebook:before {
  content: "\e91a";
}

.fairtrade-icon_twitter:before {
  content: "\e91b";
}

.fairtrade-icon_youtube:before {
  content: "\e91c";
}

.fairtrade-icon_flickr:before {
  content: "\e91d";
}

.fairtrade-icon_instagram:before {
  content: "\e949";
}

.fairtrade-icon_rss:before {
  content: "\e91e";
}

.fairtrade-footer-linkedin:before {
  content: "\e97a";
}

.fairtrade-icon_home:before {
  content: "\e93d";
}

.fairtrade-icon_phone:before {
  content: "\e942";
}

.fairtrade-icon_www2:before {
  content: "\e943";
}

.fairtrade-file-default:before {
  content: "\e9c4";
}

.fairtrade-file-pdf:before {
  content: "\e945";
}

.fairtrade-file-doc:before {
  content: "\e93f";
}

.fairtrade-file-xls:before {
  content: "\e940";
}

.fairtrade-icon_pics:before {
  content: "\e951";
}

.fairtrade-icon_bananen:before {
  content: "\e9c2";
}

.fairtrade-icon_baumwolle:before {
  content: "\e93e";
}

.fairtrade-icon_fruechte1:before {
  content: "\e98b";
}

.fairtrade-icon_blumen:before {
  content: "\e921";
}

.fairtrade-icon_eis:before {
  content: "\e9c3";
}

.fairtrade-icon_fruechte:before {
  content: "\e922";
}

.fairtrade-icon_gemuese:before {
  content: "\e924";
}

.fairtrade-icon_getraenke:before {
  content: "\e925";
}

.fairtrade-icon_gewuerze_oel_essig:before {
  content: "\e926";
}

.fairtrade-icon_gold:before {
  content: "\e927";
}

.fairtrade-icon_honig:before {
  content: "\e928";
}

.fairtrade-icon_kaffee:before {
  content: "\e929";
}

.fairtrade-icon_kakao:before {
  content: "\e92a";
}

.fairtrade-icon_koch_backhilfen:before {
  content: "\e92b";
}

.fairtrade-icon_korb:before {
  content: "\e92c";
}

.fairtrade-icon_kosmetik:before {
  content: "\e92d";
}

.fairtrade-icon_reis:before {
  content: "\e92e";
}

.fairtrade-icon_sportbaelle:before {
  content: "\e92f";
}

.fairtrade-icon_tee:before {
  content: "\e930";
}

.fairtrade-icon_trockenfruechte_nuesse:before {
  content: "\e931";
}

.fairtrade-icon_zucker:before {
  content: "\e932";
}

.fairtrade-sweets:before {
  content: "\e988";
}

.fairtrade-mediathek_more:before {
  content: "\e946";
}

.fairtrade-favoritenh_herz:before {
  content: "\e97f";
}

.fairtrade-fovoriten_X:before {
  content: "\e980";
}

.fairtrade-phone:before {
  content: "\e947";
}

.fairtrade-heart:before {
  content: "\e97c";
}

.fairtrade-checkmark:before {
  content: "\e978";
}

.fairtrade-paragraph-justify:before {
  content: "\e944";
}

.fairtrade-mail4:before {
  content: "\e948";
}

.fairtrade-whatsapp:before {
  content: "\e952";
}

.fairtrade-xing:before {
  content: "\e9c7";
}

.background-mint {
  background: #09fbd3;
}

.color-mint {
  color: #09fbd3;
}

.background-pink {
  background: #e0119d;
}

.color-pink {
  color: #e0119d;
}

.background-orange {
  background: #ffa02f;
}

.color-orange {
  color: #ffa02f;
}

.background-lime {
  background: #d4ff47;
}

.color-lime {
  color: #d4ff47;
}

body.favoriten-sitc.rebrush {
  background: linear-gradient(180deg, #ff4571 0%, #ff4571 100%);
  background-color: #ff4571;
}

body.favoriten-sitc.rebrush a.btn {
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 32px;
  color: #fff;
  background: #001b6e;
}

body.favoriten-sitc.rebrush a.btn.white-on-blue {
  color: #fff;
  background: #001b6e;
}

body.favoriten-sitc.rebrush a.btn.mint-on-blue {
  color: #09fbd3;
  background: #001b6e;
}

body.favoriten-sitc.rebrush a.btn.arrow-down {
  padding-right: 50px;
}

body.favoriten-sitc.rebrush a.btn.arrow-down:after {
  content: "\e950";
  color: #09fbd3;
  font-family: 'fairtrade';
  font-size: 18px;
  margin-left: 10px;
}

body.favoriten-sitc.rebrush .tx-ig-favorite .start p.h1 {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 80px;
  position: absolute;
  left: 10%;
  top: 7%;
}

body.favoriten-sitc.rebrush .tx-ig-favorite .start .start-wrapper {
  background: #09fbd3;
  max-height: 750px;
  overflow: hidden;
}

body.favoriten-sitc.rebrush .tx-ig-favorite .start .start-wrapper p {
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
}

body.favoriten-sitc.rebrush .tx-ig-favorite .start .start-wrapper p.h3 {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 34px;
  line-height: 40px;
}

body.favoriten-sitc.rebrush .tx-ig-favorite .start .start-wrapper .btn {
  color: #fff;
  background: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 32px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer {
  background: linear-gradient(180deg, #ff4571 0%, #ff4571 100%);
  background-color: #ff4571;
  padding-top: 5%;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header {
  margin-bottom: 40px;
  padding-left: 110px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header h2,
body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header legend {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 64px;
  line-height: 60px;
  margin: 0;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header h3 {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 34px;
  line-height: 40px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header:before {
  color: #fff;
  font-family: 'iconfont';
  content: "\e921";
  font-size: 90px;
  top: -28px;
  position: absolute;
  left: 0;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer h2,
body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer legend {
  color: #fff;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 48px;
  line-height: 50px;
  margin: 0 0 10px 0;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer h3 {
  color: #fff;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 28px;
  line-height: 34px;
  margin: 0 0 6px 0;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Exo2-Medium';
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer a.btn {
  margin-bottom: 60px;
  margin-top: 20px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer ul.contentList li {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Exo2-Medium';
  padding-left: 42px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer ul.contentList li b,
body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer ul.contentList li strong {
  font-size: 28px;
  line-height: 34px;
  font-family: 'Alegreya Sans Black';
  margin-bottom: 10px;
  display: inline-block;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer ul.contentList li:before {
  color: #001b6e;
  font-family: 'iconfont';
  content: "\e901";
  font-size: 28px;
  top: 9px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 {
  background: linear-gradient(180deg, #09fbd3 0%, #09fbd3 100%);
  background-color: #09fbd3;
  padding-top: 5%;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h2,
body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 legend {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 64px;
  line-height: 60px;
  margin: 0;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h3 {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 34px;
  line-height: 40px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h4 {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 40px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h4 a {
  color: #001b6e;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 p {
  color: #1e1e1e;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header {
  margin-bottom: 40px;
  padding-left: 110px;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header:before {
  color: #001b6e;
  font-family: 'iconfont';
  content: "\e951";
  font-size: 90px;
  top: -21px;
  position: absolute;
  left: 0;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 p {
  font-family: 'Exo2-Medium';
  font-size: 18px;
  line-height: 28px;
  color: #1e1e1e;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .content .ce-textpic figure {
  margin: 0;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .content .ce-textpic figure figcaption {
  display: none;
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .content .col-lg-6 .ce-textpic figure {
  margin: 0 0 40px 0;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.35);
}

body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame-type-gridelements_pi1 {
  margin: 0;
}

body.favoriten-sitc.rebrush .homepage-newsletter {
  display: none;
}

body.favoriten-sitc.rebrush section.content.content-trenner {
  background: linear-gradient(180deg, #ff4571 0%, #ff4571 100%);
  background-color: #ff4571;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro .box {
  max-width: 937px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro h2,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro legend {
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  background: #fff;
  color: #001b6e;
  font-size: 48px;
  padding: 0px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro .tx-powermail fieldset legend,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro legend {
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  background: #ff8000;
  color: #fff;
  font-size: 28px;
  padding: 5px 20px 3px 20px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro > .btn {
  background: #001b6e;
  color: #fff;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 32px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .intro .box .desc,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .intro .box .desc p {
  font-family: 'Exo2-Medium';
  font-size: 18px;
  line-height: 28px;
  color: #1e1e1e;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .fairtrade-fovoriten_X,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .btn-left.btn-left {
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Icons/rebrush/Dislike.svg");
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .fairtrade-favoritenh_herz,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .btn-right.btn-right {
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Icons/rebrush/Like.svg");
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro .box .imges .like span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .intro .box .imges .dislike span {
  width: 75px;
  height: 75px;
  box-shadow: 0px 0px 0px 0px #fff;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .intro .box .imges .dislike p,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .intro .box .imges .like p {
  font-size: 20px;
  line-height: 24px;
  font-family: 'Alegreya Sans Black';
  color: #1e1e1e;
  text-transform: none;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .col-12.claim {
  background: none;
  padding-top: 3%;
  height: 210px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .col-12.claim p.h1 {
  font-family: 'Alegreya Sans Black';
  color: #001b6e;
  text-transform: none;
  text-align: center;
  display: block !important;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline h2 span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline legend span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline legend span {
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  background: #ff8000;
  font-size: 28px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .desc {
  font-family: 'Exo2-Medium';
  text-transform: none;
  color: #001b6e;
  font-size: 18px;
  line-height: 26px;
  padding: 0px 10%;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart h2,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .tx-powermail fieldset legend,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart legend {
  width: 120%;
  margin-left: -10%;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart h2 span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .tx-powermail fieldset legend span,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart legend span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .tx-powermail fieldset legend span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart legend span {
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  color: #001b6e;
  background: #fff;
  font-size: 48px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart h2 span,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .tx-powermail fieldset legend span,
.tx-powermail fieldset body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart legend span {
  line-height: 52px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart p {
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .col-12.claim p.h1,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart p.h1 {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 80px;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}

@media (max-width: 768px) {
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .col-12.claim p.h1,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart p.h1 {
    font-size: 36px;
  }
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .fields .form label {
  font-family: 'Exo2-Bold';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 22px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .powermail_checkbox label {
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 22px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .powermail_checkbox label a {
  font-weight: normal;
  font-family: 'Exo2-Bold';
  color: #001b6e;
  font-size: 18px;
  line-height: 22px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .fields .form input,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .select3000 {
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  border: 2px solid #dadada;
  border-radius: 3px;
  height: 60px;
  margin-bottom: 38px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .btn {
  color: #fff;
  background: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 28px;
  line-height: 32px;
  padding: 16px 32px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .errorMsg {
  font-family: 'Exo2-Medium';
  font-size: 18px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .fields {
  max-width: 100%;
  padding: 0px 50px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .powermail_checkbox input {
  width: 18px;
  height: 18px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .thx p span {
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  color: #001b6e;
  background: #fff;
  font-size: 48px;
  line-height: 56px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .thx p {
  font-family: 'Exo2-Medium';
  color: #1e1e1e;
  font-size: 18px;
  line-height: 28px;
}

body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .thx h3,
body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .thx span.share {
  color: #001b6e;
  font-family: 'Alegreya Sans Black';
  text-transform: none;
  font-size: 34px;
  line-height: 40px;
}

@media (max-width: 414px) {
  body.favoriten-sitc.rebrush .col-lg-3 .ce-outer,
  body.favoriten-sitc.rebrush .col-lg-3 .ce-bodytext {
    text-align: center;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .col-12.claim {
    height: 110px;
  }

  body.favoriten-sitc.rebrush .tx-ig-favorite .start p.h1 {
    font-size: 36px;
  }

  body.favoriten-sitc.rebrush .tx-ig-favorite .start .start-wrapper p.h3 {
    font-size: 26px;
    line-height: 28px;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .col-12.claim p.h1,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart p.h1 {
    font-size: 36px;
    color: #001b6e;
    font-family: 'Alegreya Sans Black';
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer p,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 p {
    font-size: 16px;
    line-height: 26px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header:before {
    top: -19px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header {
    padding-left: 70px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header:before,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header:before {
    font-size: 60px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer legend,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 legend {
    font-size: 23px;
    line-height: 25px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer h3,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h3 {
    font-size: 20px;
    line-height: 24px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header legend,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header legend {
    font-size: 23px;
    line-height: 25px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header h3,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header h3 {
    font-size: 17px;
    line-height: 22px;
  }

  body.favoriten-sitc.rebrush a.btn {
    font-size: 22px;
    margin-bottom: 40px;
  }

  body.favoriten-sitc.rebrush .content .ce-textpic figure {
    max-width: 100%;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer ul.contentList li b,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer ul.contentList li strong {
    font-size: 22px;
    line-height: 28px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer ul.contentList li {
    font-size: 16px;
    line-height: 26px;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline h2 span,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline legend span,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline .tx-powermail fieldset legend span,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .headline legend span {
    font-size: 16px;
    line-height: 24px;
    box-shadow: 0px 0px 0px 5px #ff8000;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .wrapper .product-list .product .desc {
    font-size: 14px;
    line-height: 24px;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart h2 span,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .tx-powermail fieldset legend span,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart legend span,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .tx-powermail fieldset legend span,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart legend span {
    box-shadow: 0px 0px 0px 0px #fff;
    font-size: 18px;
    line-height: 36px;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .fields {
    padding: 0;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart .box label a {
    font-size: 12px;
    line-height: 15px;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .thx p span {
    box-shadow: 0px none;
  }
}

@media (max-width: 320px) {
  body.favoriten-sitc.rebrush .tx-ig-favorite .start p.h1 {
    font-size: 34px;
  }

  body.favoriten-sitc.rebrush .tx-ig-favorite .newview .col-12.claim p.h1,
  body.favoriten-sitc.rebrush .tx-ig-favorite #newPart p.h1 {
    font-size: 34px;
  }

  body.favoriten-sitc.rebrush .tx-ig-favorite .start .start-wrapper p.h3 {
    font-size: 21px;
    line-height: 28px;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .newview .col-12.claim p.h1,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite #newPart p.h1 {
    font-size: 34px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header {
    padding-left: 60px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header:before,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header:before {
    font-size: 50px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer legend,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 legend {
    font-size: 20px;
    line-height: 23px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer h3,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 h3 {
    font-size: 20px;
    line-height: 23px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header legend,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header h2,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header .tx-powermail fieldset legend,
  .tx-powermail fieldset body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header legend {
    font-size: 20px;
    line-height: 23px;
  }

  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer .frame header h3,
  body.favoriten-sitc.rebrush section.content-verteilerseite.margin-footer.section-5 .frame header h3 {
    font-size: 14px;
    line-height: 16px;
  }

  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .intro .box .imges .dislike p,
  body.favoriten-sitc.rebrush section.content.content-trenner .tx-ig-favorite .intro .box .imges .like p {
    font-size: 18px;
  }
}

@media (max-width: 1023px) {
  body.favoriten-sitc .tx-ig-favorite .wrapper .product-list .product .desc {
    background-color: rgba(222, 190, 157, 0.85);
    width: 80%;
    border-radius: 5px;
    left: calc(20% / 2);
    padding: 5px 5px;
  }
}

body.rebrush.verteilerseite {
  background: #001b6e;
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Icons/rebrush/STD_Unity_Pattern.png");
  background-repeat: repeat-y;
  background-position: top left;
  background-size: 46px;
}

body.rebrush.verteilerseite:before {
  content: '';
  display: block;
  background: url("/typo3conf/ext/ig_project/Resources/Public/Icons/rebrush/30_Jahre_FT.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  width: 49px;
  height: 116px;
  position: absolute;
  right: 5%;
  top: 63px;
}

body.rebrush.verteilerseite section.content.content-verteilerseite .bread-wrap {
  display: none;
}

body.rebrush.verteilerseite .content {
  text-align: left;
  padding-left: 32px;
}

body.rebrush.verteilerseite .content h1 {
  padding-top: 40px;
  font-family: 'Alegreya Sans Black';
  font-size: 38px;
  line-height: 46px;
  color: #fff;
  text-transform: none;
  margin-bottom: 10px;
  text-align: left;
}

body.rebrush.verteilerseite .content h2,
body.rebrush.verteilerseite .content .tx-powermail fieldset legend,
.tx-powermail fieldset body.rebrush.verteilerseite .content legend {
  font-family: 'Alegreya Sans Black';
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  text-transform: none;
  margin-bottom: 40px;
  text-align: left;
}

body.rebrush.verteilerseite .content h2 b,
body.rebrush.verteilerseite .content .tx-powermail fieldset legend b,
.tx-powermail fieldset body.rebrush.verteilerseite .content legend b,
body.rebrush.verteilerseite .content h2 strong,
body.rebrush.verteilerseite .content .tx-powermail fieldset legend strong,
.tx-powermail fieldset body.rebrush.verteilerseite .content legend strong {
  color: #d4ff47;
}

body.rebrush.verteilerseite .content p {
  font-family: 'Exo2-Medium';
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 20px;
  text-align: left;
}

body.rebrush.verteilerseite .content p b,
body.rebrush.verteilerseite .content p strong {
  font-family: 'Exo2-Bold';
  font-size: 20px;
  line-height: 40px;
  color: #fff;
}

body.rebrush.verteilerseite .content h3 {
  font-family: 'Alegreya Sans Black';
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  text-transform: none;
  margin-bottom: 40px;
  text-align: left;
}

body.rebrush.verteilerseite .content h3 b,
body.rebrush.verteilerseite .content h3 strong {
  font-size: 18px;
  color: #d4ff47;
  padding-top: 0px;
  display: block;
}

body.rebrush.verteilerseite .content .col-lg-6 h3 {
  margin-bottom: 10px;
  text-align: left;
}

body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row {
  max-width: 1000px;
  margin: auto;
}

body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row .col-12 {
  padding: 0;
}

body.rebrush.verteilerseite .content .icon-kachel {
  color: #fff;
  font-size: 56px;
  width: 78px;
  height: 78px;
  padding-top: 12px;
  display: block;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}

body.rebrush.verteilerseite .content .icon-kachel:before {
  font-family: 'iconfont';
}

body.rebrush.verteilerseite .content .icon-kachel h4 {
  position: absolute;
  left: 100%;
  top: 34%;
  padding-left: 20px;
  font-family: 'Alegreya Sans Black';
  font-size: 18px;
  line-height: 25px;
  text-transform: none;
  text-align: left;
}

body.rebrush.verteilerseite .content .icon-jubilaeum {
  background-image: url("/typo3conf/ext/ig_project/Resources/Public/Icons/rebrush/icon_jabilaeumsfeier.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
}

body.rebrush.verteilerseite .content header h3 {
  font-size: 18px;
  max-width: 820px;
  margin: auto;
  margin-bottom: 120px;
  padding-top: 0px;
}

body.rebrush.verteilerseite footer.homepage-newsletter {
  display: none;
}

@media (min-width: 768px) {
  body.rebrush.verteilerseite {
    background-size: 80px;
  }

  body.rebrush.verteilerseite:before {
    width: 75px;
    height: 180px;
  }

  body.rebrush.verteilerseite .content {
    text-align: center;
    padding: 0;
  }

  body.rebrush.verteilerseite .content h1 {
    font-size: 60px;
    line-height: 80px;
    margin-bottom: 20px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content h2,
  body.rebrush.verteilerseite .content .tx-powermail fieldset legend,
  .tx-powermail fieldset body.rebrush.verteilerseite .content legend {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content p {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 40px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content p b,
  body.rebrush.verteilerseite .content p strong {
    font-size: 28px;
    line-height: 40px;
  }

  body.rebrush.verteilerseite .content h3 {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content h3 b,
  body.rebrush.verteilerseite .content h3 strong {
    font-size: 30px;
    padding-top: 10px;
  }

  body.rebrush.verteilerseite .content .col-lg-6 h3 {
    margin-bottom: 20px;
  }

  body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row {
    max-width: 1000px;
    margin: 0px 0px 0px 149px;
  }

  body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row .col-12 {
    padding-right: 15px;
    padding-left: 15px;
  }

  body.rebrush.verteilerseite .content .icon-kachel {
    font-size: 130px;
    padding-top: 30px;
    width: 190px;
    height: 190px;
    margin-bottom: 40px;
  }

  body.rebrush.verteilerseite .content .icon-kachel h4 {
    top: 40%;
    padding-left: 30px;
    font-size: 25px;
    line-height: 36px;
    text-align: left;
  }

  body.rebrush.verteilerseite .content header h3 {
    padding-top: 30px;
    font-size: 34px;
    max-width: 560px;
  }
}

@media (min-width: 1024px) {
  body.rebrush.verteilerseite {
    background-size: 80px;
  }

  body.rebrush.verteilerseite:before {
    width: 110px;
    height: 300px;
    right: 10%;
    top: 25px;
  }

  body.rebrush.verteilerseite .content {
    text-align: center;
    padding: 0;
  }

  body.rebrush.verteilerseite .content h1 {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 20px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content h2,
  body.rebrush.verteilerseite .content .tx-powermail fieldset legend,
  .tx-powermail fieldset body.rebrush.verteilerseite .content legend {
    font-size: 48px;
    line-height: 50px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content p {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 40px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content p b,
  body.rebrush.verteilerseite .content p strong {
    font-size: 32px;
    line-height: 40px;
  }

  body.rebrush.verteilerseite .content h3 {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
  }

  body.rebrush.verteilerseite .content h3 b,
  body.rebrush.verteilerseite .content h3 strong {
    font-size: 34px;
    padding-top: 20px;
  }

  body.rebrush.verteilerseite .content .col-lg-6 h3 {
    margin-bottom: 20px;
  }

  body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row {
    max-width: 750px;
    margin: auto;
  }

  body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row .col-12 {
    padding-right: 15px;
    padding-left: 15px;
  }

  body.rebrush.verteilerseite .content .icon-kachel {
    font-size: 130px;
    padding-top: 30px;
    width: 190px;
    height: 190px;
    margin-bottom: 40px;
  }

  body.rebrush.verteilerseite .content .icon-kachel h4 {
    top: 40%;
    padding-left: 15px;
    font-size: 25px;
    line-height: 36px;
  }

  body.rebrush.verteilerseite .content header h3 {
    padding-top: 30px;
    font-size: 34px;
    max-width: 820px;
  }
}

@media (min-width: 1200px) {
  body.rebrush.verteilerseite {
    background-size: 160px;
  }

  body.rebrush.verteilerseite:before {
    width: 110px;
    height: 300px;
    right: 10%;
    top: 125px;
  }

  body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row {
    max-width: 1000px;
    margin: auto;
  }

  body.rebrush.verteilerseite .content .frame-type-gridelements_pi1 .row .col-12 {
    padding-right: 15px;
    padding-left: 15px;
  }

  body.rebrush.verteilerseite .content .icon-kachel h4 {
    padding-left: 30px;
  }
}

@media (max-width: 320px) {
  body.rebrush.verteilerseite .content h1 {
    font-size: 34px;
  }
}

.--honeyHoney {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}